@salutejs/plasma-new-hope 0.135.0-canary.1404.10631789671.0 → 0.135.0-canary.1406.10630457005.0

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

@@ -0,0 +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} from './utils';\nimport { Inner, StyledTextField } from './ui';\nimport { pathReducer, focusedPathReducer } from './reducers';\nimport { getPathMap, getTreeMaps } from './hooks/getPathMaps';\nimport { Ul, base, StyledArrow, IconArrowWrapper } 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            items,\n            placement = 'bottom-start',\n            label,\n            placeholder,\n            helperText,\n            contentLeft,\n            contentRight,\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            filter,\n            ...rest\n        } = props;\n        const [textValue, setTextValue] = useState('');\n        const [internalValue, setInternalValue] = useState<string | Array<string>>(multiple ? [] : '');\n\n        const value = outerValue || 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 transformedItems = useMemo(() => initialItemsTransform(items || []), [items]);\n\n        const filteredItems = filterItems(\n            transformedItems,\n            textValue,\n            // valueToItemMap.get(value as string)?.label as string,\n            filter,\n        );\n\n        // Создаем структуры для быстрой работы с деревом\n        const [pathMap, focusedToValueMap] = useMemo(() => getPathMap(filteredItems), [filteredItems, textValue]);\n\n        const [valueToCheckedMap, valueToItemMap, labelToItemMap] = useMemo(() => getTreeMaps(items), [items]);\n\n        // Состояния дерева элементов\n        const [path, dispatchPath] = useReducer(pathReducer, []);\n        const [focusedPath, dispatchFocusedPath] = useReducer(focusedPathReducer, []);\n        const [checked, setChecked] = useState(valueToCheckedMap);\n\n        console.log('render', path, focusedPath);\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 = (e: string | Array<string>) => {\n            if (outerOnChange) {\n                outerOnChange(e as any);\n            }\n\n            setInternalValue(e);\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 handleChangeChips = (chipsAsLabel: any[]) => {\n            onChange(chipsAsLabel.map((chipLabel) => labelToItemMap.get(chipLabel)!.value));\n        };\n\n        // Обработчик открытия/закрытия выпадающего списка\n        const handleToggle = (opened: boolean) => {\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                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 (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        // Обработчик клика по айтему выпадающего списка\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            } else {\n                if (e) {\n                    e.stopPropagation();\n                }\n\n                const checkedCopy = new Map(checked);\n\n                const isCurrentChecked = checkedCopy.get(item.value);\n\n                checkedCopy.forEach((_, key) => {\n                    checkedCopy.set(key, false);\n                });\n\n                if (!isCurrentChecked) {\n                    checkedCopy.set(item.value, 'done');\n                    updateSingleAncestors(item, checkedCopy, 'dot');\n                }\n\n                setTextValue(isCurrentChecked ? '' : item.label);\n\n                dispatchPath({ type: 'reset' });\n                dispatchFocusedPath({ type: 'reset' });\n\n                if (onChange) {\n                    onChange(isCurrentChecked ? '' : item.value);\n                }\n            }\n        };\n\n        const getChips = (): string[] => {\n            if (multiple) {\n                if (value.length === 0) return [];\n\n                if (isTargetAmount) {\n                    return [`Выбрано ${value.length}`];\n                }\n\n                return (value as []).map((value) => valueToItemMap.get(value)!.label);\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            handleToggle,\n            handlePressDown,\n            multiselect: multiple,\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        }, [value]);\n\n        const isCurrentListOpen = Boolean(path[0]);\n        const activeDescendantItemValue = getItemByFocused(focusedPath, focusedToValueMap)?.value || '';\n        const withArrowInverse = isCurrentListOpen ? classes.arrowInverse : undefined;\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 && handleToggle(true)}\n                            placement={placement}\n                            portal={portal}\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>\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: handleChangeChips,\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                                    {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                                </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        // readOnly: false,\n        // disabled: false,\n        labelPlacement: 'outer',\n    },\n};\n"],"names":["Context","createContext","comboboxRoot","Root","forwardRef","props","ref","_getItemByFocused","multiple","outerValue","value","outerOnChange","onChange","isTargetAmount","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","filter","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","textValue","setTextValue","_useState3","_useState4","internalValue","setInternalValue","inputRef","useRef","floatingPopoverRef","inputForkRef","useForkRef","treeId","safeUseId","transformedItems","useMemo","initialItemsTransform","filteredItems","filterItems","_useMemo","getPathMap","_useMemo2","pathMap","focusedToValueMap","_useMemo3","getTreeMaps","_useMemo4","valueToCheckedMap","valueToItemMap","labelToItemMap","_useReducer","useReducer","pathReducer","_useReducer2","path","dispatchPath","_useReducer3","focusedPathReducer","_useReducer4","focusedPath","dispatchFocusedPath","_useState5","_useState6","checked","setChecked","console","log","targetRef","useOutsideClick","isCurrentListOpen","type","isEmpty","_valueToItemMap$get","get","e","handleTextValueChange","target","handleChangeChips","chipsAsLabel","map","chipLabel","handleToggle","opened","handleCheckboxChange","item","checkedCopy","Map","set","updateDescendants","updateAncestors","newValues","forEach","key","push","setTimeout","current","scrollIntoView","behavior","inline","handleItemClick","stopPropagation","isCurrentChecked","_","updateSingleAncestors","getChips","length","concat","handlePressDown","_useKeyNavigation","useKeyNavigation","multiselect","onKeyDown","useLayoutEffect","Array","isArray","val","Boolean","activeDescendantItemValue","getItemByFocused","withArrowInverse","classes","arrowInverse","undefined","React","createElement","Provider","FloatingPopover","onToggle","referenceRef","StyledTextField","_extends","inputWrapperRef","contentRight","IconArrowWrapper","StyledArrow","color","sizeToIconSize","className","leftHelper","role","getItemId","enumerationType","chips","onChangeChips","onEnterDisabled","Ul","id","index","Inner","currentLevel","comboboxConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}

package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js

@@ -0,0 +1,65 @@
+import './Combobox.styles_1vz3bs3.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@linaria/react');
+require('react');
+var IconDisclosureDownCentered = require('../../_Icon/Icons/IconDisclosureDownCentered.js');
+var Combobox_tokens = require('./Combobox.tokens.js');
+
+var _exp4 = function _exp4() {
+  return function (_ref) {
+    var listWidth = _ref.listWidth;
+    return listWidth || '100%';
+  };
+};
+var _exp5 = function _exp5() {
+  return function (_ref2) {
+    var listHeight = _ref2.listHeight;
+    return listHeight || 'auto';
+  };
+};
+var _exp6 = function _exp6() {
+  return function (_ref3) {
+    var listOverflow = _ref3.listOverflow;
+    return listOverflow || 'initial';
+  };
+};
+var _exp7 = function _exp7() {
+  return function (_ref4) {
+    var isInnerUl = _ref4.isInnerUl;
+    return isInnerUl ? "calc(var(".concat(Combobox_tokens.tokens.padding, ") * -1) 0 0 0") : 0;
+  };
+};
+var Ul = /*#__PURE__*/react.styled('ul')({
+  name: "Ul",
+  "class": "uxiiees",
+  propsAsIs: false,
+  vars: {
+    "uxiiees-0": [/*#__PURE__*/_exp4()],
+    "uxiiees-1": [/*#__PURE__*/_exp5()],
+    "uxiiees-2": [/*#__PURE__*/_exp6()],
+    "uxiiees-3": [/*#__PURE__*/_exp7()]
+  }
+});
+var IconArrowWrapper = /*#__PURE__*/react.styled('div')({
+  name: "IconArrowWrapper",
+  "class": "i1veo3wn",
+  propsAsIs: false
+});
+var _exp11 = function _exp11() {
+  return IconDisclosureDownCentered.IconDisclosureDownCentered;
+};
+var StyledArrow = /*#__PURE__*/react.styled(_exp11())({
+  name: "StyledArrow",
+  "class": "s1hxiinv",
+  propsAsIs: true
+});
+var base = "br87xox";
+
+exports.IconArrowWrapper = IconArrowWrapper;
+exports.StyledArrow = StyledArrow;
+exports.Ul = Ul;
+exports.base = base;
+//# sourceMappingURL=Combobox.styles.js.map

package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.styles.js","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { IconDisclosureDownCentered } from '../../_Icon';\n\nimport { ComboboxProps } from './Combobox.types';\nimport { tokens, constants, classes } from './Combobox.tokens';\n\nexport const Ul = styled.ul<{\n    listOverflow?: ComboboxProps['listOverflow'];\n    listHeight?: ComboboxProps['listHeight'];\n    listWidth?: ComboboxProps['listWidth'];\n    isInnerUl?: boolean;\n}>`\n    box-sizing: border-box;\n\n    background: var(${constants.background});\n    box-shadow: ${constants.boxShadow};\n\n    border-radius: var(${tokens.borderRadius});\n    width: ${({ listWidth }) => listWidth || '100%'};\n    height: ${({ listHeight }) => listHeight || 'auto'};\n    overflow: ${({ listOverflow }) => listOverflow || 'initial'};\n\n    margin: ${({ isInnerUl }) => (isInnerUl ? `calc(var(${tokens.padding}) * -1) 0 0 0` : 0)};\n    padding: var(${tokens.padding}) 0;\n`;\n\nexport const IconArrowWrapper = styled.div`\n    line-height: 0;\n    color: var(${constants.disclosureIconColor});\n\n    .${classes.arrowInverse} {\n        transform: rotate(-180deg);\n    }\n`;\n\nexport const StyledArrow = styled(IconDisclosureDownCentered)``;\n\nexport const base = css``;\n"],"names":["_exp4","_ref","listWidth","_exp5","_ref2","listHeight","_exp6","_ref3","listOverflow","_exp7","_ref4","isInnerUl","concat","tokens","padding","Ul","styled","name","class","propsAsIs","vars","IconArrowWrapper","_exp11","IconDisclosureDownCentered","StyledArrow","base"],"mappings":";;;;;;;;;AAM+D,IAAAA,KAAA,GAL7CA,SAK6CA,KAAAA,GAAA;AAAA,EAAA,OAclD,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;IAAAA,OAAgBA,SAAS,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAnBjCA,SAmBiCA,KAAAA,GAAA;AAAA,EAAA,OACrC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,UAAAA,GAAAA,KAAAA,CAAAA,UAAAA,CAAAA;IAAAA,OAAiBA,UAAU,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GApBpCA,SAoBoCA,KAAAA,GAAA;AAAA,EAAA,OACtC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,YAAAA,GAAAA,KAAAA,CAAAA,YAAAA,CAAAA;IAAAA,OAAmBA,YAAY,IAAI,SAAS,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GArB7CA,SAqB6CA,KAAAA,GAAA;AAAA,EAAA,OAEjD,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,KAAAA,CAAAA,SAAAA,CAAAA;IAAAA,OAAiBA,SAAS,eAAAC,MAAA,CAAeC,sBAAM,CAACC,OAAQ,qBAAiB,CAAE,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAhBrF,IAAMC,EAAE,gBAAGC,YAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,IAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAYXpB,KAAsC,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACrCG,KAAwC,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACtCG,KAA+C,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAEjDG,KAA8E,EAAA,CAAA;AAAA,GAAA;AAAA,CAE3F,EAAA;AAEM,IAAMY,gBAAgB,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAOrC,EAAA;AAAC,IAAAG,MAAA,GAlCgBA,SAkChBA,MAAAA,GAAA;AAAA,EAAA,OAEgCC,qDAA0B,CAAA;AAAA,CAAA,CAAA;AAArD,IAAMC,WAAW,gBAAGR,YAAM,CAAAM,MAAA,EAAA,CAAA,CAAA;AAAAL,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAA8B,EAAA;AAExD,IAAMM,IAAI,GAAQ;;;;;;;"}

package/cjs/components/Combobox/ComboboxNew/Combobox.styles_1vz3bs3.css

@@ -0,0 +1,4 @@
+.uxiiees{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);border-radius:var(--plasma-combobox-border-radius);width:var(--uxiiees-0);height:var(--uxiiees-1);overflow:var(--uxiiees-2);margin:var(--uxiiees-3);padding:var(--plasma-combobox-padding) 0;}
+.i1veo3wn{line-height:0;color:var(--text-secondary);}.i1veo3wn .arrow-inverse{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
+
+

package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js

@@ -0,0 +1,151 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var classes = {
+  dropdownItemIsFocused: 'dropdown-item-is-focused',
+  dropdownItemIsDisabled: 'dropdown-item-is-disabled',
+  dropdownItemIsActive: 'dropdown-item-is-active',
+  selectTargetArrow: 'combobox-target-arrow',
+  arrowInverse: 'arrow-inverse',
+  textfieldTarget: 'combobox-textfield-target',
+  selectChipIsFocused: 'combobox-chip-is-focused',
+  selectWithoutBoxShadow: 'combobox-without-box-shadow',
+  selectItemCheckbox: 'combobox-item-checkbox',
+  selectSpinner: 'combobox-spinner'
+};
+var tokens = {
+  borderRadius: '--plasma-combobox-border-radius',
+  padding: '--plasma-combobox-padding',
+  focusOffset: '--plasma-combobox-focus-offset',
+  fontFamily: '--plasma-combobox-font-family',
+  fontSize: '--plasma-combobox-font-size',
+  fontStyle: '--plasma-combobox-font-style',
+  fontWeight: '--plasma-combobox-font-weight',
+  fontLetterSpacing: '--plasma-combobox-font-letter-spacing',
+  fontLineHeight: '--plasma-combobox-font-line-height',
+  itemHeight: '--plasma-combobox-item-height',
+  itemBorderRadius: '--plasma-combobox-item-border-radius',
+  itemPadding: '--plasma-combobox-item-padding',
+  itemPaddingTight: '--plasma-combobox-item-padding-tight',
+  itemIconSize: '--plasma-combobox-item-icon-size',
+  itemIconSizeTight: '--plasma-combobox-item-icon-size-tight',
+  itemIconMargin: '--plasma-combobox-item-icon-margin',
+  cellPadding: '--plasma-combobox-cell-padding',
+  cellPaddingLeftContent: '--plasma-combobox-cell-padding-left-content',
+  cellPaddingContent: '--plasma-combobox-cell-padding-content',
+  cellPaddingRightContent: '--plasma-combobox-cell-padding-right-content',
+  cellTextboxGap: '--plasma-combobox-cell-textbox-gap',
+  cellGap: '--plasma-combobox-cell-gap',
+  cellTitleFontFamily: '--plasma-combobox-cell-title-font-family',
+  cellTitleFontSize: '--plasma-combobox-cell-title-font-size',
+  cellTitleFontStyle: '--plasma-combobox-cell-title-font-style',
+  cellTitleFontWeight: '--plasma-combobox-cell-title-font-weight',
+  cellTitleLetterSpacing: '--plasma-combobox-cell-title-letter-spacing',
+  cellTitleLineHeight: '--plasma-combobox-cell-title-line-height',
+  checkboxTriggerSize: '--plasma-combobox-checkbox-trigger-size',
+  checkboxTriggerSizeTight: '--plasma-combobox-checkbox-trigger-size-tight',
+  checkboxTriggerBorderRadius: '--plasma-combobox-checkbox-trigger-border-radius',
+  checkboxTriggerBorderRadiusTight: '--plasma-combobox-checkbox-trigger-border-radius-tight',
+  checkboxFillColor: '--plasma-combobox-checkbox-fill-color',
+  checkboxIconColor: '--plasma-combobox-checkbox-icon-color',
+  checkboxTriggerBorderColor: '--plasma-combobox-checkbox-trigger-border-color',
+  indicatorSize: '--plasma-combobox-indicator-size',
+  targetHeight: '--plasma-combobox-target-height',
+  // Токены для TextField
+  textFieldColor: '--plasma-combobox-new-textfield-color',
+  textFieldBackgroundColor: '--plasma-combobox-new-textfield-background-color',
+  textFieldBackgroundColorHover: '--plasma-combobox-new-textfield-background-color-hover',
+  textFieldBackgroundColorFocus: '--plasma-combobox-new-textfield-background-color-focus',
+  textFieldBorderColor: '--plasma-combobox-new-textfield-border-color',
+  textFieldBorderColorHover: '--plasma-combobox-new-textfield-border-color-hover',
+  textFieldBorderColorFocus: '--plasma-combobox-new-textfield-border-color-focus',
+  textFieldColorReadOnly: '--plasma-combobox-new-textfield-color-readonly',
+  textFieldBackgroundColorReadOnly: '--plasma-combobox-new-textfield-bg-color-readonly',
+  textFieldBorderColorReadOnly: '--plasma-combobox-new-textfield-border-color-readonly',
+  textFieldPlaceholderColorReadOnly: '--plasma-combobox-new-textfield__placeholder-color-readonly',
+  textFieldCaretColor: '--plasma-combobox-new-textfield-caret-color',
+  textFieldPlaceholderColor: '--plasma-combobox-new-textfield-placeholder-color',
+  textFieldHeight: '--plasma-combobox-new-textfield-height',
+  textFieldBorderWidth: '--plasma-combobox-new-textfield-border-width',
+  textFieldBorderRadius: '--plasma-combobox-new-textfield-border-radius',
+  textFieldPadding: '--plasma-combobox-new-textfield-padding',
+  textFieldPaddingWithChips: '--plasma-combobox-new-textfield-padding-with-chips',
+  textFieldLeftContentMargin: '--plasma-combobox-new-textfield__left-content-margin',
+  textFieldRightContentMargin: '--plasma-combobox-new-textfield__right-content-margin',
+  textFieldFontFamily: '--plasma-combobox-new-textfield-font-family',
+  textFieldFontStyle: '--plasma-combobox-new-textfield-font-style',
+  textFieldFontSize: '--plasma-combobox-new-textfield-font-size',
+  textFieldFontWeight: '--plasma-combobox-new-textfield-font-weight',
+  textFieldLetterSpacing: '--plasma-combobox-new-textfield-letter-spacing',
+  textFieldLineHeight: '--plasma-combobox-new-textfield-line-height',
+  textFieldLabelColor: '--plasma-combobox-new-textfield-label-color',
+  textFieldLabelColorReadOnly: '--plasma-combobox-new-textfield__label-color-readonly',
+  textFieldLabelOffset: '--plasma-combobox-new-textfield__label-offset',
+  textFieldLabelFontFamily: '--plasma-combobox-new-textfield__label-font-family',
+  textFieldLabelFontStyle: '--plasma-combobox-new-textfield__label-font-style',
+  textFieldLabelFontSize: '--plasma-combobox-new-textfield__label-font-size',
+  textFieldLabelFontWeight: '--plasma-combobox-new-textfield__label-font-weight',
+  textFieldLabelLetterSpacing: '--plasma-combobox-new-textfield__label-letter-spacing',
+  textFieldLabelLineHeight: '--plasma-combobox-new-textfield__label-line-height',
+  textFieldLabelInnerFontFamily: '--plasma-combobox-new-textfield-placement_inner__label-font-family',
+  textFieldLabelInnerFontStyle: '--plasma-combobox-new-textfield-placement_inner__label-font-style',
+  textFieldLabelInnerFontSize: '--plasma-combobox-new-textfield-placement_inner__label-font-size',
+  textFieldLabelInnerFontWeight: '--plasma-combobox-new-textfield-placement_inner__label-font-weight',
+  textFieldLabelInnerLetterSpacing: '--plasma-combobox-new-textfield-placement_inner__label-letter-spacing',
+  textFieldLabelInnerLineHeight: '--plasma-combobox-new-textfield-placement_inner__label-line-height',
+  textFieldLabelInnerPadding: '--plasma-combobox-new-textfield-placement_inner__label-padding',
+  textFieldContentLabelInnerPadding: '--plasma-combobox-new-textfield-placement_inner__content-padding',
+  textFieldLeftHelperColor: '--plasma-combobox-new-textfield__left-helper-color',
+  textFieldLeftHelperColorReadOnly: '--plasma-combobox-new-textfield__left-helper-color-readonly',
+  textFieldLeftHelperOffset: '--plasma-combobox-new-textfield__left-helper-offset',
+  textFieldLeftHelperFontFamily: '--plasma-combobox-new-textfield__left-helper-font-family',
+  textFieldLeftHelperFontStyle: '--plasma-combobox-new-textfield__left-helper-font-style',
+  textFieldLeftHelperFontSize: '--plasma-combobox-new-textfield__left-helper-font-size',
+  textFieldLeftHelperFontWeight: '--plasma-combobox-new-textfield__left-helper-font-weight',
+  textFieldLeftHelperLetterSpacing: '--plasma-combobox-new-textfield__left-helper-letter-spacing',
+  textFieldLeftHelperLineHeight: '--plasma-combobox-new-textfield__left-helper-line-height',
+  textFieldTextBeforeColor: '--plasma-combobox-new-textfield__before-text-color',
+  textFieldTextAfterColor: '--plasma-combobox-new-textfield__after-text-color',
+  textFieldTextBeforeMargin: '--plasma-combobox-new-textfield__before-text-margin',
+  textFieldTextAfterMargin: '--plasma-combobox-new-textfield__after-text-margin',
+  textFieldDisabledOpacity: '--plasma-combobox-new-textfield-disabled-opacity',
+  textFieldFocusColor: '--plasma-combobox-new-textfield-focus-color',
+  textFieldChipCloseIconColor: '--plasma-combobox-new-textfield-chip-close-icons-color',
+  textFieldChipColor: '--plasma-combobox-new-textfield-chip-color',
+  textFieldChipBackground: '--plasma-combobox-new-textfield--chip-background',
+  textFieldChipColorHover: '--plasma-combobox-new-textfield-chip-color-hover',
+  textFieldChipBackgroundHover: '--plasma-combobox-new-textfield-chip-background-hover',
+  textFieldChipColorActive: '--plasma-combobox-new-textfield-chip-color-active',
+  textFieldChipBackgroundActive: '--plasma-combobox-new-textfield-chip-background-active',
+  textFieldChipBackgroundReadOnly: '--plasma-combobox-new-textfield-chip-background-read-only',
+  textFieldChipColorReadOnly: '--plasma-combobox-new-textfield-chip-color-read-only',
+  textFieldChipBackgroundReadOnlyHover: '--plasma-combobox-new-textfield-chip-background-read-only-hover',
+  textFieldChipColorReadOnlyHover: '--plasma-combobox-new-textfield-chip-color-read-only-hover',
+  textFieldChipOpacityReadonly: '--plasma-combobox-new-textfield-chip-opacity-read-only',
+  textFieldChipGap: '--plasma-combobox-new-textfield-chip-gap',
+  textFieldChipBorderRadius: '--plasma-combobox-new-textfield-chip-border-radius',
+  textFieldChipWidth: '--plasma-combobox-new-textfield-chip-width',
+  textFieldChipHeight: '--plasma-combobox-new-textfield-chip-height',
+  textFieldChipPaddingRight: '--plasma-combobox-new-textfield-chip-padding-right',
+  textFieldChipPaddingLeft: '--plasma-combobox-new-textfield-chip-padding-left',
+  textFieldChipClearContentMarginLeft: '--plasma-combobox-new-textfield-chip-clear-content-margin-left',
+  textFieldChipClearContentMarginRight: '--plasma-combobox-new-textfield-chip-clear-content-margin-right',
+  textFieldChipCloseIconSize: '--plasma-combobox-new-textfield-chip-close-icon-size',
+  textFieldChipFontFamily: '--plasma-combobox-new-textfield-chip-font-family',
+  textFieldChipFontSize: '--plasma-combobox-new-textfield-chip-font-size',
+  textFieldChipFontStyle: '--plasma-combobox-new-textfield-chip-font-style',
+  textFieldChipFontWeight: '--plasma-combobox-new-textfield-chip-font-weight',
+  textFieldChipLetterSpacing: '--plasma-combobox-new-textfield-chip-letter-spacing',
+  textFieldChipLineHeight: '--plasma-combobox-new-textfield-chip-line-height',
+  labelOffset: '--plasma-combobox-label-offset',
+  innerLabelGap: '--plasma-combobox-inner-label-gap',
+  helperTextColor: '--plasma-combobox-helper-text-color',
+  helperTextOffset: '--plasma-combobox-helper-text-offset',
+  spinnerSize: '--plasma-combobox-spinner-size',
+  spinnerSizeTight: '--plasma-combobox-spinner-size-tight'
+};
+
+exports.classes = classes;
+exports.tokens = tokens;
+//# sourceMappingURL=Combobox.tokens.js.map

package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.tokens.js","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tokens.ts"],"sourcesContent":["export const classes = {\n    dropdownItemIsFocused: 'dropdown-item-is-focused',\n    dropdownItemIsDisabled: 'dropdown-item-is-disabled',\n    dropdownItemIsActive: 'dropdown-item-is-active',\n    selectTargetArrow: 'combobox-target-arrow',\n    arrowInverse: 'arrow-inverse',\n    textfieldTarget: 'combobox-textfield-target',\n    selectChipIsFocused: 'combobox-chip-is-focused',\n    selectWithoutBoxShadow: 'combobox-without-box-shadow',\n    selectItemCheckbox: 'combobox-item-checkbox',\n    selectSpinner: 'combobox-spinner',\n};\n\nexport const tokens = {\n    borderRadius: '--plasma-combobox-border-radius',\n    padding: '--plasma-combobox-padding',\n    focusOffset: '--plasma-combobox-focus-offset',\n\n    fontFamily: '--plasma-combobox-font-family',\n    fontSize: '--plasma-combobox-font-size',\n    fontStyle: '--plasma-combobox-font-style',\n    fontWeight: '--plasma-combobox-font-weight',\n    fontLetterSpacing: '--plasma-combobox-font-letter-spacing',\n    fontLineHeight: '--plasma-combobox-font-line-height',\n\n    itemHeight: '--plasma-combobox-item-height',\n    itemBorderRadius: '--plasma-combobox-item-border-radius',\n    itemPadding: '--plasma-combobox-item-padding',\n    itemPaddingTight: '--plasma-combobox-item-padding-tight',\n    itemIconSize: '--plasma-combobox-item-icon-size',\n    itemIconSizeTight: '--plasma-combobox-item-icon-size-tight',\n    itemIconMargin: '--plasma-combobox-item-icon-margin',\n\n    cellPadding: '--plasma-combobox-cell-padding',\n    cellPaddingLeftContent: '--plasma-combobox-cell-padding-left-content',\n    cellPaddingContent: '--plasma-combobox-cell-padding-content',\n    cellPaddingRightContent: '--plasma-combobox-cell-padding-right-content',\n    cellTextboxGap: '--plasma-combobox-cell-textbox-gap',\n    cellGap: '--plasma-combobox-cell-gap',\n    cellTitleFontFamily: '--plasma-combobox-cell-title-font-family',\n    cellTitleFontSize: '--plasma-combobox-cell-title-font-size',\n    cellTitleFontStyle: '--plasma-combobox-cell-title-font-style',\n    cellTitleFontWeight: '--plasma-combobox-cell-title-font-weight',\n    cellTitleLetterSpacing: '--plasma-combobox-cell-title-letter-spacing',\n    cellTitleLineHeight: '--plasma-combobox-cell-title-line-height',\n\n    checkboxTriggerSize: '--plasma-combobox-checkbox-trigger-size',\n    checkboxTriggerSizeTight: '--plasma-combobox-checkbox-trigger-size-tight',\n    checkboxTriggerBorderRadius: '--plasma-combobox-checkbox-trigger-border-radius',\n    checkboxTriggerBorderRadiusTight: '--plasma-combobox-checkbox-trigger-border-radius-tight',\n    checkboxFillColor: '--plasma-combobox-checkbox-fill-color',\n    checkboxIconColor: '--plasma-combobox-checkbox-icon-color',\n    checkboxTriggerBorderColor: '--plasma-combobox-checkbox-trigger-border-color',\n\n    indicatorSize: '--plasma-combobox-indicator-size',\n\n    targetHeight: '--plasma-combobox-target-height',\n\n    // Токены для TextField\n    textFieldColor: '--plasma-combobox-new-textfield-color',\n    textFieldBackgroundColor: '--plasma-combobox-new-textfield-background-color',\n    textFieldBackgroundColorHover: '--plasma-combobox-new-textfield-background-color-hover',\n    textFieldBackgroundColorFocus: '--plasma-combobox-new-textfield-background-color-focus',\n    textFieldBorderColor: '--plasma-combobox-new-textfield-border-color',\n    textFieldBorderColorHover: '--plasma-combobox-new-textfield-border-color-hover',\n    textFieldBorderColorFocus: '--plasma-combobox-new-textfield-border-color-focus',\n    textFieldColorReadOnly: '--plasma-combobox-new-textfield-color-readonly',\n    textFieldBackgroundColorReadOnly: '--plasma-combobox-new-textfield-bg-color-readonly',\n    textFieldBorderColorReadOnly: '--plasma-combobox-new-textfield-border-color-readonly',\n    textFieldPlaceholderColorReadOnly: '--plasma-combobox-new-textfield__placeholder-color-readonly',\n    textFieldCaretColor: '--plasma-combobox-new-textfield-caret-color',\n    textFieldPlaceholderColor: '--plasma-combobox-new-textfield-placeholder-color',\n    textFieldHeight: '--plasma-combobox-new-textfield-height',\n    textFieldBorderWidth: '--plasma-combobox-new-textfield-border-width',\n    textFieldBorderRadius: '--plasma-combobox-new-textfield-border-radius',\n    textFieldPadding: '--plasma-combobox-new-textfield-padding',\n    textFieldPaddingWithChips: '--plasma-combobox-new-textfield-padding-with-chips',\n    textFieldLeftContentMargin: '--plasma-combobox-new-textfield__left-content-margin',\n    textFieldRightContentMargin: '--plasma-combobox-new-textfield__right-content-margin',\n    textFieldFontFamily: '--plasma-combobox-new-textfield-font-family',\n    textFieldFontStyle: '--plasma-combobox-new-textfield-font-style',\n    textFieldFontSize: '--plasma-combobox-new-textfield-font-size',\n    textFieldFontWeight: '--plasma-combobox-new-textfield-font-weight',\n    textFieldLetterSpacing: '--plasma-combobox-new-textfield-letter-spacing',\n    textFieldLineHeight: '--plasma-combobox-new-textfield-line-height',\n    textFieldLabelColor: '--plasma-combobox-new-textfield-label-color',\n    textFieldLabelColorReadOnly: '--plasma-combobox-new-textfield__label-color-readonly',\n    textFieldLabelOffset: '--plasma-combobox-new-textfield__label-offset',\n    textFieldLabelFontFamily: '--plasma-combobox-new-textfield__label-font-family',\n    textFieldLabelFontStyle: '--plasma-combobox-new-textfield__label-font-style',\n    textFieldLabelFontSize: '--plasma-combobox-new-textfield__label-font-size',\n    textFieldLabelFontWeight: '--plasma-combobox-new-textfield__label-font-weight',\n    textFieldLabelLetterSpacing: '--plasma-combobox-new-textfield__label-letter-spacing',\n    textFieldLabelLineHeight: '--plasma-combobox-new-textfield__label-line-height',\n    textFieldLabelInnerFontFamily: '--plasma-combobox-new-textfield-placement_inner__label-font-family',\n    textFieldLabelInnerFontStyle: '--plasma-combobox-new-textfield-placement_inner__label-font-style',\n    textFieldLabelInnerFontSize: '--plasma-combobox-new-textfield-placement_inner__label-font-size',\n    textFieldLabelInnerFontWeight: '--plasma-combobox-new-textfield-placement_inner__label-font-weight',\n    textFieldLabelInnerLetterSpacing: '--plasma-combobox-new-textfield-placement_inner__label-letter-spacing',\n    textFieldLabelInnerLineHeight: '--plasma-combobox-new-textfield-placement_inner__label-line-height',\n    textFieldLabelInnerPadding: '--plasma-combobox-new-textfield-placement_inner__label-padding',\n    textFieldContentLabelInnerPadding: '--plasma-combobox-new-textfield-placement_inner__content-padding',\n    textFieldLeftHelperColor: '--plasma-combobox-new-textfield__left-helper-color',\n    textFieldLeftHelperColorReadOnly: '--plasma-combobox-new-textfield__left-helper-color-readonly',\n    textFieldLeftHelperOffset: '--plasma-combobox-new-textfield__left-helper-offset',\n    textFieldLeftHelperFontFamily: '--plasma-combobox-new-textfield__left-helper-font-family',\n    textFieldLeftHelperFontStyle: '--plasma-combobox-new-textfield__left-helper-font-style',\n    textFieldLeftHelperFontSize: '--plasma-combobox-new-textfield__left-helper-font-size',\n    textFieldLeftHelperFontWeight: '--plasma-combobox-new-textfield__left-helper-font-weight',\n    textFieldLeftHelperLetterSpacing: '--plasma-combobox-new-textfield__left-helper-letter-spacing',\n    textFieldLeftHelperLineHeight: '--plasma-combobox-new-textfield__left-helper-line-height',\n    textFieldTextBeforeColor: '--plasma-combobox-new-textfield__before-text-color',\n    textFieldTextAfterColor: '--plasma-combobox-new-textfield__after-text-color',\n    textFieldTextBeforeMargin: '--plasma-combobox-new-textfield__before-text-margin',\n    textFieldTextAfterMargin: '--plasma-combobox-new-textfield__after-text-margin',\n    textFieldDisabledOpacity: '--plasma-combobox-new-textfield-disabled-opacity',\n    textFieldFocusColor: '--plasma-combobox-new-textfield-focus-color',\n    textFieldChipCloseIconColor: '--plasma-combobox-new-textfield-chip-close-icons-color',\n    textFieldChipColor: '--plasma-combobox-new-textfield-chip-color',\n    textFieldChipBackground: '--plasma-combobox-new-textfield--chip-background',\n    textFieldChipColorHover: '--plasma-combobox-new-textfield-chip-color-hover',\n    textFieldChipBackgroundHover: '--plasma-combobox-new-textfield-chip-background-hover',\n    textFieldChipColorActive: '--plasma-combobox-new-textfield-chip-color-active',\n    textFieldChipBackgroundActive: '--plasma-combobox-new-textfield-chip-background-active',\n    textFieldChipBackgroundReadOnly: '--plasma-combobox-new-textfield-chip-background-read-only',\n    textFieldChipColorReadOnly: '--plasma-combobox-new-textfield-chip-color-read-only',\n    textFieldChipBackgroundReadOnlyHover: '--plasma-combobox-new-textfield-chip-background-read-only-hover',\n    textFieldChipColorReadOnlyHover: '--plasma-combobox-new-textfield-chip-color-read-only-hover',\n    textFieldChipOpacityReadonly: '--plasma-combobox-new-textfield-chip-opacity-read-only',\n    textFieldChipGap: '--plasma-combobox-new-textfield-chip-gap',\n    textFieldChipBorderRadius: '--plasma-combobox-new-textfield-chip-border-radius',\n    textFieldChipWidth: '--plasma-combobox-new-textfield-chip-width',\n    textFieldChipHeight: '--plasma-combobox-new-textfield-chip-height',\n    textFieldChipPaddingRight: '--plasma-combobox-new-textfield-chip-padding-right',\n    textFieldChipPaddingLeft: '--plasma-combobox-new-textfield-chip-padding-left',\n    textFieldChipClearContentMarginLeft: '--plasma-combobox-new-textfield-chip-clear-content-margin-left',\n    textFieldChipClearContentMarginRight: '--plasma-combobox-new-textfield-chip-clear-content-margin-right',\n    textFieldChipCloseIconSize: '--plasma-combobox-new-textfield-chip-close-icon-size',\n    textFieldChipFontFamily: '--plasma-combobox-new-textfield-chip-font-family',\n    textFieldChipFontSize: '--plasma-combobox-new-textfield-chip-font-size',\n    textFieldChipFontStyle: '--plasma-combobox-new-textfield-chip-font-style',\n    textFieldChipFontWeight: '--plasma-combobox-new-textfield-chip-font-weight',\n    textFieldChipLetterSpacing: '--plasma-combobox-new-textfield-chip-letter-spacing',\n    textFieldChipLineHeight: '--plasma-combobox-new-textfield-chip-line-height',\n\n    labelOffset: '--plasma-combobox-label-offset',\n\n    innerLabelGap: '--plasma-combobox-inner-label-gap',\n\n    helperTextColor: '--plasma-combobox-helper-text-color',\n    helperTextOffset: '--plasma-combobox-helper-text-offset',\n\n    spinnerSize: '--plasma-combobox-spinner-size',\n    spinnerSizeTight: '--plasma-combobox-spinner-size-tight',\n};\n\nexport const constants = {\n    focusColor: '--surface-accent',\n    focusSize: '0.0625rem',\n    background: '--surface-solid-card',\n    boxShadow: '0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04)',\n    disclosureIconColor: '--text-secondary',\n    disclosureIconColorHover: '--text-secondary-hover',\n    itemBackground: '--plasma-colors-transparent',\n    itemBackgroundHover: '--surface-transparent-secondary',\n    textfieldTargetColor: '--text-primary',\n    textfieldOuterLabelColor: '--text-primary',\n    textfieldInnerLabelColor: '--text-secondary',\n    textfieldPlaceholderColor: '--text-secondary',\n    textfieldBorderSize: '0.0625rem',\n    opacity: '0.4',\n    fontFamily: '--plasma-typo-body-xs-font-family',\n    fontSize: '--plasma-typo-body-xs-font-size',\n    fontStyle: '--plasma-typo-body-xs-font-style',\n    fontWeight: '--plasma-typo-body-xs-font-weight',\n    fontLetterSpacing: '--plasma-typo-body-xs-letter-spacing',\n    fontLineHeight: '--plasma-typo-body-xs-line-height',\n    cellTitleColor: '--text-primary',\n    cellBackgroundColor: '--plasma-colors-transparent',\n};\n"],"names":["classes","dropdownItemIsFocused","dropdownItemIsDisabled","dropdownItemIsActive","selectTargetArrow","arrowInverse","textfieldTarget","selectChipIsFocused","selectWithoutBoxShadow","selectItemCheckbox","selectSpinner","tokens","borderRadius","padding","focusOffset","fontFamily","fontSize","fontStyle","fontWeight","fontLetterSpacing","fontLineHeight","itemHeight","itemBorderRadius","itemPadding","itemPaddingTight","itemIconSize","itemIconSizeTight","itemIconMargin","cellPadding","cellPaddingLeftContent","cellPaddingContent","cellPaddingRightContent","cellTextboxGap","cellGap","cellTitleFontFamily","cellTitleFontSize","cellTitleFontStyle","cellTitleFontWeight","cellTitleLetterSpacing","cellTitleLineHeight","checkboxTriggerSize","checkboxTriggerSizeTight","checkboxTriggerBorderRadius","checkboxTriggerBorderRadiusTight","checkboxFillColor","checkboxIconColor","checkboxTriggerBorderColor","indicatorSize","targetHeight","textFieldColor","textFieldBackgroundColor","textFieldBackgroundColorHover","textFieldBackgroundColorFocus","textFieldBorderColor","textFieldBorderColorHover","textFieldBorderColorFocus","textFieldColorReadOnly","textFieldBackgroundColorReadOnly","textFieldBorderColorReadOnly","textFieldPlaceholderColorReadOnly","textFieldCaretColor","textFieldPlaceholderColor","textFieldHeight","textFieldBorderWidth","textFieldBorderRadius","textFieldPadding","textFieldPaddingWithChips","textFieldLeftContentMargin","textFieldRightContentMargin","textFieldFontFamily","textFieldFontStyle","textFieldFontSize","textFieldFontWeight","textFieldLetterSpacing","textFieldLineHeight","textFieldLabelColor","textFieldLabelColorReadOnly","textFieldLabelOffset","textFieldLabelFontFamily","textFieldLabelFontStyle","textFieldLabelFontSize","textFieldLabelFontWeight","textFieldLabelLetterSpacing","textFieldLabelLineHeight","textFieldLabelInnerFontFamily","textFieldLabelInnerFontStyle","textFieldLabelInnerFontSize","textFieldLabelInnerFontWeight","textFieldLabelInnerLetterSpacing","textFieldLabelInnerLineHeight","textFieldLabelInnerPadding","textFieldContentLabelInnerPadding","textFieldLeftHelperColor","textFieldLeftHelperColorReadOnly","textFieldLeftHelperOffset","textFieldLeftHelperFontFamily","textFieldLeftHelperFontStyle","textFieldLeftHelperFontSize","textFieldLeftHelperFontWeight","textFieldLeftHelperLetterSpacing","textFieldLeftHelperLineHeight","textFieldTextBeforeColor","textFieldTextAfterColor","textFieldTextBeforeMargin","textFieldTextAfterMargin","textFieldDisabledOpacity","textFieldFocusColor","textFieldChipCloseIconColor","textFieldChipColor","textFieldChipBackground","textFieldChipColorHover","textFieldChipBackgroundHover","textFieldChipColorActive","textFieldChipBackgroundActive","textFieldChipBackgroundReadOnly","textFieldChipColorReadOnly","textFieldChipBackgroundReadOnlyHover","textFieldChipColorReadOnlyHover","textFieldChipOpacityReadonly","textFieldChipGap","textFieldChipBorderRadius","textFieldChipWidth","textFieldChipHeight","textFieldChipPaddingRight","textFieldChipPaddingLeft","textFieldChipClearContentMarginLeft","textFieldChipClearContentMarginRight","textFieldChipCloseIconSize","textFieldChipFontFamily","textFieldChipFontSize","textFieldChipFontStyle","textFieldChipFontWeight","textFieldChipLetterSpacing","textFieldChipLineHeight","labelOffset","innerLabelGap","helperTextColor","helperTextOffset","spinnerSize","spinnerSizeTight"],"mappings":"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"}

package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js

@@ -0,0 +1,70 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var react = require('@floating-ui/react');
+var React = require('react');
+var plasmaCore = require('@salutejs/plasma-core');
+
+var FloatingPopover = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var target = _ref.target,
+    children = _ref.children,
+    opened = _ref.opened,
+    onToggle = _ref.onToggle,
+    placement = _ref.placement,
+    portal = _ref.portal,
+    _ref$offset = _ref.offset,
+    offset = _ref$offset === void 0 ? 0 : _ref$offset;
+  var _useFloating = react.useFloating({
+      placement: placement,
+      open: opened,
+      middleware: [react.offset(offset), react.flip({
+        fallbackAxisSideDirection: 'end'
+      }), react.shift(), react.size({
+        apply: function apply(_ref2) {
+          var rects = _ref2.rects,
+            elements = _ref2.elements;
+          Object.assign(elements.floating.style, {
+            width: "".concat(rects.reference.width, "px")
+          });
+        }
+      })]
+    }),
+    refs = _useFloating.refs,
+    floatingStyles = _useFloating.floatingStyles;
+  var wrappedId = plasmaCore.safeUseId();
+  var handleClick = function handleClick() {
+    if (onToggle) {
+      onToggle(!opened);
+    }
+  };
+
+  // Проверка на target. Это может быть как ReactNode, так и функция, в которую пробрасывается ref.
+  // Это нужно для более тонкой настройки reference-элемента, вокруг которого и будет позиционироваться выпадашка.
+  // Пример: когда в Textfield под инпутом находится helperText (или еще что-либо),
+  // но выпадающий список должен позиционироваться непосредственно возле самого инпута.
+  var isTargetFunction = typeof target === 'function';
+  return /*#__PURE__*/React.createElement("div", {
+    ref: ref,
+    id: wrappedId
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: isTargetFunction ? undefined : refs.setReference,
+    onClick: handleClick
+  }, typeof target === 'function' ? target(refs.setReference) : target), opened &&
+  /*#__PURE__*/
+  // root - принимает ref контейнера портала.
+  // id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.
+  React.createElement(react.FloatingPortal, {
+    root: portal,
+    id: portal ? undefined : wrappedId
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: refs.setFloating,
+    style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, floatingStyles), {}, {
+      zIndex: 1
+    })
+  }, children)));
+});
+
+exports.FloatingPopover = FloatingPopover;
+//# sourceMappingURL=FloatingPopover.js.map

package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingPopover.js","sources":["../../../../src/components/Combobox/ComboboxNew/FloatingPopover.tsx"],"sourcesContent":["import { flip, shift, size, useFloating, FloatingPortal, offset as offsetMiddleware } from '@floating-ui/react';\nimport React, { forwardRef } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport type { FloatingPopoverProps } from './Combobox.types';\n\nconst FloatingPopover = forwardRef<HTMLDivElement, FloatingPopoverProps>(\n    ({ target, children, opened, onToggle, placement, portal, offset = 0 }, ref) => {\n        const { refs, floatingStyles } = useFloating({\n            placement,\n            open: opened,\n            middleware: [\n                offsetMiddleware(offset),\n                flip({ fallbackAxisSideDirection: 'end' }),\n                shift(),\n                size({\n                    apply({ rects, elements }) {\n                        Object.assign(elements.floating.style, {\n                            width: `${rects.reference.width}px`,\n                        });\n                    },\n                }),\n            ],\n        });\n\n        const wrappedId = safeUseId();\n\n        const handleClick = () => {\n            if (onToggle) {\n                onToggle(!opened);\n            }\n        };\n\n        // Проверка на target. Это может быть как ReactNode, так и функция, в которую пробрасывается ref.\n        // Это нужно для более тонкой настройки reference-элемента, вокруг которого и будет позиционироваться выпадашка.\n        // Пример: когда в Textfield под инпутом находится helperText (или еще что-либо),\n        // но выпадающий список должен позиционироваться непосредственно возле самого инпута.\n        const isTargetFunction = typeof target === 'function';\n\n        return (\n            <div ref={ref} id={wrappedId}>\n                <div ref={isTargetFunction ? undefined : refs.setReference} onClick={handleClick}>\n                    {typeof target === 'function' ? target(refs.setReference as any) : target}\n                </div>\n\n                {opened && (\n                    // root - принимает ref контейнера портала.\n                    // id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\n                    <FloatingPortal root={portal} id={portal ? undefined : wrappedId}>\n                        <div ref={refs.setFloating} style={{ ...floatingStyles, zIndex: 1 }}>\n                            {children}\n                        </div>\n                    </FloatingPortal>\n                )}\n            </div>\n        );\n    },\n);\n\nexport { FloatingPopover };\n"],"names":["FloatingPopover","forwardRef","_ref","ref","target","children","opened","onToggle","placement","portal","_ref$offset","offset","_useFloating","useFloating","open","middleware","offsetMiddleware","flip","fallbackAxisSideDirection","shift","size","apply","_ref2","rects","elements","Object","assign","floating","style","width","concat","reference","refs","floatingStyles","wrappedId","safeUseId","handleClick","isTargetFunction","React","createElement","id","undefined","setReference","onClick","FloatingPortal","root","setFloating","_objectSpread","zIndex"],"mappings":"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"}

package/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js

@@ -0,0 +1,53 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('react');
+require('../../../../utils/react.js');
+var isEmpty = require('../../../../utils/isEmpty.js');
+
+var getPathMap = function getPathMap(items) {
+  var pathMap = new Map();
+  var focusedToValueMap = new Map();
+  pathMap.set('root', (items === null || items === void 0 ? void 0 : items.length) || 0);
+  var rec = function rec(items) {
+    var prevIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+    items === null || items === void 0 || items.forEach(function (item, index) {
+      var value = item.value,
+        innerItems = item.items;
+      var currIndex = "".concat(prevIndex, "/").concat(index).replace(/^(\/)/, '');
+      focusedToValueMap.set(currIndex, item);
+      if (innerItems) {
+        pathMap.set(value, innerItems.length);
+        rec(innerItems, currIndex);
+      }
+    });
+  };
+  rec(items);
+  return [pathMap, focusedToValueMap];
+};
+var getTreeMaps = function getTreeMaps(items) {
+  var valueToCheckedMap = new Map();
+  var valueToItemMap = new Map();
+  var labelToItemMap = new Map();
+  var rec = function rec(items) {
+    items === null || items === void 0 || items.forEach(function (item, index) {
+      var value = item.value,
+        label = item.label,
+        innerItems = item.items;
+      valueToCheckedMap.set(value, false);
+      if (isEmpty.isEmpty(innerItems) || !innerItems) {
+        valueToItemMap.set(value, item);
+        labelToItemMap.set(label, item);
+      } else {
+        rec(innerItems);
+      }
+    });
+  };
+  rec(items);
+  return [valueToCheckedMap, valueToItemMap, labelToItemMap];
+};
+
+exports.getPathMap = getPathMap;
+exports.getTreeMaps = getTreeMaps;
+//# sourceMappingURL=getPathMaps.js.map

package/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getPathMaps.js","sources":["../../../../../src/components/Combobox/ComboboxNew/hooks/getPathMaps.ts"],"sourcesContent":["import { isEmpty } from '../../../../utils';\nimport { ComboboxProps } from '../Combobox.types';\nimport { ItemOptionTransformed } from '../ui/Inner/ui/Item/Item.types';\n\nexport type PathMapType = Map<string, number>;\nexport type FocusedToValueMapType = Map<string, ItemOptionTransformed>;\nexport type ValueToCheckedMapType = Map<ItemOptionTransformed['value'], boolean | 'done' | 'dot' | 'indeterminate'>;\nexport type ValueToItemMapType = Map<ItemOptionTransformed['value'], ItemOptionTransformed>;\nexport type LabelToItemMapType = Map<ItemOptionTransformed['label'], ItemOptionTransformed>;\n\nexport const getPathMap = (items: ComboboxProps['items']) => {\n    const pathMap: PathMapType = new Map();\n    const focusedToValueMap: FocusedToValueMapType = new Map();\n\n    pathMap.set('root', items?.length || 0);\n\n    const rec = (items: ComboboxProps['items'], prevIndex = '') => {\n        items?.forEach((item: ItemOptionTransformed, index: number) => {\n            const { value, items: innerItems } = item;\n            const currIndex = `${prevIndex}/${index}`.replace(/^(\\/)/, '');\n\n            focusedToValueMap.set(currIndex, item);\n\n            if (innerItems) {\n                pathMap.set(value, innerItems.length);\n                rec(innerItems, currIndex);\n            }\n        });\n    };\n    rec(items);\n\n    return [pathMap, focusedToValueMap] as [PathMapType, FocusedToValueMapType];\n};\n\nexport const getTreeMaps = (items: ComboboxProps['items']) => {\n    const valueToCheckedMap: ValueToCheckedMapType = new Map();\n    const valueToItemMap: ValueToItemMapType = new Map();\n    const labelToItemMap: ValueToItemMapType = new Map();\n\n    const rec = (items: ComboboxProps['items'], prevIndex = '') => {\n        items?.forEach((item: ItemOptionTransformed, index: number) => {\n            const { value, label, items: innerItems } = item;\n\n            const currIndex = `${prevIndex}/${index}`.replace(/^(\\/)/, '');\n\n            valueToCheckedMap.set(value, false);\n\n            if (isEmpty(innerItems) || !innerItems) {\n                valueToItemMap.set(value, item);\n                labelToItemMap.set(label, item);\n            } else {\n                rec(innerItems, currIndex);\n            }\n        });\n    };\n    rec(items);\n\n    return [valueToCheckedMap, valueToItemMap, labelToItemMap] as [\n        ValueToCheckedMapType,\n        ValueToItemMapType,\n        LabelToItemMapType,\n    ];\n};\n"],"names":["getPathMap","items","pathMap","Map","focusedToValueMap","set","length","rec","prevIndex","arguments","undefined","forEach","item","index","value","innerItems","currIndex","concat","replace","getTreeMaps","valueToCheckedMap","valueToItemMap","labelToItemMap","label","isEmpty"],"mappings":"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"}