@finam/web-ui-kit-components 3.33.3 → 3.34.0

package/CHANGELOG.md

@@ -1,3 +1,6 @@
+## 3.34.0
+* В `TextArea` добавлен prop `resizable` — изменение высоты поля пользователем за правый нижний угол
+* В `TextArea` применён `customScroll`
 ## 3.33.3
 * В `Calendar` ячейка дня, месяца и года стала кнопкой, у обёртки убрана роль `button`
 * В типе `BorderRadius` у `Paper` убраны лишние литералы union

package/dist/TextArea/TextArea.d.ts

@@ -1,5 +1,4 @@
-import { Ref } from 'react';
-import type * as React from 'react';
+import { type ReactNode, type Ref } from 'react';
 import { TextareaAutosizeProps } from 'react-textarea-autosize';
 import type { Placement, InputSize, InputVariant } from '../types.js';
 import { InputProps } from '../Input/index.js';
@@ -8,7 +7,7 @@ export interface Props extends Omit<TextareaAutosizeProps & InheritedInputProps,
     /** Состояние значения поля ввода */
     value?: string;
     /** Текст сообщения подсказки */
-    message?: React.ReactNode;
+    message?: ReactNode;
     /** Содержимое label поля ввода */
     label?: string;
     /** Вариант отображения поля ввода */
@@ -29,7 +28,13 @@ export interface Props extends Omit<TextareaAutosizeProps & InheritedInputProps,
     inputRef?: Ref<HTMLTextAreaElement>;
     /** Флаг, управляющий отображением счётчика символов */
     symbolCounterVisible?: boolean;
+    /**
+     * Позволяет пользователю менять высоту поля, растягивая его за правый нижний угол.
+     * Автоподстройка высоты под содержимое при этом отключается, `minRows` задаёт начальную высоту,
+     * `maxRows` не учитывается
+     */
+    resizable?: boolean;
 }
-declare const TextArea: ({ label, errorText, message, inputRef, onScroll, className, symbolCounterVisible, ...other }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const TextArea: ({ label, errorText, message, inputRef, onScroll, className, symbolCounterVisible, resizable, minRows, maxRows, cacheMeasurements, onHeightChange, ...other }: Props) => import("react/jsx-runtime").JSX.Element;
 export default TextArea;
 //# sourceMappingURL=TextArea.d.ts.map

package/dist/TextArea/TextArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../src/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAqD,MAAM,OAAO,CAAC;AAC/E,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAyB,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAGlF,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AACtE,OAAc,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAItD,KAAK,mBAAmB,GAAG,IAAI,CAAC,UAAU,EACxC,kBAAkB,GAClB,YAAY,GACZ,qBAAqB,GACrB,oBAAoB,GACpB,YAAY,GACZ,eAAe,GACf,OAAO,CACR,CAAC;AAEF,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,qBAAqB,GAAG,mBAAmB,EAAE,IAAI,CAAC;IACpF,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,wBAAwB;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iDAAiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,+CAA+C;IAC/C,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,mCAAmC;IACnC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,GAAG,CAAC,mBAAmB,CAAC,CAAC;IACpC,uDAAuD;IACvD,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AASD,QAAA,MAAM,QAAQ,GAAI,8FASf,KAAK,4CA4CP,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../src/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,SAAS,EACd,KAAK,GAAG,EAIT,MAAM,OAAO,CAAC;AACf,OAAyB,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAKlF,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AACtE,OAAc,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAItD,KAAK,mBAAmB,GAAG,IAAI,CAAC,UAAU,EACxC,kBAAkB,GAClB,YAAY,GACZ,qBAAqB,GACrB,oBAAoB,GACpB,YAAY,GACZ,eAAe,GACf,OAAO,CACR,CAAC;AAEF,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,qBAAqB,GAAG,mBAAmB,EAAE,IAAI,CAAC;IACpF,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,wBAAwB;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iDAAiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,+CAA+C;IAC/C,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,mCAAmC;IACnC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,GAAG,CAAC,mBAAmB,CAAC,CAAC;IACpC,uDAAuD;IACvD,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAqBD,QAAA,MAAM,QAAQ,GAAI,8JAcf,KAAK,4CAyDP,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/TextArea/TextArea.js

@@ -2,23 +2,56 @@ import { _ } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props__ } from "@swc/helpers/_/_object_spread_props";
 import { _ as _object_without_properties__ } from "@swc/helpers/_/_object_without_properties";
 import { jsx } from "react/jsx-runtime";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import react_textarea_autosize from "react-textarea-autosize";
 import throttle from "lodash/throttle.js";
 import clsx from "clsx";
+import { customScroll } from "@finam/web-ui-kit-core/styles/scroll";
+import DragHandleArea from "@finam/web-ui-kit-icons/DragHandle/DragHandleArea";
 import Input from "../Input/index.js";
 import { setRef } from "../utils/withForwardedRef.js";
-import { inputStyles } from "./TextArea.styles.js";
+import { inputStyles, resizableStyles, resizeHandleStyles } from "./TextArea.styles.js";
 const InputStyled = Input;
+const AutosizeField = /*#__PURE__*/ forwardRef((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { className } = _ref1, props = _object_without_properties__(_ref1, [
+        "className"
+    ]), [ref] = _rest;
+    return /*#__PURE__*/ jsx(react_textarea_autosize, _object_spread_props__(_({}, props), {
+        ref: ref,
+        className: clsx(className, customScroll())
+    }));
+});
+AutosizeField.displayName = 'AutosizeField';
+const ResizableField = /*#__PURE__*/ forwardRef((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { className } = _ref1, props = _object_without_properties__(_ref1, [
+        "className"
+    ]), [ref] = _rest;
+    return /*#__PURE__*/ jsx("textarea", _object_spread_props__(_({}, props), {
+        ref: ref,
+        className: clsx(className, customScroll())
+    }));
+});
+ResizableField.displayName = 'ResizableField';
 const TextArea = (_0)=>{
-    let { label, errorText, message, inputRef, onScroll, className, symbolCounterVisible } = _0, other = _object_without_properties__(_0, [
+    let { label, errorText, message, inputRef, onScroll, className, symbolCounterVisible, resizable = false, minRows, maxRows, cacheMeasurements, onHeightChange } = _0, other = _object_without_properties__(_0, [
         "label",
         "errorText",
         "message",
         "inputRef",
         "onScroll",
         "className",
-        "symbolCounterVisible"
+        "symbolCounterVisible",
+        "resizable",
+        "minRows",
+        "maxRows",
+        "cacheMeasurements",
+        "onHeightChange"
     ]);
     const textareaRef = useRef(null);
     const [showLabel, setShowLabel] = useState(true);
@@ -43,15 +76,31 @@ const TextArea = (_0)=>{
         onScroll,
         updateState
     ]);
-    return /*#__PURE__*/ jsx(InputStyled, _object_spread_props__(_({
-        as: react_textarea_autosize,
+    const autosizeProps = resizable ? {
+        rows: minRows
+    } : {
+        minRows,
+        maxRows,
+        cacheMeasurements,
+        onHeightChange
+    };
+    return /*#__PURE__*/ jsx(InputStyled, _object_spread_props__(_(_object_spread_props__(_({
+        as: resizable ? ResizableField : AutosizeField
+    }, autosizeProps), {
         label: showLabel ? label : void 0,
         message: errorText || message,
         error: Boolean(errorText),
         errorIcon: !!errorText,
-        symbolCounterVisible: symbolCounterVisible
-    }, other), {
-        className: clsx(inputStyles, className),
+        symbolCounterVisible: symbolCounterVisible,
+        adornment: resizable && !other.disabled ? /*#__PURE__*/ jsx("div", {
+            className: clsx(resizeHandleStyles, 'ui-textarea__resize-handle'),
+            "aria-hidden": true,
+            children: /*#__PURE__*/ jsx(DragHandleArea, {
+                color: "tertiary"
+            })
+        }) : void 0
+    }), other), {
+        className: clsx(inputStyles, resizable && resizableStyles, className),
         ref: handleRef,
         onScroll: handleScroll
     }));

package/dist/TextArea/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea/TextArea.js","sources":["../../src/TextArea/TextArea.tsx"],"sourcesContent":["import { Ref, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport type * as React from 'react';\nimport TextareaAutosize, { TextareaAutosizeProps } from 'react-textarea-autosize';\nimport throttle from 'lodash/throttle.js';\nimport classnames from 'clsx';\nimport type { Placement, InputSize, InputVariant } from '../types.js';\nimport Input, { InputProps } from '../Input/index.js';\nimport { setRef } from '../utils/withForwardedRef.js';\nimport { inputStyles } from './TextArea.styles.js';\n\ntype InheritedInputProps = Pick<InputProps,\n| 'hideReadOnlyIcon'\n| 'singleLine'\n| 'hintTooltipMaxWidth'\n| 'hintTooltipVariant'\n| 'alignRight'\n| 'hideEmptyHint'\n| 'error'\n>;\n\nexport interface Props extends Omit<TextareaAutosizeProps & InheritedInputProps, 'as'> {\n  /** Состояние значения поля ввода */\n  value?: string;\n  /** Текст сообщения подсказки */\n  message?: React.ReactNode;\n  /** Содержимое label поля ввода */\n  label?: string;\n  /** Вариант отображения поля ввода */\n  variant?: InputVariant;\n  /** Размер поля ввода */\n  size?: InputSize;\n  /** Растяжение компонента по ширине контейнера */\n  fullWidth?: boolean;\n  /** Сообщение об ошибке для подсказки */\n  errorText?: string;\n  /** Флаг отображения подсказки в виде всплывающего окна */\n  hintTooltip?: boolean;\n  /** Расположение всплывающего окна подсказки */\n  hintTooltipPlacement?: Placement;\n  /** Текст дополнительной подписи */\n  secondaryLabel?: string;\n  /** ref-ссылка на элемент textarea */\n  inputRef?: Ref<HTMLTextAreaElement>;\n  /** Флаг, управляющий отображением счётчика символов */\n  symbolCounterVisible?: boolean;\n}\n\ntype InputStyledProps =\n  Omit<InputProps, keyof React.HTMLAttributes<HTMLInputElement>> &\n  React.TextareaHTMLAttributes<HTMLTextAreaElement> &\n  React.RefAttributes<HTMLTextAreaElement>;\n\nconst InputStyled = Input as React.ComponentType<InputStyledProps>;\n\nconst TextArea = ({\n  label,\n  errorText,\n  message,\n  inputRef,\n  onScroll,\n  className,\n  symbolCounterVisible,\n  ...other\n}: Props) => {\n  const textareaRef = useRef<HTMLTextAreaElement | null>(null);\n  const [showLabel, setShowLabel] = useState(true);\n\n  const updateState = useMemo(() => (\n    throttle(() => {\n      if (textareaRef.current) {\n        setShowLabel(textareaRef.current.scrollTop <= 1);\n      }\n    }, 100)\n  ), []);\n\n  useEffect(() => () => {\n    updateState.cancel();\n  }, [updateState]);\n\n  const handleRef = useCallback((node: HTMLTextAreaElement | null) => {\n    if (inputRef) {\n      setRef(inputRef, node);\n    }\n    textareaRef.current = node;\n  }, [inputRef]);\n\n  const handleScroll = useCallback((event: React.UIEvent<HTMLTextAreaElement>) => {\n    if (onScroll) {\n      onScroll(event);\n    }\n    updateState();\n  }, [onScroll, updateState]);\n\n  return (\n    <InputStyled\n      as={TextareaAutosize}\n      label={showLabel ? label : undefined}\n      message={errorText || message}\n      error={Boolean(errorText)}\n      errorIcon={!!errorText}\n      symbolCounterVisible={symbolCounterVisible}\n      {...other}\n      className={classnames(inputStyles, className)}\n      ref={handleRef}\n      onScroll={handleScroll}\n    />\n  );\n};\n\nexport default TextArea;\n"],"names":["InputStyled","Input","TextArea","label","errorText","message","inputRef","onScroll","className","symbolCounterVisible","other","textareaRef","useRef","showLabel","setShowLabel","useState","updateState","useMemo","throttle","useEffect","handleRef","useCallback","node","setRef","handleScroll","event","TextareaAutosize","undefined","Boolean","classnames","inputStyles"],"mappings":";;;;;;;;;;;AAoDA,MAAMA,cAAcC;AAEpB,MAAMC,WAAW,CAAC;QAAA,EAChBC,KAAK,EACLC,SAAS,EACTC,OAAO,EACPC,QAAQ,EACRC,QAAQ,EACRC,SAAS,EACTC,oBAAoB,EAEd,OADHC,QAAAA,6BAAAA,IAAAA;;;;;;;;;IAEH,MAAMC,cAAcC,OAAmC;IACvD,MAAM,CAACC,WAAWC,aAAa,GAAGC,SAAS;IAE3C,MAAMC,cAAcC,QAAQ,IAC1BC,SAAS;YACP,IAAIP,YAAY,OAAO,EACrBG,aAAaH,YAAY,OAAO,CAAC,SAAS,IAAI;QAElD,GAAG,MACF,EAAE;IAELQ,UAAU,IAAM;YACdH,YAAY,MAAM;QACpB,GAAG;QAACA;KAAY;IAEhB,MAAMI,YAAYC,YAAY,CAACC;QAC7B,IAAIhB,UACFiB,OAAOjB,UAAUgB;QAEnBX,YAAY,OAAO,GAAGW;IACxB,GAAG;QAAChB;KAAS;IAEb,MAAMkB,eAAeH,YAAY,CAACI;QAChC,IAAIlB,UACFA,SAASkB;QAEXT;IACF,GAAG;QAACT;QAAUS;KAAY;IAE1B,OAAO,WAAP,GACE,IAAChB,aAAAA,uBAAAA,EAAAA;QACC,IAAI0B;QACJ,OAAOb,YAAYV,QAAQwB;QAC3B,SAASvB,aAAaC;QACtB,OAAOuB,QAAQxB;QACf,WAAW,CAAC,CAACA;QACb,sBAAsBK;OAClBC,QAAAA;QACJ,WAAWmB,KAAWC,aAAatB;QACnC,KAAKY;QACL,UAAUI;;AAGhB;AAEA,0BAAetB"}
+{"version":3,"file":"TextArea/TextArea.js","sources":["../../src/TextArea/TextArea.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentType,\n  type HTMLAttributes,\n  type ReactNode,\n  type Ref,\n  type RefAttributes,\n  type TextareaHTMLAttributes,\n  type UIEvent,\n} from 'react';\nimport TextareaAutosize, { TextareaAutosizeProps } from 'react-textarea-autosize';\nimport throttle from 'lodash/throttle.js';\nimport classnames from 'clsx';\nimport { customScroll } from '@finam/web-ui-kit-core/styles/scroll';\nimport DragHandleArea from '@finam/web-ui-kit-icons/DragHandle/DragHandleArea';\nimport type { Placement, InputSize, InputVariant } from '../types.js';\nimport Input, { InputProps } from '../Input/index.js';\nimport { setRef } from '../utils/withForwardedRef.js';\nimport { inputStyles, resizableStyles, resizeHandleStyles } from './TextArea.styles.js';\n\ntype InheritedInputProps = Pick<InputProps,\n| 'hideReadOnlyIcon'\n| 'singleLine'\n| 'hintTooltipMaxWidth'\n| 'hintTooltipVariant'\n| 'alignRight'\n| 'hideEmptyHint'\n| 'error'\n>;\n\nexport interface Props extends Omit<TextareaAutosizeProps & InheritedInputProps, 'as'> {\n  /** Состояние значения поля ввода */\n  value?: string;\n  /** Текст сообщения подсказки */\n  message?: ReactNode;\n  /** Содержимое label поля ввода */\n  label?: string;\n  /** Вариант отображения поля ввода */\n  variant?: InputVariant;\n  /** Размер поля ввода */\n  size?: InputSize;\n  /** Растяжение компонента по ширине контейнера */\n  fullWidth?: boolean;\n  /** Сообщение об ошибке для подсказки */\n  errorText?: string;\n  /** Флаг отображения подсказки в виде всплывающего окна */\n  hintTooltip?: boolean;\n  /** Расположение всплывающего окна подсказки */\n  hintTooltipPlacement?: Placement;\n  /** Текст дополнительной подписи */\n  secondaryLabel?: string;\n  /** ref-ссылка на элемент textarea */\n  inputRef?: Ref<HTMLTextAreaElement>;\n  /** Флаг, управляющий отображением счётчика символов */\n  symbolCounterVisible?: boolean;\n  /**\n   * Позволяет пользователю менять высоту поля, растягивая его за правый нижний угол.\n   * Автоподстройка высоты под содержимое при этом отключается, `minRows` задаёт начальную высоту,\n   * `maxRows` не учитывается\n   */\n  resizable?: boolean;\n}\n\ntype InputStyledProps =\n  Omit<InputProps, keyof HTMLAttributes<HTMLInputElement>> &\n  TextareaHTMLAttributes<HTMLTextAreaElement> &\n  RefAttributes<HTMLTextAreaElement>;\n\nconst InputStyled = Input as ComponentType<InputStyledProps>;\n\nconst AutosizeField = forwardRef<HTMLTextAreaElement, TextareaAutosizeProps>(({ className, ...props }, ref) => (\n  <TextareaAutosize {...props} ref={ref} className={classnames(className, customScroll())} />\n));\nAutosizeField.displayName = 'AutosizeField';\n\nconst ResizableField = forwardRef<HTMLTextAreaElement, TextareaHTMLAttributes<HTMLTextAreaElement>>(\n  ({ className, ...props }, ref) => (\n    <textarea {...props} ref={ref} className={classnames(className, customScroll())} />\n  ),\n);\nResizableField.displayName = 'ResizableField';\n\nconst TextArea = ({\n  label,\n  errorText,\n  message,\n  inputRef,\n  onScroll,\n  className,\n  symbolCounterVisible,\n  resizable = false,\n  minRows,\n  maxRows,\n  cacheMeasurements,\n  onHeightChange,\n  ...other\n}: Props) => {\n  const textareaRef = useRef<HTMLTextAreaElement | null>(null);\n  const [showLabel, setShowLabel] = useState(true);\n\n  const updateState = useMemo(() => (\n    throttle(() => {\n      if (textareaRef.current) {\n        setShowLabel(textareaRef.current.scrollTop <= 1);\n      }\n    }, 100)\n  ), []);\n\n  useEffect(() => () => {\n    updateState.cancel();\n  }, [updateState]);\n\n  const handleRef = useCallback((node: HTMLTextAreaElement | null) => {\n    if (inputRef) {\n      setRef(inputRef, node);\n    }\n    textareaRef.current = node;\n  }, [inputRef]);\n\n  const handleScroll = useCallback((event: UIEvent<HTMLTextAreaElement>) => {\n    if (onScroll) {\n      onScroll(event);\n    }\n    updateState();\n  }, [onScroll, updateState]);\n\n  const autosizeProps = resizable ? { rows: minRows } : {\n    minRows,\n    maxRows,\n    cacheMeasurements,\n    onHeightChange,\n  };\n\n  return (\n    <InputStyled\n      as={resizable ? ResizableField : AutosizeField}\n      {...autosizeProps}\n      label={showLabel ? label : undefined}\n      message={errorText || message}\n      error={Boolean(errorText)}\n      errorIcon={!!errorText}\n      symbolCounterVisible={symbolCounterVisible}\n      adornment={resizable && !other.disabled ? (\n        <div className={classnames(resizeHandleStyles, 'ui-textarea__resize-handle')} aria-hidden>\n          <DragHandleArea color=\"tertiary\" />\n        </div>\n      ) : undefined}\n      {...other}\n      className={classnames(inputStyles, resizable && resizableStyles, className)}\n      ref={handleRef}\n      onScroll={handleScroll}\n    />\n  );\n};\n\nexport default TextArea;\n"],"names":["InputStyled","Input","AutosizeField","forwardRef","className","props","ref","TextareaAutosize","classnames","customScroll","ResizableField","TextArea","label","errorText","message","inputRef","onScroll","symbolCounterVisible","resizable","minRows","maxRows","cacheMeasurements","onHeightChange","other","textareaRef","useRef","showLabel","setShowLabel","useState","updateState","useMemo","throttle","useEffect","handleRef","useCallback","node","setRef","handleScroll","event","autosizeProps","undefined","Boolean","resizeHandleStyles","DragHandleArea","inputStyles","resizableStyles"],"mappings":";;;;;;;;;;;;;AAyEA,MAAMA,cAAcC;AAEpB,MAAMC,gBAAgB,WAAHA,GAAGC,WAAuD,CAAC,IAAD;;;;iCAAC,EAAEC,SAAS,EAAY,UAAPC,QAAAA,6BAAAA,OAAAA;;SAASC,IAAAA,GAAAA;yBACrG,IAACC,yBAAgBA,uBAAAA,EAAAA,CAAAA,GAAKF,QAAAA;QAAO,KAAKC;QAAK,WAAWE,KAAWJ,WAAWK;;;AAE1EP,cAAc,WAAW,GAAG;AAE5B,MAAMQ,iBAAiB,WAAHA,GAAGP,WACrB,CAAC,IAAD;;;;iCAAC,EAAEC,SAAS,EAAY,UAAPC,QAAAA,6BAAAA,OAAAA;;SAASC,IAAAA,GAAAA;yBACxB,IAAC,yCAAaD,QAAAA;QAAO,KAAKC;QAAK,WAAWE,KAAWJ,WAAWK;;;AAGpEC,eAAe,WAAW,GAAG;AAE7B,MAAMC,WAAW,CAAC;QAAA,EAChBC,KAAK,EACLC,SAAS,EACTC,OAAO,EACPC,QAAQ,EACRC,QAAQ,EACRZ,SAAS,EACTa,oBAAoB,EACpBC,YAAY,KAAK,EACjBC,OAAO,EACPC,OAAO,EACPC,iBAAiB,EACjBC,cAAc,EAER,OADHC,QAAAA,6BAAAA,IAAAA;;;;;;;;;;;;;;IAEH,MAAMC,cAAcC,OAAmC;IACvD,MAAM,CAACC,WAAWC,aAAa,GAAGC,SAAS;IAE3C,MAAMC,cAAcC,QAAQ,IAC1BC,SAAS;YACP,IAAIP,YAAY,OAAO,EACrBG,aAAaH,YAAY,OAAO,CAAC,SAAS,IAAI;QAElD,GAAG,MACF,EAAE;IAELQ,UAAU,IAAM;YACdH,YAAY,MAAM;QACpB,GAAG;QAACA;KAAY;IAEhB,MAAMI,YAAYC,YAAY,CAACC;QAC7B,IAAIpB,UACFqB,OAAOrB,UAAUoB;QAEnBX,YAAY,OAAO,GAAGW;IACxB,GAAG;QAACpB;KAAS;IAEb,MAAMsB,eAAeH,YAAY,CAACI;QAChC,IAAItB,UACFA,SAASsB;QAEXT;IACF,GAAG;QAACb;QAAUa;KAAY;IAE1B,MAAMU,gBAAgBrB,YAAY;QAAE,MAAMC;IAAQ,IAAI;QACpDA;QACAC;QACAC;QACAC;IACF;IAEA,OAAO,WAAP,GACE,IAACtB,aAAAA,uBAAAA,EAAAA,uBAAAA,EAAAA;QACC,IAAIkB,YAAYR,iBAAiBR;OAC7BqC,gBAAAA;QACJ,OAAOb,YAAYd,QAAQ4B;QAC3B,SAAS3B,aAAaC;QACtB,OAAO2B,QAAQ5B;QACf,WAAW,CAAC,CAACA;QACb,sBAAsBI;QACtB,WAAWC,aAAa,CAACK,MAAM,QAAQ,GAAG,WAAH,GACrC,IAAC;YAAI,WAAWf,KAAWkC,oBAAoB;YAA+B,eAAW;sBACvF,kBAACC,gBAAcA;gBAAC,OAAM;;aAEtBH;QACAjB,QAAAA;QACJ,WAAWf,KAAWoC,aAAa1B,aAAa2B,iBAAiBzC;QACjE,KAAK6B;QACL,UAAUI;;AAGhB;AAEA,0BAAe1B"}

package/dist/TextArea/TextArea.styles.css

@@ -1 +1,3 @@
 .ui_components_i12kkm66 textarea{display:block;resize:none;}.ui_components_i12kkm66 .ui-input__adornment{align-self:flex-start;margin-top:var(--ui-spacing-inputM-paddingVert);}
+.ui_components_rtjawjx textarea{resize:vertical;}.ui_components_rtjawjx textarea:disabled{resize:none;}.ui_components_rtjawjx textarea::-webkit-scrollbar{width:20px;height:20px;}.ui_components_rtjawjx textarea::-webkit-scrollbar-thumb{border-width:7px;}.ui_components_rtjawjx textarea::-webkit-resizer,.ui_components_rtjawjx textarea::-webkit-scrollbar-corner{background:transparent;}
+.ui_components_r1ghzquy{position:absolute;right:var(--ui-spacing-xs);bottom:var(--ui-spacing-xs);display:flex;pointer-events:none;}.ui_components_r1ghzquy>svg{width:15px;height:15px;}

package/dist/TextArea/TextArea.styles.d.ts

@@ -1,2 +1,4 @@
 export declare const inputStyles: import("@linaria/core").LinariaClassName;
+export declare const resizableStyles: import("@linaria/core").LinariaClassName;
+export declare const resizeHandleStyles: import("@linaria/core").LinariaClassName;
 //# sourceMappingURL=TextArea.styles.d.ts.map

package/dist/TextArea/TextArea.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.styles.d.ts","sourceRoot":"","sources":["../../src/TextArea/TextArea.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,0CAUvB,CAAC"}
+{"version":3,"file":"TextArea.styles.d.ts","sourceRoot":"","sources":["../../src/TextArea/TextArea.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,0CAUvB,CAAC;AAEF,eAAO,MAAM,eAAe,0CAsB3B,CAAC;AAEF,eAAO,MAAM,kBAAkB,0CAW9B,CAAC"}

package/dist/TextArea/TextArea.styles.js

@@ -1,5 +1,7 @@
 const inputStyles = "ui_components_i12kkm66";
-export { inputStyles };
+const resizableStyles = "ui_components_rtjawjx";
+const resizeHandleStyles = "ui_components_r1ghzquy";
+export { inputStyles, resizableStyles, resizeHandleStyles };
 //# sourceMappingURL=TextArea.styles.js.map
 
 import "./TextArea.styles.css";

package/dist/TextArea/TextArea.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea/TextArea.styles.js","sources":["../../src/TextArea/TextArea.styles.ts"],"sourcesContent":["import { tokens } from '@finam/web-ui-kit-core/theme/contract';\nimport { css } from '@linaria/core';\n\nexport const inputStyles = css`\n  & textarea {\n    display: block;\n    resize: none;\n  }\n\n  & .ui-input__adornment {\n    align-self: flex-start;\n    margin-top: ${tokens.spacing.inputM.paddingVert};\n  }\n`;\n"],"names":["inputStyles","css","tokens"],"mappings":";;AAGO,MAAMA,cAAcC,GAAG,CAAC;;;;;;;;gBAQf,EAAEC,OAAO,OAAO,CAAC,MAAM,CAAC,WAAW,CAAC;;AAEpD,CAAC"}
+{"version":3,"file":"TextArea/TextArea.styles.js","sources":["../../src/TextArea/TextArea.styles.ts"],"sourcesContent":["import { tokens } from '@finam/web-ui-kit-core/theme/contract';\nimport { css } from '@linaria/core';\n\nexport const inputStyles = css`\n  & textarea {\n    display: block;\n    resize: none;\n  }\n\n  & .ui-input__adornment {\n    align-self: flex-start;\n    margin-top: ${tokens.spacing.inputM.paddingVert};\n  }\n`;\n\nexport const resizableStyles = css`\n  & textarea {\n    resize: vertical;\n  }\n\n  & textarea:disabled {\n    resize: none;\n  }\n\n  & textarea::-webkit-scrollbar {\n    width: 20px;\n    height: 20px;\n  }\n\n  & textarea::-webkit-scrollbar-thumb {\n    border-width: 7px;\n  }\n\n  & textarea::-webkit-resizer,\n  & textarea::-webkit-scrollbar-corner {\n    background: transparent;\n  }\n`;\n\nexport const resizeHandleStyles = css`\n  position: absolute;\n  right: ${tokens.spacing.xs};\n  bottom: ${tokens.spacing.xs};\n  display: flex;\n  pointer-events: none;\n\n  & > svg {\n    width: 15px;\n    height: 15px;\n  }\n`;\n"],"names":["inputStyles","css","tokens","resizableStyles","resizeHandleStyles"],"mappings":";;AAGO,MAAMA,cAAcC,GAAG,CAAC;;;;;;;;gBAQf,EAAEC,OAAO,OAAO,CAAC,MAAM,CAAC,WAAW,CAAC;;AAEpD,CAAC;AAEM,MAAMC,kBAAkBF,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;AAsBnC,CAAC;AAEM,MAAMG,qBAAqBH,GAAG,CAAC;;SAE7B,EAAEC,OAAO,OAAO,CAAC,EAAE,CAAC;UACnB,EAAEA,OAAO,OAAO,CAAC,EAAE,CAAC;;;;;;;;AAQ9B,CAAC"}

package/dist/index.js

@@ -1,5 +1,5 @@
 export * from "./types.js";
-const version = "3.33.3";
+const version = "3.34.0";
 export { default as Button } from "./Button/index.js";
 export { default as ButtonAsync } from "./ButtonAsync/index.js";
 export { default as MarketingButton } from "./MarketingButton/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finam/web-ui-kit-components",
-  "version": "3.33.3",
+  "version": "3.34.0",
   "description": "Components library for web-ui-kit",
   "author": "",
   "license": "ISC",