@semcore/core 16.0.0-prerelease.7 → 16.0.0

package/lib/utils/enhances/WithKeyboardFocus.mjs

@@ -0,0 +1,84 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { PureComponent } from 'react';
+import createHoc from "../createHoc.mjs";
+import { internalSetState } from "../uncontroll.mjs";
+import fire from "../fire.mjs";
+var usingKeyBoard = true;
+export var EnhancedWithKeyboardFocus = /*#__PURE__*/function (_PureComponent) {
+  _inherits(EnhancedWithKeyboardFocus, _PureComponent);
+  var _super = _createSuper(EnhancedWithKeyboardFocus);
+  function EnhancedWithKeyboardFocus() {
+    var _this;
+    _classCallCheck(this, EnhancedWithKeyboardFocus);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      keyboardFocused: false
+    });
+    _defineProperty(_assertThisInitialized(_this), "handlerFocus", function (e) {
+      fire(_assertThisInitialized(_this), 'onFocus', e);
+      if (usingKeyBoard) {
+        internalSetState(_assertThisInitialized(_this), {
+          keyboardFocused: true
+        });
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "handlerBlur", function (e) {
+      fire(_assertThisInitialized(_this), 'onBlur', e);
+      internalSetState(_assertThisInitialized(_this), {
+        keyboardFocused: false
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "handlerKeyDown", function (e) {
+      fire(_assertThisInitialized(_this), 'onKeyDown', e);
+      usingKeyBoard = true;
+    });
+    _defineProperty(_assertThisInitialized(_this), "handlerMouseDown", function (e) {
+      fire(_assertThisInitialized(_this), 'onMouseDown', e);
+      usingKeyBoard = false;
+    });
+    return _this;
+  }
+  _createClass(EnhancedWithKeyboardFocus, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        children = _this$props.children,
+        tabIndex = _this$props.tabIndex,
+        disabled = _this$props.disabled;
+      var keyboardFocused = this.state.keyboardFocused;
+      return children({
+        tabIndex: disabled ? -1 : tabIndex,
+        keyboardFocused: keyboardFocused,
+        onFocus: this.handlerFocus,
+        onBlur: this.handlerBlur,
+        onKeyDown: this.handlerKeyDown,
+        onMouseDown: this.handlerMouseDown
+      });
+    }
+  }], [{
+    key: "getDerivedStateFromProps",
+    value: function getDerivedStateFromProps(props, state) {
+      if (props.keyboardFocused !== undefined) {
+        return {
+          keyboardFocused: props.keyboardFocused
+        };
+      }
+      return state;
+    }
+  }]);
+  return EnhancedWithKeyboardFocus;
+}(PureComponent);
+_defineProperty(EnhancedWithKeyboardFocus, "displayName", 'EnhancedWithKeyboardFocus');
+_defineProperty(EnhancedWithKeyboardFocus, "defaultProps", {
+  tabIndex: 0
+});
+export default createHoc(EnhancedWithKeyboardFocus);
+//# sourceMappingURL=WithKeyboardFocus.mjs.map

package/lib/utils/enhances/WithKeyboardFocus.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"WithKeyboardFocus.mjs","names":["PureComponent","createHoc","internalSetState","fire","usingKeyBoard","EnhancedWithKeyboardFocus","_PureComponent","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","keyboardFocused","e","_createClass","key","value","render","_this$props","props","children","tabIndex","disabled","state","onFocus","handlerFocus","onBlur","handlerBlur","onKeyDown","handlerKeyDown","onMouseDown","handlerMouseDown","getDerivedStateFromProps","undefined"],"sources":["../../../src/utils/enhances/WithKeyboardFocus.tsx"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport createHoc from '../createHoc';\nimport { internalSetState } from '../uncontroll';\nimport fire from '../fire';\nimport { UnknownProperties } from '../../core-types/UnknownProperties';\n\n/** @deprecated */\nexport interface IEnhancedWithKeyboardFocusInjectedProps\n  extends EnhancedWithKeyboardFocusInjectedProps {}\nexport type EnhancedWithKeyboardFocusInjectedProps = {\n  tabIndex: number;\n  keyboardFocused: boolean;\n\n  onFocus(e: FocusEvent): void;\n\n  onBlur(e: FocusEvent): void;\n\n  onKeyDown(e: KeyboardEvent): void;\n\n  onMouseDown(e: MouseEvent): void;\n};\n\n/** @deprecated */\nexport interface IEnhancedWithKeyboardFocusProps\n  extends EnhancedWithKeyboardFocusProps,\n    UnknownProperties {}\nexport type EnhancedWithKeyboardFocusProps = {\n  keyboardFocused?: boolean;\n  tabIndex?: number;\n  disabled?: boolean;\n\n  children(props: IEnhancedWithKeyboardFocusInjectedProps): React.ReactNode;\n};\n\n/** @deprecated */\nexport interface IEnhancedWithKeyboardFocusState\n  extends EnhancedWithKeyboardFocusState,\n    UnknownProperties {}\nexport type EnhancedWithKeyboardFocusState = {\n  keyboardFocused: boolean;\n};\n\nlet usingKeyBoard = true;\n\nexport class EnhancedWithKeyboardFocus extends PureComponent<\n  IEnhancedWithKeyboardFocusProps,\n  IEnhancedWithKeyboardFocusState\n> {\n  static displayName = 'EnhancedWithKeyboardFocus';\n\n  static defaultProps = {\n    tabIndex: 0,\n  };\n\n  static getDerivedStateFromProps(props: any, state: any) {\n    if (props.keyboardFocused !== undefined) {\n      return {\n        keyboardFocused: props.keyboardFocused,\n      };\n    }\n    return state;\n  }\n\n  state = {\n    keyboardFocused: false,\n  };\n\n  handlerFocus = (e: FocusEvent) => {\n    fire(this, 'onFocus', e);\n    if (usingKeyBoard) {\n      internalSetState(this, { keyboardFocused: true });\n    }\n  };\n\n  handlerBlur = (e: FocusEvent) => {\n    fire(this, 'onBlur', e);\n    internalSetState(this, { keyboardFocused: false });\n  };\n\n  handlerKeyDown = (e: KeyboardEvent) => {\n    fire(this, 'onKeyDown', e);\n    usingKeyBoard = true;\n  };\n\n  handlerMouseDown = (e: MouseEvent) => {\n    fire(this, 'onMouseDown', e);\n    usingKeyBoard = false;\n  };\n\n  render() {\n    const { children, tabIndex, disabled } = this.props;\n    const { keyboardFocused } = this.state;\n    return children({\n      tabIndex: disabled ? -1 : tabIndex!,\n      keyboardFocused,\n      onFocus: this.handlerFocus,\n      onBlur: this.handlerBlur,\n      onKeyDown: this.handlerKeyDown,\n      onMouseDown: this.handlerMouseDown,\n    });\n  }\n}\n\nexport default createHoc(EnhancedWithKeyboardFocus);\n"],"mappings":"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"}

package/lib/utils/enhances/{WithRef.cjs → WithRef.js}

@@ -23,4 +23,4 @@ function WithForwardRef() {
 }
 var _default = WithForwardRef;
 exports["default"] = _default;
-//# sourceMappingURL=WithRef.cjs.map
+//# sourceMappingURL=WithRef.js.map

package/lib/utils/enhances/WithRef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WithRef.js","names":["_react","_interopRequireDefault","require","_getDisplayName","_hoistNonReactStatics","WithForwardRef","ForwardRef","Component","Wrapped","React","forwardRef","props","ref","createElement","_extends2","defaultProps","forwardedRef","displayName","getDisplayName","hoistNonReactStatics","_default","exports"],"sources":["../../../src/utils/enhances/WithRef.tsx"],"sourcesContent":["import React from 'react';\nimport getDisplayName from '../getDisplayName';\nimport hoistNonReactStatics from 'hoist-non-react-statics';\n\nfunction WithForwardRef() {\n  return function ForwardRef<T extends React.ComponentType>(Component: T) {\n    const Wrapped = React.forwardRef((props, ref) => {\n      // @ts-ignore\n      return <Component {...(Component.defaultProps || {})} {...props} forwardedRef={ref} />;\n    });\n    Wrapped.displayName = getDisplayName(Component);\n    return hoistNonReactStatics(Wrapped, Component) as any;\n  };\n}\n\nexport default WithForwardRef;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,qBAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,SAASG,cAAcA,CAAA,EAAG;EACxB,OAAO,SAASC,UAAUA,CAAgCC,SAAY,EAAE;IACtE,IAAMC,OAAO,gBAAGC,iBAAK,CAACC,UAAU,CAAC,UAACC,KAAK,EAAEC,GAAG,EAAK;MAC/C;MACA,oBAAOZ,MAAA,YAAAa,aAAA,CAACN,SAAS,MAAAO,SAAA,iBAAMP,SAAS,CAACQ,YAAY,IAAI,CAAC,CAAC,EAAOJ,KAAK;QAAEK,YAAY,EAAEJ;MAAI,GAAG;IACxF,CAAC,CAAC;IACFJ,OAAO,CAACS,WAAW,GAAG,IAAAC,0BAAc,EAACX,SAAS,CAAC;IAC/C,OAAO,IAAAY,gCAAoB,EAACX,OAAO,EAAED,SAAS,CAAC;EACjD,CAAC;AACH;AAAC,IAAAa,QAAA,GAEcf,cAAc;AAAAgB,OAAA,cAAAD,QAAA"}

package/lib/utils/enhances/WithRef.mjs

@@ -0,0 +1,18 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+import getDisplayName from "../getDisplayName.mjs";
+import hoistNonReactStatics from 'hoist-non-react-statics';
+function WithForwardRef() {
+  return function ForwardRef(Component) {
+    var Wrapped = /*#__PURE__*/React.forwardRef(function (props, ref) {
+      // @ts-ignore
+      return /*#__PURE__*/React.createElement(Component, _extends({}, Component.defaultProps || {}, props, {
+        forwardedRef: ref
+      }));
+    });
+    Wrapped.displayName = getDisplayName(Component);
+    return hoistNonReactStatics(Wrapped, Component);
+  };
+}
+export default WithForwardRef;
+//# sourceMappingURL=WithRef.mjs.map

package/lib/utils/enhances/WithRef.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"WithRef.mjs","names":["React","getDisplayName","hoistNonReactStatics","WithForwardRef","ForwardRef","Component","Wrapped","forwardRef","props","ref","createElement","_extends","defaultProps","forwardedRef","displayName"],"sources":["../../../src/utils/enhances/WithRef.tsx"],"sourcesContent":["import React from 'react';\nimport getDisplayName from '../getDisplayName';\nimport hoistNonReactStatics from 'hoist-non-react-statics';\n\nfunction WithForwardRef() {\n  return function ForwardRef<T extends React.ComponentType>(Component: T) {\n    const Wrapped = React.forwardRef((props, ref) => {\n      // @ts-ignore\n      return <Component {...(Component.defaultProps || {})} {...props} forwardedRef={ref} />;\n    });\n    Wrapped.displayName = getDisplayName(Component);\n    return hoistNonReactStatics(Wrapped, Component) as any;\n  };\n}\n\nexport default WithForwardRef;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,cAAc,MAAM,uBAAmB;AAC9C,OAAOC,oBAAoB,MAAM,yBAAyB;AAE1D,SAASC,cAAcA,CAAA,EAAG;EACxB,OAAO,SAASC,UAAUA,CAAgCC,SAAY,EAAE;IACtE,IAAMC,OAAO,gBAAGN,KAAK,CAACO,UAAU,CAAC,UAACC,KAAK,EAAEC,GAAG,EAAK;MAC/C;MACA,oBAAOT,KAAA,CAAAU,aAAA,CAACL,SAAS,EAAAM,QAAA,KAAMN,SAAS,CAACO,YAAY,IAAI,CAAC,CAAC,EAAOJ,KAAK;QAAEK,YAAY,EAAEJ;MAAI,GAAG;IACxF,CAAC,CAAC;IACFH,OAAO,CAACQ,WAAW,GAAGb,cAAc,CAACI,SAAS,CAAC;IAC/C,OAAOH,oBAAoB,CAACI,OAAO,EAAED,SAAS,CAAC;EACjD,CAAC;AACH;AAEA,eAAeF,cAAc"}

package/lib/utils/enhances/{a11yEnhance.cjs → a11yEnhance.js}

@@ -71,4 +71,4 @@ var a11yEnhance = function a11yEnhance(options) {
 };
 var _default = a11yEnhance;
 exports["default"] = _default;
-//# sourceMappingURL=a11yEnhance.cjs.map
+//# sourceMappingURL=a11yEnhance.js.map

package/lib/utils/enhances/a11yEnhance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"a11yEnhance.js","names":["_assignProps","require","defaultOnNeighborChange","neighborElement","focus","defaultFindNeighbor","listSelectors","element","direction","elementSibling","includes","indexElement","findIndex","node","lengthList","length","lastIndex","indexNext","a11yEnhance","options","findNeighbor","onNeighborChange","childSelector","props","concat","getNeighbor","neighbor","disabled","handleKeyDown","event","parent","currentTarget","selectedElement","target","_ref","_ref2","_slicedToArray2","childAttrName","childAttrValue","getAttribute","Array","from","querySelectorAll","key","preventDefault","_objectSpread2","onKeyDown","callAllEventHandlers","_default","exports"],"sources":["../../../src/utils/enhances/a11yEnhance.tsx"],"sourcesContent":["import { callAllEventHandlers } from '../assignProps';\nimport React from 'react';\n\ntype OnNeighborChange<P> = (neighborElement: HTMLElement, props: P) => void;\ntype FindNeighbor = (\n  listSelectors: HTMLElement[],\n  element: HTMLElement,\n  direction: string,\n) => HTMLElement | undefined;\ntype ChildSelector<P> = [string, string] | ((props: P) => [string, string]);\n\ntype A11yEnhanceOptions<P = any> = {\n  findNeighbor?: FindNeighbor;\n  onNeighborChange?: OnNeighborChange<P>;\n  childSelector: ChildSelector<P>;\n};\n\nconst defaultOnNeighborChange: OnNeighborChange<any> = (neighborElement) => {\n  neighborElement?.focus();\n};\n\nconst defaultFindNeighbor: FindNeighbor = (listSelectors, element, direction) => {\n  const elementSibling = ['right', 'top'].includes(direction) ? 1 : -1;\n  const indexElement = listSelectors.findIndex((node) => node === element);\n  const lengthList = listSelectors.length;\n\n  const lastIndex = lengthList - 1;\n  let indexNext = indexElement + elementSibling;\n  if (indexNext < 0) indexNext = lastIndex;\n  if (indexNext > lastIndex) indexNext = 0;\n  return listSelectors[indexNext];\n};\n\nconst a11yEnhance = (options: A11yEnhanceOptions) => {\n  const findNeighbor = options.findNeighbor || defaultFindNeighbor;\n  const onNeighborChange = options.onNeighborChange || defaultOnNeighborChange;\n  const { childSelector } = options;\n\n  return (props: any) => {\n    if (!childSelector)\n      throw `parameter childSelector not passed in options for a11yEnhance for ${props['data-ui-name']}`;\n    const getNeighbor = (\n      listSelectors: any,\n      element: HTMLElement,\n      direction: string,\n    ): HTMLElement => {\n      const neighbor = findNeighbor(listSelectors, element, direction);\n      if (!neighbor) return element;\n      if ('disabled' in neighbor && neighbor.disabled)\n        return getNeighbor(listSelectors, neighbor, direction);\n      return neighbor;\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n      const parent = event.currentTarget;\n      const selectedElement = event.target as HTMLElement;\n      const [childAttrName, childAttrValue] =\n        typeof childSelector === 'function' ? childSelector(props) : childSelector;\n      if (!selectedElement.getAttribute(childAttrName)) return;\n\n      const listSelectors = Array.from(\n        parent.querySelectorAll(`[${childAttrName}=\"${childAttrValue}\"]`),\n      );\n      if (!listSelectors.length)\n        throw `no children found querySelectorAll([${childAttrName}=\"${childAttrValue}\"] a11yEnhance for ${props['data-ui-name']}`;\n\n      switch (event.key) {\n        case 'ArrowLeft':\n          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'left'), props);\n          event.preventDefault();\n          break;\n        case 'ArrowTop':\n          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'top'), props);\n          event.preventDefault();\n          break;\n        case 'ArrowRight':\n          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'right'), props);\n          event.preventDefault();\n          break;\n        case 'ArrowBottom':\n          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'bottom'), props);\n          event.preventDefault();\n          break;\n      }\n    };\n\n    return {\n      ...props,\n      onKeyDown: callAllEventHandlers(props.onKeyDown, handleKeyDown),\n    };\n  };\n};\n\nexport default a11yEnhance;\n"],"mappings":"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"}

package/lib/utils/enhances/a11yEnhance.mjs

@@ -0,0 +1,66 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { callAllEventHandlers } from "../assignProps.mjs";
+var defaultOnNeighborChange = function defaultOnNeighborChange(neighborElement) {
+  neighborElement === null || neighborElement === void 0 ? void 0 : neighborElement.focus();
+};
+var defaultFindNeighbor = function defaultFindNeighbor(listSelectors, element, direction) {
+  var elementSibling = ['right', 'top'].includes(direction) ? 1 : -1;
+  var indexElement = listSelectors.findIndex(function (node) {
+    return node === element;
+  });
+  var lengthList = listSelectors.length;
+  var lastIndex = lengthList - 1;
+  var indexNext = indexElement + elementSibling;
+  if (indexNext < 0) indexNext = lastIndex;
+  if (indexNext > lastIndex) indexNext = 0;
+  return listSelectors[indexNext];
+};
+var a11yEnhance = function a11yEnhance(options) {
+  var findNeighbor = options.findNeighbor || defaultFindNeighbor;
+  var onNeighborChange = options.onNeighborChange || defaultOnNeighborChange;
+  var childSelector = options.childSelector;
+  return function (props) {
+    if (!childSelector) throw "parameter childSelector not passed in options for a11yEnhance for ".concat(props['data-ui-name']);
+    var getNeighbor = function getNeighbor(listSelectors, element, direction) {
+      var neighbor = findNeighbor(listSelectors, element, direction);
+      if (!neighbor) return element;
+      if ('disabled' in neighbor && neighbor.disabled) return getNeighbor(listSelectors, neighbor, direction);
+      return neighbor;
+    };
+    var handleKeyDown = function handleKeyDown(event) {
+      var parent = event.currentTarget;
+      var selectedElement = event.target;
+      var _ref = typeof childSelector === 'function' ? childSelector(props) : childSelector,
+        _ref2 = _slicedToArray(_ref, 2),
+        childAttrName = _ref2[0],
+        childAttrValue = _ref2[1];
+      if (!selectedElement.getAttribute(childAttrName)) return;
+      var listSelectors = Array.from(parent.querySelectorAll("[".concat(childAttrName, "=\"").concat(childAttrValue, "\"]")));
+      if (!listSelectors.length) throw "no children found querySelectorAll([".concat(childAttrName, "=\"").concat(childAttrValue, "\"] a11yEnhance for ").concat(props['data-ui-name']);
+      switch (event.key) {
+        case 'ArrowLeft':
+          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'left'), props);
+          event.preventDefault();
+          break;
+        case 'ArrowTop':
+          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'top'), props);
+          event.preventDefault();
+          break;
+        case 'ArrowRight':
+          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'right'), props);
+          event.preventDefault();
+          break;
+        case 'ArrowBottom':
+          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'bottom'), props);
+          event.preventDefault();
+          break;
+      }
+    };
+    return _objectSpread(_objectSpread({}, props), {}, {
+      onKeyDown: callAllEventHandlers(props.onKeyDown, handleKeyDown)
+    });
+  };
+};
+export default a11yEnhance;
+//# sourceMappingURL=a11yEnhance.mjs.map

package/lib/utils/enhances/a11yEnhance.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"a11yEnhance.mjs","names":["callAllEventHandlers","defaultOnNeighborChange","neighborElement","focus","defaultFindNeighbor","listSelectors","element","direction","elementSibling","includes","indexElement","findIndex","node","lengthList","length","lastIndex","indexNext","a11yEnhance","options","findNeighbor","onNeighborChange","childSelector","props","concat","getNeighbor","neighbor","disabled","handleKeyDown","event","parent","currentTarget","selectedElement","target","_ref","_ref2","_slicedToArray","childAttrName","childAttrValue","getAttribute","Array","from","querySelectorAll","key","preventDefault","_objectSpread","onKeyDown"],"sources":["../../../src/utils/enhances/a11yEnhance.tsx"],"sourcesContent":["import { callAllEventHandlers } from '../assignProps';\nimport React from 'react';\n\ntype OnNeighborChange<P> = (neighborElement: HTMLElement, props: P) => void;\ntype FindNeighbor = (\n  listSelectors: HTMLElement[],\n  element: HTMLElement,\n  direction: string,\n) => HTMLElement | undefined;\ntype ChildSelector<P> = [string, string] | ((props: P) => [string, string]);\n\ntype A11yEnhanceOptions<P = any> = {\n  findNeighbor?: FindNeighbor;\n  onNeighborChange?: OnNeighborChange<P>;\n  childSelector: ChildSelector<P>;\n};\n\nconst defaultOnNeighborChange: OnNeighborChange<any> = (neighborElement) => {\n  neighborElement?.focus();\n};\n\nconst defaultFindNeighbor: FindNeighbor = (listSelectors, element, direction) => {\n  const elementSibling = ['right', 'top'].includes(direction) ? 1 : -1;\n  const indexElement = listSelectors.findIndex((node) => node === element);\n  const lengthList = listSelectors.length;\n\n  const lastIndex = lengthList - 1;\n  let indexNext = indexElement + elementSibling;\n  if (indexNext < 0) indexNext = lastIndex;\n  if (indexNext > lastIndex) indexNext = 0;\n  return listSelectors[indexNext];\n};\n\nconst a11yEnhance = (options: A11yEnhanceOptions) => {\n  const findNeighbor = options.findNeighbor || defaultFindNeighbor;\n  const onNeighborChange = options.onNeighborChange || defaultOnNeighborChange;\n  const { childSelector } = options;\n\n  return (props: any) => {\n    if (!childSelector)\n      throw `parameter childSelector not passed in options for a11yEnhance for ${props['data-ui-name']}`;\n    const getNeighbor = (\n      listSelectors: any,\n      element: HTMLElement,\n      direction: string,\n    ): HTMLElement => {\n      const neighbor = findNeighbor(listSelectors, element, direction);\n      if (!neighbor) return element;\n      if ('disabled' in neighbor && neighbor.disabled)\n        return getNeighbor(listSelectors, neighbor, direction);\n      return neighbor;\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n      const parent = event.currentTarget;\n      const selectedElement = event.target as HTMLElement;\n      const [childAttrName, childAttrValue] =\n        typeof childSelector === 'function' ? childSelector(props) : childSelector;\n      if (!selectedElement.getAttribute(childAttrName)) return;\n\n      const listSelectors = Array.from(\n        parent.querySelectorAll(`[${childAttrName}=\"${childAttrValue}\"]`),\n      );\n      if (!listSelectors.length)\n        throw `no children found querySelectorAll([${childAttrName}=\"${childAttrValue}\"] a11yEnhance for ${props['data-ui-name']}`;\n\n      switch (event.key) {\n        case 'ArrowLeft':\n          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'left'), props);\n          event.preventDefault();\n          break;\n        case 'ArrowTop':\n          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'top'), props);\n          event.preventDefault();\n          break;\n        case 'ArrowRight':\n          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'right'), props);\n          event.preventDefault();\n          break;\n        case 'ArrowBottom':\n          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'bottom'), props);\n          event.preventDefault();\n          break;\n      }\n    };\n\n    return {\n      ...props,\n      onKeyDown: callAllEventHandlers(props.onKeyDown, handleKeyDown),\n    };\n  };\n};\n\nexport default a11yEnhance;\n"],"mappings":"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"}

package/lib/utils/enhances/{animatedSizeEnhance.cjs → animatedSizeEnhance.js}

@@ -95,4 +95,4 @@ function animatedSizeEnhance(_ref) {
 }
 var _default = animatedSizeEnhance;
 exports["default"] = _default;
-//# sourceMappingURL=animatedSizeEnhance.cjs.map
+//# sourceMappingURL=animatedSizeEnhance.js.map

package/lib/utils/enhances/animatedSizeEnhance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animatedSizeEnhance.js","names":["_react","_interopRequireDefault","require","_ref2","_useEnhancedEffect","_excluded","uniqueId","animatedSizeEnhance","_ref","_ref$animateProps","animateProps","_ref$onChangeOf","onChangeOf","props","ref","__animatedEnhanceInstanceId","duration","other","_objectWithoutProperties2","nodeRef","React","createRef","lastSizesRef","useRef","prevPropsRef","animatedSizeInstanceIdRef","current","useEnhancedEffect","animationsDisabled","undefined","node","every","value","i","length","getBoundingClientRect","sizes","Math","abs","style","getPropertyValue","endsWith","transition","concat","timeout","handleTransitionEnd","clearTimeout","removeEventListener","animationFrame","requestAnimationFrame","addEventListener","setTimeout","cancelAnimationFrame","_toConsumableArray2","map","propName","_objectSpread2","useForkRef","_default","exports"],"sources":["../../../src/utils/enhances/animatedSizeEnhance.tsx"],"sourcesContent":["import React from 'react';\nimport { useForkRef } from '../ref';\nimport useEnhancedEffect from '../use/useEnhancedEffect';\nimport { UnknownProperties } from '../../core-types/UnknownProperties';\n\n/** @deprecated */\nexport interface IWithAnimatedSizeEnhanceProps\n  extends WithAnimatedSizeEnhanceProps,\n    UnknownProperties {}\nexport type WithAnimatedSizeEnhanceProps = {\n  animationsDisabled?: boolean;\n};\n\nlet uniqueId = 0;\n\nfunction animatedSizeEnhance({\n  animateProps = [],\n  onChangeOf = [],\n}: {\n  animateProps: ('width' | 'height')[];\n  onChangeOf: string[];\n}) {\n  return (props: any) => {\n    const { ref, __animatedEnhanceInstanceId, duration, ...other } = props;\n    const nodeRef = React.createRef<HTMLElement>();\n    const lastSizesRef = React.useRef<(number | undefined)[]>([]);\n    const prevPropsRef = React.useRef(props);\n    const animatedSizeInstanceIdRef = React.useRef(uniqueId++);\n\n    prevPropsRef.current = props;\n\n    useEnhancedEffect(() => {\n      if (props.animationsDisabled) return;\n      if (\n        __animatedEnhanceInstanceId !== undefined &&\n        __animatedEnhanceInstanceId !== animatedSizeInstanceIdRef.current\n      )\n        return;\n      if (!nodeRef.current) {\n        return;\n      }\n      const node = nodeRef.current;\n      if (lastSizesRef.current.every((value) => value === undefined)) {\n        for (let i = 0; i < animateProps.length; i++) {\n          lastSizesRef.current[i] = node.getBoundingClientRect()[animateProps[i]];\n        }\n        return;\n      }\n\n      const sizes: (number | undefined)[] = [];\n      for (let i = 0; i < animateProps.length; i++) {\n        sizes[i] = node.getBoundingClientRect()[animateProps[i]];\n        if (\n          Math.abs(lastSizesRef.current[i]! - sizes[i]!) < 3 ||\n          node.style.getPropertyValue(animateProps[i]).endsWith('%')\n        ) {\n          lastSizesRef.current[i] = sizes[i];\n          sizes[i] = undefined;\n        }\n      }\n      if (sizes.every((value) => value === undefined)) return;\n\n      node.style.transition = 'none';\n      for (let i = 0; i < animateProps.length; i++) {\n        node.style[animateProps[i]] = `${lastSizesRef.current[i]}px`;\n      }\n      let timeout = -1;\n      const handleTransitionEnd = () => {\n        clearTimeout(timeout);\n        if (!node) return;\n        node.style.transition = null as any;\n        for (let i = 0; i < animateProps.length; i++) {\n          node.style[animateProps[i]] = null as any;\n        }\n        node.removeEventListener('transitionend', handleTransitionEnd);\n        node.removeEventListener('transitioncancel', handleTransitionEnd);\n      };\n      const animationFrame = requestAnimationFrame(() => {\n        if (!node) return;\n        node.addEventListener('transitionend', handleTransitionEnd);\n        node.addEventListener('transitioncancel', handleTransitionEnd);\n        node.style.transition = `${duration}ms all ease-in-out`;\n        for (let i = 0; i < animateProps.length; i++) {\n          lastSizesRef.current[i] = sizes[i];\n          node.style[animateProps[i]] = `${sizes[i]}px`;\n        }\n      });\n      timeout = setTimeout(handleTransitionEnd, 500) as any;\n      return () => {\n        cancelAnimationFrame(animationFrame);\n        handleTransitionEnd();\n      };\n    }, [\n      __animatedEnhanceInstanceId,\n      props.animationsDisabled,\n      duration,\n      ...onChangeOf.map((propName) => props[propName]),\n    ]);\n\n    return {\n      ref: useForkRef(ref, nodeRef),\n      __animatedEnhanceInstanceId: __animatedEnhanceInstanceId ?? animatedSizeInstanceIdRef.current,\n      ...other,\n    };\n  };\n}\n\nexport default animatedSizeEnhance;\n"],"mappings":"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"}

package/lib/utils/enhances/animatedSizeEnhance.mjs

@@ -0,0 +1,90 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["ref", "__animatedEnhanceInstanceId", "duration"];
+import React from 'react';
+import { useForkRef } from "../ref.mjs";
+import useEnhancedEffect from "../use/useEnhancedEffect.mjs";
+var uniqueId = 0;
+function animatedSizeEnhance(_ref) {
+  var _ref$animateProps = _ref.animateProps,
+    animateProps = _ref$animateProps === void 0 ? [] : _ref$animateProps,
+    _ref$onChangeOf = _ref.onChangeOf,
+    onChangeOf = _ref$onChangeOf === void 0 ? [] : _ref$onChangeOf;
+  return function (props) {
+    var ref = props.ref,
+      __animatedEnhanceInstanceId = props.__animatedEnhanceInstanceId,
+      duration = props.duration,
+      other = _objectWithoutProperties(props, _excluded);
+    var nodeRef = /*#__PURE__*/React.createRef();
+    var lastSizesRef = React.useRef([]);
+    var prevPropsRef = React.useRef(props);
+    var animatedSizeInstanceIdRef = React.useRef(uniqueId++);
+    prevPropsRef.current = props;
+    useEnhancedEffect(function () {
+      if (props.animationsDisabled) return;
+      if (__animatedEnhanceInstanceId !== undefined && __animatedEnhanceInstanceId !== animatedSizeInstanceIdRef.current) return;
+      if (!nodeRef.current) {
+        return;
+      }
+      var node = nodeRef.current;
+      if (lastSizesRef.current.every(function (value) {
+        return value === undefined;
+      })) {
+        for (var i = 0; i < animateProps.length; i++) {
+          lastSizesRef.current[i] = node.getBoundingClientRect()[animateProps[i]];
+        }
+        return;
+      }
+      var sizes = [];
+      for (var _i = 0; _i < animateProps.length; _i++) {
+        sizes[_i] = node.getBoundingClientRect()[animateProps[_i]];
+        if (Math.abs(lastSizesRef.current[_i] - sizes[_i]) < 3 || node.style.getPropertyValue(animateProps[_i]).endsWith('%')) {
+          lastSizesRef.current[_i] = sizes[_i];
+          sizes[_i] = undefined;
+        }
+      }
+      if (sizes.every(function (value) {
+        return value === undefined;
+      })) return;
+      node.style.transition = 'none';
+      for (var _i2 = 0; _i2 < animateProps.length; _i2++) {
+        node.style[animateProps[_i2]] = "".concat(lastSizesRef.current[_i2], "px");
+      }
+      var timeout = -1;
+      var handleTransitionEnd = function handleTransitionEnd() {
+        clearTimeout(timeout);
+        if (!node) return;
+        node.style.transition = null;
+        for (var _i3 = 0; _i3 < animateProps.length; _i3++) {
+          node.style[animateProps[_i3]] = null;
+        }
+        node.removeEventListener('transitionend', handleTransitionEnd);
+        node.removeEventListener('transitioncancel', handleTransitionEnd);
+      };
+      var animationFrame = requestAnimationFrame(function () {
+        if (!node) return;
+        node.addEventListener('transitionend', handleTransitionEnd);
+        node.addEventListener('transitioncancel', handleTransitionEnd);
+        node.style.transition = "".concat(duration, "ms all ease-in-out");
+        for (var _i4 = 0; _i4 < animateProps.length; _i4++) {
+          lastSizesRef.current[_i4] = sizes[_i4];
+          node.style[animateProps[_i4]] = "".concat(sizes[_i4], "px");
+        }
+      });
+      timeout = setTimeout(handleTransitionEnd, 500);
+      return function () {
+        cancelAnimationFrame(animationFrame);
+        handleTransitionEnd();
+      };
+    }, [__animatedEnhanceInstanceId, props.animationsDisabled, duration].concat(_toConsumableArray(onChangeOf.map(function (propName) {
+      return props[propName];
+    }))));
+    return _objectSpread({
+      ref: useForkRef(ref, nodeRef),
+      __animatedEnhanceInstanceId: __animatedEnhanceInstanceId !== null && __animatedEnhanceInstanceId !== void 0 ? __animatedEnhanceInstanceId : animatedSizeInstanceIdRef.current
+    }, other);
+  };
+}
+export default animatedSizeEnhance;
+//# sourceMappingURL=animatedSizeEnhance.mjs.map

package/lib/utils/enhances/animatedSizeEnhance.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"animatedSizeEnhance.mjs","names":["React","useForkRef","useEnhancedEffect","uniqueId","animatedSizeEnhance","_ref","_ref$animateProps","animateProps","_ref$onChangeOf","onChangeOf","props","ref","__animatedEnhanceInstanceId","duration","other","_objectWithoutProperties","_excluded","nodeRef","createRef","lastSizesRef","useRef","prevPropsRef","animatedSizeInstanceIdRef","current","animationsDisabled","undefined","node","every","value","i","length","getBoundingClientRect","sizes","Math","abs","style","getPropertyValue","endsWith","transition","concat","timeout","handleTransitionEnd","clearTimeout","removeEventListener","animationFrame","requestAnimationFrame","addEventListener","setTimeout","cancelAnimationFrame","_toConsumableArray","map","propName","_objectSpread"],"sources":["../../../src/utils/enhances/animatedSizeEnhance.tsx"],"sourcesContent":["import React from 'react';\nimport { useForkRef } from '../ref';\nimport useEnhancedEffect from '../use/useEnhancedEffect';\nimport { UnknownProperties } from '../../core-types/UnknownProperties';\n\n/** @deprecated */\nexport interface IWithAnimatedSizeEnhanceProps\n  extends WithAnimatedSizeEnhanceProps,\n    UnknownProperties {}\nexport type WithAnimatedSizeEnhanceProps = {\n  animationsDisabled?: boolean;\n};\n\nlet uniqueId = 0;\n\nfunction animatedSizeEnhance({\n  animateProps = [],\n  onChangeOf = [],\n}: {\n  animateProps: ('width' | 'height')[];\n  onChangeOf: string[];\n}) {\n  return (props: any) => {\n    const { ref, __animatedEnhanceInstanceId, duration, ...other } = props;\n    const nodeRef = React.createRef<HTMLElement>();\n    const lastSizesRef = React.useRef<(number | undefined)[]>([]);\n    const prevPropsRef = React.useRef(props);\n    const animatedSizeInstanceIdRef = React.useRef(uniqueId++);\n\n    prevPropsRef.current = props;\n\n    useEnhancedEffect(() => {\n      if (props.animationsDisabled) return;\n      if (\n        __animatedEnhanceInstanceId !== undefined &&\n        __animatedEnhanceInstanceId !== animatedSizeInstanceIdRef.current\n      )\n        return;\n      if (!nodeRef.current) {\n        return;\n      }\n      const node = nodeRef.current;\n      if (lastSizesRef.current.every((value) => value === undefined)) {\n        for (let i = 0; i < animateProps.length; i++) {\n          lastSizesRef.current[i] = node.getBoundingClientRect()[animateProps[i]];\n        }\n        return;\n      }\n\n      const sizes: (number | undefined)[] = [];\n      for (let i = 0; i < animateProps.length; i++) {\n        sizes[i] = node.getBoundingClientRect()[animateProps[i]];\n        if (\n          Math.abs(lastSizesRef.current[i]! - sizes[i]!) < 3 ||\n          node.style.getPropertyValue(animateProps[i]).endsWith('%')\n        ) {\n          lastSizesRef.current[i] = sizes[i];\n          sizes[i] = undefined;\n        }\n      }\n      if (sizes.every((value) => value === undefined)) return;\n\n      node.style.transition = 'none';\n      for (let i = 0; i < animateProps.length; i++) {\n        node.style[animateProps[i]] = `${lastSizesRef.current[i]}px`;\n      }\n      let timeout = -1;\n      const handleTransitionEnd = () => {\n        clearTimeout(timeout);\n        if (!node) return;\n        node.style.transition = null as any;\n        for (let i = 0; i < animateProps.length; i++) {\n          node.style[animateProps[i]] = null as any;\n        }\n        node.removeEventListener('transitionend', handleTransitionEnd);\n        node.removeEventListener('transitioncancel', handleTransitionEnd);\n      };\n      const animationFrame = requestAnimationFrame(() => {\n        if (!node) return;\n        node.addEventListener('transitionend', handleTransitionEnd);\n        node.addEventListener('transitioncancel', handleTransitionEnd);\n        node.style.transition = `${duration}ms all ease-in-out`;\n        for (let i = 0; i < animateProps.length; i++) {\n          lastSizesRef.current[i] = sizes[i];\n          node.style[animateProps[i]] = `${sizes[i]}px`;\n        }\n      });\n      timeout = setTimeout(handleTransitionEnd, 500) as any;\n      return () => {\n        cancelAnimationFrame(animationFrame);\n        handleTransitionEnd();\n      };\n    }, [\n      __animatedEnhanceInstanceId,\n      props.animationsDisabled,\n      duration,\n      ...onChangeOf.map((propName) => props[propName]),\n    ]);\n\n    return {\n      ref: useForkRef(ref, nodeRef),\n      __animatedEnhanceInstanceId: __animatedEnhanceInstanceId ?? animatedSizeInstanceIdRef.current,\n      ...other,\n    };\n  };\n}\n\nexport default animatedSizeEnhance;\n"],"mappings":"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"}

package/lib/utils/enhances/{autoFocusEnhance.cjs → autoFocusEnhance.js}

@@ -43,4 +43,4 @@ function autoFocusEnhance() {
 }
 var _default = autoFocusEnhance;
 exports["default"] = _default;
-//# sourceMappingURL=autoFocusEnhance.cjs.map
+//# sourceMappingURL=autoFocusEnhance.js.map

package/lib/utils/enhances/autoFocusEnhance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autoFocusEnhance.js","names":["_react","_interopRequireDefault","require","_ref","_excluded","notUsingNativeAutoFocus","autoFocus","autoFocusEnhance","props","ref","other","_objectWithoutProperties2","nodeRef","React","createRef","useEffect","inputNode","current","focus","timer","setTimeout","clearTimeout","_objectSpread2","useForkRef","_default","exports"],"sources":["../../../src/utils/enhances/autoFocusEnhance.tsx"],"sourcesContent":["import React from 'react';\nimport { useForkRef } from '../ref';\nimport { UnknownProperties } from '../../core-types/UnknownProperties';\n\nfunction notUsingNativeAutoFocus(autoFocus: any) {\n  return typeof autoFocus === 'boolean' || typeof autoFocus === 'number';\n}\n\n/** @deprecated */\nexport interface IWithAutoFocusEnhanceProps extends WithAutoFocusEnhanceProps, UnknownProperties {}\nexport type WithAutoFocusEnhanceProps = {\n  /** Native autofocus, but with support for working inside modals, you can also transmit the number of ms before focus is triggered */\n  autoFocus?: boolean | number;\n};\n\nfunction autoFocusEnhance() {\n  return (props: any) => {\n    const { autoFocus, ref, ...other } = props;\n    if (!notUsingNativeAutoFocus(autoFocus)) {\n      return props;\n    }\n    const nodeRef = React.createRef<HTMLElement>();\n    React.useEffect(() => {\n      if (autoFocus === false) return;\n      const { current: inputNode } = nodeRef;\n      if (!inputNode || !inputNode.focus) return;\n      const timer = setTimeout(() => inputNode?.focus(), (autoFocus as number) || 0);\n      return () => {\n        clearTimeout(timer);\n      };\n    }, [autoFocus]);\n    return {\n      ref: useForkRef(ref, nodeRef),\n      ...other,\n    };\n  };\n}\n\nexport default autoFocusEnhance;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAD,OAAA;AAAoC,IAAAE,SAAA;AAGpC,SAASC,uBAAuBA,CAACC,SAAc,EAAE;EAC/C,OAAO,OAAOA,SAAS,KAAK,SAAS,IAAI,OAAOA,SAAS,KAAK,QAAQ;AACxE;;AAEA;;AAOA,SAASC,gBAAgBA,CAAA,EAAG;EAC1B,OAAO,UAACC,KAAU,EAAK;IACrB,IAAQF,SAAS,GAAoBE,KAAK,CAAlCF,SAAS;MAAEG,GAAG,GAAeD,KAAK,CAAvBC,GAAG;MAAKC,KAAK,OAAAC,yBAAA,aAAKH,KAAK,EAAAJ,SAAA;IAC1C,IAAI,CAACC,uBAAuB,CAACC,SAAS,CAAC,EAAE;MACvC,OAAOE,KAAK;IACd;IACA,IAAMI,OAAO,gBAAGC,iBAAK,CAACC,SAAS,EAAe;IAC9CD,iBAAK,CAACE,SAAS,CAAC,YAAM;MACpB,IAAIT,SAAS,KAAK,KAAK,EAAE;MACzB,IAAiBU,SAAS,GAAKJ,OAAO,CAA9BK,OAAO;MACf,IAAI,CAACD,SAAS,IAAI,CAACA,SAAS,CAACE,KAAK,EAAE;MACpC,IAAMC,KAAK,GAAGC,UAAU,CAAC;QAAA,OAAMJ,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEE,KAAK,EAAE;MAAA,GAAGZ,SAAS,IAAe,CAAC,CAAC;MAC9E,OAAO,YAAM;QACXe,YAAY,CAACF,KAAK,CAAC;MACrB,CAAC;IACH,CAAC,EAAE,CAACb,SAAS,CAAC,CAAC;IACf,WAAAgB,cAAA;MACEb,GAAG,EAAE,IAAAc,eAAU,EAACd,GAAG,EAAEG,OAAO;IAAC,GAC1BF,KAAK;EAEZ,CAAC;AACH;AAAC,IAAAc,QAAA,GAEcjB,gBAAgB;AAAAkB,OAAA,cAAAD,QAAA"}

package/lib/utils/enhances/autoFocusEnhance.mjs

@@ -0,0 +1,38 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["autoFocus", "ref"];
+import React from 'react';
+import { useForkRef } from "../ref.mjs";
+function notUsingNativeAutoFocus(autoFocus) {
+  return typeof autoFocus === 'boolean' || typeof autoFocus === 'number';
+}
+
+/** @deprecated */
+
+function autoFocusEnhance() {
+  return function (props) {
+    var autoFocus = props.autoFocus,
+      ref = props.ref,
+      other = _objectWithoutProperties(props, _excluded);
+    if (!notUsingNativeAutoFocus(autoFocus)) {
+      return props;
+    }
+    var nodeRef = /*#__PURE__*/React.createRef();
+    React.useEffect(function () {
+      if (autoFocus === false) return;
+      var inputNode = nodeRef.current;
+      if (!inputNode || !inputNode.focus) return;
+      var timer = setTimeout(function () {
+        return inputNode === null || inputNode === void 0 ? void 0 : inputNode.focus();
+      }, autoFocus || 0);
+      return function () {
+        clearTimeout(timer);
+      };
+    }, [autoFocus]);
+    return _objectSpread({
+      ref: useForkRef(ref, nodeRef)
+    }, other);
+  };
+}
+export default autoFocusEnhance;
+//# sourceMappingURL=autoFocusEnhance.mjs.map

package/lib/utils/enhances/autoFocusEnhance.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"autoFocusEnhance.mjs","names":["React","useForkRef","notUsingNativeAutoFocus","autoFocus","autoFocusEnhance","props","ref","other","_objectWithoutProperties","_excluded","nodeRef","createRef","useEffect","inputNode","current","focus","timer","setTimeout","clearTimeout","_objectSpread"],"sources":["../../../src/utils/enhances/autoFocusEnhance.tsx"],"sourcesContent":["import React from 'react';\nimport { useForkRef } from '../ref';\nimport { UnknownProperties } from '../../core-types/UnknownProperties';\n\nfunction notUsingNativeAutoFocus(autoFocus: any) {\n  return typeof autoFocus === 'boolean' || typeof autoFocus === 'number';\n}\n\n/** @deprecated */\nexport interface IWithAutoFocusEnhanceProps extends WithAutoFocusEnhanceProps, UnknownProperties {}\nexport type WithAutoFocusEnhanceProps = {\n  /** Native autofocus, but with support for working inside modals, you can also transmit the number of ms before focus is triggered */\n  autoFocus?: boolean | number;\n};\n\nfunction autoFocusEnhance() {\n  return (props: any) => {\n    const { autoFocus, ref, ...other } = props;\n    if (!notUsingNativeAutoFocus(autoFocus)) {\n      return props;\n    }\n    const nodeRef = React.createRef<HTMLElement>();\n    React.useEffect(() => {\n      if (autoFocus === false) return;\n      const { current: inputNode } = nodeRef;\n      if (!inputNode || !inputNode.focus) return;\n      const timer = setTimeout(() => inputNode?.focus(), (autoFocus as number) || 0);\n      return () => {\n        clearTimeout(timer);\n      };\n    }, [autoFocus]);\n    return {\n      ref: useForkRef(ref, nodeRef),\n      ...other,\n    };\n  };\n}\n\nexport default autoFocusEnhance;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,YAAQ;AAGnC,SAASC,uBAAuBA,CAACC,SAAc,EAAE;EAC/C,OAAO,OAAOA,SAAS,KAAK,SAAS,IAAI,OAAOA,SAAS,KAAK,QAAQ;AACxE;;AAEA;;AAOA,SAASC,gBAAgBA,CAAA,EAAG;EAC1B,OAAO,UAACC,KAAU,EAAK;IACrB,IAAQF,SAAS,GAAoBE,KAAK,CAAlCF,SAAS;MAAEG,GAAG,GAAeD,KAAK,CAAvBC,GAAG;MAAKC,KAAK,GAAAC,wBAAA,CAAKH,KAAK,EAAAI,SAAA;IAC1C,IAAI,CAACP,uBAAuB,CAACC,SAAS,CAAC,EAAE;MACvC,OAAOE,KAAK;IACd;IACA,IAAMK,OAAO,gBAAGV,KAAK,CAACW,SAAS,EAAe;IAC9CX,KAAK,CAACY,SAAS,CAAC,YAAM;MACpB,IAAIT,SAAS,KAAK,KAAK,EAAE;MACzB,IAAiBU,SAAS,GAAKH,OAAO,CAA9BI,OAAO;MACf,IAAI,CAACD,SAAS,IAAI,CAACA,SAAS,CAACE,KAAK,EAAE;MACpC,IAAMC,KAAK,GAAGC,UAAU,CAAC;QAAA,OAAMJ,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEE,KAAK,EAAE;MAAA,GAAGZ,SAAS,IAAe,CAAC,CAAC;MAC9E,OAAO,YAAM;QACXe,YAAY,CAACF,KAAK,CAAC;MACrB,CAAC;IACH,CAAC,EAAE,CAACb,SAAS,CAAC,CAAC;IACf,OAAAgB,aAAA;MACEb,GAAG,EAAEL,UAAU,CAACK,GAAG,EAAEI,OAAO;IAAC,GAC1BH,KAAK;EAEZ,CAAC;AACH;AAEA,eAAeH,gBAAgB"}

package/lib/utils/enhances/{contextEnhance.cjs → contextEnhance.js}

@@ -19,4 +19,4 @@ function contextEnhance(context, setOnProp) {
 }
 var _default = contextEnhance;
 exports["default"] = _default;
-//# sourceMappingURL=contextEnhance.cjs.map
+//# sourceMappingURL=contextEnhance.js.map

package/lib/utils/enhances/contextEnhance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contextEnhance.js","names":["_react","_interopRequireDefault","require","contextEnhance","context","setOnProp","props","other","_extends2","_objectDestructuringEmpty2","value","React","useContext","_objectSpread3","_defineProperty2","_default","exports"],"sources":["../../../src/utils/enhances/contextEnhance.tsx"],"sourcesContent":["import React from 'react';\n\nfunction contextEnhance(context: React.Context<any>, setOnProp: string) {\n  return (props: any) => {\n    const { ...other } = props;\n    const value = React.useContext(context);\n    return {\n      ...other,\n      [setOnProp]: value,\n    };\n  };\n}\n\nexport default contextEnhance;\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,SAASC,cAAcA,CAACC,OAA2B,EAAEC,SAAiB,EAAE;EACtE,OAAO,UAACC,KAAU,EAAK;IACrB,IAAWC,KAAK,OAAAC,SAAA,sBAAAC,0BAAA,aAAKH,KAAK,GAALA,KAAK;IAC1B,IAAMI,KAAK,GAAGC,iBAAK,CAACC,UAAU,CAACR,OAAO,CAAC;IACvC,WAAAS,cAAA,iBAAAA,cAAA,iBACKN,KAAK,WAAAO,gBAAA,iBACPT,SAAS,EAAGK,KAAK;EAEtB,CAAC;AACH;AAAC,IAAAK,QAAA,GAEcZ,cAAc;AAAAa,OAAA,cAAAD,QAAA"}

package/lib/utils/enhances/contextEnhance.mjs

@@ -0,0 +1,14 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectDestructuringEmpty from "@babel/runtime/helpers/esm/objectDestructuringEmpty";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+function contextEnhance(context, setOnProp) {
+  return function (props) {
+    var other = _extends({}, (_objectDestructuringEmpty(props), props));
+    var value = React.useContext(context);
+    return _objectSpread(_objectSpread({}, other), {}, _defineProperty({}, setOnProp, value));
+  };
+}
+export default contextEnhance;
+//# sourceMappingURL=contextEnhance.mjs.map

package/lib/utils/enhances/contextEnhance.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"contextEnhance.mjs","names":["React","contextEnhance","context","setOnProp","props","other","_extends","_objectDestructuringEmpty","value","useContext","_objectSpread","_defineProperty"],"sources":["../../../src/utils/enhances/contextEnhance.tsx"],"sourcesContent":["import React from 'react';\n\nfunction contextEnhance(context: React.Context<any>, setOnProp: string) {\n  return (props: any) => {\n    const { ...other } = props;\n    const value = React.useContext(context);\n    return {\n      ...other,\n      [setOnProp]: value,\n    };\n  };\n}\n\nexport default contextEnhance;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,cAAcA,CAACC,OAA2B,EAAEC,SAAiB,EAAE;EACtE,OAAO,UAACC,KAAU,EAAK;IACrB,IAAWC,KAAK,GAAAC,QAAA,MAAAC,yBAAA,CAAKH,KAAK,GAALA,KAAK;IAC1B,IAAMI,KAAK,GAAGR,KAAK,CAACS,UAAU,CAACP,OAAO,CAAC;IACvC,OAAAQ,aAAA,CAAAA,aAAA,KACKL,KAAK,OAAAM,eAAA,KACPR,SAAS,EAAGK,KAAK;EAEtB,CAAC;AACH;AAEA,eAAeP,cAAc"}

package/lib/utils/enhances/{i18nEnhance.cjs → i18nEnhance.js}

@@ -98,4 +98,4 @@ var _default = function _default(container) {
   };
 };
 exports["default"] = _default;
-//# sourceMappingURL=i18nEnhance.cjs.map
+//# sourceMappingURL=i18nEnhance.js.map

package/lib/utils/enhances/i18nEnhance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18nEnhance.js","names":["_react","_interopRequireDefault","require","_WithI18n","useAsyncI18nMessages","primaryContainer","locale","fallbackContainer","_store$locale","container","React","useMemo","_loop","_locale","_asyncToGenerator2","_regeneratorRuntime2","mark","_callee","_yield$Promise$all","_yield$Promise$all2","primary","fallback","wrap","_callee$","_context","prev","next","Promise","all","sent","_slicedToArray2","abrupt","_objectSpread3","stop","_primaryContainer$_lo","_fallbackContainer$_l","initStore","store","_typeof2","_React$useState","useState","_React$useState2","setStore","lastLoadedLocaleRef","useRef","current","fallbackMessages","Object","values","loadingLocaleRef","useEffect","asyncMessages","then","module","messages","_defineProperty2","console","error","exports","_default","props","i18n","getI18nText","useI18n"],"sources":["../../../src/utils/enhances/i18nEnhance.tsx"],"sourcesContent":["import React from 'react';\nimport { LocaleKeys, useI18n } from './WithI18n';\nimport { UnknownProperties } from '../../core-types/UnknownProperties';\n\n/** @deprecated */\nexport interface IWithI18nEnhanceProps extends WithI18nEnhanceProps, UnknownProperties {}\nexport type WithI18nEnhanceProps = {\n  /* Function for getting the required field from the translation dictionary */\n  getI18nText?: (key?: string, variables?: {}) => any;\n  /* Object with translations */\n  i18n?: {\n    [locale: string]: {\n      [key: string]: string;\n    };\n  };\n  /* Locale for translations */\n  locale?: LocaleKeys;\n};\n\ntype Messages = { [messageId: string]: string };\ntype MessagesContainer = { [locale: string]: Messages | (() => Promise<Messages>) };\ntype MessagesStore = { [locale: string]: Messages };\nexport const useAsyncI18nMessages = (\n  primaryContainer: MessagesContainer,\n  locale: string,\n  fallbackContainer?: MessagesContainer,\n) => {\n  const container = React.useMemo(() => {\n    if (!fallbackContainer) return primaryContainer;\n    if (!primaryContainer) return fallbackContainer;\n    if (primaryContainer === fallbackContainer) return primaryContainer;\n    const container: MessagesContainer = {};\n    for (const locale in primaryContainer) {\n      if (\n        typeof primaryContainer[locale] === 'function' ||\n        typeof fallbackContainer[locale] === 'function'\n      ) {\n        container[locale] = async () => {\n          const [primary, fallback] = await Promise.all([\n            primaryContainer[locale],\n            fallbackContainer[locale],\n          ]);\n          return { ...primary, ...fallback };\n        };\n      } else {\n        container[locale] = {\n          ...(primaryContainer[locale] ?? {}),\n          ...(fallbackContainer[locale] ?? {}),\n        };\n      }\n    }\n    return container;\n  }, [primaryContainer, fallbackContainer]);\n  const initStore = React.useMemo(() => {\n    const store: MessagesStore = {};\n    for (const locale in container) {\n      if (typeof container[locale] === 'object') {\n        store[locale] = container[locale] as Messages;\n      }\n    }\n    return store;\n  }, [container]);\n  const [store, setStore] = React.useState(initStore);\n  const lastLoadedLocaleRef = React.useRef<string | null>(null);\n  if (store[locale]) lastLoadedLocaleRef.current = locale;\n  const fallbackMessages = React.useMemo(() => Object.values(store)[0], [store]);\n\n  const loadingLocaleRef = React.useRef<string | null>(null);\n  React.useEffect(() => {\n    loadingLocaleRef.current = locale;\n    const asyncMessages = container[locale];\n    if (typeof asyncMessages === 'function') {\n      asyncMessages()\n        .then((module) => {\n          if (loadingLocaleRef.current !== locale) return;\n          let messages = module;\n          if ('default' in module && typeof module.default === 'object') messages = module.default;\n          setStore((store) => ({\n            ...store,\n            [locale]: messages,\n          }));\n        })\n\n        .catch(console.error);\n    }\n  }, [container, locale]);\n\n  return store[locale] ?? fallbackMessages;\n};\nexport default (container?: MessagesContainer) => {\n  return (props: any): { getI18nText: ReturnType<typeof useI18n> } => {\n    const { i18n, locale } = props;\n    const getI18nText = useI18n(i18n, locale, container);\n\n    return { ...props, getI18nText };\n  };\n};\n"],"mappings":"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"}

package/lib/utils/enhances/i18nEnhance.mjs

@@ -0,0 +1,91 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import React from "react";
+import { useI18n } from "./WithI18n.mjs";
+var useAsyncI18nMessages = function useAsyncI18nMessages2(primaryContainer, locale, fallbackContainer) {
+  var _store$locale;
+  var container = React.useMemo(function() {
+    if (!fallbackContainer) return primaryContainer;
+    if (!primaryContainer) return fallbackContainer;
+    if (primaryContainer === fallbackContainer) return primaryContainer;
+    var container2 = {};
+    var _loop = function _loop2(_locale2) {
+      if (typeof primaryContainer[_locale2] === "function" || typeof fallbackContainer[_locale2] === "function") {
+        container2[_locale2] = /* @__PURE__ */ _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime().mark(function _callee() {
+          var _yield$Promise$all, _yield$Promise$all2, primary, fallback;
+          return _regeneratorRuntime().wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return Promise.all([primaryContainer[_locale2], fallbackContainer[_locale2]]);
+              case 2:
+                _yield$Promise$all = _context.sent;
+                _yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 2);
+                primary = _yield$Promise$all2[0];
+                fallback = _yield$Promise$all2[1];
+                return _context.abrupt("return", _objectSpread(_objectSpread({}, primary), fallback));
+              case 7:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }));
+      } else {
+        var _primaryContainer$_lo, _fallbackContainer$_l;
+        container2[_locale2] = _objectSpread(_objectSpread({}, (_primaryContainer$_lo = primaryContainer[_locale2]) !== null && _primaryContainer$_lo !== void 0 ? _primaryContainer$_lo : {}), (_fallbackContainer$_l = fallbackContainer[_locale2]) !== null && _fallbackContainer$_l !== void 0 ? _fallbackContainer$_l : {});
+      }
+    };
+    for (var _locale in primaryContainer) {
+      _loop(_locale);
+    }
+    return container2;
+  }, [primaryContainer, fallbackContainer]);
+  var initStore = React.useMemo(function() {
+    var store2 = {};
+    for (var _locale2 in container) {
+      if (_typeof(container[_locale2]) === "object") {
+        store2[_locale2] = container[_locale2];
+      }
+    }
+    return store2;
+  }, [container]);
+  var _React$useState = React.useState(initStore), _React$useState2 = _slicedToArray(_React$useState, 2), store = _React$useState2[0], setStore = _React$useState2[1];
+  var lastLoadedLocaleRef = React.useRef(null);
+  if (store[locale]) lastLoadedLocaleRef.current = locale;
+  var fallbackMessages = React.useMemo(function() {
+    return Object.values(store)[0];
+  }, [store]);
+  var loadingLocaleRef = React.useRef(null);
+  React.useEffect(function() {
+    loadingLocaleRef.current = locale;
+    var asyncMessages = container[locale];
+    if (typeof asyncMessages === "function") {
+      asyncMessages().then(function(module) {
+        if (loadingLocaleRef.current !== locale) return;
+        var messages = module;
+        if ("default" in module && _typeof(module["default"]) === "object") messages = module["default"];
+        setStore(function(store2) {
+          return _objectSpread(_objectSpread({}, store2), {}, _defineProperty({}, locale, messages));
+        });
+      })["catch"](console.error);
+    }
+  }, [container, locale]);
+  return (_store$locale = store[locale]) !== null && _store$locale !== void 0 ? _store$locale : fallbackMessages;
+};
+const i18nEnhance = function(container) {
+  return function(props) {
+    var i18n = props.i18n, locale = props.locale;
+    var getI18nText = useI18n(i18n, locale, container);
+    return _objectSpread(_objectSpread({}, props), {}, {
+      getI18nText
+    });
+  };
+};
+export {
+  i18nEnhance as default,
+  useAsyncI18nMessages
+};