@salutejs/plasma-new-hope 0.76.2-canary.1184.8705168480.0 → 0.76.2-dev.0

package/cjs/components/Segment/ui/SegmentItem/SegmentItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentItem.js","sources":["../../../../../src/components/Segment/ui/SegmentItem/SegmentItem.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from 'react';\nimport type { MouseEvent } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../../../engines/types';\nimport { cx, extractTextFrom } from '../../../../utils';\nimport { classes } from '../../tokens';\nimport { useSegmentInner } from '../../SegmentProvider/SegmentProvider';\n\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport type { SegmentItemProps } from './SegmentItem.types';\nimport { StyledContent, base } from './SegmentItem.styles';\n\nexport const segmentItemRoot = (Root: RootProps<HTMLLabelElement, SegmentItemProps>) =>\n    forwardRef<HTMLLabelElement, SegmentItemProps>((props, outerRef) => {\n        const {\n            size,\n            view,\n            id,\n            label,\n            value,\n            pilled,\n            customHandleSelect,\n            'aria-label': ariaLabelExternal,\n            ...rest\n        } = props;\n        const { selectionMode, disabledGroup, handleSelect, selectedSegmentItems } = useSegmentInner();\n\n        const uniqId = safeUseId();\n        const segmentId = id || `label-${uniqId}`;\n\n        const ariaLabelDefault = useMemo(() => extractTextFrom(label), [label]);\n        const pilledAttr = view !== 'clear' && pilled;\n        const pilledClass = pilledAttr ? classes.segmentPilled : undefined;\n\n        const isSelected = selectedSegmentItems?.includes(value || ariaLabelDefault);\n        const selectedClass = isSelected ? classes.selectedSegmentItem : undefined;\n\n        const handleSelectSegment = useCallback(\n            (event: MouseEvent<HTMLButtonElement>) => {\n                if (disabledGroup) {\n                    return;\n                }\n\n                customHandleSelect?.(event);\n                handleSelect?.(value || ariaLabelDefault);\n            },\n            [selectionMode],\n        );\n\n        return (\n            <Root\n                view={view}\n                size={size}\n                id={segmentId}\n                ref={outerRef}\n                aria-label={ariaLabelExternal || ariaLabelDefault}\n                value={value}\n                pilled={pilledAttr}\n                className={cx(selectedClass, pilledClass)}\n                onClick={handleSelectSegment}\n                tabIndex={disabledGroup ? -1 : 0}\n                disabled={disabledGroup}\n                {...rest}\n            >\n                <StyledContent>{label || value}</StyledContent>\n            </Root>\n        );\n    });\n\nexport const segmentItemConfig = {\n    name: 'SegmentItem',\n    tag: 'button',\n    layout: segmentItemRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        pilled: {\n            css: pilledCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'clear',\n        size: 'xs',\n    },\n};\n"],"names":["segmentItemRoot","Root","forwardRef","props","outerRef","size","view","id","label","value","pilled","customHandleSelect","ariaLabelExternal","rest","_objectWithoutProperties","_excluded","_useSegmentInner","useSegmentInner","selectionMode","disabledGroup","handleSelect","selectedSegmentItems","uniqId","safeUseId","segmentId","concat","ariaLabelDefault","useMemo","extractTextFrom","pilledAttr","pilledClass","classes","segmentPilled","undefined","isSelected","includes","selectedClass","selectedSegmentItem","handleSelectSegment","useCallback","event","React","createElement","_extends","ref","className","cx","onClick","tabIndex","disabled","StyledContent","segmentItemConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","pilledCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"SegmentItem.js","sources":["../../../../../src/components/Segment/ui/SegmentItem/SegmentItem.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from 'react';\nimport type { MouseEvent } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../../../engines/types';\nimport { cx, extractTextFrom } from '../../../../utils';\nimport { classes } from '../../tokens';\nimport { useSegmentInner } from '../../SegmentProvider/SegmentProvider';\n\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport type { SegmentItemProps } from './SegmentItem.types';\nimport { StyledContent, base } from './SegmentItem.styles';\n\nexport const segmentItemRoot = (Root: RootProps<HTMLLabelElement, SegmentItemProps>) =>\n    forwardRef<HTMLLabelElement, SegmentItemProps>((props, outerRef) => {\n        const {\n            size,\n            view,\n            id,\n            label,\n            value,\n            pilled,\n            customHandleSelect,\n            'aria-label': ariaLabelExternal,\n            ...rest\n        } = props;\n        const { selectionMode, disabledGroup, handleSelect, selectedSegmentItems } = useSegmentInner();\n\n        const uniqId = safeUseId();\n        const segmentId = id || `label-${uniqId}`;\n\n        const ariaLabelDefault = useMemo(() => extractTextFrom(label), [label]);\n        const pilledAttr = view !== 'clear' && pilled;\n        const pilledClass = pilledAttr ? classes.segmentPilled : undefined;\n\n        const isSelected = selectedSegmentItems?.includes(value || ariaLabelDefault);\n        const selectedClass = isSelected ? classes.selectedSegmentItem : undefined;\n\n        const handleSelectSegment = useCallback(\n            (event: MouseEvent<HTMLButtonElement>) => {\n                if (disabledGroup) {\n                    return;\n                }\n\n                customHandleSelect?.(event);\n                handleSelect?.(value || ariaLabelDefault);\n            },\n            [selectionMode],\n        );\n\n        return (\n            <Root\n                view={view}\n                size={size}\n                id={segmentId}\n                ref={outerRef}\n                aria-label={ariaLabelExternal || ariaLabelDefault}\n                value={value}\n                pilled={pilledAttr}\n                className={cx(selectedClass, pilledClass)}\n                onClick={handleSelectSegment}\n                tabIndex={disabledGroup ? -1 : 0}\n                disabled={disabledGroup}\n                {...rest}\n            >\n                <StyledContent>{label || value}</StyledContent>\n            </Root>\n        );\n    });\n\nexport const segmentItemConfig = {\n    name: 'SegmentItem',\n    tag: 'button',\n    layout: segmentItemRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        pilled: {\n            css: pilledCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'clear',\n        size: 'xs',\n    },\n};\n"],"names":["segmentItemRoot","Root","forwardRef","props","outerRef","size","view","id","label","value","pilled","customHandleSelect","ariaLabelExternal","rest","_objectWithoutProperties","_excluded","_useSegmentInner","useSegmentInner","selectionMode","disabledGroup","handleSelect","selectedSegmentItems","uniqId","safeUseId","segmentId","concat","ariaLabelDefault","useMemo","extractTextFrom","pilledAttr","pilledClass","classes","segmentPilled","undefined","isSelected","includes","selectedClass","selectedSegmentItem","handleSelectSegment","useCallback","event","React","createElement","_extends","ref","className","cx","onClick","tabIndex","disabled","StyledContent","segmentItemConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","pilledCSS","defaults"],"mappings":"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"}

package/cjs/components/Select/Select.css

@@ -35,6 +35,8 @@
 
 .base_kgtz8x_b16hf96__46a206b1{--plasma_private-chip-outline-size:var(--plasma-chip-outline-size,0.125rem);position:relative;}.base_kgtz8x_b16hf96__46a206b1:focus{outline:none;}.base_kgtz8x_b16hf96__46a206b1::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-chip-outline-size));left:calc(-1 * var(--plasma_private-chip-outline-size));right:calc(-1 * var(--plasma_private-chip-outline-size));bottom:calc(-1 * var(--plasma_private-chip-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-chip-outline-size) solid transparent;border-radius:calc(var(--plasma-chip-border-radius) + var(--plasma_private-chip-outline-size));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_kgtz8x_b16hf96__46a206b1.base_kgtz8x_focusVisible__46a206b1:focus::before,.base_kgtz8x_b16hf96__46a206b1[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-chip-outline-size) var(--plasma-chip-focus-color);}
 
+.base_3kce4h_bvcavwi__c6ad5ca5.base_3kce4h_chipPilled__c6ad5ca5{border-radius:var(--plasma-chip-pilled-border-radius);}
+
 .Chip_styles_1mwwhiw_bol5daj__07da4d18{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
 .Chip_styles_1mwwhiw_sj20on5__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);}
 .Chip_styles_1mwwhiw_s1ror4o9__07da4d18{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

package/cjs/components/Select/Select.js

@@ -112,12 +112,12 @@ var selectRoot = function selectRoot(Root) {
       if (rest.valueType === 'multiple') {
         var _rest$onChangeValue;
         var _newSelected = index.getNewSelected(rest.value, newValue, rest.valueType);
-        (_rest$onChangeValue = rest.onChangeValue) === null || _rest$onChangeValue === void 0 || _rest$onChangeValue.call(rest, _newSelected);
+        (_rest$onChangeValue = rest.onChangeValue) === null || _rest$onChangeValue === void 0 ? void 0 : _rest$onChangeValue.call(rest, _newSelected);
         return;
       }
       var newSelected = index.getNewSelected(rest.value, newValue, 'single');
-      (_rest$onChangeValue2 = rest.onChangeValue) === null || _rest$onChangeValue2 === void 0 || _rest$onChangeValue2.call(rest, newSelected);
-      onInnerToggle === null || onInnerToggle === void 0 || onInnerToggle(false, event);
+      (_rest$onChangeValue2 = rest.onChangeValue) === null || _rest$onChangeValue2 === void 0 ? void 0 : _rest$onChangeValue2.call(rest, newSelected);
+      onInnerToggle === null || onInnerToggle === void 0 ? void 0 : onInnerToggle(false, event);
     }, [rest.value, rest.valueType, rest.onChangeValue, onToggle, onInnerToggle]);
     var onClickChildrenItem = React.useCallback(function (event) {
       // INFO: Для корректной работы компонента Popper
@@ -132,14 +132,14 @@ var selectRoot = function selectRoot(Root) {
       }
       var newValue = event.target.value;
       var newSelected = index.getNewSelected(rest.value, newValue, 'native');
-      (_rest$onChangeValue3 = rest.onChangeValue) === null || _rest$onChangeValue3 === void 0 || _rest$onChangeValue3.call(rest, newSelected);
+      (_rest$onChangeValue3 = rest.onChangeValue) === null || _rest$onChangeValue3 === void 0 ? void 0 : _rest$onChangeValue3.call(rest, newSelected);
     }, [rest.value, rest.valueType, rest.onChangeValue]);
     var onChangeChipValue = React.useCallback(function (newValue) {
       var _rest$onChangeValue4;
       if (rest.valueType !== 'multiple') {
         return;
       }
-      (_rest$onChangeValue4 = rest.onChangeValue) === null || _rest$onChangeValue4 === void 0 || _rest$onChangeValue4.call(rest, newValue);
+      (_rest$onChangeValue4 = rest.onChangeValue) === null || _rest$onChangeValue4 === void 0 ? void 0 : _rest$onChangeValue4.call(rest, newValue);
     }, [rest.valueType]);
     var _useKeyNavigation = useKeyNavigation.useKeyNavigation({
         controlledRefs: controlledRefs,

package/cjs/components/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":["import React, { Children, forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { safeUseId, useForkRef } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\nimport { getPlacements } from '../Dropdown/utils';\nimport { useDidMountEffect, useForceUpdate } from '../../hooks';\n\nimport { base as targetCSS } from './variations/_target/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { SelectTarget } from './ui';\nimport { getChildren, getNewSelected, getValues } from './utils';\nimport { classes } from './Select.tokens';\nimport { StyledNativeSelect, StyledPopover, StyledRoot, StyledSelect } from './Select.styles';\nimport type { SelectPrimitiveValue, SelectProps } from './Select.types';\nimport { useKeyNavigation } from './hooks';\n\n/**\n * Выпадающий список без внешнего контроля видимости.\n */\nexport const selectRoot = (Root: RootProps<HTMLSelectElement, SelectProps>) =>\n    forwardRef<HTMLSelectElement, SelectProps>(\n        (\n            {\n                name,\n                form,\n                readOnly,\n                disabled,\n                label,\n                id,\n                children,\n                role,\n                target,\n                view,\n                size,\n                frame,\n                usePortal,\n                enumerationType = 'comma',\n                opened = false,\n                placement = 'bottom',\n                onToggle,\n                ...rest\n            },\n            outerRootRef,\n        ) => {\n            const forceUpdate = useForceUpdate();\n            const uniqId = safeUseId();\n            const innerId = id || uniqId;\n            const { valueType = 'single', value } = rest;\n            const offset = [0, 4] as [number, number];\n\n            const [ref, setRef] = useState<HTMLSelectElement | null>(null);\n            const rootRef = useRef<HTMLSelectElement | null>(null);\n            const handleRef = useForkRef<HTMLSelectElement>(rootRef, outerRootRef);\n\n            const targetRef = useRef<HTMLButtonElement>(null);\n            const chipsRefs = useRef<Array<HTMLButtonElement>>([]);\n            const selectRef = useRef<HTMLDivElement>(null);\n            const itemsRefs = useRef<Array<HTMLDivElement>>([]);\n            const controlledRefs = { targetRef, chipsRefs, selectRef, itemsRefs };\n\n            const [innerOpened, setOpened] = useState(opened);\n\n            // INFO: нужно высчитывать для корректной работы портала\n            const dynamicTargetWidth = targetRef.current?.offsetWidth;\n            const withNativeSelectVisible = valueType === 'native' ? classes.nativeSelectVisible : undefined;\n\n            // INFO: Из-за того, что классы передаются через ref,\n            // состояние пропсов после изменения view, size, target\n            // всегда предыдущее, поэтому нужно делать форс-ререндер\n            useDidMountEffect(() => {\n                forceUpdate();\n            }, [view, size, target]);\n\n            useEffect(() => {\n                if (disabled || readOnly) {\n                    return;\n                }\n\n                setOpened(opened);\n            }, [opened, disabled, readOnly]);\n\n            const onInnerToggle = useCallback(\n                (openValue: boolean, event: React.SyntheticEvent | Event) => {\n                    if (disabled || readOnly) {\n                        return;\n                    }\n\n                    if (onToggle) {\n                        onToggle(openValue, event);\n                        return;\n                    }\n\n                    setOpened(openValue);\n                },\n                [disabled, readOnly, onToggle],\n            );\n\n            const updateValue = useCallback(\n                (item: HTMLElement, event: React.SyntheticEvent | Event) => {\n                    const {\n                        dataset: { value: newValue },\n                    } = item;\n\n                    if (rest.valueType === 'multiple') {\n                        const newSelected = getNewSelected(rest.value, newValue, rest.valueType);\n                        rest.onChangeValue?.(newSelected);\n\n                        return;\n                    }\n\n                    const newSelected = getNewSelected(rest.value, newValue, 'single');\n\n                    rest.onChangeValue?.(newSelected);\n\n                    onInnerToggle?.(false, event);\n                },\n                [rest.value, rest.valueType, rest.onChangeValue, onToggle, onInnerToggle],\n            );\n\n            const onClickChildrenItem = useCallback(\n                (event: React.MouseEvent<HTMLDivElement>) => {\n                    // INFO: Для корректной работы компонента Popper\n                    event.stopPropagation();\n\n                    const item = event.currentTarget as HTMLElement;\n\n                    updateValue(item, event);\n                },\n                [updateValue],\n            );\n\n            const onNativeSelectChange = useCallback(\n                (event: React.ChangeEvent<HTMLSelectElement>) => {\n                    if (rest.valueType === 'multiple') {\n                        return;\n                    }\n\n                    const { value: newValue } = event.target;\n                    const newSelected = getNewSelected(rest.value, newValue, 'native');\n\n                    rest.onChangeValue?.(newSelected);\n                },\n                [rest.value, rest.valueType, rest.onChangeValue],\n            );\n\n            const onChangeChipValue = useCallback(\n                (newValue?: Array<SelectPrimitiveValue>) => {\n                    if (rest.valueType !== 'multiple') {\n                        return;\n                    }\n\n                    rest.onChangeValue?.(newValue);\n                },\n                [rest.valueType],\n            );\n\n            const { onKeyDownTarget, onKeyDownSelect } = useKeyNavigation({\n                controlledRefs,\n                opened: innerOpened,\n                enumerationType,\n                valueType,\n                value,\n                updateOpened: onInnerToggle,\n                updateValue,\n            });\n\n            const childrenArray = useMemo(() => Children.toArray(children), [children]) as React.ReactElement[];\n\n            const childrenMemo = useMemo(\n                () => getChildren(childrenArray, { onClick: onClickChildrenItem, childrenRefs: itemsRefs }, value),\n                [childrenArray, value, innerOpened],\n            );\n\n            const values = useMemo(() => getValues(childrenArray, value), [childrenArray, value]);\n\n            return (\n                <StyledRoot ref={selectRef}>\n                    <StyledNativeSelect\n                        aria-invalid=\"false\"\n                        aria-hidden=\"true\"\n                        aria-readonly={readOnly}\n                        tabIndex={valueType === 'native' ? 0 : -1}\n                        form={form}\n                        name={name}\n                        ref={handleRef}\n                        value={`${value}`}\n                        disabled={disabled || readOnly}\n                        onChange={onNativeSelectChange}\n                        className={cx(ref?.classList.toString(), withNativeSelectVisible)}\n                    >\n                        {valueType === 'native' && childrenMemo}\n                    </StyledNativeSelect>\n                    <StyledPopover\n                        role={role}\n                        isOpen={innerOpened}\n                        onToggle={onInnerToggle}\n                        target={\n                            <SelectTarget\n                                tabIndex={valueType === 'native' ? -1 : 0}\n                                opened={innerOpened}\n                                target={target}\n                                values={values}\n                                label={label}\n                                enumerationType={enumerationType}\n                                readOnly={readOnly}\n                                disabled={disabled}\n                                size={size}\n                                ref={targetRef}\n                                chipsRefs={chipsRefs}\n                                id={innerId}\n                                onChange={onChangeChipValue}\n                                onKeyDown={onKeyDownTarget}\n                            />\n                        }\n                        className={cx(ref?.classList.toString())} // INFO: Прокидываем стили для Popover\n                        id={innerId}\n                        offset={offset}\n                        frame={frame}\n                        placement={getPlacements(placement)}\n                        trigger=\"click\"\n                        usePortal={usePortal}\n                        selectWidth={dynamicTargetWidth}\n                        isFocusTrapped={false}\n                        preventOverflow={false}\n                        closeOnEsc={false}\n                        closeOnOverlayClick\n                    >\n                        <Root ref={setRef} target={target} view={view} size={size} {...rest}>\n                            {valueType !== 'native' && (\n                                <StyledSelect onKeyDown={onKeyDownSelect}>{childrenMemo}</StyledSelect>\n                            )}\n                        </Root>\n                    </StyledPopover>\n                </StyledRoot>\n            );\n        },\n    );\n\nexport const selectConfig = {\n    name: 'Select',\n    tag: 'div',\n    layout: selectRoot,\n    base: '',\n    variations: {\n        target: {\n            css: targetCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["selectRoot","Root","forwardRef","_ref","outerRootRef","_targetRef$current","name","form","readOnly","disabled","label","id","children","role","target","view","size","frame","usePortal","_ref$enumerationType","enumerationType","_ref$opened","opened","_ref$placement","placement","onToggle","rest","_objectWithoutProperties","_excluded","forceUpdate","useForceUpdate","uniqId","safeUseId","innerId","_rest$valueType","valueType","value","offset","_useState","useState","_useState2","_slicedToArray","ref","setRef","rootRef","useRef","handleRef","useForkRef","targetRef","chipsRefs","selectRef","itemsRefs","controlledRefs","_useState3","_useState4","innerOpened","setOpened","dynamicTargetWidth","current","offsetWidth","withNativeSelectVisible","classes","nativeSelectVisible","undefined","useDidMountEffect","useEffect","onInnerToggle","useCallback","openValue","event","updateValue","item","_rest$onChangeValue2","newValue","dataset","_rest$onChangeValue","newSelected","getNewSelected","onChangeValue","call","onClickChildrenItem","stopPropagation","currentTarget","onNativeSelectChange","_rest$onChangeValue3","onChangeChipValue","_rest$onChangeValue4","_useKeyNavigation","useKeyNavigation","updateOpened","onKeyDownTarget","onKeyDownSelect","childrenArray","useMemo","Children","toArray","childrenMemo","getChildren","onClick","childrenRefs","values","getValues","React","createElement","StyledRoot","StyledNativeSelect","tabIndex","concat","onChange","className","cx","classList","toString","StyledPopover","isOpen","SelectTarget","onKeyDown","getPlacements","trigger","selectWidth","isFocusTrapped","preventOverflow","closeOnEsc","closeOnOverlayClick","_extends","StyledSelect","selectConfig","tag","layout","base","variations","css","targetCSS","viewCSS","sizeCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Select.js","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":["import React, { Children, forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { safeUseId, useForkRef } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\nimport { getPlacements } from '../Dropdown/utils';\nimport { useDidMountEffect, useForceUpdate } from '../../hooks';\n\nimport { base as targetCSS } from './variations/_target/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { SelectTarget } from './ui';\nimport { getChildren, getNewSelected, getValues } from './utils';\nimport { classes } from './Select.tokens';\nimport { StyledNativeSelect, StyledPopover, StyledRoot, StyledSelect } from './Select.styles';\nimport type { SelectPrimitiveValue, SelectProps } from './Select.types';\nimport { useKeyNavigation } from './hooks';\n\n/**\n * Выпадающий список без внешнего контроля видимости.\n */\nexport const selectRoot = (Root: RootProps<HTMLSelectElement, SelectProps>) =>\n    forwardRef<HTMLSelectElement, SelectProps>(\n        (\n            {\n                name,\n                form,\n                readOnly,\n                disabled,\n                label,\n                id,\n                children,\n                role,\n                target,\n                view,\n                size,\n                frame,\n                usePortal,\n                enumerationType = 'comma',\n                opened = false,\n                placement = 'bottom',\n                onToggle,\n                ...rest\n            },\n            outerRootRef,\n        ) => {\n            const forceUpdate = useForceUpdate();\n            const uniqId = safeUseId();\n            const innerId = id || uniqId;\n            const { valueType = 'single', value } = rest;\n            const offset = [0, 4] as [number, number];\n\n            const [ref, setRef] = useState<HTMLSelectElement | null>(null);\n            const rootRef = useRef<HTMLSelectElement | null>(null);\n            const handleRef = useForkRef<HTMLSelectElement>(rootRef, outerRootRef);\n\n            const targetRef = useRef<HTMLButtonElement>(null);\n            const chipsRefs = useRef<Array<HTMLButtonElement>>([]);\n            const selectRef = useRef<HTMLDivElement>(null);\n            const itemsRefs = useRef<Array<HTMLDivElement>>([]);\n            const controlledRefs = { targetRef, chipsRefs, selectRef, itemsRefs };\n\n            const [innerOpened, setOpened] = useState(opened);\n\n            // INFO: нужно высчитывать для корректной работы портала\n            const dynamicTargetWidth = targetRef.current?.offsetWidth;\n            const withNativeSelectVisible = valueType === 'native' ? classes.nativeSelectVisible : undefined;\n\n            // INFO: Из-за того, что классы передаются через ref,\n            // состояние пропсов после изменения view, size, target\n            // всегда предыдущее, поэтому нужно делать форс-ререндер\n            useDidMountEffect(() => {\n                forceUpdate();\n            }, [view, size, target]);\n\n            useEffect(() => {\n                if (disabled || readOnly) {\n                    return;\n                }\n\n                setOpened(opened);\n            }, [opened, disabled, readOnly]);\n\n            const onInnerToggle = useCallback(\n                (openValue: boolean, event: React.SyntheticEvent | Event) => {\n                    if (disabled || readOnly) {\n                        return;\n                    }\n\n                    if (onToggle) {\n                        onToggle(openValue, event);\n                        return;\n                    }\n\n                    setOpened(openValue);\n                },\n                [disabled, readOnly, onToggle],\n            );\n\n            const updateValue = useCallback(\n                (item: HTMLElement, event: React.SyntheticEvent | Event) => {\n                    const {\n                        dataset: { value: newValue },\n                    } = item;\n\n                    if (rest.valueType === 'multiple') {\n                        const newSelected = getNewSelected(rest.value, newValue, rest.valueType);\n                        rest.onChangeValue?.(newSelected);\n\n                        return;\n                    }\n\n                    const newSelected = getNewSelected(rest.value, newValue, 'single');\n\n                    rest.onChangeValue?.(newSelected);\n\n                    onInnerToggle?.(false, event);\n                },\n                [rest.value, rest.valueType, rest.onChangeValue, onToggle, onInnerToggle],\n            );\n\n            const onClickChildrenItem = useCallback(\n                (event: React.MouseEvent<HTMLDivElement>) => {\n                    // INFO: Для корректной работы компонента Popper\n                    event.stopPropagation();\n\n                    const item = event.currentTarget as HTMLElement;\n\n                    updateValue(item, event);\n                },\n                [updateValue],\n            );\n\n            const onNativeSelectChange = useCallback(\n                (event: React.ChangeEvent<HTMLSelectElement>) => {\n                    if (rest.valueType === 'multiple') {\n                        return;\n                    }\n\n                    const { value: newValue } = event.target;\n                    const newSelected = getNewSelected(rest.value, newValue, 'native');\n\n                    rest.onChangeValue?.(newSelected);\n                },\n                [rest.value, rest.valueType, rest.onChangeValue],\n            );\n\n            const onChangeChipValue = useCallback(\n                (newValue?: Array<SelectPrimitiveValue>) => {\n                    if (rest.valueType !== 'multiple') {\n                        return;\n                    }\n\n                    rest.onChangeValue?.(newValue);\n                },\n                [rest.valueType],\n            );\n\n            const { onKeyDownTarget, onKeyDownSelect } = useKeyNavigation({\n                controlledRefs,\n                opened: innerOpened,\n                enumerationType,\n                valueType,\n                value,\n                updateOpened: onInnerToggle,\n                updateValue,\n            });\n\n            const childrenArray = useMemo(() => Children.toArray(children), [children]) as React.ReactElement[];\n\n            const childrenMemo = useMemo(\n                () => getChildren(childrenArray, { onClick: onClickChildrenItem, childrenRefs: itemsRefs }, value),\n                [childrenArray, value, innerOpened],\n            );\n\n            const values = useMemo(() => getValues(childrenArray, value), [childrenArray, value]);\n\n            return (\n                <StyledRoot ref={selectRef}>\n                    <StyledNativeSelect\n                        aria-invalid=\"false\"\n                        aria-hidden=\"true\"\n                        aria-readonly={readOnly}\n                        tabIndex={valueType === 'native' ? 0 : -1}\n                        form={form}\n                        name={name}\n                        ref={handleRef}\n                        value={`${value}`}\n                        disabled={disabled || readOnly}\n                        onChange={onNativeSelectChange}\n                        className={cx(ref?.classList.toString(), withNativeSelectVisible)}\n                    >\n                        {valueType === 'native' && childrenMemo}\n                    </StyledNativeSelect>\n                    <StyledPopover\n                        role={role}\n                        isOpen={innerOpened}\n                        onToggle={onInnerToggle}\n                        target={\n                            <SelectTarget\n                                tabIndex={valueType === 'native' ? -1 : 0}\n                                opened={innerOpened}\n                                target={target}\n                                values={values}\n                                label={label}\n                                enumerationType={enumerationType}\n                                readOnly={readOnly}\n                                disabled={disabled}\n                                size={size}\n                                ref={targetRef}\n                                chipsRefs={chipsRefs}\n                                id={innerId}\n                                onChange={onChangeChipValue}\n                                onKeyDown={onKeyDownTarget}\n                            />\n                        }\n                        className={cx(ref?.classList.toString())} // INFO: Прокидываем стили для Popover\n                        id={innerId}\n                        offset={offset}\n                        frame={frame}\n                        placement={getPlacements(placement)}\n                        trigger=\"click\"\n                        usePortal={usePortal}\n                        selectWidth={dynamicTargetWidth}\n                        isFocusTrapped={false}\n                        preventOverflow={false}\n                        closeOnEsc={false}\n                        closeOnOverlayClick\n                    >\n                        <Root ref={setRef} target={target} view={view} size={size} {...rest}>\n                            {valueType !== 'native' && (\n                                <StyledSelect onKeyDown={onKeyDownSelect}>{childrenMemo}</StyledSelect>\n                            )}\n                        </Root>\n                    </StyledPopover>\n                </StyledRoot>\n            );\n        },\n    );\n\nexport const selectConfig = {\n    name: 'Select',\n    tag: 'div',\n    layout: selectRoot,\n    base: '',\n    variations: {\n        target: {\n            css: targetCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["selectRoot","Root","forwardRef","_ref","outerRootRef","_targetRef$current","name","form","readOnly","disabled","label","id","children","role","target","view","size","frame","usePortal","_ref$enumerationType","enumerationType","_ref$opened","opened","_ref$placement","placement","onToggle","rest","_objectWithoutProperties","_excluded","forceUpdate","useForceUpdate","uniqId","safeUseId","innerId","_rest$valueType","valueType","value","offset","_useState","useState","_useState2","_slicedToArray","ref","setRef","rootRef","useRef","handleRef","useForkRef","targetRef","chipsRefs","selectRef","itemsRefs","controlledRefs","_useState3","_useState4","innerOpened","setOpened","dynamicTargetWidth","current","offsetWidth","withNativeSelectVisible","classes","nativeSelectVisible","undefined","useDidMountEffect","useEffect","onInnerToggle","useCallback","openValue","event","updateValue","item","_rest$onChangeValue2","newValue","dataset","_rest$onChangeValue","newSelected","getNewSelected","onChangeValue","call","onClickChildrenItem","stopPropagation","currentTarget","onNativeSelectChange","_rest$onChangeValue3","onChangeChipValue","_rest$onChangeValue4","_useKeyNavigation","useKeyNavigation","updateOpened","onKeyDownTarget","onKeyDownSelect","childrenArray","useMemo","Children","toArray","childrenMemo","getChildren","onClick","childrenRefs","values","getValues","React","createElement","StyledRoot","StyledNativeSelect","tabIndex","concat","onChange","className","cx","classList","toString","StyledPopover","isOpen","SelectTarget","onKeyDown","getPlacements","trigger","selectWidth","isFocusTrapped","preventOverflow","closeOnEsc","closeOnOverlayClick","_extends","StyledSelect","selectConfig","tag","layout","base","variations","css","targetCSS","viewCSS","sizeCSS","defaults"],"mappings":"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"}

package/cjs/components/Select/hooks/useKeyNavigation.js

@@ -43,17 +43,17 @@ var useKeyNavigation = function useKeyNavigation(_ref) {
     selectChipIndex = _useState4[0],
     setSelectChipIndex = _useState4[1];
   React.useEffect(function () {
-    var _itemsRefs$current;
+    var _itemsRefs$current, _itemsRefs$current$se;
     if (!opened) {
       setSelectItemIndex(-1);
       setSelectChipIndex(-1);
       return;
     }
-    itemsRefs === null || itemsRefs === void 0 || (_itemsRefs$current = itemsRefs.current) === null || _itemsRefs$current === void 0 || (_itemsRefs$current = _itemsRefs$current[selectItemIndex]) === null || _itemsRefs$current === void 0 || _itemsRefs$current.focus();
+    itemsRefs === null || itemsRefs === void 0 ? void 0 : (_itemsRefs$current = itemsRefs.current) === null || _itemsRefs$current === void 0 ? void 0 : (_itemsRefs$current$se = _itemsRefs$current[selectItemIndex]) === null || _itemsRefs$current$se === void 0 ? void 0 : _itemsRefs$current$se.focus();
   }, [opened]);
   React.useEffect(function () {
-    var _itemsRefs$current2;
-    itemsRefs === null || itemsRefs === void 0 || (_itemsRefs$current2 = itemsRefs.current) === null || _itemsRefs$current2 === void 0 || (_itemsRefs$current2 = _itemsRefs$current2[selectItemIndex]) === null || _itemsRefs$current2 === void 0 || _itemsRefs$current2.focus();
+    var _itemsRefs$current2, _itemsRefs$current2$s;
+    itemsRefs === null || itemsRefs === void 0 ? void 0 : (_itemsRefs$current2 = itemsRefs.current) === null || _itemsRefs$current2 === void 0 ? void 0 : (_itemsRefs$current2$s = _itemsRefs$current2[selectItemIndex]) === null || _itemsRefs$current2$s === void 0 ? void 0 : _itemsRefs$current2$s.focus();
   }, [value, search]);
   var onKeyDownTarget = React.useCallback(function (event) {
     var _focusedItem;
@@ -92,7 +92,7 @@ var useKeyNavigation = function useKeyNavigation(_ref) {
       var _ref2, _chipsRefs$current3;
       var _index2 = selectChipIndex - 1 <= 0 ? 0 : selectChipIndex - 1;
       newSelectChipIndex = chipsRefsCount === 0 ? -1 : _index2;
-      focusedItem = chipsRefsCount === 0 ? (_ref2 = inputRef || targetRef) === null || _ref2 === void 0 ? void 0 : _ref2.current : chipsRefs === null || chipsRefs === void 0 || (_chipsRefs$current3 = chipsRefs.current) === null || _chipsRefs$current3 === void 0 ? void 0 : _chipsRefs$current3[_index2];
+      focusedItem = chipsRefsCount === 0 ? (_ref2 = inputRef || targetRef) === null || _ref2 === void 0 ? void 0 : _ref2.current : chipsRefs === null || chipsRefs === void 0 ? void 0 : (_chipsRefs$current3 = chipsRefs.current) === null || _chipsRefs$current3 === void 0 ? void 0 : _chipsRefs$current3[_index2];
       scrollIntoView = true;
     }
     if (code === Keys.ArrowUp || code === Keys.ArrowDown || code === Keys.Enter && componentType !== 'combobox' || code === Keys.Space && componentType !== 'combobox') {
@@ -108,10 +108,10 @@ var useKeyNavigation = function useKeyNavigation(_ref) {
     }
     setSelectItemIndex(newSelectItemIndex);
     setSelectChipIndex(newSelectChipIndex);
-    (_focusedItem = focusedItem) === null || _focusedItem === void 0 || _focusedItem.focus();
+    (_focusedItem = focusedItem) === null || _focusedItem === void 0 ? void 0 : _focusedItem.focus();
     if (scrollIntoView) {
       var _focusedItem2;
-      (_focusedItem2 = focusedItem) === null || _focusedItem2 === void 0 || _focusedItem2.scrollIntoView({
+      (_focusedItem2 = focusedItem) === null || _focusedItem2 === void 0 ? void 0 : _focusedItem2.scrollIntoView({
         behavior: 'smooth',
         block: 'center',
         inline: 'center'
@@ -148,18 +148,18 @@ var useKeyNavigation = function useKeyNavigation(_ref) {
     if (code === Keys.ArrowUp) {
       var _itemsRefs$current4;
       newSelectItemIndex = newSelectItemIndex - 1 === -1 ? itemsRefsCount - 1 : newSelectItemIndex - 1;
-      focusedItem = itemsRefs === null || itemsRefs === void 0 || (_itemsRefs$current4 = itemsRefs.current) === null || _itemsRefs$current4 === void 0 ? void 0 : _itemsRefs$current4[newSelectItemIndex];
+      focusedItem = itemsRefs === null || itemsRefs === void 0 ? void 0 : (_itemsRefs$current4 = itemsRefs.current) === null || _itemsRefs$current4 === void 0 ? void 0 : _itemsRefs$current4[newSelectItemIndex];
     }
     if (code === Keys.ArrowDown) {
       var _itemsRefs$current5;
       newSelectItemIndex = newSelectItemIndex + 1 === itemsRefsCount ? 0 : newSelectItemIndex + 1;
-      focusedItem = itemsRefs === null || itemsRefs === void 0 || (_itemsRefs$current5 = itemsRefs.current) === null || _itemsRefs$current5 === void 0 ? void 0 : _itemsRefs$current5[newSelectItemIndex];
+      focusedItem = itemsRefs === null || itemsRefs === void 0 ? void 0 : (_itemsRefs$current5 = itemsRefs.current) === null || _itemsRefs$current5 === void 0 ? void 0 : _itemsRefs$current5[newSelectItemIndex];
     }
     if ((code === Keys.ArrowRight || code === Keys.ArrowLeft) && valueType === 'multiple' && enumerationType === 'chip' && chipsRefsCount) {
       var _chipsRefs$current4;
       newSelectChipIndex = chipsRefsCount - 1;
       newSelectItemIndex = -1;
-      focusedItem = chipsRefs === null || chipsRefs === void 0 || (_chipsRefs$current4 = chipsRefs.current) === null || _chipsRefs$current4 === void 0 ? void 0 : _chipsRefs$current4[newSelectChipIndex];
+      focusedItem = chipsRefs === null || chipsRefs === void 0 ? void 0 : (_chipsRefs$current4 = chipsRefs.current) === null || _chipsRefs$current4 === void 0 ? void 0 : _chipsRefs$current4[newSelectChipIndex];
       scrollIntoView = true;
     }
     if (code === Keys.Enter || code === Keys.Space && componentType !== 'combobox') {
@@ -185,10 +185,10 @@ var useKeyNavigation = function useKeyNavigation(_ref) {
     updateOpened(newOpened, event);
     setSelectItemIndex(newSelectItemIndex);
     setSelectChipIndex(newSelectChipIndex);
-    (_focusedItem3 = focusedItem) === null || _focusedItem3 === void 0 || _focusedItem3.focus();
+    (_focusedItem3 = focusedItem) === null || _focusedItem3 === void 0 ? void 0 : _focusedItem3.focus();
     if (scrollIntoView) {
       var _focusedItem4;
-      (_focusedItem4 = focusedItem) === null || _focusedItem4 === void 0 || _focusedItem4.scrollIntoView({
+      (_focusedItem4 = focusedItem) === null || _focusedItem4 === void 0 ? void 0 : _focusedItem4.scrollIntoView({
         behavior: 'smooth',
         block: 'center',
         inline: 'center'

package/cjs/components/Select/hooks/useKeyNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useKeyNavigation.js","sources":["../../../../src/components/Select/hooks/useKeyNavigation.ts"],"sourcesContent":["import { KeyboardEvent, useCallback, useEffect, useState } from 'react';\n\nimport type { UseKeyNavigationProps } from '../Select.types';\n\nexport const Keys = {\n    Enter: 'Enter',\n    Space: 'Space',\n    Tab: 'Tab',\n    Escape: 'Escape',\n    ArrowLeft: 'ArrowLeft',\n    ArrowRight: 'ArrowRight',\n    ArrowUp: 'ArrowUp',\n    ArrowDown: 'ArrowDown',\n    Backspace: 'Backspace',\n    ShiftLeft: 'ShiftLeft',\n    ShiftRight: 'ShiftRight',\n};\n\nexport const useKeyNavigation = ({\n    controlledRefs: { targetRef, chipsRefs, selectRef, itemsRefs, inputRef },\n    opened,\n    enumerationType,\n    valueType,\n    componentType = 'select',\n    value,\n    search,\n    updateValue,\n    updateOpened,\n}: UseKeyNavigationProps) => {\n    const [selectItemIndex, setSelectItemIndex] = useState(-1);\n    const [selectChipIndex, setSelectChipIndex] = useState(-1);\n\n    useEffect(() => {\n        if (!opened) {\n            setSelectItemIndex(-1);\n            setSelectChipIndex(-1);\n\n            return;\n        }\n\n        itemsRefs?.current?.[selectItemIndex]?.focus();\n    }, [opened]);\n\n    useEffect(() => {\n        itemsRefs?.current?.[selectItemIndex]?.focus();\n    }, [value, search]);\n\n    const onKeyDownTarget = useCallback(\n        (event: KeyboardEvent<HTMLButtonElement | HTMLInputElement>) => {\n            const { code } = event;\n\n            const chipsRefsCount = chipsRefs.current.length;\n            let scrollIntoView = false;\n            let newOpened = opened;\n            let newSelectItemIndex = selectItemIndex;\n            let newSelectChipIndex = selectChipIndex;\n            let focusedItem: HTMLElement | HTMLInputElement | null = null;\n\n            if (code === Keys.Enter || (code === Keys.Space && componentType !== 'combobox')) {\n                event.preventDefault();\n            }\n\n            if (code === Keys.Escape) {\n                newOpened = false;\n                newSelectItemIndex = -1;\n                newSelectChipIndex = -1;\n                focusedItem = targetRef.current;\n            }\n\n            if (code === Keys.ArrowLeft && valueType === 'multiple' && enumerationType === 'chip') {\n                const index = selectChipIndex - 1 <= 0 ? 0 : selectChipIndex - 1;\n\n                newSelectChipIndex = document.activeElement === targetRef.current ? 0 : index;\n                newSelectChipIndex =\n                    document.activeElement === inputRef?.current ? chipsRefsCount - 1 : newSelectChipIndex;\n\n                focusedItem = chipsRefs.current?.[newSelectChipIndex];\n\n                scrollIntoView = true;\n            }\n\n            if (code === Keys.ArrowRight && valueType === 'multiple' && enumerationType === 'chip') {\n                const index = selectChipIndex + 1 === chipsRefsCount ? selectChipIndex : selectChipIndex + 1;\n\n                newSelectChipIndex = document.activeElement === targetRef.current ? 0 : index;\n                focusedItem =\n                    index === selectChipIndex\n                        ? (inputRef?.current as HTMLInputElement)\n                        : chipsRefs.current?.[newSelectChipIndex];\n\n                scrollIntoView = true;\n            }\n\n            if (code === Keys.Backspace && document.activeElement !== inputRef?.current) {\n                const index = selectChipIndex - 1 <= 0 ? 0 : selectChipIndex - 1;\n\n                newSelectChipIndex = chipsRefsCount === 0 ? -1 : index;\n                focusedItem = chipsRefsCount === 0 ? (inputRef || targetRef)?.current : chipsRefs?.current?.[index];\n\n                scrollIntoView = true;\n            }\n\n            if (\n                code === Keys.ArrowUp ||\n                code === Keys.ArrowDown ||\n                (code === Keys.Enter && componentType !== 'combobox') ||\n                (code === Keys.Space && componentType !== 'combobox')\n            ) {\n                newOpened = true;\n                newSelectItemIndex = selectItemIndex === -1 ? 0 : selectItemIndex;\n                focusedItem = itemsRefs.current?.[newSelectItemIndex];\n            }\n\n            // INFO: Для кейсов, когда поведение закрытия может контролироваться снаружи\n            if (code !== Keys.Enter || componentType !== 'combobox') {\n                updateOpened(newOpened, event);\n            }\n\n            setSelectItemIndex(newSelectItemIndex);\n            setSelectChipIndex(newSelectChipIndex);\n\n            focusedItem?.focus();\n\n            if (scrollIntoView) {\n                focusedItem?.scrollIntoView({\n                    behavior: 'smooth',\n                    block: 'center',\n                    inline: 'center',\n                });\n            }\n        },\n        [opened, selectItemIndex, selectChipIndex, valueType, enumerationType, componentType, updateOpened],\n    );\n\n    const onKeyDownSelect = useCallback(\n        (event: KeyboardEvent<HTMLDivElement>) => {\n            const { code, shiftKey } = event;\n\n            const itemsRefsCount = itemsRefs.current.length;\n            const chipsRefsCount = chipsRefs.current.length;\n            let scrollIntoView = false;\n            let newOpened = opened;\n            let newSelectItemIndex = selectItemIndex;\n            let newSelectChipIndex = selectChipIndex;\n            let focusedItem: HTMLElement | HTMLInputElement | null = null;\n\n            if (code === Keys.Enter || code === Keys.Tab) {\n                event.preventDefault();\n            }\n\n            if (code === Keys.Escape) {\n                newOpened = false;\n                newSelectItemIndex = -1;\n                newSelectChipIndex = -1;\n                focusedItem = (inputRef || targetRef).current;\n            }\n\n            if (code === Keys.Tab) {\n                newOpened = false;\n                newSelectItemIndex = -1;\n                newSelectChipIndex = -1;\n                focusedItem = (shiftKey\n                    ? selectRef.current?.previousSibling\n                    : selectRef.current?.nextSibling) as HTMLElement;\n            }\n\n            if (code === Keys.ArrowUp) {\n                newSelectItemIndex = newSelectItemIndex - 1 === -1 ? itemsRefsCount - 1 : newSelectItemIndex - 1;\n                focusedItem = itemsRefs?.current?.[newSelectItemIndex];\n            }\n\n            if (code === Keys.ArrowDown) {\n                newSelectItemIndex = newSelectItemIndex + 1 === itemsRefsCount ? 0 : newSelectItemIndex + 1;\n                focusedItem = itemsRefs?.current?.[newSelectItemIndex];\n            }\n\n            if (\n                (code === Keys.ArrowRight || code === Keys.ArrowLeft) &&\n                valueType === 'multiple' &&\n                enumerationType === 'chip' &&\n                chipsRefsCount\n            ) {\n                newSelectChipIndex = chipsRefsCount - 1;\n                newSelectItemIndex = -1;\n                focusedItem = chipsRefs?.current?.[newSelectChipIndex];\n\n                scrollIntoView = true;\n            }\n\n            if (code === Keys.Enter || (code === Keys.Space && componentType !== 'combobox')) {\n                const item = itemsRefs.current[newSelectItemIndex] as HTMLElement;\n\n                // TODO: #1016\n                // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                // @ts-ignore\n                if (item.ariaDisabled) {\n                    return;\n                }\n\n                updateValue(item, event);\n\n                newOpened = valueType === 'single' ? false : opened;\n                focusedItem = valueType === 'single' ? targetRef.current : focusedItem;\n            }\n\n            const isValidKeyCode = [\n                Keys.ShiftLeft,\n                Keys.ShiftRight,\n                Keys.ArrowDown,\n                Keys.ArrowLeft,\n                Keys.ArrowRight,\n                Keys.ArrowUp,\n                Keys.Enter,\n                Keys.Escape,\n                Keys.Tab,\n            ].includes(code);\n\n            if (componentType === 'combobox' && !isValidKeyCode) {\n                event.stopPropagation();\n\n                focusedItem = inputRef?.current as HTMLInputElement;\n                newSelectItemIndex = -1;\n                newSelectChipIndex = -1;\n            }\n\n            updateOpened(newOpened, event);\n            setSelectItemIndex(newSelectItemIndex);\n            setSelectChipIndex(newSelectChipIndex);\n\n            focusedItem?.focus();\n\n            if (scrollIntoView) {\n                focusedItem?.scrollIntoView({\n                    behavior: 'smooth',\n                    block: 'center',\n                    inline: 'center',\n                });\n            }\n        },\n        [\n            opened,\n            selectItemIndex,\n            selectChipIndex,\n            valueType,\n            enumerationType,\n            componentType,\n            updateOpened,\n            updateValue,\n        ],\n    );\n\n    return { onKeyDownTarget, onKeyDownSelect } as const;\n};\n"],"names":["Keys","Enter","Space","Tab","Escape","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Backspace","ShiftLeft","ShiftRight","useKeyNavigation","_ref","_ref$controlledRefs","controlledRefs","targetRef","chipsRefs","selectRef","itemsRefs","inputRef","opened","enumerationType","valueType","_ref$componentType","componentType","value","search","updateValue","updateOpened","_useState","useState","_useState2","_slicedToArray","selectItemIndex","setSelectItemIndex","_useState3","_useState4","selectChipIndex","setSelectChipIndex","useEffect","_itemsRefs$current","current","focus","_itemsRefs$current2","onKeyDownTarget","useCallback","event","_focusedItem","code","chipsRefsCount","length","scrollIntoView","newOpened","newSelectItemIndex","newSelectChipIndex","focusedItem","preventDefault","_chipsRefs$current","index","document","activeElement","_chipsRefs$current2","_ref2","_chipsRefs$current3","_itemsRefs$current3","_focusedItem2","behavior","block","inline","onKeyDownSelect","_focusedItem3","shiftKey","itemsRefsCount","_selectRef$current","_selectRef$current2","previousSibling","nextSibling","_itemsRefs$current4","_itemsRefs$current5","_chipsRefs$current4","item","ariaDisabled","isValidKeyCode","includes","stopPropagation","_focusedItem4"],"mappings":"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"}
+{"version":3,"file":"useKeyNavigation.js","sources":["../../../../src/components/Select/hooks/useKeyNavigation.ts"],"sourcesContent":["import { KeyboardEvent, useCallback, useEffect, useState } from 'react';\n\nimport type { UseKeyNavigationProps } from '../Select.types';\n\nexport const Keys = {\n    Enter: 'Enter',\n    Space: 'Space',\n    Tab: 'Tab',\n    Escape: 'Escape',\n    ArrowLeft: 'ArrowLeft',\n    ArrowRight: 'ArrowRight',\n    ArrowUp: 'ArrowUp',\n    ArrowDown: 'ArrowDown',\n    Backspace: 'Backspace',\n    ShiftLeft: 'ShiftLeft',\n    ShiftRight: 'ShiftRight',\n};\n\nexport const useKeyNavigation = ({\n    controlledRefs: { targetRef, chipsRefs, selectRef, itemsRefs, inputRef },\n    opened,\n    enumerationType,\n    valueType,\n    componentType = 'select',\n    value,\n    search,\n    updateValue,\n    updateOpened,\n}: UseKeyNavigationProps) => {\n    const [selectItemIndex, setSelectItemIndex] = useState(-1);\n    const [selectChipIndex, setSelectChipIndex] = useState(-1);\n\n    useEffect(() => {\n        if (!opened) {\n            setSelectItemIndex(-1);\n            setSelectChipIndex(-1);\n\n            return;\n        }\n\n        itemsRefs?.current?.[selectItemIndex]?.focus();\n    }, [opened]);\n\n    useEffect(() => {\n        itemsRefs?.current?.[selectItemIndex]?.focus();\n    }, [value, search]);\n\n    const onKeyDownTarget = useCallback(\n        (event: KeyboardEvent<HTMLButtonElement | HTMLInputElement>) => {\n            const { code } = event;\n\n            const chipsRefsCount = chipsRefs.current.length;\n            let scrollIntoView = false;\n            let newOpened = opened;\n            let newSelectItemIndex = selectItemIndex;\n            let newSelectChipIndex = selectChipIndex;\n            let focusedItem: HTMLElement | HTMLInputElement | null = null;\n\n            if (code === Keys.Enter || (code === Keys.Space && componentType !== 'combobox')) {\n                event.preventDefault();\n            }\n\n            if (code === Keys.Escape) {\n                newOpened = false;\n                newSelectItemIndex = -1;\n                newSelectChipIndex = -1;\n                focusedItem = targetRef.current;\n            }\n\n            if (code === Keys.ArrowLeft && valueType === 'multiple' && enumerationType === 'chip') {\n                const index = selectChipIndex - 1 <= 0 ? 0 : selectChipIndex - 1;\n\n                newSelectChipIndex = document.activeElement === targetRef.current ? 0 : index;\n                newSelectChipIndex =\n                    document.activeElement === inputRef?.current ? chipsRefsCount - 1 : newSelectChipIndex;\n\n                focusedItem = chipsRefs.current?.[newSelectChipIndex];\n\n                scrollIntoView = true;\n            }\n\n            if (code === Keys.ArrowRight && valueType === 'multiple' && enumerationType === 'chip') {\n                const index = selectChipIndex + 1 === chipsRefsCount ? selectChipIndex : selectChipIndex + 1;\n\n                newSelectChipIndex = document.activeElement === targetRef.current ? 0 : index;\n                focusedItem =\n                    index === selectChipIndex\n                        ? (inputRef?.current as HTMLInputElement)\n                        : chipsRefs.current?.[newSelectChipIndex];\n\n                scrollIntoView = true;\n            }\n\n            if (code === Keys.Backspace && document.activeElement !== inputRef?.current) {\n                const index = selectChipIndex - 1 <= 0 ? 0 : selectChipIndex - 1;\n\n                newSelectChipIndex = chipsRefsCount === 0 ? -1 : index;\n                focusedItem = chipsRefsCount === 0 ? (inputRef || targetRef)?.current : chipsRefs?.current?.[index];\n\n                scrollIntoView = true;\n            }\n\n            if (\n                code === Keys.ArrowUp ||\n                code === Keys.ArrowDown ||\n                (code === Keys.Enter && componentType !== 'combobox') ||\n                (code === Keys.Space && componentType !== 'combobox')\n            ) {\n                newOpened = true;\n                newSelectItemIndex = selectItemIndex === -1 ? 0 : selectItemIndex;\n                focusedItem = itemsRefs.current?.[newSelectItemIndex];\n            }\n\n            // INFO: Для кейсов, когда поведение закрытия может контролироваться снаружи\n            if (code !== Keys.Enter || componentType !== 'combobox') {\n                updateOpened(newOpened, event);\n            }\n\n            setSelectItemIndex(newSelectItemIndex);\n            setSelectChipIndex(newSelectChipIndex);\n\n            focusedItem?.focus();\n\n            if (scrollIntoView) {\n                focusedItem?.scrollIntoView({\n                    behavior: 'smooth',\n                    block: 'center',\n                    inline: 'center',\n                });\n            }\n        },\n        [opened, selectItemIndex, selectChipIndex, valueType, enumerationType, componentType, updateOpened],\n    );\n\n    const onKeyDownSelect = useCallback(\n        (event: KeyboardEvent<HTMLDivElement>) => {\n            const { code, shiftKey } = event;\n\n            const itemsRefsCount = itemsRefs.current.length;\n            const chipsRefsCount = chipsRefs.current.length;\n            let scrollIntoView = false;\n            let newOpened = opened;\n            let newSelectItemIndex = selectItemIndex;\n            let newSelectChipIndex = selectChipIndex;\n            let focusedItem: HTMLElement | HTMLInputElement | null = null;\n\n            if (code === Keys.Enter || code === Keys.Tab) {\n                event.preventDefault();\n            }\n\n            if (code === Keys.Escape) {\n                newOpened = false;\n                newSelectItemIndex = -1;\n                newSelectChipIndex = -1;\n                focusedItem = (inputRef || targetRef).current;\n            }\n\n            if (code === Keys.Tab) {\n                newOpened = false;\n                newSelectItemIndex = -1;\n                newSelectChipIndex = -1;\n                focusedItem = (shiftKey\n                    ? selectRef.current?.previousSibling\n                    : selectRef.current?.nextSibling) as HTMLElement;\n            }\n\n            if (code === Keys.ArrowUp) {\n                newSelectItemIndex = newSelectItemIndex - 1 === -1 ? itemsRefsCount - 1 : newSelectItemIndex - 1;\n                focusedItem = itemsRefs?.current?.[newSelectItemIndex];\n            }\n\n            if (code === Keys.ArrowDown) {\n                newSelectItemIndex = newSelectItemIndex + 1 === itemsRefsCount ? 0 : newSelectItemIndex + 1;\n                focusedItem = itemsRefs?.current?.[newSelectItemIndex];\n            }\n\n            if (\n                (code === Keys.ArrowRight || code === Keys.ArrowLeft) &&\n                valueType === 'multiple' &&\n                enumerationType === 'chip' &&\n                chipsRefsCount\n            ) {\n                newSelectChipIndex = chipsRefsCount - 1;\n                newSelectItemIndex = -1;\n                focusedItem = chipsRefs?.current?.[newSelectChipIndex];\n\n                scrollIntoView = true;\n            }\n\n            if (code === Keys.Enter || (code === Keys.Space && componentType !== 'combobox')) {\n                const item = itemsRefs.current[newSelectItemIndex] as HTMLElement;\n\n                // TODO: #1016\n                // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                // @ts-ignore\n                if (item.ariaDisabled) {\n                    return;\n                }\n\n                updateValue(item, event);\n\n                newOpened = valueType === 'single' ? false : opened;\n                focusedItem = valueType === 'single' ? targetRef.current : focusedItem;\n            }\n\n            const isValidKeyCode = [\n                Keys.ShiftLeft,\n                Keys.ShiftRight,\n                Keys.ArrowDown,\n                Keys.ArrowLeft,\n                Keys.ArrowRight,\n                Keys.ArrowUp,\n                Keys.Enter,\n                Keys.Escape,\n                Keys.Tab,\n            ].includes(code);\n\n            if (componentType === 'combobox' && !isValidKeyCode) {\n                event.stopPropagation();\n\n                focusedItem = inputRef?.current as HTMLInputElement;\n                newSelectItemIndex = -1;\n                newSelectChipIndex = -1;\n            }\n\n            updateOpened(newOpened, event);\n            setSelectItemIndex(newSelectItemIndex);\n            setSelectChipIndex(newSelectChipIndex);\n\n            focusedItem?.focus();\n\n            if (scrollIntoView) {\n                focusedItem?.scrollIntoView({\n                    behavior: 'smooth',\n                    block: 'center',\n                    inline: 'center',\n                });\n            }\n        },\n        [\n            opened,\n            selectItemIndex,\n            selectChipIndex,\n            valueType,\n            enumerationType,\n            componentType,\n            updateOpened,\n            updateValue,\n        ],\n    );\n\n    return { onKeyDownTarget, onKeyDownSelect } as const;\n};\n"],"names":["Keys","Enter","Space","Tab","Escape","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Backspace","ShiftLeft","ShiftRight","useKeyNavigation","_ref","_ref$controlledRefs","controlledRefs","targetRef","chipsRefs","selectRef","itemsRefs","inputRef","opened","enumerationType","valueType","_ref$componentType","componentType","value","search","updateValue","updateOpened","_useState","useState","_useState2","_slicedToArray","selectItemIndex","setSelectItemIndex","_useState3","_useState4","selectChipIndex","setSelectChipIndex","useEffect","_itemsRefs$current","_itemsRefs$current$se","current","focus","_itemsRefs$current2","_itemsRefs$current2$s","onKeyDownTarget","useCallback","event","_focusedItem","code","chipsRefsCount","length","scrollIntoView","newOpened","newSelectItemIndex","newSelectChipIndex","focusedItem","preventDefault","_chipsRefs$current","index","document","activeElement","_chipsRefs$current2","_ref2","_chipsRefs$current3","_itemsRefs$current3","_focusedItem2","behavior","block","inline","onKeyDownSelect","_focusedItem3","shiftKey","itemsRefsCount","_selectRef$current","_selectRef$current2","previousSibling","nextSibling","_itemsRefs$current4","_itemsRefs$current5","_chipsRefs$current4","item","ariaDisabled","isValidKeyCode","includes","stopPropagation","_focusedItem4"],"mappings":"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"}

package/cjs/components/Select/ui/SelectChip/SelectChip.css

@@ -10,6 +10,8 @@
 
 .base_kgtz8x_b16hf96__46a206b1{--plasma_private-chip-outline-size:var(--plasma-chip-outline-size,0.125rem);position:relative;}.base_kgtz8x_b16hf96__46a206b1:focus{outline:none;}.base_kgtz8x_b16hf96__46a206b1::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-chip-outline-size));left:calc(-1 * var(--plasma_private-chip-outline-size));right:calc(-1 * var(--plasma_private-chip-outline-size));bottom:calc(-1 * var(--plasma_private-chip-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-chip-outline-size) solid transparent;border-radius:calc(var(--plasma-chip-border-radius) + var(--plasma_private-chip-outline-size));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_kgtz8x_b16hf96__46a206b1.base_kgtz8x_focusVisible__46a206b1:focus::before,.base_kgtz8x_b16hf96__46a206b1[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-chip-outline-size) var(--plasma-chip-focus-color);}
 
+.base_3kce4h_bvcavwi__c6ad5ca5.base_3kce4h_chipPilled__c6ad5ca5{border-radius:var(--plasma-chip-pilled-border-radius);}
+
 .Chip_styles_1mwwhiw_bol5daj__07da4d18{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
 .Chip_styles_1mwwhiw_sj20on5__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);}
 .Chip_styles_1mwwhiw_s1ror4o9__07da4d18{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

package/cjs/components/Select/ui/SelectChip/SelectChip.js

@@ -21,7 +21,7 @@ var SelectChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onClear(value, text);
   }, [onClear, value, text]);
   var onKeyDownHandle = React.useCallback(function (event) {
-    onKeyDown === null || onKeyDown === void 0 || onKeyDown(value, text, index, event);
+    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(value, text, index, event);
   }, [onKeyDown]);
   return /*#__PURE__*/React.createElement(SelectChip_styles.StyledChip, {
     ref: ref,

package/cjs/components/Select/ui/SelectChip/SelectChip.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectChip.js","sources":["../../../../../src/components/Select/ui/SelectChip/SelectChip.tsx"],"sourcesContent":["import React, { forwardRef, useCallback } from 'react';\n\nimport { StyledChip } from './SelectChip.styles';\nimport type { SelectChipProps } from './SelectChip.types';\n\n/**\n * Чип, отображающий выбранный элемент\n */\nexport const SelectChip = forwardRef<HTMLButtonElement, SelectChipProps>(\n    ({ value, text, index, disabled, readOnly, onClick, onClear, onKeyDown }, ref) => {\n        const onClearHandle = useCallback(() => {\n            onClear(value, text);\n        }, [onClear, value, text]);\n\n        const onKeyDownHandle = useCallback(\n            (event: React.KeyboardEvent<HTMLButtonElement>) => {\n                onKeyDown?.(value, text, index, event);\n            },\n            [onKeyDown],\n        );\n\n        return (\n            <StyledChip\n                ref={ref}\n                tabIndex={-1}\n                disabled={disabled}\n                readOnly={readOnly}\n                onClick={onClick}\n                onClear={onClearHandle}\n                onKeyDown={onKeyDownHandle}\n                text={`${text}`}\n            />\n        );\n    },\n);\n"],"names":["SelectChip","forwardRef","_ref","ref","value","text","index","disabled","readOnly","onClick","onClear","onKeyDown","onClearHandle","useCallback","onKeyDownHandle","event","React","createElement","StyledChip","tabIndex","concat"],"mappings":";;;;;;;AAKA;AACA;AACA;AACO,IAAMA,UAAU,gBAAGC,gBAAU,CAChC,UAAAC,IAAA,EAA0EC,GAAG,EAAK;AAAA,EAAA,IAA/EC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IAAEC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAEC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IAAEC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IAAEC,OAAO,GAAAP,IAAA,CAAPO,OAAO;IAAEC,OAAO,GAAAR,IAAA,CAAPQ,OAAO;IAAEC,SAAS,GAAAT,IAAA,CAATS,SAAS,CAAA;AAClE,EAAA,IAAMC,aAAa,GAAGC,iBAAW,CAAC,YAAM;AACpCH,IAAAA,OAAO,CAACN,KAAK,EAAEC,IAAI,CAAC,CAAA;GACvB,EAAE,CAACK,OAAO,EAAEN,KAAK,EAAEC,IAAI,CAAC,CAAC,CAAA;AAE1B,EAAA,IAAMS,eAAe,GAAGD,iBAAW,CAC/B,UAACE,KAA6C,EAAK;AAC/CJ,IAAAA,SAAS,KAATA,IAAAA,IAAAA,SAAS,KAATA,KAAAA,CAAAA,IAAAA,SAAS,CAAGP,KAAK,EAAEC,IAAI,EAAEC,KAAK,EAAES,KAAK,CAAC,CAAA;AAC1C,GAAC,EACD,CAACJ,SAAS,CACd,CAAC,CAAA;AAED,EAAA,oBACIK,KAAA,CAAAC,aAAA,CAACC,4BAAU,EAAA;AACPf,IAAAA,GAAG,EAAEA,GAAI;IACTgB,QAAQ,EAAE,CAAC,CAAE;AACbZ,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,OAAO,EAAEE,aAAc;AACvBD,IAAAA,SAAS,EAAEG,eAAgB;IAC3BT,IAAI,EAAA,EAAA,CAAAe,MAAA,CAAKf,IAAI,CAAA;AAAG,GACnB,CAAC,CAAA;AAEV,CACJ;;;;"}
+{"version":3,"file":"SelectChip.js","sources":["../../../../../src/components/Select/ui/SelectChip/SelectChip.tsx"],"sourcesContent":["import React, { forwardRef, useCallback } from 'react';\n\nimport { StyledChip } from './SelectChip.styles';\nimport type { SelectChipProps } from './SelectChip.types';\n\n/**\n * Чип, отображающий выбранный элемент\n */\nexport const SelectChip = forwardRef<HTMLButtonElement, SelectChipProps>(\n    ({ value, text, index, disabled, readOnly, onClick, onClear, onKeyDown }, ref) => {\n        const onClearHandle = useCallback(() => {\n            onClear(value, text);\n        }, [onClear, value, text]);\n\n        const onKeyDownHandle = useCallback(\n            (event: React.KeyboardEvent<HTMLButtonElement>) => {\n                onKeyDown?.(value, text, index, event);\n            },\n            [onKeyDown],\n        );\n\n        return (\n            <StyledChip\n                ref={ref}\n                tabIndex={-1}\n                disabled={disabled}\n                readOnly={readOnly}\n                onClick={onClick}\n                onClear={onClearHandle}\n                onKeyDown={onKeyDownHandle}\n                text={`${text}`}\n            />\n        );\n    },\n);\n"],"names":["SelectChip","forwardRef","_ref","ref","value","text","index","disabled","readOnly","onClick","onClear","onKeyDown","onClearHandle","useCallback","onKeyDownHandle","event","React","createElement","StyledChip","tabIndex","concat"],"mappings":";;;;;;;AAKA;AACA;AACA;AACO,IAAMA,UAAU,gBAAGC,gBAAU,CAChC,UAAAC,IAAA,EAA0EC,GAAG,EAAK;AAAA,EAAA,IAA/EC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IAAEC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAEC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IAAEC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IAAEC,OAAO,GAAAP,IAAA,CAAPO,OAAO;IAAEC,OAAO,GAAAR,IAAA,CAAPQ,OAAO;IAAEC,SAAS,GAAAT,IAAA,CAATS,SAAS,CAAA;AAClE,EAAA,IAAMC,aAAa,GAAGC,iBAAW,CAAC,YAAM;AACpCH,IAAAA,OAAO,CAACN,KAAK,EAAEC,IAAI,CAAC,CAAA;GACvB,EAAE,CAACK,OAAO,EAAEN,KAAK,EAAEC,IAAI,CAAC,CAAC,CAAA;AAE1B,EAAA,IAAMS,eAAe,GAAGD,iBAAW,CAC/B,UAACE,KAA6C,EAAK;AAC/CJ,IAAAA,SAAS,KAATA,IAAAA,IAAAA,SAAS,KAATA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,SAAS,CAAGP,KAAK,EAAEC,IAAI,EAAEC,KAAK,EAAES,KAAK,CAAC,CAAA;AAC1C,GAAC,EACD,CAACJ,SAAS,CACd,CAAC,CAAA;AAED,EAAA,oBACIK,KAAA,CAAAC,aAAA,CAACC,4BAAU,EAAA;AACPf,IAAAA,GAAG,EAAEA,GAAI;IACTgB,QAAQ,EAAE,CAAC,CAAE;AACbZ,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,OAAO,EAAEE,aAAc;AACvBD,IAAAA,SAAS,EAAEG,eAAgB;IAC3BT,IAAI,EAAA,EAAA,CAAAe,MAAA,CAAKf,IAAI,CAAA;AAAG,GACnB,CAAC,CAAA;AAEV,CACJ;;;;"}

package/cjs/components/Select/ui/SelectTarget/SelectTarget.css

@@ -8,6 +8,8 @@
 
 .base_kgtz8x_b16hf96__46a206b1{--plasma_private-chip-outline-size:var(--plasma-chip-outline-size,0.125rem);position:relative;}.base_kgtz8x_b16hf96__46a206b1:focus{outline:none;}.base_kgtz8x_b16hf96__46a206b1::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-chip-outline-size));left:calc(-1 * var(--plasma_private-chip-outline-size));right:calc(-1 * var(--plasma_private-chip-outline-size));bottom:calc(-1 * var(--plasma_private-chip-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-chip-outline-size) solid transparent;border-radius:calc(var(--plasma-chip-border-radius) + var(--plasma_private-chip-outline-size));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_kgtz8x_b16hf96__46a206b1.base_kgtz8x_focusVisible__46a206b1:focus::before,.base_kgtz8x_b16hf96__46a206b1[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-chip-outline-size) var(--plasma-chip-focus-color);}
 
+.base_3kce4h_bvcavwi__c6ad5ca5.base_3kce4h_chipPilled__c6ad5ca5{border-radius:var(--plasma-chip-pilled-border-radius);}
+
 .Chip_styles_1mwwhiw_bol5daj__07da4d18{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
 .Chip_styles_1mwwhiw_sj20on5__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);}
 .Chip_styles_1mwwhiw_s1ror4o9__07da4d18{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

package/cjs/components/Select/ui/SelectTarget/SelectTarget.js

@@ -69,8 +69,8 @@ var SelectTarget = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
         itemValue = _ref9[0];
       return itemValue;
     });
-    chipsRefs === null || chipsRefs === void 0 || chipsRefs.current.splice(index, 1);
-    onChange === null || onChange === void 0 || onChange(newValue);
+    chipsRefs === null || chipsRefs === void 0 ? void 0 : chipsRefs.current.splice(index, 1);
+    onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
   }, [values, onChange]);
   var onChipKeyDown = React.useCallback(function (value, text, index, event) {
     var code = event.code,

package/cjs/components/Select/ui/SelectTarget/SelectTarget.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectTarget.js","sources":["../../../../../src/components/Select/ui/SelectTarget/SelectTarget.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useRef } from 'react';\n\nimport { classes } from '../../Select.tokens';\nimport { cx } from '../../../../utils';\nimport { SelectChip } from '../SelectChip/SelectChip';\nimport type { SelectPrimitiveValue } from '../../Select.types';\nimport { Keys } from '../../hooks/useKeyNavigation';\n\nimport {\n    StyledArrow,\n    StyledChips,\n    StyledChipsWrapper,\n    StyledLabel,\n    StyledSelectTarget,\n    StyledText,\n} from './SelectTarget.styles';\nimport type { SelectTargetProps } from './SelectTarget.types';\n\nconst {\n    hasNoFocus,\n    hasChips,\n    innerLabelUp,\n    arrowInverse,\n    selectTarget,\n    selectTargetArrow,\n    selectTargeText,\n    selectTargetLabel,\n} = classes;\n\n/**\n * Элемент для выпадающего списка\n */\nexport const SelectTarget = forwardRef<HTMLButtonElement, SelectTargetProps>(\n    (\n        {\n            values,\n            target = 'textField-like',\n            label,\n            opened,\n            readOnly,\n            disabled,\n            enumerationType,\n            size,\n            id,\n            chipsRefs,\n            onChange,\n            onKeyDown,\n            ...rest\n        },\n        ref,\n    ) => {\n        const hasText = Boolean(values?.some(([value]) => value));\n\n        const hasLabel = label && size !== 'xs' && target === 'textField-like';\n        const textContent = values?.map(([, text]) => text).join(', ');\n        const contentRef = useRef<HTMLDivElement>(null);\n\n        const withArrowInverse = opened ? arrowInverse : undefined;\n        const withInnerLabelUp = hasLabel && hasText ? innerLabelUp : undefined;\n        const withHasChips =\n            hasText && enumerationType === 'chip' && target === 'textField-like' ? hasChips : undefined;\n\n        const withNoFocus = target === 'textField-like' ? hasNoFocus : undefined;\n\n        const isLabelVisible = !hasText || (hasLabel && enumerationType === 'comma');\n\n        const onChipClick = useCallback((event: React.MouseEvent<HTMLButtonElement>) => {\n            event.stopPropagation();\n        }, []);\n\n        const onChipClear = useCallback(\n            (value: SelectPrimitiveValue, text: SelectPrimitiveValue, index: number) => {\n                const newValue = values\n                    ?.filter(([itemValue, itemText]) => !(itemValue === value && itemText === text))\n                    .map(([itemValue]) => itemValue);\n\n                chipsRefs?.current.splice(index, 1);\n                onChange?.(newValue);\n            },\n            [values, onChange],\n        );\n\n        const onChipKeyDown = useCallback(\n            (\n                value: SelectPrimitiveValue,\n                text: SelectPrimitiveValue,\n                index: number,\n                event: React.KeyboardEvent<HTMLButtonElement>,\n            ) => {\n                const { code, shiftKey } = event;\n\n                if (code === Keys.Tab || (code === Keys.Tab && shiftKey)) {\n                    event.preventDefault();\n                }\n\n                if (code === Keys.Backspace) {\n                    onChipClear(value, text, index);\n                }\n            },\n            [onChipClear],\n        );\n\n        const onWheel = useCallback((event: React.WheelEvent<HTMLButtonElement>) => {\n            const { deltaY } = event;\n\n            if (contentRef.current) {\n                contentRef.current.scrollLeft += Math.round(deltaY);\n            }\n        }, []);\n\n        const getRef = useCallback((element: HTMLButtonElement | null, index: number) => {\n            if (element && chipsRefs && chipsRefs.current) {\n                chipsRefs.current[index] = element;\n            }\n        }, []);\n\n        // INFO: Нужно очищать на каждый ререндер компонента для актуализации состояния рефов\n        if (chipsRefs) {\n            chipsRefs.current = [];\n        }\n\n        return (\n            <StyledSelectTarget\n                {...rest}\n                ref={ref}\n                opened={opened}\n                target={target}\n                readOnly={readOnly}\n                disabled={disabled}\n                title={textContent}\n                aria-label={label}\n                className={cx(withInnerLabelUp, withHasChips, withNoFocus, selectTarget)}\n                onWheel={onWheel}\n                onKeyDown={onKeyDown}\n                stretching=\"filled\"\n            >\n                {hasText &&\n                    (enumerationType === 'comma' || target === 'button-like' ? (\n                        <StyledText className={selectTargeText}>{textContent}</StyledText>\n                    ) : (\n                        <StyledChipsWrapper ref={contentRef}>\n                            <StyledChips>\n                                {values?.map(([value, text], index) => (\n                                    <SelectChip\n                                        index={index}\n                                        ref={(element) => getRef(element, index)}\n                                        key={`${value}_${text}`}\n                                        disabled={disabled}\n                                        readOnly={readOnly}\n                                        value={value}\n                                        text={text}\n                                        onClear={(v, t) => onChipClear(v, t, index)}\n                                        onClick={onChipClick}\n                                        onKeyDown={onChipKeyDown}\n                                    />\n                                ))}\n                            </StyledChips>\n                        </StyledChipsWrapper>\n                    ))}\n                {isLabelVisible && (\n                    <StyledLabel className={selectTargetLabel} htmlFor={id}>\n                        {label}\n                    </StyledLabel>\n                )}\n                <StyledArrow size=\"s\" color=\"inherit\" className={cx(selectTargetArrow, withArrowInverse)} />\n            </StyledSelectTarget>\n        );\n    },\n);\n"],"names":["hasNoFocus","classes","hasChips","innerLabelUp","arrowInverse","selectTarget","selectTargetArrow","selectTargeText","selectTargetLabel","SelectTarget","forwardRef","_ref","ref","values","_ref$target","target","label","opened","readOnly","disabled","enumerationType","size","id","chipsRefs","onChange","onKeyDown","rest","_objectWithoutProperties","_excluded","hasText","Boolean","some","_ref2","_ref3","_slicedToArray","value","hasLabel","textContent","map","_ref4","_ref5","text","join","contentRef","useRef","withArrowInverse","undefined","withInnerLabelUp","withHasChips","withNoFocus","isLabelVisible","onChipClick","useCallback","event","stopPropagation","onChipClear","index","newValue","filter","_ref6","_ref7","itemValue","itemText","_ref8","_ref9","current","splice","onChipKeyDown","code","shiftKey","Keys","Tab","preventDefault","Backspace","onWheel","deltaY","scrollLeft","Math","round","getRef","element","React","createElement","StyledSelectTarget","_extends","title","className","cx","stretching","StyledText","StyledChipsWrapper","StyledChips","_ref10","_ref11","SelectChip","key","concat","onClear","v","t","onClick","StyledLabel","htmlFor","StyledArrow","color"],"mappings":"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"}
+{"version":3,"file":"SelectTarget.js","sources":["../../../../../src/components/Select/ui/SelectTarget/SelectTarget.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useRef } from 'react';\n\nimport { classes } from '../../Select.tokens';\nimport { cx } from '../../../../utils';\nimport { SelectChip } from '../SelectChip/SelectChip';\nimport type { SelectPrimitiveValue } from '../../Select.types';\nimport { Keys } from '../../hooks/useKeyNavigation';\n\nimport {\n    StyledArrow,\n    StyledChips,\n    StyledChipsWrapper,\n    StyledLabel,\n    StyledSelectTarget,\n    StyledText,\n} from './SelectTarget.styles';\nimport type { SelectTargetProps } from './SelectTarget.types';\n\nconst {\n    hasNoFocus,\n    hasChips,\n    innerLabelUp,\n    arrowInverse,\n    selectTarget,\n    selectTargetArrow,\n    selectTargeText,\n    selectTargetLabel,\n} = classes;\n\n/**\n * Элемент для выпадающего списка\n */\nexport const SelectTarget = forwardRef<HTMLButtonElement, SelectTargetProps>(\n    (\n        {\n            values,\n            target = 'textField-like',\n            label,\n            opened,\n            readOnly,\n            disabled,\n            enumerationType,\n            size,\n            id,\n            chipsRefs,\n            onChange,\n            onKeyDown,\n            ...rest\n        },\n        ref,\n    ) => {\n        const hasText = Boolean(values?.some(([value]) => value));\n\n        const hasLabel = label && size !== 'xs' && target === 'textField-like';\n        const textContent = values?.map(([, text]) => text).join(', ');\n        const contentRef = useRef<HTMLDivElement>(null);\n\n        const withArrowInverse = opened ? arrowInverse : undefined;\n        const withInnerLabelUp = hasLabel && hasText ? innerLabelUp : undefined;\n        const withHasChips =\n            hasText && enumerationType === 'chip' && target === 'textField-like' ? hasChips : undefined;\n\n        const withNoFocus = target === 'textField-like' ? hasNoFocus : undefined;\n\n        const isLabelVisible = !hasText || (hasLabel && enumerationType === 'comma');\n\n        const onChipClick = useCallback((event: React.MouseEvent<HTMLButtonElement>) => {\n            event.stopPropagation();\n        }, []);\n\n        const onChipClear = useCallback(\n            (value: SelectPrimitiveValue, text: SelectPrimitiveValue, index: number) => {\n                const newValue = values\n                    ?.filter(([itemValue, itemText]) => !(itemValue === value && itemText === text))\n                    .map(([itemValue]) => itemValue);\n\n                chipsRefs?.current.splice(index, 1);\n                onChange?.(newValue);\n            },\n            [values, onChange],\n        );\n\n        const onChipKeyDown = useCallback(\n            (\n                value: SelectPrimitiveValue,\n                text: SelectPrimitiveValue,\n                index: number,\n                event: React.KeyboardEvent<HTMLButtonElement>,\n            ) => {\n                const { code, shiftKey } = event;\n\n                if (code === Keys.Tab || (code === Keys.Tab && shiftKey)) {\n                    event.preventDefault();\n                }\n\n                if (code === Keys.Backspace) {\n                    onChipClear(value, text, index);\n                }\n            },\n            [onChipClear],\n        );\n\n        const onWheel = useCallback((event: React.WheelEvent<HTMLButtonElement>) => {\n            const { deltaY } = event;\n\n            if (contentRef.current) {\n                contentRef.current.scrollLeft += Math.round(deltaY);\n            }\n        }, []);\n\n        const getRef = useCallback((element: HTMLButtonElement | null, index: number) => {\n            if (element && chipsRefs && chipsRefs.current) {\n                chipsRefs.current[index] = element;\n            }\n        }, []);\n\n        // INFO: Нужно очищать на каждый ререндер компонента для актуализации состояния рефов\n        if (chipsRefs) {\n            chipsRefs.current = [];\n        }\n\n        return (\n            <StyledSelectTarget\n                {...rest}\n                ref={ref}\n                opened={opened}\n                target={target}\n                readOnly={readOnly}\n                disabled={disabled}\n                title={textContent}\n                aria-label={label}\n                className={cx(withInnerLabelUp, withHasChips, withNoFocus, selectTarget)}\n                onWheel={onWheel}\n                onKeyDown={onKeyDown}\n                stretching=\"filled\"\n            >\n                {hasText &&\n                    (enumerationType === 'comma' || target === 'button-like' ? (\n                        <StyledText className={selectTargeText}>{textContent}</StyledText>\n                    ) : (\n                        <StyledChipsWrapper ref={contentRef}>\n                            <StyledChips>\n                                {values?.map(([value, text], index) => (\n                                    <SelectChip\n                                        index={index}\n                                        ref={(element) => getRef(element, index)}\n                                        key={`${value}_${text}`}\n                                        disabled={disabled}\n                                        readOnly={readOnly}\n                                        value={value}\n                                        text={text}\n                                        onClear={(v, t) => onChipClear(v, t, index)}\n                                        onClick={onChipClick}\n                                        onKeyDown={onChipKeyDown}\n                                    />\n                                ))}\n                            </StyledChips>\n                        </StyledChipsWrapper>\n                    ))}\n                {isLabelVisible && (\n                    <StyledLabel className={selectTargetLabel} htmlFor={id}>\n                        {label}\n                    </StyledLabel>\n                )}\n                <StyledArrow size=\"s\" color=\"inherit\" className={cx(selectTargetArrow, withArrowInverse)} />\n            </StyledSelectTarget>\n        );\n    },\n);\n"],"names":["hasNoFocus","classes","hasChips","innerLabelUp","arrowInverse","selectTarget","selectTargetArrow","selectTargeText","selectTargetLabel","SelectTarget","forwardRef","_ref","ref","values","_ref$target","target","label","opened","readOnly","disabled","enumerationType","size","id","chipsRefs","onChange","onKeyDown","rest","_objectWithoutProperties","_excluded","hasText","Boolean","some","_ref2","_ref3","_slicedToArray","value","hasLabel","textContent","map","_ref4","_ref5","text","join","contentRef","useRef","withArrowInverse","undefined","withInnerLabelUp","withHasChips","withNoFocus","isLabelVisible","onChipClick","useCallback","event","stopPropagation","onChipClear","index","newValue","filter","_ref6","_ref7","itemValue","itemText","_ref8","_ref9","current","splice","onChipKeyDown","code","shiftKey","Keys","Tab","preventDefault","Backspace","onWheel","deltaY","scrollLeft","Math","round","getRef","element","React","createElement","StyledSelectTarget","_extends","title","className","cx","stretching","StyledText","StyledChipsWrapper","StyledChips","_ref10","_ref11","SelectChip","key","concat","onClear","v","t","onClick","StyledLabel","htmlFor","StyledArrow","color"],"mappings":"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"}

package/cjs/components/Select/utils/index.js

@@ -80,8 +80,8 @@ var updatePropsRecursively = function updatePropsRecursively(children, externalP
       },
       onClick: function onClick(event) {
         var _child$props$onClick, _child$props, _externalProps$onClic;
-        (_child$props$onClick = (_child$props = child.props).onClick) === null || _child$props$onClick === void 0 || _child$props$onClick.call(_child$props, event);
-        externalProps === null || externalProps === void 0 || (_externalProps$onClic = externalProps.onClick) === null || _externalProps$onClic === void 0 || _externalProps$onClic.call(externalProps, event);
+        (_child$props$onClick = (_child$props = child.props).onClick) === null || _child$props$onClick === void 0 ? void 0 : _child$props$onClick.call(_child$props, event);
+        externalProps === null || externalProps === void 0 ? void 0 : (_externalProps$onClic = externalProps.onClick) === null || _externalProps$onClic === void 0 ? void 0 : _externalProps$onClic.call(externalProps, event);
       }
     });
     var updatedChild = updatePropsRecursively(child.props.children, externalProps, value, search, filterFunction);