@hh.ru/magritte-ui-tree-selector 5.5.80 → 5.5.82

package/Action.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { TreeModel } from '@hh.ru/magritte-ui-tree-selector/collection/types';
+import { TreeModel } from './collection/types';
 interface ActionProps {
     singleChoice?: boolean;
     onChange: (id: string, isSelected: boolean) => void;

package/Action.js

@@ -4,19 +4,22 @@ import { memo, useCallback } from 'react';
 import { Radio, Checkbox } from '@hh.ru/magritte-ui-checkbox-radio';
 
 const Action = memo(({ id, name, singleChoice, indeterminate, selected, onChange }) => {
-    const handleChange = useCallback((event) => {
-        onChange(id, event.target.checked);
-    }, [id, onChange]);
-    const inputProps = {
-        checked: selected,
-        onChange: handleChange,
-        name,
-        tabIndex: -1,
-        'data-qa': `tree-selector-input tree-selector-input-${id}`,
-    };
-    return singleChoice ? jsx(Radio, { ...inputProps }) : jsx(Checkbox, { ...inputProps, indeterminate: indeterminate });
+  const handleChange = useCallback(
+    (event) => {
+      onChange(id, event.target.checked);
+    },
+    [id, onChange]
+  );
+  const inputProps = {
+    checked: selected,
+    onChange: handleChange,
+    name,
+    tabIndex: -1,
+    "data-qa": `tree-selector-input tree-selector-input-${id}`
+  };
+  return singleChoice ? /* @__PURE__ */ jsx(Radio, { ...inputProps }) : /* @__PURE__ */ jsx(Checkbox, { ...inputProps, indeterminate });
 });
-Action.displayName = 'TreeSelectorAction';
+Action.displayName = "TreeSelectorAction";
 
 export { Action };
 //# sourceMappingURL=Action.js.map

package/Action.js.map

@@ -1 +1 @@
-{"version":3,"file":"Action.js","sources":["src/Action.tsx"],"sourcesContent":["import { ChangeEventHandler, FC, useCallback, memo } from 'react';\n\nimport { Checkbox, Radio } from '@hh.ru/magritte-ui-checkbox-radio';\nimport { TreeModel } from '@hh.ru/magritte-ui-tree-selector/collection/types';\n\ninterface ActionProps {\n    singleChoice?: boolean;\n    onChange: (id: string, isSelected: boolean) => void;\n    id: TreeModel['id'];\n    name?: string;\n    selected: boolean;\n    indeterminate?: boolean;\n}\n\nexport const Action: FC<ActionProps> = memo(({ id, name, singleChoice, indeterminate, selected, onChange }) => {\n    const handleChange: ChangeEventHandler<HTMLInputElement> = useCallback(\n        (event) => {\n            onChange(id, event.target.checked);\n        },\n        [id, onChange]\n    );\n\n    const inputProps = {\n        checked: selected,\n        onChange: handleChange,\n        name,\n        tabIndex: -1,\n        'data-qa': `tree-selector-input tree-selector-input-${id}`,\n    };\n\n    return singleChoice ? <Radio {...inputProps} /> : <Checkbox {...inputProps} indeterminate={indeterminate} />;\n});\n\nAction.displayName = 'TreeSelectorAction';\n"],"names":["_jsx"],"mappings":";;;;MAca,MAAM,GAAoB,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAI;AAC1G,IAAA,MAAM,YAAY,GAAyC,WAAW,CAClE,CAAC,KAAK,KAAI;QACN,QAAQ,CAAC,EAAE,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;AACvC,KAAC,EACD,CAAC,EAAE,EAAE,QAAQ,CAAC,CACjB,CAAC;AAEF,IAAA,MAAM,UAAU,GAAG;AACf,QAAA,OAAO,EAAE,QAAQ;AACjB,QAAA,QAAQ,EAAE,YAAY;QACtB,IAAI;QACJ,QAAQ,EAAE,CAAC,CAAC;QACZ,SAAS,EAAE,CAA2C,wCAAA,EAAA,EAAE,CAAE,CAAA;KAC7D,CAAC;IAEF,OAAO,YAAY,GAAGA,IAAC,KAAK,EAAA,EAAA,GAAK,UAAU,EAAI,CAAA,GAAGA,GAAA,CAAC,QAAQ,EAAK,EAAA,GAAA,UAAU,EAAE,aAAa,EAAE,aAAa,EAAA,CAAI,CAAC;AACjH,CAAC,EAAE;AAEH,MAAM,CAAC,WAAW,GAAG,oBAAoB;;;;"}
+{"version":3,"file":"Action.js","sources":["src/Action.tsx"],"sourcesContent":["import { ChangeEventHandler, FC, useCallback, memo } from 'react';\n\nimport { Checkbox, Radio } from '@hh.ru/magritte-ui-checkbox-radio';\nimport { TreeModel } from '@hh.ru/magritte-ui-tree-selector/collection/types';\n\ninterface ActionProps {\n    singleChoice?: boolean;\n    onChange: (id: string, isSelected: boolean) => void;\n    id: TreeModel['id'];\n    name?: string;\n    selected: boolean;\n    indeterminate?: boolean;\n}\n\nexport const Action: FC<ActionProps> = memo(({ id, name, singleChoice, indeterminate, selected, onChange }) => {\n    const handleChange: ChangeEventHandler<HTMLInputElement> = useCallback(\n        (event) => {\n            onChange(id, event.target.checked);\n        },\n        [id, onChange]\n    );\n\n    const inputProps = {\n        checked: selected,\n        onChange: handleChange,\n        name,\n        tabIndex: -1,\n        'data-qa': `tree-selector-input tree-selector-input-${id}`,\n    };\n\n    return singleChoice ? <Radio {...inputProps} /> : <Checkbox {...inputProps} indeterminate={indeterminate} />;\n});\n\nAction.displayName = 'TreeSelectorAction';\n"],"names":[],"mappings":";;;;AAca,MAAA,MAAA,GAA0B,IAAK,CAAA,CAAC,EAAE,EAAA,EAAI,MAAM,YAAc,EAAA,aAAA,EAAe,QAAU,EAAA,QAAA,EAAe,KAAA;AAC3G,EAAA,MAAM,YAAqD,GAAA,WAAA;AAAA,IACvD,CAAC,KAAU,KAAA;AACP,MAAS,QAAA,CAAA,EAAA,EAAI,KAAM,CAAA,MAAA,CAAO,OAAO,CAAA,CAAA;AAAA,KACrC;AAAA,IACA,CAAC,IAAI,QAAQ,CAAA;AAAA,GACjB,CAAA;AAEA,EAAA,MAAM,UAAa,GAAA;AAAA,IACf,OAAS,EAAA,QAAA;AAAA,IACT,QAAU,EAAA,YAAA;AAAA,IACV,IAAA;AAAA,IACA,QAAU,EAAA,CAAA,CAAA;AAAA,IACV,SAAA,EAAW,2CAA2C,EAAE,CAAA,CAAA;AAAA,GAC5D,CAAA;AAEA,EAAO,OAAA,YAAA,mBAAgB,GAAA,CAAA,KAAA,EAAA,EAAO,GAAG,UAAA,EAAY,oBAAM,GAAA,CAAA,QAAA,EAAA,EAAU,GAAG,UAAA,EAAY,aAA8B,EAAA,CAAA,CAAA;AAC9G,CAAC,EAAA;AAED,MAAA,CAAO,WAAc,GAAA,oBAAA;;;;"}

package/Item.d.ts

@@ -1,7 +1,7 @@
 import { PropsWithChildren, ReactElement, KeyboardEventHandler, AriaAttributes } from 'react';
-import TreeCollection from '@hh.ru/magritte-ui-tree-selector/collection/treeCollection';
-import { AdditionalDefault, IdCollectionPredicate, TreeModel } from '@hh.ru/magritte-ui-tree-selector/collection/types';
-import { RenderItem } from '@hh.ru/magritte-ui-tree-selector/types';
+import TreeCollection from './collection/treeCollection';
+import { AdditionalDefault, IdCollectionPredicate, TreeModel } from './collection/types';
+import { RenderItem } from './types';
 interface ItemProps<Additional extends AdditionalDefault> extends PropsWithChildren {
     collection: TreeCollection<Additional>;
     parentId?: TreeModel<Additional>['id'];

package/Item.js

@@ -9,64 +9,116 @@ 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-BOEDcwrO.js';
+import './tree-selector-item-BYBFlI_G.js';
 
 const ONE_BOX_MARGIN = 36;
 const getMargin = (allBoxesCount, hasShift, hasIndent) => {
-    let margin = 0;
-    if (allBoxesCount === 2) {
-        margin = ONE_BOX_MARGIN * 2;
-    }
-    else if (allBoxesCount === 3) {
-        margin = ONE_BOX_MARGIN * 3;
-    }
-    else {
-        margin = ONE_BOX_MARGIN;
-    }
-    if (hasIndent) {
-        return margin + ONE_BOX_MARGIN;
-    }
-    if (hasShift) {
-        return margin - ONE_BOX_MARGIN;
-    }
-    return margin;
+  let margin = 0;
+  if (allBoxesCount === 2) {
+    margin = ONE_BOX_MARGIN * 2;
+  } else if (allBoxesCount === 3) {
+    margin = ONE_BOX_MARGIN * 3;
+  } else {
+    margin = ONE_BOX_MARGIN;
+  }
+  if (hasIndent) {
+    return margin + ONE_BOX_MARGIN;
+  }
+  if (hasShift) {
+    return margin - ONE_BOX_MARGIN;
+  }
+  return margin;
 };
-const ItemComponent = ({ collection, item, parentId, isExpanded, isSelected, isIndeterminate, isDisabled, leavesOnly, singleChoice, isSearch, checkSelectable, onExpansion, onChange, renderItemForDesktop, cache, isTabbed, children, focusedId, ...ariaProps }) => {
-    const modelsOnLevel = useMemo(() => (parentId ? collection.getChildren(parentId) : collection.getTopLevel()), [parentId, collection]);
-    const hasLetterOnLevel = useMemo(() => {
-        return !isSearch && modelsOnLevel.some((model) => model.additional?.char);
-    }, [modelsOnLevel, isSearch]);
-    // максимальное кол-во контролов на уровне, максимум может быть 2 - шеврон + чекбокс/радио
-    const maxControlsOnLevel = useMemo(() => {
-        return modelsOnLevel.reduce((currentMax, model) => {
-            const hasChildren = collection.hasChildren(model.id);
-            const hasAction = !(leavesOnly && hasChildren) && checkSelectable?.(model.id, collection);
-            const actionCount = +hasChildren + +!!hasAction;
-            return Math.max(currentMax, actionCount);
-        }, 0);
-    }, [modelsOnLevel, checkSelectable, leavesOnly, collection]);
-    const hasChildren = collection.hasChildren(item.id);
-    const hasAction = !(leavesOnly && hasChildren) && checkSelectable?.(item.id, collection);
-    const hasLetter = item.additional?.char && !isSearch;
-    const realControlsCount = +hasChildren + +!!hasAction;
-    // точка заменяет недостающий контрол, если их суммарное кол-во на уровне больше суммарного значения на текущем уровне
-    const hasDot = realControlsCount < maxControlsOnLevel && (hasAction || hasChildren);
-    const hasParentAction = parentId ? !leavesOnly && checkSelectable?.(parentId, collection) : false;
-    const allBoxesCount = +hasLetterOnLevel + maxControlsOnLevel;
-    const hasShift = allBoxesCount > 1 &&
-        parentId &&
-        ((hasParentAction && (hasLetterOnLevel || hasChildren || hasDot)) || (!hasParentAction && hasLetterOnLevel));
-    const hasIndent = allBoxesCount === 0;
-    useMemo(() => {
-        cache[item.id] = getMargin(allBoxesCount, !!hasShift, hasIndent) + (parentId ? cache[parentId] : 0);
-        // eslint-disable-next-line 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);
-    return (jsxs("div", { style: { paddingLeft: margin }, "data-qa": classnames('tree-selector-item', `tree-selector-item-${item.id}`, {
-            'tree-selector-item-expanded': isExpanded,
-            [`tree-selector-child-${parentId}`]: parentId,
-        }), children: [jsx(ItemContent, { item: item, parentId: parentId, hasChildren: hasChildren, hasAction: !!hasAction, letter: hasLetter ? item.additional?.char : undefined, isExpanded: isExpanded, onExpansion: onExpansion, isSelected: isSelected, onChange: onChange, singleChoice: singleChoice, isIndeterminate: isIndeterminate, isDisabled: isDisabled, hasLetterOnLevel: hasLetterOnLevel, hasDot: hasDot, maxControlsOnLevel: maxControlsOnLevel, isSearch: isSearch, renderItemForDesktop: renderItemForDesktop, "aria-expanded": hasChildren ? isExpanded : undefined, "aria-selected": hasAction ? isSelected : undefined, ...ariaProps, tabIndex: isTabbed ? 0 : -1, focusedId: focusedId }), children] }));
+const ItemComponent = ({
+  collection,
+  item,
+  parentId,
+  isExpanded,
+  isSelected,
+  isIndeterminate,
+  isDisabled,
+  leavesOnly,
+  singleChoice,
+  isSearch,
+  checkSelectable,
+  onExpansion,
+  onChange,
+  renderItemForDesktop,
+  cache,
+  isTabbed,
+  children,
+  focusedId,
+  ...ariaProps
+}) => {
+  const modelsOnLevel = useMemo(
+    () => parentId ? collection.getChildren(parentId) : collection.getTopLevel(),
+    [parentId, collection]
+  );
+  const hasLetterOnLevel = useMemo(() => {
+    return !isSearch && modelsOnLevel.some((model) => model.additional?.char);
+  }, [modelsOnLevel, isSearch]);
+  const maxControlsOnLevel = useMemo(() => {
+    return modelsOnLevel.reduce((currentMax, model) => {
+      const hasChildren2 = collection.hasChildren(model.id);
+      const hasAction2 = !(leavesOnly && hasChildren2) && checkSelectable?.(model.id, collection);
+      const actionCount = +hasChildren2 + +!!hasAction2;
+      return Math.max(currentMax, actionCount);
+    }, 0);
+  }, [modelsOnLevel, checkSelectable, leavesOnly, collection]);
+  const hasChildren = collection.hasChildren(item.id);
+  const hasAction = !(leavesOnly && hasChildren) && checkSelectable?.(item.id, collection);
+  const hasLetter = item.additional?.char && !isSearch;
+  const realControlsCount = +hasChildren + +!!hasAction;
+  const hasDot = realControlsCount < maxControlsOnLevel && (hasAction || hasChildren);
+  const hasParentAction = parentId ? !leavesOnly && checkSelectable?.(parentId, collection) : false;
+  const allBoxesCount = +hasLetterOnLevel + maxControlsOnLevel;
+  const hasShift = allBoxesCount > 1 && parentId && (hasParentAction && (hasLetterOnLevel || hasChildren || hasDot) || !hasParentAction && hasLetterOnLevel);
+  const hasIndent = allBoxesCount === 0;
+  useMemo(() => {
+    cache[item.id] = getMargin(allBoxesCount, !!hasShift, hasIndent) + (parentId ? cache[parentId] : 0);
+  }, [item.id, parentId]);
+  let margin = parentId ? cache[parentId] : 0;
+  margin = margin + (hasShift ? -ONE_BOX_MARGIN : 0) + (hasIndent ? ONE_BOX_MARGIN : 0);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: { paddingLeft: margin },
+      "data-qa": classnames("tree-selector-item", `tree-selector-item-${item.id}`, {
+        "tree-selector-item-expanded": isExpanded,
+        [`tree-selector-child-${parentId}`]: parentId
+      }),
+      children: [
+        /* @__PURE__ */ jsx(
+          ItemContent,
+          {
+            item,
+            parentId,
+            hasChildren,
+            hasAction: !!hasAction,
+            letter: hasLetter ? item.additional?.char : void 0,
+            isExpanded,
+            onExpansion,
+            isSelected,
+            onChange,
+            singleChoice,
+            isIndeterminate,
+            isDisabled,
+            hasLetterOnLevel,
+            hasDot,
+            maxControlsOnLevel,
+            isSearch,
+            renderItemForDesktop,
+            "aria-expanded": hasChildren ? isExpanded : void 0,
+            "aria-selected": hasAction ? isSelected : void 0,
+            ...ariaProps,
+            tabIndex: isTabbed ? 0 : -1,
+            focusedId
+          }
+        ),
+        children
+      ]
+    }
+  );
 };
 const Item = memo(ItemComponent);
 

package/Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.js","sources":["src/Item.tsx"],"sourcesContent":["import { PropsWithChildren, ReactElement, useMemo, memo, KeyboardEventHandler, AriaAttributes } 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    isTabbed: boolean;\n    focusedId?: string;\n    onKeyDown?: KeyboardEventHandler;\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    isTabbed,\n    children,\n    focusedId,\n    ...ariaProps\n}: ItemProps<Additional> & AriaAttributes): 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 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                aria-expanded={hasChildren ? isExpanded : undefined}\n                aria-selected={hasAction ? isSelected : undefined}\n                {...ariaProps}\n                tabIndex={isTabbed ? 0 : -1}\n                focusedId={focusedId}\n            />\n\n            {children}\n        </div>\n    );\n};\n\nexport const Item = memo(ItemComponent) as <Additional extends AdditionalDefault>(\n    props: ItemProps<Additional> & AriaAttributes\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, KeyboardEventHandler, AriaAttributes } 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    isTabbed: boolean;\n    focusedId?: string;\n    onKeyDown?: KeyboardEventHandler;\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    isTabbed,\n    children,\n    focusedId,\n    ...ariaProps\n}: ItemProps<Additional> & AriaAttributes): 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 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                aria-expanded={hasChildren ? isExpanded : undefined}\n                aria-selected={hasAction ? isSelected : undefined}\n                {...ariaProps}\n                tabIndex={isTabbed ? 0 : -1}\n                focusedId={focusedId}\n            />\n\n            {children}\n        </div>\n    );\n};\n\nexport const Item = memo(ItemComponent) as <Additional extends AdditionalDefault>(\n    props: ItemProps<Additional> & AriaAttributes\n) => ReactElement;\n"],"names":["hasChildren","hasAction"],"mappings":"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"}

package/ItemContent.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
-import { AdditionalDefault, TreeModel } from '@hh.ru/magritte-ui-tree-selector/collection/types';
-import { RenderItem } from '@hh.ru/magritte-ui-tree-selector/types';
+import { AdditionalDefault, TreeModel } from './collection/types';
+import { RenderItem } from './types';
 interface ItemContent<Additional extends AdditionalDefault> {
     item: TreeModel<Additional>;
     parentId?: TreeModel<Additional>['id'];

package/ItemContent.js

@@ -6,24 +6,78 @@ 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-BOEDcwrO.js';
+import { s as styles } from './tree-selector-item-BYBFlI_G.js';
 import '@hh.ru/magritte-ui-checkbox-radio';
 import '@hh.ru/magritte-ui-cell';
 
-const ItemContentComponent = ({ item, parentId, hasAction, hasChildren, letter, isExpanded, isDisabled, onExpansion, hasLetterOnLevel, isSelected, onChange, isIndeterminate, singleChoice, hasDot, maxControlsOnLevel, isSearch, renderItemForDesktop = TreeSelectorItemBase, focusedId, ...ariaProps }) => {
-    const handleExpandableClick = useCallback(() => onExpansion && onExpansion(item.id), [item.id, onExpansion]);
-    const currentActionCount = +hasDot + +hasAction + +hasChildren;
-    const neededSpacesCount = maxControlsOnLevel - currentActionCount;
-    const ref = useRef(null);
-    useEffect(() => {
-        if (focusedId === item.id && ref.current) {
-            ref.current.focus();
-        }
-    }, [focusedId, item.id]);
-    const input = hasAction ? (jsx(Action, { selected: isSelected, onChange: onChange, id: item.id, indeterminate: isIndeterminate, singleChoice: singleChoice, name: `tree-selector-item-${parentId || 'top'}-${item.id}` })) : undefined;
-    return (jsxs("div", { className: classnames(styles.wrapper, { [styles.wrapperActive]: hasChildren || hasAction }), onClick: hasChildren && !hasAction ? handleExpandableClick : undefined, role: "treeitem", ref: ref, ...ariaProps, 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, { initialColor: "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 tree-selector-chevron-${item.id}`, onClick: hasAction ? handleExpandableClick : undefined, children: jsx(ChevronRightOutlinedSize24, { initialColor: "tertiary" }) })), renderItemForDesktop({ disabled: isDisabled, input, item, isSearch, isParent: hasChildren })] }));
+const ItemContentComponent = ({
+  item,
+  parentId,
+  hasAction,
+  hasChildren,
+  letter,
+  isExpanded,
+  isDisabled,
+  onExpansion,
+  hasLetterOnLevel,
+  isSelected,
+  onChange,
+  isIndeterminate,
+  singleChoice,
+  hasDot,
+  maxControlsOnLevel,
+  isSearch,
+  renderItemForDesktop = TreeSelectorItemBase,
+  focusedId,
+  ...ariaProps
+}) => {
+  const handleExpandableClick = useCallback(() => onExpansion && onExpansion(item.id), [item.id, onExpansion]);
+  const currentActionCount = +hasDot + +hasAction + +hasChildren;
+  const neededSpacesCount = maxControlsOnLevel - currentActionCount;
+  const ref = useRef(null);
+  useEffect(() => {
+    if (focusedId === item.id && ref.current) {
+      ref.current.focus();
+    }
+  }, [focusedId, item.id]);
+  const input = hasAction ? /* @__PURE__ */ jsx(
+    Action,
+    {
+      selected: isSelected,
+      onChange,
+      id: item.id,
+      indeterminate: isIndeterminate,
+      singleChoice,
+      name: `tree-selector-item-${parentId || "top"}-${item.id}`
+    }
+  ) : void 0;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: classnames(styles.wrapper, { [styles.wrapperActive]: hasChildren || hasAction }),
+      onClick: hasChildren && !hasAction ? handleExpandableClick : void 0,
+      role: "treeitem",
+      ref,
+      ...ariaProps,
+      children: [
+        (letter || hasLetterOnLevel) && /* @__PURE__ */ jsx("div", { className: styles.letter, children: letter && /* @__PURE__ */ jsx(Text, { typography: "subtitle-1-semibold", style: "secondary", Element: "span", children: letter }) }),
+        hasDot && /* @__PURE__ */ jsx("div", { className: styles.icon, children: /* @__PURE__ */ jsx(DotFilledSize24, { initialColor: "tertiary" }) }),
+        [...Array(neededSpacesCount).keys()].map((_, i) => /* @__PURE__ */ jsx("div", { className: styles.space }, i)),
+        hasChildren && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: classnames(styles.icon, styles.iconActive, {
+              [styles.iconUp]: isExpanded
+            }),
+            "data-qa": `tree-selector-chevron tree-selector-chevron-${item.id}`,
+            onClick: hasAction ? handleExpandableClick : void 0,
+            children: /* @__PURE__ */ jsx(ChevronRightOutlinedSize24, { initialColor: "tertiary" })
+          }
+        ),
+        renderItemForDesktop({ disabled: isDisabled, input, item, isSearch, isParent: hasChildren })
+      ]
+    }
+  );
 };
 const ItemContent = memo(ItemContentComponent);
 

package/ItemContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemContent.js","sources":["src/ItemContent.tsx"],"sourcesContent":["import { ReactElement, useCallback, memo, useRef, useEffect, AriaAttributes } from 'react';\nimport classnames from 'classnames';\n\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    tabIndex?: number;\n    focusedId?: string;\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    focusedId,\n    ...ariaProps\n}: ItemContent<Additional> & AriaAttributes): ReactElement => {\n    const handleExpandableClick = useCallback(() => onExpansion && onExpansion(item.id), [item.id, onExpansion]);\n    const currentActionCount = +hasDot + +hasAction + +hasChildren;\n    const neededSpacesCount = maxControlsOnLevel - currentActionCount;\n    const ref = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        if (focusedId === item.id && ref.current) {\n            ref.current.focus();\n        }\n    }, [focusedId, item.id]);\n\n    const input = hasAction ? (\n        <Action\n            selected={isSelected}\n            onChange={onChange}\n            id={item.id}\n            indeterminate={isIndeterminate}\n            singleChoice={singleChoice}\n            name={`tree-selector-item-${parentId || 'top'}-${item.id}`}\n        />\n    ) : undefined;\n\n    return (\n        <div\n            className={classnames(styles.wrapper, { [styles.wrapperActive]: hasChildren || hasAction })}\n            onClick={hasChildren && !hasAction ? handleExpandableClick : undefined}\n            role=\"treeitem\"\n            ref={ref}\n            {...ariaProps}\n        >\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 initialColor=\"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 tree-selector-chevron-${item.id}`}\n                    onClick={hasAction ? handleExpandableClick : undefined}\n                >\n                    <ChevronRightOutlinedSize24 initialColor=\"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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"}
+{"version":3,"file":"ItemContent.js","sources":["src/ItemContent.tsx"],"sourcesContent":["import { ReactElement, useCallback, memo, useRef, useEffect, AriaAttributes } from 'react';\nimport classnames from 'classnames';\n\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    tabIndex?: number;\n    focusedId?: string;\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    focusedId,\n    ...ariaProps\n}: ItemContent<Additional> & AriaAttributes): ReactElement => {\n    const handleExpandableClick = useCallback(() => onExpansion && onExpansion(item.id), [item.id, onExpansion]);\n    const currentActionCount = +hasDot + +hasAction + +hasChildren;\n    const neededSpacesCount = maxControlsOnLevel - currentActionCount;\n    const ref = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        if (focusedId === item.id && ref.current) {\n            ref.current.focus();\n        }\n    }, [focusedId, item.id]);\n\n    const input = hasAction ? (\n        <Action\n            selected={isSelected}\n            onChange={onChange}\n            id={item.id}\n            indeterminate={isIndeterminate}\n            singleChoice={singleChoice}\n            name={`tree-selector-item-${parentId || 'top'}-${item.id}`}\n        />\n    ) : undefined;\n\n    return (\n        <div\n            className={classnames(styles.wrapper, { [styles.wrapperActive]: hasChildren || hasAction })}\n            onClick={hasChildren && !hasAction ? handleExpandableClick : undefined}\n            role=\"treeitem\"\n            ref={ref}\n            {...ariaProps}\n        >\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 initialColor=\"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 tree-selector-chevron-${item.id}`}\n                    onClick={hasAction ? handleExpandableClick : undefined}\n                >\n                    <ChevronRightOutlinedSize24 initialColor=\"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":[],"mappings":"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"}

package/ItemsList.d.ts

@@ -1,7 +1,7 @@
 import { ReactElement, ReactNode } from 'react';
-import TreeCollection from '@hh.ru/magritte-ui-tree-selector/collection/treeCollection';
-import { AdditionalDefault, IdCollectionPredicate } from '@hh.ru/magritte-ui-tree-selector/collection/types';
-import { RenderItem } from '@hh.ru/magritte-ui-tree-selector/types';
+import TreeCollection from './collection/treeCollection';
+import { AdditionalDefault, IdCollectionPredicate } from './collection/types';
+import { RenderItem } from './types';
 interface ItemsListProps<Additional extends AdditionalDefault> {
     collection: TreeCollection<Additional>;
     leavesOnly?: boolean;