@hitachivantara/uikit-react-core 3.52.5

package/dist/VerticalNavigation/TreeView/descendants.js

@@ -0,0 +1,272 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DescendantProvider = DescendantProvider;
+exports.useDescendant = useDescendant;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.array.slice.js");
+
+require("core-js/modules/es.array.splice.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.array.filter.js");
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _utils = require("../../utils");
+
+var _excluded = ["element"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+// To replace with .findIndex() once we stop IE11 support.
+function findIndex(array, comp) {
+  for (var i = 0; i < array.length; i += 1) {
+    if (comp(array[i])) {
+      return i;
+    }
+  }
+
+  return -1;
+}
+
+function binaryFindElement(array, element) {
+  var start = 0;
+  var end = array.length - 1;
+
+  while (start <= end) {
+    var middle = Math.floor((start + end) / 2);
+
+    if (array[middle].element === element) {
+      return middle;
+    } // eslint-disable-next-line no-bitwise
+
+
+    if (array[middle].element.compareDocumentPosition(element) & Node.DOCUMENT_POSITION_PRECEDING) {
+      end = middle - 1;
+    } else {
+      start = middle + 1;
+    }
+  }
+
+  return start;
+}
+
+var DescendantContext = /*#__PURE__*/React.createContext({
+  level: 0
+});
+
+if (process.env.NODE_ENV !== "production") {
+  DescendantContext.displayName = "DescendantContext";
+}
+
+function usePrevious(value) {
+  var ref = React.useRef(null);
+  React.useEffect(function () {
+    ref.current = value;
+  }, [value]);
+  return ref.current;
+}
+
+var noop = function noop() {};
+/**
+ * This hook registers our descendant by passing it into an array. We can then
+ * search that array by to find its index when registering it in the component.
+ * We use this for focus management, keyboard navigation, and typeahead
+ * functionality for some components.
+ *
+ * The hook accepts the element node
+ *
+ * Our main goals with this are:
+ *   1) maximum composability,
+ *   2) minimal API friction
+ *   3) SSR compatibility*
+ *   4) concurrent safe
+ *   5) index always up-to-date with the tree despite changes
+ *   6) works with memoization of any component in the tree (hopefully)
+ *
+ * * As for SSR, the good news is that we don't actually need the index on the
+ * server for most use-cases, as we are only using it to determine the order of
+ * composed descendants for keyboard navigation.
+ */
+
+
+function useDescendant(descendant) {
+  var _React$useState = React.useState(),
+      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+      forceUpdate = _React$useState2[1];
+
+  var _React$useContext = React.useContext(DescendantContext),
+      _React$useContext$reg = _React$useContext.registerDescendant,
+      registerDescendant = _React$useContext$reg === void 0 ? noop : _React$useContext$reg,
+      _React$useContext$unr = _React$useContext.unregisterDescendant,
+      unregisterDescendant = _React$useContext$unr === void 0 ? noop : _React$useContext$unr,
+      _React$useContext$des = _React$useContext.descendants,
+      descendants = _React$useContext$des === void 0 ? [] : _React$useContext$des,
+      _React$useContext$par = _React$useContext.parentId,
+      parentId = _React$useContext$par === void 0 ? null : _React$useContext$par,
+      _React$useContext$lev = _React$useContext.level,
+      level = _React$useContext$lev === void 0 ? 0 : _React$useContext$lev; // This will initially return -1 because we haven't registered the descendant
+  // on the first render. After we register, this will then return the correct
+  // index on the following render and we will re-register descendants
+  // so that everything is up-to-date before the user interacts with a
+  // collection.
+
+
+  var index = findIndex(descendants, function (item) {
+    return item.element === descendant.element;
+  });
+  var previousDescendants = usePrevious(descendants); // We also need to re-register descendants any time ANY of the other
+  // descendants have changed. My brain was melting when I wrote this and it
+  // feels a little off, but checking in render and using the result in the
+  // effect's dependency array works well enough.
+
+  var someDescendantsHaveChanged = descendants.some(function (newDescendant, position) {
+    return previousDescendants && previousDescendants[position] && previousDescendants[position].element !== newDescendant.element;
+  }); // Prevent any flashing
+
+  (0, _utils.useEnhancedEffect)(function () {
+    if (descendant.element) {
+      registerDescendant(_objectSpread(_objectSpread({}, descendant), {}, {
+        index: index
+      }));
+      return function () {
+        unregisterDescendant(descendant.element);
+      };
+    }
+
+    forceUpdate({});
+    return undefined;
+  }, [registerDescendant, unregisterDescendant, index, someDescendantsHaveChanged, descendant]);
+  return {
+    parentId: parentId,
+    index: index,
+    level: level
+  };
+}
+
+function DescendantProvider(props) {
+  var children = props.children,
+      id = props.id,
+      level = props.level;
+
+  var _React$useState3 = React.useState([]),
+      _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
+      items = _React$useState4[0],
+      set = _React$useState4[1];
+
+  var registerDescendant = React.useCallback(function (_ref) {
+    var element = _ref.element,
+        other = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    set(function (oldItems) {
+      var newItems;
+
+      if (oldItems.length === 0) {
+        // If there are no items, register at index 0 and bail.
+        return [_objectSpread(_objectSpread({}, other), {}, {
+          element: element,
+          index: 0
+        })];
+      }
+
+      var index = binaryFindElement(oldItems, element);
+
+      if (oldItems[index] && oldItems[index].element === element) {
+        // If the element is already registered, just use the same array
+        newItems = oldItems;
+      } else {
+        // When registering a descendant, we need to make sure we insert in
+        // into the array in the same order that it appears in the DOM. So as
+        // new descendants are added or maybe some are removed, we always know
+        // that the array is up-to-date and correct.
+        //
+        // So here we look at our registered descendants and see if the new
+        // element we are adding appears earlier than an existing descendant's
+        // DOM node via `node.compareDocumentPosition`. If it does, we insert
+        // the new element at this index. Because `registerDescendant` will be
+        // called in an effect every time the descendants state value changes,
+        // we should be sure that this index is accurate when descendent
+        // elements come or go from our component.
+        var newItem = _objectSpread(_objectSpread({}, other), {}, {
+          element: element,
+          index: index
+        }); // If an index is not found we will push the element to the end.
+
+
+        newItems = oldItems.slice();
+        newItems.splice(index, 0, newItem);
+      }
+
+      newItems.forEach(function (item, position) {
+        // eslint-disable-next-line no-param-reassign
+        item.index = position;
+      });
+      return newItems;
+    });
+  }, []);
+  var unregisterDescendant = React.useCallback(function (element) {
+    set(function (oldItems) {
+      return oldItems.filter(function (item) {
+        return element !== item.element;
+      });
+    });
+  }, []);
+  var value = React.useMemo(function () {
+    return {
+      descendants: items,
+      registerDescendant: registerDescendant,
+      unregisterDescendant: unregisterDescendant,
+      parentId: id,
+      level: level
+    };
+  }, [items, registerDescendant, unregisterDescendant, id, level]);
+  return /*#__PURE__*/React.createElement(DescendantContext.Provider, {
+    value: value
+  }, children);
+}
+
+DescendantProvider.propTypes = {
+  children: _propTypes.default.node,
+  id: _propTypes.default.string,
+  level: _propTypes.default.number
+};
+//# sourceMappingURL=descendants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/VerticalNavigation/TreeView/descendants.js"],"names":["findIndex","array","comp","i","length","binaryFindElement","element","start","end","middle","Math","floor","compareDocumentPosition","Node","DOCUMENT_POSITION_PRECEDING","DescendantContext","React","createContext","level","process","env","NODE_ENV","displayName","usePrevious","value","ref","useRef","useEffect","current","noop","useDescendant","descendant","useState","forceUpdate","useContext","registerDescendant","unregisterDescendant","descendants","parentId","index","item","previousDescendants","someDescendantsHaveChanged","some","newDescendant","position","undefined","DescendantProvider","props","children","id","items","set","useCallback","other","oldItems","newItems","newItem","slice","splice","forEach","filter","useMemo","propTypes","PropTypes","node","string","number"],"mappings":"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","sourcesContent":["/**\n * Copied from https://github.com/mui-org/material-ui/blob/8763de1633d80295e7b83d8c21040dad333e6699/packages/material-ui-lab/src/TreeView/descendants.js\n * Credit: https://github.com/reach/reach-ui/blob/86a046f54d53b6420e392b3fa56dd991d9d4e458/packages/descendants/README.md\n *\n * - Added level (depth) property.\n * - Use local copy of useEnhancedEffect.\n */\n\nimport * as React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { useEnhancedEffect } from \"../../utils\";\n\n// To replace with .findIndex() once we stop IE11 support.\nfunction findIndex(array, comp) {\n  for (let i = 0; i < array.length; i += 1) {\n    if (comp(array[i])) {\n      return i;\n    }\n  }\n\n  return -1;\n}\n\nfunction binaryFindElement(array, element) {\n  let start = 0;\n  let end = array.length - 1;\n\n  while (start <= end) {\n    const middle = Math.floor((start + end) / 2);\n\n    if (array[middle].element === element) {\n      return middle;\n    }\n\n    // eslint-disable-next-line no-bitwise\n    if (array[middle].element.compareDocumentPosition(element) & Node.DOCUMENT_POSITION_PRECEDING) {\n      end = middle - 1;\n    } else {\n      start = middle + 1;\n    }\n  }\n\n  return start;\n}\n\nconst DescendantContext = React.createContext({ level: 0 });\n\nif (process.env.NODE_ENV !== \"production\") {\n  DescendantContext.displayName = \"DescendantContext\";\n}\n\nfunction usePrevious(value) {\n  const ref = React.useRef(null);\n  React.useEffect(() => {\n    ref.current = value;\n  }, [value]);\n  return ref.current;\n}\n\nconst noop = () => {};\n\n/**\n * This hook registers our descendant by passing it into an array. We can then\n * search that array by to find its index when registering it in the component.\n * We use this for focus management, keyboard navigation, and typeahead\n * functionality for some components.\n *\n * The hook accepts the element node\n *\n * Our main goals with this are:\n *   1) maximum composability,\n *   2) minimal API friction\n *   3) SSR compatibility*\n *   4) concurrent safe\n *   5) index always up-to-date with the tree despite changes\n *   6) works with memoization of any component in the tree (hopefully)\n *\n * * As for SSR, the good news is that we don't actually need the index on the\n * server for most use-cases, as we are only using it to determine the order of\n * composed descendants for keyboard navigation.\n */\nexport function useDescendant(descendant) {\n  const [, forceUpdate] = React.useState();\n  const {\n    registerDescendant = noop,\n    unregisterDescendant = noop,\n    descendants = [],\n    parentId = null,\n    level = 0,\n  } = React.useContext(DescendantContext);\n\n  // This will initially return -1 because we haven't registered the descendant\n  // on the first render. After we register, this will then return the correct\n  // index on the following render and we will re-register descendants\n  // so that everything is up-to-date before the user interacts with a\n  // collection.\n  const index = findIndex(descendants, (item) => item.element === descendant.element);\n\n  const previousDescendants = usePrevious(descendants);\n\n  // We also need to re-register descendants any time ANY of the other\n  // descendants have changed. My brain was melting when I wrote this and it\n  // feels a little off, but checking in render and using the result in the\n  // effect's dependency array works well enough.\n  const someDescendantsHaveChanged = descendants.some((newDescendant, position) => {\n    return (\n      previousDescendants &&\n      previousDescendants[position] &&\n      previousDescendants[position].element !== newDescendant.element\n    );\n  });\n\n  // Prevent any flashing\n  useEnhancedEffect(() => {\n    if (descendant.element) {\n      registerDescendant({\n        ...descendant,\n        index,\n      });\n      return () => {\n        unregisterDescendant(descendant.element);\n      };\n    }\n    forceUpdate({});\n\n    return undefined;\n  }, [registerDescendant, unregisterDescendant, index, someDescendantsHaveChanged, descendant]);\n\n  return { parentId, index, level };\n}\n\nexport function DescendantProvider(props) {\n  const { children, id, level } = props;\n\n  const [items, set] = React.useState([]);\n\n  const registerDescendant = React.useCallback(({ element, ...other }) => {\n    set((oldItems) => {\n      let newItems;\n      if (oldItems.length === 0) {\n        // If there are no items, register at index 0 and bail.\n        return [\n          {\n            ...other,\n            element,\n            index: 0,\n          },\n        ];\n      }\n\n      const index = binaryFindElement(oldItems, element);\n\n      if (oldItems[index] && oldItems[index].element === element) {\n        // If the element is already registered, just use the same array\n        newItems = oldItems;\n      } else {\n        // When registering a descendant, we need to make sure we insert in\n        // into the array in the same order that it appears in the DOM. So as\n        // new descendants are added or maybe some are removed, we always know\n        // that the array is up-to-date and correct.\n        //\n        // So here we look at our registered descendants and see if the new\n        // element we are adding appears earlier than an existing descendant's\n        // DOM node via `node.compareDocumentPosition`. If it does, we insert\n        // the new element at this index. Because `registerDescendant` will be\n        // called in an effect every time the descendants state value changes,\n        // we should be sure that this index is accurate when descendent\n        // elements come or go from our component.\n\n        const newItem = {\n          ...other,\n          element,\n          index,\n        };\n\n        // If an index is not found we will push the element to the end.\n        newItems = oldItems.slice();\n        newItems.splice(index, 0, newItem);\n      }\n      newItems.forEach((item, position) => {\n        // eslint-disable-next-line no-param-reassign\n        item.index = position;\n      });\n      return newItems;\n    });\n  }, []);\n\n  const unregisterDescendant = React.useCallback((element) => {\n    set((oldItems) => oldItems.filter((item) => element !== item.element));\n  }, []);\n\n  const value = React.useMemo(\n    () => ({\n      descendants: items,\n      registerDescendant,\n      unregisterDescendant,\n      parentId: id,\n      level,\n    }),\n    [items, registerDescendant, unregisterDescendant, id, level]\n  );\n\n  return <DescendantContext.Provider value={value}>{children}</DescendantContext.Provider>;\n}\n\nDescendantProvider.propTypes = {\n  children: PropTypes.node,\n  id: PropTypes.string,\n  level: PropTypes.number,\n};\n"],"file":"descendants.js"}

package/dist/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/VerticalNavigation/TreeView/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "TreeViewItem", {
+  enumerable: true,
+  get: function get() {
+    return _TreeViewItem.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _TreeView.default;
+  }
+});
+
+var _TreeView = _interopRequireDefault(require("./TreeView"));
+
+var _TreeViewItem = _interopRequireDefault(require("./TreeViewItem"));
+//# sourceMappingURL=index.js.map

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

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

package/dist/VerticalNavigation/TreeView/styles.js

@@ -0,0 +1,148 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _styles = require("../../Focus/styles");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var selected = function selected(theme) {
+  return {
+    background: theme.hv.palette.atmosphere.atmo3,
+    borderLeft: "2px solid ".concat(theme.hv.palette.accent.acce3),
+    "& *": {
+      background: theme.hv.palette.atmosphere.atmo3
+    }
+  };
+};
+
+var hover = function hover(theme) {
+  return {
+    background: theme.hv.palette.atmosphere.atmo3,
+    "& *": {
+      background: theme.hv.palette.atmosphere.atmo3
+    }
+  };
+};
+
+var styles = function styles(theme) {
+  return {
+    /* role="tree" root element */
+    root: {
+      display: "block",
+      background: theme.hv.palette.atmosphere.atmo1,
+      padding: "0px",
+      margin: "0",
+      listStyle: "none",
+      outline: "none"
+    },
+
+    /* role="group" element */
+    group: {
+      margin: "8px 0 0 0",
+      padding: 0
+    },
+
+    /* role="treeitem" element */
+    node: {
+      listStyle: "none",
+      minHeight: "32px",
+      "&:not(:last-child)": {
+        marginBottom: "8px"
+      }
+    },
+
+    /* role="treeitem" element states */
+    disabled: {},
+    selectable: {},
+    unselectable: {},
+    expandable: {},
+    collapsed: {
+      "&>$group": {
+        display: "none"
+      }
+    },
+    expanded: {
+      "&>$group": {
+        display: "block"
+      }
+    },
+    selected: {},
+    unselected: {},
+    focused: {},
+    noIcon: {},
+    withIcon: {},
+
+    /* role="button" element */
+    content: {
+      width: "100%",
+      display: "flex",
+      justifyContent: "flex-start",
+      alignItems: "center",
+      height: "32px",
+      color: theme.hv.palette.accent.acce1,
+      borderLeft: "2px solid transparent",
+      paddingRight: theme.hv.spacing.xs,
+      "$expandable>&": {
+        fontWeight: 600
+      },
+      // selected state
+      "$selected>&": selected(theme),
+      // hover
+      ":not($disabled):not($selected)>&:hover": hover(theme),
+      ":not($disabled)$selected>&:hover": {},
+      // focus
+      ":not($disabled):not($selected)>&:focus-visible": hover(theme),
+      ":not($disabled):not($selected)>&.focus-visible": hover(theme),
+      "*:focus-visible $focused>&": _objectSpread({}, _styles.outlineStyles),
+      ".focus-visible $focused>&": _objectSpread({}, _styles.outlineStyles),
+      "$focused>&": _objectSpread({}, hover(theme)),
+      "&[disabled], &:active": {
+        outline: "none"
+      },
+      "&:focus": {
+        outline: "none"
+      },
+      "&:focus-visible": _objectSpread({}, _styles.outlineStyles),
+      "&.focus-visible": _objectSpread({}, _styles.outlineStyles),
+      // cursor
+      cursor: "pointer",
+      "& *": {
+        cursor: "pointer"
+      },
+      "$disabled>&": {
+        cursor: "not-allowed",
+        "& *": {
+          cursor: "not-allowed"
+        }
+      }
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/VerticalNavigation/TreeView/styles.js"],"names":["selected","theme","background","hv","palette","atmosphere","atmo3","borderLeft","accent","acce3","hover","styles","root","display","atmo1","padding","margin","listStyle","outline","group","node","minHeight","marginBottom","disabled","selectable","unselectable","expandable","collapsed","expanded","unselected","focused","noIcon","withIcon","content","width","justifyContent","alignItems","height","color","acce1","paddingRight","spacing","xs","fontWeight","outlineStyles","cursor"],"mappings":"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","sourcesContent":["import { outlineStyles } from \"../../Focus/styles\";\n\nconst selected = (theme) => ({\n  background: theme.hv.palette.atmosphere.atmo3,\n  borderLeft: `2px solid ${theme.hv.palette.accent.acce3}`,\n  \"& *\": {\n    background: theme.hv.palette.atmosphere.atmo3,\n  },\n});\n\nconst hover = (theme) => ({\n  background: theme.hv.palette.atmosphere.atmo3,\n  \"& *\": {\n    background: theme.hv.palette.atmosphere.atmo3,\n  },\n});\n\nconst styles = (theme) => ({\n  /* role=\"tree\" root element */\n  root: {\n    display: \"block\",\n    background: theme.hv.palette.atmosphere.atmo1,\n    padding: `0px`,\n    margin: \"0\",\n    listStyle: \"none\",\n\n    outline: \"none\",\n  },\n\n  /* role=\"group\" element */\n  group: {\n    margin: \"8px 0 0 0\",\n    padding: 0,\n  },\n\n  /* role=\"treeitem\" element */\n  node: {\n    listStyle: \"none\",\n    minHeight: \"32px\",\n    \"&:not(:last-child)\": {\n      marginBottom: \"8px\",\n    },\n  },\n\n  /* role=\"treeitem\" element states */\n  disabled: {},\n  selectable: {},\n  unselectable: {},\n  expandable: {},\n  collapsed: {\n    \"&>$group\": { display: \"none\" },\n  },\n  expanded: {\n    \"&>$group\": { display: \"block\" },\n  },\n  selected: {},\n  unselected: {},\n\n  focused: {},\n\n  noIcon: {},\n  withIcon: {},\n\n  /* role=\"button\" element */\n  content: {\n    width: \"100%\",\n    display: \"flex\",\n    justifyContent: \"flex-start\",\n    alignItems: \"center\",\n    height: \"32px\",\n    color: theme.hv.palette.accent.acce1,\n    borderLeft: `2px solid transparent`,\n    paddingRight: theme.hv.spacing.xs,\n\n    \"$expandable>&\": {\n      fontWeight: 600,\n    },\n\n    // selected state\n    \"$selected>&\": selected(theme),\n\n    // hover\n    \":not($disabled):not($selected)>&:hover\": hover(theme),\n    \":not($disabled)$selected>&:hover\": {},\n\n    // focus\n    \":not($disabled):not($selected)>&:focus-visible\": hover(theme),\n    \":not($disabled):not($selected)>&.focus-visible\": hover(theme),\n\n    \"*:focus-visible $focused>&\": {\n      ...outlineStyles,\n    },\n\n    \".focus-visible $focused>&\": {\n      ...outlineStyles,\n    },\n\n    \"$focused>&\": {\n      ...hover(theme),\n    },\n\n    \"&[disabled], &:active\": {\n      outline: \"none\",\n    },\n\n    \"&:focus\": {\n      outline: \"none\",\n    },\n\n    \"&:focus-visible\": {\n      ...outlineStyles,\n    },\n\n    \"&.focus-visible\": {\n      ...outlineStyles,\n    },\n\n    // cursor\n    cursor: \"pointer\",\n    \"& *\": {\n      cursor: \"pointer\",\n    },\n    \"$disabled>&\": {\n      cursor: \"not-allowed\",\n      \"& *\": {\n        cursor: \"not-allowed\",\n      },\n    },\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/VerticalNavigation/TreeView/utils/NodeTreeExpandUtils.js

@@ -0,0 +1,95 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.array.concat.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var NodeTreeExpandUtils = /*#__PURE__*/function () {
+  function NodeTreeExpandUtils() {
+    (0, _classCallCheck2.default)(this, NodeTreeExpandUtils);
+  }
+
+  (0, _createClass2.default)(NodeTreeExpandUtils, null, [{
+    key: "isExpanded",
+    value: function isExpanded(expanded, nodeId) {
+      return Array.isArray(expanded) ? expanded.indexOf(nodeId) !== -1 : false;
+    }
+  }, {
+    key: "toggle",
+    value: function toggle(expanded, nodeId) {
+      var newExpanded;
+
+      if (expanded.indexOf(nodeId) !== -1) {
+        newExpanded = expanded.filter(function (expandedNodeId) {
+          return expandedNodeId !== nodeId;
+        });
+      } else {
+        newExpanded = [].concat((0, _toConsumableArray2.default)(expanded), [nodeId]);
+      }
+
+      return newExpanded;
+    }
+  }, {
+    key: "expandAllSiblings",
+    value: function expandAllSiblings(expanded, nodeMap, nodeId) {
+      var node = nodeMap[nodeId];
+      var parent = nodeMap[node.parent];
+      var diff = parent.children.filter(function (childNode) {
+        return nodeMap[childNode].children != null;
+      }).filter(function (childNode) {
+        return !NodeTreeExpandUtils.isExpanded(expanded, childNode);
+      });
+
+      if (diff.length > 0) {
+        return [].concat((0, _toConsumableArray2.default)(expanded), (0, _toConsumableArray2.default)(diff));
+      }
+
+      return expanded;
+    }
+  }, {
+    key: "getVisibleNodes",
+    value: function getVisibleNodes(expanded, nodeMap) {
+      var nodeId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : -1;
+      var toReturn = [];
+
+      if (nodeId !== -1) {
+        toReturn.push(nodeId);
+      }
+
+      var visibleChildren = nodeId === -1 || expanded === true || NodeTreeExpandUtils.isExpanded(expanded, nodeId);
+
+      if (visibleChildren) {
+        var node = nodeMap[nodeId];
+
+        if (node && node.children) {
+          node.children.forEach(function (childId) {
+            return toReturn.push.apply(toReturn, (0, _toConsumableArray2.default)(NodeTreeExpandUtils.getVisibleNodes(expanded, nodeMap, childId)));
+          });
+        }
+      }
+
+      return toReturn;
+    }
+  }]);
+  return NodeTreeExpandUtils;
+}();
+
+exports.default = NodeTreeExpandUtils;
+//# sourceMappingURL=NodeTreeExpandUtils.js.map

package/dist/VerticalNavigation/TreeView/utils/NodeTreeExpandUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/VerticalNavigation/TreeView/utils/NodeTreeExpandUtils.js"],"names":["NodeTreeExpandUtils","expanded","nodeId","Array","isArray","indexOf","newExpanded","filter","expandedNodeId","nodeMap","node","parent","diff","children","childNode","isExpanded","length","toReturn","push","visibleChildren","forEach","childId","getVisibleNodes"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;IAAqBA,mB;;;;;;;WACnB,oBAAkBC,QAAlB,EAA4BC,MAA5B,EAAoC;AAClC,aAAOC,KAAK,CAACC,OAAN,CAAcH,QAAd,IAA0BA,QAAQ,CAACI,OAAT,CAAiBH,MAAjB,MAA6B,CAAC,CAAxD,GAA4D,KAAnE;AACD;;;WAED,gBAAcD,QAAd,EAAwBC,MAAxB,EAAgC;AAC9B,UAAII,WAAJ;;AACA,UAAIL,QAAQ,CAACI,OAAT,CAAiBH,MAAjB,MAA6B,CAAC,CAAlC,EAAqC;AACnCI,QAAAA,WAAW,GAAGL,QAAQ,CAACM,MAAT,CAAgB,UAACC,cAAD;AAAA,iBAAoBA,cAAc,KAAKN,MAAvC;AAAA,SAAhB,CAAd;AACD,OAFD,MAEO;AACLI,QAAAA,WAAW,8CAAOL,QAAP,IAAiBC,MAAjB,EAAX;AACD;;AAED,aAAOI,WAAP;AACD;;;WAED,2BAAyBL,QAAzB,EAAmCQ,OAAnC,EAA4CP,MAA5C,EAAoD;AAClD,UAAMQ,IAAI,GAAGD,OAAO,CAACP,MAAD,CAApB;AACA,UAAMS,MAAM,GAAGF,OAAO,CAACC,IAAI,CAACC,MAAN,CAAtB;AAEA,UAAMC,IAAI,GAAGD,MAAM,CAACE,QAAP,CACVN,MADU,CACH,UAACO,SAAD;AAAA,eAAeL,OAAO,CAACK,SAAD,CAAP,CAAmBD,QAAnB,IAA+B,IAA9C;AAAA,OADG,EAEVN,MAFU,CAEH,UAACO,SAAD;AAAA,eAAe,CAACd,mBAAmB,CAACe,UAApB,CAA+Bd,QAA/B,EAAyCa,SAAzC,CAAhB;AAAA,OAFG,CAAb;;AAIA,UAAIF,IAAI,CAACI,MAAL,GAAc,CAAlB,EAAqB;AACnB,0DAAWf,QAAX,oCAAwBW,IAAxB;AACD;;AAED,aAAOX,QAAP;AACD;;;WAED,yBAAuBA,QAAvB,EAAiCQ,OAAjC,EAAuD;AAAA,UAAbP,MAAa,uEAAJ,CAAC,CAAG;AACrD,UAAMe,QAAQ,GAAG,EAAjB;;AACA,UAAIf,MAAM,KAAK,CAAC,CAAhB,EAAmB;AACjBe,QAAAA,QAAQ,CAACC,IAAT,CAAchB,MAAd;AACD;;AAED,UAAMiB,eAAe,GACnBjB,MAAM,KAAK,CAAC,CAAZ,IAAiBD,QAAQ,KAAK,IAA9B,IAAsCD,mBAAmB,CAACe,UAApB,CAA+Bd,QAA/B,EAAyCC,MAAzC,CADxC;;AAGA,UAAIiB,eAAJ,EAAqB;AACnB,YAAMT,IAAI,GAAGD,OAAO,CAACP,MAAD,CAApB;;AAEA,YAAIQ,IAAI,IAAIA,IAAI,CAACG,QAAjB,EAA2B;AACzBH,UAAAA,IAAI,CAACG,QAAL,CAAcO,OAAd,CAAsB,UAACC,OAAD;AAAA,mBACpBJ,QAAQ,CAACC,IAAT,OAAAD,QAAQ,mCAASjB,mBAAmB,CAACsB,eAApB,CAAoCrB,QAApC,EAA8CQ,OAA9C,EAAuDY,OAAvD,CAAT,EADY;AAAA,WAAtB;AAGD;AACF;;AAED,aAAOJ,QAAP;AACD","sourcesContent":["export default class NodeTreeExpandUtils {\n  static isExpanded(expanded, nodeId) {\n    return Array.isArray(expanded) ? expanded.indexOf(nodeId) !== -1 : false;\n  }\n\n  static toggle(expanded, nodeId) {\n    let newExpanded;\n    if (expanded.indexOf(nodeId) !== -1) {\n      newExpanded = expanded.filter((expandedNodeId) => expandedNodeId !== nodeId);\n    } else {\n      newExpanded = [...expanded, nodeId];\n    }\n\n    return newExpanded;\n  }\n\n  static expandAllSiblings(expanded, nodeMap, nodeId) {\n    const node = nodeMap[nodeId];\n    const parent = nodeMap[node.parent];\n\n    const diff = parent.children\n      .filter((childNode) => nodeMap[childNode].children != null)\n      .filter((childNode) => !NodeTreeExpandUtils.isExpanded(expanded, childNode));\n\n    if (diff.length > 0) {\n      return [...expanded, ...diff];\n    }\n\n    return expanded;\n  }\n\n  static getVisibleNodes(expanded, nodeMap, nodeId = -1) {\n    const toReturn = [];\n    if (nodeId !== -1) {\n      toReturn.push(nodeId);\n    }\n\n    const visibleChildren =\n      nodeId === -1 || expanded === true || NodeTreeExpandUtils.isExpanded(expanded, nodeId);\n\n    if (visibleChildren) {\n      const node = nodeMap[nodeId];\n\n      if (node && node.children) {\n        node.children.forEach((childId) =>\n          toReturn.push(...NodeTreeExpandUtils.getVisibleNodes(expanded, nodeMap, childId))\n        );\n      }\n    }\n\n    return toReturn;\n  }\n}\n"],"file":"NodeTreeExpandUtils.js"}