@skbkontur/react-ui 0.0.0-e66a3400ba → 0.0.0-ea6161656e

package/cjs/components/Textarea/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Textarea.tsx"],"names":["DEFAULT_WIDTH","AUTORESIZE_THROTTLE_DEFAULT_WAIT","TextareaDataTids","root","counter","helpIcon","Textarea","rootNode","getProps","defaultProps","state","needsPolyfillPlaceholder","isCounterVisible","reflowCounter","reflow","selectAllId","textareaObserver","globalObject","MutationObserver","setSelectionRange","start","end","node","Error","document","activeElement","focus","selectAll","value","length","delaySelectAll","requestAnimationFrame","cancelDelayedSelectAll","cancelAnimationFrame","renderMain","props","width","error","warning","size","autoResize","resize","onCut","onPaste","maxRows","onFocus","selectAllOnFocus","placeholder","onValueChange","showLengthCounter","lengthCounter","counterHelp","extraRow","disableAnimations","disabled","textareaProps","rootProps","style","styles","emotion","textareaClassNames","cx","getTextareaSizeClassName","textarea","theme","hovering","isAnimationsDisabled","textareaStyle","placeholderPolyfill","defaultValue","fakeTextarea","fakeProps","className","fake","readOnly","refFake","maxLength","handleCloseCounterHelp","refCounter","Component","featureFlags","textareaUseSafari17Workaround","isSafari17","TextareaWithSafari17Workaround","getRootSizeClassName","undefined","ref","handleChange","handleCut","handlePaste","handleFocus","handleKeyDown","children","setState","e","toString","isBlockEnter","preventDefault","onKeyDown","fieldIsEmpty","target","onChange","element","fakeNode","autoResizeHandler","rows","minRows","parseInt","height","exceededMaxHeight","overflowY","getAutoResizeThrottleWait","event","isIE11","rootLarge","rootMedium","rootSmall","textareaLarge","textareaMedium","textareaSmall","componentDidMount","layoutEvents","LayoutEvents","addListener","observe","attributes","componentWillUnmount","remove","disconnect","componentDidUpdate","prevProps","cancel","render","flags","setRootNode","blur","React","__KONTUR_REACT_UI__","displayName","propTypes","PropTypes","bool","oneOfType","string","number","id","name","title","spellCheck","role","tabIndex","func","onMouseEnter","onMouseLeave","onMouseOver","onMouseMove","onMouseOut","onMouseUp","onMouseDown","onClick","onDoubleClick","onKeyPress","onKeyUp","onInput","onBlur","onScroll","onWheel","onCopy","isTestEnv"],"mappings":"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","sourcesContent":["// TODO: Enable this rule in functional components.\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React, { AriaAttributes, ReactNode } from 'react';\nimport PropTypes from 'prop-types';\nimport throttle from 'lodash.throttle';\nimport { globalObject } from '@skbkontur/global-object';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { isKeyEnter } from '../../lib/events/keyboard/identifiers';\nimport { needsPolyfillPlaceholder } from '../../lib/needsPolyfillPlaceholder';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { Nullable, Override } from '../../typings/utility-types';\nimport { Theme } from '../../lib/theming/Theme';\nimport { RenderLayer } from '../../internal/RenderLayer';\nimport { ResizeDetector } from '../../internal/ResizeDetector';\nimport { isIE11, isSafari17 } from '../../lib/client';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { SizeProp } from '../../lib/types/props';\nimport {\n  getFullReactUIFlagsContext,\n  ReactUIFeatureFlags,\n  ReactUIFeatureFlagsContext,\n} from '../../lib/featureFlagsContext';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { getTextAreaHeight } from './TextareaHelpers';\nimport { getStyles } from './Textarea.styles';\nimport { TextareaCounter, TextareaCounterRef } from './TextareaCounter';\nimport { TextareaWithSafari17Workaround } from './TextareaWithSafari17Workaround';\n\n/**\n * @deprecated use SizeProp\n */\nexport type TextareaSize = SizeProp;\n\nconst DEFAULT_WIDTH = 250;\nconst AUTORESIZE_THROTTLE_DEFAULT_WAIT = 100;\n\nexport interface TextareaProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    CommonProps,\n    Override<\n      React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n      {\n        /**\n         * Состояние валидации при ошибке.\n         */\n        error?: boolean;\n        /**\n         * Состояние валидации при предупреждении.\n         */\n        warning?: boolean;\n        /** Не активное состояние */\n        disabled?: boolean;\n        /** Размер */\n        size?: SizeProp;\n        /**\n         * Автоматический ресайз\n         * в зависимости от содержимого\n         */\n        autoResize?: boolean;\n        /**\n         * Число строк\n         */\n        rows?: number;\n        /**\n         * Максимальное число строк при\n         * автоматическом ресайзе\n         */\n        maxRows?: string | number;\n\n        /**\n         * Стандартный ресайз\n         * Попадает в `style`\n         */\n        resize?: React.CSSProperties['resize'];\n\n        /**\n         * Ширина\n         */\n        width?: React.CSSProperties['width'];\n\n        /**\n         * Вызывается при изменении `value`\n         */\n        onValueChange?: (value: string) => void;\n\n        /** Выделение значения при фокусе */\n        selectAllOnFocus?: boolean;\n\n        /** Показывать счетчик символов */\n        showLengthCounter?: boolean;\n\n        /** Допустимое количество символов в поле. Отображается в счетчике.\n         * Если не указано, равно `maxLength`\n         */\n        lengthCounter?: number;\n\n        /** Подсказка к счетчику символов.\n         *\n         * По умолчанию - тултип с содержимым из пропа, если передан`ReactNode`.\n         *\n         * Передав функцию, можно переопределить подсказку целиком, вместе с иконкой. Например,\n         *\n         * ```\n         * counterHelp={() => <Tooltip render={...}><HelpIcon /></Tooltip>}\n         * ```\n         * */\n        counterHelp?: ReactNode | (() => ReactNode);\n\n        /** Добавлять дополнительную свободную строку при авто-ресайзе.\n         * @see https://guides.kontur.ru/components/textarea/#04\n         * */\n        extraRow?: boolean;\n\n        /** Отключать анимацию при авто-ресайзе.\n         * Автоматически отключается когда в `extraRow` передан `false`.\n         */\n        disableAnimations?: boolean;\n      }\n    > {}\n\nexport interface TextareaState {\n  needsPolyfillPlaceholder: boolean;\n  isCounterVisible: boolean;\n}\n\nexport const TextareaDataTids = {\n  root: 'Textarea__root',\n  counter: 'TextareaCounter__root',\n  helpIcon: 'TextareaCounter__helpIcon',\n} as const;\n\ntype DefaultProps = Required<Pick<TextareaProps, 'rows' | 'maxRows' | 'extraRow' | 'disableAnimations' | 'size'>>;\n\n/**\n * Компонент для ввода многострочного текста.\n *\n * Принимает все атрибуты `React.TextareaHTMLAttributes<HTMLTextAreaElement>`\n *\n * ** `className` и `style`  игнорируются**\n */\n@rootNode\nexport class Textarea extends React.Component<TextareaProps, TextareaState> {\n  public static __KONTUR_REACT_UI__ = 'Textarea';\n  public static displayName = 'Textarea';\n\n  public static propTypes = {\n    error: PropTypes.bool,\n    warning: PropTypes.bool,\n    disabled: PropTypes.bool,\n\n    autoResize: PropTypes.bool,\n    extraRow: PropTypes.bool,\n    disableAnimations: PropTypes.bool,\n    maxRows: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n    resize: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n    id: PropTypes.string,\n    name: PropTypes.string,\n    title: PropTypes.string,\n    spellCheck: PropTypes.bool,\n    role: PropTypes.string,\n    maxLength: PropTypes.number,\n    tabIndex: PropTypes.number,\n    rows: PropTypes.number,\n    placeholder: PropTypes.string,\n\n    value: PropTypes.string,\n    defaultValue: PropTypes.string,\n    onValueChange: PropTypes.func,\n\n    onMouseEnter: PropTypes.func,\n    onMouseLeave: PropTypes.func,\n    onMouseOver: PropTypes.func,\n    onMouseMove: PropTypes.func,\n    onMouseOut: PropTypes.func,\n\n    onMouseUp: PropTypes.func,\n    onMouseDown: PropTypes.func,\n    onClick: PropTypes.func,\n    onDoubleClick: PropTypes.func,\n\n    onKeyDown: PropTypes.func,\n    onKeyPress: PropTypes.func,\n    onKeyUp: PropTypes.func,\n    onInput: PropTypes.func,\n\n    onFocus: PropTypes.func,\n    onBlur: PropTypes.func,\n\n    onScroll: PropTypes.func,\n    onWheel: PropTypes.func,\n\n    onCut: PropTypes.func,\n    onPaste: PropTypes.func,\n    onCopy: PropTypes.func,\n  };\n\n  public static defaultProps: DefaultProps = {\n    rows: 3,\n    maxRows: 15,\n    extraRow: true,\n    size: 'small',\n    disableAnimations: isTestEnv,\n  };\n\n  private getProps = createPropsGetter(Textarea.defaultProps);\n  private featureFlags!: ReactUIFeatureFlags;\n\n  private getRootSizeClassName() {\n    const styles = getStyles(this.emotion);\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.rootLarge(this.theme);\n      case 'medium':\n        return styles.rootMedium(this.theme);\n      case 'small':\n      default:\n        return styles.rootSmall(this.theme);\n    }\n  }\n\n  private getTextareaSizeClassName() {\n    const styles = getStyles(this.emotion);\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.textareaLarge(this.theme);\n      case 'medium':\n        return styles.textareaMedium(this.theme);\n      case 'small':\n      default:\n        return styles.textareaSmall(this.theme);\n    }\n  }\n\n  public state = {\n    needsPolyfillPlaceholder,\n    isCounterVisible: false,\n  };\n  private reflowCounter = () => {\n    if (this.counter) {\n      this.counter.reflow();\n    }\n  };\n\n  private theme!: Theme;\n  private emotion!: Emotion;\n  private selectAllId: number | null = null;\n  private node: Nullable<HTMLTextAreaElement>;\n  private fakeNode: Nullable<HTMLTextAreaElement>;\n  private counter: Nullable<TextareaCounterRef>;\n  private layoutEvents: Nullable<{ remove: () => void }>;\n  private textareaObserver = globalObject.MutationObserver\n    ? new globalObject.MutationObserver(this.reflowCounter)\n    : null;\n  private setRootNode!: TSetRootNode;\n  private getAutoResizeThrottleWait(props: TextareaProps = this.props): number {\n    // NOTE: При отключении анимации остается эффект дергания при авто-ресайзе из-за троттлинга расчета высоты\n    // Поэтому выставляем таймаут троттла в ноль. Подробности - https://github.com/skbkontur/retail-ui/issues/2120\n    return this.isAnimationsDisabled(props) ? 0 : AUTORESIZE_THROTTLE_DEFAULT_WAIT;\n  }\n  private isAnimationsDisabled({ disableAnimations, extraRow }: TextareaProps = this.props): boolean {\n    return disableAnimations || !extraRow;\n  }\n\n  public componentDidMount() {\n    if (this.props.autoResize) {\n      this.autoResize();\n      this.layoutEvents = LayoutEvents.addListener(this.autoResize);\n    }\n\n    if (this.node && this.props.showLengthCounter && this.textareaObserver) {\n      this.textareaObserver.observe(this.node, { attributes: true });\n    }\n  }\n\n  public componentWillUnmount() {\n    if (this.layoutEvents) {\n      this.layoutEvents.remove();\n    }\n    if (this.props.showLengthCounter && this.textareaObserver) {\n      this.textareaObserver.disconnect();\n    }\n    this.cancelDelayedSelectAll();\n  }\n\n  public componentDidUpdate(prevProps: TextareaProps) {\n    if (this.getAutoResizeThrottleWait() !== this.getAutoResizeThrottleWait(prevProps)) {\n      this.autoResize.cancel();\n      this.autoResize = throttle(this.autoResizeHandler, this.getAutoResizeThrottleWait());\n    }\n    const { rows, maxRows } = this.getProps();\n    if (\n      this.props.autoResize &&\n      (rows !== prevProps.rows || maxRows !== prevProps.maxRows || this.props.value !== prevProps.value)\n    ) {\n      this.autoResize();\n    }\n  }\n\n  public render() {\n    return (\n      <ReactUIFeatureFlagsContext.Consumer>\n        {(flags) => {\n          this.featureFlags = getFullReactUIFlagsContext(flags);\n          return (\n            <EmotionConsumer>\n              {(emotion) => {\n                this.emotion = emotion;\n                return (\n                  <ThemeContext.Consumer>\n                    {(theme) => {\n                      this.theme = theme;\n                      return (\n                        <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n                          {this.renderMain}\n                        </CommonWrapper>\n                      );\n                    }}\n                  </ThemeContext.Consumer>\n                );\n              }}\n            </EmotionConsumer>\n          );\n        }}\n      </ReactUIFeatureFlagsContext.Consumer>\n    );\n  }\n\n  /**\n   * @public\n   */\n  public focus() {\n    if (this.node) {\n      this.node.focus();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public blur() {\n    if (this.node) {\n      this.node.blur();\n    }\n  }\n\n  /**\n   * @public\n   * @param {number} start\n   * @param {number} end\n   */\n  public setSelectionRange = (start: number, end: number) => {\n    if (!this.node) {\n      throw new Error('Cannot call \"setSelectionRange\" on unmounted Input');\n    }\n\n    if (globalObject.document?.activeElement !== this.node) {\n      this.focus();\n    }\n\n    this.node.setSelectionRange(start, end);\n  };\n\n  /**\n   * @public\n   */\n  public selectAll = () => {\n    if (this.node) {\n      this.setSelectionRange(0, this.node.value.length);\n    }\n  };\n\n  private delaySelectAll = (): number | null =>\n    (this.selectAllId = globalObject.requestAnimationFrame?.(this.selectAll) ?? null);\n\n  private cancelDelayedSelectAll = (): void => {\n    if (this.selectAllId) {\n      globalObject.cancelAnimationFrame?.(this.selectAllId);\n      this.selectAllId = null;\n    }\n  };\n\n  private renderMain = (props: CommonWrapperRestProps<TextareaProps>) => {\n    const {\n      width = DEFAULT_WIDTH,\n      error,\n      warning,\n      size,\n      autoResize,\n      resize,\n      onCut,\n      onPaste,\n      maxRows,\n      onFocus,\n      selectAllOnFocus,\n      placeholder,\n      onValueChange,\n      showLengthCounter,\n      lengthCounter,\n      counterHelp,\n      extraRow,\n      disableAnimations,\n      disabled,\n      ...textareaProps\n    } = props;\n\n    const { isCounterVisible } = this.state;\n\n    const rootProps = {\n      style: {\n        width,\n      },\n    };\n\n    const styles = getStyles(this.emotion);\n    const textareaClassNames = this.emotion.cx(this.getTextareaSizeClassName(), {\n      [styles.textarea(this.theme)]: true,\n      [styles.hovering(this.theme)]: !error && !warning,\n      [styles.disabled(this.theme)]: disabled,\n      [styles.error(this.theme)]: !!error,\n      [styles.warning(this.theme)]: !!warning,\n      [styles.disableAnimations()]: this.isAnimationsDisabled(),\n    });\n\n    const textareaStyle = {\n      resize: autoResize ? 'none' : resize,\n    };\n\n    let placeholderPolyfill = null;\n\n    if (this.state.needsPolyfillPlaceholder && !textareaProps.value && !textareaProps.defaultValue) {\n      placeholderPolyfill = <span className={styles.placeholder()}>{placeholder}</span>;\n    }\n\n    let fakeTextarea = null;\n    if (autoResize) {\n      const fakeProps = {\n        value: this.props.value,\n        defaultValue: this.props.defaultValue,\n        className: this.emotion.cx(textareaClassNames, styles.fake()),\n        readOnly: true,\n      };\n      fakeTextarea = <textarea {...fakeProps} ref={this.refFake} />;\n    }\n\n    const counter = showLengthCounter && isCounterVisible && this.node && (\n      <TextareaCounter\n        textarea={this.node}\n        size={this.getProps().size}\n        help={counterHelp}\n        value={textareaProps.value}\n        length={textareaProps.maxLength ?? lengthCounter ?? 0}\n        onCloseHelp={this.handleCloseCounterHelp}\n        ref={this.refCounter}\n      />\n    );\n\n    const Component =\n      this.featureFlags.textareaUseSafari17Workaround && isSafari17 ? TextareaWithSafari17Workaround : 'textarea';\n\n    return (\n      <RenderLayer\n        onFocusOutside={this.handleCloseCounterHelp}\n        onClickOutside={this.handleCloseCounterHelp}\n        active={this.state.isCounterVisible}\n      >\n        <label\n          data-tid={TextareaDataTids.root}\n          {...rootProps}\n          className={this.emotion.cx(this.getRootSizeClassName(), {\n            [styles.root()]: true,\n          })}\n        >\n          {placeholderPolyfill}\n          <ResizeDetector onResize={this.reflowCounter}>\n            <Component\n              {...textareaProps}\n              className={textareaClassNames}\n              style={textareaStyle}\n              placeholder={!placeholderPolyfill ? placeholder : undefined}\n              ref={this.ref}\n              onChange={this.handleChange}\n              onCut={this.handleCut}\n              onPaste={this.handlePaste}\n              onFocus={this.handleFocus}\n              onKeyDown={this.handleKeyDown}\n              disabled={disabled}\n            >\n              {this.props.children}\n            </Component>\n          </ResizeDetector>\n          {fakeTextarea}\n          {counter}\n        </label>\n      </RenderLayer>\n    );\n  };\n\n  private handleCloseCounterHelp = () => this.setState({ isCounterVisible: false });\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n    // Edge bug: textarea maxlength doesn't work after new line\n    // https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/18833616/\n    const value = this.props.value !== undefined ? this.props.value.toString() : null;\n    const isBlockEnter = isKeyEnter(e) && value !== null && value.length === this.props.maxLength;\n\n    if (isBlockEnter) {\n      e.preventDefault();\n    }\n\n    if (this.props.onKeyDown) {\n      this.props.onKeyDown(e);\n    }\n  };\n\n  private handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    if (needsPolyfillPlaceholder) {\n      const fieldIsEmpty = e.target.value === '';\n\n      if (this.state.needsPolyfillPlaceholder !== fieldIsEmpty) {\n        this.setState({ needsPolyfillPlaceholder: fieldIsEmpty });\n      }\n    }\n\n    if (this.props.onValueChange) {\n      this.props.onValueChange(e.target.value);\n    }\n\n    if (this.props.autoResize) {\n      this.autoResize();\n    }\n\n    if (this.props.onChange) {\n      this.props.onChange(e);\n    }\n\n    this.reflowCounter();\n  };\n\n  private ref = (element: HTMLTextAreaElement) => {\n    this.node = element;\n  };\n\n  private refFake = (element: HTMLTextAreaElement) => {\n    this.fakeNode = element;\n  };\n\n  private refCounter = (ref: TextareaCounterRef | null) => {\n    this.counter = ref;\n  };\n\n  private autoResizeHandler = () => {\n    const fakeNode = this.fakeNode;\n    if (!fakeNode) {\n      return;\n    }\n    const node = this.node;\n    if (!node) {\n      return;\n    }\n    if (this.props.value === undefined) {\n      fakeNode.value = node.value;\n    }\n\n    const { rows, maxRows } = this.getProps();\n    if (rows === undefined || maxRows === undefined) {\n      return;\n    }\n\n    const { height, exceededMaxHeight } =\n      getTextAreaHeight({\n        node: fakeNode,\n        minRows: typeof rows === 'number' ? rows : parseInt(rows, 10),\n        maxRows: typeof maxRows === 'number' ? maxRows : parseInt(maxRows, 10),\n        extraRow: this.getProps().extraRow,\n      }) || {};\n\n    if (height === undefined || exceededMaxHeight === undefined) {\n      return;\n    }\n\n    node.style.height = height + 'px';\n    node.style.overflowY = exceededMaxHeight ? 'scroll' : 'hidden';\n    fakeNode.style.overflowY = exceededMaxHeight ? 'scroll' : 'hidden';\n  };\n\n  private autoResize = throttle(this.autoResizeHandler, this.getAutoResizeThrottleWait());\n\n  private handleCut = (event: React.ClipboardEvent<HTMLTextAreaElement>) => {\n    if (this.props.autoResize) {\n      this.autoResize();\n    }\n\n    if (this.props.onCut) {\n      this.props.onCut(event);\n    }\n\n    this.reflowCounter();\n  };\n\n  private handlePaste = (event: React.ClipboardEvent<HTMLTextAreaElement>) => {\n    if (this.props.autoResize) {\n      this.autoResize();\n    }\n\n    if (this.props.onPaste) {\n      this.props.onPaste(event);\n    }\n\n    this.reflowCounter();\n  };\n\n  private handleFocus = (event: React.FocusEvent<HTMLTextAreaElement>) => {\n    this.setState({ isCounterVisible: true });\n\n    if (this.props.selectAllOnFocus) {\n      // https://github.com/facebook/react/issues/7769\n      this.node && !isIE11 ? this.selectAll() : this.delaySelectAll();\n    }\n\n    if (this.props.onFocus) {\n      this.props.onFocus(event);\n    }\n  };\n}\n"]}

package/cjs/components/Textarea/Textarea.md

@@ -0,0 +1,56 @@
+```jsx harmony
+const [value, setValue] = React.useState('');
+
+<Textarea
+  value={value}
+  onValueChange={setValue}
+  autoResize
+  placeholder="Through faith we can reign in every area of life"
+/>;
+```
+
+Очистить значение в `Textarea` можно только с помощью пустой строки
+
+```jsx harmony
+import { Group, Button } from '@skbkontur/react-ui';
+
+const [value, setValue] = React.useState('Значение');
+
+<Group>
+  <Textarea
+    value={value}
+    onValueChange={setValue}
+    autoResize
+    rows={1}
+    placeholder="Плейсхолдер"
+  />
+  <Button style={{ height: '52px' }} onClick={() => setValue('')}>Очистить значение</Button>
+</Group>
+```
+
+Счетчик введенных символов
+
+```jsx harmony
+const [value, setValue] = React.useState('');
+
+<Textarea
+  value={value}
+  onValueChange={setValue}
+  placeholder="Счетчик появляется при фокусе"
+  lengthCounter={10}
+  showLengthCounter
+  counterHelp="Hello 👋"
+/>;
+```
+
+У Textarea есть 3 стандартных размера.
+
+```jsx harmony
+import { Gapped } from '@skbkontur/react-ui';
+
+<Gapped vertical>
+  <Textarea size={'small'} value={'Маленький'} autoResize rows={1} />
+  <Textarea size={'medium'} value={'Средний'} autoResize rows={1} />
+  <Textarea size={'large'} value={'Большой'} autoResize rows={1} />
+</Gapped>
+```

package/cjs/components/Textarea/Textarea.mixins.d.ts

@@ -0,0 +1,4 @@
+import type { Emotion } from '@emotion/css/create-instance';
+export declare const rootTextareaSizeMixin: (emotion: Emotion) => (fontSize: string, lineHeight: string) => string;
+export declare const textareaSizeMixin: (emotion: Emotion) => (paddingY: string, paddingX: string, minHeight: string) => string;
+export declare const counterSizeMixin: (emotion: Emotion) => (paddingX: string, paddingY: string) => string;

package/cjs/components/Textarea/Textarea.mixins.js

@@ -0,0 +1,22 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.textareaSizeMixin = exports.rootTextareaSizeMixin = exports.counterSizeMixin = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _templateObject, _templateObject2, _templateObject3;
+
+var rootTextareaSizeMixin = function rootTextareaSizeMixin(emotion) {return function (fontSize, lineHeight) {
+    return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n    font-size: ", ";\n    line-height: ", ";\n  "])),
+    fontSize,
+    lineHeight);
+
+  };};exports.rootTextareaSizeMixin = rootTextareaSizeMixin;
+
+var textareaSizeMixin = function textareaSizeMixin(emotion) {return function (paddingY, paddingX, minHeight) {
+    return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n    min-height: ", ";\n    padding: ", " ", ";\n  "])),
+    minHeight,
+    paddingY, paddingX);
+
+  };};exports.textareaSizeMixin = textareaSizeMixin;
+
+var counterSizeMixin = function counterSizeMixin(emotion) {return function (paddingX, paddingY) {
+    return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n    right: ", ";\n    bottom: ", ";\n  "])),
+    paddingY,
+    paddingX);
+
+  };};exports.counterSizeMixin = counterSizeMixin;

package/cjs/components/Textarea/Textarea.mixins.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Textarea.mixins.ts"],"names":["rootTextareaSizeMixin","emotion","fontSize","lineHeight","css","textareaSizeMixin","paddingY","paddingX","minHeight","counterSizeMixin"],"mappings":";;AAEO,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACC,OAAD,UAAsB,UAACC,QAAD,EAAmBC,UAAnB,EAA0C;AACnG,WAAOF,OAAO,CAACG,GAAf;AACeF,IAAAA,QADf;AAEiBC,IAAAA,UAFjB;;AAID,GALoC,EAA9B,C;;AAOA,IAAME,iBAAiB,GAAG,SAApBA,iBAAoB,CAACJ,OAAD,UAAsB,UAACK,QAAD,EAAmBC,QAAnB,EAAqCC,SAArC,EAA2D;AAChH,WAAOP,OAAO,CAACG,GAAf;AACgBI,IAAAA,SADhB;AAEaF,IAAAA,QAFb,EAEyBC,QAFzB;;AAID,GALgC,EAA1B,C;;AAOA,IAAME,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACR,OAAD,UAAsB,UAACM,QAAD,EAAmBD,QAAnB,EAAwC;AAC5F,WAAOL,OAAO,CAACG,GAAf;AACWE,IAAAA,QADX;AAEYC,IAAAA,QAFZ;;AAID,GAL+B,EAAzB,C","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nexport const rootTextareaSizeMixin = (emotion: Emotion) => (fontSize: string, lineHeight: string) => {\n  return emotion.css`\n    font-size: ${fontSize};\n    line-height: ${lineHeight};\n  `;\n};\n\nexport const textareaSizeMixin = (emotion: Emotion) => (paddingY: string, paddingX: string, minHeight: string) => {\n  return emotion.css`\n    min-height: ${minHeight};\n    padding: ${paddingY} ${paddingX};\n  `;\n};\n\nexport const counterSizeMixin = (emotion: Emotion) => (paddingX: string, paddingY: string) => {\n  return emotion.css`\n    right: ${paddingY};\n    bottom: ${paddingX};\n  `;\n};\n"]}

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

@@ -0,0 +1,26 @@
+import type { Emotion } from '@emotion/css/create-instance';
+import { Theme } from '../../lib/theming/Theme';
+export declare const getStyles: (emotion: Emotion) => {
+    root(): string;
+    rootSmall(t: Theme): string;
+    rootMedium(t: Theme): string;
+    rootLarge(t: Theme): string;
+    textarea(t: Theme): string;
+    textareaSmall(t: Theme): string;
+    textareaMedium(t: Theme): string;
+    textareaLarge(t: Theme): string;
+    hovering(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;
+    counterSmall(t: Theme): string;
+    counterMedium(t: Theme): string;
+    counterLarge(t: Theme): string;
+    counterError(t: Theme): string;
+    counterHelp(): string;
+    disableAnimations(): string;
+};

package/cjs/components/Textarea/Textarea.styles.js

@@ -0,0 +1,216 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+
+var _Emotion = require("../../lib/theming/Emotion");
+
+
+var _Textarea = require("./Textarea.mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22;
+
+var getStyles = function getStyles(emotion) {return (
+    (0, _Emotion.memoizeStyle)({
+      root: function root() {
+        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: inline-block;\n        position: relative;\n      "])));
+
+
+
+      },
+      rootSmall: function rootSmall(t) {
+        return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Textarea.rootTextareaSizeMixin)(emotion)(t.textareaFontSizeSmall, t.textareaLineHeightSmall));
+
+      },
+      rootMedium: function rootMedium(t) {
+        return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Textarea.rootTextareaSizeMixin)(emotion)(t.textareaFontSizeMedium, t.textareaLineHeightMedium));
+
+      },
+      rootLarge: function rootLarge(t) {
+        return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Textarea.rootTextareaSizeMixin)(emotion)(t.textareaFontSizeLarge, t.textareaLineHeightLarge));
+
+      },
+
+      textarea: function textarea(t) {
+        return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n        -webkit-appearance: none;\n        background: ", ";\n        background-clip: ", ";\n        border: ", " solid ", ";\n        border-top-color: ", ";\n        box-shadow: ", ";\n        box-sizing: border-box;\n        color: ", ";\n        font-family: inherit;\n        font-size: inherit;\n        line-height: inherit;\n        max-width: 100%;\n        min-width: ", ";\n        outline: none;\n        transition: border-color ", " ", ", height 0.2s ease-out;\n        vertical-align: middle;\n        width: 100%;\n        border-radius: ", ";\n        white-space: pre-wrap;\n\n        &:focus {\n          border-color: ", ";\n          box-shadow: 0 0 0 ", " ", ";\n          position: relative;\n          z-index: 2;\n\n          &::placeholder {\n            color: ", ";\n          }\n        }\n\n        &::placeholder {\n          color: ", ";\n        }\n\n        &:-moz-placeholder {\n          color: ", ";\n        }\n\n        &::-moz-placeholder {\n          color: ", ";\n        }\n      "])),
+
+        t.textareaBg,
+        t.textareaBackgroundClip,
+        t.textareaBorderWidth, t.textareaBorderColor,
+        t.textareaBorderTopColor,
+        t.textareaShadow,
+
+        t.textareaColor,
+
+
+
+
+        t.textareaWidth,
+
+        t.transitionDuration, t.transitionTimingFunction,
+
+
+        t.textareaBorderRadius,
+
+
+
+        t.textareaBorderColorFocus,
+        t.textareaOutlineWidth, t.textareaBorderColorFocus,
+
+
+
+
+        t.textareaPlaceholderColorLight,
+
+
+
+
+        t.textareaPlaceholderColor,
+
+
+
+        t.textareaPlaceholderColor,
+
+
+
+        t.textareaPlaceholderColor);
+
+
+      },
+      textareaSmall: function textareaSmall(t) {
+        return emotion.css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Textarea.textareaSizeMixin)(emotion)(t.textareaPaddingYSmall, t.textareaPaddingXSmall, t.textareaMinHeightSmall));
+
+      },
+      textareaMedium: function textareaMedium(t) {
+        return emotion.css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Textarea.textareaSizeMixin)(emotion)(t.textareaPaddingYMedium, t.textareaPaddingXMedium, t.textareaMinHeightMedium));
+
+      },
+      textareaLarge: function textareaLarge(t) {
+        return emotion.css(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Textarea.textareaSizeMixin)(emotion)(t.textareaPaddingYLarge, t.textareaPaddingXLarge, t.textareaMinHeightLarge));
+
+      },
+
+      hovering: function hovering(t) {
+        return emotion.css(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n        &:enabled:hover:not(:focus) {\n          border-color: ", ";\n        }\n      "])),
+
+        t.textareaBorderColorHover);
+
+
+      },
+
+      error: function error(t) {
+        return emotion.css(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n        border-color: ", ";\n        box-shadow: 0 0 0 ", " ", ";\n\n        &:focus {\n          border-color: ", ";\n          box-shadow: 0 0 0 ", " ", ";\n        }\n      "])),
+        t.textareaBorderColorError,
+        t.textareaBorderWidth, t.textareaBorderColorError,
+
+
+        t.textareaBorderColorError,
+        t.textareaOutlineWidth, t.textareaBorderColorError);
+
+
+      },
+
+      warning: function warning(t) {
+        return emotion.css(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n        border-color: ", ";\n        box-shadow: 0 0 0 ", " ", ";\n\n        &:focus {\n          border-color: ", ";\n          box-shadow: 0 0 0 ", " ", ";\n        }\n      "])),
+        t.textareaBorderColorWarning,
+        t.textareaOutlineWidth, t.textareaBorderColorWarning,
+
+
+        t.textareaBorderColorWarning,
+        t.textareaOutlineWidth, t.textareaBorderColorWarning);
+
+
+      },
+
+      disabled: function disabled(t) {
+        return emotion.css(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n        background: ", ";\n        border-color: ", ";\n        box-shadow: none;\n\n        &::placeholder {\n          color: ", ";\n        }\n      "])),
+        t.textareaTextColorDisabled,
+        t.textareaDisabledBg,
+        t.textareaDisabledBorderColor,
+
+
+
+        t.textareaPlaceholderColorDisabled);
+
+
+      },
+
+      fake: function fake() {
+        return emotion.css(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n        height: 0;\n        left: 0;\n        position: absolute;\n        top: 0;\n        visibility: hidden;\n        width: 100%;\n      "])));
+
+
+
+
+
+
+
+      },
+
+      placeholder: function placeholder() {
+        return emotion.css(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n        -ms-user-select: none;\n        color: #aaa;\n        left: 12px;\n        overflow: hidden;\n        position: absolute;\n        right: 12px;\n        top: 9px;\n        user-select: none;\n        z-index: 3;\n      "])));
+
+
+
+
+
+
+
+
+
+
+      },
+
+      counterContainer: function counterContainer(t) {
+        return emotion.css(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n        position: absolute;\n        top: 0;\n        border: ", " solid transparent;\n        box-sizing: content-box;\n      "])),
+
+
+        t.textareaBorderWidth);
+
+
+      },
+
+      counter: function counter(t) {
+        return emotion.css(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n        position: absolute;\n        z-index: 3;\n        text-align: right;\n        background: ", ";\n        color: ", ";\n        border-radius: 2px;\n      "])),
+
+
+
+        t.textareaCounterBg,
+        t.textareaCounterColor);
+
+
+      },
+      counterSmall: function counterSmall(t) {
+        return emotion.css(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Textarea.counterSizeMixin)(emotion)(t.textareaPaddingYSmall, t.textareaPaddingXSmall));
+
+      },
+      counterMedium: function counterMedium(t) {
+        return emotion.css(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Textarea.counterSizeMixin)(emotion)(t.textareaPaddingYMedium, t.textareaPaddingXMedium));
+
+      },
+      counterLarge: function counterLarge(t) {
+        return emotion.css(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Textarea.counterSizeMixin)(emotion)(t.textareaPaddingYLarge, t.textareaPaddingXLarge));
+
+      },
+
+      counterError: function counterError(t) {
+        return emotion.css(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n      "])),
+        t.textareaCounterErrorColor);
+
+      },
+
+      counterHelp: function counterHelp() {
+        return emotion.css(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin-left: 4px;\n        cursor: pointer;\n      "])));
+
+
+
+      },
+
+      disableAnimations: function disableAnimations() {
+        return emotion.css(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n        transition: none;\n      "])));
+
+
+      } }));};exports.getStyles = getStyles;

package/cjs/components/Textarea/Textarea.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Textarea.styles.ts"],"names":["getStyles","emotion","root","css","rootSmall","t","textareaFontSizeSmall","textareaLineHeightSmall","rootMedium","textareaFontSizeMedium","textareaLineHeightMedium","rootLarge","textareaFontSizeLarge","textareaLineHeightLarge","textarea","textareaBg","textareaBackgroundClip","textareaBorderWidth","textareaBorderColor","textareaBorderTopColor","textareaShadow","textareaColor","textareaWidth","transitionDuration","transitionTimingFunction","textareaBorderRadius","textareaBorderColorFocus","textareaOutlineWidth","textareaPlaceholderColorLight","textareaPlaceholderColor","textareaSmall","textareaPaddingYSmall","textareaPaddingXSmall","textareaMinHeightSmall","textareaMedium","textareaPaddingYMedium","textareaPaddingXMedium","textareaMinHeightMedium","textareaLarge","textareaPaddingYLarge","textareaPaddingXLarge","textareaMinHeightLarge","hovering","textareaBorderColorHover","error","textareaBorderColorError","warning","textareaBorderColorWarning","disabled","textareaTextColorDisabled","textareaDisabledBg","textareaDisabledBorderColor","textareaPlaceholderColorDisabled","fake","placeholder","counterContainer","counter","textareaCounterBg","textareaCounterColor","counterSmall","counterMedium","counterLarge","counterError","textareaCounterErrorColor","counterHelp","disableAnimations"],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { counterSizeMixin, rootTextareaSizeMixin, textareaSizeMixin } from './Textarea.mixins';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root() {\n      return emotion.css`\n        display: inline-block;\n        position: relative;\n      `;\n    },\n    rootSmall(t: Theme) {\n      return emotion.css`\n        ${rootTextareaSizeMixin(emotion)(t.textareaFontSizeSmall, t.textareaLineHeightSmall)};\n      `;\n    },\n    rootMedium(t: Theme) {\n      return emotion.css`\n        ${rootTextareaSizeMixin(emotion)(t.textareaFontSizeMedium, t.textareaLineHeightMedium)};\n      `;\n    },\n    rootLarge(t: Theme) {\n      return emotion.css`\n        ${rootTextareaSizeMixin(emotion)(t.textareaFontSizeLarge, t.textareaLineHeightLarge)};\n      `;\n    },\n\n    textarea(t: Theme) {\n      return emotion.css`\n        -webkit-appearance: none;\n        background: ${t.textareaBg};\n        background-clip: ${t.textareaBackgroundClip};\n        border: ${t.textareaBorderWidth} solid ${t.textareaBorderColor};\n        border-top-color: ${t.textareaBorderTopColor};\n        box-shadow: ${t.textareaShadow};\n        box-sizing: border-box;\n        color: ${t.textareaColor};\n        font-family: inherit;\n        font-size: inherit;\n        line-height: inherit;\n        max-width: 100%;\n        min-width: ${t.textareaWidth};\n        outline: none;\n        transition: border-color ${t.transitionDuration} ${t.transitionTimingFunction}, height 0.2s ease-out;\n        vertical-align: middle;\n        width: 100%;\n        border-radius: ${t.textareaBorderRadius};\n        white-space: pre-wrap;\n\n        &:focus {\n          border-color: ${t.textareaBorderColorFocus};\n          box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorFocus};\n          position: relative;\n          z-index: 2;\n\n          &::placeholder {\n            color: ${t.textareaPlaceholderColorLight};\n          }\n        }\n\n        &::placeholder {\n          color: ${t.textareaPlaceholderColor};\n        }\n\n        &:-moz-placeholder {\n          color: ${t.textareaPlaceholderColor};\n        }\n\n        &::-moz-placeholder {\n          color: ${t.textareaPlaceholderColor};\n        }\n      `;\n    },\n    textareaSmall(t: Theme) {\n      return emotion.css`\n        ${textareaSizeMixin(emotion)(t.textareaPaddingYSmall, t.textareaPaddingXSmall, t.textareaMinHeightSmall)};\n      `;\n    },\n    textareaMedium(t: Theme) {\n      return emotion.css`\n        ${textareaSizeMixin(emotion)(t.textareaPaddingYMedium, t.textareaPaddingXMedium, t.textareaMinHeightMedium)};\n      `;\n    },\n    textareaLarge(t: Theme) {\n      return emotion.css`\n        ${textareaSizeMixin(emotion)(t.textareaPaddingYLarge, t.textareaPaddingXLarge, t.textareaMinHeightLarge)};\n      `;\n    },\n\n    hovering(t: Theme) {\n      return emotion.css`\n        &:enabled:hover:not(:focus) {\n          border-color: ${t.textareaBorderColorHover};\n        }\n      `;\n    },\n\n    error(t: Theme) {\n      return emotion.css`\n        border-color: ${t.textareaBorderColorError};\n        box-shadow: 0 0 0 ${t.textareaBorderWidth} ${t.textareaBorderColorError};\n\n        &:focus {\n          border-color: ${t.textareaBorderColorError};\n          box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorError};\n        }\n      `;\n    },\n\n    warning(t: Theme) {\n      return emotion.css`\n        border-color: ${t.textareaBorderColorWarning};\n        box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorWarning};\n\n        &:focus {\n          border-color: ${t.textareaBorderColorWarning};\n          box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorWarning};\n        }\n      `;\n    },\n\n    disabled(t: Theme) {\n      return emotion.css`\n        color: ${t.textareaTextColorDisabled};\n        background: ${t.textareaDisabledBg};\n        border-color: ${t.textareaDisabledBorderColor};\n        box-shadow: none;\n\n        &::placeholder {\n          color: ${t.textareaPlaceholderColorDisabled};\n        }\n      `;\n    },\n\n    fake() {\n      return emotion.css`\n        height: 0;\n        left: 0;\n        position: absolute;\n        top: 0;\n        visibility: hidden;\n        width: 100%;\n      `;\n    },\n\n    placeholder() {\n      return emotion.css`\n        -ms-user-select: none;\n        color: #aaa;\n        left: 12px;\n        overflow: hidden;\n        position: absolute;\n        right: 12px;\n        top: 9px;\n        user-select: none;\n        z-index: 3;\n      `;\n    },\n\n    counterContainer(t: Theme) {\n      return emotion.css`\n        position: absolute;\n        top: 0;\n        border: ${t.textareaBorderWidth} solid transparent;\n        box-sizing: content-box;\n      `;\n    },\n\n    counter(t: Theme) {\n      return emotion.css`\n        position: absolute;\n        z-index: 3;\n        text-align: right;\n        background: ${t.textareaCounterBg};\n        color: ${t.textareaCounterColor};\n        border-radius: 2px;\n      `;\n    },\n    counterSmall(t: Theme) {\n      return emotion.css`\n        ${counterSizeMixin(emotion)(t.textareaPaddingYSmall, t.textareaPaddingXSmall)};\n      `;\n    },\n    counterMedium(t: Theme) {\n      return emotion.css`\n        ${counterSizeMixin(emotion)(t.textareaPaddingYMedium, t.textareaPaddingXMedium)};\n      `;\n    },\n    counterLarge(t: Theme) {\n      return emotion.css`\n        ${counterSizeMixin(emotion)(t.textareaPaddingYLarge, t.textareaPaddingXLarge)};\n      `;\n    },\n\n    counterError(t: Theme) {\n      return emotion.css`\n        color: ${t.textareaCounterErrorColor};\n      `;\n    },\n\n    counterHelp() {\n      return emotion.css`\n        margin-left: 4px;\n        cursor: pointer;\n      `;\n    },\n\n    disableAnimations() {\n      return emotion.css`\n        transition: none;\n      `;\n    },\n  });\n"]}

package/cjs/components/Textarea/TextareaCounter.d.ts

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

package/cjs/components/Textarea/TextareaCounter.js

@@ -0,0 +1,106 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.TextareaCounter = void 0;var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _globalObject = require("@skbkontur/global-object");
+
+var _SSRSafe = require("../../lib/SSRSafe");
+var _forwardRefAndName = require("../../lib/forwardRefAndName");
+var _px = require("../../internal/icons/16px");
+var _utils = require("../../lib/utils");
+var _Tooltip = require("../Tooltip");
+var _Emotion = require("../../lib/theming/Emotion");
+var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
+var _QuestionCircleIcon16Solid = require("../../internal/icons2022/QuestionCircleIcon/QuestionCircleIcon16Solid");
+
+var _useTheme = require("../../lib/theming/useTheme");
+
+var _Textarea = require("./Textarea");
+var _Textarea2 = require("./Textarea.styles");
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var handleHelpMouseDown = function handleHelpMouseDown(e) {return e.preventDefault();};
+
+var TextareaCounter = (0, _forwardRefAndName.forwardRefAndName)(
+'TextareaCounter',
+function (_ref, ref) {var _emotion$cx;var length = _ref.length,value = _ref.value,help = _ref.help,onCloseHelp = _ref.onCloseHelp,textarea = _ref.textarea,size = _ref.size;
+  var theme = (0, _useTheme.useTheme)();
+  var emotion = (0, _Emotion.useEmotion)();
+
+  var _useState = (0, _react.useState)(textarea.clientWidth),width = _useState[0],setWidth = _useState[1];
+  var _useState2 = (0, _react.useState)(textarea.clientHeight),height = _useState2[0],setHeight = _useState2[1];
+  var reflow = (0, _react.useCallback)(function () {
+    var clientWidth = textarea.clientWidth,clientHeight = textarea.clientHeight;
+    setWidth(clientWidth);
+    setHeight(clientHeight);
+  }, [textarea]);
+  (0, _react.useImperativeHandle)(ref, function () {return { reflow: reflow };}, [reflow]);
+  var renderTooltipContent = (0, _react.useCallback)(function () {return help;}, [help]);
+  var textareaValue = value ? value.toString().length : 0;
+  var counterValue = length - textareaValue;
+
+  var helpIconProps = {
+    onMouseDown: handleHelpMouseDown,
+    color: theme.textareaCounterHelpIconColor,
+    'data-tid': _Textarea.TextareaDataTids.helpIcon };
+
+  var helpIcon = (0, _ThemeHelpers.isTheme2022)(theme) ? /*#__PURE__*/
+  _react.default.createElement(_QuestionCircleIcon16Solid.QuestionCircleIcon16Solid, helpIconProps) : /*#__PURE__*/
+
+  _react.default.createElement(_px.HelpDotIcon, helpIconProps);
+
+  var counterHelp = (0, _utils.isFunction)(help) ?
+  help() : /*#__PURE__*/
+
+  _react.default.createElement(_Tooltip.Tooltip, { pos: 'right bottom', trigger: 'click', render: renderTooltipContent, onCloseClick: onCloseHelp },
+  helpIcon);
+
+
+  var styles = (0, _Textarea2.getStyles)(emotion);
+  var getCounterSizeClassName = function getCounterSizeClassName() {
+    switch (size) {
+      case 'large':
+        return styles.counterLarge(theme);
+      case 'medium':
+        return styles.counterMedium(theme);
+      case 'small':
+      default:
+        return styles.counterSmall(theme);}
+
+  };
+
+  return /*#__PURE__*/(
+    _react.default.createElement("div", {
+      "data-tid": _Textarea.TextareaDataTids.counter,
+      className: emotion.cx(styles.counterContainer(theme)),
+      style: { width: width, height: height } }, /*#__PURE__*/
+
+    _react.default.createElement("span", {
+      className: emotion.cx(getCounterSizeClassName(), styles.counter(theme), (_emotion$cx = {}, _emotion$cx[
+      styles.counterError(theme)] = counterValue < 0, _emotion$cx)) },
+
+
+    counterValue,
+    help && /*#__PURE__*/_react.default.createElement("span", { className: styles.counterHelp() }, counterHelp))));
+
+
+
+});exports.TextareaCounter = TextareaCounter;
+
+
+TextareaCounter.propTypes = {
+  length: _propTypes.default.number.isRequired,
+  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+  help: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
+  onCloseHelp: _propTypes.default.func.isRequired,
+  textarea: (0, _SSRSafe.safePropTypesInstanceOf)(_globalObject.globalObject.HTMLElement).isRequired };

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

@@ -0,0 +1 @@
+{"version":3,"sources":["TextareaCounter.tsx"],"names":["handleHelpMouseDown","e","preventDefault","TextareaCounter","ref","length","value","help","onCloseHelp","textarea","size","theme","emotion","clientWidth","width","setWidth","clientHeight","height","setHeight","reflow","renderTooltipContent","textareaValue","toString","counterValue","helpIconProps","onMouseDown","color","textareaCounterHelpIconColor","TextareaDataTids","helpIcon","counterHelp","styles","getCounterSizeClassName","counterLarge","counterMedium","counterSmall","counter","cx","counterContainer","counterError","propTypes","number","isRequired","oneOfType","string","node","func","globalObject","HTMLElement"],"mappings":"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","sourcesContent":["import React, { SyntheticEvent, useCallback, useImperativeHandle, useState } from 'react';\nimport propTypes from 'prop-types';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { safePropTypesInstanceOf } from '../../lib/SSRSafe';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { HelpDotIcon } from '../../internal/icons/16px';\nimport { isFunction } from '../../lib/utils';\nimport { Tooltip } from '../Tooltip';\nimport { useEmotion } from '../../lib/theming/Emotion';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { QuestionCircleIcon16Solid } from '../../internal/icons2022/QuestionCircleIcon/QuestionCircleIcon16Solid';\nimport { SizeProp } from '../../lib/types/props';\nimport { useTheme } from '../../lib/theming/useTheme';\n\nimport { TextareaDataTids, TextareaProps } from './Textarea';\nimport { getStyles } 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  size: SizeProp;\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, size }, ref) => {\n    const theme = useTheme();\n    const emotion = useEmotion();\n\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\n    const helpIconProps = {\n      onMouseDown: handleHelpMouseDown,\n      color: theme.textareaCounterHelpIconColor,\n      'data-tid': TextareaDataTids.helpIcon,\n    };\n    const helpIcon = isTheme2022(theme) ? (\n      <QuestionCircleIcon16Solid {...helpIconProps} />\n    ) : (\n      <HelpDotIcon {...helpIconProps} />\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    const styles = getStyles(emotion);\n    const getCounterSizeClassName = () => {\n      switch (size) {\n        case 'large':\n          return styles.counterLarge(theme);\n        case 'medium':\n          return styles.counterMedium(theme);\n        case 'small':\n        default:\n          return styles.counterSmall(theme);\n      }\n    };\n\n    return (\n      <div\n        data-tid={TextareaDataTids.counter}\n        className={emotion.cx(styles.counterContainer(theme))}\n        style={{ width, height }}\n      >\n        <span\n          className={emotion.cx(getCounterSizeClassName(), 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(globalObject.HTMLElement).isRequired,\n};\n"]}

package/cjs/components/Textarea/TextareaHelpers.d.ts

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

package/cjs/components/Textarea/TextareaHelpers.js

@@ -0,0 +1,22 @@
+"use strict";exports.__esModule = true;exports.getTextAreaHeight = getTextAreaHeight;var _globalObject = require("@skbkontur/global-object");
+
+function getTextAreaHeight(params) {
+  if (!(0, _globalObject.isBrowser)(_globalObject.globalObject)) {
+    return null;
+  }
+  var node = params.node,minRows = params.minRows,maxRows = params.maxRows,extraRow = params.extraRow;
+  var style = _globalObject.globalObject.getComputedStyle(node);
+  var borderTop = style.borderTopWidth ? parseInt(style.borderTopWidth, 10) : 0;
+  var borderBottom = style.borderBottomWidth ? parseInt(style.borderBottomWidth, 10) : 0;
+  var lineHeight = style.lineHeight ? parseInt(style.lineHeight, 10) : 0;
+  var paddingTop = style.paddingTop ? parseInt(style.paddingTop, 10) : 0;
+  var paddingBottom = style.paddingBottom ? parseInt(style.paddingBottom, 10) : 0;
+  var minHeight = borderTop + borderBottom + paddingTop + paddingBottom + lineHeight * minRows;
+  var maxHeight = borderTop + borderBottom + paddingTop + paddingBottom + lineHeight * maxRows;
+  var extraRowHeight = extraRow ? lineHeight : 0;
+  var expectedHeight = node.scrollHeight + borderTop + borderBottom + extraRowHeight;
+  return {
+    height: Math.min(Math.max(expectedHeight, minHeight), maxHeight),
+    exceededMaxHeight: expectedHeight > maxHeight + extraRowHeight };
+
+}

package/cjs/components/Textarea/TextareaHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TextareaHelpers.tsx"],"names":["getTextAreaHeight","params","globalObject","node","minRows","maxRows","extraRow","style","getComputedStyle","borderTop","borderTopWidth","parseInt","borderBottom","borderBottomWidth","lineHeight","paddingTop","paddingBottom","minHeight","maxHeight","extraRowHeight","expectedHeight","scrollHeight","height","Math","min","max","exceededMaxHeight"],"mappings":"qFAAA;;AAEO,SAASA,iBAAT,CAA2BC,MAA3B,EAA4D;AACjE,MAAI,CAAC,6BAAUC,0BAAV,CAAL,EAA8B;AAC5B,WAAO,IAAP;AACD;AACD,MAAQC,IAAR,GAA6CF,MAA7C,CAAQE,IAAR,CAAcC,OAAd,GAA6CH,MAA7C,CAAcG,OAAd,CAAuBC,OAAvB,GAA6CJ,MAA7C,CAAuBI,OAAvB,CAAgCC,QAAhC,GAA6CL,MAA7C,CAAgCK,QAAhC;AACA,MAAMC,KAAK,GAAGL,2BAAaM,gBAAb,CAA8BL,IAA9B,CAAd;AACA,MAAMM,SAAS,GAAGF,KAAK,CAACG,cAAN,GAAuBC,QAAQ,CAACJ,KAAK,CAACG,cAAP,EAAuB,EAAvB,CAA/B,GAA4D,CAA9E;AACA,MAAME,YAAY,GAAGL,KAAK,CAACM,iBAAN,GAA0BF,QAAQ,CAACJ,KAAK,CAACM,iBAAP,EAA0B,EAA1B,CAAlC,GAAkE,CAAvF;AACA,MAAMC,UAAU,GAAGP,KAAK,CAACO,UAAN,GAAmBH,QAAQ,CAACJ,KAAK,CAACO,UAAP,EAAmB,EAAnB,CAA3B,GAAoD,CAAvE;AACA,MAAMC,UAAU,GAAGR,KAAK,CAACQ,UAAN,GAAmBJ,QAAQ,CAACJ,KAAK,CAACQ,UAAP,EAAmB,EAAnB,CAA3B,GAAoD,CAAvE;AACA,MAAMC,aAAa,GAAGT,KAAK,CAACS,aAAN,GAAsBL,QAAQ,CAACJ,KAAK,CAACS,aAAP,EAAsB,EAAtB,CAA9B,GAA0D,CAAhF;AACA,MAAMC,SAAS,GAAGR,SAAS,GAAGG,YAAZ,GAA2BG,UAA3B,GAAwCC,aAAxC,GAAwDF,UAAU,GAAGV,OAAvF;AACA,MAAMc,SAAS,GAAGT,SAAS,GAAGG,YAAZ,GAA2BG,UAA3B,GAAwCC,aAAxC,GAAwDF,UAAU,GAAGT,OAAvF;AACA,MAAMc,cAAc,GAAGb,QAAQ,GAAGQ,UAAH,GAAgB,CAA/C;AACA,MAAMM,cAAc,GAAGjB,IAAI,CAACkB,YAAL,GAAoBZ,SAApB,GAAgCG,YAAhC,GAA+CO,cAAtE;AACA,SAAO;AACLG,IAAAA,MAAM,EAAEC,IAAI,CAACC,GAAL,CAASD,IAAI,CAACE,GAAL,CAASL,cAAT,EAAyBH,SAAzB,CAAT,EAA8CC,SAA9C,CADH;AAELQ,IAAAA,iBAAiB,EAAEN,cAAc,GAAGF,SAAS,GAAGC,cAF3C,EAAP;;AAID","sourcesContent":["import { globalObject, isBrowser } from '@skbkontur/global-object';\n\nexport function getTextAreaHeight(params: GetTextAreaHeightParams) {\n  if (!isBrowser(globalObject)) {\n    return null;\n  }\n  const { node, minRows, maxRows, extraRow } = params;\n  const style = globalObject.getComputedStyle(node);\n  const borderTop = style.borderTopWidth ? parseInt(style.borderTopWidth, 10) : 0;\n  const borderBottom = style.borderBottomWidth ? parseInt(style.borderBottomWidth, 10) : 0;\n  const lineHeight = style.lineHeight ? parseInt(style.lineHeight, 10) : 0;\n  const paddingTop = style.paddingTop ? parseInt(style.paddingTop, 10) : 0;\n  const paddingBottom = style.paddingBottom ? parseInt(style.paddingBottom, 10) : 0;\n  const minHeight = borderTop + borderBottom + paddingTop + paddingBottom + lineHeight * minRows;\n  const maxHeight = borderTop + borderBottom + paddingTop + paddingBottom + lineHeight * maxRows;\n  const extraRowHeight = extraRow ? lineHeight : 0;\n  const expectedHeight = node.scrollHeight + borderTop + borderBottom + extraRowHeight;\n  return {\n    height: Math.min(Math.max(expectedHeight, minHeight), maxHeight),\n    exceededMaxHeight: expectedHeight > maxHeight + extraRowHeight,\n  };\n}\n\ninterface GetTextAreaHeightParams {\n  node: HTMLTextAreaElement;\n  minRows: number;\n  maxRows: number;\n  extraRow: boolean;\n}\n"]}