@salutejs/plasma-new-hope 0.195.0-canary.1572.11914481185.0 → 0.195.0-dev.0

package/es/components/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":["import React, { forwardRef, useState, useReducer, useMemo, createContext, useLayoutEffect, useRef } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines';\nimport { isEmpty } from '../../utils';\nimport { useOutsideClick } from '../../hooks';\n\nimport { useKeyNavigation, getItemByFocused } from './hooks/useKeyboardNavigation';\nimport {\n    initialItemsTransform,\n    updateAncestors,\n    updateDescendants,\n    updateSingleAncestors,\n    getView,\n    getInitialValue,\n} from './utils';\nimport { Inner, Target } from './ui';\nimport { pathReducer, focusedPathReducer } from './reducers';\nimport { usePathMaps } from './hooks/usePathMaps';\nimport { Ul, base } from './Select.styles';\nimport type { ItemContext, MergedSelectProps } from './Select.types';\nimport type { MergedDropdownNodeTransformed } from './ui/Inner/ui/Item/Item.types';\nimport { FloatingPopover } from './FloatingPopover';\n\nexport const Context = createContext<ItemContext>({} as ItemContext);\n\n/**\n * Выпадающий список. Поддерживает выбор одного или нескольких значений.\n */\nexport const selectRoot = (Root: RootProps<HTMLButtonElement, Omit<MergedSelectProps, 'items'>>) =>\n    forwardRef<HTMLButtonElement, MergedSelectProps>((props, ref) => {\n        const {\n            value: outerValue,\n            onChange: outerOnChange,\n            target = 'textfield-like',\n            items,\n            placement = 'bottom',\n            label,\n            labelPlacement,\n            placeholder,\n            helperText,\n            disabled = false,\n            view: outerView,\n            size,\n            listOverflow,\n            listHeight,\n            listWidth,\n            contentLeft,\n            onScrollBottom,\n            chipView,\n            variant = 'normal',\n            portal,\n            renderValue,\n            renderItem,\n            status,\n            onItemSelect,\n            separator,\n            closeAfterSelect: outerCloseAfterSelect,\n            isTargetAmount,\n            ...rest\n        } = props;\n        const transformedItems = useMemo(() => initialItemsTransform(items || []), [items]);\n\n        // Создаем структуры для быстрой работы с деревом\n        const [pathMap, focusedToValueMap, valueToCheckedMap, valueToItemMap, labelToItemMap] = usePathMaps(\n            transformedItems,\n        );\n\n        const [internalValue, setInternalValue] = useState<string | number | Array<string | number>>(\n            props.multiselect ? [] : '',\n        );\n\n        const value =\n            outerValue !== null && outerValue !== undefined\n                ? getInitialValue(outerValue, valueToItemMap)\n                : internalValue;\n\n        const floatingPopoverRef = useRef<HTMLDivElement>(null);\n\n        // Состояния дерева элементов\n        const [path, dispatchPath] = useReducer(pathReducer, []);\n        const [focusedPath, dispatchFocusedPath] = useReducer(focusedPathReducer, []);\n        const [checked, setChecked] = useState(valueToCheckedMap);\n\n        const isCurrentListOpen = Boolean(path[0]);\n        const activeDescendantItemValue = getItemByFocused(focusedPath, focusedToValueMap)?.value.toString() || '';\n        const closeAfterSelect = outerCloseAfterSelect ?? !props.multiselect;\n        const treeId = safeUseId();\n        const view = target === 'textfield-like' && disabled ? 'default' : getView(status, outerView);\n\n        const targetRef = useOutsideClick<HTMLUListElement>(() => {\n            if (!isCurrentListOpen) {\n                return;\n            }\n\n            dispatchPath({ type: 'reset' });\n            dispatchFocusedPath({ type: 'reset' });\n        }, floatingPopoverRef);\n\n        const onChange = (newValue: string | number | Array<string | number>) => {\n            if (outerOnChange) {\n                outerOnChange(newValue as any);\n            }\n\n            setInternalValue(newValue);\n        };\n\n        const handleClickArrow = () => {\n            if (disabled) {\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        const handleListToggle = (opened: boolean) => {\n            if (disabled) {\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        const handleCheckboxChange = (item: MergedDropdownNodeTransformed) => {\n            if (!props.multiselect) {\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 | number> = [];\n\n            valueToItemMap.forEach((item, key) => {\n                if (checkedCopy.get(key)) {\n                    newValues.push(item.value);\n                }\n            });\n\n            if (closeAfterSelect) {\n                dispatchPath({ type: 'reset' });\n                dispatchFocusedPath({ type: 'reset' });\n            }\n\n            if (onChange) {\n                onChange(newValues);\n            }\n        };\n\n        const handleItemClick = (item: MergedDropdownNodeTransformed, e?: React.MouseEvent<HTMLElement>) => {\n            if (!isEmpty(item?.items)) {\n                return;\n            }\n\n            if (props.multiselect) {\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 (closeAfterSelect) {\n                dispatchPath({ type: 'reset' });\n                dispatchFocusedPath({ type: 'reset' });\n            }\n\n            if (onChange) {\n                onChange(isCurrentChecked ? '' : item.value);\n            }\n\n            if (onItemSelect) {\n                onItemSelect(item, e!);\n            }\n        };\n\n        const handlePressDown = (item: MergedDropdownNodeTransformed, e?: React.MouseEvent<HTMLElement>) => {\n            if (isEmpty(item.items)) {\n                handleItemClick(item, e);\n            } else if (props.multiselect) {\n                handleCheckboxChange(item);\n            }\n        };\n\n        const handleScroll = (e: React.UIEvent<HTMLUListElement>) => {\n            if (!onScrollBottom) return;\n\n            const { target } = e;\n\n            if (\n                (target as HTMLElement).scrollHeight - (target as HTMLElement).scrollTop ===\n                (target as HTMLElement).clientHeight\n            ) {\n                onScrollBottom(e);\n            }\n        };\n\n        const { onKeyDown } = useKeyNavigation({\n            focusedPath,\n            dispatchFocusedPath,\n            path,\n            dispatchPath,\n            pathMap,\n            focusedToValueMap,\n            handleListToggle,\n            handlePressDown,\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) || typeof value === 'number') {\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            // В deps мы кладем именно outerValue и internalValue, а не просто value.\n            // Т.к. вначале нужно отфильтровать и провалидировать outerValue и результат положить в переменную.\n            // А переменную, содержащую сложные типы данных, нельзя помещать в deps.\n        }, [outerValue, internalValue, items]);\n\n        return (\n            <Root\n                view={view}\n                size={size}\n                labelPlacement={labelPlacement}\n                chipView={chipView}\n                disabled={disabled}\n                {...(rest as any)}\n            >\n                <Context.Provider\n                    value={{\n                        focusedPath,\n                        checked,\n                        multiselect: props.multiselect,\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                            <Target\n                                ref={ref}\n                                target={target}\n                                value={value}\n                                opened={isCurrentListOpen}\n                                valueToItemMap={valueToItemMap}\n                                label={label}\n                                placeholder={placeholder}\n                                onKeyDown={onKeyDown}\n                                labelPlacement={labelPlacement}\n                                size={size}\n                                contentLeft={contentLeft}\n                                disabled={disabled}\n                                renderValue={renderValue}\n                                selectProps={props}\n                                inputWrapperRef={referenceRef as React.MutableRefObject<HTMLDivElement>}\n                                multiselect={props.multiselect}\n                                view={view}\n                                handleClickArrow={handleClickArrow}\n                                helperText={helperText}\n                                treeId={treeId}\n                                activeDescendantItemValue={activeDescendantItemValue}\n                                isTargetAmount={isTargetAmount}\n                                onChange={onChange}\n                                labelToItemMap={labelToItemMap}\n                                chipView={chipView}\n                                separator={separator}\n                            />\n                        )}\n                    >\n                        <Root\n                            view={view}\n                            size={size}\n                            labelPlacement={labelPlacement}\n                            chipView={chipView}\n                            disabled={disabled}\n                            {...(rest as any)}\n                        >\n                            <Ul\n                                role=\"tree\"\n                                id={`${treeId}_tree_level_1`}\n                                aria-multiselectable={Boolean(props.multiselect)}\n                                listHeight={listHeight}\n                                listOverflow={listOverflow}\n                                onScroll={handleScroll}\n                                listWidth={listWidth}\n                                ref={targetRef}\n                            >\n                                {transformedItems.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            </Root>\n        );\n    });\n\nexport const selectConfig = {\n    name: 'Select',\n    tag: 'div',\n    layout: selectRoot,\n    base,\n    variations: {},\n    defaults: {\n        view: 'default',\n        size: 'm',\n        labelPlacement: 'outer',\n        chipView: 'default',\n    },\n};\n"],"names":["Context","createContext","selectRoot","Root","forwardRef","props","ref","_getItemByFocused","outerValue","value","outerOnChange","onChange","_props$target","target","items","_props$placement","placement","label","labelPlacement","placeholder","helperText","_props$disabled","disabled","outerView","view","size","listOverflow","listHeight","listWidth","contentLeft","onScrollBottom","chipView","_props$variant","variant","portal","renderValue","renderItem","status","onItemSelect","separator","outerCloseAfterSelect","closeAfterSelect","isTargetAmount","rest","_objectWithoutProperties","_excluded","transformedItems","useMemo","initialItemsTransform","_usePathMaps","usePathMaps","_usePathMaps2","_slicedToArray","pathMap","focusedToValueMap","valueToCheckedMap","valueToItemMap","labelToItemMap","_useState","useState","multiselect","_useState2","internalValue","setInternalValue","undefined","getInitialValue","floatingPopoverRef","useRef","_useReducer","useReducer","pathReducer","_useReducer2","path","dispatchPath","_useReducer3","focusedPathReducer","_useReducer4","focusedPath","dispatchFocusedPath","_useState3","_useState4","checked","setChecked","isCurrentListOpen","Boolean","activeDescendantItemValue","getItemByFocused","toString","treeId","safeUseId","getView","targetRef","useOutsideClick","type","newValue","handleClickArrow","handleListToggle","opened","handleCheckboxChange","item","checkedCopy","Map","get","set","updateDescendants","updateAncestors","newValues","forEach","key","push","handleItemClick","e","isEmpty","stopPropagation","isCurrentChecked","handlePressDown","handleScroll","scrollHeight","scrollTop","clientHeight","_useKeyNavigation","useKeyNavigation","onKeyDown","useLayoutEffect","_","Array","isArray","val","updateSingleAncestors","React","createElement","_extends","Provider","FloatingPopover","onToggle","referenceRef","Target","selectProps","inputWrapperRef","Ul","role","id","concat","onScroll","map","index","Inner","currentLevel","selectConfig","name","tag","layout","base","variations","defaults"],"mappings":"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"}
+{"version":3,"file":"Select.js","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":["import React, { forwardRef, useState, useReducer, useMemo, createContext, useLayoutEffect, useRef } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines';\nimport { isEmpty } from '../../utils';\nimport { useOutsideClick } from '../../hooks';\n\nimport { useKeyNavigation, getItemByFocused } from './hooks/useKeyboardNavigation';\nimport {\n    initialItemsTransform,\n    updateAncestors,\n    updateDescendants,\n    updateSingleAncestors,\n    getView,\n    getInitialValue,\n} from './utils';\nimport { Inner, Target } from './ui';\nimport { pathReducer, focusedPathReducer } from './reducers';\nimport { usePathMaps } from './hooks/usePathMaps';\nimport { Ul, base } from './Select.styles';\nimport type { ItemContext, MergedSelectProps } from './Select.types';\nimport type { MergedDropdownNodeTransformed } from './ui/Inner/ui/Item/Item.types';\nimport { FloatingPopover } from './FloatingPopover';\n\nexport const Context = createContext<ItemContext>({} as ItemContext);\n\n/**\n * Выпадающий список. Поддерживает выбор одного или нескольких значений.\n */\nexport const selectRoot = (Root: RootProps<HTMLButtonElement, Omit<MergedSelectProps, 'items'>>) =>\n    forwardRef<HTMLButtonElement, MergedSelectProps>((props, ref) => {\n        const {\n            value: outerValue,\n            onChange: outerOnChange,\n            target = 'textfield-like',\n            items,\n            placement = 'bottom',\n            label,\n            labelPlacement,\n            placeholder,\n            helperText,\n            disabled = false,\n            view: outerView,\n            size,\n            listOverflow,\n            listHeight,\n            listWidth,\n            contentLeft,\n            onScrollBottom,\n            chipView,\n            variant = 'normal',\n            portal,\n            renderValue,\n            renderItem,\n            status,\n            onItemSelect,\n            separator,\n            closeAfterSelect: outerCloseAfterSelect,\n            isTargetAmount,\n            ...rest\n        } = props;\n        const transformedItems = useMemo(() => initialItemsTransform(items || []), [items]);\n\n        // Создаем структуры для быстрой работы с деревом\n        const [pathMap, focusedToValueMap, valueToCheckedMap, valueToItemMap, labelToItemMap] = usePathMaps(\n            transformedItems,\n        );\n\n        const [internalValue, setInternalValue] = useState<string | number | Array<string | number>>(\n            props.multiselect ? [] : '',\n        );\n\n        const value =\n            outerValue !== null && outerValue !== undefined\n                ? getInitialValue(outerValue, valueToItemMap)\n                : internalValue;\n\n        const floatingPopoverRef = useRef<HTMLDivElement>(null);\n\n        // Состояния дерева элементов\n        const [path, dispatchPath] = useReducer(pathReducer, []);\n        const [focusedPath, dispatchFocusedPath] = useReducer(focusedPathReducer, []);\n        const [checked, setChecked] = useState(valueToCheckedMap);\n\n        const isCurrentListOpen = Boolean(path[0]);\n        const activeDescendantItemValue = getItemByFocused(focusedPath, focusedToValueMap)?.value.toString() || '';\n        const closeAfterSelect = outerCloseAfterSelect ?? !props.multiselect;\n        const treeId = safeUseId();\n        const view = target === 'textfield-like' && disabled ? 'default' : getView(status, outerView);\n\n        const targetRef = useOutsideClick<HTMLUListElement>(() => {\n            if (!isCurrentListOpen) {\n                return;\n            }\n\n            dispatchPath({ type: 'reset' });\n            dispatchFocusedPath({ type: 'reset' });\n        }, floatingPopoverRef);\n\n        const onChange = (newValue: string | number | Array<string | number>) => {\n            if (outerOnChange) {\n                outerOnChange(newValue as any);\n            }\n\n            setInternalValue(newValue);\n        };\n\n        const handleClickArrow = () => {\n            if (disabled) {\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        const handleListToggle = (opened: boolean) => {\n            if (disabled) {\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        const handleCheckboxChange = (item: MergedDropdownNodeTransformed) => {\n            if (!props.multiselect) {\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 | number> = [];\n\n            valueToItemMap.forEach((item, key) => {\n                if (checkedCopy.get(key)) {\n                    newValues.push(item.value);\n                }\n            });\n\n            if (closeAfterSelect) {\n                dispatchPath({ type: 'reset' });\n                dispatchFocusedPath({ type: 'reset' });\n            }\n\n            if (onChange) {\n                onChange(newValues);\n            }\n        };\n\n        const handleItemClick = (item: MergedDropdownNodeTransformed, e?: React.MouseEvent<HTMLElement>) => {\n            if (!isEmpty(item?.items)) {\n                return;\n            }\n\n            if (props.multiselect) {\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 (closeAfterSelect) {\n                dispatchPath({ type: 'reset' });\n                dispatchFocusedPath({ type: 'reset' });\n            }\n\n            if (onChange) {\n                onChange(isCurrentChecked ? '' : item.value);\n            }\n\n            if (onItemSelect) {\n                onItemSelect(item, e!);\n            }\n        };\n\n        const handlePressDown = (item: MergedDropdownNodeTransformed, e?: React.MouseEvent<HTMLElement>) => {\n            if (isEmpty(item.items)) {\n                handleItemClick(item, e);\n            } else if (props.multiselect) {\n                handleCheckboxChange(item);\n            }\n        };\n\n        const handleScroll = (e: React.UIEvent<HTMLUListElement>) => {\n            if (!onScrollBottom) return;\n\n            const { target } = e;\n\n            if (\n                (target as HTMLElement).scrollHeight - (target as HTMLElement).scrollTop ===\n                (target as HTMLElement).clientHeight\n            ) {\n                onScrollBottom(e);\n            }\n        };\n\n        const { onKeyDown } = useKeyNavigation({\n            focusedPath,\n            dispatchFocusedPath,\n            path,\n            dispatchPath,\n            pathMap,\n            focusedToValueMap,\n            handleListToggle,\n            handlePressDown,\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) || typeof value === 'number') {\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            // В deps мы кладем именно outerValue и internalValue, а не просто value.\n            // Т.к. вначале нужно отфильтровать и провалидировать outerValue и результат положить в переменную.\n            // А переменную, содержащую сложные типы данных, нельзя помещать в deps.\n        }, [outerValue, internalValue, items]);\n\n        return (\n            <Root\n                view={view}\n                size={size}\n                labelPlacement={labelPlacement}\n                chipView={chipView}\n                disabled={disabled}\n                {...(rest as any)}\n            >\n                <Context.Provider\n                    value={{\n                        focusedPath,\n                        checked,\n                        multiselect: props.multiselect,\n                        size,\n                        handleCheckboxChange,\n                        handleItemClick,\n                        variant,\n                        renderItem,\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                            <Target\n                                ref={ref}\n                                target={target}\n                                value={value}\n                                opened={isCurrentListOpen}\n                                valueToItemMap={valueToItemMap}\n                                label={label}\n                                placeholder={placeholder}\n                                onKeyDown={onKeyDown}\n                                labelPlacement={labelPlacement}\n                                size={size}\n                                contentLeft={contentLeft}\n                                disabled={disabled}\n                                renderValue={renderValue}\n                                selectProps={props}\n                                inputWrapperRef={referenceRef as React.MutableRefObject<HTMLDivElement>}\n                                multiselect={props.multiselect}\n                                view={view}\n                                handleClickArrow={handleClickArrow}\n                                helperText={helperText}\n                                treeId={treeId}\n                                activeDescendantItemValue={activeDescendantItemValue}\n                                isTargetAmount={isTargetAmount}\n                                onChange={onChange}\n                                labelToItemMap={labelToItemMap}\n                                chipView={chipView}\n                                separator={separator}\n                            />\n                        )}\n                    >\n                        <Root\n                            view={view}\n                            size={size}\n                            labelPlacement={labelPlacement}\n                            chipView={chipView}\n                            disabled={disabled}\n                            {...(rest as any)}\n                        >\n                            <Ul\n                                role=\"tree\"\n                                id={`${treeId}_tree_level_1`}\n                                aria-multiselectable={Boolean(props.multiselect)}\n                                listHeight={listHeight}\n                                listOverflow={listOverflow}\n                                onScroll={handleScroll}\n                                listWidth={listWidth}\n                                ref={targetRef}\n                            >\n                                {transformedItems.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            </Root>\n        );\n    });\n\nexport const selectConfig = {\n    name: 'Select',\n    tag: 'div',\n    layout: selectRoot,\n    base,\n    variations: {},\n    defaults: {\n        view: 'default',\n        size: 'm',\n        labelPlacement: 'outer',\n        chipView: 'default',\n    },\n};\n"],"names":["Context","createContext","selectRoot","Root","forwardRef","props","ref","_getItemByFocused","outerValue","value","outerOnChange","onChange","_props$target","target","items","_props$placement","placement","label","labelPlacement","placeholder","helperText","_props$disabled","disabled","outerView","view","size","listOverflow","listHeight","listWidth","contentLeft","onScrollBottom","chipView","_props$variant","variant","portal","renderValue","renderItem","status","onItemSelect","separator","outerCloseAfterSelect","closeAfterSelect","isTargetAmount","rest","_objectWithoutProperties","_excluded","transformedItems","useMemo","initialItemsTransform","_usePathMaps","usePathMaps","_usePathMaps2","_slicedToArray","pathMap","focusedToValueMap","valueToCheckedMap","valueToItemMap","labelToItemMap","_useState","useState","multiselect","_useState2","internalValue","setInternalValue","undefined","getInitialValue","floatingPopoverRef","useRef","_useReducer","useReducer","pathReducer","_useReducer2","path","dispatchPath","_useReducer3","focusedPathReducer","_useReducer4","focusedPath","dispatchFocusedPath","_useState3","_useState4","checked","setChecked","isCurrentListOpen","Boolean","activeDescendantItemValue","getItemByFocused","toString","treeId","safeUseId","getView","targetRef","useOutsideClick","type","newValue","handleClickArrow","handleListToggle","opened","handleCheckboxChange","item","checkedCopy","Map","get","set","updateDescendants","updateAncestors","newValues","forEach","key","push","handleItemClick","e","isEmpty","stopPropagation","isCurrentChecked","handlePressDown","handleScroll","scrollHeight","scrollTop","clientHeight","_useKeyNavigation","useKeyNavigation","onKeyDown","useLayoutEffect","_","Array","isArray","val","updateSingleAncestors","React","createElement","_extends","Provider","FloatingPopover","onToggle","referenceRef","Target","selectProps","inputWrapperRef","Ul","role","id","concat","onScroll","map","index","Inner","currentLevel","selectConfig","name","tag","layout","base","variations","defaults"],"mappings":"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"}

package/es/components/Select/ui/Inner/ui/Item/Item.js

@@ -36,7 +36,6 @@ var Item = function Item(_ref) {
     handleItemClick = _useContext.handleItemClick,
     variant = _useContext.variant,
     renderItem = _useContext.renderItem,
-    valueToItemMap = _useContext.valueToItemMap,
     treeId = _useContext.treeId;
   var itemDisabled = Boolean(disabled || isDisabled);
   var disabledClassName = itemDisabled ? classes.dropdownItemIsDisabled : undefined;
@@ -91,7 +90,7 @@ var Item = function Item(_ref) {
   }))), !multiselect && checked.get(item.value) === 'done' && /*#__PURE__*/React.createElement(IconDone, {
     size: sizeToIconSize(size, variant),
     color: "inherit"
-  })), renderItem ? /*#__PURE__*/React.createElement(StyledText, null, renderItem(valueToItemMap.get(value))) : /*#__PURE__*/React.createElement(StyledWrapper, null, /*#__PURE__*/React.createElement(StyledCell, {
+  })), renderItem ? /*#__PURE__*/React.createElement(StyledText, null, renderItem(item)) : /*#__PURE__*/React.createElement(StyledWrapper, null, /*#__PURE__*/React.createElement(StyledCell, {
     contentLeft: contentLeft,
     contentRight: contentRight
     // TODO: #1548

package/es/components/Select/ui/Inner/ui/Item/Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.js","sources":["../../../../../../../src/components/Select/ui/Inner/ui/Item/Item.tsx"],"sourcesContent":["import React, { useRef, FC, useContext } from 'react';\n\nimport { sizeToIconSize, getItemId } from '../../../../utils';\nimport { classes } from '../../../../Select.tokens';\nimport { cx, isEmpty } from '../../../../../../utils';\nimport { IconDisclosureRightCentered, IconDone } from '../../../../../_Icon';\nimport { Context } from '../../../../Select';\nimport { useDidMountEffect } from '../../../../../../hooks';\n\nimport { ItemProps } from './Item.types';\nimport {\n    StyledWrapper,\n    StyledCell,\n    StyledCheckbox,\n    StyledIndicator,\n    DisclosureIconWrapper,\n    IconWrapper,\n    StyledText,\n    Wrapper,\n    StyledCheckboxWrapper,\n} from './Item.styles';\n\nexport const Item: FC<ItemProps> = ({\n    item,\n    path,\n    currentLevel,\n    index,\n    ariaControls,\n    ariaExpanded,\n    ariaLevel,\n    ariaLabel,\n}) => {\n    const { value, label, disabled, isDisabled, contentLeft, contentRight } = item;\n\n    const ref = useRef<HTMLLIElement | null>(null);\n\n    const {\n        focusedPath,\n        checked,\n        multiselect,\n        size,\n        handleCheckboxChange,\n        handleItemClick,\n        variant,\n        renderItem,\n        valueToItemMap,\n        treeId,\n    } = useContext(Context);\n\n    const itemDisabled = Boolean(disabled || isDisabled);\n\n    const disabledClassName = itemDisabled ? classes.dropdownItemIsDisabled : undefined;\n    const focusedClass =\n        currentLevel === focusedPath.length - 1 && index === focusedPath?.[currentLevel]\n            ? classes.dropdownItemIsFocused\n            : undefined;\n    const activeClass = value === path?.[currentLevel + 1] ? classes.dropdownItemIsActive : undefined;\n\n    useDidMountEffect(() => {\n        if (focusedClass && ref?.current) {\n            ref.current.scrollIntoView({\n                behavior: 'smooth',\n                block: 'center',\n                inline: 'center',\n            });\n        }\n    }, [focusedClass]);\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n        if (itemDisabled) return;\n\n        e.stopPropagation();\n\n        handleCheckboxChange(item);\n    };\n\n    const handleClick = (e: React.MouseEvent<HTMLElement>) => {\n        if (itemDisabled) {\n            e.stopPropagation();\n            return;\n        }\n\n        handleItemClick(item, e);\n    };\n\n    return (\n        <Wrapper\n            className={cx(disabledClassName, focusedClass, activeClass)}\n            id={getItemId(treeId, value.toString())}\n            ref={ref}\n            onClick={handleClick}\n            variant={variant}\n            role=\"treeitem\"\n            aria-controls={ariaControls}\n            aria-expanded={ariaExpanded}\n            aria-level={ariaLevel}\n            aria-label={ariaLabel}\n            aria-selected={Boolean(checked.get(item.value))}\n        >\n            <IconWrapper variant={variant}>\n                {multiselect && (\n                    <StyledCheckboxWrapper onClick={(e) => e.stopPropagation()}>\n                        <StyledCheckbox\n                            checked={Boolean(checked.get(item.value))}\n                            indeterminate={checked.get(item.value) === 'indeterminate'}\n                            onChange={handleChange}\n                        />\n                    </StyledCheckboxWrapper>\n                )}\n\n                {!multiselect && checked.get(item.value) === 'dot' && <StyledIndicator size=\"s\" view=\"default\" />}\n\n                {!multiselect && checked.get(item.value) === 'done' && (\n                    <IconDone size={sizeToIconSize(size, variant)} color=\"inherit\" />\n                )}\n            </IconWrapper>\n\n            {renderItem ? (\n                <StyledText>{renderItem(valueToItemMap.get(value)!)}</StyledText>\n            ) : (\n                <StyledWrapper>\n                    <StyledCell\n                        contentLeft={contentLeft}\n                        contentRight={contentRight}\n                        // TODO: #1548\n                        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                        // @ts-ignore\n                        title={<span>{label}</span>}\n                    />\n                </StyledWrapper>\n            )}\n\n            {!isEmpty(item.items) && (\n                <DisclosureIconWrapper>\n                    <IconDisclosureRightCentered size={sizeToIconSize(size, variant)} color=\"inherit\" />\n                </DisclosureIconWrapper>\n            )}\n        </Wrapper>\n    );\n};\n"],"names":["Item","_ref","item","path","currentLevel","index","ariaControls","ariaExpanded","ariaLevel","ariaLabel","value","label","disabled","isDisabled","contentLeft","contentRight","ref","useRef","_useContext","useContext","Context","focusedPath","checked","multiselect","size","handleCheckboxChange","handleItemClick","variant","renderItem","valueToItemMap","treeId","itemDisabled","Boolean","disabledClassName","classes","dropdownItemIsDisabled","undefined","focusedClass","length","dropdownItemIsFocused","activeClass","dropdownItemIsActive","useDidMountEffect","current","scrollIntoView","behavior","block","inline","handleChange","e","stopPropagation","handleClick","React","createElement","Wrapper","className","cx","id","getItemId","toString","onClick","role","get","IconWrapper","StyledCheckboxWrapper","StyledCheckbox","indeterminate","onChange","_StyledIndicator","StyledIndicator","view","IconDone","sizeToIconSize","color","StyledText","StyledWrapper","StyledCell","title","isEmpty","items","DisclosureIconWrapper","IconDisclosureRightCentered"],"mappings":";;;;;;;;;;;;;IAsBaA,IAAmB,GAAG,SAAtBA,IAAmBA,CAAAC,IAAA,EAS1B;AAAA,EAAA,IARFC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,YAAY,GAAAH,IAAA,CAAZG,YAAY;IACZC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IACLC,YAAY,GAAAL,IAAA,CAAZK,YAAY;IACZC,YAAY,GAAAN,IAAA,CAAZM,YAAY;IACZC,SAAS,GAAAP,IAAA,CAATO,SAAS;IACTC,SAAS,GAAAR,IAAA,CAATQ,SAAS,CAAA;AAET,EAAA,IAAQC,KAAK,GAA6DR,IAAI,CAAtEQ,KAAK;IAAEC,KAAK,GAAsDT,IAAI,CAA/DS,KAAK;IAAEC,QAAQ,GAA4CV,IAAI,CAAxDU,QAAQ;IAAEC,UAAU,GAAgCX,IAAI,CAA9CW,UAAU;IAAEC,WAAW,GAAmBZ,IAAI,CAAlCY,WAAW;IAAEC,YAAY,GAAKb,IAAI,CAArBa,YAAY,CAAA;AAErE,EAAA,IAAMC,GAAG,GAAGC,MAAM,CAAuB,IAAI,CAAC,CAAA;AAE9C,EAAA,IAAAC,WAAA,GAWIC,UAAU,CAACC,OAAO,CAAC;IAVnBC,WAAW,GAAAH,WAAA,CAAXG,WAAW;IACXC,OAAO,GAAAJ,WAAA,CAAPI,OAAO;IACPC,WAAW,GAAAL,WAAA,CAAXK,WAAW;IACXC,IAAI,GAAAN,WAAA,CAAJM,IAAI;IACJC,oBAAoB,GAAAP,WAAA,CAApBO,oBAAoB;IACpBC,eAAe,GAAAR,WAAA,CAAfQ,eAAe;IACfC,OAAO,GAAAT,WAAA,CAAPS,OAAO;IACPC,UAAU,GAAAV,WAAA,CAAVU,UAAU;IACVC,cAAc,GAAAX,WAAA,CAAdW,cAAc;IACdC,MAAM,GAAAZ,WAAA,CAANY,MAAM,CAAA;AAGV,EAAA,IAAMC,YAAY,GAAGC,OAAO,CAACpB,QAAQ,IAAIC,UAAU,CAAC,CAAA;EAEpD,IAAMoB,iBAAiB,GAAGF,YAAY,GAAGG,OAAO,CAACC,sBAAsB,GAAGC,SAAS,CAAA;EACnF,IAAMC,YAAY,GACdjC,YAAY,KAAKiB,WAAW,CAACiB,MAAM,GAAG,CAAC,IAAIjC,KAAK,MAAKgB,WAAW,KAAXA,IAAAA,IAAAA,WAAW,KAAXA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,WAAW,CAAGjB,YAAY,CAAC,CAAA,GAC1E8B,OAAO,CAACK,qBAAqB,GAC7BH,SAAS,CAAA;AACnB,EAAA,IAAMI,WAAW,GAAG9B,KAAK,MAAKP,IAAI,KAAA,IAAA,IAAJA,IAAI,KAAJA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,IAAI,CAAGC,YAAY,GAAG,CAAC,CAAC,CAAA,GAAG8B,OAAO,CAACO,oBAAoB,GAAGL,SAAS,CAAA;AAEjGM,EAAAA,iBAAiB,CAAC,YAAM;IACpB,IAAIL,YAAY,IAAIrB,GAAG,KAAA,IAAA,IAAHA,GAAG,KAAHA,KAAAA,CAAAA,IAAAA,GAAG,CAAE2B,OAAO,EAAE;AAC9B3B,MAAAA,GAAG,CAAC2B,OAAO,CAACC,cAAc,CAAC;AACvBC,QAAAA,QAAQ,EAAE,QAAQ;AAClBC,QAAAA,KAAK,EAAE,QAAQ;AACfC,QAAAA,MAAM,EAAE,QAAA;AACZ,OAAC,CAAC,CAAA;AACN,KAAA;AACJ,GAAC,EAAE,CAACV,YAAY,CAAC,CAAC,CAAA;AAElB,EAAA,IAAMW,YAAY,GAAG,SAAfA,YAAYA,CAAIC,CAAsC,EAAK;AAC7D,IAAA,IAAIlB,YAAY,EAAE,OAAA;IAElBkB,CAAC,CAACC,eAAe,EAAE,CAAA;IAEnBzB,oBAAoB,CAACvB,IAAI,CAAC,CAAA;GAC7B,CAAA;AAED,EAAA,IAAMiD,WAAW,GAAG,SAAdA,WAAWA,CAAIF,CAAgC,EAAK;AACtD,IAAA,IAAIlB,YAAY,EAAE;MACdkB,CAAC,CAACC,eAAe,EAAE,CAAA;AACnB,MAAA,OAAA;AACJ,KAAA;AAEAxB,IAAAA,eAAe,CAACxB,IAAI,EAAE+C,CAAC,CAAC,CAAA;GAC3B,CAAA;AAED,EAAA,oBACIG,KAAA,CAAAC,aAAA,CAACC,OAAO,EAAA;IACJC,SAAS,EAAEC,EAAE,CAACvB,iBAAiB,EAAEI,YAAY,EAAEG,WAAW,CAAE;IAC5DiB,EAAE,EAAEC,SAAS,CAAC5B,MAAM,EAAEpB,KAAK,CAACiD,QAAQ,EAAE,CAAE;AACxC3C,IAAAA,GAAG,EAAEA,GAAI;AACT4C,IAAAA,OAAO,EAAET,WAAY;AACrBxB,IAAAA,OAAO,EAAEA,OAAQ;AACjBkC,IAAAA,IAAI,EAAC,UAAU;AACf,IAAA,eAAA,EAAevD,YAAa;AAC5B,IAAA,eAAA,EAAeC,YAAa;AAC5B,IAAA,YAAA,EAAYC,SAAU;AACtB,IAAA,YAAA,EAAYC,SAAU;IACtB,eAAeuB,EAAAA,OAAO,CAACV,OAAO,CAACwC,GAAG,CAAC5D,IAAI,CAACQ,KAAK,CAAC,CAAA;AAAE,GAAA,eAEhD0C,KAAA,CAAAC,aAAA,CAACU,WAAW,EAAA;AAACpC,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GAAA,EACzBJ,WAAW,iBACR6B,KAAA,CAAAC,aAAA,CAACW,qBAAqB,EAAA;IAACJ,OAAO,EAAE,SAAAA,OAAAA,CAACX,CAAC,EAAA;AAAA,MAAA,OAAKA,CAAC,CAACC,eAAe,EAAE,CAAA;AAAA,KAAA;AAAC,GAAA,eACvDE,KAAA,CAAAC,aAAA,CAACY,cAAc,EAAA;IACX3C,OAAO,EAAEU,OAAO,CAACV,OAAO,CAACwC,GAAG,CAAC5D,IAAI,CAACQ,KAAK,CAAC,CAAE;IAC1CwD,aAAa,EAAE5C,OAAO,CAACwC,GAAG,CAAC5D,IAAI,CAACQ,KAAK,CAAC,KAAK,eAAgB;AAC3DyD,IAAAA,QAAQ,EAAEnB,YAAAA;GACb,CACkB,CAC1B,EAEA,CAACzB,WAAW,IAAID,OAAO,CAACwC,GAAG,CAAC5D,IAAI,CAACQ,KAAK,CAAC,KAAK,KAAK,KAAA0D,gBAAA,KAAAA,gBAAA,gBAAIhB,KAAA,CAAAC,aAAA,CAACgB,eAAe,EAAA;AAAC7C,IAAAA,IAAI,EAAC,GAAG;AAAC8C,IAAAA,IAAI,EAAC,SAAA;GAAW,CAAC,IAEhG,CAAC/C,WAAW,IAAID,OAAO,CAACwC,GAAG,CAAC5D,IAAI,CAACQ,KAAK,CAAC,KAAK,MAAM,iBAC/C0C,KAAA,CAAAC,aAAA,CAACkB,QAAQ,EAAA;AAAC/C,IAAAA,IAAI,EAAEgD,cAAc,CAAChD,IAAI,EAAEG,OAAO,CAAE;AAAC8C,IAAAA,KAAK,EAAC,SAAA;AAAS,GAAE,CAE3D,CAAC,EAEb7C,UAAU,gBACPwB,KAAA,CAAAC,aAAA,CAACqB,UAAU,EAAA,IAAA,EAAE9C,UAAU,CAACC,cAAc,CAACiC,GAAG,CAACpD,KAAK,CAAE,CAAc,CAAC,gBAEjE0C,KAAA,CAAAC,aAAA,CAACsB,aAAa,EACVvB,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACuB,UAAU,EAAA;AACP9D,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,YAAY,EAAEA,YAAAA;AACd;AACA;AACA;AAAA;AACA8D,IAAAA,KAAK,eAAEzB,KAAA,CAAAC,aAAA,eAAO1C,KAAY,CAAA;GAC7B,CACU,CAClB,EAEA,CAACmE,OAAO,CAAC5E,IAAI,CAAC6E,KAAK,CAAC,iBACjB3B,KAAA,CAAAC,aAAA,CAAC2B,qBAAqB,qBAClB5B,KAAA,CAAAC,aAAA,CAAC4B,2BAA2B,EAAA;AAACzD,IAAAA,IAAI,EAAEgD,cAAc,CAAChD,IAAI,EAAEG,OAAO,CAAE;AAAC8C,IAAAA,KAAK,EAAC,SAAA;GAAW,CAChE,CAEtB,CAAC,CAAA;AAElB;;;;"}
+{"version":3,"file":"Item.js","sources":["../../../../../../../src/components/Select/ui/Inner/ui/Item/Item.tsx"],"sourcesContent":["import React, { useRef, FC, useContext } from 'react';\n\nimport { sizeToIconSize, getItemId } from '../../../../utils';\nimport { classes } from '../../../../Select.tokens';\nimport { cx, isEmpty } from '../../../../../../utils';\nimport { IconDisclosureRightCentered, IconDone } from '../../../../../_Icon';\nimport { Context } from '../../../../Select';\nimport { useDidMountEffect } from '../../../../../../hooks';\n\nimport { ItemProps } from './Item.types';\nimport {\n    StyledWrapper,\n    StyledCell,\n    StyledCheckbox,\n    StyledIndicator,\n    DisclosureIconWrapper,\n    IconWrapper,\n    StyledText,\n    Wrapper,\n    StyledCheckboxWrapper,\n} from './Item.styles';\n\nexport const Item: FC<ItemProps> = ({\n    item,\n    path,\n    currentLevel,\n    index,\n    ariaControls,\n    ariaExpanded,\n    ariaLevel,\n    ariaLabel,\n}) => {\n    const { value, label, disabled, isDisabled, contentLeft, contentRight } = item;\n\n    const ref = useRef<HTMLLIElement | null>(null);\n\n    const {\n        focusedPath,\n        checked,\n        multiselect,\n        size,\n        handleCheckboxChange,\n        handleItemClick,\n        variant,\n        renderItem,\n        treeId,\n    } = useContext(Context);\n\n    const itemDisabled = Boolean(disabled || isDisabled);\n\n    const disabledClassName = itemDisabled ? classes.dropdownItemIsDisabled : undefined;\n    const focusedClass =\n        currentLevel === focusedPath.length - 1 && index === focusedPath?.[currentLevel]\n            ? classes.dropdownItemIsFocused\n            : undefined;\n    const activeClass = value === path?.[currentLevel + 1] ? classes.dropdownItemIsActive : undefined;\n\n    useDidMountEffect(() => {\n        if (focusedClass && ref?.current) {\n            ref.current.scrollIntoView({\n                behavior: 'smooth',\n                block: 'center',\n                inline: 'center',\n            });\n        }\n    }, [focusedClass]);\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n        if (itemDisabled) return;\n\n        e.stopPropagation();\n\n        handleCheckboxChange(item);\n    };\n\n    const handleClick = (e: React.MouseEvent<HTMLElement>) => {\n        if (itemDisabled) {\n            e.stopPropagation();\n            return;\n        }\n\n        handleItemClick(item, e);\n    };\n\n    return (\n        <Wrapper\n            className={cx(disabledClassName, focusedClass, activeClass)}\n            id={getItemId(treeId, value.toString())}\n            ref={ref}\n            onClick={handleClick}\n            variant={variant}\n            role=\"treeitem\"\n            aria-controls={ariaControls}\n            aria-expanded={ariaExpanded}\n            aria-level={ariaLevel}\n            aria-label={ariaLabel}\n            aria-selected={Boolean(checked.get(item.value))}\n        >\n            <IconWrapper variant={variant}>\n                {multiselect && (\n                    <StyledCheckboxWrapper onClick={(e) => e.stopPropagation()}>\n                        <StyledCheckbox\n                            checked={Boolean(checked.get(item.value))}\n                            indeterminate={checked.get(item.value) === 'indeterminate'}\n                            onChange={handleChange}\n                        />\n                    </StyledCheckboxWrapper>\n                )}\n\n                {!multiselect && checked.get(item.value) === 'dot' && <StyledIndicator size=\"s\" view=\"default\" />}\n\n                {!multiselect && checked.get(item.value) === 'done' && (\n                    <IconDone size={sizeToIconSize(size, variant)} color=\"inherit\" />\n                )}\n            </IconWrapper>\n\n            {renderItem ? (\n                <StyledText>{renderItem(item)}</StyledText>\n            ) : (\n                <StyledWrapper>\n                    <StyledCell\n                        contentLeft={contentLeft}\n                        contentRight={contentRight}\n                        // TODO: #1548\n                        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                        // @ts-ignore\n                        title={<span>{label}</span>}\n                    />\n                </StyledWrapper>\n            )}\n\n            {!isEmpty(item.items) && (\n                <DisclosureIconWrapper>\n                    <IconDisclosureRightCentered size={sizeToIconSize(size, variant)} color=\"inherit\" />\n                </DisclosureIconWrapper>\n            )}\n        </Wrapper>\n    );\n};\n"],"names":["Item","_ref","item","path","currentLevel","index","ariaControls","ariaExpanded","ariaLevel","ariaLabel","value","label","disabled","isDisabled","contentLeft","contentRight","ref","useRef","_useContext","useContext","Context","focusedPath","checked","multiselect","size","handleCheckboxChange","handleItemClick","variant","renderItem","treeId","itemDisabled","Boolean","disabledClassName","classes","dropdownItemIsDisabled","undefined","focusedClass","length","dropdownItemIsFocused","activeClass","dropdownItemIsActive","useDidMountEffect","current","scrollIntoView","behavior","block","inline","handleChange","e","stopPropagation","handleClick","React","createElement","Wrapper","className","cx","id","getItemId","toString","onClick","role","get","IconWrapper","StyledCheckboxWrapper","StyledCheckbox","indeterminate","onChange","_StyledIndicator","StyledIndicator","view","IconDone","sizeToIconSize","color","StyledText","StyledWrapper","StyledCell","title","isEmpty","items","DisclosureIconWrapper","IconDisclosureRightCentered"],"mappings":"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"}

package/es/components/Select/ui/Target/ui/Textfield/Textfield.js

@@ -1,4 +1,4 @@
-import { extends as _extends } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends, toConsumableArray as _toConsumableArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef } from 'react';
 import { classes } from '../../../../Select.tokens.js';
 import { StyledTextField, IconArrowWrapper, StyledArrow } from './Textfield.styles.js';
@@ -49,9 +49,24 @@ var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
 
   // Обработчик чипов
   var handleChipsChange = function handleChipsChange(chipLabels) {
-    onChange(chipLabels.map(function (chipLabel) {
-      return labelToItemMap.get(chipLabel).value;
-    }));
+    if (!Array.isArray(value)) return;
+
+    // TODO: #1564
+    // Из лейблов чипов получаем value у item и далее прокидываем его в onChange.
+    if (renderValue && !isTargetAmount) {
+      var resultValues = _toConsumableArray(value);
+      value.forEach(function (_, index) {
+        var labelAfterRenderValue = renderValue(labelToItemMap.get(valueToItemMap.get(value[index]).label));
+        if (!chipLabels.includes(labelAfterRenderValue)) {
+          resultValues.splice(index, 1);
+        }
+      });
+      onChange(resultValues);
+    } else {
+      onChange(chipLabels.map(function (chipLabel) {
+        return labelToItemMap.get(chipLabel).value;
+      }));
+    }
   };
   return /*#__PURE__*/React.createElement(StyledTextField, _extends({
     ref: ref,

package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textfield.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Textfield/Textfield.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { sizeToIconSize, getItemId } from '../../../../utils';\nimport { classes } from '../../../../Select.tokens';\n\nimport { IconArrowWrapper, StyledArrow, StyledTextField } from './Textfield.styles';\nimport { TextfieldProps } from './Textfield.types';\n\nexport const Textfield = forwardRef<HTMLInputElement, TextfieldProps>(\n    (\n        {\n            inputWrapperRef,\n            opened,\n            multiselect,\n            value,\n            label,\n            placeholder,\n            onKeyDown,\n            labelPlacement,\n            size,\n            view,\n            handleClickArrow,\n            contentLeft,\n            helperText,\n            treeId,\n            activeDescendantItemValue,\n            disabled,\n            isTargetAmount,\n            valueToItemMap,\n            renderValue,\n            onChange,\n            labelToItemMap,\n            chipView,\n        },\n        ref,\n    ) => {\n        const withArrowInverse = opened ? classes.arrowInverse : undefined;\n\n        const getChips = (): string[] => {\n            if (multiselect && Array.isArray(value)) {\n                if (value.length === 0) return [];\n\n                if (isTargetAmount) {\n                    return [`Выбрано ${value.length}`];\n                }\n\n                const renderValueMapper =\n                    renderValue && ((stringValue: string | number) => renderValue(valueToItemMap.get(stringValue)!));\n                const valueToItemMapper = (stringValue: string | number) => valueToItemMap.get(stringValue)!.label;\n\n                return value.map(renderValueMapper || valueToItemMapper);\n            }\n\n            return [];\n        };\n\n        // Обработчик чипов\n        const handleChipsChange = (chipLabels: any[]) => {\n            onChange(chipLabels.map((chipLabel) => labelToItemMap.get(chipLabel)!.value));\n        };\n\n        return (\n            <StyledTextField\n                ref={ref}\n                inputWrapperRef={inputWrapperRef}\n                readOnly\n                value={multiselect ? undefined : valueToItemMap.get(value.toString())?.label || ''}\n                size={size}\n                view={view}\n                chipView={chipView}\n                labelPlacement={labelPlacement}\n                disabled={disabled}\n                label={label}\n                placeholder={value instanceof Array && value.length ? '' : placeholder}\n                contentLeft={contentLeft as React.ReactElement}\n                contentRight={\n                    <IconArrowWrapper disabled={Boolean(disabled)} onClick={handleClickArrow}>\n                        <StyledArrow color=\"inherit\" size={sizeToIconSize(size)} className={withArrowInverse} />\n                    </IconArrowWrapper>\n                }\n                onKeyDown={onKeyDown}\n                leftHelper={helperText}\n                role=\"combobox\"\n                aria-autocomplete=\"list\"\n                aria-controls={`${treeId}_tree_level_1`}\n                aria-expanded={opened}\n                aria-activedescendant={activeDescendantItemValue ? getItemId(treeId, activeDescendantItemValue) : ''}\n                {...(multiselect\n                    ? {\n                          enumerationType: 'chip',\n                          chips: getChips(),\n                          onChangeChips: handleChipsChange,\n                      }\n                    : { enumerationType: 'plain' })}\n                onEnterDisabled // Пропс для отключения обработчика Enter внутри Textfield\n                opened={opened}\n                // TODO: #1547\n                _forceChipManipulationWithReadonly\n            />\n        );\n    },\n);\n"],"names":["Textfield","forwardRef","_ref","ref","_valueToItemMap$get","inputWrapperRef","opened","multiselect","value","label","placeholder","onKeyDown","labelPlacement","size","view","handleClickArrow","contentLeft","helperText","treeId","activeDescendantItemValue","disabled","isTargetAmount","valueToItemMap","renderValue","onChange","labelToItemMap","chipView","withArrowInverse","classes","arrowInverse","undefined","getChips","Array","isArray","length","concat","renderValueMapper","stringValue","get","valueToItemMapper","map","handleChipsChange","chipLabels","chipLabel","React","createElement","StyledTextField","_extends","readOnly","toString","contentRight","IconArrowWrapper","Boolean","onClick","StyledArrow","color","sizeToIconSize","className","leftHelper","role","getItemId","enumerationType","chips","onChangeChips","onEnterDisabled","_forceChipManipulationWithReadonly"],"mappings":"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"}
+{"version":3,"file":"Textfield.js","sources":["../../../../../../../src/components/Select/ui/Target/ui/Textfield/Textfield.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { sizeToIconSize, getItemId } from '../../../../utils';\nimport { classes } from '../../../../Select.tokens';\n\nimport { IconArrowWrapper, StyledArrow, StyledTextField } from './Textfield.styles';\nimport { TextfieldProps } from './Textfield.types';\n\nexport const Textfield = forwardRef<HTMLInputElement, TextfieldProps>(\n    (\n        {\n            inputWrapperRef,\n            opened,\n            multiselect,\n            value,\n            label,\n            placeholder,\n            onKeyDown,\n            labelPlacement,\n            size,\n            view,\n            handleClickArrow,\n            contentLeft,\n            helperText,\n            treeId,\n            activeDescendantItemValue,\n            disabled,\n            isTargetAmount,\n            valueToItemMap,\n            renderValue,\n            onChange,\n            labelToItemMap,\n            chipView,\n        },\n        ref,\n    ) => {\n        const withArrowInverse = opened ? classes.arrowInverse : undefined;\n\n        const getChips = (): string[] => {\n            if (multiselect && Array.isArray(value)) {\n                if (value.length === 0) return [];\n\n                if (isTargetAmount) {\n                    return [`Выбрано ${value.length}`];\n                }\n\n                const renderValueMapper =\n                    renderValue && ((stringValue: string | number) => renderValue(valueToItemMap.get(stringValue)!));\n                const valueToItemMapper = (stringValue: string | number) => valueToItemMap.get(stringValue)!.label;\n\n                return value.map(renderValueMapper || valueToItemMapper);\n            }\n\n            return [];\n        };\n\n        // Обработчик чипов\n        const handleChipsChange = (chipLabels: any[]) => {\n            if (!Array.isArray(value)) return;\n\n            // TODO: #1564\n            // Из лейблов чипов получаем value у item и далее прокидываем его в onChange.\n            if (renderValue && !isTargetAmount) {\n                const resultValues = [...value];\n\n                value.forEach((_, index) => {\n                    const labelAfterRenderValue = renderValue(\n                        labelToItemMap.get(valueToItemMap.get(value[index])!.label)!,\n                    );\n\n                    if (!chipLabels.includes(labelAfterRenderValue)) {\n                        resultValues.splice(index, 1);\n                    }\n                });\n\n                onChange(resultValues);\n            } else {\n                onChange(chipLabels.map((chipLabel) => labelToItemMap.get(chipLabel)!.value));\n            }\n        };\n\n        return (\n            <StyledTextField\n                ref={ref}\n                inputWrapperRef={inputWrapperRef}\n                readOnly\n                value={multiselect ? undefined : valueToItemMap.get(value.toString())?.label || ''}\n                size={size}\n                view={view}\n                chipView={chipView}\n                labelPlacement={labelPlacement}\n                disabled={disabled}\n                label={label}\n                placeholder={value instanceof Array && value.length ? '' : placeholder}\n                contentLeft={contentLeft as React.ReactElement}\n                contentRight={\n                    <IconArrowWrapper disabled={Boolean(disabled)} onClick={handleClickArrow}>\n                        <StyledArrow color=\"inherit\" size={sizeToIconSize(size)} className={withArrowInverse} />\n                    </IconArrowWrapper>\n                }\n                onKeyDown={onKeyDown}\n                leftHelper={helperText}\n                role=\"combobox\"\n                aria-autocomplete=\"list\"\n                aria-controls={`${treeId}_tree_level_1`}\n                aria-expanded={opened}\n                aria-activedescendant={activeDescendantItemValue ? getItemId(treeId, activeDescendantItemValue) : ''}\n                {...(multiselect\n                    ? {\n                          enumerationType: 'chip',\n                          chips: getChips(),\n                          onChangeChips: handleChipsChange,\n                      }\n                    : { enumerationType: 'plain' })}\n                onEnterDisabled // Пропс для отключения обработчика Enter внутри Textfield\n                opened={opened}\n                // TODO: #1547\n                _forceChipManipulationWithReadonly\n            />\n        );\n    },\n);\n"],"names":["Textfield","forwardRef","_ref","ref","_valueToItemMap$get","inputWrapperRef","opened","multiselect","value","label","placeholder","onKeyDown","labelPlacement","size","view","handleClickArrow","contentLeft","helperText","treeId","activeDescendantItemValue","disabled","isTargetAmount","valueToItemMap","renderValue","onChange","labelToItemMap","chipView","withArrowInverse","classes","arrowInverse","undefined","getChips","Array","isArray","length","concat","renderValueMapper","stringValue","get","valueToItemMapper","map","handleChipsChange","chipLabels","resultValues","_toConsumableArray","forEach","_","index","labelAfterRenderValue","includes","splice","chipLabel","React","createElement","StyledTextField","_extends","readOnly","toString","contentRight","IconArrowWrapper","Boolean","onClick","StyledArrow","color","sizeToIconSize","className","leftHelper","role","getItemId","enumerationType","chips","onChangeChips","onEnterDisabled","_forceChipManipulationWithReadonly"],"mappings":"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"}

package/es/index.css

@@ -392,11 +392,12 @@
 
 .DropdownHeader_styles_196gwgm_s133b1g2__3510806e{background:var(--plasma-dropdown-header-background);font-family:var(--plasma-dropdown-header-font-family);font-size:var(--plasma-dropdown-header-font-size);font-style:var(--plasma-dropdown-header-font-style);font-weight:var(--plasma-dropdown-header-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-header-line-height);-moz-letter-spacing:var(--plasma-dropdown-header-line-height);-ms-letter-spacing:var(--plasma-dropdown-header-line-height);letter-spacing:var(--plasma-dropdown-header-line-height);line-height:var(--plasma-dropdown-header-font-weight);width:var(--plasma-dropdown-header-width);height:var(--plasma-dropdown-header-height);padding:var(--plasma-dropdown-header-padding-top) var(--plasma-dropdown-header-padding-right) var(--plasma-dropdown-header-padding-bottom) var(--plasma-dropdown-header-padding-left);margin:var(--plasma-dropdown-header-margin-top) var(--plasma-dropdown-header-margin-right) var(--plasma-dropdown-header-margin-bottom) var(--plasma-dropdown-header-margin-left);}
 
-.DropdownItem_styles_1b439rx_c1gkzlls__ed711128{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-dropdown-cell-padding);--plasma-cell-padding-left-content:var(--plasma-dropdown-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-dropdown-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-dropdown-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-dropdown-cell-textbox-gap);--plasma-cell-gap:var(--plasma-dropdown-cell-gap);--plasma-cell-title-font-family:var(--plasma-dropdown-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-dropdown-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-dropdown-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-dropdown-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-dropdown-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-dropdown-cell-title-line-height);width:100%;}
+.DropdownItem_styles_14yih1y_c1gkzlls__bf539568{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-dropdown-cell-padding);--plasma-cell-padding-left-content:var(--plasma-dropdown-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-dropdown-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-dropdown-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-dropdown-cell-textbox-gap);--plasma-cell-gap:var(--plasma-dropdown-cell-gap);--plasma-cell-title-font-family:var(--plasma-dropdown-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-dropdown-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-dropdown-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-dropdown-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-dropdown-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-dropdown-cell-title-line-height);width:100%;}
 
-.DropdownItem_styles_1b439rx_d1m97l2m__ed711128{line-height:0;color:var(--text-secondary);}
-.DropdownItem_styles_1b439rx_doib72h__ed711128{height:1px;margin-top:var(--doib72h-0);margin-right:var(--plasma-dropdown-divider-margin-right);margin-bottom:var(--doib72h-1);margin-left:var(--plasma-dropdown-divider-margin-left);background:var(--plasma-dropdown-divider-color);}
-.DropdownItem_styles_1b439rx_w6l2f0g__ed711128{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-dropdown-item-height);margin:0;box-sizing:content-box;padding:var(--w6l2f0g-0);font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background-color:var(--plasma-colors-transparent);border-radius:var(--plasma-dropdown-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:0.125rem solid transparent;border-left:0.125rem solid transparent;background-clip:padding-box;position:relative;}.DropdownItem_styles_1b439rx_w6l2f0g__ed711128:hover:not(.DropdownItem_styles_1b439rx_dropdownItemIsDisabled__ed711128){cursor:pointer;background-color:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1b439rx_w6l2f0g__ed711128.DropdownItem_styles_1b439rx_dropdownItemIsActive__ed711128{background-color:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1b439rx_w6l2f0g__ed711128.DropdownItem_styles_1b439rx_dropdownItemIsDisabled__ed711128{opacity:0.4;cursor:not-allowed;}.DropdownItem_styles_1b439rx_w6l2f0g__ed711128:focus{outline:none;}.DropdownItem_styles_1b439rx_w6l2f0g__ed711128::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.DropdownItem_styles_1b439rx_w6l2f0g__ed711128.DropdownItem_styles_1b439rx_dropdownItemIsFocused__ed711128:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
+.DropdownItem_styles_14yih1y_d1m97l2m__bf539568{line-height:0;color:var(--text-secondary);}
+.DropdownItem_styles_14yih1y_doib72h__bf539568{height:1px;margin-top:var(--doib72h-0);margin-right:var(--plasma-dropdown-divider-margin-right);margin-bottom:var(--doib72h-1);margin-left:var(--plasma-dropdown-divider-margin-left);background:var(--plasma-dropdown-divider-color);}
+.DropdownItem_styles_14yih1y_w6l2f0g__bf539568{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-dropdown-item-height);margin:0;box-sizing:content-box;padding:var(--w6l2f0g-0);font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background-color:var(--plasma-colors-transparent);border-radius:var(--plasma-dropdown-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:0.125rem solid transparent;border-left:0.125rem solid transparent;background-clip:padding-box;position:relative;}.DropdownItem_styles_14yih1y_w6l2f0g__bf539568:hover:not(.DropdownItem_styles_14yih1y_dropdownItemIsDisabled__bf539568){cursor:pointer;background-color:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_14yih1y_w6l2f0g__bf539568.DropdownItem_styles_14yih1y_dropdownItemIsActive__bf539568{background-color:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_14yih1y_w6l2f0g__bf539568.DropdownItem_styles_14yih1y_dropdownItemIsDisabled__bf539568{opacity:0.4;cursor:not-allowed;}.DropdownItem_styles_14yih1y_w6l2f0g__bf539568:focus{outline:none;}.DropdownItem_styles_14yih1y_w6l2f0g__bf539568::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.DropdownItem_styles_14yih1y_w6l2f0g__bf539568.DropdownItem_styles_14yih1y_dropdownItemIsFocused__bf539568:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
+.DropdownItem_styles_14yih1y_r1jav4ek__bf539568{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
 
 .DropdownItem_styles_1lyg81y_s1iqs5in__b17ea060{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-dropdown-item-content-left-width);color:var(--plasma-dropdown-item-content-left-color);}
 .DropdownItem_styles_1lyg81y_sfg3dyd__b17ea060{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-dropdown-item-content-right-width);color:var(--plasma-dropdown-item-content-right-color);}
@@ -462,15 +463,15 @@
 .Image_styles_12ttxgz_s2ny8jg__83bd03eb{width:100%;height:100%;object-fit:cover;position:absolute;}
 .Image_styles_12ttxgz_s1e232qk__83bd03eb{width:100%;height:100%;position:absolute;background-position:center;background-size:cover;}
 
-.base_qlxank_b5zny0e__7dda249c{color:var(--plasma-badge-color);background-color:var(--plasma-badge-background);}
+.base_j3xzf3_b5zny0e__f0386786{color:var(--plasma-badge-custom-color,var(--plasma-badge-color));background-color:var(--plasma-badge-custom-background,var(--plasma-badge-background));}
 
-.base_to0y5x_bb8jvo5__5c9e1c86{font-family:var(--plasma-badge-font-family);font-size:var(--plasma-badge-font-size);font-style:var(--plasma-badge-font-style);font-weight:var(--plasma-badge-font-weight);-webkit-letter-spacing:var(--plasma-badge-letter-spacing);-moz-letter-spacing:var(--plasma-badge-letter-spacing);-ms-letter-spacing:var(--plasma-badge-letter-spacing);letter-spacing:var(--plasma-badge-letter-spacing);line-height:var(--plasma-badge-lineheight);border-radius:var(--plasma-badge-border-radius);height:var(--plasma-badge-height);padding-top:var(--plasma-badge-padding-top);padding-right:var(--plasma-badge-padding-right);padding-bottom:var(--plasma-badge-padding-bottom);padding-left:var(--plasma-badge-padding-left);}
+.base_bu5opk_bb8jvo5__18c67c14{font-family:var(--plasma-badge-font-family);font-size:var(--plasma-badge-font-size);font-style:var(--plasma-badge-font-style);font-weight:var(--plasma-badge-font-weight);-webkit-letter-spacing:var(--plasma-badge-letter-spacing);-moz-letter-spacing:var(--plasma-badge-letter-spacing);-ms-letter-spacing:var(--plasma-badge-letter-spacing);letter-spacing:var(--plasma-badge-letter-spacing);line-height:var(--plasma-badge-lineheight);border-radius:var(--plasma-badge-border-radius);height:var(--plasma-badge-height);padding:var(--plasma-badge-padding);}.base_bu5opk_bb8jvo5__18c67c14.base_bu5opk_badgeIconOnly__18c67c14{padding:var(--plasma-badge-padding-icon-only);}.base_bu5opk_bb8jvo5__18c67c14.base_bu5opk_badgeIconOnly__18c67c14 .base_bu5opk_s1t43xoe__18c67c14{margin:0;}
 
 .base_zpvffd_b3w4z61__f9738ae7.base_zpvffd_badgePilled__f9738ae7{border-radius:var(--plasma-badge-pilled-border-radius);}
 
-.base_1l6036y_binquhc__5cc72580.base_1l6036y_badgeTransparent__5cc72580{color:var(--plasma-badge-color-transparent);background-color:var(--plasma-badge-background-transparent);}
+.base_aapqhz_binquhc__81eb1c83.base_aapqhz_badgeTransparent__81eb1c83{color:var(--plasma-badge-custom-color,var(--plasma-badge-color-transparent));background-color:var(--plasma-badge-custom-background,var(--plasma-badge-background-transparent));}
 
-.base_oopyb7_b1e1wuvi__72387433.base_oopyb7_badgeClear__72387433{color:var(--plasma-badge-color-clear);background-color:transparent;padding:0;}
+.base_wiboj8_b1e1wuvi__44d619d2.base_wiboj8_badgeClear__44d619d2{color:var(--plasma-badge-custom-color,var(--plasma-badge-color-clear));background-color:var(--plasma-badge-custom-background,var(--plasma-badge-background-clear));}
 
 .Badge_styles_hhbwyi_s1t43xoe__47a1842a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-badge-left-content-margin-left);margin-right:var(--plasma-badge-left-content-margin-right);}
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.195.0-canary.1572.11914481185.0",
+  "version": "0.195.0-dev.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -98,6 +98,7 @@
     "babel-loader": "8.2.2",
     "babel-plugin-annotate-pure-calls": "0.4.0",
     "babel-plugin-styled-components": "1.13.2",
+    "csstype": "3.1.3",
     "default-browser-id": "2.0.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
@@ -128,5 +129,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "50d076dd32feb9ea99a9d0809b37cc7e7f2c83fe"
+  "gitHead": "e8c1ee1545b8ffd1422c8974c9191f2fa2c7a528"
 }

package/styled-components/cjs/components/Badge/Badge.js

@@ -14,7 +14,7 @@ var _base4 = /*#__PURE__*/require("./variations/_transparent/base");
 var _base5 = /*#__PURE__*/require("./variations/_clear/base");
 var _Badge = /*#__PURE__*/require("./Badge.styles");
 var _Badge2 = /*#__PURE__*/require("./Badge.tokens");
-var _excluded = ["children", "className", "text", "contentLeft", "contentRight", "size", "view", "pilled", "transparent", "clear", "maxWidth"];
+var _excluded = ["children", "className", "style", "text", "contentLeft", "contentRight", "size", "view", "customColor", "customBackgroundColor", "pilled", "transparent", "clear", "maxWidth"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -27,13 +27,17 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var badgeRoot = exports.badgeRoot = function badgeRoot(Root) {
   return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+    var _StyledContentLeft, _StyledContentMain, _StyledContentMain2, _StyledContentRight;
     var children = props.children,
       className = props.className,
+      style = props.style,
       text = props.text,
       contentLeft = props.contentLeft,
       contentRight = props.contentRight,
       size = props.size,
       view = props.view,
+      customColor = props.customColor,
+      customBackgroundColor = props.customBackgroundColor,
       _props$pilled = props.pilled,
       pilled = _props$pilled === void 0 ? false : _props$pilled,
       _props$transparent = props.transparent,
@@ -48,19 +52,25 @@ var badgeRoot = exports.badgeRoot = function badgeRoot(Root) {
     var clearClass = clear ? _Badge2.classes.badgeClear : undefined;
     var truncateClass = maxWidth !== 'auto' ? _Badge2.classes.badgeTruncate : undefined;
     var txt = !text && typeof children === 'string' ? children : text;
+    var iconOnlyClass = !txt && contentLeft ? _Badge2.classes.iconOnly : undefined;
+    var BadgeContent = function BadgeContent() {
+      if (contentLeft) {
+        return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _StyledContentLeft || (_StyledContentLeft = /*#__PURE__*/_react["default"].createElement(_Badge.StyledContentLeft, null, contentLeft)), txt ? _StyledContentMain || (_StyledContentMain = /*#__PURE__*/_react["default"].createElement(_Badge.StyledContentMain, null, txt)) : children);
+      }
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, txt ? _StyledContentMain2 || (_StyledContentMain2 = /*#__PURE__*/_react["default"].createElement(_Badge.StyledContentMain, null, txt)) : children, contentRight && (_StyledContentRight || (_StyledContentRight = /*#__PURE__*/_react["default"].createElement(_Badge.StyledContentRight, null, contentRight))));
+    };
     return /*#__PURE__*/_react["default"].createElement(Root, _extends({
       ref: ref,
-      className: (0, _utils.cx)(pilledClass, transparentClass, clearClass, truncateClass, className),
+      className: (0, _utils.cx)(pilledClass, transparentClass, clearClass, truncateClass, iconOnlyClass, className),
       view: view,
       size: size,
       pilled: pilled,
       transparent: transparent,
-      clear: clear
-    }, rest, {
-      style: _objectSpread(_objectSpread({}, rest.style), {}, {
+      clear: clear,
+      style: _objectSpread(_objectSpread({}, style), {}, _defineProperty(_defineProperty({
         maxWidth: maxWidth
-      })
-    }), contentLeft && /*#__PURE__*/_react["default"].createElement(_Badge.StyledContentLeft, null, contentLeft), txt ? /*#__PURE__*/_react["default"].createElement(_Badge.StyledContentMain, null, txt) : children, contentRight && /*#__PURE__*/_react["default"].createElement(_Badge.StyledContentRight, null, contentRight));
+      }, _Badge2.privateTokens.customBackground, customBackgroundColor), _Badge2.privateTokens.customColor, customColor))
+    }, rest), /*#__PURE__*/_react["default"].createElement(BadgeContent, null));
   });
 };
 var badgeConfig = exports.badgeConfig = {

package/styled-components/cjs/components/Badge/Badge.template-doc.mdx

@@ -52,16 +52,7 @@ export function App() {
 ```
 
 ### Вид badge
-Вид `badge` задается с помощью свойства `view`. Возможные значения свойства `view`:
-
-+ `"primary"` – основной badge;
-+ `"accent"` – бейдж акцентного цвета;
-+ `"positive"` – успешное завершение;
-+ `"warning"` – предупреждение;
-+ `"negative"` – ошибка;
-+ `"dark"` – темный badge;
-+ `"light"` – светлый badge.
-
+Вид `badge` задается с помощью свойства `view`.
 Так же на вид badge влияет свойства `transparent` и `clear`.
 
 ```tsx live 
@@ -72,7 +63,7 @@ export function App() {
     const Badges = ({transparent, clear}) => {
         return (
             <div style=\{{ display: 'flex', gap: '0.5rem' }}>
-                <Badge text="Бейдж" size="l" view="primary" transparent={transparent} clear={clear} />
+                <Badge text="Бейдж" size="l" view="default" transparent={transparent} clear={clear} />
                 <Badge text="Бейдж" size="l" view="accent" transparent={transparent} clear={clear} />
                 <Badge text="Бейдж" size="l" view="positive" transparent={transparent} clear={clear} />
                 <Badge text="Бейдж" size="l" view="warning" transparent={transparent} clear={clear} />
@@ -94,7 +85,8 @@ export function App() {
 ```
 
 ### Иконка слева / справа
-В левой и/или правой части badge можно отобразить иконку:
+В левой или правой части badge можно отобразить иконку. 
+Если же нужен Badge с иконкой без текста, нужно использовать `contentLeft`.
 
 ```tsx live
 import React from 'react';
@@ -107,17 +99,49 @@ export function App() {
             <Badge 
                 text="Бейдж" 
                 size="l"   
-                view="primary" 
+                view="default" 
                 contentLeft={
                     <IconEye color="inherit" size="xs" />
-                } />
+                } 
+            />
             <Badge 
                 text="Бейдж" 
                 size="l"   
-                view="primary" 
+                view="default" 
                 contentRight={
                     <IconEye color="inherit" size="xs" />
-                } />
+                }
+            />
+            <Badge 
+                size="l"   
+                view="default" 
+                contentLeft={
+                    <IconEye color="inherit" size="xs" />
+                } 
+            />
+        </div>
+    );
+}
+```
+
+### Задание цвета текста и фона
+Цвет текста и фона можно задать с помощью свойств 
+`customColor` и `customBackgroundColor` соответственно.
+
+```tsx live
+import React from 'react';
+import { Badge } from '@salutejs/{{ package }}';
+
+export function App() {
+    return (
+        <div>
+            <Badge 
+                text="Бейдж" 
+                size="l"   
+                view="default" 
+                customColor="antiquewhite"
+                customBackgroundColor="darkolivegreen" 
+            />
         </div>
     );
 }

package/styled-components/cjs/components/Badge/Badge.tokens.js

@@ -3,12 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.tokens = exports.classes = void 0;
+exports.tokens = exports.privateTokens = exports.classes = void 0;
 var classes = exports.classes = {
   badgePilled: 'badge-pilled',
   badgeTransparent: 'badge-transparent',
   badgeClear: 'badge-clear',
-  badgeTruncate: 'badge-truncate'
+  badgeTruncate: 'badge-truncate',
+  iconOnly: 'badge-icon-only'
+};
+var privateTokens = exports.privateTokens = {
+  customBackground: '--plasma-badge-custom-background',
+  customColor: '--plasma-badge-custom-color'
 };
 var tokens = exports.tokens = {
   background: '--plasma-badge-background',
@@ -16,13 +21,12 @@ var tokens = exports.tokens = {
   backgroundTransparent: '--plasma-badge-background-transparent',
   colorTransparent: '--plasma-badge-color-transparent',
   colorClear: '--plasma-badge-color-clear',
+  backgroundClear: '--plasma-badge-background-clear',
   borderRadius: '--plasma-badge-border-radius',
   pilledBorderRadius: '--plasma-badge-pilled-border-radius',
   height: '--plasma-badge-height',
-  paddingTop: '--plasma-badge-padding-top',
-  paddingRight: '--plasma-badge-padding-right',
-  paddingBottom: '--plasma-badge-padding-bottom',
-  paddingLeft: '--plasma-badge-padding-left',
+  padding: '--plasma-badge-padding',
+  paddingIconOnly: '--plasma-badge-padding-icon-only',
   fontFamily: '--plasma-badge-font-family',
   fontSize: '--plasma-badge-font-size',
   fontStyle: '--plasma-badge-font-style',

package/styled-components/cjs/components/Badge/variations/_clear/base.js

@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
 exports.base = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
 var _Badge = /*#__PURE__*/require("../../Badge.tokens");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{color:var(", ");background-color:transparent;padding:0;}"], _Badge.classes.badgeClear, _Badge.tokens.colorClear);
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{color:var(", ",var(", "));background-color:var(", ",var(", "));}"], _Badge.classes.badgeClear, _Badge.privateTokens.customColor, _Badge.tokens.colorClear, _Badge.privateTokens.customBackground, _Badge.tokens.backgroundClear);

package/styled-components/cjs/components/Badge/variations/_size/base.js

@@ -6,4 +6,5 @@ Object.defineProperty(exports, "__esModule", {
 exports.base = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
 var _Badge = /*#__PURE__*/require("../../Badge.tokens");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");border-radius:var(", ");height:var(", ");padding-top:var(", ");padding-right:var(", ");padding-bottom:var(", ");padding-left:var(", ");"], _Badge.tokens.fontFamily, _Badge.tokens.fontSize, _Badge.tokens.fontStyle, _Badge.tokens.fontWeight, _Badge.tokens.letterSpacing, _Badge.tokens.lineHeight, _Badge.tokens.borderRadius, _Badge.tokens.height, _Badge.tokens.paddingTop, _Badge.tokens.paddingRight, _Badge.tokens.paddingBottom, _Badge.tokens.paddingLeft);
+var _Badge2 = /*#__PURE__*/require("../../Badge.styles");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");border-radius:var(", ");height:var(", ");padding:var(", ");&.", "{padding:var(", ");", "{margin:0;}}"], _Badge.tokens.fontFamily, _Badge.tokens.fontSize, _Badge.tokens.fontStyle, _Badge.tokens.fontWeight, _Badge.tokens.letterSpacing, _Badge.tokens.lineHeight, _Badge.tokens.borderRadius, _Badge.tokens.height, _Badge.tokens.padding, _Badge.classes.iconOnly, _Badge.tokens.paddingIconOnly, _Badge2.StyledContentLeft);

package/styled-components/cjs/components/Badge/variations/_transparent/base.js

@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
 exports.base = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
 var _Badge = /*#__PURE__*/require("../../Badge.tokens");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{color:var(", ");background-color:var(", ");}"], _Badge.classes.badgeTransparent, _Badge.tokens.colorTransparent, _Badge.tokens.backgroundTransparent);
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{color:var(", ",var(", "));background-color:var(", ",var(", "));}"], _Badge.classes.badgeTransparent, _Badge.privateTokens.customColor, _Badge.tokens.colorTransparent, _Badge.privateTokens.customBackground, _Badge.tokens.backgroundTransparent);