@snack-uikit/tree 0.8.27 → 0.8.28-preview-dc056d73.0

package/dist/cjs/contexts/TreeContext.js

@@ -99,6 +99,9 @@ function TreeContextProvider(_ref) {
     if (node.disabled) {
       return;
     }
+    if (node === null || node === void 0 ? void 0 : node.hideSelection) {
+      return;
+    }
     if (isSingleSelect) {
       onSelect(node);
     }

package/dist/cjs/helperComponents/TreeNode/TreeNode.d.ts

@@ -7,5 +7,7 @@ type TreeNodeComponentProps = TreeNodeProps & {
     isLoading?: boolean;
     parentNode?: ParentNode;
     tabIndexAvailable?: boolean;
+    /** Скрываем элемент выбора */
+    hideSelection?: boolean;
 };
 export declare const TreeNode: import("react").ForwardRefExoticComponent<TreeNodeComponentProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/cjs/helperComponents/TreeNode/TreeNode.js

@@ -54,9 +54,10 @@ exports.TreeNode = (0, react_1.forwardRef)((_a, ref) => {
       onKeyDown,
       isLoading,
       parentNode,
-      tabIndexAvailable
+      tabIndexAvailable,
+      hideSelection
     } = _a,
-    rest = __rest(_a, ["id", "title", "icon", "expandedIcon", "collapsedIcon", "disabled", "onClick", "nested", "className", "onChevronClick", "onKeyDown", "isLoading", "parentNode", "tabIndexAvailable"]);
+    rest = __rest(_a, ["id", "title", "icon", "expandedIcon", "collapsedIcon", "disabled", "onClick", "nested", "className", "onChevronClick", "onKeyDown", "isLoading", "parentNode", "tabIndexAvailable", "hideSelection"]);
   const {
     isMultiSelect,
     isSelectable,
@@ -105,6 +106,7 @@ exports.TreeNode = (0, react_1.forwardRef)((_a, ref) => {
       disabled,
       nested,
       onClick
+      // hideSelection // Упадет если раскомментить
     }, e);
   };
   const handleSelect = () => {
@@ -235,7 +237,7 @@ exports.TreeNode = (0, react_1.forwardRef)((_a, ref) => {
       className: styles_module_scss_1.default.treeNodeContent,
       "data-test-id": constants_1.TEST_IDS.item,
       ref: contentRef,
-      children: [(isMultiSelect || showToggle) && (0, jsx_runtime_1.jsxs)("div", {
+      children: [(isMultiSelect || showToggle) && !hideSelection && (0, jsx_runtime_1.jsxs)("div", {
         className: styles_module_scss_1.default.treeNodeCheckboxWrap,
         children: [isMultiSelect && (0, jsx_runtime_1.jsx)(toggles_1.Checkbox, {
           size: 's',

package/dist/cjs/types.d.ts

@@ -21,6 +21,7 @@ export type ChildTreeNode = BaseTreeNode & {
     nested?: never;
     expandedIcon?: never;
     collapsedIcon?: never;
+    hideSelection?: never;
 };
 export type ParentTreeNode = BaseTreeNode & {
     icon?: never;
@@ -30,10 +31,12 @@ export type ParentTreeNode = BaseTreeNode & {
     collapsedIcon?: ReactNode;
     /** Вложенные элементы дерева */
     nested: (ChildTreeNode | ParentTreeNode)[];
+    /** Скрываем элемент выбора */
+    hideSelection?: boolean;
     title: string | ((value: Pick<ParentTreeNode, 'id' | 'disabled' | 'nested'>) => ReactNode);
 };
 export type TreeNodeProps = ChildTreeNode | ParentTreeNode;
-export type ParentNode = Pick<TreeNodeProps, 'id' | 'nested'> & {
+export type ParentNode = Pick<TreeNodeProps, 'id' | 'nested' | 'hideSelection'> & {
     parentNode?: ParentNode;
 };
 export type OnNodeClick = (node: TreeNodeProps, e: MouseEvent) => void;

package/dist/esm/contexts/TreeContext.js

@@ -81,6 +81,9 @@ export function TreeContextProvider({ children, value }) {
         if (node.disabled) {
             return;
         }
+        if (node === null || node === void 0 ? void 0 : node.hideSelection) {
+            return;
+        }
         if (isSingleSelect) {
             onSelect(node);
         }

package/dist/esm/helperComponents/TreeNode/TreeNode.d.ts

@@ -7,5 +7,7 @@ type TreeNodeComponentProps = TreeNodeProps & {
     isLoading?: boolean;
     parentNode?: ParentNode;
     tabIndexAvailable?: boolean;
+    /** Скрываем элемент выбора */
+    hideSelection?: boolean;
 };
 export declare const TreeNode: import("react").ForwardRefExoticComponent<TreeNodeComponentProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/esm/helperComponents/TreeNode/TreeNode.js

@@ -26,7 +26,7 @@ import { TreeNodeActions } from './components';
 import styles from './styles.module.css';
 import { stopPropagationClick } from './utils';
 export const TreeNode = forwardRef((_a, ref) => {
-    var { id, title, icon = _jsx(FileSVG, { size: 24 }), expandedIcon = _jsx(FolderOpenSVG, { size: 24 }), collapsedIcon = _jsx(FolderSVG, { size: 24 }), disabled, onClick, nested, className, onChevronClick, onKeyDown, isLoading, parentNode, tabIndexAvailable } = _a, rest = __rest(_a, ["id", "title", "icon", "expandedIcon", "collapsedIcon", "disabled", "onClick", "nested", "className", "onChevronClick", "onKeyDown", "isLoading", "parentNode", "tabIndexAvailable"]);
+    var { id, title, icon = _jsx(FileSVG, { size: 24 }), expandedIcon = _jsx(FolderOpenSVG, { size: 24 }), collapsedIcon = _jsx(FolderSVG, { size: 24 }), disabled, onClick, nested, className, onChevronClick, onKeyDown, isLoading, parentNode, tabIndexAvailable, hideSelection } = _a, rest = __rest(_a, ["id", "title", "icon", "expandedIcon", "collapsedIcon", "disabled", "onClick", "nested", "className", "onChevronClick", "onKeyDown", "isLoading", "parentNode", "tabIndexAvailable", "hideSelection"]);
     const { isMultiSelect, isSelectable, onNodeClick, selected, expandedNodes, onSelect, nodeActions, parentActions, setFocusPosition, resetFocusPosition, focusedNodeId, setFocusIndex, focusableNodeIds, showToggle, showLines, showIcons, } = useTreeContext();
     const [isDroplistOpen, setDroplistOpen] = useState(false);
     const [isDroplistTriggerFocused, setFocusDroplistTrigger] = useState(false);
@@ -60,6 +60,7 @@ export const TreeNode = forwardRef((_a, ref) => {
             disabled,
             nested,
             onClick,
+            // hideSelection // Упадет если раскомментить
         }, e);
     };
     const handleSelect = () => {
@@ -141,7 +142,7 @@ export const TreeNode = forwardRef((_a, ref) => {
     const getNodeActions = nested ? parentActions : nodeActions;
     return (_jsxs("div", Object.assign({ role: 'presentation', className: cn(styles.treeNode, className) }, extractSupportProps(rest), { "data-node-id": id, ref: ref, children: [parentNode && (_jsx(TreeLine, { halfWidth: Boolean(nested), horizontal: true, visible: showLines, "data-test-id": TEST_IDS.line })), !parentNode && !nested && _jsx(TreeLine, { visible: false }), isExpandable && (_jsxs("div", { className: styles.treeNodeExpandButtonWrapper, children: [_jsx(ButtonFunction, { size: 'xs', icon: _jsx(ChevronRightSVG, {}), loading: isLoading, onClick: onChevronClick, "data-expanded": isExpanded || undefined, className: styles.treeNodeExpandButton, tabIndex: -1, "data-test-id": TEST_IDS.chevron }), _jsx(TreeLine, { visible: isExpanded && showLines, height: '100%' })] })), _jsxs("div", { role: 'treeitem', "aria-expanded": isExpanded, "aria-selected": isSelectable
                     ? isSelected || ((nestedNodesSelection === null || nestedNodesSelection === void 0 ? void 0 : nestedNodesSelection.someSelected) && !isExpanded && !isMultiSelect)
-                    : undefined, "aria-disabled": disabled, "data-multiselect": isMultiSelect || undefined, "data-droplist-active": isDroplistOpen || isDroplistTriggerFocused || undefined, onClick: handleClick, onKeyDown: handleKeyDown, onFocus: handleFocus, onBlur: resetFocusPosition, tabIndex: tabIndexAvailable ? 0 : -1, className: styles.treeNodeContent, "data-test-id": TEST_IDS.item, ref: contentRef, children: [(isMultiSelect || showToggle) && (_jsxs("div", { className: styles.treeNodeCheckboxWrap, children: [isMultiSelect && (_jsx(Checkbox, { size: 's', disabled: disabled, checked: isSelected, indeterminate: !isSelected && (nestedNodesSelection === null || nestedNodesSelection === void 0 ? void 0 : nestedNodesSelection.someSelected), onChange: handleSelect, onClick: stopPropagationClick, "data-test-id": TEST_IDS.checkbox, tabIndex: -1 })), showToggle && (_jsx(Radio, { size: 's', checked: isSelected, disabled: disabled, "data-test-id": TEST_IDS.radio, tabIndex: -1 }))] })), treeNodeIcon && (_jsx("div", { className: styles.treeNodeIcon, "data-test-id": TEST_IDS.icon, children: treeNodeIcon })), _jsxs(Typography.SansBodyM, { tag: 'div', className: styles.treeNodeTitle, children: [typeof title === 'string' && _jsx(TruncateString, { text: title, "data-test-id": TEST_IDS.title }), typeof title !== 'string' && title({ id, disabled, nested })] }), getNodeActions && (_jsx(TreeNodeActions, { getNodeActions: getNodeActions, node: {
+                    : undefined, "aria-disabled": disabled, "data-multiselect": isMultiSelect || undefined, "data-droplist-active": isDroplistOpen || isDroplistTriggerFocused || undefined, onClick: handleClick, onKeyDown: handleKeyDown, onFocus: handleFocus, onBlur: resetFocusPosition, tabIndex: tabIndexAvailable ? 0 : -1, className: styles.treeNodeContent, "data-test-id": TEST_IDS.item, ref: contentRef, children: [(isMultiSelect || showToggle) && !hideSelection && (_jsxs("div", { className: styles.treeNodeCheckboxWrap, children: [isMultiSelect && (_jsx(Checkbox, { size: 's', disabled: disabled, checked: isSelected, indeterminate: !isSelected && (nestedNodesSelection === null || nestedNodesSelection === void 0 ? void 0 : nestedNodesSelection.someSelected), onChange: handleSelect, onClick: stopPropagationClick, "data-test-id": TEST_IDS.checkbox, tabIndex: -1 })), showToggle && (_jsx(Radio, { size: 's', checked: isSelected, disabled: disabled, "data-test-id": TEST_IDS.radio, tabIndex: -1 }))] })), treeNodeIcon && (_jsx("div", { className: styles.treeNodeIcon, "data-test-id": TEST_IDS.icon, children: treeNodeIcon })), _jsxs(Typography.SansBodyM, { tag: 'div', className: styles.treeNodeTitle, children: [typeof title === 'string' && _jsx(TruncateString, { text: title, "data-test-id": TEST_IDS.title }), typeof title !== 'string' && title({ id, disabled, nested })] }), getNodeActions && (_jsx(TreeNodeActions, { getNodeActions: getNodeActions, node: {
                             id,
                             title,
                             disabled,

package/dist/esm/types.d.ts

@@ -21,6 +21,7 @@ export type ChildTreeNode = BaseTreeNode & {
     nested?: never;
     expandedIcon?: never;
     collapsedIcon?: never;
+    hideSelection?: never;
 };
 export type ParentTreeNode = BaseTreeNode & {
     icon?: never;
@@ -30,10 +31,12 @@ export type ParentTreeNode = BaseTreeNode & {
     collapsedIcon?: ReactNode;
     /** Вложенные элементы дерева */
     nested: (ChildTreeNode | ParentTreeNode)[];
+    /** Скрываем элемент выбора */
+    hideSelection?: boolean;
     title: string | ((value: Pick<ParentTreeNode, 'id' | 'disabled' | 'nested'>) => ReactNode);
 };
 export type TreeNodeProps = ChildTreeNode | ParentTreeNode;
-export type ParentNode = Pick<TreeNodeProps, 'id' | 'nested'> & {
+export type ParentNode = Pick<TreeNodeProps, 'id' | 'nested' | 'hideSelection'> & {
     parentNode?: ParentNode;
 };
 export type OnNodeClick = (node: TreeNodeProps, e: MouseEvent) => void;

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Tree",
-  "version": "0.8.27",
+  "version": "0.8.28-preview-dc056d73.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -47,5 +47,5 @@
     "react-transition-state": "2.1.1",
     "uncontrollable": "8.0.4"
   },
-  "gitHead": "ad5274413320bf7880ba3c2d1124610281d0de81"
+  "gitHead": "a123f7420a510cc0e41acd975a0abcaed546598b"
 }

package/src/contexts/TreeContext.tsx

@@ -138,6 +138,9 @@ export function TreeContextProvider({ children, value }: TreeContextProviderProp
       if (node.disabled) {
         return;
       }
+      if (node?.hideSelection) {
+        return;
+      }
 
       if (isSingleSelect) {
         onSelect(node);

package/src/helperComponents/TreeNode/TreeNode.tsx

@@ -34,6 +34,8 @@ type TreeNodeComponentProps = TreeNodeProps & {
   isLoading?: boolean;
   parentNode?: ParentNode;
   tabIndexAvailable?: boolean;
+  /** Скрываем элемент выбора */
+  hideSelection?: boolean;
 };
 
 export const TreeNode = forwardRef<HTMLDivElement, TreeNodeComponentProps>(
@@ -53,6 +55,7 @@ export const TreeNode = forwardRef<HTMLDivElement, TreeNodeComponentProps>(
       isLoading,
       parentNode,
       tabIndexAvailable,
+      hideSelection,
       ...rest
     },
     ref,
@@ -119,6 +122,7 @@ export const TreeNode = forwardRef<HTMLDivElement, TreeNodeComponentProps>(
           disabled,
           nested,
           onClick,
+          // hideSelection // Упадет если раскомментить
         },
         e,
       );
@@ -269,7 +273,7 @@ export const TreeNode = forwardRef<HTMLDivElement, TreeNodeComponentProps>(
           data-test-id={TEST_IDS.item}
           ref={contentRef}
         >
-          {(isMultiSelect || showToggle) && (
+          {(isMultiSelect || showToggle) && !hideSelection && (
             <div className={styles.treeNodeCheckboxWrap}>
               {isMultiSelect && (
                 <Checkbox

package/src/types.ts

@@ -27,6 +27,7 @@ export type ChildTreeNode = BaseTreeNode & {
   nested?: never;
   expandedIcon?: never;
   collapsedIcon?: never;
+  hideSelection?: never;
 };
 
 export type ParentTreeNode = BaseTreeNode & {
@@ -38,12 +39,15 @@ export type ParentTreeNode = BaseTreeNode & {
   /** Вложенные элементы дерева */
   nested: (ChildTreeNode | ParentTreeNode)[];
 
+  /** Скрываем элемент выбора */
+  hideSelection?: boolean;
+
   title: string | ((value: Pick<ParentTreeNode, 'id' | 'disabled' | 'nested'>) => ReactNode);
 };
 
 export type TreeNodeProps = ChildTreeNode | ParentTreeNode;
 
-export type ParentNode = Pick<TreeNodeProps, 'id' | 'nested'> & { parentNode?: ParentNode };
+export type ParentNode = Pick<TreeNodeProps, 'id' | 'nested' | 'hideSelection'> & { parentNode?: ParentNode };
 
 export type OnNodeClick = (node: TreeNodeProps, e: MouseEvent) => void;