@hh.ru/magritte-ui-tree-selector 3.1.2 → 4.0.1

package/index.css

@@ -4,25 +4,32 @@
   --magritte-semantic-animation-ease-in-out-200-timing-function-v18-3-0:cubic-bezier(0.25, 0.1, 0.25, 1);
   --magritte-semantic-animation-ease-in-out-200-duration-v18-3-0:200ms;
 }
-.magritte-item-animation-timeout___pbOyZ_3-1-2{
-  transition-property:height, opacity;
-  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v18-3-0);
-  overflow:hidden;
+@keyframes magritte-fade-in___yS4Ja_4-0-1{
+  0%{
+    opacity:0;
+  }
+  100%{
+    opacity:1;
+  }
+}
+.magritte-item-animation-timeout___pbOyZ_4-0-1{
+  animation-name:magritte-fade-in___yS4Ja_4-0-1;
+  animation-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v18-3-0);
   --animation-duration:0ms;
-  transition-duration:var(--animation-duration);
+  animation-duration:var(--animation-duration);
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-item-animation-timeout___pbOyZ_3-1-2{
+  .magritte-item-animation-timeout___pbOyZ_4-0-1{
     --animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v18-3-0);
   }
 }
-.magritte-wrapper___GHKV6_3-1-2{
+.magritte-wrapper___GHKV6_4-0-1{
   display:flex;
   padding:12px 0;
   gap:12px;
   align-items:flex-start;
 }
-.magritte-letter___yZOCU_3-1-2{
+.magritte-letter___yZOCU_4-0-1{
   width:24px;
   height:24px;
   display:flex;
@@ -30,84 +37,82 @@
   justify-content:center;
   flex-shrink:0;
 }
-.magritte-icon___kO3Fj_3-1-2,
-.magritte-space___xTO79_3-1-2{
+.magritte-icon___kO3Fj_4-0-1,
+.magritte-space___xTO79_4-0-1{
   flex-shrink:0;
   line-height:0;
   width:24px;
 }
-.magritte-icon___kO3Fj_3-1-2{
+.magritte-icon___kO3Fj_4-0-1{
   transform:rotate(0);
 }
-.magritte-iconActive___4yrG5_3-1-2{
+.magritte-iconActive___4yrG5_4-0-1{
   cursor:pointer;
 }
-.magritte-iconUp___mpXV6_3-1-2{
+.magritte-iconUp___mpXV6_4-0-1{
   transform:rotate(90deg);
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-icon___kO3Fj_3-1-2{
+  .magritte-icon___kO3Fj_4-0-1{
     transition-property:transform;
     transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v18-3-0);
     transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v18-3-0);
   }
 }
-.magritte-content___ZRc6R_3-1-2{
+.magritte-content___ZRc6R_4-0-1{
   flex-grow:1;
 }
-.magritte-with-shift___ZErxZ_3-1-2{
-  margin-left:-36px;
-}
-.magritte-with-indent___MH9Vy_3-1-2{
-  margin-left:36px;
+.magritte-mobile-item___ynALC_4-0-1{
+  display:flex;
+  gap:12px;
+  flex-wrap:wrap;
 }
-.magritte-item___2LtOL_3-1-2 > .magritte-children___kq-eq_3-1-2{
-  padding-left:36px;
+.magritte-with-gap___gbvGO_4-0-1{
+  padding-top:12px;
 }
-.magritte-item___2LtOL_3-1-2.magritte-with-two-boxes___LWOy2_3-1-2 > .magritte-children___kq-eq_3-1-2{
-  padding-left:72px;
+.magritte-virtualized-list___qt2E6_4-0-1{
+  width:100%;
+  position:relative;
+  will-change:transform;
 }
-.magritte-item___2LtOL_3-1-2.magritte-with-three-boxes___cyVao_3-1-2 > .magritte-children___kq-eq_3-1-2{
-  padding-left:108px;
+.magritte-virtualized-item___qAYVN_4-0-1{
+  position:absolute;
+  top:0;
+  left:0;
+  width:100%;
 }
-.magritte-children___kq-eq_3-1-2{
-  transition-property:height, opacity;
-  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v18-3-0);
-  overflow:hidden;
+.magritte-was-expanded___uCFbW_4-0-1{
+  animation-name:magritte-fade-in___yS4Ja_4-0-1;
+  animation-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v18-3-0);
   --animation-duration:0ms;
-  transition-duration:var(--animation-duration);
+  animation-duration:var(--animation-duration);
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-children___kq-eq_3-1-2{
+  .magritte-was-expanded___uCFbW_4-0-1{
     --animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v18-3-0);
   }
 }
-.magritte-item-animation-enter___14KlM_3-1-2{
-  opacity:0;
-}
-.magritte-item-animation-enter-active___oEWbW_3-1-2{
-  opacity:1;
-}
-.magritte-item-animation-exit___a-Low_3-1-2{
-  opacity:1;
-}
-.magritte-item-animation-exit-active___MhBnn_3-1-2{
-  opacity:0;
-}
 
 :root{
   --magritte-semantic-animation-ease-in-out-200-timing-function-v18-3-0:cubic-bezier(0.25, 0.1, 0.25, 1);
   --magritte-semantic-animation-ease-in-out-200-duration-v18-3-0:200ms;
 }
-.magritte-item-animation-timeout___Pdli9_3-1-2{
-  transition-property:height, opacity;
-  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v18-3-0);
-  overflow:hidden;
+@keyframes magritte-fade-in___FDoho_4-0-1{
+  0%{
+    opacity:0;
+  }
+  100%{
+    opacity:1;
+  }
+}
+.magritte-item-animation-timeout___Pdli9_4-0-1{
+  animation-name:magritte-fade-in___FDoho_4-0-1;
+  animation-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v18-3-0);
   --animation-duration:0ms;
-  transition-duration:var(--animation-duration);
+  animation-duration:var(--animation-duration);
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-item-animation-timeout___Pdli9_3-1-2{
+  .magritte-item-animation-timeout___Pdli9_4-0-1{
     --animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v18-3-0);
   }
 }

package/index.d.ts

@@ -1,10 +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-theme-provider';
 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,6 +1,7 @@
 import './index.css';
 export { default as TreeCollection } from './collection/treeCollection.js';
 export { default as ImmutableSelectionStrategy } from './strategy/immutableSelectionStrategy.js';
+export * from '@hh.ru/magritte-ui-theme-provider';
 export { TreeSelector } from './TreeSelector.js';
 export { TreeSelectorDummy, TreeSelectorDummyComponent } from './TreeSelectorDummy.js';
 export { TreeSelectorItemBase } from './TreeSelectorItemBase.js';
@@ -15,17 +16,17 @@ import './useDisabled.js';
 import './useSelected.js';
 import '@hh.ru/magritte-common-fuzzy-search';
 import '@hh.ru/magritte-ui-breakpoint';
-import '@hh.ru/magritte-ui-spacing';
 import './ItemsList.js';
+import '@tanstack/react-virtual';
 import './Item.js';
-import 'react-transition-group';
+import './ItemContent.js';
 import 'classnames';
-import './ItemContent-DQStXvKp.js';
 import '@hh.ru/magritte-common-keyboard';
 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-B5qJBEp2.js';
 import './MobileItemsList.js';
 import '@hh.ru/magritte-ui-cell';
 import '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';
@@ -33,11 +34,16 @@ import './MobileDelimiter.js';
 import '@hh.ru/magritte-ui-card';
 import './MobileItem.js';
 import './MobileParentItem.js';
-import './useAnimationTimeout.js';
+import './TreeSelectorWrapper.js';
+import '@hh.ru/magritte-common-resize';
+import '@hh.ru/magritte-common-use-multiple-refs';
+import '@hh.ru/magritte-internal-custom-scroll';
+import '@hh.ru/magritte-ui-bottom-sheet';
+import '@hh.ru/magritte-ui-modal';
 import './useExpanded.js';
 import './useIndeterminate.js';
 import './useRenderInput.js';
 import '@hh.ru/magritte-common-func-utils';
-import '@hh.ru/magritte-common-use-multiple-refs';
 import '@hh.ru/magritte-ui-input';
+import './useAnimationTimeout.js';
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/index.mock.d.ts

@@ -0,0 +1,12 @@
+import { ForwardRefExoticComponent } from 'react';
+import TreeCollection from '@hh.ru/magritte-ui-tree-selector/collection/treeCollection';
+import ImmutableSelectionStrategy from '@hh.ru/magritte-ui-tree-selector/strategy/immutableSelectionStrategy';
+declare const ThemeProvider: any;
+export { ThemeProvider };
+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/collection/treeCollectionHelper';
+export { TreeCollection, ImmutableSelectionStrategy };
+export declare const TreeSelector: ForwardRefExoticComponent<Record<string, unknown>>;
+export declare const TreeSelectorDummy: ForwardRefExoticComponent<Record<string, unknown>>;
+export declare const TreeSelectorItemBase: ForwardRefExoticComponent<Record<string, unknown>>;

package/index.mock.js

@@ -0,0 +1,20 @@
+import './index.css';
+import { mockComponent } from '@hh.ru/magritte-ui-mock-component';
+export { default as TreeCollection } from './collection/treeCollection.js';
+export { default as ImmutableSelectionStrategy } from './strategy/immutableSelectionStrategy.js';
+export { filterMissingIds, filterParents, filterUniqueLeavesOnly, filterWithParents, fromTree, getIdsWithNoParentsInSameList, walk } from './collection/treeCollectionHelper.js';
+import './strategy/selectionStrategy.js';
+import './strategy/createSingleValueToggler.js';
+import './strategy/createTreeCollectionToggler.js';
+import './strategy/dummyToggle.js';
+
+// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+const { ThemeProvider } = jest.requireActual('@hh.ru/magritte-ui-theme-provider/index');
+const TreeSelector = mockComponent('TreeSelector', undefined, { withChildren: true });
+const TreeSelectorDummy = mockComponent('TreeSelectorDummy', undefined, {
+    withChildren: true,
+});
+const TreeSelectorItemBase = mockComponent('TreeSelectorItemBase');
+
+export { ThemeProvider, TreeSelector, TreeSelectorDummy, TreeSelectorItemBase };
+//# sourceMappingURL=index.mock.js.map

package/index.mock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mock.js","sources":["../src/index.mock.ts"],"sourcesContent":["import { ForwardRefExoticComponent } from 'react';\n\nimport { mockComponent } from '@hh.ru/magritte-ui-mock-component';\nimport TreeCollection from '@hh.ru/magritte-ui-tree-selector/collection/treeCollection';\nimport ImmutableSelectionStrategy from '@hh.ru/magritte-ui-tree-selector/strategy/immutableSelectionStrategy';\n\n// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\nconst { ThemeProvider } = jest.requireActual('@hh.ru/magritte-ui-theme-provider/index');\n\nexport { ThemeProvider };\n\nexport * from '@hh.ru/magritte-ui-tree-selector/types';\nexport * from '@hh.ru/magritte-ui-tree-selector/collection/types';\nexport * from '@hh.ru/magritte-ui-tree-selector/collection/treeCollectionHelper';\nexport { TreeCollection, ImmutableSelectionStrategy };\n\nexport const TreeSelector: ForwardRefExoticComponent<Record<string, unknown>> = mockComponent(\n    'TreeSelector',\n    undefined,\n    { withChildren: true }\n);\n\nexport const TreeSelectorDummy: ForwardRefExoticComponent<Record<string, unknown>> = mockComponent(\n    'TreeSelectorDummy',\n    undefined,\n    {\n        withChildren: true,\n    }\n);\n\nexport const TreeSelectorItemBase = mockComponent('TreeSelectorItemBase');\n"],"names":[],"mappings":";;;;;;;;;AAMA;AACM,MAAA,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC,yCAAyC,EAAE;AAS3E,MAAA,YAAY,GAAuD,aAAa,CACzF,cAAc,EACd,SAAS,EACT,EAAE,YAAY,EAAE,IAAI,EAAE,EACxB;MAEW,iBAAiB,GAAuD,aAAa,CAC9F,mBAAmB,EACnB,SAAS,EACT;AACI,IAAA,YAAY,EAAE,IAAI;AACrB,CAAA,EACH;MAEW,oBAAoB,GAAG,aAAa,CAAC,sBAAsB;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-tree-selector",
-  "version": "3.1.2",
+  "version": "4.0.1",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -23,19 +23,24 @@
     "@hh.ru/magritte-common-func-utils": "1.3.7",
     "@hh.ru/magritte-common-fuzzy-search": "1.0.5",
     "@hh.ru/magritte-common-keyboard": "4.0.1",
+    "@hh.ru/magritte-common-resize": "0.1.13",
     "@hh.ru/magritte-common-use-multiple-refs": "1.1.4",
     "@hh.ru/magritte-design-tokens": "18.3.0",
+    "@hh.ru/magritte-internal-custom-scroll": "1.2.0",
+    "@hh.ru/magritte-ui-bottom-sheet": "5.2.1",
     "@hh.ru/magritte-ui-breakpoint": "4.0.3",
     "@hh.ru/magritte-ui-card": "6.0.12",
-    "@hh.ru/magritte-ui-cell": "3.0.12",
-    "@hh.ru/magritte-ui-checkable-card": "3.0.20",
-    "@hh.ru/magritte-ui-checkbox-radio": "3.0.9",
-    "@hh.ru/magritte-ui-icon": "7.3.0",
-    "@hh.ru/magritte-ui-input": "5.1.2",
+    "@hh.ru/magritte-ui-cell": "3.0.13",
+    "@hh.ru/magritte-ui-checkable-card": "3.0.21",
+    "@hh.ru/magritte-ui-checkbox-radio": "3.0.10",
+    "@hh.ru/magritte-ui-icon": "7.3.1",
+    "@hh.ru/magritte-ui-input": "5.1.3",
     "@hh.ru/magritte-ui-mock-component": "1.0.11",
+    "@hh.ru/magritte-ui-modal": "4.1.1",
     "@hh.ru/magritte-ui-spacing": "2.0.26",
     "@hh.ru/magritte-ui-theme-provider": "1.1.26",
-    "@hh.ru/magritte-ui-typography": "3.0.13"
+    "@hh.ru/magritte-ui-typography": "3.0.13",
+    "@tanstack/react-virtual": "3.8.3"
   },
   "peerDependencies": {
     "classnames": ">=2.3.2",
@@ -45,5 +50,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4fa5de469e43f5cedf89fe3d19a3a1027c60592e"
+  "gitHead": "63d3837ac149f9f935504ca438212690f1cd6f46"
 }

package/tree-selector-item-B5qJBEp2.js

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

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

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

package/types.d.ts

@@ -80,6 +80,8 @@ export interface BaseTreeSelectorProps<Additional extends AdditionalDefault> {
     /** Перевод для пункта выбирающего родителя в мобильном варианте
      * В аргументах получает id модели для которой получаем перевод */
     getSelectAllParentTrl: (id: string) => ReactNode;
+    /** Контент для отображения перед деревом */
+    renderContentBefore?: (isSearch: boolean) => ReactNode;
 }
 export interface DummyProps {
     /** Обработчик изменения набора выбранных ID.

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_3-1-2","itemAnimationTimeout":"magritte-item-animation-timeout___Pdli9_3-1-2"};
+var styles = {"item-animation-timeout":"magritte-item-animation-timeout___Pdli9_4-0-1","itemAnimationTimeout":"magritte-item-animation-timeout___Pdli9_4-0-1","fade-in":"magritte-fade-in___FDoho_4-0-1","fadeIn":"magritte-fade-in___FDoho_4-0-1"};
 
 const useAnimationTimeout = () => {
     const [animationTimeout, setAnimationTimeout] = useState(0);

package/ItemContent-DQStXvKp.js

@@ -1,36 +0,0 @@
-import './index.css';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { memo, useCallback } from 'react';
-import classnames from 'classnames';
-import { keyboardMatch, keyboardKeys } from '@hh.ru/magritte-common-keyboard';
-import { DotFilledSize24, ChevronRightOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';
-import { Action } from './Action.js';
-import { TreeSelectorItemBase } from './TreeSelectorItemBase.js';
-import { Text } from '@hh.ru/magritte-ui-typography';
-
-var styles = {"item-animation-timeout":"magritte-item-animation-timeout___pbOyZ_3-1-2","itemAnimationTimeout":"magritte-item-animation-timeout___pbOyZ_3-1-2","wrapper":"magritte-wrapper___GHKV6_3-1-2","letter":"magritte-letter___yZOCU_3-1-2","icon":"magritte-icon___kO3Fj_3-1-2","space":"magritte-space___xTO79_3-1-2","iconActive":"magritte-iconActive___4yrG5_3-1-2","iconUp":"magritte-iconUp___mpXV6_3-1-2","content":"magritte-content___ZRc6R_3-1-2","with-shift":"magritte-with-shift___ZErxZ_3-1-2","withShift":"magritte-with-shift___ZErxZ_3-1-2","with-indent":"magritte-with-indent___MH9Vy_3-1-2","withIndent":"magritte-with-indent___MH9Vy_3-1-2","item":"magritte-item___2LtOL_3-1-2","children":"magritte-children___kq-eq_3-1-2","with-two-boxes":"magritte-with-two-boxes___LWOy2_3-1-2","withTwoBoxes":"magritte-with-two-boxes___LWOy2_3-1-2","with-three-boxes":"magritte-with-three-boxes___cyVao_3-1-2","withThreeBoxes":"magritte-with-three-boxes___cyVao_3-1-2","item-animation-enter":"magritte-item-animation-enter___14KlM_3-1-2","itemAnimationEnter":"magritte-item-animation-enter___14KlM_3-1-2","item-animation-enter-active":"magritte-item-animation-enter-active___oEWbW_3-1-2","itemAnimationEnterActive":"magritte-item-animation-enter-active___oEWbW_3-1-2","item-animation-exit":"magritte-item-animation-exit___a-Low_3-1-2","itemAnimationExit":"magritte-item-animation-exit___a-Low_3-1-2","item-animation-exit-active":"magritte-item-animation-exit-active___MhBnn_3-1-2","itemAnimationExitActive":"magritte-item-animation-exit-active___MhBnn_3-1-2"};
-
-const ItemContentComponent = ({ item, parentId, hasAction, hasChildren, letter, isExpanded, isDisabled, onExpansion, hasLetterOnLevel, isSelected, onChange, isIndeterminate, singleChoice, hasDot, maxControlsOnLevel, isSearch, renderItemForDesktop = TreeSelectorItemBase, }) => {
-    const handleExpandableClick = useCallback(() => onExpansion && onExpansion(item.id), [item.id, onExpansion]);
-    const currentActionCount = +hasDot + +hasAction + +hasChildren;
-    const neededSpacesCount = maxControlsOnLevel - currentActionCount;
-    const handleExpandableKeyDown = useCallback((event) => {
-        if (keyboardMatch(event.nativeEvent, keyboardKeys.ArrowLeft)) {
-            isExpanded && onExpansion(item.id);
-            event.preventDefault();
-            return;
-        }
-        if (keyboardMatch(event.nativeEvent, keyboardKeys.ArrowRight)) {
-            !isExpanded && onExpansion(item.id);
-            event.preventDefault();
-        }
-    }, [isExpanded, onExpansion, item.id]);
-    const input = hasAction ? (jsx(Action, { selected: isSelected, onChange: onChange, id: item.id, onKeyDown: handleExpandableKeyDown, indeterminate: isIndeterminate, singleChoice: singleChoice, name: `tree-selector-item-${parentId || 'top'}-${item.id}` })) : undefined;
-    return (jsxs("div", { className: styles.wrapper, onClick: hasChildren && !hasAction ? handleExpandableClick : undefined, children: [(letter || hasLetterOnLevel) && (jsx("div", { className: styles.letter, children: letter && (jsx(Text, { typography: "subtitle-1-semibold", style: "secondary", Element: "span", children: letter })) })), hasDot && (jsx("div", { className: styles.icon, children: jsx(DotFilledSize24, { initial: "tertiary" }) })), [...Array(neededSpacesCount).keys()].map((_, i) => (jsx("div", { className: styles.space }, i))), hasChildren && (jsx("div", { className: classnames(styles.icon, styles.iconActive, {
-                    [styles.iconUp]: isExpanded,
-                }), "data-qa": `tree-selector-chevron-${item.id}`, onClick: hasAction ? handleExpandableClick : undefined, children: jsx(ChevronRightOutlinedSize24, { initial: "tertiary" }) })), renderItemForDesktop({ disabled: isDisabled, input, item, isSearch, isParent: hasChildren })] }));
-};
-const ItemContent = memo(ItemContentComponent);
-
-export { ItemContent as I, styles as s };
-//# sourceMappingURL=ItemContent-DQStXvKp.js.map

package/ItemContent-DQStXvKp.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItemContent-DQStXvKp.js","sources":["../src/ItemContent.tsx"],"sourcesContent":["import { ReactElement, useCallback, memo, KeyboardEventHandler } from 'react';\nimport classnames from 'classnames';\n\nimport { keyboardKeys, keyboardMatch } from '@hh.ru/magritte-common-keyboard';\nimport { DotFilledSize24, ChevronRightOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';\nimport { Action } from '@hh.ru/magritte-ui-tree-selector/Action';\nimport { TreeSelectorItemBase } from '@hh.ru/magritte-ui-tree-selector/TreeSelectorItemBase';\nimport { AdditionalDefault, TreeModel } from '@hh.ru/magritte-ui-tree-selector/collection/types';\nimport { RenderItem } from '@hh.ru/magritte-ui-tree-selector/types';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './tree-selector-item.less';\n\ninterface ItemContent<Additional extends AdditionalDefault> {\n    item: TreeModel<Additional>;\n    parentId?: TreeModel<Additional>['id'];\n    hasChildren: boolean;\n    hasAction: boolean;\n    letter?: string;\n    onExpansion: (id: string) => void;\n    isExpanded: boolean;\n    isSelected: boolean;\n    isDisabled: boolean;\n    onChange: (id: string, isSelected: boolean) => void;\n    isIndeterminate: boolean;\n    singleChoice?: boolean;\n    hasLetterOnLevel: boolean;\n    hasDot: boolean;\n    maxControlsOnLevel: number;\n    renderItemForDesktop?: RenderItem<Additional>;\n    isSearch: boolean;\n}\n\nconst ItemContentComponent = <Additional extends AdditionalDefault>({\n    item,\n    parentId,\n    hasAction,\n    hasChildren,\n    letter,\n    isExpanded,\n    isDisabled,\n    onExpansion,\n    hasLetterOnLevel,\n    isSelected,\n    onChange,\n    isIndeterminate,\n    singleChoice,\n    hasDot,\n    maxControlsOnLevel,\n    isSearch,\n    renderItemForDesktop = TreeSelectorItemBase,\n}: ItemContent<Additional>): ReactElement => {\n    const handleExpandableClick = useCallback(() => onExpansion && onExpansion(item.id), [item.id, onExpansion]);\n    const currentActionCount = +hasDot + +hasAction + +hasChildren;\n    const neededSpacesCount = maxControlsOnLevel - currentActionCount;\n\n    const handleExpandableKeyDown = useCallback<KeyboardEventHandler>(\n        (event) => {\n            if (keyboardMatch(event.nativeEvent, keyboardKeys.ArrowLeft)) {\n                isExpanded && onExpansion(item.id);\n                event.preventDefault();\n                return;\n            }\n            if (keyboardMatch(event.nativeEvent, keyboardKeys.ArrowRight)) {\n                !isExpanded && onExpansion(item.id);\n                event.preventDefault();\n            }\n        },\n        [isExpanded, onExpansion, item.id]\n    );\n\n    const input = hasAction ? (\n        <Action\n            selected={isSelected}\n            onChange={onChange}\n            id={item.id}\n            onKeyDown={handleExpandableKeyDown}\n            indeterminate={isIndeterminate}\n            singleChoice={singleChoice}\n            name={`tree-selector-item-${parentId || 'top'}-${item.id}`}\n        />\n    ) : undefined;\n\n    return (\n        <div className={styles.wrapper} onClick={hasChildren && !hasAction ? handleExpandableClick : undefined}>\n            {(letter || hasLetterOnLevel) && (\n                <div className={styles.letter}>\n                    {letter && (\n                        <Text typography=\"subtitle-1-semibold\" style=\"secondary\" Element=\"span\">\n                            {letter}\n                        </Text>\n                    )}\n                </div>\n            )}\n            {hasDot && (\n                <div className={styles.icon}>\n                    <DotFilledSize24 initial=\"tertiary\" />\n                </div>\n            )}\n\n            {[...Array(neededSpacesCount).keys()].map((_, i) => (\n                <div key={i} className={styles.space} />\n            ))}\n\n            {hasChildren && (\n                <div\n                    className={classnames(styles.icon, styles.iconActive, {\n                        [styles.iconUp]: isExpanded,\n                    })}\n                    data-qa={`tree-selector-chevron-${item.id}`}\n                    onClick={hasAction ? handleExpandableClick : undefined}\n                >\n                    <ChevronRightOutlinedSize24 initial=\"tertiary\" />\n                </div>\n            )}\n            {renderItemForDesktop({ disabled: isDisabled, input, item, isSearch, isParent: hasChildren })}\n        </div>\n    );\n};\n\nexport const ItemContent = memo(ItemContentComponent) as <Additional extends AdditionalDefault>(\n    props: ItemContent<Additional>\n) => ReactElement;\n"],"names":["_jsx","_jsxs"],"mappings":"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"}