@skbkontur/react-ui 0.0.0-66a28a30fb → 0.0.0-68e286f9fe

package/internal/CustomComboBox/CustomComboBox.d.ts

@@ -6,8 +6,9 @@ import type { Menu } from '../Menu';
 import type { InputLikeText } from '../InputLikeText';
 import type { MenuItemState } from '../../components/MenuItem';
 import type { CommonProps } from '../CommonWrapper';
-import type { ComboBoxExtendedItem } from '../../components/ComboBox';
+import type { ComboBoxExtendedItem, ComboBoxViewMode } from '../../components/ComboBox';
 import type { SizeProp } from '../../lib/types/props';
+import type { InternalTextareaWithLayout } from '../InternalTextareaWithLayout/InternalTextareaWithLayout';
 import { ComboBoxRequestStatus } from './CustomComboBoxTypes';
 export * from './tids';
 export interface CustomComboBoxProps<T> extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, CommonProps {
@@ -60,6 +61,7 @@ export interface CustomComboBoxProps<T> extends Pick<AriaAttributes, 'aria-descr
     itemToValue: (item: T) => string | number;
     getItems: (query: string) => Promise<Array<ComboBoxExtendedItem<T>>>;
     inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];
+    viewMode?: ComboBoxViewMode;
 }
 export interface CustomComboBoxState<T> {
     editing: boolean;
@@ -90,7 +92,7 @@ export declare class CustomComboBox<T> extends React.PureComponent<CustomComboBo
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
     state: CustomComboBoxState<T>;
-    input: Nullable<Input>;
+    input: Nullable<Input | InternalTextareaWithLayout>;
     menu: Nullable<Menu>;
     inputLikeText: Nullable<InputLikeText>;
     requestId: number;

package/internal/DateSelect/DateSelect/DateSelect.js

@@ -2,7 +2,6 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _dec, _class, _DateSelect;
 import React, { createRef } from 'react';
-import PropTypes from 'prop-types';
 import { responsiveLayout } from "../../../components/ResponsiveLayout/decorator";
 import { getRandomID, isNonNullable } from "../../../lib/utils";
 import { DatePickerLocaleHelper } from "../../../components/DatePicker/locale";
@@ -30,6 +29,7 @@ export var DateSelectDataTids = {
   menuItem: 'DateSelect__menuItem',
   menu: 'DateSelect__menu'
 };
+var DATE_SELECT_POSITIONS = ['middle left', 'middle right', 'bottom left', 'top left', 'bottom right', 'top right'];
 export var DateSelect = (_dec = locale('Calendar', DatePickerLocaleHelper), responsiveLayout(_class = _dec(_class = (_DateSelect = /*#__PURE__*/function (_React$PureComponent) {
   function DateSelect() {
     var _this;
@@ -131,6 +131,7 @@ export var DateSelect = (_dec = locale('Calendar', DatePickerLocaleHelper), resp
       disabled: disabled,
       _renderButton: this.renderButton,
       menuPos: "middle",
+      positions: DATE_SELECT_POSITIONS,
       renderValue: this.getItem,
       items: this.getItems(),
       menuOffset: parseInt(this.theme.menuPaddingX) + parseInt(this.theme.menuItemPaddingXSmall),
@@ -158,15 +159,7 @@ export var DateSelect = (_dec = locale('Calendar', DatePickerLocaleHelper), resp
       return this.getProps().type === 'year';
     }
   }]);
-}(React.PureComponent), _DateSelect.__KONTUR_REACT_UI__ = 'DateSelect', _DateSelect.displayName = 'DateSelect', _DateSelect.propTypes = {
-  disabled: PropTypes.bool,
-  type: PropTypes.string,
-  value: PropTypes.number.isRequired,
-  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  onValueChange: PropTypes.func,
-  minValue: PropTypes.number,
-  maxValue: PropTypes.number
-}, _DateSelect.defaultProps = {
+}(React.PureComponent), _DateSelect.__KONTUR_REACT_UI__ = 'DateSelect', _DateSelect.displayName = 'DateSelect', _DateSelect.defaultProps = {
   type: 'year',
   width: 'auto'
 }, _DateSelect)) || _class) || _class);

package/internal/DateSelect/DateSelect/DateSelect.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","createRef","PropTypes","responsiveLayout","getRandomID","isNonNullable","DatePickerLocaleHelper","locale","ThemeContext","cx","createPropsGetter","Select","MenuItem","ArrowCollapseCVOpenIcon16Regular","globalClasses","styles","defaultMinMonth","defaultMaxMonth","defaultMinYear","defaultMaxYear","months","range","years","start","end","Array","fill","map","_","index","DateSelectDataTids","caption","menuItem","menu","DateSelect","_dec","_class","_DateSelect","_React$PureComponent","_this","_len","arguments","length","args","_key","call","apply","concat","getProps","defaultProps","selectRef","menuId","renderButton","params","_this$props","props","value","disabled","width","isInteractiveElement","Tag","rootProps","className","root","theme","style","onClick","undefined","opened","selectChosenAriaLabel","type","selectYearAriaLabel","selectMonthAriaLabel","getItem","createElement","arrow","color","getItems","_this$getProps","onValueChange","options","isYearType","option","isSelected","isOptionDisabled","scrollIntoView","state","key","_this$locale$months","_inheritsLoose","_proto","prototype","render","_this2","Consumer","renderMain","close","_this$selectRef$curre","current","_this$getProps2","btnBorderRadiusSmall","menuItemBorderRadius","use","ref","_renderButton","menuPos","renderValue","items","menuOffset","parseInt","menuPaddingX","menuItemPaddingXSmall","_this$getProps3","minValue","maxValue","_createClass","get","PureComponent","__KONTUR_REACT_UI__","displayName","propTypes","bool","string","number","isRequired","oneOfType","func"],"sources":["DateSelect.tsx"],"sourcesContent":["import React, { createRef } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport { getRandomID, isNonNullable } from '../../lib/utils';\nimport type { DatePickerLocale } from '../../components/DatePicker/locale';\nimport { DatePickerLocaleHelper } from '../../components/DatePicker/locale';\nimport { locale } from '../../lib/locale/decorators';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { ButtonParams } from '../../components/Select';\nimport { Select } from '../../components/Select';\nimport { MenuItem } from '../../components/MenuItem';\nimport { ArrowCollapseCVOpenIcon16Regular } from '../icons2022/ArrowCollapseCVOpenIcon/ArrowCollapseCVOpenIcon16Regular';\n\nimport { globalClasses, styles } from './DateSelect.styles';\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\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 propTypes = {\n    disabled: PropTypes.bool,\n\n    type: PropTypes.string,\n\n    value: PropTypes.number.isRequired,\n\n    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n    onValueChange: PropTypes.func,\n\n    minValue: PropTypes.number,\n\n    maxValue: PropTypes.number,\n  };\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 theme!: Theme;\n  private readonly locale!: DatePickerLocale;\n  private readonly selectRef = createRef<Select<number, number>>();\n\n  public render() {\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: cx(styles.root(this.theme), disabled && 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={styles.caption()}>\n          {this.getItem(value)}\n        </div>\n        {isInteractiveElement && (\n          <ArrowCollapseCVOpenIcon16Regular className={cx(globalClasses.arrow)} color=\"#ADADAD\" />\n        )}\n      </Tag>\n    );\n  };\n\n  public close() {\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        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-prop-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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","createRef","responsiveLayout","getRandomID","isNonNullable","DatePickerLocaleHelper","locale","ThemeContext","cx","createPropsGetter","Select","MenuItem","ArrowCollapseCVOpenIcon16Regular","globalClasses","styles","defaultMinMonth","defaultMaxMonth","defaultMinYear","defaultMaxYear","months","range","years","start","end","Array","fill","map","_","index","DateSelectDataTids","caption","menuItem","menu","DATE_SELECT_POSITIONS","DateSelect","_dec","_class","_DateSelect","_React$PureComponent","_this","_len","arguments","length","args","_key","call","apply","concat","getProps","defaultProps","selectRef","menuId","renderButton","params","_this$props","props","value","disabled","width","isInteractiveElement","Tag","rootProps","className","root","theme","style","onClick","undefined","opened","selectChosenAriaLabel","type","selectYearAriaLabel","selectMonthAriaLabel","getItem","createElement","arrow","color","getItems","_this$getProps","onValueChange","options","isYearType","option","isSelected","isOptionDisabled","scrollIntoView","state","key","_this$locale$months","_inheritsLoose","_proto","prototype","render","_this2","Consumer","renderMain","close","_this$selectRef$curre","current","_this$getProps2","btnBorderRadiusSmall","menuItemBorderRadius","use","ref","_renderButton","menuPos","positions","renderValue","items","menuOffset","parseInt","menuPaddingX","menuItemPaddingXSmall","_this$getProps3","minValue","maxValue","_createClass","get","PureComponent","__KONTUR_REACT_UI__","displayName"],"sources":["DateSelect.tsx"],"sourcesContent":["import React, { createRef } from 'react';\n\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport { getRandomID, isNonNullable } from '../../lib/utils';\nimport type { DatePickerLocale } from '../../components/DatePicker/locale';\nimport { DatePickerLocaleHelper } from '../../components/DatePicker/locale';\nimport { locale } from '../../lib/locale/decorators';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { ButtonParams } from '../../components/Select';\nimport { Select } from '../../components/Select';\nimport { MenuItem } from '../../components/MenuItem';\nimport { ArrowCollapseCVOpenIcon16Regular } from '../icons2022/ArrowCollapseCVOpenIcon/ArrowCollapseCVOpenIcon16Regular';\nimport type { PopupPositionsType } from '../../internal/Popup/types';\n\nimport { globalClasses, styles } from './DateSelect.styles';\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@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 theme!: Theme;\n  private readonly locale!: DatePickerLocale;\n  private readonly selectRef = createRef<Select<number, number>>();\n\n  public render() {\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: cx(styles.root(this.theme), disabled && 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={styles.caption()}>\n          {this.getItem(value)}\n        </div>\n        {isInteractiveElement && (\n          <ArrowCollapseCVOpenIcon16Regular className={cx(globalClasses.arrow)} color=\"#ADADAD\" />\n        )}\n      </Tag>\n    );\n  };\n\n  public close() {\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-prop-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"],"mappings":"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","ignoreList":[]}

package/internal/DateSelect/DateSelect.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 export interface DateSelectProps {
     disabled?: boolean;
     onValueChange: (value: number) => void;
@@ -18,15 +17,6 @@ type DefaultProps = Required<Pick<DateSelectProps, 'type' | 'width'>>;
 export declare class DateSelect extends React.PureComponent<DateSelectProps> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
-    static propTypes: {
-        disabled: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<string>;
-        value: PropTypes.Validator<number>;
-        width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-        onValueChange: PropTypes.Requireable<(...args: any[]) => any>;
-        minValue: PropTypes.Requireable<number>;
-        maxValue: PropTypes.Requireable<number>;
-    };
     static defaultProps: DefaultProps;
     private getProps;
     private get isYearType();

package/internal/InputLikeText/InputLikeText.styles/InputLikeText.styles.js

@@ -1,5 +1,5 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 export var styles = memoizeStyle({
   root: function root() {
@@ -8,13 +8,16 @@ export var styles = memoizeStyle({
   absolute: function absolute() {
     return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      top: 0;\n    "])));
   },
+  wrapperMultiline: function wrapperMultiline() {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      overflow-wrap: anywhere;\n      white-space: normal;\n      overflow: visible;\n    "])));
+  },
   userSelectContain: function userSelectContain() {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      user-select: text;\n      -ms-user-select: element;\n    "])));
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      user-select: text;\n      -ms-user-select: element;\n    "])));
   },
   userSelectNone: function userSelectNone() {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      user-select: none;\n    "])));
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      user-select: none;\n    "])));
   },
   rightSide: function rightSide() {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      padding-left: 0;\n      visibility: visible;\n    "])));
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      padding-left: 0;\n      visibility: visible;\n    "])));
   }
 });

package/internal/InputLikeText/InputLikeText.styles/InputLikeText.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","root","_templateObject","_taggedTemplateLiteralLoose","absolute","_templateObject2","userSelectContain","_templateObject3","userSelectNone","_templateObject4","rightSide","_templateObject5"],"sources":["InputLikeText.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      padding-right: 10px;\n    `;\n  },\n\n  absolute() {\n    return css`\n      position: absolute;\n      top: 0;\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"],"mappings":"4LAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;EAGZ,CAAC;;EAEDC,QAAQ,WAAAA,SAAA,EAAG;IACT,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;;EAIZ,CAAC;;EAEDG,iBAAiB,WAAAA,kBAAA,EAAG;IAClB,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;;EAIZ,CAAC;;EAEDK,cAAc,WAAAA,eAAA,EAAG;IACf,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;EAGZ,CAAC;;EAEDO,SAAS,WAAAA,UAAA,EAAG;IACV,OAAOZ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;;;;EAIZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","root","_templateObject","_taggedTemplateLiteralLoose","absolute","_templateObject2","wrapperMultiline","_templateObject3","userSelectContain","_templateObject4","userSelectNone","_templateObject5","rightSide","_templateObject6"],"sources":["InputLikeText.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      padding-right: 10px;\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"],"mappings":"8MAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;EAGZ,CAAC;;EAEDC,QAAQ,WAAAA,SAAA,EAAG;IACT,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;;EAIZ,CAAC;;EAEDG,gBAAgB,WAAAA,iBAAA,EAAG;IACjB,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;;;EAKZ,CAAC;;EAEDK,iBAAiB,WAAAA,kBAAA,EAAG;IAClB,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;;EAIZ,CAAC;;EAEDO,cAAc,WAAAA,eAAA,EAAG;IACf,OAAOZ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;;;EAGZ,CAAC;;EAEDS,SAAS,WAAAA,UAAA,EAAG;IACV,OAAOd,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;;;;EAIZ;AACF,CAAC,CAAC","ignoreList":[]}

package/internal/InputLikeText/InputLikeText.styles.d.ts

@@ -1,6 +1,7 @@
 export declare const styles: {
     root(): string;
     absolute(): string;
+    wrapperMultiline(): string;
     userSelectContain(): string;
     userSelectNone(): string;
     rightSide(): string;

package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout/InternalTextareaWithLayout.js

@@ -0,0 +1,244 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+var _excluded = ["leftIcon", "rightIcon", "borderless"];
+var _class, _InternalTextareaWithLayout;
+import React from 'react';
+import { InputLayout } from "../../../components/Input/InputLayout/InputLayout";
+import { DEFAULT_WIDTH, Textarea } from "../../../components/Textarea";
+import { styles as textareaStyles } from "../../../components/Textarea/Textarea.styles";
+import { cx } from "../../../lib/theming/Emotion";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
+import { getRootNode, rootNode } from "../../../lib/rootNode";
+import { styles as inputStyles } from "../../../components/Input/Input.styles";
+import { createPropsGetter } from "../../../lib/createPropsGetter";
+import { isTestEnv } from "../../../lib/currentEnvironment";
+import { calculateClearCrossShowedState, InputDataTids } from "../../../components/Input";
+import { ClearCrossIcon } from "../../ClearCrossIcon/ClearCrossIcon";
+import { styles } from "../InternalTextareaWithLayout.styles";
+export var InternalTextareaWithLayout = rootNode(_class = (_InternalTextareaWithLayout = /*#__PURE__*/function (_React$Component) {
+  function InternalTextareaWithLayout() {
+    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.wrappedComponentRef = /*#__PURE__*/React.createRef();
+    _this.getProps = createPropsGetter(Textarea.defaultProps);
+    _this.getClearCrossShowed = function (_ref) {
+      var focused = _ref.focused,
+        hovered = _ref.hovered;
+      if (_this.props.disabled) {
+        return false;
+      }
+      return calculateClearCrossShowedState({
+        showClearIcon: _this.getProps().showClearIcon || 'never',
+        notEmptyValue: Boolean(_this.props.value),
+        focused: focused,
+        hovered: hovered
+      });
+    };
+    _this.state = {
+      focused: false,
+      hovered: false,
+      clearCrossShowed: _this.getClearCrossShowed({
+        focused: false
+      })
+    };
+    _this.handleClearInput = function () {
+      if (_this.wrappedComponentRef.current) {
+        _this.wrappedComponentRef.current.clear();
+        if (!_this.state.focused) {
+          _this.wrappedComponentRef.current.focus();
+        }
+      }
+      if (_this.props.onValueChange) {
+        _this.props.onValueChange('');
+      }
+    };
+    _this.getRightIcon = function () {
+      var _this$props = _this.props,
+        size = _this$props.size,
+        rightIcon = _this$props.rightIcon;
+      return _this.state.clearCrossShowed ? /*#__PURE__*/
+      React.createElement(ClearCrossIcon, {
+        "data-tid": InputDataTids.clearCross,
+        size: size,
+        onClick: _this.handleClearInput
+      }) : rightIcon;
+    };
+    _this.handleMouseEnter = function () {
+      _this.setState({
+        clearCrossShowed: _this.getClearCrossShowed({
+          focused: _this.state.focused,
+          hovered: true
+        })
+      });
+    };
+    _this.handleMouseOut = function () {
+      _this.setState({
+        clearCrossShowed: _this.getClearCrossShowed({
+          focused: _this.state.focused,
+          hovered: false
+        })
+      });
+    };
+    _this.renderLayout = function () {
+      var _cx;
+      var labelProps = {
+        className: cx(styles.contentWrapper(), textareaStyles.textarea(_this.theme), _this.getTextareaSizeClassName(), _this.getRootSizeClassName(), (_cx = {}, _cx[inputStyles.focus(_this.theme)] = _this.state.focused && !_this.props.warning && !_this.props.error, _cx[inputStyles.borderless()] = _this.props.borderless && !_this.state.focused, _cx[textareaStyles.disabled(_this.theme)] = _this.props.disabled, _cx[textareaStyles.warning(_this.theme)] = _this.props.warning, _cx[textareaStyles.error(_this.theme)] = _this.props.error, _cx)),
+        style: {
+          width: _this.props.width || DEFAULT_WIDTH,
+          minWidth: '0',
+          position: 'relative'
+        },
+        onMouseEnter: _this.handleMouseEnter,
+        onMouseLeave: _this.handleMouseOut,
+        onClick: _this.handleLayoutClick
+      };
+      return /*#__PURE__*/(
+        React.createElement(InputLayout, {
+          leftIcon: _this.props.leftIcon,
+          rightIcon: _this.getRightIcon(),
+          labelProps: labelProps,
+          context: {
+            disabled: _this.props.disabled,
+            focused: _this.state.focused,
+            size: _this.getProps().size
+          },
+          tag: "span"
+        }, _this.renderTextarea())
+      );
+    };
+    _this.renderTextarea = function () {
+      var _this$props2 = _this.props,
+        leftIcon = _this$props2.leftIcon,
+        rightIcon = _this$props2.rightIcon,
+        borderless = _this$props2.borderless,
+        textareaProps = _objectWithoutPropertiesLoose(_this$props2, _excluded);
+      return /*#__PURE__*/(
+        React.createElement(ThemeContext.Provider, {
+          value: ThemeFactory.create({
+            textareaWidth: 'auto',
+            textareaBorderWidth: '0px',
+            textareaPaddingXSmall: '0px',
+            textareaPaddingXMedium: '0px',
+            textareaPaddingXLarge: '0px',
+            textareaPaddingYSmall: '0px',
+            textareaPaddingYMedium: '0px',
+            textareaPaddingYLarge: '0px',
+            textareaOutlineWidth: '0px',
+            textareaShadow: 'none',
+            textareaDisabledBg: 'transparent',
+            textareaBg: 'transparent'
+          }, _this.theme)
+        }, /*#__PURE__*/
+
+        React.createElement(Textarea, _extends({}, isTestEnv ? {
+          spellCheck: false
+        } : {}, textareaProps, {
+          width: '100%',
+          ref: _this.wrappedComponentRef,
+          onFocus: _this.handleFocus,
+          onBlur: _this.handleBlur
+        })))
+      );
+    };
+    _this.handleLayoutClick = function () {
+      var _this$wrappedComponen;
+      (_this$wrappedComponen = _this.wrappedComponentRef.current) == null || _this$wrappedComponen.focus();
+    };
+    _this.handleBlur = function (event) {
+      var _getRootNode;
+      if ((_getRootNode = getRootNode(_this)) != null && _getRootNode.contains(event.relatedTarget)) {
+        _this.setState({
+          focused: false
+        });
+      } else {
+        _this.setState({
+          focused: false,
+          clearCrossShowed: _this.getClearCrossShowed({
+            focused: false,
+            hovered: _this.state.hovered
+          })
+        });
+        _this.props.onBlur == null || _this.props.onBlur(event);
+      }
+    };
+    _this.handleFocus = function (event) {
+      _this.setState({
+        focused: true,
+        clearCrossShowed: _this.getClearCrossShowed({
+          focused: true,
+          hovered: _this.state.hovered
+        })
+      });
+      _this.props.onFocus == null || _this.props.onFocus(event);
+    };
+    return _this;
+  }
+  _inheritsLoose(InternalTextareaWithLayout, _React$Component);
+  var _proto = InternalTextareaWithLayout.prototype;
+  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
+    var _this$state = this.state,
+      focused = _this$state.focused,
+      hovered = _this$state.hovered;
+    if (Boolean(prevProps.value) !== Boolean(this.props.value)) {
+      this.setState({
+        clearCrossShowed: this.getClearCrossShowed({
+          focused: focused,
+          hovered: hovered
+        })
+      });
+    }
+  };
+  _proto.focus = function focus() {
+    var _this$wrappedComponen2;
+    (_this$wrappedComponen2 = this.wrappedComponentRef.current) == null || _this$wrappedComponen2.focus();
+  };
+  _proto.blur = function blur() {
+    var _this$wrappedComponen3;
+    (_this$wrappedComponen3 = this.wrappedComponentRef.current) == null || _this$wrappedComponen3.blur();
+  };
+  _proto.setSelectionRange = function setSelectionRange(start, end) {
+    var _this$wrappedComponen4;
+    (_this$wrappedComponen4 = this.wrappedComponentRef.current) == null || _this$wrappedComponen4.setSelectionRange(start, end);
+  };
+  _proto.selectAll = function selectAll() {
+    var _this$wrappedComponen5;
+    (_this$wrappedComponen5 = this.wrappedComponentRef.current) == null || _this$wrappedComponen5.selectAll();
+  };
+  _proto.render = function render() {
+    var _this2 = this;
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = theme;
+      return /*#__PURE__*/React.createElement("span", {
+        "data-tid": 'InternalTextareaWithLayout'
+      }, _this2.renderLayout());
+    });
+  };
+  _proto.getTextareaSizeClassName = function getTextareaSizeClassName() {
+    switch (this.getProps().size) {
+      case 'large':
+        return textareaStyles.textareaLarge(this.theme);
+      case 'medium':
+        return textareaStyles.textareaMedium(this.theme);
+      case 'small':
+      default:
+        return textareaStyles.textareaSmall(this.theme);
+    }
+  };
+  _proto.getRootSizeClassName = function getRootSizeClassName() {
+    switch (this.getProps().size) {
+      case 'large':
+        return textareaStyles.rootLarge(this.theme);
+      case 'medium':
+        return textareaStyles.rootMedium(this.theme);
+      case 'small':
+      default:
+        return textareaStyles.rootSmall(this.theme);
+    }
+  };
+  return InternalTextareaWithLayout;
+}(React.Component), _InternalTextareaWithLayout.__KONTUR_REACT_UI__ = 'InternalTextareaWithLayout', _InternalTextareaWithLayout)) || _class;

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","InputLayout","DEFAULT_WIDTH","Textarea","styles","textareaStyles","cx","ThemeContext","ThemeFactory","getRootNode","rootNode","inputStyles","createPropsGetter","isTestEnv","calculateClearCrossShowedState","InputDataTids","ClearCrossIcon","InternalTextareaWithLayout","_class","_InternalTextareaWithLayout","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","wrappedComponentRef","createRef","getProps","defaultProps","getClearCrossShowed","_ref","focused","hovered","props","disabled","showClearIcon","notEmptyValue","Boolean","value","state","clearCrossShowed","handleClearInput","current","clear","focus","onValueChange","getRightIcon","_this$props","size","rightIcon","createElement","clearCross","onClick","handleMouseEnter","setState","handleMouseOut","renderLayout","_cx","labelProps","className","contentWrapper","textarea","theme","getTextareaSizeClassName","getRootSizeClassName","warning","error","borderless","style","width","minWidth","position","onMouseEnter","onMouseLeave","handleLayoutClick","leftIcon","context","tag","renderTextarea","_this$props2","textareaProps","_objectWithoutPropertiesLoose","_excluded","Provider","create","textareaWidth","textareaBorderWidth","textareaPaddingXSmall","textareaPaddingXMedium","textareaPaddingXLarge","textareaPaddingYSmall","textareaPaddingYMedium","textareaPaddingYLarge","textareaOutlineWidth","textareaShadow","textareaDisabledBg","textareaBg","_extends","spellCheck","ref","onFocus","handleFocus","onBlur","handleBlur","_this$wrappedComponen","event","_getRootNode","contains","relatedTarget","_inheritsLoose","_proto","prototype","componentDidUpdate","prevProps","_this$state","_this$wrappedComponen2","blur","_this$wrappedComponen3","setSelectionRange","start","end","_this$wrappedComponen4","selectAll","_this$wrappedComponen5","render","_this2","Consumer","textareaLarge","textareaMedium","textareaSmall","rootLarge","rootMedium","rootSmall","Component","__KONTUR_REACT_UI__"],"sources":["InternalTextareaWithLayout.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { InputProps } from '../../components/Input';\nimport { InputLayout } from '../../components/Input/InputLayout/InputLayout';\nimport { DEFAULT_WIDTH, Textarea } from '../../components/Textarea';\nimport type { TextareaProps } from '../../components/Textarea';\nimport { styles as textareaStyles } from '../../components/Textarea/Textarea.styles';\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { getRootNode, rootNode } from '../../lib/rootNode';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { styles as inputStyles } from '../../components/Input/Input.styles';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { calculateClearCrossShowedState, InputDataTids } from '../../components/Input';\nimport { ClearCrossIcon } from '../ClearCrossIcon/ClearCrossIcon';\n\nimport { styles } from './InternalTextareaWithLayout.styles';\n\ninterface InternalTextareaWithLayoutProps\n  extends TextareaProps,\n    Pick<InputProps, 'leftIcon' | 'rightIcon' | 'align' | 'borderless' | 'showClearIcon'> {}\n\ninterface InternalTextareaWithLayoutState {\n  focused: boolean;\n  hovered: boolean;\n  clearCrossShowed: boolean;\n}\n\n@rootNode\nexport class InternalTextareaWithLayout extends React.Component<\n  InternalTextareaWithLayoutProps,\n  InternalTextareaWithLayoutState\n> {\n  public static __KONTUR_REACT_UI__ = 'InternalTextareaWithLayout';\n  private wrappedComponentRef = React.createRef<Textarea>();\n  private theme!: Theme;\n  private getProps = createPropsGetter(Textarea.defaultProps);\n\n  public componentDidUpdate(prevProps: Readonly<InternalTextareaWithLayoutProps>) {\n    const { focused, hovered } = this.state;\n    if (Boolean(prevProps.value) !== Boolean(this.props.value)) {\n      this.setState({ clearCrossShowed: this.getClearCrossShowed({ focused, hovered }) });\n    }\n  }\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 || 'never',\n      notEmptyValue: Boolean(this.props.value),\n      focused,\n      hovered,\n    });\n  };\n\n  public state: InternalTextareaWithLayoutState = {\n    focused: false,\n    hovered: false,\n    clearCrossShowed: this.getClearCrossShowed({ focused: false }),\n  };\n\n  public focus() {\n    this.wrappedComponentRef.current?.focus();\n  }\n  public blur() {\n    this.wrappedComponentRef.current?.blur();\n  }\n  public setSelectionRange(start: number, end: number) {\n    this.wrappedComponentRef.current?.setSelectionRange(start, end);\n  }\n  public selectAll() {\n    this.wrappedComponentRef.current?.selectAll();\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return <span data-tid={'InternalTextareaWithLayout'}>{this.renderLayout()}</span>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private getTextareaSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return textareaStyles.textareaLarge(this.theme);\n      case 'medium':\n        return textareaStyles.textareaMedium(this.theme);\n      case 'small':\n      default:\n        return textareaStyles.textareaSmall(this.theme);\n    }\n  }\n\n  private getRootSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return textareaStyles.rootLarge(this.theme);\n      case 'medium':\n        return textareaStyles.rootMedium(this.theme);\n      case 'small':\n      default:\n        return textareaStyles.rootSmall(this.theme);\n    }\n  }\n\n  private handleClearInput = () => {\n    if (this.wrappedComponentRef.current) {\n      this.wrappedComponentRef.current.clear();\n\n      if (!this.state.focused) {\n        this.wrappedComponentRef.current.focus();\n      }\n    }\n\n    if (this.props.onValueChange) {\n      this.props.onValueChange('');\n    }\n  };\n\n  private getRightIcon = () => {\n    const { size, rightIcon } = this.props;\n\n    return this.state.clearCrossShowed ? (\n      <ClearCrossIcon data-tid={InputDataTids.clearCross} size={size} onClick={this.handleClearInput} />\n    ) : (\n      rightIcon\n    );\n  };\n\n  private handleMouseEnter = () => {\n    this.setState({ clearCrossShowed: this.getClearCrossShowed({ focused: this.state.focused, hovered: true }) });\n  };\n\n  private handleMouseOut = () => {\n    this.setState({ clearCrossShowed: this.getClearCrossShowed({ focused: this.state.focused, hovered: false }) });\n  };\n\n  private renderLayout = () => {\n    const labelProps = {\n      className: cx(\n        styles.contentWrapper(),\n        textareaStyles.textarea(this.theme),\n        this.getTextareaSizeClassName(),\n        this.getRootSizeClassName(),\n        {\n          [inputStyles.focus(this.theme)]: this.state.focused && !this.props.warning && !this.props.error,\n          [inputStyles.borderless()]: this.props.borderless && !this.state.focused,\n          [textareaStyles.disabled(this.theme)]: this.props.disabled,\n          [textareaStyles.warning(this.theme)]: this.props.warning,\n          [textareaStyles.error(this.theme)]: this.props.error,\n        },\n      ),\n      style: { width: this.props.width || DEFAULT_WIDTH, minWidth: '0', position: 'relative' as const },\n      onMouseEnter: this.handleMouseEnter,\n      onMouseLeave: this.handleMouseOut,\n      onClick: this.handleLayoutClick,\n    };\n    return (\n      <InputLayout\n        leftIcon={this.props.leftIcon}\n        rightIcon={this.getRightIcon()}\n        labelProps={labelProps}\n        context={{ disabled: this.props.disabled, focused: this.state.focused, size: this.getProps().size }}\n        tag=\"span\"\n      >\n        {this.renderTextarea()}\n      </InputLayout>\n    );\n  };\n\n  private renderTextarea = () => {\n    const { leftIcon, rightIcon, borderless, ...textareaProps } = this.props;\n    return (\n      <ThemeContext.Provider\n        value={ThemeFactory.create(\n          {\n            textareaWidth: 'auto',\n            textareaBorderWidth: '0px',\n            textareaPaddingXSmall: '0px',\n            textareaPaddingXMedium: '0px',\n            textareaPaddingXLarge: '0px',\n            textareaPaddingYSmall: '0px',\n            textareaPaddingYMedium: '0px',\n            textareaPaddingYLarge: '0px',\n            textareaOutlineWidth: '0px',\n            textareaShadow: 'none',\n            textareaDisabledBg: 'transparent',\n            textareaBg: 'transparent',\n          },\n          this.theme,\n        )}\n      >\n        <Textarea\n          {...(isTestEnv ? { spellCheck: false } : {})}\n          {...textareaProps}\n          width={'100%'}\n          ref={this.wrappedComponentRef}\n          onFocus={this.handleFocus}\n          onBlur={this.handleBlur}\n        />\n      </ThemeContext.Provider>\n    );\n  };\n\n  private handleLayoutClick = () => {\n    this.wrappedComponentRef.current?.focus();\n  };\n  private handleBlur = (event: React.FocusEvent<HTMLTextAreaElement>) => {\n    if (getRootNode(this)?.contains(event.relatedTarget)) {\n      this.setState({ focused: false });\n    } else {\n      this.setState({\n        focused: false,\n        clearCrossShowed: this.getClearCrossShowed({ focused: false, hovered: this.state.hovered }),\n      });\n      this.props.onBlur?.(event);\n    }\n  };\n  private handleFocus = (event: React.FocusEvent<HTMLTextAreaElement>) => {\n    this.setState({\n      focused: true,\n      clearCrossShowed: this.getClearCrossShowed({ focused: true, hovered: this.state.hovered }),\n    });\n    this.props.onFocus?.(event);\n  };\n}\n"],"mappings":"oUAAA,OAAOA,KAAK,MAAM,OAAO;;;AAGzB,SAASC,WAAW,QAAQ,gDAAgD;AAC5E,SAASC,aAAa,EAAEC,QAAQ,QAAQ,2BAA2B;;AAEnE,SAASC,MAAM,IAAIC,cAAc,QAAQ,2CAA2C;AACpF,SAASC,EAAE,QAAQ,2BAA2B;AAC9C,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,WAAW,EAAEC,QAAQ,QAAQ,oBAAoB;;AAE1D,SAASN,MAAM,IAAIO,WAAW,QAAQ,qCAAqC;AAC3E,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,SAAS,QAAQ,8BAA8B;AACxD,SAASC,8BAA8B,EAAEC,aAAa,QAAQ,wBAAwB;AACtF,SAASC,cAAc,QAAQ,kCAAkC;;AAEjE,SAASZ,MAAM,QAAQ,qCAAqC;;;;;;;;;;;;AAY5D;AACaa,0BAA0B,GADtCP,QAAQ,CAAAQ,MAAA,IAAAC,2BAAA,0BAAAC,gBAAA,YAAAH,2BAAA,OAAAI,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;;IAMCU,mBAAmB,gBAAG/B,KAAK,CAACgC,SAAS,CAAW,CAAC,CAAAX,KAAA;;IAEjDY,QAAQ,GAAGrB,iBAAiB,CAACT,QAAQ,CAAC+B,YAAY,CAAC,CAAAb,KAAA;;;;;;;;;IASnDc,mBAAmB,GAAG,UAAAC,IAAA,EAA6E,KAA1EC,OAAO,GAAAD,IAAA,CAAPC,OAAO,CAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;MAC/C,IAAIjB,KAAA,CAAKkB,KAAK,CAACC,QAAQ,EAAE;QACvB,OAAO,KAAK;MACd;MACA,OAAO1B,8BAA8B,CAAC;QACpC2B,aAAa,EAAEpB,KAAA,CAAKY,QAAQ,CAAC,CAAC,CAACQ,aAAa,IAAI,OAAO;QACvDC,aAAa,EAAEC,OAAO,CAACtB,KAAA,CAAKkB,KAAK,CAACK,KAAK,CAAC;QACxCP,OAAO,EAAPA,OAAO;QACPC,OAAO,EAAPA;MACF,CAAC,CAAC;IACJ,CAAC,CAAAjB,KAAA;;IAEMwB,KAAK,GAAoC;MAC9CR,OAAO,EAAE,KAAK;MACdC,OAAO,EAAE,KAAK;MACdQ,gBAAgB,EAAEzB,KAAA,CAAKc,mBAAmB,CAAC,EAAEE,OAAO,EAAE,KAAK,CAAC,CAAC;IAC/D,CAAC,CAAAhB,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkDO0B,gBAAgB,GAAG,YAAM;MAC/B,IAAI1B,KAAA,CAAKU,mBAAmB,CAACiB,OAAO,EAAE;QACpC3B,KAAA,CAAKU,mBAAmB,CAACiB,OAAO,CAACC,KAAK,CAAC,CAAC;;QAExC,IAAI,CAAC5B,KAAA,CAAKwB,KAAK,CAACR,OAAO,EAAE;UACvBhB,KAAA,CAAKU,mBAAmB,CAACiB,OAAO,CAACE,KAAK,CAAC,CAAC;QAC1C;MACF;;MAEA,IAAI7B,KAAA,CAAKkB,KAAK,CAACY,aAAa,EAAE;QAC5B9B,KAAA,CAAKkB,KAAK,CAACY,aAAa,CAAC,EAAE,CAAC;MAC9B;IACF,CAAC,CAAA9B,KAAA;;IAEO+B,YAAY,GAAG,YAAM;MAC3B,IAAAC,WAAA,GAA4BhC,KAAA,CAAKkB,KAAK,CAA9Be,IAAI,GAAAD,WAAA,CAAJC,IAAI,CAAEC,SAAS,GAAAF,WAAA,CAATE,SAAS;;MAEvB,OAAOlC,KAAA,CAAKwB,KAAK,CAACC,gBAAgB;MAChC9C,KAAA,CAAAwD,aAAA,CAACxC,cAAc,IAAC,YAAUD,aAAa,CAAC0C,UAAW,EAACH,IAAI,EAAEA,IAAK,EAACI,OAAO,EAAErC,KAAA,CAAK0B,gBAAiB,EAAE,CAAC;;MAElGQ,SACD;;IACH,CAAC,CAAAlC,KAAA;;IAEOsC,gBAAgB,GAAG,YAAM;MAC/BtC,KAAA,CAAKuC,QAAQ,CAAC,EAAEd,gBAAgB,EAAEzB,KAAA,CAAKc,mBAAmB,CAAC,EAAEE,OAAO,EAAEhB,KAAA,CAAKwB,KAAK,CAACR,OAAO,EAAEC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/G,CAAC,CAAAjB,KAAA;;IAEOwC,cAAc,GAAG,YAAM;MAC7BxC,KAAA,CAAKuC,QAAQ,CAAC,EAAEd,gBAAgB,EAAEzB,KAAA,CAAKc,mBAAmB,CAAC,EAAEE,OAAO,EAAEhB,KAAA,CAAKwB,KAAK,CAACR,OAAO,EAAEC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAChH,CAAC,CAAAjB,KAAA;;IAEOyC,YAAY,GAAG,YAAM,KAAAC,GAAA;MAC3B,IAAMC,UAAU,GAAG;QACjBC,SAAS,EAAE3D,EAAE;UACXF,MAAM,CAAC8D,cAAc,CAAC,CAAC;UACvB7D,cAAc,CAAC8D,QAAQ,CAAC9C,KAAA,CAAK+C,KAAK,CAAC;UACnC/C,KAAA,CAAKgD,wBAAwB,CAAC,CAAC;UAC/BhD,KAAA,CAAKiD,oBAAoB,CAAC,CAAC,GAAAP,GAAA,OAAAA,GAAA;;UAExBpD,WAAW,CAACuC,KAAK,CAAC7B,KAAA,CAAK+C,KAAK,CAAC,IAAG/C,KAAA,CAAKwB,KAAK,CAACR,OAAO,IAAI,CAAChB,KAAA,CAAKkB,KAAK,CAACgC,OAAO,IAAI,CAAClD,KAAA,CAAKkB,KAAK,CAACiC,KAAK,EAAAT,GAAA;UAC9FpD,WAAW,CAAC8D,UAAU,CAAC,CAAC,IAAGpD,KAAA,CAAKkB,KAAK,CAACkC,UAAU,IAAI,CAACpD,KAAA,CAAKwB,KAAK,CAACR,OAAO,EAAA0B,GAAA;UACvE1D,cAAc,CAACmC,QAAQ,CAACnB,KAAA,CAAK+C,KAAK,CAAC,IAAG/C,KAAA,CAAKkB,KAAK,CAACC,QAAQ,EAAAuB,GAAA;UACzD1D,cAAc,CAACkE,OAAO,CAAClD,KAAA,CAAK+C,KAAK,CAAC,IAAG/C,KAAA,CAAKkB,KAAK,CAACgC,OAAO,EAAAR,GAAA;UACvD1D,cAAc,CAACmE,KAAK,CAACnD,KAAA,CAAK+C,KAAK,CAAC,IAAG/C,KAAA,CAAKkB,KAAK,CAACiC,KAAK,EAAAT,GAAA;;QAExD,CAAC;QACDW,KAAK,EAAE,EAAEC,KAAK,EAAEtD,KAAA,CAAKkB,KAAK,CAACoC,KAAK,IAAIzE,aAAa,EAAE0E,QAAQ,EAAE,GAAG,EAAEC,QAAQ,EAAE,UAAmB,CAAC,CAAC;QACjGC,YAAY,EAAEzD,KAAA,CAAKsC,gBAAgB;QACnCoB,YAAY,EAAE1D,KAAA,CAAKwC,cAAc;QACjCH,OAAO,EAAErC,KAAA,CAAK2D;MAChB,CAAC;MACD;QACEhF,KAAA,CAAAwD,aAAA,CAACvD,WAAW;UACVgF,QAAQ,EAAE5D,KAAA,CAAKkB,KAAK,CAAC0C,QAAS;UAC9B1B,SAAS,EAAElC,KAAA,CAAK+B,YAAY,CAAC,CAAE;UAC/BY,UAAU,EAAEA,UAAW;UACvBkB,OAAO,EAAE,EAAE1C,QAAQ,EAAEnB,KAAA,CAAKkB,KAAK,CAACC,QAAQ,EAAEH,OAAO,EAAEhB,KAAA,CAAKwB,KAAK,CAACR,OAAO,EAAEiB,IAAI,EAAEjC,KAAA,CAAKY,QAAQ,CAAC,CAAC,CAACqB,IAAI,CAAC,CAAE;UACpG6B,GAAG,EAAC,MAAM;;QAET9D,KAAA,CAAK+D,cAAc,CAAC;QACV,CAAC;;IAElB,CAAC,CAAA/D,KAAA;;IAEO+D,cAAc,GAAG,YAAM;MAC7B,IAAAC,YAAA,GAA8DhE,KAAA,CAAKkB,KAAK,CAAhE0C,QAAQ,GAAAI,YAAA,CAARJ,QAAQ,CAAE1B,SAAS,GAAA8B,YAAA,CAAT9B,SAAS,CAAEkB,UAAU,GAAAY,YAAA,CAAVZ,UAAU,CAAKa,aAAa,GAAAC,6BAAA,CAAAF,YAAA,EAAAG,SAAA;MACzD;QACExF,KAAA,CAAAwD,aAAA,CAACjD,YAAY,CAACkF,QAAQ;UACpB7C,KAAK,EAAEpC,YAAY,CAACkF,MAAM;YACxB;cACEC,aAAa,EAAE,MAAM;cACrBC,mBAAmB,EAAE,KAAK;cAC1BC,qBAAqB,EAAE,KAAK;cAC5BC,sBAAsB,EAAE,KAAK;cAC7BC,qBAAqB,EAAE,KAAK;cAC5BC,qBAAqB,EAAE,KAAK;cAC5BC,sBAAsB,EAAE,KAAK;cAC7BC,qBAAqB,EAAE,KAAK;cAC5BC,oBAAoB,EAAE,KAAK;cAC3BC,cAAc,EAAE,MAAM;cACtBC,kBAAkB,EAAE,aAAa;cACjCC,UAAU,EAAE;YACd,CAAC;YACDjF,KAAA,CAAK+C;UACP,CAAE;;QAEFpE,KAAA,CAAAwD,aAAA,CAACrD,QAAQ,EAAAoG,QAAA;QACF1F,SAAS,GAAG,EAAE2F,UAAU,EAAE,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC;QACvClB,aAAa;UACjBX,KAAK,EAAE,MAAO;UACd8B,GAAG,EAAEpF,KAAA,CAAKU,mBAAoB;UAC9B2E,OAAO,EAAErF,KAAA,CAAKsF,WAAY;UAC1BC,MAAM,EAAEvF,KAAA,CAAKwF,UAAW;QACzB;QACoB,CAAC;;IAE5B,CAAC,CAAAxF,KAAA;;IAEO2D,iBAAiB,GAAG,YAAM,KAAA8B,qBAAA;MAChC,CAAAA,qBAAA,GAAAzF,KAAA,CAAKU,mBAAmB,CAACiB,OAAO,aAAhC8D,qBAAA,CAAkC5D,KAAK,CAAC,CAAC;IAC3C,CAAC,CAAA7B,KAAA;IACOwF,UAAU,GAAG,UAACE,KAA4C,EAAK,KAAAC,YAAA;MACrE,KAAAA,YAAA,GAAIvG,WAAW,CAAAY,KAAK,CAAC,aAAjB2F,YAAA,CAAmBC,QAAQ,CAACF,KAAK,CAACG,aAAa,CAAC,EAAE;QACpD7F,KAAA,CAAKuC,QAAQ,CAAC,EAAEvB,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;MACnC,CAAC,MAAM;QACLhB,KAAA,CAAKuC,QAAQ,CAAC;UACZvB,OAAO,EAAE,KAAK;UACdS,gBAAgB,EAAEzB,KAAA,CAAKc,mBAAmB,CAAC,EAAEE,OAAO,EAAE,KAAK,EAAEC,OAAO,EAAEjB,KAAA,CAAKwB,KAAK,CAACP,OAAO,CAAC,CAAC;QAC5F,CAAC,CAAC;QACFjB,KAAA,CAAKkB,KAAK,CAACqE,MAAM,YAAjBvF,KAAA,CAAKkB,KAAK,CAACqE,MAAM,CAAGG,KAAK,CAAC;MAC5B;IACF,CAAC,CAAA1F,KAAA;IACOsF,WAAW,GAAG,UAACI,KAA4C,EAAK;MACtE1F,KAAA,CAAKuC,QAAQ,CAAC;QACZvB,OAAO,EAAE,IAAI;QACbS,gBAAgB,EAAEzB,KAAA,CAAKc,mBAAmB,CAAC,EAAEE,OAAO,EAAE,IAAI,EAAEC,OAAO,EAAEjB,KAAA,CAAKwB,KAAK,CAACP,OAAO,CAAC,CAAC;MAC3F,CAAC,CAAC;MACFjB,KAAA,CAAKkB,KAAK,CAACmE,OAAO,YAAlBrF,KAAA,CAAKkB,KAAK,CAACmE,OAAO,CAAGK,KAAK,CAAC;IAC7B,CAAC,QAAA1F,KAAA,EAAA8F,cAAA,CAAAlG,0BAAA,EAAAG,gBAAA,MAAAgG,MAAA,GAAAnG,0BAAA,CAAAoG,SAAA,CAAAD,MAAA,CAhMME,kBAAkB,GAAzB,SAAAA,mBAA0BC,SAAoD,EAAE,CAC9E,IAAAC,WAAA,GAA6B,IAAI,CAAC3E,KAAK,CAA/BR,OAAO,GAAAmF,WAAA,CAAPnF,OAAO,CAAEC,OAAO,GAAAkF,WAAA,CAAPlF,OAAO,CACxB,IAAIK,OAAO,CAAC4E,SAAS,CAAC3E,KAAK,CAAC,KAAKD,OAAO,CAAC,IAAI,CAACJ,KAAK,CAACK,KAAK,CAAC,EAAE,CAC1D,IAAI,CAACgB,QAAQ,CAAC,EAAEd,gBAAgB,EAAE,IAAI,CAACX,mBAAmB,CAAC,EAAEE,OAAO,EAAPA,OAAO,EAAEC,OAAO,EAAPA,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CACrF,CACF,CAAC,CAAA8E,MAAA,CAoBMlE,KAAK,GAAZ,SAAAA,MAAA,EAAe,KAAAuE,sBAAA,CACb,CAAAA,sBAAA,OAAI,CAAC1F,mBAAmB,CAACiB,OAAO,aAAhCyE,sBAAA,CAAkCvE,KAAK,CAAC,CAAC,CAC3C,CAAC,CAAAkE,MAAA,CACMM,IAAI,GAAX,SAAAA,KAAA,EAAc,KAAAC,sBAAA,CACZ,CAAAA,sBAAA,OAAI,CAAC5F,mBAAmB,CAACiB,OAAO,aAAhC2E,sBAAA,CAAkCD,IAAI,CAAC,CAAC,CAC1C,CAAC,CAAAN,MAAA,CACMQ,iBAAiB,GAAxB,SAAAA,kBAAyBC,KAAa,EAAEC,GAAW,EAAE,KAAAC,sBAAA,CACnD,CAAAA,sBAAA,OAAI,CAAChG,mBAAmB,CAACiB,OAAO,aAAhC+E,sBAAA,CAAkCH,iBAAiB,CAACC,KAAK,EAAEC,GAAG,CAAC,CACjE,CAAC,CAAAV,MAAA,CACMY,SAAS,GAAhB,SAAAA,UAAA,EAAmB,KAAAC,sBAAA,CACjB,CAAAA,sBAAA,OAAI,CAAClG,mBAAmB,CAACiB,OAAO,aAAhCiF,sBAAA,CAAkCD,SAAS,CAAC,CAAC,CAC/C,CAAC,CAAAZ,MAAA,CAEMc,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,MAAA,QACd,oBACEnI,KAAA,CAAAwD,aAAA,CAACjD,YAAY,CAAC6H,QAAQ,QACnB,UAAChE,KAAK,EAAK,CACV+D,MAAI,CAAC/D,KAAK,GAAGA,KAAK,CAClB,oBAAOpE,KAAA,CAAAwD,aAAA,WAAM,YAAU,4BAA6B,IAAE2E,MAAI,CAACrE,YAAY,CAAC,CAAQ,CAAC,CACnF,CACqB,CAAC,CAE5B,CAAC,CAAAsD,MAAA,CAEO/C,wBAAwB,GAAhC,SAAAA,yBAAA,EAAmC,CACjC,QAAQ,IAAI,CAACpC,QAAQ,CAAC,CAAC,CAACqB,IAAI,GAC1B,KAAK,OAAO,CACV,OAAOjD,cAAc,CAACgI,aAAa,CAAC,IAAI,CAACjE,KAAK,CAAC,CACjD,KAAK,QAAQ,CACX,OAAO/D,cAAc,CAACiI,cAAc,CAAC,IAAI,CAAClE,KAAK,CAAC,CAClD,KAAK,OAAO,CACZ,QACE,OAAO/D,cAAc,CAACkI,aAAa,CAAC,IAAI,CAACnE,KAAK,CAAC,CACnD,CACF,CAAC,CAAAgD,MAAA,CAEO9C,oBAAoB,GAA5B,SAAAA,qBAAA,EAA+B,CAC7B,QAAQ,IAAI,CAACrC,QAAQ,CAAC,CAAC,CAACqB,IAAI,GAC1B,KAAK,OAAO,CACV,OAAOjD,cAAc,CAACmI,SAAS,CAAC,IAAI,CAACpE,KAAK,CAAC,CAC7C,KAAK,QAAQ,CACX,OAAO/D,cAAc,CAACoI,UAAU,CAAC,IAAI,CAACrE,KAAK,CAAC,CAC9C,KAAK,OAAO,CACZ,QACE,OAAO/D,cAAc,CAACqI,SAAS,CAAC,IAAI,CAACtE,KAAK,CAAC,CAC/C,CACF,CAAC,QAAAnD,0BAAA,GAhF6CjB,KAAK,CAAC2I,SAAS,GAAAxH,2BAAA,CAI/CyH,mBAAmB,GAAG,4BAA4B,EAAAzH,2BAAA,MAAAD,MAAA","ignoreList":[]}

package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout/package.json

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

package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import type { InputProps } from '../../components/Input';
+import type { TextareaProps } from '../../components/Textarea';
+interface InternalTextareaWithLayoutProps extends TextareaProps, Pick<InputProps, 'leftIcon' | 'rightIcon' | 'align' | 'borderless' | 'showClearIcon'> {
+}
+interface InternalTextareaWithLayoutState {
+    focused: boolean;
+    hovered: boolean;
+    clearCrossShowed: boolean;
+}
+export declare class InternalTextareaWithLayout extends React.Component<InternalTextareaWithLayoutProps, InternalTextareaWithLayoutState> {
+    static __KONTUR_REACT_UI__: string;
+    private wrappedComponentRef;
+    private theme;
+    private getProps;
+    componentDidUpdate(prevProps: Readonly<InternalTextareaWithLayoutProps>): void;
+    private getClearCrossShowed;
+    state: InternalTextareaWithLayoutState;
+    focus(): void;
+    blur(): void;
+    setSelectionRange(start: number, end: number): void;
+    selectAll(): void;
+    render(): React.JSX.Element;
+    private getTextareaSizeClassName;
+    private getRootSizeClassName;
+    private handleClearInput;
+    private getRightIcon;
+    private handleMouseEnter;
+    private handleMouseOut;
+    private renderLayout;
+    private renderTextarea;
+    private handleLayoutClick;
+    private handleBlur;
+    private handleFocus;
+}
+export {};

package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.styles/InternalTextareaWithLayout.styles.js

@@ -0,0 +1,8 @@
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+var _templateObject;
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+export var styles = memoizeStyle({
+  contentWrapper: function contentWrapper() {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: inline-flex;\n      align-items: flex-start;\n    "])));
+  }
+});

package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.styles/InternalTextareaWithLayout.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["css","memoizeStyle","styles","contentWrapper","_templateObject","_taggedTemplateLiteralLoose"],"sources":["InternalTextareaWithLayout.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  contentWrapper() {\n    return css`\n      display: inline-flex;\n      align-items: flex-start;\n    `;\n  },\n});\n"],"mappings":"oHAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,cAAc,WAAAA,eAAA,EAAG;IACf,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;EAIZ;AACF,CAAC,CAAC","ignoreList":[]}

package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.styles/package.json

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

package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const styles: {
+    contentWrapper(): string;
+};