@semcore/core 16.0.0-prerelease.2 → 16.0.0-prerelease.21

package/lib/esm/LastInteractionType.mjs

@@ -0,0 +1,51 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import canUseDOM from "./utils/canUseDOM.mjs";
+var LastInteractionType = /* @__PURE__ */ function() {
+  function LastInteractionType2() {
+    _classCallCheck(this, LastInteractionType2);
+    _defineProperty(this, "lastFocusSource", "none");
+    this.handleKeyDown = this.handleKeyDown.bind(this);
+    this.handleMouseDown = this.handleMouseDown.bind(this);
+    if (canUseDOM()) {
+      document.addEventListener("mousedown", this.handleMouseDown, {
+        capture: true
+      });
+      document.addEventListener("keydown", this.handleKeyDown, {
+        capture: true
+      });
+    }
+  }
+  _createClass(LastInteractionType2, [{
+    key: "type",
+    get: function get() {
+      return this.lastFocusSource;
+    }
+  }, {
+    key: "isKeyboard",
+    value: function isKeyboard() {
+      return this.lastFocusSource === "keyboard";
+    }
+  }, {
+    key: "isMouse",
+    value: function isMouse() {
+      return this.lastFocusSource === "mouse";
+    }
+  }, {
+    key: "handleMouseDown",
+    value: function handleMouseDown() {
+      this.lastFocusSource = "mouse";
+    }
+  }, {
+    key: "handleKeyDown",
+    value: function handleKeyDown() {
+      this.lastFocusSource = "keyboard";
+    }
+  }]);
+  return LastInteractionType2;
+}();
+var lastInteraction = new LastInteractionType();
+export {
+  lastInteraction
+};

package/lib/esm/core-types/Component.mjs

@@ -0,0 +1,51 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { PureComponent } from "react";
+var Root = void 0;
+var RootComponent = /* @__PURE__ */ function(_PureComponent) {
+  _inherits(RootComponent2, _PureComponent);
+  var _super = _createSuper(RootComponent2);
+  function RootComponent2() {
+    var _this;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _classCallCheck(this, RootComponent2);
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "Root", void 0);
+    _defineProperty(_assertThisInitialized(_this), "isControlled", false);
+    return _this;
+  }
+  _createClass(RootComponent2, [{
+    key: "handlers",
+    get: function get() {
+      return {};
+    }
+  }, {
+    key: "asProps",
+    get: function get() {
+      return {};
+    }
+  }]);
+  return RootComponent2;
+}(PureComponent);
+var Component = RootComponent;
+var Intergalactic;
+(function(_Intergalactic) {
+  var InternalTypings;
+  /* @__PURE__ */ (function(_InternalTypings) {
+  })(InternalTypings || (InternalTypings = _Intergalactic.InternalTypings || (_Intergalactic.InternalTypings = {})));
+})(Intergalactic || (Intergalactic = {}));
+var wrapIntergalacticComponent = function wrapIntergalacticComponent2(wrapper) {
+  return wrapper;
+};
+export {
+  Component,
+  Intergalactic,
+  Root,
+  wrapIntergalacticComponent
+};

package/lib/esm/core-types/symbols.mjs

@@ -0,0 +1,20 @@
+var CORE_COMPONENT = Symbol("CORE_COMPONENT");
+var CORE_INSTANCE = Symbol("CORE_INSTANCE");
+var CORE_AS_PROPS = Symbol("CORE_AS_PROPS");
+var CORE_INIT = Symbol("CORE_INIT");
+var CONTEXT_COMPONENT = Symbol("CONTEXT_COMPONENT");
+var CREATE_COMPONENT = Symbol("CREATE_COMPONENT");
+var PARENT_COMPONENTS = Symbol("PARENT_COMPONENTS");
+var CHILDREN_COMPONENT = Symbol("CHILDREN_COMPONENT");
+var INHERITED_NAME = Symbol("INHERITED_NAME");
+export {
+  CHILDREN_COMPONENT,
+  CONTEXT_COMPONENT,
+  CORE_AS_PROPS,
+  CORE_COMPONENT,
+  CORE_INIT,
+  CORE_INSTANCE,
+  CREATE_COMPONENT,
+  INHERITED_NAME,
+  PARENT_COMPONENTS
+};

package/lib/esm/coreFactory.mjs

@@ -0,0 +1,324 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _get from "@babel/runtime/helpers/esm/get";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import React from "react";
+import hoistNonReactStatics from "hoist-non-react-statics";
+import { useForkRef } from "./utils/ref.mjs";
+import useEnhancedEffect from "./utils/use/useEnhancedEffect.mjs";
+import assignProps$1 from "./utils/assignProps.mjs";
+import { Component } from "./core-types/Component.mjs";
+import Enhancement$1 from "./enhancement/Children.mjs";
+import Enhancement$2 from "./enhancement/Root.mjs";
+import Enhancement$3 from "./enhancement/uncontrolledProps.mjs";
+import Enhancement$5 from "./enhancement/functionDefaultProps.mjs";
+import Enhancement$4, { ROOT_COMPONENT, getterMethodNameByDisplayName, STATIC_COMPONENT } from "./enhancement/staticChildren.mjs";
+import Enhancement$6 from "./enhancement/inheritedName.mjs";
+import Enhancement$a from "./enhancement/hoistProps.mjs";
+import Enhancement$7 from "./enhancement/dataName.mjs";
+import Enhancement$8 from "./enhancement/enhance.mjs";
+import Enhancement$9 from "./enhancement/style.mjs";
+import Enhancement from "./enhancement/bindHandler.mjs";
+import i18nAppLocaleEnhance from "./enhancement/i18n.mjs";
+import { CORE_AS_PROPS, CORE_INSTANCE, CORE_INIT, CORE_COMPONENT, PARENT_COMPONENTS, CONTEXT_COMPONENT, CREATE_COMPONENT } from "./core-types/symbols.mjs";
+var _excluded = ["forwardRef"], _excluded2 = ["forwardRef", "__WRAPPER_PROPS_BIND__"], _excluded3 = ["ref"];
+function isEmptyObject(obj) {
+  return Object.getOwnPropertyNames(obj).length === 0 && Object.getOwnPropertySymbols && // For IE 11
+  Object.getOwnPropertySymbols(obj).length === 0 && Object.getPrototypeOf(obj) === Object.prototype;
+}
+function createGetField(enhancements, Component2, isFunction) {
+  return function getField(key) {
+    return enhancements.filter(function(enhancement) {
+      if (!enhancement.condition) {
+        return true;
+      }
+      return enhancement.condition(Component2, isFunction);
+    }).reduce(function(acc, item) {
+      if (item[key]) {
+        acc.push(item[key]);
+      }
+      return acc;
+    }, []);
+  };
+}
+function createForwardWrapper(Component2, wrapperProps, statics, isFunction) {
+  var RootComponent = Component2[ROOT_COMPONENT];
+  var getterMethodName = getterMethodNameByDisplayName(Component2 === null || Component2 === void 0 ? void 0 : Component2.displayName);
+  var getterMethod = RootComponent !== null && RootComponent !== void 0 && RootComponent.prototype ? RootComponent.prototype[getterMethodName] : void 0;
+  var useGetterIndex = (getterMethod === null || getterMethod === void 0 ? void 0 : getterMethod.length) >= 2;
+  function WrapperForwardRefWithBind(_ref, ref) {
+    var _ref$forwardRef = _ref.forwardRef, forwardRef = _ref$forwardRef === void 0 ? null : _ref$forwardRef, other = _objectWithoutProperties(_ref, _excluded);
+    return /* @__PURE__ */ React.createElement(BindingWrapper, _extends({}, other, {
+      forwardRef: useForkRef(ref, forwardRef)
+    }));
+  }
+  function WrapperForwardRef(_ref2, ref) {
+    var _ref2$forwardRef = _ref2.forwardRef, forwardRef = _ref2$forwardRef === void 0 ? null : _ref2$forwardRef, __WRAPPER_PROPS_BIND__ = _ref2.__WRAPPER_PROPS_BIND__, other = _objectWithoutProperties(_ref2, _excluded2);
+    var _reduce = (__WRAPPER_PROPS_BIND__ || wrapperProps).reduce(function(acc, enhancement) {
+      return enhancement(acc, WrapperComponent, isFunction);
+    }, other), _reduce$ref = _reduce.ref, enhancementRef = _reduce$ref === void 0 ? null : _reduce$ref, props = _objectWithoutProperties(_reduce, _excluded3);
+    return /* @__PURE__ */ React.createElement(Component2, _extends({}, props, {
+      forwardRef: useForkRef(enhancementRef, ref, forwardRef)
+    }));
+  }
+  var BindingWrapper = /* @__PURE__ */ function(_React$Component) {
+    _inherits(BindingWrapper2, _React$Component);
+    var _super = _createSuper(BindingWrapper2);
+    function BindingWrapper2() {
+      var _this;
+      _classCallCheck(this, BindingWrapper2);
+      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), "index", -1);
+      return _this;
+    }
+    _createClass(BindingWrapper2, [{
+      key: "render",
+      value: function render() {
+        var _this2 = this;
+        return /* @__PURE__ */ React.createElement(WrapperForwardRef, _extends({}, this.props, {
+          __WRAPPER_PROPS_BIND__: wrapperProps.map(function(fn) {
+            return fn.bind(_this2);
+          })
+        }));
+      }
+    }]);
+    return BindingWrapper2;
+  }(React.Component);
+  var WrapperComponent = /* @__PURE__ */ React.forwardRef(useGetterIndex ? WrapperForwardRefWithBind : WrapperForwardRef);
+  hoistNonReactStatics(WrapperComponent, Component2);
+  WrapperComponent.displayName = Component2.displayName;
+  WrapperComponent.defaultProps = Component2.defaultProps;
+  statics.forEach(function(enhancement) {
+    return Object.assign(WrapperComponent, enhancement(WrapperComponent, Component2, isFunction));
+  });
+  return WrapperComponent;
+}
+function wrapClass(OriginComponent, enhancements, Context) {
+  var getField = createGetField(enhancements, OriginComponent, false);
+  var inits = getField("init");
+  var props = getField("asProps");
+  var renders = getField("render");
+  var statics = getField("static");
+  var wrapperProps = getField("wrapperProps");
+  var contexts = getField("context");
+  var Component2 = /* @__PURE__ */ function(_OriginComponent2) {
+    _inherits(Component3, _OriginComponent2);
+    var _super2 = _createSuper(Component3);
+    function Component3(props2, context) {
+      var _this3;
+      _classCallCheck(this, Component3);
+      _this3 = _super2.call(this, props2, context);
+      _defineProperty(_assertThisInitialized(_this3), CORE_AS_PROPS, null);
+      _defineProperty(_assertThisInitialized(_this3), CORE_INSTANCE, WrapperComponent);
+      _defineProperty(_assertThisInitialized(_this3), CORE_INIT, false);
+      inits.forEach(function(enhancement) {
+        return enhancement.call(_assertThisInitialized(_this3), props2, WrapperComponent, false);
+      });
+      _this3[CORE_INIT] = true;
+      return _this3;
+    }
+    _createClass(Component3, [{
+      key: "asProps",
+      get: function get() {
+        var _this4 = this;
+        if (!this[CORE_INIT]) {
+          throw new Error("Can not call asProps in constructor");
+        }
+        if (!this[CORE_AS_PROPS]) {
+          this[CORE_AS_PROPS] = props.reduce(function(acc, enhancement) {
+            return enhancement.call(_this4, acc, WrapperComponent, false);
+          }, this.props);
+        }
+        return this[CORE_AS_PROPS];
+      }
+    }, {
+      key: "setContext",
+      value: function setContext() {
+        var _this5 = this;
+        var contextProps = _get(_getPrototypeOf(Component3.prototype), "setContext", this) ? _get(_getPrototypeOf(Component3.prototype), "setContext", this).call(this) : {};
+        return contexts.reduce(function(acc, enhancement) {
+          return enhancement.call(_this5, acc, WrapperComponent, false);
+        }, contextProps);
+      }
+    }, {
+      key: "render",
+      value: function render() {
+        var _this6 = this;
+        this[CORE_AS_PROPS] = null;
+        if (!_get(_getPrototypeOf(Component3.prototype), "render", this)) {
+          throw new Error("Component `render` method is not defined");
+        }
+        var asProps = this.asProps;
+        var ctx = this.setContext();
+        var render2 = renders.reduce(function(acc, enhancement) {
+          return enhancement.call(_this6, acc, asProps, WrapperComponent, false);
+        }, _get(_getPrototypeOf(Component3.prototype), "render", this).call(this));
+        if (!WrapperComponent[STATIC_COMPONENT] && !isEmptyObject(ctx)) {
+          return /* @__PURE__ */ React.createElement(Context.Provider, {
+            value: _objectSpread(_objectSpread({}, asProps), ctx)
+          }, render2);
+        } else {
+          return render2;
+        }
+      }
+    }]);
+    return Component3;
+  }(OriginComponent);
+  var WrapperComponent = createForwardWrapper(Component2, wrapperProps, statics, false);
+  return WrapperComponent;
+}
+function wrapFunction(OriginComponent, enhancements, Context) {
+  var getField = createGetField(enhancements, OriginComponent, true);
+  var inits = getField("init");
+  var props = getField("asProps");
+  var renders = getField("render");
+  var statics = getField("static");
+  var wrapperProps = getField("wrapperProps");
+  var contexts = getField("context");
+  var Component2 = /* @__PURE__ */ React.memo(function FunctionMemoComponent(other) {
+    var selfRef = React.useRef({});
+    var firstRender = React.useRef(true);
+    useEnhancedEffect(function() {
+      firstRender.current = false;
+    }, []);
+    if (firstRender.current) {
+      inits.forEach(function(enhancement) {
+        return enhancement.call(selfRef.current, other, WrapperComponent, true);
+      });
+    }
+    var asProps = props.reduce(function(acc, enhancement) {
+      return enhancement.call(selfRef.current, acc, WrapperComponent, true);
+    }, other);
+    var ctx = contexts.reduce(function(acc, enhancement) {
+      return enhancement.call(selfRef.current, acc, WrapperComponent, true);
+    }, {});
+    var render = renders.reduce(function(acc, enhancement) {
+      return enhancement.call(selfRef.current, acc, asProps, WrapperComponent, true);
+    }, /* @__PURE__ */ React.createElement(OriginComponent, asProps));
+    if (!WrapperComponent[STATIC_COMPONENT] && !isEmptyObject(ctx)) {
+      return /* @__PURE__ */ React.createElement(Context.Provider, {
+        value: _objectSpread(_objectSpread({}, asProps), ctx)
+      }, render);
+    } else {
+      return render;
+    }
+  });
+  Object.assign(Component2, OriginComponent);
+  var WrapperComponent = createForwardWrapper(Component2, wrapperProps, statics, true);
+  return WrapperComponent;
+}
+function wrapCore(OriginComponent, enhancements, Context) {
+  var Component2 = function Component3(_ref3) {
+    var Root = _ref3.Root;
+    var defaultProps = OriginComponent.defaultProps || {};
+    return /* @__PURE__ */ React.createElement(Root, _extends({}, defaultProps, {
+      render: OriginComponent
+    }));
+  };
+  hoistNonReactStatics(Component2, OriginComponent);
+  Component2.displayName = OriginComponent.displayName;
+  return wrapFunction(Component2, enhancements, Context);
+}
+function createComposeComponent(OriginComponent, Context, enhancements) {
+  if (React.PureComponent.isPrototypeOf(OriginComponent) || React.Component.isPrototypeOf(OriginComponent)) {
+    if (OriginComponent.prototype instanceof Component) {
+      return wrapClass(OriginComponent, enhancements, Context);
+    } else {
+      throw new Error("Must inherit from our component");
+    }
+  } else if (typeof OriginComponent === "function") {
+    return wrapFunction(OriginComponent, enhancements, Context);
+  } else if (OriginComponent[CORE_COMPONENT]) {
+    return wrapCore(OriginComponent, enhancements, Context);
+  } else {
+    throw new Error("Must be a React component");
+  }
+}
+function assignProps(p1, p2) {
+  return assignProps$1(p2, p1);
+}
+function createComponent(OriginComponent) {
+  var childComponents = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+  var options = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
+  var _options$context = options.context, context = _options$context === void 0 ? /* @__PURE__ */ React.createContext({}) : _options$context, _options$parent = options.parent, parent = _options$parent === void 0 ? [] : _options$parent, _options$enhancements = options.enhancements, enhancements = _options$enhancements === void 0 ? [] : _options$enhancements;
+  var parents = Array.isArray(parent) ? parent : [parent];
+  if (parents.length) {
+    var wholeFamily = parents.reduce(function(acc, parent2) {
+      if (parent2[PARENT_COMPONENTS]) {
+        acc = [].concat(_toConsumableArray(parent2[PARENT_COMPONENTS]), _toConsumableArray(acc));
+      }
+      return acc;
+    }, parents);
+    OriginComponent[PARENT_COMPONENTS] = wholeFamily;
+    parents = wholeFamily;
+  }
+  if (OriginComponent[CORE_COMPONENT]) {
+    parents.push(OriginComponent);
+  }
+  var Component2 = createComposeComponent(OriginComponent, context, [].concat(_toConsumableArray(enhancements.map(function(f) {
+    return f(context, parents, createComponent, childComponents);
+  })), [
+    i18nAppLocaleEnhance(),
+    Enhancement(),
+    Enhancement$1(context, parents),
+    // root must be under the children
+    Enhancement$2(),
+    Enhancement$3(),
+    Enhancement$4(childComponents, createComponent, {
+      context,
+      parent,
+      enhancements
+    }),
+    // functionDefaultProps must be under the staticChild
+    Enhancement$5(),
+    // inheritedName must be under the staticChild
+    Enhancement$6(),
+    // dataName must be under the staticChild
+    Enhancement$7(),
+    // enhanceEnhancement must be under the functionDefaultPropsEnhancement
+    Enhancement$8(),
+    Enhancement$9(childComponents, context),
+    // must be the last one so any properties can be raised
+    Enhancement$a(childComponents, context)
+  ]));
+  Component2[CONTEXT_COMPONENT] = context;
+  Component2._______childrenComponents = childComponents;
+  Component2[CREATE_COMPONENT] = function() {
+    var _OriginComponent = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : OriginComponent;
+    var _childComponents = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : childComponents;
+    var _options = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : options;
+    return createComponent(_OriginComponent, _childComponents, _options);
+  };
+  Component2[CORE_COMPONENT] = true;
+  return Component2;
+}
+function createBaseComponent(OriginComponent) {
+  var Component2 = null;
+  if (!React.PureComponent.isPrototypeOf(OriginComponent) && !React.Component.isPrototypeOf(OriginComponent) && typeof OriginComponent === "function") {
+    Component2 = /* @__PURE__ */ React.forwardRef(OriginComponent);
+    Component2.displayName = OriginComponent.displayName;
+    Component2.defaultProps = _objectSpread({
+      "data-ui-name": OriginComponent.displayName
+    }, OriginComponent.defaultProps);
+    Component2[CORE_COMPONENT] = true;
+  } else {
+    throw new Error("createBaseComponent accepts only functional component");
+  }
+  return Component2;
+}
+export {
+  assignProps,
+  createBaseComponent,
+  createComponent
+};

package/lib/esm/enhancement/Children.mjs

@@ -0,0 +1,96 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+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 { 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$/;
+function splitPropsAndGetters(props) {
+  return Object.entries(props).reduce(function(acc, _ref) {
+    var _ref2 = _slicedToArray(_ref, 2), key = _ref2[0], value = _ref2[1];
+    if (GETTER_REG.exec(key) === null) {
+      acc.props[key] = value;
+    } else {
+      acc.getters[key] = value;
+    }
+    return acc;
+  }, {
+    props: {},
+    getters: {}
+  });
+}
+function getterToArray(getter) {
+  if (!Array.isArray(getter)) {
+    return typeof getter === "function" ? [getter] : [];
+  }
+  return getter;
+}
+function mergeObjects() {
+  var a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+  var b = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+  var core = _objectSpread(_objectSpread({}, a), b);
+  return Object.keys(core).reduce(function(acc, key) {
+    a[key] = getterToArray(a[key]);
+    b[key] = getterToArray(b[key]);
+    acc[key] = [].concat(_toConsumableArray(a[key]), _toConsumableArray(b[key]));
+    return acc;
+  }, {});
+}
+function assignGettersChain(getters) {
+  return function() {
+    var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+    return getters.reduce(function(acc, getter) {
+      return getter(acc);
+    }, props);
+  };
+}
+function createChildren(Context, contexts) {
+  var Children = function Children2() {
+    var children = Children2.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);
+        var _splitPropsAndGetters = splitPropsAndGetters(propsAndGetters), props2 = _splitPropsAndGetters.props, getters2 = _splitPropsAndGetters.getters;
+        return Object.assign({}, acc, _objectSpread({
+          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);
+      var mergedGetters = Object.entries(getters).reduce(function(acc, _ref4) {
+        var _ref5 = _slicedToArray(_ref4, 2), key = _ref5[0], value = _ref5[1];
+        acc[key] = assignGettersChain(value);
+        return acc;
+      }, {});
+      return children(_objectSpread(_objectSpread({}, props), mergedGetters), handlers);
+    } else if (children === void 0) {
+      return null;
+    }
+    return children;
+  };
+  Children.origin = null;
+  Children.props = {};
+  Children[CHILDREN_COMPONENT] = true;
+  return Children;
+}
+function Enhancement(Context, parent) {
+  return {
+    init: function init() {
+      var contexts = (Array.isArray(parent) ? parent : [parent]).map(function(component) {
+        return component[CONTEXT_COMPONENT];
+      }).filter(Boolean);
+      this[CHILDREN_SELF] = createChildren(Context, contexts);
+    },
+    asProps: function asProps(props) {
+      this[CHILDREN_SELF].origin = props.children;
+      this[CHILDREN_SELF].props = props;
+      return _objectSpread(_objectSpread({}, props), {}, {
+        Children: this[CHILDREN_SELF]
+      });
+    }
+  };
+}
+export {
+  Enhancement as default
+};

package/lib/esm/enhancement/Root.mjs

@@ -0,0 +1,56 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import React from "react";
+import assignProps from "../utils/assignProps.mjs";
+import { useForkRef } from "../utils/ref.mjs";
+var _excluded = ["render"], _excluded2 = ["Root", "styles", "children", "Children", "forwardRef"];
+function createRootRender() {
+  var Root = /* @__PURE__ */ React.forwardRef(function(_ref, ref) {
+    var Tag = _ref.render, source = _objectWithoutProperties(_ref, _excluded);
+    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) {
+        props2[name] = value;
+      }
+      return props2;
+    }, {});
+    var child = {};
+    if (typeof Children.origin !== "undefined") {
+      child.children = /* @__PURE__ */ React.createElement(Children, null);
+    }
+    var other = assignProps(_objectSpread(_objectSpread({}, clearProps), {}, {
+      ref: useForkRef(forwardRef, ref)
+    }), _objectSpread(_objectSpread({}, child), source));
+    if (!Tag) {
+      throw new Error("`render` prop of Root is not provided");
+    }
+    if (Tag === React.Fragment) return /* @__PURE__ */ React.createElement(React.Fragment, null, other.children);
+    return /* @__PURE__ */ React.createElement(Tag, other);
+  });
+  Root.props = {};
+  return Root;
+}
+function Enhancement() {
+  return {
+    init: function init() {
+      this.Root = createRootRender();
+    },
+    asProps: function asProps(props, WrapperComponent, isFunction) {
+      if (isFunction) {
+        return _objectSpread(_objectSpread({}, props), {}, {
+          Root: this.Root
+        });
+      }
+      return props;
+    },
+    render: function render(_render, props) {
+      this.Root.props = props;
+      return _render;
+    }
+  };
+}
+export {
+  Enhancement as default
+};

package/lib/{es6/enhancement/bindHandler.js → esm/enhancement/bindHandler.mjs}

@@ -6,15 +6,15 @@ function arraysEqual(a, b) {
   return true;
 }
 function handlerBinder(fn) {
-  return function () {
+  return function() {
     for (var _len = arguments.length, depsArgs = new Array(_len), _key = 0; _key < _len; _key++) {
       depsArgs[_key] = arguments[_key];
     }
     var memoizeds = [];
     if (handlerBinder.hasher.has(fn)) {
       memoizeds = handlerBinder.hasher.get(fn);
-      var memoized = memoizeds.find(function (memoized) {
-        return arraysEqual(memoized.deps, depsArgs);
+      var memoized = memoizeds.find(function(memoized2) {
+        return arraysEqual(memoized2.deps, depsArgs);
       });
       if (memoized) return memoized.fn;
     }
@@ -27,7 +27,7 @@ function handlerBinder(fn) {
     return bindFn;
   };
 }
-handlerBinder.hasher = new WeakMap();
+handlerBinder.hasher = /* @__PURE__ */ new WeakMap();
 function Enhancement() {
   return {
     condition: function condition(Component, isFunction) {
@@ -35,13 +35,14 @@ function Enhancement() {
     },
     init: function init() {
       var _this = this;
-      Object.keys(this).filter(function (field) {
-        return field.startsWith('bindHandler');
-      }).forEach(function (name) {
+      Object.keys(this).filter(function(field) {
+        return field.startsWith("bindHandler");
+      }).forEach(function(name) {
         _this[name] = handlerBinder(_this[name].bind(_this));
       });
     }
   };
 }
-export default Enhancement;
-//# sourceMappingURL=bindHandler.js.map
+export {
+  Enhancement as default
+};

package/lib/esm/enhancement/dataName.mjs

@@ -0,0 +1,13 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+function Enhancement() {
+  return {
+    wrapperProps: function wrapperProps(props, WrapperComponent) {
+      return _objectSpread({
+        "data-ui-name": WrapperComponent.displayName
+      }, props);
+    }
+  };
+}
+export {
+  Enhancement as default
+};

package/lib/{es6/enhancement/enhance.js → esm/enhancement/enhance.mjs}

@@ -5,11 +5,12 @@ function Enhancement() {
       return Boolean((_Component$enhance = Component.enhance) === null || _Component$enhance === void 0 ? void 0 : _Component$enhance.length);
     },
     wrapperProps: function wrapperProps(props, WrapperComponent) {
-      return WrapperComponent.enhance.reduce(function (acc, enhance) {
+      return WrapperComponent.enhance.reduce(function(acc, enhance) {
         return enhance(acc);
       }, props);
     }
   };
 }
-export default Enhancement;
-//# sourceMappingURL=enhance.js.map
+export {
+  Enhancement as default
+};