@semcore/core 2.39.1 → 16.0.0-prerelease.11

package/lib/utils/enhances/WithI18n.cjs

@@ -0,0 +1,95 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useI18n = exports["default"] = exports.I18nProvider = exports.I18nConsumer = exports.Context = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+var _createHoc = _interopRequireDefault(require("../createHoc"));
+var _i18nEnhance = require("./i18nEnhance");
+var _intl = require("@formatjs/intl");
+var Context = /*#__PURE__*/(0, _react.createContext)(undefined);
+exports.Context = Context;
+var I18nProvider = Context.Provider,
+  I18nConsumer = Context.Consumer;
+exports.I18nConsumer = I18nConsumer;
+exports.I18nProvider = I18nProvider;
+var messagesCache = (0, _intl.createIntlCache)();
+function getText(dictionaries, locale) {
+  return function (key) {
+    var dictionary = dictionaries[locale];
+    return dictionary ? dictionary[key] : dictionaries['en'][key];
+  };
+}
+
+/** @deprecated */
+/**
+ * @deprecated use `useI18n` instead
+ */
+var WithI18n = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(WithI18n, _Component);
+  var _super = (0, _createSuper2["default"])(WithI18n);
+  function WithI18n() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, WithI18n);
+    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));
+    /* @ts-ignore */
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "context", void 0);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getText", function (dictionary, selfLocale) {
+      var _this$props = _this.props,
+        locale = _this$props.locale,
+        getText = _this$props.getText;
+      var contextLocale = _this.context;
+      return getText(dictionary, selfLocale || locale || contextLocale);
+    });
+    return _this;
+  }
+  (0, _createClass2["default"])(WithI18n, [{
+    key: "render",
+    value: function render() {
+      var _ref = this.props,
+        children = _ref.children;
+      return children({
+        getText: this.getText
+      });
+    }
+  }]);
+  return WithI18n;
+}(_react.Component);
+(0, _defineProperty2["default"])(WithI18n, "contextType", Context);
+(0, _defineProperty2["default"])(WithI18n, "defaultProps", {
+  getText: getText
+});
+var useI18n = function useI18n(dictionary) {
+  var _React$useContext;
+  var locale = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'en';
+  var fallbackDictionary = arguments.length > 2 ? arguments[2] : undefined;
+  var lang = (_React$useContext = _react["default"].useContext(Context)) !== null && _React$useContext !== void 0 ? _React$useContext : locale;
+  var resolvedDictionary = (0, _i18nEnhance.useAsyncI18nMessages)(dictionary, lang, fallbackDictionary);
+  var intl = _react["default"].useMemo(function () {
+    return (0, _intl.createIntl)({
+      locale: lang,
+      messages: resolvedDictionary
+    }, messagesCache);
+  }, [resolvedDictionary, lang]);
+  return _react["default"].useCallback(function (messageId, variables) {
+    return intl.formatMessage({
+      id: messageId !== null && messageId !== void 0 ? messageId : ''
+    }, variables);
+  }, [intl]);
+};
+exports.useI18n = useI18n;
+var _default = (0, _createHoc["default"])(WithI18n);
+exports["default"] = _default;
+//# sourceMappingURL=WithI18n.cjs.map

package/lib/utils/enhances/WithI18n.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"WithI18n.cjs","names":["_react","_interopRequireWildcard","require","_createHoc","_interopRequireDefault","_i18nEnhance","_intl","Context","createContext","undefined","exports","I18nProvider","Provider","I18nConsumer","Consumer","messagesCache","createIntlCache","getText","dictionaries","locale","key","dictionary","WithI18n","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","selfLocale","_this$props","props","contextLocale","context","_createClass2","value","render","_ref","children","Component","useI18n","_React$useContext","fallbackDictionary","lang","React","useContext","resolvedDictionary","useAsyncI18nMessages","intl","useMemo","createIntl","messages","useCallback","messageId","variables","formatMessage","id","_default","createHoc"],"sources":["../../../src/utils/enhances/WithI18n.tsx"],"sourcesContent":["import React, { Component, createContext } from 'react';\nimport createHoc from '../createHoc';\nimport { useAsyncI18nMessages } from './i18nEnhance';\nimport { UnknownProperties } from '../../core-types/UnknownProperties';\nimport { createIntl, createIntlCache } from '@formatjs/intl';\n\nexport type LocaleKeys = string;\nexport type DictionaryItem = { [key: string]: string };\nexport type Dictionary = { [locale: string]: DictionaryItem | (() => Promise<DictionaryItem>) };\nexport const Context = createContext<LocaleKeys | undefined>(undefined);\nconst { Provider: I18nProvider, Consumer: I18nConsumer } = Context;\nconst messagesCache = createIntlCache();\n\nfunction getText(dictionaries: Dictionary, locale: LocaleKeys) {\n  return function (key: keyof DictionaryItem) {\n    const dictionary = dictionaries[locale];\n    return dictionary ? (dictionary as any)[key] : (dictionaries as any)['en'][key];\n  };\n}\n\n/** @deprecated */\nexport interface IWithI18nInjectedProps extends WithI18nInjectedProps, UnknownProperties {}\nexport type WithI18nInjectedProps = {\n  getText: WithI18n['getText'];\n};\n\n/** @deprecated */\nexport interface IWithI18nProps extends WithI18nProps, UnknownProperties {}\nexport type WithI18nProps = WithI18nInjectedProps & {\n  locale?: LocaleKeys;\n\n  children?(props: IWithI18nInjectedProps): React.ReactNode;\n};\n\n/**\n * @deprecated use `useI18n` instead\n */\nclass WithI18n extends Component<IWithI18nProps> {\n  /* @ts-ignore */\n  context: LocaleKeys;\n\n  static contextType = Context;\n  static defaultProps = {\n    getText,\n  };\n\n  getText = (dictionary: Dictionary, selfLocale?: string): string => {\n    const { locale, getText } = this.props;\n    const contextLocale = this.context;\n    return getText(dictionary, selfLocale || locale || contextLocale);\n  };\n\n  render() {\n    const { children } = this.props as any;\n    return children({\n      getText: this.getText,\n    });\n  }\n}\n\nconst useI18n = (\n  dictionary: Dictionary,\n  locale: LocaleKeys = 'en',\n  fallbackDictionary?: Dictionary,\n) => {\n  const lang = React.useContext(Context) ?? locale;\n  const resolvedDictionary = useAsyncI18nMessages(dictionary, lang, fallbackDictionary);\n  const intl = React.useMemo(\n    () => createIntl({ locale: lang, messages: resolvedDictionary }, messagesCache),\n    [resolvedDictionary, lang],\n  );\n\n  return React.useCallback(\n    (messageId: string, variables?: { [key: string]: string | number | undefined }) => {\n      return intl.formatMessage({ id: messageId ?? '' }, variables);\n    },\n    [intl],\n  );\n};\n\nexport default createHoc(WithI18n);\nexport { useI18n, I18nProvider, I18nConsumer };\n"],"mappings":"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"}

package/lib/utils/enhances/WithI18n.d.ts

@@ -0,0 +1,43 @@
+import React, { Component } from 'react';
+import { UnknownProperties } from '../../core-types/UnknownProperties';
+export type LocaleKeys = string;
+export type DictionaryItem = {
+    [key: string]: string;
+};
+export type Dictionary = {
+    [locale: string]: DictionaryItem | (() => Promise<DictionaryItem>);
+};
+export declare const Context: React.Context<string | undefined>;
+declare const I18nProvider: React.Provider<string | undefined>, I18nConsumer: React.Consumer<string | undefined>;
+declare function getText(dictionaries: Dictionary, locale: LocaleKeys): (key: keyof DictionaryItem) => any;
+/** @deprecated */
+export interface IWithI18nInjectedProps extends WithI18nInjectedProps, UnknownProperties {
+}
+export type WithI18nInjectedProps = {
+    getText: WithI18n['getText'];
+};
+/** @deprecated */
+export interface IWithI18nProps extends WithI18nProps, UnknownProperties {
+}
+export type WithI18nProps = WithI18nInjectedProps & {
+    locale?: LocaleKeys;
+    children?(props: IWithI18nInjectedProps): React.ReactNode;
+};
+/**
+ * @deprecated use `useI18n` instead
+ */
+declare class WithI18n extends Component<IWithI18nProps> {
+    context: LocaleKeys;
+    static contextType: React.Context<string | undefined>;
+    static defaultProps: {
+        getText: typeof getText;
+    };
+    getText: (dictionary: Dictionary, selfLocale?: string) => string;
+    render(): any;
+}
+declare const useI18n: (dictionary: Dictionary, locale?: LocaleKeys, fallbackDictionary?: Dictionary) => (messageId: string, variables?: {
+    [key: string]: string | number | undefined;
+} | undefined) => string;
+declare const _default: (options?: {} | undefined) => (WrappedComponent: React.ComponentType) => React.ComponentClass<{}, any>;
+export default _default;
+export { useI18n, I18nProvider, I18nConsumer };

package/lib/utils/enhances/WithI18n.mjs

@@ -0,0 +1,78 @@
+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 React, { createContext, Component } from "react";
+import createHoc from "../createHoc.mjs";
+import { useAsyncI18nMessages } from "./i18nEnhance.mjs";
+import { createIntlCache, createIntl } from "@formatjs/intl";
+var Context = /* @__PURE__ */ createContext(void 0);
+var I18nProvider = Context.Provider, I18nConsumer = Context.Consumer;
+var messagesCache = createIntlCache();
+function getText(dictionaries, locale) {
+  return function(key) {
+    var dictionary = dictionaries[locale];
+    return dictionary ? dictionary[key] : dictionaries["en"][key];
+  };
+}
+var WithI18n = /* @__PURE__ */ function(_Component) {
+  _inherits(WithI18n2, _Component);
+  var _super = _createSuper(WithI18n2);
+  function WithI18n2() {
+    var _this;
+    _classCallCheck(this, WithI18n2);
+    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), "context", void 0);
+    _defineProperty(_assertThisInitialized(_this), "getText", function(dictionary, selfLocale) {
+      var _this$props = _this.props, locale = _this$props.locale, getText2 = _this$props.getText;
+      var contextLocale = _this.context;
+      return getText2(dictionary, selfLocale || locale || contextLocale);
+    });
+    return _this;
+  }
+  _createClass(WithI18n2, [{
+    key: "render",
+    value: function render() {
+      var _ref = this.props, children = _ref.children;
+      return children({
+        getText: this.getText
+      });
+    }
+  }]);
+  return WithI18n2;
+}(Component);
+_defineProperty(WithI18n, "contextType", Context);
+_defineProperty(WithI18n, "defaultProps", {
+  getText
+});
+var useI18n = function useI18n2(dictionary) {
+  var _React$useContext;
+  var locale = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "en";
+  var fallbackDictionary = arguments.length > 2 ? arguments[2] : void 0;
+  var lang = (_React$useContext = React.useContext(Context)) !== null && _React$useContext !== void 0 ? _React$useContext : locale;
+  var resolvedDictionary = useAsyncI18nMessages(dictionary, lang, fallbackDictionary);
+  var intl = React.useMemo(function() {
+    return createIntl({
+      locale: lang,
+      messages: resolvedDictionary
+    }, messagesCache);
+  }, [resolvedDictionary, lang]);
+  return React.useCallback(function(messageId, variables) {
+    return intl.formatMessage({
+      id: messageId !== null && messageId !== void 0 ? messageId : ""
+    }, variables);
+  }, [intl]);
+};
+const WithI18n$1 = createHoc(WithI18n);
+export {
+  Context,
+  I18nConsumer,
+  I18nProvider,
+  WithI18n$1 as default,
+  useI18n
+};

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

@@ -0,0 +1 @@
+{"version":3,"file":"WithI18n.mjs","names":["React","Component","createContext","createHoc","useAsyncI18nMessages","createIntl","createIntlCache","Context","undefined","I18nProvider","Provider","I18nConsumer","Consumer","messagesCache","getText","dictionaries","locale","key","dictionary","WithI18n","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","selfLocale","_this$props","props","contextLocale","context","_createClass","value","render","_ref","children","useI18n","_React$useContext","fallbackDictionary","lang","useContext","resolvedDictionary","intl","useMemo","messages","useCallback","messageId","variables","formatMessage","id"],"sources":["../../../src/utils/enhances/WithI18n.tsx"],"sourcesContent":["import React, { Component, createContext } from 'react';\nimport createHoc from '../createHoc';\nimport { useAsyncI18nMessages } from './i18nEnhance';\nimport { UnknownProperties } from '../../core-types/UnknownProperties';\nimport { createIntl, createIntlCache } from '@formatjs/intl';\n\nexport type LocaleKeys = string;\nexport type DictionaryItem = { [key: string]: string };\nexport type Dictionary = { [locale: string]: DictionaryItem | (() => Promise<DictionaryItem>) };\nexport const Context = createContext<LocaleKeys | undefined>(undefined);\nconst { Provider: I18nProvider, Consumer: I18nConsumer } = Context;\nconst messagesCache = createIntlCache();\n\nfunction getText(dictionaries: Dictionary, locale: LocaleKeys) {\n  return function (key: keyof DictionaryItem) {\n    const dictionary = dictionaries[locale];\n    return dictionary ? (dictionary as any)[key] : (dictionaries as any)['en'][key];\n  };\n}\n\n/** @deprecated */\nexport interface IWithI18nInjectedProps extends WithI18nInjectedProps, UnknownProperties {}\nexport type WithI18nInjectedProps = {\n  getText: WithI18n['getText'];\n};\n\n/** @deprecated */\nexport interface IWithI18nProps extends WithI18nProps, UnknownProperties {}\nexport type WithI18nProps = WithI18nInjectedProps & {\n  locale?: LocaleKeys;\n\n  children?(props: IWithI18nInjectedProps): React.ReactNode;\n};\n\n/**\n * @deprecated use `useI18n` instead\n */\nclass WithI18n extends Component<IWithI18nProps> {\n  /* @ts-ignore */\n  context: LocaleKeys;\n\n  static contextType = Context;\n  static defaultProps = {\n    getText,\n  };\n\n  getText = (dictionary: Dictionary, selfLocale?: string): string => {\n    const { locale, getText } = this.props;\n    const contextLocale = this.context;\n    return getText(dictionary, selfLocale || locale || contextLocale);\n  };\n\n  render() {\n    const { children } = this.props as any;\n    return children({\n      getText: this.getText,\n    });\n  }\n}\n\nconst useI18n = (\n  dictionary: Dictionary,\n  locale: LocaleKeys = 'en',\n  fallbackDictionary?: Dictionary,\n) => {\n  const lang = React.useContext(Context) ?? locale;\n  const resolvedDictionary = useAsyncI18nMessages(dictionary, lang, fallbackDictionary);\n  const intl = React.useMemo(\n    () => createIntl({ locale: lang, messages: resolvedDictionary }, messagesCache),\n    [resolvedDictionary, lang],\n  );\n\n  return React.useCallback(\n    (messageId: string, variables?: { [key: string]: string | number | undefined }) => {\n      return intl.formatMessage({ id: messageId ?? '' }, variables);\n    },\n    [intl],\n  );\n};\n\nexport default createHoc(WithI18n);\nexport { useI18n, I18nProvider, I18nConsumer };\n"],"mappings":"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"}

package/lib/utils/enhances/WithKeyboardFocus.cjs

@@ -0,0 +1,93 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.EnhancedWithKeyboardFocus = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = require("react");
+var _createHoc = _interopRequireDefault(require("../createHoc"));
+var _uncontroll = require("../uncontroll");
+var _fire = _interopRequireDefault(require("../fire"));
+var usingKeyBoard = true;
+var EnhancedWithKeyboardFocus = /*#__PURE__*/function (_PureComponent) {
+  (0, _inherits2["default"])(EnhancedWithKeyboardFocus, _PureComponent);
+  var _super = (0, _createSuper2["default"])(EnhancedWithKeyboardFocus);
+  function EnhancedWithKeyboardFocus() {
+    var _this;
+    (0, _classCallCheck2["default"])(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));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
+      keyboardFocused: false
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handlerFocus", function (e) {
+      (0, _fire["default"])((0, _assertThisInitialized2["default"])(_this), 'onFocus', e);
+      if (usingKeyBoard) {
+        (0, _uncontroll.internalSetState)((0, _assertThisInitialized2["default"])(_this), {
+          keyboardFocused: true
+        });
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handlerBlur", function (e) {
+      (0, _fire["default"])((0, _assertThisInitialized2["default"])(_this), 'onBlur', e);
+      (0, _uncontroll.internalSetState)((0, _assertThisInitialized2["default"])(_this), {
+        keyboardFocused: false
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handlerKeyDown", function (e) {
+      (0, _fire["default"])((0, _assertThisInitialized2["default"])(_this), 'onKeyDown', e);
+      usingKeyBoard = true;
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handlerMouseDown", function (e) {
+      (0, _fire["default"])((0, _assertThisInitialized2["default"])(_this), 'onMouseDown', e);
+      usingKeyBoard = false;
+    });
+    return _this;
+  }
+  (0, _createClass2["default"])(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;
+}(_react.PureComponent);
+exports.EnhancedWithKeyboardFocus = EnhancedWithKeyboardFocus;
+(0, _defineProperty2["default"])(EnhancedWithKeyboardFocus, "displayName", 'EnhancedWithKeyboardFocus');
+(0, _defineProperty2["default"])(EnhancedWithKeyboardFocus, "defaultProps", {
+  tabIndex: 0
+});
+var _default = (0, _createHoc["default"])(EnhancedWithKeyboardFocus);
+exports["default"] = _default;
+//# sourceMappingURL=WithKeyboardFocus.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WithKeyboardFocus.cjs","names":["_react","require","_createHoc","_interopRequireDefault","_uncontroll","_fire","usingKeyBoard","EnhancedWithKeyboardFocus","_PureComponent","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","keyboardFocused","e","fire","internalSetState","_createClass2","key","value","render","_this$props","props","children","tabIndex","disabled","state","onFocus","handlerFocus","onBlur","handlerBlur","onKeyDown","handlerKeyDown","onMouseDown","handlerMouseDown","getDerivedStateFromProps","undefined","PureComponent","exports","_default","createHoc"],"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/WithKeyboardFocus.d.ts

@@ -0,0 +1,45 @@
+import React, { PureComponent } from 'react';
+import { UnknownProperties } from '../../core-types/UnknownProperties';
+/** @deprecated */
+export interface IEnhancedWithKeyboardFocusInjectedProps extends EnhancedWithKeyboardFocusInjectedProps {
+}
+export type EnhancedWithKeyboardFocusInjectedProps = {
+    tabIndex: number;
+    keyboardFocused: boolean;
+    onFocus(e: FocusEvent): void;
+    onBlur(e: FocusEvent): void;
+    onKeyDown(e: KeyboardEvent): void;
+    onMouseDown(e: MouseEvent): void;
+};
+/** @deprecated */
+export interface IEnhancedWithKeyboardFocusProps extends EnhancedWithKeyboardFocusProps, UnknownProperties {
+}
+export type EnhancedWithKeyboardFocusProps = {
+    keyboardFocused?: boolean;
+    tabIndex?: number;
+    disabled?: boolean;
+    children(props: IEnhancedWithKeyboardFocusInjectedProps): React.ReactNode;
+};
+/** @deprecated */
+export interface IEnhancedWithKeyboardFocusState extends EnhancedWithKeyboardFocusState, UnknownProperties {
+}
+export type EnhancedWithKeyboardFocusState = {
+    keyboardFocused: boolean;
+};
+export declare class EnhancedWithKeyboardFocus extends PureComponent<IEnhancedWithKeyboardFocusProps, IEnhancedWithKeyboardFocusState> {
+    static displayName: string;
+    static defaultProps: {
+        tabIndex: number;
+    };
+    static getDerivedStateFromProps(props: any, state: any): any;
+    state: {
+        keyboardFocused: boolean;
+    };
+    handlerFocus: (e: FocusEvent) => void;
+    handlerBlur: (e: FocusEvent) => void;
+    handlerKeyDown: (e: KeyboardEvent) => void;
+    handlerMouseDown: (e: MouseEvent) => void;
+    render(): React.ReactNode;
+}
+declare const _default: (options?: {} | undefined) => (WrappedComponent: React.ComponentType) => React.ComponentClass<{}, any>;
+export default _default;

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

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _getDisplayName = _interopRequireDefault(require("../getDisplayName"));
+var _hoistNonReactStatics = _interopRequireDefault(require("hoist-non-react-statics"));
+function WithForwardRef() {
+  return function ForwardRef(Component) {
+    var Wrapped = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
+      // @ts-ignore
+      return /*#__PURE__*/_react["default"].createElement(Component, (0, _extends2["default"])({}, Component.defaultProps || {}, props, {
+        forwardedRef: ref
+      }));
+    });
+    Wrapped.displayName = (0, _getDisplayName["default"])(Component);
+    return (0, _hoistNonReactStatics["default"])(Wrapped, Component);
+  };
+}
+var _default = WithForwardRef;
+exports["default"] = _default;
+//# sourceMappingURL=WithRef.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WithRef.cjs","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.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare function WithForwardRef(): <T extends React.ComponentType<{}>>(Component: T) => any;
+export default WithForwardRef;

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

@@ -0,0 +1,74 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _assignProps = require("../assignProps");
+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 = (0, _slicedToArray2["default"])(_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 (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
+      onKeyDown: (0, _assignProps.callAllEventHandlers)(props.onKeyDown, handleKeyDown)
+    });
+  };
+};
+var _default = a11yEnhance;
+exports["default"] = _default;
+//# sourceMappingURL=a11yEnhance.cjs.map