@skbkontur/react-ui 5.6.8 → 5.6.9-5e213.0

package/internal/CloseButtonIcon/CloseButtonIcon.styles/CloseButtonIcon.styles.js

@@ -1,18 +1,18 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 import { resetButton } from "../../../lib/styles/Mixins";
 export var styles = memoizeStyle({
   root: function root(t) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      ", "\n      display: inline-block;\n      position: relative;\n      border-radius: ", ";\n      color: ", ";\n      cursor: pointer;\n      transition: color ", " ", ";\n\n      &:enabled:focus,\n      &:enabled:hover {\n        color: ", ";\n      }\n    "])), resetButton(), t.closeBtnIconBorderRadius, t.closeBtnIconColor, t.transitionDuration, t.transitionTimingFunction, t.closeBtnIconHoverColor);
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      ", "\n      display: inline-block;\n      position: relative;\n      border-radius: ", ";\n      color: ", ";\n      cursor: pointer;\n      transition: color ", " ", ";\n\n      &:enabled:focus,\n      &:enabled:hover {\n        color: ", ";\n      }\n    "])), resetButton(), t.closeBtnIconBorderRadius, t.closeBtnIconColor, t.transitionDuration, t.transitionTimingFunction, t.closeBtnIconHoverColor);
   },
   rootDisabled: function rootDisabled(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.closeBtnIconDisabledColor);
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      color: ", ";\n    "])), t.closeBtnIconDisabledColor);
   },
   focus: function focus(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      box-shadow: ", ";\n    "])), t.closeBtnIconFocusShadow);
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      box-shadow: ", ";\n    "])), t.closeBtnIconFocusShadow);
   },
   wrapper: function wrapper() {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      box-sizing: content-box;\n      display: flex;\n      width: 100%;\n      height: 100%;\n      align-items: center;\n      justify-content: center;\n      pointer-events: none;\n    "])));
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      box-sizing: content-box;\n      display: flex;\n      width: 100%;\n      height: 100%;\n      align-items: center;\n      justify-content: center;\n      pointer-events: none;\n    "])));
   }
 });

package/internal/CloseButtonIcon/CloseButtonIcon.styles/CloseButtonIcon.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","resetButton","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","closeBtnIconBorderRadius","closeBtnIconColor","transitionDuration","transitionTimingFunction","closeBtnIconHoverColor","rootDisabled","_templateObject2","closeBtnIconDisabledColor","focus","_templateObject3","closeBtnIconFocusShadow","wrapper","_templateObject4"],"sources":["CloseButtonIcon.styles.tsx"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      ${resetButton()}\n      display: inline-block;\n      position: relative;\n      border-radius: ${t.closeBtnIconBorderRadius};\n      color: ${t.closeBtnIconColor};\n      cursor: pointer;\n      transition: color ${t.transitionDuration} ${t.transitionTimingFunction};\n\n      &:enabled:focus,\n      &:enabled:hover {\n        color: ${t.closeBtnIconHoverColor};\n      }\n    `;\n  },\n  rootDisabled(t: Theme) {\n    return css`\n      color: ${t.closeBtnIconDisabledColor};\n    `;\n  },\n  focus(t: Theme) {\n    return css`\n      box-shadow: ${t.closeBtnIconFocusShadow};\n    `;\n  },\n  wrapper() {\n    return css`\n      box-sizing: content-box;\n      display: flex;\n      width: 100%;\n      height: 100%;\n      align-items: center;\n      justify-content: center;\n      pointer-events: none;\n    `;\n  },\n});\n"],"mappings":"0KAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,SAASC,WAAW,QAAQ,yBAAyB;;AAErD,OAAO,IAAMC,MAAM,GAAGF,YAAY,CAAC;EACjCG,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOL,GAAG,CAAAM,eAAA,KAAAA,eAAA,GAAAC,2BAAA;IACNL,WAAW,CAAC,CAAC;;;IAGEG,CAAC,CAACG,wBAAwB;IAClCH,CAAC,CAACI,iBAAiB;;IAERJ,CAAC,CAACK,kBAAkB,EAAIL,CAAC,CAACM,wBAAwB;;;;IAI3DN,CAAC,CAACO,sBAAsB;;;EAGvC,CAAC;EACDC,YAAY,WAAAA,aAACR,CAAQ,EAAE;IACrB,OAAOL,GAAG,CAAAc,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;IACCF,CAAC,CAACU,yBAAyB;;EAExC,CAAC;EACDC,KAAK,WAAAA,MAACX,CAAQ,EAAE;IACd,OAAOL,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;IACMF,CAAC,CAACa,uBAAuB;;EAE3C,CAAC;EACDC,OAAO,WAAAA,QAAA,EAAG;IACR,OAAOnB,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;;;;;;;;;EASZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","resetButton","styles","root","t","_templateObject","_taggedTemplateLiteral","closeBtnIconBorderRadius","closeBtnIconColor","transitionDuration","transitionTimingFunction","closeBtnIconHoverColor","rootDisabled","_templateObject2","closeBtnIconDisabledColor","focus","_templateObject3","closeBtnIconFocusShadow","wrapper","_templateObject4"],"sources":["CloseButtonIcon.styles.tsx"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      ${resetButton()}\n      display: inline-block;\n      position: relative;\n      border-radius: ${t.closeBtnIconBorderRadius};\n      color: ${t.closeBtnIconColor};\n      cursor: pointer;\n      transition: color ${t.transitionDuration} ${t.transitionTimingFunction};\n\n      &:enabled:focus,\n      &:enabled:hover {\n        color: ${t.closeBtnIconHoverColor};\n      }\n    `;\n  },\n  rootDisabled(t: Theme) {\n    return css`\n      color: ${t.closeBtnIconDisabledColor};\n    `;\n  },\n  focus(t: Theme) {\n    return css`\n      box-shadow: ${t.closeBtnIconFocusShadow};\n    `;\n  },\n  wrapper() {\n    return css`\n      box-sizing: content-box;\n      display: flex;\n      width: 100%;\n      height: 100%;\n      align-items: center;\n      justify-content: center;\n      pointer-events: none;\n    `;\n  },\n});\n"],"mappings":"gKAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,SAASC,WAAW,QAAQ,yBAAyB;;AAErD,OAAO,IAAMC,MAAM,GAAGF,YAAY,CAAC;EACjCG,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOL,GAAG,CAAAM,eAAA,KAAAA,eAAA,GAAAC,sBAAA;IACNL,WAAW,CAAC,CAAC;;;IAGEG,CAAC,CAACG,wBAAwB;IAClCH,CAAC,CAACI,iBAAiB;;IAERJ,CAAC,CAACK,kBAAkB,EAAIL,CAAC,CAACM,wBAAwB;;;;IAI3DN,CAAC,CAACO,sBAAsB;;;EAGvC,CAAC;EACDC,YAAY,WAAAA,aAACR,CAAQ,EAAE;IACrB,OAAOL,GAAG,CAAAc,gBAAA,KAAAA,gBAAA,GAAAP,sBAAA;IACCF,CAAC,CAACU,yBAAyB;;EAExC,CAAC;EACDC,KAAK,WAAAA,MAACX,CAAQ,EAAE;IACd,OAAOL,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAV,sBAAA;IACMF,CAAC,CAACa,uBAAuB;;EAE3C,CAAC;EACDC,OAAO,WAAAA,QAAA,EAAG;IACR,OAAOnB,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAb,sBAAA;;;;;;;;;EASZ;AACF,CAAC,CAAC","ignoreList":[]}

package/internal/CommonWrapper/CommonWrapper/CommonWrapper.js

@@ -1,9 +1,20 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectDestructuringEmpty from "@babel/runtime/helpers/esm/objectDestructuringEmpty";
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+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";
 var _excluded = ["className", "style", "children", "rootNodeRef"];
 var _class, _CommonWrapper;
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+}
 import React from 'react';
 import { isFunction, isRefableElement } from "../../../lib/utils";
 import { cx } from "../../../lib/theming/Emotion";
@@ -14,56 +25,61 @@ import { getCommonVisualStateDataAttributes } from "../utils/getCommonVisualStat
 export var CommonWrapper = rootNode(_class = (_CommonWrapper = /*#__PURE__*/function (_React$Component) {
   function CommonWrapper() {
     var _this;
+    _classCallCheck(this, CommonWrapper);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this = _callSuper(this, CommonWrapper, [].concat(args));
     _this.rootNodeSubscription = null;
     _this.ref = function (instance) {
-      var _this$rootNodeSubscri, _this$child;
+      var _this$props$rootNodeR, _this$props, _this$rootNodeSubscri, _this$child;
       _this.setRootNode(instance);
-      _this.props.rootNodeRef == null || _this.props.rootNodeRef(getRootNode(instance));
+      (_this$props$rootNodeR = (_this$props = _this.props).rootNodeRef) === null || _this$props$rootNodeR === void 0 || _this$props$rootNodeR.call(_this$props, getRootNode(instance));
 
       // refs are called when instances change,
       // so we have to renew or remove old subscription
-      (_this$rootNodeSubscri = _this.rootNodeSubscription) == null || _this$rootNodeSubscri.remove();
+      (_this$rootNodeSubscri = _this.rootNodeSubscription) === null || _this$rootNodeSubscri === void 0 || _this$rootNodeSubscri.remove();
       _this.rootNodeSubscription = null;
       if (instance && isInstanceWithRootNode(instance)) {
-        _this.rootNodeSubscription = instance.addRootNodeChangeListener == null ? void 0 : instance.addRootNodeChangeListener(function (node) {
+        var _instance$addRootNode;
+        _this.rootNodeSubscription = (_instance$addRootNode = instance.addRootNodeChangeListener) === null || _instance$addRootNode === void 0 ? void 0 : _instance$addRootNode.call(instance, function (node) {
+          var _this$props$rootNodeR2, _this$props2;
           _this.setRootNode(node);
-          _this.props.rootNodeRef == null || _this.props.rootNodeRef(node);
+          (_this$props$rootNodeR2 = (_this$props2 = _this.props).rootNodeRef) === null || _this$props$rootNodeR2 === void 0 || _this$props$rootNodeR2.call(_this$props2, node);
         });
       }
-      var originalRef = (_this$child = _this.child) == null ? void 0 : _this$child.ref;
-      if (typeof originalRef === 'function' || originalRef && typeof originalRef === 'object') {
+      var originalRef = (_this$child = _this.child) === null || _this$child === void 0 ? void 0 : _this$child.ref;
+      if (typeof originalRef === 'function' || originalRef && _typeof(originalRef) === 'object') {
         originalRef && callChildRef(originalRef, instance);
       }
     };
     return _this;
   }
-  _inheritsLoose(CommonWrapper, _React$Component);
-  var _proto = CommonWrapper.prototype;
-  _proto.render = function render() {
-    var _this2 = this;
-    var _extractCommonProps = extractCommonProps(this.props),
-      _extractCommonProps$ = _extractCommonProps[0],
-      className = _extractCommonProps$.className,
-      style = _extractCommonProps$.style,
-      children = _extractCommonProps$.children,
-      rootNodeRef = _extractCommonProps$.rootNodeRef,
-      dataProps = _objectWithoutPropertiesLoose(_extractCommonProps$, _excluded),
-      rest = _extends({}, (_objectDestructuringEmpty(_extractCommonProps[1]), _extractCommonProps[1]));
-    this.child = isFunction(children) ? children(rest) : children;
-    var getChildProps = function getChildProps(child) {
-      var childProps = _extends({}, getCommonVisualStateDataAttributes(rest), dataProps);
-      isRefableElement(child) && (childProps.ref = _this2.ref);
-      var classNames = cx(child.props.className, className);
-      classNames && (childProps.className = classNames);
-      var styles = _extends({}, child.props.style, style);
-      Object.keys(styles).length && (childProps.style = styles);
-      return childProps;
-    };
-    return /*#__PURE__*/React.isValidElement(this.child) ? /*#__PURE__*/React.cloneElement(this.child, getChildProps(this.child)) : this.child;
-  };
-  return CommonWrapper;
+  _inherits(CommonWrapper, _React$Component);
+  return _createClass(CommonWrapper, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var _extractCommonProps = extractCommonProps(this.props),
+        _extractCommonProps2 = _slicedToArray(_extractCommonProps, 2),
+        _extractCommonProps2$ = _extractCommonProps2[0],
+        className = _extractCommonProps2$.className,
+        style = _extractCommonProps2$.style,
+        children = _extractCommonProps2$.children,
+        rootNodeRef = _extractCommonProps2$.rootNodeRef,
+        dataProps = _objectWithoutProperties(_extractCommonProps2$, _excluded),
+        rest = _extends({}, (_objectDestructuringEmpty(_extractCommonProps2[1]), _extractCommonProps2[1]));
+      this.child = isFunction(children) ? children(rest) : children;
+      var getChildProps = function getChildProps(child) {
+        var childProps = _objectSpread(_objectSpread({}, getCommonVisualStateDataAttributes(rest)), dataProps);
+        isRefableElement(child) && (childProps.ref = _this2.ref);
+        var classNames = cx(child.props.className, className);
+        classNames && (childProps.className = classNames);
+        var styles = _objectSpread(_objectSpread({}, child.props.style), style);
+        Object.keys(styles).length && (childProps.style = styles);
+        return childProps;
+      };
+      return /*#__PURE__*/React.isValidElement(this.child) ? /*#__PURE__*/React.cloneElement(this.child, getChildProps(this.child)) : this.child;
+    }
+  }]);
 }(React.Component), _CommonWrapper.__KONTUR_REACT_UI__ = 'CommonWrapper', _CommonWrapper.displayName = 'CommonWrapper', _CommonWrapper)) || _class;

package/internal/CommonWrapper/CommonWrapper/CommonWrapper.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","isFunction","isRefableElement","cx","getRootNode","isInstanceWithRootNode","rootNode","callChildRef","extractCommonProps","getCommonVisualStateDataAttributes","CommonWrapper","_class","_CommonWrapper","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","rootNodeSubscription","ref","instance","_this$rootNodeSubscri","_this$child","setRootNode","props","rootNodeRef","remove","addRootNodeChangeListener","node","originalRef","child","_inheritsLoose","_proto","prototype","render","_this2","_extractCommonProps","_extractCommonProps$","className","style","children","dataProps","_objectWithoutPropertiesLoose","_excluded","rest","_extends","_objectDestructuringEmpty","getChildProps","childProps","classNames","styles","Object","keys","isValidElement","cloneElement","Component","__KONTUR_REACT_UI__","displayName"],"sources":["CommonWrapper.tsx"],"sourcesContent":["import React from 'react';\n\nimport { isFunction, isRefableElement } from '../../lib/utils';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { Nullable } from '../../typings/utility-types';\nimport type { TGetRootNode, TRootNodeSubscription, TSetRootNode } from '../../lib/rootNode';\nimport { getRootNode, isInstanceWithRootNode, rootNode } from '../../lib/rootNode';\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\n\nimport type { CommonProps, CommonPropsRootNodeRef, CommonWrapperProps } from './types';\nimport { extractCommonProps } from './utils/extractCommonProps';\nimport { getCommonVisualStateDataAttributes } from './utils/getCommonVisualStateDataAttributes';\n\nexport type CommonPropsWithRootNodeRef = CommonProps & CommonPropsRootNodeRef;\n\n@rootNode\nexport class CommonWrapper<P extends CommonPropsWithRootNodeRef> extends React.Component<\n  CommonWrapperProps<P> & CommonPropsRootNodeRef\n> {\n  public static __KONTUR_REACT_UI__ = 'CommonWrapper';\n  public static displayName = 'CommonWrapper';\n\n  private child: React.ReactNode;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private rootNodeSubscription: Nullable<TRootNodeSubscription> = null;\n\n  render() {\n    const [{ className, style, children, rootNodeRef, ...dataProps }, { ...rest }] = extractCommonProps(this.props);\n    this.child = isFunction(children) ? children(rest) : children;\n\n    const getChildProps = (child: React.ReactElement<CommonProps & React.RefAttributes<any>>) => {\n      const childProps: Record<string, unknown> = {\n        ...getCommonVisualStateDataAttributes(rest),\n        ...dataProps,\n      };\n\n      isRefableElement(child) && (childProps.ref = this.ref);\n\n      const classNames: string = cx(child.props.className, className);\n      classNames && (childProps.className = classNames);\n\n      const styles: React.CSSProperties = { ...child.props.style, ...style };\n      Object.keys(styles).length && (childProps.style = styles);\n\n      return childProps;\n    };\n\n    return React.isValidElement<CommonProps & React.RefAttributes<any>>(this.child)\n      ? React.cloneElement(this.child, getChildProps(this.child))\n      : this.child;\n  }\n\n  private ref = (instance: Nullable<React.ReactInstance>) => {\n    this.setRootNode(instance);\n    this.props.rootNodeRef?.(getRootNode(instance));\n\n    // refs are called when instances change,\n    // so we have to renew or remove old subscription\n    this.rootNodeSubscription?.remove();\n    this.rootNodeSubscription = null;\n\n    if (instance && isInstanceWithRootNode(instance)) {\n      this.rootNodeSubscription = instance.addRootNodeChangeListener?.((node) => {\n        this.setRootNode(node);\n        this.props.rootNodeRef?.(node);\n      });\n    }\n\n    const originalRef = (this.child as React.RefAttributes<any>)?.ref;\n    if (typeof originalRef === 'function' || (originalRef && typeof originalRef === 'object')) {\n      originalRef && callChildRef(originalRef, instance);\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","isFunction","isRefableElement","cx","getRootNode","isInstanceWithRootNode","rootNode","callChildRef","extractCommonProps","getCommonVisualStateDataAttributes","CommonWrapper","_class","_CommonWrapper","_React$Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","rootNodeSubscription","ref","instance","_this$props$rootNodeR","_this$props","_this$rootNodeSubscri","_this$child","setRootNode","props","rootNodeRef","call","remove","_instance$addRootNode","addRootNodeChangeListener","node","_this$props$rootNodeR2","_this$props2","originalRef","child","_typeof","_inherits","_createClass","key","value","render","_this2","_extractCommonProps","_extractCommonProps2","_slicedToArray","_extractCommonProps2$","className","style","children","dataProps","_objectWithoutProperties","_excluded","rest","_extends","_objectDestructuringEmpty","getChildProps","childProps","_objectSpread","classNames","styles","Object","keys","isValidElement","cloneElement","Component","__KONTUR_REACT_UI__","displayName"],"sources":["CommonWrapper.tsx"],"sourcesContent":["import React from 'react';\n\nimport { isFunction, isRefableElement } from '../../lib/utils';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { Nullable } from '../../typings/utility-types';\nimport type { TGetRootNode, TRootNodeSubscription, TSetRootNode } from '../../lib/rootNode';\nimport { getRootNode, isInstanceWithRootNode, rootNode } from '../../lib/rootNode';\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\n\nimport type { CommonProps, CommonPropsRootNodeRef, CommonWrapperProps } from './types';\nimport { extractCommonProps } from './utils/extractCommonProps';\nimport { getCommonVisualStateDataAttributes } from './utils/getCommonVisualStateDataAttributes';\n\nexport type CommonPropsWithRootNodeRef = CommonProps & CommonPropsRootNodeRef;\n\n@rootNode\nexport class CommonWrapper<P extends CommonPropsWithRootNodeRef> extends React.Component<\n  CommonWrapperProps<P> & CommonPropsRootNodeRef\n> {\n  public static __KONTUR_REACT_UI__ = 'CommonWrapper';\n  public static displayName = 'CommonWrapper';\n\n  private child: React.ReactNode;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private rootNodeSubscription: Nullable<TRootNodeSubscription> = null;\n\n  render() {\n    const [{ className, style, children, rootNodeRef, ...dataProps }, { ...rest }] = extractCommonProps(this.props);\n    this.child = isFunction(children) ? children(rest) : children;\n\n    const getChildProps = (child: React.ReactElement<CommonProps & React.RefAttributes<any>>) => {\n      const childProps: Record<string, unknown> = {\n        ...getCommonVisualStateDataAttributes(rest),\n        ...dataProps,\n      };\n\n      isRefableElement(child) && (childProps.ref = this.ref);\n\n      const classNames: string = cx(child.props.className, className);\n      classNames && (childProps.className = classNames);\n\n      const styles: React.CSSProperties = { ...child.props.style, ...style };\n      Object.keys(styles).length && (childProps.style = styles);\n\n      return childProps;\n    };\n\n    return React.isValidElement<CommonProps & React.RefAttributes<any>>(this.child)\n      ? React.cloneElement(this.child, getChildProps(this.child))\n      : this.child;\n  }\n\n  private ref = (instance: Nullable<React.ReactInstance>) => {\n    this.setRootNode(instance);\n    this.props.rootNodeRef?.(getRootNode(instance));\n\n    // refs are called when instances change,\n    // so we have to renew or remove old subscription\n    this.rootNodeSubscription?.remove();\n    this.rootNodeSubscription = null;\n\n    if (instance && isInstanceWithRootNode(instance)) {\n      this.rootNodeSubscription = instance.addRootNodeChangeListener?.((node) => {\n        this.setRootNode(node);\n        this.props.rootNodeRef?.(node);\n      });\n    }\n\n    const originalRef = (this.child as React.RefAttributes<any>)?.ref;\n    if (typeof originalRef === 'function' || (originalRef && typeof originalRef === 'object')) {\n      originalRef && callChildRef(originalRef, instance);\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/internal/CommonWrapper/utils/getVisualStateDataAttributes/getVisualStateDataAttributes.js

@@ -2,7 +2,7 @@ import { toKebabCase } from "../../../../lib/toKebabCase";
 var prefix = "data-visual-state-";
 function fillResult(result, key, value) {
   if (value) {
-    result["" + prefix + toKebabCase(key)] = '';
+    result["".concat(prefix).concat(toKebabCase(key))] = '';
   }
   return result;
 }

package/internal/CommonWrapper/utils/getVisualStateDataAttributes/getVisualStateDataAttributes.js.map

@@ -1 +1 @@
-{"version":3,"names":["toKebabCase","prefix","fillResult","result","key","value","getVisualStateDataAttributes","attributes","Object","entries","reduce","previousValue","currentValue"],"sources":["getVisualStateDataAttributes.ts"],"sourcesContent":["import { toKebabCase } from '../../../lib/toKebabCase';\nimport type { Nullable } from '../../../typings/utility-types';\n\nexport type VisualStateDataAttributesResultType = Record<string, string>;\n\nconst prefix = `data-visual-state-`;\n\nfunction fillResult(result: VisualStateDataAttributesResultType, key: string, value: Nullable<boolean>) {\n  if (value) {\n    result[`${prefix}${toKebabCase(key)}`] = '';\n  }\n\n  return result;\n}\n\nexport function getVisualStateDataAttributes<T extends Record<string, Nullable<boolean>>>(\n  attributes: T,\n): VisualStateDataAttributesResultType {\n  return Object.entries(attributes).reduce(\n    (previousValue, currentValue) => fillResult(previousValue, currentValue[0], currentValue[1]),\n    {},\n  );\n}\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,0BAA0B;;;;;AAKtD,IAAMC,MAAM,uBAAuB;;AAEnC,SAASC,UAAUA,CAACC,MAA2C,EAAEC,GAAW,EAAEC,KAAwB,EAAE;EACtG,IAAIA,KAAK,EAAE;IACTF,MAAM,MAAIF,MAAM,GAAGD,WAAW,CAACI,GAAG,CAAC,CAAG,GAAG,EAAE;EAC7C;;EAEA,OAAOD,MAAM;AACf;;AAEA,OAAO,SAASG,4BAA4BA;AAC1CC,UAAa;AACwB;EACrC,OAAOC,MAAM,CAACC,OAAO,CAACF,UAAU,CAAC,CAACG,MAAM;IACtC,UAACC,aAAa,EAAEC,YAAY,UAAKV,UAAU,CAACS,aAAa,EAAEC,YAAY,CAAC,CAAC,CAAC,EAAEA,YAAY,CAAC,CAAC,CAAC,CAAC;IAC5F,CAAC;EACH,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["toKebabCase","prefix","fillResult","result","key","value","concat","getVisualStateDataAttributes","attributes","Object","entries","reduce","previousValue","currentValue"],"sources":["getVisualStateDataAttributes.ts"],"sourcesContent":["import { toKebabCase } from '../../../lib/toKebabCase';\nimport type { Nullable } from '../../../typings/utility-types';\n\nexport type VisualStateDataAttributesResultType = Record<string, string>;\n\nconst prefix = `data-visual-state-`;\n\nfunction fillResult(result: VisualStateDataAttributesResultType, key: string, value: Nullable<boolean>) {\n  if (value) {\n    result[`${prefix}${toKebabCase(key)}`] = '';\n  }\n\n  return result;\n}\n\nexport function getVisualStateDataAttributes<T extends Record<string, Nullable<boolean>>>(\n  attributes: T,\n): VisualStateDataAttributesResultType {\n  return Object.entries(attributes).reduce(\n    (previousValue, currentValue) => fillResult(previousValue, currentValue[0], currentValue[1]),\n    {},\n  );\n}\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,0BAA0B;;;;;AAKtD,IAAMC,MAAM,uBAAuB;;AAEnC,SAASC,UAAUA,CAACC,MAA2C,EAAEC,GAAW,EAAEC,KAAwB,EAAE;EACtG,IAAIA,KAAK,EAAE;IACTF,MAAM,IAAAG,MAAA,CAAIL,MAAM,EAAAK,MAAA,CAAGN,WAAW,CAACI,GAAG,CAAC,EAAG,GAAG,EAAE;EAC7C;;EAEA,OAAOD,MAAM;AACf;;AAEA,OAAO,SAASI,4BAA4BA;AAC1CC,UAAa;AACwB;EACrC,OAAOC,MAAM,CAACC,OAAO,CAACF,UAAU,CAAC,CAACG,MAAM;IACtC,UAACC,aAAa,EAAEC,YAAY,UAAKX,UAAU,CAACU,aAAa,EAAEC,YAAY,CAAC,CAAC,CAAC,EAAEA,YAAY,CAAC,CAAC,CAAC,CAAC;IAC5F,CAAC;EACH,CAAC;AACH","ignoreList":[]}

package/internal/ComponentCombinator/ComponentCombinator.js

@@ -1,14 +1,24 @@
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+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";
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+}
 import React from 'react';
 import { createPropsGetter } from "../../lib/createPropsGetter";
 import { ComponentTable } from "../ComponentTable";
 export var ComponentCombinator = /*#__PURE__*/function (_React$Component) {
   function ComponentCombinator() {
     var _this;
+    _classCallCheck(this, ComponentCombinator);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this = _callSuper(this, ComponentCombinator, [].concat(args));
     _this.getProps = createPropsGetter(ComponentCombinator.defaultProps);
     _this.state = {
       page: 0
@@ -31,53 +41,54 @@ export var ComponentCombinator = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-  _inheritsLoose(ComponentCombinator, _React$Component);
-  var _proto = ComponentCombinator.prototype;
-  _proto.render = function render() {
-    var _ref3;
-    var page = this.state.page;
-    var _this$props = this.props,
-      combinations = _this$props.combinations,
-      Component = _this$props.Component;
-    var _this$getProps = this.getProps(),
-      presetProps = _this$getProps.presetProps,
-      presetState = _this$getProps.presetState;
-    var pages = [];
-    var row = 0;
-    var sizes = combinations.map(function (c) {
-      return c.length;
-    });
-    var flatCombinations = (_ref3 = []).concat.apply(_ref3, combinations);
-    for (var j = 0; j < sizes.length - 1; j++) {
-      pages.push({
-        offsetX: row,
-        offsetY: row += sizes[j]
+  _inherits(ComponentCombinator, _React$Component);
+  return _createClass(ComponentCombinator, [{
+    key: "render",
+    value: function render() {
+      var _ref3;
+      var page = this.state.page;
+      var _this$props = this.props,
+        combinations = _this$props.combinations,
+        Component = _this$props.Component;
+      var _this$getProps = this.getProps(),
+        presetProps = _this$getProps.presetProps,
+        presetState = _this$getProps.presetState;
+      var pages = [];
+      var row = 0;
+      var sizes = combinations.map(function (c) {
+        return c.length;
       });
-    }
-    var pageOffsets = pages[page];
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-      id: "paginator",
-      style: {
-        marginBottom: 5
+      var flatCombinations = (_ref3 = []).concat.apply(_ref3, _toConsumableArray(combinations));
+      for (var j = 0; j < sizes.length - 1; j++) {
+        pages.push({
+          offsetX: row,
+          offsetY: row += sizes[j]
+        });
       }
-    }, /*#__PURE__*/React.createElement("button", {
-      disabled: page === 0,
-      id: "prev-page",
-      onClick: this.prevPage
-    }, "Prev"), ' ', /*#__PURE__*/React.createElement("small", null, page + 1 + " / " + pages.length), ' ', /*#__PURE__*/React.createElement("button", {
-      disabled: page + 1 >= pages.length,
-      id: "next-page",
-      onClick: this.nextPage
-    }, "Next")), /*#__PURE__*/React.createElement("div", null, pageOffsets && /*#__PURE__*/React.createElement(ComponentTable, {
-      key: page,
-      Component: Component,
-      presetProps: presetProps,
-      presetState: presetState,
-      rows: flatCombinations.slice(pageOffsets.offsetY, flatCombinations.length),
-      cols: flatCombinations.slice(pageOffsets.offsetX, pageOffsets.offsetY)
-    })));
-  };
-  return ComponentCombinator;
+      var pageOffsets = pages[page];
+      return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+        id: "paginator",
+        style: {
+          marginBottom: 5
+        }
+      }, /*#__PURE__*/React.createElement("button", {
+        disabled: page === 0,
+        id: "prev-page",
+        onClick: this.prevPage
+      }, "Prev"), ' ', /*#__PURE__*/React.createElement("small", null, "".concat(page + 1, " / ").concat(pages.length)), ' ', /*#__PURE__*/React.createElement("button", {
+        disabled: page + 1 >= pages.length,
+        id: "next-page",
+        onClick: this.nextPage
+      }, "Next")), /*#__PURE__*/React.createElement("div", null, pageOffsets && /*#__PURE__*/React.createElement(ComponentTable, {
+        key: page,
+        Component: Component,
+        presetProps: presetProps,
+        presetState: presetState,
+        rows: flatCombinations.slice(pageOffsets.offsetY, flatCombinations.length),
+        cols: flatCombinations.slice(pageOffsets.offsetX, pageOffsets.offsetY)
+      })));
+    }
+  }]);
 }(React.Component);
 ComponentCombinator.defaultProps = {
   presetProps: {},

package/internal/ComponentCombinator/ComponentCombinator.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","createPropsGetter","ComponentTable","ComponentCombinator","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","state","page","prevPage","setState","_ref","nextPage","_ref2","_inheritsLoose","_proto","prototype","render","_ref3","_this$props","props","combinations","Component","_this$getProps","presetProps","presetState","pages","row","sizes","map","c","flatCombinations","j","push","offsetX","offsetY","pageOffsets","createElement","id","style","marginBottom","disabled","onClick","key","rows","slice","cols"],"sources":["ComponentCombinator.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { DefaultizeProps } from '../lib/utils';\nimport { createPropsGetter } from '../lib/createPropsGetter';\n\nimport type { StatePropsCombinations, StateType } from './ComponentTable';\nimport { ComponentTable } from './ComponentTable';\n\nexport interface ComponentCombinatorProps<C, P, S> {\n  combinations: Array<StatePropsCombinations<P, S>>;\n  Component: C;\n  presetProps?: DefaultizeProps<C, P>;\n  presetState?: Partial<S>;\n}\n\ntype DefaultProps<T, C, P> = Required<Pick<ComponentCombinatorProps<T, C, P>, 'presetProps' | 'presetState'>>;\n\nexport class ComponentCombinator<\n  T extends React.Component<any, any, any>,\n  C extends React.ComponentType<any>,\n  P extends React.ComponentProps<C>,\n> extends React.Component<\n  ComponentCombinatorProps<C extends React.ComponentClass<P, any> ? React.ClassType<P, T, C> : C, P, StateType<C>>,\n  { page: number }\n> {\n  public static defaultProps: DefaultProps<unknown, unknown, unknown> = {\n    presetProps: {},\n    presetState: {},\n  };\n\n  private getProps = createPropsGetter(ComponentCombinator.defaultProps);\n\n  public state = {\n    page: 0,\n  };\n\n  public render() {\n    const { page } = this.state;\n    const { combinations, Component } = this.props;\n    const { presetProps, presetState } = this.getProps();\n    const pages = [];\n    let row = 0;\n    const sizes = combinations.map((c) => c.length);\n    const flatCombinations = ([] as (typeof combinations)[0]).concat(...combinations);\n\n    for (let j = 0; j < sizes.length - 1; j++) {\n      pages.push({\n        offsetX: row,\n        offsetY: (row += sizes[j]),\n      });\n    }\n\n    const pageOffsets = pages[page];\n    return (\n      <div>\n        <div id=\"paginator\" style={{ marginBottom: 5 }}>\n          <button disabled={page === 0} id=\"prev-page\" onClick={this.prevPage}>\n            Prev\n          </button>{' '}\n          <small>{`${page + 1} / ${pages.length}`}</small>{' '}\n          <button disabled={page + 1 >= pages.length} id=\"next-page\" onClick={this.nextPage}>\n            Next\n          </button>\n        </div>\n        <div>\n          {pageOffsets && (\n            <ComponentTable\n              key={page}\n              Component={Component}\n              presetProps={presetProps as DefaultizeProps<C, P>}\n              presetState={presetState}\n              rows={flatCombinations.slice(pageOffsets.offsetY, flatCombinations.length)}\n              cols={flatCombinations.slice(pageOffsets.offsetX, pageOffsets.offsetY)}\n            />\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  private prevPage = () => {\n    this.setState(({ page }) => ({\n      page: page - 1,\n    }));\n  };\n\n  private nextPage = () => {\n    this.setState(({ page }) => ({\n      page: page + 1,\n    }));\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","createPropsGetter","ComponentTable","ComponentCombinator","_React$Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","getProps","defaultProps","state","page","prevPage","setState","_ref","nextPage","_ref2","_inherits","_createClass","key","value","render","_ref3","_this$props","props","combinations","Component","_this$getProps","presetProps","presetState","pages","row","sizes","map","c","flatCombinations","apply","_toConsumableArray","j","push","offsetX","offsetY","pageOffsets","createElement","id","style","marginBottom","disabled","onClick","rows","slice","cols"],"sources":["ComponentCombinator.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { DefaultizeProps } from '../lib/utils';\nimport { createPropsGetter } from '../lib/createPropsGetter';\n\nimport type { StatePropsCombinations, StateType } from './ComponentTable';\nimport { ComponentTable } from './ComponentTable';\n\nexport interface ComponentCombinatorProps<C, P, S> {\n  combinations: Array<StatePropsCombinations<P, S>>;\n  Component: C;\n  presetProps?: DefaultizeProps<C, P>;\n  presetState?: Partial<S>;\n}\n\ntype DefaultProps<T, C, P> = Required<Pick<ComponentCombinatorProps<T, C, P>, 'presetProps' | 'presetState'>>;\n\nexport class ComponentCombinator<\n  T extends React.Component<any, any, any>,\n  C extends React.ComponentType<any>,\n  P extends React.ComponentProps<C>,\n> extends React.Component<\n  ComponentCombinatorProps<C extends React.ComponentClass<P, any> ? React.ClassType<P, T, C> : C, P, StateType<C>>,\n  { page: number }\n> {\n  public static defaultProps: DefaultProps<unknown, unknown, unknown> = {\n    presetProps: {},\n    presetState: {},\n  };\n\n  private getProps = createPropsGetter(ComponentCombinator.defaultProps);\n\n  public state = {\n    page: 0,\n  };\n\n  public render() {\n    const { page } = this.state;\n    const { combinations, Component } = this.props;\n    const { presetProps, presetState } = this.getProps();\n    const pages = [];\n    let row = 0;\n    const sizes = combinations.map((c) => c.length);\n    const flatCombinations = ([] as (typeof combinations)[0]).concat(...combinations);\n\n    for (let j = 0; j < sizes.length - 1; j++) {\n      pages.push({\n        offsetX: row,\n        offsetY: (row += sizes[j]),\n      });\n    }\n\n    const pageOffsets = pages[page];\n    return (\n      <div>\n        <div id=\"paginator\" style={{ marginBottom: 5 }}>\n          <button disabled={page === 0} id=\"prev-page\" onClick={this.prevPage}>\n            Prev\n          </button>{' '}\n          <small>{`${page + 1} / ${pages.length}`}</small>{' '}\n          <button disabled={page + 1 >= pages.length} id=\"next-page\" onClick={this.nextPage}>\n            Next\n          </button>\n        </div>\n        <div>\n          {pageOffsets && (\n            <ComponentTable\n              key={page}\n              Component={Component}\n              presetProps={presetProps as DefaultizeProps<C, P>}\n              presetState={presetState}\n              rows={flatCombinations.slice(pageOffsets.offsetY, flatCombinations.length)}\n              cols={flatCombinations.slice(pageOffsets.offsetX, pageOffsets.offsetY)}\n            />\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  private prevPage = () => {\n    this.setState(({ page }) => ({\n      page: page - 1,\n    }));\n  };\n\n  private nextPage = () => {\n    this.setState(({ page }) => ({\n      page: page + 1,\n    }));\n  };\n}\n"],"mappings":"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","ignoreList":[]}