What's New in Wijmo 2018 v2

Wijmo 2018 v2 Build 5.20182.524 - September 26, 2018

Build 524 is available. This minor release includes a rollback to the FlexGrid’s default row height that was changed in build 523. This minor change can affect the appearance of the FlexGrid’s overall height, row visibility, and the presentation of cell template items. The new build reverts the change to the style and behavior of previous Wijmo build versions (500 and earlier) to prevent breaking UI changes.

_________________________________________________________________

Wijmo 2018 v2 Build 5.20182.523 - September 12, 2018

Build 523 has released. It includes an interesting new Business Intelligence PWA sample, submenu support added to our Menu control, PDF performance enhancements, and more.

New Business Intelligence PWA Sample

We created a MyBI sample app to show how easy it can be to build progressive web apps using Wijmo. It gets sales data stored in a Google Sheet and creates a dashboard to support business decisions.

Change Log

• [WebComponents] Added Beta version of the WebComponents interop (wijmo.webcomponents.xxx.js modules). The Samples\TS\WebComponents\WebComponentsIntro sample explains the status and usage of the interop.
• [npm] Wijmo is published to the global npm registry as the 'wijmo' package.
• [PWA] Added new MyBI sample, a Business Intelligence Progressive Web Application. It gets sales data stored in a Google Sheet and creates a dashboard to support business decisions.
• Added new HierarchicalMenu sample that demonstrates how to use the new submenu feature of our Menu control.
• Added new DropDownTree sample that demonstrates how to show a TreeView in the drop-down.
• [Menu] Added a Menu.subItemsPath property that allows the creation of hierarchical (multi-level) menus. This is similar to the childItemsPath property in the FlexGrid and TreeView controls. The Menu.subItemsPath property specifies the name of a property that is used to populate child menus when the parent item is clicked.
• [Menu] Added a Menu.openOnHover property that causes the menu (and any sub-menus) to open and close automatically when the mouse hovers over the control.
• [wijmo.pdf][wijmo.grid.pdf] Improved performance, memory consumption is reduced.
• Improved accessibility for grids with imeEnabled (made IME element aria-invisible)
• Improved RTL support in Calendar/DropDown/Popup controls.
• Improved touch support on input (don't show the soft keyboard when picking from drop-downs) and gauge controls (allow touch-scrolling on read-only gauges)
• Added support for popups in HTML

Check out the Build 523 Release

_________________________________________________________________

Wijmo 2018 v2 - July 18, 2018

Change Log

• [WebComponents] Added Beta version of the WebComponents interop (wijmo.webcomponents.xxx.js modules). The Samples\TS\WebComponents\WebComponentsIntro sample explains the status and usage of the interop.
• [npm] Wijmo is published to the global npm registry as the 'wijmo' package.
• [WebComponents] Added AllComponents sample, which includes all major supported components.
• Added web-based Wijmo Designer application for designing PureJS controls with a Visual Studio-like property grid and design surface.
• Added VSCode Wijmo Designer extension for designing controls with a Visual Studio-like property grid and design surface.
• Wijmo CSS files are implemented using Sass now.
• [React/Redux] Added React/Redux CryptoCurrencyTracking sample. This is a quite big application implemented using React, Redux and Wijmo for React interop.
• [ES6] Wijmo ES6 npm images (wijmo-es2015-commonjs-min and wijmo-es2015-esm-min folders in NpmImages) of build 462 are approved as a release version.
• [a11y] Added a wj-state-focus class selector that complements the wj-state-focused selector. The wj-state-focus selector gets the Wijmo control that has the focus. The wj-state-focused selector gets all Wijmo controls that contain the focus. For example, if you have nested Wijmo controls A, B, and C, and control C contains the active element, then .wj-state-focus will select C and .wj-state-focused will select A, B, and C. The wj-state-focus selector can be useful for implementing focus outlines in CSS. For example:

.wj-state-focus,
            a:focus,
            button:not(.wj-btn-default):focus,
            input:not(.wj-form-control):focus,
            input[type=checkbox]:focus {
                box-shadow: 0px 0px 17px 0px rgb(41,173,68);
            }
            

• [a11y] Improved accessibility for Calendar, TreeView, InputDate, and FlexGridFilter.
• [a11y] Added aria-required attribute to the FlexGrid native editor element
• [a11y] Replaced buttons with button elements (better accessibility, supports enter/space keys)
• [a11y] Replaced all cell buttons in FlexGrid with button elements (filter, detail, list, collapse/expand)
• [a11y] Added ARIA attributes to buttons in DropDown, InputDateTime, InputNumber, Calendar, ColumnFilterEditor controls
• [a11y] Added aria-selected attribute to selected items in ListBox, Calendar, TreeView (like FlexGrid and TabPanel)
• [a11y] Cleaned up ComboBox ARIA attributes
• [a11y] Added roving tabindex to Calendar and TreeView controls (better accessibility, like FlexGrid and TabPanel)
• [a11y] Added a 'describedById' property to the FlexGrid's ColumnCollecion and Column classes. This is used to set the aria-describedby attribute on column header and filter elements.
• [a11y] Added a keyActionEnter property to the FlexGridDetailProvider class.
• Improved FlexGrid.virtualizationThreshold to support arrays: [rowThreshold, columnThreshold]* [Vue2] Added numerous child components, like various chart series.
• [Vue2] Child components now correctly work in dynamic scenarios like along with the v-for and v-if directives.
• [Vue2] Added WjFlexGridDetail component.
• [Vue2] Added new samples.
• All samples use httpS CDN references.
• OData samples use httpS now.
• WijmoHelp is updated with the Wijmo Designer topic.
• Documentation is updated with the Sass related topics.
• Added a Gauge.stackRanges property that causes the control to stack the ranges. The RadialGauge shows them as concentric sectors, the LinearGauge as stacked bars.
• Added a FlexGrid.autoSearch property that allows users to search for content in the grid by into non-editable cells.
• Optimized ComboBox performance when opening the drop-down.
• Optimized ListBox performance when populating the list.
• Added an ODataCollectionView.expand property to allow retrieval of related entities (as in OData's $expand option).
• Added an ODataCollectionView.jsonReviver property that allows customization of the parsing process for JSON data returned from the server.
• Support to insert/remove columns in bound sheet for FlexSheet.
• Added a document property to the PdfPageArea class.
• Added a drawDetailRows property to the IFlexGridDrawSettings interface.
• Added a requestHeaders property to the ReportViewer and PdfViewer controls.
• Added a beforeSendRequest event to the ReportViewer and PdfViewer controls.
• Added a parameters property to the ReportViewer control.
• Improved CollectionView sorting to handle diacritics (accents).

Breaking Changes

• [NPM] The "themes" folder is a child of the "styles" folder now. It was the sibling with "styles" before.
• The new Sass-based CSS files contains some rules that are more specific than the original CSS, so if you have custom CSS files you may need to adjust their rules.
• The new CSS files have more consistent rules about colors, padding, etc, so you may see some small changes when you upgrade. For example, we made item padding consistent among ListBox, FlexGrid, Calendar, etc.
• The new Sass-based theme files are self-contained and do not require you to add the base wijmo.css file to the page anymore. This means one less HTTP request for pages that contain themed controls. This is not a breaking change, but a chance to improve performance.
• Changed the default value of the AutoComplete.isContentHtml property from true to false. This should not affect most applications, and the new default prevents involuntary script/html injection. If it does affect your application, set the AutoComplete.isContentHtml property to true and you will get the original behavior.

Check out the Wijmo V2 Release