@hitachivantara/uikit-react-core 2.23.2

package/dist/legacy/VerticalNavigation/TreeView/TreeView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeView.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","PropTypes","clsx","withStyles","TreeViewControlContext","TreeViewStateContext","arrayDiff","usePropAsRef","NodeTreeExpandUtils","NodeTreeMapUtils","NodeTreeNavigationUtils","styles","TreeView","props","id","className","classes","mode","collapsible","selectable","selected","onChange","children","others","tabable","setTabable","expanded","setExpandedState","firstNode","nodeMap","treeviewMode","isExpanded","nodeId","isTabbable","isSelected","onChangeCallback","select","event","selectedNodeId","current","nodePayloadRef","getNextNode","getPreviousNode","getFirstNode","getLastNode","focus","nodeActionableRef","focusNextNode","nextNode","focusPreviousNode","previousNode","focusFirstNode","fNode","focusLastNode","lastNode","toggle","newExpanded","expandAllSiblings","handleLeftArrow","parent","setFocusByFirstCharacter","char","toFocus","getNodeByFirstCharacter","getVisibleNodes","addNodeToNodeMap","childrenIds","label","removeNodeFromNodeMap","previousChildIds","childIds","ids","Children","map","child","treeControlContext","treeStateContext","undefined","root","propTypes","string","shape","isRequired","oneOf","bool","func","node","name"],"sources":["../../../../src/VerticalNavigation/TreeView/TreeView.js"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\n\nimport { TreeViewControlContext, TreeViewStateContext } from \"./TreeViewContexts\";\n\nimport arrayDiff from \"../../utils/arrayDiff\";\nimport usePropAsRef from \"../../utils/usePropAsRef\";\nimport { NodeTreeExpandUtils, NodeTreeMapUtils, NodeTreeNavigationUtils } from \"./utils\";\n\nimport styles from \"./styles\";\n\nconst TreeView = (props) => {\n  const {\n    id,\n    className,\n    classes,\n    mode = \"treeview\",\n    collapsible = false,\n    selectable = true,\n    selected = null,\n    onChange = null,\n    children = null,\n    ...others\n  } = props;\n\n  const [tabable, setTabable] = useState(null);\n\n  const [expanded, setExpandedState] = useState([]);\n\n  const firstNode = useRef(null);\n  const nodeMap = useRef({});\n\n  const treeviewMode = mode === \"treeview\";\n\n  const isExpanded = useCallback(\n    (nodeId) => !collapsible || NodeTreeExpandUtils.isExpanded(expanded, nodeId),\n    [collapsible, expanded]\n  );\n  const isTabbable = useCallback(\n    (nodeId) => !treeviewMode || tabable === nodeId,\n    [treeviewMode, tabable]\n  );\n  const isSelected = useCallback(\n    (nodeId) => selectable && selected != null && selected === nodeId,\n    [selectable, selected]\n  );\n\n  // onChange prop was causing unneeded context changes\n  // we just need to keep it as a mutable reference\n  const onChangeCallback = usePropAsRef(onChange);\n\n  const select = useCallback(\n    (event, selectedNodeId) => {\n      if (onChangeCallback.current) {\n        onChangeCallback.current(\n          event,\n          selectedNodeId,\n          nodeMap.current[selectedNodeId] != null\n            ? nodeMap.current[selectedNodeId].nodePayloadRef.current\n            : null\n        );\n      }\n    },\n    [onChangeCallback]\n  );\n\n  const getNextNode = useCallback(\n    (nodeId) => NodeTreeNavigationUtils.getNextNode(isExpanded, nodeMap.current, nodeId),\n    [isExpanded]\n  );\n  const getPreviousNode = useCallback(\n    (nodeId) => NodeTreeNavigationUtils.getPreviousNode(isExpanded, nodeMap.current, nodeId),\n    [isExpanded]\n  );\n  const getFirstNode = useCallback(() => {\n    if (firstNode.current) {\n      return firstNode.current;\n    }\n\n    return null;\n  }, []);\n  const getLastNode = useCallback(\n    (nodeId = -1) => NodeTreeNavigationUtils.getLastNode(isExpanded, nodeMap.current, nodeId),\n    [isExpanded]\n  );\n\n  const focus = useCallback(\n    (nodeId) => {\n      if (nodeId) {\n        if (treeviewMode) {\n          setTabable(nodeId);\n        } else if (nodeMap.current[nodeId] && nodeMap.current[nodeId].nodeActionableRef.current) {\n          nodeMap.current[nodeId].nodeActionableRef.current.focus();\n        }\n      }\n    },\n    [treeviewMode]\n  );\n\n  const focusNextNode = useCallback(\n    (nodeId) => {\n      const nextNode = getNextNode(nodeId);\n      if (nextNode) {\n        focus(nextNode);\n        return true;\n      }\n\n      return false;\n    },\n    [focus, getNextNode]\n  );\n  const focusPreviousNode = useCallback(\n    (nodeId) => {\n      const previousNode = getPreviousNode(nodeId);\n      if (previousNode) {\n        focus(previousNode);\n        return true;\n      }\n\n      return false;\n    },\n    [focus, getPreviousNode]\n  );\n  const focusFirstNode = useCallback(() => {\n    const fNode = getFirstNode();\n    if (fNode) {\n      focus(fNode);\n      return true;\n    }\n\n    return false;\n  }, [focus, getFirstNode]);\n  const focusLastNode = useCallback(() => {\n    const lastNode = getLastNode();\n    if (lastNode) {\n      focus(lastNode);\n      return true;\n    }\n\n    return false;\n  }, [focus, getLastNode]);\n\n  const toggle = useCallback(\n    (nodeId) => {\n      if (!collapsible) {\n        // nothing to do if in non-colapsible mode\n        return false;\n      }\n\n      const newExpanded = NodeTreeExpandUtils.toggle(expanded, nodeId);\n      setExpandedState(newExpanded);\n\n      return true;\n    },\n    [collapsible, expanded]\n  );\n\n  const expandAllSiblings = useCallback(\n    (nodeId) => {\n      if (!collapsible) {\n        // nothing to do if in non-colapsible mode\n        return false;\n      }\n\n      const newExpanded = NodeTreeExpandUtils.expandAllSiblings(expanded, nodeMap.current, nodeId);\n      setExpandedState(newExpanded);\n\n      return true;\n    },\n    [collapsible, expanded]\n  );\n\n  const handleLeftArrow = useCallback(\n    (nodeId) => {\n      if (collapsible && isExpanded(nodeId)) {\n        toggle(nodeId);\n        return true;\n      }\n\n      const { parent } = nodeMap.current[nodeId];\n      if (parent !== -1) {\n        focus(parent);\n        return true;\n      }\n\n      return false;\n    },\n    [collapsible, focus, isExpanded, toggle]\n  );\n\n  const setFocusByFirstCharacter = useCallback(\n    (nodeId, char) => {\n      const toFocus = NodeTreeNavigationUtils.getNodeByFirstCharacter(\n        nodeMap.current,\n        NodeTreeExpandUtils.getVisibleNodes(collapsible ? expanded : true, nodeMap.current),\n        nodeId,\n        char\n      );\n      if (toFocus) {\n        focus(toFocus);\n        return true;\n      }\n\n      return false;\n    },\n    [collapsible, expanded, focus]\n  );\n\n  const addNodeToNodeMap = useCallback(\n    (nodeId, childrenIds, nodePayloadRef, nodeActionableRef, label) => {\n      nodeMap.current = NodeTreeMapUtils.addNodeToNodeMap(nodeMap.current, nodeId, childrenIds, {\n        nodePayloadRef,\n        nodeActionableRef,\n        label,\n      });\n    },\n    []\n  );\n\n  const removeNodeFromNodeMap = useCallback((nodeId) => {\n    nodeMap.current = NodeTreeMapUtils.removeNodeFromNodeMap(nodeMap.current, nodeId);\n  }, []);\n\n  const previousChildIds = useRef([]);\n  const childIds = useMemo(() => {\n    const ids = React.Children.map(children, (child) => child.props.nodeId) || [];\n\n    if (arrayDiff(previousChildIds.current, ids)) {\n      previousChildIds.current = ids;\n    }\n\n    return previousChildIds.current;\n  }, [children]);\n\n  useEffect(() => {\n    addNodeToNodeMap(-1, childIds);\n\n    [firstNode.current] = childIds;\n\n    return () => {\n      removeNodeFromNodeMap(-1);\n    };\n  }, [addNodeToNodeMap, childIds, removeNodeFromNodeMap]);\n\n  useEffect(() => {\n    if (treeviewMode) {\n      if (selectable && selected != null) {\n        // if a node is selected before the tree receives focus,\n        // focus is set on the selected node\n        // (when adding support for multi-select: if one or more nodes are selected\n        // before the tree receives focus, focus is set on the first selected node)\n        setTabable(selected);\n      } else {\n        // if none of the nodes are selected before the tree\n        // receives focus, focus is set on the first node\n        setTabable(firstNode.current);\n      }\n    }\n  }, [selectable, selected, treeviewMode]);\n\n  const treeControlContext = React.useMemo(\n    () => ({\n      expandAllSiblings,\n      focus,\n      focusFirstNode,\n      focusLastNode,\n      focusNextNode,\n      focusPreviousNode,\n      handleLeftArrow,\n      addNodeToNodeMap,\n      removeNodeFromNodeMap,\n      collapsible,\n      select,\n      setFocusByFirstCharacter,\n      toggle,\n      mode,\n    }),\n    [\n      addNodeToNodeMap,\n      collapsible,\n      expandAllSiblings,\n      focus,\n      focusFirstNode,\n      focusLastNode,\n      focusNextNode,\n      focusPreviousNode,\n      handleLeftArrow,\n      removeNodeFromNodeMap,\n      select,\n      setFocusByFirstCharacter,\n      toggle,\n      mode,\n    ]\n  );\n\n  const treeStateContext = React.useMemo(\n    () => ({\n      isExpanded,\n      isTabbable,\n      isSelected,\n    }),\n    [isExpanded, isSelected, isTabbable]\n  );\n\n  return (\n    <TreeViewControlContext.Provider value={treeControlContext}>\n      <TreeViewStateContext.Provider value={treeStateContext}>\n        <ul\n          id={id}\n          role={treeviewMode ? \"tree\" : undefined}\n          className={clsx(classes.root, className)}\n          {...others}\n        >\n          {children}\n        </ul>\n      </TreeViewStateContext.Provider>\n    </TreeViewControlContext.Provider>\n  );\n};\n\nTreeView.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the Radio button.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to component.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * Modus operandi (role) of the widget instance.\n   */\n  mode: PropTypes.oneOf([\"treeview\", \"navigation\"]),\n  /**\n   * Can nodes be selected.\n   */\n  selectable: PropTypes.bool,\n  /**\n   * Receives the id of an item present in the list and selects it.\n   */\n  selected: PropTypes.string,\n  /**\n   * Can non-leaf nodes be collapsed / expanded.\n   */\n  collapsible: PropTypes.bool,\n  /**\n   * Callback fired when a tree item is selected.\n   *\n   * @param {array} nodeId The id of the selected node.\n   */\n  onChange: PropTypes.func,\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvVerticalNavigationTreeView\" })(TreeView);\n"],"mappings":"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"}

package/dist/legacy/VerticalNavigation/TreeView/TreeViewContexts.js

@@ -0,0 +1,7 @@
+import React from "react";
+var TreeViewControlContext = /*#__PURE__*/React.createContext({});
+TreeViewControlContext.displayName = "TreeViewControlContext";
+var TreeViewStateContext = /*#__PURE__*/React.createContext({});
+TreeViewStateContext.displayName = "TreeViewStateContext";
+export { TreeViewControlContext, TreeViewStateContext };
+//# sourceMappingURL=TreeViewContexts.js.map

package/dist/legacy/VerticalNavigation/TreeView/TreeViewContexts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeViewContexts.js","names":["React","TreeViewControlContext","createContext","displayName","TreeViewStateContext"],"sources":["../../../../src/VerticalNavigation/TreeView/TreeViewContexts.js"],"sourcesContent":["import React from \"react\";\n\nconst TreeViewControlContext = React.createContext({});\nTreeViewControlContext.displayName = \"TreeViewControlContext\";\n\nconst TreeViewStateContext = React.createContext({});\nTreeViewStateContext.displayName = \"TreeViewStateContext\";\n\nexport { TreeViewControlContext, TreeViewStateContext };\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,IAAMC,sBAAsB,gBAAGD,KAAK,CAACE,aAAN,CAAoB,EAApB,CAA/B;AACAD,sBAAsB,CAACE,WAAvB,GAAqC,wBAArC;AAEA,IAAMC,oBAAoB,gBAAGJ,KAAK,CAACE,aAAN,CAAoB,EAApB,CAA7B;AACAE,oBAAoB,CAACD,WAArB,GAAmC,sBAAnC;AAEA,SAASF,sBAAT,EAAiCG,oBAAjC"}

package/dist/legacy/VerticalNavigation/TreeView/TreeViewItem.d.ts

@@ -0,0 +1,57 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+import { SyntheticEvent } from "react";
+
+export type HvVerticalNavigationTreeViewItemClassKey =
+  | "node"
+  | "content"
+  | "group"
+  | "disabled"
+  | "collapsed"
+  | "expanded"
+  | "selectable"
+  | "unselectable"
+  | "selected"
+  | "unselected"
+  | "contentFocused"
+  | " contentFocusDisabled";
+
+export interface HvVerticalNavigationTreeViewItemProps
+  extends StandardProps<
+    React.HTMLAttributes<HTMLUListElement>,
+    HvVerticalNavigationTreeViewItemClassKey
+  > {
+  /**
+   * Is the node disabled.
+   */
+  disabled?: boolean;
+  /**
+   * Can the node be selected.
+   */
+  selectable?: boolean;
+  /**
+   * The id of the node.
+   */
+  nodeId: string;
+  /**
+   * The icon to display next to the node's label.
+   */
+  icon?: React.ReactNode;
+  /**
+   * The item label.
+   */
+  label: React.ReactNode;
+  /**
+   * The node payload.
+   */
+  // eslint-disable-next-line
+  payload: any;
+  /**
+   * @ignore
+   */
+  onClick: (event: React.SyntheticEvent) => void;
+}
+
+export default function HvVerticalNavigationTreeItemView(
+  props: HvVerticalNavigationTreeViewItemProps
+): JSX.Element | null;

package/dist/legacy/VerticalNavigation/TreeView/TreeViewItem.js

@@ -0,0 +1,382 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["id", "className", "classes", "disabled", "selectable", "nodeId", "icon", "label", "payload", "onClick", "children"];
+import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.string.match.js";
+import "core-js/modules/es.array.map.js";
+
+/* eslint-disable jsx-a11y/role-supports-aria-props */
+// TODO review aria-disabled and aria-expanded added conditionally to a no tree item li
+import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
+import clsx from "clsx";
+import PropTypes from "prop-types";
+import { withStyles } from "@material-ui/core";
+import HvTypography from "../../Typography";
+import { TreeViewControlContext, TreeViewStateContext } from "./TreeViewContexts";
+import { setId } from "../../utils";
+import arrayDiff from "../../utils/arrayDiff";
+import usePropAsRef from "../../utils/usePropAsRef";
+import styles from "./styles";
+
+var isPrintableCharacter = function isPrintableCharacter(str) {
+  return str && str.length === 1 && str.match(/\S/);
+};
+
+var TreeViewItem = function TreeViewItem(props) {
+  var id = props.id,
+      className = props.className,
+      classes = props.classes,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      _props$selectable = props.selectable,
+      selectableProp = _props$selectable === void 0 ? null : _props$selectable,
+      nodeId = props.nodeId,
+      _props$icon = props.icon,
+      icon = _props$icon === void 0 ? null : _props$icon,
+      label = props.label,
+      _props$payload = props.payload,
+      payload = _props$payload === void 0 ? null : _props$payload,
+      _props$onClick = props.onClick,
+      onClick = _props$onClick === void 0 ? null : _props$onClick,
+      children = props.children,
+      others = _objectWithoutProperties(props, _excluded);
+
+  var treeViewControlContext = useContext(TreeViewControlContext);
+  var treeViewStateContext = useContext(TreeViewStateContext);
+  var expandAllSiblings = treeViewControlContext.expandAllSiblings,
+      focus = treeViewControlContext.focus,
+      focusFirstNode = treeViewControlContext.focusFirstNode,
+      focusLastNode = treeViewControlContext.focusLastNode,
+      focusNextNode = treeViewControlContext.focusNextNode,
+      focusPreviousNode = treeViewControlContext.focusPreviousNode,
+      handleLeftArrow = treeViewControlContext.handleLeftArrow,
+      addNodeToNodeMap = treeViewControlContext.addNodeToNodeMap,
+      removeNodeFromNodeMap = treeViewControlContext.removeNodeFromNodeMap,
+      collapsible = treeViewControlContext.collapsible,
+      select = treeViewControlContext.select,
+      setFocusByFirstCharacter = treeViewControlContext.setFocusByFirstCharacter,
+      toggle = treeViewControlContext.toggle,
+      mode = treeViewControlContext.mode;
+  var treeviewMode = mode === "treeview";
+  var listItemRef = useRef(null);
+  var actionableRef = useRef(null);
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      useFocus = _useState2[0],
+      setUseFocus = _useState2[1];
+
+  var expandable = Boolean(Array.isArray(children) ? children.length : children);
+  var selectable = selectableProp != null ? selectableProp : !(collapsible && expandable);
+  var expanded = treeViewStateContext.isExpanded(nodeId);
+  var selected = treeViewStateContext.isSelected(nodeId);
+  var tabbable = treeViewStateContext.isTabbable(nodeId);
+  var handleAction = useCallback(function (event) {
+    if (!disabled) {
+      if (collapsible && expandable) {
+        if (!selectable || !expanded || selected) {
+          return toggle(nodeId);
+        }
+      }
+
+      if (selectable && !selected) {
+        return select(event, nodeId);
+      }
+    }
+
+    return false;
+  }, [collapsible, disabled, expandable, expanded, nodeId, select, selectable, selected, toggle]);
+  var onChangeCallback = usePropAsRef(onClick);
+  var handleClick = useCallback(function (event) {
+    setUseFocus(false);
+
+    if (!tabbable) {
+      focus(nodeId);
+    }
+
+    handleAction(event); // allow custom click event
+
+    if (!disabled && onChangeCallback.current) {
+      onChangeCallback.current(event);
+    }
+
+    event.preventDefault();
+    event.stopPropagation();
+  }, [disabled, focus, tabbable, handleAction, nodeId, onChangeCallback]);
+  var handleNextArrow = useCallback(function (event) {
+    if (expandable) {
+      if (expanded) {
+        return focusNextNode(event, nodeId);
+      }
+
+      if (!disabled) {
+        return toggle(event, nodeId);
+      }
+    }
+
+    return false;
+  }, [disabled, expandable, expanded, focusNextNode, nodeId, toggle]);
+  var handleKeyDown = useCallback(function (event) {
+    var isEventHandled = false;
+    var key = event.key;
+
+    if (event.altKey || event.ctrlKey || event.metaKey || event.currentTarget !== event.target) {
+      return;
+    }
+
+    if (!treeviewMode) {
+      if (key === "Enter" || key === " ") {
+        if (actionableRef.current === event.currentTarget) {
+          isEventHandled = handleAction(event);
+        }
+      }
+    } else {
+      switch (key) {
+        case "Enter":
+        case " ":
+          if (event.shift) {
+            isEventHandled = true;
+          } else if (actionableRef.current === event.currentTarget) {
+            isEventHandled = handleAction(event);
+          }
+
+          break;
+
+        case "ArrowDown":
+          isEventHandled = focusNextNode(nodeId);
+          break;
+
+        case "ArrowUp":
+          isEventHandled = focusPreviousNode(nodeId);
+          break;
+
+        case "ArrowRight":
+          isEventHandled = handleNextArrow(nodeId);
+          break;
+
+        case "ArrowLeft":
+          isEventHandled = handleLeftArrow(nodeId, event);
+          break;
+
+        case "Home":
+          isEventHandled = focusFirstNode();
+          break;
+
+        case "End":
+          isEventHandled = focusLastNode();
+          break;
+
+        case "*":
+          isEventHandled = expandAllSiblings(nodeId);
+          break;
+
+        default:
+          if (isPrintableCharacter(key)) {
+            isEventHandled = setFocusByFirstCharacter(nodeId, key);
+          }
+
+      }
+    }
+
+    if (isEventHandled) {
+      event.preventDefault();
+      event.stopPropagation();
+    }
+  }, [treeviewMode, handleAction, focusNextNode, nodeId, focusPreviousNode, handleNextArrow, handleLeftArrow, focusFirstNode, focusLastNode, expandAllSiblings, setFocusByFirstCharacter]);
+  var previousChildIds = useRef([]);
+  var childIds = useMemo(function () {
+    var ids = React.Children.map(children, function (child) {
+      return child.props.nodeId;
+    }) || [];
+
+    if (arrayDiff(previousChildIds.current, ids)) {
+      previousChildIds.current = ids;
+    }
+
+    return previousChildIds.current;
+  }, [children]); // payload prop was causing unneeded context changes
+  // we just need to keep it as a mutable reference
+
+  var nodePayloadRef = usePropAsRef(payload); // register node in the tree (and unregister on unmount)
+
+  useEffect(function () {
+    addNodeToNodeMap(nodeId, childIds, nodePayloadRef, actionableRef, label);
+    return function () {
+      removeNodeFromNodeMap(nodeId);
+    };
+  }, [addNodeToNodeMap, childIds, label, nodeId, nodePayloadRef, removeNodeFromNodeMap]); // focus the rendered DOM element (if tabbable)
+
+  useEffect(function () {
+    if (treeviewMode && tabbable && actionableRef.current) {
+      actionableRef.current.focus();
+    }
+  }, [treeviewMode, tabbable]);
+  var renderedIcon = useMemo(function () {
+    return icon && /*#__PURE__*/React.cloneElement(icon, {
+      boxStyles: {
+        width: "32px",
+        height: "32px"
+      }
+    });
+  }, [icon]);
+  var renderedContent = useMemo(function () {
+    return /*#__PURE__*/React.createElement(HvTypography, {
+      id: setId(id, "button"),
+      component: "div",
+      variant: selectable && selected ? "selectedText" : "normalText",
+      role: "button",
+      innerRef: actionableRef,
+      className: clsx(classes.content, useFocus ? classes.contentFocused : classes.contentFocusDisabled),
+      tabIndex: tabbable ? 0 : -1,
+      onKeyDown: handleKeyDown,
+      onFocus: function onFocus() {
+        return setUseFocus(true);
+      },
+      onBlur: function onBlur() {
+        return setUseFocus(false);
+      },
+      onClick: handleClick,
+      "aria-current": !treeviewMode && selectable && selected ? "page" : undefined
+    }, renderedIcon, label);
+  }, [classes, handleClick, handleKeyDown, useFocus, id, label, treeviewMode, renderedIcon, selectable, selected, tabbable]);
+  var renderedChildren = useMemo(function () {
+    return children && /*#__PURE__*/React.createElement("ul", {
+      className: classes.group,
+      role: treeviewMode ? "group" : undefined
+    }, children);
+  }, [children, classes.group, treeviewMode]);
+  return /*#__PURE__*/React.createElement("li", _extends({
+    ref: listItemRef,
+    id: id,
+    className: clsx(classes.node, className, disabled ? classes.disabled : selectable ? [classes.selectable, selected ? classes.selected : classes.unselected] : classes.unselectable, expandable && (expanded ? classes.expanded : classes.collapsed)),
+    "data-hasicon": icon != null ? true : undefined,
+    "aria-disabled": disabled ? true : undefined,
+    "aria-expanded": collapsible && expandable ? expanded : undefined
+  }, mode === "treeview" && {
+    role: "treeitem",
+    "aria-selected": selectable && selected ? true : undefined
+  }, others), renderedContent, renderedChildren);
+};
+
+process.env.NODE_ENV !== "production" ? TreeViewItem.propTypes = {
+  /**
+   * Id to be applied to the root node.
+   */
+  id: PropTypes.string,
+
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied to the Radio button.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Style applied to the root of the component.
+     */
+    node: PropTypes.string,
+
+    /**
+     * Style applied to the content.
+     */
+    content: PropTypes.string,
+
+    /**
+     * Style applied to the group.
+     */
+    group: PropTypes.string,
+
+    /**
+     * Style applied when item is disabled.
+     */
+    disabled: PropTypes.string,
+
+    /**
+     * Style applied when item is collapsed.
+     */
+    collapsed: PropTypes.string,
+
+    /**
+     * Style applied when item is expanded.
+     */
+    expanded: PropTypes.string,
+
+    /**
+     * Style applied when item is selectable.
+     */
+    selectable: PropTypes.string,
+
+    /**
+     * Style applied when item is unselectable.
+     */
+    unselectable: PropTypes.string,
+
+    /**
+     * Style applied when item is selected.
+     */
+    selected: PropTypes.string,
+
+    /**
+     * Style applied when item is unselectable.
+     */
+    unselected: PropTypes.string,
+
+    /**
+     * Style applied when element is focused by keyboard.
+     */
+    contentFocused: PropTypes.string,
+
+    /**
+     * Style applied when element is focused by click.
+     */
+    contentFocusDisabled: PropTypes.string
+  }).isRequired,
+
+  /**
+   * Is the node disabled.
+   */
+  disabled: PropTypes.bool,
+
+  /**
+   * Can the node be selected.
+   */
+  selectable: PropTypes.bool,
+
+  /**
+   * The id of the node.
+   */
+  nodeId: PropTypes.string.isRequired,
+
+  /**
+   * The icon to display next to the node's label.
+   */
+  icon: PropTypes.node,
+
+  /**
+   * The item label.
+   */
+  label: PropTypes.node.isRequired,
+
+  /**
+   * The node payload.
+   */
+  // eslint-disable-next-line react/forbid-prop-types
+  payload: PropTypes.any,
+
+  /**
+   * @ignore
+   */
+  onClick: PropTypes.func,
+
+  /**
+   * The content of the component.
+   */
+  children: PropTypes.node
+} : void 0;
+export default withStyles(styles, {
+  name: "HvVerticalNavigationTreeViewItem"
+})(TreeViewItem);
+//# sourceMappingURL=TreeViewItem.js.map

package/dist/legacy/VerticalNavigation/TreeView/TreeViewItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeViewItem.js","names":["React","useCallback","useContext","useEffect","useMemo","useRef","useState","clsx","PropTypes","withStyles","HvTypography","TreeViewControlContext","TreeViewStateContext","setId","arrayDiff","usePropAsRef","styles","isPrintableCharacter","str","length","match","TreeViewItem","props","id","className","classes","disabled","selectable","selectableProp","nodeId","icon","label","payload","onClick","children","others","treeViewControlContext","treeViewStateContext","expandAllSiblings","focus","focusFirstNode","focusLastNode","focusNextNode","focusPreviousNode","handleLeftArrow","addNodeToNodeMap","removeNodeFromNodeMap","collapsible","select","setFocusByFirstCharacter","toggle","mode","treeviewMode","listItemRef","actionableRef","useFocus","setUseFocus","expandable","Boolean","Array","isArray","expanded","isExpanded","selected","isSelected","tabbable","isTabbable","handleAction","event","onChangeCallback","handleClick","current","preventDefault","stopPropagation","handleNextArrow","handleKeyDown","isEventHandled","key","altKey","ctrlKey","metaKey","currentTarget","target","shift","previousChildIds","childIds","ids","Children","map","child","nodePayloadRef","renderedIcon","cloneElement","boxStyles","width","height","renderedContent","content","contentFocused","contentFocusDisabled","undefined","renderedChildren","group","node","unselected","unselectable","collapsed","role","propTypes","string","shape","isRequired","bool","any","func","name"],"sources":["../../../../src/VerticalNavigation/TreeView/TreeViewItem.js"],"sourcesContent":["/* eslint-disable jsx-a11y/role-supports-aria-props */\n// TODO review aria-disabled and aria-expanded added conditionally to a no tree item li\n\nimport React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport HvTypography from \"../../Typography\";\n\nimport { TreeViewControlContext, TreeViewStateContext } from \"./TreeViewContexts\";\n\nimport { setId } from \"../../utils\";\nimport arrayDiff from \"../../utils/arrayDiff\";\nimport usePropAsRef from \"../../utils/usePropAsRef\";\n\nimport styles from \"./styles\";\n\nconst isPrintableCharacter = (str) => str && str.length === 1 && str.match(/\\S/);\n\nconst TreeViewItem = (props) => {\n  const {\n    id,\n    className,\n    classes,\n\n    disabled = false,\n\n    selectable: selectableProp = null,\n\n    nodeId,\n    icon = null,\n    label,\n    payload = null,\n\n    onClick = null,\n\n    children,\n\n    ...others\n  } = props;\n\n  const treeViewControlContext = useContext(TreeViewControlContext);\n  const treeViewStateContext = useContext(TreeViewStateContext);\n\n  const {\n    expandAllSiblings,\n    focus,\n    focusFirstNode,\n    focusLastNode,\n    focusNextNode,\n    focusPreviousNode,\n    handleLeftArrow,\n    addNodeToNodeMap,\n    removeNodeFromNodeMap,\n    collapsible,\n    select,\n    setFocusByFirstCharacter,\n    toggle,\n    mode,\n  } = treeViewControlContext;\n\n  const treeviewMode = mode === \"treeview\";\n\n  const listItemRef = useRef(null);\n  const actionableRef = useRef(null);\n  const [useFocus, setUseFocus] = useState(false);\n\n  const expandable = Boolean(Array.isArray(children) ? children.length : children);\n\n  const selectable = selectableProp != null ? selectableProp : !(collapsible && expandable);\n\n  const expanded = treeViewStateContext.isExpanded(nodeId);\n  const selected = treeViewStateContext.isSelected(nodeId);\n\n  const tabbable = treeViewStateContext.isTabbable(nodeId);\n\n  const handleAction = useCallback(\n    (event) => {\n      if (!disabled) {\n        if (collapsible && expandable) {\n          if (!selectable || !expanded || selected) {\n            return toggle(nodeId);\n          }\n        }\n\n        if (selectable && !selected) {\n          return select(event, nodeId);\n        }\n      }\n\n      return false;\n    },\n    [collapsible, disabled, expandable, expanded, nodeId, select, selectable, selected, toggle]\n  );\n\n  const onChangeCallback = usePropAsRef(onClick);\n\n  const handleClick = useCallback(\n    (event) => {\n      setUseFocus(false);\n      if (!tabbable) {\n        focus(nodeId);\n      }\n\n      handleAction(event);\n\n      // allow custom click event\n      if (!disabled && onChangeCallback.current) {\n        onChangeCallback.current(event);\n      }\n\n      event.preventDefault();\n      event.stopPropagation();\n    },\n    [disabled, focus, tabbable, handleAction, nodeId, onChangeCallback]\n  );\n\n  const handleNextArrow = useCallback(\n    (event) => {\n      if (expandable) {\n        if (expanded) {\n          return focusNextNode(event, nodeId);\n        }\n        if (!disabled) {\n          return toggle(event, nodeId);\n        }\n      }\n\n      return false;\n    },\n    [disabled, expandable, expanded, focusNextNode, nodeId, toggle]\n  );\n\n  const handleKeyDown = useCallback(\n    (event) => {\n      let isEventHandled = false;\n      const { key } = event;\n\n      if (event.altKey || event.ctrlKey || event.metaKey || event.currentTarget !== event.target) {\n        return;\n      }\n\n      if (!treeviewMode) {\n        if (key === \"Enter\" || key === \" \") {\n          if (actionableRef.current === event.currentTarget) {\n            isEventHandled = handleAction(event);\n          }\n        }\n      } else {\n        switch (key) {\n          case \"Enter\":\n          case \" \":\n            if (event.shift) {\n              isEventHandled = true;\n            } else if (actionableRef.current === event.currentTarget) {\n              isEventHandled = handleAction(event);\n            }\n            break;\n          case \"ArrowDown\":\n            isEventHandled = focusNextNode(nodeId);\n            break;\n          case \"ArrowUp\":\n            isEventHandled = focusPreviousNode(nodeId);\n            break;\n          case \"ArrowRight\":\n            isEventHandled = handleNextArrow(nodeId);\n            break;\n          case \"ArrowLeft\":\n            isEventHandled = handleLeftArrow(nodeId, event);\n            break;\n          case \"Home\":\n            isEventHandled = focusFirstNode();\n            break;\n          case \"End\":\n            isEventHandled = focusLastNode();\n            break;\n          case \"*\":\n            isEventHandled = expandAllSiblings(nodeId);\n            break;\n          default:\n            if (isPrintableCharacter(key)) {\n              isEventHandled = setFocusByFirstCharacter(nodeId, key);\n            }\n        }\n      }\n\n      if (isEventHandled) {\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    },\n    [\n      treeviewMode,\n      handleAction,\n      focusNextNode,\n      nodeId,\n      focusPreviousNode,\n      handleNextArrow,\n      handleLeftArrow,\n      focusFirstNode,\n      focusLastNode,\n      expandAllSiblings,\n      setFocusByFirstCharacter,\n    ]\n  );\n\n  const previousChildIds = useRef([]);\n  const childIds = useMemo(() => {\n    const ids = React.Children.map(children, (child) => child.props.nodeId) || [];\n\n    if (arrayDiff(previousChildIds.current, ids)) {\n      previousChildIds.current = ids;\n    }\n\n    return previousChildIds.current;\n  }, [children]);\n\n  // payload prop was causing unneeded context changes\n  // we just need to keep it as a mutable reference\n  const nodePayloadRef = usePropAsRef(payload);\n\n  // register node in the tree (and unregister on unmount)\n  useEffect(() => {\n    addNodeToNodeMap(nodeId, childIds, nodePayloadRef, actionableRef, label);\n\n    return () => {\n      removeNodeFromNodeMap(nodeId);\n    };\n  }, [addNodeToNodeMap, childIds, label, nodeId, nodePayloadRef, removeNodeFromNodeMap]);\n\n  // focus the rendered DOM element (if tabbable)\n  useEffect(() => {\n    if (treeviewMode && tabbable && actionableRef.current) {\n      actionableRef.current.focus();\n    }\n  }, [treeviewMode, tabbable]);\n\n  const renderedIcon = useMemo(\n    () =>\n      icon &&\n      React.cloneElement(icon, {\n        boxStyles: { width: \"32px\", height: \"32px\" },\n      }),\n    [icon]\n  );\n\n  const renderedContent = useMemo(\n    () => (\n      <HvTypography\n        id={setId(id, \"button\")}\n        component=\"div\"\n        variant={selectable && selected ? \"selectedText\" : \"normalText\"}\n        role=\"button\"\n        innerRef={actionableRef}\n        className={clsx(classes.content, {\n          [classes.contentFocused]: useFocus,\n          [classes.contentFocusDisabled]: !useFocus,\n        })}\n        tabIndex={tabbable ? 0 : -1}\n        onKeyDown={handleKeyDown}\n        onFocus={() => setUseFocus(true)}\n        onBlur={() => setUseFocus(false)}\n        onClick={handleClick}\n        aria-current={!treeviewMode && selectable && selected ? \"page\" : undefined}\n      >\n        {renderedIcon}\n        {label}\n      </HvTypography>\n    ),\n    [\n      classes,\n      handleClick,\n      handleKeyDown,\n      useFocus,\n      id,\n      label,\n      treeviewMode,\n      renderedIcon,\n      selectable,\n      selected,\n      tabbable,\n    ]\n  );\n\n  const renderedChildren = useMemo(\n    () =>\n      children && (\n        <ul className={classes.group} role={treeviewMode ? \"group\" : undefined}>\n          {children}\n        </ul>\n      ),\n    [children, classes.group, treeviewMode]\n  );\n\n  return (\n    <li\n      ref={listItemRef}\n      id={id}\n      className={clsx(classes.node, className, {\n        [classes.disabled]: disabled,\n        [classes.collapsed]: expandable && !expanded,\n        [classes.expanded]: expandable && expanded,\n        [classes.selectable]: !disabled && selectable,\n        [classes.unselectable]: !disabled && !selectable,\n        [classes.selected]: !disabled && selectable && selected,\n        [classes.unselected]: !disabled && selectable && !selected,\n      })}\n      data-hasicon={icon != null ? true : undefined}\n      aria-disabled={disabled ? true : undefined}\n      aria-expanded={collapsible && expandable ? expanded : undefined}\n      {...(mode === \"treeview\" && {\n        role: \"treeitem\",\n        \"aria-selected\": selectable && selected ? true : undefined,\n      })}\n      {...others}\n    >\n      {renderedContent}\n      {renderedChildren}\n    </li>\n  );\n};\n\nTreeViewItem.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the Radio button.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component.\n     */\n    node: PropTypes.string,\n    /**\n     * Style applied to the content.\n     */\n    content: PropTypes.string,\n    /**\n     * Style applied to the group.\n     */\n    group: PropTypes.string,\n    /**\n     * Style applied when item is disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Style applied when item is collapsed.\n     */\n    collapsed: PropTypes.string,\n    /**\n     * Style applied when item is expanded.\n     */\n    expanded: PropTypes.string,\n    /**\n     * Style applied when item is selectable.\n     */\n    selectable: PropTypes.string,\n    /**\n     * Style applied when item is unselectable.\n     */\n    unselectable: PropTypes.string,\n    /**\n     * Style applied when item is selected.\n     */\n    selected: PropTypes.string,\n    /**\n     * Style applied when item is unselectable.\n     */\n    unselected: PropTypes.string,\n    /**\n     * Style applied when element is focused by keyboard.\n     */\n    contentFocused: PropTypes.string,\n    /**\n     * Style applied when element is focused by click.\n     */\n    contentFocusDisabled: PropTypes.string,\n  }).isRequired,\n  /**\n   * Is the node disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Can the node be selected.\n   */\n  selectable: PropTypes.bool,\n  /**\n   * The id of the node.\n   */\n  nodeId: PropTypes.string.isRequired,\n  /**\n   * The icon to display next to the node's label.\n   */\n  icon: PropTypes.node,\n  /**\n   * The item label.\n   */\n  label: PropTypes.node.isRequired,\n  /**\n   * The node payload.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  payload: PropTypes.any,\n  /**\n   * @ignore\n   */\n  onClick: PropTypes.func,\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, {\n  name: \"HvVerticalNavigationTreeViewItem\",\n})(TreeViewItem);\n"],"mappings":";;;;;;;;AAAA;AACA;AAEA,OAAOA,KAAP,IAAgBC,WAAhB,EAA6BC,UAA7B,EAAyCC,SAAzC,EAAoDC,OAApD,EAA6DC,MAA7D,EAAqEC,QAArE,QAAqF,OAArF;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AAEA,SAASC,sBAAT,EAAiCC,oBAAjC,QAA6D,oBAA7D;AAEA,SAASC,KAAT,QAAsB,aAAtB;AACA,OAAOC,SAAP,MAAsB,uBAAtB;AACA,OAAOC,YAAP,MAAyB,0BAAzB;AAEA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,GAAD;EAAA,OAASA,GAAG,IAAIA,GAAG,CAACC,MAAJ,KAAe,CAAtB,IAA2BD,GAAG,CAACE,KAAJ,CAAU,IAAV,CAApC;AAAA,CAA7B;;AAEA,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAAW;EAC9B,IACEC,EADF,GAmBID,KAnBJ,CACEC,EADF;EAAA,IAEEC,SAFF,GAmBIF,KAnBJ,CAEEE,SAFF;EAAA,IAGEC,OAHF,GAmBIH,KAnBJ,CAGEG,OAHF;EAAA,sBAmBIH,KAnBJ,CAKEI,QALF;EAAA,IAKEA,QALF,gCAKa,KALb;EAAA,wBAmBIJ,KAnBJ,CAOEK,UAPF;EAAA,IAOcC,cAPd,kCAO+B,IAP/B;EAAA,IASEC,MATF,GAmBIP,KAnBJ,CASEO,MATF;EAAA,kBAmBIP,KAnBJ,CAUEQ,IAVF;EAAA,IAUEA,IAVF,4BAUS,IAVT;EAAA,IAWEC,KAXF,GAmBIT,KAnBJ,CAWES,KAXF;EAAA,qBAmBIT,KAnBJ,CAYEU,OAZF;EAAA,IAYEA,OAZF,+BAYY,IAZZ;EAAA,qBAmBIV,KAnBJ,CAcEW,OAdF;EAAA,IAcEA,OAdF,+BAcY,IAdZ;EAAA,IAgBEC,QAhBF,GAmBIZ,KAnBJ,CAgBEY,QAhBF;EAAA,IAkBKC,MAlBL,4BAmBIb,KAnBJ;;EAqBA,IAAMc,sBAAsB,GAAGlC,UAAU,CAACS,sBAAD,CAAzC;EACA,IAAM0B,oBAAoB,GAAGnC,UAAU,CAACU,oBAAD,CAAvC;EAEA,IACE0B,iBADF,GAeIF,sBAfJ,CACEE,iBADF;EAAA,IAEEC,KAFF,GAeIH,sBAfJ,CAEEG,KAFF;EAAA,IAGEC,cAHF,GAeIJ,sBAfJ,CAGEI,cAHF;EAAA,IAIEC,aAJF,GAeIL,sBAfJ,CAIEK,aAJF;EAAA,IAKEC,aALF,GAeIN,sBAfJ,CAKEM,aALF;EAAA,IAMEC,iBANF,GAeIP,sBAfJ,CAMEO,iBANF;EAAA,IAOEC,eAPF,GAeIR,sBAfJ,CAOEQ,eAPF;EAAA,IAQEC,gBARF,GAeIT,sBAfJ,CAQES,gBARF;EAAA,IASEC,qBATF,GAeIV,sBAfJ,CASEU,qBATF;EAAA,IAUEC,WAVF,GAeIX,sBAfJ,CAUEW,WAVF;EAAA,IAWEC,MAXF,GAeIZ,sBAfJ,CAWEY,MAXF;EAAA,IAYEC,wBAZF,GAeIb,sBAfJ,CAYEa,wBAZF;EAAA,IAaEC,MAbF,GAeId,sBAfJ,CAaEc,MAbF;EAAA,IAcEC,IAdF,GAeIf,sBAfJ,CAcEe,IAdF;EAiBA,IAAMC,YAAY,GAAGD,IAAI,KAAK,UAA9B;EAEA,IAAME,WAAW,GAAGhD,MAAM,CAAC,IAAD,CAA1B;EACA,IAAMiD,aAAa,GAAGjD,MAAM,CAAC,IAAD,CAA5B;;EACA,gBAAgCC,QAAQ,CAAC,KAAD,CAAxC;EAAA;EAAA,IAAOiD,QAAP;EAAA,IAAiBC,WAAjB;;EAEA,IAAMC,UAAU,GAAGC,OAAO,CAACC,KAAK,CAACC,OAAN,CAAc1B,QAAd,IAA0BA,QAAQ,CAACf,MAAnC,GAA4Ce,QAA7C,CAA1B;EAEA,IAAMP,UAAU,GAAGC,cAAc,IAAI,IAAlB,GAAyBA,cAAzB,GAA0C,EAAEmB,WAAW,IAAIU,UAAjB,CAA7D;EAEA,IAAMI,QAAQ,GAAGxB,oBAAoB,CAACyB,UAArB,CAAgCjC,MAAhC,CAAjB;EACA,IAAMkC,QAAQ,GAAG1B,oBAAoB,CAAC2B,UAArB,CAAgCnC,MAAhC,CAAjB;EAEA,IAAMoC,QAAQ,GAAG5B,oBAAoB,CAAC6B,UAArB,CAAgCrC,MAAhC,CAAjB;EAEA,IAAMsC,YAAY,GAAGlE,WAAW,CAC9B,UAACmE,KAAD,EAAW;IACT,IAAI,CAAC1C,QAAL,EAAe;MACb,IAAIqB,WAAW,IAAIU,UAAnB,EAA+B;QAC7B,IAAI,CAAC9B,UAAD,IAAe,CAACkC,QAAhB,IAA4BE,QAAhC,EAA0C;UACxC,OAAOb,MAAM,CAACrB,MAAD,CAAb;QACD;MACF;;MAED,IAAIF,UAAU,IAAI,CAACoC,QAAnB,EAA6B;QAC3B,OAAOf,MAAM,CAACoB,KAAD,EAAQvC,MAAR,CAAb;MACD;IACF;;IAED,OAAO,KAAP;EACD,CAf6B,EAgB9B,CAACkB,WAAD,EAAcrB,QAAd,EAAwB+B,UAAxB,EAAoCI,QAApC,EAA8ChC,MAA9C,EAAsDmB,MAAtD,EAA8DrB,UAA9D,EAA0EoC,QAA1E,EAAoFb,MAApF,CAhB8B,CAAhC;EAmBA,IAAMmB,gBAAgB,GAAGtD,YAAY,CAACkB,OAAD,CAArC;EAEA,IAAMqC,WAAW,GAAGrE,WAAW,CAC7B,UAACmE,KAAD,EAAW;IACTZ,WAAW,CAAC,KAAD,CAAX;;IACA,IAAI,CAACS,QAAL,EAAe;MACb1B,KAAK,CAACV,MAAD,CAAL;IACD;;IAEDsC,YAAY,CAACC,KAAD,CAAZ,CANS,CAQT;;IACA,IAAI,CAAC1C,QAAD,IAAa2C,gBAAgB,CAACE,OAAlC,EAA2C;MACzCF,gBAAgB,CAACE,OAAjB,CAAyBH,KAAzB;IACD;;IAEDA,KAAK,CAACI,cAAN;IACAJ,KAAK,CAACK,eAAN;EACD,CAhB4B,EAiB7B,CAAC/C,QAAD,EAAWa,KAAX,EAAkB0B,QAAlB,EAA4BE,YAA5B,EAA0CtC,MAA1C,EAAkDwC,gBAAlD,CAjB6B,CAA/B;EAoBA,IAAMK,eAAe,GAAGzE,WAAW,CACjC,UAACmE,KAAD,EAAW;IACT,IAAIX,UAAJ,EAAgB;MACd,IAAII,QAAJ,EAAc;QACZ,OAAOnB,aAAa,CAAC0B,KAAD,EAAQvC,MAAR,CAApB;MACD;;MACD,IAAI,CAACH,QAAL,EAAe;QACb,OAAOwB,MAAM,CAACkB,KAAD,EAAQvC,MAAR,CAAb;MACD;IACF;;IAED,OAAO,KAAP;EACD,CAZgC,EAajC,CAACH,QAAD,EAAW+B,UAAX,EAAuBI,QAAvB,EAAiCnB,aAAjC,EAAgDb,MAAhD,EAAwDqB,MAAxD,CAbiC,CAAnC;EAgBA,IAAMyB,aAAa,GAAG1E,WAAW,CAC/B,UAACmE,KAAD,EAAW;IACT,IAAIQ,cAAc,GAAG,KAArB;IACA,IAAQC,GAAR,GAAgBT,KAAhB,CAAQS,GAAR;;IAEA,IAAIT,KAAK,CAACU,MAAN,IAAgBV,KAAK,CAACW,OAAtB,IAAiCX,KAAK,CAACY,OAAvC,IAAkDZ,KAAK,CAACa,aAAN,KAAwBb,KAAK,CAACc,MAApF,EAA4F;MAC1F;IACD;;IAED,IAAI,CAAC9B,YAAL,EAAmB;MACjB,IAAIyB,GAAG,KAAK,OAAR,IAAmBA,GAAG,KAAK,GAA/B,EAAoC;QAClC,IAAIvB,aAAa,CAACiB,OAAd,KAA0BH,KAAK,CAACa,aAApC,EAAmD;UACjDL,cAAc,GAAGT,YAAY,CAACC,KAAD,CAA7B;QACD;MACF;IACF,CAND,MAMO;MACL,QAAQS,GAAR;QACE,KAAK,OAAL;QACA,KAAK,GAAL;UACE,IAAIT,KAAK,CAACe,KAAV,EAAiB;YACfP,cAAc,GAAG,IAAjB;UACD,CAFD,MAEO,IAAItB,aAAa,CAACiB,OAAd,KAA0BH,KAAK,CAACa,aAApC,EAAmD;YACxDL,cAAc,GAAGT,YAAY,CAACC,KAAD,CAA7B;UACD;;UACD;;QACF,KAAK,WAAL;UACEQ,cAAc,GAAGlC,aAAa,CAACb,MAAD,CAA9B;UACA;;QACF,KAAK,SAAL;UACE+C,cAAc,GAAGjC,iBAAiB,CAACd,MAAD,CAAlC;UACA;;QACF,KAAK,YAAL;UACE+C,cAAc,GAAGF,eAAe,CAAC7C,MAAD,CAAhC;UACA;;QACF,KAAK,WAAL;UACE+C,cAAc,GAAGhC,eAAe,CAACf,MAAD,EAASuC,KAAT,CAAhC;UACA;;QACF,KAAK,MAAL;UACEQ,cAAc,GAAGpC,cAAc,EAA/B;UACA;;QACF,KAAK,KAAL;UACEoC,cAAc,GAAGnC,aAAa,EAA9B;UACA;;QACF,KAAK,GAAL;UACEmC,cAAc,GAAGtC,iBAAiB,CAACT,MAAD,CAAlC;UACA;;QACF;UACE,IAAIZ,oBAAoB,CAAC4D,GAAD,CAAxB,EAA+B;YAC7BD,cAAc,GAAG3B,wBAAwB,CAACpB,MAAD,EAASgD,GAAT,CAAzC;UACD;;MAjCL;IAmCD;;IAED,IAAID,cAAJ,EAAoB;MAClBR,KAAK,CAACI,cAAN;MACAJ,KAAK,CAACK,eAAN;IACD;EACF,CAzD8B,EA0D/B,CACErB,YADF,EAEEe,YAFF,EAGEzB,aAHF,EAIEb,MAJF,EAKEc,iBALF,EAME+B,eANF,EAOE9B,eAPF,EAQEJ,cARF,EASEC,aATF,EAUEH,iBAVF,EAWEW,wBAXF,CA1D+B,CAAjC;EAyEA,IAAMmC,gBAAgB,GAAG/E,MAAM,CAAC,EAAD,CAA/B;EACA,IAAMgF,QAAQ,GAAGjF,OAAO,CAAC,YAAM;IAC7B,IAAMkF,GAAG,GAAGtF,KAAK,CAACuF,QAAN,CAAeC,GAAf,CAAmBtD,QAAnB,EAA6B,UAACuD,KAAD;MAAA,OAAWA,KAAK,CAACnE,KAAN,CAAYO,MAAvB;IAAA,CAA7B,KAA+D,EAA3E;;IAEA,IAAIf,SAAS,CAACsE,gBAAgB,CAACb,OAAlB,EAA2Be,GAA3B,CAAb,EAA8C;MAC5CF,gBAAgB,CAACb,OAAjB,GAA2Be,GAA3B;IACD;;IAED,OAAOF,gBAAgB,CAACb,OAAxB;EACD,CARuB,EAQrB,CAACrC,QAAD,CARqB,CAAxB,CA5L8B,CAsM9B;EACA;;EACA,IAAMwD,cAAc,GAAG3E,YAAY,CAACiB,OAAD,CAAnC,CAxM8B,CA0M9B;;EACA7B,SAAS,CAAC,YAAM;IACd0C,gBAAgB,CAAChB,MAAD,EAASwD,QAAT,EAAmBK,cAAnB,EAAmCpC,aAAnC,EAAkDvB,KAAlD,CAAhB;IAEA,OAAO,YAAM;MACXe,qBAAqB,CAACjB,MAAD,CAArB;IACD,CAFD;EAGD,CANQ,EAMN,CAACgB,gBAAD,EAAmBwC,QAAnB,EAA6BtD,KAA7B,EAAoCF,MAApC,EAA4C6D,cAA5C,EAA4D5C,qBAA5D,CANM,CAAT,CA3M8B,CAmN9B;;EACA3C,SAAS,CAAC,YAAM;IACd,IAAIiD,YAAY,IAAIa,QAAhB,IAA4BX,aAAa,CAACiB,OAA9C,EAAuD;MACrDjB,aAAa,CAACiB,OAAd,CAAsBhC,KAAtB;IACD;EACF,CAJQ,EAIN,CAACa,YAAD,EAAea,QAAf,CAJM,CAAT;EAMA,IAAM0B,YAAY,GAAGvF,OAAO,CAC1B;IAAA,OACE0B,IAAI,iBACJ9B,KAAK,CAAC4F,YAAN,CAAmB9D,IAAnB,EAAyB;MACvB+D,SAAS,EAAE;QAAEC,KAAK,EAAE,MAAT;QAAiBC,MAAM,EAAE;MAAzB;IADY,CAAzB,CAFF;EAAA,CAD0B,EAM1B,CAACjE,IAAD,CAN0B,CAA5B;EASA,IAAMkE,eAAe,GAAG5F,OAAO,CAC7B;IAAA,oBACE,oBAAC,YAAD;MACE,EAAE,EAAES,KAAK,CAACU,EAAD,EAAK,QAAL,CADX;MAEE,SAAS,EAAC,KAFZ;MAGE,OAAO,EAAEI,UAAU,IAAIoC,QAAd,GAAyB,cAAzB,GAA0C,YAHrD;MAIE,IAAI,EAAC,QAJP;MAKE,QAAQ,EAAET,aALZ;MAME,SAAS,EAAE/C,IAAI,CAACkB,OAAO,CAACwE,OAAT,EACa1C,QADb,GACZ9B,OAAO,CAACyE,cADI,GAEZzE,OAAO,CAAC0E,oBAFI,CANjB;MAUE,QAAQ,EAAElC,QAAQ,GAAG,CAAH,GAAO,CAAC,CAV5B;MAWE,SAAS,EAAEU,aAXb;MAYE,OAAO,EAAE;QAAA,OAAMnB,WAAW,CAAC,IAAD,CAAjB;MAAA,CAZX;MAaE,MAAM,EAAE;QAAA,OAAMA,WAAW,CAAC,KAAD,CAAjB;MAAA,CAbV;MAcE,OAAO,EAAEc,WAdX;MAeE,gBAAc,CAAClB,YAAD,IAAiBzB,UAAjB,IAA+BoC,QAA/B,GAA0C,MAA1C,GAAmDqC;IAfnE,GAiBGT,YAjBH,EAkBG5D,KAlBH,CADF;EAAA,CAD6B,EAuB7B,CACEN,OADF,EAEE6C,WAFF,EAGEK,aAHF,EAIEpB,QAJF,EAKEhC,EALF,EAMEQ,KANF,EAOEqB,YAPF,EAQEuC,YARF,EASEhE,UATF,EAUEoC,QAVF,EAWEE,QAXF,CAvB6B,CAA/B;EAsCA,IAAMoC,gBAAgB,GAAGjG,OAAO,CAC9B;IAAA,OACE8B,QAAQ,iBACN;MAAI,SAAS,EAAET,OAAO,CAAC6E,KAAvB;MAA8B,IAAI,EAAElD,YAAY,GAAG,OAAH,GAAagD;IAA7D,GACGlE,QADH,CAFJ;EAAA,CAD8B,EAO9B,CAACA,QAAD,EAAWT,OAAO,CAAC6E,KAAnB,EAA0BlD,YAA1B,CAP8B,CAAhC;EAUA,oBACE;IACE,GAAG,EAAEC,WADP;IAEE,EAAE,EAAE9B,EAFN;IAGE,SAAS,EAAEhB,IAAI,CAACkB,OAAO,CAAC8E,IAAT,EAAe/E,SAAf,EACOE,QADP,GACZD,OAAO,CAACC,QADI,GAIsBC,UAJtB,IAIZF,OAAO,CAACE,UAJI,EAMkCoC,QANlC,GAMZtC,OAAO,CAACsC,QANI,GAOZtC,OAAO,CAAC+E,UAPI,IAKZ/E,OAAO,CAACgF,YALI,EAEQhD,UAFR,KAGqBI,QAHrB,GAGZpC,OAAO,CAACoC,QAHI,GAEZpC,OAAO,CAACiF,SAFI,EAHjB;IAYE,gBAAc5E,IAAI,IAAI,IAAR,GAAe,IAAf,GAAsBsE,SAZtC;IAaE,iBAAe1E,QAAQ,GAAG,IAAH,GAAU0E,SAbnC;IAcE,iBAAerD,WAAW,IAAIU,UAAf,GAA4BI,QAA5B,GAAuCuC;EAdxD,GAeOjD,IAAI,KAAK,UAAT,IAAuB;IAC1BwD,IAAI,EAAE,UADoB;IAE1B,iBAAiBhF,UAAU,IAAIoC,QAAd,GAAyB,IAAzB,GAAgCqC;EAFvB,CAf9B,EAmBMjE,MAnBN,GAqBG6D,eArBH,EAsBGK,gBAtBH,CADF;AA0BD,CA7SD;;AA+SA,wCAAAhF,YAAY,CAACuF,SAAb,GAAyB;EACvB;AACF;AACA;EACErF,EAAE,EAAEf,SAAS,CAACqG,MAJS;;EAKvB;AACF;AACA;EACErF,SAAS,EAAEhB,SAAS,CAACqG,MARE;;EASvB;AACF;AACA;EACEpF,OAAO,EAAEjB,SAAS,CAACsG,KAAV,CAAgB;IACvB;AACJ;AACA;IACIP,IAAI,EAAE/F,SAAS,CAACqG,MAJO;;IAKvB;AACJ;AACA;IACIZ,OAAO,EAAEzF,SAAS,CAACqG,MARI;;IASvB;AACJ;AACA;IACIP,KAAK,EAAE9F,SAAS,CAACqG,MAZM;;IAavB;AACJ;AACA;IACInF,QAAQ,EAAElB,SAAS,CAACqG,MAhBG;;IAiBvB;AACJ;AACA;IACIH,SAAS,EAAElG,SAAS,CAACqG,MApBE;;IAqBvB;AACJ;AACA;IACIhD,QAAQ,EAAErD,SAAS,CAACqG,MAxBG;;IAyBvB;AACJ;AACA;IACIlF,UAAU,EAAEnB,SAAS,CAACqG,MA5BC;;IA6BvB;AACJ;AACA;IACIJ,YAAY,EAAEjG,SAAS,CAACqG,MAhCD;;IAiCvB;AACJ;AACA;IACI9C,QAAQ,EAAEvD,SAAS,CAACqG,MApCG;;IAqCvB;AACJ;AACA;IACIL,UAAU,EAAEhG,SAAS,CAACqG,MAxCC;;IAyCvB;AACJ;AACA;IACIX,cAAc,EAAE1F,SAAS,CAACqG,MA5CH;;IA6CvB;AACJ;AACA;IACIV,oBAAoB,EAAE3F,SAAS,CAACqG;EAhDT,CAAhB,EAiDNE,UA7DoB;;EA8DvB;AACF;AACA;EACErF,QAAQ,EAAElB,SAAS,CAACwG,IAjEG;;EAkEvB;AACF;AACA;EACErF,UAAU,EAAEnB,SAAS,CAACwG,IArEC;;EAsEvB;AACF;AACA;EACEnF,MAAM,EAAErB,SAAS,CAACqG,MAAV,CAAiBE,UAzEF;;EA0EvB;AACF;AACA;EACEjF,IAAI,EAAEtB,SAAS,CAAC+F,IA7EO;;EA8EvB;AACF;AACA;EACExE,KAAK,EAAEvB,SAAS,CAAC+F,IAAV,CAAeQ,UAjFC;;EAkFvB;AACF;AACA;EACE;EACA/E,OAAO,EAAExB,SAAS,CAACyG,GAtFI;;EAuFvB;AACF;AACA;EACEhF,OAAO,EAAEzB,SAAS,CAAC0G,IA1FI;;EA2FvB;AACF;AACA;EACEhF,QAAQ,EAAE1B,SAAS,CAAC+F;AA9FG,CAAzB;AAiGA,eAAe9F,UAAU,CAACO,MAAD,EAAS;EAChCmG,IAAI,EAAE;AAD0B,CAAT,CAAV,CAEZ9F,YAFY,CAAf"}

package/dist/legacy/VerticalNavigation/TreeView/index.d.ts

@@ -0,0 +1,5 @@
+export { default } from "./TreeView";
+export * from "./TreeView";
+
+export { default as TreeViewItem } from "./TreeViewItem";
+export * from "./TreeViewItem";

package/dist/legacy/VerticalNavigation/TreeView/index.js

@@ -0,0 +1,3 @@
+export { default } from "./TreeView";
+export { default as TreeViewItem } from "./TreeViewItem";
+//# sourceMappingURL=index.js.map

package/dist/legacy/VerticalNavigation/TreeView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","TreeViewItem"],"sources":["../../../../src/VerticalNavigation/TreeView/index.js"],"sourcesContent":["export { default } from \"./TreeView\";\nexport { default as TreeViewItem } from \"./TreeViewItem\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,YAAxB;AACA,SAASA,OAAO,IAAIC,YAApB,QAAwC,gBAAxC"}