@snack-uikit/tree 0.6.29 → 0.6.30-preview-71543426.0

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

@@ -0,0 +1,280 @@
+"use strict";
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TreeNode = TreeNode;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = require("react");
+const button_1 = require("@snack-uikit/button");
+const icons_1 = require("@snack-uikit/icons");
+const toggles_1 = require("@snack-uikit/toggles");
+const truncate_string_1 = require("@snack-uikit/truncate-string");
+const typography_1 = require("@snack-uikit/typography");
+const utils_1 = require("@snack-uikit/utils");
+const constants_1 = require("../../constants");
+const TreeContext_1 = require("../../contexts/TreeContext");
+const helpers_1 = require("../../helpers");
+const TreeLine_1 = require("../TreeLine");
+const components_1 = require("./components");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+const utils_2 = require("./utils");
+function TreeNode(_a) {
+  var {
+      id,
+      title,
+      icon = (0, jsx_runtime_1.jsx)(icons_1.FileSVG, {
+        size: 24
+      }),
+      expandedIcon = (0, jsx_runtime_1.jsx)(icons_1.FolderOpenSVG, {
+        size: 24
+      }),
+      collapsedIcon = (0, jsx_runtime_1.jsx)(icons_1.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"]);
+  const {
+    isMultiSelect,
+    isSelectable,
+    onNodeClick,
+    selected,
+    expandedNodes,
+    onSelect,
+    nodeActions,
+    parentActions,
+    setFocusPosition,
+    resetFocusPosition,
+    focusedNodeId,
+    setFocusIndex,
+    focusableNodeIds,
+    showToggle,
+    showLines,
+    showIcons
+  } = (0, TreeContext_1.useTreeContext)();
+  const [isDroplistOpen, setDroplistOpen] = (0, react_1.useState)(false);
+  const [isDroplistTriggerFocused, setFocusDroplistTrigger] = (0, react_1.useState)(false);
+  const ref = (0, react_1.useRef)(null);
+  const isExpandable = Array.isArray(nested);
+  const isExpanded = isExpandable ? expandedNodes === null || expandedNodes === void 0 ? void 0 : expandedNodes.includes(id) : undefined;
+  const nestedNodesSelection = (0, react_1.useMemo)(() => {
+    if (!nested || !selected) return undefined;
+    return (0, helpers_1.checkNestedNodesSelection)(nested, Array.isArray(selected) ? selected : [selected]);
+  }, [nested, selected]);
+  const isSelected = (Array.isArray(selected) ? selected.includes(id) || (nestedNodesSelection === null || nestedNodesSelection === void 0 ? void 0 : nestedNodesSelection.allSelected) : selected === id) || false;
+  const isFocused = focusedNodeId === id;
+  (0, react_1.useEffect)(() => {
+    if (ref.current && isFocused) {
+      ref.current.focus();
+    }
+  }, [isFocused]);
+  const treeNodeIcon = (0, react_1.useMemo)(() => {
+    if (!showIcons) return undefined;
+    if (isExpandable) {
+      return isExpanded ? expandedIcon : collapsedIcon;
+    }
+    return icon;
+  }, [showIcons, isExpandable, icon, isExpanded, expandedIcon, collapsedIcon]);
+  const handleClick = e => {
+    onNodeClick({
+      id,
+      title,
+      disabled,
+      nested,
+      onClick
+    }, e);
+  };
+  const handleSelect = () => {
+    onSelect({
+      id,
+      disabled,
+      nested
+    }, parentNode);
+  };
+  const handleFocus = e => {
+    var _a;
+    setFocusPosition(id);
+    if (!e) {
+      setFocusDroplistTrigger(false);
+      (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+  };
+  const handleBlurActions = () => {
+    var _a;
+    if (isDroplistTriggerFocused && !isDroplistOpen) {
+      setFocusDroplistTrigger(false);
+      (_a = ref.current) === null || _a === void 0 ? void 0 : _a.blur();
+    }
+  };
+  const handleKeyDown = e => {
+    var _a, _b;
+    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
+    const focusableCount = focusableNodeIds.length;
+    switch (e.key) {
+      case 'ArrowDown':
+        {
+          e.preventDefault();
+          setFocusIndex(function () {
+            let prev = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+            if (prev >= focusableCount - 1) {
+              return focusableCount - 1;
+            }
+            return prev + 1;
+          });
+          return;
+        }
+      case 'ArrowUp':
+        {
+          e.preventDefault();
+          setFocusIndex(function () {
+            let prev = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+            if (!prev) {
+              return 0;
+            }
+            return prev - 1;
+          });
+          return;
+        }
+      case 'ArrowRight':
+        {
+          e.preventDefault();
+          if (isExpanded || !isExpandable || disabled) {
+            setFocusDroplistTrigger(true);
+          }
+          return;
+        }
+      case 'ArrowLeft':
+        {
+          e.preventDefault();
+          if (isDroplistTriggerFocused) {
+            setFocusDroplistTrigger(false);
+            (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();
+          }
+          return;
+        }
+      case 'Escape':
+        {
+          (_b = ref.current) === null || _b === void 0 ? void 0 : _b.blur();
+          return;
+        }
+      case ' ':
+      case 'Enter':
+        {
+          e.preventDefault();
+          handleSelect();
+          return;
+        }
+      default:
+        return;
+    }
+  };
+  const getNodeActions = Boolean(nested) ? parentActions : nodeActions;
+  return (0, jsx_runtime_1.jsxs)("div", Object.assign({
+    role: 'presentation',
+    className: (0, classnames_1.default)(styles_module_scss_1.default.treeNode, className)
+  }, (0, utils_1.extractSupportProps)(rest), {
+    "data-node-id": id,
+    children: [parentNode && (0, jsx_runtime_1.jsx)(TreeLine_1.TreeLine, {
+      halfWidth: Boolean(nested),
+      horizontal: true,
+      visible: showLines,
+      "data-test-id": constants_1.TEST_IDS.line
+    }), !parentNode && !Boolean(nested) && (0, jsx_runtime_1.jsx)(TreeLine_1.TreeLine, {
+      visible: false
+    }), isExpandable && (0, jsx_runtime_1.jsx)(button_1.ButtonFunction, {
+      size: 'xs',
+      icon: (0, jsx_runtime_1.jsx)(icons_1.ChevronRightSVG, {}),
+      loading: isLoading,
+      onClick: onChevronClick,
+      "data-expanded": isExpanded || undefined,
+      className: styles_module_scss_1.default.treeNodeExpandButton,
+      tabIndex: -1,
+      "data-test-id": constants_1.TEST_IDS.chevron
+    }), (0, jsx_runtime_1.jsxs)("div", {
+      role: 'treeitem',
+      "aria-expanded": isExpanded,
+      "aria-selected": isSelectable ? isSelected : 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_module_scss_1.default.treeNodeContent,
+      "data-test-id": constants_1.TEST_IDS.item,
+      ref: ref,
+      children: [(isMultiSelect || showToggle) && (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',
+          disabled: disabled,
+          checked: isSelected,
+          indeterminate: !isSelected && (nestedNodesSelection === null || nestedNodesSelection === void 0 ? void 0 : nestedNodesSelection.someSelected),
+          onChange: handleSelect,
+          onClick: utils_2.stopPropagationClick,
+          "data-test-id": constants_1.TEST_IDS.checkbox,
+          tabIndex: -1
+        }), showToggle && (0, jsx_runtime_1.jsx)(toggles_1.Radio, {
+          size: 's',
+          checked: isSelected,
+          disabled: disabled || !isSelected && (nestedNodesSelection === null || nestedNodesSelection === void 0 ? void 0 : nestedNodesSelection.someSelected),
+          "data-test-id": constants_1.TEST_IDS.radio,
+          tabIndex: -1
+        })]
+      }), treeNodeIcon && (0, jsx_runtime_1.jsx)("div", {
+        className: styles_module_scss_1.default.treeNodeIcon,
+        "data-test-id": constants_1.TEST_IDS.icon,
+        children: treeNodeIcon
+      }), (0, jsx_runtime_1.jsxs)(typography_1.Typography.SansBodyM, {
+        tag: 'div',
+        className: styles_module_scss_1.default.treeNodeTitle,
+        children: [typeof title === 'string' && (0, jsx_runtime_1.jsx)(truncate_string_1.TruncateString, {
+          text: title,
+          "data-test-id": constants_1.TEST_IDS.title
+        }), typeof title !== 'string' && title({
+          id,
+          disabled,
+          nested
+        })]
+      }), getNodeActions && (0, jsx_runtime_1.jsx)(components_1.TreeNodeActions, {
+        getNodeActions: getNodeActions,
+        node: {
+          id,
+          title,
+          disabled,
+          nested
+        },
+        focusNode: handleFocus,
+        onBlurActions: handleBlurActions,
+        isDroplistTriggerFocused: isDroplistTriggerFocused,
+        isDroplistOpen: isDroplistOpen,
+        setDroplistOpen: setDroplistOpen
+      })]
+    })]
+  }));
+}

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

@@ -0,0 +1,109 @@
+"use strict";
+
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TreeNodeActions = TreeNodeActions;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const button_1 = require("@snack-uikit/button");
+const icons_1 = require("@snack-uikit/icons");
+const list_1 = require("@snack-uikit/list");
+const constants_1 = require("../../../constants");
+const styles_module_scss_1 = __importDefault(require('../styles.module.css'));
+const utils_1 = require("../utils");
+function TreeNodeActions(_ref) {
+  let {
+    getNodeActions,
+    isDroplistTriggerFocused,
+    focusNode,
+    isDroplistOpen,
+    setDroplistOpen,
+    onBlurActions,
+    node
+  } = _ref;
+  const droplistActions = getNodeActions(node);
+  const localRef = (0, react_1.useRef)(null);
+  (0, react_1.useEffect)(() => {
+    if (localRef.current && isDroplistTriggerFocused) {
+      localRef.current.focus();
+    }
+  }, [isDroplistTriggerFocused, localRef]);
+  const handleKeyDown = e => {
+    var _a;
+    switch (e.key) {
+      case 'Tab':
+        {
+          focusNode();
+          setDroplistOpen(false);
+          e.preventDefault();
+          e.stopPropagation();
+          return;
+        }
+      case 'ArrowLeft':
+        {
+          if (isDroplistTriggerFocused) {
+            focusNode();
+            setDroplistOpen(false);
+            e.stopPropagation();
+          }
+          return;
+        }
+      case ' ':
+      case 'Enter':
+        {
+          e.stopPropagation();
+          return;
+        }
+      case 'ArrowDown':
+        {
+          if (isDroplistTriggerFocused) {
+            setDroplistOpen(true);
+          }
+          e.stopPropagation();
+          return;
+        }
+      case 'ArrowUp':
+        {
+          setDroplistOpen(false);
+          (_a = localRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+          e.stopPropagation();
+          return;
+        }
+      default:
+        return;
+    }
+  };
+  if (!droplistActions.length) {
+    return null;
+  }
+  return (0, jsx_runtime_1.jsx)("div", {
+    role: 'presentation',
+    className: styles_module_scss_1.default.treeNodeActions,
+    "data-focused": isDroplistTriggerFocused || undefined,
+    onClick: utils_1.stopPropagationClick,
+    onKeyDown: handleKeyDown,
+    onFocus: utils_1.stopPropagationFocus,
+    children: (0, jsx_runtime_1.jsx)(list_1.Droplist, {
+      open: isDroplistOpen,
+      onOpenChange: setDroplistOpen,
+      items: droplistActions,
+      closeDroplistOnItemClick: true,
+      placement: 'bottom-end',
+      triggerElemRef: localRef,
+      size: 'm',
+      children: (0, jsx_runtime_1.jsx)(button_1.ButtonFunction, {
+        size: 'xs',
+        icon: (0, jsx_runtime_1.jsx)(icons_1.KebabSVG, {}),
+        onBlur: onBlurActions,
+        tabIndex: -1,
+        "data-test-id": constants_1.TEST_IDS.droplistTrigger
+      })
+    })
+  });
+}

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

@@ -0,0 +1,25 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./TreeNodeActions"), exports);

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

@@ -0,0 +1,25 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./TreeNode"), exports);

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.stopPropagationClick = stopPropagationClick;
+exports.stopPropagationFocus = stopPropagationFocus;
+function stopPropagationClick(e) {
+  e.stopPropagation();
+}
+function stopPropagationFocus(e) {
+  e.stopPropagation();
+}

package/dist/cjs/helperComponents/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./ExpandableTreeNode"), exports);
+__exportStar(require("./TreeNode"), exports);
+__exportStar(require("./TreeLine"), exports);
+__exportStar(require("./TreeItem"), exports);

package/dist/cjs/helpers.js

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.checkNestedNodesSelection = checkNestedNodesSelection;
+exports.findAllExpandedChildNodeIds = findAllExpandedChildNodeIds;
+exports.lookupTreeForSelectedNodes = lookupTreeForSelectedNodes;
+function findAllChildNodeIds(nodes) {
+  var _a;
+  const stack = [...nodes];
+  const ids = [];
+  let node;
+  while (node = stack.pop()) {
+    if (!node.disabled) {
+      ids.push(node.id);
+      if ((_a = node.nested) === null || _a === void 0 ? void 0 : _a.length) {
+        stack.push(...node.nested);
+      }
+    }
+  }
+  return ids;
+}
+function checkNestedNodesSelection(nodes, selectedKeys) {
+  const allIds = findAllChildNodeIds(nodes);
+  const selected = allIds.filter(id => selectedKeys.includes(id));
+  const someSelected = selected.length > 0;
+  const allSelected = someSelected && allIds.length === selected.length;
+  return {
+    someSelected: !allSelected && someSelected,
+    allSelected
+  };
+}
+function findAllExpandedChildNodeIds(nodes, expandedNodes) {
+  var _a;
+  const stack = [...nodes];
+  const ids = [];
+  let node;
+  while (node = stack.shift()) {
+    ids.push(node.id);
+    if (((_a = node.nested) === null || _a === void 0 ? void 0 : _a.length) && expandedNodes.includes(node.id)) {
+      stack.unshift(...node.nested);
+    }
+  }
+  return ids;
+}
+function lookupTreeForSelectedNodes(_ref) {
+  let {
+    node,
+    selectedNodes,
+    parentNode
+  } = _ref;
+  var _a;
+  const {
+    nested
+  } = node;
+  const childSelection = (nested === null || nested === void 0 ? void 0 : nested.length) ? checkNestedNodesSelection(nested, selectedNodes) : undefined;
+  const isSelected = childSelection ? childSelection.someSelected || childSelection.allSelected : selectedNodes.includes(node.id);
+  let updatedSelectedNodes = [];
+  const allIdsFromNode = [node.id];
+  if (nested === null || nested === void 0 ? void 0 : nested.length) {
+    allIdsFromNode.push(...findAllChildNodeIds(nested));
+  }
+  if (isSelected) {
+    updatedSelectedNodes = selectedNodes.filter(id => !allIdsFromNode.includes(id));
+  } else {
+    updatedSelectedNodes = selectedNodes.concat(allIdsFromNode);
+  }
+  if (parentNode) {
+    let parent = parentNode;
+    while (parent) {
+      if ((_a = parent.nested) === null || _a === void 0 ? void 0 : _a.length) {
+        const parentNestedSelection = checkNestedNodesSelection(parent.nested, updatedSelectedNodes);
+        if (isSelected) {
+          if (parentNestedSelection.allSelected || parentNestedSelection.someSelected) {
+            const parentIdIndex = updatedSelectedNodes.findIndex(id => id === (parent === null || parent === void 0 ? void 0 : parent.id));
+            if (parentIdIndex > -1) {
+              updatedSelectedNodes.splice(parentIdIndex, 1);
+            }
+          }
+        } else if (!isSelected && parentNestedSelection.allSelected) {
+          updatedSelectedNodes.push(parent.id);
+        }
+      }
+      parent = parent.parentNode;
+    }
+  }
+  return updatedSelectedNodes;
+}

package/dist/cjs/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./components"), exports);

package/dist/cjs/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/esm/components/Tree/Tree.d.ts

@@ -0,0 +1,4 @@
+import { WithSupportProps } from '@snack-uikit/utils';
+import { TreeBaseProps } from '../../types';
+export type TreeProps = WithSupportProps<TreeBaseProps>;
+export declare function Tree({ data, onNodeClick, onExpand, expandedNodes, nodeActions, parentActions, onDataLoad, showLines, showIcons, className, ...rest }: TreeProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/Tree/styles.module.css

@@ -0,0 +1,4 @@
+.tree{
+  box-sizing:border-box;
+  height:100%;
+}

package/dist/esm/components/Tree/utils.d.ts

@@ -0,0 +1,2 @@
+import { TreeBaseProps, TreeMultiSelect, TreeSingleSelect, TreeView } from '../../types';
+export declare function extractSelectableProps({ selectionMode, selected, onSelect, }: Pick<TreeBaseProps, 'selectionMode' | 'selected' | 'onSelect'>): Pick<TreeSingleSelect, "selected" | "selectionMode" | "onSelect"> | Pick<TreeMultiSelect, "selected" | "selectionMode" | "onSelect"> | Pick<TreeView, "selected" | "selectionMode" | "onSelect">;

package/dist/esm/components/index.d.ts

@@ -0,0 +1 @@
+export * from './Tree';

package/dist/esm/components/index.js

@@ -0,0 +1 @@
+export * from './Tree';

package/dist/esm/constants.d.ts

@@ -0,0 +1,21 @@
+export declare const SELECTION_MODE: {
+    readonly Single: "single";
+    readonly Multi: "multi";
+};
+export declare const TRANSITION_TIMING: {
+    accordionFolding: number;
+};
+export declare const TEST_IDS: {
+    node: string;
+    line: string;
+    item: string;
+    chevron: string;
+    checkbox: string;
+    radio: string;
+    icon: string;
+    title: string;
+    droplistTrigger: string;
+    droplistAction: string;
+    expandable: string;
+    expandableContent: string;
+};

package/dist/esm/contexts/TreeContext.d.ts

@@ -0,0 +1,27 @@
+import { Dispatch, ReactNode, SetStateAction } from 'react';
+import { OnNodeClick, ParentNode, TreeBaseProps, TreeNodeId, TreeNodeProps } from '../types';
+type TreeContextBaseProps = TreeBaseProps & {
+    showToggle?: boolean;
+};
+type TreeContextProps = Omit<TreeContextBaseProps, 'onSelect' | 'onExpand' | 'onNodeClick' | 'selected' | 'selectionMode'> & {
+    onExpand(node: TreeNodeProps): void;
+    onSelect(node: Pick<TreeNodeProps, 'id' | 'nested' | 'disabled'>, parentNode?: ParentNode): void;
+    selected?: TreeNodeId[] | TreeNodeId;
+    onNodeClick: OnNodeClick;
+    isMultiSelect: boolean;
+    isSingleSelect: boolean;
+    isSelectable: boolean;
+    focusedNodeId?: TreeNodeId;
+    setFocusPosition(id: TreeNodeId): void;
+    resetFocusPosition(): void;
+    setFocusIndex: Dispatch<SetStateAction<number | undefined>>;
+    focusableNodeIds: TreeNodeId[];
+};
+type TreeContextProviderProps = {
+    children: ReactNode;
+    value: TreeContextBaseProps;
+};
+export declare const TreeContext: import("react").Context<TreeContextProps>;
+export declare function TreeContextProvider({ children, value }: TreeContextProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare const useTreeContext: () => TreeContextProps;
+export {};