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

package/internal/ClearCrossIcon/ClearCrossIcon/ClearCrossIcon.js

@@ -0,0 +1,63 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["size", "style"];
+import React from 'react';
+import { globalObject } from '@skbkontur/global-object';
+import { cx } from "../../../lib/theming/Emotion";
+import { keyListener } from "../../../lib/events/keyListener";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { CommonWrapper } from "../../CommonWrapper";
+import { styles } from "../ClearCrossIcon.styles";
+import { CrossIcon } from "../CrossIcon";
+export var ClearCrossIcon = function ClearCrossIcon(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'small' : _ref$size,
+    style = _ref.style,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var theme = React.useContext(ThemeContext);
+  var getSizeClassName = function getSizeClassName(size) {
+    switch (size) {
+      case 'large':
+        return styles.clearCrossLarge(theme);
+      case 'medium':
+        return styles.clearCrossMedium(theme);
+      case 'small':
+      default:
+        return styles.clearCrossSmall(theme);
+    }
+  };
+  var _React$useState = React.useState(false),
+    focusedByTab = _React$useState[0],
+    setFocusedByTab = _React$useState[1];
+  var handleFocus = function handleFocus() {
+    // focus event fires before keyDown eventlistener so we should check tabPressed in async way
+    globalObject.requestAnimationFrame == null || globalObject.requestAnimationFrame(function () {
+      if (keyListener.isTabPressed) {
+        setFocusedByTab(true);
+      }
+    });
+  };
+  var handleBlur = function handleBlur() {
+    return setFocusedByTab(false);
+  };
+  return /*#__PURE__*/(
+    React.createElement(CommonWrapper, rest, /*#__PURE__*/
+    React.createElement("button", _extends({
+      type: "button",
+      tabIndex: -1,
+      className: cx(styles.root(theme),
+      // Todo: use &:focus-visible on root instead styles.focus. It supported on Chrome >= 86, Firefox >= 4, Safari >= 15.4
+      focusedByTab && styles.focus(theme), getSizeClassName(size)),
+      style: style,
+      onFocus: handleFocus,
+      onBlur: handleBlur
+    }, rest), /*#__PURE__*/
+
+    React.createElement(CrossIcon, {
+      size: size,
+      focusable: true
+    })))
+  );
+};
+ClearCrossIcon.__KONTUR_REACT_UI__ = 'ClearCrossIcon';
+ClearCrossIcon.displayName = 'ClearCrossIcon';

package/internal/ClearCrossIcon/ClearCrossIcon/ClearCrossIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","globalObject","cx","keyListener","ThemeContext","CommonWrapper","styles","CrossIcon","ClearCrossIcon","_ref","_ref$size","size","style","rest","_objectWithoutPropertiesLoose","_excluded","theme","useContext","getSizeClassName","clearCrossLarge","clearCrossMedium","clearCrossSmall","_React$useState","useState","focusedByTab","setFocusedByTab","handleFocus","requestAnimationFrame","isTabPressed","handleBlur","createElement","_extends","type","tabIndex","className","root","focus","onFocus","onBlur","focusable","__KONTUR_REACT_UI__","displayName"],"sources":["ClearCrossIcon.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps } from '../CommonWrapper';\nimport { CommonWrapper } from '../CommonWrapper';\nimport type { SizeProp } from '../../lib/types/props';\nimport type { TokenSize } from '../../components/Token';\n\nimport { styles } from './ClearCrossIcon.styles';\nimport { CrossIcon } from './CrossIcon';\n\nexport interface ClearCrossIconProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    CommonProps {\n  /** Ширина и высота иконки крестика\n   * @default small */\n  size?: SizeProp;\n}\n\nexport const ClearCrossIcon: React.FunctionComponent<ClearCrossIconProps> = ({ size = 'small', style, ...rest }) => {\n  const theme = React.useContext(ThemeContext);\n  const getSizeClassName = (size: TokenSize) => {\n    switch (size) {\n      case 'large':\n        return styles.clearCrossLarge(theme);\n      case 'medium':\n        return styles.clearCrossMedium(theme);\n      case 'small':\n      default:\n        return styles.clearCrossSmall(theme);\n    }\n  };\n\n  const [focusedByTab, setFocusedByTab] = React.useState<boolean>(false);\n\n  const handleFocus = () => {\n    // focus event fires before keyDown eventlistener so we should check tabPressed in async way\n    globalObject.requestAnimationFrame?.(() => {\n      if (keyListener.isTabPressed) {\n        setFocusedByTab(true);\n      }\n    });\n  };\n  const handleBlur = () => setFocusedByTab(false);\n\n  return (\n    <CommonWrapper {...rest}>\n      <button\n        type=\"button\"\n        tabIndex={-1}\n        className={cx(\n          styles.root(theme),\n          // Todo: use &:focus-visible on root instead styles.focus. It supported on Chrome >= 86, Firefox >= 4, Safari >= 15.4\n          focusedByTab && styles.focus(theme),\n          getSizeClassName(size),\n        )}\n        style={style}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        {...rest}\n      >\n        <CrossIcon size={size} focusable />\n      </button>\n    </CommonWrapper>\n  );\n};\n\nClearCrossIcon.__KONTUR_REACT_UI__ = 'ClearCrossIcon';\nClearCrossIcon.displayName = 'ClearCrossIcon';\n"],"mappings":";AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,QAAQ,0BAA0B;;AAEvD,SAASC,EAAE,QAAQ,2BAA2B;AAC9C,SAASC,WAAW,QAAQ,8BAA8B;AAC1D,SAASC,YAAY,QAAQ,gCAAgC;;AAE7D,SAASC,aAAa,QAAQ,kBAAkB;;;;AAIhD,SAASC,MAAM,QAAQ,yBAAyB;AAChD,SAASC,SAAS,QAAQ,aAAa;;;;;;;;;;;AAWvC,OAAO,IAAMC,cAA4D,GAAG,SAA/DA,cAA4DA,CAAAC,IAAA,EAA2C,KAAAC,SAAA,GAAAD,IAAA,CAArCE,IAAI,CAAJA,IAAI,GAAAD,SAAA,cAAG,OAAO,GAAAA,SAAA,CAAEE,KAAK,GAAAH,IAAA,CAALG,KAAK,CAAKC,IAAI,GAAAC,6BAAA,CAAAL,IAAA,EAAAM,SAAA;EAC3G,IAAMC,KAAK,GAAGhB,KAAK,CAACiB,UAAU,CAACb,YAAY,CAAC;EAC5C,IAAMc,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIP,IAAe,EAAK;IAC5C,QAAQA,IAAI;MACV,KAAK,OAAO;QACV,OAAOL,MAAM,CAACa,eAAe,CAACH,KAAK,CAAC;MACtC,KAAK,QAAQ;QACX,OAAOV,MAAM,CAACc,gBAAgB,CAACJ,KAAK,CAAC;MACvC,KAAK,OAAO;MACZ;QACE,OAAOV,MAAM,CAACe,eAAe,CAACL,KAAK,CAAC;IACxC;EACF,CAAC;;EAED,IAAAM,eAAA,GAAwCtB,KAAK,CAACuB,QAAQ,CAAU,KAAK,CAAC,CAA/DC,YAAY,GAAAF,eAAA,IAAEG,eAAe,GAAAH,eAAA;;EAEpC,IAAMI,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;IACxB;IACAzB,YAAY,CAAC0B,qBAAqB,YAAlC1B,YAAY,CAAC0B,qBAAqB,CAAG,YAAM;MACzC,IAAIxB,WAAW,CAACyB,YAAY,EAAE;QAC5BH,eAAe,CAAC,IAAI,CAAC;MACvB;IACF,CAAC,CAAC;EACJ,CAAC;EACD,IAAMI,UAAU,GAAG,SAAbA,UAAUA,CAAA,UAASJ,eAAe,CAAC,KAAK,CAAC;;EAE/C;IACEzB,KAAA,CAAA8B,aAAA,CAACzB,aAAa,EAAKQ,IAAI;IACrBb,KAAA,CAAA8B,aAAA,WAAAC,QAAA;MACEC,IAAI,EAAC,QAAQ;MACbC,QAAQ,EAAE,CAAC,CAAE;MACbC,SAAS,EAAEhC,EAAE;QACXI,MAAM,CAAC6B,IAAI,CAACnB,KAAK,CAAC;QAClB;QACAQ,YAAY,IAAIlB,MAAM,CAAC8B,KAAK,CAACpB,KAAK,CAAC;QACnCE,gBAAgB,CAACP,IAAI;MACvB,CAAE;MACFC,KAAK,EAAEA,KAAM;MACbyB,OAAO,EAAEX,WAAY;MACrBY,MAAM,EAAET,UAAW;IACfhB,IAAI;;IAERb,KAAA,CAAA8B,aAAA,CAACvB,SAAS,IAACI,IAAI,EAAEA,IAAK,EAAC4B,SAAS,QAAE;IAC5B;IACK,CAAC;;AAEpB,CAAC;;AAED/B,cAAc,CAACgC,mBAAmB,GAAG,gBAAgB;AACrDhC,cAAc,CAACiC,WAAW,GAAG,gBAAgB","ignoreList":[]}

package/internal/ClearCrossIcon/ClearCrossIcon/package.json

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

package/internal/ClearCrossIcon/ClearCrossIcon.d.ts

@@ -0,0 +1,10 @@
+import type { AriaAttributes } from 'react';
+import React from 'react';
+import type { CommonProps } from '../CommonWrapper';
+import type { SizeProp } from '../../lib/types/props';
+export interface ClearCrossIconProps extends Pick<AriaAttributes, 'aria-label'>, React.ButtonHTMLAttributes<HTMLButtonElement>, CommonProps {
+    /** Ширина и высота иконки крестика
+     * @default small */
+    size?: SizeProp;
+}
+export declare const ClearCrossIcon: React.FunctionComponent<ClearCrossIconProps>;

package/internal/ClearCrossIcon/ClearCrossIcon.styles/ClearCrossIcon.styles.js

@@ -0,0 +1,21 @@
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+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      color: ", ";\n      cursor: pointer;\n      transition: color ", " ", ";\n      &:hover {\n        color: ", ";\n      }\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    "])), resetButton(), t.clearCrossIconColor, t.transitionDuration, t.transitionTimingFunction, t.clearCrossIconHoverColor);
+  },
+  focus: function focus(t) {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.clearCrossIconHoverColor);
+  },
+  clearCrossSmall: function clearCrossSmall(t) {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      height: ", ";\n      margin-right: ", ";\n      border-radius: ", ";\n    "])), t.clearCrossIconWidthSmall, t.clearCrossIconHeightSmall, t.clearCrossIconRightMarginSmall, t.clearCrossIconBorderRadiusSmall);
+  },
+  clearCrossMedium: function clearCrossMedium(t) {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      height: ", ";\n      margin-right: ", ";\n      border-radius: ", ";\n    "])), t.clearCrossIconWidthMedium, t.clearCrossIconHeightMedium, t.clearCrossIconRightMarginMedium, t.clearCrossIconBorderRadiusMedium);
+  },
+  clearCrossLarge: function clearCrossLarge(t) {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      height: ", ";\n      margin-right: ", ";\n      border-radius: ", ";\n    "])), t.clearCrossIconWidthLarge, t.clearCrossIconHeightLarge, t.clearCrossIconRightMarginLarge, t.clearCrossIconBorderRadiusLarge);
+  }
+});

package/internal/ClearCrossIcon/ClearCrossIcon.styles/ClearCrossIcon.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["css","memoizeStyle","resetButton","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","clearCrossIconColor","transitionDuration","transitionTimingFunction","clearCrossIconHoverColor","focus","_templateObject2","clearCrossSmall","_templateObject3","clearCrossIconWidthSmall","clearCrossIconHeightSmall","clearCrossIconRightMarginSmall","clearCrossIconBorderRadiusSmall","clearCrossMedium","_templateObject4","clearCrossIconWidthMedium","clearCrossIconHeightMedium","clearCrossIconRightMarginMedium","clearCrossIconBorderRadiusMedium","clearCrossLarge","_templateObject5","clearCrossIconWidthLarge","clearCrossIconHeightLarge","clearCrossIconRightMarginLarge","clearCrossIconBorderRadiusLarge"],"sources":["ClearCrossIcon.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      color: ${t.clearCrossIconColor};\n      cursor: pointer;\n      transition: color ${t.transitionDuration} ${t.transitionTimingFunction};\n      &:hover {\n        color: ${t.clearCrossIconHoverColor};\n      }\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      color: ${t.clearCrossIconHoverColor};\n    `;\n  },\n\n  clearCrossSmall(t: Theme) {\n    return css`\n      width: ${t.clearCrossIconWidthSmall};\n      height: ${t.clearCrossIconHeightSmall};\n      margin-right: ${t.clearCrossIconRightMarginSmall};\n      border-radius: ${t.clearCrossIconBorderRadiusSmall};\n    `;\n  },\n  clearCrossMedium(t: Theme) {\n    return css`\n      width: ${t.clearCrossIconWidthMedium};\n      height: ${t.clearCrossIconHeightMedium};\n      margin-right: ${t.clearCrossIconRightMarginMedium};\n      border-radius: ${t.clearCrossIconBorderRadiusMedium};\n    `;\n  },\n  clearCrossLarge(t: Theme) {\n    return css`\n      width: ${t.clearCrossIconWidthLarge};\n      height: ${t.clearCrossIconHeightLarge};\n      margin-right: ${t.clearCrossIconRightMarginLarge};\n      border-radius: ${t.clearCrossIconBorderRadiusLarge};\n    `;\n  },\n});\n"],"mappings":"4LAAA,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;IACNG,CAAC,CAACG,mBAAmB;;IAEVH,CAAC,CAACI,kBAAkB,EAAIJ,CAAC,CAACK,wBAAwB;;IAE3DL,CAAC,CAACM,wBAAwB;;;;;;EAMzC,CAAC;;EAEDC,KAAK,WAAAA,MAACP,CAAQ,EAAE;IACd,OAAOL,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;IACCF,CAAC,CAACM,wBAAwB;;EAEvC,CAAC;;EAEDG,eAAe,WAAAA,gBAACT,CAAQ,EAAE;IACxB,OAAOL,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;IACCF,CAAC,CAACW,wBAAwB;IACzBX,CAAC,CAACY,yBAAyB;IACrBZ,CAAC,CAACa,8BAA8B;IAC/Bb,CAAC,CAACc,+BAA+B;;EAEtD,CAAC;EACDC,gBAAgB,WAAAA,iBAACf,CAAQ,EAAE;IACzB,OAAOL,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAd,2BAAA;IACCF,CAAC,CAACiB,yBAAyB;IAC1BjB,CAAC,CAACkB,0BAA0B;IACtBlB,CAAC,CAACmB,+BAA+B;IAChCnB,CAAC,CAACoB,gCAAgC;;EAEvD,CAAC;EACDC,eAAe,WAAAA,gBAACrB,CAAQ,EAAE;IACxB,OAAOL,GAAG,CAAA2B,gBAAA,KAAAA,gBAAA,GAAApB,2BAAA;IACCF,CAAC,CAACuB,wBAAwB;IACzBvB,CAAC,CAACwB,yBAAyB;IACrBxB,CAAC,CAACyB,8BAA8B;IAC/BzB,CAAC,CAAC0B,+BAA+B;;EAEtD;AACF,CAAC,CAAC","ignoreList":[]}

package/internal/ClearCrossIcon/ClearCrossIcon.styles/package.json

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

package/internal/ClearCrossIcon/ClearCrossIcon.styles.d.ts

@@ -0,0 +1,8 @@
+import type { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(t: Theme): string;
+    focus(t: Theme): string;
+    clearCrossSmall(t: Theme): string;
+    clearCrossMedium(t: Theme): string;
+    clearCrossLarge(t: Theme): string;
+};

package/internal/ClearCrossIcon/CrossIcon/CrossIcon.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { iconSizer } from "../../icons2022/iconSizer";
+import { XIcon16Light } from "../../icons2022/XIcon/XIcon16Light";
+import { XIcon20Light } from "../../icons2022/XIcon/XIcon20Light";
+import { XIcon24Regular } from "../../icons2022/XIcon/XIcon24Regular";
+export var CrossIcon = iconSizer({
+  small: function small() {
+    return /*#__PURE__*/React.createElement(XIcon16Light, {
+      align: "none"
+    });
+  },
+  medium: function medium() {
+    return /*#__PURE__*/React.createElement(XIcon20Light, {
+      align: "none"
+    });
+  },
+  large: function large() {
+    return /*#__PURE__*/React.createElement(XIcon24Regular, {
+      align: "none"
+    });
+  }
+}, 'CrossIcon');

package/internal/ClearCrossIcon/CrossIcon/CrossIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","iconSizer","XIcon16Light","XIcon20Light","XIcon24Regular","CrossIcon","small","createElement","align","medium","large"],"sources":["CrossIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { iconSizer } from '../icons2022/iconSizer';\nimport { XIcon16Light } from '../icons2022/XIcon/XIcon16Light';\nimport { XIcon20Light } from '../icons2022/XIcon/XIcon20Light';\nimport { XIcon24Regular } from '../icons2022/XIcon/XIcon24Regular';\n\nexport const CrossIcon = iconSizer(\n  {\n    small: () => <XIcon16Light align=\"none\" />,\n    medium: () => <XIcon20Light align=\"none\" />,\n    large: () => <XIcon24Regular align=\"none\" />,\n  },\n  'CrossIcon',\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,SAAS,QAAQ,wBAAwB;AAClD,SAASC,YAAY,QAAQ,iCAAiC;AAC9D,SAASC,YAAY,QAAQ,iCAAiC;AAC9D,SAASC,cAAc,QAAQ,mCAAmC;;AAElE,OAAO,IAAMC,SAAS,GAAGJ,SAAS;EAChC;IACEK,KAAK,EAAE,SAAAA,MAAA,uBAAMN,KAAA,CAAAO,aAAA,CAACL,YAAY,IAACM,KAAK,EAAC,MAAM,EAAE,CAAC;IAC1CC,MAAM,EAAE,SAAAA,OAAA,uBAAMT,KAAA,CAAAO,aAAA,CAACJ,YAAY,IAACK,KAAK,EAAC,MAAM,EAAE,CAAC;IAC3CE,KAAK,EAAE,SAAAA,MAAA,uBAAMV,KAAA,CAAAO,aAAA,CAACH,cAAc,IAACI,KAAK,EAAC,MAAM,EAAE,CAAC;EAC9C,CAAC;EACD;AACF,CAAC","ignoreList":[]}

package/internal/ClearCrossIcon/CrossIcon/package.json

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

package/internal/ClearCrossIcon/CrossIcon.d.ts

@@ -0,0 +1,3 @@
+export declare const CrossIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../icons2022/BaseIcon").IconProps, "size"> & {
+    size?: number | "small" | "medium" | "large" | undefined;
+}>;

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

@@ -1 +1 @@
-{"version":3,"names":["React","globalObject","cx","keyListener","ThemeContext","DEFAULT_ICON_SIZE","ThemeFactory","CommonWrapper","styles","CrossIcon","CloseButtonIcon","_ref","_ref$side","side","_ref$size","size","color","colorHover","_ref$tabbable","tabbable","style","rest","_objectWithoutPropertiesLoose","_excluded","_theme","useContext","theme","create","closeBtnIconColor","closeBtnIconHoverColor","_React$useState","useState","focusedByTab","setFocusedByTab","handleFocus","requestAnimationFrame","isTabPressed","handleBlur","tabIndex","disabled","createElement","_extends","className","root","focus","rootDisabled","width","height","onFocus","onBlur","wrapper","focusable","__KONTUR_REACT_UI__","displayName"],"sources":["CloseButtonIcon.tsx"],"sourcesContent":["import React, { AriaAttributes, CSSProperties } from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { DEFAULT_ICON_SIZE } from '../icons2022/iconConstants';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { CommonWrapper, CommonProps } from '../CommonWrapper';\n\nimport { styles } from './CloseButtonIcon.styles';\nimport { CrossIcon } from './CrossIcon';\n\nexport interface CloseButtonIconProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    CommonProps {\n  /**\n   * Ширина и высота иконки крестика\n   *\n   * @default 16\n   */\n  size?: number;\n  /**\n   * Ширина и высота всей кнопки\n   *\n   * @default 16\n   */\n  side?: number;\n  /**\n   * Цвет иконки\n   *\n   * Переменная темы: `closeBtnIconColor`\n   */\n  color?: CSSProperties['color'];\n  /**\n   * Цвет иконки при наведении мышью и при фокусе\n   *\n   * Переменная темы: `closeBtnIconHoverColor`\n   */\n  colorHover?: CSSProperties['color'];\n  /**\n   * Возможность сфокусироваться на кнопке клавишей TAB\n   *\n   * @default true\n   * */\n  tabbable?: boolean;\n}\n\nexport const CloseButtonIcon: React.FunctionComponent<CloseButtonIconProps> = ({\n  side = DEFAULT_ICON_SIZE,\n  size = DEFAULT_ICON_SIZE,\n  color,\n  colorHover,\n  tabbable = true,\n  style,\n  ...rest\n}) => {\n  const _theme = React.useContext(ThemeContext);\n  const theme = ThemeFactory.create(\n    {\n      closeBtnIconColor: color ?? _theme.closeBtnIconColor,\n      closeBtnIconHoverColor: colorHover ?? _theme.closeBtnIconHoverColor,\n    },\n    _theme,\n  );\n  const [focusedByTab, setFocusedByTab] = React.useState(false);\n\n  const handleFocus = () => {\n    // focus event fires before keyDown eventlistener\n    // so we should check tabPressed in async way\n    globalObject.requestAnimationFrame?.(() => {\n      if (keyListener.isTabPressed) {\n        setFocusedByTab(true);\n      }\n    });\n  };\n  const handleBlur = () => setFocusedByTab(false);\n\n  const tabIndex = !tabbable || rest.disabled ? -1 : 0;\n\n  return (\n    <CommonWrapper {...rest}>\n      <button\n        tabIndex={tabIndex}\n        className={cx(\n          styles.root(theme),\n          !rest.disabled && focusedByTab && styles.focus(theme),\n          rest.disabled && styles.rootDisabled(theme),\n        )}\n        style={{ ...style, width: side, height: side }}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        {...rest}\n      >\n        <span className={styles.wrapper()}>\n          <CrossIcon size={side < size ? side : size} focusable={tabIndex >= 0} />\n        </span>\n      </button>\n    </CommonWrapper>\n  );\n};\n\nCloseButtonIcon.__KONTUR_REACT_UI__ = 'CloseButtonIcon';\nCloseButtonIcon.displayName = 'CloseButtonIcon';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","globalObject","cx","keyListener","ThemeContext","DEFAULT_ICON_SIZE","ThemeFactory","CommonWrapper","styles","CrossIcon","CloseButtonIcon","_ref","_ref$side","side","_ref$size","size","color","colorHover","_ref$tabbable","tabbable","style","rest","_objectWithoutPropertiesLoose","_excluded","_theme","useContext","theme","create","closeBtnIconColor","closeBtnIconHoverColor","_React$useState","useState","focusedByTab","setFocusedByTab","handleFocus","requestAnimationFrame","isTabPressed","handleBlur","tabIndex","disabled","createElement","_extends","className","root","focus","rootDisabled","width","height","onFocus","onBlur","wrapper","focusable","__KONTUR_REACT_UI__","displayName"],"sources":["CloseButtonIcon.tsx"],"sourcesContent":["import type { AriaAttributes, CSSProperties } from 'react';\nimport React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { DEFAULT_ICON_SIZE } from '../icons2022/iconConstants';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { CommonProps } from '../CommonWrapper';\nimport { CommonWrapper } from '../CommonWrapper';\n\nimport { styles } from './CloseButtonIcon.styles';\nimport { CrossIcon } from './CrossIcon';\n\nexport interface CloseButtonIconProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    CommonProps {\n  /**\n   * Ширина и высота иконки крестика\n   *\n   * @default 16\n   */\n  size?: number;\n  /**\n   * Ширина и высота всей кнопки\n   *\n   * @default 16\n   */\n  side?: number;\n  /**\n   * Цвет иконки\n   *\n   * Переменная темы: `closeBtnIconColor`\n   */\n  color?: CSSProperties['color'];\n  /**\n   * Цвет иконки при наведении мышью и при фокусе\n   *\n   * Переменная темы: `closeBtnIconHoverColor`\n   */\n  colorHover?: CSSProperties['color'];\n  /**\n   * Возможность сфокусироваться на кнопке клавишей TAB\n   *\n   * @default true\n   * */\n  tabbable?: boolean;\n}\n\nexport const CloseButtonIcon: React.FunctionComponent<CloseButtonIconProps> = ({\n  side = DEFAULT_ICON_SIZE,\n  size = DEFAULT_ICON_SIZE,\n  color,\n  colorHover,\n  tabbable = true,\n  style,\n  ...rest\n}) => {\n  const _theme = React.useContext(ThemeContext);\n  const theme = ThemeFactory.create(\n    {\n      closeBtnIconColor: color ?? _theme.closeBtnIconColor,\n      closeBtnIconHoverColor: colorHover ?? _theme.closeBtnIconHoverColor,\n    },\n    _theme,\n  );\n  const [focusedByTab, setFocusedByTab] = React.useState(false);\n\n  const handleFocus = () => {\n    // focus event fires before keyDown eventlistener\n    // so we should check tabPressed in async way\n    globalObject.requestAnimationFrame?.(() => {\n      if (keyListener.isTabPressed) {\n        setFocusedByTab(true);\n      }\n    });\n  };\n  const handleBlur = () => setFocusedByTab(false);\n\n  const tabIndex = !tabbable || rest.disabled ? -1 : 0;\n\n  return (\n    <CommonWrapper {...rest}>\n      <button\n        tabIndex={tabIndex}\n        className={cx(\n          styles.root(theme),\n          !rest.disabled && focusedByTab && styles.focus(theme),\n          rest.disabled && styles.rootDisabled(theme),\n        )}\n        style={{ ...style, width: side, height: side }}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        {...rest}\n      >\n        <span className={styles.wrapper()}>\n          <CrossIcon size={side < size ? side : size} focusable={tabIndex >= 0} />\n        </span>\n      </button>\n    </CommonWrapper>\n  );\n};\n\nCloseButtonIcon.__KONTUR_REACT_UI__ = 'CloseButtonIcon';\nCloseButtonIcon.displayName = 'CloseButtonIcon';\n"],"mappings":"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","ignoreList":[]}

package/internal/CloseButtonIcon/CloseButtonIcon.d.ts

@@ -1,35 +1,36 @@
-import React, { AriaAttributes, CSSProperties } from 'react';
-import { CommonProps } from '../CommonWrapper';
-export interface CloseButtonIconProps extends Pick<AriaAttributes, 'aria-label'>, React.ButtonHTMLAttributes<HTMLButtonElement>, CommonProps {
-    /**
-     * Ширина и высота иконки крестика
-     *
-     * @default 16
-     */
-    size?: number;
-    /**
-     * Ширина и высота всей кнопки
-     *
-     * @default 16
-     */
-    side?: number;
-    /**
-     * Цвет иконки
-     *
-     * Переменная темы: `closeBtnIconColor`
-     */
-    color?: CSSProperties['color'];
-    /**
-     * Цвет иконки при наведении мышью и при фокусе
-     *
-     * Переменная темы: `closeBtnIconHoverColor`
-     */
-    colorHover?: CSSProperties['color'];
-    /**
-     * Возможность сфокусироваться на кнопке клавишей TAB
-     *
-     * @default true
-     * */
-    tabbable?: boolean;
-}
-export declare const CloseButtonIcon: React.FunctionComponent<CloseButtonIconProps>;
+import type { AriaAttributes, CSSProperties } from 'react';
+import React from 'react';
+import type { CommonProps } from '../CommonWrapper';
+export interface CloseButtonIconProps extends Pick<AriaAttributes, 'aria-label'>, React.ButtonHTMLAttributes<HTMLButtonElement>, CommonProps {
+    /**
+     * Ширина и высота иконки крестика
+     *
+     * @default 16
+     */
+    size?: number;
+    /**
+     * Ширина и высота всей кнопки
+     *
+     * @default 16
+     */
+    side?: number;
+    /**
+     * Цвет иконки
+     *
+     * Переменная темы: `closeBtnIconColor`
+     */
+    color?: CSSProperties['color'];
+    /**
+     * Цвет иконки при наведении мышью и при фокусе
+     *
+     * Переменная темы: `closeBtnIconHoverColor`
+     */
+    colorHover?: CSSProperties['color'];
+    /**
+     * Возможность сфокусироваться на кнопке клавишей TAB
+     *
+     * @default true
+     * */
+    tabbable?: boolean;
+}
+export declare const CloseButtonIcon: React.FunctionComponent<CloseButtonIconProps>;

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 { 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","_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":[]}

package/internal/CloseButtonIcon/CloseButtonIcon.styles.d.ts

@@ -1,7 +1,7 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    root(t: Theme): string;
-    rootDisabled(t: Theme): string;
-    focus(t: Theme): string;
-    wrapper(): string;
-};
+import type { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(t: Theme): string;
+    rootDisabled(t: Theme): string;
+    focus(t: Theme): string;
+    wrapper(): string;
+};

package/internal/CloseButtonIcon/CrossIcon.d.ts

@@ -1,3 +1,3 @@
-export declare const CrossIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../icons2022/BaseIcon").IconProps, "size"> & {
-    size?: number | "small" | "medium" | "large" | undefined;
-}>;
+export declare const CrossIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../icons2022/BaseIcon").IconProps, "size"> & {
+    size?: number | "small" | "medium" | "large" | undefined;
+}>;

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

package/internal/CommonWrapper/CommonWrapper.d.ts

@@ -1,12 +1,14 @@
-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;
-}
+import React from 'react';
+import type { TGetRootNode } from '../../lib/rootNode';
+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;
+    getRootNode: TGetRootNode;
+    private setRootNode;
+    private rootNodeSubscription;
+    render(): React.ReactNode;
+    private ref;
+}

package/internal/CommonWrapper/index.d.ts

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

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

@@ -1 +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":[]}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type 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

@@ -1,25 +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'>;
+import type 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.d.ts

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

@@ -1 +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":[]}
+{"version":3,"names":["getVisualStateDataAttributes","tryGetBoolean","getCommonVisualStateDataAttributes","componentProps","error","warning"],"sources":["getCommonVisualStateDataAttributes.ts"],"sourcesContent":["import type { VisualStateDataAttributesResultType } from './getVisualStateDataAttributes';\nimport { getVisualStateDataAttributes } 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":";AACA,SAASA,4BAA4B,QAAQ,gCAAgC;AAC7E,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.d.ts

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

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

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

@@ -1,3 +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;
+import type { 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.d.ts

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

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