intergalactic 15.38.0-prerelease-46329ccd

package/utils/lib/enhances/i18nEnhance.js

@@ -0,0 +1,133 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+exports.interpolate = interpolate;
+exports.useAsyncI18nMessages = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _react = _interopRequireDefault(require("react"));
+var _WithI18n = require("./WithI18n");
+var interpolationRegex = /{(.*?)}/g;
+var escapeHtml = function escapeHtml(html) {
+  return String(html).split('').map(function (_char) {
+    switch (_char) {
+      case '<':
+        return '&lt;';
+      case '>':
+        return '&gt;';
+      case '&':
+        return '&amp;';
+      case '"':
+        return '&quot;';
+      case '`':
+        return '&#x60';
+    }
+    return _char;
+  }).join('');
+};
+function interpolate(template) {
+  var variables = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return template.replace(interpolationRegex, function (_, key) {
+    if (variables[key] !== undefined) {
+      return escapeHtml(variables[key]);
+    }
+    return _;
+  });
+}
+
+/** @deprecated */
+
+var useAsyncI18nMessages = function useAsyncI18nMessages(primaryContainer, locale, fallbackContainer) {
+  var _store$locale;
+  var container = _react["default"].useMemo(function () {
+    if (!fallbackContainer) return primaryContainer;
+    if (!primaryContainer) return fallbackContainer;
+    if (primaryContainer === fallbackContainer) return primaryContainer;
+    var container = {};
+    var _loop = function _loop(_locale) {
+      if (typeof primaryContainer[_locale] === 'function' || typeof fallbackContainer[_locale] === 'function') {
+        container[_locale] = /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee() {
+          var _yield$Promise$all, _yield$Promise$all2, primary, fallback;
+          return (0, _regeneratorRuntime2["default"])().wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return Promise.all([primaryContainer[_locale], fallbackContainer[_locale]]);
+              case 2:
+                _yield$Promise$all = _context.sent;
+                _yield$Promise$all2 = (0, _slicedToArray2["default"])(_yield$Promise$all, 2);
+                primary = _yield$Promise$all2[0];
+                fallback = _yield$Promise$all2[1];
+                return _context.abrupt("return", (0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, primary), fallback));
+              case 7:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }));
+      } else {
+        var _primaryContainer$_lo, _fallbackContainer$_l;
+        container[_locale] = (0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, (_primaryContainer$_lo = primaryContainer[_locale]) !== null && _primaryContainer$_lo !== void 0 ? _primaryContainer$_lo : {}), (_fallbackContainer$_l = fallbackContainer[_locale]) !== null && _fallbackContainer$_l !== void 0 ? _fallbackContainer$_l : {});
+      }
+    };
+    for (var _locale in primaryContainer) {
+      _loop(_locale);
+    }
+    return container;
+  }, [primaryContainer, fallbackContainer]);
+  var initStore = _react["default"].useMemo(function () {
+    var store = {};
+    for (var _locale2 in container) {
+      if ((0, _typeof2["default"])(container[_locale2]) === 'object') {
+        store[_locale2] = container[_locale2];
+      }
+    }
+    return store;
+  }, [container]);
+  var _React$useState = _react["default"].useState(initStore),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    store = _React$useState2[0],
+    setStore = _React$useState2[1];
+  var lastLoadedLocaleRef = _react["default"].useRef(null);
+  if (store[locale]) lastLoadedLocaleRef.current = locale;
+  var fallbackMessages = _react["default"].useMemo(function () {
+    return Object.values(store)[0];
+  }, [store]);
+  var loadingLocaleRef = _react["default"].useRef(null);
+  _react["default"].useEffect(function () {
+    loadingLocaleRef.current = locale;
+    var asyncMessages = container[locale];
+    if (typeof asyncMessages === 'function') {
+      asyncMessages().then(function (module) {
+        if (loadingLocaleRef.current !== locale) return;
+        var messages = module;
+        if ('default' in module && (0, _typeof2["default"])(module["default"]) === 'object') messages = module["default"];
+        setStore(function (store) {
+          return (0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, store), {}, (0, _defineProperty2["default"])({}, locale, messages));
+        });
+      })["catch"](console.error);
+    }
+  }, [container, locale]);
+  return (_store$locale = store[locale]) !== null && _store$locale !== void 0 ? _store$locale : fallbackMessages;
+};
+exports.useAsyncI18nMessages = useAsyncI18nMessages;
+var _default = function _default(container) {
+  return function (props) {
+    var i18n = props.i18n,
+      locale = props.locale;
+    var getI18nText = (0, _WithI18n.useI18n)(i18n, locale, container);
+    return (0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, props), {}, {
+      getI18nText: getI18nText
+    });
+  };
+};
+exports["default"] = _default;
+//# sourceMappingURL=i18nEnhance.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"i18nEnhance.js","names":["_react","_interopRequireDefault","require","_WithI18n","interpolationRegex","escapeHtml","html","String","split","map","char","join","interpolate","template","variables","arguments","length","undefined","replace","_","key","useAsyncI18nMessages","primaryContainer","locale","fallbackContainer","_store$locale","container","React","useMemo","_loop","_locale","_asyncToGenerator2","_regeneratorRuntime2","mark","_callee","_yield$Promise$all","_yield$Promise$all2","primary","fallback","wrap","_callee$","_context","prev","next","Promise","all","sent","_slicedToArray2","abrupt","_objectSpread3","stop","_primaryContainer$_lo","_fallbackContainer$_l","initStore","store","_typeof2","_React$useState","useState","_React$useState2","setStore","lastLoadedLocaleRef","useRef","current","fallbackMessages","Object","values","loadingLocaleRef","useEffect","asyncMessages","then","module","messages","_defineProperty2","console","error","exports","_default","props","i18n","getI18nText","useI18n"],"sources":["../../src/enhances/i18nEnhance.tsx"],"sourcesContent":["import React from 'react';\nimport { LocaleKeys, useI18n } from './WithI18n';\nimport { UnknownProperties } from '@semcore/core';\n\nconst interpolationRegex = /{(.*?)}/g;\n\nconst escapeHtml = (html: string) =>\n  String(html)\n    .split('')\n    .map((char) => {\n      switch (char) {\n        case '<':\n          return '&lt;';\n        case '>':\n          return '&gt;';\n        case '&':\n          return '&amp;';\n        case '\"':\n          return '&quot;';\n        case '`':\n          return '&#x60';\n      }\n      return char;\n    })\n    .join('');\n\nexport function interpolate(template: string, variables: {} = {}) {\n  return template.replace(interpolationRegex, (_, key) => {\n    if ((variables as any)[key] !== undefined) {\n      return escapeHtml((variables as any)[key]);\n    }\n    return _;\n  });\n}\n\n/** @deprecated */\nexport interface IWithI18nEnhanceProps extends WithI18nEnhanceProps, UnknownProperties {}\nexport type WithI18nEnhanceProps = {\n  /* Function for getting the required field from the translation dictionary */\n  getI18nText?: (key?: string, variables?: {}) => any;\n  /* Object with translations */\n  i18n?: {\n    [locale: string]: {\n      [key: string]: string;\n    };\n  };\n  /* Locale for translations */\n  locale?: LocaleKeys;\n};\n\ntype Messages = { [messageId: string]: string };\ntype MessagesContainer = { [locale: string]: Messages | (() => Promise<Messages>) };\ntype MessagesStore = { [locale: string]: Messages };\nexport const useAsyncI18nMessages = (\n  primaryContainer: MessagesContainer,\n  locale: string,\n  fallbackContainer?: MessagesContainer,\n) => {\n  const container = React.useMemo(() => {\n    if (!fallbackContainer) return primaryContainer;\n    if (!primaryContainer) return fallbackContainer;\n    if (primaryContainer === fallbackContainer) return primaryContainer;\n    const container: MessagesContainer = {};\n    for (const locale in primaryContainer) {\n      if (\n        typeof primaryContainer[locale] === 'function' ||\n        typeof fallbackContainer[locale] === 'function'\n      ) {\n        container[locale] = async () => {\n          const [primary, fallback] = await Promise.all([\n            primaryContainer[locale],\n            fallbackContainer[locale],\n          ]);\n          return { ...primary, ...fallback };\n        };\n      } else {\n        container[locale] = {\n          ...(primaryContainer[locale] ?? {}),\n          ...(fallbackContainer[locale] ?? {}),\n        };\n      }\n    }\n    return container;\n  }, [primaryContainer, fallbackContainer]);\n  const initStore = React.useMemo(() => {\n    const store: MessagesStore = {};\n    for (const locale in container) {\n      if (typeof container[locale] === 'object') {\n        store[locale] = container[locale] as Messages;\n      }\n    }\n    return store;\n  }, [container]);\n  const [store, setStore] = React.useState(initStore);\n  const lastLoadedLocaleRef = React.useRef<string | null>(null);\n  if (store[locale]) lastLoadedLocaleRef.current = locale;\n  const fallbackMessages = React.useMemo(() => Object.values(store)[0], [store]);\n\n  const loadingLocaleRef = React.useRef<string | null>(null);\n  React.useEffect(() => {\n    loadingLocaleRef.current = locale;\n    const asyncMessages = container[locale];\n    if (typeof asyncMessages === 'function') {\n      asyncMessages()\n        .then((module) => {\n          if (loadingLocaleRef.current !== locale) return;\n          let messages = module;\n          if ('default' in module && typeof module.default === 'object') messages = module.default;\n          setStore((store) => ({\n            ...store,\n            [locale]: messages,\n          }));\n        })\n\n        .catch(console.error);\n    }\n  }, [container, locale]);\n\n  return store[locale] ?? fallbackMessages;\n};\nexport default (container?: MessagesContainer) => {\n  return (props: any): { getI18nText: ReturnType<typeof useI18n> } => {\n    const { i18n, locale } = props;\n    const getI18nText = useI18n(i18n, locale, container);\n\n    return { ...props, getI18nText };\n  };\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAGA,IAAME,kBAAkB,GAAG,UAAU;AAErC,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAIC,IAAY;EAAA,OAC9BC,MAAM,CAACD,IAAI,CAAC,CACTE,KAAK,CAAC,EAAE,CAAC,CACTC,GAAG,CAAC,UAACC,KAAI,EAAK;IACb,QAAQA,KAAI;MACV,KAAK,GAAG;QACN,OAAO,MAAM;MACf,KAAK,GAAG;QACN,OAAO,MAAM;MACf,KAAK,GAAG;QACN,OAAO,OAAO;MAChB,KAAK,GAAG;QACN,OAAO,QAAQ;MACjB,KAAK,GAAG;QACN,OAAO,OAAO;IAAC;IAEnB,OAAOA,KAAI;EACb,CAAC,CAAC,CACDC,IAAI,CAAC,EAAE,CAAC;AAAA;AAEN,SAASC,WAAWA,CAACC,QAAgB,EAAsB;EAAA,IAApBC,SAAa,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EAC9D,OAAOF,QAAQ,CAACK,OAAO,CAACd,kBAAkB,EAAE,UAACe,CAAC,EAAEC,GAAG,EAAK;IACtD,IAAKN,SAAS,CAASM,GAAG,CAAC,KAAKH,SAAS,EAAE;MACzC,OAAOZ,UAAU,CAAES,SAAS,CAASM,GAAG,CAAC,CAAC;IAC5C;IACA,OAAOD,CAAC;EACV,CAAC,CAAC;AACJ;;AAEA;;AAkBO,IAAME,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAC/BC,gBAAmC,EACnCC,MAAc,EACdC,iBAAqC,EAClC;EAAA,IAAAC,aAAA;EACH,IAAMC,SAAS,GAAGC,iBAAK,CAACC,OAAO,CAAC,YAAM;IACpC,IAAI,CAACJ,iBAAiB,EAAE,OAAOF,gBAAgB;IAC/C,IAAI,CAACA,gBAAgB,EAAE,OAAOE,iBAAiB;IAC/C,IAAIF,gBAAgB,KAAKE,iBAAiB,EAAE,OAAOF,gBAAgB;IACnE,IAAMI,SAA4B,GAAG,CAAC,CAAC;IAAC,IAAAG,KAAA,YAAAA,MAAAC,OAAA,EACD;MACrC,IACE,OAAOR,gBAAgB,CAACC,OAAM,CAAC,KAAK,UAAU,IAC9C,OAAOC,iBAAiB,CAACD,OAAM,CAAC,KAAK,UAAU,EAC/C;QACAG,SAAS,CAACH,OAAM,CAAC,oBAAAQ,kBAAA,+BAAAC,oBAAA,eAAAC,IAAA,CAAG,SAAAC,QAAA;UAAA,IAAAC,kBAAA,EAAAC,mBAAA,EAAAC,OAAA,EAAAC,QAAA;UAAA,WAAAN,oBAAA,eAAAO,IAAA,UAAAC,SAAAC,QAAA;YAAA,kBAAAA,QAAA,CAAAC,IAAA,GAAAD,QAAA,CAAAE,IAAA;cAAA;gBAAAF,QAAA,CAAAE,IAAA;gBAAA,OACgBC,OAAO,CAACC,GAAG,CAAC,CAC5CvB,gBAAgB,CAACC,OAAM,CAAC,EACxBC,iBAAiB,CAACD,OAAM,CAAC,CAC1B,CAAC;cAAA;gBAAAY,kBAAA,GAAAM,QAAA,CAAAK,IAAA;gBAAAV,mBAAA,OAAAW,eAAA,aAAAZ,kBAAA;gBAHKE,OAAO,GAAAD,mBAAA;gBAAEE,QAAQ,GAAAF,mBAAA;gBAAA,OAAAK,QAAA,CAAAO,MAAA,eAAAC,cAAA,iBAAAA,cAAA,iBAIZZ,OAAO,GAAKC,QAAQ;cAAA;cAAA;gBAAA,OAAAG,QAAA,CAAAS,IAAA;YAAA;UAAA,GAAAhB,OAAA;QAAA,CACjC;MACH,CAAC,MAAM;QAAA,IAAAiB,qBAAA,EAAAC,qBAAA;QACL1B,SAAS,CAACH,OAAM,CAAC,OAAA0B,cAAA,iBAAAA,cAAA,kBAAAE,qBAAA,GACX7B,gBAAgB,CAACC,OAAM,CAAC,cAAA4B,qBAAA,cAAAA,qBAAA,GAAI,CAAC,CAAC,IAAAC,qBAAA,GAC9B5B,iBAAiB,CAACD,OAAM,CAAC,cAAA6B,qBAAA,cAAAA,qBAAA,GAAI,CAAC,CAAC,CACpC;MACH;IACF,CAAC;IAlBD,KAAK,IAAM7B,OAAM,IAAID,gBAAgB;MAAAO,KAAA,CAAAC,OAAA;IAAA;IAmBrC,OAAOJ,SAAS;EAClB,CAAC,EAAE,CAACJ,gBAAgB,EAAEE,iBAAiB,CAAC,CAAC;EACzC,IAAM6B,SAAS,GAAG1B,iBAAK,CAACC,OAAO,CAAC,YAAM;IACpC,IAAM0B,KAAoB,GAAG,CAAC,CAAC;IAC/B,KAAK,IAAM/B,QAAM,IAAIG,SAAS,EAAE;MAC9B,IAAI,IAAA6B,QAAA,aAAO7B,SAAS,CAACH,QAAM,CAAC,MAAK,QAAQ,EAAE;QACzC+B,KAAK,CAAC/B,QAAM,CAAC,GAAGG,SAAS,CAACH,QAAM,CAAa;MAC/C;IACF;IACA,OAAO+B,KAAK;EACd,CAAC,EAAE,CAAC5B,SAAS,CAAC,CAAC;EACf,IAAA8B,eAAA,GAA0B7B,iBAAK,CAAC8B,QAAQ,CAACJ,SAAS,CAAC;IAAAK,gBAAA,OAAAX,eAAA,aAAAS,eAAA;IAA5CF,KAAK,GAAAI,gBAAA;IAAEC,QAAQ,GAAAD,gBAAA;EACtB,IAAME,mBAAmB,GAAGjC,iBAAK,CAACkC,MAAM,CAAgB,IAAI,CAAC;EAC7D,IAAIP,KAAK,CAAC/B,MAAM,CAAC,EAAEqC,mBAAmB,CAACE,OAAO,GAAGvC,MAAM;EACvD,IAAMwC,gBAAgB,GAAGpC,iBAAK,CAACC,OAAO,CAAC;IAAA,OAAMoC,MAAM,CAACC,MAAM,CAACX,KAAK,CAAC,CAAC,CAAC,CAAC;EAAA,GAAE,CAACA,KAAK,CAAC,CAAC;EAE9E,IAAMY,gBAAgB,GAAGvC,iBAAK,CAACkC,MAAM,CAAgB,IAAI,CAAC;EAC1DlC,iBAAK,CAACwC,SAAS,CAAC,YAAM;IACpBD,gBAAgB,CAACJ,OAAO,GAAGvC,MAAM;IACjC,IAAM6C,aAAa,GAAG1C,SAAS,CAACH,MAAM,CAAC;IACvC,IAAI,OAAO6C,aAAa,KAAK,UAAU,EAAE;MACvCA,aAAa,EAAE,CACZC,IAAI,CAAC,UAACC,MAAM,EAAK;QAChB,IAAIJ,gBAAgB,CAACJ,OAAO,KAAKvC,MAAM,EAAE;QACzC,IAAIgD,QAAQ,GAAGD,MAAM;QACrB,IAAI,SAAS,IAAIA,MAAM,IAAI,IAAAf,QAAA,aAAOe,MAAM,WAAQ,MAAK,QAAQ,EAAEC,QAAQ,GAAGD,MAAM,WAAQ;QACxFX,QAAQ,CAAC,UAACL,KAAK;UAAA,WAAAL,cAAA,iBAAAA,cAAA,iBACVK,KAAK,WAAAkB,gBAAA,iBACPjD,MAAM,EAAGgD,QAAQ;QAAA,CAClB,CAAC;MACL,CAAC,CAAC,SAEI,CAACE,OAAO,CAACC,KAAK,CAAC;IACzB;EACF,CAAC,EAAE,CAAChD,SAAS,EAAEH,MAAM,CAAC,CAAC;EAEvB,QAAAE,aAAA,GAAO6B,KAAK,CAAC/B,MAAM,CAAC,cAAAE,aAAA,cAAAA,aAAA,GAAIsC,gBAAgB;AAC1C,CAAC;AAACY,OAAA,CAAAtD,oBAAA,GAAAA,oBAAA;AAAA,IAAAuD,QAAA,GACa,SAAAA,SAAClD,SAA6B,EAAK;EAChD,OAAO,UAACmD,KAAU,EAAkD;IAClE,IAAQC,IAAI,GAAaD,KAAK,CAAtBC,IAAI;MAAEvD,MAAM,GAAKsD,KAAK,CAAhBtD,MAAM;IACpB,IAAMwD,WAAW,GAAG,IAAAC,iBAAO,EAACF,IAAI,EAAEvD,MAAM,EAAEG,SAAS,CAAC;IAEpD,WAAAuB,cAAA,iBAAAA,cAAA,iBAAY4B,KAAK;MAAEE,WAAW,EAAXA;IAAW;EAChC,CAAC;AACH,CAAC;AAAAJ,OAAA,cAAAC,QAAA"}

package/utils/lib/enhances/i18nEnhance.mjs

@@ -0,0 +1,122 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _typeof from "@babel/runtime/helpers/typeof";
+import _regeneratorRuntime from "@babel/runtime/helpers/regeneratorRuntime";
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import React from 'react';
+import { useI18n } from "./WithI18n.mjs";
+var interpolationRegex = /{(.*?)}/g;
+var escapeHtml = function escapeHtml(html) {
+  return String(html).split('').map(function (_char) {
+    switch (_char) {
+      case '<':
+        return '&lt;';
+      case '>':
+        return '&gt;';
+      case '&':
+        return '&amp;';
+      case '"':
+        return '&quot;';
+      case '`':
+        return '&#x60';
+    }
+    return _char;
+  }).join('');
+};
+export function interpolate(template) {
+  var variables = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return template.replace(interpolationRegex, function (_, key) {
+    if (variables[key] !== undefined) {
+      return escapeHtml(variables[key]);
+    }
+    return _;
+  });
+}
+
+/** @deprecated */
+
+export var useAsyncI18nMessages = function useAsyncI18nMessages(primaryContainer, locale, fallbackContainer) {
+  var _store$locale;
+  var container = React.useMemo(function () {
+    if (!fallbackContainer) return primaryContainer;
+    if (!primaryContainer) return fallbackContainer;
+    if (primaryContainer === fallbackContainer) return primaryContainer;
+    var container = {};
+    var _loop = function _loop(_locale) {
+      if (typeof primaryContainer[_locale] === 'function' || typeof fallbackContainer[_locale] === 'function') {
+        container[_locale] = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+          var _yield$Promise$all, _yield$Promise$all2, primary, fallback;
+          return _regeneratorRuntime().wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return Promise.all([primaryContainer[_locale], fallbackContainer[_locale]]);
+              case 2:
+                _yield$Promise$all = _context.sent;
+                _yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 2);
+                primary = _yield$Promise$all2[0];
+                fallback = _yield$Promise$all2[1];
+                return _context.abrupt("return", _objectSpread(_objectSpread({}, primary), fallback));
+              case 7:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }));
+      } else {
+        var _primaryContainer$_lo, _fallbackContainer$_l;
+        container[_locale] = _objectSpread(_objectSpread({}, (_primaryContainer$_lo = primaryContainer[_locale]) !== null && _primaryContainer$_lo !== void 0 ? _primaryContainer$_lo : {}), (_fallbackContainer$_l = fallbackContainer[_locale]) !== null && _fallbackContainer$_l !== void 0 ? _fallbackContainer$_l : {});
+      }
+    };
+    for (var _locale in primaryContainer) {
+      _loop(_locale);
+    }
+    return container;
+  }, [primaryContainer, fallbackContainer]);
+  var initStore = React.useMemo(function () {
+    var store = {};
+    for (var _locale2 in container) {
+      if (_typeof(container[_locale2]) === 'object') {
+        store[_locale2] = container[_locale2];
+      }
+    }
+    return store;
+  }, [container]);
+  var _React$useState = React.useState(initStore),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    store = _React$useState2[0],
+    setStore = _React$useState2[1];
+  var lastLoadedLocaleRef = React.useRef(null);
+  if (store[locale]) lastLoadedLocaleRef.current = locale;
+  var fallbackMessages = React.useMemo(function () {
+    return Object.values(store)[0];
+  }, [store]);
+  var loadingLocaleRef = React.useRef(null);
+  React.useEffect(function () {
+    loadingLocaleRef.current = locale;
+    var asyncMessages = container[locale];
+    if (typeof asyncMessages === 'function') {
+      asyncMessages().then(function (module) {
+        if (loadingLocaleRef.current !== locale) return;
+        var messages = module;
+        if ('default' in module && _typeof(module["default"]) === 'object') messages = module["default"];
+        setStore(function (store) {
+          return _objectSpread(_objectSpread({}, store), {}, _defineProperty({}, locale, messages));
+        });
+      })["catch"](console.error);
+    }
+  }, [container, locale]);
+  return (_store$locale = store[locale]) !== null && _store$locale !== void 0 ? _store$locale : fallbackMessages;
+};
+export default (function (container) {
+  return function (props) {
+    var i18n = props.i18n,
+      locale = props.locale;
+    var getI18nText = useI18n(i18n, locale, container);
+    return _objectSpread(_objectSpread({}, props), {}, {
+      getI18nText: getI18nText
+    });
+  };
+});
+//# sourceMappingURL=i18nEnhance.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"i18nEnhance.mjs","names":["React","useI18n","interpolationRegex","escapeHtml","html","String","split","map","char","join","interpolate","template","variables","arguments","length","undefined","replace","_","key","useAsyncI18nMessages","primaryContainer","locale","fallbackContainer","_store$locale","container","useMemo","_loop","_locale","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_yield$Promise$all","_yield$Promise$all2","primary","fallback","wrap","_callee$","_context","prev","next","Promise","all","sent","_slicedToArray","abrupt","_objectSpread","stop","_primaryContainer$_lo","_fallbackContainer$_l","initStore","store","_typeof","_React$useState","useState","_React$useState2","setStore","lastLoadedLocaleRef","useRef","current","fallbackMessages","Object","values","loadingLocaleRef","useEffect","asyncMessages","then","module","messages","_defineProperty","console","error","props","i18n","getI18nText"],"sources":["../../src/enhances/i18nEnhance.tsx"],"sourcesContent":["import React from 'react';\nimport { LocaleKeys, useI18n } from './WithI18n';\nimport { UnknownProperties } from '@semcore/core';\n\nconst interpolationRegex = /{(.*?)}/g;\n\nconst escapeHtml = (html: string) =>\n  String(html)\n    .split('')\n    .map((char) => {\n      switch (char) {\n        case '<':\n          return '&lt;';\n        case '>':\n          return '&gt;';\n        case '&':\n          return '&amp;';\n        case '\"':\n          return '&quot;';\n        case '`':\n          return '&#x60';\n      }\n      return char;\n    })\n    .join('');\n\nexport function interpolate(template: string, variables: {} = {}) {\n  return template.replace(interpolationRegex, (_, key) => {\n    if ((variables as any)[key] !== undefined) {\n      return escapeHtml((variables as any)[key]);\n    }\n    return _;\n  });\n}\n\n/** @deprecated */\nexport interface IWithI18nEnhanceProps extends WithI18nEnhanceProps, UnknownProperties {}\nexport type WithI18nEnhanceProps = {\n  /* Function for getting the required field from the translation dictionary */\n  getI18nText?: (key?: string, variables?: {}) => any;\n  /* Object with translations */\n  i18n?: {\n    [locale: string]: {\n      [key: string]: string;\n    };\n  };\n  /* Locale for translations */\n  locale?: LocaleKeys;\n};\n\ntype Messages = { [messageId: string]: string };\ntype MessagesContainer = { [locale: string]: Messages | (() => Promise<Messages>) };\ntype MessagesStore = { [locale: string]: Messages };\nexport const useAsyncI18nMessages = (\n  primaryContainer: MessagesContainer,\n  locale: string,\n  fallbackContainer?: MessagesContainer,\n) => {\n  const container = React.useMemo(() => {\n    if (!fallbackContainer) return primaryContainer;\n    if (!primaryContainer) return fallbackContainer;\n    if (primaryContainer === fallbackContainer) return primaryContainer;\n    const container: MessagesContainer = {};\n    for (const locale in primaryContainer) {\n      if (\n        typeof primaryContainer[locale] === 'function' ||\n        typeof fallbackContainer[locale] === 'function'\n      ) {\n        container[locale] = async () => {\n          const [primary, fallback] = await Promise.all([\n            primaryContainer[locale],\n            fallbackContainer[locale],\n          ]);\n          return { ...primary, ...fallback };\n        };\n      } else {\n        container[locale] = {\n          ...(primaryContainer[locale] ?? {}),\n          ...(fallbackContainer[locale] ?? {}),\n        };\n      }\n    }\n    return container;\n  }, [primaryContainer, fallbackContainer]);\n  const initStore = React.useMemo(() => {\n    const store: MessagesStore = {};\n    for (const locale in container) {\n      if (typeof container[locale] === 'object') {\n        store[locale] = container[locale] as Messages;\n      }\n    }\n    return store;\n  }, [container]);\n  const [store, setStore] = React.useState(initStore);\n  const lastLoadedLocaleRef = React.useRef<string | null>(null);\n  if (store[locale]) lastLoadedLocaleRef.current = locale;\n  const fallbackMessages = React.useMemo(() => Object.values(store)[0], [store]);\n\n  const loadingLocaleRef = React.useRef<string | null>(null);\n  React.useEffect(() => {\n    loadingLocaleRef.current = locale;\n    const asyncMessages = container[locale];\n    if (typeof asyncMessages === 'function') {\n      asyncMessages()\n        .then((module) => {\n          if (loadingLocaleRef.current !== locale) return;\n          let messages = module;\n          if ('default' in module && typeof module.default === 'object') messages = module.default;\n          setStore((store) => ({\n            ...store,\n            [locale]: messages,\n          }));\n        })\n\n        .catch(console.error);\n    }\n  }, [container, locale]);\n\n  return store[locale] ?? fallbackMessages;\n};\nexport default (container?: MessagesContainer) => {\n  return (props: any): { getI18nText: ReturnType<typeof useI18n> } => {\n    const { i18n, locale } = props;\n    const getI18nText = useI18n(i18n, locale, container);\n\n    return { ...props, getI18nText };\n  };\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,26 @@
+import React from 'react';
+import { UnknownProperties } from 'intergalactic/core';
+/** @deprecated */
+export interface IKeyboardFocusProps extends KeyboardFocusProps, UnknownProperties {
+}
+export type KeyboardFocusProps = {
+    keyboardFocused?: boolean;
+    /**
+     * Makes component to catch browser focus on component mount
+     * @default false
+     */
+    autoFocus?: boolean;
+};
+export declare const useFocusSource: () => React.MutableRefObject<"none" | "mouse" | "keyboard">;
+export type KeyboardFocusEnhanceHook = (props: {
+    tabIndex?: number;
+    disabled?: boolean;
+    autoFocus?: boolean;
+}) => {
+    tabIndex: number;
+    keyboardFocused: boolean;
+    onFocus: (e: React.FocusEvent) => void;
+    onBlur: () => void;
+};
+declare const keyboardFocusEnhance: () => KeyboardFocusEnhanceHook;
+export default keyboardFocusEnhance;

package/utils/lib/enhances/keyboardFocusEnhance.js

@@ -0,0 +1,114 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFocusSource = exports["default"] = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireDefault(require("react"));
+var _assignProps = _interopRequireDefault(require("../assignProps"));
+var lastFocusSource = 'none';
+var focusSourceListeners = [];
+var useFocusSource = function useFocusSource() {
+  var handleMouseDown = _react["default"].useCallback(function () {
+    return focusSourceListeners.forEach(function (listener) {
+      return listener.setFocusSource('mouse');
+    });
+  }, []);
+  var handleKeyDown = _react["default"].useCallback(function () {
+    return focusSourceListeners.forEach(function (listener) {
+      return listener.setFocusSource('keyboard');
+    });
+  }, []);
+  var focusSourceRef = _react["default"].useRef(lastFocusSource);
+  var setFocusSource = _react["default"].useCallback(function (source) {
+    focusSourceRef.current = source;
+    lastFocusSource = source;
+  }, []);
+  var subscribeListeners = _react["default"].useCallback(function () {
+    document.addEventListener('mousedown', handleMouseDown, {
+      capture: true
+    });
+    document.addEventListener('keydown', handleKeyDown, {
+      capture: true
+    });
+  }, []);
+  var unsubscribeListeners = _react["default"].useCallback(function () {
+    document.removeEventListener('mousedown', handleMouseDown, {
+      capture: true
+    });
+    document.removeEventListener('keydown', handleKeyDown, {
+      capture: true
+    });
+  }, []);
+  _react["default"].useEffect(function () {
+    var needToAddListeners = focusSourceListeners.length === 0;
+    var sourceListener = {
+      setFocusSource: setFocusSource,
+      subscribeListeners: subscribeListeners
+    };
+    focusSourceListeners.push(sourceListener);
+    if (needToAddListeners) subscribeListeners();
+    var needToRemoveListeners = needToAddListeners;
+    return function () {
+      var sourceListenerIndex = focusSourceListeners.indexOf(sourceListener);
+      focusSourceListeners.splice(sourceListenerIndex, 1);
+      if (needToRemoveListeners) unsubscribeListeners();
+      if (needToRemoveListeners && focusSourceListeners.length > 0) {
+        focusSourceListeners[0].subscribeListeners();
+      }
+    };
+  }, []);
+  return focusSourceRef;
+};
+exports.useFocusSource = useFocusSource;
+var keyboardFocusEnhance = function keyboardFocusEnhance() {
+  return function (props) {
+    var _props$tabIndex = props.tabIndex,
+      tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex,
+      disabled = props.disabled,
+      autoFocus = props.autoFocus;
+    var _React$useState = _react["default"].useState(false),
+      _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+      keyboardFocused = _React$useState2[0],
+      setKeyboardFocused = _React$useState2[1];
+    var focusSourceRef = useFocusSource();
+    var ref = _react["default"].useRef(null);
+    var handleFocus = _react["default"].useCallback(function (event) {
+      if (event.isTrusted === true) {
+        if (focusSourceRef.current !== 'keyboard') return;
+      }
+      setKeyboardFocused(true);
+    }, []);
+    var handlerBlur = _react["default"].useCallback(function () {
+      return setKeyboardFocused(false);
+    }, []);
+    _react["default"].useEffect(function () {
+      if (typeof autoFocus !== 'number' && !autoFocus) return;
+      var timer = setTimeout(function () {
+        var _ref$current;
+        (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.focus();
+        setKeyboardFocused(true);
+      }, 0);
+      return function () {
+        clearTimeout(timer);
+      };
+    }, [autoFocus]);
+    _react["default"].useEffect(function () {
+      if (disabled) {
+        setKeyboardFocused(false);
+      }
+    }, [disabled]);
+    return (0, _assignProps["default"])(props, {
+      tabIndex: disabled ? -1 : tabIndex,
+      keyboardFocused: keyboardFocused && !disabled,
+      onFocus: handleFocus,
+      onBlur: handlerBlur,
+      ref: ref
+    });
+  };
+};
+var _default = keyboardFocusEnhance;
+exports["default"] = _default;
+//# sourceMappingURL=keyboardFocusEnhance.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"keyboardFocusEnhance.js","names":["_react","_interopRequireDefault","require","_assignProps","lastFocusSource","focusSourceListeners","useFocusSource","handleMouseDown","React","useCallback","forEach","listener","setFocusSource","handleKeyDown","focusSourceRef","useRef","source","current","subscribeListeners","document","addEventListener","capture","unsubscribeListeners","removeEventListener","useEffect","needToAddListeners","length","sourceListener","push","needToRemoveListeners","sourceListenerIndex","indexOf","splice","exports","keyboardFocusEnhance","props","_props$tabIndex","tabIndex","disabled","autoFocus","_React$useState","useState","_React$useState2","_slicedToArray2","keyboardFocused","setKeyboardFocused","ref","handleFocus","event","isTrusted","handlerBlur","timer","setTimeout","_ref$current","focus","clearTimeout","assignProps","onFocus","onBlur","_default"],"sources":["../../src/enhances/keyboardFocusEnhance.tsx"],"sourcesContent":["import React from 'react';\nimport assignProps from '../assignProps';\nimport { UnknownProperties } from '@semcore/core';\n\n/** @deprecated */\nexport interface IKeyboardFocusProps extends KeyboardFocusProps, UnknownProperties {}\nexport type KeyboardFocusProps = {\n  /* Property responsible for displaying \"keyboard\" focus */\n  keyboardFocused?: boolean;\n  /**\n   * Makes component to catch browser focus on component mount\n   * @default false\n   */\n  autoFocus?: boolean;\n};\n\nlet lastFocusSource: 'mouse' | 'keyboard' | 'none' = 'none';\nconst focusSourceListeners: {\n  setFocusSource: (source: 'mouse' | 'keyboard' | 'none') => void;\n  subscribeListeners: () => void;\n}[] = [];\nexport const useFocusSource = () => {\n  const handleMouseDown = React.useCallback(\n    () => focusSourceListeners.forEach((listener) => listener.setFocusSource('mouse')),\n    [],\n  );\n  const handleKeyDown = React.useCallback(\n    () => focusSourceListeners.forEach((listener) => listener.setFocusSource('keyboard')),\n    [],\n  );\n  const focusSourceRef = React.useRef<'none' | 'mouse' | 'keyboard'>(lastFocusSource);\n  const setFocusSource = React.useCallback((source: 'none' | 'mouse' | 'keyboard') => {\n    focusSourceRef.current = source;\n    lastFocusSource = source;\n  }, []);\n  const subscribeListeners = React.useCallback(() => {\n    document.addEventListener('mousedown', handleMouseDown, { capture: true });\n    document.addEventListener('keydown', handleKeyDown, { capture: true });\n  }, []);\n  const unsubscribeListeners = React.useCallback(() => {\n    document.removeEventListener('mousedown', handleMouseDown, { capture: true });\n    document.removeEventListener('keydown', handleKeyDown, { capture: true });\n  }, []);\n\n  React.useEffect(() => {\n    const needToAddListeners = focusSourceListeners.length === 0;\n    const sourceListener = { setFocusSource, subscribeListeners };\n    focusSourceListeners.push(sourceListener);\n    if (needToAddListeners) subscribeListeners();\n    const needToRemoveListeners = needToAddListeners;\n\n    return () => {\n      const sourceListenerIndex = focusSourceListeners.indexOf(sourceListener);\n      focusSourceListeners.splice(sourceListenerIndex, 1);\n      if (needToRemoveListeners) unsubscribeListeners();\n      if (needToRemoveListeners && focusSourceListeners.length > 0) {\n        focusSourceListeners[0].subscribeListeners();\n      }\n    };\n  }, []);\n\n  return focusSourceRef;\n};\n\nexport type KeyboardFocusEnhanceHook = (props: {\n  tabIndex?: number;\n  disabled?: boolean;\n  autoFocus?: boolean;\n}) => {\n  tabIndex: number;\n  keyboardFocused: boolean;\n  onFocus: (e: React.FocusEvent) => void;\n  onBlur: () => void;\n};\n\nconst keyboardFocusEnhance = (): KeyboardFocusEnhanceHook => {\n  return (props) => {\n    const { tabIndex = 0, disabled, autoFocus } = props;\n    const [keyboardFocused, setKeyboardFocused] = React.useState(false);\n    const focusSourceRef = useFocusSource();\n    const ref = React.useRef<HTMLElement>(null);\n\n    const handleFocus = React.useCallback((event: React.FocusEvent) => {\n      if (event.isTrusted === true) {\n        if (focusSourceRef.current !== 'keyboard') return;\n      }\n      setKeyboardFocused(true);\n    }, []);\n    const handlerBlur = React.useCallback(() => setKeyboardFocused(false), []);\n    React.useEffect(() => {\n      if (typeof autoFocus !== 'number' && !autoFocus) return;\n      const timer = setTimeout(() => {\n        ref.current?.focus();\n        setKeyboardFocused(true);\n      }, 0);\n      return () => {\n        clearTimeout(timer);\n      };\n    }, [autoFocus]);\n    React.useEffect(() => {\n      if (disabled) {\n        setKeyboardFocused(false);\n      }\n    }, [disabled]);\n\n    return assignProps(props, {\n      tabIndex: disabled ? -1 : tabIndex,\n      keyboardFocused: keyboardFocused && !disabled,\n      onFocus: handleFocus,\n      onBlur: handlerBlur,\n      ref,\n    });\n  };\n};\n\nexport default keyboardFocusEnhance;\n"],"mappings":"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"}

package/utils/lib/enhances/keyboardFocusEnhance.mjs

@@ -0,0 +1,105 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React from 'react';
+import assignProps from "../assignProps.mjs";
+var lastFocusSource = 'none';
+var focusSourceListeners = [];
+export var useFocusSource = function useFocusSource() {
+  var handleMouseDown = React.useCallback(function () {
+    return focusSourceListeners.forEach(function (listener) {
+      return listener.setFocusSource('mouse');
+    });
+  }, []);
+  var handleKeyDown = React.useCallback(function () {
+    return focusSourceListeners.forEach(function (listener) {
+      return listener.setFocusSource('keyboard');
+    });
+  }, []);
+  var focusSourceRef = React.useRef(lastFocusSource);
+  var setFocusSource = React.useCallback(function (source) {
+    focusSourceRef.current = source;
+    lastFocusSource = source;
+  }, []);
+  var subscribeListeners = React.useCallback(function () {
+    document.addEventListener('mousedown', handleMouseDown, {
+      capture: true
+    });
+    document.addEventListener('keydown', handleKeyDown, {
+      capture: true
+    });
+  }, []);
+  var unsubscribeListeners = React.useCallback(function () {
+    document.removeEventListener('mousedown', handleMouseDown, {
+      capture: true
+    });
+    document.removeEventListener('keydown', handleKeyDown, {
+      capture: true
+    });
+  }, []);
+  React.useEffect(function () {
+    var needToAddListeners = focusSourceListeners.length === 0;
+    var sourceListener = {
+      setFocusSource: setFocusSource,
+      subscribeListeners: subscribeListeners
+    };
+    focusSourceListeners.push(sourceListener);
+    if (needToAddListeners) subscribeListeners();
+    var needToRemoveListeners = needToAddListeners;
+    return function () {
+      var sourceListenerIndex = focusSourceListeners.indexOf(sourceListener);
+      focusSourceListeners.splice(sourceListenerIndex, 1);
+      if (needToRemoveListeners) unsubscribeListeners();
+      if (needToRemoveListeners && focusSourceListeners.length > 0) {
+        focusSourceListeners[0].subscribeListeners();
+      }
+    };
+  }, []);
+  return focusSourceRef;
+};
+var keyboardFocusEnhance = function keyboardFocusEnhance() {
+  return function (props) {
+    var _props$tabIndex = props.tabIndex,
+      tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex,
+      disabled = props.disabled,
+      autoFocus = props.autoFocus;
+    var _React$useState = React.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      keyboardFocused = _React$useState2[0],
+      setKeyboardFocused = _React$useState2[1];
+    var focusSourceRef = useFocusSource();
+    var ref = React.useRef(null);
+    var handleFocus = React.useCallback(function (event) {
+      if (event.isTrusted === true) {
+        if (focusSourceRef.current !== 'keyboard') return;
+      }
+      setKeyboardFocused(true);
+    }, []);
+    var handlerBlur = React.useCallback(function () {
+      return setKeyboardFocused(false);
+    }, []);
+    React.useEffect(function () {
+      if (typeof autoFocus !== 'number' && !autoFocus) return;
+      var timer = setTimeout(function () {
+        var _ref$current;
+        (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.focus();
+        setKeyboardFocused(true);
+      }, 0);
+      return function () {
+        clearTimeout(timer);
+      };
+    }, [autoFocus]);
+    React.useEffect(function () {
+      if (disabled) {
+        setKeyboardFocused(false);
+      }
+    }, [disabled]);
+    return assignProps(props, {
+      tabIndex: disabled ? -1 : tabIndex,
+      keyboardFocused: keyboardFocused && !disabled,
+      onFocus: handleFocus,
+      onBlur: handlerBlur,
+      ref: ref
+    });
+  };
+};
+export default keyboardFocusEnhance;
+//# sourceMappingURL=keyboardFocusEnhance.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"keyboardFocusEnhance.mjs","names":["React","assignProps","lastFocusSource","focusSourceListeners","useFocusSource","handleMouseDown","useCallback","forEach","listener","setFocusSource","handleKeyDown","focusSourceRef","useRef","source","current","subscribeListeners","document","addEventListener","capture","unsubscribeListeners","removeEventListener","useEffect","needToAddListeners","length","sourceListener","push","needToRemoveListeners","sourceListenerIndex","indexOf","splice","keyboardFocusEnhance","props","_props$tabIndex","tabIndex","disabled","autoFocus","_React$useState","useState","_React$useState2","_slicedToArray","keyboardFocused","setKeyboardFocused","ref","handleFocus","event","isTrusted","handlerBlur","timer","setTimeout","_ref$current","focus","clearTimeout","onFocus","onBlur"],"sources":["../../src/enhances/keyboardFocusEnhance.tsx"],"sourcesContent":["import React from 'react';\nimport assignProps from '../assignProps';\nimport { UnknownProperties } from '@semcore/core';\n\n/** @deprecated */\nexport interface IKeyboardFocusProps extends KeyboardFocusProps, UnknownProperties {}\nexport type KeyboardFocusProps = {\n  /* Property responsible for displaying \"keyboard\" focus */\n  keyboardFocused?: boolean;\n  /**\n   * Makes component to catch browser focus on component mount\n   * @default false\n   */\n  autoFocus?: boolean;\n};\n\nlet lastFocusSource: 'mouse' | 'keyboard' | 'none' = 'none';\nconst focusSourceListeners: {\n  setFocusSource: (source: 'mouse' | 'keyboard' | 'none') => void;\n  subscribeListeners: () => void;\n}[] = [];\nexport const useFocusSource = () => {\n  const handleMouseDown = React.useCallback(\n    () => focusSourceListeners.forEach((listener) => listener.setFocusSource('mouse')),\n    [],\n  );\n  const handleKeyDown = React.useCallback(\n    () => focusSourceListeners.forEach((listener) => listener.setFocusSource('keyboard')),\n    [],\n  );\n  const focusSourceRef = React.useRef<'none' | 'mouse' | 'keyboard'>(lastFocusSource);\n  const setFocusSource = React.useCallback((source: 'none' | 'mouse' | 'keyboard') => {\n    focusSourceRef.current = source;\n    lastFocusSource = source;\n  }, []);\n  const subscribeListeners = React.useCallback(() => {\n    document.addEventListener('mousedown', handleMouseDown, { capture: true });\n    document.addEventListener('keydown', handleKeyDown, { capture: true });\n  }, []);\n  const unsubscribeListeners = React.useCallback(() => {\n    document.removeEventListener('mousedown', handleMouseDown, { capture: true });\n    document.removeEventListener('keydown', handleKeyDown, { capture: true });\n  }, []);\n\n  React.useEffect(() => {\n    const needToAddListeners = focusSourceListeners.length === 0;\n    const sourceListener = { setFocusSource, subscribeListeners };\n    focusSourceListeners.push(sourceListener);\n    if (needToAddListeners) subscribeListeners();\n    const needToRemoveListeners = needToAddListeners;\n\n    return () => {\n      const sourceListenerIndex = focusSourceListeners.indexOf(sourceListener);\n      focusSourceListeners.splice(sourceListenerIndex, 1);\n      if (needToRemoveListeners) unsubscribeListeners();\n      if (needToRemoveListeners && focusSourceListeners.length > 0) {\n        focusSourceListeners[0].subscribeListeners();\n      }\n    };\n  }, []);\n\n  return focusSourceRef;\n};\n\nexport type KeyboardFocusEnhanceHook = (props: {\n  tabIndex?: number;\n  disabled?: boolean;\n  autoFocus?: boolean;\n}) => {\n  tabIndex: number;\n  keyboardFocused: boolean;\n  onFocus: (e: React.FocusEvent) => void;\n  onBlur: () => void;\n};\n\nconst keyboardFocusEnhance = (): KeyboardFocusEnhanceHook => {\n  return (props) => {\n    const { tabIndex = 0, disabled, autoFocus } = props;\n    const [keyboardFocused, setKeyboardFocused] = React.useState(false);\n    const focusSourceRef = useFocusSource();\n    const ref = React.useRef<HTMLElement>(null);\n\n    const handleFocus = React.useCallback((event: React.FocusEvent) => {\n      if (event.isTrusted === true) {\n        if (focusSourceRef.current !== 'keyboard') return;\n      }\n      setKeyboardFocused(true);\n    }, []);\n    const handlerBlur = React.useCallback(() => setKeyboardFocused(false), []);\n    React.useEffect(() => {\n      if (typeof autoFocus !== 'number' && !autoFocus) return;\n      const timer = setTimeout(() => {\n        ref.current?.focus();\n        setKeyboardFocused(true);\n      }, 0);\n      return () => {\n        clearTimeout(timer);\n      };\n    }, [autoFocus]);\n    React.useEffect(() => {\n      if (disabled) {\n        setKeyboardFocused(false);\n      }\n    }, [disabled]);\n\n    return assignProps(props, {\n      tabIndex: disabled ? -1 : tabIndex,\n      keyboardFocused: keyboardFocused && !disabled,\n      onFocus: handleFocus,\n      onBlur: handlerBlur,\n      ref,\n    });\n  };\n};\n\nexport default keyboardFocusEnhance;\n"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+declare const resolveColorEnhance: () => (props: any) => any;
+export default resolveColorEnhance;

package/utils/lib/enhances/resolveColorEnhance.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _useColorResolver = require("../use/useColorResolver");
+var _ref = require("../ref");
+var _assignProps = _interopRequireDefault(require("../assignProps"));
+var resolveColorEnhance = function resolveColorEnhance() {
+  return function (props) {
+    var ref = props.ref;
+    var internalRef = _react["default"].useRef();
+    var resolveColor = (0, _useColorResolver.useColorResolver)();
+    return (0, _assignProps["default"])(props, {
+      ref: (0, _ref.useForkRef)(ref, internalRef),
+      resolveColor: resolveColor
+    });
+  };
+};
+var _default = resolveColorEnhance;
+exports["default"] = _default;
+//# sourceMappingURL=resolveColorEnhance.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"resolveColorEnhance.js","names":["_react","_interopRequireDefault","require","_useColorResolver","_ref","_assignProps","resolveColorEnhance","props","ref","internalRef","React","useRef","resolveColor","useColorResolver","assignProps","useForkRef","_default","exports"],"sources":["../../src/enhances/resolveColorEnhance.tsx"],"sourcesContent":["import React from 'react';\nimport { useColorResolver } from '../use/useColorResolver';\nimport { useForkRef } from '../ref';\nimport assignProps from '../assignProps';\n\nconst resolveColorEnhance = () => {\n  return (props: any) => {\n    const { ref } = props;\n    const internalRef = React.useRef<HTMLElement>();\n    const resolveColor = useColorResolver();\n\n    return assignProps(props, {\n      ref: useForkRef(ref, internalRef),\n      resolveColor,\n    });\n  };\n};\n\nexport default resolveColorEnhance;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,IAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAEA,IAAMI,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAA,EAAS;EAChC,OAAO,UAACC,KAAU,EAAK;IACrB,IAAQC,GAAG,GAAKD,KAAK,CAAbC,GAAG;IACX,IAAMC,WAAW,GAAGC,iBAAK,CAACC,MAAM,EAAe;IAC/C,IAAMC,YAAY,GAAG,IAAAC,kCAAgB,GAAE;IAEvC,OAAO,IAAAC,uBAAW,EAACP,KAAK,EAAE;MACxBC,GAAG,EAAE,IAAAO,eAAU,EAACP,GAAG,EAAEC,WAAW,CAAC;MACjCG,YAAY,EAAZA;IACF,CAAC,CAAC;EACJ,CAAC;AACH,CAAC;AAAC,IAAAI,QAAA,GAEaV,mBAAmB;AAAAW,OAAA,cAAAD,QAAA"}

package/utils/lib/enhances/resolveColorEnhance.mjs

@@ -0,0 +1,17 @@
+import React from 'react';
+import { useColorResolver } from "../use/useColorResolver.mjs";
+import { useForkRef } from "../ref.mjs";
+import assignProps from "../assignProps.mjs";
+var resolveColorEnhance = function resolveColorEnhance() {
+  return function (props) {
+    var ref = props.ref;
+    var internalRef = React.useRef();
+    var resolveColor = useColorResolver();
+    return assignProps(props, {
+      ref: useForkRef(ref, internalRef),
+      resolveColor: resolveColor
+    });
+  };
+};
+export default resolveColorEnhance;
+//# sourceMappingURL=resolveColorEnhance.mjs.map