@salutejs/plasma-new-hope 0.193.1-canary.1561.11839785759.0 → 0.194.0-canary.1552.11858023676.0

package/emotion/es/examples/plasma_web/components/Select/Select.stories.tsx

@@ -79,24 +79,6 @@ const meta: Meta<StorySelectProps> = {
                 eq: 'textfield-like',
             },
         },
-        requiredPlacement: {
-            options: ['left', 'right'],
-            control: {
-                type: 'select',
-            },
-        },
-        required: {
-            control: {
-                type: 'boolean',
-            },
-            if: { arg: 'optional', truthy: false },
-        },
-        optional: {
-            control: {
-                type: 'boolean',
-            },
-            if: { arg: 'required', truthy: false },
-        },
     },
     args: {
         target: 'textfield-like',
@@ -111,9 +93,6 @@ const meta: Meta<StorySelectProps> = {
         isTargetAmount: false,
         variant: 'normal',
         disabled: false,
-        optional: false,
-        required: false,
-        requiredPlacement: 'right',
     },
     parameters: {
         controls: {
@@ -134,9 +113,6 @@ const meta: Meta<StorySelectProps> = {
                 'listWidth',
                 'listOverflow',
                 'listHeight',
-                'optional',
-                'required',
-                'requiredPlacement',
             ],
         },
     },

package/emotion/es/utils/createEvent.js

@@ -0,0 +1,47 @@
+export var createEvent = function createEvent(ref) {
+  if (ref.current) {
+    var event = new Event('change', {
+      bubbles: true
+    });
+    Object.defineProperty(event, 'target', {
+      writable: false,
+      value: ref.current
+    });
+    var syntheticEvent = createSyntheticEvent(event);
+    return syntheticEvent;
+  }
+  return null;
+};
+var createSyntheticEvent = function createSyntheticEvent(event) {
+  var _isDefaultPrevented = false;
+  var _isPropagationStopped = false;
+  var preventDefault = function preventDefault() {
+    _isDefaultPrevented = true;
+    event.preventDefault();
+  };
+  var stopPropagation = function stopPropagation() {
+    _isPropagationStopped = true;
+    event.stopPropagation();
+  };
+  return {
+    nativeEvent: event,
+    currentTarget: event.currentTarget,
+    target: event.target,
+    bubbles: event.bubbles,
+    cancelable: event.cancelable,
+    defaultPrevented: event.defaultPrevented,
+    eventPhase: event.eventPhase,
+    isTrusted: event.isTrusted,
+    preventDefault: preventDefault,
+    isDefaultPrevented: function isDefaultPrevented() {
+      return _isDefaultPrevented;
+    },
+    stopPropagation: stopPropagation,
+    isPropagationStopped: function isPropagationStopped() {
+      return _isPropagationStopped;
+    },
+    persist: function persist() {},
+    timeStamp: event.timeStamp,
+    type: event.type
+  };
+};

package/emotion/es/utils/index.js

@@ -5,6 +5,7 @@ export { IS_REACT_18, safeUseId } from './react';
 export { isNumber } from './isNumber';
 export { mergeRefs, setRefList } from './setRefList';
 export { isEmpty } from './isEmpty';
+export { createEvent } from './createEvent';
 import * as _constants from './constants';
 export { _constants as constants };
 export * from './getPopoverPlacement';

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

@@ -156,3 +156,5 @@
 
 
 .Combobox_styles_18a8p75_s11cn92k__ba048029{--plasma-emptystate-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-emptystate-padding:var(--plasma-combobox-new-empty-state-padding);--plasma-emptystate-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-emptystate-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-emptystate-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-emptystate-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-emptystate-font-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-emptystate-font-line-height:var(--plasma-combobox-new-textfield-line-height);}
+
+.SelectNative_styles_18yw2bf_st8j5fy__14a96fe5{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}

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

@@ -1,5 +1,5 @@
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useMemo, useState, useRef, useReducer, useLayoutEffect, createContext } from 'react';
+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, useEffect, createContext } from 'react';
 import { useForkRef, safeUseId } from '@salutejs/plasma-core';
 import { classes } from './Combobox.tokens.js';
 import { FloatingPopover } from './FloatingPopover.js';
@@ -8,6 +8,7 @@ import { getTreeMaps, getPathMap } from './hooks/getPathMaps.js';
 import { IconArrowWrapper, StyledArrow, Ul, StyledEmptyState, base } from './Combobox.styles.js';
 import { base as base$1 } from './variations/_view/base.js';
 import { base as base$2 } from './variations/_size/base.js';
+import { SelectNative } from './ui/SelectNative/SelectNative.js';
 import { initialItemsTransform } from './utils/initialItemsTransform.js';
 import { getInitialValue } from './utils/getInitialValue.js';
 import { filterItems } from './utils/filterItems.js';
@@ -23,18 +24,21 @@ import { sizeToIconSize } from '../../Select/utils/sizeToIconSize.js';
 import { getItemId } from './utils/getItemId.js';
 import { Inner } from './ui/Inner/Inner.js';
 
-var _excluded = ["multiple", "value", "onChange", "isTargetAmount", "targetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "readOnly", "disabled", "alwaysOpened", "filter", "closeAfterSelect", "renderValue"];
+var _excluded = ["name", "multiple", "value", "onChange", "defaultValue", "isTargetAmount", "targetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "readOnly", "disabled", "alwaysOpened", "filter", "closeAfterSelect", "renderValue"];
 var Context = /*#__PURE__*/createContext({});
 
 /**
  * Поле ввода с выпадающим списком и возможностью фильтрации и выбора элементов.
  */
+
 var comboboxRoot = function comboboxRoot(Root) {
   return /*#__PURE__*/forwardRef(function (props, ref) {
     var _valueToItemMap$get, _valueToItemMap$get2, _getItemByFocused;
-    var multiple = props.multiple,
+    var name = props.name,
+      multiple = props.multiple,
       outerValue = props.value,
       outerOnChange = props.onChange,
+      defaultValue = props.defaultValue,
       isTargetAmount = props.isTargetAmount,
       targetAmount = props.targetAmount,
       items = props.items,
@@ -66,6 +70,7 @@ var comboboxRoot = function comboboxRoot(Root) {
       outerCloseAfterSelect = props.closeAfterSelect,
       renderValue = props.renderValue,
       rest = _objectWithoutProperties(props, _excluded);
+    console.log('render');
     var transformedItems = useMemo(function () {
       return initialItemsTransform(items || []);
     }, [items]);
@@ -141,11 +146,27 @@ var comboboxRoot = function comboboxRoot(Root) {
         }
       }
     }, floatingPopoverRef);
+
+    // Эта функция срабатывает при изменении Combobox и
+    // при изменении нативного Select для формы (срабатывает только после изменения internalValue и рендера).
     var onChange = function onChange(newValue) {
+      // Условие для отправки изменений наружу
       if (outerOnChange) {
-        outerOnChange(newValue);
+        // Условие для отправки если комбобокс используется без формы.
+        if (!name && (typeof newValue === 'string' || Array.isArray(newValue))) {
+          outerOnChange(newValue);
+        }
+
+        // Условие для отправки если комбобокс используется с формой.
+        if (name && _typeof(newValue) === 'object' && !Array.isArray(newValue)) {
+          outerOnChange(newValue);
+        }
+      }
+
+      // Условие для изменения внутреннего значения (только если newValue строка или массив строк).
+      if (typeof newValue === 'string' || Array.isArray(newValue)) {
+        setInternalValue(newValue);
       }
-      setInternalValue(newValue);
     };
     var handleClickArrow = function handleClickArrow() {
       if (disabled || readOnly) {
@@ -333,13 +354,24 @@ var comboboxRoot = function comboboxRoot(Root) {
       // Т.к. вначале нужно отфильтровать и провалидировать outerValue и результат положить в переменную.
       // А переменную, содержащую сложные типы данных, нельзя помещать в deps.
     }, [outerValue, internalValue, items]);
+    useEffect(function () {
+      if (defaultValue) {
+        setInternalValue(defaultValue);
+      }
+    }, [defaultValue]);
     return /*#__PURE__*/React.createElement(Root, {
       size: size,
       view: view,
       labelPlacement: labelPlacement,
       disabled: disabled,
       readOnly: readOnly
-    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Context.Provider, {
+    }, name && /*#__PURE__*/React.createElement(SelectNative, {
+      name: name,
+      value: internalValue,
+      multiple: multiple,
+      onChange: onChange,
+      ref: ref
+    }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Context.Provider, {
       value: {
         focusedPath: focusedPath,
         checked: checked,
@@ -363,7 +395,7 @@ var comboboxRoot = function comboboxRoot(Root) {
       listWidth: listWidth,
       target: function target(referenceRef) {
         return /*#__PURE__*/React.createElement(StyledTextField, _extends({
-          ref: inputForkRef,
+          ref: name ? inputRef : inputForkRef,
           inputWrapperRef: referenceRef,
           value: textValue,
           onChange: handleTextValueChange,

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

@@ -1 +1 @@
-{"version":3,"file":"Combobox.js","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"sourcesContent":["import React, { forwardRef, useState, useReducer, useMemo, createContext, useLayoutEffect, useRef } from 'react';\nimport type { ChangeEvent } from 'react';\nimport { safeUseId, useForkRef } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../../engines';\nimport { isEmpty } from '../../../utils';\nimport { useOutsideClick } from '../../../hooks';\nimport { sizeToIconSize } from '../../Select/utils';\n\nimport { classes } from './Combobox.tokens';\nimport { FloatingPopover } from './FloatingPopover';\nimport { useKeyNavigation, getItemByFocused } from './hooks/useKeyboardNavigation';\nimport {\n    initialItemsTransform,\n    updateAncestors,\n    updateDescendants,\n    updateSingleAncestors,\n    filterItems,\n    getItemId,\n    getInitialValue,\n} from './utils';\nimport { Inner, StyledTextField } from './ui';\nimport { pathReducer, focusedPathReducer } from './reducers';\nimport { getPathMap, getTreeMaps } from './hooks/getPathMaps';\nimport { Ul, base, StyledArrow, IconArrowWrapper, StyledEmptyState } from './Combobox.styles';\nimport type { ItemContext, ComboboxProps } from './Combobox.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport type { ItemOptionTransformed } from './ui/Inner/ui/Item/Item.types';\n\nexport const Context = createContext<ItemContext>({} as ItemContext);\n\n/**\n * Поле ввода с выпадающим списком и возможностью фильтрации и выбора элементов.\n */\nexport const comboboxRoot = (Root: RootProps<HTMLInputElement, Omit<ComboboxProps, 'items'>>) =>\n    forwardRef<HTMLInputElement, ComboboxProps>((props, ref) => {\n        const {\n            multiple,\n            value: outerValue,\n            onChange: outerOnChange,\n            isTargetAmount,\n            targetAmount,\n            items,\n            placement = 'bottom-start',\n            label,\n            placeholder,\n            helperText,\n            contentLeft,\n            textBefore,\n            textAfter,\n            variant = 'normal',\n            listOverflow,\n            listHeight,\n            listWidth,\n            portal,\n            renderItem,\n            view,\n            size,\n            labelPlacement,\n            readOnly = false,\n            disabled = false,\n            alwaysOpened = false,\n            filter,\n            closeAfterSelect: outerCloseAfterSelect,\n            renderValue,\n            ...rest\n        } = props;\n        const transformedItems = useMemo(() => initialItemsTransform(items || []), [items]);\n\n        // Создаем структуры для быстрой работы с деревом\n        const [valueToCheckedMap, valueToItemMap, labelToItemMap] = useMemo(() => getTreeMaps(transformedItems), [\n            items,\n        ]);\n\n        const [textValue, setTextValue] = useState(valueToItemMap.get(outerValue as string)?.label || '');\n        const [internalValue, setInternalValue] = useState<string | string[]>(multiple ? [] : '');\n\n        const value =\n            outerValue !== null && outerValue !== undefined\n                ? getInitialValue(outerValue, valueToItemMap)\n                : internalValue;\n\n        const inputRef = useRef<HTMLInputElement>(null);\n        const floatingPopoverRef = useRef<HTMLDivElement>(null);\n        const inputForkRef = useForkRef(inputRef, ref);\n        const treeId = safeUseId();\n\n        const filteredItems = filterItems(\n            transformedItems,\n            textValue,\n            valueToItemMap.get(value as string)?.label as string,\n            filter,\n        );\n\n        const [pathMap, focusedToValueMap] = useMemo(() => getPathMap(filteredItems), [filteredItems, textValue]);\n\n        // Состояния дерева элементов\n        const [path, dispatchPath] = useReducer(pathReducer, []);\n        const [focusedPath, dispatchFocusedPath] = useReducer(focusedPathReducer, []);\n        const [checked, setChecked] = useState(valueToCheckedMap);\n\n        const isCurrentListOpen = alwaysOpened || Boolean(path[0]);\n        const activeDescendantItemValue = getItemByFocused(focusedPath, focusedToValueMap)?.value || '';\n        const withArrowInverse = isCurrentListOpen ? classes.arrowInverse : undefined;\n        const closeAfterSelect = outerCloseAfterSelect ?? !multiple;\n\n        // Логика работы при клике за пределами выпадающего списка\n        const targetRef = useOutsideClick<HTMLUListElement>(() => {\n            if (!isCurrentListOpen) {\n                return;\n            }\n\n            dispatchPath({ type: 'reset' });\n            dispatchFocusedPath({ type: 'reset' });\n\n            // Проверяем, отличается ли значение в инпуте от выбранного value после закрытия дропдауна.\n            // Если изменилось, то возвращаем label выбранного айтема.\n            // Если нет выбранного элемента, то стираем значение инпута.\n            if (textValue !== value) {\n                if (isEmpty(value)) {\n                    setTextValue('');\n                } else {\n                    setTextValue(valueToItemMap.get(value as string)?.label || '');\n                }\n            }\n        }, floatingPopoverRef);\n\n        const onChange = (newValue: string | Array<string>) => {\n            if (outerOnChange) {\n                outerOnChange(newValue as any);\n            }\n\n            setInternalValue(newValue);\n        };\n\n        const handleClickArrow = () => {\n            if (disabled || readOnly) {\n                return;\n            }\n\n            if (isCurrentListOpen) {\n                dispatchPath({ type: 'reset' });\n            } else {\n                dispatchPath({ type: 'opened_first_level' });\n            }\n\n            dispatchFocusedPath({ type: 'reset' });\n        };\n\n        // Обработчик изменения значения в инпуте\n        const handleTextValueChange = (e: ChangeEvent<HTMLInputElement>) => {\n            setTextValue(e.target.value);\n            dispatchPath({ type: 'opened_first_level' });\n            dispatchFocusedPath({ type: 'reset' });\n        };\n\n        // Обработчик чипов\n        const handleChipsChange = (chipLabels: any[]) => {\n            onChange(chipLabels.map((chipLabel) => labelToItemMap.get(chipLabel)!.value));\n        };\n\n        // Обработчик открытия/закрытия выпадающего списка\n        const handleListToggle = (opened: boolean) => {\n            if (disabled || readOnly) {\n                return;\n            }\n\n            if (opened) {\n                dispatchPath({ type: 'opened_first_level' });\n            } else {\n                dispatchFocusedPath({ type: 'reset' });\n                dispatchPath({ type: 'reset' });\n            }\n        };\n\n        // Обработчик выбора чекбоксов (только при multiple)\n        const handleCheckboxChange = (item: ItemOptionTransformed) => {\n            if (!multiple) {\n                return;\n            }\n\n            const checkedCopy = new Map(checked);\n\n            if (!checkedCopy.get(item.value)) {\n                checkedCopy.set(item.value, true);\n                updateDescendants(item, checkedCopy, true);\n            } else {\n                checkedCopy.set(item.value, false);\n                updateDescendants(item, checkedCopy, false);\n            }\n\n            updateAncestors(item, checkedCopy);\n\n            const newValues: Array<string> = [];\n\n            valueToItemMap.forEach((item, key) => {\n                if (checkedCopy.get(key)) {\n                    newValues.push(item.value);\n                }\n            });\n\n            if (!alwaysOpened && closeAfterSelect) {\n                dispatchPath({ type: 'reset' });\n                dispatchFocusedPath({ type: 'reset' });\n            }\n\n            if (onChange) {\n                onChange(newValues);\n            }\n\n            // После выбора/снятия чекбокса скроллим к инпуту\n            setTimeout(() => {\n                if (inputRef.current) {\n                    inputRef.current.scrollIntoView({\n                        behavior: 'smooth',\n                        inline: 'start',\n                    });\n                }\n            }, 1);\n        };\n\n        // Обработчик клика по айтему выпадающего списка\n        const handleItemClick = (item: ItemOptionTransformed, e?: React.MouseEvent<HTMLElement>) => {\n            if (!isEmpty(item?.items)) {\n                return;\n            }\n\n            if (multiple) {\n                handleCheckboxChange(item);\n                return;\n            }\n\n            if (e) {\n                e.stopPropagation();\n            }\n\n            const isCurrentChecked = checked.get(item.value);\n\n            if (!alwaysOpened && closeAfterSelect) {\n                dispatchPath({ type: 'reset' });\n                dispatchFocusedPath({ type: 'reset' });\n            }\n\n            if (onChange) {\n                onChange(isCurrentChecked ? '' : item.value);\n            }\n        };\n\n        const getChips = (): string[] => {\n            if (multiple && Array.isArray(value)) {\n                if (value.length === 0) return [];\n\n                if (isTargetAmount) {\n                    return [`Выбрано ${targetAmount || value.length}`];\n                }\n\n                const renderValueMapper =\n                    renderValue && ((stringValue: string) => renderValue(valueToItemMap.get(stringValue)!));\n                const valueToItemMapper = (stringValue: string) => valueToItemMap.get(stringValue)!.label;\n\n                return value.map(renderValueMapper || valueToItemMapper);\n            }\n\n            return [];\n        };\n\n        const handlePressDown = (item: ItemOptionTransformed, e?: React.MouseEvent<HTMLElement>) => {\n            if (isEmpty(item.items)) {\n                handleItemClick(item, e);\n            } else if (multiple) {\n                handleCheckboxChange(item);\n            }\n        };\n\n        const { onKeyDown } = useKeyNavigation({\n            focusedPath,\n            dispatchFocusedPath,\n            path,\n            dispatchPath,\n            pathMap,\n            focusedToValueMap,\n            handleListToggle,\n            handlePressDown,\n            setTextValue,\n        });\n\n        // В данном эффекте мы следим за изменениями value снаружи и вносим коррективы в дерево чекбоксов.\n        // Пример: когда юзер очистил value извне, тогда нужно пройтись по элементам и выключить все чекбоксы.\n        useLayoutEffect(() => {\n            const checkedCopy = new Map(checked);\n\n            checkedCopy.forEach((_, key) => {\n                checkedCopy.set(key, false);\n            });\n\n            if (!isEmpty(value)) {\n                if (Array.isArray(value)) {\n                    value.forEach((val) => {\n                        checkedCopy.set(val, true);\n                        updateDescendants(valueToItemMap.get(val)!, checkedCopy, true);\n                        updateAncestors(valueToItemMap.get(val)!, checkedCopy);\n                    });\n                } else {\n                    checkedCopy.set(value, 'done');\n                    updateSingleAncestors(valueToItemMap.get(value)!, checkedCopy, 'dot');\n                }\n            }\n\n            setChecked(checkedCopy);\n\n            setTextValue(valueToItemMap.get(value as string)?.label || '');\n\n            // В deps мы кладем именно outerValue и internalValue, а не просто value.\n            // Т.к. вначале нужно отфильтровать и провалидировать outerValue и результат положить в переменную.\n            // А переменную, содержащую сложные типы данных, нельзя помещать в deps.\n        }, [outerValue, internalValue, items]);\n\n        return (\n            <Root size={size} view={view} labelPlacement={labelPlacement} disabled={disabled} readOnly={readOnly}>\n                <div>\n                    <Context.Provider\n                        value={{\n                            focusedPath,\n                            checked,\n                            multiple,\n                            size,\n                            handleCheckboxChange,\n                            handleItemClick,\n                            variant,\n                            renderItem,\n                            valueToItemMap,\n                            treeId,\n                        }}\n                    >\n                        <FloatingPopover\n                            ref={floatingPopoverRef}\n                            opened={isCurrentListOpen}\n                            onToggle={(opened: boolean) => opened && handleListToggle(true)}\n                            placement={placement}\n                            portal={portal}\n                            listWidth={listWidth}\n                            target={(referenceRef) => (\n                                <StyledTextField\n                                    ref={inputForkRef}\n                                    inputWrapperRef={referenceRef}\n                                    value={textValue}\n                                    onChange={handleTextValueChange}\n                                    size={size}\n                                    view={view}\n                                    labelPlacement={labelPlacement}\n                                    disabled={disabled}\n                                    readOnly={readOnly}\n                                    label={label}\n                                    placeholder={placeholder}\n                                    contentLeft={contentLeft}\n                                    contentRight={\n                                        <IconArrowWrapper disabled={disabled} onClick={handleClickArrow}>\n                                            <StyledArrow\n                                                color=\"inherit\"\n                                                size={sizeToIconSize(size)}\n                                                className={withArrowInverse}\n                                            />\n                                        </IconArrowWrapper>\n                                    }\n                                    textBefore={textBefore}\n                                    textAfter={textAfter}\n                                    onKeyDown={onKeyDown}\n                                    leftHelper={helperText}\n                                    role=\"combobox\"\n                                    aria-autocomplete=\"list\"\n                                    aria-controls={`${treeId}_tree_level_1`}\n                                    aria-expanded={isCurrentListOpen}\n                                    aria-activedescendant={\n                                        activeDescendantItemValue ? getItemId(treeId, activeDescendantItemValue) : ''\n                                    }\n                                    {...(multiple\n                                        ? {\n                                              enumerationType: 'chip',\n                                              chips: getChips(),\n                                              onChangeChips: handleChipsChange,\n                                          }\n                                        : { enumerationType: 'plain' })}\n                                    {...rest}\n                                    onEnterDisabled // Пропс для отключения обработчика Enter внутри Textfield\n                                />\n                            )}\n                        >\n                            <Root\n                                size={size}\n                                view={view}\n                                labelPlacement={labelPlacement}\n                                disabled={disabled}\n                                readOnly={readOnly}\n                            >\n                                <Ul\n                                    role=\"tree\"\n                                    id={`${treeId}_tree_level_1`}\n                                    aria-multiselectable={Boolean(multiple)}\n                                    listHeight={listHeight}\n                                    listOverflow={listOverflow}\n                                    listWidth={listWidth}\n                                    ref={targetRef}\n                                >\n                                    {isEmpty(filteredItems) ? (\n                                        <StyledEmptyState\n                                            className={classes.emptyStateWrapper}\n                                            size={size}\n                                            description=\"Ничего не найдено\"\n                                        />\n                                    ) : (\n                                        filteredItems.map((item, index) => (\n                                            <Inner\n                                                key={`${index}/0`}\n                                                item={item}\n                                                currentLevel={0}\n                                                path={path}\n                                                dispatchPath={dispatchPath}\n                                                index={index}\n                                                listWidth={listWidth}\n                                            />\n                                        ))\n                                    )}\n                                </Ul>\n                            </Root>\n                        </FloatingPopover>\n                    </Context.Provider>\n                </div>\n            </Root>\n        );\n    });\n\nexport const comboboxConfig = {\n    name: 'Select',\n    tag: 'div',\n    layout: comboboxRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        readOnly: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n        labelPlacement: 'outer',\n    },\n};\n"],"names":["Context","createContext","comboboxRoot","Root","forwardRef","props","ref","_valueToItemMap$get","_valueToItemMap$get2","_getItemByFocused","multiple","outerValue","value","outerOnChange","onChange","isTargetAmount","targetAmount","items","_props$placement","placement","label","placeholder","helperText","contentLeft","textBefore","textAfter","_props$variant","variant","listOverflow","listHeight","listWidth","portal","renderItem","view","size","labelPlacement","_props$readOnly","readOnly","_props$disabled","disabled","_props$alwaysOpened","alwaysOpened","filter","outerCloseAfterSelect","closeAfterSelect","renderValue","rest","_objectWithoutProperties","_excluded","transformedItems","useMemo","initialItemsTransform","_useMemo","getTreeMaps","_useMemo2","_slicedToArray","valueToCheckedMap","valueToItemMap","labelToItemMap","_useState","useState","get","_useState2","textValue","setTextValue","_useState3","_useState4","internalValue","setInternalValue","undefined","getInitialValue","inputRef","useRef","floatingPopoverRef","inputForkRef","useForkRef","treeId","safeUseId","filteredItems","filterItems","_useMemo3","getPathMap","_useMemo4","pathMap","focusedToValueMap","_useReducer","useReducer","pathReducer","_useReducer2","path","dispatchPath","_useReducer3","focusedPathReducer","_useReducer4","focusedPath","dispatchFocusedPath","_useState5","_useState6","checked","setChecked","isCurrentListOpen","Boolean","activeDescendantItemValue","getItemByFocused","withArrowInverse","classes","arrowInverse","targetRef","useOutsideClick","type","isEmpty","_valueToItemMap$get3","newValue","handleClickArrow","handleTextValueChange","e","target","handleChipsChange","chipLabels","map","chipLabel","handleListToggle","opened","handleCheckboxChange","item","checkedCopy","Map","set","updateDescendants","updateAncestors","newValues","forEach","key","push","setTimeout","current","scrollIntoView","behavior","inline","handleItemClick","stopPropagation","isCurrentChecked","getChips","Array","isArray","length","concat","renderValueMapper","stringValue","valueToItemMapper","handlePressDown","_useKeyNavigation","useKeyNavigation","onKeyDown","useLayoutEffect","_valueToItemMap$get4","_","val","updateSingleAncestors","React","createElement","Provider","FloatingPopover","onToggle","referenceRef","StyledTextField","_extends","inputWrapperRef","contentRight","IconArrowWrapper","onClick","StyledArrow","color","sizeToIconSize","className","leftHelper","role","getItemId","enumerationType","chips","onChangeChips","onEnterDisabled","Ul","id","StyledEmptyState","emptyStateWrapper","description","index","Inner","currentLevel","comboboxConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Combobox.js","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"sourcesContent":["import React, {\n    forwardRef,\n    useState,\n    useReducer,\n    useMemo,\n    createContext,\n    useLayoutEffect,\n    useRef,\n    useEffect,\n} from 'react';\nimport type { ChangeEvent, ForwardedRef } from 'react';\nimport { safeUseId, useForkRef } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../../engines';\nimport { isEmpty } from '../../../utils';\nimport { useOutsideClick } from '../../../hooks';\nimport { sizeToIconSize } from '../../Select/utils';\n\nimport { classes } from './Combobox.tokens';\nimport { FloatingPopover } from './FloatingPopover';\nimport { useKeyNavigation, getItemByFocused } from './hooks/useKeyboardNavigation';\nimport {\n    initialItemsTransform,\n    updateAncestors,\n    updateDescendants,\n    updateSingleAncestors,\n    filterItems,\n    getItemId,\n    getInitialValue,\n} from './utils';\nimport { Inner, StyledTextField } from './ui';\nimport { pathReducer, focusedPathReducer } from './reducers';\nimport { getPathMap, getTreeMaps } from './hooks/getPathMaps';\nimport { Ul, base, StyledArrow, IconArrowWrapper, StyledEmptyState } from './Combobox.styles';\nimport type { ItemContext, ComboboxProps } from './Combobox.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport type { ItemOptionTransformed } from './ui/Inner/ui/Item/Item.types';\nimport { SelectNative } from './ui/SelectNative/SelectNative';\n\nexport const Context = createContext<ItemContext>({} as ItemContext);\n\n/**\n * Поле ввода с выпадающим списком и возможностью фильтрации и выбора элементов.\n */\n\nexport const comboboxRoot = (Root: RootProps<HTMLInputElement, Omit<ComboboxProps, 'items'>>) =>\n    forwardRef<HTMLInputElement, ComboboxProps>((props, ref) => {\n        const {\n            name,\n            multiple,\n            value: outerValue,\n            onChange: outerOnChange,\n            defaultValue,\n            isTargetAmount,\n            targetAmount,\n            items,\n            placement = 'bottom-start',\n            label,\n            placeholder,\n            helperText,\n            contentLeft,\n            textBefore,\n            textAfter,\n            variant = 'normal',\n            listOverflow,\n            listHeight,\n            listWidth,\n            portal,\n            renderItem,\n            view,\n            size,\n            labelPlacement,\n            readOnly = false,\n            disabled = false,\n            alwaysOpened = false,\n            filter,\n            closeAfterSelect: outerCloseAfterSelect,\n            renderValue,\n            ...rest\n        } = props;\n        console.log('render');\n        const transformedItems = useMemo(() => initialItemsTransform(items || []), [items]);\n\n        // Создаем структуры для быстрой работы с деревом\n        const [valueToCheckedMap, valueToItemMap, labelToItemMap] = useMemo(() => getTreeMaps(transformedItems), [\n            items,\n        ]);\n\n        const [textValue, setTextValue] = useState(valueToItemMap.get(outerValue as string)?.label || '');\n        const [internalValue, setInternalValue] = useState<string | string[]>(multiple ? [] : '');\n\n        const value =\n            outerValue !== null && outerValue !== undefined\n                ? getInitialValue(outerValue, valueToItemMap)\n                : internalValue;\n\n        const inputRef = useRef<HTMLInputElement>(null);\n        const floatingPopoverRef = useRef<HTMLDivElement>(null);\n        const inputForkRef = useForkRef(inputRef, ref);\n        const treeId = safeUseId();\n\n        const filteredItems = filterItems(\n            transformedItems,\n            textValue,\n            valueToItemMap.get(value as string)?.label as string,\n            filter,\n        );\n\n        const [pathMap, focusedToValueMap] = useMemo(() => getPathMap(filteredItems), [filteredItems, textValue]);\n\n        // Состояния дерева элементов\n        const [path, dispatchPath] = useReducer(pathReducer, []);\n        const [focusedPath, dispatchFocusedPath] = useReducer(focusedPathReducer, []);\n        const [checked, setChecked] = useState(valueToCheckedMap);\n\n        const isCurrentListOpen = alwaysOpened || Boolean(path[0]);\n        const activeDescendantItemValue = getItemByFocused(focusedPath, focusedToValueMap)?.value || '';\n        const withArrowInverse = isCurrentListOpen ? classes.arrowInverse : undefined;\n        const closeAfterSelect = outerCloseAfterSelect ?? !multiple;\n\n        // Логика работы при клике за пределами выпадающего списка\n        const targetRef = useOutsideClick<HTMLUListElement>(() => {\n            if (!isCurrentListOpen) {\n                return;\n            }\n\n            dispatchPath({ type: 'reset' });\n            dispatchFocusedPath({ type: 'reset' });\n\n            // Проверяем, отличается ли значение в инпуте от выбранного value после закрытия дропдауна.\n            // Если изменилось, то возвращаем label выбранного айтема.\n            // Если нет выбранного элемента, то стираем значение инпута.\n            if (textValue !== value) {\n                if (isEmpty(value)) {\n                    setTextValue('');\n                } else {\n                    setTextValue(valueToItemMap.get(value as string)?.label || '');\n                }\n            }\n        }, floatingPopoverRef);\n\n        // Эта функция срабатывает при изменении Combobox и\n        // при изменении нативного Select для формы (срабатывает только после изменения internalValue и рендера).\n        const onChange = (newValue: string | Array<string> | ChangeEvent<HTMLSelectElement> | null) => {\n            // Условие для отправки изменений наружу\n            if (outerOnChange) {\n                // Условие для отправки если комбобокс используется без формы.\n                if (!name && (typeof newValue === 'string' || Array.isArray(newValue))) {\n                    outerOnChange(newValue as any);\n                }\n\n                // Условие для отправки если комбобокс используется с формой.\n                if (name && typeof newValue === 'object' && !Array.isArray(newValue)) {\n                    outerOnChange(newValue as any);\n                }\n            }\n\n            // Условие для изменения внутреннего значения (только если newValue строка или массив строк).\n            if (typeof newValue === 'string' || Array.isArray(newValue)) {\n                setInternalValue(newValue);\n            }\n        };\n\n        const handleClickArrow = () => {\n            if (disabled || readOnly) {\n                return;\n            }\n\n            if (isCurrentListOpen) {\n                dispatchPath({ type: 'reset' });\n            } else {\n                dispatchPath({ type: 'opened_first_level' });\n            }\n\n            dispatchFocusedPath({ type: 'reset' });\n        };\n\n        // Обработчик изменения значения в инпуте\n        const handleTextValueChange = (e: ChangeEvent<HTMLInputElement>) => {\n            setTextValue(e.target.value);\n            dispatchPath({ type: 'opened_first_level' });\n            dispatchFocusedPath({ type: 'reset' });\n        };\n\n        // Обработчик чипов\n        const handleChipsChange = (chipLabels: any[]) => {\n            onChange(chipLabels.map((chipLabel) => labelToItemMap.get(chipLabel)!.value));\n        };\n\n        // Обработчик открытия/закрытия выпадающего списка\n        const handleListToggle = (opened: boolean) => {\n            if (disabled || readOnly) {\n                return;\n            }\n\n            if (opened) {\n                dispatchPath({ type: 'opened_first_level' });\n            } else {\n                dispatchFocusedPath({ type: 'reset' });\n                dispatchPath({ type: 'reset' });\n            }\n        };\n\n        // Обработчик выбора чекбоксов (только при multiple)\n        const handleCheckboxChange = (item: ItemOptionTransformed) => {\n            if (!multiple) {\n                return;\n            }\n\n            const checkedCopy = new Map(checked);\n\n            if (!checkedCopy.get(item.value)) {\n                checkedCopy.set(item.value, true);\n                updateDescendants(item, checkedCopy, true);\n            } else {\n                checkedCopy.set(item.value, false);\n                updateDescendants(item, checkedCopy, false);\n            }\n\n            updateAncestors(item, checkedCopy);\n\n            const newValues: Array<string> = [];\n\n            valueToItemMap.forEach((item, key) => {\n                if (checkedCopy.get(key)) {\n                    newValues.push(item.value);\n                }\n            });\n\n            if (!alwaysOpened && closeAfterSelect) {\n                dispatchPath({ type: 'reset' });\n                dispatchFocusedPath({ type: 'reset' });\n            }\n\n            if (onChange) {\n                onChange(newValues);\n            }\n\n            // После выбора/снятия чекбокса скроллим к инпуту\n            setTimeout(() => {\n                if (inputRef.current) {\n                    inputRef.current.scrollIntoView({\n                        behavior: 'smooth',\n                        inline: 'start',\n                    });\n                }\n            }, 1);\n        };\n\n        // Обработчик клика по айтему выпадающего списка\n        const handleItemClick = (item: ItemOptionTransformed, e?: React.MouseEvent<HTMLElement>) => {\n            if (!isEmpty(item?.items)) {\n                return;\n            }\n\n            if (multiple) {\n                handleCheckboxChange(item);\n                return;\n            }\n\n            if (e) {\n                e.stopPropagation();\n            }\n\n            const isCurrentChecked = checked.get(item.value);\n\n            if (!alwaysOpened && closeAfterSelect) {\n                dispatchPath({ type: 'reset' });\n                dispatchFocusedPath({ type: 'reset' });\n            }\n\n            if (onChange) {\n                onChange(isCurrentChecked ? '' : item.value);\n            }\n        };\n\n        const getChips = (): string[] => {\n            if (multiple && Array.isArray(value)) {\n                if (value.length === 0) return [];\n\n                if (isTargetAmount) {\n                    return [`Выбрано ${targetAmount || value.length}`];\n                }\n\n                const renderValueMapper =\n                    renderValue && ((stringValue: string) => renderValue(valueToItemMap.get(stringValue)!));\n                const valueToItemMapper = (stringValue: string) => valueToItemMap.get(stringValue)!.label;\n\n                return value.map(renderValueMapper || valueToItemMapper);\n            }\n\n            return [];\n        };\n\n        const handlePressDown = (item: ItemOptionTransformed, e?: React.MouseEvent<HTMLElement>) => {\n            if (isEmpty(item.items)) {\n                handleItemClick(item, e);\n            } else if (multiple) {\n                handleCheckboxChange(item);\n            }\n        };\n\n        const { onKeyDown } = useKeyNavigation({\n            focusedPath,\n            dispatchFocusedPath,\n            path,\n            dispatchPath,\n            pathMap,\n            focusedToValueMap,\n            handleListToggle,\n            handlePressDown,\n            setTextValue,\n        });\n\n        // В данном эффекте мы следим за изменениями value снаружи и вносим коррективы в дерево чекбоксов.\n        // Пример: когда юзер очистил value извне, тогда нужно пройтись по элементам и выключить все чекбоксы.\n        useLayoutEffect(() => {\n            const checkedCopy = new Map(checked);\n\n            checkedCopy.forEach((_, key) => {\n                checkedCopy.set(key, false);\n            });\n\n            if (!isEmpty(value)) {\n                if (Array.isArray(value)) {\n                    value.forEach((val) => {\n                        checkedCopy.set(val, true);\n                        updateDescendants(valueToItemMap.get(val)!, checkedCopy, true);\n                        updateAncestors(valueToItemMap.get(val)!, checkedCopy);\n                    });\n                } else {\n                    checkedCopy.set(value, 'done');\n                    updateSingleAncestors(valueToItemMap.get(value)!, checkedCopy, 'dot');\n                }\n            }\n\n            setChecked(checkedCopy);\n\n            setTextValue(valueToItemMap.get(value as string)?.label || '');\n\n            // В deps мы кладем именно outerValue и internalValue, а не просто value.\n            // Т.к. вначале нужно отфильтровать и провалидировать outerValue и результат положить в переменную.\n            // А переменную, содержащую сложные типы данных, нельзя помещать в deps.\n        }, [outerValue, internalValue, items]);\n\n        useEffect(() => {\n            if (defaultValue) {\n                setInternalValue(defaultValue);\n            }\n        }, [defaultValue]);\n\n        return (\n            <Root size={size} view={view} labelPlacement={labelPlacement} disabled={disabled} readOnly={readOnly}>\n                {name && (\n                    <SelectNative\n                        name={name}\n                        value={internalValue}\n                        multiple={multiple}\n                        onChange={onChange}\n                        ref={ref as ForwardedRef<HTMLInputElement>}\n                    />\n                )}\n                <div>\n                    <Context.Provider\n                        value={{\n                            focusedPath,\n                            checked,\n                            multiple,\n                            size,\n                            handleCheckboxChange,\n                            handleItemClick,\n                            variant,\n                            renderItem,\n                            valueToItemMap,\n                            treeId,\n                        }}\n                    >\n                        <FloatingPopover\n                            ref={floatingPopoverRef}\n                            opened={isCurrentListOpen}\n                            onToggle={(opened: boolean) => opened && handleListToggle(true)}\n                            placement={placement}\n                            portal={portal}\n                            listWidth={listWidth}\n                            target={(referenceRef) => (\n                                <StyledTextField\n                                    ref={name ? inputRef : (inputForkRef as ForwardedRef<HTMLInputElement>)}\n                                    inputWrapperRef={referenceRef}\n                                    value={textValue}\n                                    onChange={handleTextValueChange}\n                                    size={size}\n                                    view={view}\n                                    labelPlacement={labelPlacement}\n                                    disabled={disabled}\n                                    readOnly={readOnly}\n                                    label={label}\n                                    placeholder={placeholder}\n                                    contentLeft={contentLeft}\n                                    contentRight={\n                                        <IconArrowWrapper disabled={disabled} onClick={handleClickArrow}>\n                                            <StyledArrow\n                                                color=\"inherit\"\n                                                size={sizeToIconSize(size)}\n                                                className={withArrowInverse}\n                                            />\n                                        </IconArrowWrapper>\n                                    }\n                                    textBefore={textBefore}\n                                    textAfter={textAfter}\n                                    onKeyDown={onKeyDown}\n                                    leftHelper={helperText}\n                                    role=\"combobox\"\n                                    aria-autocomplete=\"list\"\n                                    aria-controls={`${treeId}_tree_level_1`}\n                                    aria-expanded={isCurrentListOpen}\n                                    aria-activedescendant={\n                                        activeDescendantItemValue ? getItemId(treeId, activeDescendantItemValue) : ''\n                                    }\n                                    {...(multiple\n                                        ? {\n                                              enumerationType: 'chip',\n                                              chips: getChips(),\n                                              onChangeChips: handleChipsChange,\n                                          }\n                                        : { enumerationType: 'plain' })}\n                                    {...rest}\n                                    onEnterDisabled // Пропс для отключения обработчика Enter внутри Textfield\n                                />\n                            )}\n                        >\n                            <Root\n                                size={size}\n                                view={view}\n                                labelPlacement={labelPlacement}\n                                disabled={disabled}\n                                readOnly={readOnly}\n                            >\n                                <Ul\n                                    role=\"tree\"\n                                    id={`${treeId}_tree_level_1`}\n                                    aria-multiselectable={Boolean(multiple)}\n                                    listHeight={listHeight}\n                                    listOverflow={listOverflow}\n                                    listWidth={listWidth}\n                                    ref={targetRef}\n                                >\n                                    {isEmpty(filteredItems) ? (\n                                        <StyledEmptyState\n                                            className={classes.emptyStateWrapper}\n                                            size={size}\n                                            description=\"Ничего не найдено\"\n                                        />\n                                    ) : (\n                                        filteredItems.map((item, index) => (\n                                            <Inner\n                                                key={`${index}/0`}\n                                                item={item}\n                                                currentLevel={0}\n                                                path={path}\n                                                dispatchPath={dispatchPath}\n                                                index={index}\n                                                listWidth={listWidth}\n                                            />\n                                        ))\n                                    )}\n                                </Ul>\n                            </Root>\n                        </FloatingPopover>\n                    </Context.Provider>\n                </div>\n            </Root>\n        );\n    });\n\nexport const comboboxConfig = {\n    name: 'Select',\n    tag: 'div',\n    layout: comboboxRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        readOnly: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n        labelPlacement: 'outer',\n    },\n};\n"],"names":["Context","createContext","comboboxRoot","Root","forwardRef","props","ref","_valueToItemMap$get","_valueToItemMap$get2","_getItemByFocused","name","multiple","outerValue","value","outerOnChange","onChange","defaultValue","isTargetAmount","targetAmount","items","_props$placement","placement","label","placeholder","helperText","contentLeft","textBefore","textAfter","_props$variant","variant","listOverflow","listHeight","listWidth","portal","renderItem","view","size","labelPlacement","_props$readOnly","readOnly","_props$disabled","disabled","_props$alwaysOpened","alwaysOpened","filter","outerCloseAfterSelect","closeAfterSelect","renderValue","rest","_objectWithoutProperties","_excluded","console","log","transformedItems","useMemo","initialItemsTransform","_useMemo","getTreeMaps","_useMemo2","_slicedToArray","valueToCheckedMap","valueToItemMap","labelToItemMap","_useState","useState","get","_useState2","textValue","setTextValue","_useState3","_useState4","internalValue","setInternalValue","undefined","getInitialValue","inputRef","useRef","floatingPopoverRef","inputForkRef","useForkRef","treeId","safeUseId","filteredItems","filterItems","_useMemo3","getPathMap","_useMemo4","pathMap","focusedToValueMap","_useReducer","useReducer","pathReducer","_useReducer2","path","dispatchPath","_useReducer3","focusedPathReducer","_useReducer4","focusedPath","dispatchFocusedPath","_useState5","_useState6","checked","setChecked","isCurrentListOpen","Boolean","activeDescendantItemValue","getItemByFocused","withArrowInverse","classes","arrowInverse","targetRef","useOutsideClick","type","isEmpty","_valueToItemMap$get3","newValue","Array","isArray","_typeof","handleClickArrow","handleTextValueChange","e","target","handleChipsChange","chipLabels","map","chipLabel","handleListToggle","opened","handleCheckboxChange","item","checkedCopy","Map","set","updateDescendants","updateAncestors","newValues","forEach","key","push","setTimeout","current","scrollIntoView","behavior","inline","handleItemClick","stopPropagation","isCurrentChecked","getChips","length","concat","renderValueMapper","stringValue","valueToItemMapper","handlePressDown","_useKeyNavigation","useKeyNavigation","onKeyDown","useLayoutEffect","_valueToItemMap$get4","_","val","updateSingleAncestors","useEffect","React","createElement","SelectNative","Provider","FloatingPopover","onToggle","referenceRef","StyledTextField","_extends","inputWrapperRef","contentRight","IconArrowWrapper","onClick","StyledArrow","color","sizeToIconSize","className","leftHelper","role","getItemId","enumerationType","chips","onChangeChips","onEnterDisabled","Ul","id","StyledEmptyState","emptyStateWrapper","description","index","Inner","currentLevel","comboboxConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}

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

@@ -109,6 +109,8 @@
 
 .Target_styles_16ltv0e_s1wiuml6__f4e1732c{--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-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__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-scale-hover:var(--plasma-combobox-new-textfield-chip-scale-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-scale-active:var(--plasma-combobox-new-textfield-chip-scale-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-top:var(--plasma-combobox-new-textfield-chip-padding-top);--plasma-textfield__chip-padding-right:var(--plasma-combobox-new-textfield-chip-padding-right);--plasma-textfield__chip-padding-bottom:var(--plasma-combobox-new-textfield-chip-padding-bottom);--plasma-textfield__chip-padding-left:var(--plasma-combobox-new-textfield-chip-padding-left);--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);}
 
+.SelectNative_styles_18yw2bf_st8j5fy__14a96fe5{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
+
 .base_x252cy_b17hdes8__856a05b7 input[type='checkbox']:indeterminate + .base_x252cy_s1u3nd7e__856a05b7 .base_x252cy_sft3zxv__856a05b7{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}.base_x252cy_b17hdes8__856a05b7 input:checked + .base_x252cy_s1u3nd7e__856a05b7 .base_x252cy_sft3zxv__856a05b7{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}
 
 .base_1krdtt6_bxbqqc3__2d5e2cdd input:disabled + .base_1krdtt6_s1u3nd7e__2d5e2cdd{opacity:var(--plasma-checkbox-disabled-opacity);}.base_1krdtt6_bxbqqc3__2d5e2cdd input:disabled + .base_1krdtt6_s1u3nd7e__2d5e2cdd{cursor:not-allowed;}

package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css

@@ -109,6 +109,8 @@
 
 .Combobox_styles_18a8p75_s11cn92k__ba048029{--plasma-emptystate-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-emptystate-padding:var(--plasma-combobox-new-empty-state-padding);--plasma-emptystate-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-emptystate-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-emptystate-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-emptystate-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-emptystate-font-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-emptystate-font-line-height:var(--plasma-combobox-new-textfield-line-height);}
 
+.SelectNative_styles_18yw2bf_st8j5fy__14a96fe5{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
+
 .base_x252cy_b17hdes8__856a05b7 input[type='checkbox']:indeterminate + .base_x252cy_s1u3nd7e__856a05b7 .base_x252cy_sft3zxv__856a05b7{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}.base_x252cy_b17hdes8__856a05b7 input:checked + .base_x252cy_s1u3nd7e__856a05b7 .base_x252cy_sft3zxv__856a05b7{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}
 
 .base_1krdtt6_bxbqqc3__2d5e2cdd input:disabled + .base_1krdtt6_s1u3nd7e__2d5e2cdd{opacity:var(--plasma-checkbox-disabled-opacity);}.base_1krdtt6_bxbqqc3__2d5e2cdd input:disabled + .base_1krdtt6_s1u3nd7e__2d5e2cdd{cursor:not-allowed;}

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

@@ -0,0 +1 @@
+.SelectNative_styles_18yw2bf_st8j5fy__14a96fe5{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}

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

@@ -0,0 +1,35 @@
+import React, { forwardRef, useRef, useEffect } from 'react';
+import { useForkRef } from '@salutejs/plasma-core';
+import { SelectHidden } from './SelectNative.styles.js';
+import { createEvent } from '../../../../../utils/createEvent.js';
+
+var SelectNative = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var name = _ref.name,
+    multiple = _ref.multiple,
+    value = _ref.value,
+    onChange = _ref.onChange;
+  var values = multiple ? value : [value];
+  var selectRef = useRef(null);
+  var forkRef = useForkRef(selectRef, ref);
+  useEffect(function () {
+    var event = createEvent(selectRef);
+    if (onChange) {
+      onChange(event);
+    }
+  }, [values]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SelectHidden, {
+    ref: forkRef,
+    multiple: multiple,
+    name: name,
+    hidden: true,
+    value: multiple ? values : values[0]
+  }, values.map(function (v) {
+    return /*#__PURE__*/React.createElement("option", {
+      key: v,
+      value: v
+    }, v);
+  })));
+});
+
+export { SelectNative };
+//# sourceMappingURL=SelectNative.js.map

package/es/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectNative.js","sources":["../../../../../../src/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.tsx"],"sourcesContent":["import React, { ChangeEvent, forwardRef, useEffect, useRef } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { createEvent } from '../../../../../utils';\nimport { ComboboxProps } from '../../Combobox.types';\n\nimport { SelectHidden } from './SelectNative.styles';\n\ntype Props = Pick<ComboboxProps, 'name' | 'value' | 'multiple'> & {\n    onChange: (value: ChangeEvent<HTMLSelectElement> | null) => void;\n};\n\nexport const SelectNative = forwardRef<HTMLInputElement, Props>(({ name, multiple, value, onChange }, ref) => {\n    const values = (multiple ? value : [value]) as string[];\n    const selectRef = useRef<HTMLSelectElement>(null);\n    const forkRef = useForkRef(selectRef, ref as any);\n\n    useEffect(() => {\n        const event = createEvent(selectRef);\n        if (onChange) {\n            onChange(event);\n        }\n    }, [values]);\n\n    return (\n        <>\n            <SelectHidden ref={forkRef} multiple={multiple} name={name} hidden value={multiple ? values : values[0]}>\n                {values.map((v) => (\n                    <option key={v} value={v}>\n                        {v}\n                    </option>\n                ))}\n            </SelectHidden>\n        </>\n    );\n});\n"],"names":["SelectNative","forwardRef","_ref","ref","name","multiple","value","onChange","values","selectRef","useRef","forkRef","useForkRef","useEffect","event","createEvent","React","createElement","Fragment","SelectHidden","hidden","map","v","key"],"mappings":";;;;;AAYO,IAAMA,YAAY,gBAAGC,UAAU,CAA0B,UAAAC,IAAA,EAAsCC,GAAG,EAAK;AAAA,EAAA,IAA3CC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAEC,QAAQ,GAAAL,IAAA,CAARK,QAAQ,CAAA;EAC9F,IAAMC,MAAM,GAAIH,QAAQ,GAAGC,KAAK,GAAG,CAACA,KAAK,CAAc,CAAA;AACvD,EAAA,IAAMG,SAAS,GAAGC,MAAM,CAAoB,IAAI,CAAC,CAAA;AACjD,EAAA,IAAMC,OAAO,GAAGC,UAAU,CAACH,SAAS,EAAEN,GAAU,CAAC,CAAA;AAEjDU,EAAAA,SAAS,CAAC,YAAM;AACZ,IAAA,IAAMC,KAAK,GAAGC,WAAW,CAACN,SAAS,CAAC,CAAA;AACpC,IAAA,IAAIF,QAAQ,EAAE;MACVA,QAAQ,CAACO,KAAK,CAAC,CAAA;AACnB,KAAA;AACJ,GAAC,EAAE,CAACN,MAAM,CAAC,CAAC,CAAA;AAEZ,EAAA,oBACIQ,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,eACIF,KAAA,CAAAC,aAAA,CAACE,YAAY,EAAA;AAAChB,IAAAA,GAAG,EAAEQ,OAAQ;AAACN,IAAAA,QAAQ,EAAEA,QAAS;AAACD,IAAAA,IAAI,EAAEA,IAAK;IAACgB,MAAM,EAAA,IAAA;AAACd,IAAAA,KAAK,EAAED,QAAQ,GAAGG,MAAM,GAAGA,MAAM,CAAC,CAAC,CAAA;AAAE,GAAA,EACnGA,MAAM,CAACa,GAAG,CAAC,UAACC,CAAC,EAAA;IAAA,oBACVN,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;AAAQM,MAAAA,GAAG,EAAED,CAAE;AAAChB,MAAAA,KAAK,EAAEgB,CAAAA;AAAE,KAAA,EACpBA,CACG,CAAC,CAAA;GACZ,CACS,CAChB,CAAC,CAAA;AAEX,CAAC;;;;"}

package/es/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.styles.js

@@ -0,0 +1,11 @@
+import './SelectNative.styles_18yw2bf.css';
+import { styled } from '@linaria/react';
+
+var SelectHidden = /*#__PURE__*/styled('select')({
+  name: "SelectHidden",
+  "class": "st8j5fy",
+  propsAsIs: false
+});
+
+export { SelectHidden };
+//# sourceMappingURL=SelectNative.styles.js.map

package/es/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectNative.styles.js","sources":["../../../../../../src/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { applyHidden } from '../../../../../mixins';\n\nexport const SelectHidden = styled.select`\n    ${applyHidden()};\n`;\n"],"names":["SelectHidden","styled","name","class","propsAsIs"],"mappings":";;AAIO,IAAMA,YAAY,gBAAGC,MAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEjC;;;;"}

package/es/components/Combobox/ComboboxNew/ui/SelectNative/SelectNative.styles_18yw2bf.css

@@ -0,0 +1 @@
+.st8j5fy{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}

package/es/components/Pagination/Pagination.css

@@ -180,8 +180,8 @@
 
 .TextField_1lzb2r1_bpunezx__7d079491{display:block;}
 
-.Textfield_styles_1b7iij0_s1yhwv5r__18547d95{--plasma-textfield-color:var(--plasma-select-textfield-color);--plasma-textfield-bg-color:var(--plasma-select-textfield-background-color);--plasma-textfield-border-color:var(--plasma-select-textfield-border-color);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield__label-color:var(--plasma-select-textfield-label-color);--plasma-textfield__left-helper-color:var(--plasma-select-textfield-left-helper-color);--plasma-textfield-color-readonly:var(--plasma-select-textfield-color);--plasma-textfield-bg-color-readonly:var(--s1yhwv5r-0);--plasma-textfield__placeholder-color-readonly:var(--s1yhwv5r-1);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield-left-helper-color);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield-label-color);--plasma-textfield-border-color-readonly:var(--s1yhwv5r-2);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield-border-color-hover:var(--plasma-select-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-select-textfield-border-color-focus);--plasma-textfield__optional-color:var(--plasma-select-new-textfield-optional-color);--plasma-textfield-height:var(--plasma-select-textfield-height);--plasma-textfield-border-width:var(--plasma-select-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-select-textfield-border-radius);--plasma-textfield-padding:var(--plasma-select-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-select-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-select-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-select-textfield-right-content-margin);--plasma-textfield-font-family:var(--plasma-select-textfield-font-family);--plasma-textfield-font-style:var(--plasma-select-textfield-font-style);--plasma-textfield-font-size:var(--plasma-select-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-select-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-select-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-select-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-select-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-select-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-select-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-select-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-select-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-select-textfield-content-right-slot-color-active);--plasma-textfield__label-offset:var(--plasma-select-textfield-label-offset);--plasma-textfield__label-font-family:var(--plasma-select-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-select-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-select-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-select-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-select-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-select-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-select-textfield-placement-inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-select-textfield-placement-inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-select-textfield-placement-inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-select-textfield-placement-inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-select-textfield-placement-inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-select-textfield-placement-inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-select-textfield-placement-inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-select-textfield-placement-inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-select-textfield-title-caption-color);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-select-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-select-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-select-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-select-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-select-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-select-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-select-textfield-title-caption-line-height);--plasma-textfield__left-helper-offset:var(--plasma-select-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-select-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-select-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-select-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-select-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-select-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-select-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-select-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-select-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-select-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-select-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-select-textfield-disabled-opacity);--plasma-textfield__chip-height:var(--plasma-select-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-select-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-select-textfield-chip-gap);--plasma-textfield__chip-color:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-hover:var(--plasma-select-textfield-chip-color-hover);--plasma-textfield__chip-scale-hover:var(--plasma-select-textfield-chip-scale-hover);--plasma-textfield__chip-background:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-active:var(--plasma-select-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-select-textfield-chip-color-active);--plasma-textfield__chip-scale-active:var(--plasma-select-textfield-chip-scale-active);--plasma-textfield__chip-close-icon-color:var(--plasma-select-textfield-chip-close-icons-color);--plasma-textfield__chip-outline-size:var(--plasma-select-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-select-textfield-chip-width);--plasma-textfield__chip-padding-top:var(--plasma-select-textfield-chip-padding-top);--plasma-textfield__chip-padding-right:var(--plasma-select-textfield-chip-padding-right);--plasma-textfield__chip-padding-bottom:var(--plasma-select-textfield-chip-padding-bottom);--plasma-textfield__chip-padding-left:var(--plasma-select-textfield-chip-padding-left);--plasma-textfield__chip-close-icon-size:var(--plasma-select-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-select-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-select-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-select-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-select-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-select-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-select-textfield-chip-line-height);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-select-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-select-textfield-chip-clear-content-margin-right);--plasma-textfield__indicator-color:var(--plasma-select-new-textfield-indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-select-new-textfield-indicator-size-inner);--plasma-textfield__indicator-size-outer:var(--plasma-select-new-textfield-indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-select-new-textfield-indicator-placement-inner);--plasma-textfield__indicator-placement-outer:var(--plasma-select-new-textfield-indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-select-new-textfield-indicator-placement-inner-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-select-new-textfield-indicator-placement-outer-right);--plasma-textfield__clear-indicator-placement-inner:var(--plasma-select-new-textfield-clear-indicator-placement-inner);--plasma-textfield__clear-indicator-placement-inner-right: var(--plasma-select-new-textfield-clear-indicator-placement-inner-right);--plasma-textfield__clear-indicator-hint-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-hint-placement-inner-right);--plasma-textfield-focus-color:var(--plasma-select-textfield-focus-color);}.Textfield_styles_1b7iij0_s1yhwv5r__18547d95 div.Textfield_styles_1b7iij0_inputWrapper__18547d95:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}
-.Textfield_styles_1b7iij0_i7x5udn__18547d95{line-height:0;color:var(--plasma-select-disclosure-icon-color);cursor:var(--i7x5udn-0);}.Textfield_styles_1b7iij0_i7x5udn__18547d95 .Textfield_styles_1b7iij0_arrowInverse__18547d95{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Textfield_styles_1b7iij0_i7x5udn__18547d95:hover,.Textfield_styles_1b7iij0_i7x5udn__18547d95:active{color:var(--i7x5udn-1);}
+.Textfield_styles_q4kc1p_s1yhwv5r__70366a17{--plasma-textfield-color:var(--plasma-select-textfield-color);--plasma-textfield-bg-color:var(--plasma-select-textfield-background-color);--plasma-textfield-border-color:var(--plasma-select-textfield-border-color);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield__label-color:var(--plasma-select-textfield-label-color);--plasma-textfield__left-helper-color:var(--plasma-select-textfield-left-helper-color);--plasma-textfield-color-readonly:var(--plasma-select-textfield-color);--plasma-textfield-bg-color-readonly:var(--s1yhwv5r-0);--plasma-textfield__placeholder-color-readonly:var(--s1yhwv5r-1);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield-left-helper-color);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield-label-color);--plasma-textfield-border-color-readonly:var(--s1yhwv5r-2);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield-border-color-hover:var(--plasma-select-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-select-textfield-border-color-focus);--plasma-textfield__optional-color:var(--plasma-select-textfield-optional-color);--plasma-textfield-height:var(--plasma-select-textfield-height);--plasma-textfield-border-width:var(--plasma-select-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-select-textfield-border-radius);--plasma-textfield-padding:var(--plasma-select-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-select-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-select-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-select-textfield-right-content-margin);--plasma-textfield-font-family:var(--plasma-select-textfield-font-family);--plasma-textfield-font-style:var(--plasma-select-textfield-font-style);--plasma-textfield-font-size:var(--plasma-select-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-select-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-select-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-select-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-select-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-select-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-select-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-select-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-select-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-select-textfield-content-right-slot-color-active);--plasma-textfield__label-offset:var(--plasma-select-textfield-label-offset);--plasma-textfield__label-font-family:var(--plasma-select-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-select-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-select-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-select-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-select-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-select-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-select-textfield-placement-inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-select-textfield-placement-inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-select-textfield-placement-inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-select-textfield-placement-inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-select-textfield-placement-inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-select-textfield-placement-inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-select-textfield-placement-inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-select-textfield-placement-inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-select-textfield-title-caption-color);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-select-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-select-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-select-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-select-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-select-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-select-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-select-textfield-title-caption-line-height);--plasma-textfield__left-helper-offset:var(--plasma-select-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-select-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-select-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-select-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-select-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-select-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-select-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-select-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-select-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-select-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-select-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-select-textfield-disabled-opacity);--plasma-textfield__chip-height:var(--plasma-select-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-select-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-select-textfield-chip-gap);--plasma-textfield__chip-color:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-hover:var(--plasma-select-textfield-chip-color-hover);--plasma-textfield__chip-scale-hover:var(--plasma-select-textfield-chip-scale-hover);--plasma-textfield__chip-background:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-active:var(--plasma-select-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-select-textfield-chip-color-active);--plasma-textfield__chip-scale-active:var(--plasma-select-textfield-chip-scale-active);--plasma-textfield__chip-close-icon-color:var(--plasma-select-textfield-chip-close-icons-color);--plasma-textfield__chip-outline-size:var(--plasma-select-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-select-textfield-chip-width);--plasma-textfield__chip-padding-top:var(--plasma-select-textfield-chip-padding-top);--plasma-textfield__chip-padding-right:var(--plasma-select-textfield-chip-padding-right);--plasma-textfield__chip-padding-bottom:var(--plasma-select-textfield-chip-padding-bottom);--plasma-textfield__chip-padding-left:var(--plasma-select-textfield-chip-padding-left);--plasma-textfield__chip-close-icon-size:var(--plasma-select-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-select-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-select-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-select-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-select-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-select-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-select-textfield-chip-line-height);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-select-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-select-textfield-chip-clear-content-margin-right);--plasma-textfield-focus-color:var(--plasma-select-textfield-focus-color);}.Textfield_styles_q4kc1p_s1yhwv5r__70366a17 div.Textfield_styles_q4kc1p_inputWrapper__70366a17:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}
+.Textfield_styles_q4kc1p_i7x5udn__70366a17{line-height:0;color:var(--plasma-select-disclosure-icon-color);cursor:var(--i7x5udn-0);}.Textfield_styles_q4kc1p_i7x5udn__70366a17 .Textfield_styles_q4kc1p_arrowInverse__70366a17{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Textfield_styles_q4kc1p_i7x5udn__70366a17:hover,.Textfield_styles_q4kc1p_i7x5udn__70366a17:active{color:var(--i7x5udn-1);}
 
 
 .Select_styles_1p5c9p3_upxbau6__28c8cedc{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);border-radius:var(--plasma-select-border-radius);width:var(--upxbau6-0);height:var(--upxbau6-1);overflow:var(--upxbau6-2);margin:var(--upxbau6-3);padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem)) 0;}