All Versions
81
Latest Version
Avg Release Cycle
31 days
Latest Release
959 days ago

Changelog History
Page 2

  • v5.10.2 Changes

    September 25, 2021
    • ⚡️ Updated <json-data> Web Component
      • Added HTML Attribute manual-fetch-mode, that if defined on an element prevents the web service from running when the page first loads. This allows for scenarios where one user may need to see the data and another user may not based on permissions. When this attribute is defined the fetch() method can be used to download the data. html <json-data url="..." manual-fetch-mode> js document.querySelector('json-data[manual-fetch-mode]').fetch()

  • v5.10.1 Changes

    September 03, 2021
    • ⚡️ Updated the new Animation Service and Plugin to include an optional property for specifying intersectionRatio * ```html

    // Framework Plugin Property app.plugins.animation.intersectionRatio = 0.3

  • v5.10.0 Changes

    September 03, 2021

  • v5.9.1 Changes

    August 06, 2021
    • 🌐 Web Component <json-data>
      • Updated logic related to the HTML onready event attribute to only run JavaScript code if the <json-data> is still connected to the page when the web service completes.
      • For SPA if the user clicks of the page on a long running task then fetch will still be running but the element will not longer be connected.
      • This would result in an error being shown to the user if an expected element or other item is missing from the page.
      • In the example below if the user clicked of the page quickly an error alert would be displayed by default, this update prevents the code from running so the end user has a better and expected experience. html <json-data onready="() => { document.getElementById('element1').textContent = document.getElementById('element2').textContent; }"

  • v5.9.0 Changes

    June 05, 2021

  • v5.8.1 Changes

    April 29, 2021
    • ⚡️ Update <data-list> Web Component to clear innerHTML when an empty list is passed to the value property.
      • This matches the intended behavior for applications and matches the Framework JavaScript <data-list> Control
      • An example of when this would happen is on a search screen. If the previous search returned data and the next search returns an error then both error and past data would show. This fixes the issue.
    • ⚡️ Update functions format.date(), format.dateTime(), format.time() to handle null or empty strings
      • Update affects related code for all version:
      • Web Components: js/web-components/utils-format.js
      • React Class: js/react/es6/Format.js
      • Framework: js/extensions/format.js
      • Example of the issue
      • If Web Component <data-table> or other templating code called <td>${format.date(startDate)}</td> and startDate was null then the value 12/31/1969 would be displayed because it's the starting Unix time.
      • The previous work-around was to use logic in the templating code like this: <td>${startDate === null ? '' : format.date(startDate)}</td>

  • v5.8.0 Changes

    March 24, 2021
    • ⚡️ JSX Loader Updates
      • Improvements for Legacy Browsers (IE, UC Browser, Legacy Edge, etc)
      • Add default support for destructuring assignment using spread operator, previously this was available but required extra config. This is commonly used with reducers (both Redux and native React Hooks).
      • Updated version of @babel/standalone from 7.12.9 to 7.12.12. At the time of release Babel is update to version 7.13.12 however builds starting at 7.12.13 have a broken regex for IE
      • Add support for <hr/>. With previous releases <hr/> caused a compiler error while including the space <hr /> worked.
    • DataFormsJS Framework app
      • Updated CDN Version for css-vars-ponyfill from 2.4.2 to 2.4.3 and added support for CSS Ponyfill/Polyfill on inline <style> elements that include the attribute data-css-vars-ponyfill
    • ➕ Added Class CssVars for React
      • Allows for ability to define CSS Variable Polyfill/Ponyfill automatically for older browsers.
      • Previously some of the examples had custom code included directly on each page to make this happen.
      • Now a [data-css-vars-ponyfill] attribute simply needs to be included on the style sheet, example: ~~~html ~~~
      • Then call CssVars.ponyfill() from JavaScript
      • This class is available in the root DataFormsJS React Namespace
      • When used this automatically downloads and runs css-vars-ponyfill one time when the page is first loaded.
      • https://github.com/jhildenbiddle/css-vars-ponyfill
      • As of 2021 this will mostly used on sites that support IE 11. Unless a very old version of Mobile Safari or Android Device is used they will typically support CSS Variables.

  • v5.7.1 Changes

    March 06, 2021
    • ⚡️ Updated Framework filter.js Plugin to handle sort.js classes data-sort-class-odd and data-sort-class-even when using table column filters (typically for a click to filter event). Previously the classes were handled for general table filters.

  • v5.7.0 Changes

    February 03, 2021

  • v5.6.1 Changes

    January 04, 2021
    • 🛠 Fix to load CSS Variable Polyfill/Ponyfill from Web Components polyfill.js for basic Web Pages when not SPA