@skbkontur/react-ui 0.0.0-7dc91ef93e → 0.0.0-7f260475fb

package/cjs/internal/ClearCrossIcon/CrossIcon.js

@@ -1,15 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.CrossIcon = void 0;var _react = _interopRequireDefault(require("react"));
-
-var _iconSizer = require("../icons2022/iconSizer");
-var _XIcon16Light = require("../icons2022/XIcon/XIcon16Light");
-var _XIcon20Light = require("../icons2022/XIcon/XIcon20Light");
-var _XIcon24Regular = require("../icons2022/XIcon/XIcon24Regular");
-
-var CrossIcon = exports.CrossIcon = (0, _iconSizer.iconSizer)(
-  {
-    small: function small() {return /*#__PURE__*/_react.default.createElement(_XIcon16Light.XIcon16Light, { align: "none" });},
-    medium: function medium() {return /*#__PURE__*/_react.default.createElement(_XIcon20Light.XIcon20Light, { align: "none" });},
-    large: function large() {return /*#__PURE__*/_react.default.createElement(_XIcon24Regular.XIcon24Regular, { align: "none" });}
-  },
-  'CrossIcon'
-);

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

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_iconSizer","_XIcon16Light","_XIcon20Light","_XIcon24Regular","CrossIcon","exports","iconSizer","small","default","createElement","XIcon16Light","align","medium","XIcon20Light","large","XIcon24Regular"],"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":"+JAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;;AAEO,IAAMK,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,oBAAS;EAChC;IACEC,KAAK,EAAE,SAAAA,MAAA,uBAAMV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAS,YAAY,IAACC,KAAK,EAAC,MAAM,EAAE,CAAC;IAC1CC,MAAM,EAAE,SAAAA,OAAA,uBAAMf,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAW,YAAY,IAACF,KAAK,EAAC,MAAM,EAAE,CAAC;IAC3CG,KAAK,EAAE,SAAAA,MAAA,uBAAMjB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACN,eAAA,CAAAY,cAAc,IAACJ,KAAK,EAAC,MAAM,EAAE,CAAC;EAC9C,CAAC;EACD;AACF,CAAC","ignoreList":[]}

package/cjs/internal/ClearCrossIcon/__creevey__/ClearCrossIcon.creevey.mts

@@ -1,44 +0,0 @@
-import { story, kind, test } from 'creevey';
-
-import { delay } from '../../../lib/delay';
-
-kind('ClearCrossIcon', () => {
-  story('ClearCrossIconDefaultColors', () => {
-    test('idle', async (context) => {
-      const plain = await context.takeScreenshot();
-      await context.webdriver
-        .actions({
-          bridge: true,
-        })
-        .move({
-          origin: context.webdriver.findElement({ css: `[data-tid='clear-cross-icon']` }),
-        })
-        .perform();
-      await delay(300);
-      const hover = await context.takeScreenshot();
-
-      await context.matchImages({ plain, hover });
-    });
-  });
-
-  story('ClearCrossIconWithCustomColors', ({ setStoryParameters }) => {
-    setStoryParameters({
-      skip: { 'test theme variables': { in: /^(?!\bchrome2022\b)/ } },
-    });
-    test('idle', async (context) => {
-      const plain = await context.takeScreenshot();
-      await context.webdriver
-        .actions({
-          bridge: true,
-        })
-        .move({
-          origin: context.webdriver.findElement({ css: `[data-tid='clear-cross-icon']` }),
-        })
-        .perform();
-      await delay(300);
-      const hover = await context.takeScreenshot();
-
-      await context.matchImages({ plain, hover });
-    });
-  });
-});

package/cjs/internal/CloseButtonIcon/CloseButtonIcon.d.ts

@@ -1,35 +0,0 @@
-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>;

package/cjs/internal/CloseButtonIcon/CloseButtonIcon.js

@@ -1,105 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.CloseButtonIcon = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _react = _interopRequireDefault(require("react"));
-var _globalObject = require("@skbkontur/global-object");
-
-var _Emotion = require("../../lib/theming/Emotion");
-var _keyListener = require("../../lib/events/keyListener");
-var _ThemeContext = require("../../lib/theming/ThemeContext");
-var _iconConstants = require("../icons2022/iconConstants");
-var _ThemeFactory = require("../../lib/theming/ThemeFactory");
-var _CommonWrapper = require("../CommonWrapper");
-
-var _CloseButtonIcon = require("./CloseButtonIcon.styles");
-var _CrossIcon = require("./CrossIcon");var _excluded = ["side", "size", "color", "colorHover", "tabbable", "style"];
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var CloseButtonIcon = exports.CloseButtonIcon = function CloseButtonIcon(_ref)
-
-
-
-
-
-
-
-{var _ref$side = _ref.side,side = _ref$side === void 0 ? _iconConstants.DEFAULT_ICON_SIZE : _ref$side,_ref$size = _ref.size,size = _ref$size === void 0 ? _iconConstants.DEFAULT_ICON_SIZE : _ref$size,color = _ref.color,colorHover = _ref.colorHover,_ref$tabbable = _ref.tabbable,tabbable = _ref$tabbable === void 0 ? true : _ref$tabbable,style = _ref.style,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
-  var _theme = _react.default.useContext(_ThemeContext.ThemeContext);
-  var theme = _ThemeFactory.ThemeFactory.create(
-    {
-      closeBtnIconColor: color != null ? color : _theme.closeBtnIconColor,
-      closeBtnIconHoverColor: colorHover != null ? colorHover : _theme.closeBtnIconHoverColor
-    },
-    _theme
-  );
-  var _React$useState = _react.default.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.globalObject.requestAnimationFrame == null || _globalObject.globalObject.requestAnimationFrame(function () {
-      if (_keyListener.keyListener.isTabPressed) {
-        setFocusedByTab(true);
-      }
-    });
-  };
-  var handleBlur = function handleBlur() {return setFocusedByTab(false);};
-
-  var tabIndex = !tabbable || rest.disabled ? -1 : 0;
-
-  return /*#__PURE__*/(
-    _react.default.createElement(_CommonWrapper.CommonWrapper, rest, /*#__PURE__*/
-    _react.default.createElement("button", (0, _extends2.default)({
-      tabIndex: tabIndex,
-      className: (0, _Emotion.cx)(
-        _CloseButtonIcon.styles.root(theme),
-        !rest.disabled && focusedByTab && _CloseButtonIcon.styles.focus(theme),
-        rest.disabled && _CloseButtonIcon.styles.rootDisabled(theme)
-      ),
-      style: (0, _extends2.default)({}, style, { width: side, height: side }),
-      onFocus: handleFocus,
-      onBlur: handleBlur },
-    rest), /*#__PURE__*/
-
-    _react.default.createElement("span", { className: _CloseButtonIcon.styles.wrapper() }, /*#__PURE__*/
-    _react.default.createElement(_CrossIcon.CrossIcon, { size: side < size ? side : size, focusable: tabIndex >= 0 })
-    )
-    )
-    ));
-
-};
-
-CloseButtonIcon.__KONTUR_REACT_UI__ = 'CloseButtonIcon';
-CloseButtonIcon.displayName = 'CloseButtonIcon';

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

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_Emotion","_keyListener","_ThemeContext","_iconConstants","_ThemeFactory","_CommonWrapper","_CloseButtonIcon","_CrossIcon","_excluded","CloseButtonIcon","exports","_ref","_ref$side","side","DEFAULT_ICON_SIZE","_ref$size","size","color","colorHover","_ref$tabbable","tabbable","style","rest","_objectWithoutPropertiesLoose2","default","_theme","React","useContext","ThemeContext","theme","ThemeFactory","create","closeBtnIconColor","closeBtnIconHoverColor","_React$useState","useState","focusedByTab","setFocusedByTab","handleFocus","globalObject","requestAnimationFrame","keyListener","isTabPressed","handleBlur","tabIndex","disabled","createElement","CommonWrapper","_extends2","className","cx","styles","root","focus","rootDisabled","width","height","onFocus","onBlur","wrapper","CrossIcon","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":[]}

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

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

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

@@ -1,43 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
-
-var _Mixins = require("../../lib/styles/Mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
-var styles = exports.styles = (0, _Emotion.memoizeStyle)({
-  root: function root(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n      display: inline-block;\n      position: relative;\n      border-radius: ", ";\n      color: ", ";\n      cursor: pointer;\n      transition: color ", " ", ";\n\n      &:enabled:focus,\n      &:enabled:hover {\n        color: ", ";\n      }\n    "])),
-    (0, _Mixins.resetButton)(),
-
-
-    t.closeBtnIconBorderRadius,
-    t.closeBtnIconColor,
-
-    t.transitionDuration, t.transitionTimingFunction,
-
-
-
-    t.closeBtnIconHoverColor);
-
-
-  },
-  rootDisabled: function rootDisabled(t) {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
-    t.closeBtnIconDisabledColor);
-
-  },
-  focus: function focus(t) {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: ", ";\n    "])),
-    t.closeBtnIconFocusShadow);
-
-  },
-  wrapper: function wrapper() {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-sizing: content-box;\n      display: flex;\n      width: 100%;\n      height: 100%;\n      align-items: center;\n      justify-content: center;\n      pointer-events: none;\n    "])));
-
-
-
-
-
-
-
-
-  }
-});

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

@@ -1 +0,0 @@
-{"version":3,"names":["_Emotion","require","_Mixins","_templateObject","_templateObject2","_templateObject3","_templateObject4","styles","exports","memoizeStyle","root","t","css","_taggedTemplateLiteralLoose2","default","resetButton","closeBtnIconBorderRadius","closeBtnIconColor","transitionDuration","transitionTimingFunction","closeBtnIconHoverColor","rootDisabled","closeBtnIconDisabledColor","focus","closeBtnIconFocusShadow","wrapper"],"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":"oRAAA,IAAAA,QAAA,GAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA,4BAAsD,IAAAE,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAE/C,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,WAAOC,YAAG,EAAAT,eAAA,KAAAA,eAAA,OAAAU,4BAAA,CAAAC,OAAA;IACN,IAAAC,mBAAW,EAAC,CAAC;;;IAGEJ,CAAC,CAACK,wBAAwB;IAClCL,CAAC,CAACM,iBAAiB;;IAERN,CAAC,CAACO,kBAAkB,EAAIP,CAAC,CAACQ,wBAAwB;;;;IAI3DR,CAAC,CAACS,sBAAsB;;;EAGvC,CAAC;EACDC,YAAY,WAAAA,aAACV,CAAQ,EAAE;IACrB,WAAOC,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;IACCH,CAAC,CAACW,yBAAyB;;EAExC,CAAC;EACDC,KAAK,WAAAA,MAACZ,CAAQ,EAAE;IACd,WAAOC,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;IACMH,CAAC,CAACa,uBAAuB;;EAE3C,CAAC;EACDC,OAAO,WAAAA,QAAA,EAAG;IACR,WAAOb,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;;;;;;;EASZ;AACF,CAAC,CAAC","ignoreList":[]}

package/cjs/internal/CloseButtonIcon/CrossIcon.d.ts

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

package/cjs/internal/CloseButtonIcon/CrossIcon.js

@@ -1,14 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.CrossIcon = void 0;var _react = _interopRequireDefault(require("react"));
-
-var _iconSizer = require("../icons2022/iconSizer");
-var _XIcon20Light = require("../icons2022/XIcon/XIcon20Light");
-var _XIcon24Regular = require("../icons2022/XIcon/XIcon24Regular");
-
-var CrossIcon = exports.CrossIcon = (0, _iconSizer.iconSizer)(
-  {
-    small: function small() {return /*#__PURE__*/_react.default.createElement(_XIcon20Light.XIcon20Light, { size: 16, align: "none" });},
-    medium: function medium() {return /*#__PURE__*/_react.default.createElement(_XIcon20Light.XIcon20Light, { align: "none" });},
-    large: function large() {return /*#__PURE__*/_react.default.createElement(_XIcon24Regular.XIcon24Regular, { align: "none" });}
-  },
-  'CrossIcon'
-);

package/cjs/internal/CloseButtonIcon/CrossIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_iconSizer","_XIcon20Light","_XIcon24Regular","CrossIcon","exports","iconSizer","small","default","createElement","XIcon20Light","size","align","medium","large","XIcon24Regular"],"sources":["CrossIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { iconSizer } from '../icons2022/iconSizer';\nimport { XIcon20Light } from '../icons2022/XIcon/XIcon20Light';\nimport { XIcon24Regular } from '../icons2022/XIcon/XIcon24Regular';\n\nexport const CrossIcon = iconSizer(\n  {\n    small: () => <XIcon20Light size={16} align=\"none\" />,\n    medium: () => <XIcon20Light align=\"none\" />,\n    large: () => <XIcon24Regular align=\"none\" />,\n  },\n  'CrossIcon',\n);\n"],"mappings":"+JAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;;AAEO,IAAMI,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,oBAAS;EAChC;IACEC,KAAK,EAAE,SAAAA,MAAA,uBAAMT,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,YAAY,IAACC,IAAI,EAAE,EAAG,EAACC,KAAK,EAAC,MAAM,EAAE,CAAC;IACpDC,MAAM,EAAE,SAAAA,OAAA,uBAAMf,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,YAAY,IAACE,KAAK,EAAC,MAAM,EAAE,CAAC;IAC3CE,KAAK,EAAE,SAAAA,MAAA,uBAAMhB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACN,eAAA,CAAAY,cAAc,IAACH,KAAK,EAAC,MAAM,EAAE,CAAC;EAC9C,CAAC;EACD;AACF,CAAC","ignoreList":[]}

package/cjs/internal/CloseButtonIcon/__creevey__/CloseButtonIcon.creevey.mts

@@ -1,48 +0,0 @@
-import { story, kind, test } from 'creevey';
-import { Key } from 'selenium-webdriver';
-
-const clickThenTAB = (clickDataTid: string) => {
-  test(clickDataTid, async (context) => {
-    await context.webdriver
-      .actions({
-        bridge: true,
-      })
-      .click(context.webdriver.findElement({ css: `[data-tid="${clickDataTid}"] input` }))
-      .pause(500)
-      .perform();
-    const firstFocus = await context.takeScreenshot();
-    await context.webdriver
-      .actions({
-        bridge: true,
-      })
-      .sendKeys(Key.TAB)
-      .pause(500)
-      .perform();
-    const secondFocus = await context.takeScreenshot();
-
-    await context.matchImages({ firstFocus, secondFocus });
-  });
-};
-
-kind('CloseButtonIcon', () => {
-  story('Tabbable', ({ setStoryParameters }) => {
-    setStoryParameters({
-      skip: {
-        'do not pass on teamcity': { in: ['firefox2022', 'firefox2022Dark'] },
-        'only available in theme2022': { in: /^(?!\b.*2022.*\b)/ },
-      },
-    });
-    clickThenTAB('notTabbable');
-    clickThenTAB('tabbable');
-  });
-  story('Side', ({ setStoryParameters }) => {
-    setStoryParameters({
-      skip: { 'only available in theme2022': { in: /^(?!\b.*2022.*\b)/ } },
-    });
-  });
-  story('VerticalAlign', ({ setStoryParameters }) => {
-    setStoryParameters({
-      skip: { 'only available in theme2022': { in: /^(?!\b.*2022.*\b)/ } },
-    });
-  });
-});

package/cjs/internal/CommonWrapper/CommonWrapper.d.ts

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

package/cjs/internal/CommonWrapper/CommonWrapper.js

@@ -1,72 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.CommonWrapper = void 0;var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
-
-var _utils = require("../../lib/utils");
-var _Emotion = require("../../lib/theming/Emotion");
-
-var _rootNode = require("../../lib/rootNode");
-var _callChildRef = require("../../lib/callChildRef/callChildRef");
-
-
-var _extractCommonProps2 = require("./utils/extractCommonProps");
-var _getCommonVisualStateDataAttributes = require("./utils/getCommonVisualStateDataAttributes");var _excluded = ["className", "style", "children", "rootNodeRef"];var _class, _CommonWrapper;var
-
-
-
-
-CommonWrapper = exports.CommonWrapper = (0, _rootNode.rootNode)(_class = (_CommonWrapper = /*#__PURE__*/function (_React$Component) {function CommonWrapper() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
-
-
-
-
-
-
-
-    rootNodeSubscription = null;_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    ref = function (instance) {var _this$rootNodeSubscri, _this$child;
-      _this.setRootNode(instance);
-      _this.props.rootNodeRef == null || _this.props.rootNodeRef((0, _rootNode.getRootNode)(instance));
-
-      // refs are called when instances change,
-      // so we have to renew or remove old subscription
-      (_this$rootNodeSubscri = _this.rootNodeSubscription) == null || _this$rootNodeSubscri.remove();
-      _this.rootNodeSubscription = null;
-
-      if (instance && (0, _rootNode.isInstanceWithRootNode)(instance)) {
-        _this.rootNodeSubscription = instance.addRootNodeChangeListener == null ? void 0 : instance.addRootNodeChangeListener(function (node) {
-          _this.setRootNode(node);
-          _this.props.rootNodeRef == null || _this.props.rootNodeRef(node);
-        });
-      }
-
-      var originalRef = (_this$child = _this.child) == null ? void 0 : _this$child.ref;
-      if (typeof originalRef === 'function' || originalRef && typeof originalRef === 'object') {
-        originalRef && (0, _callChildRef.callChildRef)(originalRef, instance);
-      }
-    };return _this;}(0, _inheritsLoose2.default)(CommonWrapper, _React$Component);var _proto = CommonWrapper.prototype;_proto.render = function render() {var _this2 = this;var _extractCommonProps = (0, _extractCommonProps2.extractCommonProps)(this.props),_extractCommonProps$ = _extractCommonProps[0],className = _extractCommonProps$.className,style = _extractCommonProps$.style,children = _extractCommonProps$.children,rootNodeRef = _extractCommonProps$.rootNodeRef,dataProps = (0, _objectWithoutPropertiesLoose2.default)(_extractCommonProps$, _excluded),rest = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(_extractCommonProps[1]), _extractCommonProps[1]));this.child = (0, _utils.isFunction)(children) ? children(rest) : children;var getChildProps = function getChildProps(child) {var childProps = (0, _extends2.default)({}, (0, _getCommonVisualStateDataAttributes.getCommonVisualStateDataAttributes)(rest), dataProps);(0, _utils.isRefableElement)(child) && (childProps.ref = _this2.ref);var classNames = (0, _Emotion.cx)(child.props.className, className);classNames && (childProps.className = classNames);var styles = (0, _extends2.default)({}, child.props.style, style);Object.keys(styles).length && (childProps.style = styles);return childProps;};return /*#__PURE__*/_react.default.isValidElement(this.child) ? /*#__PURE__*/_react.default.cloneElement(this.child, getChildProps(this.child)) : this.child;};return CommonWrapper;}(_react.default.Component), _CommonWrapper.__KONTUR_REACT_UI__ = 'CommonWrapper', _CommonWrapper.displayName = 'CommonWrapper', _CommonWrapper)) || _class;

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

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

package/cjs/internal/CommonWrapper/index.d.ts

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

package/cjs/internal/CommonWrapper/index.js

@@ -1 +0,0 @@
-"use strict";exports.__esModule = true;var _CommonWrapper = require("./CommonWrapper");Object.keys(_CommonWrapper).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _CommonWrapper[key]) return;exports[key] = _CommonWrapper[key];});

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

@@ -1 +0,0 @@
-{"version":3,"names":["_CommonWrapper","require","Object","keys","forEach","key","exports"],"sources":["index.tsx"],"sourcesContent":["export * from './CommonWrapper';\nexport type { CommonWrapperRestProps } from './types';\nexport type { CommonProps } from './types';\n"],"mappings":"uCAAA,IAAAA,cAAA,GAAAC,OAAA,oBAAAC,MAAA,CAAAC,IAAA,CAAAH,cAAA,EAAAI,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,cAAA,CAAAK,GAAA,UAAAC,OAAA,CAAAD,GAAA,IAAAL,cAAA,CAAAK,GAAA","ignoreList":[]}

package/cjs/internal/CommonWrapper/types.d.ts

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

package/cjs/internal/CommonWrapper/types.js

@@ -1 +0,0 @@
-"use strict";exports.__esModule = true;

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

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

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

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

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

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

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

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

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

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

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

@@ -1,11 +0,0 @@
-"use strict";exports.__esModule = true;exports.getCommonVisualStateDataAttributes = getCommonVisualStateDataAttributes;var _getVisualStateDataAttributes = require("./getVisualStateDataAttributes");
-var _tryGetBoolean = require("./tryGetBoolean");
-
-function getCommonVisualStateDataAttributes(
-componentProps)
-{
-  return (0, _getVisualStateDataAttributes.getVisualStateDataAttributes)({
-    error: (0, _tryGetBoolean.tryGetBoolean)(componentProps['error']),
-    warning: (0, _tryGetBoolean.tryGetBoolean)(componentProps['warning'])
-  });
-}

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

@@ -1 +0,0 @@
-{"version":3,"names":["_getVisualStateDataAttributes","require","_tryGetBoolean","getCommonVisualStateDataAttributes","componentProps","getVisualStateDataAttributes","error","tryGetBoolean","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":"uHAAA,IAAAA,6BAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;;AAEO,SAASE,kCAAkCA;AAChDC,cAAuC;AACF;EACrC,OAAO,IAAAC,0DAA4B,EAAC;IAClCC,KAAK,EAAE,IAAAC,4BAAa,EAACH,cAAc,CAAC,OAAO,CAAC,CAAC;IAC7CI,OAAO,EAAE,IAAAD,4BAAa,EAACH,cAAc,CAAC,SAAS,CAAC;EAClD,CAAC,CAAC;AACJ","ignoreList":[]}

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

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

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

@@ -1,23 +0,0 @@
-"use strict";exports.__esModule = true;exports.getVisualStateDataAttributes = getVisualStateDataAttributes;var _toKebabCase = require("../../../lib/toKebabCase");
-
-
-
-
-var prefix = "data-visual-state-";
-
-function fillResult(result, key, value) {
-  if (value) {
-    result["" + prefix + (0, _toKebabCase.toKebabCase)(key)] = '';
-  }
-
-  return result;
-}
-
-function getVisualStateDataAttributes(
-attributes)
-{
-  return Object.entries(attributes).reduce(
-    function (previousValue, currentValue) {return fillResult(previousValue, currentValue[0], currentValue[1]);},
-    {}
-  );
-}

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

@@ -1 +0,0 @@
-{"version":3,"names":["_toKebabCase","require","prefix","fillResult","result","key","value","toKebabCase","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":"2GAAA,IAAAA,YAAA,GAAAC,OAAA;;;;;AAKA,IAAMC,MAAM,uBAAuB;;AAEnC,SAASC,UAAUA,CAACC,MAA2C,EAAEC,GAAW,EAAEC,KAAwB,EAAE;EACtG,IAAIA,KAAK,EAAE;IACTF,MAAM,MAAIF,MAAM,GAAG,IAAAK,wBAAW,EAACF,GAAG,CAAC,CAAG,GAAG,EAAE;EAC7C;;EAEA,OAAOD,MAAM;AACf;;AAEO,SAASI,4BAA4BA;AAC1CC,UAAa;AACwB;EACrC,OAAOC,MAAM,CAACC,OAAO,CAACF,UAAU,CAAC,CAACG,MAAM;IACtC,UAACC,aAAa,EAAEC,YAAY,UAAKX,UAAU,CAACU,aAAa,EAAEC,YAAY,CAAC,CAAC,CAAC,EAAEA,YAAY,CAAC,CAAC,CAAC,CAAC;IAC5F,CAAC;EACH,CAAC;AACH","ignoreList":[]}

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

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

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

@@ -1 +0,0 @@
-"use strict";exports.__esModule = true;exports.tryGetBoolean = void 0;var tryGetBoolean = exports.tryGetBoolean = function tryGetBoolean(value) {return typeof value === 'boolean' ? value : undefined;};