@skbkontur/react-ui 0.0.0-d09e1235b2 → 0.0.0-d4e280859d

package/internal/CloseButtonIcon/__creevey__/CloseButtonIcon.creevey/CloseButtonIcon.creevey.js

@@ -0,0 +1,78 @@
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { story, kind, test } from 'creevey';
+var clickThenTAB = function clickThenTAB(clickDataTid) {
+  test(clickDataTid, /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var firstFocus, secondFocus;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.next = 2;
+          return this.browser.actions({
+            bridge: true
+          }).click(this.browser.findElement({
+            css: "[data-tid=\"" + clickDataTid + "\"] input"
+          })).pause(500).perform();
+        case 2:
+          _context.next = 4;
+          return this.takeScreenshot();
+        case 4:
+          firstFocus = _context.sent;
+          _context.next = 7;
+          return this.browser.actions({
+            bridge: true
+          }).sendKeys(this.keys.TAB).pause(500).perform();
+        case 7:
+          _context.next = 9;
+          return this.takeScreenshot();
+        case 9:
+          secondFocus = _context.sent;
+          _context.next = 12;
+          return this.expect({
+            firstFocus: firstFocus,
+            secondFocus: secondFocus
+          }).to.matchImages();
+        case 12:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, this);
+  })));
+};
+kind('CloseButtonIcon', function () {
+  story('Tabbable', function (_ref2) {
+    var setStoryParameters = _ref2.setStoryParameters;
+    setStoryParameters({
+      skip: {
+        'do not pass on teamcity': {
+          "in": ['firefox2022', 'firefox2022Dark']
+        },
+        'only available in theme2022': {
+          "in": /^(?!\b.*2022.*\b)/
+        }
+      }
+    });
+    clickThenTAB('notTabbable');
+    clickThenTAB('tabbable');
+  });
+  story('Side', function (_ref3) {
+    var setStoryParameters = _ref3.setStoryParameters;
+    setStoryParameters({
+      skip: {
+        'only available in theme2022': {
+          "in": /^(?!\b.*2022.*\b)/
+        }
+      }
+    });
+  });
+  story('VerticalAlign', function (_ref4) {
+    var setStoryParameters = _ref4.setStoryParameters;
+    setStoryParameters({
+      skip: {
+        'only available in theme2022': {
+          "in": /^(?!\b.*2022.*\b)/
+        }
+      }
+    });
+  });
+});

package/internal/CloseButtonIcon/__creevey__/CloseButtonIcon.creevey/CloseButtonIcon.creevey.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["story","kind","test","clickThenTAB","clickDataTid","_asyncToGenerator","_regeneratorRuntime","mark","_callee","firstFocus","secondFocus","wrap","_callee$","_context","prev","next","browser","actions","bridge","click","findElement","css","pause","perform","takeScreenshot","sent","sendKeys","keys","TAB","expect","to","matchImages","stop","_ref2","setStoryParameters","skip","_ref3","_ref4"],"sources":["CloseButtonIcon.creevey.ts"],"sourcesContent":["import { story, kind, test } from 'creevey';\n\nconst clickThenTAB = (clickDataTid: string) => {\n  test(clickDataTid, async function () {\n    await this.browser\n      .actions({\n        bridge: true,\n      })\n      .click(this.browser.findElement({ css: `[data-tid=\"${clickDataTid}\"] input` }))\n      .pause(500)\n      .perform();\n    const firstFocus = await this.takeScreenshot();\n    await this.browser\n      .actions({\n        bridge: true,\n      })\n      .sendKeys(this.keys.TAB)\n      .pause(500)\n      .perform();\n    const secondFocus = await this.takeScreenshot();\n\n    await this.expect({ firstFocus, secondFocus }).to.matchImages();\n  });\n};\n\nkind('CloseButtonIcon', () => {\n  story('Tabbable', ({ setStoryParameters }) => {\n    setStoryParameters({\n      skip: {\n        'do not pass on teamcity': { in: ['firefox2022', 'firefox2022Dark'] },\n        'only available in theme2022': { in: /^(?!\\b.*2022.*\\b)/ },\n      },\n    });\n    clickThenTAB('notTabbable');\n    clickThenTAB('tabbable');\n  });\n  story('Side', ({ setStoryParameters }) => {\n    setStoryParameters({\n      skip: { 'only available in theme2022': { in: /^(?!\\b.*2022.*\\b)/ } },\n    });\n  });\n  story('VerticalAlign', ({ setStoryParameters }) => {\n    setStoryParameters({\n      skip: { 'only available in theme2022': { in: /^(?!\\b.*2022.*\\b)/ } },\n    });\n  });\n});\n"],"mappings":"yIAAA,SAASA,KAAK,EAAEC,IAAI,EAAEC,IAAI,QAAQ,SAAS;;AAE3C,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAIC,YAAoB,EAAK;EAC7CF,IAAI,CAACE,YAAY,eAAAC,iBAAA,eAAAC,mBAAA,CAAAC,IAAA,CAAE,SAAAC,QAAA,OAAAC,UAAA,EAAAC,WAAA,QAAAJ,mBAAA,CAAAK,IAAA,UAAAC,SAAAC,QAAA,qBAAAA,QAAA,CAAAC,IAAA,GAAAD,QAAA,CAAAE,IAAA,UAAAF,QAAA,CAAAE,IAAA;YACX,IAAI,CAACC,OAAO;YACfC,OAAO,CAAC;cACPC,MAAM,EAAE;YACV,CAAC,CAAC;YACDC,KAAK,CAAC,IAAI,CAACH,OAAO,CAACI,WAAW,CAAC,EAAEC,GAAG,mBAAgBjB,YAAY,cAAU,CAAC,CAAC,CAAC,CAAC;YAC9EkB,KAAK,CAAC,GAAG,CAAC;YACVC,OAAO,CAAC,CAAC,SAAAV,QAAA,CAAAE,IAAA;YACa,IAAI,CAACS,cAAc,CAAC,CAAC,SAAxCf,UAAU,GAAAI,QAAA,CAAAY,IAAA,CAAAZ,QAAA,CAAAE,IAAA;YACV,IAAI,CAACC,OAAO;YACfC,OAAO,CAAC;cACPC,MAAM,EAAE;YACV,CAAC,CAAC;YACDQ,QAAQ,CAAC,IAAI,CAACC,IAAI,CAACC,GAAG,CAAC;YACvBN,KAAK,CAAC,GAAG,CAAC;YACVC,OAAO,CAAC,CAAC,SAAAV,QAAA,CAAAE,IAAA;YACc,IAAI,CAACS,cAAc,CAAC,CAAC,SAAzCd,WAAW,GAAAG,QAAA,CAAAY,IAAA,CAAAZ,QAAA,CAAAE,IAAA;;YAEX,IAAI,CAACc,MAAM,CAAC,EAAEpB,UAAU,EAAVA,UAAU,EAAEC,WAAW,EAAXA,WAAW,CAAC,CAAC,CAAC,CAACoB,EAAE,CAACC,WAAW,CAAC,CAAC,4BAAAlB,QAAA,CAAAmB,IAAA,OAAAxB,OAAA,SAChE;EAAA,CAAC;AACJ,CAAC;;AAEDP,IAAI,CAAC,iBAAiB,EAAE,YAAM;EAC5BD,KAAK,CAAC,UAAU,EAAE,UAAAiC,KAAA,EAA4B,KAAzBC,kBAAkB,GAAAD,KAAA,CAAlBC,kBAAkB;IACrCA,kBAAkB,CAAC;MACjBC,IAAI,EAAE;QACJ,yBAAyB,EAAE,EAAE,MAAI,CAAC,aAAa,EAAE,iBAAiB,CAAC,CAAC,CAAC;QACrE,6BAA6B,EAAE,EAAE,MAAI,mBAAmB,CAAC;MAC3D;IACF,CAAC,CAAC;IACFhC,YAAY,CAAC,aAAa,CAAC;IAC3BA,YAAY,CAAC,UAAU,CAAC;EAC1B,CAAC,CAAC;EACFH,KAAK,CAAC,MAAM,EAAE,UAAAoC,KAAA,EAA4B,KAAzBF,kBAAkB,GAAAE,KAAA,CAAlBF,kBAAkB;IACjCA,kBAAkB,CAAC;MACjBC,IAAI,EAAE,EAAE,6BAA6B,EAAE,EAAE,MAAI,mBAAmB,CAAC,CAAC,CAAC;IACrE,CAAC,CAAC;EACJ,CAAC,CAAC;EACFnC,KAAK,CAAC,eAAe,EAAE,UAAAqC,KAAA,EAA4B,KAAzBH,kBAAkB,GAAAG,KAAA,CAAlBH,kBAAkB;IAC1CA,kBAAkB,CAAC;MACjBC,IAAI,EAAE,EAAE,6BAA6B,EAAE,EAAE,MAAI,mBAAmB,CAAC,CAAC,CAAC;IACrE,CAAC,CAAC;EACJ,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

package/internal/CloseButtonIcon/__creevey__/CloseButtonIcon.creevey/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../cjs/internal/CloseButtonIcon/__creevey__/CloseButtonIcon.creevey.js",
+  "module": "CloseButtonIcon.creevey",
+  "types": "../CloseButtonIcon.creevey.d.ts",
+  "sideEffects": false
+}

package/internal/CloseButtonIcon/__creevey__/CloseButtonIcon.creevey.d.ts

@@ -0,0 +1 @@
+export {};

package/internal/CommonWrapper/CommonWrapper/CommonWrapper.js

@@ -0,0 +1,69 @@
+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";
+var _excluded = ["className", "style", "children", "rootNodeRef"];
+var _class, _CommonWrapper;
+import React from 'react';
+import { isFunction, isRefableElement } from "../../../lib/utils";
+import { cx } from "../../../lib/theming/Emotion";
+import { getRootNode, isInstanceWithRootNode, rootNode } from "../../../lib/rootNode";
+import { callChildRef } from "../../../lib/callChildRef/callChildRef";
+import { extractCommonProps } from "../utils/extractCommonProps";
+import { getCommonVisualStateDataAttributes } from "../utils/getCommonVisualStateDataAttributes";
+export var CommonWrapper = rootNode(_class = (_CommonWrapper = /*#__PURE__*/function (_React$Component) {
+  function CommonWrapper() {
+    var _this;
+    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.rootNodeSubscription = null;
+    _this.ref = function (instance) {
+      var _this$rootNodeSubscri, _this$child;
+      _this.setRootNode(instance);
+      _this.props.rootNodeRef == null || _this.props.rootNodeRef(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.rootNodeSubscription = null;
+      if (instance && isInstanceWithRootNode(instance)) {
+        _this.rootNodeSubscription = instance.addRootNodeChangeListener == null ? void 0 : instance.addRootNodeChangeListener(function (node) {
+          _this.setRootNode(node);
+          _this.props.rootNodeRef == null || _this.props.rootNodeRef(node);
+        });
+      }
+      var originalRef = (_this$child = _this.child) == null ? 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;
+}(React.Component), _CommonWrapper.__KONTUR_REACT_UI__ = 'CommonWrapper', _CommonWrapper.displayName = 'CommonWrapper', _CommonWrapper)) || _class;

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

@@ -0,0 +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 { Nullable } from '../../typings/utility-types';\nimport { getRootNode, isInstanceWithRootNode, rootNode, TRootNodeSubscription, TSetRootNode } 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  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/CommonWrapper/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/internal/CommonWrapper/CommonWrapper.js",
+  "module": "CommonWrapper",
+  "types": "../CommonWrapper.d.ts",
+  "sideEffects": false
+}

package/internal/CommonWrapper/CommonWrapper.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { CommonProps, CommonPropsRootNodeRef, CommonWrapperProps } from './types';
+export type CommonPropsWithRootNodeRef = CommonProps & CommonPropsRootNodeRef;
+export declare class CommonWrapper<P extends CommonPropsWithRootNodeRef> extends React.Component<CommonWrapperProps<P> & CommonPropsRootNodeRef> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    private child;
+    private setRootNode;
+    private rootNodeSubscription;
+    render(): React.ReactNode;
+    private ref;
+}

package/internal/CommonWrapper/index/index.js

@@ -0,0 +1,2 @@
+export * from "../CommonWrapper";
+export {};

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from './CommonWrapper';\nexport type { CommonWrapperRestProps } from './types';\nexport type { CommonProps } from './types';\n"],"mappings":"AAAA,cAAc,iBAAiB,CAAC","ignoreList":[]}

package/internal/CommonWrapper/index/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/internal/CommonWrapper/index.js",
+  "module": "index",
+  "types": "../index.d.ts",
+  "sideEffects": false
+}

package/internal/CommonWrapper/index.d.ts

@@ -0,0 +1,3 @@
+export * from './CommonWrapper';
+export type { CommonWrapperRestProps } from './types';
+export type { CommonProps } from './types';

package/internal/CommonWrapper/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../cjs/internal/CommonWrapper/index.js",
+  "module": "index",
+  "types": "index.d.ts",
+  "sideEffects": false
+}

package/internal/CommonWrapper/types/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/internal/CommonWrapper/types.js",
+  "module": "types",
+  "types": "../types.d.ts",
+  "sideEffects": false
+}

package/internal/CommonWrapper/types/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import React from 'react';\n\nimport type { Nullable } from '../../typings/utility-types';\n\nexport interface CommonProps {\n  /**\n   * HTML-атрибут `class`.\n   */\n  className?: React.HTMLAttributes<HTMLElement>['className'];\n  /**\n   * HTML-атрибут `style`.\n   */\n  style?: React.HTMLAttributes<HTMLElement>['style'];\n  /**\n   * На равне с data-tid транслируются любые data-атрибуты. Они попадают на корневой элемент.\n   */\n  'data-tid'?: string;\n  children?: React.ReactNode;\n}\n\nexport interface CommonPropsRootNodeRef {\n  rootNodeRef?: (instance: Nullable<Element>) => void;\n}\n\nexport type NotCommonProps<P> = Omit<P, keyof CommonProps>;\nexport type CommonWrapperProps<P> = P & {\n  children: React.ReactNode | ((rest: CommonWrapperRestProps<P>) => React.ReactNode);\n};\nexport type CommonWrapperRestProps<P> = Omit<NotCommonProps<P>, 'children'>;\n"],"mappings":"","ignoreList":[]}

package/internal/CommonWrapper/types.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { Nullable } from '../../typings/utility-types';
+export interface CommonProps {
+    /**
+     * HTML-атрибут `class`.
+     */
+    className?: React.HTMLAttributes<HTMLElement>['className'];
+    /**
+     * HTML-атрибут `style`.
+     */
+    style?: React.HTMLAttributes<HTMLElement>['style'];
+    /**
+     * На равне с data-tid транслируются любые data-атрибуты. Они попадают на корневой элемент.
+     */
+    'data-tid'?: string;
+    children?: React.ReactNode;
+}
+export interface CommonPropsRootNodeRef {
+    rootNodeRef?: (instance: Nullable<Element>) => void;
+}
+export type NotCommonProps<P> = Omit<P, keyof CommonProps>;
+export type CommonWrapperProps<P> = P & {
+    children: React.ReactNode | ((rest: CommonWrapperRestProps<P>) => React.ReactNode);
+};
+export type CommonWrapperRestProps<P> = Omit<NotCommonProps<P>, 'children'>;

package/internal/CommonWrapper/utils/extractCommonProps/extractCommonProps.js

@@ -0,0 +1,27 @@
+export var extractCommonProps = function extractCommonProps(props) {
+  var common = {};
+  var rest = {};
+  for (var prop in props) {
+    if (isCommonProp(prop)) {
+      // @ts-expect-error: See: https://github.com/skbkontur/retail-ui/pull/2257#discussion_r565275843 and https://github.com/skbkontur/retail-ui/pull/2257#discussion_r569542736.
+      common[prop] = props[prop];
+    } else {
+      // @ts-expect-error: Read the comment above.
+      rest[prop] = props[prop];
+    }
+  }
+  return [common, rest];
+};
+var isCommonProp = function isCommonProp(prop) {
+  switch (true) {
+    case prop === 'className':
+    case prop === 'style':
+    case prop === 'rootNodeRef':
+    case prop === 'children':
+    case prop.indexOf('data-') === 0:
+      // все data-атрибуты
+      return true;
+    default:
+      return false;
+  }
+};

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

@@ -0,0 +1 @@
+{"version":3,"names":["extractCommonProps","props","common","rest","prop","isCommonProp","indexOf"],"sources":["extractCommonProps.ts"],"sourcesContent":["import type { NotCommonProps } from '../types';\nimport type { CommonPropsWithRootNodeRef } from '../CommonWrapper';\n\nexport const extractCommonProps = <P extends CommonPropsWithRootNodeRef>(\n  props: P,\n): [CommonPropsWithRootNodeRef, NotCommonProps<P>] => {\n  const common = {} as CommonPropsWithRootNodeRef;\n  const rest = {} as NotCommonProps<P>;\n\n  for (const prop in props) {\n    if (isCommonProp(prop as keyof CommonPropsWithRootNodeRef)) {\n      // @ts-expect-error: See: https://github.com/skbkontur/retail-ui/pull/2257#discussion_r565275843 and https://github.com/skbkontur/retail-ui/pull/2257#discussion_r569542736.\n      common[prop] = props[prop];\n    } else {\n      // @ts-expect-error: Read the comment above.\n      rest[prop] = props[prop];\n    }\n  }\n\n  return [common, rest];\n};\n\nconst isCommonProp = (prop: keyof CommonPropsWithRootNodeRef) => {\n  switch (true) {\n    case prop === 'className':\n    case prop === 'style':\n    case prop === 'rootNodeRef':\n    case prop === 'children':\n    case prop.indexOf('data-') === 0: // все data-атрибуты\n      return true;\n    default:\n      return false;\n  }\n};\n"],"mappings":";;;AAGA,OAAO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkBA;AAC7BC,KAAQ;AAC4C;EACpD,IAAMC,MAAM,GAAG,CAAC,CAA+B;EAC/C,IAAMC,IAAI,GAAG,CAAC,CAAsB;;EAEpC,KAAK,IAAMC,IAAI,IAAIH,KAAK,EAAE;IACxB,IAAII,YAAY,CAACD,IAAwC,CAAC,EAAE;MAC1D;MACAF,MAAM,CAACE,IAAI,CAAC,GAAGH,KAAK,CAACG,IAAI,CAAC;IAC5B,CAAC,MAAM;MACL;MACAD,IAAI,CAACC,IAAI,CAAC,GAAGH,KAAK,CAACG,IAAI,CAAC;IAC1B;EACF;;EAEA,OAAO,CAACF,MAAM,EAAEC,IAAI,CAAC;AACvB,CAAC;;AAED,IAAME,YAAY,GAAG,SAAfA,YAAYA,CAAID,IAAsC,EAAK;EAC/D,QAAQ,IAAI;IACV,KAAKA,IAAI,KAAK,WAAW;IACzB,KAAKA,IAAI,KAAK,OAAO;IACrB,KAAKA,IAAI,KAAK,aAAa;IAC3B,KAAKA,IAAI,KAAK,UAAU;IACxB,KAAKA,IAAI,CAACE,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;MAChC,OAAO,IAAI;IACb;MACE,OAAO,KAAK;EAChB;AACF,CAAC","ignoreList":[]}

package/internal/CommonWrapper/utils/extractCommonProps/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../cjs/internal/CommonWrapper/utils/extractCommonProps.js",
+  "module": "extractCommonProps",
+  "types": "../extractCommonProps.d.ts",
+  "sideEffects": false
+}

package/internal/CommonWrapper/utils/extractCommonProps.d.ts

@@ -0,0 +1,3 @@
+import type { NotCommonProps } from '../types';
+import type { CommonPropsWithRootNodeRef } from '../CommonWrapper';
+export declare const extractCommonProps: <P extends CommonPropsWithRootNodeRef>(props: P) => [CommonPropsWithRootNodeRef, NotCommonProps<P>];

package/internal/CommonWrapper/utils/getCommonVisualStateDataAttributes/getCommonVisualStateDataAttributes.js

@@ -0,0 +1,8 @@
+import { getVisualStateDataAttributes } from "../getVisualStateDataAttributes";
+import { tryGetBoolean } from "../tryGetBoolean";
+export function getCommonVisualStateDataAttributes(componentProps) {
+  return getVisualStateDataAttributes({
+    error: tryGetBoolean(componentProps['error']),
+    warning: tryGetBoolean(componentProps['warning'])
+  });
+}

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

@@ -0,0 +1 @@
+{"version":3,"names":["getVisualStateDataAttributes","tryGetBoolean","getCommonVisualStateDataAttributes","componentProps","error","warning"],"sources":["getCommonVisualStateDataAttributes.ts"],"sourcesContent":["import { getVisualStateDataAttributes, VisualStateDataAttributesResultType } from './getVisualStateDataAttributes';\nimport { tryGetBoolean } from './tryGetBoolean';\n\nexport function getCommonVisualStateDataAttributes(\n  componentProps: Record<string, unknown>,\n): VisualStateDataAttributesResultType {\n  return getVisualStateDataAttributes({\n    error: tryGetBoolean(componentProps['error']),\n    warning: tryGetBoolean(componentProps['warning']),\n  });\n}\n"],"mappings":"AAAA,SAASA,4BAA4B,QAA6C,gCAAgC;AAClH,SAASC,aAAa,QAAQ,iBAAiB;;AAE/C,OAAO,SAASC,kCAAkCA;AAChDC,cAAuC;AACF;EACrC,OAAOH,4BAA4B,CAAC;IAClCI,KAAK,EAAEH,aAAa,CAACE,cAAc,CAAC,OAAO,CAAC,CAAC;IAC7CE,OAAO,EAAEJ,aAAa,CAACE,cAAc,CAAC,SAAS,CAAC;EAClD,CAAC,CAAC;AACJ","ignoreList":[]}

package/internal/CommonWrapper/utils/getCommonVisualStateDataAttributes/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../cjs/internal/CommonWrapper/utils/getCommonVisualStateDataAttributes.js",
+  "module": "getCommonVisualStateDataAttributes",
+  "types": "../getCommonVisualStateDataAttributes.d.ts",
+  "sideEffects": false
+}

package/internal/CommonWrapper/utils/getCommonVisualStateDataAttributes.d.ts

@@ -0,0 +1,2 @@
+import { VisualStateDataAttributesResultType } from './getVisualStateDataAttributes';
+export declare function getCommonVisualStateDataAttributes(componentProps: Record<string, unknown>): VisualStateDataAttributesResultType;

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

@@ -0,0 +1,13 @@
+import { toKebabCase } from "../../../../lib/toKebabCase";
+var prefix = "data-visual-state-";
+function fillResult(result, key, value) {
+  if (value) {
+    result["" + prefix + toKebabCase(key)] = '';
+  }
+  return result;
+}
+export function getVisualStateDataAttributes(attributes) {
+  return Object.entries(attributes).reduce(function (previousValue, currentValue) {
+    return fillResult(previousValue, currentValue[0], currentValue[1]);
+  }, {});
+}

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

@@ -0,0 +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 { 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":[]}

package/internal/CommonWrapper/utils/getVisualStateDataAttributes/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../cjs/internal/CommonWrapper/utils/getVisualStateDataAttributes.js",
+  "module": "getVisualStateDataAttributes",
+  "types": "../getVisualStateDataAttributes.d.ts",
+  "sideEffects": false
+}

package/internal/CommonWrapper/utils/getVisualStateDataAttributes.d.ts

@@ -0,0 +1,3 @@
+import { Nullable } from '../../../typings/utility-types';
+export type VisualStateDataAttributesResultType = Record<string, string>;
+export declare function getVisualStateDataAttributes<T extends Record<string, Nullable<boolean>>>(attributes: T): VisualStateDataAttributesResultType;

package/internal/CommonWrapper/utils/tryGetBoolean/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../cjs/internal/CommonWrapper/utils/tryGetBoolean.js",
+  "module": "tryGetBoolean",
+  "types": "../tryGetBoolean.d.ts",
+  "sideEffects": false
+}

package/internal/CommonWrapper/utils/tryGetBoolean/tryGetBoolean.js

@@ -0,0 +1,3 @@
+export var tryGetBoolean = function tryGetBoolean(value) {
+  return typeof value === 'boolean' ? value : undefined;
+};

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

@@ -0,0 +1 @@
+{"version":3,"names":["tryGetBoolean","value","undefined"],"sources":["tryGetBoolean.ts"],"sourcesContent":["export const tryGetBoolean = (value: unknown): boolean | undefined => (typeof value === 'boolean' ? value : undefined);\n"],"mappings":"AAAA,OAAO,IAAMA,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,KAAc,UAA2B,OAAOA,KAAK,KAAK,SAAS,GAAGA,KAAK,GAAGC,SAAS,EAAC","ignoreList":[]}

package/internal/CommonWrapper/utils/tryGetBoolean.d.ts

@@ -0,0 +1 @@
+export declare const tryGetBoolean: (value: unknown) => boolean | undefined;

package/internal/ComponentCombinator/ComponentCombinator.js

@@ -0,0 +1,85 @@
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import React from 'react';
+import { createPropsGetter } from "../../lib/createPropsGetter";
+import { ComponentTable } from "../ComponentTable";
+export var ComponentCombinator = /*#__PURE__*/function (_React$Component) {
+  function ComponentCombinator() {
+    var _this;
+    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.getProps = createPropsGetter(ComponentCombinator.defaultProps);
+    _this.state = {
+      page: 0
+    };
+    _this.prevPage = function () {
+      _this.setState(function (_ref) {
+        var page = _ref.page;
+        return {
+          page: page - 1
+        };
+      });
+    };
+    _this.nextPage = function () {
+      _this.setState(function (_ref2) {
+        var page = _ref2.page;
+        return {
+          page: page + 1
+        };
+      });
+    };
+    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]
+      });
+    }
+    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, 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;
+}(React.Component);
+ComponentCombinator.defaultProps = {
+  presetProps: {},
+  presetState: {}
+};

package/internal/ComponentCombinator/ComponentCombinator.js.map

@@ -0,0 +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 { DefaultizeProps } from '../lib/utils';\nimport { createPropsGetter } from '../lib/createPropsGetter';\n\nimport { ComponentTable, StatePropsCombinations, StateType } 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":[]}

package/internal/ComponentCombinator/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../cjs/internal/ComponentCombinator.js",
+  "module": "ComponentCombinator",
+  "types": "../ComponentCombinator.d.ts",
+  "sideEffects": false
+}

package/internal/ComponentCombinator.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { DefaultizeProps } from '../lib/utils';
+import { StatePropsCombinations, StateType } from './ComponentTable';
+export interface ComponentCombinatorProps<C, P, S> {
+    combinations: Array<StatePropsCombinations<P, S>>;
+    Component: C;
+    presetProps?: DefaultizeProps<C, P>;
+    presetState?: Partial<S>;
+}
+type DefaultProps<T, C, P> = Required<Pick<ComponentCombinatorProps<T, C, P>, 'presetProps' | 'presetState'>>;
+export declare class ComponentCombinator<T extends React.Component<any, any, any>, C extends React.ComponentType<any>, P extends React.ComponentProps<C>> extends React.Component<ComponentCombinatorProps<C extends React.ComponentClass<P, any> ? React.ClassType<P, T, C> : C, P, StateType<C>>, {
+    page: number;
+}> {
+    static defaultProps: DefaultProps<unknown, unknown, unknown>;
+    private getProps;
+    state: {
+        page: number;
+    };
+    render(): React.JSX.Element;
+    private prevPage;
+    private nextPage;
+}
+export {};