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

package/internal/ClearCrossIcon/ClearCrossIcon.d.ts

@@ -1,9 +1,10 @@
-import React, { AriaAttributes } from 'react';
-import { CommonProps } from '../CommonWrapper';
-import { 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>;
+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.map

@@ -1 +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 { 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":[]}
+{"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.d.ts

@@ -1,8 +1,8 @@
-import { 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;
-};
+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.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/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":[]}

package/internal/ComponentCombinator.d.ts

@@ -1,23 +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 {};
+import React from 'react';
+import type { DefaultizeProps } from '../lib/utils';
+import type { 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 {};

package/internal/ComponentTable/ComponentTable.js

@@ -29,8 +29,6 @@ var renderPropsDesc = function renderPropsDesc(props) {
     );
   });
 };
-
-// Known limitation: Don't work when component have `propTypes` static field
 export var ComponentTable = /*#__PURE__*/function (_React$Component) {
   function ComponentTable() {
     var _this;

package/internal/ComponentTable/ComponentTable.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","isFunctionalComponent","createPropsGetter","renderPropsDesc","props","Object","keys","map","key","value","isValidElement","createElement","JSON","stringify","node","index","nodes","length","ComponentTable","_React$Component","_this","_len","arguments","args","Array","_key","call","apply","concat","getProps","defaultProps","_inheritsLoose","_proto","prototype","render","_this$props","_this$props$rows","rows","_this$props$cols","cols","Component","_this$getProps","presetProps","presetState","style","borderSpacing","marginBottom","captionSide","_ref","i","_ref$props","colProps","whiteSpace","_ref2","rowIndex","_ref2$props","rowProps","_ref2$state","state","rowState","_ref3","colIndex","_ref3$props","_ref3$state","colState","_extends","ref","undefined","el","setState"],"sources":["ComponentTable.tsx"],"sourcesContent":["import React from 'react';\n\nimport { isFunctionalComponent, DefaultizeProps } from '../lib/utils';\nimport { createPropsGetter } from '../lib/createPropsGetter';\n\n// TODO We should output state too\nconst renderPropsDesc = <P extends Record<string, any>>(props: P): React.ReactNode => {\n  return Object.keys(props)\n    .map((key) => {\n      const value = props[key];\n      switch (typeof value) {\n        case 'boolean':\n          return value ? key : `${key}: false`;\n        case 'string':\n          return `${key}: \"${value}\"`;\n        case 'object':\n          if (React.isValidElement(value)) {\n            return React.createElement('span', {}, [`${key}: `, value]);\n          }\n          return `${key}: ${JSON.stringify(value)}`;\n        default:\n          return `${key}: ${value}`;\n      }\n    })\n    .map((node, index, nodes) => (\n      <span key={index}>\n        {node} {index + 1 < nodes.length ? ', ' : null}\n      </span>\n    ));\n};\n\ninterface StatePropsObject<P, S> {\n  props?: Partial<P>;\n  state?: Partial<S>;\n}\nexport type StatePropsCombinations<P, S> = Array<StatePropsObject<P, S>>;\n\nexport type StateType<C> = C extends React.Component<any, infer S> | React.ComponentClass<any, infer S> ? S : never;\n\nexport interface ComponentTableProps<C, P, S> {\n  rows?: StatePropsCombinations<P, S>;\n  cols?: StatePropsCombinations<P, S>;\n  presetProps?: DefaultizeProps<C, P>;\n  presetState?: Partial<S>;\n  Component: C;\n}\n\ntype DefaultProps<C, P, S> = Required<Pick<ComponentTableProps<C, P, S>, 'presetProps' | 'presetState'>>;\n\n// Known limitation: Don't work when component have `propTypes` static field\nexport class ComponentTable<\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  ComponentTableProps<C extends React.ComponentClass<P, any> ? React.ClassType<P, T, C> : C, P, StateType<C>>\n> {\n  public static defaultProps: DefaultProps<unknown, Record<string | number | symbol, unknown>, unknown> = {\n    presetProps: {},\n    presetState: {},\n  };\n\n  private getProps = createPropsGetter(ComponentTable.defaultProps);\n\n  public render() {\n    const { rows = [], cols = [], Component } = this.props;\n    const { presetProps, presetState } = this.getProps();\n    return (\n      <table style={{ borderSpacing: 10, marginBottom: 20 }}>\n        <caption style={{ captionSide: 'bottom' }}>{renderPropsDesc(presetProps)}</caption>\n        <thead>\n          <tr>\n            <th />\n            {cols.map(({ props: colProps = {} }, i) => (\n              <th style={{ whiteSpace: 'nowrap' }} key={i}>\n                {renderPropsDesc(colProps)}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {rows.map(({ props: rowProps = {}, state: rowState = {} }, rowIndex) => (\n            <tr key={rowIndex}>\n              <td style={{ whiteSpace: 'nowrap' }}>{renderPropsDesc(rowProps)}</td>\n              {cols.map(({ props: colProps = {}, state: colState = {} }, colIndex) => (\n                <td key={colIndex}>\n                  {/* @ts-expect-error: Defaultized props incompatible with JSX.LibraryManagedAttributes so just ignore it */}\n                  <Component\n                    {...presetProps}\n                    {...rowProps}\n                    {...colProps}\n                    ref={\n                      // NOTE Call setState from outside is bad practice, but here it needed for test state combinations\n                      isFunctionalComponent(Component)\n                        ? undefined\n                        : (el: React.Component<P, StateType<C>>) =>\n                            el &&\n                            el.setState((state: StateType<C>) => ({\n                              ...state,\n                              ...presetState,\n                              ...rowState,\n                              ...colState,\n                            }))\n                    }\n                  />\n                </td>\n              ))}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","isFunctionalComponent","createPropsGetter","renderPropsDesc","props","Object","keys","map","key","value","isValidElement","createElement","JSON","stringify","node","index","nodes","length","ComponentTable","_React$Component","_this","_len","arguments","args","Array","_key","call","apply","concat","getProps","defaultProps","_inheritsLoose","_proto","prototype","render","_this$props","_this$props$rows","rows","_this$props$cols","cols","Component","_this$getProps","presetProps","presetState","style","borderSpacing","marginBottom","captionSide","_ref","i","_ref$props","colProps","whiteSpace","_ref2","rowIndex","_ref2$props","rowProps","_ref2$state","state","rowState","_ref3","colIndex","_ref3$props","_ref3$state","colState","_extends","ref","undefined","el","setState"],"sources":["ComponentTable.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { DefaultizeProps } from '../lib/utils';\nimport { isFunctionalComponent } from '../lib/utils';\nimport { createPropsGetter } from '../lib/createPropsGetter';\n\n// TODO We should output state too\nconst renderPropsDesc = <P extends Record<string, any>>(props: P): React.ReactNode => {\n  return Object.keys(props)\n    .map((key) => {\n      const value = props[key];\n      switch (typeof value) {\n        case 'boolean':\n          return value ? key : `${key}: false`;\n        case 'string':\n          return `${key}: \"${value}\"`;\n        case 'object':\n          if (React.isValidElement(value)) {\n            return React.createElement('span', {}, [`${key}: `, value]);\n          }\n          return `${key}: ${JSON.stringify(value)}`;\n        default:\n          return `${key}: ${value}`;\n      }\n    })\n    .map((node, index, nodes) => (\n      <span key={index}>\n        {node} {index + 1 < nodes.length ? ', ' : null}\n      </span>\n    ));\n};\n\ninterface StatePropsObject<P, S> {\n  props?: Partial<P>;\n  state?: Partial<S>;\n}\nexport type StatePropsCombinations<P, S> = Array<StatePropsObject<P, S>>;\n\nexport type StateType<C> = C extends React.Component<any, infer S> | React.ComponentClass<any, infer S> ? S : never;\n\nexport interface ComponentTableProps<C, P, S> {\n  rows?: StatePropsCombinations<P, S>;\n  cols?: StatePropsCombinations<P, S>;\n  presetProps?: DefaultizeProps<C, P>;\n  presetState?: Partial<S>;\n  Component: C;\n}\n\ntype DefaultProps<C, P, S> = Required<Pick<ComponentTableProps<C, P, S>, 'presetProps' | 'presetState'>>;\n\nexport class ComponentTable<\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  ComponentTableProps<C extends React.ComponentClass<P, any> ? React.ClassType<P, T, C> : C, P, StateType<C>>\n> {\n  public static defaultProps: DefaultProps<unknown, Record<string | number | symbol, unknown>, unknown> = {\n    presetProps: {},\n    presetState: {},\n  };\n\n  private getProps = createPropsGetter(ComponentTable.defaultProps);\n\n  public render() {\n    const { rows = [], cols = [], Component } = this.props;\n    const { presetProps, presetState } = this.getProps();\n    return (\n      <table style={{ borderSpacing: 10, marginBottom: 20 }}>\n        <caption style={{ captionSide: 'bottom' }}>{renderPropsDesc(presetProps)}</caption>\n        <thead>\n          <tr>\n            <th />\n            {cols.map(({ props: colProps = {} }, i) => (\n              <th style={{ whiteSpace: 'nowrap' }} key={i}>\n                {renderPropsDesc(colProps)}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {rows.map(({ props: rowProps = {}, state: rowState = {} }, rowIndex) => (\n            <tr key={rowIndex}>\n              <td style={{ whiteSpace: 'nowrap' }}>{renderPropsDesc(rowProps)}</td>\n              {cols.map(({ props: colProps = {}, state: colState = {} }, colIndex) => (\n                <td key={colIndex}>\n                  {/* @ts-expect-error: Defaultized props incompatible with JSX.LibraryManagedAttributes so just ignore it */}\n                  <Component\n                    {...presetProps}\n                    {...rowProps}\n                    {...colProps}\n                    ref={\n                      // NOTE Call setState from outside is bad practice, but here it needed for test state combinations\n                      isFunctionalComponent(Component)\n                        ? undefined\n                        : (el: React.Component<P, StateType<C>>) =>\n                            el &&\n                            el.setState((state: StateType<C>) => ({\n                              ...state,\n                              ...presetState,\n                              ...rowState,\n                              ...colState,\n                            }))\n                    }\n                  />\n                </td>\n              ))}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/internal/ComponentTable.d.ts

@@ -1,22 +1,22 @@
-import React from 'react';
-import { DefaultizeProps } from '../lib/utils';
-interface StatePropsObject<P, S> {
-    props?: Partial<P>;
-    state?: Partial<S>;
-}
-export type StatePropsCombinations<P, S> = Array<StatePropsObject<P, S>>;
-export type StateType<C> = C extends React.Component<any, infer S> | React.ComponentClass<any, infer S> ? S : never;
-export interface ComponentTableProps<C, P, S> {
-    rows?: StatePropsCombinations<P, S>;
-    cols?: StatePropsCombinations<P, S>;
-    presetProps?: DefaultizeProps<C, P>;
-    presetState?: Partial<S>;
-    Component: C;
-}
-type DefaultProps<C, P, S> = Required<Pick<ComponentTableProps<C, P, S>, 'presetProps' | 'presetState'>>;
-export declare class ComponentTable<T extends React.Component<any, any, any>, C extends React.ComponentType<any>, P extends React.ComponentProps<C>> extends React.Component<ComponentTableProps<C extends React.ComponentClass<P, any> ? React.ClassType<P, T, C> : C, P, StateType<C>>> {
-    static defaultProps: DefaultProps<unknown, Record<string | number | symbol, unknown>, unknown>;
-    private getProps;
-    render(): React.JSX.Element;
-}
-export {};
+import React from 'react';
+import type { DefaultizeProps } from '../lib/utils';
+interface StatePropsObject<P, S> {
+    props?: Partial<P>;
+    state?: Partial<S>;
+}
+export type StatePropsCombinations<P, S> = Array<StatePropsObject<P, S>>;
+export type StateType<C> = C extends React.Component<any, infer S> | React.ComponentClass<any, infer S> ? S : never;
+export interface ComponentTableProps<C, P, S> {
+    rows?: StatePropsCombinations<P, S>;
+    cols?: StatePropsCombinations<P, S>;
+    presetProps?: DefaultizeProps<C, P>;
+    presetState?: Partial<S>;
+    Component: C;
+}
+type DefaultProps<C, P, S> = Required<Pick<ComponentTableProps<C, P, S>, 'presetProps' | 'presetState'>>;
+export declare class ComponentTable<T extends React.Component<any, any, any>, C extends React.ComponentType<any>, P extends React.ComponentProps<C>> extends React.Component<ComponentTableProps<C extends React.ComponentClass<P, any> ? React.ClassType<P, T, C> : C, P, StateType<C>>> {
+    static defaultProps: DefaultProps<unknown, Record<string | number | symbol, unknown>, unknown>;
+    private getProps;
+    render(): React.JSX.Element;
+}
+export {};