@salutejs/plasma-new-hope 0.326.1-canary.2043.15849605311.0 → 0.327.0-canary.1741.15743877104.0

package/es/components/CodeField/CodeField.js

@@ -1,7 +1,7 @@
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, defineProperty as _defineProperty, toConsumableArray as _toConsumableArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef, useState, useRef, useCallback, useEffect, Fragment } from 'react';
 import cls from 'classnames';
-import { FORBIDDEN_KEYS, BACKSPACE_KEY, ONLY_DIGITS_PATTERN } from './utils/constants.js';
+import { ONLY_DIGITS_PATTERN, FORBIDDEN_KEYS, BACKSPACE_KEY } from './utils/constants.js';
 import { classes } from './CodeField.tokens.js';
 import { CodeWrapper, CodeGroup, ItemInput, Separator, CaptionWrapper, base } from './CodeField.styles.js';
 import { base as base$1 } from './variations/_view/base.js';
@@ -14,246 +14,222 @@ import { handleCodeError } from './utils/handleCodeError.js';
 import { getSizeValueFromProp } from '../../utils/getSizeValueFromProp.js';
 import { handleItemError } from './utils/handleItemError.js';
 
-var _Separator;
-var _excluded = ["className", "value", "placeholder", "autoFocus", "codeLength", "caption", "captionAlign", "width", "shape", "view", "size", "disabled", "isError", "allowedSymbols", "itemErrorBehavior", "codeErrorBehavior", "autoComplete", "setIsError", "onChange", "onFullCodeEnter"];
-var codeFieldRoot = function codeFieldRoot(Root) {
-  return /*#__PURE__*/forwardRef(function (_ref, ref) {
-    var className = _ref.className,
-      outerValue = _ref.value,
-      placeholder = _ref.placeholder,
-      autoFocus = _ref.autoFocus,
-      _ref$codeLength = _ref.codeLength,
-      codeLength = _ref$codeLength === void 0 ? 6 : _ref$codeLength,
-      caption = _ref.caption,
-      _ref$captionAlign = _ref.captionAlign,
-      captionAlign = _ref$captionAlign === void 0 ? 'left' : _ref$captionAlign,
-      width = _ref.width,
-      _ref$shape = _ref.shape,
-      shape = _ref$shape === void 0 ? 'default' : _ref$shape,
-      view = _ref.view,
-      size = _ref.size,
-      disabled = _ref.disabled,
-      isError = _ref.isError,
-      _ref$allowedSymbols = _ref.allowedSymbols,
-      allowedSymbols = _ref$allowedSymbols === void 0 ? ONLY_DIGITS_PATTERN : _ref$allowedSymbols,
-      _ref$itemErrorBehavio = _ref.itemErrorBehavior,
-      itemErrorBehavior = _ref$itemErrorBehavio === void 0 ? 'remove-symbol' : _ref$itemErrorBehavio,
-      _ref$codeErrorBehavio = _ref.codeErrorBehavior,
-      codeErrorBehavior = _ref$codeErrorBehavio === void 0 ? 'remove-code' : _ref$codeErrorBehavio,
-      _ref$autoComplete = _ref.autoComplete,
-      autoComplete = _ref$autoComplete === void 0 ? 'one-time-code' : _ref$autoComplete,
-      setIsError = _ref.setIsError,
-      onChange = _ref.onChange,
-      onFullCodeEnter = _ref.onFullCodeEnter,
-      rest = _objectWithoutProperties(_ref, _excluded);
-    var _useState = useState(getCodeValue(codeLength, outerValue || '')),
-      _useState2 = _slicedToArray(_useState, 2),
-      code = _useState2[0],
-      setCode = _useState2[1];
-    var _useState3 = useState(code.join('')),
-      _useState4 = _slicedToArray(_useState3, 2),
-      originalValue = _useState4[0],
-      setOriginalValue = _useState4[1];
-    var inputRefs = useRef([]);
-    var inputContainerRef = useRef(null);
-    var captionRef = useRef(null);
-    var fieldPattern = getFieldPattern(allowedSymbols);
-    var placeholderValue = getPlaceholderValue(codeLength, placeholder);
-    var parts = codeLength === 6 ? 2 : 1;
-    var widthValue = width ? getSizeValueFromProp(width, 'rem') : undefined;
-    var getLastActiveIndex = function getLastActiveIndex() {
-      if (code.length && code.length < codeLength) {
-        return code.length;
-      }
-      var lastEmptyIndex = code.findIndex(function (digit) {
-        return digit === '';
-      });
-      return lastEmptyIndex >= 0 ? lastEmptyIndex : codeLength - 1;
-    };
-    var handleClick = function handleClick() {
-      if (disabled) {
-        return;
-      }
-      var lastActiveIndex = getLastActiveIndex();
-      if (inputRefs.current[lastActiveIndex]) {
-        inputRefs.current[lastActiveIndex].focus();
-      }
-    };
-    var handleOnKeyDown = function handleOnKeyDown(event, index) {
-      if (disabled) {
-        return;
-      }
-      var key = event.key;
-      if (FORBIDDEN_KEYS.includes(key)) {
-        event.preventDefault();
-        return;
-      }
-      if (key === BACKSPACE_KEY) {
-        if (index > 0 && code[index] === '') {
-          var _inputRefs$current;
-          (_inputRefs$current = inputRefs.current[index - 1]) === null || _inputRefs$current === void 0 || _inputRefs$current.focus();
-        }
-      }
-    };
-    var codeSetter = function codeSetter(newCode) {
-      setCode(newCode);
-      setOriginalValue(newCode.join(''));
-      if (onChange) {
-        onChange(newCode.join(''));
-      }
-    };
-    var handleChange = function handleChange(event, index) {
-      var _inputRefs$current$in;
-      if (disabled) {
-        return;
-      }
-      var rawSymbol = event.currentTarget.value;
-      var symbol = rawSymbol.charAt(rawSymbol.length - 1);
-      var newCode = _toConsumableArray(code);
-      (_inputRefs$current$in = inputRefs.current[index]) === null || _inputRefs$current$in === void 0 || _inputRefs$current$in.classList.remove(classes.itemError);
-      if (isError) {
-        var _captionRef$current;
-        (_captionRef$current = captionRef.current) === null || _captionRef$current === void 0 || _captionRef$current.classList.remove(classes.captionError);
-        if (codeErrorBehavior === 'keep') {
-          var _inputContainerRef$cu;
-          (_inputContainerRef$cu = inputContainerRef.current) === null || _inputContainerRef$cu === void 0 || _inputContainerRef$cu.classList.remove(classes.codeError, classes.codeErrorAnimation);
-        }
-        if (setIsError) {
-          setIsError(false);
-        }
-      }
-      if (!fieldPattern) {
-        newCode[index] = symbol;
-        codeSetter(newCode);
-        if (symbol && index < codeLength - 1) {
-          var _inputRefs$current2;
-          (_inputRefs$current2 = inputRefs.current[index + 1]) === null || _inputRefs$current2 === void 0 || _inputRefs$current2.focus();
-        }
-        return;
-      }
-      if (!symbol) {
-        newCode[index] = '';
-        codeSetter(newCode);
-        return;
-      }
-      if (fieldPattern.test(symbol)) {
-        newCode[index] = symbol.charAt(symbol.length - 1);
-        codeSetter(newCode);
-        if (index < codeLength - 1) {
-          var _inputRefs$current3;
-          (_inputRefs$current3 = inputRefs.current[index + 1]) === null || _inputRefs$current3 === void 0 || _inputRefs$current3.focus();
-        }
-      } else {
-        newCode[index] = symbol.charAt(symbol.length - 1);
-        handleItemError({
-          currentSymbol: symbol,
-          itemErrorBehavior: itemErrorBehavior,
-          index: index,
-          newCode: newCode,
-          inputRefs: inputRefs,
-          setCode: setCode,
-          codeSetter: codeSetter
-        });
-      }
-    };
-    var handlePaste = function handlePaste(event) {
-      var _inputRefs$current$ac;
-      if (disabled) {
-        return;
-      }
+const codeFieldRoot = Root => /*#__PURE__*/forwardRef(({
+  className,
+  value: outerValue,
+  placeholder,
+  autoFocus,
+  codeLength = 6,
+  caption,
+  captionAlign = 'left',
+  width,
+  shape = 'default',
+  view,
+  size,
+  disabled,
+  isError,
+  allowedSymbols = ONLY_DIGITS_PATTERN,
+  itemErrorBehavior = 'remove-symbol',
+  codeErrorBehavior = 'remove-code',
+  autoComplete = 'one-time-code',
+  setIsError,
+  onChange,
+  onFullCodeEnter,
+  ...rest
+}, ref) => {
+  const [code, setCode] = useState(getCodeValue(codeLength, outerValue || ''));
+  const [originalValue, setOriginalValue] = useState(code.join(''));
+  const inputRefs = useRef([]);
+  const inputContainerRef = useRef(null);
+  const captionRef = useRef(null);
+  const fieldPattern = getFieldPattern(allowedSymbols);
+  const placeholderValue = getPlaceholderValue(codeLength, placeholder);
+  const parts = codeLength === 6 ? 2 : 1;
+  const widthValue = width ? getSizeValueFromProp(width, 'rem') : undefined;
+  const getLastActiveIndex = () => {
+    if (code.length && code.length < codeLength) {
+      return code.length;
+    }
+    const lastEmptyIndex = code.findIndex(digit => digit === '');
+    return lastEmptyIndex >= 0 ? lastEmptyIndex : codeLength - 1;
+  };
+  const handleClick = () => {
+    if (disabled) {
+      return;
+    }
+    const lastActiveIndex = getLastActiveIndex();
+    if (inputRefs.current[lastActiveIndex]) {
+      inputRefs.current[lastActiveIndex].focus();
+    }
+  };
+  const handleOnKeyDown = (event, index) => {
+    if (disabled) {
+      return;
+    }
+    const {
+      key
+    } = event;
+    if (FORBIDDEN_KEYS.includes(key)) {
       event.preventDefault();
-      var rawData = event.clipboardData.getData('text/plain');
-      var pastedData = (fieldPattern ? rawData.split('').map(function (symb) {
-        var _symb$match;
-        return ((_symb$match = symb.match(fieldPattern)) === null || _symb$match === void 0 ? void 0 : _symb$match[0]) || '';
-      }).filter(Boolean) || [] : rawData.split('')).slice(0, codeLength);
-      var activeIndex = Math.min(pastedData.length, codeLength - 1);
-      (_inputRefs$current$ac = inputRefs.current[activeIndex]) === null || _inputRefs$current$ac === void 0 || _inputRefs$current$ac.focus();
-      codeSetter(pastedData);
-    };
-    var handleFullCodeEnter = useCallback(function (fullCode) {
-      if (onFullCodeEnter) {
-        onFullCodeEnter(fullCode);
+      return;
+    }
+    if (key === BACKSPACE_KEY) {
+      if (index > 0 && code[index] === '') {
+        inputRefs.current[index - 1]?.focus();
       }
-    }, []);
-    useEffect(function () {
-      inputRefs.current = inputRefs.current.slice(0, codeLength);
-    }, [codeLength]);
-    useEffect(function () {
-      if (autoFocus && !disabled) {
-        var _inputRefs$current$la;
-        var lastActiveIndex = getLastActiveIndex();
-        (_inputRefs$current$la = inputRefs.current[lastActiveIndex]) === null || _inputRefs$current$la === void 0 || _inputRefs$current$la.focus();
+    }
+  };
+  const codeSetter = newCode => {
+    setCode(newCode);
+    setOriginalValue(newCode.join(''));
+    if (onChange) {
+      onChange(newCode.join(''));
+    }
+  };
+  const handleChange = (event, index) => {
+    if (disabled) {
+      return;
+    }
+    const rawSymbol = event.currentTarget.value;
+    const symbol = rawSymbol.charAt(rawSymbol.length - 1);
+    const newCode = [...code];
+    inputRefs.current[index]?.classList.remove(classes.itemError);
+    if (isError) {
+      captionRef.current?.classList.remove(classes.captionError);
+      if (codeErrorBehavior === 'keep') {
+        inputContainerRef.current?.classList.remove(classes.codeError, classes.codeErrorAnimation);
       }
-    }, [autoFocus]);
-    useDidMountEffect(function () {
-      if (handleFullCodeEnter && originalValue.length === codeLength) {
-        handleFullCodeEnter(originalValue);
+      if (setIsError) {
+        setIsError(false);
       }
-    }, [originalValue, handleFullCodeEnter]);
-    useDidMountEffect(function () {
-      if (isError) {
-        handleCodeError({
-          codeLength: codeLength,
-          codeErrorBehavior: codeErrorBehavior,
-          currentCode: code,
-          inputRefs: inputRefs,
-          inputContainerRef: inputContainerRef,
-          captionRef: captionRef,
-          setCode: setCode,
-          codeSetter: codeSetter
-        });
+    }
+    if (!fieldPattern) {
+      newCode[index] = symbol;
+      codeSetter(newCode);
+      if (symbol && index < codeLength - 1) {
+        inputRefs.current[index + 1]?.focus();
       }
-    }, [isError]);
-    return /*#__PURE__*/React.createElement(Root, _extends({
-      ref: ref,
-      view: view,
-      size: size,
-      shape: shape,
-      disabled: disabled,
-      onClick: handleClick,
-      className: cls(className, _defineProperty({}, classes.captionAlignLeft, captionAlign === 'left'))
-    }, rest), /*#__PURE__*/React.createElement(CodeWrapper, {
-      ref: inputContainerRef
-    }, _toConsumableArray(Array(parts)).map(function (_, partIndex) {
-      return /*#__PURE__*/React.createElement(Fragment, {
-        key: partIndex
-      }, /*#__PURE__*/React.createElement(CodeGroup, {
-        role: "group"
-      }, _toConsumableArray(Array(codeLength / parts)).map(function (_, i) {
-        var inputCorrectIndex = i + codeLength / parts * partIndex;
-        return /*#__PURE__*/React.createElement(ItemInput, _extends({
-          key: partIndex + i + partIndex * i,
-          ref: function ref(element) {
-            inputRefs.current[inputCorrectIndex] = element;
-          },
-          className: cls(_defineProperty(_defineProperty({}, classes.segmented, shape === 'segmented'), classes.hoverEnabled, !disabled && inputCorrectIndex >= originalValue.length)),
-          value: code[inputCorrectIndex] || '',
-          autoComplete: autoComplete,
-          onChange: function onChange(e) {
-            handleChange(e, inputCorrectIndex);
-          },
-          onKeyDown: function onKeyDown(e) {
-            handleOnKeyDown(e, inputCorrectIndex);
-          },
-          onPaste: handlePaste,
-          tabIndex: !disabled && originalValue.length === inputCorrectIndex ? 0 : -1
-        }, placeholderValue && {
-          placeholder: placeholderValue[inputCorrectIndex]
-        }));
-      })), partIndex !== parts - 1 && (_Separator || (_Separator = /*#__PURE__*/React.createElement(Separator, null))));
-    })), caption && /*#__PURE__*/React.createElement(CaptionWrapper, {
-      ref: captionRef,
-      captionAlign: captionAlign,
-      widthValue: widthValue
-    }, caption));
-  });
-};
-var codeFieldConfig = {
+      return;
+    }
+    if (!symbol) {
+      newCode[index] = '';
+      codeSetter(newCode);
+      return;
+    }
+    if (fieldPattern.test(symbol)) {
+      newCode[index] = symbol.charAt(symbol.length - 1);
+      codeSetter(newCode);
+      if (index < codeLength - 1) {
+        inputRefs.current[index + 1]?.focus();
+      }
+    } else {
+      newCode[index] = symbol.charAt(symbol.length - 1);
+      handleItemError({
+        currentSymbol: symbol,
+        itemErrorBehavior,
+        index,
+        newCode,
+        inputRefs,
+        setCode,
+        codeSetter
+      });
+    }
+  };
+  const handlePaste = event => {
+    if (disabled) {
+      return;
+    }
+    event.preventDefault();
+    const rawData = event.clipboardData.getData('text/plain');
+    const pastedData = (fieldPattern ? rawData.split('').map(symb => symb.match(fieldPattern)?.[0] || '').filter(Boolean) || [] : rawData.split('')).slice(0, codeLength);
+    const activeIndex = Math.min(pastedData.length, codeLength - 1);
+    inputRefs.current[activeIndex]?.focus();
+    codeSetter(pastedData);
+  };
+  const handleFullCodeEnter = useCallback(fullCode => {
+    if (onFullCodeEnter) {
+      onFullCodeEnter(fullCode);
+    }
+  }, []);
+  useEffect(() => {
+    inputRefs.current = inputRefs.current.slice(0, codeLength);
+  }, [codeLength]);
+  useEffect(() => {
+    if (autoFocus && !disabled) {
+      const lastActiveIndex = getLastActiveIndex();
+      inputRefs.current[lastActiveIndex]?.focus();
+    }
+  }, [autoFocus]);
+  useDidMountEffect(() => {
+    if (handleFullCodeEnter && originalValue.length === codeLength) {
+      handleFullCodeEnter(originalValue);
+    }
+  }, [originalValue, handleFullCodeEnter]);
+  useDidMountEffect(() => {
+    if (isError) {
+      handleCodeError({
+        codeLength,
+        codeErrorBehavior,
+        currentCode: code,
+        inputRefs,
+        inputContainerRef,
+        captionRef,
+        setCode,
+        codeSetter
+      });
+    }
+  }, [isError]);
+  return /*#__PURE__*/React.createElement(Root, _extends({
+    ref: ref,
+    view: view,
+    size: size,
+    shape: shape,
+    disabled: disabled,
+    onClick: handleClick,
+    className: cls(className, {
+      [classes.captionAlignLeft]: captionAlign === 'left'
+    })
+  }, rest), /*#__PURE__*/React.createElement(CodeWrapper, {
+    ref: inputContainerRef
+  }, [...Array(parts)].map((_, partIndex) => /*#__PURE__*/React.createElement(Fragment, {
+    key: partIndex
+  }, /*#__PURE__*/React.createElement(CodeGroup, {
+    role: "group"
+  }, [...Array(codeLength / parts)].map((_, i) => {
+    const inputCorrectIndex = i + codeLength / parts * partIndex;
+    return /*#__PURE__*/React.createElement(ItemInput, _extends({
+      key: partIndex + i + partIndex * i,
+      ref: element => {
+        inputRefs.current[inputCorrectIndex] = element;
+      },
+      className: cls({
+        [classes.segmented]: shape === 'segmented',
+        [classes.hoverEnabled]: !disabled && inputCorrectIndex >= originalValue.length
+      }),
+      value: code[inputCorrectIndex] || '',
+      autoComplete: autoComplete,
+      onChange: e => {
+        handleChange(e, inputCorrectIndex);
+      },
+      onKeyDown: e => {
+        handleOnKeyDown(e, inputCorrectIndex);
+      },
+      onPaste: handlePaste,
+      tabIndex: !disabled && originalValue.length === inputCorrectIndex ? 0 : -1
+    }, placeholderValue && {
+      placeholder: placeholderValue[inputCorrectIndex]
+    }));
+  })), partIndex !== parts - 1 && /*#__PURE__*/React.createElement(Separator, null)))), caption && /*#__PURE__*/React.createElement(CaptionWrapper, {
+    ref: captionRef,
+    captionAlign: captionAlign,
+    widthValue: widthValue
+  }, caption));
+});
+const codeFieldConfig = {
   name: 'CodeField',
   tag: 'div',
   layout: codeFieldRoot,
-  base: base,
+  base,
   variations: {
     view: {
       css: base$1

package/es/components/CodeField/CodeField.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeField.js","sources":["../../../src/components/CodeField/CodeField.tsx"],"sourcesContent":["import React, { forwardRef, Fragment, useCallback, useEffect, useRef, useState } from 'react';\nimport cls from 'classnames';\nimport type { ChangeEvent, KeyboardEvent, ClipboardEvent } from 'react';\nimport type { RootProps } from 'src/engines';\nimport { useDidMountEffect } from 'src/hooks';\nimport { getSizeValueFromProp } from 'src/utils';\n\nimport type { CodeFieldProps } from './CodeField.types';\nimport { BACKSPACE_KEY, FORBIDDEN_KEYS, ONLY_DIGITS_PATTERN } from './utils/constants';\nimport { getCodeValue, getFieldPattern, getPlaceholderValue, handleCodeError, handleItemError } from './utils';\nimport { classes } from './CodeField.tokens';\nimport { base, CaptionWrapper, CodeGroup, CodeWrapper, ItemInput, Separator } from './CodeField.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as shapeCSS } from './variations/_shape/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\n\nexport const codeFieldRoot = (Root: RootProps<HTMLDivElement, CodeFieldProps>) =>\n    forwardRef<HTMLInputElement, CodeFieldProps>(\n        (\n            {\n                className,\n                value: outerValue,\n                placeholder,\n                autoFocus,\n                codeLength = 6,\n                caption,\n                captionAlign = 'left',\n                width,\n                shape = 'default',\n                view,\n                size,\n                disabled,\n                isError,\n                allowedSymbols = ONLY_DIGITS_PATTERN,\n                itemErrorBehavior = 'remove-symbol',\n                codeErrorBehavior = 'remove-code',\n                autoComplete = 'one-time-code',\n                setIsError,\n                onChange,\n                onFullCodeEnter,\n                ...rest\n            },\n            ref,\n        ) => {\n            const [code, setCode] = useState<Array<string>>(getCodeValue(codeLength, outerValue || ''));\n            const [originalValue, setOriginalValue] = useState<string>(code.join(''));\n\n            const inputRefs = useRef<Array<HTMLInputElement>>([]);\n            const inputContainerRef = useRef<HTMLDivElement | null>(null);\n            const captionRef = useRef<HTMLDivElement | null>(null);\n\n            const fieldPattern = getFieldPattern(allowedSymbols);\n            const placeholderValue = getPlaceholderValue(codeLength, placeholder);\n            const parts = codeLength === 6 ? 2 : 1;\n\n            const widthValue = width ? getSizeValueFromProp(width, 'rem') : undefined;\n\n            const getLastActiveIndex = () => {\n                if (code.length && code.length < codeLength) {\n                    return code.length;\n                }\n\n                const lastEmptyIndex = code.findIndex((digit) => digit === '');\n                return lastEmptyIndex >= 0 ? lastEmptyIndex : codeLength - 1;\n            };\n\n            const handleClick = () => {\n                if (disabled) {\n                    return;\n                }\n\n                const lastActiveIndex = getLastActiveIndex();\n\n                if (inputRefs.current[lastActiveIndex]) {\n                    inputRefs.current[lastActiveIndex].focus();\n                }\n            };\n\n            const handleOnKeyDown = (event: KeyboardEvent<HTMLInputElement>, index: number) => {\n                if (disabled) {\n                    return;\n                }\n\n                const { key } = event;\n                if (FORBIDDEN_KEYS.includes(key)) {\n                    event.preventDefault();\n\n                    return;\n                }\n\n                if (key === BACKSPACE_KEY) {\n                    if (index > 0 && code[index] === '') {\n                        inputRefs.current[index - 1]?.focus();\n                    }\n                }\n            };\n\n            const codeSetter = (newCode: Array<string>) => {\n                setCode(newCode);\n                setOriginalValue(newCode.join(''));\n\n                if (onChange) {\n                    onChange(newCode.join(''));\n                }\n            };\n\n            const handleChange = (event: ChangeEvent<HTMLInputElement>, index: number) => {\n                if (disabled) {\n                    return;\n                }\n\n                const rawSymbol = event.currentTarget.value;\n                const symbol = rawSymbol.charAt(rawSymbol.length - 1);\n                const newCode = [...code];\n\n                inputRefs.current[index]?.classList.remove(classes.itemError);\n                if (isError) {\n                    captionRef.current?.classList.remove(classes.captionError);\n\n                    if (codeErrorBehavior === 'keep') {\n                        inputContainerRef.current?.classList.remove(classes.codeError, classes.codeErrorAnimation);\n                    }\n\n                    if (setIsError) {\n                        setIsError(false);\n                    }\n                }\n\n                if (!fieldPattern) {\n                    newCode[index] = symbol;\n                    codeSetter(newCode);\n\n                    if (symbol && index < codeLength - 1) {\n                        inputRefs.current[index + 1]?.focus();\n                    }\n\n                    return;\n                }\n\n                if (!symbol) {\n                    newCode[index] = '';\n                    codeSetter(newCode);\n\n                    return;\n                }\n\n                if (fieldPattern.test(symbol)) {\n                    newCode[index] = symbol.charAt(symbol.length - 1);\n                    codeSetter(newCode);\n\n                    if (index < codeLength - 1) {\n                        inputRefs.current[index + 1]?.focus();\n                    }\n                } else {\n                    newCode[index] = symbol.charAt(symbol.length - 1);\n\n                    handleItemError({\n                        currentSymbol: symbol,\n                        itemErrorBehavior,\n                        index,\n                        newCode,\n                        inputRefs,\n                        setCode,\n                        codeSetter,\n                    });\n                }\n            };\n\n            const handlePaste = (event: ClipboardEvent<HTMLInputElement>) => {\n                if (disabled) {\n                    return;\n                }\n\n                event.preventDefault();\n\n                const rawData = event.clipboardData.getData('text/plain');\n\n                const pastedData = (fieldPattern\n                    ? rawData\n                          .split('')\n                          .map((symb) => symb.match(fieldPattern)?.[0] || '')\n                          .filter(Boolean) || []\n                    : rawData.split('')\n                ).slice(0, codeLength);\n\n                const activeIndex = Math.min(pastedData.length, codeLength - 1);\n                inputRefs.current[activeIndex]?.focus();\n\n                codeSetter(pastedData);\n            };\n\n            const handleFullCodeEnter = useCallback((fullCode: string) => {\n                if (onFullCodeEnter) {\n                    onFullCodeEnter(fullCode);\n                }\n            }, []);\n\n            useEffect(() => {\n                inputRefs.current = inputRefs.current.slice(0, codeLength);\n            }, [codeLength]);\n\n            useEffect(() => {\n                if (autoFocus && !disabled) {\n                    const lastActiveIndex = getLastActiveIndex();\n\n                    inputRefs.current[lastActiveIndex]?.focus();\n                }\n            }, [autoFocus]);\n\n            useDidMountEffect(() => {\n                if (handleFullCodeEnter && originalValue.length === codeLength) {\n                    handleFullCodeEnter(originalValue);\n                }\n            }, [originalValue, handleFullCodeEnter]);\n\n            useDidMountEffect(() => {\n                if (isError) {\n                    handleCodeError({\n                        codeLength,\n                        codeErrorBehavior,\n                        currentCode: code,\n                        inputRefs,\n                        inputContainerRef,\n                        captionRef,\n                        setCode,\n                        codeSetter,\n                    });\n                }\n            }, [isError]);\n\n            return (\n                <Root\n                    ref={ref}\n                    view={view}\n                    size={size}\n                    shape={shape}\n                    disabled={disabled}\n                    onClick={handleClick}\n                    className={cls(className, {\n                        [classes.captionAlignLeft]: captionAlign === 'left',\n                    })}\n                    {...rest}\n                >\n                    <CodeWrapper ref={inputContainerRef}>\n                        {[...Array(parts)].map((_, partIndex) => (\n                            <Fragment key={partIndex}>\n                                <CodeGroup role=\"group\">\n                                    {[...Array(codeLength / parts)].map((_, i) => {\n                                        const inputCorrectIndex = i + (codeLength / parts) * partIndex;\n\n                                        return (\n                                            <ItemInput\n                                                key={partIndex + i + partIndex * i}\n                                                ref={(element: HTMLInputElement) => {\n                                                    inputRefs.current[inputCorrectIndex] = element;\n                                                }}\n                                                className={cls({\n                                                    [classes.segmented]: shape === 'segmented',\n                                                    [classes.hoverEnabled]:\n                                                        !disabled && inputCorrectIndex >= originalValue.length,\n                                                })}\n                                                value={code[inputCorrectIndex] || ''}\n                                                autoComplete={autoComplete}\n                                                onChange={(e: ChangeEvent<HTMLInputElement>) => {\n                                                    handleChange(e, inputCorrectIndex);\n                                                }}\n                                                onKeyDown={(e: KeyboardEvent<HTMLInputElement>) => {\n                                                    handleOnKeyDown(e, inputCorrectIndex);\n                                                }}\n                                                onPaste={handlePaste}\n                                                tabIndex={\n                                                    !disabled && originalValue.length === inputCorrectIndex ? 0 : -1\n                                                }\n                                                {...(placeholderValue && {\n                                                    placeholder: placeholderValue[inputCorrectIndex],\n                                                })}\n                                            />\n                                        );\n                                    })}\n                                </CodeGroup>\n                                {partIndex !== parts - 1 && <Separator />}\n                            </Fragment>\n                        ))}\n                    </CodeWrapper>\n                    {caption && (\n                        <CaptionWrapper ref={captionRef} captionAlign={captionAlign} widthValue={widthValue}>\n                            {caption}\n                        </CaptionWrapper>\n                    )}\n                </Root>\n            );\n        },\n    );\n\nexport const codeFieldConfig = {\n    name: 'CodeField',\n    tag: 'div',\n    layout: codeFieldRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        shape: {\n            css: shapeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'default',\n        shape: 'default',\n    },\n};\n"],"names":["codeFieldRoot","Root","forwardRef","_ref","ref","className","outerValue","value","placeholder","autoFocus","_ref$codeLength","codeLength","caption","_ref$captionAlign","captionAlign","width","_ref$shape","shape","view","size","disabled","isError","_ref$allowedSymbols","allowedSymbols","ONLY_DIGITS_PATTERN","_ref$itemErrorBehavio","itemErrorBehavior","_ref$codeErrorBehavio","codeErrorBehavior","_ref$autoComplete","autoComplete","setIsError","onChange","onFullCodeEnter","rest","_objectWithoutProperties","_excluded","_useState","useState","getCodeValue","_useState2","_slicedToArray","code","setCode","_useState3","join","_useState4","originalValue","setOriginalValue","inputRefs","useRef","inputContainerRef","captionRef","fieldPattern","getFieldPattern","placeholderValue","getPlaceholderValue","parts","widthValue","getSizeValueFromProp","undefined","getLastActiveIndex","length","lastEmptyIndex","findIndex","digit","handleClick","lastActiveIndex","current","focus","handleOnKeyDown","event","index","key","FORBIDDEN_KEYS","includes","preventDefault","BACKSPACE_KEY","_inputRefs$current","codeSetter","newCode","handleChange","_inputRefs$current$in","rawSymbol","currentTarget","symbol","charAt","_toConsumableArray","classList","remove","classes","itemError","_captionRef$current","captionError","_inputContainerRef$cu","codeError","codeErrorAnimation","_inputRefs$current2","test","_inputRefs$current3","handleItemError","currentSymbol","handlePaste","_inputRefs$current$ac","rawData","clipboardData","getData","pastedData","split","map","symb","_symb$match","match","filter","Boolean","slice","activeIndex","Math","min","handleFullCodeEnter","useCallback","fullCode","useEffect","_inputRefs$current$la","useDidMountEffect","handleCodeError","currentCode","React","createElement","_extends","onClick","cls","_defineProperty","captionAlignLeft","CodeWrapper","Array","_","partIndex","Fragment","CodeGroup","role","i","inputCorrectIndex","ItemInput","element","segmented","hoverEnabled","e","onKeyDown","onPaste","tabIndex","_Separator","Separator","CaptionWrapper","codeFieldConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","shapeCSS","disabledCSS","attrs","defaults"],"mappings":"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"}
+{"version":3,"file":"CodeField.js","sources":["../../../src/components/CodeField/CodeField.tsx"],"sourcesContent":["import React, { forwardRef, Fragment, useCallback, useEffect, useRef, useState } from 'react';\nimport cls from 'classnames';\nimport type { ChangeEvent, KeyboardEvent, ClipboardEvent } from 'react';\nimport type { RootProps } from 'src/engines';\nimport { useDidMountEffect } from 'src/hooks';\nimport { getSizeValueFromProp } from 'src/utils';\n\nimport type { CodeFieldProps } from './CodeField.types';\nimport { BACKSPACE_KEY, FORBIDDEN_KEYS, ONLY_DIGITS_PATTERN } from './utils/constants';\nimport { getCodeValue, getFieldPattern, getPlaceholderValue, handleCodeError, handleItemError } from './utils';\nimport { classes } from './CodeField.tokens';\nimport { base, CaptionWrapper, CodeGroup, CodeWrapper, ItemInput, Separator } from './CodeField.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as shapeCSS } from './variations/_shape/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\n\nexport const codeFieldRoot = (Root: RootProps<HTMLDivElement, CodeFieldProps>) =>\n    forwardRef<HTMLInputElement, CodeFieldProps>(\n        (\n            {\n                className,\n                value: outerValue,\n                placeholder,\n                autoFocus,\n                codeLength = 6,\n                caption,\n                captionAlign = 'left',\n                width,\n                shape = 'default',\n                view,\n                size,\n                disabled,\n                isError,\n                allowedSymbols = ONLY_DIGITS_PATTERN,\n                itemErrorBehavior = 'remove-symbol',\n                codeErrorBehavior = 'remove-code',\n                autoComplete = 'one-time-code',\n                setIsError,\n                onChange,\n                onFullCodeEnter,\n                ...rest\n            },\n            ref,\n        ) => {\n            const [code, setCode] = useState<Array<string>>(getCodeValue(codeLength, outerValue || ''));\n            const [originalValue, setOriginalValue] = useState<string>(code.join(''));\n\n            const inputRefs = useRef<Array<HTMLInputElement>>([]);\n            const inputContainerRef = useRef<HTMLDivElement | null>(null);\n            const captionRef = useRef<HTMLDivElement | null>(null);\n\n            const fieldPattern = getFieldPattern(allowedSymbols);\n            const placeholderValue = getPlaceholderValue(codeLength, placeholder);\n            const parts = codeLength === 6 ? 2 : 1;\n\n            const widthValue = width ? getSizeValueFromProp(width, 'rem') : undefined;\n\n            const getLastActiveIndex = () => {\n                if (code.length && code.length < codeLength) {\n                    return code.length;\n                }\n\n                const lastEmptyIndex = code.findIndex((digit) => digit === '');\n                return lastEmptyIndex >= 0 ? lastEmptyIndex : codeLength - 1;\n            };\n\n            const handleClick = () => {\n                if (disabled) {\n                    return;\n                }\n\n                const lastActiveIndex = getLastActiveIndex();\n\n                if (inputRefs.current[lastActiveIndex]) {\n                    inputRefs.current[lastActiveIndex].focus();\n                }\n            };\n\n            const handleOnKeyDown = (event: KeyboardEvent<HTMLInputElement>, index: number) => {\n                if (disabled) {\n                    return;\n                }\n\n                const { key } = event;\n                if (FORBIDDEN_KEYS.includes(key)) {\n                    event.preventDefault();\n\n                    return;\n                }\n\n                if (key === BACKSPACE_KEY) {\n                    if (index > 0 && code[index] === '') {\n                        inputRefs.current[index - 1]?.focus();\n                    }\n                }\n            };\n\n            const codeSetter = (newCode: Array<string>) => {\n                setCode(newCode);\n                setOriginalValue(newCode.join(''));\n\n                if (onChange) {\n                    onChange(newCode.join(''));\n                }\n            };\n\n            const handleChange = (event: ChangeEvent<HTMLInputElement>, index: number) => {\n                if (disabled) {\n                    return;\n                }\n\n                const rawSymbol = event.currentTarget.value;\n                const symbol = rawSymbol.charAt(rawSymbol.length - 1);\n                const newCode = [...code];\n\n                inputRefs.current[index]?.classList.remove(classes.itemError);\n                if (isError) {\n                    captionRef.current?.classList.remove(classes.captionError);\n\n                    if (codeErrorBehavior === 'keep') {\n                        inputContainerRef.current?.classList.remove(classes.codeError, classes.codeErrorAnimation);\n                    }\n\n                    if (setIsError) {\n                        setIsError(false);\n                    }\n                }\n\n                if (!fieldPattern) {\n                    newCode[index] = symbol;\n                    codeSetter(newCode);\n\n                    if (symbol && index < codeLength - 1) {\n                        inputRefs.current[index + 1]?.focus();\n                    }\n\n                    return;\n                }\n\n                if (!symbol) {\n                    newCode[index] = '';\n                    codeSetter(newCode);\n\n                    return;\n                }\n\n                if (fieldPattern.test(symbol)) {\n                    newCode[index] = symbol.charAt(symbol.length - 1);\n                    codeSetter(newCode);\n\n                    if (index < codeLength - 1) {\n                        inputRefs.current[index + 1]?.focus();\n                    }\n                } else {\n                    newCode[index] = symbol.charAt(symbol.length - 1);\n\n                    handleItemError({\n                        currentSymbol: symbol,\n                        itemErrorBehavior,\n                        index,\n                        newCode,\n                        inputRefs,\n                        setCode,\n                        codeSetter,\n                    });\n                }\n            };\n\n            const handlePaste = (event: ClipboardEvent<HTMLInputElement>) => {\n                if (disabled) {\n                    return;\n                }\n\n                event.preventDefault();\n\n                const rawData = event.clipboardData.getData('text/plain');\n\n                const pastedData = (fieldPattern\n                    ? rawData\n                          .split('')\n                          .map((symb) => symb.match(fieldPattern)?.[0] || '')\n                          .filter(Boolean) || []\n                    : rawData.split('')\n                ).slice(0, codeLength);\n\n                const activeIndex = Math.min(pastedData.length, codeLength - 1);\n                inputRefs.current[activeIndex]?.focus();\n\n                codeSetter(pastedData);\n            };\n\n            const handleFullCodeEnter = useCallback((fullCode: string) => {\n                if (onFullCodeEnter) {\n                    onFullCodeEnter(fullCode);\n                }\n            }, []);\n\n            useEffect(() => {\n                inputRefs.current = inputRefs.current.slice(0, codeLength);\n            }, [codeLength]);\n\n            useEffect(() => {\n                if (autoFocus && !disabled) {\n                    const lastActiveIndex = getLastActiveIndex();\n\n                    inputRefs.current[lastActiveIndex]?.focus();\n                }\n            }, [autoFocus]);\n\n            useDidMountEffect(() => {\n                if (handleFullCodeEnter && originalValue.length === codeLength) {\n                    handleFullCodeEnter(originalValue);\n                }\n            }, [originalValue, handleFullCodeEnter]);\n\n            useDidMountEffect(() => {\n                if (isError) {\n                    handleCodeError({\n                        codeLength,\n                        codeErrorBehavior,\n                        currentCode: code,\n                        inputRefs,\n                        inputContainerRef,\n                        captionRef,\n                        setCode,\n                        codeSetter,\n                    });\n                }\n            }, [isError]);\n\n            return (\n                <Root\n                    ref={ref}\n                    view={view}\n                    size={size}\n                    shape={shape}\n                    disabled={disabled}\n                    onClick={handleClick}\n                    className={cls(className, {\n                        [classes.captionAlignLeft]: captionAlign === 'left',\n                    })}\n                    {...rest}\n                >\n                    <CodeWrapper ref={inputContainerRef}>\n                        {[...Array(parts)].map((_, partIndex) => (\n                            <Fragment key={partIndex}>\n                                <CodeGroup role=\"group\">\n                                    {[...Array(codeLength / parts)].map((_, i) => {\n                                        const inputCorrectIndex = i + (codeLength / parts) * partIndex;\n\n                                        return (\n                                            <ItemInput\n                                                key={partIndex + i + partIndex * i}\n                                                ref={(element: HTMLInputElement) => {\n                                                    inputRefs.current[inputCorrectIndex] = element;\n                                                }}\n                                                className={cls({\n                                                    [classes.segmented]: shape === 'segmented',\n                                                    [classes.hoverEnabled]:\n                                                        !disabled && inputCorrectIndex >= originalValue.length,\n                                                })}\n                                                value={code[inputCorrectIndex] || ''}\n                                                autoComplete={autoComplete}\n                                                onChange={(e: ChangeEvent<HTMLInputElement>) => {\n                                                    handleChange(e, inputCorrectIndex);\n                                                }}\n                                                onKeyDown={(e: KeyboardEvent<HTMLInputElement>) => {\n                                                    handleOnKeyDown(e, inputCorrectIndex);\n                                                }}\n                                                onPaste={handlePaste}\n                                                tabIndex={\n                                                    !disabled && originalValue.length === inputCorrectIndex ? 0 : -1\n                                                }\n                                                {...(placeholderValue && {\n                                                    placeholder: placeholderValue[inputCorrectIndex],\n                                                })}\n                                            />\n                                        );\n                                    })}\n                                </CodeGroup>\n                                {partIndex !== parts - 1 && <Separator />}\n                            </Fragment>\n                        ))}\n                    </CodeWrapper>\n                    {caption && (\n                        <CaptionWrapper ref={captionRef} captionAlign={captionAlign} widthValue={widthValue}>\n                            {caption}\n                        </CaptionWrapper>\n                    )}\n                </Root>\n            );\n        },\n    );\n\nexport const codeFieldConfig = {\n    name: 'CodeField',\n    tag: 'div',\n    layout: codeFieldRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        shape: {\n            css: shapeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'default',\n        shape: 'default',\n    },\n};\n"],"names":["codeFieldRoot","Root","forwardRef","className","value","outerValue","placeholder","autoFocus","codeLength","caption","captionAlign","width","shape","view","size","disabled","isError","allowedSymbols","ONLY_DIGITS_PATTERN","itemErrorBehavior","codeErrorBehavior","autoComplete","setIsError","onChange","onFullCodeEnter","rest","ref","code","setCode","useState","getCodeValue","originalValue","setOriginalValue","join","inputRefs","useRef","inputContainerRef","captionRef","fieldPattern","getFieldPattern","placeholderValue","getPlaceholderValue","parts","widthValue","getSizeValueFromProp","undefined","getLastActiveIndex","length","lastEmptyIndex","findIndex","digit","handleClick","lastActiveIndex","current","focus","handleOnKeyDown","event","index","key","FORBIDDEN_KEYS","includes","preventDefault","BACKSPACE_KEY","codeSetter","newCode","handleChange","rawSymbol","currentTarget","symbol","charAt","classList","remove","classes","itemError","captionError","codeError","codeErrorAnimation","test","handleItemError","currentSymbol","handlePaste","rawData","clipboardData","getData","pastedData","split","map","symb","match","filter","Boolean","slice","activeIndex","Math","min","handleFullCodeEnter","useCallback","fullCode","useEffect","useDidMountEffect","handleCodeError","currentCode","React","createElement","_extends","onClick","cls","captionAlignLeft","CodeWrapper","Array","_","partIndex","Fragment","CodeGroup","role","i","inputCorrectIndex","ItemInput","element","segmented","hoverEnabled","e","onKeyDown","onPaste","tabIndex","Separator","CaptionWrapper","codeFieldConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","shapeCSS","disabledCSS","attrs","defaults"],"mappings":"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"}