@hh.ru/magritte-ui-tree-selector 4.6.29 → 4.6.30

package/Item.js

@@ -10,7 +10,7 @@ import '@hh.ru/magritte-ui-checkbox-radio';
 import './TreeSelectorItemBase.js';
 import '@hh.ru/magritte-ui-cell';
 import '@hh.ru/magritte-ui-typography';
-import './tree-selector-item-DYn99BeW.js';
+import './tree-selector-item-pg3Z3lvM.js';
 
 const ONE_BOX_MARGIN = 36;
 const getMargin = (allBoxesCount, hasShift, hasIndent) => {

package/ItemContent.js

@@ -7,7 +7,7 @@ import { DotFilledSize24, ChevronRightOutlinedSize24 } from '@hh.ru/magritte-ui-
 import { Action } from './Action.js';
 import { TreeSelectorItemBase } from './TreeSelectorItemBase.js';
 import { Text } from '@hh.ru/magritte-ui-typography';
-import { s as styles } from './tree-selector-item-DYn99BeW.js';
+import { s as styles } from './tree-selector-item-pg3Z3lvM.js';
 import '@hh.ru/magritte-ui-checkbox-radio';
 import '@hh.ru/magritte-ui-cell';
 

package/ItemsList.js

@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { useRef, useMemo, useCallback, useEffect } from 'react';
 import { useVirtualizer } from '@tanstack/react-virtual';
 import { Item } from './Item.js';
-import { s as styles } from './tree-selector-item-DYn99BeW.js';
+import { s as styles } from './tree-selector-item-pg3Z3lvM.js';
 import 'classnames';
 import './ItemContent.js';
 import '@hh.ru/magritte-common-keyboard';
@@ -20,6 +20,7 @@ const getNewExpanded = (oldExpanded, newExpanded) => {
     }
     return newExpanded.filter((i) => !oldExpanded.includes(i));
 };
+const DELIMITER = ';';
 const ItemsList = (props) => {
     const { collection, leavesOnly, checkSelectable, selected, expanded, disabled, onExpansion, indeterminate, onChange, isSearch, singleChoice, renderItemForDesktop, renderContentBefore, } = props;
     const prevExpanded = useRef(expanded);
@@ -48,7 +49,8 @@ const ItemsList = (props) => {
         if (withPromoContent && index === 0) {
             return 'promo';
         }
-        return treeItem.parentIds[0] ? `${treeItem.parentIds[0]}${treeItem.id}` : `${treeItem.id}`;
+        // без разделителя конкатенация значений может указывать на другой элемент
+        return treeItem.parentIds[0] ? `${treeItem.parentIds[0]}${DELIMITER}${treeItem.id}` : `${treeItem.id}`;
     };
     const virtualizer = useVirtualizer({
         count: treeItems.length + (withPromoContent ? 1 : 0),

package/ItemsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemsList.js","sources":["../src/ItemsList.tsx"],"sourcesContent":["import { ReactElement, ReactNode, RefCallback, useCallback, useEffect, useMemo, useRef } from 'react';\nimport { useVirtualizer } from '@tanstack/react-virtual';\n\nimport { Item } from '@hh.ru/magritte-ui-tree-selector/Item';\nimport TreeCollection from '@hh.ru/magritte-ui-tree-selector/collection/treeCollection';\nimport { AdditionalDefault, IdCollectionPredicate, TreeModel } from '@hh.ru/magritte-ui-tree-selector/collection/types';\nimport { RenderItem } from '@hh.ru/magritte-ui-tree-selector/types';\n\nimport styles from './tree-selector-item.less';\n\ninterface ItemsListProps<Additional extends AdditionalDefault> {\n    collection: TreeCollection<Additional>;\n    leavesOnly?: boolean;\n    checkSelectable?: IdCollectionPredicate;\n    onExpansion: (id: string) => void;\n    expanded: string[];\n    selected: string[];\n    disabled: string[];\n    onChange: (id: string, isSelected: boolean) => void;\n    indeterminate: string[];\n    singleChoice?: boolean;\n    isSearch: boolean;\n    renderItemForDesktop?: RenderItem<Additional>;\n    renderContentBefore?: (isSearch: boolean) => ReactNode;\n}\n\ninterface TreeModelItem<Additional extends AdditionalDefault> extends TreeModel<Additional> {\n    parentIds: string[];\n}\n\nconst getNewExpanded = (oldExpanded: string[], newExpanded: string[]): string[] => {\n    if (oldExpanded.length >= newExpanded.length) {\n        return [];\n    }\n    return newExpanded.filter((i) => !oldExpanded.includes(i));\n};\n\nexport const ItemsList = <Additional extends AdditionalDefault>(props: ItemsListProps<Additional>): ReactElement => {\n    const {\n        collection,\n        leavesOnly,\n        checkSelectable,\n        selected,\n        expanded,\n        disabled,\n        onExpansion,\n        indeterminate,\n        onChange,\n        isSearch,\n        singleChoice,\n        renderItemForDesktop,\n        renderContentBefore,\n    } = props;\n    const prevExpanded = useRef<string[]>(expanded);\n    const expandedIds = useRef<string[]>(expanded);\n\n    const treeItems = useMemo(() => {\n        const newItems: TreeModelItem<Additional>[] = [];\n        expandedIds.current = getNewExpanded(prevExpanded.current, expanded);\n        collection.walk((item, currentParents) => {\n            const parentId = currentParents.length ? currentParents[0].id : undefined;\n            const isExpandedChild = currentParents.every((parent) => expanded.includes(parent.id));\n            if (!parentId || isExpandedChild) {\n                newItems.push({\n                    ...item,\n                    parentIds: currentParents.map((parent) => parent.id),\n                });\n            }\n        });\n        return newItems;\n    }, [collection, expanded]);\n    const marginCache = useRef<Record<string, number>>({});\n    const parentRef = useRef<HTMLElement | null>(null);\n    const withPromoContent = !!renderContentBefore;\n\n    const getKey = (index: number) => {\n        const treeIndex = withPromoContent ? index - 1 : index;\n        const treeItem = treeItems[treeIndex];\n        if (withPromoContent && index === 0) {\n            return 'promo';\n        }\n        return treeItem.parentIds[0] ? `${treeItem.parentIds[0]}${treeItem.id}` : `${treeItem.id}`;\n    };\n    const virtualizer = useVirtualizer({\n        count: treeItems.length + (withPromoContent ? 1 : 0),\n        getScrollElement: () => parentRef.current,\n        estimateSize: () => 48,\n        getItemKey: getKey,\n    });\n\n    const refCallback: RefCallback<HTMLDivElement> = useCallback((node) => {\n        parentRef.current = node ? node.parentElement : null;\n    }, []);\n\n    const items = virtualizer.getVirtualItems();\n\n    useEffect(() => {\n        virtualizer.scrollToOffset(0);\n    }, [collection, virtualizer]);\n\n    useEffect(() => {\n        prevExpanded.current = expanded;\n    }, [expanded]);\n\n    const onAnimationEnd = () => {\n        expandedIds.current = [];\n    };\n\n    return (\n        <div\n            ref={refCallback}\n            className={styles.virtualizedList}\n            style={{\n                height: `${virtualizer.getTotalSize()}px`,\n            }}\n        >\n            <div\n                className={styles.virtualizedItem}\n                style={{\n                    transform: `translateY(${items[0]?.start}px)`,\n                }}\n            >\n                {items.map((virtualItem) => {\n                    if (withPromoContent && virtualItem.index === 0) {\n                        return (\n                            <div key={virtualItem.key} ref={virtualizer.measureElement} data-index={virtualItem.index}>\n                                {renderContentBefore(isSearch)}\n                            </div>\n                        );\n                    }\n\n                    const treeIndex = withPromoContent ? virtualItem.index - 1 : virtualItem.index;\n                    const treeItem = treeItems[treeIndex];\n                    const { parentIds, ...item } = treeItem;\n                    const parentId = parentIds[0];\n                    const wasExpanded = expandedIds.current.some((expandedId) => parentIds.includes(expandedId));\n\n                    return (\n                        <div\n                            key={virtualItem.key}\n                            ref={virtualizer.measureElement}\n                            data-index={virtualItem.index}\n                            onAnimationEnd={onAnimationEnd}\n                            className={wasExpanded ? styles.wasExpanded : undefined}\n                        >\n                            <Item\n                                collection={collection}\n                                checkSelectable={checkSelectable}\n                                isSelected={selected.includes(item.id)}\n                                isExpanded={expanded.includes(item.id)}\n                                isIndeterminate={indeterminate.includes(item.id)}\n                                isDisabled={disabled.includes(item.id)}\n                                parentId={parentId}\n                                item={item}\n                                leavesOnly={leavesOnly}\n                                singleChoice={singleChoice}\n                                onExpansion={onExpansion}\n                                onChange={onChange}\n                                isSearch={isSearch}\n                                renderItemForDesktop={renderItemForDesktop}\n                                cache={marginCache.current}\n                            />\n                        </div>\n                    );\n                })}\n            </div>\n        </div>\n    );\n};\n"],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"ItemsList.js","sources":["../src/ItemsList.tsx"],"sourcesContent":["import { ReactElement, ReactNode, RefCallback, useCallback, useEffect, useMemo, useRef } from 'react';\nimport { useVirtualizer } from '@tanstack/react-virtual';\n\nimport { Item } from '@hh.ru/magritte-ui-tree-selector/Item';\nimport TreeCollection from '@hh.ru/magritte-ui-tree-selector/collection/treeCollection';\nimport { AdditionalDefault, IdCollectionPredicate, TreeModel } from '@hh.ru/magritte-ui-tree-selector/collection/types';\nimport { RenderItem } from '@hh.ru/magritte-ui-tree-selector/types';\n\nimport styles from './tree-selector-item.less';\n\ninterface ItemsListProps<Additional extends AdditionalDefault> {\n    collection: TreeCollection<Additional>;\n    leavesOnly?: boolean;\n    checkSelectable?: IdCollectionPredicate;\n    onExpansion: (id: string) => void;\n    expanded: string[];\n    selected: string[];\n    disabled: string[];\n    onChange: (id: string, isSelected: boolean) => void;\n    indeterminate: string[];\n    singleChoice?: boolean;\n    isSearch: boolean;\n    renderItemForDesktop?: RenderItem<Additional>;\n    renderContentBefore?: (isSearch: boolean) => ReactNode;\n}\n\ninterface TreeModelItem<Additional extends AdditionalDefault> extends TreeModel<Additional> {\n    parentIds: string[];\n}\n\nconst getNewExpanded = (oldExpanded: string[], newExpanded: string[]): string[] => {\n    if (oldExpanded.length >= newExpanded.length) {\n        return [];\n    }\n    return newExpanded.filter((i) => !oldExpanded.includes(i));\n};\n\nconst DELIMITER = ';';\n\nexport const ItemsList = <Additional extends AdditionalDefault>(props: ItemsListProps<Additional>): ReactElement => {\n    const {\n        collection,\n        leavesOnly,\n        checkSelectable,\n        selected,\n        expanded,\n        disabled,\n        onExpansion,\n        indeterminate,\n        onChange,\n        isSearch,\n        singleChoice,\n        renderItemForDesktop,\n        renderContentBefore,\n    } = props;\n    const prevExpanded = useRef<string[]>(expanded);\n    const expandedIds = useRef<string[]>(expanded);\n\n    const treeItems = useMemo(() => {\n        const newItems: TreeModelItem<Additional>[] = [];\n        expandedIds.current = getNewExpanded(prevExpanded.current, expanded);\n        collection.walk((item, currentParents) => {\n            const parentId = currentParents.length ? currentParents[0].id : undefined;\n            const isExpandedChild = currentParents.every((parent) => expanded.includes(parent.id));\n            if (!parentId || isExpandedChild) {\n                newItems.push({\n                    ...item,\n                    parentIds: currentParents.map((parent) => parent.id),\n                });\n            }\n        });\n        return newItems;\n    }, [collection, expanded]);\n    const marginCache = useRef<Record<string, number>>({});\n    const parentRef = useRef<HTMLElement | null>(null);\n    const withPromoContent = !!renderContentBefore;\n\n    const getKey = (index: number) => {\n        const treeIndex = withPromoContent ? index - 1 : index;\n        const treeItem = treeItems[treeIndex];\n        if (withPromoContent && index === 0) {\n            return 'promo';\n        }\n        // без разделителя конкатенация значений может указывать на другой элемент\n        return treeItem.parentIds[0] ? `${treeItem.parentIds[0]}${DELIMITER}${treeItem.id}` : `${treeItem.id}`;\n    };\n    const virtualizer = useVirtualizer({\n        count: treeItems.length + (withPromoContent ? 1 : 0),\n        getScrollElement: () => parentRef.current,\n        estimateSize: () => 48,\n        getItemKey: getKey,\n    });\n\n    const refCallback: RefCallback<HTMLDivElement> = useCallback((node) => {\n        parentRef.current = node ? node.parentElement : null;\n    }, []);\n\n    const items = virtualizer.getVirtualItems();\n\n    useEffect(() => {\n        virtualizer.scrollToOffset(0);\n    }, [collection, virtualizer]);\n\n    useEffect(() => {\n        prevExpanded.current = expanded;\n    }, [expanded]);\n\n    const onAnimationEnd = () => {\n        expandedIds.current = [];\n    };\n\n    return (\n        <div\n            ref={refCallback}\n            className={styles.virtualizedList}\n            style={{\n                height: `${virtualizer.getTotalSize()}px`,\n            }}\n        >\n            <div\n                className={styles.virtualizedItem}\n                style={{\n                    transform: `translateY(${items[0]?.start}px)`,\n                }}\n            >\n                {items.map((virtualItem) => {\n                    if (withPromoContent && virtualItem.index === 0) {\n                        return (\n                            <div key={virtualItem.key} ref={virtualizer.measureElement} data-index={virtualItem.index}>\n                                {renderContentBefore(isSearch)}\n                            </div>\n                        );\n                    }\n\n                    const treeIndex = withPromoContent ? virtualItem.index - 1 : virtualItem.index;\n                    const treeItem = treeItems[treeIndex];\n                    const { parentIds, ...item } = treeItem;\n                    const parentId = parentIds[0];\n                    const wasExpanded = expandedIds.current.some((expandedId) => parentIds.includes(expandedId));\n\n                    return (\n                        <div\n                            key={virtualItem.key}\n                            ref={virtualizer.measureElement}\n                            data-index={virtualItem.index}\n                            onAnimationEnd={onAnimationEnd}\n                            className={wasExpanded ? styles.wasExpanded : undefined}\n                        >\n                            <Item\n                                collection={collection}\n                                checkSelectable={checkSelectable}\n                                isSelected={selected.includes(item.id)}\n                                isExpanded={expanded.includes(item.id)}\n                                isIndeterminate={indeterminate.includes(item.id)}\n                                isDisabled={disabled.includes(item.id)}\n                                parentId={parentId}\n                                item={item}\n                                leavesOnly={leavesOnly}\n                                singleChoice={singleChoice}\n                                onExpansion={onExpansion}\n                                onChange={onChange}\n                                isSearch={isSearch}\n                                renderItemForDesktop={renderItemForDesktop}\n                                cache={marginCache.current}\n                            />\n                        </div>\n                    );\n                })}\n            </div>\n        </div>\n    );\n};\n"],"names":["_jsx"],"mappings":"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"}

package/MobileItemsList.js

@@ -10,7 +10,7 @@ import { Action } from './Action.js';
 import { MobileDelimiter } from './MobileDelimiter.js';
 import { MobileItem } from './MobileItem.js';
 import { MobileParentItem } from './MobileParentItem.js';
-import { s as styles } from './tree-selector-item-DYn99BeW.js';
+import { s as styles } from './tree-selector-item-pg3Z3lvM.js';
 import '@hh.ru/magritte-ui-checkbox-radio';
 import '@hh.ru/magritte-ui-card';
 import '@hh.ru/magritte-ui-typography';

package/TreeSelector.js

@@ -19,7 +19,7 @@ import '@hh.ru/magritte-ui-checkbox-radio';
 import './TreeSelectorItemBase.js';
 import '@hh.ru/magritte-ui-cell';
 import '@hh.ru/magritte-ui-typography';
-import './tree-selector-item-DYn99BeW.js';
+import './tree-selector-item-pg3Z3lvM.js';
 import './MobileItemsList.js';
 import '@hh.ru/magritte-common-func-utils';
 import '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';

package/TreeSelectorDummy.js

@@ -21,7 +21,7 @@ import '@hh.ru/magritte-ui-checkbox-radio';
 import './TreeSelectorItemBase.js';
 import '@hh.ru/magritte-ui-cell';
 import '@hh.ru/magritte-ui-typography';
-import './tree-selector-item-DYn99BeW.js';
+import './tree-selector-item-pg3Z3lvM.js';
 import '@hh.ru/magritte-common-func-utils';
 import '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';
 import './MobileDelimiter.js';

package/index.css

@@ -4,7 +4,7 @@
   --magritte-semantic-animation-ease-in-out-200-timing-function-v21-3-2:cubic-bezier(0.25, 0.1, 0.25, 1);
   --magritte-semantic-animation-ease-in-out-200-duration-v21-3-2:200ms;
 }
-@keyframes magritte-fade-in___yS4Ja_4-6-29{
+@keyframes magritte-fade-in___yS4Ja_4-6-30{
   0%{
     opacity:0;
   }
@@ -12,24 +12,24 @@
     opacity:1;
   }
 }
-.magritte-item-animation-timeout___pbOyZ_4-6-29{
-  animation-name:magritte-fade-in___yS4Ja_4-6-29;
+.magritte-item-animation-timeout___pbOyZ_4-6-30{
+  animation-name:magritte-fade-in___yS4Ja_4-6-30;
   animation-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v21-3-2);
   --animation-duration:0ms;
   animation-duration:var(--animation-duration);
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-item-animation-timeout___pbOyZ_4-6-29{
+  .magritte-item-animation-timeout___pbOyZ_4-6-30{
     --animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v21-3-2);
   }
 }
-.magritte-wrapper___GHKV6_4-6-29{
+.magritte-wrapper___GHKV6_4-6-30{
   display:flex;
   padding:12px 0;
   gap:12px;
   align-items:flex-start;
 }
-.magritte-letter___yZOCU_4-6-29{
+.magritte-letter___yZOCU_4-6-30{
   width:24px;
   height:24px;
   display:flex;
@@ -37,59 +37,59 @@
   justify-content:center;
   flex-shrink:0;
 }
-.magritte-icon___kO3Fj_4-6-29,
-.magritte-space___xTO79_4-6-29{
+.magritte-icon___kO3Fj_4-6-30,
+.magritte-space___xTO79_4-6-30{
   flex-shrink:0;
   line-height:0;
   width:24px;
 }
-.magritte-icon___kO3Fj_4-6-29{
+.magritte-icon___kO3Fj_4-6-30{
   transform:rotate(0);
 }
-.magritte-wrapperActive___Hwk8p_4-6-29,
-.magritte-iconActive___4yrG5_4-6-29{
+.magritte-wrapperActive___Hwk8p_4-6-30,
+.magritte-iconActive___4yrG5_4-6-30{
   cursor:pointer;
 }
-.magritte-iconUp___mpXV6_4-6-29{
+.magritte-iconUp___mpXV6_4-6-30{
   transform:rotate(90deg);
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-icon___kO3Fj_4-6-29{
+  .magritte-icon___kO3Fj_4-6-30{
     transition-property:transform;
     transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v21-3-2);
     transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v21-3-2);
   }
 }
-.magritte-content___ZRc6R_4-6-29{
+.magritte-content___ZRc6R_4-6-30{
   flex-grow:1;
 }
-.magritte-mobile-item___ynALC_4-6-29{
+.magritte-mobile-item___ynALC_4-6-30{
   display:flex;
   gap:12px;
   flex-wrap:wrap;
 }
-.magritte-with-gap___gbvGO_4-6-29{
+.magritte-with-gap___gbvGO_4-6-30{
   padding-top:12px;
 }
-.magritte-virtualized-list___qt2E6_4-6-29{
+.magritte-virtualized-list___qt2E6_4-6-30{
   width:100%;
   position:relative;
   will-change:transform;
 }
-.magritte-virtualized-item___qAYVN_4-6-29{
+.magritte-virtualized-item___qAYVN_4-6-30{
   position:absolute;
   top:0;
   left:0;
   width:100%;
 }
-.magritte-was-expanded___uCFbW_4-6-29{
-  animation-name:magritte-fade-in___yS4Ja_4-6-29;
+.magritte-was-expanded___uCFbW_4-6-30{
+  animation-name:magritte-fade-in___yS4Ja_4-6-30;
   animation-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v21-3-2);
   --animation-duration:0ms;
   animation-duration:var(--animation-duration);
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-was-expanded___uCFbW_4-6-29{
+  .magritte-was-expanded___uCFbW_4-6-30{
     --animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v21-3-2);
   }
 }
@@ -98,7 +98,7 @@
   --magritte-semantic-animation-ease-in-out-200-timing-function-v21-3-2:cubic-bezier(0.25, 0.1, 0.25, 1);
   --magritte-semantic-animation-ease-in-out-200-duration-v21-3-2:200ms;
 }
-@keyframes magritte-fade-in___FDoho_4-6-29{
+@keyframes magritte-fade-in___FDoho_4-6-30{
   0%{
     opacity:0;
   }
@@ -106,14 +106,14 @@
     opacity:1;
   }
 }
-.magritte-item-animation-timeout___Pdli9_4-6-29{
-  animation-name:magritte-fade-in___FDoho_4-6-29;
+.magritte-item-animation-timeout___Pdli9_4-6-30{
+  animation-name:magritte-fade-in___FDoho_4-6-30;
   animation-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v21-3-2);
   --animation-duration:0ms;
   animation-duration:var(--animation-duration);
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-item-animation-timeout___Pdli9_4-6-29{
+  .magritte-item-animation-timeout___Pdli9_4-6-30{
     --animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v21-3-2);
   }
 }

package/index.js

@@ -27,7 +27,7 @@ import '@hh.ru/magritte-ui-icon/icon';
 import './Action.js';
 import '@hh.ru/magritte-ui-checkbox-radio';
 import '@hh.ru/magritte-ui-typography';
-import './tree-selector-item-DYn99BeW.js';
+import './tree-selector-item-pg3Z3lvM.js';
 import './MobileItemsList.js';
 import '@hh.ru/magritte-common-func-utils';
 import '@hh.ru/magritte-ui-cell';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-tree-selector",
-  "version": "4.6.29",
+  "version": "4.6.30",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -50,5 +50,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d12e0d9910ca5fb5323a5312386cb48255aa5ca6"
+  "gitHead": "5828427f01d872a0ab395cdec1a39baffb9f9906"
 }

package/tree-selector-item-pg3Z3lvM.js

@@ -0,0 +1,5 @@
+import './index.css';
+var styles = {"item-animation-timeout":"magritte-item-animation-timeout___pbOyZ_4-6-30","itemAnimationTimeout":"magritte-item-animation-timeout___pbOyZ_4-6-30","fade-in":"magritte-fade-in___yS4Ja_4-6-30","fadeIn":"magritte-fade-in___yS4Ja_4-6-30","wrapper":"magritte-wrapper___GHKV6_4-6-30","letter":"magritte-letter___yZOCU_4-6-30","icon":"magritte-icon___kO3Fj_4-6-30","space":"magritte-space___xTO79_4-6-30","wrapperActive":"magritte-wrapperActive___Hwk8p_4-6-30","iconActive":"magritte-iconActive___4yrG5_4-6-30","iconUp":"magritte-iconUp___mpXV6_4-6-30","content":"magritte-content___ZRc6R_4-6-30","mobile-item":"magritte-mobile-item___ynALC_4-6-30","mobileItem":"magritte-mobile-item___ynALC_4-6-30","with-gap":"magritte-with-gap___gbvGO_4-6-30","withGap":"magritte-with-gap___gbvGO_4-6-30","virtualized-list":"magritte-virtualized-list___qt2E6_4-6-30","virtualizedList":"magritte-virtualized-list___qt2E6_4-6-30","virtualized-item":"magritte-virtualized-item___qAYVN_4-6-30","virtualizedItem":"magritte-virtualized-item___qAYVN_4-6-30","was-expanded":"magritte-was-expanded___uCFbW_4-6-30","wasExpanded":"magritte-was-expanded___uCFbW_4-6-30"};
+
+export { styles as s };
+//# sourceMappingURL=tree-selector-item-pg3Z3lvM.js.map

package/tree-selector-item-pg3Z3lvM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-selector-item-pg3Z3lvM.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/useAnimationTimeout.js

@@ -1,7 +1,7 @@
 import './index.css';
 import { useState, useLayoutEffect } from 'react';
 
-var styles = {"item-animation-timeout":"magritte-item-animation-timeout___Pdli9_4-6-29","itemAnimationTimeout":"magritte-item-animation-timeout___Pdli9_4-6-29","fade-in":"magritte-fade-in___FDoho_4-6-29","fadeIn":"magritte-fade-in___FDoho_4-6-29"};
+var styles = {"item-animation-timeout":"magritte-item-animation-timeout___Pdli9_4-6-30","itemAnimationTimeout":"magritte-item-animation-timeout___Pdli9_4-6-30","fade-in":"magritte-fade-in___FDoho_4-6-30","fadeIn":"magritte-fade-in___FDoho_4-6-30"};
 
 const useAnimationTimeout = () => {
     const [animationTimeout, setAnimationTimeout] = useState(0);

package/tree-selector-item-DYn99BeW.js

@@ -1,5 +0,0 @@
-import './index.css';
-var styles = {"item-animation-timeout":"magritte-item-animation-timeout___pbOyZ_4-6-29","itemAnimationTimeout":"magritte-item-animation-timeout___pbOyZ_4-6-29","fade-in":"magritte-fade-in___yS4Ja_4-6-29","fadeIn":"magritte-fade-in___yS4Ja_4-6-29","wrapper":"magritte-wrapper___GHKV6_4-6-29","letter":"magritte-letter___yZOCU_4-6-29","icon":"magritte-icon___kO3Fj_4-6-29","space":"magritte-space___xTO79_4-6-29","wrapperActive":"magritte-wrapperActive___Hwk8p_4-6-29","iconActive":"magritte-iconActive___4yrG5_4-6-29","iconUp":"magritte-iconUp___mpXV6_4-6-29","content":"magritte-content___ZRc6R_4-6-29","mobile-item":"magritte-mobile-item___ynALC_4-6-29","mobileItem":"magritte-mobile-item___ynALC_4-6-29","with-gap":"magritte-with-gap___gbvGO_4-6-29","withGap":"magritte-with-gap___gbvGO_4-6-29","virtualized-list":"magritte-virtualized-list___qt2E6_4-6-29","virtualizedList":"magritte-virtualized-list___qt2E6_4-6-29","virtualized-item":"magritte-virtualized-item___qAYVN_4-6-29","virtualizedItem":"magritte-virtualized-item___qAYVN_4-6-29","was-expanded":"magritte-was-expanded___uCFbW_4-6-29","wasExpanded":"magritte-was-expanded___uCFbW_4-6-29"};
-
-export { styles as s };
-//# sourceMappingURL=tree-selector-item-DYn99BeW.js.map

package/tree-selector-item-DYn99BeW.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tree-selector-item-DYn99BeW.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}