@skbkontur/react-ui 4.9.0-theme2022.1 → 4.9.1

package/components/Textarea/Textarea.d.ts

@@ -1,187 +1,187 @@
-import React, { ReactNode } from 'react';
-import PropTypes from 'prop-types';
-import { Override } from '../../typings/utility-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface TextareaProps extends CommonProps, Override<React.TextareaHTMLAttributes<HTMLTextAreaElement>, {
-    /**
-     * Состояние валидации при ошибке.
-     */
-    error?: boolean;
-    /**
-     * Состояние валидации при предупреждении.
-     */
-    warning?: boolean;
-    /** Не активное состояние */
-    disabled?: boolean;
-    /**
-     * Автоматический ресайз
-     * в зависимости от содержимого
-     */
-    autoResize?: boolean;
-    /**
-     * Число строк
-     */
-    rows?: number;
-    /**
-     * Максимальное число строк при
-     * автоматическом ресайзе
-     */
-    maxRows?: string | number;
-    /**
-     * Стандартный ресайз
-     * Попадает в `style`
-     */
-    resize?: React.CSSProperties['resize'];
-    /**
-     * Ширина
-     */
-    width?: React.CSSProperties['width'];
-    /**
-     * Вызывается при изменении `value`
-     */
-    onValueChange?: (value: string) => void;
-    /** Выделение значения при фокусе */
-    selectAllOnFocus?: boolean;
-    /** Показывать счетчик символов */
-    showLengthCounter?: boolean;
-    /** Допустимое количество символов в поле. Отображается в счетчике.
-     * Если не указано, равно `maxLength`
-     */
-    lengthCounter?: number;
-    /** Подсказка к счетчику символов.
-     *
-     * По умолчанию - тултип с содержимым из пропа, если передан`ReactNode`.
-     *
-     * Передав функцию, можно переопределить подсказку целиком, вместе с иконкой. Например,
-     *
-     * ```
-     * counterHelp={() => <Tooltip render={...}><HelpIcon /></Tooltip>}
-     * ```
-     * */
-    counterHelp?: ReactNode | (() => ReactNode);
-    /** Добавлять дополнительную свободную строку при авто-ресайзе.
-     * @see https://guides.kontur.ru/components/textarea/#04
-     * */
-    extraRow?: boolean;
-    /** Отключать анимацию при авто-ресайзе.
-     * Автоматически отключается когда в `extraRow` передан `false`.
-     */
-    disableAnimations?: boolean;
-}> {
-}
-export interface TextareaState {
-    needsPolyfillPlaceholder: boolean;
-    isCounterVisible: boolean;
-}
-export declare const TextareaDataTids: {
-    readonly root: "Textarea__root";
-    readonly counter: "TextareaCounter__root";
-};
-declare type DefaultProps = Required<Pick<TextareaProps, 'rows' | 'maxRows' | 'extraRow' | 'disableAnimations'>>;
-/**
- * Компонент для ввода многострочного текста.
- *
- * Принимает все атрибуты `React.TextareaHTMLAttributes<HTMLTextAreaElement>`
- *
- * ** `className` и `style`  игнорируются**
- */
-export declare class Textarea extends React.Component<TextareaProps, TextareaState> {
-    static __KONTUR_REACT_UI__: string;
-    static propTypes: {
-        error: PropTypes.Requireable<boolean>;
-        warning: PropTypes.Requireable<boolean>;
-        disabled: PropTypes.Requireable<boolean>;
-        autoResize: PropTypes.Requireable<boolean>;
-        extraRow: PropTypes.Requireable<boolean>;
-        disableAnimations: PropTypes.Requireable<boolean>;
-        maxRows: PropTypes.Requireable<string | number>;
-        resize: PropTypes.Requireable<string | number>;
-        width: PropTypes.Requireable<string | number>;
-        id: PropTypes.Requireable<string>;
-        name: PropTypes.Requireable<string>;
-        title: PropTypes.Requireable<string>;
-        spellCheck: PropTypes.Requireable<boolean>;
-        role: PropTypes.Requireable<string>;
-        maxLength: PropTypes.Requireable<number>;
-        tabIndex: PropTypes.Requireable<number>;
-        rows: PropTypes.Requireable<number>;
-        placeholder: PropTypes.Requireable<string>;
-        value: PropTypes.Requireable<string>;
-        defaultValue: PropTypes.Requireable<string>;
-        onValueChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseMove: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseOut: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseUp: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseDown: PropTypes.Requireable<(...args: any[]) => any>;
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        onDoubleClick: PropTypes.Requireable<(...args: any[]) => any>;
-        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
-        onKeyPress: PropTypes.Requireable<(...args: any[]) => any>;
-        onKeyUp: PropTypes.Requireable<(...args: any[]) => any>;
-        onInput: PropTypes.Requireable<(...args: any[]) => any>;
-        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
-        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-        onScroll: PropTypes.Requireable<(...args: any[]) => any>;
-        onWheel: PropTypes.Requireable<(...args: any[]) => any>;
-        onCut: PropTypes.Requireable<(...args: any[]) => any>;
-        onPaste: PropTypes.Requireable<(...args: any[]) => any>;
-        onCopy: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    static defaultProps: DefaultProps;
-    private getProps;
-    state: {
-        needsPolyfillPlaceholder: boolean;
-        isCounterVisible: boolean;
-    };
-    private reflowCounter;
-    private theme;
-    private selectAllId;
-    private node;
-    private fakeNode;
-    private counter;
-    private layoutEvents;
-    private textareaObserver;
-    private setRootNode;
-    private getAutoResizeThrottleWait;
-    private isAnimationsDisabled;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    componentDidUpdate(prevProps: TextareaProps): void;
-    render(): JSX.Element;
-    /**
-     * @public
-     */
-    focus(): void;
-    /**
-     * @public
-     */
-    blur(): void;
-    /**
-     * @public
-     * @param {number} start
-     * @param {number} end
-     */
-    setSelectionRange: (start: number, end: number) => void;
-    /**
-     * @public
-     */
-    selectAll: () => void;
-    private delaySelectAll;
-    private cancelDelayedSelectAll;
-    private renderMain;
-    private handleCloseCounterHelp;
-    private handleKeyDown;
-    private handleChange;
-    private ref;
-    private refFake;
-    private refCounter;
-    private autoResizeHandler;
-    private autoResize;
-    private handleCut;
-    private handlePaste;
-    private handleFocus;
-}
-export {};
+import React, { ReactNode } from 'react';
+import PropTypes from 'prop-types';
+import { Override } from '../../typings/utility-types';
+import { CommonProps } from '../../internal/CommonWrapper';
+export interface TextareaProps extends CommonProps, Override<React.TextareaHTMLAttributes<HTMLTextAreaElement>, {
+    /**
+     * Состояние валидации при ошибке.
+     */
+    error?: boolean;
+    /**
+     * Состояние валидации при предупреждении.
+     */
+    warning?: boolean;
+    /** Не активное состояние */
+    disabled?: boolean;
+    /**
+     * Автоматический ресайз
+     * в зависимости от содержимого
+     */
+    autoResize?: boolean;
+    /**
+     * Число строк
+     */
+    rows?: number;
+    /**
+     * Максимальное число строк при
+     * автоматическом ресайзе
+     */
+    maxRows?: string | number;
+    /**
+     * Стандартный ресайз
+     * Попадает в `style`
+     */
+    resize?: React.CSSProperties['resize'];
+    /**
+     * Ширина
+     */
+    width?: React.CSSProperties['width'];
+    /**
+     * Вызывается при изменении `value`
+     */
+    onValueChange?: (value: string) => void;
+    /** Выделение значения при фокусе */
+    selectAllOnFocus?: boolean;
+    /** Показывать счетчик символов */
+    showLengthCounter?: boolean;
+    /** Допустимое количество символов в поле. Отображается в счетчике.
+     * Если не указано, равно `maxLength`
+     */
+    lengthCounter?: number;
+    /** Подсказка к счетчику символов.
+     *
+     * По умолчанию - тултип с содержимым из пропа, если передан`ReactNode`.
+     *
+     * Передав функцию, можно переопределить подсказку целиком, вместе с иконкой. Например,
+     *
+     * ```
+     * counterHelp={() => <Tooltip render={...}><HelpIcon /></Tooltip>}
+     * ```
+     * */
+    counterHelp?: ReactNode | (() => ReactNode);
+    /** Добавлять дополнительную свободную строку при авто-ресайзе.
+     * @see https://guides.kontur.ru/components/textarea/#04
+     * */
+    extraRow?: boolean;
+    /** Отключать анимацию при авто-ресайзе.
+     * Автоматически отключается когда в `extraRow` передан `false`.
+     */
+    disableAnimations?: boolean;
+}> {
+}
+export interface TextareaState {
+    needsPolyfillPlaceholder: boolean;
+    isCounterVisible: boolean;
+}
+export declare const TextareaDataTids: {
+    readonly root: "Textarea__root";
+    readonly counter: "TextareaCounter__root";
+};
+declare type DefaultProps = Required<Pick<TextareaProps, 'rows' | 'maxRows' | 'extraRow' | 'disableAnimations'>>;
+/**
+ * Компонент для ввода многострочного текста.
+ *
+ * Принимает все атрибуты `React.TextareaHTMLAttributes<HTMLTextAreaElement>`
+ *
+ * ** `className` и `style`  игнорируются**
+ */
+export declare class Textarea extends React.Component<TextareaProps, TextareaState> {
+    static __KONTUR_REACT_UI__: string;
+    static propTypes: {
+        error: PropTypes.Requireable<boolean>;
+        warning: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<boolean>;
+        autoResize: PropTypes.Requireable<boolean>;
+        extraRow: PropTypes.Requireable<boolean>;
+        disableAnimations: PropTypes.Requireable<boolean>;
+        maxRows: PropTypes.Requireable<string | number>;
+        resize: PropTypes.Requireable<string | number>;
+        width: PropTypes.Requireable<string | number>;
+        id: PropTypes.Requireable<string>;
+        name: PropTypes.Requireable<string>;
+        title: PropTypes.Requireable<string>;
+        spellCheck: PropTypes.Requireable<boolean>;
+        role: PropTypes.Requireable<string>;
+        maxLength: PropTypes.Requireable<number>;
+        tabIndex: PropTypes.Requireable<number>;
+        rows: PropTypes.Requireable<number>;
+        placeholder: PropTypes.Requireable<string>;
+        value: PropTypes.Requireable<string>;
+        defaultValue: PropTypes.Requireable<string>;
+        onValueChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseMove: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseOut: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseUp: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseDown: PropTypes.Requireable<(...args: any[]) => any>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        onDoubleClick: PropTypes.Requireable<(...args: any[]) => any>;
+        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
+        onKeyPress: PropTypes.Requireable<(...args: any[]) => any>;
+        onKeyUp: PropTypes.Requireable<(...args: any[]) => any>;
+        onInput: PropTypes.Requireable<(...args: any[]) => any>;
+        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
+        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        onScroll: PropTypes.Requireable<(...args: any[]) => any>;
+        onWheel: PropTypes.Requireable<(...args: any[]) => any>;
+        onCut: PropTypes.Requireable<(...args: any[]) => any>;
+        onPaste: PropTypes.Requireable<(...args: any[]) => any>;
+        onCopy: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    static defaultProps: DefaultProps;
+    private getProps;
+    state: {
+        needsPolyfillPlaceholder: boolean;
+        isCounterVisible: boolean;
+    };
+    private reflowCounter;
+    private theme;
+    private selectAllId;
+    private node;
+    private fakeNode;
+    private counter;
+    private layoutEvents;
+    private textareaObserver;
+    private setRootNode;
+    private getAutoResizeThrottleWait;
+    private isAnimationsDisabled;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    componentDidUpdate(prevProps: TextareaProps): void;
+    render(): JSX.Element;
+    /**
+     * @public
+     */
+    focus(): void;
+    /**
+     * @public
+     */
+    blur(): void;
+    /**
+     * @public
+     * @param {number} start
+     * @param {number} end
+     */
+    setSelectionRange: (start: number, end: number) => void;
+    /**
+     * @public
+     */
+    selectAll: () => void;
+    private delaySelectAll;
+    private cancelDelayedSelectAll;
+    private renderMain;
+    private handleCloseCounterHelp;
+    private handleKeyDown;
+    private handleChange;
+    private ref;
+    private refFake;
+    private refCounter;
+    private autoResizeHandler;
+    private autoResize;
+    private handleCut;
+    private handlePaste;
+    private handleFocus;
+}
+export {};

package/components/Textarea/Textarea.styles.d.ts

@@ -1,15 +1,15 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    root(t: Theme): string;
-    textarea(t: Theme): string;
-    error(t: Theme): string;
-    warning(t: Theme): string;
-    disabled(t: Theme): string;
-    fake(): string;
-    placeholder(): string;
-    counterContainer(t: Theme): string;
-    counter(t: Theme): string;
-    counterError(t: Theme): string;
-    counterHelp(): string;
-    disableAnimations(): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(t: Theme): string;
+    textarea(t: Theme): string;
+    error(t: Theme): string;
+    warning(t: Theme): string;
+    disabled(t: Theme): string;
+    fake(): string;
+    placeholder(): string;
+    counterContainer(t: Theme): string;
+    counter(t: Theme): string;
+    counterError(t: Theme): string;
+    counterHelp(): string;
+    disableAnimations(): string;
+};

package/components/Textarea/TextareaCounter/TextareaCounter.js

@@ -7,8 +7,6 @@ import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { isFunction } from "../../../lib/utils";
 import { Tooltip } from "../../Tooltip";
 import { cx } from "../../../lib/theming/Emotion";
-import { isTheme2022 } from "../../../lib/theming/ThemeHelpers";
-import { QuestionCircleIcon16Solid } from "../../../internal/icons2022/QuestionCircleIcon16Solid";
 import { TextareaDataTids } from "../Textarea";
 import { styles } from "../Textarea.styles";
 
@@ -50,20 +48,15 @@ export var TextareaCounter = forwardRefAndName('TextareaCounter', function (_ref
   }, [help]);
   var textareaValue = value ? value.toString().length : 0;
   var counterValue = length - textareaValue;
-  var helpIcon = isTheme2022(theme) ? /*#__PURE__*/React.createElement(QuestionCircleIcon16Solid, {
-    disableCompensation: false,
-    onMouseDown: handleHelpMouseDown,
-    color: theme.textareaCounterHelpIconColor
-  }) : /*#__PURE__*/React.createElement(HelpDotIcon, {
-    onMouseDown: handleHelpMouseDown,
-    color: theme.textareaCounterHelpIconColor
-  });
   var counterHelp = isFunction(help) ? help() : /*#__PURE__*/React.createElement(Tooltip, {
     pos: 'right bottom',
     trigger: 'click',
     render: renderTooltipContent,
     onCloseClick: onCloseHelp
-  }, helpIcon);
+  }, /*#__PURE__*/React.createElement(HelpDotIcon, {
+    onMouseDown: handleHelpMouseDown,
+    color: theme.textareaCounterHelpIconColor
+  }));
   return /*#__PURE__*/React.createElement("div", {
     "data-tid": TextareaDataTids.counter,
     className: styles.counterContainer(theme),

package/components/Textarea/TextareaCounter/TextareaCounter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TextareaCounter.tsx"],"names":["React","useContext","useCallback","useImperativeHandle","useState","propTypes","safePropTypesInstanceOf","forwardRefAndName","HelpDotIcon","ThemeContext","isFunction","Tooltip","cx","isTheme2022","QuestionCircleIcon16Solid","TextareaDataTids","styles","handleHelpMouseDown","e","preventDefault","TextareaCounter","ref","length","value","help","onCloseHelp","textarea","theme","clientWidth","width","setWidth","clientHeight","height","setHeight","reflow","renderTooltipContent","textareaValue","toString","counterValue","helpIcon","textareaCounterHelpIconColor","counterHelp","counter","counterContainer","counterError","number","isRequired","oneOfType","string","node","func","HTMLElement"],"mappings":"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","sourcesContent":["import React, { SyntheticEvent, useContext, useCallback, useImperativeHandle, useState } from 'react';\nimport propTypes from 'prop-types';\n\nimport { safePropTypesInstanceOf } from '../../lib/SSRSafe';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { HelpDotIcon } from '../../internal/icons/16px';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isFunction } from '../../lib/utils';\nimport { Tooltip } from '../Tooltip';\nimport { cx } from '../../lib/theming/Emotion';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { QuestionCircleIcon16Solid } from '../../internal/icons2022/QuestionCircleIcon16Solid';\n\nimport { TextareaDataTids, TextareaProps } from './Textarea';\nimport { styles } from './Textarea.styles';\n\nexport interface TextareaCounterProps {\n  value: TextareaProps['value'];\n  length: number;\n  help: TextareaProps['counterHelp'];\n  onCloseHelp: () => void;\n  textarea: HTMLTextAreaElement;\n}\n\nexport interface TextareaCounterRef {\n  reflow: () => void;\n}\n\nconst handleHelpMouseDown = (e: SyntheticEvent) => e.preventDefault();\n\nexport const TextareaCounter = forwardRefAndName<TextareaCounterRef, TextareaCounterProps>(\n  'TextareaCounter',\n  ({ length, value, help, onCloseHelp, textarea }, ref) => {\n    const theme = useContext(ThemeContext);\n    const [width, setWidth] = useState(textarea.clientWidth);\n    const [height, setHeight] = useState(textarea.clientHeight);\n    const reflow = useCallback(() => {\n      const { clientWidth, clientHeight } = textarea;\n      setWidth(clientWidth);\n      setHeight(clientHeight);\n    }, [textarea]);\n    useImperativeHandle(ref, () => ({ reflow }), [reflow]);\n    const renderTooltipContent = useCallback(() => help, [help]);\n    const textareaValue = value ? value.toString().length : 0;\n    const counterValue = length - textareaValue;\n    const helpIcon = isTheme2022(theme) ? (\n      <QuestionCircleIcon16Solid\n        disableCompensation={false}\n        onMouseDown={handleHelpMouseDown}\n        color={theme.textareaCounterHelpIconColor}\n      />\n    ) : (\n      <HelpDotIcon onMouseDown={handleHelpMouseDown} color={theme.textareaCounterHelpIconColor} />\n    );\n    const counterHelp = isFunction(help) ? (\n      help()\n    ) : (\n      <Tooltip pos={'right bottom'} trigger={'click'} render={renderTooltipContent} onCloseClick={onCloseHelp}>\n        {helpIcon}\n      </Tooltip>\n    );\n\n    return (\n      <div data-tid={TextareaDataTids.counter} className={styles.counterContainer(theme)} style={{ width, height }}>\n        <span\n          className={cx(styles.counter(theme), {\n            [styles.counterError(theme)]: counterValue < 0,\n          })}\n        >\n          {counterValue}\n          {help && <span className={styles.counterHelp()}>{counterHelp}</span>}\n        </span>\n      </div>\n    );\n  },\n);\n\nTextareaCounter.propTypes = {\n  length: propTypes.number.isRequired,\n  value: propTypes.oneOfType([propTypes.string, propTypes.number]),\n  help: propTypes.oneOfType([propTypes.node, propTypes.func]),\n  onCloseHelp: propTypes.func.isRequired,\n  textarea: safePropTypesInstanceOf(() => HTMLElement).isRequired,\n};\n"]}
+{"version":3,"sources":["TextareaCounter.tsx"],"names":["React","useContext","useCallback","useImperativeHandle","useState","propTypes","safePropTypesInstanceOf","forwardRefAndName","HelpDotIcon","ThemeContext","isFunction","Tooltip","cx","TextareaDataTids","styles","handleHelpMouseDown","e","preventDefault","TextareaCounter","ref","length","value","help","onCloseHelp","textarea","theme","clientWidth","width","setWidth","clientHeight","height","setHeight","reflow","renderTooltipContent","textareaValue","toString","counterValue","counterHelp","textareaCounterHelpIconColor","counter","counterContainer","counterError","number","isRequired","oneOfType","string","node","func","HTMLElement"],"mappings":"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","sourcesContent":["import React, { SyntheticEvent, useContext, useCallback, useImperativeHandle, useState } from 'react';\nimport propTypes from 'prop-types';\n\nimport { safePropTypesInstanceOf } from '../../lib/SSRSafe';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { HelpDotIcon } from '../../internal/icons/16px';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isFunction } from '../../lib/utils';\nimport { Tooltip } from '../Tooltip';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { TextareaDataTids, TextareaProps } from './Textarea';\nimport { styles } from './Textarea.styles';\n\nexport interface TextareaCounterProps {\n  value: TextareaProps['value'];\n  length: number;\n  help: TextareaProps['counterHelp'];\n  onCloseHelp: () => void;\n  textarea: HTMLTextAreaElement;\n}\n\nexport interface TextareaCounterRef {\n  reflow: () => void;\n}\n\nconst handleHelpMouseDown = (e: SyntheticEvent) => e.preventDefault();\n\nexport const TextareaCounter = forwardRefAndName<TextareaCounterRef, TextareaCounterProps>(\n  'TextareaCounter',\n  ({ length, value, help, onCloseHelp, textarea }, ref) => {\n    const theme = useContext(ThemeContext);\n    const [width, setWidth] = useState(textarea.clientWidth);\n    const [height, setHeight] = useState(textarea.clientHeight);\n    const reflow = useCallback(() => {\n      const { clientWidth, clientHeight } = textarea;\n      setWidth(clientWidth);\n      setHeight(clientHeight);\n    }, [textarea]);\n    useImperativeHandle(ref, () => ({ reflow }), [reflow]);\n    const renderTooltipContent = useCallback(() => help, [help]);\n    const textareaValue = value ? value.toString().length : 0;\n    const counterValue = length - textareaValue;\n    const counterHelp = isFunction(help) ? (\n      help()\n    ) : (\n      <Tooltip pos={'right bottom'} trigger={'click'} render={renderTooltipContent} onCloseClick={onCloseHelp}>\n        <HelpDotIcon onMouseDown={handleHelpMouseDown} color={theme.textareaCounterHelpIconColor} />\n      </Tooltip>\n    );\n\n    return (\n      <div data-tid={TextareaDataTids.counter} className={styles.counterContainer(theme)} style={{ width, height }}>\n        <span\n          className={cx(styles.counter(theme), {\n            [styles.counterError(theme)]: counterValue < 0,\n          })}\n        >\n          {counterValue}\n          {help && <span className={styles.counterHelp()}>{counterHelp}</span>}\n        </span>\n      </div>\n    );\n  },\n);\n\nTextareaCounter.propTypes = {\n  length: propTypes.number.isRequired,\n  value: propTypes.oneOfType([propTypes.string, propTypes.number]),\n  help: propTypes.oneOfType([propTypes.node, propTypes.func]),\n  onCloseHelp: propTypes.func.isRequired,\n  textarea: safePropTypesInstanceOf(() => HTMLElement).isRequired,\n};\n"]}

package/components/Textarea/TextareaCounter.d.ts

@@ -1,12 +1,12 @@
-import { TextareaProps } from './Textarea';
-export interface TextareaCounterProps {
-    value: TextareaProps['value'];
-    length: number;
-    help: TextareaProps['counterHelp'];
-    onCloseHelp: () => void;
-    textarea: HTMLTextAreaElement;
-}
-export interface TextareaCounterRef {
-    reflow: () => void;
-}
-export declare const TextareaCounter: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<TextareaCounterRef, TextareaCounterProps>;
+import { TextareaProps } from './Textarea';
+export interface TextareaCounterProps {
+    value: TextareaProps['value'];
+    length: number;
+    help: TextareaProps['counterHelp'];
+    onCloseHelp: () => void;
+    textarea: HTMLTextAreaElement;
+}
+export interface TextareaCounterRef {
+    reflow: () => void;
+}
+export declare const TextareaCounter: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<TextareaCounterRef, TextareaCounterProps>;

package/components/Textarea/TextareaHelpers.d.ts

@@ -1,11 +1,11 @@
-export declare function getTextAreaHeight(params: GetTextAreaHeightParams): {
-    height: number;
-    exceededMaxHeight: boolean;
-};
-interface GetTextAreaHeightParams {
-    node: HTMLTextAreaElement;
-    minRows: number;
-    maxRows: number;
-    extraRow: boolean;
-}
-export {};
+export declare function getTextAreaHeight(params: GetTextAreaHeightParams): {
+    height: number;
+    exceededMaxHeight: boolean;
+};
+interface GetTextAreaHeightParams {
+    node: HTMLTextAreaElement;
+    minRows: number;
+    maxRows: number;
+    extraRow: boolean;
+}
+export {};

package/components/Textarea/index.d.ts

@@ -1 +1 @@
-export * from './Textarea';
+export * from './Textarea';