@salutejs/plasma-new-hope 0.336.0-canary.2227.17672582071.0 → 0.336.0-canary.2228.17762482450.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"useWebOTP.js","sources":["../../../../src/components/CodeField/hooks/useWebOTP.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nimport { getCodeValue, isWebOTPSupported } from '../utils';\n\ntype UseWebOTPProps = {\n    codeString: string;\n    enableSMSAutoRead: boolean;\n    disabled: boolean;\n    codeLength: number;\n    codeSetter: (newCode: Array<string>) => void;\n    onFullCodeEnter?: (code: string) => void;\n};\n\ntype OTPTransport = 'sms';\n\ninterface OTPCredential extends Credential {\n    code: string;\n}\n\ndeclare global {\n    interface CredentialRequestOptions {\n        otp?: {\n            transport: OTPTransport[];\n        };\n        signal?: AbortSignal;\n    }\n}\n\nconst isOTPCredential = (credential: Credential | null): credential is OTPCredential => {\n    return credential !== null && 'code' in credential;\n};\n\nexport const useWebOTP = ({\n    codeString,\n    enableSMSAutoRead,\n    disabled,\n    codeLength,\n    codeSetter,\n    onFullCodeEnter,\n}: UseWebOTPProps) => {\n    const abortControllerRef = useRef<AbortController | null>(null);\n\n    const startWebOTPListener = useCallback(async () => {\n        if (!enableSMSAutoRead || disabled || !isWebOTPSupported()) {\n            return;\n        }\n\n        if (abortControllerRef.current) {\n            abortControllerRef.current.abort();\n        }\n\n        abortControllerRef.current = new AbortController();\n\n        try {\n            const otp = await navigator.credentials.get({\n                otp: { transport: ['sms'] as OTPTransport[] },\n                signal: abortControllerRef.current.signal,\n            });\n\n            if (otp && isOTPCredential(otp) && otp.code) {\n                const otpCode = otp.code;\n\n                if (otpCode.length === codeLength) {\n                    const newCode = getCodeValue(codeLength, otpCode);\n                    codeSetter(newCode);\n\n                    if (onFullCodeEnter) {\n                        onFullCodeEnter(otpCode);\n                    }\n                }\n            }\n        } catch (err) {\n            if (err instanceof DOMException) {\n                if (err.name !== 'AbortError' && err.name !== 'NotAllowedError') {\n                    console.warn('Web OTP API error:', err);\n                }\n            } else if (err instanceof Error) {\n                console.warn('Web OTP API error:', err);\n            } else {\n                console.warn('Unknown Web OTP API error:', err);\n            }\n        }\n    }, [enableSMSAutoRead, disabled, codeLength, onFullCodeEnter]);\n\n    const stopWebOTPListener = useCallback(() => {\n        if (abortControllerRef.current) {\n            abortControllerRef.current.abort();\n            abortControllerRef.current = null;\n        }\n    }, []);\n\n    useEffect(() => {\n        if (isWebOTPSupported() && codeString === '' && enableSMSAutoRead && !disabled) {\n            startWebOTPListener();\n        } else {\n            stopWebOTPListener();\n        }\n\n        return () => {\n            stopWebOTPListener();\n        };\n    }, [codeString, enableSMSAutoRead, disabled, startWebOTPListener, stopWebOTPListener]);\n};\n"],"names":["isOTPCredential","credential","useWebOTP","_ref","codeString","enableSMSAutoRead","disabled","codeLength","codeSetter","onFullCodeEnter","abortControllerRef","useRef","startWebOTPListener","useCallback","_asyncToGenerator","_regeneratorRuntime","mark","_callee","otp","otpCode","newCode","wrap","_callee$","_context","prev","next","isWebOTPSupported","abrupt","current","abort","AbortController","navigator","credentials","get","transport","signal","sent","code","length","getCodeValue","t0","DOMException","name","console","warn","Error","stop","stopWebOTPListener","useEffect"],"mappings":"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"}

package/es/components/CodeField/utils/handleCodeError.js

@@ -11,7 +11,7 @@ var handleCodeError = function handleCodeError(_ref) {
     inputRefs = _ref.inputRefs,
     inputContainerRef = _ref.inputContainerRef,
     captionRef = _ref.captionRef,
-    setCode = _ref.setCode,
+    setInnerValue = _ref.setInnerValue,
     codeSetter = _ref.codeSetter;
   if (!inputContainerRef.current) {
     return;
@@ -25,7 +25,7 @@ var handleCodeError = function handleCodeError(_ref) {
         var newCode = _toConsumableArray(currentCode);
         newCode.pop();
         codeSetter(newCode);
-        setCode(currentCode);
+        setInnerValue(currentCode);
         (_inputContainerRef$cu = inputContainerRef.current) === null || _inputContainerRef$cu === void 0 || _inputContainerRef$cu.classList.remove(classes.codeErrorAnimation);
         setTimeout(function () {
           var _inputRefs$current, _inputRefs$current2;

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

@@ -1 +1 @@
-{"version":3,"file":"handleCodeError.js","sources":["../../../../src/components/CodeField/utils/handleCodeError.ts"],"sourcesContent":["import { Dispatch, MutableRefObject, SetStateAction } from 'react';\n\nimport type { CodeErrorBehavior } from '../CodeField.types';\nimport { classes } from '../CodeField.tokens';\n\nimport { ANIMATION_TIMEOUT } from './constants';\nimport { getCodeValue } from './initialValuesHelper';\n\ntype ValidateSymbolsArgs = {\n    codeLength: number;\n    codeErrorBehavior: CodeErrorBehavior;\n    currentCode: Array<string>;\n    inputContainerRef: MutableRefObject<HTMLDivElement | null>;\n    inputRefs: MutableRefObject<Array<HTMLInputElement | null>>;\n    captionRef: MutableRefObject<HTMLDivElement | null>;\n    setCode: Dispatch<SetStateAction<Array<string>>>;\n    codeSetter: (newCode: Array<string>) => void;\n};\n\nexport const handleCodeError = ({\n    codeLength,\n    codeErrorBehavior,\n    currentCode,\n    inputRefs,\n    inputContainerRef,\n    captionRef,\n    setCode,\n    codeSetter,\n}: ValidateSymbolsArgs) => {\n    if (!inputContainerRef.current) {\n        return;\n    }\n\n    switch (codeErrorBehavior) {\n        case 'keep':\n            inputContainerRef.current.classList.add(classes.codeError, classes.codeErrorAnimation);\n            captionRef.current?.classList.add(classes.captionError);\n\n            setTimeout(() => {\n                const newCode = [...currentCode];\n\n                newCode.pop();\n                codeSetter(newCode);\n                setCode(currentCode);\n\n                inputContainerRef.current?.classList.remove(classes.codeErrorAnimation);\n\n                setTimeout(() => {\n                    inputRefs.current[inputRefs.current.length - 1]?.setSelectionRange(0, 1);\n                    inputRefs.current[inputRefs.current.length - 1]?.focus();\n                }, 0);\n            }, ANIMATION_TIMEOUT);\n\n            break;\n        case 'remove-code':\n        default:\n            inputContainerRef.current.classList.add(\n                classes.codeError,\n                classes.codeErrorAnimation,\n                classes.codeErrorFade,\n            );\n            captionRef.current?.classList.add(classes.captionError);\n\n            setTimeout(() => {\n                codeSetter(getCodeValue(codeLength, ''));\n\n                inputRefs.current[0]?.focus();\n                inputContainerRef.current?.classList.remove(\n                    classes.codeError,\n                    classes.codeErrorAnimation,\n                    classes.codeErrorFade,\n                );\n            }, ANIMATION_TIMEOUT);\n    }\n};\n"],"names":["handleCodeError","_ref","_captionRef$current","_captionRef$current2","codeLength","codeErrorBehavior","currentCode","inputRefs","inputContainerRef","captionRef","setCode","codeSetter","current","classList","add","classes","codeError","codeErrorAnimation","captionError","setTimeout","_inputContainerRef$cu","newCode","_toConsumableArray","pop","remove","_inputRefs$current","_inputRefs$current2","length","setSelectionRange","focus","ANIMATION_TIMEOUT","codeErrorFade","_inputRefs$current$","_inputContainerRef$cu2","getCodeValue"],"mappings":"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"}
+{"version":3,"file":"handleCodeError.js","sources":["../../../../src/components/CodeField/utils/handleCodeError.ts"],"sourcesContent":["import { Dispatch, MutableRefObject, SetStateAction } from 'react';\n\nimport type { CodeErrorBehavior } from '../CodeField.types';\nimport { classes } from '../CodeField.tokens';\n\nimport { ANIMATION_TIMEOUT } from './constants';\nimport { getCodeValue } from './initialValuesHelper';\n\ntype ValidateSymbolsArgs = {\n    codeLength: number;\n    codeErrorBehavior: CodeErrorBehavior;\n    currentCode: Array<string>;\n    inputContainerRef: MutableRefObject<HTMLDivElement | null>;\n    inputRefs: MutableRefObject<Array<HTMLInputElement | null>>;\n    captionRef: MutableRefObject<HTMLDivElement | null>;\n    setInnerValue: Dispatch<SetStateAction<Array<string>>>;\n    codeSetter: (newCode: Array<string>) => void;\n};\n\nexport const handleCodeError = ({\n    codeLength,\n    codeErrorBehavior,\n    currentCode,\n    inputRefs,\n    inputContainerRef,\n    captionRef,\n    setInnerValue,\n    codeSetter,\n}: ValidateSymbolsArgs) => {\n    if (!inputContainerRef.current) {\n        return;\n    }\n\n    switch (codeErrorBehavior) {\n        case 'keep':\n            inputContainerRef.current.classList.add(classes.codeError, classes.codeErrorAnimation);\n            captionRef.current?.classList.add(classes.captionError);\n\n            setTimeout(() => {\n                const newCode = [...currentCode];\n\n                newCode.pop();\n                codeSetter(newCode);\n                setInnerValue(currentCode);\n\n                inputContainerRef.current?.classList.remove(classes.codeErrorAnimation);\n\n                setTimeout(() => {\n                    inputRefs.current[inputRefs.current.length - 1]?.setSelectionRange(0, 1);\n                    inputRefs.current[inputRefs.current.length - 1]?.focus();\n                }, 0);\n            }, ANIMATION_TIMEOUT);\n\n            break;\n        case 'remove-code':\n        default:\n            inputContainerRef.current.classList.add(\n                classes.codeError,\n                classes.codeErrorAnimation,\n                classes.codeErrorFade,\n            );\n            captionRef.current?.classList.add(classes.captionError);\n\n            setTimeout(() => {\n                codeSetter(getCodeValue(codeLength, ''));\n\n                inputRefs.current[0]?.focus();\n                inputContainerRef.current?.classList.remove(\n                    classes.codeError,\n                    classes.codeErrorAnimation,\n                    classes.codeErrorFade,\n                );\n            }, ANIMATION_TIMEOUT);\n    }\n};\n"],"names":["handleCodeError","_ref","_captionRef$current","_captionRef$current2","codeLength","codeErrorBehavior","currentCode","inputRefs","inputContainerRef","captionRef","setInnerValue","codeSetter","current","classList","add","classes","codeError","codeErrorAnimation","captionError","setTimeout","_inputContainerRef$cu","newCode","_toConsumableArray","pop","remove","_inputRefs$current","_inputRefs$current2","length","setSelectionRange","focus","ANIMATION_TIMEOUT","codeErrorFade","_inputRefs$current$","_inputContainerRef$cu2","getCodeValue"],"mappings":"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"}

package/es/components/CodeField/utils/handleItemError.js

@@ -9,14 +9,18 @@ var handleItemError = function handleItemError(_ref) {
     index = _ref.index,
     newCode = _ref.newCode,
     inputRefs = _ref.inputRefs,
-    setCode = _ref.setCode,
-    codeSetter = _ref.codeSetter;
+    setInnerValue = _ref.setInnerValue,
+    codeSetter = _ref.codeSetter,
+    onChange = _ref.onChange;
   if (!inputRefs.current[index] || currentSymbol === ' ') {
     return;
   }
   switch (itemErrorBehavior) {
     case 'keep':
-      setCode(newCode);
+      setInnerValue(newCode);
+      if (onChange) {
+        onChange(newCode.join(''));
+      }
       (_inputRefs$current$in = inputRefs.current[index]) === null || _inputRefs$current$in === void 0 || _inputRefs$current$in.classList.add(classes.itemError, classes.itemErrorAnimation);
       setTimeout(function () {
         var _inputRefs$current$in2;
@@ -30,10 +34,16 @@ var handleItemError = function handleItemError(_ref) {
     case 'forbid-enter':
       newCode[index] = '';
       codeSetter(newCode);
+      if (onChange) {
+        onChange(newCode.join(''));
+      }
       break;
     case 'remove-symbol':
     default:
-      setCode(newCode);
+      setInnerValue(newCode);
+      if (onChange) {
+        onChange(newCode.join(''));
+      }
       (_inputRefs$current$in4 = inputRefs.current[index]) === null || _inputRefs$current$in4 === void 0 || _inputRefs$current$in4.classList.add(classes.itemError, classes.itemErrorFade, classes.itemErrorAnimation);
       setTimeout(function () {
         var _inputRefs$current$in5;

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

@@ -1 +1 @@
-{"version":3,"file":"handleItemError.js","sources":["../../../../src/components/CodeField/utils/handleItemError.ts"],"sourcesContent":["import { Dispatch, MutableRefObject, SetStateAction } from 'react';\n\nimport type { ItemErrorBehavior } from '../CodeField.types';\nimport { classes } from '../CodeField.tokens';\n\nimport { ANIMATION_TIMEOUT } from './constants';\n\ntype ValidateSymbolsArgs = {\n    currentSymbol: string;\n    itemErrorBehavior: ItemErrorBehavior;\n    index: number;\n    newCode: Array<string>;\n    inputRefs: MutableRefObject<Array<HTMLInputElement | null>>;\n    setCode: Dispatch<SetStateAction<Array<string>>>;\n    codeSetter: (newCode: Array<string>) => void;\n};\n\nexport const handleItemError = ({\n    currentSymbol,\n    itemErrorBehavior,\n    index,\n    newCode,\n    inputRefs,\n    setCode,\n    codeSetter,\n}: ValidateSymbolsArgs) => {\n    if (!inputRefs.current[index] || currentSymbol === ' ') {\n        return;\n    }\n\n    switch (itemErrorBehavior) {\n        case 'keep':\n            setCode(newCode);\n            inputRefs.current[index]?.classList.add(classes.itemError, classes.itemErrorAnimation);\n\n            setTimeout(() => {\n                inputRefs.current[index]?.classList.remove(classes.itemErrorAnimation);\n\n                setTimeout(() => inputRefs.current[index]?.setSelectionRange(0, 1), 0);\n            }, ANIMATION_TIMEOUT);\n\n            break;\n        case 'forbid-enter':\n            newCode[index] = '';\n            codeSetter(newCode);\n\n            break;\n        case 'remove-symbol':\n        default:\n            setCode(newCode);\n            inputRefs.current[index]?.classList.add(\n                classes.itemError,\n                classes.itemErrorFade,\n                classes.itemErrorAnimation,\n            );\n\n            setTimeout(() => {\n                const updatedCode = [...newCode];\n                updatedCode[index] = '';\n\n                codeSetter(updatedCode);\n\n                inputRefs.current[index]?.classList.remove(\n                    classes.itemError,\n                    classes.itemErrorFade,\n                    classes.itemErrorAnimation,\n                );\n            }, ANIMATION_TIMEOUT);\n    }\n};\n"],"names":["handleItemError","_ref","_inputRefs$current$in","_inputRefs$current$in4","currentSymbol","itemErrorBehavior","index","newCode","inputRefs","setCode","codeSetter","current","classList","add","classes","itemError","itemErrorAnimation","setTimeout","_inputRefs$current$in2","remove","_inputRefs$current$in3","setSelectionRange","ANIMATION_TIMEOUT","itemErrorFade","_inputRefs$current$in5","updatedCode","_toConsumableArray"],"mappings":"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"}
+{"version":3,"file":"handleItemError.js","sources":["../../../../src/components/CodeField/utils/handleItemError.ts"],"sourcesContent":["import { Dispatch, MutableRefObject, SetStateAction } from 'react';\n\nimport type { ItemErrorBehavior } from '../CodeField.types';\nimport { classes } from '../CodeField.tokens';\n\nimport { ANIMATION_TIMEOUT } from './constants';\n\ntype ValidateSymbolsArgs = {\n    currentSymbol: string;\n    itemErrorBehavior: ItemErrorBehavior;\n    index: number;\n    newCode: Array<string>;\n    inputRefs: MutableRefObject<Array<HTMLInputElement | null>>;\n    setInnerValue: Dispatch<SetStateAction<Array<string>>>;\n    codeSetter: (newCode: Array<string>) => void;\n    onChange?: (value: string) => void;\n};\n\nexport const handleItemError = ({\n    currentSymbol,\n    itemErrorBehavior,\n    index,\n    newCode,\n    inputRefs,\n    setInnerValue,\n    codeSetter,\n    onChange,\n}: ValidateSymbolsArgs) => {\n    if (!inputRefs.current[index] || currentSymbol === ' ') {\n        return;\n    }\n\n    switch (itemErrorBehavior) {\n        case 'keep':\n            setInnerValue(newCode);\n            if (onChange) {\n                onChange(newCode.join(''));\n            }\n\n            inputRefs.current[index]?.classList.add(classes.itemError, classes.itemErrorAnimation);\n\n            setTimeout(() => {\n                inputRefs.current[index]?.classList.remove(classes.itemErrorAnimation);\n\n                setTimeout(() => inputRefs.current[index]?.setSelectionRange(0, 1), 0);\n            }, ANIMATION_TIMEOUT);\n\n            break;\n        case 'forbid-enter':\n            newCode[index] = '';\n            codeSetter(newCode);\n            if (onChange) {\n                onChange(newCode.join(''));\n            }\n\n            break;\n        case 'remove-symbol':\n        default:\n            setInnerValue(newCode);\n            if (onChange) {\n                onChange(newCode.join(''));\n            }\n\n            inputRefs.current[index]?.classList.add(\n                classes.itemError,\n                classes.itemErrorFade,\n                classes.itemErrorAnimation,\n            );\n\n            setTimeout(() => {\n                const updatedCode = [...newCode];\n                updatedCode[index] = '';\n\n                codeSetter(updatedCode);\n\n                inputRefs.current[index]?.classList.remove(\n                    classes.itemError,\n                    classes.itemErrorFade,\n                    classes.itemErrorAnimation,\n                );\n            }, ANIMATION_TIMEOUT);\n    }\n};\n"],"names":["handleItemError","_ref","_inputRefs$current$in","_inputRefs$current$in4","currentSymbol","itemErrorBehavior","index","newCode","inputRefs","setInnerValue","codeSetter","onChange","current","join","classList","add","classes","itemError","itemErrorAnimation","setTimeout","_inputRefs$current$in2","remove","_inputRefs$current$in3","setSelectionRange","ANIMATION_TIMEOUT","itemErrorFade","_inputRefs$current$in5","updatedCode","_toConsumableArray"],"mappings":"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"}

package/es/components/CodeField/utils/isWebOTPSupported.js

@@ -0,0 +1,6 @@
+var isWebOTPSupported = function isWebOTPSupported() {
+  return typeof window !== 'undefined' && 'OTPCredential' in window && navigator.credentials && typeof navigator.credentials.get === 'function';
+};
+
+export { isWebOTPSupported };
+//# sourceMappingURL=isWebOTPSupported.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"isWebOTPSupported.js","sources":["../../../../src/components/CodeField/utils/isWebOTPSupported.ts"],"sourcesContent":["export const isWebOTPSupported = () => {\n    return (\n        typeof window !== 'undefined' &&\n        'OTPCredential' in window &&\n        navigator.credentials &&\n        typeof navigator.credentials.get === 'function'\n    );\n};\n"],"names":["isWebOTPSupported","window","navigator","credentials","get"],"mappings":"IAAaA,iBAAiB,GAAG,SAApBA,iBAAiBA,GAAS;EACnC,OACI,OAAOC,MAAM,KAAK,WAAW,IAC7B,eAAe,IAAIA,MAAM,IACzBC,SAAS,CAACC,WAAW,IACrB,OAAOD,SAAS,CAACC,WAAW,CAACC,GAAG,KAAK,UAAU,CAAA;AAEvD;;;;"}

package/es/components/Combobox/ComboboxNew/Combobox.css

@@ -68,6 +68,9 @@
 .TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding:var(--plasma-textfield__chip-padding);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);-webkit-scroll-snap-align:center;-moz-scroll-snap-align:center;-ms-scroll-snap-align:center;scroll-snap-align:center;-webkit-scroll-snap-stop:normal;-moz-scroll-snap-stop:normal;-ms-scroll-snap-stop:normal;scroll-snap-stop:normal;position:relative;}.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd.TextFieldChip_styles_14q069b_focusVisible__9f1b34fd:focus::before,.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
 .TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd{display:block;-webkit-flex:none;-ms-flex:none;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);color:var(--plasma-textfield-color);position:relative;}.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd.TextFieldChip_styles_14q069b_focusVisible__9f1b34fd:focus::before,.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd:after{content:',';}.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd:last-child:after{content:'';}
 
+.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding:var(--plasma-textfield__chip-padding);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);--plasma-chip-disabled-opacity:0.4;position:relative;}.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7.TextFieldChipNew_styles_y9tozi_focusVisible__d1734be7:focus::before,.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
+.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7{display:block;-webkit-flex:none;-ms-flex:none;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);color:var(--plasma-textfield-color);position:relative;}.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7.TextFieldChipNew_styles_y9tozi_focusVisible__d1734be7:focus::before,.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7:after{content:',';}.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7:last-child:after{content:'';}
+
 .TextField_1lzb2r1_bpunezx__7d079491{display:block;}
 
 .Target_styles_13wbfyq_s1wiuml6__487b4bb1{--plasma-textfield-color:var(--plasma-combobox-new-textfield-color);--plasma-textfield-clear-color:var(--plasma-combobox-new-textfield-color);--plasma-textfield-bg-color:var(--plasma-combobox-new-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-combobox-new-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-combobox-new-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-combobox-new-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-combobox-new-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-combobox-new-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-combobox-new-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-combobox-new-textfield-bg-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-combobox-new-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-combobox-new-textfield-placeholder-color-readonly);--plasma-textfield__caret-color:var(--plasma-combobox-new-textfield-caret-color);--plasma-textfield__placeholder-color:var(--plasma-combobox-new-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-combobox-new-textfield-placeholder-color-focus);--plasma-textfield__clear-placeholder-color:var(--plasma-combobox-new-textfield-clear-placeholder-color);--plasma-textfield__clear-placeholder-color-focus:var(--plasma-combobox-new-textfield-clear-placeholder-color-focus);--plasma-textfield__optional-color:var(--plasma-combobox-new-textfield-optional-color);--plasma-textfield-height:var(--plasma-combobox-new-textfield-height);--plasma-textfield-border-width:var(--plasma-combobox-new-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-textfield-padding:var(--plasma-combobox-new-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-combobox-new-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-combobox-new-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-combobox-new-textfield-right-content-margin);--plasma-textfield__right-content-with-hint-margin:var(--plasma-combobox-textfield-right-content-with-hint-margin);--plasma-textfield-content-right-wrapper-gap:var(--plasma-combobox-textfield-content-right-wrapper-gap);--plasma-textfield-content-right-wrapper-margin:var(--plasma-combobox-textfield-content-right-wrapper-margin);--plasma-textfield-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-textfield-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-textfield-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-combobox-new-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-combobox-new-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-combobox-new-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-combobox-new-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-combobox-new-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-combobox-new-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-combobox-new-textfield-content-right-slot-color-active);--plasma-textfield__label-color:var(--plasma-combobox-new-textfield-label-color);--plasma-textfield__label-color-readonly:var(--plasma-combobox-new-textfield-label-color-readonly);--plasma-textfield__label-offset:var(--plasma-combobox-new-textfield-label-offset);--plasma-textfield__clear-label-offset:var(--plasma-combobox-new-textfield-clear-label-offset);--plasma-textfield__label-font-family:var(--plasma-combobox-new-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-combobox-new-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-combobox-new-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-combobox-new-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-combobox-new-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-combobox-new-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-combobox-new-textfield-placement_inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-combobox-new-textfield-placement_inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-combobox-new-textfield-placement_inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-combobox-new-textfield-placement_inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-combobox-new-textfield-placement_inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-combobox-new-textfield-placement_inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-combobox-new-textfield-placement_inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-combobox-new-textfield-placement_inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-combobox-new-textfield-title-caption-color);--plasma-textfield__title-caption-color-readonly:var(--plasma-combobox-new-textfield-title-caption-color-readonly);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-combobox-new-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-combobox-new-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-combobox-new-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-combobox-new-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-combobox-new-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-combobox-new-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-combobox-new-textfield-title-caption-line-height);--plasma-textfield__left-helper-color:var(--plasma-combobox-new-textfield-left-helper-color);--plasma-textfield__left-helper-color-readonly:var(--plasma-combobox-new-textfield-left-helper-color-readonly);--plasma-textfield__left-helper-offset:var(--plasma-combobox-new-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-combobox-new-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-combobox-new-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-combobox-new-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-combobox-new-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-combobox-new-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-combobox-new-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-combobox-new-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-combobox-new-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-combobox-new-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-combobox-new-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-combobox-new-textfield-disabled-opacity);--plasma-textfield__hint-custom-icon-target-size:var(--plasma-combobox-textfield__hint-custom-icon-target-size);--plasma-textfield__hint-margin:var(--plasma-combobox-textfield__hint-margin);--plasma-textfield__hint-target-size:var(--plasma-combobox-textfield__hint-target-size);--plasma-textfield__hint-icon-color:var(--plasma-combobox-textfield__hint-icon-color);--plasma-textfield__hint-inner-label-placement-offset:var(--plasma-combobox-textfield__hint-inner-label-placement-offset);--plasma-textfield__clear-hint-inner-label-placement-offset:var(--plasma-combobox-textfield__clear-hint-inner-label-placement-offset);--plasma-textfield__tooltip-background-color:var(--plasma-combobox-textfield__tooltip-background-color);--plasma-textfield__tooltip-box-shadow:var(--plasma-combobox-textfield__tooltip-box-shadow);--plasma-textfield__tooltip-color:var(--plasma-combobox-textfield__tooltip-color);--plasma-textfield__tooltip-padding-top:var(--plasma-combobox-textfield__tooltip-padding-top);--plasma-textfield__tooltip-padding-right:var(--plasma-combobox-textfield__tooltip-padding-right);--plasma-textfield__tooltip-padding-bottom:var(--plasma-combobox-textfield__tooltip-padding-bottom);--plasma-textfield__tooltip-padding-left:var(--plasma-combobox-textfield__tooltip-padding-left);--plasma-textfield__tooltip-min-height:var(--plasma-combobox-textfield__tooltip-min-height);--plasma-textfield__tooltip-border-radius:var(--plasma-combobox-textfield__tooltip-border-radius);--plasma-textfield__tooltip-text-font-family:var(--plasma-combobox-textfield__tooltip-text-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-combobox-textfield__tooltip-text-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-combobox-textfield__tooltip-text-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-combobox-textfield__tooltip-text-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-combobox-textfield__tooltip-text-font-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-combobox-textfield__tooltip-text-font-line-height);--plasma-textfield__tooltip-content-left-margin:var(--plasma-combobox-textfield__tooltip-content-left-margin);--plasma-textfield__tooltip-arrow-mask-width:var(--plasma-combobox-textfield__tooltip-arrow-mask-width);--plasma-textfield__tooltip-arrow-mask-height:var(--plasma-combobox-textfield__tooltip-arrow-mask-height);--plasma-textfield__tooltip-arrow-mask-image:var(--plasma-combobox-textfield__tooltip-arrow-mask-image);--plasma-textfield__tooltip-arrow-height:var(--plasma-combobox-textfield__tooltip-arrow-height);--plasma-textfield__tooltip-arrow-edge-margin:var(--plasma-combobox-textfield__tooltip-arrow-edge-margin);--plasma-textfield__tooltip-arrow-background:var(--plasma-combobox-textfield__tooltip-arrow-background);--plasma-textfield__chip-height:var(--plasma-combobox-new-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-combobox-new-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-combobox-new-textfield-chip-gap);--plasma-textfield__chip-background:var(--plasma-combobox-new-textfield--chip-background);--plasma-textfield__chip-color:var(--plasma-combobox-new-textfield-chip-color);--plasma-textfield__chip-background-hover:var(--plasma-combobox-new-textfield-chip-background-hover);--plasma-textfield__chip-color-hover:var(--plasma-combobox-new-textfield-chip-color-hover);--plasma-textfield__chip-background-readonly:var(--plasma-combobox-new-textfield-chip-background-read-only);--plasma-textfield__chip-color-readonly:var(--plasma-combobox-new-textfield-chip-color-read-only);--plasma-textfield__chip-background-readonly-hover:var(--plasma-combobox-new-textfield-chip-background-read-only-hover);--plasma-textfield__chip-color-readonly-hover:var(--plasma-combobox-new-textfield-chip-color-read-only-hover);--plasma-textfield__chip-background-active:var(--plasma-combobox-new-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-combobox-new-textfield-chip-color-active);--plasma-textfield__chip-close-icon-color:var(--plasma-combobox-new-textfield-chip-close-icons-color);--plasma-textfield__chip-outline-size:var(--plasma-combobox-new-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-combobox-new-textfield-chip-width);--plasma-textfield__chip-padding:var(--plasma-combobox-new-textfield-chip-padding);--plasma-textfield__chip-close-icon-size:var(--plasma-combobox-new-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-combobox-new-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-combobox-new-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-combobox-new-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-combobox-new-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-combobox-new-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-combobox-new-textfield-chip-line-height);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-combobox-new-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-combobox-new-textfield-chip-clear-content-margin-right);--plasma-textfield__chip-opacity-readonly:var(--plasma-combobox-new-textfield-chip-opacity-readonly);--plasma-textfield-focus-color:var(--plasma-combobox-new-textfield-focus-color);--plasma-textfield__indicator-color:var(--plasma-combobox-new-textfield-indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-combobox-new-textfield-indicator-size-inner);--plasma-textfield__indicator-size-outer:var(--plasma-combobox-new-textfield-indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-combobox-new-textfield-indicator-placement-inner);--plasma-textfield__indicator-placement-outer:var(--plasma-combobox-new-textfield-indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-combobox-new-textfield-indicator-placement-inner-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-combobox-new-textfield-indicator-placement-outer-right);--plasma-textfield__clear-indicator-placement-inner:var(--plasma-combobox-new-textfield-clear-indicator-placement-inner);--plasma-textfield__clear-indicator-placement-inner-right:var(--plasma-combobox-new-textfield-clear-indicator-placement-inner-right);--plasma-textfield__clear-indicator-hint-placement-inner-right:var(--plasma-combobox-new-textfield-clear-indicator-hint-placement-inner-right);--plasma-textfield-box-shadow:var(--plasma-select-textfield-box-shadow);}

package/es/components/Combobox/ComboboxNew/Combobox.js

@@ -1,4 +1,4 @@
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, typeof as _typeof, toConsumableArray as _toConsumableArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, typeof as _typeof } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef, useMemo, useState, useRef, useReducer, useLayoutEffect } from 'react';
 import { useForkRef } from '@salutejs/plasma-core';
 import { classes } from './Combobox.tokens.js';
@@ -28,7 +28,6 @@ import { getItemId } from './utils/getItemId.js';
 import { SelectAll } from './ui/SelectAll/SelectAll.js';
 import { VirtualList } from './ui/VirtualList/VirtualList.js';
 import { Inner } from './ui/Inner/Inner.js';
-import { getRemovedElement } from './utils/getRemovedElement.js';
 
 var _excluded = ["name", "multiple", "value", "onChange", "defaultValue", "isTargetAmount", "targetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listMaxHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "keepPlaceholder", "readOnly", "disabled", "alwaysOpened", "filter", "closeAfterSelect", "renderValue", "zIndex", "beforeList", "afterList", "virtual", "hintView", "hintSize", "emptyStateDescription", "onChangeValue", "onScroll", "onToggle", "mode", "_offset"];
 
@@ -97,10 +96,9 @@ var comboboxRoot = function comboboxRoot(Root) {
     var _useMemo = useMemo(function () {
         return getTreeMaps(transformedItems);
       }, [items]),
-      _useMemo2 = _slicedToArray(_useMemo, 3),
+      _useMemo2 = _slicedToArray(_useMemo, 2),
       valueToCheckedMap = _useMemo2[0],
-      valueToItemMap = _useMemo2[1],
-      labelToItemMap = _useMemo2[2];
+      valueToItemMap = _useMemo2[1];
     var _useState = useState(getTextValue(multiple, outerValue, valueToItemMap, renderValue)),
       _useState2 = _slicedToArray(_useState, 2),
       textValue = _useState2[0],
@@ -110,6 +108,7 @@ var comboboxRoot = function comboboxRoot(Root) {
       internalValue = _useState4[0],
       setInternalValue = _useState4[1];
     var value = outerValue !== null && outerValue !== undefined ? outerValue : internalValue;
+    var rootRef = useRef(null);
     var inputRef = useRef(null);
     var floatingPopoverRef = useRef(null);
     var inputForkRef = useForkRef(inputRef, ref);
@@ -149,15 +148,7 @@ var comboboxRoot = function comboboxRoot(Root) {
       if (!isCurrentListOpen || alwaysOpened) {
         return;
       }
-      dispatchPath({
-        type: 'reset'
-      });
-      dispatchFocusedPath({
-        type: 'reset'
-      });
-      if (onToggle) {
-        onToggle(false);
-      }
+      handleListToggle(false);
 
       // Возвращаем актуальное значение поля ввода после закрытия выпадающего списка.
       setTextValue(getTextValue(multiple, value, valueToItemMap, renderValue));
@@ -206,40 +197,18 @@ var comboboxRoot = function comboboxRoot(Root) {
     };
 
     // Обработчик чипов
-    var handleChipsChange = function handleChipsChange(chipLabels) {
+    var handleChipClick = function handleChipClick(chip) {
       if (!Array.isArray(value)) return;
-
-      // TODO: #1564
-      // Из лейблов чипов получаем value у item и далее прокидываем его в onChange.
-      if (renderValue && !isTargetAmount) {
-        var resultValues = _toConsumableArray(value);
-        value.forEach(function (_, index) {
+      if (isTargetAmount) {
+        // При закрытии чипа в режиме isTargetAmount в value оставляем только disabled-элементы
+        onChange(value.filter(function (val) {
           var _valueToItemMap$get;
-          var stringValue = value[index];
-          var label = (_valueToItemMap$get = valueToItemMap.get(stringValue)) === null || _valueToItemMap$get === void 0 ? void 0 : _valueToItemMap$get.label;
-          var labelAfterRenderValue = renderValue(label ? labelToItemMap.get(label) : {
-            value: stringValue,
-            label: stringValue.toString()
-          });
-          if (!chipLabels.includes(labelAfterRenderValue)) {
-            resultValues.splice(index, 1);
-          }
-        });
-        var removedItemValue = getRemovedElement(value, resultValues, isTargetAmount);
-        onChange(resultValues, removedItemValue ? valueToItemMap.get(removedItemValue) || {
-          value: removedItemValue,
-          label: removedItemValue.toString()
-        } : null);
+          return valueToItemMap === null || valueToItemMap === void 0 || (_valueToItemMap$get = valueToItemMap.get(val)) === null || _valueToItemMap$get === void 0 ? void 0 : _valueToItemMap$get.disabled;
+        }));
       } else {
-        var newValues = chipLabels.map(function (chipLabel) {
-          var _labelToItemMap$get;
-          return ((_labelToItemMap$get = labelToItemMap.get(chipLabel)) === null || _labelToItemMap$get === void 0 ? void 0 : _labelToItemMap$get.value) || chipLabel;
-        });
-        var _removedItemValue = getRemovedElement(value, newValues, isTargetAmount);
-        onChange(newValues, _removedItemValue ? valueToItemMap.get(_removedItemValue) || {
-          value: _removedItemValue,
-          label: _removedItemValue.toString()
-        } : null);
+        onChange(value.filter(function (val) {
+          return val !== chip.value;
+        }), valueToItemMap.get(chip.value) || null);
       }
     };
 
@@ -253,12 +222,19 @@ var comboboxRoot = function comboboxRoot(Root) {
           type: 'opened_first_level'
         });
       } else {
+        var _rootRef$current;
         dispatchFocusedPath({
           type: 'reset'
         });
         dispatchPath({
           type: 'reset'
         });
+
+        // Скроллим чипы к левому краю при закрытии компонента
+        var el = rootRef === null || rootRef === void 0 || (_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.querySelector('.input-scrollable-wrapper');
+        if (multiple && value.length > 0 && el) {
+          el.scrollLeft = 0;
+        }
       }
       if (onToggle) {
         onToggle(opened);
@@ -271,14 +247,28 @@ var comboboxRoot = function comboboxRoot(Root) {
         return;
       }
       var checkedCopy = new Map(checked);
-      if (!checkedCopy.get(item.value)) {
-        checkedCopy.set(item.value, true);
-        updateDescendants(item, checkedCopy, true, valueToItemMap);
-      } else {
-        checkedCopy.set(item.value, false);
-        updateDescendants(item, checkedCopy, false);
+      switch (checkedCopy.get(item.value)) {
+        // Если чекбокс в состоянии indeterminate
+        case 'indeterminate':
+          {
+            updateDescendants(item, checkedCopy, true, valueToItemMap);
+            break;
+          }
+        // Если чекбокс в состоянии checked
+        case true:
+          {
+            updateDescendants(item, checkedCopy, false, valueToItemMap);
+            checkedCopy.set(item.value, false);
+            break;
+          }
+        // Если чекбокс в состоянии unchecked
+        case false:
+          {
+            updateDescendants(item, checkedCopy, true, valueToItemMap);
+            checkedCopy.set(item.value, true);
+            break;
+          }
       }
-      updateAncestors(item, checkedCopy);
       var newValues = [];
       valueToItemMap.forEach(function (item, key) {
         if (checkedCopy.get(key)) {
@@ -348,19 +338,27 @@ var comboboxRoot = function comboboxRoot(Root) {
       if (multiple && Array.isArray(value)) {
         if (value.length === 0) return [];
         if (isTargetAmount) {
-          return ["\u0412\u044B\u0431\u0440\u0430\u043D\u043E ".concat(targetAmount || value.length)];
+          return [{
+            value: '_removeAll',
+            label: "\u0412\u044B\u0431\u0440\u0430\u043D\u043E ".concat(targetAmount || value.length),
+            disabled: value.every(function (val) {
+              var _valueToItemMap$get2;
+              return valueToItemMap === null || valueToItemMap === void 0 || (_valueToItemMap$get2 = valueToItemMap.get(val)) === null || _valueToItemMap$get2 === void 0 ? void 0 : _valueToItemMap$get2.disabled;
+            })
+          }];
         }
-        var renderValueMapper = renderValue && function (stringValue) {
-          return renderValue(valueToItemMap.get(stringValue) || {
-            value: stringValue,
-            label: stringValue.toString()
-          });
-        };
-        var valueToItemMapper = function valueToItemMapper(stringValue) {
-          var _valueToItemMap$get2;
-          return ((_valueToItemMap$get2 = valueToItemMap.get(stringValue)) === null || _valueToItemMap$get2 === void 0 ? void 0 : _valueToItemMap$get2.label) || stringValue.toString();
-        };
-        return value.map(renderValueMapper || valueToItemMapper);
+        return value.map(function (value) {
+          var _valueToItemMap$get3, _valueToItemMap$get4;
+          var currentLabel = renderValue ? renderValue(valueToItemMap.get(value) || {
+            value: value,
+            label: value
+          }) : ((_valueToItemMap$get3 = valueToItemMap.get(value)) === null || _valueToItemMap$get3 === void 0 ? void 0 : _valueToItemMap$get3.label) || value.toString();
+          return {
+            value: value,
+            label: currentLabel,
+            disabled: ((_valueToItemMap$get4 = valueToItemMap.get(value)) === null || _valueToItemMap$get4 === void 0 ? void 0 : _valueToItemMap$get4.disabled) || false
+          };
+        });
       }
       return [];
     };
@@ -441,7 +439,8 @@ var comboboxRoot = function comboboxRoot(Root) {
       readOnly: readOnly,
       name: name,
       hintView: hintView,
-      hintSize: hintSize
+      hintSize: hintSize,
+      ref: rootRef
     }, name && /*#__PURE__*/React.createElement(SelectNative, {
       items: valueToItemMap,
       name: name,
@@ -512,8 +511,8 @@ var comboboxRoot = function comboboxRoot(Root) {
           keepPlaceholder: keepPlaceholder
         }, multiple ? {
           enumerationType: 'chip',
-          chips: getChips(),
-          onChangeChips: handleChipsChange
+          _chips: getChips(),
+          _onChipClick: handleChipClick
         } : {
           enumerationType: 'plain'
         }, rest, {