@xh/hoist 56.5.0 → 56.6.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # Changelog
 
+## 56.6.0 - 2023-06-01
+
+### 🎁 New Features
+* New global property `AgGrid.DEFAULT_PROPS` to provide application wide defaults for any instances
+of the `AgGrid` Component.
+
+### ⚙️ Technical
+* The workaround of defaulting the AgGrid prop `suppressBrowserResizeObserver` to `true`, added in
+v56.3.0, has been removed. This workaround can cause problems and should not be needed for upcoming
+`AgGrid` versions. If you do need this setting for your application, please set it with the new
+`DEFAULT_PROPS` property described above.
+
+### 🐞 Bug Fixes
+
+* Fixed broken change handler for mobile inputs that wrap around Onsen UI inputs, including
+  `NumberInput`, `SearchInput`, and `TextInput`.
+
+### 📚 Libraries
+
+* @blueprintjs/core `^4.14 -> ^4.20` (apps might have already updated to a newer minor version)
+* dompurify `2.4 -> 3.0`
+
 ## 56.5.0 - 2023-05-26
 
 ### 🎁 New Features

package/cmp/ag-grid/AgGrid.ts

@@ -82,9 +82,9 @@ export const [AgGrid, agGrid] = hoistCmp.withFactory<AgGridProps>({
             ),
             ...layoutProps,
             item: createElement(AgGridReact, {
+                ...AgGrid['DEFAULT_PROPS'],
                 // Default some ag-grid props, but allow overriding.
                 getRowHeight: impl.getRowHeight,
-                suppressBrowserResizeObserver: true,
                 // Pass others on directly.
                 ...agGridProps,
 
@@ -123,6 +123,14 @@ export const [AgGrid, agGrid] = hoistCmp.withFactory<AgGridProps>({
     AgGrid.HEADER_HEIGHTS_MOBILE = {large: 42, standard: 38, compact: 34, tiny: 30};
     AgGrid.getHeaderHeightForSizingMode = mode =>
         (XH.isMobileApp ? AgGrid.HEADER_HEIGHTS_MOBILE : AgGrid.HEADER_HEIGHTS)[mode];
+
+    /**
+     * Default props to apply to all instances of the AgGrid Component in this application.
+     *
+     * Note that these settings will be overridden by any values provided by the application
+     * to any particular grid instance.
+     */
+    AgGrid.DEFAULT_PROPS = {};
 })(AgGrid);
 
 class AgGridLocalModel extends HoistModel {

package/desktop/appcontainer/ToastSource.ts

@@ -8,7 +8,7 @@ import {ToastModel} from '@xh/hoist/appcontainer/ToastModel';
 import {ToastSourceModel} from '@xh/hoist/appcontainer/ToastSourceModel';
 import {div} from '@xh/hoist/cmp/layout';
 import {hoistCmp, HoistModel, useLocalModel, uses, lookup} from '@xh/hoist/core';
-import {Toaster, ToasterPosition} from '@xh/hoist/kit/blueprint';
+import {OverlayToaster, ToasterPosition} from '@xh/hoist/kit/blueprint';
 import classNames from 'classnames';
 import {isElement, map} from 'lodash';
 import {wait} from '../../promise';
@@ -94,7 +94,7 @@ class ToastSourceLocalModel extends HoistModel {
         // We want to just memoize this by two args (one object)?  Is there a library for this?
         const toasters = toasterMap.get(container) || {};
         if (!toasters[position])
-            toasters[position] = Toaster.create({position, className}, container);
+            toasters[position] = OverlayToaster.create({position, className}, container);
         toasterMap.set(container, toasters);
         return toasters[position];
     }

package/kit/blueprint/index.ts

@@ -4,24 +4,24 @@
  *
  * Copyright © 2023 Extremely Heavy Industries Inc.
  */
-import {elementFactory} from '@xh/hoist/core';
 import {
     Classes,
     ContextMenu,
     Dialog,
     FocusStyleManager,
-    HotkeysProvider,
     type HotkeyConfig,
+    HotkeysProvider,
     Overlay,
+    OverlayToaster,
     Popover,
     PopoverInteractionKind,
     Position,
-    Toaster,
     type ToasterPosition,
     useHotkeys
 } from '@blueprintjs/core';
 import '@blueprintjs/core/lib/css/blueprint.css';
 import '@blueprintjs/datetime/lib/css/blueprint-datetime.css';
+import {elementFactory} from '@xh/hoist/core';
 import './styles.scss';
 
 // Only show focus indicators when tabbing through components - avoids drawing focus outlines
@@ -46,7 +46,7 @@ export {
     Classes,
     PopoverInteractionKind,
     Position,
-    Toaster,
+    OverlayToaster,
     ToasterPosition
 };
 export * from './Wrappers';

package/mobile/cmp/input/NumberInput.ts

@@ -254,7 +254,7 @@ const cmp = hoistCmp.factory<NumberInputModel>(
             },
             spellCheck: false,
 
-            onChange: model.onValueChange,
+            onInput: model.onValueChange,
             onKeyDown: model.onKeyDown,
             onBlur: model.onBlur,
             onFocus: model.onFocus,

package/mobile/cmp/input/SearchInput.ts

@@ -93,7 +93,7 @@ const cmp = hoistCmp.factory<SearchInputModel>(({model, className, ...props}, re
             textAlign: withDefault(props.textAlign, 'left')
         },
 
-        onChange: model.onChange,
+        onInput: model.onChange,
         onKeyDown: model.onKeyDown,
         onBlur: model.onBlur,
         onFocus: model.onFocus,

package/mobile/cmp/input/TextInput.ts

@@ -130,7 +130,7 @@ const cmp = hoistCmp.factory<TextInputModel>(({model, className, ...props}, ref)
                 className: 'xh-text-input__input',
                 style: {textAlign: withDefault(props.textAlign, 'left')},
 
-                onChange: model.onChange,
+                onInput: model.onChange,
                 onKeyDown: model.onKeyDown,
                 onBlur: model.onBlur,
                 onFocus: model.onFocus

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xh/hoist",
-  "version": "56.5.0",
+  "version": "56.6.0",
   "description": "Hoist add-on for building and deploying React Applications.",
   "repository": "github:xh/hoist-react",
   "homepage": "https://xh.io",
@@ -30,8 +30,8 @@
     ]
   },
   "dependencies": {
-    "@blueprintjs/core": "^4.14.1",
-    "@blueprintjs/datetime": "^4.4.10",
+    "@blueprintjs/core": "^4.20.0",
+    "@blueprintjs/datetime": "^4.4.35",
     "@fortawesome/fontawesome-pro": "^6.2.1",
     "@fortawesome/fontawesome-svg-core": "^6.2.1",
     "@fortawesome/pro-light-svg-icons": "^6.2.1",
@@ -87,7 +87,7 @@
     "@ag-grid-community/client-side-row-model": "29.x",
     "@ag-grid-community/core": "29.x",
     "@ag-grid-community/react": "29.x",
-    "@xh/hoist-dev-utils": "^6.1.2",
+    "@xh/hoist-dev-utils": "^6.2.0",
     "eslint-config-prettier": "8.x",
     "eslint-plugin-tsdoc": "^0.2.17",
     "husky": "^8.0.3",

package/static/README.md

@@ -19,9 +19,6 @@ within its `configureWebpack()` build script factory.
 * `preflight.js` - included by later HDU versions (see above) before any other Hoist or application
   code runs on the page. Used to start page load timing and run a low-level filter for browser
   compatibility.
-* `requiredBlueprintIcons.js` - included by HDU >= v5.2 as a (very) streamlined replacement for the
-  full set of Blueprint JS icons otherwise required by that library. See the comment at the top of
-  the file for additional details and links.
 * `spinner.png` - included by HDU >= 5.11 and embedded within static `index-no-inline.html` entry
   page to provide visual indicator that something is happening when JS app has yet to d/l and start.
 

package/static/requiredBlueprintIcons.js

@@ -1,28 +0,0 @@
-/**
- * This file replaces the MUCH larger versions included within the blueprintjs/icons dependency,
- * which itself is required by Blueprint core. This file is swapped in at build-time by the
- * `@xh/hoist-dev-utils` webpack config to only bundle the icons required by BP-based  Hoist React
- * components, nicely reducing overall app bundle size.
- *
- * See https://github.com/xh/hoist-react/issues/1963 for further details, see the dev-utils
- * `configureWebpack()` method for the implementation referencing this file.
- */
-export const IconSvgPaths16 = {
-    // used on context menu menuItem when a menu has submenus
-    'caret-right': ['M11 8c0-.15-.07-.28-.17-.37l-4-3.5A.495.495 0 006 4.5v7a.495.495 0 00.83.37l4-3.5c.1-.09.17-.22.17-.37z'],
-    // used in datepicker's calendar scroll
-    'chevron-left': ['M7.41 8l3.29-3.29c.19-.18.3-.43.3-.71a1.003 1.003 0 00-1.71-.71l-4 4C5.11 7.47 5 7.72 5 8c0 .28.11.53.29.71l4 4a1.003 1.003 0 001.42-1.42L7.41 8z'],
-    'chevron-right': ['M10.71 7.29l-4-4a1.003 1.003 0 00-1.42 1.42L8.59 8 5.3 11.29c-.19.18-.3.43-.3.71a1.003 1.003 0 001.71.71l4-4c.18-.18.29-.43.29-.71 0-.28-.11-.53-.29-.71z'],
-    // used on toast close buttons
-    'cross': ['M9.41 8l3.29-3.29c.19-.18.3-.43.3-.71a1.003 1.003 0 00-1.71-.71L8 6.59l-3.29-3.3a1.003 1.003 0 00-1.42 1.42L6.59 8 3.3 11.29c-.19.18-.3.43-.3.71a1.003 1.003 0 001.71.71L8 9.41l3.29 3.29c.18.19.43.3.71.3a1.003 1.003 0 00.71-1.71L9.41 8z'],
-    // used on dialog close buttons
-    'small-cross': ['M9.41 8l2.29-2.29c.19-.18.3-.43.3-.71a1.003 1.003 0 00-1.71-.71L8 6.59l-2.29-2.3a1.003 1.003 0 00-1.42 1.42L6.59 8 4.3 10.29c-.19.18-.3.43-.3.71a1.003 1.003 0 001.71.71L8 9.41l2.29 2.29c.18.19.43.3.71.3a1.003 1.003 0 00.71-1.71L9.41 8z']
-
-};
-export const IconSvgPaths20 = {
-    'caret-right': ['M14 10c0-.31-.15-.57-.37-.76l.01-.01-6-5-.01.01C7.46 4.1 7.24 4 7 4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1 .24 0 .46-.1.63-.24l.01.01 6-5-.01-.01c.22-.19.37-.45.37-.76z'],
-    'chevron-left': ['M8.41 10l5.29-5.29c.19-.18.3-.43.3-.71a1.003 1.003 0 00-1.71-.71l-6 6c-.18.18-.29.43-.29.71 0 .28.11.53.29.71l6 6a1.003 1.003 0 001.42-1.42L8.41 10z'],
-    'chevron-right': ['M13.71 9.29l-6-6a1.003 1.003 0 00-1.42 1.42l5.3 5.29-5.29 5.29c-.19.18-.3.43-.3.71a1.003 1.003 0 001.71.71l6-6c.18-.18.29-.43.29-.71 0-.28-.11-.53-.29-.71z'],
-    'cross': ['M11.41 10l4.29-4.29c.19-.18.3-.43.3-.71a1.003 1.003 0 00-1.71-.71L10 8.59l-4.29-4.3a1.003 1.003 0 00-1.42 1.42L8.59 10 4.3 14.29c-.19.18-.3.43-.3.71a1.003 1.003 0 001.71.71l4.29-4.3 4.29 4.29c.18.19.43.3.71.3a1.003 1.003 0 00.71-1.71L11.41 10z'],
-    'small-cross': ['M11.41 10l3.29-3.29c.19-.18.3-.43.3-.71a1.003 1.003 0 00-1.71-.71L10 8.59l-3.29-3.3a1.003 1.003 0 00-1.42 1.42L8.59 10 5.3 13.29c-.19.18-.3.43-.3.71a1.003 1.003 0 001.71.71l3.29-3.3 3.29 3.29c.18.19.43.3.71.3a1.003 1.003 0 00.71-1.71L11.41 10z']
-};