@semcore/core 16.0.0-prerelease.4 → 16.0.0-prerelease.7

package/lib/enhancement/hoistProps.mjs

@@ -1,16 +1,16 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import React from 'react';
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+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";
-export var HOIST_CONTEXT = Symbol('HOIST_CONTEXT');
-var HOIST_SELF = Symbol('HOIST_SELF');
-var HOIST_SET = Symbol('HOIST_SET');
+var HOIST_CONTEXT = Symbol("HOIST_CONTEXT");
+var HOIST_SELF = Symbol("HOIST_SELF");
+var HOIST_SET = Symbol("HOIST_SET");
 function flatChildComponent(childComponents) {
-  return Object.values(childComponents).reduce(function (acc, Component) {
+  return Object.values(childComponents).reduce(function(acc, Component) {
     if (Array.isArray(Component)) {
       acc.push(Component[0]);
       acc.push.apply(acc, _toConsumableArray(flatChildComponent(Component[1])));
@@ -20,61 +20,49 @@ function flatChildComponent(childComponents) {
     return acc;
   }, []);
 }
-
-/** @deprecated Doesn't work in ssr and sometimes breakes rulles of hooks. We should never use it. */
 function Enhancement(childComponents, Context) {
   return {
     condition: function condition(Component) {
-      return [Component].concat(_toConsumableArray(flatChildComponent(childComponents))).some(function (Component) {
+      return [Component].concat(_toConsumableArray(flatChildComponent(childComponents))).some(function(Component2) {
         var _Component$hoistProps;
-        return Boolean((_Component$hoistProps = Component.hoistProps) === null || _Component$hoistProps === void 0 ? void 0 : _Component$hoistProps.length);
+        return Boolean((_Component$hoistProps = Component2.hoistProps) === null || _Component$hoistProps === void 0 ? void 0 : _Component$hoistProps.length);
       });
     },
     init: function init(props, WrapperComponent, isFunction) {
       var _this = this;
       if (isFunction) {
-        // TODO: might breake rules of hooks (by lsroman)
         this[HOIST_SELF] = React.useState({});
       } else {
-        this[HOIST_SELF] = [{}, function (obj) {
+        this[HOIST_SELF] = [{}, function(obj) {
           _this[HOIST_SELF][0] = obj;
           _this.forceUpdate();
         }];
       }
-      // For optimization render
-      this[HOIST_SET] = function (obj) {
+      this[HOIST_SET] = function(obj) {
         _this[HOIST_SELF][1](obj);
       };
     },
     context: function context(_context) {
-      // TODO: need to optimizte container initialization (by lsroman)
-      // WrapperComponent.hoistProps
       return _objectSpread(_objectSpread({}, _context), {}, _defineProperty({}, HOIST_CONTEXT, this[HOIST_SET]));
     },
     asProps: function asProps(props) {
-      // TODO: need to check for no props overwriting (by lsroman)
       return assignProps(this[HOIST_SELF][0], props);
     },
     wrapperProps: function wrapperProps(props, WrapperComponent) {
       var _WrapperComponent$hoi;
       if ((_WrapperComponent$hoi = WrapperComponent.hoistProps) !== null && _WrapperComponent$hoi !== void 0 && _WrapperComponent$hoi.length) {
         var context = React.useContext(Context);
-        var renameProps = WrapperComponent.hoistProps.reduce(function (acc, propName) {
-          var _propName$split = propName.split(':'),
-            _propName$split2 = _slicedToArray(_propName$split, 2),
-            name = _propName$split2[0],
-            rename = _propName$split2[1];
+        var renameProps = WrapperComponent.hoistProps.reduce(function(acc, propName) {
+          var _propName$split = propName.split(":"), _propName$split2 = _slicedToArray(_propName$split, 2), name = _propName$split2[0], rename = _propName$split2[1];
           acc[name] = rename || name;
           return acc;
         }, {});
-        var hoistProps = Object.entries(pick(props, Object.keys(renameProps))).reduce(function (acc, _ref) {
-          var _ref2 = _slicedToArray(_ref, 2),
-            name = _ref2[0],
-            value = _ref2[1];
+        var hoistProps = Object.entries(pick(props, Object.keys(renameProps))).reduce(function(acc, _ref) {
+          var _ref2 = _slicedToArray(_ref, 2), name = _ref2[0], value = _ref2[1];
           acc[renameProps[name]] = value;
           return acc;
         }, {});
-        useEnhancedEffect(function () {
+        useEnhancedEffect(function() {
           if (context[HOIST_CONTEXT]) {
             context[HOIST_CONTEXT](hoistProps);
           }
@@ -84,5 +72,7 @@ function Enhancement(childComponents, Context) {
     }
   };
 }
-export default Enhancement;
-//# sourceMappingURL=hoistProps.mjs.map
+export {
+  HOIST_CONTEXT,
+  Enhancement as default
+};

package/lib/enhancement/i18n.cjs

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _WithI18n = require("../utils/enhances/WithI18n");
+var _excluded = ["locale"];
+function i18nAppLocaleEnhance() {
+  return {
+    wrapperProps: function wrapperProps(props) {
+      var locale = props.locale,
+        other = (0, _objectWithoutProperties2["default"])(props, _excluded);
+      var contextLocale = _react["default"].useContext(_WithI18n.Context);
+      if (!locale && !contextLocale) return props;
+      return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, other), {}, {
+        locale: locale !== null && locale !== void 0 ? locale : contextLocale
+      });
+    }
+  };
+}
+var _default = i18nAppLocaleEnhance;
+exports["default"] = _default;
+//# sourceMappingURL=i18n.cjs.map

package/lib/enhancement/i18n.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.cjs","names":["_react","_interopRequireDefault","require","_WithI18n","_excluded","i18nAppLocaleEnhance","wrapperProps","props","locale","other","_objectWithoutProperties2","contextLocale","React","useContext","Context","_objectSpread2","_default","exports"],"sources":["../../src/enhancement/i18n.tsx"],"sourcesContent":["import React from 'react';\nimport { Context } from '../utils/enhances/WithI18n';\n\nfunction i18nAppLocaleEnhance() {\n  return {\n    wrapperProps: (props: any) => {\n      const { locale, ...other } = props;\n      const contextLocale = React.useContext(Context);\n      if (!locale && !contextLocale) return props;\n      return {\n        ...other,\n        locale: locale ?? contextLocale,\n      };\n    },\n  };\n}\n\nexport default i18nAppLocaleEnhance;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAAqD,IAAAE,SAAA;AAErD,SAASC,oBAAoBA,CAAA,EAAG;EAC9B,OAAO;IACLC,YAAY,EAAE,SAAAA,aAACC,KAAU,EAAK;MAC5B,IAAQC,MAAM,GAAeD,KAAK,CAA1BC,MAAM;QAAKC,KAAK,OAAAC,yBAAA,aAAKH,KAAK,EAAAH,SAAA;MAClC,IAAMO,aAAa,GAAGC,iBAAK,CAACC,UAAU,CAACC,iBAAO,CAAC;MAC/C,IAAI,CAACN,MAAM,IAAI,CAACG,aAAa,EAAE,OAAOJ,KAAK;MAC3C,WAAAQ,cAAA,iBAAAA,cAAA,iBACKN,KAAK;QACRD,MAAM,EAAEA,MAAM,aAANA,MAAM,cAANA,MAAM,GAAIG;MAAa;IAEnC;EACF,CAAC;AACH;AAAC,IAAAK,QAAA,GAEcX,oBAAoB;AAAAY,OAAA,cAAAD,QAAA"}

package/lib/enhancement/i18n.mjs

@@ -1,13 +1,12 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["locale"];
-import React from 'react';
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import React from "react";
 import { Context } from "../utils/enhances/WithI18n.mjs";
+var _excluded = ["locale"];
 function i18nAppLocaleEnhance() {
   return {
     wrapperProps: function wrapperProps(props) {
-      var locale = props.locale,
-        other = _objectWithoutProperties(props, _excluded);
+      var locale = props.locale, other = _objectWithoutProperties(props, _excluded);
       var contextLocale = React.useContext(Context);
       if (!locale && !contextLocale) return props;
       return _objectSpread(_objectSpread({}, other), {}, {
@@ -16,5 +15,6 @@ function i18nAppLocaleEnhance() {
     }
   };
 }
-export default i18nAppLocaleEnhance;
-//# sourceMappingURL=i18n.mjs.map
+export {
+  i18nAppLocaleEnhance as default
+};

package/lib/enhancement/inheritedName.cjs

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _symbols = require("../core-types/symbols");
+function Enhancement() {
+  return {
+    condition: function condition(Component) {
+      return Boolean(Component.displayName);
+    },
+    "static": function _static(WrapperComponent) {
+      return (0, _defineProperty2["default"])({}, _symbols.INHERITED_NAME, (0, _toConsumableArray2["default"])(new Set([].concat((0, _toConsumableArray2["default"])(WrapperComponent[_symbols.INHERITED_NAME] || []), [WrapperComponent.displayName]))));
+    }
+  };
+}
+var _default = Enhancement;
+exports["default"] = _default;
+//# sourceMappingURL=inheritedName.cjs.map

package/lib/enhancement/inheritedName.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"inheritedName.cjs","names":["_symbols","require","Enhancement","condition","Component","Boolean","displayName","_static","WrapperComponent","_defineProperty2","INHERITED_NAME","_toConsumableArray2","Set","concat","_default","exports"],"sources":["../../src/enhancement/inheritedName.tsx"],"sourcesContent":["import { INHERITED_NAME } from '../core-types/symbols';\n\nfunction Enhancement() {\n  return {\n    condition: function (Component: any) {\n      return Boolean(Component.displayName);\n    },\n    static: function (WrapperComponent: any) {\n      return {\n        [INHERITED_NAME]: [\n          ...new Set([...(WrapperComponent[INHERITED_NAME] || []), WrapperComponent.displayName]),\n        ],\n      };\n    },\n  };\n}\n\nexport default Enhancement;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAEA,SAASC,WAAWA,CAAA,EAAG;EACrB,OAAO;IACLC,SAAS,EAAE,SAAAA,UAAUC,SAAc,EAAE;MACnC,OAAOC,OAAO,CAACD,SAAS,CAACE,WAAW,CAAC;IACvC,CAAC;IACD,UAAQ,SAAAC,QAAUC,gBAAqB,EAAE;MACvC,WAAAC,gBAAA,iBACGC,uBAAc,MAAAC,mBAAA,aACV,IAAIC,GAAG,IAAAC,MAAA,KAAAF,mBAAA,aAAMH,gBAAgB,CAACE,uBAAc,CAAC,IAAI,EAAE,IAAGF,gBAAgB,CAACF,WAAW,GAAE;IAG7F;EACF,CAAC;AACH;AAAC,IAAAQ,QAAA,GAEcZ,WAAW;AAAAa,OAAA,cAAAD,QAAA"}

package/lib/enhancement/inheritedName.mjs

@@ -1,5 +1,5 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import { INHERITED_NAME } from "../core-types/symbols.mjs";
 function Enhancement() {
   return {
@@ -11,5 +11,6 @@ function Enhancement() {
     }
   };
 }
-export default Enhancement;
-//# sourceMappingURL=inheritedName.mjs.map
+export {
+  Enhancement as default
+};

package/lib/enhancement/staticChildren.cjs

@@ -0,0 +1,135 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.STATIC_COMPONENT = exports.ROOT_COMPONENT = void 0;
+exports.getterMethodName = getterMethodName;
+exports.getterMethodNameByDisplayName = getterMethodNameByDisplayName;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireDefault(require("react"));
+var _assignProps = _interopRequireDefault(require("../utils/assignProps"));
+var _pick = _interopRequireDefault(require("../utils/pick"));
+var _logger = _interopRequireDefault(require("../utils/logger"));
+function assign(target, source) {
+  return Object.defineProperties(target, Object.keys(source).reduce(function (descriptors, key) {
+    descriptors[key] = Object.getOwnPropertyDescriptor(source, key);
+    return descriptors;
+  }, {}));
+}
+function getterMethodName(name) {
+  return "get".concat(name, "Props");
+}
+function getterMethodNameByDisplayName() {
+  var displayName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var displayNames = displayName.split('.');
+  var name = displayNames.slice(-(displayNames.length - 1)).join('');
+  return getterMethodName(name);
+}
+function flatGetterMethodNames(childComponents, parentName) {
+  return Object.entries(childComponents).reduce(function (acc, _ref) {
+    var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
+      name = _ref2[0],
+      value = _ref2[1];
+    if (Array.isArray(value)) {
+      acc.push.apply(acc, (0, _toConsumableArray2["default"])(flatGetterMethodNames(value[1], name)));
+    }
+    name = parentName ? "".concat(parentName).concat(name) : name;
+    acc.push(getterMethodName(name));
+    return acc;
+  }, []);
+}
+var STATIC_COMPONENT = Symbol('STATIC_COMPONENT');
+exports.STATIC_COMPONENT = STATIC_COMPONENT;
+var ROOT_COMPONENT = Symbol('ROOT_COMPONENT');
+exports.ROOT_COMPONENT = ROOT_COMPONENT;
+var SELF_GETTER_METHOD = Symbol('SELF_GETTER_METHOD');
+function Enhancement(childComponents, createComponent, options) {
+  var getterMethodNames = flatGetterMethodNames(childComponents);
+  return {
+    condition: function condition(Component) {
+      return Boolean(Component[STATIC_COMPONENT] || Object.keys(childComponents).length);
+    },
+    init: function init(props, WrapperComponent) {
+      var _this = this;
+      var getterMethods = (0, _pick["default"])(this, getterMethodNames);
+      this[SELF_GETTER_METHOD] = function () {
+        var selfGetterMethod = getterMethodNameByDisplayName(WrapperComponent.displayName);
+        _logger["default"].warn(true, "Getter `".concat(selfGetterMethod, "` can't be fired as it is a getter of static component"), props['data-ui-name'] || WrapperComponent.displayName);
+      };
+      assign(this, getterMethodNames.reduce(function (acc, name) {
+        var getterMethod = getterMethods[name];
+        if (!getterMethod) return acc;
+        acc[name] = function () {
+          var childrenProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+          var getterProps = getterMethod.call(_this, childrenProps, acc[name].index);
+          return (0, _assignProps["default"])(childrenProps, getterProps);
+        };
+        acc[name].index = -1;
+        acc[name].cache = new Set();
+        return acc;
+      }, {}));
+    },
+    "static": function _static(WrapperComponent, Component) {
+      if (Object.keys(childComponents).length && !WrapperComponent.displayName) {
+        throw new Error('"displayName" is not defined');
+      }
+      return Object.entries(childComponents).reduce(function (acc, _ref3) {
+        var _ref4 = (0, _slicedToArray2["default"])(_ref3, 2),
+          name = _ref4[0],
+          value = _ref4[1];
+        var childComponents = {};
+        if (Array.isArray(value)) {
+          childComponents = value[1];
+          value = value[0];
+        }
+        var prevStaticComponent = value[STATIC_COMPONENT];
+        // @ts-ignore
+        var prevDisplayName = value.displayName;
+        // @ts-ignore
+        value.displayName = "".concat(WrapperComponent.displayName, ".").concat(name);
+        value[STATIC_COMPONENT] = true;
+        value[ROOT_COMPONENT] = Component[ROOT_COMPONENT] || Component;
+        acc[name] = createComponent(value, childComponents, options);
+        // @ts-ignore
+        value.displayName = prevDisplayName;
+        value[STATIC_COMPONENT] = prevStaticComponent;
+        return acc;
+      }, {});
+    },
+    context: function context(_context) {
+      // const getterMethod = getterMethodNameByDisplayName(WrapperComponent.displayName);
+      return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _context), (0, _pick["default"])(this, getterMethodNames));
+    },
+    wrapperProps: function wrapperProps(props, WrapperComponent) {
+      if (!WrapperComponent[STATIC_COMPONENT]) return props;
+      var context = _react["default"].useContext(options.context);
+      var getterMethod = context[getterMethodNameByDisplayName(WrapperComponent.displayName)];
+      if (getterMethod) {
+        if (!getterMethod.cache.has(this)) {
+          getterMethod.cache.add(this);
+          getterMethod.index++;
+          if (this) this.index = getterMethod.index;
+        }
+        if (this) getterMethod.index = this.index;
+        return getterMethod(props);
+      }
+      return props;
+    },
+    render: function render(_render) {
+      var _this2 = this;
+      getterMethodNames.forEach(function (name) {
+        if (_this2[name] === undefined) return;
+        _this2[name].index = -1;
+        _this2[name].cache.clear();
+      });
+      return _render;
+    }
+  };
+}
+var _default = Enhancement;
+exports["default"] = _default;
+//# sourceMappingURL=staticChildren.cjs.map

package/lib/enhancement/staticChildren.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"staticChildren.cjs","names":["_react","_interopRequireDefault","require","_assignProps","_pick","_logger","assign","target","source","Object","defineProperties","keys","reduce","descriptors","key","getOwnPropertyDescriptor","getterMethodName","name","concat","getterMethodNameByDisplayName","displayName","arguments","length","undefined","displayNames","split","slice","join","flatGetterMethodNames","childComponents","parentName","entries","acc","_ref","_ref2","_slicedToArray2","value","Array","isArray","push","apply","_toConsumableArray2","STATIC_COMPONENT","Symbol","exports","ROOT_COMPONENT","SELF_GETTER_METHOD","Enhancement","createComponent","options","getterMethodNames","condition","Component","Boolean","init","props","WrapperComponent","_this","getterMethods","pick","selfGetterMethod","logger","warn","getterMethod","childrenProps","getterProps","call","index","assignProps","cache","Set","_static","Error","_ref3","_ref4","prevStaticComponent","prevDisplayName","context","_objectSpread2","wrapperProps","React","useContext","has","add","render","_this2","forEach","clear","_default"],"sources":["../../src/enhancement/staticChildren.tsx"],"sourcesContent":["import React from 'react';\nimport assignProps from '../utils/assignProps';\nimport pick from '../utils/pick';\nimport logger from '../utils/logger';\n\nfunction assign(target: any, source: any) {\n  return Object.defineProperties(\n    target,\n    Object.keys(source).reduce((descriptors: any, key) => {\n      descriptors[key] = Object.getOwnPropertyDescriptor(source, key);\n      return descriptors;\n    }, {}),\n  );\n}\n\nexport function getterMethodName(name: string) {\n  return `get${name}Props`;\n}\n\nexport function getterMethodNameByDisplayName(displayName = '') {\n  const displayNames = displayName.split('.');\n  const name = displayNames.slice(-(displayNames.length - 1)).join('');\n  return getterMethodName(name);\n}\n\nfunction flatGetterMethodNames(childComponents: any, parentName?: string) {\n  return Object.entries(childComponents).reduce<string[]>((acc, [name, value]) => {\n    if (Array.isArray(value)) {\n      acc.push(...flatGetterMethodNames(value[1], name));\n    }\n    name = parentName ? `${parentName}${name}` : name;\n    acc.push(getterMethodName(name));\n    return acc;\n  }, []);\n}\n\nexport const STATIC_COMPONENT = Symbol('STATIC_COMPONENT');\nexport const ROOT_COMPONENT = Symbol('ROOT_COMPONENT');\nconst SELF_GETTER_METHOD = Symbol('SELF_GETTER_METHOD');\n\nfunction Enhancement(childComponents: any, createComponent: any, options: any) {\n  const getterMethodNames = flatGetterMethodNames(childComponents);\n  return {\n    condition: function (Component: any) {\n      return Boolean(Component[STATIC_COMPONENT] || Object.keys(childComponents).length);\n    },\n    init: function (this: any, props: any, WrapperComponent: any) {\n      const getterMethods: any = pick(this, getterMethodNames);\n      this[SELF_GETTER_METHOD] = () => {\n        const selfGetterMethod = getterMethodNameByDisplayName(WrapperComponent.displayName);\n        logger.warn(\n          true,\n          `Getter \\`${selfGetterMethod}\\` can't be fired as it is a getter of static component`,\n          props['data-ui-name'] || WrapperComponent.displayName,\n        );\n      };\n      assign(\n        this,\n        getterMethodNames.reduce((acc: any, name) => {\n          const getterMethod = getterMethods[name];\n          if (!getterMethod) return acc;\n          acc[name] = (childrenProps = {}) => {\n            const getterProps = getterMethod.call(this, childrenProps, acc[name].index);\n            return assignProps(childrenProps, getterProps);\n          };\n          acc[name].index = -1;\n          acc[name].cache = new Set();\n          return acc;\n        }, {}),\n      );\n    },\n    static: function (WrapperComponent: any, Component: any) {\n      if (Object.keys(childComponents).length && !WrapperComponent.displayName) {\n        throw new Error('\"displayName\" is not defined');\n      }\n      return Object.entries(childComponents).reduce((acc: any, [name, value]: any) => {\n        let childComponents = {};\n\n        if (Array.isArray(value)) {\n          childComponents = value[1];\n          value = value[0];\n        }\n\n        const prevStaticComponent = value[STATIC_COMPONENT];\n        // @ts-ignore\n        const prevDisplayName = value.displayName;\n        // @ts-ignore\n        value.displayName = `${WrapperComponent.displayName}.${name}`;\n        value[STATIC_COMPONENT] = true;\n        value[ROOT_COMPONENT] = Component[ROOT_COMPONENT] || Component;\n        acc[name] = createComponent(value, childComponents, options);\n        // @ts-ignore\n        value.displayName = prevDisplayName;\n        value[STATIC_COMPONENT] = prevStaticComponent;\n        return acc;\n      }, {});\n    },\n    context: function (context: any /*, WrapperComponent*/) {\n      // const getterMethod = getterMethodNameByDisplayName(WrapperComponent.displayName);\n      return {\n        ...context,\n        // [getterMethod]: this[SELF_GETTER_METHOD],\n        ...pick(this, getterMethodNames as any),\n      };\n    },\n    wrapperProps: function (this: any, props: any, WrapperComponent: any) {\n      if (!WrapperComponent[STATIC_COMPONENT]) return props;\n      const context: any = React.useContext(options.context);\n      const getterMethod = context[getterMethodNameByDisplayName(WrapperComponent.displayName)];\n      if (getterMethod) {\n        if (!getterMethod.cache.has(this)) {\n          getterMethod.cache.add(this);\n          getterMethod.index++;\n          if (this) this.index = getterMethod.index;\n        }\n        if (this) getterMethod.index = this.index;\n        return getterMethod(props);\n      }\n      return props;\n    },\n    render: function (this: any, render: any) {\n      getterMethodNames.forEach((name) => {\n        if (this[name] === undefined) return;\n        this[name].index = -1;\n        this[name].cache.clear();\n      });\n      return render;\n    },\n  };\n}\n\nexport default Enhancement;\n"],"mappings":"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"}

package/lib/enhancement/staticChildren.mjs

@@ -1,30 +1,28 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React from 'react';
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+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";
 function assign(target, source) {
-  return Object.defineProperties(target, Object.keys(source).reduce(function (descriptors, key) {
+  return Object.defineProperties(target, Object.keys(source).reduce(function(descriptors, key) {
     descriptors[key] = Object.getOwnPropertyDescriptor(source, key);
     return descriptors;
   }, {}));
 }
-export function getterMethodName(name) {
+function getterMethodName(name) {
   return "get".concat(name, "Props");
 }
-export function getterMethodNameByDisplayName() {
-  var displayName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-  var displayNames = displayName.split('.');
-  var name = displayNames.slice(-(displayNames.length - 1)).join('');
+function getterMethodNameByDisplayName() {
+  var displayName = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
+  var displayNames = displayName.split(".");
+  var name = displayNames.slice(-(displayNames.length - 1)).join("");
   return getterMethodName(name);
 }
 function flatGetterMethodNames(childComponents, parentName) {
-  return Object.entries(childComponents).reduce(function (acc, _ref) {
-    var _ref2 = _slicedToArray(_ref, 2),
-      name = _ref2[0],
-      value = _ref2[1];
+  return Object.entries(childComponents).reduce(function(acc, _ref) {
+    var _ref2 = _slicedToArray(_ref, 2), name = _ref2[0], value = _ref2[1];
     if (Array.isArray(value)) {
       acc.push.apply(acc, _toConsumableArray(flatGetterMethodNames(value[1], name)));
     }
@@ -33,9 +31,9 @@ function flatGetterMethodNames(childComponents, parentName) {
     return acc;
   }, []);
 }
-export var STATIC_COMPONENT = Symbol('STATIC_COMPONENT');
-export var ROOT_COMPONENT = Symbol('ROOT_COMPONENT');
-var SELF_GETTER_METHOD = Symbol('SELF_GETTER_METHOD');
+var STATIC_COMPONENT = Symbol("STATIC_COMPONENT");
+var ROOT_COMPONENT = Symbol("ROOT_COMPONENT");
+var SELF_GETTER_METHOD = Symbol("SELF_GETTER_METHOD");
 function Enhancement(childComponents, createComponent, options) {
   var getterMethodNames = flatGetterMethodNames(childComponents);
   return {
@@ -45,20 +43,20 @@ function Enhancement(childComponents, createComponent, options) {
     init: function init(props, WrapperComponent) {
       var _this = this;
       var getterMethods = pick(this, getterMethodNames);
-      this[SELF_GETTER_METHOD] = function () {
+      this[SELF_GETTER_METHOD] = function() {
         var selfGetterMethod = getterMethodNameByDisplayName(WrapperComponent.displayName);
-        logger.warn(true, "Getter `".concat(selfGetterMethod, "` can't be fired as it is a getter of static component"), props['data-ui-name'] || WrapperComponent.displayName);
+        logger.warn(true, "Getter `".concat(selfGetterMethod, "` can't be fired as it is a getter of static component"), props["data-ui-name"] || WrapperComponent.displayName);
       };
-      assign(this, getterMethodNames.reduce(function (acc, name) {
+      assign(this, getterMethodNames.reduce(function(acc, name) {
         var getterMethod = getterMethods[name];
         if (!getterMethod) return acc;
-        acc[name] = function () {
-          var childrenProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+        acc[name] = function() {
+          var childrenProps = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
           var getterProps = getterMethod.call(_this, childrenProps, acc[name].index);
           return assignProps(childrenProps, getterProps);
         };
         acc[name].index = -1;
-        acc[name].cache = new Set();
+        acc[name].cache = /* @__PURE__ */ new Set();
         return acc;
       }, {}));
     },
@@ -66,31 +64,25 @@ function Enhancement(childComponents, createComponent, options) {
       if (Object.keys(childComponents).length && !WrapperComponent.displayName) {
         throw new Error('"displayName" is not defined');
       }
-      return Object.entries(childComponents).reduce(function (acc, _ref3) {
-        var _ref4 = _slicedToArray(_ref3, 2),
-          name = _ref4[0],
-          value = _ref4[1];
-        var childComponents = {};
+      return Object.entries(childComponents).reduce(function(acc, _ref3) {
+        var _ref4 = _slicedToArray(_ref3, 2), name = _ref4[0], value = _ref4[1];
+        var childComponents2 = {};
         if (Array.isArray(value)) {
-          childComponents = value[1];
+          childComponents2 = value[1];
           value = value[0];
         }
         var prevStaticComponent = value[STATIC_COMPONENT];
-        // @ts-ignore
         var prevDisplayName = value.displayName;
-        // @ts-ignore
         value.displayName = "".concat(WrapperComponent.displayName, ".").concat(name);
         value[STATIC_COMPONENT] = true;
         value[ROOT_COMPONENT] = Component[ROOT_COMPONENT] || Component;
-        acc[name] = createComponent(value, childComponents, options);
-        // @ts-ignore
+        acc[name] = createComponent(value, childComponents2, options);
         value.displayName = prevDisplayName;
         value[STATIC_COMPONENT] = prevStaticComponent;
         return acc;
       }, {});
     },
     context: function context(_context) {
-      // const getterMethod = getterMethodNameByDisplayName(WrapperComponent.displayName);
       return _objectSpread(_objectSpread({}, _context), pick(this, getterMethodNames));
     },
     wrapperProps: function wrapperProps(props, WrapperComponent) {
@@ -110,8 +102,8 @@ function Enhancement(childComponents, createComponent, options) {
     },
     render: function render(_render) {
       var _this2 = this;
-      getterMethodNames.forEach(function (name) {
-        if (_this2[name] === undefined) return;
+      getterMethodNames.forEach(function(name) {
+        if (_this2[name] === void 0) return;
         _this2[name].index = -1;
         _this2[name].cache.clear();
       });
@@ -119,5 +111,10 @@ function Enhancement(childComponents, createComponent, options) {
     }
   };
 }
-export default Enhancement;
-//# sourceMappingURL=staticChildren.mjs.map
+export {
+  ROOT_COMPONENT,
+  STATIC_COMPONENT,
+  Enhancement as default,
+  getterMethodName,
+  getterMethodNameByDisplayName
+};

package/lib/enhancement/style.cjs

@@ -0,0 +1,60 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.STYLES_CONTEXT = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _react = _interopRequireDefault(require("react"));
+var _index = require("../styled/index");
+var _staticChildren = require("./staticChildren");
+var _excluded = ["_styles", "styles"],
+  _excluded2 = ["styles"];
+var STYLES_CONTEXT = Symbol('STYLES_CONTEXT');
+exports.STYLES_CONTEXT = STYLES_CONTEXT;
+var STYLES_SELF = Symbol('STYLES_SELF');
+function Enhancement(childComponents, Context) {
+  return {
+    condition: function condition(Component) {
+      return Boolean(Component.style || Component[_staticChildren.STATIC_COMPONENT]);
+    },
+    init: function init(props, WrapperComponent) {
+      if (props.styles) {
+        this[STYLES_SELF] = props.styles;
+      }
+      if (WrapperComponent.style) {
+        this[STYLES_SELF] = _index.sstyled.merge(WrapperComponent.style, props._styles);
+      }
+    },
+    context: function context(_context) {
+      // Optimization: if has no children there is no need to create new context (by lsroman)
+      if (!this[STYLES_SELF] || !Object.keys(childComponents).length) {
+        return _context;
+      }
+      return (0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, _context), {}, (0, _defineProperty2["default"])({}, STYLES_CONTEXT, this[STYLES_SELF]));
+    },
+    asProps: function asProps(_ref) {
+      var _styles = _ref._styles,
+        styles = _ref.styles,
+        props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+      return (0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, props), {}, {
+        styles: this[STYLES_SELF]
+      });
+    },
+    wrapperProps: function wrapperProps(_ref2) {
+      var styles = _ref2.styles,
+        props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
+      var context = _react["default"].useContext(Context);
+      return (0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, props), {}, {
+        _styles: styles,
+        styles: context[STYLES_CONTEXT]
+      });
+    }
+  };
+}
+var _default = Enhancement;
+exports["default"] = _default;
+//# sourceMappingURL=style.cjs.map

package/lib/enhancement/style.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.cjs","names":["_react","_interopRequireDefault","require","_index","_staticChildren","_excluded","_excluded2","STYLES_CONTEXT","Symbol","exports","STYLES_SELF","Enhancement","childComponents","Context","condition","Component","Boolean","style","STATIC_COMPONENT","init","props","WrapperComponent","styles","sstyled","merge","_styles","context","Object","keys","length","_objectSpread3","_defineProperty2","asProps","_ref","_objectWithoutProperties2","wrapperProps","_ref2","React","useContext","_default"],"sources":["../../src/enhancement/style.tsx"],"sourcesContent":["import React from 'react';\nimport { sstyled } from '../styled/index';\nimport { STATIC_COMPONENT } from './staticChildren';\n\nexport const STYLES_CONTEXT = Symbol('STYLES_CONTEXT');\nconst STYLES_SELF = Symbol('STYLES_SELF');\n\nfunction Enhancement(childComponents: any, Context: any) {\n  return {\n    condition: function (Component: any) {\n      return Boolean(Component.style || Component[STATIC_COMPONENT]);\n    },\n    init: function (this: any, props: any, WrapperComponent: any) {\n      if (props.styles) {\n        this[STYLES_SELF] = props.styles;\n      }\n      if (WrapperComponent.style) {\n        this[STYLES_SELF] = sstyled.merge(WrapperComponent.style, props._styles);\n      }\n    },\n    context: function (this: any, context: any): any {\n      // Optimization: if has no children there is no need to create new context (by lsroman)\n      if (!this[STYLES_SELF] || !Object.keys(childComponents).length) {\n        return context;\n      }\n      return {\n        ...context,\n        [STYLES_CONTEXT]: this[STYLES_SELF],\n      };\n    },\n\n    asProps: function (this: any, { _styles, styles, ...props }: any) {\n      return {\n        ...props,\n        styles: this[STYLES_SELF],\n      };\n    },\n    wrapperProps: function (this: any, { styles, ...props }: any) {\n      const context: any = React.useContext(Context);\n      return {\n        ...props,\n        _styles: styles,\n        styles: context[STYLES_CONTEXT],\n      };\n    },\n  };\n}\n\nexport default Enhancement;\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AAAoD,IAAAG,SAAA;EAAAC,UAAA;AAE7C,IAAMC,cAAc,GAAGC,MAAM,CAAC,gBAAgB,CAAC;AAACC,OAAA,CAAAF,cAAA,GAAAA,cAAA;AACvD,IAAMG,WAAW,GAAGF,MAAM,CAAC,aAAa,CAAC;AAEzC,SAASG,WAAWA,CAACC,eAAoB,EAAEC,OAAY,EAAE;EACvD,OAAO;IACLC,SAAS,EAAE,SAAAA,UAAUC,SAAc,EAAE;MACnC,OAAOC,OAAO,CAACD,SAAS,CAACE,KAAK,IAAIF,SAAS,CAACG,gCAAgB,CAAC,CAAC;IAChE,CAAC;IACDC,IAAI,EAAE,SAAAA,KAAqBC,KAAU,EAAEC,gBAAqB,EAAE;MAC5D,IAAID,KAAK,CAACE,MAAM,EAAE;QAChB,IAAI,CAACZ,WAAW,CAAC,GAAGU,KAAK,CAACE,MAAM;MAClC;MACA,IAAID,gBAAgB,CAACJ,KAAK,EAAE;QAC1B,IAAI,CAACP,WAAW,CAAC,GAAGa,cAAO,CAACC,KAAK,CAACH,gBAAgB,CAACJ,KAAK,EAAEG,KAAK,CAACK,OAAO,CAAC;MAC1E;IACF,CAAC;IACDC,OAAO,EAAE,SAAAA,QAAqBA,QAAY,EAAO;MAC/C;MACA,IAAI,CAAC,IAAI,CAAChB,WAAW,CAAC,IAAI,CAACiB,MAAM,CAACC,IAAI,CAAChB,eAAe,CAAC,CAACiB,MAAM,EAAE;QAC9D,OAAOH,QAAO;MAChB;MACA,WAAAI,cAAA,iBAAAA,cAAA,iBACKJ,QAAO,WAAAK,gBAAA,iBACTxB,cAAc,EAAG,IAAI,CAACG,WAAW,CAAC;IAEvC,CAAC;IAEDsB,OAAO,EAAE,SAAAA,QAAAC,IAAA,EAAyD;MAAA,IAAlCR,OAAO,GAAAQ,IAAA,CAAPR,OAAO;QAAEH,MAAM,GAAAW,IAAA,CAANX,MAAM;QAAKF,KAAK,OAAAc,yBAAA,aAAAD,IAAA,EAAA5B,SAAA;MACvD,WAAAyB,cAAA,iBAAAA,cAAA,iBACKV,KAAK;QACRE,MAAM,EAAE,IAAI,CAACZ,WAAW;MAAC;IAE7B,CAAC;IACDyB,YAAY,EAAE,SAAAA,aAAAC,KAAA,EAAgD;MAAA,IAAzBd,MAAM,GAAAc,KAAA,CAANd,MAAM;QAAKF,KAAK,OAAAc,yBAAA,aAAAE,KAAA,EAAA9B,UAAA;MACnD,IAAMoB,OAAY,GAAGW,iBAAK,CAACC,UAAU,CAACzB,OAAO,CAAC;MAC9C,WAAAiB,cAAA,iBAAAA,cAAA,iBACKV,KAAK;QACRK,OAAO,EAAEH,MAAM;QACfA,MAAM,EAAEI,OAAO,CAACnB,cAAc;MAAC;IAEnC;EACF,CAAC;AACH;AAAC,IAAAgC,QAAA,GAEc5B,WAAW;AAAAF,OAAA,cAAA8B,QAAA"}