@semcore/core 16.0.0-prerelease.9 → 16.0.1-prerelease.0

package/lib/esm/enhancement/Children.mjs

@@ -3,7 +3,7 @@ import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React from "react";
-import { CONTEXT_COMPONENT, CHILDREN_COMPONENT } from "../core-types/symbols.mjs";
+import { CHILDREN_COMPONENT, CONTEXT_COMPONENT } from "../core-types/symbols.mjs";
 var _excluded = ["handlers", "getters"], _excluded2 = ["handlers"];
 var CHILDREN_SELF = Symbol("CHILDREN_SELF");
 var GETTER_REG = /^get[\w]+Props$/;
@@ -47,8 +47,8 @@ function assignGettersChain(getters) {
   };
 }
 function createChildren(Context, contexts) {
-  var Children = function Children2() {
-    var children = Children2.origin;
+  var _Children = function Children() {
+    var children = _Children.origin;
     if (typeof children === "function") {
       var _reduce = [].concat(_toConsumableArray(contexts), [Context]).reduce(function(acc, ctx) {
         var _ref3 = React.useContext(ctx), handlers2 = _ref3.handlers, propsAndGetters = _objectWithoutProperties(_ref3, _excluded2);
@@ -57,7 +57,7 @@ function createChildren(Context, contexts) {
           handlers: Object.assign({}, acc.handlers, handlers2),
           getters: mergeObjects(acc.getters, getters2)
         }, props2));
-      }, Children2.props), _reduce$handlers = _reduce.handlers, handlers = _reduce$handlers === void 0 ? {} : _reduce$handlers, _reduce$getters = _reduce.getters, getters = _reduce$getters === void 0 ? {} : _reduce$getters, props = _objectWithoutProperties(_reduce, _excluded);
+      }, _Children.props), _reduce$handlers = _reduce.handlers, handlers = _reduce$handlers === void 0 ? {} : _reduce$handlers, _reduce$getters = _reduce.getters, getters = _reduce$getters === void 0 ? {} : _reduce$getters, props = _objectWithoutProperties(_reduce, _excluded);
       var mergedGetters = Object.entries(getters).reduce(function(acc, _ref4) {
         var _ref5 = _slicedToArray(_ref4, 2), key = _ref5[0], value = _ref5[1];
         acc[key] = assignGettersChain(value);
@@ -69,10 +69,10 @@ function createChildren(Context, contexts) {
     }
     return children;
   };
-  Children.origin = null;
-  Children.props = {};
-  Children[CHILDREN_COMPONENT] = true;
-  return Children;
+  _Children.origin = null;
+  _Children.props = {};
+  _Children[CHILDREN_COMPONENT] = true;
+  return _Children;
 }
 function Enhancement(Context, parent) {
   return {

package/lib/esm/enhancement/Root.mjs

@@ -8,11 +8,7 @@ var _excluded = ["render"], _excluded2 = ["Root", "styles", "children", "Childre
 function createRootRender() {
   var Root = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
     var Tag = _ref.render, source = _objectWithoutProperties(_ref, _excluded);
-    var _Root$props = Root.props;
-    _Root$props.Root;
-    _Root$props.styles;
-    _Root$props.children;
-    var Children = _Root$props.Children, _Root$props$forwardRe = _Root$props.forwardRef, forwardRef = _Root$props$forwardRe === void 0 ? null : _Root$props$forwardRe, props = _objectWithoutProperties(_Root$props, _excluded2);
+    var _Root$props = Root.props, _Root = _Root$props.Root, _styles = _Root$props.styles, _children = _Root$props.children, Children = _Root$props.Children, _Root$props$forwardRe = _Root$props.forwardRef, forwardRef = _Root$props$forwardRe === void 0 ? null : _Root$props$forwardRe, props = _objectWithoutProperties(_Root$props, _excluded2);
     var clearProps = Object.entries(props).reduce(function(props2, _ref2) {
       var _ref3 = _slicedToArray(_ref2, 2), name = _ref3[0], value = _ref3[1];
       if (value !== void 0) {
@@ -41,7 +37,7 @@ function Enhancement() {
     init: function init() {
       this.Root = createRootRender();
     },
-    asProps: function asProps(props, WrapperComponent, isFunction) {
+    asProps: function asProps(props, _WrapperComponent, isFunction) {
       if (isFunction) {
         return _objectSpread(_objectSpread({}, props), {}, {
           Root: this.Root

package/lib/esm/enhancement/bindHandler.mjs

@@ -30,7 +30,7 @@ function handlerBinder(fn) {
 handlerBinder.hasher = /* @__PURE__ */ new WeakMap();
 function Enhancement() {
   return {
-    condition: function condition(Component, isFunction) {
+    condition: function condition(_Component, isFunction) {
       return !isFunction;
     },
     init: function init() {

package/lib/esm/enhancement/hoistProps.mjs

@@ -4,8 +4,8 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import React from "react";
 import assignProps from "../utils/assignProps.mjs";
-import useEnhancedEffect from "../utils/use/useEnhancedEffect.mjs";
 import pick from "../utils/pick.mjs";
+import useEnhancedEffect from "../utils/use/useEnhancedEffect.mjs";
 var HOIST_CONTEXT = Symbol("HOIST_CONTEXT");
 var HOIST_SELF = Symbol("HOIST_SELF");
 var HOIST_SET = Symbol("HOIST_SET");
@@ -28,7 +28,7 @@ function Enhancement(childComponents, Context) {
         return Boolean((_Component$hoistProps = Component2.hoistProps) === null || _Component$hoistProps === void 0 ? void 0 : _Component$hoistProps.length);
       });
     },
-    init: function init(props, WrapperComponent, isFunction) {
+    init: function init(_props, _WrapperComponent, isFunction) {
       var _this = this;
       if (isFunction) {
         this[HOIST_SELF] = React.useState({});

package/lib/esm/enhancement/staticChildren.mjs

@@ -3,8 +3,8 @@ import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React from "react";
 import assignProps from "../utils/assignProps.mjs";
-import pick from "../utils/pick.mjs";
 import logger from "../utils/logger.mjs";
+import pick from "../utils/pick.mjs";
 function assign(target, source) {
   return Object.defineProperties(target, Object.keys(source).reduce(function(descriptors, key) {
     descriptors[key] = Object.getOwnPropertyDescriptor(source, key);

package/lib/esm/enhancement/style.mjs

@@ -3,6 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import React from "react";
 import { STATIC_COMPONENT } from "./staticChildren.mjs";
+import "../styled/index.mjs";
 import { sstyled } from "../styled/sstyled.mjs";
 var _excluded = ["_styles", "styles"], _excluded2 = ["styles"];
 var STYLES_CONTEXT = Symbol("STYLES_CONTEXT");
@@ -27,9 +28,7 @@ function Enhancement(childComponents, Context) {
       return _objectSpread(_objectSpread({}, _context), {}, _defineProperty({}, STYLES_CONTEXT, this[STYLES_SELF]));
     },
     asProps: function asProps(_ref) {
-      _ref._styles;
-      _ref.styles;
-      var props = _objectWithoutProperties(_ref, _excluded);
+      var _styles = _ref._styles, styles = _ref.styles, props = _objectWithoutProperties(_ref, _excluded);
       return _objectSpread(_objectSpread({}, props), {}, {
         styles: this[STYLES_SELF]
       });

package/lib/esm/enhancement/uncontrolledProps.mjs

@@ -41,7 +41,6 @@ function uncontrolledProp(self, propName, propValue, propDefaultValue, propHandl
 function uncontrolledUniversal(props, config, uncontrolledProp2) {
   var handlerProps = {};
   var uncontrolledProps = Object.keys(config).reduce(function(result, propName) {
-    var _objectSpread2;
     var handlerName = handlerProp(propName);
     var defaultPropName = defaultProp(propName);
     var propDefaultValue = result[defaultPropName], propValue = result[propName], propHandler = result[handlerName], other = _objectWithoutProperties(result, [defaultPropName, propName, handlerName].map(_toPropertyKey));
@@ -61,7 +60,7 @@ function uncontrolledUniversal(props, config, uncontrolledProp2) {
     };
     var _uncontrolledProp = uncontrolledProp2(propName, propValue, propDefaultValue, propHandler, chainHandler), _uncontrolledProp2 = _slicedToArray(_uncontrolledProp, 2), value = _uncontrolledProp2[0], handler = _uncontrolledProp2[1];
     handlerProps[propName] = handler;
-    return _objectSpread(_objectSpread({}, other), {}, (_objectSpread2 = {}, _defineProperty(_objectSpread2, propName, value), _defineProperty(_objectSpread2, handlerName, function(eventOrValue) {
+    return _objectSpread(_objectSpread({}, other), {}, _defineProperty(_defineProperty({}, propName, value), handlerName, function(eventOrValue) {
       for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
         args[_key2 - 1] = arguments[_key2];
       }
@@ -70,7 +69,7 @@ function uncontrolledUniversal(props, config, uncontrolledProp2) {
         result2.push(eventOrValue);
       }
       return handler.apply(void 0, _toConsumableArray(result2));
-    }), _objectSpread2));
+    }));
   }, props);
   return [uncontrolledProps, handlerProps];
 }

package/lib/esm/index.mjs

@@ -1,8 +1,9 @@
-import { assignProps, createBaseComponent, createComponent } from "./coreFactory.mjs";
 import { Component, Intergalactic, Root, wrapIntergalacticComponent } from "./core-types/Component.mjs";
 import { CHILDREN_COMPONENT, CONTEXT_COMPONENT, CORE_INSTANCE, CREATE_COMPONENT, INHERITED_NAME } from "./core-types/symbols.mjs";
-import { default as default2 } from "./register.mjs";
+import { assignProps, createBaseComponent, createComponent } from "./coreFactory.mjs";
 import { lastInteraction } from "./LastInteractionType.mjs";
+import { default as default2 } from "./register.mjs";
+import "./styled/index.mjs";
 import { sstyled } from "./styled/sstyled.mjs";
 export {
   CHILDREN_COMPONENT,

package/lib/esm/register.mjs

@@ -6,7 +6,7 @@ var Register = /* @__PURE__ */ function() {
     _classCallCheck(this, Register2);
     _defineProperty(this, "data", {});
   }
-  _createClass(Register2, [{
+  return _createClass(Register2, [{
     key: "get",
     value: function get(name, defaultValue) {
       if (name in this.data) {
@@ -22,7 +22,6 @@ var Register = /* @__PURE__ */ function() {
       return this.data[name];
     }
   }]);
-  return Register2;
 }();
 const register = new Register();
 export {

package/lib/esm/styled/index.mjs

@@ -0,0 +1,8 @@
+import { css, styled, use } from "./reshadow-core.mjs";
+import { sstyled } from "./sstyled.mjs";
+export {
+  css,
+  sstyled,
+  styled,
+  use
+};

package/lib/esm/styled/reshadow-core.mjs

@@ -1,5 +1,70 @@
-import "@babel/runtime/helpers/esm/typeof";
-import "@babel/runtime/helpers/esm/defineProperty";
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+var _Symbol = function _Symbol2(key) {
+  return typeof Symbol !== "undefined" ? Symbol(key) : key;
+};
+var KEYS = {
+  __id__: _Symbol("__id__"),
+  __store__: _Symbol("__store__"),
+  __prev__: _Symbol("__prev__"),
+  __use__: _Symbol("__use__"),
+  __elements__: "__elements__",
+  __style__: "$$style",
+  __styles__: "styles",
+  __css__: "__css__",
+  __hash__: "__hash__",
+  /**
+   * This prop is needed for the interop between different component frameworks
+   */
+  __classProp__: "className"
+};
+var index = 0;
+var use = function use2(obj) {
+  var result = {};
+  result[KEYS.__use__] = obj;
+  return result;
+};
+var create = function create2(args) {
+  var len = args.length;
+  var newStyle = {};
+  var id = "";
+  var vars = null;
+  var uses = null;
+  for (var i = 0; i < len; i++) {
+    var _style = args[i];
+    if (!_style) continue;
+    if (!_style[KEYS.__id__]) {
+      _style[KEYS.__id__] = ++index;
+      _style[KEYS.__store__] = _defineProperty({}, "_" + _style[KEYS.__id__], _style);
+    }
+    id += "_" + _style[KEYS.__id__];
+    if (_style[KEYS.__style__]) {
+      vars = Object.assign(vars || {}, _style[KEYS.__style__]);
+    }
+    if (_style[KEYS.__use__]) {
+      uses = Object.assign(uses || {}, _style[KEYS.__use__]);
+    }
+    if (_style[KEYS.__store__][id]) {
+      newStyle = _style[KEYS.__store__][id];
+      continue;
+    }
+    newStyle = Object.create(newStyle);
+    for (var key in _style) {
+      if (key in KEYS) continue;
+      newStyle[key] = appendClassName(_style[key], newStyle[key]);
+    }
+    _style[KEYS.__store__][id] = newStyle;
+    newStyle[KEYS.__id__] = index;
+    newStyle[KEYS.__store__] = _defineProperty({}, "_" + _style[KEYS.__id__], newStyle);
+  }
+  if (vars || use) {
+    newStyle = Object.create(newStyle);
+    newStyle[KEYS.__style__] = vars;
+    newStyle[KEYS.__use__] = uses;
+  }
+  return newStyle;
+};
+var isSSR = !(typeof window !== "undefined" && window.document && window.document.createElement);
 var serverMap = {};
 var getStyles = function getStyles2() {
   return {
@@ -13,6 +78,157 @@ var getStyles = function getStyles2() {
     }
   };
 };
+var clearStyles = function clearStyles2() {
+  serverStyles = "";
+};
+var RESHADOW_ID = "__reshadow__";
+var appendChildToDocumentHead = function appendChildToDocumentHead2(element) {
+  return document.head.appendChild(element);
+};
+var css = function css2(code, hash) {
+  var id = "reshadow-".concat(hash);
+  if (isSSR) {
+    serverMap[id] = code;
+    return;
+  }
+  var container = document.getElementById(RESHADOW_ID);
+  if (!container) {
+    container = document.createElement("object");
+    container.id = RESHADOW_ID;
+    if (document.head) {
+      appendChildToDocumentHead(container);
+    } else {
+      document.addEventListener("DOMContentLoaded", function() {
+        appendChildToDocumentHead(container);
+      });
+    }
+  }
+  var css3 = document.getElementById(id);
+  if (!css3) {
+    css3 = document.createElement("style");
+    css3.id = id;
+    css3.type = "text/css";
+    container.appendChild(css3);
+  }
+  css3.innerHTML = code;
+};
+var styles = {};
+var style;
+var stack = [];
+var _styled = function styled(elem) {
+  var curr = stack.pop() || [];
+  styles = curr[0] || styles;
+  style = curr[1] || style;
+  _styled[KEYS.__styles__] = styles;
+  _styled[KEYS.__style__] = style;
+  return elem;
+};
+_styled[KEYS.__styles__] = styles;
+var set = function set2(args, newStyle) {
+  var newStyles = create(args);
+  stack.push([styles, style]);
+  styles = newStyles;
+  style = newStyle;
+  if (styles[KEYS.__style__]) {
+    style = style ? Object.assign({}, style, styles[KEYS.__style__]) : styles[KEYS.__style__];
+  }
+  _styled[KEYS.__styles__] = styles;
+  _styled[KEYS.__style__] = style;
+};
+var USE_PREFIX = "use--";
+var ELEMENT_PREFIX = "__";
+var MOD_PREFIX = "_";
+var MOD_SEPARATOR = "_";
+var parseElement = function parseElement2(name) {
+  return name.replace(ELEMENT_PREFIX, "");
+};
+var parseAttribute = function parseAttribute2(name) {
+  return name.replace(MOD_PREFIX, "").split(MOD_SEPARATOR);
+};
+var appendClassName = function appendClassName2(className) {
+  var cn = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
+  if (className) {
+    cn += (cn ? " " : "") + className;
+  }
+  return cn;
+};
+var appendElement = function appendElement2(styles2, key) {
+  var cn = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "";
+  return appendClassName(styles2[ELEMENT_PREFIX + key], cn);
+};
+var appendModifier = function appendModifier2(styles2, key, value) {
+  var cn = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : "";
+  if (value === void 0 || value === null || value === false || value === "") return cn;
+  cn = appendClassName(styles2[MOD_PREFIX + key], cn);
+  if (typeof value === "boolean" || _typeof(value) === "object" || typeof value === "function") return cn;
+  cn = appendClassName(styles2[MOD_SEPARATOR + key + MOD_SEPARATOR + value], cn);
+  return cn;
+};
+function map(element) {
+  var currStyles = _styled[KEYS.__styles__];
+  var nextProps = {};
+  var cn = appendElement(currStyles, element);
+  var vars = null;
+  var uses = currStyles[KEYS.__use__] || {};
+  var len = arguments.length;
+  var useProps;
+  for (var i = len - 1; i > 0; i--) {
+    var currProps = arguments[i];
+    if (!currProps) continue;
+    useProps = useProps || currProps[KEYS.__use__];
+    if (!vars && KEYS.__style__ in currProps) {
+      vars = _styled[KEYS.__style__];
+    }
+    for (var key in currProps) {
+      if (key === KEYS.__use__ || key === KEYS.__style__ || key in nextProps) {
+        continue;
+      }
+      var value = currProps[key];
+      cn = appendModifier(currStyles, key, value, cn);
+      var valueType = _typeof(value);
+      if (valueType === "string" || valueType === "boolean" || valueType === "number") {
+        var useKey = key + "_" + value;
+        if (key + "_true" in uses || useKey in uses) {
+          cn = appendModifier(currStyles, USE_PREFIX + key, value, cn);
+          if (uses[useKey]) {
+            continue;
+          }
+        }
+      }
+      nextProps[key] = value;
+    }
+  }
+  if (useProps) {
+    for (var _key in useProps) {
+      var _value = useProps[_key];
+      cn = appendModifier(currStyles, USE_PREFIX + _key, _value, cn);
+    }
+  }
+  cn = appendClassName(nextProps[KEYS.__classProp__], cn);
+  if (cn) nextProps[KEYS.__classProp__] = cn;
+  if (vars) {
+    nextProps.style = typeof style === "string" ? vars + (nextProps.style || "") : Object.assign({}, vars, nextProps.style || {});
+  }
+  return nextProps;
+}
 export {
-  getStyles
+  ELEMENT_PREFIX,
+  KEYS,
+  MOD_PREFIX,
+  MOD_SEPARATOR,
+  RESHADOW_ID,
+  USE_PREFIX,
+  appendClassName,
+  appendElement,
+  appendModifier,
+  clearStyles,
+  create,
+  css,
+  getStyles,
+  map,
+  parseAttribute,
+  parseElement,
+  set,
+  _styled as styled,
+  use
 };

package/lib/esm/styled/sstyled.mjs

@@ -109,7 +109,7 @@ function sstyled() {
     }
   };
 }
-sstyled.css = function(css) {
+sstyled.css = function(_css) {
   throw new Error("Enable babel plugin");
 };
 sstyled.insert = insert;

package/lib/esm/utils/assignProps.mjs

@@ -1,6 +1,7 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _cn from "classnames";
 import { forkRef } from "./ref.mjs";
+import "../styled/index.mjs";
 import { sstyled } from "../styled/sstyled.mjs";
 function callAllEventHandlers() {
   for (var _len = arguments.length, fns = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -19,6 +20,14 @@ function callAllEventHandlers() {
     });
   };
 }
+function assignHandlers(props, source) {
+  return Object.keys(source).reduce(function(proxySource, propName) {
+    if (typeof source[propName] === "function" && propName.startsWith("on")) {
+      proxySource[propName] = callAllEventHandlers(props[propName], source[propName]);
+    }
+    return proxySource;
+  }, {});
+}
 function assignHandlersInner(props, source) {
   return Object.keys(source).reduce(function(proxySource, propName) {
     if (propName !== "ref" && propName.startsWith("on")) {
@@ -71,6 +80,7 @@ function assignProps() {
   return newProps;
 }
 export {
+  assignHandlers,
   callAllEventHandlers,
   assignProps as default
 };

package/lib/esm/utils/createHoc.mjs

@@ -0,0 +1,47 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import hoistNonReactStatics from "hoist-non-react-statics";
+import React, { PureComponent } from "react";
+import getDisplayName from "./getDisplayName.mjs";
+var _excluded = ["forwardedRef"];
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+}
+function createHoc(EnhancedComponent) {
+  return function createWrapper() {
+    var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+    return function(WrappedComponent) {
+      var Component = /* @__PURE__ */ function(_PureComponent) {
+        function Component2() {
+          _classCallCheck(this, Component2);
+          return _callSuper(this, Component2, arguments);
+        }
+        _inherits(Component2, _PureComponent);
+        return _createClass(Component2, [{
+          key: "render",
+          value: function render() {
+            var _WrappedComponent$def = _objectSpread(_objectSpread({}, WrappedComponent.defaultProps), this.props), forwardedRef = _WrappedComponent$def.forwardedRef, others = _objectWithoutProperties(_WrappedComponent$def, _excluded);
+            return /* @__PURE__ */ React.createElement(EnhancedComponent, _extends({}, options, this.props), function(enhancedComponentProps) {
+              return /* @__PURE__ */ React.createElement(WrappedComponent, _extends({
+                forwardedRef
+              }, others, enhancedComponentProps));
+            });
+          }
+        }]);
+      }(PureComponent);
+      _defineProperty(Component, "displayName", getDisplayName(WrappedComponent));
+      return hoistNonReactStatics(Component, WrappedComponent);
+    };
+  };
+}
+export {
+  createHoc as default
+};

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

@@ -1,15 +1,20 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createContext, Component } from "react";
-import { createIntlCache } from "@formatjs/intl";
+import { createIntlCache, createIntl } from "@formatjs/intl";
+import React, { createContext, Component } from "react";
+import createHoc from "../createHoc.mjs";
+import { useAsyncI18nMessages } from "./i18nEnhance.mjs";
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+}
 var Context = /* @__PURE__ */ createContext(void 0);
-Context.Provider;
-Context.Consumer;
-createIntlCache();
+var I18nProvider = Context.Provider, I18nConsumer = Context.Consumer;
+var messagesCache = createIntlCache();
 function getText(dictionaries, locale) {
   return function(key) {
     var dictionary = dictionaries[locale];
@@ -17,24 +22,23 @@ function getText(dictionaries, locale) {
   };
 }
 var WithI18n = /* @__PURE__ */ function(_Component) {
-  _inherits(WithI18n2, _Component);
-  var _super = _createSuper(WithI18n2);
   function WithI18n2() {
     var _this;
     _classCallCheck(this, WithI18n2);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "context", void 0);
-    _defineProperty(_assertThisInitialized(_this), "getText", function(dictionary, selfLocale) {
+    _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;
   }
-  _createClass(WithI18n2, [{
+  _inherits(WithI18n2, _Component);
+  return _createClass(WithI18n2, [{
     key: "render",
     value: function render() {
       var _ref = this.props, children = _ref.children;
@@ -43,12 +47,34 @@ var WithI18n = /* @__PURE__ */ function(_Component) {
       });
     }
   }]);
-  return WithI18n2;
 }(Component);
 _defineProperty(WithI18n, "contextType", Context);
 _defineProperty(WithI18n, "defaultProps", {
   getText
 });
+var useI18n = function useI18n2(dictionary) {
+  var _React$useContext;
+  var locale = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "en";
+  var fallbackDictionary = arguments.length > 2 ? arguments[2] : void 0;
+  var lang = (_React$useContext = React.useContext(Context)) !== null && _React$useContext !== void 0 ? _React$useContext : locale;
+  var resolvedDictionary = useAsyncI18nMessages(dictionary, lang, fallbackDictionary);
+  var intl = React.useMemo(function() {
+    return createIntl({
+      locale: lang,
+      messages: resolvedDictionary
+    }, messagesCache);
+  }, [resolvedDictionary, lang]);
+  return React.useCallback(function(messageId, variables) {
+    return intl.formatMessage({
+      id: messageId !== null && messageId !== void 0 ? messageId : ""
+    }, variables);
+  }, [intl]);
+};
+const WithI18n$1 = createHoc(WithI18n);
 export {
-  Context
+  Context,
+  I18nConsumer,
+  I18nProvider,
+  WithI18n$1 as default,
+  useI18n
 };