All Versions
81
Latest Version
Avg Release Cycle
31 days
Latest Release
959 days ago
Changelog History
Page 2
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 thefetch()
method can be used to download the data.html <json-data url="..." manual-fetch-mode>
js document.querySelector('json-data[manual-fetch-mode]').fetch()
- Added HTML Attribute
- โก๏ธ Updated
-
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
- โก๏ธ Updated the new Animation Service and Plugin to include an optional property for specifying
-
v5.10.0 Changes
September 03, 2021- โ Added new
sourceMaps
property tojsxLoader
- This allows for easier debugging from Browser DevTools. This has been tested and confirmed to work with recent versions of Chrome/Edge, Firefox, and Safari.
- Requires
isSupportedBrowser
set tofalse
so that Babel Standalone is used as the compiler. - Example usage:
js jsxLoader.isSupportedBrowser = false; jsxLoader.sourceMaps = true;
- This is related to issue https://github.com/dataformsjs/dataformsjs/issues/18
- Special Thanks to Yang Zhao for opening this issue https://github.com/yangzhaox This issue helped improved how debugging works with the JSX Loader
- โ Added Animation Plugin and Web Component
js/plugins/animation.js
https://github.com/dataformsjs/dataformsjs/blob/master/js/plugins/animation.jsjs/web-components/animation-service.js
https://github.com/dataformsjs/dataformsjs/blob/master/js/web-components/animation-service.jsjs/web-components/animation-service.css
https://github.com/dataformsjs/dataformsjs/blob/master/js/web-components/animation-service.css- Demos:
- https://dataformsjs.com/examples/animation-web.htm
- https://dataformsjs.com/examples/animation-js.htm
- โ Added new
-
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; }"
- Updated logic related to the HTML
- ๐ Web Component
-
v5.9.0 Changes
June 05, 2021- โ Added a Generic base
Component
class for Web Components that extendsHTMLElement
js/web-components/Component.js
- https://github.com/dataformsjs/dataformsjs/blob/master/js/web-components/Component.js
- This class can be used to speed development of custom Web Components by reducing the amount of code needed to create components.
- https://www.dataformsjs.com/examples/custom-web-components.htm
- โ Added a Generic base
-
v5.8.1 Changes
April 29, 2021- โก๏ธ Update
<data-list>
Web Component to clearinnerHTML
when an empty list is passed to thevalue
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.
- This matches the intended behavior for applications and matches the Framework JavaScript
- โก๏ธ 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>
andstartDate
was null then the value12/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>
- โก๏ธ Update
-
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
from7.12.9
to7.12.12
. At the time of release Babel is update to version7.13.12
however builds starting at7.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
from2.4.2
to2.4.3
and added support for CSS Ponyfill/Polyfill on inline<style>
elements that include the attributedata-css-vars-ponyfill
- Updated CDN Version for
- โ 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.
- โก๏ธ JSX Loader Updates
-
v5.7.1 Changes
March 06, 2021- โก๏ธ Updated Framework
filter.js
Plugin to handlesort.js
classesdata-sort-class-odd
anddata-sort-class-even
when using table column filters (typically for a click to filter event). Previously the classes were handled for general table filters.
- โก๏ธ Updated Framework
-
v5.7.0 Changes
February 03, 2021- โ Added Features to
<data-table>
Web Component and Framework Control- https://github.com/dataformsjs/dataformsjs/blob/master/js/web-components/data-table.js
- https://github.com/dataformsjs/dataformsjs/blob/master/js/controls/data-table.js
- Added support for Footer templates when using new attribute
data-footer
with either<template data-footer>
or<script type="text/x-template" data-footer>
- A
<tfoot>
element will be rendered and it allows for summary functions to report off of table details: count()
sum('field')
min('field')
max('field')
avg('field')
- Try demo
http://127.0.0.1:8080/web-components-data-table
and view source https://github.com/dataformsjs/dataformsjs/blob/master/examples/web-components-data-table.htm
- โ Added
format.round(number, decimalPlaces)
, function added for Web Components, Framework, and React Class: - React
<JsonData>
Component- Added new property
childProps
which can be used to pass props from a higher level component to the child components in theisLoaded
property. This can be used to pass hook functions and data needed by the child component that doesn't come from the Web Service. - https://github.com/dataformsjs/dataformsjs/blob/master/js/react/es6/JsonData.js
- Added new property
- โก๏ธ Updated
app.jsTemplate.compile()
to support an array for the first parameter.- This was added for new features related to
<data-table>
- https://github.com/dataformsjs/dataformsjs/blob/master/js/extensions/jsTemplate.js
- This was added for new features related to
- โ Added Features to
-
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
- ๐ Fix to load CSS Variable Polyfill/Ponyfill from Web Components