@hh.ru/magritte-ui-tree-selector 1.7.3 → 2.1.0

package/index.css

@@ -4,7 +4,7 @@
   --magritte-semantic-animation-ease-in-out-200-timing-function-v18-2-1:cubic-bezier(0.25, 0.1, 0.25, 1);
   --magritte-semantic-animation-ease-in-out-200-duration-v18-2-1:200ms;
 }
-.magritte-item-animation-timeout___pbOyZ_1-7-3{
+.magritte-item-animation-timeout___pbOyZ_2-1-0{
   transition-property:height, opacity;
   transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v18-2-1);
   overflow:hidden;
@@ -12,17 +12,17 @@
   transition-duration:var(--animation-duration);
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-item-animation-timeout___pbOyZ_1-7-3{
+  .magritte-item-animation-timeout___pbOyZ_2-1-0{
     --animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v18-2-1);
   }
 }
-.magritte-wrapper___GHKV6_1-7-3{
+.magritte-wrapper___GHKV6_2-1-0{
   display:flex;
   padding:12px 0;
   gap:12px;
   align-items:flex-start;
 }
-.magritte-letter___yZOCU_1-7-3{
+.magritte-letter___yZOCU_2-1-0{
   width:24px;
   height:24px;
   display:flex;
@@ -30,47 +30,47 @@
   justify-content:center;
   flex-shrink:0;
 }
-.magritte-icon___kO3Fj_1-7-3,
-.magritte-space___xTO79_1-7-3{
+.magritte-icon___kO3Fj_2-1-0,
+.magritte-space___xTO79_2-1-0{
   flex-shrink:0;
   line-height:0;
   width:24px;
 }
-.magritte-icon___kO3Fj_1-7-3{
+.magritte-icon___kO3Fj_2-1-0{
   transform:rotate(0);
 }
-.magritte-iconActive___4yrG5_1-7-3{
+.magritte-iconActive___4yrG5_2-1-0{
   cursor:pointer;
 }
-.magritte-iconUp___mpXV6_1-7-3{
+.magritte-iconUp___mpXV6_2-1-0{
   transform:rotate(-180deg);
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-icon___kO3Fj_1-7-3{
+  .magritte-icon___kO3Fj_2-1-0{
     transition-property:transform;
     transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v18-2-1);
     transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v18-2-1);
   }
 }
-.magritte-content___ZRc6R_1-7-3{
+.magritte-content___ZRc6R_2-1-0{
   flex-grow:1;
 }
-.magritte-with-shift___ZErxZ_1-7-3{
+.magritte-with-shift___ZErxZ_2-1-0{
   margin-left:-36px;
 }
-.magritte-with-indent___MH9Vy_1-7-3{
+.magritte-with-indent___MH9Vy_2-1-0{
   margin-left:36px;
 }
-.magritte-item___2LtOL_1-7-3 > .magritte-children___kq-eq_1-7-3{
+.magritte-item___2LtOL_2-1-0 > .magritte-children___kq-eq_2-1-0{
   padding-left:36px;
 }
-.magritte-item___2LtOL_1-7-3.magritte-with-two-boxes___LWOy2_1-7-3 > .magritte-children___kq-eq_1-7-3{
+.magritte-item___2LtOL_2-1-0.magritte-with-two-boxes___LWOy2_2-1-0 > .magritte-children___kq-eq_2-1-0{
   padding-left:72px;
 }
-.magritte-item___2LtOL_1-7-3.magritte-with-three-boxes___cyVao_1-7-3 > .magritte-children___kq-eq_1-7-3{
+.magritte-item___2LtOL_2-1-0.magritte-with-three-boxes___cyVao_2-1-0 > .magritte-children___kq-eq_2-1-0{
   padding-left:108px;
 }
-.magritte-children___kq-eq_1-7-3{
+.magritte-children___kq-eq_2-1-0{
   transition-property:height, opacity;
   transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v18-2-1);
   overflow:hidden;
@@ -78,20 +78,20 @@
   transition-duration:var(--animation-duration);
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-children___kq-eq_1-7-3{
+  .magritte-children___kq-eq_2-1-0{
     --animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v18-2-1);
   }
 }
-.magritte-item-animation-enter___14KlM_1-7-3{
+.magritte-item-animation-enter___14KlM_2-1-0{
   opacity:0;
 }
-.magritte-item-animation-enter-active___oEWbW_1-7-3{
+.magritte-item-animation-enter-active___oEWbW_2-1-0{
   opacity:1;
 }
-.magritte-item-animation-exit___a-Low_1-7-3{
+.magritte-item-animation-exit___a-Low_2-1-0{
   opacity:1;
 }
-.magritte-item-animation-exit-active___MhBnn_1-7-3{
+.magritte-item-animation-exit-active___MhBnn_2-1-0{
   opacity:0;
 }
 
@@ -99,7 +99,7 @@
   --magritte-semantic-animation-ease-in-out-200-timing-function-v18-2-1:cubic-bezier(0.25, 0.1, 0.25, 1);
   --magritte-semantic-animation-ease-in-out-200-duration-v18-2-1:200ms;
 }
-.magritte-item-animation-timeout___Pdli9_1-7-3{
+.magritte-item-animation-timeout___Pdli9_2-1-0{
   transition-property:height, opacity;
   transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v18-2-1);
   overflow:hidden;
@@ -107,7 +107,7 @@
   transition-duration:var(--animation-duration);
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-item-animation-timeout___Pdli9_1-7-3{
+  .magritte-item-animation-timeout___Pdli9_2-1-0{
     --animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v18-2-1);
   }
 }

package/index.d.ts

@@ -1,4 +1,10 @@
+import TreeCollection from '@hh.ru/magritte-ui-tree-selector/collection/treeCollection';
+import ImmutableSelectionStrategy from '@hh.ru/magritte-ui-tree-selector/strategy/immutableSelectionStrategy';
 export * from '@hh.ru/magritte-ui-tree-selector/TreeSelector';
 export * from '@hh.ru/magritte-ui-tree-selector/TreeSelectorDummy';
 export * from '@hh.ru/magritte-ui-tree-selector/TreeSelectorItemBase';
 export * from '@hh.ru/magritte-ui-tree-selector/types';
+export * from '@hh.ru/magritte-ui-tree-selector/collection/types';
+export * from '@hh.ru/magritte-ui-tree-selector/strategy/immutableSelectionStrategy';
+export * from '@hh.ru/magritte-ui-tree-selector/collection/treeCollectionHelper';
+export { TreeCollection, ImmutableSelectionStrategy };

package/index.js

@@ -1,16 +1,16 @@
 import './index.css';
+export { default as TreeCollection } from './collection/treeCollection.js';
+export { default as ImmutableSelectionStrategy } from './strategy/immutableSelectionStrategy.js';
 export { TreeSelector } from './TreeSelector.js';
 export { TreeSelectorDummy, TreeSelectorDummyComponent } from './TreeSelectorDummy.js';
 export { TreeSelectorItemBase } from './TreeSelectorItemBase.js';
-import 'react/jsx-runtime';
-import 'react';
-import './strategy/immutableSelectionStrategy.js';
+export { filterMissingIds, filterParents, filterUniqueLeavesOnly, filterWithParents, fromTree, getIdsWithNoParentsInSameList, walk } from './collection/treeCollectionHelper.js';
 import './strategy/selectionStrategy.js';
-import './collection/treeCollectionHelper.js';
-import './collection/treeCollection.js';
 import './strategy/createSingleValueToggler.js';
 import './strategy/createTreeCollectionToggler.js';
 import './strategy/dummyToggle.js';
+import 'react/jsx-runtime';
+import 'react';
 import './useDisabled.js';
 import './useSelected.js';
 import '@hh.ru/magritte-common-fuzzy-search';
@@ -20,7 +20,7 @@ import './ItemsList.js';
 import './Item.js';
 import 'react-transition-group';
 import 'classnames';
-import './ItemContent-BmLHNw1m.js';
+import './ItemContent-CvQf33fs.js';
 import '@hh.ru/magritte-common-keyboard';
 import '@hh.ru/magritte-ui-icon/icon';
 import './Action.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-tree-selector",
-  "version": "1.7.3",
+  "version": "2.1.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -44,5 +44,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "64a3b66ffa68df840b776eab36c09aa039bc3b78"
+  "gitHead": "fd272e92a9b3e188ad4ab6dbe76b535d4e5beebd"
 }

package/strategy/createTreeCollectionToggler.d.ts

@@ -7,5 +7,5 @@ import { Toggler } from '@hh.ru/magritte-ui-tree-selector/strategy/types';
  * — если выбраны все потомки родителя, выбирается и родитель;
  * — если сброшен хотя бы один потомок выбранного родителя, сбрасывается и родитель.
  */
-declare const createTreeCollectionToggler: <A extends AdditionalDefault>(collection: TreeCollection<A>, checkSelectable: IdCollectionPredicate) => Toggler;
+declare const createTreeCollectionToggler: <Additional extends AdditionalDefault>(collection: TreeCollection<Additional>, checkSelectable: IdCollectionPredicate) => Toggler;
 export default createTreeCollectionToggler;

package/strategy/createTreeCollectionToggler.js.map

@@ -1 +1 @@
-{"version":3,"file":"createTreeCollectionToggler.js","sources":["../../src/strategy/createTreeCollectionToggler.ts"],"sourcesContent":["import TreeCollection from '@hh.ru/magritte-ui-tree-selector/collection/treeCollection';\nimport { AdditionalDefault, IdCollectionPredicate } from '@hh.ru/magritte-ui-tree-selector/collection/types';\nimport dummyToggle from '@hh.ru/magritte-ui-tree-selector/strategy/dummyToggle';\nimport { Toggler } from '@hh.ru/magritte-ui-tree-selector/strategy/types';\n\n/**\n * Создаёт переключатель элементов в наборе с учётом иерархии элементов:\n * — если выбран или сброшен родитель, выбираются или сбрасываются все его потомки;\n * — если выбраны все потомки родителя, выбирается и родитель;\n * — если сброшен хотя бы один потомок выбранного родителя, сбрасывается и родитель.\n */\n\nconst createTreeCollectionToggler = <A extends AdditionalDefault>(\n    collection: TreeCollection<A>,\n    checkSelectable: IdCollectionPredicate\n): Toggler => {\n    /**\n     * Определение состояния по дочерним элементам\n     */\n    const _getCumulativeParentState = (set: Set<string>, id: string) => {\n        let hasSelectableChild = false;\n        const allSelectableChildrenAreSelected = collection.getChildren(id).every((model) => {\n            const isSelectable = checkSelectable(model.id, collection);\n            hasSelectableChild = hasSelectableChild || isSelectable;\n            return set.has(model.id) || !isSelectable;\n        });\n        return hasSelectableChild ? allSelectableChildrenAreSelected : set.has(id);\n    };\n\n    /**\n     * Простановка состояния всем дочерним элементам\n     */\n    const _setStateForAllChildren = (set: Set<string>, id: string, state: boolean) => {\n        collection.walkChildren(id, (model) => {\n            if (checkSelectable(model.id, collection)) {\n                dummyToggle(set, model.id, state);\n            }\n        });\n    };\n\n    const _toggleOtherParents = (set: Set<string>, id: string) => {\n        // когда добавляем-убираем родительскую модель надо проверить и проставить статус другим родителям,\n        // у которых есть общие модели-потомки с первоночальной родительской моделью\n        if (collection.hasChildren(id)) {\n            const childrenIds = collection.getChildrenIds(id);\n            const otherParentsIds = childrenIds.reduce<string[]>((result, childrenId) => {\n                const parentIds = collection\n                    .getParentIdsDuplicates(childrenId)\n                    .filter(\n                        (parentId) =>\n                            parentId !== id && !result.includes(parentId) && checkSelectable(parentId, collection)\n                    );\n                return result.concat(parentIds);\n            }, []);\n            otherParentsIds.forEach((parentId) => dummyToggle(set, parentId, _getCumulativeParentState(set, parentId)));\n        }\n    };\n\n    /**\n     * Переключение состояния модели, её родителей и потомков.\n     */\n    return (set: Set<string>, id: string, state: boolean) => {\n        const toggleResult = dummyToggle(set, id, state);\n\n        if (toggleResult) {\n            collection.walkParents(id, (parent) => {\n                if (checkSelectable(parent.id, collection)) {\n                    dummyToggle(set, parent.id, _getCumulativeParentState(set, parent.id));\n                }\n            });\n        }\n        _setStateForAllChildren(set, id, state);\n        _toggleOtherParents(set, id);\n    };\n};\n\nexport default createTreeCollectionToggler;\n"],"names":["dummyToggle"],"mappings":"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"}
+{"version":3,"file":"createTreeCollectionToggler.js","sources":["../../src/strategy/createTreeCollectionToggler.ts"],"sourcesContent":["import TreeCollection from '@hh.ru/magritte-ui-tree-selector/collection/treeCollection';\nimport { AdditionalDefault, IdCollectionPredicate } from '@hh.ru/magritte-ui-tree-selector/collection/types';\nimport dummyToggle from '@hh.ru/magritte-ui-tree-selector/strategy/dummyToggle';\nimport { Toggler } from '@hh.ru/magritte-ui-tree-selector/strategy/types';\n\n/**\n * Создаёт переключатель элементов в наборе с учётом иерархии элементов:\n * — если выбран или сброшен родитель, выбираются или сбрасываются все его потомки;\n * — если выбраны все потомки родителя, выбирается и родитель;\n * — если сброшен хотя бы один потомок выбранного родителя, сбрасывается и родитель.\n */\n\nconst createTreeCollectionToggler = <Additional extends AdditionalDefault>(\n    collection: TreeCollection<Additional>,\n    checkSelectable: IdCollectionPredicate\n): Toggler => {\n    /**\n     * Определение состояния по дочерним элементам\n     */\n    const _getCumulativeParentState = (set: Set<string>, id: string) => {\n        let hasSelectableChild = false;\n        const allSelectableChildrenAreSelected = collection.getChildren(id).every((model) => {\n            const isSelectable = checkSelectable(model.id, collection);\n            hasSelectableChild = hasSelectableChild || isSelectable;\n            return set.has(model.id) || !isSelectable;\n        });\n        return hasSelectableChild ? allSelectableChildrenAreSelected : set.has(id);\n    };\n\n    /**\n     * Простановка состояния всем дочерним элементам\n     */\n    const _setStateForAllChildren = (set: Set<string>, id: string, state: boolean) => {\n        collection.walkChildren(id, (model) => {\n            if (checkSelectable(model.id, collection)) {\n                dummyToggle(set, model.id, state);\n            }\n        });\n    };\n\n    const _toggleOtherParents = (set: Set<string>, id: string) => {\n        // когда добавляем-убираем родительскую модель надо проверить и проставить статус другим родителям,\n        // у которых есть общие модели-потомки с первоночальной родительской моделью\n        if (collection.hasChildren(id)) {\n            const childrenIds = collection.getChildrenIds(id);\n            const otherParentsIds = childrenIds.reduce<string[]>((result, childrenId) => {\n                const parentIds = collection\n                    .getParentIdsDuplicates(childrenId)\n                    .filter(\n                        (parentId) =>\n                            parentId !== id && !result.includes(parentId) && checkSelectable(parentId, collection)\n                    );\n                return result.concat(parentIds);\n            }, []);\n            otherParentsIds.forEach((parentId) => dummyToggle(set, parentId, _getCumulativeParentState(set, parentId)));\n        }\n    };\n\n    /**\n     * Переключение состояния модели, её родителей и потомков.\n     */\n    return (set: Set<string>, id: string, state: boolean) => {\n        const toggleResult = dummyToggle(set, id, state);\n\n        if (toggleResult) {\n            collection.walkParents(id, (parent) => {\n                if (checkSelectable(parent.id, collection)) {\n                    dummyToggle(set, parent.id, _getCumulativeParentState(set, parent.id));\n                }\n            });\n        }\n        _setStateForAllChildren(set, id, state);\n        _toggleOtherParents(set, id);\n    };\n};\n\nexport default createTreeCollectionToggler;\n"],"names":["dummyToggle"],"mappings":"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"}

package/strategy/immutableSelectionStrategy.d.ts

@@ -1,9 +1,9 @@
 import TreeCollection from '@hh.ru/magritte-ui-tree-selector/collection/treeCollection';
 import { AdditionalDefault } from '@hh.ru/magritte-ui-tree-selector/collection/types';
 import { StrategyOptions } from '@hh.ru/magritte-ui-tree-selector/strategy/types';
-declare class ImmutableSelectionStrategy<A extends AdditionalDefault = never> {
+declare class ImmutableSelectionStrategy<Additional extends AdditionalDefault = never> {
     private strategy;
-    constructor(collection: TreeCollection<A>, options: StrategyOptions);
+    constructor(collection: TreeCollection<Additional>, options: StrategyOptions);
     /**
      * Возвращает новый набор, в котором к `items` добавлены `addedItems`.
      * @param items Текущий набор.

package/strategy/immutableSelectionStrategy.js.map

@@ -1 +1 @@
-{"version":3,"file":"immutableSelectionStrategy.js","sources":["../../src/strategy/immutableSelectionStrategy.ts"],"sourcesContent":["import TreeCollection from '@hh.ru/magritte-ui-tree-selector/collection/treeCollection';\nimport { AdditionalDefault } from '@hh.ru/magritte-ui-tree-selector/collection/types';\nimport SelectionStrategy from '@hh.ru/magritte-ui-tree-selector/strategy/selectionStrategy';\nimport { StrategyOptions } from '@hh.ru/magritte-ui-tree-selector/strategy/types';\n\nclass ImmutableSelectionStrategy<A extends AdditionalDefault = never> {\n    private strategy: SelectionStrategy<A>;\n\n    constructor(collection: TreeCollection<A>, options: StrategyOptions) {\n        this.strategy = new SelectionStrategy<A>(collection, options);\n    }\n\n    /**\n     * Возвращает новый набор, в котором к `items` добавлены `addedItems`.\n     * @param items Текущий набор.\n     * @param addedItems Добавляемые элементы.\n     */\n    add(items: string[], addedItems: string[]): string[] {\n        const result = new Set(items);\n        this.strategy.add(result, addedItems);\n        return [...result];\n    }\n\n    /**\n     * Возвращает новый набор, в котором из `items` удалены `removedItems`.\n     * @param items Текущий набор.\n     * @param removedItems Удаляемые элементы.\n     */\n    remove(items: string[], removedItems: string[]): string[] {\n        const result = new Set(items);\n        this.strategy.remove(result, removedItems);\n        return [...result];\n    }\n}\n\nexport default ImmutableSelectionStrategy;\n"],"names":[],"mappings":";;;;;;;AAKA,MAAM,0BAA0B,CAAA;AACpB,IAAA,QAAQ,CAAuB;IAEvC,WAAY,CAAA,UAA6B,EAAE,OAAwB,EAAA;QAC/D,IAAI,CAAC,QAAQ,GAAG,IAAI,iBAAiB,CAAI,UAAU,EAAE,OAAO,CAAC,CAAC;KACjE;AAED;;;;AAIG;IACH,GAAG,CAAC,KAAe,EAAE,UAAoB,EAAA;AACrC,QAAA,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,CAAC;QAC9B,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;AACtC,QAAA,OAAO,CAAC,GAAG,MAAM,CAAC,CAAC;KACtB;AAED;;;;AAIG;IACH,MAAM,CAAC,KAAe,EAAE,YAAsB,EAAA;AAC1C,QAAA,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,CAAC;QAC9B,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;AAC3C,QAAA,OAAO,CAAC,GAAG,MAAM,CAAC,CAAC;KACtB;AACJ;;;;"}
+{"version":3,"file":"immutableSelectionStrategy.js","sources":["../../src/strategy/immutableSelectionStrategy.ts"],"sourcesContent":["import TreeCollection from '@hh.ru/magritte-ui-tree-selector/collection/treeCollection';\nimport { AdditionalDefault } from '@hh.ru/magritte-ui-tree-selector/collection/types';\nimport SelectionStrategy from '@hh.ru/magritte-ui-tree-selector/strategy/selectionStrategy';\nimport { StrategyOptions } from '@hh.ru/magritte-ui-tree-selector/strategy/types';\n\nclass ImmutableSelectionStrategy<Additional extends AdditionalDefault = never> {\n    private strategy: SelectionStrategy<Additional>;\n\n    constructor(collection: TreeCollection<Additional>, options: StrategyOptions) {\n        this.strategy = new SelectionStrategy<Additional>(collection, options);\n    }\n\n    /**\n     * Возвращает новый набор, в котором к `items` добавлены `addedItems`.\n     * @param items Текущий набор.\n     * @param addedItems Добавляемые элементы.\n     */\n    add(items: string[], addedItems: string[]): string[] {\n        const result = new Set(items);\n        this.strategy.add(result, addedItems);\n        return [...result];\n    }\n\n    /**\n     * Возвращает новый набор, в котором из `items` удалены `removedItems`.\n     * @param items Текущий набор.\n     * @param removedItems Удаляемые элементы.\n     */\n    remove(items: string[], removedItems: string[]): string[] {\n        const result = new Set(items);\n        this.strategy.remove(result, removedItems);\n        return [...result];\n    }\n}\n\nexport default ImmutableSelectionStrategy;\n"],"names":[],"mappings":";;;;;;;AAKA,MAAM,0BAA0B,CAAA;AACpB,IAAA,QAAQ,CAAgC;IAEhD,WAAY,CAAA,UAAsC,EAAE,OAAwB,EAAA;QACxE,IAAI,CAAC,QAAQ,GAAG,IAAI,iBAAiB,CAAa,UAAU,EAAE,OAAO,CAAC,CAAC;KAC1E;AAED;;;;AAIG;IACH,GAAG,CAAC,KAAe,EAAE,UAAoB,EAAA;AACrC,QAAA,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,CAAC;QAC9B,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;AACtC,QAAA,OAAO,CAAC,GAAG,MAAM,CAAC,CAAC;KACtB;AAED;;;;AAIG;IACH,MAAM,CAAC,KAAe,EAAE,YAAsB,EAAA;AAC1C,QAAA,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,CAAC;QAC9B,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;AAC3C,QAAA,OAAO,CAAC,GAAG,MAAM,CAAC,CAAC;KACtB;AACJ;;;;"}

package/strategy/selectionStrategy.d.ts

@@ -4,12 +4,12 @@ import { StrategyOptions } from '@hh.ru/magritte-ui-tree-selector/strategy/types
 /**
  * Стратегия переключения флага `selected` для иерархической коллекции.
  */
-declare class SelectionStrategy<A extends AdditionalDefault = never> {
+declare class SelectionStrategy<Additional extends AdditionalDefault = never> {
     private collection;
     private options;
     private checkSelectable;
     private toggle;
-    constructor(collection: TreeCollection<A>, options: StrategyOptions);
+    constructor(collection: TreeCollection<Additional>, options: StrategyOptions);
     add(items: Set<string>, ids: string[]): void;
     remove(items: Set<string>, ids: string[]): void;
     set(items: Set<string>, ids: string[]): void;

package/strategy/selectionStrategy.js.map

@@ -1 +1 @@
-{"version":3,"file":"selectionStrategy.js","sources":["../../src/strategy/selectionStrategy.ts"],"sourcesContent":["import TreeCollection from '@hh.ru/magritte-ui-tree-selector/collection/treeCollection';\nimport { filterMissingIds, filterParents } from '@hh.ru/magritte-ui-tree-selector/collection/treeCollectionHelper';\nimport { AdditionalDefault, IdCollectionPredicate } from '@hh.ru/magritte-ui-tree-selector/collection/types';\nimport createSingleValueToggler from '@hh.ru/magritte-ui-tree-selector/strategy/createSingleValueToggler';\nimport createTreeCollectionToggler from '@hh.ru/magritte-ui-tree-selector/strategy/createTreeCollectionToggler';\nimport dummyToggle from '@hh.ru/magritte-ui-tree-selector/strategy/dummyToggle';\nimport { StrategyOptions, Toggler } from '@hh.ru/magritte-ui-tree-selector/strategy/types';\n\nconst _filterSelectable = <A extends AdditionalDefault>(\n    collection: TreeCollection<A>,\n    ids: string[],\n    checkSelectable: IdCollectionPredicate\n) => {\n    return ids.filter((id) => checkSelectable(id, collection));\n};\n\nconst defaultCheckSelectable = () => true;\n\n/**\n * Оставляет в массиве только последний ID\n */\nconst _filterMultipleIds = (ids: string[]) => {\n    if (ids.length > 1) {\n        return [ids[ids.length - 1]];\n    }\n    return ids;\n};\n\n/**\n * Стратегия переключения флага `selected` для иерархической коллекции.\n */\nclass SelectionStrategy<A extends AdditionalDefault = never> {\n    private collection: TreeCollection<A>;\n    private options: StrategyOptions;\n    private checkSelectable: IdCollectionPredicate;\n    private toggle: Toggler;\n\n    constructor(collection: TreeCollection<A>, options: StrategyOptions) {\n        this.collection = collection;\n        this.options = options;\n        this.checkSelectable = options.checkSelectable || defaultCheckSelectable;\n        this.toggle = options.singleChoice\n            ? createSingleValueToggler()\n            : createTreeCollectionToggler(collection, this.checkSelectable);\n    }\n\n    add(items: Set<string>, ids: string[]): void {\n        let filteredIds = filterMissingIds(this.collection, ids);\n\n        if (this.options.singleChoice) {\n            filteredIds = _filterMultipleIds(filteredIds);\n        }\n        if (this.options.leavesOnly) {\n            filteredIds = filterParents(this.collection, filteredIds);\n        }\n        if (this.options.checkSelectable) {\n            filteredIds = _filterSelectable(this.collection, filteredIds, this.options.checkSelectable);\n        }\n\n        if (this.options.leavesOnly && !this.options.singleChoice) {\n            // Тут не нужно выбирать или сбрасывать родителей\n            filteredIds.forEach((id) => {\n                dummyToggle(items, id, true);\n            });\n        } else {\n            filteredIds.forEach((id) => {\n                this.toggle(items, id, true);\n            });\n        }\n    }\n\n    remove(items: Set<string>, ids: string[]): void {\n        const filteredIds = filterMissingIds(this.collection, ids);\n\n        filteredIds.forEach((id) => {\n            this.toggle(items, id, false);\n        });\n    }\n\n    set(items: Set<string>, ids: string[]): void {\n        items.clear();\n        this.add(items, ids);\n    }\n}\n\nexport default SelectionStrategy;\n"],"names":["dummyToggle"],"mappings":"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"}
+{"version":3,"file":"selectionStrategy.js","sources":["../../src/strategy/selectionStrategy.ts"],"sourcesContent":["import TreeCollection from '@hh.ru/magritte-ui-tree-selector/collection/treeCollection';\nimport { filterMissingIds, filterParents } from '@hh.ru/magritte-ui-tree-selector/collection/treeCollectionHelper';\nimport { AdditionalDefault, IdCollectionPredicate } from '@hh.ru/magritte-ui-tree-selector/collection/types';\nimport createSingleValueToggler from '@hh.ru/magritte-ui-tree-selector/strategy/createSingleValueToggler';\nimport createTreeCollectionToggler from '@hh.ru/magritte-ui-tree-selector/strategy/createTreeCollectionToggler';\nimport dummyToggle from '@hh.ru/magritte-ui-tree-selector/strategy/dummyToggle';\nimport { StrategyOptions, Toggler } from '@hh.ru/magritte-ui-tree-selector/strategy/types';\n\nconst _filterSelectable = <Additional extends AdditionalDefault>(\n    collection: TreeCollection<Additional>,\n    ids: string[],\n    checkSelectable: IdCollectionPredicate\n) => {\n    return ids.filter((id) => checkSelectable(id, collection));\n};\n\nconst defaultCheckSelectable = () => true;\n\n/**\n * Оставляет в массиве только последний ID\n */\nconst _filterMultipleIds = (ids: string[]) => {\n    if (ids.length > 1) {\n        return [ids[ids.length - 1]];\n    }\n    return ids;\n};\n\n/**\n * Стратегия переключения флага `selected` для иерархической коллекции.\n */\nclass SelectionStrategy<Additional extends AdditionalDefault = never> {\n    private collection: TreeCollection<Additional>;\n    private options: StrategyOptions;\n    private checkSelectable: IdCollectionPredicate;\n    private toggle: Toggler;\n\n    constructor(collection: TreeCollection<Additional>, options: StrategyOptions) {\n        this.collection = collection;\n        this.options = options;\n        this.checkSelectable = options.checkSelectable || defaultCheckSelectable;\n        this.toggle = options.singleChoice\n            ? createSingleValueToggler()\n            : createTreeCollectionToggler(collection, this.checkSelectable);\n    }\n\n    add(items: Set<string>, ids: string[]): void {\n        let filteredIds = filterMissingIds(this.collection, ids);\n\n        if (this.options.singleChoice) {\n            filteredIds = _filterMultipleIds(filteredIds);\n        }\n        if (this.options.leavesOnly) {\n            filteredIds = filterParents(this.collection, filteredIds);\n        }\n        if (this.options.checkSelectable) {\n            filteredIds = _filterSelectable(this.collection, filteredIds, this.options.checkSelectable);\n        }\n\n        if (this.options.leavesOnly && !this.options.singleChoice) {\n            // Тут не нужно выбирать или сбрасывать родителей\n            filteredIds.forEach((id) => {\n                dummyToggle(items, id, true);\n            });\n        } else {\n            filteredIds.forEach((id) => {\n                this.toggle(items, id, true);\n            });\n        }\n    }\n\n    remove(items: Set<string>, ids: string[]): void {\n        const filteredIds = filterMissingIds(this.collection, ids);\n\n        filteredIds.forEach((id) => {\n            this.toggle(items, id, false);\n        });\n    }\n\n    set(items: Set<string>, ids: string[]): void {\n        items.clear();\n        this.add(items, ids);\n    }\n}\n\nexport default SelectionStrategy;\n"],"names":["dummyToggle"],"mappings":"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"}

package/types.d.ts

@@ -1,15 +1,16 @@
 import { ReactElement, ReactNode } from 'react';
+import { SearchInputProps } from '@hh.ru/magritte-ui-input';
 import TreeCollection from '@hh.ru/magritte-ui-tree-selector/collection/treeCollection';
 import { AdditionalDefault, IdCollectionPredicate, TreeFilter, TreeModel } from '@hh.ru/magritte-ui-tree-selector/collection/types';
 interface ChildrenProps {
     renderTreeSelector: () => ReactElement;
-    renderInput: () => ReactElement;
+    renderInput: (props?: SearchInputProps) => ReactElement;
 }
 interface Children {
     (props: ChildrenProps): ReactNode;
 }
-export interface RenderItemProps<A extends AdditionalDefault> {
-    item: TreeModel<A>;
+export interface RenderItemProps<Additional extends AdditionalDefault> {
+    item: TreeModel<Additional>;
     isSearch: boolean;
     disabled?: boolean;
     input?: ReactElement;
@@ -18,57 +19,90 @@ export interface RenderItemProps<A extends AdditionalDefault> {
     labelRight?: ReactElement;
     childrenSelectedCount?: number;
 }
-export interface RenderItem<A extends AdditionalDefault> {
-    (props: RenderItemProps<A>): ReactNode;
+export interface RenderItem<Additional extends AdditionalDefault> {
+    (props: RenderItemProps<Additional>): ReactNode;
 }
-export interface RenderMobileDelimiterProps<A extends AdditionalDefault> {
-    item: TreeModel<A>;
+export interface RenderMobileDelimiterProps<Additional extends AdditionalDefault> {
+    item: TreeModel<Additional>;
     order: number;
     isSearch: boolean;
     index: number;
-    isFirstInOrder: boolean;
     isTopLevel: boolean;
 }
-export interface RenderMobileDelimiter<A extends AdditionalDefault> {
-    (props: RenderMobileDelimiterProps<A>): ReactNode;
+export interface RenderMobileDelimiter<Additional extends AdditionalDefault> {
+    (props: RenderMobileDelimiterProps<Additional>): ReactNode;
 }
-export interface BaseTreeSelectorProps<A extends AdditionalDefault> {
+export interface BaseTreeSelectorProps<Additional extends AdditionalDefault> {
+    /** Текущее значение */
     value: string[];
-    collection: TreeCollection<A>;
+    /** Коллекция */
+    collection: TreeCollection<Additional>;
+    /** Можно выбрать только один элемент */
     singleChoice?: boolean;
+    /** Разрешает выбор только элементов без потомков */
     leavesOnly?: boolean;
+    /** Функция возвращает true для элементов, которые можно выбрать. При использовании
+     * вместе с параметром leavesOnly применяется только к элементам без потомков */
     checkSelectable?: IdCollectionPredicate;
+    /** Изначально открытые ID. Применяются только при инициализации */
     initialExpanded?: string[];
+    /** Раскрывать ли категории с выбранными элементами в дереве при первом открытии */
+    expandTreeOnSelected?: boolean;
+    /** Запрещённые ID */
     disabled?: string[];
-    expanded?: string[];
+    /** Обработчик изменения состояния раскрытия элементов
+     * В аргументах получает список id раскрытых элементов `{Array} expanded` */
     onExpand?: (expanded: string[]) => void;
+    /** Метод которому передаётся объект с функциями renderTreeSelector, renderInput для вывода частей компонента */
     children: Children;
+    /** Способ фильтрации дерева при поиске */
     treeFilter?: TreeFilter;
+    /** ID моделей которые предлагаются для выбора, если в поиске ничего не найдено */
     suggestedNotFound?: string[];
+    /** ID моделей, которые всегда будут дополнительно предлагаться для выбора, если в поиске что-то нашлось */
     constantlySuggested?: string[];
+    /** Обработчик изменения строки contentFilterQuery
+     * В аргументах получает список подходящих под запрос id и сам запрос */
     onChangeFilterQuery?: (ids: string[], query: string) => void;
-    renderItemForDesktop?: RenderItem<A>;
-    renderItem?: RenderItem<A>;
-    renderMobileDelimiter?: RenderMobileDelimiter<A>;
+    /** Render функция для десктопного варианта item */
+    renderItemForDesktop?: RenderItem<Additional>;
+    /** Render функция для мобильного варианта item */
+    renderItem?: RenderItem<Additional>;
+    /** Render функция для мобильного варианта разделителя */
+    renderMobileDelimiter?: RenderMobileDelimiter<Additional>;
+    /** Контент, который выводится, если не нашлось ни одной модели при поиске */
     contentNotFound?: ReactNode;
+    /** Обработчик изменения навигации в мобильном варианте
+     * В аргументах получает id модели, в которую перешли */
     onMobileNavigationChange?: (currentId?: string) => void;
+    /** Функция для получения порядка очередности для модели при поиске в мобиле */
+    getMobileSearchItemOrder?: (item: TreeModel<Additional>) => number;
+    /** Перевод для item выбрать родителя в мобильном варианте */
     trls: {
         selectAllParent: ReactNode;
     };
 }
 export interface DummyProps {
+    /** Обработчик изменения набора выбранных ID.
+     * В аргументах получает `{String} id`, `{Boolean} isSelected`. */
     onChange: (id: string, isSelected: boolean) => void;
     collapseToParentId?: never;
     maxSelected?: never;
 }
 type NonDummyProps = {
+    /** Обработчик изменения набора выбранных ID.
+     * В аргументах получает `{Array} allSelected`, `{String} id`, `{Boolean} isSelected`. */
     onChange: (allSelected: string[], id: string, isSelected: boolean) => void;
+    /** Флаг свертки до родительского id */
     collapseToParentId?: boolean;
+    /** Ограничение максимального количества выбранных элементов
+     * Используется либо с collapseToParentId, либо leavesOnly  */
     maxSelected?: number;
 };
-export type TreeSelectorDummyProps<A extends AdditionalDefault> = BaseTreeSelectorProps<A> & DummyProps;
-export type TreeSelectorProps<A extends AdditionalDefault> = BaseTreeSelectorProps<A> & NonDummyProps;
+export type TreeSelectorDummyProps<Additional extends AdditionalDefault> = BaseTreeSelectorProps<Additional> & DummyProps;
+export type TreeSelectorProps<Additional extends AdditionalDefault> = BaseTreeSelectorProps<Additional> & NonDummyProps;
 export interface ListControls {
+    /** Метод, возвращающий навигацию на шаг назад в мобильном варианте */
     back: () => void;
 }
 export {};

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_1-7-3","itemAnimationTimeout":"magritte-item-animation-timeout___Pdli9_1-7-3"};
+var styles = {"item-animation-timeout":"magritte-item-animation-timeout___Pdli9_2-1-0","itemAnimationTimeout":"magritte-item-animation-timeout___Pdli9_2-1-0"};
 
 const useAnimationTimeout = () => {
     const [animationTimeout, setAnimationTimeout] = useState(0);

package/useDisabled.d.ts

@@ -1,10 +1,10 @@
 import { AdditionalDefault } from '@hh.ru/magritte-ui-tree-selector/collection/types';
 import { TreeSelectorProps } from '@hh.ru/magritte-ui-tree-selector/types';
-type UseDisabledHookProps<A extends AdditionalDefault> = {
+type UseDisabledHookProps<Additional extends AdditionalDefault> = {
     selected: string[];
-} & Pick<TreeSelectorProps<A>, 'disabled' | 'collection' | 'maxSelected'>;
+} & Pick<TreeSelectorProps<Additional>, 'disabled' | 'collection' | 'maxSelected'>;
 interface UseDisabledHook {
-    <A extends AdditionalDefault>(props: UseDisabledHookProps<A>): string[] | undefined;
+    <Additional extends AdditionalDefault>(props: UseDisabledHookProps<Additional>): string[] | undefined;
 }
 export declare const useDisabled: UseDisabledHook;
 export {};

package/useDisabled.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDisabled.js","sources":["../src/useDisabled.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { getIdsWithNoParentsInSameList } from '@hh.ru/magritte-ui-tree-selector/collection/treeCollectionHelper';\nimport { AdditionalDefault } from '@hh.ru/magritte-ui-tree-selector/collection/types';\nimport { TreeSelectorProps } from '@hh.ru/magritte-ui-tree-selector/types';\n\ntype UseDisabledHookProps<A extends AdditionalDefault> = {\n    selected: string[];\n} & Pick<TreeSelectorProps<A>, 'disabled' | 'collection' | 'maxSelected'>;\ninterface UseDisabledHook {\n    <A extends AdditionalDefault>(props: UseDisabledHookProps<A>): string[] | undefined;\n}\n\nexport const useDisabled: UseDisabledHook = ({ selected, disabled, collection, maxSelected }) => {\n    return useMemo(() => {\n        const valueIds = getIdsWithNoParentsInSameList(collection, selected);\n        if (maxSelected && valueIds.length >= maxSelected) {\n            return collection\n                .toList()\n                .map(({ id }) => id)\n                .filter((id) => !selected.includes(id));\n        }\n        return disabled;\n    }, [selected, collection, disabled, maxSelected]);\n};\n"],"names":[],"mappings":";;;;AAaO,MAAM,WAAW,GAAoB,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,KAAI;IAC5F,OAAO,OAAO,CAAC,MAAK;QAChB,MAAM,QAAQ,GAAG,6BAA6B,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;AACrE,QAAA,IAAI,WAAW,IAAI,QAAQ,CAAC,MAAM,IAAI,WAAW,EAAE;AAC/C,YAAA,OAAO,UAAU;AACZ,iBAAA,MAAM,EAAE;iBACR,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC;AACnB,iBAAA,MAAM,CAAC,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;AAC/C,SAAA;AACD,QAAA,OAAO,QAAQ,CAAC;KACnB,EAAE,CAAC,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;AACtD;;;;"}
+{"version":3,"file":"useDisabled.js","sources":["../src/useDisabled.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { getIdsWithNoParentsInSameList } from '@hh.ru/magritte-ui-tree-selector/collection/treeCollectionHelper';\nimport { AdditionalDefault } from '@hh.ru/magritte-ui-tree-selector/collection/types';\nimport { TreeSelectorProps } from '@hh.ru/magritte-ui-tree-selector/types';\n\ntype UseDisabledHookProps<Additional extends AdditionalDefault> = {\n    selected: string[];\n} & Pick<TreeSelectorProps<Additional>, 'disabled' | 'collection' | 'maxSelected'>;\ninterface UseDisabledHook {\n    <Additional extends AdditionalDefault>(props: UseDisabledHookProps<Additional>): string[] | undefined;\n}\n\nexport const useDisabled: UseDisabledHook = ({ selected, disabled, collection, maxSelected }) => {\n    return useMemo(() => {\n        const valueIds = getIdsWithNoParentsInSameList(collection, selected);\n        if (maxSelected && valueIds.length >= maxSelected) {\n            return collection\n                .toList()\n                .map(({ id }) => id)\n                .filter((id) => !selected.includes(id));\n        }\n        return disabled;\n    }, [selected, collection, disabled, maxSelected]);\n};\n"],"names":[],"mappings":";;;;AAaO,MAAM,WAAW,GAAoB,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,KAAI;IAC5F,OAAO,OAAO,CAAC,MAAK;QAChB,MAAM,QAAQ,GAAG,6BAA6B,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;AACrE,QAAA,IAAI,WAAW,IAAI,QAAQ,CAAC,MAAM,IAAI,WAAW,EAAE;AAC/C,YAAA,OAAO,UAAU;AACZ,iBAAA,MAAM,EAAE;iBACR,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC;AACnB,iBAAA,MAAM,CAAC,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;AAC/C,SAAA;AACD,QAAA,OAAO,QAAQ,CAAC;KACnB,EAAE,CAAC,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;AACtD;;;;"}

package/useExpanded.d.ts

@@ -1,16 +1,22 @@
+import TreeCollection from '@hh.ru/magritte-ui-tree-selector/collection/treeCollection';
+import { AdditionalDefault } from '@hh.ru/magritte-ui-tree-selector/collection/types';
 export declare const areEqualArrays: (arr1: string[], arr2: string[]) => boolean;
-interface UseExpandedHookProps {
+export declare const calculateInitialExpanded: <Additional extends AdditionalDefault>(initialExpanded: string[], selected: string[], expandTreeOnSelected: boolean, collection: TreeCollection<Additional>) => string[];
+interface UseExpandedHookProps<Additional extends AdditionalDefault> {
     initialValue: string[];
-    controlledExpanded?: string[];
     onExpand?: (expanded: string[]) => void;
+    expandTreeOnSelected: boolean;
+    selected: string[];
+    collection: TreeCollection<Additional>;
 }
 interface UseExpandedHookReturn {
     expanded: string[];
     setExpanded: (expanded: string[]) => void;
     handleExpansion: (id: string) => void;
+    handleResetExpanded: () => void;
 }
 interface UseExpandedHook {
-    (props: UseExpandedHookProps): UseExpandedHookReturn;
+    <Additional extends AdditionalDefault>(props: UseExpandedHookProps<Additional>): UseExpandedHookReturn;
 }
 export declare const useExpanded: UseExpandedHook;
 export {};

package/useExpanded.js

@@ -1,5 +1,5 @@
 import './index.css';
-import { useState, useRef, useCallback, useEffect } from 'react';
+import { useMemo, useState, useRef, useCallback, useEffect } from 'react';
 
 const areEqualArrays = (arr1, arr2) => {
     if (arr1.length !== arr2.length) {
@@ -11,9 +11,23 @@ const areEqualArrays = (arr1, arr2) => {
         .sort()
         .every((item, index) => item === sortArr2[index]);
 };
-const useExpanded = ({ initialValue, controlledExpanded, onExpand }) => {
-    const [expanded, setExpanded] = useState(initialValue);
-    const expandedRef = useRef(initialValue);
+const calculateInitialExpanded = (initialExpanded, selected, expandTreeOnSelected, collection) => {
+    let expanded = initialExpanded.slice();
+    if (expandTreeOnSelected) {
+        expanded = selected.reduce((acc, id) => {
+            return acc.concat(collection.getParentIds(id));
+        }, expanded);
+    }
+    return [...new Set(expanded)];
+};
+const useExpanded = ({ initialValue, selected, expandTreeOnSelected, collection, onExpand, }) => {
+    const calculatedInitialValue = useMemo(() => calculateInitialExpanded(initialValue, selected, expandTreeOnSelected, collection), 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []);
+    const [expanded, setExpanded] = useState(calculatedInitialValue);
+    const expandedRef = useRef(calculatedInitialValue);
+    const selectedRef = useRef(selected);
+    selectedRef.current = selected;
     const handlerRef = useRef(onExpand);
     const handleSetExpanded = useCallback((updatedExpanded) => {
         handlerRef.current?.(updatedExpanded.slice());
@@ -32,19 +46,21 @@ const useExpanded = ({ initialValue, controlledExpanded, onExpand }) => {
         }
         handleSetExpanded(updatedExpanded);
     }, [handleSetExpanded]);
+    const handleResetExpanded = useCallback(() => {
+        const calculatedResetValue = calculateInitialExpanded(initialValue, selectedRef.current, expandTreeOnSelected, collection);
+        if (!areEqualArrays(expandedRef.current, calculatedResetValue)) {
+            setExpanded(calculatedResetValue);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
     useEffect(() => {
         handlerRef.current = onExpand;
     }, [onExpand]);
     useEffect(() => {
         expandedRef.current = expanded;
     }, [expanded]);
-    useEffect(() => {
-        if (controlledExpanded) {
-            handleSetExpanded(controlledExpanded.slice());
-        }
-    }, [controlledExpanded, handleSetExpanded]);
-    return { expanded, setExpanded: handleSetExpanded, handleExpansion };
+    return { expanded, setExpanded: handleSetExpanded, handleExpansion, handleResetExpanded };
 };
 
-export { areEqualArrays, useExpanded };
+export { areEqualArrays, calculateInitialExpanded, useExpanded };
 //# sourceMappingURL=useExpanded.js.map

package/useExpanded.js.map

@@ -1 +1 @@
-{"version":3,"file":"useExpanded.js","sources":["../src/useExpanded.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\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\ninterface UseExpandedHookProps {\n    initialValue: string[];\n    controlledExpanded?: string[];\n    onExpand?: (expanded: string[]) => void;\n}\n\ninterface UseExpandedHookReturn {\n    expanded: string[];\n    setExpanded: (expanded: string[]) => void;\n    handleExpansion: (id: string) => void;\n}\ninterface UseExpandedHook {\n    (props: UseExpandedHookProps): UseExpandedHookReturn;\n}\n\nexport const useExpanded: UseExpandedHook = ({ initialValue, controlledExpanded, onExpand }) => {\n    const [expanded, setExpanded] = useState(initialValue);\n    const expandedRef = useRef(initialValue);\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    useEffect(() => {\n        handlerRef.current = onExpand;\n    }, [onExpand]);\n\n    useEffect(() => {\n        expandedRef.current = expanded;\n    }, [expanded]);\n\n    useEffect(() => {\n        if (controlledExpanded) {\n            handleSetExpanded(controlledExpanded.slice());\n        }\n    }, [controlledExpanded, handleSetExpanded]);\n\n    return { expanded, setExpanded: handleSetExpanded, handleExpansion };\n};\n"],"names":[],"mappings":";;MAEa,cAAc,GAAG,CAAC,IAAc,EAAE,IAAc,KAAa;AACtE,IAAA,IAAI,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,EAAE;AAC7B,QAAA,OAAO,KAAK,CAAC;AAChB,KAAA;IACD,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC;AACrC,IAAA,OAAO,IAAI;AACN,SAAA,KAAK,EAAE;AACP,SAAA,IAAI,EAAE;AACN,SAAA,KAAK,CAAC,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,KAAK,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;AAC1D,EAAE;AAiBK,MAAM,WAAW,GAAoB,CAAC,EAAE,YAAY,EAAE,kBAAkB,EAAE,QAAQ,EAAE,KAAI;IAC3F,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;AACvD,IAAA,MAAM,WAAW,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC;AACzC,IAAA,MAAM,UAAU,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;AAEpC,IAAA,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,eAAyB,KAAI;QAChE,UAAU,CAAC,OAAO,GAAG,eAAe,CAAC,KAAK,EAAE,CAAC,CAAC;QAE9C,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,OAAO,EAAE,eAAe,CAAC,EAAE;YACvD,WAAW,CAAC,eAAe,CAAC,CAAC;AAChC,SAAA;KACJ,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,MAAM,eAAe,GAAG,WAAW,CAC/B,CAAC,EAAU,KAAU;AACjB,QAAA,IAAI,eAAe,CAAC;QACpB,IAAI,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE;AAClC,YAAA,eAAe,GAAG,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,KAAK,MAAM,KAAK,EAAE,CAAC,CAAC;AAC3E,SAAA;AAAM,aAAA;AACH,YAAA,eAAe,GAAG,WAAW,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;AAC9C,YAAA,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5B,SAAA;QACD,iBAAiB,CAAC,eAAe,CAAC,CAAC;AACvC,KAAC,EACD,CAAC,iBAAiB,CAAC,CACtB,CAAC;IAEF,SAAS,CAAC,MAAK;AACX,QAAA,UAAU,CAAC,OAAO,GAAG,QAAQ,CAAC;AAClC,KAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,SAAS,CAAC,MAAK;AACX,QAAA,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;AACnC,KAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,SAAS,CAAC,MAAK;AACX,QAAA,IAAI,kBAAkB,EAAE;AACpB,YAAA,iBAAiB,CAAC,kBAAkB,CAAC,KAAK,EAAE,CAAC,CAAC;AACjD,SAAA;AACL,KAAC,EAAE,CAAC,kBAAkB,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAE5C,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,iBAAiB,EAAE,eAAe,EAAE,CAAC;AACzE;;;;"}
+{"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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"}

package/useIndeterminate.d.ts

@@ -3,13 +3,13 @@ import { AdditionalDefault } from '@hh.ru/magritte-ui-tree-selector/collection/t
 /**
  * Возвращает массив ID элементов дерева, у которых есть и выбранные, и невыбранные потомки.
  */
-export declare function getIndeterminateParentIds<A extends AdditionalDefault>(collection: TreeCollection<A>, selected: string[]): string[];
-interface UseIndeterminateHookProps<A extends AdditionalDefault> {
-    collection: TreeCollection<A>;
+export declare function getIndeterminateParentIds<Additional extends AdditionalDefault>(collection: TreeCollection<Additional>, selected: string[]): string[];
+interface UseIndeterminateHookProps<Additional extends AdditionalDefault> {
+    collection: TreeCollection<Additional>;
     selected: string[];
 }
 interface UseIndeterminateHook {
-    <A extends AdditionalDefault>(props: UseIndeterminateHookProps<A>): {
+    <Additional extends AdditionalDefault>(props: UseIndeterminateHookProps<Additional>): {
         indeterminate: string[];
     };
 }