@skbkontur/react-ui 6.4.2-static-css.0 → 6.4.3-6344a.0

package/internal/DateSelect/DateSelect.js

@@ -41,7 +41,7 @@ import { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';
 import { ThemeContext } from '../../lib/theming/ThemeContext.js';
 import { getRandomID, isNonNullable } from '../../lib/utils.js';
 import { ArrowCollapseCVOpenIcon16Regular } from '../icons2022/ArrowCollapseCVOpenIcon/ArrowCollapseCVOpenIcon16Regular.js';
-import { getStyles, globalClasses } from './DateSelect.styles.js';
+import { getStyles, globalClasses } from './DateSelect.css.js';
 var defaultMinMonth = 0;
 var defaultMaxMonth = 11;
 var defaultMinYear = 1900;
@@ -79,7 +79,7 @@ var DateSelect = /** @class */ (function (_super) {
             var isInteractiveElement = !disabled;
             var Tag = isInteractiveElement ? 'button' : 'span';
             var rootProps = {
-                className: _this.cx(_this.styles.root(), disabled && _this.styles.disabled()),
+                className: _this.cx(_this.styles.root(_this.theme), disabled && _this.styles.disabled()),
                 style: { width: width },
                 onClick: disabled ? undefined : params.onClick,
                 'aria-expanded': isInteractiveElement ? params.opened : undefined,
@@ -120,7 +120,7 @@ var DateSelect = /** @class */ (function (_super) {
     });
     DateSelect.prototype.render = function () {
         var _this = this;
-        this.styles = getStyles();
+        this.styles = getStyles(this.emotion);
         return (React.createElement(ThemeContext.Consumer, null, function (theme) {
             _this.theme = theme;
             return _this.renderMain();

package/internal/DateSelect/DateSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateSelect.js","sourceRoot":"","sources":["DateSelect.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { createRef } from 'react';\n\nimport type { DatePickerLocale } from '../../components/DatePicker/locale/index.js';\nimport { DatePickerLocaleHelper } from '../../components/DatePicker/locale/index.js';\nimport { MenuItem } from '../../components/MenuItem/index.js';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator.js';\nimport type { ButtonParams } from '../../components/Select/index.js';\nimport { Select } from '../../components/Select/index.js';\nimport type { PopupPositionsType } from '../../internal/Popup/types.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { locale } from '../../lib/locale/decorators.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport type { ClassNames } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { getRandomID, isNonNullable } from '../../lib/utils.js';\nimport { ArrowCollapseCVOpenIcon16Regular } from '../icons2022/ArrowCollapseCVOpenIcon/ArrowCollapseCVOpenIcon16Regular.js';\nimport { getStyles, globalClasses } from './DateSelect.styles.js';\n\nconst defaultMinMonth = 0;\nconst defaultMaxMonth = 11;\nconst defaultMinYear = 1900;\nconst defaultMaxYear = 2099;\nconst months = range(defaultMinMonth, defaultMaxMonth);\nconst years = range(defaultMinYear, defaultMaxYear);\n\nfunction range(start: number, end: number) {\n  return Array(end - start + 1)\n    .fill(null)\n    .map((_, index) => start + index);\n}\n\nexport interface DateSelectProps {\n  disabled?: boolean;\n  onValueChange: (value: number) => void;\n  type?: 'month' | 'year';\n  value: number;\n  width?: number | string;\n  minValue?: number;\n  maxValue?: number;\n}\n\nexport const DateSelectDataTids = {\n  caption: 'DateSelect__caption',\n  menuItem: 'DateSelect__menuItem',\n  menu: 'DateSelect__menu',\n} as const;\n\ntype DefaultProps = Required<Pick<DateSelectProps, 'type' | 'width'>>;\n\nconst DATE_SELECT_POSITIONS: PopupPositionsType[] = [\n  'middle left',\n  'middle right',\n  'bottom left',\n  'top left',\n  'bottom right',\n  'top right',\n];\n\n@withRenderEnvironment\n@responsiveLayout\n@locale('Calendar', DatePickerLocaleHelper)\nexport class DateSelect extends React.PureComponent<DateSelectProps> {\n  public static __KONTUR_REACT_UI__ = 'DateSelect';\n  public static displayName = 'DateSelect';\n\n  public static defaultProps: DefaultProps = {\n    type: 'year',\n    width: 'auto',\n  };\n\n  private getProps = createPropsGetter(DateSelect.defaultProps);\n\n  private get isYearType() {\n    return this.getProps().type === 'year';\n  }\n\n  private cx!: ClassNames;\n  private styles!: ReturnType<typeof getStyles>;\n  private theme!: Theme;\n  private readonly locale!: DatePickerLocale;\n  private readonly selectRef = createRef<Select<number, number>>();\n\n  public render() {\n    this.styles = getStyles();\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private menuId = DateSelectDataTids.menu + getRandomID();\n\n  private renderButton = (params: ButtonParams) => {\n    const { value, disabled } = this.props;\n    const width = this.getProps().width;\n    const isInteractiveElement = !disabled;\n    const Tag = isInteractiveElement ? 'button' : 'span';\n    const rootProps = {\n      className: this.cx(this.styles.root(), disabled && this.styles.disabled()),\n      style: { width },\n      onClick: disabled ? undefined : params.onClick,\n      'aria-expanded': isInteractiveElement ? params.opened : undefined,\n      'aria-controls': !disabled ? this.menuId : undefined,\n      'aria-label': isInteractiveElement\n        ? `${this.locale.selectChosenAriaLabel} ${\n            this.getProps().type === 'year' ? this.locale.selectYearAriaLabel : this.locale.selectMonthAriaLabel\n          } ${this.getItem(value)}`\n        : undefined,\n    };\n\n    return (\n      <Tag {...rootProps}>\n        <div data-tid={DateSelectDataTids.caption} className={this.styles.caption()}>\n          {this.getItem(value)}\n        </div>\n        {isInteractiveElement && (\n          <ArrowCollapseCVOpenIcon16Regular className={this.cx(globalClasses.arrow)} color=\"#ADADAD\" />\n        )}\n      </Tag>\n    );\n  };\n\n  public close(): void {\n    this.selectRef.current?.close();\n  }\n\n  private renderMain() {\n    const { value, disabled, onValueChange } = this.getProps();\n    const theme = {\n      btnBorderRadiusSmall: this.theme.menuItemBorderRadius,\n    };\n\n    return (\n      <Select\n        use=\"text\"\n        value={value}\n        ref={this.selectRef}\n        theme={theme}\n        disabled={disabled}\n        _renderButton={this.renderButton}\n        menuPos=\"middle\"\n        positions={DATE_SELECT_POSITIONS}\n        renderValue={this.getItem}\n        items={this.getItems()}\n        menuOffset={parseInt(this.theme.menuPaddingX) + parseInt(this.theme.menuItemPaddingXSmall)}\n        onValueChange={onValueChange}\n        aria-label={`${this.locale.selectChosenAriaLabel} ${\n          this.isYearType ? this.locale.selectYearAriaLabel : this.locale.selectMonthAriaLabel\n        } ${this.getItem(value)}`}\n      />\n    );\n  }\n\n  private isOptionDisabled(option: number) {\n    const { minValue, maxValue } = this.getProps();\n\n    if (isNonNullable(maxValue) && isNonNullable(minValue)) {\n      return option > maxValue || option < minValue;\n    }\n\n    if (isNonNullable(minValue)) {\n      return option < minValue;\n    }\n\n    if (isNonNullable(maxValue)) {\n      return option > maxValue;\n    }\n  }\n\n  private getItems = () => {\n    const { value, onValueChange } = this.getProps();\n    const options = this.isYearType ? years : months;\n\n    return options.map((option) => {\n      const isSelected = option === value;\n      const isOptionDisabled = this.isOptionDisabled(option);\n\n      return (\n        <MenuItem\n          scrollIntoView={isSelected}\n          disabled={isOptionDisabled}\n          state={isSelected ? 'selected' : null}\n          onClick={() => onValueChange(option)}\n          aria-label={`Выбрать ${this.isYearType ? 'год' : 'месяц'} ${this.getItem(option)}`}\n          data-tid={DateSelectDataTids.menuItem}\n          data-disabled={isOptionDisabled}\n          key={option}\n        >\n          {this.getItem(option)}\n        </MenuItem>\n      );\n    });\n  };\n\n  private getItem = (value: number) => {\n    if (this.isYearType) {\n      return value;\n    }\n\n    return this.locale.months?.[value];\n  };\n}\n"]}
+{"version":3,"file":"DateSelect.js","sourceRoot":"","sources":["DateSelect.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport React, { createRef } from 'react';\n\nimport type { DatePickerLocale } from '../../components/DatePicker/locale/index.js';\nimport { DatePickerLocaleHelper } from '../../components/DatePicker/locale/index.js';\nimport { MenuItem } from '../../components/MenuItem/index.js';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator.js';\nimport type { ButtonParams } from '../../components/Select/index.js';\nimport { Select } from '../../components/Select/index.js';\nimport type { PopupPositionsType } from '../../internal/Popup/types.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { locale } from '../../lib/locale/decorators.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { getRandomID, isNonNullable } from '../../lib/utils.js';\nimport { ArrowCollapseCVOpenIcon16Regular } from '../icons2022/ArrowCollapseCVOpenIcon/ArrowCollapseCVOpenIcon16Regular.js';\nimport { getStyles, globalClasses } from './DateSelect.css.js';\n\nconst defaultMinMonth = 0;\nconst defaultMaxMonth = 11;\nconst defaultMinYear = 1900;\nconst defaultMaxYear = 2099;\nconst months = range(defaultMinMonth, defaultMaxMonth);\nconst years = range(defaultMinYear, defaultMaxYear);\n\nfunction range(start: number, end: number) {\n  return Array(end - start + 1)\n    .fill(null)\n    .map((_, index) => start + index);\n}\n\nexport interface DateSelectProps {\n  disabled?: boolean;\n  onValueChange: (value: number) => void;\n  type?: 'month' | 'year';\n  value: number;\n  width?: number | string;\n  minValue?: number;\n  maxValue?: number;\n}\n\nexport const DateSelectDataTids = {\n  caption: 'DateSelect__caption',\n  menuItem: 'DateSelect__menuItem',\n  menu: 'DateSelect__menu',\n} as const;\n\ntype DefaultProps = Required<Pick<DateSelectProps, 'type' | 'width'>>;\n\nconst DATE_SELECT_POSITIONS: PopupPositionsType[] = [\n  'middle left',\n  'middle right',\n  'bottom left',\n  'top left',\n  'bottom right',\n  'top right',\n];\n\n@withRenderEnvironment\n@responsiveLayout\n@locale('Calendar', DatePickerLocaleHelper)\nexport class DateSelect extends React.PureComponent<DateSelectProps> {\n  public static __KONTUR_REACT_UI__ = 'DateSelect';\n  public static displayName = 'DateSelect';\n\n  public static defaultProps: DefaultProps = {\n    type: 'year',\n    width: 'auto',\n  };\n\n  private getProps = createPropsGetter(DateSelect.defaultProps);\n\n  private get isYearType() {\n    return this.getProps().type === 'year';\n  }\n\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n  private theme!: Theme;\n  private readonly locale!: DatePickerLocale;\n  private readonly selectRef = createRef<Select<number, number>>();\n\n  public render() {\n    this.styles = getStyles(this.emotion);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private menuId = DateSelectDataTids.menu + getRandomID();\n\n  private renderButton = (params: ButtonParams) => {\n    const { value, disabled } = this.props;\n    const width = this.getProps().width;\n    const isInteractiveElement = !disabled;\n    const Tag = isInteractiveElement ? 'button' : 'span';\n    const rootProps = {\n      className: this.cx(this.styles.root(this.theme), disabled && this.styles.disabled()),\n      style: { width },\n      onClick: disabled ? undefined : params.onClick,\n      'aria-expanded': isInteractiveElement ? params.opened : undefined,\n      'aria-controls': !disabled ? this.menuId : undefined,\n      'aria-label': isInteractiveElement\n        ? `${this.locale.selectChosenAriaLabel} ${\n            this.getProps().type === 'year' ? this.locale.selectYearAriaLabel : this.locale.selectMonthAriaLabel\n          } ${this.getItem(value)}`\n        : undefined,\n    };\n\n    return (\n      <Tag {...rootProps}>\n        <div data-tid={DateSelectDataTids.caption} className={this.styles.caption()}>\n          {this.getItem(value)}\n        </div>\n        {isInteractiveElement && (\n          <ArrowCollapseCVOpenIcon16Regular className={this.cx(globalClasses.arrow)} color=\"#ADADAD\" />\n        )}\n      </Tag>\n    );\n  };\n\n  public close(): void {\n    this.selectRef.current?.close();\n  }\n\n  private renderMain() {\n    const { value, disabled, onValueChange } = this.getProps();\n    const theme = {\n      btnBorderRadiusSmall: this.theme.menuItemBorderRadius,\n    };\n\n    return (\n      <Select\n        use=\"text\"\n        value={value}\n        ref={this.selectRef}\n        theme={theme}\n        disabled={disabled}\n        _renderButton={this.renderButton}\n        menuPos=\"middle\"\n        positions={DATE_SELECT_POSITIONS}\n        renderValue={this.getItem}\n        items={this.getItems()}\n        menuOffset={parseInt(this.theme.menuPaddingX) + parseInt(this.theme.menuItemPaddingXSmall)}\n        onValueChange={onValueChange}\n        aria-label={`${this.locale.selectChosenAriaLabel} ${\n          this.isYearType ? this.locale.selectYearAriaLabel : this.locale.selectMonthAriaLabel\n        } ${this.getItem(value)}`}\n      />\n    );\n  }\n\n  private isOptionDisabled(option: number) {\n    const { minValue, maxValue } = this.getProps();\n\n    if (isNonNullable(maxValue) && isNonNullable(minValue)) {\n      return option > maxValue || option < minValue;\n    }\n\n    if (isNonNullable(minValue)) {\n      return option < minValue;\n    }\n\n    if (isNonNullable(maxValue)) {\n      return option > maxValue;\n    }\n  }\n\n  private getItems = () => {\n    const { value, onValueChange } = this.getProps();\n    const options = this.isYearType ? years : months;\n\n    return options.map((option) => {\n      const isSelected = option === value;\n      const isOptionDisabled = this.isOptionDisabled(option);\n\n      return (\n        <MenuItem\n          scrollIntoView={isSelected}\n          disabled={isOptionDisabled}\n          state={isSelected ? 'selected' : null}\n          onClick={() => onValueChange(option)}\n          aria-label={`Выбрать ${this.isYearType ? 'год' : 'месяц'} ${this.getItem(option)}`}\n          data-tid={DateSelectDataTids.menuItem}\n          data-disabled={isOptionDisabled}\n          key={option}\n        >\n          {this.getItem(option)}\n        </MenuItem>\n      );\n    });\n  };\n\n  private getItem = (value: number) => {\n    if (this.isYearType) {\n      return value;\n    }\n\n    return this.locale.months?.[value];\n  };\n}\n"]}

package/internal/HideBodyVerticalScroll/HideBodyVerticalScroll.css.d.ts

@@ -0,0 +1,3 @@
+export declare const getStyles: import("../../lib/theming/StaticStyles.js").StylesGetter<{
+    root(): string;
+}>;

package/internal/HideBodyVerticalScroll/HideBodyVerticalScroll.css.js

@@ -0,0 +1,3 @@
+
+import { bindStaticStyles as _b9cd9 } from '../../lib/theming/bindStaticStyles.js';
+export var getStyles = _b9cd9({root:'react-ui-HideBodyVerticalScroll__root'});

package/internal/HideBodyVerticalScroll/HideBodyVerticalScroll.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HideBodyVerticalScroll.css.js","sourceRoot":"","sources":["HideBodyVerticalScroll.css.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAE3F,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QAC/D,IAAI;YACF,iFAAiF;YACjF,OAAO,GAAG,6MAAA,0IAIT,KAAC;QACJ,CAAC;KACF,CAAC;AAT8D,CAS9D,CAAC,CAAC;AAEJ,oBAAoB,EAAE,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { finalizeStaticStyles, memoizeGetStyles } from '../../lib/theming/StaticStyles.js';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root() {\n    // значение переменной ставится на <html> в рантайме (HideBodyVerticalScroll.tsx)\n    return css`\n      overflow: hidden !important;\n      margin-right: var(--react-ui-hide-body-scroll-margin) !important;\n      height: 100%;\n    `;\n  },\n}));\n\nfinalizeStaticStyles();\n"]}

package/internal/HideBodyVerticalScroll/HideBodyVerticalScroll.d.ts

@@ -4,6 +4,7 @@ export declare class HideBodyVerticalScroll extends React.Component {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
     static globalObject: GlobalObject;
+    private static emotion;
     private initialScroll;
     private master;
     componentDidMount(): void;
@@ -12,21 +13,6 @@ export declare class HideBodyVerticalScroll extends React.Component {
     render(): React.JSX.Element;
     static updateScrollVisibility: () => void;
     static hideScroll: () => void;
-    /**
-     * Ширина полосы прокрутки на момент блокировки: сколько окна не досталось
-     * документу, за вычетом его собственных полей.
-     *
-     * Раньше здесь звался `getScrollWidth`, а он запоминает результат первого
-     * измерения на всю жизнь страницы. В скриншотных прогонах истории живут в
-     * одном документе подряд, и значение доставалось от той из них, которая
-     * позвала функцию первой, — в том числе от мобильной, где полосы нет вовсе.
-     * Тогда компенсация становилась нулевой, страница при блокировке
-     * расширялась на ширину полосы, и переносы строк ехали по всему кадру.
-     *
-     * Измерение по факту стоит двух чтений и от порядка не зависит. Полосы нет —
-     * получится ноль, и это правильный ответ, а не потерянное значение.
-     */
-    private static measureScrollbarWidth;
-    static attachStyle: (element: HTMLElement, className: string) => () => void;
+    static attachStyle: (element: HTMLElement, className: string, margin: number) => () => void;
     private restoreStyles;
 }

package/internal/HideBodyVerticalScroll/HideBodyVerticalScroll.js

@@ -17,7 +17,8 @@ import React from 'react';
 import { getScrollWidth } from '../../lib/dom/getScrollWidth.js';
 import { isBrowser } from '../../lib/globalObject.js';
 import { RenderEnvironmentContext } from '../../lib/renderEnvironment/index.js';
-import { HIDDEN_SCROLLBAR_MARGIN_VAR, getStyles } from './HideBodyVerticalScroll.styles.js';
+import { getStyles } from './HideBodyVerticalScroll.css.js';
+var MARGIN_VARIABLE = '--react-ui-hide-body-scroll-margin';
 var disposeDocumentStyle = null;
 var HideBodyVerticalScroll = /** @class */ (function (_super) {
     __extends(HideBodyVerticalScroll, _super);
@@ -63,8 +64,9 @@ var HideBodyVerticalScroll = /** @class */ (function (_super) {
     };
     HideBodyVerticalScroll.prototype.render = function () {
         return (React.createElement(RenderEnvironmentContext.Consumer, null, function (_a) {
-            var globalObject = _a.globalObject;
+            var globalObject = _a.globalObject, emotion = _a.emotion;
             HideBodyVerticalScroll.globalObject = globalObject;
+            HideBodyVerticalScroll.emotion = emotion;
             return null;
         }));
     };
@@ -83,45 +85,18 @@ var HideBodyVerticalScroll = /** @class */ (function (_super) {
         var documentElement = HideBodyVerticalScroll.globalObject.document.documentElement;
         var clientHeight = documentElement.clientHeight, scrollHeight = documentElement.scrollHeight;
         var documentComputedStyle = HideBodyVerticalScroll.globalObject.getComputedStyle(documentElement);
-        var scrollbarConst = documentComputedStyle.overflowY === 'scroll';
-        var documentMargin = parseFloat(documentComputedStyle.marginRight) || 0;
-        var scrollWidth = clientHeight < scrollHeight || scrollbarConst
-            ? HideBodyVerticalScroll.measureScrollbarWidth(documentElement, documentComputedStyle)
-            : 0;
-        // Значение уходит в переменную, а не в правило: `setProperty` идёт через
-        // CSSOM, и `style-src-attr` его не касается — директива покрывает атрибут
-        // только при разборе разметки и при `setAttribute`.
-        documentElement.style.setProperty(HIDDEN_SCROLLBAR_MARGIN_VAR, "".concat(documentMargin + scrollWidth, "px"));
-        var hiddenScroll = getStyles().hiddenScroll;
-        disposeDocumentStyle = HideBodyVerticalScroll.attachStyle(documentElement, hiddenScroll());
+        var scrollbarConst = HideBodyVerticalScroll.globalObject.getComputedStyle(documentElement).overflowY === 'scroll';
+        var scrollWidth = clientHeight < scrollHeight || scrollbarConst ? getScrollWidth(HideBodyVerticalScroll.globalObject) : 0;
+        var documentMargin = parseFloat(documentComputedStyle.marginRight || '');
+        var className = getStyles(HideBodyVerticalScroll.emotion).root();
+        disposeDocumentStyle = HideBodyVerticalScroll.attachStyle(documentElement, className, documentMargin + scrollWidth);
     };
-    /**
-     * Ширина полосы прокрутки на момент блокировки: сколько окна не досталось
-     * документу, за вычетом его собственных полей.
-     *
-     * Раньше здесь звался `getScrollWidth`, а он запоминает результат первого
-     * измерения на всю жизнь страницы. В скриншотных прогонах истории живут в
-     * одном документе подряд, и значение доставалось от той из них, которая
-     * позвала функцию первой, — в том числе от мобильной, где полосы нет вовсе.
-     * Тогда компенсация становилась нулевой, страница при блокировке
-     * расширялась на ширину полосы, и переносы строк ехали по всему кадру.
-     *
-     * Измерение по факту стоит двух чтений и от порядка не зависит. Полосы нет —
-     * получится ноль, и это правильный ответ, а не потерянное значение.
-     */
-    HideBodyVerticalScroll.measureScrollbarWidth = function (documentElement, computedStyle) {
-        var innerWidth = HideBodyVerticalScroll.globalObject.innerWidth;
-        if (!innerWidth) {
-            return getScrollWidth(HideBodyVerticalScroll.globalObject);
-        }
-        var horizontalMargins = (parseFloat(computedStyle.marginLeft) || 0) + (parseFloat(computedStyle.marginRight) || 0);
-        return Math.max(0, innerWidth - documentElement.clientWidth - horizontalMargins);
-    };
-    HideBodyVerticalScroll.attachStyle = function (element, className) {
+    HideBodyVerticalScroll.attachStyle = function (element, className, margin) {
+        element.style.setProperty(MARGIN_VARIABLE, "".concat(margin, "px"));
         element.classList.add(className);
         return function () {
             element.classList.remove(className);
-            element.style.removeProperty(HIDDEN_SCROLLBAR_MARGIN_VAR);
+            element.style.removeProperty(MARGIN_VARIABLE);
         };
     };
     return HideBodyVerticalScroll;

package/internal/HideBodyVerticalScroll/HideBodyVerticalScroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"HideBodyVerticalScroll.js","sourceRoot":"","sources":["HideBodyVerticalScroll.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { getScrollWidth } from '../../lib/dom/getScrollWidth.js';\nimport type { GlobalObject } from '../../lib/globalObject.js';\nimport { isBrowser } from '../../lib/globalObject.js';\nimport { RenderEnvironmentContext } from '../../lib/renderEnvironment/index.js';\nimport { HIDDEN_SCROLLBAR_MARGIN_VAR, getStyles } from './HideBodyVerticalScroll.styles.js';\n\nlet disposeDocumentStyle: (() => void) | null = null;\n\ninterface GlobalWithRetailUIVerticalScrollCounter {\n  RetailUIVerticalScrollCounter?: number;\n}\n\nexport class HideBodyVerticalScroll extends React.Component {\n  public static __KONTUR_REACT_UI__ = 'HideBodyVerticalScroll';\n  public static displayName = 'HideBodyVerticalScroll';\n\n  public static globalObject: GlobalObject;\n\n  private initialScroll = 0;\n  private master = false;\n\n  public componentDidMount() {\n    const counter = VerticalScrollCounter.increment();\n    if (counter === 1) {\n      this.master = true;\n      this.initialScroll = HideBodyVerticalScroll.globalObject.document?.documentElement\n        ? HideBodyVerticalScroll.globalObject.document.documentElement.scrollTop\n        : 0;\n      HideBodyVerticalScroll.updateScrollVisibility();\n      HideBodyVerticalScroll.globalObject.addEventListener?.('resize', HideBodyVerticalScroll.updateScrollVisibility);\n    }\n  }\n\n  public componentDidUpdate() {\n    if (this.master) {\n      HideBodyVerticalScroll.updateScrollVisibility();\n    }\n  }\n\n  public componentWillUnmount() {\n    const counter = VerticalScrollCounter.decrement();\n    if (counter === 0) {\n      this.restoreStyles();\n      HideBodyVerticalScroll.globalObject.removeEventListener?.(\n        'resize',\n        HideBodyVerticalScroll.updateScrollVisibility,\n      );\n    }\n  }\n\n  public render() {\n    return (\n      <RenderEnvironmentContext.Consumer>\n        {({ globalObject }) => {\n          HideBodyVerticalScroll.globalObject = globalObject;\n\n          return null;\n        }}\n      </RenderEnvironmentContext.Consumer>\n    );\n  }\n\n  public static updateScrollVisibility = () => {\n    const shouldHide = !disposeDocumentStyle;\n    if (shouldHide) {\n      HideBodyVerticalScroll.hideScroll();\n    }\n  };\n\n  public static hideScroll = () => {\n    if (!isBrowser(HideBodyVerticalScroll.globalObject)) {\n      return;\n    }\n    const { documentElement } = HideBodyVerticalScroll.globalObject.document;\n    const { clientHeight, scrollHeight } = documentElement;\n    const documentComputedStyle = HideBodyVerticalScroll.globalObject.getComputedStyle(documentElement);\n    const scrollbarConst = documentComputedStyle.overflowY === 'scroll';\n    const documentMargin = parseFloat(documentComputedStyle.marginRight) || 0;\n    const scrollWidth =\n      clientHeight < scrollHeight || scrollbarConst\n        ? HideBodyVerticalScroll.measureScrollbarWidth(documentElement, documentComputedStyle)\n        : 0;\n\n    // Значение уходит в переменную, а не в правило: `setProperty` идёт через\n    // CSSOM, и `style-src-attr` его не касается — директива покрывает атрибут\n    // только при разборе разметки и при `setAttribute`.\n    documentElement.style.setProperty(HIDDEN_SCROLLBAR_MARGIN_VAR, `${documentMargin + scrollWidth}px`);\n\n    const { hiddenScroll } = getStyles();\n    disposeDocumentStyle = HideBodyVerticalScroll.attachStyle(documentElement, hiddenScroll());\n  };\n\n  /**\n   * Ширина полосы прокрутки на момент блокировки: сколько окна не досталось\n   * документу, за вычетом его собственных полей.\n   *\n   * Раньше здесь звался `getScrollWidth`, а он запоминает результат первого\n   * измерения на всю жизнь страницы. В скриншотных прогонах истории живут в\n   * одном документе подряд, и значение доставалось от той из них, которая\n   * позвала функцию первой, — в том числе от мобильной, где полосы нет вовсе.\n   * Тогда компенсация становилась нулевой, страница при блокировке\n   * расширялась на ширину полосы, и переносы строк ехали по всему кадру.\n   *\n   * Измерение по факту стоит двух чтений и от порядка не зависит. Полосы нет —\n   * получится ноль, и это правильный ответ, а не потерянное значение.\n   */\n  private static measureScrollbarWidth = (documentElement: HTMLElement, computedStyle: CSSStyleDeclaration) => {\n    const { innerWidth } = HideBodyVerticalScroll.globalObject;\n    if (!innerWidth) {\n      return getScrollWidth(HideBodyVerticalScroll.globalObject);\n    }\n\n    const horizontalMargins =\n      (parseFloat(computedStyle.marginLeft) || 0) + (parseFloat(computedStyle.marginRight) || 0);\n\n    return Math.max(0, innerWidth - documentElement.clientWidth - horizontalMargins);\n  };\n\n  public static attachStyle = (element: HTMLElement, className: string) => {\n    element.classList.add(className);\n    return () => {\n      element.classList.remove(className);\n      element.style.removeProperty(HIDDEN_SCROLLBAR_MARGIN_VAR);\n    };\n  };\n\n  private restoreStyles = () => {\n    if (disposeDocumentStyle) {\n      disposeDocumentStyle();\n      disposeDocumentStyle = null;\n\n      if (HideBodyVerticalScroll.globalObject.document) {\n        HideBodyVerticalScroll.globalObject.document.documentElement.scrollTop = this.initialScroll;\n      }\n    }\n  };\n}\n\nclass VerticalScrollCounter {\n  public static increment = (): number => {\n    const globalWithRetailUIVerticalScrollCounter =\n      HideBodyVerticalScroll.globalObject as GlobalWithRetailUIVerticalScrollCounter;\n    const counter = globalWithRetailUIVerticalScrollCounter.RetailUIVerticalScrollCounter || 0;\n    return (globalWithRetailUIVerticalScrollCounter.RetailUIVerticalScrollCounter = counter + 1);\n  };\n\n  public static decrement = (): number => {\n    const globalWithRetailUIVerticalScrollCounter =\n      HideBodyVerticalScroll.globalObject as GlobalWithRetailUIVerticalScrollCounter;\n    const counter = globalWithRetailUIVerticalScrollCounter.RetailUIVerticalScrollCounter || 0;\n    return (globalWithRetailUIVerticalScrollCounter.RetailUIVerticalScrollCounter = counter - 1);\n  };\n\n  public static get = (): number => {\n    const globalWithRetailUIVerticalScrollCounter =\n      HideBodyVerticalScroll.globalObject as GlobalWithRetailUIVerticalScrollCounter;\n    return globalWithRetailUIVerticalScrollCounter.RetailUIVerticalScrollCounter || 0;\n  };\n}\n"]}
+{"version":3,"file":"HideBodyVerticalScroll.js","sourceRoot":"","sources":["HideBodyVerticalScroll.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport React from 'react';\n\nimport { getScrollWidth } from '../../lib/dom/getScrollWidth.js';\nimport type { GlobalObject } from '../../lib/globalObject.js';\nimport { isBrowser } from '../../lib/globalObject.js';\nimport { RenderEnvironmentContext } from '../../lib/renderEnvironment/index.js';\nimport { getStyles } from './HideBodyVerticalScroll.css.js';\n\nconst MARGIN_VARIABLE = '--react-ui-hide-body-scroll-margin';\n\nlet disposeDocumentStyle: (() => void) | null = null;\n\ninterface GlobalWithRetailUIVerticalScrollCounter {\n  RetailUIVerticalScrollCounter?: number;\n}\n\nexport class HideBodyVerticalScroll extends React.Component {\n  public static __KONTUR_REACT_UI__ = 'HideBodyVerticalScroll';\n  public static displayName = 'HideBodyVerticalScroll';\n\n  public static globalObject: GlobalObject;\n  private static emotion: Emotion;\n\n  private initialScroll = 0;\n  private master = false;\n\n  public componentDidMount() {\n    const counter = VerticalScrollCounter.increment();\n    if (counter === 1) {\n      this.master = true;\n      this.initialScroll = HideBodyVerticalScroll.globalObject.document?.documentElement\n        ? HideBodyVerticalScroll.globalObject.document.documentElement.scrollTop\n        : 0;\n      HideBodyVerticalScroll.updateScrollVisibility();\n      HideBodyVerticalScroll.globalObject.addEventListener?.('resize', HideBodyVerticalScroll.updateScrollVisibility);\n    }\n  }\n\n  public componentDidUpdate() {\n    if (this.master) {\n      HideBodyVerticalScroll.updateScrollVisibility();\n    }\n  }\n\n  public componentWillUnmount() {\n    const counter = VerticalScrollCounter.decrement();\n    if (counter === 0) {\n      this.restoreStyles();\n      HideBodyVerticalScroll.globalObject.removeEventListener?.(\n        'resize',\n        HideBodyVerticalScroll.updateScrollVisibility,\n      );\n    }\n  }\n\n  public render() {\n    return (\n      <RenderEnvironmentContext.Consumer>\n        {({ globalObject, emotion }) => {\n          HideBodyVerticalScroll.globalObject = globalObject;\n          HideBodyVerticalScroll.emotion = emotion;\n\n          return null;\n        }}\n      </RenderEnvironmentContext.Consumer>\n    );\n  }\n\n  public static updateScrollVisibility = () => {\n    const shouldHide = !disposeDocumentStyle;\n    if (shouldHide) {\n      HideBodyVerticalScroll.hideScroll();\n    }\n  };\n\n  public static hideScroll = () => {\n    if (!isBrowser(HideBodyVerticalScroll.globalObject)) {\n      return;\n    }\n    const { documentElement } = HideBodyVerticalScroll.globalObject.document;\n    const { clientHeight, scrollHeight } = documentElement;\n    const documentComputedStyle = HideBodyVerticalScroll.globalObject.getComputedStyle(documentElement);\n    const scrollbarConst = HideBodyVerticalScroll.globalObject.getComputedStyle(documentElement).overflowY === 'scroll';\n    const scrollWidth =\n      clientHeight < scrollHeight || scrollbarConst ? getScrollWidth(HideBodyVerticalScroll.globalObject) : 0;\n    const documentMargin = parseFloat(documentComputedStyle.marginRight || '');\n    const className = getStyles(HideBodyVerticalScroll.emotion).root();\n\n    disposeDocumentStyle = HideBodyVerticalScroll.attachStyle(documentElement, className, documentMargin + scrollWidth);\n  };\n\n  public static attachStyle = (element: HTMLElement, className: string, margin: number) => {\n    element.style.setProperty(MARGIN_VARIABLE, `${margin}px`);\n    element.classList.add(className);\n    return () => {\n      element.classList.remove(className);\n      element.style.removeProperty(MARGIN_VARIABLE);\n    };\n  };\n\n  private restoreStyles = () => {\n    if (disposeDocumentStyle) {\n      disposeDocumentStyle();\n      disposeDocumentStyle = null;\n\n      if (HideBodyVerticalScroll.globalObject.document) {\n        HideBodyVerticalScroll.globalObject.document.documentElement.scrollTop = this.initialScroll;\n      }\n    }\n  };\n}\n\nclass VerticalScrollCounter {\n  public static increment = (): number => {\n    const globalWithRetailUIVerticalScrollCounter =\n      HideBodyVerticalScroll.globalObject as GlobalWithRetailUIVerticalScrollCounter;\n    const counter = globalWithRetailUIVerticalScrollCounter.RetailUIVerticalScrollCounter || 0;\n    return (globalWithRetailUIVerticalScrollCounter.RetailUIVerticalScrollCounter = counter + 1);\n  };\n\n  public static decrement = (): number => {\n    const globalWithRetailUIVerticalScrollCounter =\n      HideBodyVerticalScroll.globalObject as GlobalWithRetailUIVerticalScrollCounter;\n    const counter = globalWithRetailUIVerticalScrollCounter.RetailUIVerticalScrollCounter || 0;\n    return (globalWithRetailUIVerticalScrollCounter.RetailUIVerticalScrollCounter = counter - 1);\n  };\n\n  public static get = (): number => {\n    const globalWithRetailUIVerticalScrollCounter =\n      HideBodyVerticalScroll.globalObject as GlobalWithRetailUIVerticalScrollCounter;\n    return globalWithRetailUIVerticalScrollCounter.RetailUIVerticalScrollCounter || 0;\n  };\n}\n"]}

package/internal/InputLikeText/InputLikeText.css.d.ts

@@ -0,0 +1,8 @@
+export declare const getStyles: import("../../lib/theming/StaticStyles.js").StylesGetter<{
+    root(): string;
+    absolute(): string;
+    wrapperMultiline(): string;
+    userSelectContain(): string;
+    userSelectNone(): string;
+    rightSide(): string;
+}>;

package/internal/InputLikeText/InputLikeText.css.js

@@ -0,0 +1,3 @@
+
+import { bindStaticStyles as _b9cd9 } from '../../lib/theming/bindStaticStyles.js';
+export var getStyles = _b9cd9({root:'react-ui-InputLikeText__root',absolute:'react-ui-InputLikeText__absolute',wrapperMultiline:'react-ui-InputLikeText__wrapperMultiline',userSelectContain:'react-ui-InputLikeText__userSelectContain',userSelectNone:'react-ui-InputLikeText__userSelectNone',rightSide:'react-ui-InputLikeText__rightSide'});

package/internal/InputLikeText/InputLikeText.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputLikeText.css.js","sourceRoot":"","sources":["InputLikeText.css.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAE3F,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QAC/D,IAAI;YACF,OAAO,GAAG,uWAAA,oSAET,KAAC;QACJ,CAAC;QAED,QAAQ;YACN,OAAO,GAAG,qHAAA,kDAGT,KAAC;QACJ,CAAC;QAED,gBAAgB;YACd,OAAO,GAAG,iKAAA,8FAIT,KAAC;QACJ,CAAC;QAED,iBAAiB;YACf,OAAO,GAAG,sIAAA,mEAGT,KAAC;QACJ,CAAC;QAED,cAAc;YACZ,OAAO,GAAG,qGAAA,kCAET,KAAC;QACJ,CAAC;QAED,SAAS;YACP,OAAO,GAAG,+HAAA,4DAGT,KAAC;QACJ,CAAC;KACF,CAAC;AAzC8D,CAyC9D,CAAC,CAAC;AAEJ,oBAAoB,EAAE,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { finalizeStaticStyles, memoizeGetStyles } from '../../lib/theming/StaticStyles.js';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root() {\n    return css`\n      /* padding-right: 10px в master перебивался размерным padding Input (он вызывался позже) */\n    `;\n  },\n\n  absolute() {\n    return css`\n      position: absolute;\n      top: 0;\n    `;\n  },\n\n  wrapperMultiline() {\n    return css`\n      overflow-wrap: anywhere;\n      white-space: normal;\n      overflow: visible;\n    `;\n  },\n\n  userSelectContain() {\n    return css`\n      user-select: text;\n      -ms-user-select: element;\n    `;\n  },\n\n  userSelectNone() {\n    return css`\n      user-select: none;\n    `;\n  },\n\n  rightSide() {\n    return css`\n      padding-left: 0;\n      visibility: visible;\n    `;\n  },\n}));\n\nfinalizeStaticStyles();\n"]}

package/internal/InputLikeText/InputLikeText.d.ts

@@ -31,6 +31,7 @@ export declare class InputLikeText extends React.Component<InputLikeTextProps, O
         clearCrossShowed: boolean;
     };
     private globalObject;
+    private emotion;
     private cx;
     private jsInputStyles;
     private styles;

package/internal/InputLikeText/InputLikeText.js

@@ -45,7 +45,7 @@ import debounce from 'lodash.debounce';
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { InputDataTids, calculateClearCrossShowedState } from '../../components/Input/index.js';
-import { getStyles as getJsInputStyles } from '../../components/Input/Input.styles.js';
+import { getStyles as getJsInputStyles } from '../../components/Input/Input.css.js';
 import { InputLayoutAside } from '../../components/Input/InputLayout/InputLayoutAside.js';
 import { InputLayoutContext, InputLayoutContextDefault, } from '../../components/Input/InputLayout/InputLayoutContext.js';
 import { blink } from '../../lib/blink.js';
@@ -62,7 +62,7 @@ import { isNonNullable } from '../../lib/utils.js';
 import { ClearCrossIcon } from '../ClearCrossIcon/ClearCrossIcon.js';
 import { CommonWrapper } from '../CommonWrapper/index.js';
 import { FocusControlWrapper } from '../FocusControlWrapper/index.js';
-import { getStyles } from './InputLikeText.styles.js';
+import { getStyles } from './InputLikeText.css.js';
 export var InputLikeTextDataTids = {
     root: 'InputLikeText__root',
     input: 'InputLikeText__input',
@@ -112,17 +112,13 @@ var InputLikeText = /** @class */ (function (_super) {
             };
             var leftSide = React.createElement(InputLayoutAside, { icon: leftIcon, text: prefix, side: "left" });
             var rightSide = React.createElement(InputLayoutAside, { icon: getRightIcon(), text: suffix, side: "right" });
-            // Своего `root` у поля нет: единственным объявлением в нём был
-            // `padding-right: 10px`, который размерный класс `Input` перебивал всегда —
-            // он домешивается позже. В статическом CSS порядок обратный (`components`
-            // раньше `internal`), и мёртвое правило внезапно оживало.
-            var className = _this.cx(_this.jsInputStyles.root(), _this.getSizeClassName(), (_a = {},
-                _a[_this.jsInputStyles.disabled()] = !!disabled,
+            var className = _this.cx(_this.styles.root(), _this.jsInputStyles.root(_this.theme), _this.getSizeClassName(), (_a = {},
+                _a[_this.jsInputStyles.disabled(_this.theme)] = !!disabled,
                 _a[_this.jsInputStyles.borderless()] = !!borderless,
-                _a[_this.jsInputStyles.focus()] = focused,
-                _a[_this.jsInputStyles.hovering()] = !focused && !disabled && !warning && !error && !borderless,
-                _a[_this.jsInputStyles.warning()] = !!warning,
-                _a[_this.jsInputStyles.error()] = !!error,
+                _a[_this.jsInputStyles.focus(_this.theme)] = focused,
+                _a[_this.jsInputStyles.hovering(_this.theme)] = !focused && !disabled && !warning && !error && !borderless,
+                _a[_this.jsInputStyles.warning(_this.theme)] = !!warning,
+                _a[_this.jsInputStyles.error(_this.theme)] = !!error,
                 _a[_this.jsInputStyles.hideBlinkingCursor()] = isMobile,
                 _a));
             var wrapperClass = _this.cx(_this.jsInputStyles.wrapper(), (_b = {},
@@ -137,10 +133,10 @@ var InputLikeText = /** @class */ (function (_super) {
                         React.createElement("input", { type: "hidden", "data-tid": InputLikeTextDataTids.nativeInput, value: value, disabled: disabled }),
                         leftSide,
                         React.createElement("span", { className: wrapperClass },
-                            React.createElement("span", { "data-tid": InputLikeTextDataTids.input, className: _this.cx(_this.jsInputStyles.input(), (_c = {},
+                            React.createElement("span", { "data-tid": InputLikeTextDataTids.input, className: _this.cx(_this.jsInputStyles.input(_this.theme), (_c = {},
                                     _c[_this.styles.absolute()] = !takeContentWidth,
-                                    _c[_this.jsInputStyles.inputFocus()] = focused,
-                                    _c[_this.jsInputStyles.inputDisabled()] = disabled,
+                                    _c[_this.jsInputStyles.inputFocus(_this.theme)] = focused,
+                                    _c[_this.jsInputStyles.inputDisabled(_this.theme)] = disabled,
                                     _c)) }, _this.props.children),
                             _this.renderPlaceholder()),
                         rightSide))));
@@ -151,9 +147,9 @@ var InputLikeText = /** @class */ (function (_super) {
             var focused = _this.state.focused;
             var hasValue = isNonNullable(children) && children !== '';
             if (!hasValue && placeholder) {
-                return (React.createElement("span", { className: _this.cx(_this.jsInputStyles.placeholder(), (_a = {},
-                        _a[_this.jsInputStyles.placeholderDisabled()] = disabled,
-                        _a[_this.jsInputStyles.placeholderFocus()] = focused,
+                return (React.createElement("span", { className: _this.cx(_this.jsInputStyles.placeholder(_this.theme), (_a = {},
+                        _a[_this.jsInputStyles.placeholderDisabled(_this.theme)] = disabled,
+                        _a[_this.jsInputStyles.placeholderFocus(_this.theme)] = focused,
                         _a)) }, placeholder));
             }
             return null;
@@ -245,16 +241,16 @@ var InputLikeText = /** @class */ (function (_super) {
             switch (_this.size) {
                 case 'large':
                     return _this.cx((_a = {},
-                        _a[_this.jsInputStyles.sizeLarge()] = true,
+                        _a[_this.jsInputStyles.sizeLarge(_this.theme)] = true,
                         _a));
                 case 'medium':
                     return _this.cx((_b = {},
-                        _b[_this.jsInputStyles.sizeMedium()] = true,
+                        _b[_this.jsInputStyles.sizeMedium(_this.theme)] = true,
                         _b));
                 case 'small':
                 default:
                     return _this.cx((_c = {},
-                        _c[_this.jsInputStyles.sizeSmall()] = true,
+                        _c[_this.jsInputStyles.sizeSmall(_this.theme)] = true,
                         _c));
             }
         };
@@ -302,8 +298,8 @@ var InputLikeText = /** @class */ (function (_super) {
     };
     InputLikeText.prototype.render = function () {
         var _this = this;
-        this.jsInputStyles = getJsInputStyles();
-        this.styles = getStyles();
+        this.jsInputStyles = getJsInputStyles(this.emotion);
+        this.styles = getStyles(this.emotion);
         return (React.createElement(ThemeContext.Consumer, null, function (theme) {
             _this.theme = theme;
             return (React.createElement(CommonWrapper, __assign({ rootNodeRef: _this.setRootNode }, _this.getProps()), _this.renderMain));

package/internal/InputLikeText/InputLikeText.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputLikeText.js","sourceRoot":"","sources":["InputLikeText.tsx"],"names":[],"mappings":"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","sourcesContent":["import debounce from 'lodash.debounce';\nimport React, { type JSX } from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { InputDataTids, calculateClearCrossShowedState } from '../../components/Input/index.js';\nimport type { InputProps, InputState } from '../../components/Input/index.js';\nimport { getStyles as getJsInputStyles } from '../../components/Input/Input.styles.js';\nimport { InputLayoutAside } from '../../components/Input/InputLayout/InputLayoutAside.js';\nimport {\n  InputLayoutContext,\n  InputLayoutContextDefault,\n} from '../../components/Input/InputLayout/InputLayoutContext.js';\nimport { blink } from '../../lib/blink.js';\nimport { isMobile } from '../../lib/client.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { removeAllSelections, selectNodeContents } from '../../lib/dom/selectionHelpers.js';\nimport { MouseDrag } from '../../lib/events/MouseDrag.js';\nimport type { MouseDragEventHandler } from '../../lib/events/MouseDrag.js';\nimport type { GlobalObject } from '../../lib/globalObject.js';\nimport { REACT_MAJOR_VERSION } from '../../lib/react-is.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport { withSize } from '../../lib/size/SizeDecorator.js';\nimport type { ClassNames } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { isNonNullable } from '../../lib/utils.js';\nimport { ClearCrossIcon } from '../ClearCrossIcon/ClearCrossIcon.js';\nimport type { CommonProps, CommonWrapperRestProps } from '../CommonWrapper/index.js';\nimport { CommonWrapper } from '../CommonWrapper/index.js';\nimport { FocusControlWrapper } from '../FocusControlWrapper/index.js';\nimport { getStyles } from './InputLikeText.styles.js';\n\nexport interface InputLikeTextProps extends CommonProps, InputProps {\n  children?: React.ReactNode;\n  innerRef?: (el: HTMLElement | null) => void;\n  onFocus?: React.FocusEventHandler<HTMLElement>;\n  onBlur?: React.FocusEventHandler<HTMLElement>;\n  onMouseDragStart?: MouseDragEventHandler;\n  onMouseDragEnd?: MouseDragEventHandler;\n  takeContentWidth?: boolean;\n  onClearCrossClick?: () => void;\n}\n\nexport type InputLikeTextState = Omit<InputState, 'needsPolyfillPlaceholder' | 'hovered'>;\n\nexport const InputLikeTextDataTids = {\n  root: 'InputLikeText__root',\n  input: 'InputLikeText__input',\n  nativeInput: 'InputLikeText__nativeInput',\n} as const;\n\ntype DefaultProps = Required<Pick<InputLikeTextProps, 'showClearIcon'>>;\n\n@withRenderEnvironment\n@withSize\n@rootNode\nexport class InputLikeText extends React.Component<InputLikeTextProps, Omit<InputLikeTextState, 'isCounterVisible'>> {\n  public static __KONTUR_REACT_UI__ = 'InputLikeText';\n  public static displayName = 'InputLikeText';\n\n  public static defaultProps: DefaultProps = {\n    showClearIcon: 'never',\n  };\n\n  private getProps = createPropsGetter(InputLikeText.defaultProps);\n\n  private getClearCrossShowed = ({ focused, hovered }: { focused?: boolean; hovered?: boolean }): boolean => {\n    if (this.props.disabled) {\n      return false;\n    }\n    return calculateClearCrossShowedState({\n      showClearIcon: this.getProps().showClearIcon,\n      notEmptyValue: Boolean(this.props.children),\n      focused,\n      hovered,\n    });\n  };\n\n  public state = {\n    focused: false,\n    clearCrossShowed: this.getClearCrossShowed({\n      focused: false,\n    }),\n  };\n\n  private globalObject!: GlobalObject;\n  private cx!: ClassNames;\n  private jsInputStyles!: ReturnType<typeof getJsInputStyles>;\n  private styles!: ReturnType<typeof getStyles>;\n  private theme!: Theme;\n  private size!: SizeProp;\n  private node: HTMLElement | null = null;\n  private dragging = false;\n\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  /**\n   * @public\n   */\n  public focus(): void {\n    if (this.node) {\n      this.node.focus();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public blur(): void {\n    if (this.node) {\n      this.node.blur();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public blink() {\n    if (this.props.disabled) {\n      return;\n    }\n    blink({\n      el: this.node,\n      blinkColor: this.theme.inputBlinkColor,\n    });\n  }\n\n  public getNode(): HTMLElement | null {\n    return this.node;\n  }\n\n  // Async call required for Firefox\n  private selectNodeContentsDebounced = debounce(selectNodeContents, 0);\n\n  public selectInnerNode = (node: HTMLElement | null, start = 0, end = 1) => {\n    if (this.dragging || !node) {\n      return;\n    }\n\n    this.selectNodeContentsDebounced(node, start, end);\n  };\n\n  public componentDidMount() {\n    if (this.node && !this.props.disabled) {\n      MouseDrag.listen(this.node).onMouseDragStart(this.handleMouseDragStart).onMouseDragEnd(this.handleMouseDragEnd);\n    }\n  }\n\n  public componentWillUnmount() {\n    MouseDrag.stop(this.node);\n  }\n\n  public render() {\n    this.jsInputStyles = getJsInputStyles();\n    this.styles = getStyles();\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain = (props: CommonWrapperRestProps<InputLikeTextProps>) => {\n    const {\n      innerRef,\n      tabIndex,\n      placeholder,\n      align,\n      borderless,\n      width,\n      error,\n      warning,\n      onValueChange,\n      disabled,\n      prefix,\n      suffix,\n      leftIcon,\n      rightIcon,\n      value,\n      onMouseDragStart,\n      onMouseDragEnd,\n      takeContentWidth,\n      'aria-describedby': ariaDescribedby,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      showClearIcon,\n      onClearCrossClick,\n      ...rest\n    } = props;\n\n    const { focused } = this.state;\n    const getRightIcon = () => {\n      return this.state.clearCrossShowed ? (\n        <ClearCrossIcon\n          data-tid={InputDataTids.clearCross}\n          size={this.size}\n          onFocus={(event) => event.stopPropagation()}\n          onClick={onClearCrossClick}\n        />\n      ) : (\n        rightIcon\n      );\n    };\n    const leftSide = <InputLayoutAside icon={leftIcon} text={prefix} side=\"left\" />;\n    const rightSide = <InputLayoutAside icon={getRightIcon()} text={suffix} side=\"right\" />;\n\n    // Своего `root` у поля нет: единственным объявлением в нём был\n    // `padding-right: 10px`, который размерный класс `Input` перебивал всегда —\n    // он домешивается позже. В статическом CSS порядок обратный (`components`\n    // раньше `internal`), и мёртвое правило внезапно оживало.\n    const className = this.cx(this.jsInputStyles.root(), this.getSizeClassName(), {\n      [this.jsInputStyles.disabled()]: !!disabled,\n      [this.jsInputStyles.borderless()]: !!borderless,\n      [this.jsInputStyles.focus()]: focused,\n      [this.jsInputStyles.hovering()]: !focused && !disabled && !warning && !error && !borderless,\n      [this.jsInputStyles.warning()]: !!warning,\n      [this.jsInputStyles.error()]: !!error,\n      [this.jsInputStyles.hideBlinkingCursor()]: isMobile,\n    });\n\n    const wrapperClass = this.cx(this.jsInputStyles.wrapper(), {\n      [this.styles.userSelectContain()]: focused,\n    });\n    const size = this.size;\n    const context = InputLayoutContextDefault;\n    Object.assign(context, { disabled, focused, size });\n\n    return (\n      <FocusControlWrapper disabled={disabled} onBlurWhenDisabled={this.resetFocus}>\n        <span\n          data-tid={InputLikeTextDataTids.root}\n          {...rest}\n          className={className}\n          style={{ width, textAlign: align }}\n          tabIndex={disabled ? -1 : 0}\n          onFocus={this.handleFocus}\n          onMouseEnter={this.handleHover}\n          onMouseLeave={this.handleUnhover}\n          onBlur={this.handleBlur}\n          ref={this.innerRef}\n          onKeyDown={this.handleKeyDown}\n          role=\"textbox\"\n          aria-disabled={disabled}\n          aria-describedby={ariaDescribedby}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledby}\n        >\n          <InputLayoutContext.Provider value={context}>\n            <input type=\"hidden\" data-tid={InputLikeTextDataTids.nativeInput} value={value} disabled={disabled} />\n            {leftSide}\n            <span className={wrapperClass}>\n              <span\n                data-tid={InputLikeTextDataTids.input}\n                className={this.cx(this.jsInputStyles.input(), {\n                  [this.styles.absolute()]: !takeContentWidth,\n                  [this.jsInputStyles.inputFocus()]: focused,\n                  [this.jsInputStyles.inputDisabled()]: disabled,\n                })}\n              >\n                {this.props.children}\n              </span>\n              {this.renderPlaceholder()}\n            </span>\n            {rightSide}\n          </InputLayoutContext.Provider>\n        </span>\n      </FocusControlWrapper>\n    );\n  };\n\n  private renderPlaceholder = (): JSX.Element | null => {\n    const { children, placeholder, disabled } = this.props;\n    const { focused } = this.state;\n    const hasValue = isNonNullable(children) && children !== '';\n\n    if (!hasValue && placeholder) {\n      return (\n        <span\n          className={this.cx(this.jsInputStyles.placeholder(), {\n            [this.jsInputStyles.placeholderDisabled()]: disabled,\n            [this.jsInputStyles.placeholderFocus()]: focused,\n          })}\n        >\n          {placeholder}\n        </span>\n      );\n    }\n    return null;\n  };\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    if (this.props.onKeyDown) {\n      this.props.onKeyDown(e as React.KeyboardEvent<HTMLInputElement>);\n    }\n  };\n\n  private handleMouseDragStart: MouseDragEventHandler = (e) => {\n    this.dragging = true;\n    this.globalObject.document?.documentElement.classList.add(this.styles.userSelectNone());\n\n    if (this.props.onMouseDragStart) {\n      this.props.onMouseDragStart(e);\n    }\n  };\n\n  private handleMouseDragEnd: MouseDragEventHandler = (e) => {\n    // Дожидаемся onMouseUp\n    setTimeout(() => {\n      this.dragging = false;\n\n      if (this.props.onMouseDragEnd) {\n        this.props.onMouseDragEnd(e);\n      }\n    }, 0);\n\n    this.globalObject.document?.documentElement.classList.remove(this.styles.userSelectNone());\n  };\n\n  private handleFocus = (e: React.FocusEvent<HTMLElement>) => {\n    if (isMobile) {\n      this.node?.setAttribute('contenteditable', 'true');\n    }\n\n    if (this.props.disabled) {\n      return;\n    }\n\n    // Auto-batching React@18 creates problems that are fixed with flushSync\n    // https://github.com/skbkontur/retail-ui/pull/3144#issuecomment-1535235366\n    if (REACT_MAJOR_VERSION >= 18) {\n      ReactDOM.flushSync(() => this.setState({ focused: true }));\n    } else {\n      this.setState({ focused: true });\n    }\n\n    if (this.props.onFocus) {\n      this.props.onFocus(e);\n    }\n  };\n\n  private resetFocus = () => {\n    this.selectNodeContentsDebounced.cancel();\n    if (isMobile) {\n      this.node?.removeAttribute('contenteditable');\n    }\n    removeAllSelections(this.globalObject);\n    this.setState({ focused: false });\n  };\n\n  private handleBlur = (e: React.FocusEvent<HTMLElement>) => {\n    this.selectNodeContentsDebounced.cancel();\n    if (isMobile) {\n      this.node?.removeAttribute('contenteditable');\n    }\n\n    if (this.props.disabled) {\n      e.stopPropagation();\n      return;\n    }\n\n    removeAllSelections(this.globalObject);\n    this.setState({ focused: false });\n\n    this.props.onBlur?.(e);\n  };\n\n  private handleHover = () => {\n    this.setState({ clearCrossShowed: this.getClearCrossShowed({ focused: this.state.focused, hovered: true }) });\n  };\n\n  private handleUnhover = () => {\n    this.setState({ clearCrossShowed: this.getClearCrossShowed({ focused: this.state.focused, hovered: false }) });\n  };\n\n  private innerRef = (el: HTMLElement | null) => {\n    if (this.props.innerRef) {\n      this.props.innerRef(el);\n    }\n    this.node = el;\n  };\n\n  private getSizeClassName = () => {\n    switch (this.size) {\n      case 'large':\n        return this.cx({\n          [this.jsInputStyles.sizeLarge()]: true,\n        });\n      case 'medium':\n        return this.cx({\n          [this.jsInputStyles.sizeMedium()]: true,\n        });\n      case 'small':\n      default:\n        return this.cx({\n          [this.jsInputStyles.sizeSmall()]: true,\n        });\n    }\n  };\n}\n"]}
+{"version":3,"file":"InputLikeText.js","sourceRoot":"","sources":["InputLikeText.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport debounce from 'lodash.debounce';\nimport React, { type JSX } from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { InputDataTids, calculateClearCrossShowedState } from '../../components/Input/index.js';\nimport type { InputProps, InputState } from '../../components/Input/index.js';\nimport { getStyles as getJsInputStyles } from '../../components/Input/Input.css.js';\nimport { InputLayoutAside } from '../../components/Input/InputLayout/InputLayoutAside.js';\nimport {\n  InputLayoutContext,\n  InputLayoutContextDefault,\n} from '../../components/Input/InputLayout/InputLayoutContext.js';\nimport { blink } from '../../lib/blink.js';\nimport { isMobile } from '../../lib/client.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { removeAllSelections, selectNodeContents } from '../../lib/dom/selectionHelpers.js';\nimport { MouseDrag } from '../../lib/events/MouseDrag.js';\nimport type { MouseDragEventHandler } from '../../lib/events/MouseDrag.js';\nimport type { GlobalObject } from '../../lib/globalObject.js';\nimport { REACT_MAJOR_VERSION } from '../../lib/react-is.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport { withSize } from '../../lib/size/SizeDecorator.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { isNonNullable } from '../../lib/utils.js';\nimport { ClearCrossIcon } from '../ClearCrossIcon/ClearCrossIcon.js';\nimport type { CommonProps, CommonWrapperRestProps } from '../CommonWrapper/index.js';\nimport { CommonWrapper } from '../CommonWrapper/index.js';\nimport { FocusControlWrapper } from '../FocusControlWrapper/index.js';\nimport { getStyles } from './InputLikeText.css.js';\n\nexport interface InputLikeTextProps extends CommonProps, InputProps {\n  children?: React.ReactNode;\n  innerRef?: (el: HTMLElement | null) => void;\n  onFocus?: React.FocusEventHandler<HTMLElement>;\n  onBlur?: React.FocusEventHandler<HTMLElement>;\n  onMouseDragStart?: MouseDragEventHandler;\n  onMouseDragEnd?: MouseDragEventHandler;\n  takeContentWidth?: boolean;\n  onClearCrossClick?: () => void;\n}\n\nexport type InputLikeTextState = Omit<InputState, 'needsPolyfillPlaceholder' | 'hovered'>;\n\nexport const InputLikeTextDataTids = {\n  root: 'InputLikeText__root',\n  input: 'InputLikeText__input',\n  nativeInput: 'InputLikeText__nativeInput',\n} as const;\n\ntype DefaultProps = Required<Pick<InputLikeTextProps, 'showClearIcon'>>;\n\n@withRenderEnvironment\n@withSize\n@rootNode\nexport class InputLikeText extends React.Component<InputLikeTextProps, Omit<InputLikeTextState, 'isCounterVisible'>> {\n  public static __KONTUR_REACT_UI__ = 'InputLikeText';\n  public static displayName = 'InputLikeText';\n\n  public static defaultProps: DefaultProps = {\n    showClearIcon: 'never',\n  };\n\n  private getProps = createPropsGetter(InputLikeText.defaultProps);\n\n  private getClearCrossShowed = ({ focused, hovered }: { focused?: boolean; hovered?: boolean }): boolean => {\n    if (this.props.disabled) {\n      return false;\n    }\n    return calculateClearCrossShowedState({\n      showClearIcon: this.getProps().showClearIcon,\n      notEmptyValue: Boolean(this.props.children),\n      focused,\n      hovered,\n    });\n  };\n\n  public state = {\n    focused: false,\n    clearCrossShowed: this.getClearCrossShowed({\n      focused: false,\n    }),\n  };\n\n  private globalObject!: GlobalObject;\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private jsInputStyles!: ReturnType<typeof getJsInputStyles>;\n  private styles!: ReturnType<typeof getStyles>;\n  private theme!: Theme;\n  private size!: SizeProp;\n  private node: HTMLElement | null = null;\n  private dragging = false;\n\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  /**\n   * @public\n   */\n  public focus(): void {\n    if (this.node) {\n      this.node.focus();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public blur(): void {\n    if (this.node) {\n      this.node.blur();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public blink() {\n    if (this.props.disabled) {\n      return;\n    }\n    blink({\n      el: this.node,\n      blinkColor: this.theme.inputBlinkColor,\n    });\n  }\n\n  public getNode(): HTMLElement | null {\n    return this.node;\n  }\n\n  // Async call required for Firefox\n  private selectNodeContentsDebounced = debounce(selectNodeContents, 0);\n\n  public selectInnerNode = (node: HTMLElement | null, start = 0, end = 1) => {\n    if (this.dragging || !node) {\n      return;\n    }\n\n    this.selectNodeContentsDebounced(node, start, end);\n  };\n\n  public componentDidMount() {\n    if (this.node && !this.props.disabled) {\n      MouseDrag.listen(this.node).onMouseDragStart(this.handleMouseDragStart).onMouseDragEnd(this.handleMouseDragEnd);\n    }\n  }\n\n  public componentWillUnmount() {\n    MouseDrag.stop(this.node);\n  }\n\n  public render() {\n    this.jsInputStyles = getJsInputStyles(this.emotion);\n    this.styles = getStyles(this.emotion);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain = (props: CommonWrapperRestProps<InputLikeTextProps>) => {\n    const {\n      innerRef,\n      tabIndex,\n      placeholder,\n      align,\n      borderless,\n      width,\n      error,\n      warning,\n      onValueChange,\n      disabled,\n      prefix,\n      suffix,\n      leftIcon,\n      rightIcon,\n      value,\n      onMouseDragStart,\n      onMouseDragEnd,\n      takeContentWidth,\n      'aria-describedby': ariaDescribedby,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      showClearIcon,\n      onClearCrossClick,\n      ...rest\n    } = props;\n\n    const { focused } = this.state;\n    const getRightIcon = () => {\n      return this.state.clearCrossShowed ? (\n        <ClearCrossIcon\n          data-tid={InputDataTids.clearCross}\n          size={this.size}\n          onFocus={(event) => event.stopPropagation()}\n          onClick={onClearCrossClick}\n        />\n      ) : (\n        rightIcon\n      );\n    };\n    const leftSide = <InputLayoutAside icon={leftIcon} text={prefix} side=\"left\" />;\n    const rightSide = <InputLayoutAside icon={getRightIcon()} text={suffix} side=\"right\" />;\n\n    const className = this.cx(this.styles.root(), this.jsInputStyles.root(this.theme), this.getSizeClassName(), {\n      [this.jsInputStyles.disabled(this.theme)]: !!disabled,\n      [this.jsInputStyles.borderless()]: !!borderless,\n      [this.jsInputStyles.focus(this.theme)]: focused,\n      [this.jsInputStyles.hovering(this.theme)]: !focused && !disabled && !warning && !error && !borderless,\n      [this.jsInputStyles.warning(this.theme)]: !!warning,\n      [this.jsInputStyles.error(this.theme)]: !!error,\n      [this.jsInputStyles.hideBlinkingCursor()]: isMobile,\n    });\n\n    const wrapperClass = this.cx(this.jsInputStyles.wrapper(), {\n      [this.styles.userSelectContain()]: focused,\n    });\n    const size = this.size;\n    const context = InputLayoutContextDefault;\n    Object.assign(context, { disabled, focused, size });\n\n    return (\n      <FocusControlWrapper disabled={disabled} onBlurWhenDisabled={this.resetFocus}>\n        <span\n          data-tid={InputLikeTextDataTids.root}\n          {...rest}\n          className={className}\n          style={{ width, textAlign: align }}\n          tabIndex={disabled ? -1 : 0}\n          onFocus={this.handleFocus}\n          onMouseEnter={this.handleHover}\n          onMouseLeave={this.handleUnhover}\n          onBlur={this.handleBlur}\n          ref={this.innerRef}\n          onKeyDown={this.handleKeyDown}\n          role=\"textbox\"\n          aria-disabled={disabled}\n          aria-describedby={ariaDescribedby}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledby}\n        >\n          <InputLayoutContext.Provider value={context}>\n            <input type=\"hidden\" data-tid={InputLikeTextDataTids.nativeInput} value={value} disabled={disabled} />\n            {leftSide}\n            <span className={wrapperClass}>\n              <span\n                data-tid={InputLikeTextDataTids.input}\n                className={this.cx(this.jsInputStyles.input(this.theme), {\n                  [this.styles.absolute()]: !takeContentWidth,\n                  [this.jsInputStyles.inputFocus(this.theme)]: focused,\n                  [this.jsInputStyles.inputDisabled(this.theme)]: disabled,\n                })}\n              >\n                {this.props.children}\n              </span>\n              {this.renderPlaceholder()}\n            </span>\n            {rightSide}\n          </InputLayoutContext.Provider>\n        </span>\n      </FocusControlWrapper>\n    );\n  };\n\n  private renderPlaceholder = (): JSX.Element | null => {\n    const { children, placeholder, disabled } = this.props;\n    const { focused } = this.state;\n    const hasValue = isNonNullable(children) && children !== '';\n\n    if (!hasValue && placeholder) {\n      return (\n        <span\n          className={this.cx(this.jsInputStyles.placeholder(this.theme), {\n            [this.jsInputStyles.placeholderDisabled(this.theme)]: disabled,\n            [this.jsInputStyles.placeholderFocus(this.theme)]: focused,\n          })}\n        >\n          {placeholder}\n        </span>\n      );\n    }\n    return null;\n  };\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    if (this.props.onKeyDown) {\n      this.props.onKeyDown(e as React.KeyboardEvent<HTMLInputElement>);\n    }\n  };\n\n  private handleMouseDragStart: MouseDragEventHandler = (e) => {\n    this.dragging = true;\n    this.globalObject.document?.documentElement.classList.add(this.styles.userSelectNone());\n\n    if (this.props.onMouseDragStart) {\n      this.props.onMouseDragStart(e);\n    }\n  };\n\n  private handleMouseDragEnd: MouseDragEventHandler = (e) => {\n    // Дожидаемся onMouseUp\n    setTimeout(() => {\n      this.dragging = false;\n\n      if (this.props.onMouseDragEnd) {\n        this.props.onMouseDragEnd(e);\n      }\n    }, 0);\n\n    this.globalObject.document?.documentElement.classList.remove(this.styles.userSelectNone());\n  };\n\n  private handleFocus = (e: React.FocusEvent<HTMLElement>) => {\n    if (isMobile) {\n      this.node?.setAttribute('contenteditable', 'true');\n    }\n\n    if (this.props.disabled) {\n      return;\n    }\n\n    // Auto-batching React@18 creates problems that are fixed with flushSync\n    // https://github.com/skbkontur/retail-ui/pull/3144#issuecomment-1535235366\n    if (REACT_MAJOR_VERSION >= 18) {\n      ReactDOM.flushSync(() => this.setState({ focused: true }));\n    } else {\n      this.setState({ focused: true });\n    }\n\n    if (this.props.onFocus) {\n      this.props.onFocus(e);\n    }\n  };\n\n  private resetFocus = () => {\n    this.selectNodeContentsDebounced.cancel();\n    if (isMobile) {\n      this.node?.removeAttribute('contenteditable');\n    }\n    removeAllSelections(this.globalObject);\n    this.setState({ focused: false });\n  };\n\n  private handleBlur = (e: React.FocusEvent<HTMLElement>) => {\n    this.selectNodeContentsDebounced.cancel();\n    if (isMobile) {\n      this.node?.removeAttribute('contenteditable');\n    }\n\n    if (this.props.disabled) {\n      e.stopPropagation();\n      return;\n    }\n\n    removeAllSelections(this.globalObject);\n    this.setState({ focused: false });\n\n    this.props.onBlur?.(e);\n  };\n\n  private handleHover = () => {\n    this.setState({ clearCrossShowed: this.getClearCrossShowed({ focused: this.state.focused, hovered: true }) });\n  };\n\n  private handleUnhover = () => {\n    this.setState({ clearCrossShowed: this.getClearCrossShowed({ focused: this.state.focused, hovered: false }) });\n  };\n\n  private innerRef = (el: HTMLElement | null) => {\n    if (this.props.innerRef) {\n      this.props.innerRef(el);\n    }\n    this.node = el;\n  };\n\n  private getSizeClassName = () => {\n    switch (this.size) {\n      case 'large':\n        return this.cx({\n          [this.jsInputStyles.sizeLarge(this.theme)]: true,\n        });\n      case 'medium':\n        return this.cx({\n          [this.jsInputStyles.sizeMedium(this.theme)]: true,\n        });\n      case 'small':\n      default:\n        return this.cx({\n          [this.jsInputStyles.sizeSmall(this.theme)]: true,\n        });\n    }\n  };\n}\n"]}

package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.css.d.ts

@@ -0,0 +1,5 @@
+import type { Theme } from '../../lib/theming/Theme.js';
+export declare const getStyles: import("../../lib/theming/StaticStyles.js").StylesGetter<{
+    focus(t: Theme): string;
+    contentWrapper(): string;
+}>;

package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.css.js

@@ -0,0 +1,4 @@
+
+
+import { bindStaticStyles as _b9cd9 } from '../../lib/theming/bindStaticStyles.js';
+export var getStyles = _b9cd9({focus:'react-ui-InternalTextareaWithLayout__focus',contentWrapper:'react-ui-InternalTextareaWithLayout__contentWrapper'});

package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalTextareaWithLayout.css.js","sourceRoot":"","sources":["InternalTextareaWithLayout.css.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAClF,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAG3F,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,OAAgB,IAAK,OAAA,CAAC;IAC/D,uGAAuG;IACvG,+DAA+D;IAC/D,KAAK,YAAC,CAAQ;QACZ,OAAO,OAAO,CAAC,GAAG,8GAAA,wBAEZ,EAAgC,iBAErC,KAFK,cAAc,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAEpC;IACJ,CAAC;IACD,cAAc;QACJ,IAAA,GAAG,GAAK,OAAO,IAAZ,CAAa;QACxB,OAAO,GAAG,wIAAA,qEAGT,KAAC;IACJ,CAAC;CACF,CAAC,EAjB8D,CAiB9D,CAAC,CAAC;AAEJ,oBAAoB,EAAE,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { getStyles as getInputStyles } from '../../components/Input/Input.css.js';\nimport { finalizeStaticStyles, memoizeGetStyles } from '../../lib/theming/StaticStyles.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\n\nexport const getStyles = memoizeGetStyles((emotion: Emotion) => ({\n  // фокус поля приходит из Input, а рамка — из Textarea, чей CSS в бандле ниже; в Emotion их склеивал cx\n  // в порядке вызова, здесь фокус поднимаем удвоенным селектором\n  focus(t: Theme) {\n    return emotion.css`\n      && {\n        ${getInputStyles(emotion).focus(t)}\n      }\n    `;\n  },\n  contentWrapper() {\n    const { css } = emotion;\n    return css`\n      display: inline-flex;\n      align-items: flex-start;\n    `;\n  },\n}));\n\nfinalizeStaticStyles();\n"]}

package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.d.ts

@@ -15,6 +15,7 @@ export declare class InternalTextareaWithLayout extends React.Component<Internal
     private styles;
     private inputStyles;
     private textareaStyles;
+    private emotion;
     private cx;
     private getProps;
     componentDidUpdate(prevProps: Readonly<InternalTextareaWithLayoutProps>): void;