@hh.ru/magritte-ui-tree-selector 4.3.9 → 4.3.11

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-Dm-nL2-C.js';
+import './tree-selector-item-QSj9hgV0.js';
 
 const ONE_BOX_MARGIN = 36;
 const getMargin = (allBoxesCount, hasShift, hasIndent) => {
@@ -60,6 +60,7 @@ const ItemComponent = ({ collection, item, parentId, isExpanded, isSelected, isI
     const hasIndent = allBoxesCount === 0;
     useMemo(() => {
         cache[item.id] = getMargin(allBoxesCount, !!hasShift, hasIndent) + (parentId ? cache[parentId] : 0);
+        // eslint-disable-next-line disable-autofix/react-hooks/exhaustive-deps
     }, [item.id, parentId]);
     let margin = parentId ? cache[parentId] : 0;
     margin = margin + (hasShift ? -ONE_BOX_MARGIN : 0) + (hasIndent ? ONE_BOX_MARGIN : 0);

package/Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.js","sources":["../src/Item.tsx"],"sourcesContent":["import { PropsWithChildren, ReactElement, useMemo, memo } from 'react';\nimport classnames from 'classnames';\n\nimport { ItemContent } from '@hh.ru/magritte-ui-tree-selector/ItemContent';\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\nconst ONE_BOX_MARGIN = 36;\n\nconst getMargin = (allBoxesCount: number, hasShift: boolean, hasIndent: boolean): number => {\n    let margin = 0;\n    if (allBoxesCount === 2) {\n        margin = ONE_BOX_MARGIN * 2;\n    } else if (allBoxesCount === 3) {\n        margin = ONE_BOX_MARGIN * 3;\n    } else {\n        margin = ONE_BOX_MARGIN;\n    }\n    if (hasIndent) {\n        return margin + ONE_BOX_MARGIN;\n    }\n\n    if (hasShift) {\n        return margin - ONE_BOX_MARGIN;\n    }\n\n    return margin;\n};\n\ninterface ItemProps<Additional extends AdditionalDefault> extends PropsWithChildren {\n    collection: TreeCollection<Additional>;\n    parentId?: TreeModel<Additional>['id'];\n    item: TreeModel<Additional>;\n    leavesOnly?: boolean;\n    checkSelectable?: IdCollectionPredicate;\n    isExpanded: boolean;\n    isSelected: boolean;\n    isDisabled: boolean;\n    singleChoice?: boolean;\n    isIndeterminate: boolean;\n    isSearch: boolean;\n    onExpansion: (id: string) => void;\n    onChange: (id: string, isSelected: boolean) => void;\n    renderItemForDesktop?: RenderItem<Additional>;\n    cache: Record<string, number>;\n}\n\nconst ItemComponent = <Additional extends AdditionalDefault>({\n    collection,\n    item,\n    parentId,\n    isExpanded,\n    isSelected,\n    isIndeterminate,\n    isDisabled,\n    leavesOnly,\n    singleChoice,\n    isSearch,\n    checkSelectable,\n    onExpansion,\n    onChange,\n    renderItemForDesktop,\n    cache,\n    children,\n}: ItemProps<Additional>): ReactElement => {\n    const modelsOnLevel = useMemo(\n        () => (parentId ? collection.getChildren(parentId) : collection.getTopLevel()),\n        [parentId, collection]\n    );\n\n    const hasLetterOnLevel = useMemo(() => {\n        return !isSearch && modelsOnLevel.some((model) => model.additional?.char);\n    }, [modelsOnLevel, isSearch]);\n\n    // максимальное кол-во контролов на уровне, максимум может быть 2 - шеврон + чекбокс/радио\n    const maxControlsOnLevel = useMemo(() => {\n        return modelsOnLevel.reduce((currentMax, model) => {\n            const hasChildren = collection.hasChildren(model.id);\n            const hasAction = !(leavesOnly && hasChildren) && checkSelectable?.(model.id, collection);\n            const actionCount = +hasChildren + +!!hasAction;\n            return Math.max(currentMax, actionCount);\n        }, 0);\n    }, [modelsOnLevel, checkSelectable, leavesOnly, collection]);\n\n    const hasChildren = collection.hasChildren(item.id);\n    const hasAction = !(leavesOnly && hasChildren) && checkSelectable?.(item.id, collection);\n    const hasLetter = item.additional?.char && !isSearch;\n    const realControlsCount = +hasChildren + +!!hasAction;\n\n    // точка заменяет недостающий контрол, если их суммарное кол-во на уровне больше суммарного значения на текущем уровне\n    const hasDot = realControlsCount < maxControlsOnLevel && (hasAction || hasChildren);\n    const hasParentAction = parentId ? !leavesOnly && checkSelectable?.(parentId, collection) : false;\n\n    const allBoxesCount = +hasLetterOnLevel + maxControlsOnLevel;\n\n    const hasShift =\n        allBoxesCount > 1 &&\n        parentId &&\n        ((hasParentAction && (hasLetterOnLevel || hasChildren || hasDot)) || (!hasParentAction && hasLetterOnLevel));\n\n    const hasIndent = allBoxesCount === 0;\n\n    useMemo(() => {\n        cache[item.id] = getMargin(allBoxesCount, !!hasShift, hasIndent) + (parentId ? cache[parentId] : 0);\n    }, [item.id, parentId]);\n\n    let margin = parentId ? cache[parentId] : 0;\n\n    margin = margin + (hasShift ? -ONE_BOX_MARGIN : 0) + (hasIndent ? ONE_BOX_MARGIN : 0);\n\n    return (\n        <div\n            style={{ paddingLeft: margin }}\n            data-qa={classnames('tree-selector-item', `tree-selector-item-${item.id}`, {\n                'tree-selector-item-expanded': isExpanded,\n                [`tree-selector-child-${parentId}`]: parentId,\n            })}\n        >\n            <ItemContent\n                item={item}\n                parentId={parentId}\n                hasChildren={hasChildren}\n                hasAction={!!hasAction}\n                letter={hasLetter ? item.additional?.char : undefined}\n                isExpanded={isExpanded}\n                onExpansion={onExpansion}\n                isSelected={isSelected}\n                onChange={onChange}\n                singleChoice={singleChoice}\n                isIndeterminate={isIndeterminate}\n                isDisabled={isDisabled}\n                hasLetterOnLevel={hasLetterOnLevel}\n                hasDot={hasDot}\n                maxControlsOnLevel={maxControlsOnLevel}\n                isSearch={isSearch}\n                renderItemForDesktop={renderItemForDesktop}\n            />\n\n            {children}\n        </div>\n    );\n};\n\nexport const Item = memo(ItemComponent) as <Additional extends AdditionalDefault>(\n    props: ItemProps<Additional>\n) => ReactElement;\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"Item.js","sources":["../src/Item.tsx"],"sourcesContent":["import { PropsWithChildren, ReactElement, useMemo, memo } from 'react';\nimport classnames from 'classnames';\n\nimport { ItemContent } from '@hh.ru/magritte-ui-tree-selector/ItemContent';\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\nconst ONE_BOX_MARGIN = 36;\n\nconst getMargin = (allBoxesCount: number, hasShift: boolean, hasIndent: boolean): number => {\n    let margin = 0;\n    if (allBoxesCount === 2) {\n        margin = ONE_BOX_MARGIN * 2;\n    } else if (allBoxesCount === 3) {\n        margin = ONE_BOX_MARGIN * 3;\n    } else {\n        margin = ONE_BOX_MARGIN;\n    }\n    if (hasIndent) {\n        return margin + ONE_BOX_MARGIN;\n    }\n\n    if (hasShift) {\n        return margin - ONE_BOX_MARGIN;\n    }\n\n    return margin;\n};\n\ninterface ItemProps<Additional extends AdditionalDefault> extends PropsWithChildren {\n    collection: TreeCollection<Additional>;\n    parentId?: TreeModel<Additional>['id'];\n    item: TreeModel<Additional>;\n    leavesOnly?: boolean;\n    checkSelectable?: IdCollectionPredicate;\n    isExpanded: boolean;\n    isSelected: boolean;\n    isDisabled: boolean;\n    singleChoice?: boolean;\n    isIndeterminate: boolean;\n    isSearch: boolean;\n    onExpansion: (id: string) => void;\n    onChange: (id: string, isSelected: boolean) => void;\n    renderItemForDesktop?: RenderItem<Additional>;\n    cache: Record<string, number>;\n}\n\nconst ItemComponent = <Additional extends AdditionalDefault>({\n    collection,\n    item,\n    parentId,\n    isExpanded,\n    isSelected,\n    isIndeterminate,\n    isDisabled,\n    leavesOnly,\n    singleChoice,\n    isSearch,\n    checkSelectable,\n    onExpansion,\n    onChange,\n    renderItemForDesktop,\n    cache,\n    children,\n}: ItemProps<Additional>): ReactElement => {\n    const modelsOnLevel = useMemo(\n        () => (parentId ? collection.getChildren(parentId) : collection.getTopLevel()),\n        [parentId, collection]\n    );\n\n    const hasLetterOnLevel = useMemo(() => {\n        return !isSearch && modelsOnLevel.some((model) => model.additional?.char);\n    }, [modelsOnLevel, isSearch]);\n\n    // максимальное кол-во контролов на уровне, максимум может быть 2 - шеврон + чекбокс/радио\n    const maxControlsOnLevel = useMemo(() => {\n        return modelsOnLevel.reduce((currentMax, model) => {\n            const hasChildren = collection.hasChildren(model.id);\n            const hasAction = !(leavesOnly && hasChildren) && checkSelectable?.(model.id, collection);\n            const actionCount = +hasChildren + +!!hasAction;\n            return Math.max(currentMax, actionCount);\n        }, 0);\n    }, [modelsOnLevel, checkSelectable, leavesOnly, collection]);\n\n    const hasChildren = collection.hasChildren(item.id);\n    const hasAction = !(leavesOnly && hasChildren) && checkSelectable?.(item.id, collection);\n    const hasLetter = item.additional?.char && !isSearch;\n    const realControlsCount = +hasChildren + +!!hasAction;\n\n    // точка заменяет недостающий контрол, если их суммарное кол-во на уровне больше суммарного значения на текущем уровне\n    const hasDot = realControlsCount < maxControlsOnLevel && (hasAction || hasChildren);\n    const hasParentAction = parentId ? !leavesOnly && checkSelectable?.(parentId, collection) : false;\n\n    const allBoxesCount = +hasLetterOnLevel + maxControlsOnLevel;\n\n    const hasShift =\n        allBoxesCount > 1 &&\n        parentId &&\n        ((hasParentAction && (hasLetterOnLevel || hasChildren || hasDot)) || (!hasParentAction && hasLetterOnLevel));\n\n    const hasIndent = allBoxesCount === 0;\n\n    useMemo(() => {\n        cache[item.id] = getMargin(allBoxesCount, !!hasShift, hasIndent) + (parentId ? cache[parentId] : 0);\n        // eslint-disable-next-line disable-autofix/react-hooks/exhaustive-deps\n    }, [item.id, parentId]);\n\n    let margin = parentId ? cache[parentId] : 0;\n\n    margin = margin + (hasShift ? -ONE_BOX_MARGIN : 0) + (hasIndent ? ONE_BOX_MARGIN : 0);\n\n    return (\n        <div\n            style={{ paddingLeft: margin }}\n            data-qa={classnames('tree-selector-item', `tree-selector-item-${item.id}`, {\n                'tree-selector-item-expanded': isExpanded,\n                [`tree-selector-child-${parentId}`]: parentId,\n            })}\n        >\n            <ItemContent\n                item={item}\n                parentId={parentId}\n                hasChildren={hasChildren}\n                hasAction={!!hasAction}\n                letter={hasLetter ? item.additional?.char : undefined}\n                isExpanded={isExpanded}\n                onExpansion={onExpansion}\n                isSelected={isSelected}\n                onChange={onChange}\n                singleChoice={singleChoice}\n                isIndeterminate={isIndeterminate}\n                isDisabled={isDisabled}\n                hasLetterOnLevel={hasLetterOnLevel}\n                hasDot={hasDot}\n                maxControlsOnLevel={maxControlsOnLevel}\n                isSearch={isSearch}\n                renderItemForDesktop={renderItemForDesktop}\n            />\n\n            {children}\n        </div>\n    );\n};\n\nexport const Item = memo(ItemComponent) as <Additional extends AdditionalDefault>(\n    props: ItemProps<Additional>\n) => ReactElement;\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

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-Dm-nL2-C.js';
+import { s as styles } from './tree-selector-item-QSj9hgV0.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-Dm-nL2-C.js';
+import { s as styles } from './tree-selector-item-QSj9hgV0.js';
 import 'classnames';
 import './ItemContent.js';
 import '@hh.ru/magritte-common-keyboard';

package/MobileItemsList.js

@@ -9,7 +9,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-Dm-nL2-C.js';
+import { s as styles } from './tree-selector-item-QSj9hgV0.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-Dm-nL2-C.js';
+import './tree-selector-item-QSj9hgV0.js';
 import './MobileItemsList.js';
 import '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';
 import './MobileDelimiter.js';

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-Dm-nL2-C.js';
+import './tree-selector-item-QSj9hgV0.js';
 import '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';
 import './MobileDelimiter.js';
 import '@hh.ru/magritte-ui-card';

package/index.css

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

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-Dm-nL2-C.js';
+import './tree-selector-item-QSj9hgV0.js';
 import './MobileItemsList.js';
 import '@hh.ru/magritte-ui-cell';
 import '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-tree-selector",
-  "version": "4.3.9",
+  "version": "4.3.11",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -28,14 +28,14 @@
     "@hh.ru/magritte-design-tokens": "19.0.0",
     "@hh.ru/magritte-internal-custom-scroll": "1.2.1",
     "@hh.ru/magritte-types": "4.0.2",
-    "@hh.ru/magritte-ui-badge": "2.2.5",
+    "@hh.ru/magritte-ui-badge": "2.2.6",
     "@hh.ru/magritte-ui-breakpoint": "4.0.3",
-    "@hh.ru/magritte-ui-card": "6.1.4",
-    "@hh.ru/magritte-ui-cell": "4.0.7",
-    "@hh.ru/magritte-ui-checkable-card": "3.0.31",
+    "@hh.ru/magritte-ui-card": "6.1.5",
+    "@hh.ru/magritte-ui-cell": "4.0.8",
+    "@hh.ru/magritte-ui-checkable-card": "3.0.33",
     "@hh.ru/magritte-ui-checkbox-radio": "3.0.16",
     "@hh.ru/magritte-ui-icon": "7.5.3",
-    "@hh.ru/magritte-ui-input": "6.0.7",
+    "@hh.ru/magritte-ui-input": "6.0.8",
     "@hh.ru/magritte-ui-mock-component": "1.0.11",
     "@hh.ru/magritte-ui-spacing": "2.0.28",
     "@hh.ru/magritte-ui-theme-provider": "1.1.28",
@@ -50,5 +50,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "eef119f2d2c4f53cbe93f0f1e8f580b3a4019a70"
+  "gitHead": "c123b6295872225b61347997a1db5218776dc1c5"
 }

package/tree-selector-item-QSj9hgV0.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"tree-selector-item-QSj9hgV0.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-3-9","itemAnimationTimeout":"magritte-item-animation-timeout___Pdli9_4-3-9","fade-in":"magritte-fade-in___FDoho_4-3-9","fadeIn":"magritte-fade-in___FDoho_4-3-9"};
+var styles = {"item-animation-timeout":"magritte-item-animation-timeout___Pdli9_4-3-11","itemAnimationTimeout":"magritte-item-animation-timeout___Pdli9_4-3-11","fade-in":"magritte-fade-in___FDoho_4-3-11","fadeIn":"magritte-fade-in___FDoho_4-3-11"};
 
 const useAnimationTimeout = () => {
     const [animationTimeout, setAnimationTimeout] = useState(0);

package/useExpanded.js

@@ -22,7 +22,7 @@ const calculateInitialExpanded = (initialExpanded, selected, expandTreeOnSelecte
 };
 const useExpanded = ({ initialValue, selected, expandTreeOnSelected, collection, onExpand, }) => {
     const calculatedInitialValue = useMemo(() => calculateInitialExpanded(initialValue, selected, expandTreeOnSelected, collection), 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line disable-autofix/react-hooks/exhaustive-deps
     []);
     const [expanded, setExpanded] = useState(calculatedInitialValue);
     const expandedRef = useRef(calculatedInitialValue);
@@ -51,7 +51,7 @@ const useExpanded = ({ initialValue, selected, expandTreeOnSelected, collection,
         if (!areEqualArrays(expandedRef.current, calculatedResetValue)) {
             setExpanded(calculatedResetValue);
         }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
+        // eslint-disable-next-line disable-autofix/react-hooks/exhaustive-deps
     }, []);
     useEffect(() => {
         handlerRef.current = onExpand;

package/useExpanded.js.map

@@ -1 +1 @@
-{"version":3,"file":"useExpanded.js","sources":["../src/useExpanded.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState, useMemo } from 'react';\n\nimport TreeCollection from '@hh.ru/magritte-ui-tree-selector/collection/treeCollection';\nimport { AdditionalDefault } from '@hh.ru/magritte-ui-tree-selector/collection/types';\n\nexport const areEqualArrays = (arr1: string[], arr2: string[]): boolean => {\n    if (arr1.length !== arr2.length) {\n        return false;\n    }\n    const sortArr2 = arr2.slice().sort();\n    return arr1\n        .slice()\n        .sort()\n        .every((item, index) => item === sortArr2[index]);\n};\n\nexport const calculateInitialExpanded = <Additional extends AdditionalDefault>(\n    initialExpanded: string[],\n    selected: string[],\n    expandTreeOnSelected: boolean,\n    collection: TreeCollection<Additional>\n): string[] => {\n    let expanded: string[] = initialExpanded.slice();\n    if (expandTreeOnSelected) {\n        expanded = selected.reduce<string[]>((acc, id) => {\n            return acc.concat(collection.getParentIds(id));\n        }, expanded);\n    }\n    return [...new Set(expanded)];\n};\n\ninterface UseExpandedHookProps<Additional extends AdditionalDefault> {\n    initialValue: string[];\n    onExpand?: (expanded: string[]) => void;\n    expandTreeOnSelected: boolean;\n    selected: string[];\n    collection: TreeCollection<Additional>;\n}\n\ninterface UseExpandedHookReturn {\n    expanded: string[];\n    setExpanded: (expanded: string[]) => void;\n    handleExpansion: (id: string) => void;\n    handleResetExpanded: () => void;\n}\ninterface UseExpandedHook {\n    <Additional extends AdditionalDefault>(props: UseExpandedHookProps<Additional>): UseExpandedHookReturn;\n}\n\nexport const useExpanded: UseExpandedHook = ({\n    initialValue,\n    selected,\n    expandTreeOnSelected,\n    collection,\n    onExpand,\n}) => {\n    const calculatedInitialValue = useMemo(\n        () => calculateInitialExpanded(initialValue, selected, expandTreeOnSelected, collection),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        []\n    );\n    const [expanded, setExpanded] = useState(calculatedInitialValue);\n    const expandedRef = useRef(calculatedInitialValue);\n    const selectedRef = useRef(selected);\n    selectedRef.current = selected;\n    const handlerRef = useRef(onExpand);\n\n    const handleSetExpanded = useCallback((updatedExpanded: string[]) => {\n        handlerRef.current?.(updatedExpanded.slice());\n\n        if (!areEqualArrays(expandedRef.current, updatedExpanded)) {\n            setExpanded(updatedExpanded);\n        }\n    }, []);\n\n    const handleExpansion = useCallback(\n        (id: string): void => {\n            let updatedExpanded;\n            if (expandedRef.current.includes(id)) {\n                updatedExpanded = expandedRef.current.filter((itemId) => itemId !== id);\n            } else {\n                updatedExpanded = expandedRef.current.slice();\n                updatedExpanded.push(id);\n            }\n            handleSetExpanded(updatedExpanded);\n        },\n        [handleSetExpanded]\n    );\n\n    const handleResetExpanded = useCallback(() => {\n        const calculatedResetValue = calculateInitialExpanded(\n            initialValue,\n            selectedRef.current,\n            expandTreeOnSelected,\n            collection\n        );\n        if (!areEqualArrays(expandedRef.current, calculatedResetValue)) {\n            setExpanded(calculatedResetValue);\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    useEffect(() => {\n        handlerRef.current = onExpand;\n    }, [onExpand]);\n\n    useEffect(() => {\n        expandedRef.current = expanded;\n    }, [expanded]);\n\n    return { expanded, setExpanded: handleSetExpanded, handleExpansion, handleResetExpanded };\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useExpanded.js","sources":["../src/useExpanded.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState, useMemo } from 'react';\n\nimport TreeCollection from '@hh.ru/magritte-ui-tree-selector/collection/treeCollection';\nimport { AdditionalDefault } from '@hh.ru/magritte-ui-tree-selector/collection/types';\n\nexport const areEqualArrays = (arr1: string[], arr2: string[]): boolean => {\n    if (arr1.length !== arr2.length) {\n        return false;\n    }\n    const sortArr2 = arr2.slice().sort();\n    return arr1\n        .slice()\n        .sort()\n        .every((item, index) => item === sortArr2[index]);\n};\n\nexport const calculateInitialExpanded = <Additional extends AdditionalDefault>(\n    initialExpanded: string[],\n    selected: string[],\n    expandTreeOnSelected: boolean,\n    collection: TreeCollection<Additional>\n): string[] => {\n    let expanded: string[] = initialExpanded.slice();\n    if (expandTreeOnSelected) {\n        expanded = selected.reduce<string[]>((acc, id) => {\n            return acc.concat(collection.getParentIds(id));\n        }, expanded);\n    }\n    return [...new Set(expanded)];\n};\n\ninterface UseExpandedHookProps<Additional extends AdditionalDefault> {\n    initialValue: string[];\n    onExpand?: (expanded: string[]) => void;\n    expandTreeOnSelected: boolean;\n    selected: string[];\n    collection: TreeCollection<Additional>;\n}\n\ninterface UseExpandedHookReturn {\n    expanded: string[];\n    setExpanded: (expanded: string[]) => void;\n    handleExpansion: (id: string) => void;\n    handleResetExpanded: () => void;\n}\ninterface UseExpandedHook {\n    <Additional extends AdditionalDefault>(props: UseExpandedHookProps<Additional>): UseExpandedHookReturn;\n}\n\nexport const useExpanded: UseExpandedHook = ({\n    initialValue,\n    selected,\n    expandTreeOnSelected,\n    collection,\n    onExpand,\n}) => {\n    const calculatedInitialValue = useMemo(\n        () => calculateInitialExpanded(initialValue, selected, expandTreeOnSelected, collection),\n        // eslint-disable-next-line disable-autofix/react-hooks/exhaustive-deps\n        []\n    );\n    const [expanded, setExpanded] = useState(calculatedInitialValue);\n    const expandedRef = useRef(calculatedInitialValue);\n    const selectedRef = useRef(selected);\n    selectedRef.current = selected;\n    const handlerRef = useRef(onExpand);\n\n    const handleSetExpanded = useCallback((updatedExpanded: string[]) => {\n        handlerRef.current?.(updatedExpanded.slice());\n\n        if (!areEqualArrays(expandedRef.current, updatedExpanded)) {\n            setExpanded(updatedExpanded);\n        }\n    }, []);\n\n    const handleExpansion = useCallback(\n        (id: string): void => {\n            let updatedExpanded;\n            if (expandedRef.current.includes(id)) {\n                updatedExpanded = expandedRef.current.filter((itemId) => itemId !== id);\n            } else {\n                updatedExpanded = expandedRef.current.slice();\n                updatedExpanded.push(id);\n            }\n            handleSetExpanded(updatedExpanded);\n        },\n        [handleSetExpanded]\n    );\n\n    const handleResetExpanded = useCallback(() => {\n        const calculatedResetValue = calculateInitialExpanded(\n            initialValue,\n            selectedRef.current,\n            expandTreeOnSelected,\n            collection\n        );\n        if (!areEqualArrays(expandedRef.current, calculatedResetValue)) {\n            setExpanded(calculatedResetValue);\n        }\n        // eslint-disable-next-line disable-autofix/react-hooks/exhaustive-deps\n    }, []);\n\n    useEffect(() => {\n        handlerRef.current = onExpand;\n    }, [onExpand]);\n\n    useEffect(() => {\n        expandedRef.current = expanded;\n    }, [expanded]);\n\n    return { expanded, setExpanded: handleSetExpanded, handleExpansion, handleResetExpanded };\n};\n"],"names":[],"mappings":"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"}

package/tree-selector-item-Dm-nL2-C.js

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

package/tree-selector-item-Dm-nL2-C.js.map

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