@hitachivantara/uikit-react-core 2.23.2

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

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.js","names":["React","PropTypes","withStyles","clsx","styles","Actions","className","classes","id","children","others","root","propTypes","string","shape","isRequired","node","name"],"sources":["../../../../src/VerticalNavigation/Actions/Actions.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport clsx from \"clsx\";\nimport styles from \"./styles\";\n\nconst Actions = ({ className, classes, id, children, ...others }) => {\n  return (\n    <div id={id} className={clsx(className, classes.root)} {...others}>\n      {children}\n    </div>\n  );\n};\n\nActions.propTypes = {\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 component.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the component.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * Id to be applied to the actions container.\n   */\n  id: PropTypes.string,\n  /**\n   * Node to be rendered\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvVerticalNavigationActions\" })(Actions);\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,IAAMC,OAAO,GAAG,SAAVA,OAAU,OAAqD;EAAA,IAAlDC,SAAkD,QAAlDA,SAAkD;EAAA,IAAvCC,OAAuC,QAAvCA,OAAuC;EAAA,IAA9BC,EAA8B,QAA9BA,EAA8B;EAAA,IAA1BC,QAA0B,QAA1BA,QAA0B;EAAA,IAAbC,MAAa;;EACnE,oBACE;IAAK,EAAE,EAAEF,EAAT;IAAa,SAAS,EAAEL,IAAI,CAACG,SAAD,EAAYC,OAAO,CAACI,IAApB;EAA5B,GAA2DD,MAA3D,GACGD,QADH,CADF;AAKD,CAND;;AAQA,wCAAAJ,OAAO,CAACO,SAAR,GAAoB;EAClB;AACF;AACA;EACEN,SAAS,EAAEL,SAAS,CAACY,MAJH;;EAKlB;AACF;AACA;EACEN,OAAO,EAAEN,SAAS,CAACa,KAAV,CAAgB;IACvB;AACJ;AACA;IACIH,IAAI,EAAEV,SAAS,CAACY;EAJO,CAAhB,EAKNE,UAbe;;EAclB;AACF;AACA;EACEP,EAAE,EAAEP,SAAS,CAACY,MAjBI;;EAkBlB;AACF;AACA;EACEJ,QAAQ,EAAER,SAAS,CAACe;AArBF,CAApB;AAwBA,eAAed,UAAU,CAACE,MAAD,EAAS;EAAEa,IAAI,EAAE;AAAR,CAAT,CAAV,CAA4DZ,OAA5D,CAAf"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","Action"],"sources":["../../../../src/VerticalNavigation/Actions/index.js"],"sourcesContent":["export { default } from \"./Actions\";\nexport { default as Action } from \"./Action\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,WAAxB;AACA,SAASA,OAAO,IAAIC,MAApB,QAAkC,UAAlC"}

package/dist/legacy/VerticalNavigation/Actions/styles.js

@@ -0,0 +1,57 @@
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import { outlineStyles } from "../../Focus/styles";
+
+var hover = function hover(theme) {
+  return {
+    background: theme.hv.palette.atmosphere.atmo4,
+    "& *": {
+      background: theme.hv.palette.atmosphere.atmo4
+    }
+  };
+};
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      display: "block",
+      background: theme.hv.palette.atmosphere.atmo1,
+      "& :not(:last-child)": {
+        marginBottom: "8px"
+      }
+    },
+    action: {
+      width: "100%",
+      display: "flex",
+      justifyContent: "flex-start",
+      alignItems: "center",
+      height: "32px",
+      color: theme.hv.palette.atmosphere.acce1,
+      // hover
+      "&:hover": hover(theme),
+      "&:focus": _objectSpread(_objectSpread({}, outlineStyles), hover(theme)),
+      // cursor
+      cursor: "pointer",
+      "& *": {
+        cursor: "pointer"
+      }
+    },
+    noIcon: {
+      paddingLeft: "".concat(theme.hv.spacing.xs, "px")
+    }
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/legacy/VerticalNavigation/Actions/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["outlineStyles","hover","theme","background","hv","palette","atmosphere","atmo4","styles","root","display","atmo1","marginBottom","action","width","justifyContent","alignItems","height","color","acce1","cursor","noIcon","paddingLeft","spacing","xs"],"sources":["../../../../src/VerticalNavigation/Actions/styles.js"],"sourcesContent":["import { outlineStyles } from \"../../Focus/styles\";\n\nconst hover = (theme) => ({\n  background: theme.hv.palette.atmosphere.atmo4,\n  \"& *\": {\n    background: theme.hv.palette.atmosphere.atmo4,\n  },\n});\n\nconst styles = (theme) => ({\n  root: {\n    display: \"block\",\n    background: theme.hv.palette.atmosphere.atmo1,\n\n    \"& :not(:last-child)\": {\n      marginBottom: \"8px\",\n    },\n  },\n\n  action: {\n    width: \"100%\",\n    display: \"flex\",\n    justifyContent: \"flex-start\",\n    alignItems: \"center\",\n    height: \"32px\",\n    color: theme.hv.palette.atmosphere.acce1,\n\n    // hover\n    \"&:hover\": hover(theme),\n\n    \"&:focus\": {\n      ...outlineStyles,\n      ...hover(theme),\n    },\n\n    // cursor\n    cursor: \"pointer\",\n    \"& *\": {\n      cursor: \"pointer\",\n    },\n  },\n  noIcon: {\n    paddingLeft: `${theme.hv.spacing.xs}px`,\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;AAAA,SAASA,aAAT,QAA8B,oBAA9B;;AAEA,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;EAAA,OAAY;IACxBC,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KADhB;IAExB,OAAO;MACLJ,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;IADnC;EAFiB,CAAZ;AAAA,CAAd;;AAOA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACN,KAAD;EAAA,OAAY;IACzBO,IAAI,EAAE;MACJC,OAAO,EAAE,OADL;MAEJP,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BK,KAFpC;MAIJ,uBAAuB;QACrBC,YAAY,EAAE;MADO;IAJnB,CADmB;IAUzBC,MAAM,EAAE;MACNC,KAAK,EAAE,MADD;MAENJ,OAAO,EAAE,MAFH;MAGNK,cAAc,EAAE,YAHV;MAINC,UAAU,EAAE,QAJN;MAKNC,MAAM,EAAE,MALF;MAMNC,KAAK,EAAEhB,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4Ba,KAN7B;MAQN;MACA,WAAWlB,KAAK,CAACC,KAAD,CATV;MAWN,2CACKF,aADL,GAEKC,KAAK,CAACC,KAAD,CAFV,CAXM;MAgBN;MACAkB,MAAM,EAAE,SAjBF;MAkBN,OAAO;QACLA,MAAM,EAAE;MADH;IAlBD,CAViB;IAgCzBC,MAAM,EAAE;MACNC,WAAW,YAAKpB,KAAK,CAACE,EAAN,CAASmB,OAAT,CAAiBC,EAAtB;IADL;EAhCiB,CAAZ;AAAA,CAAf;;AAqCA,eAAehB,MAAf"}

package/dist/legacy/VerticalNavigation/Navigation/Navigation.d.ts

@@ -0,0 +1,53 @@
+import React, { MouseEvent } from "react";
+import { StandardProps } from "@material-ui/core";
+
+export interface NavigationData {
+  /**
+   * the id to be applied to the root element.
+   */
+  id: string;
+  /**
+   * the label to be rendered on the menu item.
+   */
+  label: string;
+  /**
+   * Icon to be render.
+   */
+  icon?: React.ReactNode;
+  /**
+   * Data subset.
+   */
+  data?: NavigationData[];
+}
+
+export interface HvVerticalNavigationNavigationProps
+  extends StandardProps<React.HTMLAttributes<HTMLElement>, HvNavigationClassKey, "onClick"> {
+  /**
+   * Label.
+   */
+  label?: string;
+
+  /**
+   * An array containing the data for each menu item.
+   *
+   * id - the id to be applied to the root element.
+   * label - the label to be rendered on the menu item.
+   */
+  data?: NavigationData[];
+
+  /**
+   * Menu item id selected.
+   */
+  selected?: string;
+
+  /**
+   * Callback triggered when any item is clicked.
+   */
+  onClick?: (event: MouseEvent, selectedItem: NavigationData) => void;
+}
+
+export type HvNavigationClassKey = "root";
+
+export default function HvVerticalNavigationNavigation(
+  props: HvVerticalNavigationNavigationProps
+): JSX.Element | null;

package/dist/legacy/VerticalNavigation/Navigation/Navigation.js

@@ -0,0 +1,113 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["className", "classes", "id", "label", "data", "selected", "onClick"];
+import "core-js/modules/es.array.map.js";
+import React, { useCallback, useMemo } from "react";
+import PropTypes from "prop-types";
+import { withStyles } from "@material-ui/core";
+import clsx from "clsx";
+import TreeView, { TreeViewItem } from "../TreeView";
+import { setId } from "../../utils";
+import styles from "./styles";
+
+var createListHierarchy = function createListHierarchy(items, id) {
+  return items.map(function (item) {
+    var itemId = item.id,
+        itemLabel = item.label,
+        icon = item.icon,
+        children = item.data;
+    return /*#__PURE__*/React.createElement(TreeViewItem, {
+      id: setId(id, itemId),
+      key: itemId,
+      nodeId: itemId,
+      label: itemLabel,
+      icon: icon,
+      payload: item
+    }, children ? createListHierarchy(children) : undefined);
+  });
+};
+
+var Navigation = function Navigation(_ref) {
+  var className = _ref.className,
+      classes = _ref.classes,
+      id = _ref.id,
+      _ref$label = _ref.label,
+      label = _ref$label === void 0 ? null : _ref$label,
+      data = _ref.data,
+      _ref$selected = _ref.selected,
+      selected = _ref$selected === void 0 ? null : _ref$selected,
+      _ref$onClick = _ref.onClick,
+      onClick = _ref$onClick === void 0 ? null : _ref$onClick,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  var handleChange = useCallback(function (event, selectedId, selectedItem) {
+    if (onClick) onClick(event, selectedItem);
+  }, [onClick]);
+  var children = useMemo(function () {
+    return data && createListHierarchy(data, id);
+  }, [data, id]);
+  return /*#__PURE__*/React.createElement("nav", _extends({
+    id: id,
+    className: clsx(className, classes.root),
+    "aria-label": label
+  }, others), /*#__PURE__*/React.createElement(TreeView, {
+    id: setId(id, "tree"),
+    selected: selected,
+    onChange: handleChange,
+    mode: "navigation"
+  }, children));
+};
+
+process.env.NODE_ENV !== "production" ? Navigation.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Style applied to the component.
+     */
+    root: PropTypes.string
+  }).isRequired,
+
+  /**
+   * Id to be applied to the root node.
+   */
+  id: PropTypes.string,
+
+  /**
+   * Label.
+   */
+  label: PropTypes.string,
+
+  /**
+   * An array containing the data for each menu item.
+   *
+   * id - the id to be applied to the root element.
+   * label - the label to be rendered on the menu item.
+   */
+  data: PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.string.isRequired,
+    label: PropTypes.string.isRequired,
+    icon: PropTypes.node,
+    data: PropTypes.array
+  })).isRequired,
+
+  /**
+   * Menu item id selected.
+   */
+  selected: PropTypes.string,
+
+  /**
+   * Callback triggered when any item is clicked.
+   */
+  onClick: PropTypes.func
+} : void 0;
+export default withStyles(styles, {
+  name: "HvVerticalNavigationNavigation"
+})(Navigation);
+//# sourceMappingURL=Navigation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation.js","names":["React","useCallback","useMemo","PropTypes","withStyles","clsx","TreeView","TreeViewItem","setId","styles","createListHierarchy","items","id","map","item","itemId","itemLabel","label","icon","children","data","undefined","Navigation","className","classes","selected","onClick","others","handleChange","event","selectedId","selectedItem","root","propTypes","string","shape","isRequired","arrayOf","node","array","func","name"],"sources":["../../../../src/VerticalNavigation/Navigation/Navigation.js"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport clsx from \"clsx\";\nimport TreeView, { TreeViewItem } from \"../TreeView\";\nimport { setId } from \"../../utils\";\nimport styles from \"./styles\";\n\nconst createListHierarchy = (items, id) =>\n  items.map((item) => {\n    const { id: itemId, label: itemLabel, icon, data: children } = item;\n\n    return (\n      <TreeViewItem\n        id={setId(id, itemId)}\n        key={itemId}\n        nodeId={itemId}\n        label={itemLabel}\n        icon={icon}\n        payload={item}\n      >\n        {children ? createListHierarchy(children) : undefined}\n      </TreeViewItem>\n    );\n  });\n\nconst Navigation = ({\n  className,\n  classes,\n  id,\n  label = null,\n  data,\n  selected = null,\n  onClick = null,\n  ...others\n}) => {\n  const handleChange = useCallback(\n    (event, selectedId, selectedItem) => {\n      if (onClick) onClick(event, selectedItem);\n    },\n    [onClick]\n  );\n\n  const children = useMemo(() => data && createListHierarchy(data, id), [data, id]);\n\n  return (\n    <nav id={id} className={clsx(className, classes.root)} aria-label={label} {...others}>\n      <TreeView\n        id={setId(id, \"tree\")}\n        selected={selected}\n        onChange={handleChange}\n        mode=\"navigation\"\n      >\n        {children}\n      </TreeView>\n    </nav>\n  );\n};\n\nNavigation.propTypes = {\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.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the component.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * Label.\n   */\n  label: PropTypes.string,\n  /**\n   * An array containing the data for each menu item.\n   *\n   * id - the id to be applied to the root element.\n   * label - the label to be rendered on the menu item.\n   */\n  data: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n      icon: PropTypes.node,\n      data: PropTypes.array,\n    })\n  ).isRequired,\n  /**\n   * Menu item id selected.\n   */\n  selected: PropTypes.string,\n  /**\n   * Callback triggered when any item is clicked.\n   */\n  onClick: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvVerticalNavigationNavigation\" })(Navigation);\n"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export { default } from "./Navigation";
+export * from "./Navigation";

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

@@ -0,0 +1,2 @@
+export { default } from "./Navigation";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/VerticalNavigation/Navigation/index.js"],"sourcesContent":["export { default } from \"./Navigation\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,cAAxB"}

package/dist/legacy/VerticalNavigation/Navigation/styles.js

@@ -0,0 +1,5 @@
+var styles = {
+  root: {}
+};
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/legacy/VerticalNavigation/Navigation/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","root"],"sources":["../../../../src/VerticalNavigation/Navigation/styles.js"],"sourcesContent":["const styles = {\n  root: {},\n};\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG;EACbC,IAAI,EAAE;AADO,CAAf;AAIA,eAAeD,MAAf"}

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

@@ -0,0 +1,38 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export interface HvVerticalNavigationTreeViewProps
+  extends StandardProps<
+    React.HTMLAttributes<HTMLUListElement>,
+    HvVerticalNavigationTreeViewClassKey,
+    "onChange"
+  > {
+  /**
+   * Modus operandi (role) of the widget instance.
+   */
+  mode?: "treeview" | "navigation";
+  /**
+   * Can nodes be selected.
+   */
+  selectable?: boolean;
+  /**
+   * Receives the id of an item present in the list and selects it.
+   */
+  selected?: string;
+  /**
+   * Can non-leaf nodes be collapsed / expanded.
+   */
+  collapsible?: boolean;
+  /**
+   * Callback fired when a tree item is selected.
+   *
+   * @param {array} nodeId The id of the selected node.
+   */
+  onChange?: (nodeId: string) => void;
+}
+
+export type HvVerticalNavigationTreeViewClassKey = "root";
+
+export default function HvVerticalNavigationTreeView(
+  props: HvVerticalNavigationTreeViewProps
+): JSX.Element | null;

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

@@ -0,0 +1,314 @@
+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", "mode", "collapsible", "selectable", "selected", "onChange", "children"];
+import "core-js/modules/es.array.map.js";
+import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { withStyles } from "@material-ui/core";
+import { TreeViewControlContext, TreeViewStateContext } from "./TreeViewContexts";
+import arrayDiff from "../../utils/arrayDiff";
+import usePropAsRef from "../../utils/usePropAsRef";
+import { NodeTreeExpandUtils, NodeTreeMapUtils, NodeTreeNavigationUtils } from "./utils";
+import styles from "./styles";
+
+var TreeView = function TreeView(props) {
+  var id = props.id,
+      className = props.className,
+      classes = props.classes,
+      _props$mode = props.mode,
+      mode = _props$mode === void 0 ? "treeview" : _props$mode,
+      _props$collapsible = props.collapsible,
+      collapsible = _props$collapsible === void 0 ? false : _props$collapsible,
+      _props$selectable = props.selectable,
+      selectable = _props$selectable === void 0 ? true : _props$selectable,
+      _props$selected = props.selected,
+      selected = _props$selected === void 0 ? null : _props$selected,
+      _props$onChange = props.onChange,
+      onChange = _props$onChange === void 0 ? null : _props$onChange,
+      _props$children = props.children,
+      children = _props$children === void 0 ? null : _props$children,
+      others = _objectWithoutProperties(props, _excluded);
+
+  var _useState = useState(null),
+      _useState2 = _slicedToArray(_useState, 2),
+      tabable = _useState2[0],
+      setTabable = _useState2[1];
+
+  var _useState3 = useState([]),
+      _useState4 = _slicedToArray(_useState3, 2),
+      expanded = _useState4[0],
+      setExpandedState = _useState4[1];
+
+  var firstNode = useRef(null);
+  var nodeMap = useRef({});
+  var treeviewMode = mode === "treeview";
+  var isExpanded = useCallback(function (nodeId) {
+    return !collapsible || NodeTreeExpandUtils.isExpanded(expanded, nodeId);
+  }, [collapsible, expanded]);
+  var isTabbable = useCallback(function (nodeId) {
+    return !treeviewMode || tabable === nodeId;
+  }, [treeviewMode, tabable]);
+  var isSelected = useCallback(function (nodeId) {
+    return selectable && selected != null && selected === nodeId;
+  }, [selectable, selected]); // onChange prop was causing unneeded context changes
+  // we just need to keep it as a mutable reference
+
+  var onChangeCallback = usePropAsRef(onChange);
+  var select = useCallback(function (event, selectedNodeId) {
+    if (onChangeCallback.current) {
+      onChangeCallback.current(event, selectedNodeId, nodeMap.current[selectedNodeId] != null ? nodeMap.current[selectedNodeId].nodePayloadRef.current : null);
+    }
+  }, [onChangeCallback]);
+  var getNextNode = useCallback(function (nodeId) {
+    return NodeTreeNavigationUtils.getNextNode(isExpanded, nodeMap.current, nodeId);
+  }, [isExpanded]);
+  var getPreviousNode = useCallback(function (nodeId) {
+    return NodeTreeNavigationUtils.getPreviousNode(isExpanded, nodeMap.current, nodeId);
+  }, [isExpanded]);
+  var getFirstNode = useCallback(function () {
+    if (firstNode.current) {
+      return firstNode.current;
+    }
+
+    return null;
+  }, []);
+  var getLastNode = useCallback(function () {
+    var nodeId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1;
+    return NodeTreeNavigationUtils.getLastNode(isExpanded, nodeMap.current, nodeId);
+  }, [isExpanded]);
+  var focus = useCallback(function (nodeId) {
+    if (nodeId) {
+      if (treeviewMode) {
+        setTabable(nodeId);
+      } else if (nodeMap.current[nodeId] && nodeMap.current[nodeId].nodeActionableRef.current) {
+        nodeMap.current[nodeId].nodeActionableRef.current.focus();
+      }
+    }
+  }, [treeviewMode]);
+  var focusNextNode = useCallback(function (nodeId) {
+    var nextNode = getNextNode(nodeId);
+
+    if (nextNode) {
+      focus(nextNode);
+      return true;
+    }
+
+    return false;
+  }, [focus, getNextNode]);
+  var focusPreviousNode = useCallback(function (nodeId) {
+    var previousNode = getPreviousNode(nodeId);
+
+    if (previousNode) {
+      focus(previousNode);
+      return true;
+    }
+
+    return false;
+  }, [focus, getPreviousNode]);
+  var focusFirstNode = useCallback(function () {
+    var fNode = getFirstNode();
+
+    if (fNode) {
+      focus(fNode);
+      return true;
+    }
+
+    return false;
+  }, [focus, getFirstNode]);
+  var focusLastNode = useCallback(function () {
+    var lastNode = getLastNode();
+
+    if (lastNode) {
+      focus(lastNode);
+      return true;
+    }
+
+    return false;
+  }, [focus, getLastNode]);
+  var toggle = useCallback(function (nodeId) {
+    if (!collapsible) {
+      // nothing to do if in non-colapsible mode
+      return false;
+    }
+
+    var newExpanded = NodeTreeExpandUtils.toggle(expanded, nodeId);
+    setExpandedState(newExpanded);
+    return true;
+  }, [collapsible, expanded]);
+  var expandAllSiblings = useCallback(function (nodeId) {
+    if (!collapsible) {
+      // nothing to do if in non-colapsible mode
+      return false;
+    }
+
+    var newExpanded = NodeTreeExpandUtils.expandAllSiblings(expanded, nodeMap.current, nodeId);
+    setExpandedState(newExpanded);
+    return true;
+  }, [collapsible, expanded]);
+  var handleLeftArrow = useCallback(function (nodeId) {
+    if (collapsible && isExpanded(nodeId)) {
+      toggle(nodeId);
+      return true;
+    }
+
+    var parent = nodeMap.current[nodeId].parent;
+
+    if (parent !== -1) {
+      focus(parent);
+      return true;
+    }
+
+    return false;
+  }, [collapsible, focus, isExpanded, toggle]);
+  var setFocusByFirstCharacter = useCallback(function (nodeId, char) {
+    var toFocus = NodeTreeNavigationUtils.getNodeByFirstCharacter(nodeMap.current, NodeTreeExpandUtils.getVisibleNodes(collapsible ? expanded : true, nodeMap.current), nodeId, char);
+
+    if (toFocus) {
+      focus(toFocus);
+      return true;
+    }
+
+    return false;
+  }, [collapsible, expanded, focus]);
+  var addNodeToNodeMap = useCallback(function (nodeId, childrenIds, nodePayloadRef, nodeActionableRef, label) {
+    nodeMap.current = NodeTreeMapUtils.addNodeToNodeMap(nodeMap.current, nodeId, childrenIds, {
+      nodePayloadRef: nodePayloadRef,
+      nodeActionableRef: nodeActionableRef,
+      label: label
+    });
+  }, []);
+  var removeNodeFromNodeMap = useCallback(function (nodeId) {
+    nodeMap.current = NodeTreeMapUtils.removeNodeFromNodeMap(nodeMap.current, nodeId);
+  }, []);
+  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]);
+  useEffect(function () {
+    addNodeToNodeMap(-1, childIds);
+
+    var _childIds = _slicedToArray(childIds, 1);
+
+    firstNode.current = _childIds[0];
+    return function () {
+      removeNodeFromNodeMap(-1);
+    };
+  }, [addNodeToNodeMap, childIds, removeNodeFromNodeMap]);
+  useEffect(function () {
+    if (treeviewMode) {
+      if (selectable && selected != null) {
+        // if a node is selected before the tree receives focus,
+        // focus is set on the selected node
+        // (when adding support for multi-select: if one or more nodes are selected
+        // before the tree receives focus, focus is set on the first selected node)
+        setTabable(selected);
+      } else {
+        // if none of the nodes are selected before the tree
+        // receives focus, focus is set on the first node
+        setTabable(firstNode.current);
+      }
+    }
+  }, [selectable, selected, treeviewMode]);
+  var treeControlContext = React.useMemo(function () {
+    return {
+      expandAllSiblings: expandAllSiblings,
+      focus: focus,
+      focusFirstNode: focusFirstNode,
+      focusLastNode: focusLastNode,
+      focusNextNode: focusNextNode,
+      focusPreviousNode: focusPreviousNode,
+      handleLeftArrow: handleLeftArrow,
+      addNodeToNodeMap: addNodeToNodeMap,
+      removeNodeFromNodeMap: removeNodeFromNodeMap,
+      collapsible: collapsible,
+      select: select,
+      setFocusByFirstCharacter: setFocusByFirstCharacter,
+      toggle: toggle,
+      mode: mode
+    };
+  }, [addNodeToNodeMap, collapsible, expandAllSiblings, focus, focusFirstNode, focusLastNode, focusNextNode, focusPreviousNode, handleLeftArrow, removeNodeFromNodeMap, select, setFocusByFirstCharacter, toggle, mode]);
+  var treeStateContext = React.useMemo(function () {
+    return {
+      isExpanded: isExpanded,
+      isTabbable: isTabbable,
+      isSelected: isSelected
+    };
+  }, [isExpanded, isSelected, isTabbable]);
+  return /*#__PURE__*/React.createElement(TreeViewControlContext.Provider, {
+    value: treeControlContext
+  }, /*#__PURE__*/React.createElement(TreeViewStateContext.Provider, {
+    value: treeStateContext
+  }, /*#__PURE__*/React.createElement("ul", _extends({
+    id: id,
+    role: treeviewMode ? "tree" : undefined,
+    className: clsx(classes.root, className)
+  }, others), children)));
+};
+
+process.env.NODE_ENV !== "production" ? TreeView.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 component.
+     */
+    root: PropTypes.string
+  }).isRequired,
+
+  /**
+   * Modus operandi (role) of the widget instance.
+   */
+  mode: PropTypes.oneOf(["treeview", "navigation"]),
+
+  /**
+   * Can nodes be selected.
+   */
+  selectable: PropTypes.bool,
+
+  /**
+   * Receives the id of an item present in the list and selects it.
+   */
+  selected: PropTypes.string,
+
+  /**
+   * Can non-leaf nodes be collapsed / expanded.
+   */
+  collapsible: PropTypes.bool,
+
+  /**
+   * Callback fired when a tree item is selected.
+   *
+   * @param {array} nodeId The id of the selected node.
+   */
+  onChange: PropTypes.func,
+
+  /**
+   * The content of the component.
+   */
+  children: PropTypes.node
+} : void 0;
+export default withStyles(styles, {
+  name: "HvVerticalNavigationTreeView"
+})(TreeView);
+//# sourceMappingURL=TreeView.js.map