@salutejs/plasma-new-hope 0.326.1-canary.2043.15849605311.0 → 0.327.0-canary.1741.15743877104.0

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

@@ -1 +1 @@
-{"version":3,"file":"useKeyboardNavigation.js","sources":["../../../../src/components/Select/hooks/useKeyboardNavigation.ts"],"sourcesContent":["import type { KeyboardEvent, Dispatch } from 'react';\nimport React from 'react';\n\nimport { PathAction, PathState, FocusedPathAction, FocusedPathState } from '../reducers';\nimport type { MergedDropdownNodeTransformed } from '../ui/Inner/ui/Item/Item.types';\n\nimport { PathMapType, FocusedToValueMapType } from './usePathMaps';\n\nconst JUMP_SIZE = 10;\n\nexport const keys = {\n    Enter: 'Enter',\n    Space: 'Space',\n    Tab: 'Tab',\n    Escape: 'Escape',\n    Backspace: 'Backspace',\n    ArrowLeft: 'ArrowLeft',\n    ArrowRight: 'ArrowRight',\n    ArrowUp: 'ArrowUp',\n    ArrowDown: 'ArrowDown',\n    Home: 'Home',\n    End: 'End',\n    PageUp: 'PageUp',\n    PageDown: 'PageDown',\n};\n\nexport const getItemByFocused = (focusedPath: FocusedPathState, focusedToValueMap: FocusedToValueMapType) => {\n    const focusedPathAsString = focusedPath.reduce((acc, n) => `${acc}/${n}`, '').replace(/^(\\/)/, '');\n\n    return focusedToValueMap.get(focusedPathAsString);\n};\n\ntype Props = {\n    focusedPath: FocusedPathState;\n    dispatchFocusedPath: Dispatch<FocusedPathAction>;\n    path: PathState;\n    dispatchPath: Dispatch<PathAction>;\n    pathMap: PathMapType;\n    focusedToValueMap: FocusedToValueMapType;\n    handleListToggle: (opened: boolean) => void;\n    handlePressDown: (item: MergedDropdownNodeTransformed, e?: React.MouseEvent<HTMLElement>) => void;\n};\n\ntype ReturnedProps = {\n    onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;\n};\n\nexport const useKeyNavigation = ({\n    focusedPath,\n    dispatchFocusedPath,\n    path,\n    dispatchPath,\n    pathMap,\n    focusedToValueMap,\n    handleListToggle,\n    handlePressDown,\n}: Props): ReturnedProps => {\n    const currentIndex: number = focusedPath?.[focusedPath.length - 1] || 0;\n    const currentLength: number = pathMap.get(path?.[focusedPath.length - 1]) || 0;\n\n    const onKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n        switch (event.code) {\n            case keys.ArrowUp: {\n                if (focusedPath.length) {\n                    if (currentIndex > 0) {\n                        if (path.length > focusedPath.length) {\n                            dispatchPath({ type: 'removed_last_level' });\n                        }\n\n                        dispatchFocusedPath({ type: 'change_last_focus', value: currentIndex - 1 });\n                    }\n                } else {\n                    dispatchPath({ type: 'opened_first_level' });\n                    dispatchFocusedPath({ type: 'set_initial_focus' });\n                    handleListToggle(true);\n                }\n\n                break;\n            }\n\n            case keys.ArrowDown: {\n                if (focusedPath.length) {\n                    if (currentIndex + 1 < currentLength) {\n                        if (path.length > focusedPath.length) {\n                            dispatchPath({ type: 'removed_last_level' });\n                        }\n\n                        dispatchFocusedPath({ type: 'change_last_focus', value: currentIndex + 1 });\n                    }\n                } else {\n                    dispatchPath({ type: 'opened_first_level' });\n                    dispatchFocusedPath({ type: 'set_initial_focus' });\n                    handleListToggle(true);\n                }\n\n                break;\n            }\n\n            case keys.ArrowLeft: {\n                if (path[0]) {\n                    if (focusedPath.length) {\n                        if (path.length > focusedPath.length) {\n                            dispatchPath({ type: 'removed_last_level' });\n                        } else {\n                            dispatchFocusedPath({ type: 'return_prev_focus' });\n                        }\n                    }\n\n                    if (path.length === 1) {\n                        handleListToggle(false);\n                    }\n                }\n\n                break;\n            }\n\n            case keys.ArrowRight: {\n                if (path[0]) {\n                    if (!focusedPath.length) {\n                        break;\n                    }\n\n                    const currentItem = getItemByFocused(focusedPath, focusedToValueMap);\n\n                    if (currentItem?.disabled || currentItem?.isDisabled) {\n                        break;\n                    }\n\n                    if (currentItem?.items) {\n                        if (path.length > focusedPath.length) {\n                            dispatchFocusedPath({ type: 'add_focus', value: 0 });\n                        } else {\n                            dispatchPath({ type: 'added_next_level', value: currentItem.value.toString() });\n                        }\n                    }\n                }\n\n                break;\n            }\n\n            case keys.Space: {\n                event.preventDefault();\n\n                const currentItem = getItemByFocused(focusedPath, focusedToValueMap);\n\n                if (!path[0]) {\n                    dispatchPath({ type: 'opened_first_level' });\n                    dispatchFocusedPath({ type: 'set_initial_focus' });\n                    break;\n                }\n\n                if (!currentItem || currentItem?.disabled || currentItem?.isDisabled) {\n                    break;\n                }\n\n                handlePressDown(currentItem);\n\n                break;\n            }\n\n            case keys.Enter: {\n                event.preventDefault();\n\n                const currentItem = getItemByFocused(focusedPath, focusedToValueMap)!;\n\n                if (currentItem?.disabled || currentItem?.isDisabled) {\n                    break;\n                }\n\n                if (!path[0]) {\n                    dispatchPath({ type: 'opened_first_level' });\n                    dispatchFocusedPath({ type: 'set_initial_focus' });\n                    break;\n                }\n\n                if (currentItem?.items) {\n                    if (path.length > focusedPath.length) {\n                        dispatchFocusedPath({ type: 'add_focus', value: 0 });\n                    } else {\n                        dispatchPath({ type: 'added_next_level', value: currentItem.value.toString() });\n                    }\n\n                    break;\n                }\n\n                handlePressDown(currentItem);\n\n                break;\n            }\n\n            case keys.Tab:\n            case keys.Escape: {\n                dispatchFocusedPath({ type: 'reset' });\n                dispatchPath({ type: 'reset' });\n                handleListToggle(false);\n\n                break;\n            }\n\n            case keys.Home: {\n                if (path[0]) {\n                    if (path.length > focusedPath.length) {\n                        dispatchPath({ type: 'removed_last_level' });\n                    }\n\n                    dispatchFocusedPath({ type: 'change_last_focus', value: 0 });\n                } else {\n                    dispatchPath({ type: 'opened_first_level' });\n                    dispatchFocusedPath({ type: 'set_initial_focus' });\n\n                    handleListToggle(true);\n                }\n\n                break;\n            }\n\n            case keys.End: {\n                if (path[0]) {\n                    if (path.length > focusedPath.length) {\n                        dispatchPath({ type: 'removed_last_level' });\n                    }\n\n                    dispatchFocusedPath({ type: 'change_last_focus', value: currentLength - 1 });\n                } else {\n                    dispatchPath({ type: 'opened_first_level' });\n                    dispatchFocusedPath({ type: 'change_last_focus', value: (pathMap.get('root') || 0) - 1 });\n\n                    handleListToggle(true);\n                }\n\n                break;\n            }\n\n            case keys.PageUp: {\n                if (!path[0]) {\n                    break;\n                }\n\n                if (path.length > focusedPath.length) {\n                    dispatchPath({ type: 'removed_last_level' });\n                }\n\n                if (currentIndex <= JUMP_SIZE) {\n                    dispatchFocusedPath({ type: 'change_last_focus', value: 0 });\n                } else {\n                    dispatchFocusedPath({ type: 'change_last_focus', value: currentIndex - JUMP_SIZE });\n                }\n\n                break;\n            }\n\n            case keys.PageDown: {\n                if (!path[0]) {\n                    break;\n                }\n\n                if (path.length > focusedPath.length) {\n                    dispatchPath({ type: 'removed_last_level' });\n                }\n\n                if (currentLength - currentIndex <= JUMP_SIZE) {\n                    dispatchFocusedPath({ type: 'change_last_focus', value: currentLength - 1 });\n                } else {\n                    dispatchFocusedPath({ type: 'change_last_focus', value: currentIndex + JUMP_SIZE });\n                }\n\n                break;\n            }\n\n            default: {\n                break;\n            }\n        }\n    };\n\n    return { onKeyDown };\n};\n"],"names":["JUMP_SIZE","keys","Enter","Space","Tab","Escape","Backspace","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End","PageUp","PageDown","getItemByFocused","focusedPath","focusedToValueMap","focusedPathAsString","reduce","acc","n","concat","replace","get","useKeyNavigation","_ref","dispatchFocusedPath","path","dispatchPath","pathMap","handleListToggle","handlePressDown","currentIndex","length","currentLength","onKeyDown","event","code","type","value","currentItem","disabled","isDisabled","items","toString","preventDefault"],"mappings":"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"}
+{"version":3,"file":"useKeyboardNavigation.js","sources":["../../../../src/components/Select/hooks/useKeyboardNavigation.ts"],"sourcesContent":["import type { KeyboardEvent, Dispatch } from 'react';\nimport React from 'react';\n\nimport { PathAction, PathState, FocusedPathAction, FocusedPathState } from '../reducers';\nimport type { MergedDropdownNodeTransformed } from '../ui/Inner/ui/Item/Item.types';\n\nimport { PathMapType, FocusedToValueMapType } from './usePathMaps';\n\nconst JUMP_SIZE = 10;\n\nexport const keys = {\n    Enter: 'Enter',\n    Space: 'Space',\n    Tab: 'Tab',\n    Escape: 'Escape',\n    Backspace: 'Backspace',\n    ArrowLeft: 'ArrowLeft',\n    ArrowRight: 'ArrowRight',\n    ArrowUp: 'ArrowUp',\n    ArrowDown: 'ArrowDown',\n    Home: 'Home',\n    End: 'End',\n    PageUp: 'PageUp',\n    PageDown: 'PageDown',\n};\n\nexport const getItemByFocused = (focusedPath: FocusedPathState, focusedToValueMap: FocusedToValueMapType) => {\n    const focusedPathAsString = focusedPath.reduce((acc, n) => `${acc}/${n}`, '').replace(/^(\\/)/, '');\n\n    return focusedToValueMap.get(focusedPathAsString);\n};\n\ntype Props = {\n    focusedPath: FocusedPathState;\n    dispatchFocusedPath: Dispatch<FocusedPathAction>;\n    path: PathState;\n    dispatchPath: Dispatch<PathAction>;\n    pathMap: PathMapType;\n    focusedToValueMap: FocusedToValueMapType;\n    handleListToggle: (opened: boolean) => void;\n    handlePressDown: (item: MergedDropdownNodeTransformed, e?: React.MouseEvent<HTMLElement>) => void;\n};\n\ntype ReturnedProps = {\n    onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;\n};\n\nexport const useKeyNavigation = ({\n    focusedPath,\n    dispatchFocusedPath,\n    path,\n    dispatchPath,\n    pathMap,\n    focusedToValueMap,\n    handleListToggle,\n    handlePressDown,\n}: Props): ReturnedProps => {\n    const currentIndex: number = focusedPath?.[focusedPath.length - 1] || 0;\n    const currentLength: number = pathMap.get(path?.[focusedPath.length - 1]) || 0;\n\n    const onKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n        switch (event.code) {\n            case keys.ArrowUp: {\n                if (focusedPath.length) {\n                    if (currentIndex > 0) {\n                        if (path.length > focusedPath.length) {\n                            dispatchPath({ type: 'removed_last_level' });\n                        }\n\n                        dispatchFocusedPath({ type: 'change_last_focus', value: currentIndex - 1 });\n                    }\n                } else {\n                    dispatchPath({ type: 'opened_first_level' });\n                    dispatchFocusedPath({ type: 'set_initial_focus' });\n                    handleListToggle(true);\n                }\n\n                break;\n            }\n\n            case keys.ArrowDown: {\n                if (focusedPath.length) {\n                    if (currentIndex + 1 < currentLength) {\n                        if (path.length > focusedPath.length) {\n                            dispatchPath({ type: 'removed_last_level' });\n                        }\n\n                        dispatchFocusedPath({ type: 'change_last_focus', value: currentIndex + 1 });\n                    }\n                } else {\n                    dispatchPath({ type: 'opened_first_level' });\n                    dispatchFocusedPath({ type: 'set_initial_focus' });\n                    handleListToggle(true);\n                }\n\n                break;\n            }\n\n            case keys.ArrowLeft: {\n                if (path[0]) {\n                    if (focusedPath.length) {\n                        if (path.length > focusedPath.length) {\n                            dispatchPath({ type: 'removed_last_level' });\n                        } else {\n                            dispatchFocusedPath({ type: 'return_prev_focus' });\n                        }\n                    }\n\n                    if (path.length === 1) {\n                        handleListToggle(false);\n                    }\n                }\n\n                break;\n            }\n\n            case keys.ArrowRight: {\n                if (path[0]) {\n                    if (!focusedPath.length) {\n                        break;\n                    }\n\n                    const currentItem = getItemByFocused(focusedPath, focusedToValueMap);\n\n                    if (currentItem?.disabled || currentItem?.isDisabled) {\n                        break;\n                    }\n\n                    if (currentItem?.items) {\n                        if (path.length > focusedPath.length) {\n                            dispatchFocusedPath({ type: 'add_focus', value: 0 });\n                        } else {\n                            dispatchPath({ type: 'added_next_level', value: currentItem.value.toString() });\n                        }\n                    }\n                }\n\n                break;\n            }\n\n            case keys.Space: {\n                event.preventDefault();\n\n                const currentItem = getItemByFocused(focusedPath, focusedToValueMap);\n\n                if (!path[0]) {\n                    dispatchPath({ type: 'opened_first_level' });\n                    dispatchFocusedPath({ type: 'set_initial_focus' });\n                    break;\n                }\n\n                if (!currentItem || currentItem?.disabled || currentItem?.isDisabled) {\n                    break;\n                }\n\n                handlePressDown(currentItem);\n\n                break;\n            }\n\n            case keys.Enter: {\n                event.preventDefault();\n\n                const currentItem = getItemByFocused(focusedPath, focusedToValueMap)!;\n\n                if (currentItem?.disabled || currentItem?.isDisabled) {\n                    break;\n                }\n\n                if (!path[0]) {\n                    dispatchPath({ type: 'opened_first_level' });\n                    dispatchFocusedPath({ type: 'set_initial_focus' });\n                    break;\n                }\n\n                if (currentItem?.items) {\n                    if (path.length > focusedPath.length) {\n                        dispatchFocusedPath({ type: 'add_focus', value: 0 });\n                    } else {\n                        dispatchPath({ type: 'added_next_level', value: currentItem.value.toString() });\n                    }\n\n                    break;\n                }\n\n                handlePressDown(currentItem);\n\n                break;\n            }\n\n            case keys.Tab:\n            case keys.Escape: {\n                dispatchFocusedPath({ type: 'reset' });\n                dispatchPath({ type: 'reset' });\n                handleListToggle(false);\n\n                break;\n            }\n\n            case keys.Home: {\n                if (path[0]) {\n                    if (path.length > focusedPath.length) {\n                        dispatchPath({ type: 'removed_last_level' });\n                    }\n\n                    dispatchFocusedPath({ type: 'change_last_focus', value: 0 });\n                } else {\n                    dispatchPath({ type: 'opened_first_level' });\n                    dispatchFocusedPath({ type: 'set_initial_focus' });\n\n                    handleListToggle(true);\n                }\n\n                break;\n            }\n\n            case keys.End: {\n                if (path[0]) {\n                    if (path.length > focusedPath.length) {\n                        dispatchPath({ type: 'removed_last_level' });\n                    }\n\n                    dispatchFocusedPath({ type: 'change_last_focus', value: currentLength - 1 });\n                } else {\n                    dispatchPath({ type: 'opened_first_level' });\n                    dispatchFocusedPath({ type: 'change_last_focus', value: (pathMap.get('root') || 0) - 1 });\n\n                    handleListToggle(true);\n                }\n\n                break;\n            }\n\n            case keys.PageUp: {\n                if (!path[0]) {\n                    break;\n                }\n\n                if (path.length > focusedPath.length) {\n                    dispatchPath({ type: 'removed_last_level' });\n                }\n\n                if (currentIndex <= JUMP_SIZE) {\n                    dispatchFocusedPath({ type: 'change_last_focus', value: 0 });\n                } else {\n                    dispatchFocusedPath({ type: 'change_last_focus', value: currentIndex - JUMP_SIZE });\n                }\n\n                break;\n            }\n\n            case keys.PageDown: {\n                if (!path[0]) {\n                    break;\n                }\n\n                if (path.length > focusedPath.length) {\n                    dispatchPath({ type: 'removed_last_level' });\n                }\n\n                if (currentLength - currentIndex <= JUMP_SIZE) {\n                    dispatchFocusedPath({ type: 'change_last_focus', value: currentLength - 1 });\n                } else {\n                    dispatchFocusedPath({ type: 'change_last_focus', value: currentIndex + JUMP_SIZE });\n                }\n\n                break;\n            }\n\n            default: {\n                break;\n            }\n        }\n    };\n\n    return { onKeyDown };\n};\n"],"names":["JUMP_SIZE","keys","Enter","Space","Tab","Escape","Backspace","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End","PageUp","PageDown","getItemByFocused","focusedPath","focusedToValueMap","focusedPathAsString","reduce","acc","n","replace","get","useKeyNavigation","dispatchFocusedPath","path","dispatchPath","pathMap","handleListToggle","handlePressDown","currentIndex","length","currentLength","onKeyDown","event","code","type","value","currentItem","disabled","isDisabled","items","toString","preventDefault"],"mappings":"AAQA,MAAMA,SAAS,GAAG,EAAE,CAAA;AAEb,MAAMC,IAAI,GAAG;AAChBC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,SAAS,EAAE,WAAW;AACtBC,EAAAA,SAAS,EAAE,WAAW;AACtBC,EAAAA,UAAU,EAAE,YAAY;AACxBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,SAAS,EAAE,WAAW;AACtBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,QAAQ,EAAE,UAAA;AACd,EAAC;MAEYC,gBAAgB,GAAGA,CAACC,WAA6B,EAAEC,iBAAwC,KAAK;EACzG,MAAMC,mBAAmB,GAAGF,WAAW,CAACG,MAAM,CAAC,CAACC,GAAG,EAAEC,CAAC,KAAK,CAAA,EAAGD,GAAG,CAAIC,CAAAA,EAAAA,CAAC,CAAE,CAAA,EAAE,EAAE,CAAC,CAACC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAA;AAElG,EAAA,OAAOL,iBAAiB,CAACM,GAAG,CAACL,mBAAmB,CAAC,CAAA;AACrD,EAAC;AAiBM,MAAMM,gBAAgB,GAAGA,CAAC;EAC7BR,WAAW;EACXS,mBAAmB;EACnBC,IAAI;EACJC,YAAY;EACZC,OAAO;EACPX,iBAAiB;EACjBY,gBAAgB;AAChBC,EAAAA,eAAAA;AACG,CAAC,KAAoB;EACxB,MAAMC,YAAoB,GAAGf,WAAW,GAAGA,WAAW,CAACgB,MAAM,GAAG,CAAC,CAAC,IAAI,CAAC,CAAA;AACvE,EAAA,MAAMC,aAAqB,GAAGL,OAAO,CAACL,GAAG,CAACG,IAAI,GAAGV,WAAW,CAACgB,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;EAE9E,MAAME,SAAS,GAAIC,KAAiC,IAAK;IACrD,QAAQA,KAAK,CAACC,IAAI;MACd,KAAKnC,IAAI,CAACQ,OAAO;AAAE,QAAA;UACf,IAAIO,WAAW,CAACgB,MAAM,EAAE;YACpB,IAAID,YAAY,GAAG,CAAC,EAAE;AAClB,cAAA,IAAIL,IAAI,CAACM,MAAM,GAAGhB,WAAW,CAACgB,MAAM,EAAE;AAClCL,gBAAAA,YAAY,CAAC;AAAEU,kBAAAA,IAAI,EAAE,oBAAA;AAAqB,iBAAC,CAAC,CAAA;AAChD,eAAA;AAEAZ,cAAAA,mBAAmB,CAAC;AAAEY,gBAAAA,IAAI,EAAE,mBAAmB;gBAAEC,KAAK,EAAEP,YAAY,GAAG,CAAA;AAAE,eAAC,CAAC,CAAA;AAC/E,aAAA;AACJ,WAAC,MAAM;AACHJ,YAAAA,YAAY,CAAC;AAAEU,cAAAA,IAAI,EAAE,oBAAA;AAAqB,aAAC,CAAC,CAAA;AAC5CZ,YAAAA,mBAAmB,CAAC;AAAEY,cAAAA,IAAI,EAAE,mBAAA;AAAoB,aAAC,CAAC,CAAA;YAClDR,gBAAgB,CAAC,IAAI,CAAC,CAAA;AAC1B,WAAA;AAEA,UAAA,MAAA;AACJ,SAAA;MAEA,KAAK5B,IAAI,CAACS,SAAS;AAAE,QAAA;UACjB,IAAIM,WAAW,CAACgB,MAAM,EAAE;AACpB,YAAA,IAAID,YAAY,GAAG,CAAC,GAAGE,aAAa,EAAE;AAClC,cAAA,IAAIP,IAAI,CAACM,MAAM,GAAGhB,WAAW,CAACgB,MAAM,EAAE;AAClCL,gBAAAA,YAAY,CAAC;AAAEU,kBAAAA,IAAI,EAAE,oBAAA;AAAqB,iBAAC,CAAC,CAAA;AAChD,eAAA;AAEAZ,cAAAA,mBAAmB,CAAC;AAAEY,gBAAAA,IAAI,EAAE,mBAAmB;gBAAEC,KAAK,EAAEP,YAAY,GAAG,CAAA;AAAE,eAAC,CAAC,CAAA;AAC/E,aAAA;AACJ,WAAC,MAAM;AACHJ,YAAAA,YAAY,CAAC;AAAEU,cAAAA,IAAI,EAAE,oBAAA;AAAqB,aAAC,CAAC,CAAA;AAC5CZ,YAAAA,mBAAmB,CAAC;AAAEY,cAAAA,IAAI,EAAE,mBAAA;AAAoB,aAAC,CAAC,CAAA;YAClDR,gBAAgB,CAAC,IAAI,CAAC,CAAA;AAC1B,WAAA;AAEA,UAAA,MAAA;AACJ,SAAA;MAEA,KAAK5B,IAAI,CAACM,SAAS;AAAE,QAAA;AACjB,UAAA,IAAImB,IAAI,CAAC,CAAC,CAAC,EAAE;YACT,IAAIV,WAAW,CAACgB,MAAM,EAAE;AACpB,cAAA,IAAIN,IAAI,CAACM,MAAM,GAAGhB,WAAW,CAACgB,MAAM,EAAE;AAClCL,gBAAAA,YAAY,CAAC;AAAEU,kBAAAA,IAAI,EAAE,oBAAA;AAAqB,iBAAC,CAAC,CAAA;AAChD,eAAC,MAAM;AACHZ,gBAAAA,mBAAmB,CAAC;AAAEY,kBAAAA,IAAI,EAAE,mBAAA;AAAoB,iBAAC,CAAC,CAAA;AACtD,eAAA;AACJ,aAAA;AAEA,YAAA,IAAIX,IAAI,CAACM,MAAM,KAAK,CAAC,EAAE;cACnBH,gBAAgB,CAAC,KAAK,CAAC,CAAA;AAC3B,aAAA;AACJ,WAAA;AAEA,UAAA,MAAA;AACJ,SAAA;MAEA,KAAK5B,IAAI,CAACO,UAAU;AAAE,QAAA;AAClB,UAAA,IAAIkB,IAAI,CAAC,CAAC,CAAC,EAAE;AACT,YAAA,IAAI,CAACV,WAAW,CAACgB,MAAM,EAAE;AACrB,cAAA,MAAA;AACJ,aAAA;AAEA,YAAA,MAAMO,WAAW,GAAGxB,gBAAgB,CAACC,WAAW,EAAEC,iBAAiB,CAAC,CAAA;AAEpE,YAAA,IAAIsB,WAAW,EAAEC,QAAQ,IAAID,WAAW,EAAEE,UAAU,EAAE;AAClD,cAAA,MAAA;AACJ,aAAA;YAEA,IAAIF,WAAW,EAAEG,KAAK,EAAE;AACpB,cAAA,IAAIhB,IAAI,CAACM,MAAM,GAAGhB,WAAW,CAACgB,MAAM,EAAE;AAClCP,gBAAAA,mBAAmB,CAAC;AAAEY,kBAAAA,IAAI,EAAE,WAAW;AAAEC,kBAAAA,KAAK,EAAE,CAAA;AAAE,iBAAC,CAAC,CAAA;AACxD,eAAC,MAAM;AACHX,gBAAAA,YAAY,CAAC;AAAEU,kBAAAA,IAAI,EAAE,kBAAkB;AAAEC,kBAAAA,KAAK,EAAEC,WAAW,CAACD,KAAK,CAACK,QAAQ,EAAC;AAAE,iBAAC,CAAC,CAAA;AACnF,eAAA;AACJ,aAAA;AACJ,WAAA;AAEA,UAAA,MAAA;AACJ,SAAA;MAEA,KAAK1C,IAAI,CAACE,KAAK;AAAE,QAAA;UACbgC,KAAK,CAACS,cAAc,EAAE,CAAA;AAEtB,UAAA,MAAML,WAAW,GAAGxB,gBAAgB,CAACC,WAAW,EAAEC,iBAAiB,CAAC,CAAA;AAEpE,UAAA,IAAI,CAACS,IAAI,CAAC,CAAC,CAAC,EAAE;AACVC,YAAAA,YAAY,CAAC;AAAEU,cAAAA,IAAI,EAAE,oBAAA;AAAqB,aAAC,CAAC,CAAA;AAC5CZ,YAAAA,mBAAmB,CAAC;AAAEY,cAAAA,IAAI,EAAE,mBAAA;AAAoB,aAAC,CAAC,CAAA;AAClD,YAAA,MAAA;AACJ,WAAA;UAEA,IAAI,CAACE,WAAW,IAAIA,WAAW,EAAEC,QAAQ,IAAID,WAAW,EAAEE,UAAU,EAAE;AAClE,YAAA,MAAA;AACJ,WAAA;UAEAX,eAAe,CAACS,WAAW,CAAC,CAAA;AAE5B,UAAA,MAAA;AACJ,SAAA;MAEA,KAAKtC,IAAI,CAACC,KAAK;AAAE,QAAA;UACbiC,KAAK,CAACS,cAAc,EAAE,CAAA;AAEtB,UAAA,MAAML,WAAW,GAAGxB,gBAAgB,CAACC,WAAW,EAAEC,iBAAiB,CAAE,CAAA;AAErE,UAAA,IAAIsB,WAAW,EAAEC,QAAQ,IAAID,WAAW,EAAEE,UAAU,EAAE;AAClD,YAAA,MAAA;AACJ,WAAA;AAEA,UAAA,IAAI,CAACf,IAAI,CAAC,CAAC,CAAC,EAAE;AACVC,YAAAA,YAAY,CAAC;AAAEU,cAAAA,IAAI,EAAE,oBAAA;AAAqB,aAAC,CAAC,CAAA;AAC5CZ,YAAAA,mBAAmB,CAAC;AAAEY,cAAAA,IAAI,EAAE,mBAAA;AAAoB,aAAC,CAAC,CAAA;AAClD,YAAA,MAAA;AACJ,WAAA;UAEA,IAAIE,WAAW,EAAEG,KAAK,EAAE;AACpB,YAAA,IAAIhB,IAAI,CAACM,MAAM,GAAGhB,WAAW,CAACgB,MAAM,EAAE;AAClCP,cAAAA,mBAAmB,CAAC;AAAEY,gBAAAA,IAAI,EAAE,WAAW;AAAEC,gBAAAA,KAAK,EAAE,CAAA;AAAE,eAAC,CAAC,CAAA;AACxD,aAAC,MAAM;AACHX,cAAAA,YAAY,CAAC;AAAEU,gBAAAA,IAAI,EAAE,kBAAkB;AAAEC,gBAAAA,KAAK,EAAEC,WAAW,CAACD,KAAK,CAACK,QAAQ,EAAC;AAAE,eAAC,CAAC,CAAA;AACnF,aAAA;AAEA,YAAA,MAAA;AACJ,WAAA;UAEAb,eAAe,CAACS,WAAW,CAAC,CAAA;AAE5B,UAAA,MAAA;AACJ,SAAA;MAEA,KAAKtC,IAAI,CAACG,GAAG,CAAA;MACb,KAAKH,IAAI,CAACI,MAAM;AAAE,QAAA;AACdoB,UAAAA,mBAAmB,CAAC;AAAEY,YAAAA,IAAI,EAAE,OAAA;AAAQ,WAAC,CAAC,CAAA;AACtCV,UAAAA,YAAY,CAAC;AAAEU,YAAAA,IAAI,EAAE,OAAA;AAAQ,WAAC,CAAC,CAAA;UAC/BR,gBAAgB,CAAC,KAAK,CAAC,CAAA;AAEvB,UAAA,MAAA;AACJ,SAAA;MAEA,KAAK5B,IAAI,CAACU,IAAI;AAAE,QAAA;AACZ,UAAA,IAAIe,IAAI,CAAC,CAAC,CAAC,EAAE;AACT,YAAA,IAAIA,IAAI,CAACM,MAAM,GAAGhB,WAAW,CAACgB,MAAM,EAAE;AAClCL,cAAAA,YAAY,CAAC;AAAEU,gBAAAA,IAAI,EAAE,oBAAA;AAAqB,eAAC,CAAC,CAAA;AAChD,aAAA;AAEAZ,YAAAA,mBAAmB,CAAC;AAAEY,cAAAA,IAAI,EAAE,mBAAmB;AAAEC,cAAAA,KAAK,EAAE,CAAA;AAAE,aAAC,CAAC,CAAA;AAChE,WAAC,MAAM;AACHX,YAAAA,YAAY,CAAC;AAAEU,cAAAA,IAAI,EAAE,oBAAA;AAAqB,aAAC,CAAC,CAAA;AAC5CZ,YAAAA,mBAAmB,CAAC;AAAEY,cAAAA,IAAI,EAAE,mBAAA;AAAoB,aAAC,CAAC,CAAA;YAElDR,gBAAgB,CAAC,IAAI,CAAC,CAAA;AAC1B,WAAA;AAEA,UAAA,MAAA;AACJ,SAAA;MAEA,KAAK5B,IAAI,CAACW,GAAG;AAAE,QAAA;AACX,UAAA,IAAIc,IAAI,CAAC,CAAC,CAAC,EAAE;AACT,YAAA,IAAIA,IAAI,CAACM,MAAM,GAAGhB,WAAW,CAACgB,MAAM,EAAE;AAClCL,cAAAA,YAAY,CAAC;AAAEU,gBAAAA,IAAI,EAAE,oBAAA;AAAqB,eAAC,CAAC,CAAA;AAChD,aAAA;AAEAZ,YAAAA,mBAAmB,CAAC;AAAEY,cAAAA,IAAI,EAAE,mBAAmB;cAAEC,KAAK,EAAEL,aAAa,GAAG,CAAA;AAAE,aAAC,CAAC,CAAA;AAChF,WAAC,MAAM;AACHN,YAAAA,YAAY,CAAC;AAAEU,cAAAA,IAAI,EAAE,oBAAA;AAAqB,aAAC,CAAC,CAAA;AAC5CZ,YAAAA,mBAAmB,CAAC;AAAEY,cAAAA,IAAI,EAAE,mBAAmB;cAAEC,KAAK,EAAE,CAACV,OAAO,CAACL,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAA;AAAE,aAAC,CAAC,CAAA;YAEzFM,gBAAgB,CAAC,IAAI,CAAC,CAAA;AAC1B,WAAA;AAEA,UAAA,MAAA;AACJ,SAAA;MAEA,KAAK5B,IAAI,CAACY,MAAM;AAAE,QAAA;AACd,UAAA,IAAI,CAACa,IAAI,CAAC,CAAC,CAAC,EAAE;AACV,YAAA,MAAA;AACJ,WAAA;AAEA,UAAA,IAAIA,IAAI,CAACM,MAAM,GAAGhB,WAAW,CAACgB,MAAM,EAAE;AAClCL,YAAAA,YAAY,CAAC;AAAEU,cAAAA,IAAI,EAAE,oBAAA;AAAqB,aAAC,CAAC,CAAA;AAChD,WAAA;UAEA,IAAIN,YAAY,IAAI/B,SAAS,EAAE;AAC3ByB,YAAAA,mBAAmB,CAAC;AAAEY,cAAAA,IAAI,EAAE,mBAAmB;AAAEC,cAAAA,KAAK,EAAE,CAAA;AAAE,aAAC,CAAC,CAAA;AAChE,WAAC,MAAM;AACHb,YAAAA,mBAAmB,CAAC;AAAEY,cAAAA,IAAI,EAAE,mBAAmB;cAAEC,KAAK,EAAEP,YAAY,GAAG/B,SAAAA;AAAU,aAAC,CAAC,CAAA;AACvF,WAAA;AAEA,UAAA,MAAA;AACJ,SAAA;MAEA,KAAKC,IAAI,CAACa,QAAQ;AAAE,QAAA;AAChB,UAAA,IAAI,CAACY,IAAI,CAAC,CAAC,CAAC,EAAE;AACV,YAAA,MAAA;AACJ,WAAA;AAEA,UAAA,IAAIA,IAAI,CAACM,MAAM,GAAGhB,WAAW,CAACgB,MAAM,EAAE;AAClCL,YAAAA,YAAY,CAAC;AAAEU,cAAAA,IAAI,EAAE,oBAAA;AAAqB,aAAC,CAAC,CAAA;AAChD,WAAA;AAEA,UAAA,IAAIJ,aAAa,GAAGF,YAAY,IAAI/B,SAAS,EAAE;AAC3CyB,YAAAA,mBAAmB,CAAC;AAAEY,cAAAA,IAAI,EAAE,mBAAmB;cAAEC,KAAK,EAAEL,aAAa,GAAG,CAAA;AAAE,aAAC,CAAC,CAAA;AAChF,WAAC,MAAM;AACHR,YAAAA,mBAAmB,CAAC;AAAEY,cAAAA,IAAI,EAAE,mBAAmB;cAAEC,KAAK,EAAEP,YAAY,GAAG/B,SAAAA;AAAU,aAAC,CAAC,CAAA;AACvF,WAAA;AAEA,UAAA,MAAA;AACJ,SAAA;AAKJ,KAAA;GACH,CAAA;EAED,OAAO;AAAEkC,IAAAA,SAAAA;GAAW,CAAA;AACxB;;;;"}

package/es/components/Select/hooks/usePathMaps.js

@@ -1,20 +1,21 @@
 import { isEmpty } from '../../../utils/isEmpty.js';
 
 // Рекурсивно проходим по дереву items и создаем 4 мапы: открытых путей, фокусов, выбранных элементов и айтемов.
-var usePathMaps = function usePathMaps(items) {
-  var pathMap = new Map();
-  var focusedToValueMap = new Map();
-  var valueToCheckedMap = new Map();
-  var valueToItemMap = new Map();
-  var labelToItemMap = new Map();
-  pathMap.set('root', (items === null || items === void 0 ? void 0 : items.length) || 0);
-  var rec = function rec(items) {
-    var prevIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-    items === null || items === void 0 || items.forEach(function (item, index) {
-      var value = item.value,
-        label = item.label,
-        innerItems = item.items;
-      var currIndex = "".concat(prevIndex, "/").concat(index).replace(/^(\/)/, '');
+const usePathMaps = items => {
+  const pathMap = new Map();
+  const focusedToValueMap = new Map();
+  const valueToCheckedMap = new Map();
+  const valueToItemMap = new Map();
+  const labelToItemMap = new Map();
+  pathMap.set('root', items?.length || 0);
+  const rec = (items, prevIndex = '') => {
+    items?.forEach((item, index) => {
+      const {
+        value,
+        label,
+        items: innerItems
+      } = item;
+      const currIndex = `${prevIndex}/${index}`.replace(/^(\/)/, '');
       focusedToValueMap.set(currIndex, item);
       valueToCheckedMap.set(value, false);
       if (isEmpty(innerItems) || !innerItems) {

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

@@ -1 +1 @@
-{"version":3,"file":"usePathMaps.js","sources":["../../../../src/components/Select/hooks/usePathMaps.ts"],"sourcesContent":["import { isEmpty } from 'src/utils';\n\nimport { MergedSelectProps } from '../Select.types';\nimport { MergedDropdownNodeTransformed } from '../ui/Inner/ui/Item/Item.types';\n\nexport type PathMapType = Map<string | number, number>;\nexport type FocusedToValueMapType = Map<string, MergedDropdownNodeTransformed>;\nexport type ValueToCheckedMapType = Map<\n    MergedDropdownNodeTransformed['value'],\n    boolean | 'done' | 'dot' | 'indeterminate'\n>;\nexport type ValueToItemMapType = Map<MergedDropdownNodeTransformed['value'], MergedDropdownNodeTransformed>;\nexport type LabelToItemMapType = Map<MergedDropdownNodeTransformed['label'], MergedDropdownNodeTransformed>;\n\n// Рекурсивно проходим по дереву items и создаем 4 мапы: открытых путей, фокусов, выбранных элементов и айтемов.\nexport const usePathMaps = (items: MergedSelectProps['items']) => {\n    const pathMap: PathMapType = new Map();\n    const focusedToValueMap: FocusedToValueMapType = new Map();\n    const valueToCheckedMap: ValueToCheckedMapType = new Map();\n    const valueToItemMap: ValueToItemMapType = new Map();\n    const labelToItemMap: LabelToItemMapType = new Map();\n\n    pathMap.set('root', items?.length || 0);\n\n    const rec = (items: MergedSelectProps['items'], prevIndex = '') => {\n        items?.forEach((item: MergedDropdownNodeTransformed, index: number) => {\n            const { value, label, items: innerItems } = item;\n\n            const currIndex = `${prevIndex}/${index}`.replace(/^(\\/)/, '');\n            focusedToValueMap.set(currIndex, item);\n\n            valueToCheckedMap.set(value, false);\n\n            if (isEmpty(innerItems) || !innerItems) {\n                valueToItemMap.set(value, item);\n                labelToItemMap.set(label, item);\n            } else {\n                pathMap.set(value, innerItems.length);\n                rec(innerItems, currIndex);\n            }\n        });\n    };\n    rec(items);\n\n    return [pathMap, focusedToValueMap, valueToCheckedMap, valueToItemMap, labelToItemMap] as [\n        PathMapType,\n        FocusedToValueMapType,\n        ValueToCheckedMapType,\n        ValueToItemMapType,\n        LabelToItemMapType,\n    ];\n};\n"],"names":["usePathMaps","items","pathMap","Map","focusedToValueMap","valueToCheckedMap","valueToItemMap","labelToItemMap","set","length","rec","prevIndex","arguments","undefined","forEach","item","index","value","label","innerItems","currIndex","concat","replace","isEmpty"],"mappings":";;AAcA;IACaA,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAAiC,EAAK;AAC9D,EAAA,IAAMC,OAAoB,GAAG,IAAIC,GAAG,EAAE,CAAA;AACtC,EAAA,IAAMC,iBAAwC,GAAG,IAAID,GAAG,EAAE,CAAA;AAC1D,EAAA,IAAME,iBAAwC,GAAG,IAAIF,GAAG,EAAE,CAAA;AAC1D,EAAA,IAAMG,cAAkC,GAAG,IAAIH,GAAG,EAAE,CAAA;AACpD,EAAA,IAAMI,cAAkC,GAAG,IAAIJ,GAAG,EAAE,CAAA;AAEpDD,EAAAA,OAAO,CAACM,GAAG,CAAC,MAAM,EAAE,CAAAP,KAAK,KAALA,IAAAA,IAAAA,KAAK,uBAALA,KAAK,CAAEQ,MAAM,KAAI,CAAC,CAAC,CAAA;AAEvC,EAAA,IAAMC,GAAG,GAAG,SAANA,GAAGA,CAAIT,KAAiC,EAAqB;AAAA,IAAA,IAAnBU,SAAS,GAAAC,SAAA,CAAAH,MAAA,GAAA,CAAA,IAAAG,SAAA,CAAA,CAAA,CAAA,KAAAC,SAAA,GAAAD,SAAA,CAAA,CAAA,CAAA,GAAG,EAAE,CAAA;IAC1DX,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,IAALA,KAAK,CAAEa,OAAO,CAAC,UAACC,IAAmC,EAAEC,KAAa,EAAK;AACnE,MAAA,IAAQC,KAAK,GAA+BF,IAAI,CAAxCE,KAAK;QAAEC,KAAK,GAAwBH,IAAI,CAAjCG,KAAK;QAASC,UAAU,GAAKJ,IAAI,CAA1Bd,KAAK,CAAA;AAE3B,MAAA,IAAMmB,SAAS,GAAG,EAAA,CAAAC,MAAA,CAAGV,SAAS,EAAAU,GAAAA,CAAAA,CAAAA,MAAA,CAAIL,KAAK,EAAGM,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAA;AAC9DlB,MAAAA,iBAAiB,CAACI,GAAG,CAACY,SAAS,EAAEL,IAAI,CAAC,CAAA;AAEtCV,MAAAA,iBAAiB,CAACG,GAAG,CAACS,KAAK,EAAE,KAAK,CAAC,CAAA;AAEnC,MAAA,IAAIM,OAAO,CAACJ,UAAU,CAAC,IAAI,CAACA,UAAU,EAAE;AACpCb,QAAAA,cAAc,CAACE,GAAG,CAACS,KAAK,EAAEF,IAAI,CAAC,CAAA;AAC/BR,QAAAA,cAAc,CAACC,GAAG,CAACU,KAAK,EAAEH,IAAI,CAAC,CAAA;AACnC,OAAC,MAAM;QACHb,OAAO,CAACM,GAAG,CAACS,KAAK,EAAEE,UAAU,CAACV,MAAM,CAAC,CAAA;AACrCC,QAAAA,GAAG,CAACS,UAAU,EAAEC,SAAS,CAAC,CAAA;AAC9B,OAAA;AACJ,KAAC,CAAC,CAAA;GACL,CAAA;EACDV,GAAG,CAACT,KAAK,CAAC,CAAA;EAEV,OAAO,CAACC,OAAO,EAAEE,iBAAiB,EAAEC,iBAAiB,EAAEC,cAAc,EAAEC,cAAc,CAAC,CAAA;AAO1F;;;;"}
+{"version":3,"file":"usePathMaps.js","sources":["../../../../src/components/Select/hooks/usePathMaps.ts"],"sourcesContent":["import { isEmpty } from 'src/utils';\n\nimport { MergedSelectProps } from '../Select.types';\nimport { MergedDropdownNodeTransformed } from '../ui/Inner/ui/Item/Item.types';\n\nexport type PathMapType = Map<string | number, number>;\nexport type FocusedToValueMapType = Map<string, MergedDropdownNodeTransformed>;\nexport type ValueToCheckedMapType = Map<\n    MergedDropdownNodeTransformed['value'],\n    boolean | 'done' | 'dot' | 'indeterminate'\n>;\nexport type ValueToItemMapType = Map<MergedDropdownNodeTransformed['value'], MergedDropdownNodeTransformed>;\nexport type LabelToItemMapType = Map<MergedDropdownNodeTransformed['label'], MergedDropdownNodeTransformed>;\n\n// Рекурсивно проходим по дереву items и создаем 4 мапы: открытых путей, фокусов, выбранных элементов и айтемов.\nexport const usePathMaps = (items: MergedSelectProps['items']) => {\n    const pathMap: PathMapType = new Map();\n    const focusedToValueMap: FocusedToValueMapType = new Map();\n    const valueToCheckedMap: ValueToCheckedMapType = new Map();\n    const valueToItemMap: ValueToItemMapType = new Map();\n    const labelToItemMap: LabelToItemMapType = new Map();\n\n    pathMap.set('root', items?.length || 0);\n\n    const rec = (items: MergedSelectProps['items'], prevIndex = '') => {\n        items?.forEach((item: MergedDropdownNodeTransformed, index: number) => {\n            const { value, label, items: innerItems } = item;\n\n            const currIndex = `${prevIndex}/${index}`.replace(/^(\\/)/, '');\n            focusedToValueMap.set(currIndex, item);\n\n            valueToCheckedMap.set(value, false);\n\n            if (isEmpty(innerItems) || !innerItems) {\n                valueToItemMap.set(value, item);\n                labelToItemMap.set(label, item);\n            } else {\n                pathMap.set(value, innerItems.length);\n                rec(innerItems, currIndex);\n            }\n        });\n    };\n    rec(items);\n\n    return [pathMap, focusedToValueMap, valueToCheckedMap, valueToItemMap, labelToItemMap] as [\n        PathMapType,\n        FocusedToValueMapType,\n        ValueToCheckedMapType,\n        ValueToItemMapType,\n        LabelToItemMapType,\n    ];\n};\n"],"names":["usePathMaps","items","pathMap","Map","focusedToValueMap","valueToCheckedMap","valueToItemMap","labelToItemMap","set","length","rec","prevIndex","forEach","item","index","value","label","innerItems","currIndex","replace","isEmpty"],"mappings":";;AAcA;AACaA,MAAAA,WAAW,GAAIC,KAAiC,IAAK;AAC9D,EAAA,MAAMC,OAAoB,GAAG,IAAIC,GAAG,EAAE,CAAA;AACtC,EAAA,MAAMC,iBAAwC,GAAG,IAAID,GAAG,EAAE,CAAA;AAC1D,EAAA,MAAME,iBAAwC,GAAG,IAAIF,GAAG,EAAE,CAAA;AAC1D,EAAA,MAAMG,cAAkC,GAAG,IAAIH,GAAG,EAAE,CAAA;AACpD,EAAA,MAAMI,cAAkC,GAAG,IAAIJ,GAAG,EAAE,CAAA;EAEpDD,OAAO,CAACM,GAAG,CAAC,MAAM,EAAEP,KAAK,EAAEQ,MAAM,IAAI,CAAC,CAAC,CAAA;EAEvC,MAAMC,GAAG,GAAGA,CAACT,KAAiC,EAAEU,SAAS,GAAG,EAAE,KAAK;AAC/DV,IAAAA,KAAK,EAAEW,OAAO,CAAC,CAACC,IAAmC,EAAEC,KAAa,KAAK;MACnE,MAAM;QAAEC,KAAK;QAAEC,KAAK;AAAEf,QAAAA,KAAK,EAAEgB,UAAAA;AAAW,OAAC,GAAGJ,IAAI,CAAA;AAEhD,MAAA,MAAMK,SAAS,GAAG,CAAGP,EAAAA,SAAS,CAAIG,CAAAA,EAAAA,KAAK,CAAE,CAAA,CAACK,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAA;AAC9Df,MAAAA,iBAAiB,CAACI,GAAG,CAACU,SAAS,EAAEL,IAAI,CAAC,CAAA;AAEtCR,MAAAA,iBAAiB,CAACG,GAAG,CAACO,KAAK,EAAE,KAAK,CAAC,CAAA;AAEnC,MAAA,IAAIK,OAAO,CAACH,UAAU,CAAC,IAAI,CAACA,UAAU,EAAE;AACpCX,QAAAA,cAAc,CAACE,GAAG,CAACO,KAAK,EAAEF,IAAI,CAAC,CAAA;AAC/BN,QAAAA,cAAc,CAACC,GAAG,CAACQ,KAAK,EAAEH,IAAI,CAAC,CAAA;AACnC,OAAC,MAAM;QACHX,OAAO,CAACM,GAAG,CAACO,KAAK,EAAEE,UAAU,CAACR,MAAM,CAAC,CAAA;AACrCC,QAAAA,GAAG,CAACO,UAAU,EAAEC,SAAS,CAAC,CAAA;AAC9B,OAAA;AACJ,KAAC,CAAC,CAAA;GACL,CAAA;EACDR,GAAG,CAACT,KAAK,CAAC,CAAA;EAEV,OAAO,CAACC,OAAO,EAAEE,iBAAiB,EAAEC,iBAAiB,EAAEC,cAAc,EAAEC,cAAc,CAAC,CAAA;AAO1F;;;;"}

package/es/components/Select/reducers/focusedPathReducer.js

@@ -1,5 +1,3 @@
-import { toConsumableArray as _toConsumableArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-
 function focusedPathReducer(state, action) {
   switch (action.type) {
     case 'reset':
@@ -12,11 +10,11 @@ function focusedPathReducer(state, action) {
       }
     case 'change_last_focus':
       {
-        return [].concat(_toConsumableArray(state.slice(0, -1)), [action.value]);
+        return [...state.slice(0, -1), action.value];
       }
     case 'add_focus':
       {
-        return [].concat(_toConsumableArray(state), [action.value]);
+        return [...state, action.value];
       }
     case 'return_prev_focus':
       {

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

@@ -1 +1 @@
-{"version":3,"file":"focusedPathReducer.js","sources":["../../../../src/components/Select/reducers/focusedPathReducer.ts"],"sourcesContent":["export type FocusedPathState = Array<number>;\n\nexport type FocusedPathAction =\n    | { type: 'reset' }\n    | { type: 'set_initial_focus' }\n    | { type: 'change_last_focus'; value: number }\n    | { type: 'add_focus'; value: number }\n    | { type: 'return_prev_focus' };\n\nexport function focusedPathReducer(state: FocusedPathState, action: FocusedPathAction): FocusedPathState {\n    switch (action.type) {\n        case 'reset': {\n            return [];\n        }\n\n        case 'set_initial_focus': {\n            return [0];\n        }\n\n        case 'change_last_focus': {\n            return [...state.slice(0, -1), action.value];\n        }\n\n        case 'add_focus': {\n            return [...state, action.value];\n        }\n\n        case 'return_prev_focus': {\n            return state.slice(0, -1);\n        }\n\n        default: {\n            return state;\n        }\n    }\n}\n"],"names":["focusedPathReducer","state","action","type","concat","_toConsumableArray","slice","value"],"mappings":";;AASO,SAASA,kBAAkBA,CAACC,KAAuB,EAAEC,MAAyB,EAAoB;EACrG,QAAQA,MAAM,CAACC,IAAI;AACf,IAAA,KAAK,OAAO;AAAE,MAAA;AACV,QAAA,OAAO,EAAE,CAAA;AACb,OAAA;AAEA,IAAA,KAAK,mBAAmB;AAAE,MAAA;QACtB,OAAO,CAAC,CAAC,CAAC,CAAA;AACd,OAAA;AAEA,IAAA,KAAK,mBAAmB;AAAE,MAAA;AACtB,QAAA,OAAA,EAAA,CAAAC,MAAA,CAAAC,kBAAA,CAAWJ,KAAK,CAACK,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAEJ,EAAAA,CAAAA,MAAM,CAACK,KAAK,CAAA,CAAA,CAAA;AAC/C,OAAA;AAEA,IAAA,KAAK,WAAW;AAAE,MAAA;QACd,OAAAH,EAAAA,CAAAA,MAAA,CAAAC,kBAAA,CAAWJ,KAAK,CAAEC,EAAAA,CAAAA,MAAM,CAACK,KAAK,CAAA,CAAA,CAAA;AAClC,OAAA;AAEA,IAAA,KAAK,mBAAmB;AAAE,MAAA;QACtB,OAAON,KAAK,CAACK,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;AAC7B,OAAA;AAEA,IAAA;AAAS,MAAA;AACL,QAAA,OAAOL,KAAK,CAAA;AAChB,OAAA;AACJ,GAAA;AACJ;;;;"}
+{"version":3,"file":"focusedPathReducer.js","sources":["../../../../src/components/Select/reducers/focusedPathReducer.ts"],"sourcesContent":["export type FocusedPathState = Array<number>;\n\nexport type FocusedPathAction =\n    | { type: 'reset' }\n    | { type: 'set_initial_focus' }\n    | { type: 'change_last_focus'; value: number }\n    | { type: 'add_focus'; value: number }\n    | { type: 'return_prev_focus' };\n\nexport function focusedPathReducer(state: FocusedPathState, action: FocusedPathAction): FocusedPathState {\n    switch (action.type) {\n        case 'reset': {\n            return [];\n        }\n\n        case 'set_initial_focus': {\n            return [0];\n        }\n\n        case 'change_last_focus': {\n            return [...state.slice(0, -1), action.value];\n        }\n\n        case 'add_focus': {\n            return [...state, action.value];\n        }\n\n        case 'return_prev_focus': {\n            return state.slice(0, -1);\n        }\n\n        default: {\n            return state;\n        }\n    }\n}\n"],"names":["focusedPathReducer","state","action","type","slice","value"],"mappings":"AASO,SAASA,kBAAkBA,CAACC,KAAuB,EAAEC,MAAyB,EAAoB;EACrG,QAAQA,MAAM,CAACC,IAAI;AACf,IAAA,KAAK,OAAO;AAAE,MAAA;AACV,QAAA,OAAO,EAAE,CAAA;AACb,OAAA;AAEA,IAAA,KAAK,mBAAmB;AAAE,MAAA;QACtB,OAAO,CAAC,CAAC,CAAC,CAAA;AACd,OAAA;AAEA,IAAA,KAAK,mBAAmB;AAAE,MAAA;AACtB,QAAA,OAAO,CAAC,GAAGF,KAAK,CAACG,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAEF,MAAM,CAACG,KAAK,CAAC,CAAA;AAChD,OAAA;AAEA,IAAA,KAAK,WAAW;AAAE,MAAA;AACd,QAAA,OAAO,CAAC,GAAGJ,KAAK,EAAEC,MAAM,CAACG,KAAK,CAAC,CAAA;AACnC,OAAA;AAEA,IAAA,KAAK,mBAAmB;AAAE,MAAA;QACtB,OAAOJ,KAAK,CAACG,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;AAC7B,OAAA;AAEA,IAAA;AAAS,MAAA;AACL,QAAA,OAAOH,KAAK,CAAA;AAChB,OAAA;AACJ,GAAA;AACJ;;;;"}

package/es/components/Select/reducers/pathReducer.js

@@ -1,5 +1,3 @@
-import { toConsumableArray as _toConsumableArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-
 function pathReducer(state, action) {
   switch (action.type) {
     case 'reset':
@@ -12,7 +10,7 @@ function pathReducer(state, action) {
       }
     case 'added_next_level':
       {
-        return [].concat(_toConsumableArray(state), [action.value]);
+        return [...state, action.value];
       }
     case 'removed_last_level':
       {
@@ -20,7 +18,7 @@ function pathReducer(state, action) {
       }
     case 'changed_on_level':
       {
-        return [].concat(_toConsumableArray(state.slice(0, action.level)), [action.value]);
+        return [...state.slice(0, action.level), action.value];
       }
     case 'cut_by_level':
       {

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

@@ -1 +1 @@
-{"version":3,"file":"pathReducer.js","sources":["../../../../src/components/Select/reducers/pathReducer.ts"],"sourcesContent":["export type PathState = Array<string>;\n\nexport type PathAction =\n    | { type: 'reset' }\n    | { type: 'opened_first_level' }\n    | { type: 'added_next_level'; value: string }\n    | { type: 'removed_last_level' }\n    | { type: 'changed_on_level'; value: string; level: number }\n    | { type: 'cut_by_level'; level: number };\n\nexport function pathReducer(state: PathState, action: PathAction): PathState {\n    switch (action.type) {\n        case 'reset': {\n            return [];\n        }\n\n        case 'opened_first_level': {\n            return ['root'];\n        }\n\n        case 'added_next_level': {\n            return [...state, action.value];\n        }\n\n        case 'removed_last_level': {\n            return state.slice(0, -1);\n        }\n\n        case 'changed_on_level': {\n            return [...state.slice(0, action.level), action.value];\n        }\n\n        case 'cut_by_level': {\n            return state.slice(0, action.level);\n        }\n\n        default: {\n            return state;\n        }\n    }\n}\n"],"names":["pathReducer","state","action","type","concat","_toConsumableArray","value","slice","level"],"mappings":";;AAUO,SAASA,WAAWA,CAACC,KAAgB,EAAEC,MAAkB,EAAa;EACzE,QAAQA,MAAM,CAACC,IAAI;AACf,IAAA,KAAK,OAAO;AAAE,MAAA;AACV,QAAA,OAAO,EAAE,CAAA;AACb,OAAA;AAEA,IAAA,KAAK,oBAAoB;AAAE,MAAA;QACvB,OAAO,CAAC,MAAM,CAAC,CAAA;AACnB,OAAA;AAEA,IAAA,KAAK,kBAAkB;AAAE,MAAA;QACrB,OAAAC,EAAAA,CAAAA,MAAA,CAAAC,kBAAA,CAAWJ,KAAK,CAAEC,EAAAA,CAAAA,MAAM,CAACI,KAAK,CAAA,CAAA,CAAA;AAClC,OAAA;AAEA,IAAA,KAAK,oBAAoB;AAAE,MAAA;QACvB,OAAOL,KAAK,CAACM,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;AAC7B,OAAA;AAEA,IAAA,KAAK,kBAAkB;AAAE,MAAA;AACrB,QAAA,OAAA,EAAA,CAAAH,MAAA,CAAAC,kBAAA,CAAWJ,KAAK,CAACM,KAAK,CAAC,CAAC,EAAEL,MAAM,CAACM,KAAK,CAAC,CAAEN,EAAAA,CAAAA,MAAM,CAACI,KAAK,CAAA,CAAA,CAAA;AACzD,OAAA;AAEA,IAAA,KAAK,cAAc;AAAE,MAAA;QACjB,OAAOL,KAAK,CAACM,KAAK,CAAC,CAAC,EAAEL,MAAM,CAACM,KAAK,CAAC,CAAA;AACvC,OAAA;AAEA,IAAA;AAAS,MAAA;AACL,QAAA,OAAOP,KAAK,CAAA;AAChB,OAAA;AACJ,GAAA;AACJ;;;;"}
+{"version":3,"file":"pathReducer.js","sources":["../../../../src/components/Select/reducers/pathReducer.ts"],"sourcesContent":["export type PathState = Array<string>;\n\nexport type PathAction =\n    | { type: 'reset' }\n    | { type: 'opened_first_level' }\n    | { type: 'added_next_level'; value: string }\n    | { type: 'removed_last_level' }\n    | { type: 'changed_on_level'; value: string; level: number }\n    | { type: 'cut_by_level'; level: number };\n\nexport function pathReducer(state: PathState, action: PathAction): PathState {\n    switch (action.type) {\n        case 'reset': {\n            return [];\n        }\n\n        case 'opened_first_level': {\n            return ['root'];\n        }\n\n        case 'added_next_level': {\n            return [...state, action.value];\n        }\n\n        case 'removed_last_level': {\n            return state.slice(0, -1);\n        }\n\n        case 'changed_on_level': {\n            return [...state.slice(0, action.level), action.value];\n        }\n\n        case 'cut_by_level': {\n            return state.slice(0, action.level);\n        }\n\n        default: {\n            return state;\n        }\n    }\n}\n"],"names":["pathReducer","state","action","type","value","slice","level"],"mappings":"AAUO,SAASA,WAAWA,CAACC,KAAgB,EAAEC,MAAkB,EAAa;EACzE,QAAQA,MAAM,CAACC,IAAI;AACf,IAAA,KAAK,OAAO;AAAE,MAAA;AACV,QAAA,OAAO,EAAE,CAAA;AACb,OAAA;AAEA,IAAA,KAAK,oBAAoB;AAAE,MAAA;QACvB,OAAO,CAAC,MAAM,CAAC,CAAA;AACnB,OAAA;AAEA,IAAA,KAAK,kBAAkB;AAAE,MAAA;AACrB,QAAA,OAAO,CAAC,GAAGF,KAAK,EAAEC,MAAM,CAACE,KAAK,CAAC,CAAA;AACnC,OAAA;AAEA,IAAA,KAAK,oBAAoB;AAAE,MAAA;QACvB,OAAOH,KAAK,CAACI,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;AAC7B,OAAA;AAEA,IAAA,KAAK,kBAAkB;AAAE,MAAA;AACrB,QAAA,OAAO,CAAC,GAAGJ,KAAK,CAACI,KAAK,CAAC,CAAC,EAAEH,MAAM,CAACI,KAAK,CAAC,EAAEJ,MAAM,CAACE,KAAK,CAAC,CAAA;AAC1D,OAAA;AAEA,IAAA,KAAK,cAAc;AAAE,MAAA;QACjB,OAAOH,KAAK,CAACI,KAAK,CAAC,CAAC,EAAEH,MAAM,CAACI,KAAK,CAAC,CAAA;AACvC,OAAA;AAEA,IAAA;AAAS,MAAA;AACL,QAAA,OAAOL,KAAK,CAAA;AAChB,OAAA;AACJ,GAAA;AACJ;;;;"}

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

@@ -1,18 +1,19 @@
 import React from 'react';
+import { safeUseId } from '@salutejs/plasma-core';
 import { ListWrapper, Ul } from '../../Select.styles.js';
 import { FloatingPopover } from '../../FloatingPopover.js';
 import { Item } from './ui/Item/Item.js';
-import { safeUseId } from '../../../../utils/react.js';
 import { isEmpty } from '../../../../utils/isEmpty.js';
 
-var Inner = function Inner(_ref) {
-  var item = _ref.item,
-    currentLevel = _ref.currentLevel,
-    path = _ref.path,
-    dispatchPath = _ref.dispatchPath,
-    index = _ref.index,
-    listWidth = _ref.listWidth;
-  var handleToggle = function handleToggle(opened) {
+const Inner = ({
+  item,
+  currentLevel,
+  path,
+  dispatchPath,
+  index,
+  listWidth
+}) => {
+  const handleToggle = opened => {
     if (opened) {
       dispatchPath({
         type: 'changed_on_level',
@@ -26,14 +27,13 @@ var Inner = function Inner(_ref) {
       });
     }
   };
-  var isCurrentListOpen = path[currentLevel + 1] === item.value.toString();
-  var treeId = safeUseId();
-  var listId = "".concat(treeId, "_tree_level_").concat(currentLevel + 2);
-  var nextLevel = currentLevel + 1;
-  if (!isEmpty(item === null || item === void 0 ? void 0 : item.items)) {
-    var _item$items;
+  const isCurrentListOpen = path[currentLevel + 1] === item.value.toString();
+  const treeId = safeUseId();
+  const listId = `${treeId}_tree_level_${currentLevel + 2}`;
+  const nextLevel = currentLevel + 1;
+  if (!isEmpty(item?.items)) {
     return /*#__PURE__*/React.createElement(FloatingPopover, {
-      placement: (item === null || item === void 0 ? void 0 : item.placement) || 'right',
+      placement: item?.placement || 'right',
       opened: isCurrentListOpen,
       onToggle: handleToggle,
       target: /*#__PURE__*/React.createElement(Item, {
@@ -53,17 +53,15 @@ var Inner = function Inner(_ref) {
       role: "group",
       id: listId,
       virtual: false
-    }, (_item$items = item.items) === null || _item$items === void 0 ? void 0 : _item$items.map(function (innerItem, innerIndex) {
-      return /*#__PURE__*/React.createElement(Inner, {
-        key: "".concat(innerIndex, "/").concat(currentLevel),
-        item: innerItem,
-        currentLevel: nextLevel,
-        path: path,
-        dispatchPath: dispatchPath,
-        index: innerIndex,
-        listWidth: listWidth
-      });
-    }))));
+    }, item.items?.map((innerItem, innerIndex) => /*#__PURE__*/React.createElement(Inner, {
+      key: `${innerIndex}/${currentLevel}`,
+      item: innerItem,
+      currentLevel: nextLevel,
+      path: path,
+      dispatchPath: dispatchPath,
+      index: innerIndex,
+      listWidth: listWidth
+    })))));
   }
   return /*#__PURE__*/React.createElement(Item, {
     item: item,

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

@@ -1 +1 @@
-{"version":3,"file":"Inner.js","sources":["../../../../../src/components/Select/ui/Inner/Inner.tsx"],"sourcesContent":["import React from 'react';\nimport type { FC } from 'react';\nimport { isEmpty, safeUseId } from 'src/utils';\n\nimport { Ul, ListWrapper } from '../../Select.styles';\nimport { FloatingPopover } from '../../FloatingPopover';\n\nimport type { MergedDropdownNodeTransformed } from './ui/Item/Item.types';\nimport { Item } from './ui/Item/Item';\nimport { InnerProps } from './Inner.type';\n\nexport const Inner: FC<InnerProps> = ({ item, currentLevel, path, dispatchPath, index, listWidth }) => {\n    const handleToggle = (opened: boolean): void => {\n        if (opened) {\n            dispatchPath({ type: 'changed_on_level', value: item.value.toString(), level: currentLevel + 1 });\n        } else {\n            dispatchPath({ type: 'cut_by_level', level: currentLevel + 1 });\n        }\n    };\n\n    const isCurrentListOpen = path[currentLevel + 1] === item.value.toString();\n\n    const treeId = safeUseId();\n    const listId = `${treeId}_tree_level_${currentLevel + 2}`;\n    const nextLevel = currentLevel + 1;\n\n    if (!isEmpty(item?.items)) {\n        return (\n            <FloatingPopover\n                placement={item?.placement || 'right'}\n                opened={isCurrentListOpen}\n                onToggle={handleToggle}\n                target={\n                    <Item\n                        item={item}\n                        path={path}\n                        currentLevel={currentLevel}\n                        index={index}\n                        ariaControls={listId}\n                        ariaExpanded={isCurrentListOpen}\n                        ariaLevel={nextLevel}\n                        ariaLabel={item.label}\n                    />\n                }\n                isInner\n            >\n                <ListWrapper listWidth={listWidth}>\n                    <Ul role=\"group\" id={listId} virtual={false}>\n                        {item.items?.map((innerItem: MergedDropdownNodeTransformed, innerIndex: number) => (\n                            <Inner\n                                key={`${innerIndex}/${currentLevel}`}\n                                item={innerItem}\n                                currentLevel={nextLevel}\n                                path={path}\n                                dispatchPath={dispatchPath}\n                                index={innerIndex}\n                                listWidth={listWidth}\n                            />\n                        ))}\n                    </Ul>\n                </ListWrapper>\n            </FloatingPopover>\n        );\n    }\n\n    return <Item item={item} path={path} index={index} currentLevel={currentLevel} ariaLevel={nextLevel} />;\n};\n"],"names":["Inner","_ref","item","currentLevel","path","dispatchPath","index","listWidth","handleToggle","opened","type","value","toString","level","isCurrentListOpen","treeId","safeUseId","listId","concat","nextLevel","isEmpty","items","_item$items","React","createElement","FloatingPopover","placement","onToggle","target","Item","ariaControls","ariaExpanded","ariaLevel","ariaLabel","label","isInner","ListWrapper","Ul","role","id","virtual","map","innerItem","innerIndex","key"],"mappings":"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"}
+{"version":3,"file":"Inner.js","sources":["../../../../../src/components/Select/ui/Inner/Inner.tsx"],"sourcesContent":["import React from 'react';\nimport type { FC } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\nimport { isEmpty } from 'src/utils';\n\nimport { Ul, ListWrapper } from '../../Select.styles';\nimport { FloatingPopover } from '../../FloatingPopover';\n\nimport type { MergedDropdownNodeTransformed } from './ui/Item/Item.types';\nimport { Item } from './ui/Item/Item';\nimport { InnerProps } from './Inner.type';\n\nexport const Inner: FC<InnerProps> = ({ item, currentLevel, path, dispatchPath, index, listWidth }) => {\n    const handleToggle = (opened: boolean): void => {\n        if (opened) {\n            dispatchPath({ type: 'changed_on_level', value: item.value.toString(), level: currentLevel + 1 });\n        } else {\n            dispatchPath({ type: 'cut_by_level', level: currentLevel + 1 });\n        }\n    };\n\n    const isCurrentListOpen = path[currentLevel + 1] === item.value.toString();\n\n    const treeId = safeUseId();\n    const listId = `${treeId}_tree_level_${currentLevel + 2}`;\n    const nextLevel = currentLevel + 1;\n\n    if (!isEmpty(item?.items)) {\n        return (\n            <FloatingPopover\n                placement={item?.placement || 'right'}\n                opened={isCurrentListOpen}\n                onToggle={handleToggle}\n                target={\n                    <Item\n                        item={item}\n                        path={path}\n                        currentLevel={currentLevel}\n                        index={index}\n                        ariaControls={listId}\n                        ariaExpanded={isCurrentListOpen}\n                        ariaLevel={nextLevel}\n                        ariaLabel={item.label}\n                    />\n                }\n                isInner\n            >\n                <ListWrapper listWidth={listWidth}>\n                    <Ul role=\"group\" id={listId} virtual={false}>\n                        {item.items?.map((innerItem: MergedDropdownNodeTransformed, innerIndex: number) => (\n                            <Inner\n                                key={`${innerIndex}/${currentLevel}`}\n                                item={innerItem}\n                                currentLevel={nextLevel}\n                                path={path}\n                                dispatchPath={dispatchPath}\n                                index={innerIndex}\n                                listWidth={listWidth}\n                            />\n                        ))}\n                    </Ul>\n                </ListWrapper>\n            </FloatingPopover>\n        );\n    }\n\n    return <Item item={item} path={path} index={index} currentLevel={currentLevel} ariaLevel={nextLevel} />;\n};\n"],"names":["Inner","item","currentLevel","path","dispatchPath","index","listWidth","handleToggle","opened","type","value","toString","level","isCurrentListOpen","treeId","safeUseId","listId","nextLevel","isEmpty","items","React","createElement","FloatingPopover","placement","onToggle","target","Item","ariaControls","ariaExpanded","ariaLevel","ariaLabel","label","isInner","ListWrapper","Ul","role","id","virtual","map","innerItem","innerIndex","key"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { useRef, useContext } from 'react';
 import { cx } from '../../../../../../utils/index.js';
 import { classes } from '../../../../Select.tokens.js';
@@ -9,43 +9,47 @@ import { getItemId } from '../../../../utils/getItemId.js';
 import { sizeToIconSize } from '../../../../utils/sizeToIconSize.js';
 import { isEmpty } from '../../../../../../utils/isEmpty.js';
 
-var _StyledIndicator;
-var _excluded = ["value", "label", "disabled", "isDisabled", "contentLeft", "contentRight", "className"];
-var Item = function Item(_ref) {
-  var item = _ref.item,
-    path = _ref.path,
-    currentLevel = _ref.currentLevel,
-    index = _ref.index,
-    ariaControls = _ref.ariaControls,
-    ariaExpanded = _ref.ariaExpanded,
-    ariaLevel = _ref.ariaLevel,
-    ariaLabel = _ref.ariaLabel;
-  var value = item.value,
-    label = item.label,
-    disabled = item.disabled,
-    isDisabled = item.isDisabled,
-    contentLeft = item.contentLeft,
-    contentRight = item.contentRight,
-    className = item.className,
-    rest = _objectWithoutProperties(item, _excluded);
-  var ref = useRef(null);
-  var _useContext = useContext(Context),
-    focusedPath = _useContext.focusedPath,
-    checked = _useContext.checked,
-    multiselect = _useContext.multiselect,
-    size = _useContext.size,
-    handleCheckboxChange = _useContext.handleCheckboxChange,
-    handleItemClick = _useContext.handleItemClick,
-    variant = _useContext.variant,
-    renderItem = _useContext.renderItem,
-    treeId = _useContext.treeId,
-    _checkboxAppearance = _useContext._checkboxAppearance;
-  var itemDisabled = Boolean(disabled || isDisabled);
-  var disabledClassName = itemDisabled ? classes.dropdownItemIsDisabled : undefined;
-  var focusedClass = currentLevel === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentLevel]) ? classes.dropdownItemIsFocused : undefined;
-  var activeClass = value === (path === null || path === void 0 ? void 0 : path[currentLevel + 1]) ? classes.dropdownItemIsActive : undefined;
-  useDidMountEffect(function () {
-    if (focusedClass && ref !== null && ref !== void 0 && ref.current) {
+const Item = ({
+  item,
+  path,
+  currentLevel,
+  index,
+  ariaControls,
+  ariaExpanded,
+  ariaLevel,
+  ariaLabel
+}) => {
+  const {
+    value,
+    label,
+    disabled,
+    isDisabled,
+    contentLeft,
+    contentRight,
+    className,
+    ...rest
+  } = item;
+  const ref = useRef(null);
+  const {
+    focusedPath,
+    checked,
+    multiselect,
+    size,
+    handleCheckboxChange,
+    handleItemClick,
+    variant,
+    renderItem,
+    treeId,
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    _checkboxAppearance
+  } = useContext(Context);
+  const itemDisabled = Boolean(disabled || isDisabled);
+  const disabledClassName = itemDisabled ? classes.dropdownItemIsDisabled : undefined;
+  const focusedClass = currentLevel === focusedPath.length - 1 && index === focusedPath?.[currentLevel] ? classes.dropdownItemIsFocused : undefined;
+  const activeClass = value === path?.[currentLevel + 1] ? classes.dropdownItemIsActive : undefined;
+  useDidMountEffect(() => {
+    if (focusedClass && ref?.current) {
       ref.current.scrollIntoView({
         behavior: 'smooth',
         block: 'center',
@@ -53,12 +57,12 @@ var Item = function Item(_ref) {
       });
     }
   }, [focusedClass]);
-  var handleChange = function handleChange(e) {
+  const handleChange = e => {
     if (itemDisabled) return;
     e.stopPropagation();
     handleCheckboxChange(item);
   };
-  var handleClick = function handleClick(e) {
+  const handleClick = e => {
     if (itemDisabled) {
       e.stopPropagation();
       return;
@@ -80,19 +84,17 @@ var Item = function Item(_ref) {
   }), /*#__PURE__*/React.createElement(IconWrapper, {
     variant: variant
   }, multiselect && /*#__PURE__*/React.createElement(StyledCheckboxWrapper, {
-    onClick: function onClick(e) {
-      return e.stopPropagation();
-    }
+    onClick: e => e.stopPropagation()
   }, /*#__PURE__*/React.createElement(StyledCheckbox, {
     disabled: itemDisabled,
     checked: Boolean(checked.get(item.value)),
     indeterminate: checked.get(item.value) === 'indeterminate',
     onChange: handleChange,
-    appearance: _checkboxAppearance !== null && _checkboxAppearance !== void 0 ? _checkboxAppearance : 'default'
-  })), !multiselect && checked.get(item.value) === 'dot' && (_StyledIndicator || (_StyledIndicator = /*#__PURE__*/React.createElement(StyledIndicator, {
+    appearance: _checkboxAppearance ?? 'default'
+  })), !multiselect && checked.get(item.value) === 'dot' && /*#__PURE__*/React.createElement(StyledIndicator, {
     size: "s",
     view: "default"
-  }))), !multiselect && checked.get(item.value) === 'done' && /*#__PURE__*/React.createElement(StyledIconDone, {
+  }), !multiselect && checked.get(item.value) === 'done' && /*#__PURE__*/React.createElement(StyledIconDone, {
     size: sizeToIconSize(size, variant),
     color: "inherit"
   })), renderItem ? /*#__PURE__*/React.createElement(StyledText, null, renderItem(item)) : /*#__PURE__*/React.createElement(StyledWrapper, {

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

@@ -1 +1 @@
-{"version":3,"file":"Item.js","sources":["../../../../../../../src/components/Select/ui/Inner/ui/Item/Item.tsx"],"sourcesContent":["import React, { useRef, FC, useContext } from 'react';\nimport { cx, isEmpty } from 'src/utils';\nimport { useDidMountEffect } from 'src/hooks';\n\nimport { sizeToIconSize, getItemId } from '../../../../utils';\nimport { classes } from '../../../../Select.tokens';\nimport { Context } from '../../../../Select.context';\n\nimport { ItemProps } from './Item.types';\nimport {\n    StyledWrapper,\n    StyledCell,\n    StyledCheckbox,\n    StyledIndicator,\n    DisclosureIconWrapper,\n    IconWrapper,\n    StyledText,\n    Wrapper,\n    StyledCheckboxWrapper,\n    StyledArrow,\n    StyledIconDone,\n} from './Item.styles';\n\nexport const Item: FC<ItemProps> = ({\n    item,\n    path,\n    currentLevel,\n    index,\n    ariaControls,\n    ariaExpanded,\n    ariaLevel,\n    ariaLabel,\n}) => {\n    const { value, label, disabled, isDisabled, contentLeft, contentRight, className, ...rest } = item;\n\n    const ref = useRef<HTMLLIElement | null>(null);\n\n    const {\n        focusedPath,\n        checked,\n        multiselect,\n        size,\n        handleCheckboxChange,\n        handleItemClick,\n        variant,\n        renderItem,\n        treeId,\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        _checkboxAppearance,\n    } = useContext(Context);\n\n    const itemDisabled = Boolean(disabled || isDisabled);\n\n    const disabledClassName = itemDisabled ? classes.dropdownItemIsDisabled : undefined;\n    const focusedClass =\n        currentLevel === focusedPath.length - 1 && index === focusedPath?.[currentLevel]\n            ? classes.dropdownItemIsFocused\n            : undefined;\n    const activeClass = value === path?.[currentLevel + 1] ? classes.dropdownItemIsActive : undefined;\n\n    useDidMountEffect(() => {\n        if (focusedClass && ref?.current) {\n            ref.current.scrollIntoView({\n                behavior: 'smooth',\n                block: 'center',\n                inline: 'center',\n            });\n        }\n    }, [focusedClass]);\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n        if (itemDisabled) return;\n\n        e.stopPropagation();\n\n        handleCheckboxChange(item);\n    };\n\n    const handleClick = (e: React.MouseEvent<HTMLElement>) => {\n        if (itemDisabled) {\n            e.stopPropagation();\n            return;\n        }\n\n        handleItemClick(item, e);\n    };\n\n    return (\n        <Wrapper\n            {...rest}\n            className={cx(disabledClassName, focusedClass, activeClass, className)}\n            id={getItemId(treeId, value.toString())}\n            ref={ref}\n            onClick={handleClick}\n            variant={variant}\n            role=\"treeitem\"\n            aria-controls={ariaControls}\n            aria-expanded={ariaExpanded}\n            aria-level={ariaLevel}\n            aria-label={ariaLabel}\n            aria-selected={Boolean(checked.get(item.value))}\n        >\n            <IconWrapper variant={variant}>\n                {multiselect && (\n                    <StyledCheckboxWrapper onClick={(e) => e.stopPropagation()}>\n                        <StyledCheckbox\n                            disabled={itemDisabled}\n                            checked={Boolean(checked.get(item.value))}\n                            indeterminate={checked.get(item.value) === 'indeterminate'}\n                            onChange={handleChange}\n                            appearance={_checkboxAppearance ?? 'default'}\n                        />\n                    </StyledCheckboxWrapper>\n                )}\n\n                {!multiselect && checked.get(item.value) === 'dot' && <StyledIndicator size=\"s\" view=\"default\" />}\n\n                {!multiselect && checked.get(item.value) === 'done' && (\n                    <StyledIconDone size={sizeToIconSize(size, variant)} color=\"inherit\" />\n                )}\n            </IconWrapper>\n\n            {renderItem ? (\n                <StyledText>{renderItem(item)}</StyledText>\n            ) : (\n                <StyledWrapper disabled={itemDisabled}>\n                    <StyledCell\n                        contentLeft={contentLeft}\n                        contentRight={contentRight}\n                        // TODO: #1548\n                        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                        // @ts-ignore\n                        title={<span>{label}</span>}\n                    />\n                </StyledWrapper>\n            )}\n\n            {!isEmpty(item.items) && (\n                <DisclosureIconWrapper>\n                    <StyledArrow size={sizeToIconSize(size, variant)} color=\"inherit\" />\n                </DisclosureIconWrapper>\n            )}\n        </Wrapper>\n    );\n};\n"],"names":["Item","_ref","item","path","currentLevel","index","ariaControls","ariaExpanded","ariaLevel","ariaLabel","value","label","disabled","isDisabled","contentLeft","contentRight","className","rest","_objectWithoutProperties","_excluded","ref","useRef","_useContext","useContext","Context","focusedPath","checked","multiselect","size","handleCheckboxChange","handleItemClick","variant","renderItem","treeId","_checkboxAppearance","itemDisabled","Boolean","disabledClassName","classes","dropdownItemIsDisabled","undefined","focusedClass","length","dropdownItemIsFocused","activeClass","dropdownItemIsActive","useDidMountEffect","current","scrollIntoView","behavior","block","inline","handleChange","e","stopPropagation","handleClick","React","createElement","Wrapper","_extends","cx","id","getItemId","toString","onClick","role","get","IconWrapper","StyledCheckboxWrapper","StyledCheckbox","indeterminate","onChange","appearance","_StyledIndicator","StyledIndicator","view","StyledIconDone","sizeToIconSize","color","StyledText","StyledWrapper","StyledCell","title","isEmpty","items","DisclosureIconWrapper","StyledArrow"],"mappings":"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"}
+{"version":3,"file":"Item.js","sources":["../../../../../../../src/components/Select/ui/Inner/ui/Item/Item.tsx"],"sourcesContent":["import React, { useRef, FC, useContext } from 'react';\nimport { cx, isEmpty } from 'src/utils';\nimport { useDidMountEffect } from 'src/hooks';\n\nimport { sizeToIconSize, getItemId } from '../../../../utils';\nimport { classes } from '../../../../Select.tokens';\nimport { Context } from '../../../../Select.context';\n\nimport { ItemProps } from './Item.types';\nimport {\n    StyledWrapper,\n    StyledCell,\n    StyledCheckbox,\n    StyledIndicator,\n    DisclosureIconWrapper,\n    IconWrapper,\n    StyledText,\n    Wrapper,\n    StyledCheckboxWrapper,\n    StyledArrow,\n    StyledIconDone,\n} from './Item.styles';\n\nexport const Item: FC<ItemProps> = ({\n    item,\n    path,\n    currentLevel,\n    index,\n    ariaControls,\n    ariaExpanded,\n    ariaLevel,\n    ariaLabel,\n}) => {\n    const { value, label, disabled, isDisabled, contentLeft, contentRight, className, ...rest } = item;\n\n    const ref = useRef<HTMLLIElement | null>(null);\n\n    const {\n        focusedPath,\n        checked,\n        multiselect,\n        size,\n        handleCheckboxChange,\n        handleItemClick,\n        variant,\n        renderItem,\n        treeId,\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        _checkboxAppearance,\n    } = useContext(Context);\n\n    const itemDisabled = Boolean(disabled || isDisabled);\n\n    const disabledClassName = itemDisabled ? classes.dropdownItemIsDisabled : undefined;\n    const focusedClass =\n        currentLevel === focusedPath.length - 1 && index === focusedPath?.[currentLevel]\n            ? classes.dropdownItemIsFocused\n            : undefined;\n    const activeClass = value === path?.[currentLevel + 1] ? classes.dropdownItemIsActive : undefined;\n\n    useDidMountEffect(() => {\n        if (focusedClass && ref?.current) {\n            ref.current.scrollIntoView({\n                behavior: 'smooth',\n                block: 'center',\n                inline: 'center',\n            });\n        }\n    }, [focusedClass]);\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n        if (itemDisabled) return;\n\n        e.stopPropagation();\n\n        handleCheckboxChange(item);\n    };\n\n    const handleClick = (e: React.MouseEvent<HTMLElement>) => {\n        if (itemDisabled) {\n            e.stopPropagation();\n            return;\n        }\n\n        handleItemClick(item, e);\n    };\n\n    return (\n        <Wrapper\n            {...rest}\n            className={cx(disabledClassName, focusedClass, activeClass, className)}\n            id={getItemId(treeId, value.toString())}\n            ref={ref}\n            onClick={handleClick}\n            variant={variant}\n            role=\"treeitem\"\n            aria-controls={ariaControls}\n            aria-expanded={ariaExpanded}\n            aria-level={ariaLevel}\n            aria-label={ariaLabel}\n            aria-selected={Boolean(checked.get(item.value))}\n        >\n            <IconWrapper variant={variant}>\n                {multiselect && (\n                    <StyledCheckboxWrapper onClick={(e) => e.stopPropagation()}>\n                        <StyledCheckbox\n                            disabled={itemDisabled}\n                            checked={Boolean(checked.get(item.value))}\n                            indeterminate={checked.get(item.value) === 'indeterminate'}\n                            onChange={handleChange}\n                            appearance={_checkboxAppearance ?? 'default'}\n                        />\n                    </StyledCheckboxWrapper>\n                )}\n\n                {!multiselect && checked.get(item.value) === 'dot' && <StyledIndicator size=\"s\" view=\"default\" />}\n\n                {!multiselect && checked.get(item.value) === 'done' && (\n                    <StyledIconDone size={sizeToIconSize(size, variant)} color=\"inherit\" />\n                )}\n            </IconWrapper>\n\n            {renderItem ? (\n                <StyledText>{renderItem(item)}</StyledText>\n            ) : (\n                <StyledWrapper disabled={itemDisabled}>\n                    <StyledCell\n                        contentLeft={contentLeft}\n                        contentRight={contentRight}\n                        // TODO: #1548\n                        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                        // @ts-ignore\n                        title={<span>{label}</span>}\n                    />\n                </StyledWrapper>\n            )}\n\n            {!isEmpty(item.items) && (\n                <DisclosureIconWrapper>\n                    <StyledArrow size={sizeToIconSize(size, variant)} color=\"inherit\" />\n                </DisclosureIconWrapper>\n            )}\n        </Wrapper>\n    );\n};\n"],"names":["Item","item","path","currentLevel","index","ariaControls","ariaExpanded","ariaLevel","ariaLabel","value","label","disabled","isDisabled","contentLeft","contentRight","className","rest","ref","useRef","focusedPath","checked","multiselect","size","handleCheckboxChange","handleItemClick","variant","renderItem","treeId","_checkboxAppearance","useContext","Context","itemDisabled","Boolean","disabledClassName","classes","dropdownItemIsDisabled","undefined","focusedClass","length","dropdownItemIsFocused","activeClass","dropdownItemIsActive","useDidMountEffect","current","scrollIntoView","behavior","block","inline","handleChange","e","stopPropagation","handleClick","React","createElement","Wrapper","_extends","cx","id","getItemId","toString","onClick","role","get","IconWrapper","StyledCheckboxWrapper","StyledCheckbox","indeterminate","onChange","appearance","StyledIndicator","view","StyledIconDone","sizeToIconSize","color","StyledText","StyledWrapper","StyledCell","title","isEmpty","items","DisclosureIconWrapper","StyledArrow"],"mappings":"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"}