@finam/web-ui-kit-components 3.30.1 → 3.32.0

package/dist/Tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../src/Tag/Tag.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,UAAU,EAAkC,WAAW,EAAE,MAAM,OAAO,CAAC;AAChF,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,GAAG,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAExE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAuB/C,MAAM,GAAG,GAAG,UAAU,CAAyB,CAAC,EAa/C,EAAE,GAAG,EAAE,EAAE;QAbsC,EAC9C,QAAQ,EACR,KAAK,GAAG,MAAM,EACd,SAAS,GAAG,SAAS,EACrB,QAAQ,GAAG,MAAM,EACjB,OAAO,GAAG,MAAM,EAChB,IAAI,GAAG,GAAG,EACV,IAAI,EACJ,aAAa,GAAG,MAAM,EACtB,SAAS,EACT,OAAO,EACP,WAAW,OAEZ,EADI,KAAK,cAZsC,iIAa/C,CADS;IAER,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC5C,MAAM,YAAY,GAAG,UAAU,CAAC,SAAS,EAAE,GAAG,CAAC;QAC7C,KAAK;QACL,SAAS;QACT,QAAQ;QACR,OAAO;QACP,IAAI;QACJ,QAAQ;QACR,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC;KAC5B,CAAC,CAAC,CAAC;IAEJ,MAAM,eAAe,GAAG,WAAW,CAAC,CAAC,KAAuB,EAAE,EAAE;QAC9D,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,WAAW,aAAX,WAAW,uBAAX,WAAW,EAAI,CAAC;IAClB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,KAA0B,EAAE,EAAE;QACnE,IAAI,KAAK,CAAC,GAAG,KAAK,gBAAgB,CAAC,KAAK,IAAI,KAAK,CAAC,GAAG,KAAK,gBAAgB,CAAC,KAAK,EAAE,CAAC;YACjF,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,WAAW,aAAX,WAAW,uBAAX,WAAW,EAAI,CAAC;QAClB,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,UAAU,GAAG,CAAC,gBAAwB,EAAE,EAAE;QAC9C,IAAI,WAAW,EAAE,CAAC;YAChB,OAAO,CACL,eACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,iBAAiB,EAC5B,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,UAAU,CAAC,EACnD,OAAO,EAAE,eAAe,YAEvB,IAAI,GACA,CACR,CAAC;QACJ,CAAC;QAED,OAAO,eAAM,SAAS,EAAE,gBAAgB,YAAG,IAAI,GAAQ,CAAC;IAC1D,CAAC,CAAC;IAEF,OAAO;IACL,0GAA0G;IAC1G,8BACE,SAAS,EAAE,YAAY,EACvB,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,IACZ,KAAK,eAER,aAAa,KAAK,MAAM,IAAI,IAAI,IAAI,QAAQ,IAAI,UAAU,CAAC,cAAc,CAAC,IAAI,CAAC,EAC/E,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,EACvD,aAAa,KAAK,OAAO,IAAI,IAAI,IAAI,QAAQ,IAAI,UAAU,CAAC,cAAc,CAAC,KAAK,CAAC,KAC7E,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,GAAG,CAAC"}
+{"version":3,"file":"Tag/Tag.js","sources":["../../src/Tag/Tag.tsx"],"sourcesContent":["import { forwardRef, HTMLAttributes, type ReactNode, useCallback } from 'react';\nimport classnames from 'clsx';\nimport { tag, tagIconWrapper } from '@finam/web-ui-kit-core/styles/tag';\nimport type { Color, ColorType, Priority, Variant, Size, IconPlacement } from './types.js';\nimport { iconButton } from './Tag.styles.js';\nimport { KeyboardEventKey } from '../types.js';\n\nexport interface Props extends HTMLAttributes<HTMLSpanElement> {\n  /** Текстовое содержимое тега */\n  children?: ReactNode;\n  /** Цветовая схема тега */\n  color?: Color;\n  /** Тип цветовой схемы */\n  colorType?: ColorType;\n  /** Тип цветовой схемы тега */\n  priority?: Priority;\n  /** Вариант отображения тега */\n  variant?: Variant;\n  /** Размер тега */\n  size?: Size;\n  /** Иконка, отображаемая вместо текста либо рядом с ним */\n  icon?: ReactNode;\n  /** Расположение иконки относительно текста */\n  iconPlacement?: IconPlacement;\n  /** Обработчик клика по иконке */\n  onIconClick?: () => void;\n}\n\nconst Tag = forwardRef<HTMLSpanElement, Props>(({\n  children,\n  color = 'info',\n  colorType = 'default',\n  priority = 'high',\n  variant = 'fill',\n  size = 'm',\n  icon,\n  iconPlacement = 'left',\n  className,\n  onClick,\n  onIconClick,\n  ...props\n}, ref) => {\n  const iconOnly = Boolean(icon && !children);\n  const tagClassName = classnames(className, tag({\n    color,\n    colorType,\n    priority,\n    variant,\n    size,\n    iconOnly,\n    clickable: Boolean(onClick),\n  }));\n\n  const handleIconClick = useCallback((event: React.MouseEvent) => {\n    event.stopPropagation();\n    onIconClick?.();\n  }, [onIconClick]);\n\n  const handleIconKeyDown = useCallback((event: React.KeyboardEvent) => {\n    if (event.key === KeyboardEventKey.ENTER || event.key === KeyboardEventKey.SPACE) {\n      event.stopPropagation();\n      onIconClick?.();\n    }\n  }, [onIconClick]);\n\n  const renderIcon = (wrapperClassName: string) => {\n    if (onIconClick) {\n      return (\n        <span\n          role=\"button\"\n          tabIndex={0}\n          onKeyDown={handleIconKeyDown}\n          className={classnames(wrapperClassName, iconButton)}\n          onClick={handleIconClick}\n        >\n          {icon}\n        </span>\n      );\n    }\n\n    return <span className={wrapperClassName}>{icon}</span>;\n  };\n\n  return (\n    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions\n    <span\n      className={tagClassName}\n      ref={ref}\n      onClick={onClick}\n      {...props}\n    >\n      {iconPlacement === 'left' && icon && children && renderIcon(tagIconWrapper.left)}\n      {iconOnly ? renderIcon(tagIconWrapper.center) : children}\n      {iconPlacement === 'right' && icon && children && renderIcon(tagIconWrapper.right)}\n    </span>\n  );\n});\n\nexport default Tag;\n"],"names":["Tag","forwardRef","children","color","colorType","priority","variant","size","icon","iconPlacement","className","onClick","onIconClick","props","ref","iconOnly","Boolean","tagClassName","classnames","tag","handleIconClick","useCallback","event","handleIconKeyDown","KeyboardEventKey","renderIcon","wrapperClassName","iconButton","tagIconWrapper"],"mappings":";;;;;;;;;AA4BA,MAAMA,MAAM,WAAHA,GAAGC,WAAmC,CAAC,IAAD;;;;iCAAC,EAC9CC,QAAQ,EACRC,QAAQ,MAAM,EACdC,YAAY,SAAS,EACrBC,WAAW,MAAM,EACjBC,UAAU,MAAM,EAChBC,OAAO,GAAG,EACVC,IAAI,EACJC,gBAAgB,MAAM,EACtBC,SAAS,EACTC,OAAO,EACPC,WAAW,EAEZ,UADIC,QAAAA,6BAAAA,OAAAA;;;;;;;;;;;;SACFC,IAAAA,GAAAA;IACD,MAAMC,WAAWC,QAAQR,QAAQ,CAACN;IAClC,MAAMe,eAAeC,KAAWR,WAAWS,IAAI;QAC7ChB;QACAC;QACAC;QACAC;QACAC;QACAQ;QACA,WAAWC,QAAQL;IACrB;IAEA,MAAMS,kBAAkBC,YAAY,CAACC;QACnCA,MAAM,eAAe;QACrBV,QAAAA,eAAAA;IACF,GAAG;QAACA;KAAY;IAEhB,MAAMW,oBAAoBF,YAAY,CAACC;QACrC,IAAIA,MAAM,GAAG,KAAKE,iBAAiB,KAAK,IAAIF,MAAM,GAAG,KAAKE,iBAAiB,KAAK,EAAE;YAChFF,MAAM,eAAe;YACrBV,QAAAA,eAAAA;QACF;IACF,GAAG;QAACA;KAAY;IAEhB,MAAMa,aAAa,CAACC;QAClB,IAAId,aACF,OAAO,WAAP,GACE,IAAC;YACC,MAAK;YACL,UAAU;YACV,WAAWW;YACX,WAAWL,KAAWQ,kBAAkBC;YACxC,SAASP;sBAERZ;;QAKP,OAAO,WAAP,GAAO,IAAC;YAAK,WAAWkB;sBAAmBlB;;IAC7C;IAEA,O,cAEE,KAAC;QACC,WAAWS;QACX,KAAKH;QACL,SAASH;OACLE,QAAAA;;YAEe,WAAlBJ,iBAA4BD,QAAQN,YAAYuB,WAAWG,eAAe,IAAI;YAC9Eb,WAAWU,WAAWG,eAAe,MAAM,IAAI1B;YAC7B,YAAlBO,iBAA6BD,QAAQN,YAAYuB,WAAWG,eAAe,KAAK;;;AAGvF;AAEA,gBAAe5B"}

package/dist/Tag/Tag.styles.js

@@ -1,4 +1,5 @@
-export const iconButton = "ui_components_i1n6bebk";
+const iconButton = "ui_components_i1n6bebk";
+export { iconButton };
 //# sourceMappingURL=Tag.styles.js.map
 
 import "./Tag.styles.css";

package/dist/Tag/Tag.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.styles.js","sourceRoot":"","sources":["../../src/Tag/Tag.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAEpC,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;CAS5B,CAAC"}
+{"version":3,"file":"Tag/Tag.styles.js","sources":["../../src/Tag/Tag.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const iconButton = css`\n  background: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  font: inherit;\n  color: inherit;\n  display: flex;\n  align-items: center;\n`;\n"],"names":["iconButton","css"],"mappings":";AAEO,MAAMA,aAAaC,GAAG,CAAC;;;;;;;;;AAS9B,CAAC"}

package/dist/Tag/index.js

@@ -1,2 +1 @@
-export { default } from './Tag.js';
-//# sourceMappingURL=index.js.map
+export { default } from "./Tag.js";

package/dist/Tag/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/dist/TextArea/TextArea.js

@@ -1,38 +1,62 @@
-import { __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import TextareaAutosize from 'react-textarea-autosize';
-import throttle from 'lodash/throttle.js';
-import classnames from 'clsx';
-import Input from '../Input/index.js';
-import { setRef } from '../utils/withForwardedRef.js';
-import { inputStyles } from './TextArea.styles.js';
+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 react_textarea_autosize from "react-textarea-autosize";
+import throttle from "lodash/throttle.js";
+import clsx from "clsx";
+import Input from "../Input/index.js";
+import { setRef } from "../utils/withForwardedRef.js";
+import { inputStyles } from "./TextArea.styles.js";
 const InputStyled = Input;
-const TextArea = (_a) => {
-    var { label, errorText, message, inputRef, onScroll, className, symbolCounterVisible } = _a, other = __rest(_a, ["label", "errorText", "message", "inputRef", "onScroll", "className", "symbolCounterVisible"]);
+const TextArea = (_0)=>{
+    let { label, errorText, message, inputRef, onScroll, className, symbolCounterVisible } = _0, other = _object_without_properties__(_0, [
+        "label",
+        "errorText",
+        "message",
+        "inputRef",
+        "onScroll",
+        "className",
+        "symbolCounterVisible"
+    ]);
     const textareaRef = useRef(null);
     const [showLabel, setShowLabel] = useState(true);
-    const updateState = useMemo(() => (throttle(() => {
-        if (textareaRef.current) {
-            setShowLabel(textareaRef.current.scrollTop <= 1);
-        }
-    }, 100)), []);
-    useEffect(() => () => {
-        updateState.cancel();
-    }, [updateState]);
-    const handleRef = useCallback((node) => {
-        if (inputRef) {
-            setRef(inputRef, node);
-        }
+    const updateState = useMemo(()=>throttle(()=>{
+            if (textareaRef.current) setShowLabel(textareaRef.current.scrollTop <= 1);
+        }, 100), []);
+    useEffect(()=>()=>{
+            updateState.cancel();
+        }, [
+        updateState
+    ]);
+    const handleRef = useCallback((node)=>{
+        if (inputRef) setRef(inputRef, node);
         textareaRef.current = node;
-    }, [inputRef]);
-    const handleScroll = useCallback((event) => {
-        if (onScroll) {
-            onScroll(event);
-        }
+    }, [
+        inputRef
+    ]);
+    const handleScroll = useCallback((event)=>{
+        if (onScroll) onScroll(event);
         updateState();
-    }, [onScroll, updateState]);
-    return (_jsx(InputStyled, Object.assign({ as: TextareaAutosize, label: showLabel ? label : undefined, message: errorText || message, error: Boolean(errorText), errorIcon: !!errorText, symbolCounterVisible: symbolCounterVisible }, other, { className: classnames(inputStyles, className), ref: handleRef, onScroll: handleScroll })));
+    }, [
+        onScroll,
+        updateState
+    ]);
+    return /*#__PURE__*/ jsx(InputStyled, _object_spread_props__(_({
+        as: react_textarea_autosize,
+        label: showLabel ? label : void 0,
+        message: errorText || message,
+        error: Boolean(errorText),
+        errorIcon: !!errorText,
+        symbolCounterVisible: symbolCounterVisible
+    }, other), {
+        className: clsx(inputStyles, className),
+        ref: handleRef,
+        onScroll: handleScroll
+    }));
 };
-export default TextArea;
+const TextArea_TextArea = TextArea;
+export default TextArea_TextArea;
+
 //# sourceMappingURL=TextArea.js.map

package/dist/TextArea/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../src/TextArea/TextArea.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAO,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE/E,OAAO,gBAA2C,MAAM,yBAAyB,CAAC;AAClF,OAAO,QAAQ,MAAM,oBAAoB,CAAC;AAC1C,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,OAAO,KAAqB,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AA4CnD,MAAM,WAAW,GAAG,KAA8C,CAAC;AAEnE,MAAM,QAAQ,GAAG,CAAC,EASV,EAAE,EAAE;QATM,EAChB,KAAK,EACL,SAAS,EACT,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,oBAAoB,OAEd,EADH,KAAK,cARQ,8FASjB,CADS;IAER,MAAM,WAAW,GAAG,MAAM,CAA6B,IAAI,CAAC,CAAC;IAC7D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEjD,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAChC,QAAQ,CAAC,GAAG,EAAE;QACZ,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;YACxB,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,SAAS,IAAI,CAAC,CAAC,CAAC;QACnD,CAAC;IACH,CAAC,EAAE,GAAG,CAAC,CACR,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE;QACnB,WAAW,CAAC,MAAM,EAAE,CAAC;IACvB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,IAAgC,EAAE,EAAE;QACjE,IAAI,QAAQ,EAAE,CAAC;YACb,MAAM,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;QACzB,CAAC;QACD,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;IAC7B,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,KAAyC,EAAE,EAAE;QAC7E,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,KAAK,CAAC,CAAC;QAClB,CAAC;QACD,WAAW,EAAE,CAAC;IAChB,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAE5B,OAAO,CACL,KAAC,WAAW,kBACV,EAAE,EAAE,gBAAgB,EACpB,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EACpC,OAAO,EAAE,SAAS,IAAI,OAAO,EAC7B,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC,EACzB,SAAS,EAAE,CAAC,CAAC,SAAS,EACtB,oBAAoB,EAAE,oBAAoB,IACtC,KAAK,IACT,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,SAAS,CAAC,EAC7C,GAAG,EAAE,SAAS,EACd,QAAQ,EAAE,YAAY,IACtB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"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"}

package/dist/TextArea/TextArea.styles.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"TextArea.styles.js","sourceRoot":"","sources":["../../src/TextArea/TextArea.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAC/D,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAEpC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;kBAQZ,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,WAAW;;CAElD,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"],"names":["inputStyles","css","tokens"],"mappings":";;AAGO,MAAMA,cAAcC,GAAG,CAAC;;;;;;;;gBAQf,EAAEC,OAAO,OAAO,CAAC,MAAM,CAAC,WAAW,CAAC;;AAEpD,CAAC"}

package/dist/TextArea/index.js

@@ -1,2 +1 @@
-export { default } from './TextArea.js';
-//# sourceMappingURL=index.js.map
+export { default } from "./TextArea.js";

package/dist/TextField/TextField.js

@@ -1,26 +1,35 @@
-import { __rest } from "tslib";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, Children, isValidElement, useCallback, useMemo, useRef, useState, memo, } from 'react';
-import classnames from 'clsx';
-import EyeSlash from '@finam/web-ui-kit-icons/Eye/EyeSlash';
-import Eye from '@finam/web-ui-kit-icons/Eye/Eye';
-import PopperDropDown from '../PopperDropDown/index.js';
-import { menuClassNameSize } from '../MenuItem/index.js';
-import { useModalState } from '../ModalsProvider/index.js';
-import MenuList from '../MenuList/index.js';
-import Input from '../Input/index.js';
-import { useForkRef } from '../utils/withForwardedRef.js';
-import { KeyboardEventKey } from '../types.js';
-import { triggerChangeEvent } from '../utils/event.js';
-import { IconButton, dropDownPaperStyles } from './TextField.styles.js';
-import { sharedMenuPadding } from '../MenuList/sharedMenuStyles.styles.js';
-const getMenuSize = (size) => (size === 's' || size === 'xs' ? 'small' : 'regular');
-const TextField = forwardRef((_a, ref) => {
-    var { errorText, menuItems: menuItemsProp, DropDownProps } = _a, inputProps = __rest(_a, ["errorText", "menuItems", "DropDownProps"]);
-    const { type, readOnly, disabled, value, className, message, error, adornment: adornmentProp, hideReadOnlyIcon, size = 'l', onFocus, onBlur, onKeyDown, onChange, } = inputProps;
-    const { open: initialDropDownOpen } = useModalState(DropDownProps === null || DropDownProps === void 0 ? void 0 : DropDownProps.id);
+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 { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Children, forwardRef, isValidElement, memo, useCallback, useMemo, useRef, useState } from "react";
+import clsx from "clsx";
+import EyeSlash from "@finam/web-ui-kit-icons/Eye/EyeSlash";
+import Eye from "@finam/web-ui-kit-icons/Eye/Eye";
+import PopperDropDown from "../PopperDropDown/index.js";
+import { menuClassNameSize } from "../MenuItem/index.js";
+import { useModalState } from "../ModalsProvider/index.js";
+import MenuList from "../MenuList/index.js";
+import Input from "../Input/index.js";
+import { useForkRef } from "../utils/withForwardedRef.js";
+import { KeyboardEventKey } from "../types.js";
+import { triggerChangeEvent } from "../utils/event.js";
+import { IconButton, dropDownPaperStyles } from "./TextField.styles.js";
+import { sharedMenuPadding } from "../MenuList/sharedMenuStyles.styles.js";
+const getMenuSize = (size)=>'s' === size || 'xs' === size ? 'small' : 'regular';
+const TextField = /*#__PURE__*/ forwardRef((_0, _1)=>{
+    let _ref = [
+        _0,
+        _1
+    ], [_ref1, ..._rest] = _ref, { errorText, menuItems: menuItemsProp, DropDownProps } = _ref1, inputProps = _object_without_properties__(_ref1, [
+        "errorText",
+        "menuItems",
+        "DropDownProps"
+    ]), [ref] = _rest;
+    const { type, readOnly, disabled, value, className, message, error, adornment: adornmentProp, hideReadOnlyIcon, size = 'l', onFocus, onBlur, onKeyDown, onChange } = inputProps;
+    const { open: initialDropDownOpen } = useModalState(null == DropDownProps ? void 0 : DropDownProps.id);
     const [showPassword, setShowPassword] = useState(false);
-    const [dropDownOpen, setDropDownOpen] = useState(initialDropDownOpen !== null && initialDropDownOpen !== void 0 ? initialDropDownOpen : false);
+    const [dropDownOpen, setDropDownOpen] = useState(null != initialDropDownOpen ? initialDropDownOpen : false);
     const [menuMinWidth, setMenuMinWidth] = useState(0);
     const [popoverFocused, setPopoverFocused] = useState(false);
     const [focusedItemIndex, setFocusedItemIndex] = useState(-1);
@@ -30,156 +39,194 @@ const TextField = forwardRef((_a, ref) => {
     const inputRef = useRef(null);
     const popoverClickRef = useRef(false);
     const itemsCountRef = useRef(menuItemsProp ? Children.count(menuItemsProp) : 0);
-    const focusedItemValueRef = useRef(undefined);
+    const focusedItemValueRef = useRef(void 0);
     const handleRef = useForkRef(inputRef, ref);
-    const isCursorAtEnd = () => {
+    const isCursorAtEnd = ()=>{
         const input = inputRef.current;
-        return Boolean(input &&
-            input.selectionStart === input.selectionEnd &&
-            input.selectionStart === input.value.length);
+        return Boolean(input && input.selectionStart === input.selectionEnd && input.selectionStart === input.value.length);
     };
-    const openDropDown = () => {
-        var _a;
+    const openDropDown = ()=>{
+        var _inputRef_current;
         setDropDownOpen(true);
-        setMenuMinWidth(((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth) || 0);
+        setMenuMinWidth((null == (_inputRef_current = inputRef.current) ? void 0 : _inputRef_current.clientWidth) || 0);
         setPopoverFocused(false);
     };
-    const handleDropDownClose = useCallback(() => {
+    const handleDropDownClose = useCallback(()=>{
         if (showDropDown) {
             setDropDownOpen(false);
             setFocusedItemIndex(-1);
             setPopoverFocused(false);
         }
-    }, [showDropDown]);
-    const handleFocus = useCallback((event) => {
-        if (menuItemsProp) {
-            if (showDropDown) {
-                setPopoverFocused(false);
-            }
-            else {
-                openDropDown();
-            }
-        }
-        if (onFocus) {
-            onFocus(event);
-        }
-    }, [showDropDown, menuItemsProp, onFocus]);
-    const handleBlur = useCallback((event) => {
-        if (menuItemsProp && showDropDown) {
-            if (popoverClickRef.current) {
-                setPopoverFocused(true);
-            }
-            else {
-                setDropDownOpen(false);
-                setFocusedItemIndex(-1);
-            }
-        }
-        if (onBlur) {
-            onBlur(event);
-        }
-    }, [menuItemsProp, showDropDown, onBlur]);
-    const handleChange = useCallback((e) => {
-        onChange === null || onChange === void 0 ? void 0 : onChange(e);
-        if (menuItemsProp && !showDropDown) {
-            openDropDown();
+    }, [
+        showDropDown
+    ]);
+    const handleFocus = useCallback((event)=>{
+        if (menuItemsProp) if (showDropDown) setPopoverFocused(false);
+        else openDropDown();
+        if (onFocus) onFocus(event);
+    }, [
+        showDropDown,
+        menuItemsProp,
+        onFocus
+    ]);
+    const handleBlur = useCallback((event)=>{
+        if (menuItemsProp && showDropDown) if (popoverClickRef.current) setPopoverFocused(true);
+        else {
+            setDropDownOpen(false);
+            setFocusedItemIndex(-1);
         }
-    }, [showDropDown, menuItemsProp, onChange]);
-    const handleDropDownClickStart = useCallback(() => {
+        if (onBlur) onBlur(event);
+    }, [
+        menuItemsProp,
+        showDropDown,
+        onBlur
+    ]);
+    const handleChange = useCallback((e)=>{
+        null == onChange || onChange(e);
+        if (menuItemsProp && !showDropDown) openDropDown();
+    }, [
+        showDropDown,
+        menuItemsProp,
+        onChange
+    ]);
+    const handleDropDownClickStart = useCallback(()=>{
         popoverClickRef.current = true;
     }, []);
-    const handleDropDownClickEnd = useCallback(() => {
+    const handleDropDownClickEnd = useCallback(()=>{
         popoverClickRef.current = false;
     }, []);
-    const handleItemClick = (itemProps) => ((event) => {
-        if (itemProps.onClick) {
-            itemProps.onClick(event);
-        }
-        if (onChange && inputRef.current) {
-            triggerChangeEvent(inputRef.current, itemProps.value);
-        }
-    });
-    const handleKeyDown = useCallback((event) => {
-        if (event.defaultPrevented || !menuItemsProp) {
-            return;
-        }
-        switch (event.key) {
+    const handleItemClick = (itemProps)=>(event)=>{
+            if (itemProps.onClick) itemProps.onClick(event);
+            if (onChange && inputRef.current) triggerChangeEvent(inputRef.current, itemProps.value);
+        };
+    const handleKeyDown = useCallback((event)=>{
+        if (event.defaultPrevented || !menuItemsProp) return;
+        switch(event.key){
             case KeyboardEventKey.ARROW_UP:
             case KeyboardEventKey.UP:
                 if (showDropDown) {
                     event.preventDefault();
-                    setFocusedItemIndex(prevIndex => (prevIndex > 0 ? prevIndex - 1 : itemsCountRef.current - 1));
+                    setFocusedItemIndex((prevIndex)=>prevIndex > 0 ? prevIndex - 1 : itemsCountRef.current - 1);
                 }
                 break;
             case KeyboardEventKey.ARROW_DOWN:
             case KeyboardEventKey.DOWN:
                 if (showDropDown || isCursorAtEnd()) {
                     event.preventDefault();
-                    if (showDropDown) {
-                        setFocusedItemIndex(prevIndex => (prevIndex < itemsCountRef.current - 1 ? prevIndex + 1 : 0));
-                    }
-                    else {
-                        openDropDown();
-                    }
+                    if (showDropDown) setFocusedItemIndex((prevIndex)=>prevIndex < itemsCountRef.current - 1 ? prevIndex + 1 : 0);
+                    else openDropDown();
                 }
                 break;
             case KeyboardEventKey.ENTER:
-                if (focusedItemValueRef.current != null) {
+                if (null != focusedItemValueRef.current) {
                     event.preventDefault();
                     handleDropDownClose();
-                    if (onChange && inputRef.current) {
-                        triggerChangeEvent(inputRef.current, focusedItemValueRef.current);
-                    }
+                    if (onChange && inputRef.current) triggerChangeEvent(inputRef.current, focusedItemValueRef.current);
                 }
                 break;
         }
-    }, [menuItemsProp, showDropDown, handleDropDownClose, onChange]);
-    const handleInputKeyDown = useCallback((event) => {
-        if (onKeyDown) {
-            onKeyDown(event);
-        }
+    }, [
+        menuItemsProp,
+        showDropDown,
+        handleDropDownClose,
+        onChange
+    ]);
+    const handleInputKeyDown = useCallback((event)=>{
+        if (onKeyDown) onKeyDown(event);
         handleKeyDown(event);
-    }, [onKeyDown, handleKeyDown]);
-    const handleDropDownKeyDown = useCallback((event) => {
-        if (DropDownProps && DropDownProps.onKeyDown) {
-            DropDownProps.onKeyDown(event);
-        }
+    }, [
+        onKeyDown,
+        handleKeyDown
+    ]);
+    const handleDropDownKeyDown = useCallback((event)=>{
+        if (DropDownProps && DropDownProps.onKeyDown) DropDownProps.onKeyDown(event);
         handleKeyDown(event);
-    }, [DropDownProps, handleKeyDown]);
-    const togglePasswordVisibility = useCallback(() => {
-        setShowPassword(prevState => !prevState);
+    }, [
+        DropDownProps,
+        handleKeyDown
+    ]);
+    const togglePasswordVisibility = useCallback(()=>{
+        setShowPassword((prevState)=>!prevState);
     }, []);
-    const adornment = useMemo(() => {
-        if (showLockIcon) {
-            return undefined;
-        }
-        if (type === 'password') {
-            return (_jsx(IconButton, { color: "secondary", onClick: togglePasswordVisibility, disabled: disabled, size: size === 'xs' ? 's' : size, className: size, tabIndex: -1, children: showPassword ? _jsx(Eye, {}) : _jsx(EyeSlash, {}) }));
-        }
+    const adornment = useMemo(()=>{
+        if (showLockIcon) return;
+        if ('password' === type) return /*#__PURE__*/ jsx(IconButton, {
+            color: "secondary",
+            onClick: togglePasswordVisibility,
+            disabled: disabled,
+            size: 'xs' === size ? 's' : size,
+            className: size,
+            tabIndex: -1,
+            children: showPassword ? /*#__PURE__*/ jsx(Eye, {}) : /*#__PURE__*/ jsx(EyeSlash, {})
+        });
         return adornmentProp;
-    }, [showLockIcon, type, disabled, showPassword, adornmentProp, togglePasswordVisibility, size]);
-    focusedItemValueRef.current = undefined;
+    }, [
+        showLockIcon,
+        type,
+        disabled,
+        showPassword,
+        adornmentProp,
+        togglePasswordVisibility,
+        size
+    ]);
+    focusedItemValueRef.current = void 0;
     let itemIndex = 0;
-    const menuItems = menuItemsProp && Children.map(menuItemsProp, ((child) => {
-        if (!isValidElement(child)) {
-            return null;
-        }
-        const childProps = Object.assign(Object.assign({}, child.props), { onClick: child.props.disabled ? undefined : handleItemClick(child.props), selected: child.props.selected !== undefined
-                ? child.props.selected : child.props.value === value, focused: child.props.focused == null && !child.props.disabled
-                ? focusedItemIndex === itemIndex : child.props.focused, paperRef });
-        if (showDropDown && childProps.focused) {
-            focusedItemValueRef.current = child.props.value;
-        }
-        if (!child.props.disabled) {
-            itemIndex += 1;
-        }
-        return (_jsx(child.type, Object.assign({ autoScroll: focusedItemIndex < 0 ? childProps.selected : false }, childProps)));
-    }));
+    const menuItems = menuItemsProp && Children.map(menuItemsProp, (child)=>{
+        if (!/*#__PURE__*/ isValidElement(child)) return null;
+        const childProps = _object_spread_props__(_({}, child.props), {
+            onClick: child.props.disabled ? void 0 : handleItemClick(child.props),
+            selected: void 0 !== child.props.selected ? child.props.selected : child.props.value === value,
+            focused: null != child.props.focused || child.props.disabled ? child.props.focused : focusedItemIndex === itemIndex,
+            paperRef
+        });
+        if (showDropDown && childProps.focused) focusedItemValueRef.current = child.props.value;
+        if (!child.props.disabled) itemIndex += 1;
+        return /*#__PURE__*/ jsx(child.type, _({
+            autoScroll: focusedItemIndex < 0 ? childProps.selected : false
+        }, childProps));
+    });
     itemsCountRef.current = itemIndex;
-    const inputClassName = classnames(className, {
-        popoverFocused,
+    const inputClassName = clsx(className, {
+        popoverFocused
     });
     const menuSize = getMenuSize(size);
-    return (_jsxs(_Fragment, { children: [_jsx(Input, Object.assign({}, inputProps, { className: inputClassName, type: type === 'password' && showPassword ? 'text' : type, error: error || Boolean(errorText), message: errorText || message, ref: handleRef, onChange: handleChange, autoComplete: menuItems && menuItems.length ? 'off' : inputProps.autoComplete, adornment: adornment, onFocus: handleFocus, onBlur: handleBlur, onKeyDown: handleInputKeyDown })), menuItems && (_jsx(PopperDropDown, Object.assign({ anchorEl: inputRef.current || undefined, open: showDropDown, onClose: handleDropDownClose, active: popoverFocused, onPaperClickStart: handleDropDownClickStart, onPaperClickEnd: handleDropDownClickEnd, minWidth: menuMinWidth, paperRef: paperRef }, DropDownProps, { paperClassName: classnames(dropDownPaperStyles, sharedMenuPadding, menuClassNameSize(menuSize), DropDownProps === null || DropDownProps === void 0 ? void 0 : DropDownProps.paperClassName), onKeyDown: handleDropDownKeyDown, children: _jsx(MenuList, { size: menuSize, onClick: handleDropDownClose, children: menuItems }) })))] }));
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(Input, _object_spread_props__(_({}, inputProps), {
+                className: inputClassName,
+                type: 'password' === type && showPassword ? 'text' : type,
+                error: error || Boolean(errorText),
+                message: errorText || message,
+                ref: handleRef,
+                onChange: handleChange,
+                autoComplete: menuItems && menuItems.length ? 'off' : inputProps.autoComplete,
+                adornment: adornment,
+                onFocus: handleFocus,
+                onBlur: handleBlur,
+                onKeyDown: handleInputKeyDown
+            })),
+            menuItems && /*#__PURE__*/ jsx(PopperDropDown, _object_spread_props__(_({
+                anchorEl: inputRef.current || void 0,
+                open: showDropDown,
+                onClose: handleDropDownClose,
+                active: popoverFocused,
+                onPaperClickStart: handleDropDownClickStart,
+                onPaperClickEnd: handleDropDownClickEnd,
+                minWidth: menuMinWidth,
+                paperRef: paperRef
+            }, DropDownProps), {
+                paperClassName: clsx(dropDownPaperStyles, sharedMenuPadding, menuClassNameSize(menuSize), null == DropDownProps ? void 0 : DropDownProps.paperClassName),
+                onKeyDown: handleDropDownKeyDown,
+                children: /*#__PURE__*/ jsx(MenuList, {
+                    size: menuSize,
+                    onClick: handleDropDownClose,
+                    children: menuItems
+                })
+            }))
+        ]
+    });
 });
-export default memo(TextField);
+const TextField_TextField = /*#__PURE__*/ memo(TextField);
+export default TextField_TextField;
+
 //# sourceMappingURL=TextField.js.map

package/dist/TextField/TextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../src/TextField/TextField.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TextField/TextField.js","sources":["../../src/TextField/TextField.tsx"],"sourcesContent":["import {\n  ReactElement, FocusEvent, ChangeEvent, KeyboardEvent, MouseEvent,\n  forwardRef, Children, isValidElement, useCallback, useMemo, useRef, useState, memo,\n} from 'react';\nimport classnames from 'clsx';\nimport EyeSlash from '@finam/web-ui-kit-icons/Eye/EyeSlash';\nimport Eye from '@finam/web-ui-kit-icons/Eye/Eye';\n\nimport type { InputProps } from '../Input/index.js';\nimport PopperDropDown, { PopperDropDownProps } from '../PopperDropDown/index.js';\nimport { menuClassNameSize, MenuItemProps } from '../MenuItem/index.js';\nimport { useModalState } from '../ModalsProvider/index.js';\nimport MenuList from '../MenuList/index.js';\nimport Input from '../Input/index.js';\nimport { useForkRef } from '../utils/withForwardedRef.js';\nimport { InputSize, KeyboardEventKey } from '../types.js';\nimport { triggerChangeEvent } from '../utils/event.js';\nimport { IconButton, dropDownPaperStyles } from './TextField.styles.js';\nimport { sharedMenuPadding } from '../MenuList/sharedMenuStyles.styles.js';\n\nexport interface Props extends InputProps {\n  /** Сообщение об ошибке */\n  errorText?: string;\n  /** Массив опционных значений */\n  menuItems?: ReactElement<MenuItemProps> | ReactElement<MenuItemProps>[];\n  /** Дополнительные свойства всплывающего окна */\n  DropDownProps?: Partial<PopperDropDownProps>;\n}\n\nconst getMenuSize = (size: InputSize) => (\n  size === 's' || size === 'xs' ? 'small' : 'regular'\n);\n\nconst TextField = forwardRef<HTMLInputElement, Props>(({\n  errorText,\n  menuItems: menuItemsProp,\n  DropDownProps,\n  ...inputProps\n}, ref) => {\n  const {\n    type,\n    readOnly,\n    disabled,\n    value,\n    className,\n    message,\n    error,\n    adornment: adornmentProp,\n    hideReadOnlyIcon,\n    size = 'l',\n    onFocus,\n    onBlur,\n    onKeyDown,\n    onChange,\n  } = inputProps;\n  const { open: initialDropDownOpen } = useModalState(DropDownProps?.id);\n  const [showPassword, setShowPassword] = useState(false);\n  const [dropDownOpen, setDropDownOpen] = useState(initialDropDownOpen ?? false);\n  const [menuMinWidth, setMenuMinWidth] = useState(0);\n  const [popoverFocused, setPopoverFocused] = useState(false);\n  const [focusedItemIndex, setFocusedItemIndex] = useState(-1);\n  const showLockIcon = readOnly && !hideReadOnlyIcon;\n  const showDropDown = dropDownOpen && !disabled;\n\n  const paperRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement | null>(null);\n\n  const popoverClickRef = useRef(false);\n  const itemsCountRef = useRef(menuItemsProp ? Children.count(menuItemsProp) : 0);\n  const focusedItemValueRef = useRef<string | number | undefined>(undefined);\n\n  const handleRef = useForkRef(inputRef, ref);\n\n  const isCursorAtEnd = () => {\n    const input = inputRef.current;\n    return Boolean(\n      input &&\n      input.selectionStart === input.selectionEnd &&\n      input.selectionStart === input.value.length,\n    );\n  };\n\n  const openDropDown = () => {\n    setDropDownOpen(true);\n    setMenuMinWidth(inputRef.current?.clientWidth || 0);\n    setPopoverFocused(false);\n  };\n\n  const handleDropDownClose = useCallback(() => {\n    if (showDropDown) {\n      setDropDownOpen(false);\n      setFocusedItemIndex(-1);\n      setPopoverFocused(false);\n    }\n  }, [showDropDown]);\n\n  const handleFocus = useCallback((event: FocusEvent<HTMLInputElement>) => {\n    if (menuItemsProp) {\n      if (showDropDown) {\n        setPopoverFocused(false);\n      } else {\n        openDropDown();\n      }\n    }\n\n    if (onFocus) {\n      onFocus(event);\n    }\n  }, [showDropDown, menuItemsProp, onFocus]);\n\n  const handleBlur = useCallback((event: FocusEvent<HTMLInputElement>) => {\n    if (menuItemsProp && showDropDown) {\n      if (popoverClickRef.current) {\n        setPopoverFocused(true);\n      } else {\n        setDropDownOpen(false);\n        setFocusedItemIndex(-1);\n      }\n    }\n\n    if (onBlur) {\n      onBlur(event);\n    }\n  }, [menuItemsProp, showDropDown, onBlur]);\n\n  const handleChange = useCallback((e: ChangeEvent<HTMLInputElement>) => {\n    onChange?.(e);\n    if (menuItemsProp && !showDropDown) {\n      openDropDown();\n    }\n  }, [showDropDown, menuItemsProp, onChange]);\n\n  const handleDropDownClickStart = useCallback(() => {\n    popoverClickRef.current = true;\n  }, []);\n\n  const handleDropDownClickEnd = useCallback(() => {\n    popoverClickRef.current = false;\n  }, []);\n\n  const handleItemClick = (itemProps: MenuItemProps) => (\n    (event: MouseEvent<HTMLLIElement>) => {\n      if (itemProps.onClick) {\n        itemProps.onClick(event);\n      }\n\n      if (onChange && inputRef.current) {\n        triggerChangeEvent(inputRef.current, itemProps.value);\n      }\n    }\n  );\n\n  const handleKeyDown = useCallback((event: KeyboardEvent<HTMLElement>) => {\n    if (event.defaultPrevented || !menuItemsProp) {\n      return;\n    }\n\n    switch (event.key) {\n      case KeyboardEventKey.ARROW_UP:\n      case KeyboardEventKey.UP:\n        if (showDropDown) {\n          event.preventDefault();\n          setFocusedItemIndex(prevIndex => (\n            prevIndex > 0 ? prevIndex - 1 : itemsCountRef.current - 1\n          ));\n        }\n        break;\n      case KeyboardEventKey.ARROW_DOWN:\n      case KeyboardEventKey.DOWN:\n        if (showDropDown || isCursorAtEnd()) {\n          event.preventDefault();\n          if (showDropDown) {\n            setFocusedItemIndex(prevIndex => (\n              prevIndex < itemsCountRef.current - 1 ? prevIndex + 1 : 0\n            ));\n          } else {\n            openDropDown();\n          }\n        }\n        break;\n      case KeyboardEventKey.ENTER:\n        if (focusedItemValueRef.current != null) {\n          event.preventDefault();\n          handleDropDownClose();\n          if (onChange && inputRef.current) {\n            triggerChangeEvent(inputRef.current, focusedItemValueRef.current);\n          }\n        }\n        break;\n    }\n  }, [menuItemsProp, showDropDown, handleDropDownClose, onChange]);\n\n  const handleInputKeyDown = useCallback((event: KeyboardEvent<HTMLInputElement>) => {\n    if (onKeyDown) {\n      onKeyDown(event);\n    }\n    handleKeyDown(event);\n  }, [onKeyDown, handleKeyDown]);\n\n  const handleDropDownKeyDown = useCallback((event: KeyboardEvent<HTMLDivElement>) => {\n    if (DropDownProps && DropDownProps.onKeyDown) {\n      DropDownProps.onKeyDown(event);\n    }\n    handleKeyDown(event);\n  }, [DropDownProps, handleKeyDown]);\n\n  const togglePasswordVisibility = useCallback(() => {\n    setShowPassword(prevState => !prevState);\n  }, []);\n\n  const adornment = useMemo(() => {\n    if (showLockIcon) {\n      return undefined;\n    }\n\n    if (type === 'password') {\n      return (\n        <IconButton\n          color=\"secondary\"\n          onClick={togglePasswordVisibility}\n          disabled={disabled}\n          size={size === 'xs' ? 's' : size}\n          className={size}\n          tabIndex={-1}\n        >\n          {showPassword ? <Eye /> : <EyeSlash />}\n        </IconButton>\n      );\n    }\n\n    return adornmentProp;\n  }, [showLockIcon, type, disabled, showPassword, adornmentProp, togglePasswordVisibility, size]);\n\n  focusedItemValueRef.current = undefined;\n  let itemIndex = 0;\n  const menuItems = menuItemsProp && Children.map(menuItemsProp, ((child) => {\n    if (!isValidElement<MenuItemProps>(child)) {\n      return null;\n    }\n\n    const childProps = {\n      ...child.props,\n      onClick: child.props.disabled ? undefined : handleItemClick(child.props),\n      selected: child.props.selected !== undefined\n        ? child.props.selected : child.props.value === value,\n      focused: child.props.focused == null && !child.props.disabled\n        ? focusedItemIndex === itemIndex : child.props.focused,\n      paperRef,\n    };\n\n    if (showDropDown && childProps.focused) {\n      focusedItemValueRef.current = child.props.value;\n    }\n\n    if (!child.props.disabled) {\n      itemIndex += 1;\n    }\n    return (\n      <child.type\n        autoScroll={focusedItemIndex < 0 ? childProps.selected : false}\n        {...childProps}\n      />\n    );\n  }));\n  itemsCountRef.current = itemIndex;\n\n  const inputClassName = classnames(className, {\n    popoverFocused,\n  });\n\n  const menuSize = getMenuSize(size);\n\n  return (\n    <>\n      <Input\n        {...inputProps}\n        className={inputClassName}\n        type={type === 'password' && showPassword ? 'text' : type}\n        error={error || Boolean(errorText)}\n        message={errorText || message}\n        ref={handleRef}\n        onChange={handleChange}\n        autoComplete={menuItems && menuItems.length ? 'off' : inputProps.autoComplete}\n        adornment={adornment}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onKeyDown={handleInputKeyDown}\n      />\n      {menuItems && (\n        <PopperDropDown\n          anchorEl={inputRef.current || undefined}\n          open={showDropDown}\n          onClose={handleDropDownClose}\n          active={popoverFocused}\n          onPaperClickStart={handleDropDownClickStart}\n          onPaperClickEnd={handleDropDownClickEnd}\n          minWidth={menuMinWidth}\n          paperRef={paperRef}\n          {...DropDownProps}\n          paperClassName={classnames(\n            dropDownPaperStyles,\n            sharedMenuPadding,\n            menuClassNameSize(menuSize),\n            DropDownProps?.paperClassName,\n          )}\n          onKeyDown={handleDropDownKeyDown}\n        >\n          <MenuList\n            size={menuSize}\n            onClick={handleDropDownClose}\n          >\n            {menuItems}\n          </MenuList>\n        </PopperDropDown>\n      )}\n    </>\n  );\n});\n\nexport default memo(TextField);\n"],"names":["getMenuSize","size","TextField","forwardRef","errorText","menuItemsProp","DropDownProps","inputProps","ref","type","readOnly","disabled","value","className","message","error","adornmentProp","hideReadOnlyIcon","onFocus","onBlur","onKeyDown","onChange","initialDropDownOpen","useModalState","showPassword","setShowPassword","useState","dropDownOpen","setDropDownOpen","menuMinWidth","setMenuMinWidth","popoverFocused","setPopoverFocused","focusedItemIndex","setFocusedItemIndex","showLockIcon","showDropDown","paperRef","useRef","inputRef","popoverClickRef","itemsCountRef","Children","focusedItemValueRef","undefined","handleRef","useForkRef","isCursorAtEnd","input","Boolean","openDropDown","_inputRef_current","handleDropDownClose","useCallback","handleFocus","event","handleBlur","handleChange","e","handleDropDownClickStart","handleDropDownClickEnd","handleItemClick","itemProps","triggerChangeEvent","handleKeyDown","KeyboardEventKey","prevIndex","handleInputKeyDown","handleDropDownKeyDown","togglePasswordVisibility","prevState","adornment","useMemo","IconButton","Eye","EyeSlash","itemIndex","menuItems","child","isValidElement","childProps","inputClassName","classnames","menuSize","Input","PopperDropDown","dropDownPaperStyles","sharedMenuPadding","menuClassNameSize","MenuList","memo"],"mappings":"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"}