@semcore/core 16.5.1 → 17.0.0-prerelease.14

package/lib/utils/enhances/WithI18n.js

@@ -1,89 +1,33 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 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 _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+exports.useI18n = exports.I18nProvider = exports.I18nConsumer = exports.Context = void 0;
 var _intl = require("@formatjs/intl");
 var _react = _interopRequireWildcard(require("react"));
-var _createHoc = _interopRequireDefault(require("../createHoc"));
 var _i18nEnhance = require("./i18nEnhance");
-var Context = exports.Context = /*#__PURE__*/(0, _react.createContext)(undefined);
-var I18nProvider = exports.I18nProvider = Context.Provider,
-  I18nConsumer = exports.I18nConsumer = Context.Consumer;
-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 */
-/**
- * @deprecated use `useI18n` instead
- */
-var WithI18n = /*#__PURE__*/function (_Component) {
-  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 = (0, _callSuper2["default"])(this, WithI18n, [].concat(args));
-    /* @ts-ignore */
-    (0, _defineProperty2["default"])(_this, "context", void 0);
-    (0, _defineProperty2["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, _inherits2["default"])(WithI18n, _Component);
-  return (0, _createClass2["default"])(WithI18n, [{
-    key: "render",
-    value: function render() {
-      var _ref = this.props,
-        children = _ref.children;
-      return children({
-        getText: this.getText
-      });
-    }
-  }]);
-}(_react.Component);
-(0, _defineProperty2["default"])(WithI18n, "contextType", Context);
-(0, _defineProperty2["default"])(WithI18n, "defaultProps", {
-  getText: getText
-});
-var useI18n = exports.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) {
+const Context = exports.Context = /*#__PURE__*/(0, _react.createContext)(undefined);
+const {
+  Provider: I18nProvider,
+  Consumer: I18nConsumer
+} = Context;
+exports.I18nConsumer = I18nConsumer;
+exports.I18nProvider = I18nProvider;
+const messagesCache = (0, _intl.createIntlCache)();
+const useI18n = (dictionary, locale = 'en', fallbackDictionary) => {
+  const lang = _react.default.useContext(Context) ?? locale;
+  const resolvedDictionary = (0, _i18nEnhance.useAsyncI18nMessages)(dictionary, lang, fallbackDictionary);
+  const intl = _react.default.useMemo(() => (0, _intl.createIntl)({
+    locale: lang,
+    messages: resolvedDictionary
+  }, messagesCache), [resolvedDictionary, lang]);
+  return _react.default.useCallback((messageId, variables) => {
     return intl.formatMessage({
-      id: messageId !== null && messageId !== void 0 ? messageId : ''
+      id: messageId ?? ''
     }, variables);
   }, [intl]);
 };
-var _default = exports["default"] = (0, _createHoc["default"])(WithI18n);
+exports.useI18n = useI18n;
 //# sourceMappingURL=WithI18n.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"WithI18n.js","names":["_intl","require","_react","_interopRequireWildcard","_createHoc","_interopRequireDefault","_i18nEnhance","Context","exports","createContext","undefined","I18nProvider","Provider","I18nConsumer","Consumer","messagesCache","createIntlCache","getText","dictionaries","locale","key","dictionary","WithI18n","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","selfLocale","_this$props","props","contextLocale","context","_inherits2","_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 { createIntl, createIntlCache } from '@formatjs/intl';\nimport React, { Component, createContext } from 'react';\n\nimport createHoc from '../createHoc';\nimport { useAsyncI18nMessages } from './i18nEnhance';\nimport type { UnknownProperties } from '../../core-types/UnknownProperties';\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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","ignoreList":[]}
+{"version":3,"file":"WithI18n.js","names":["_intl","require","_react","_interopRequireWildcard","_i18nEnhance","Context","exports","createContext","undefined","Provider","I18nProvider","Consumer","I18nConsumer","messagesCache","createIntlCache","useI18n","dictionary","locale","fallbackDictionary","lang","React","useContext","resolvedDictionary","useAsyncI18nMessages","intl","useMemo","createIntl","messages","useCallback","messageId","variables","formatMessage","id"],"sources":["../../../src/utils/enhances/WithI18n.tsx"],"sourcesContent":["import { createIntl, createIntlCache } from '@formatjs/intl';\nimport React, { createContext } from 'react';\n\nimport { useAsyncI18nMessages } from './i18nEnhance';\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\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 { useI18n, I18nProvider, I18nConsumer };\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAEA,IAAAG,YAAA,GAAAH,OAAA;AAKO,MAAMI,OAAO,GAAAC,OAAA,CAAAD,OAAA,gBAAG,IAAAE,oBAAa,EAAyBC,SAAS,CAAC;AACvE,MAAM;EAAEC,QAAQ,EAAEC,YAAY;EAAEC,QAAQ,EAAEC;AAAa,CAAC,GAAGP,OAAO;AAACC,OAAA,CAAAM,YAAA,GAAAA,YAAA;AAAAN,OAAA,CAAAI,YAAA,GAAAA,YAAA;AACnE,MAAMG,aAAa,GAAG,IAAAC,qBAAe,EAAC,CAAC;AAEvC,MAAMC,OAAO,GAAGA,CACdC,UAAsB,EACtBC,MAAkB,GAAG,IAAI,EACzBC,kBAA+B,KAC5B;EACH,MAAMC,IAAI,GAAGC,cAAK,CAACC,UAAU,CAAChB,OAAO,CAAC,IAAIY,MAAM;EAChD,MAAMK,kBAAkB,GAAG,IAAAC,iCAAoB,EAACP,UAAU,EAAEG,IAAI,EAAED,kBAAkB,CAAC;EACrF,MAAMM,IAAI,GAAGJ,cAAK,CAACK,OAAO,CACxB,MAAM,IAAAC,gBAAU,EAAC;IAAET,MAAM,EAAEE,IAAI;IAAEQ,QAAQ,EAAEL;EAAmB,CAAC,EAAET,aAAa,CAAC,EAC/E,CAACS,kBAAkB,EAAEH,IAAI,CAC3B,CAAC;EAED,OAAOC,cAAK,CAACQ,WAAW,CACtB,CAACC,SAAiB,EAAEC,SAA0D,KAAK;IACjF,OAAON,IAAI,CAACO,aAAa,CAAC;MAAEC,EAAE,EAAEH,SAAS,IAAI;IAAG,CAAC,EAAEC,SAAS,CAAC;EAC/D,CAAC,EACD,CAACN,IAAI,CACP,CAAC;AACH,CAAC;AAAClB,OAAA,CAAAS,OAAA,GAAAA,OAAA","ignoreList":[]}

package/lib/utils/enhances/WithI18n.mjs

@@ -1,75 +1,28 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { createIntlCache, createIntl } from "@formatjs/intl";
-import React, { createContext, Component } from "react";
-import createHoc from "../createHoc.mjs";
+import React, { createContext } from "react";
 import { useAsyncI18nMessages } from "./i18nEnhance.mjs";
-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) {
-  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 = _callSuper(this, WithI18n2, [].concat(args));
-    _defineProperty(_this, "context", void 0);
-    _defineProperty(_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;
-  }
-  _inherits(WithI18n2, _Component);
-  return _createClass(WithI18n2, [{
-    key: "render",
-    value: function render() {
-      var _ref = this.props, children = _ref.children;
-      return children({
-        getText: this.getText
-      });
-    }
-  }]);
-})(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) {
+const Context = /* @__PURE__ */ createContext(void 0);
+const {
+  Provider: I18nProvider,
+  Consumer: I18nConsumer
+} = Context;
+const messagesCache = createIntlCache();
+const useI18n = (dictionary, locale = "en", fallbackDictionary) => {
+  const lang = React.useContext(Context) ?? locale;
+  const resolvedDictionary = useAsyncI18nMessages(dictionary, lang, fallbackDictionary);
+  const intl = React.useMemo(() => createIntl({
+    locale: lang,
+    messages: resolvedDictionary
+  }, messagesCache), [resolvedDictionary, lang]);
+  return React.useCallback((messageId, variables) => {
     return intl.formatMessage({
-      id: messageId !== null && messageId !== void 0 ? messageId : ""
+      id: messageId ?? ""
     }, variables);
   }, [intl]);
 };
-const WithI18n$1 = createHoc(WithI18n);
 export {
   Context,
   I18nConsumer,
   I18nProvider,
-  WithI18n$1 as default,
   useI18n
 };

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

@@ -1 +1 @@
-{"version":3,"file":"WithI18n.mjs","names":["createIntl","createIntlCache","React","Component","createContext","createHoc","useAsyncI18nMessages","Context","undefined","I18nProvider","Provider","I18nConsumer","Consumer","messagesCache","getText","dictionaries","locale","key","dictionary","WithI18n","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","selfLocale","_this$props","props","contextLocale","context","_inherits","_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 { createIntl, createIntlCache } from '@formatjs/intl';\nimport React, { Component, createContext } from 'react';\n\nimport createHoc from '../createHoc';\nimport { useAsyncI18nMessages } from './i18nEnhance';\nimport type { UnknownProperties } from '../../core-types/UnknownProperties';\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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","ignoreList":[]}
+{"version":3,"file":"WithI18n.mjs","names":["createIntl","createIntlCache","React","createContext","useAsyncI18nMessages","Context","undefined","Provider","I18nProvider","Consumer","I18nConsumer","messagesCache","useI18n","dictionary","locale","fallbackDictionary","lang","useContext","resolvedDictionary","intl","useMemo","messages","useCallback","messageId","variables","formatMessage","id"],"sources":["../../../src/utils/enhances/WithI18n.tsx"],"sourcesContent":["import { createIntl, createIntlCache } from '@formatjs/intl';\nimport React, { createContext } from 'react';\n\nimport { useAsyncI18nMessages } from './i18nEnhance';\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\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 { useI18n, I18nProvider, I18nConsumer };\n"],"mappings":"AAAA,SAASA,UAAU,EAAEC,eAAe,QAAQ,gBAAgB;AAC5D,OAAOC,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAE5C,SAASC,oBAAoB,QAAQ,mBAAe;AAKpD,OAAO,MAAMC,OAAO,gBAAGF,aAAa,CAAyBG,SAAS,CAAC;AACvE,MAAM;EAAEC,QAAQ,EAAEC,YAAY;EAAEC,QAAQ,EAAEC;AAAa,CAAC,GAAGL,OAAO;AAClE,MAAMM,aAAa,GAAGV,eAAe,CAAC,CAAC;AAEvC,MAAMW,OAAO,GAAGA,CACdC,UAAsB,EACtBC,MAAkB,GAAG,IAAI,EACzBC,kBAA+B,KAC5B;EACH,MAAMC,IAAI,GAAGd,KAAK,CAACe,UAAU,CAACZ,OAAO,CAAC,IAAIS,MAAM;EAChD,MAAMI,kBAAkB,GAAGd,oBAAoB,CAACS,UAAU,EAAEG,IAAI,EAAED,kBAAkB,CAAC;EACrF,MAAMI,IAAI,GAAGjB,KAAK,CAACkB,OAAO,CACxB,MAAMpB,UAAU,CAAC;IAAEc,MAAM,EAAEE,IAAI;IAAEK,QAAQ,EAAEH;EAAmB,CAAC,EAAEP,aAAa,CAAC,EAC/E,CAACO,kBAAkB,EAAEF,IAAI,CAC3B,CAAC;EAED,OAAOd,KAAK,CAACoB,WAAW,CACtB,CAACC,SAAiB,EAAEC,SAA0D,KAAK;IACjF,OAAOL,IAAI,CAACM,aAAa,CAAC;MAAEC,EAAE,EAAEH,SAAS,IAAI;IAAG,CAAC,EAAEC,SAAS,CAAC;EAC/D,CAAC,EACD,CAACL,IAAI,CACP,CAAC;AACH,CAAC;AAED,SAASP,OAAO,EAAEJ,YAAY,EAAEE,YAAY","ignoreList":[]}

package/lib/utils/enhances/a11yEnhance.js

@@ -1,73 +1,68 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 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"));
+exports.default = void 0;
 var _assignProps = require("../assignProps");
-var defaultOnNeighborChange = function defaultOnNeighborChange(neighborElement) {
-  neighborElement === null || neighborElement === void 0 || neighborElement.focus();
+const defaultOnNeighborChange = neighborElement => {
+  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;
+const defaultFindNeighbor = (listSelectors, element, direction) => {
+  const elementSibling = ['right', 'top'].includes(direction) ? 1 : -1;
+  const indexElement = listSelectors.findIndex(node => node === element);
+  const lengthList = listSelectors.length;
+  const lastIndex = lengthList - 1;
+  let 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);
+const a11yEnhance = options => {
+  const findNeighbor = options.findNeighbor || defaultFindNeighbor;
+  const onNeighborChange = options.onNeighborChange || defaultOnNeighborChange;
+  const {
+    childSelector
+  } = options;
+  return props => {
+    if (!childSelector) throw `parameter childSelector not passed in options for a11yEnhance for ${props['data-ui-name']}`;
+    const getNeighbor = (listSelectors, element, direction) => {
+      const neighbor = findNeighbor(listSelectors, element, direction);
       if (!neighbor) return element;
-      if ('disabled' in neighbor && neighbor.disabled) return _getNeighbor(listSelectors, neighbor, direction);
+      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];
+    const handleKeyDown = event => {
+      const parent = event.currentTarget;
+      const selectedElement = event.target;
+      const [childAttrName, childAttrValue] = typeof childSelector === 'function' ? childSelector(props) : childSelector;
       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']);
+      const listSelectors = Array.from(parent.querySelectorAll(`[${childAttrName}="${childAttrValue}"]`));
+      if (!listSelectors.length) throw `no children found querySelectorAll([${childAttrName}="${childAttrValue}"] a11yEnhance for ${props['data-ui-name']}`;
       switch (event.key) {
         case 'ArrowLeft':
-          onNeighborChange(_getNeighbor(listSelectors, selectedElement, 'left'), props);
+          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'left'), props);
           event.preventDefault();
           break;
         case 'ArrowTop':
-          onNeighborChange(_getNeighbor(listSelectors, selectedElement, 'top'), props);
+          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'top'), props);
           event.preventDefault();
           break;
         case 'ArrowRight':
-          onNeighborChange(_getNeighbor(listSelectors, selectedElement, 'right'), props);
+          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'right'), props);
           event.preventDefault();
           break;
         case 'ArrowBottom':
-          onNeighborChange(_getNeighbor(listSelectors, selectedElement, 'bottom'), props);
+          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'bottom'), props);
           event.preventDefault();
           break;
       }
     };
-    return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
+    return {
+      ...props,
       onKeyDown: (0, _assignProps.callAllEventHandlers)(props.onKeyDown, handleKeyDown)
-    });
+    };
   };
 };
-var _default = exports["default"] = a11yEnhance;
+var _default = exports.default = a11yEnhance;
 //# sourceMappingURL=a11yEnhance.js.map

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

@@ -1 +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 type React from 'react';\n\nimport { callAllEventHandlers } from '../assignProps';\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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","ignoreList":[]}
+{"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","getNeighbor","neighbor","disabled","handleKeyDown","event","parent","currentTarget","selectedElement","target","childAttrName","childAttrValue","getAttribute","Array","from","querySelectorAll","key","preventDefault","onKeyDown","callAllEventHandlers","_default","exports","default"],"sources":["../../../src/utils/enhances/a11yEnhance.tsx"],"sourcesContent":["import type React from 'react';\n\nimport { callAllEventHandlers } from '../assignProps';\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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","ignoreList":[]}

package/lib/utils/enhances/a11yEnhance.mjs

@@ -1,65 +1,61 @@
-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 || neighborElement.focus();
+const defaultOnNeighborChange = neighborElement => {
+  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;
+const defaultFindNeighbor = (listSelectors, element, direction) => {
+  const elementSibling = ['right', 'top'].includes(direction) ? 1 : -1;
+  const indexElement = listSelectors.findIndex(node => node === element);
+  const lengthList = listSelectors.length;
+  const lastIndex = lengthList - 1;
+  let 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);
+const a11yEnhance = options => {
+  const findNeighbor = options.findNeighbor || defaultFindNeighbor;
+  const onNeighborChange = options.onNeighborChange || defaultOnNeighborChange;
+  const {
+    childSelector
+  } = options;
+  return props => {
+    if (!childSelector) throw `parameter childSelector not passed in options for a11yEnhance for ${props['data-ui-name']}`;
+    const getNeighbor = (listSelectors, element, direction) => {
+      const neighbor = findNeighbor(listSelectors, element, direction);
       if (!neighbor) return element;
-      if ('disabled' in neighbor && neighbor.disabled) return _getNeighbor(listSelectors, neighbor, direction);
+      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];
+    const handleKeyDown = event => {
+      const parent = event.currentTarget;
+      const selectedElement = event.target;
+      const [childAttrName, childAttrValue] = typeof childSelector === 'function' ? childSelector(props) : childSelector;
       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']);
+      const listSelectors = Array.from(parent.querySelectorAll(`[${childAttrName}="${childAttrValue}"]`));
+      if (!listSelectors.length) throw `no children found querySelectorAll([${childAttrName}="${childAttrValue}"] a11yEnhance for ${props['data-ui-name']}`;
       switch (event.key) {
         case 'ArrowLeft':
-          onNeighborChange(_getNeighbor(listSelectors, selectedElement, 'left'), props);
+          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'left'), props);
           event.preventDefault();
           break;
         case 'ArrowTop':
-          onNeighborChange(_getNeighbor(listSelectors, selectedElement, 'top'), props);
+          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'top'), props);
           event.preventDefault();
           break;
         case 'ArrowRight':
-          onNeighborChange(_getNeighbor(listSelectors, selectedElement, 'right'), props);
+          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'right'), props);
           event.preventDefault();
           break;
         case 'ArrowBottom':
-          onNeighborChange(_getNeighbor(listSelectors, selectedElement, 'bottom'), props);
+          onNeighborChange(getNeighbor(listSelectors, selectedElement, 'bottom'), props);
           event.preventDefault();
           break;
       }
     };
-    return _objectSpread(_objectSpread({}, props), {}, {
+    return {
+      ...props,
       onKeyDown: callAllEventHandlers(props.onKeyDown, handleKeyDown)
-    });
+    };
   };
 };
 export default a11yEnhance;

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

@@ -1 +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 type React from 'react';\n\nimport { callAllEventHandlers } from '../assignProps';\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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","ignoreList":[]}
+{"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","getNeighbor","neighbor","disabled","handleKeyDown","event","parent","currentTarget","selectedElement","target","childAttrName","childAttrValue","getAttribute","Array","from","querySelectorAll","key","preventDefault","onKeyDown"],"sources":["../../../src/utils/enhances/a11yEnhance.tsx"],"sourcesContent":["import type React from 'react';\n\nimport { callAllEventHandlers } from '../assignProps';\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":"AAEA,SAASA,oBAAoB,QAAQ,oBAAgB;AAgBrD,MAAMC,uBAA8C,GAAIC,eAAe,IAAK;EAC1EA,eAAe,EAAEC,KAAK,CAAC,CAAC;AAC1B,CAAC;AAED,MAAMC,mBAAiC,GAAGA,CAACC,aAAa,EAAEC,OAAO,EAAEC,SAAS,KAAK;EAC/E,MAAMC,cAAc,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,CAACC,QAAQ,CAACF,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;EACpE,MAAMG,YAAY,GAAGL,aAAa,CAACM,SAAS,CAAEC,IAAI,IAAKA,IAAI,KAAKN,OAAO,CAAC;EACxE,MAAMO,UAAU,GAAGR,aAAa,CAACS,MAAM;EAEvC,MAAMC,SAAS,GAAGF,UAAU,GAAG,CAAC;EAChC,IAAIG,SAAS,GAAGN,YAAY,GAAGF,cAAc;EAC7C,IAAIQ,SAAS,GAAG,CAAC,EAAEA,SAAS,GAAGD,SAAS;EACxC,IAAIC,SAAS,GAAGD,SAAS,EAAEC,SAAS,GAAG,CAAC;EACxC,OAAOX,aAAa,CAACW,SAAS,CAAC;AACjC,CAAC;AAED,MAAMC,WAAW,GAAIC,OAA2B,IAAK;EACnD,MAAMC,YAAY,GAAGD,OAAO,CAACC,YAAY,IAAIf,mBAAmB;EAChE,MAAMgB,gBAAgB,GAAGF,OAAO,CAACE,gBAAgB,IAAInB,uBAAuB;EAC5E,MAAM;IAAEoB;EAAc,CAAC,GAAGH,OAAO;EAEjC,OAAQI,KAAU,IAAK;IACrB,IAAI,CAACD,aAAa,EAChB,MAAM,qEAAqEC,KAAK,CAAC,cAAc,CAAC,EAAE;IACpG,MAAMC,WAAW,GAAGA,CAClBlB,aAAkB,EAClBC,OAAoB,EACpBC,SAAiB,KACD;MAChB,MAAMiB,QAAQ,GAAGL,YAAY,CAACd,aAAa,EAAEC,OAAO,EAAEC,SAAS,CAAC;MAChE,IAAI,CAACiB,QAAQ,EAAE,OAAOlB,OAAO;MAC7B,IAAI,UAAU,IAAIkB,QAAQ,IAAIA,QAAQ,CAACC,QAAQ,EAC7C,OAAOF,WAAW,CAAClB,aAAa,EAAEmB,QAAQ,EAAEjB,SAAS,CAAC;MACxD,OAAOiB,QAAQ;IACjB,CAAC;IAED,MAAME,aAAa,GAAIC,KAAuC,IAAK;MACjE,MAAMC,MAAM,GAAGD,KAAK,CAACE,aAAa;MAClC,MAAMC,eAAe,GAAGH,KAAK,CAACI,MAAqB;MACnD,MAAM,CAACC,aAAa,EAAEC,cAAc,CAAC,GACnC,OAAOZ,aAAa,KAAK,UAAU,GAAGA,aAAa,CAACC,KAAK,CAAC,GAAGD,aAAa;MAC5E,IAAI,CAACS,eAAe,CAACI,YAAY,CAACF,aAAa,CAAC,EAAE;MAElD,MAAM3B,aAAa,GAAG8B,KAAK,CAACC,IAAI,CAC9BR,MAAM,CAACS,gBAAgB,CAAC,IAAIL,aAAa,KAAKC,cAAc,IAAI,CAClE,CAAC;MACD,IAAI,CAAC5B,aAAa,CAACS,MAAM,EACvB,MAAM,uCAAuCkB,aAAa,KAAKC,cAAc,sBAAsBX,KAAK,CAAC,cAAc,CAAC,EAAE;MAE5H,QAAQK,KAAK,CAACW,GAAG;QACf,KAAK,WAAW;UACdlB,gBAAgB,CAACG,WAAW,CAAClB,aAAa,EAAEyB,eAAe,EAAE,MAAM,CAAC,EAAER,KAAK,CAAC;UAC5EK,KAAK,CAACY,cAAc,CAAC,CAAC;UACtB;QACF,KAAK,UAAU;UACbnB,gBAAgB,CAACG,WAAW,CAAClB,aAAa,EAAEyB,eAAe,EAAE,KAAK,CAAC,EAAER,KAAK,CAAC;UAC3EK,KAAK,CAACY,cAAc,CAAC,CAAC;UACtB;QACF,KAAK,YAAY;UACfnB,gBAAgB,CAACG,WAAW,CAAClB,aAAa,EAAEyB,eAAe,EAAE,OAAO,CAAC,EAAER,KAAK,CAAC;UAC7EK,KAAK,CAACY,cAAc,CAAC,CAAC;UACtB;QACF,KAAK,aAAa;UAChBnB,gBAAgB,CAACG,WAAW,CAAClB,aAAa,EAAEyB,eAAe,EAAE,QAAQ,CAAC,EAAER,KAAK,CAAC;UAC9EK,KAAK,CAACY,cAAc,CAAC,CAAC;UACtB;MACJ;IACF,CAAC;IAED,OAAO;MACL,GAAGjB,KAAK;MACRkB,SAAS,EAAExC,oBAAoB,CAACsB,KAAK,CAACkB,SAAS,EAAEd,aAAa;IAChE,CAAC;EACH,CAAC;AACH,CAAC;AAED,eAAeT,WAAW","ignoreList":[]}

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

@@ -1,7 +1,3 @@
-import type { UnknownProperties } from '../../core-types/UnknownProperties';
-/** @deprecated */
-export interface IWithAnimatedSizeEnhanceProps extends WithAnimatedSizeEnhanceProps, UnknownProperties {
-}
 export type WithAnimatedSizeEnhanceProps = {
     animationsDisabled?: boolean;
 };