@hitachivantara/uikit-react-core 2.23.2

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

@@ -0,0 +1,147 @@
+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 focusStyles from "../../Focus/styles";
+var focused = focusStyles.focused,
+    focusDisabled = focusStyles.focusDisabled;
+
+var selected = function selected(theme) {
+  return {
+    background: theme.hv.palette.accent.acce1,
+    color: theme.hv.palette.atmosphere.atmo1,
+    "& *": {
+      background: theme.hv.palette.accent.acce1,
+      color: theme.hv.palette.atmosphere.atmo1
+    },
+    "& svg *.color0": {
+      fill: theme.hv.palette.atmosphere.atmo1
+    }
+  };
+};
+
+var hover = function hover(theme) {
+  return {
+    background: theme.hv.palette.atmosphere.atmo4,
+    "& *": {
+      background: theme.hv.palette.atmosphere.atmo4
+    }
+  };
+};
+
+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"
+    },
+
+    /* role="group" element */
+    group: {
+      margin: "8px 0 0 0",
+      padding: 0
+    },
+
+    /* role="treeitem" element */
+    node: {
+      listStyle: "none",
+      minHeight: "32px",
+      "&:not(:last-child)": {
+        marginBottom: "8px"
+      },
+      // level indentation
+      // 1st, with icon
+      "&[data-hasicon]>$content": {
+        paddingLeft: "0px"
+      },
+      // 1st, no icon
+      "&:not([data-hasicon])>$content": {
+        paddingLeft: "".concat(theme.hv.spacing.xs * 1, "px")
+      },
+      // 2nd, with icon
+      "&[data-hasicon]>$group>$node>$content": {
+        paddingLeft: "".concat(32 + theme.hv.spacing.sm * 1, "px")
+      },
+      // 2nd, no icon
+      "&:not([data-hasicon])>$group>$node>$content": {
+        paddingLeft: "".concat(theme.hv.spacing.xs * 1 + theme.hv.spacing.sm * 1, "px")
+      },
+      // 3rd, with icon
+      "&[data-hasicon]>$group>$node>$group>$node>$content": {
+        paddingLeft: "".concat(32 + theme.hv.spacing.sm * 2, "px")
+      },
+      // 3rd, no icon
+      "&:not([data-hasicon])>$group>$node>$group>$node>$content": {
+        paddingLeft: "".concat(theme.hv.spacing.xs * 1 + theme.hv.spacing.sm * 2, "px")
+      }
+    },
+
+    /* role="treeitem" element states */
+    disabled: {},
+    selectable: {},
+    unselectable: {},
+    collapsed: {
+      "&>$group": {
+        display: "none"
+      }
+    },
+    expanded: {
+      "&>$group": {
+        display: "block"
+      }
+    },
+    selected: {},
+    unselected: {},
+    noIcon: {},
+    withIcon: {},
+    contentFocusDisabled: _objectSpread({}, focusDisabled),
+    contentFocused: _objectSpread({}, focused),
+
+    /* role="button" element */
+    content: {
+      width: "100%",
+      display: "flex",
+      justifyContent: "flex-start",
+      alignItems: "center",
+      height: "32px",
+      color: theme.hv.palette.atmosphere.acce1,
+      // selected state
+      "$selected>&": selected(theme),
+      // hover
+      ":not($disabled):not($selected)>&:hover": hover(theme),
+      ":not($disabled)$selected>&:hover": {},
+      // focus
+      ":not($disabled):not($selected)>&:focus": hover(theme),
+      "&[disabled], &:active": {
+        outline: "none"
+      },
+      // cursor
+      cursor: "pointer",
+      "& *": {
+        cursor: "pointer"
+      },
+      "$disabled>&": {
+        cursor: "not-allowed",
+        "& *": {
+          cursor: "not-allowed"
+        }
+      }
+    }
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["focusStyles","focused","focusDisabled","selected","theme","background","hv","palette","accent","acce1","color","atmosphere","atmo1","fill","hover","atmo4","styles","root","display","padding","margin","listStyle","group","node","minHeight","marginBottom","paddingLeft","spacing","xs","sm","disabled","selectable","unselectable","collapsed","expanded","unselected","noIcon","withIcon","contentFocusDisabled","contentFocused","content","width","justifyContent","alignItems","height","outline","cursor"],"sources":["../../../../src/VerticalNavigation/TreeView/styles.js"],"sourcesContent":["import focusStyles from \"../../Focus/styles\";\n\nconst { focused, focusDisabled } = focusStyles;\n\nconst selected = (theme) => ({\n  background: theme.hv.palette.accent.acce1,\n  color: theme.hv.palette.atmosphere.atmo1,\n  \"& *\": {\n    background: theme.hv.palette.accent.acce1,\n    color: theme.hv.palette.atmosphere.atmo1,\n  },\n  \"& svg *.color0\": {\n    fill: theme.hv.palette.atmosphere.atmo1,\n  },\n});\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  /* 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\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    // level indentation\n    // 1st, with icon\n    \"&[data-hasicon]>$content\": { paddingLeft: `0px` },\n    // 1st, no icon\n    \"&:not([data-hasicon])>$content\": {\n      paddingLeft: `${theme.hv.spacing.xs * 1}px`,\n    },\n\n    // 2nd, with icon\n    \"&[data-hasicon]>$group>$node>$content\": {\n      paddingLeft: `${32 + theme.hv.spacing.sm * 1}px`,\n    },\n    // 2nd, no icon\n    \"&:not([data-hasicon])>$group>$node>$content\": {\n      paddingLeft: `${theme.hv.spacing.xs * 1 + theme.hv.spacing.sm * 1}px`,\n    },\n\n    // 3rd, with icon\n    \"&[data-hasicon]>$group>$node>$group>$node>$content\": {\n      paddingLeft: `${32 + theme.hv.spacing.sm * 2}px`,\n    },\n    // 3rd, no icon\n    \"&:not([data-hasicon])>$group>$node>$group>$node>$content\": {\n      paddingLeft: `${theme.hv.spacing.xs * 1 + theme.hv.spacing.sm * 2}px`,\n    },\n  },\n\n  /* role=\"treeitem\" element states */\n  disabled: {},\n  selectable: {},\n  unselectable: {},\n  collapsed: {\n    \"&>$group\": { display: \"none\" },\n  },\n  expanded: {\n    \"&>$group\": { display: \"block\" },\n  },\n  selected: {},\n  unselected: {},\n\n  noIcon: {},\n  withIcon: {},\n\n  contentFocusDisabled: {\n    ...focusDisabled,\n  },\n  contentFocused: {\n    ...focused,\n  },\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.atmosphere.acce1,\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\": hover(theme),\n\n    \"&[disabled], &:active\": {\n      outline: \"none\",\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"],"mappings":";;;;;;;;;;;;;AAAA,OAAOA,WAAP,MAAwB,oBAAxB;AAEA,IAAQC,OAAR,GAAmCD,WAAnC,CAAQC,OAAR;AAAA,IAAiBC,aAAjB,GAAmCF,WAAnC,CAAiBE,aAAjB;;AAEA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD;EAAA,OAAY;IAC3BC,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KADT;IAE3BC,KAAK,EAAEN,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBI,UAAjB,CAA4BC,KAFR;IAG3B,OAAO;MACLP,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KAD/B;MAELC,KAAK,EAAEN,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBI,UAAjB,CAA4BC;IAF9B,CAHoB;IAO3B,kBAAkB;MAChBC,IAAI,EAAET,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBI,UAAjB,CAA4BC;IADlB;EAPS,CAAZ;AAAA,CAAjB;;AAYA,IAAME,KAAK,GAAG,SAARA,KAAQ,CAACV,KAAD;EAAA,OAAY;IACxBC,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBI,UAAjB,CAA4BI,KADhB;IAExB,OAAO;MACLV,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBI,UAAjB,CAA4BI;IADnC;EAFiB,CAAZ;AAAA,CAAd;;AAOA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACZ,KAAD;EAAA,OAAY;IACzB;IACAa,IAAI,EAAE;MACJC,OAAO,EAAE,OADL;MAEJb,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBI,UAAjB,CAA4BC,KAFpC;MAGJO,OAAO,OAHH;MAIJC,MAAM,EAAE,GAJJ;MAKJC,SAAS,EAAE;IALP,CAFmB;;IAUzB;IACAC,KAAK,EAAE;MACLF,MAAM,EAAE,WADH;MAELD,OAAO,EAAE;IAFJ,CAXkB;;IAgBzB;IACAI,IAAI,EAAE;MACJF,SAAS,EAAE,MADP;MAEJG,SAAS,EAAE,MAFP;MAGJ,sBAAsB;QACpBC,YAAY,EAAE;MADM,CAHlB;MAOJ;MACA;MACA,4BAA4B;QAAEC,WAAW;MAAb,CATxB;MAUJ;MACA,kCAAkC;QAChCA,WAAW,YAAKtB,KAAK,CAACE,EAAN,CAASqB,OAAT,CAAiBC,EAAjB,GAAsB,CAA3B;MADqB,CAX9B;MAeJ;MACA,yCAAyC;QACvCF,WAAW,YAAK,KAAKtB,KAAK,CAACE,EAAN,CAASqB,OAAT,CAAiBE,EAAjB,GAAsB,CAAhC;MAD4B,CAhBrC;MAmBJ;MACA,+CAA+C;QAC7CH,WAAW,YAAKtB,KAAK,CAACE,EAAN,CAASqB,OAAT,CAAiBC,EAAjB,GAAsB,CAAtB,GAA0BxB,KAAK,CAACE,EAAN,CAASqB,OAAT,CAAiBE,EAAjB,GAAsB,CAArD;MADkC,CApB3C;MAwBJ;MACA,sDAAsD;QACpDH,WAAW,YAAK,KAAKtB,KAAK,CAACE,EAAN,CAASqB,OAAT,CAAiBE,EAAjB,GAAsB,CAAhC;MADyC,CAzBlD;MA4BJ;MACA,4DAA4D;QAC1DH,WAAW,YAAKtB,KAAK,CAACE,EAAN,CAASqB,OAAT,CAAiBC,EAAjB,GAAsB,CAAtB,GAA0BxB,KAAK,CAACE,EAAN,CAASqB,OAAT,CAAiBE,EAAjB,GAAsB,CAArD;MAD+C;IA7BxD,CAjBmB;;IAmDzB;IACAC,QAAQ,EAAE,EApDe;IAqDzBC,UAAU,EAAE,EArDa;IAsDzBC,YAAY,EAAE,EAtDW;IAuDzBC,SAAS,EAAE;MACT,YAAY;QAAEf,OAAO,EAAE;MAAX;IADH,CAvDc;IA0DzBgB,QAAQ,EAAE;MACR,YAAY;QAAEhB,OAAO,EAAE;MAAX;IADJ,CA1De;IA6DzBf,QAAQ,EAAE,EA7De;IA8DzBgC,UAAU,EAAE,EA9Da;IAgEzBC,MAAM,EAAE,EAhEiB;IAiEzBC,QAAQ,EAAE,EAjEe;IAmEzBC,oBAAoB,oBACfpC,aADe,CAnEK;IAsEzBqC,cAAc,oBACTtC,OADS,CAtEW;;IA0EzB;IACAuC,OAAO,EAAE;MACPC,KAAK,EAAE,MADA;MAEPvB,OAAO,EAAE,MAFF;MAGPwB,cAAc,EAAE,YAHT;MAIPC,UAAU,EAAE,QAJL;MAKPC,MAAM,EAAE,MALD;MAMPlC,KAAK,EAAEN,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBI,UAAjB,CAA4BF,KAN5B;MAQP;MACA,eAAeN,QAAQ,CAACC,KAAD,CAThB;MAWP;MACA,0CAA0CU,KAAK,CAACV,KAAD,CAZxC;MAaP,oCAAoC,EAb7B;MAeP;MACA,0CAA0CU,KAAK,CAACV,KAAD,CAhBxC;MAkBP,yBAAyB;QACvByC,OAAO,EAAE;MADc,CAlBlB;MAsBP;MACAC,MAAM,EAAE,SAvBD;MAwBP,OAAO;QACLA,MAAM,EAAE;MADH,CAxBA;MA2BP,eAAe;QACbA,MAAM,EAAE,aADK;QAEb,OAAO;UACLA,MAAM,EAAE;QADH;MAFM;IA3BR;EA3EgB,CAAZ;AAAA,CAAf;;AA+GA,eAAe9B,MAAf"}

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

@@ -0,0 +1,81 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.array.concat.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+
+var NodeTreeExpandUtils = /*#__PURE__*/function () {
+  function NodeTreeExpandUtils() {
+    _classCallCheck(this, NodeTreeExpandUtils);
+  }
+
+  _createClass(NodeTreeExpandUtils, null, [{
+    key: "isExpanded",
+    value: function isExpanded(expanded, nodeId) {
+      return expanded.indexOf(nodeId) !== -1;
+    }
+  }, {
+    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(_toConsumableArray(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(_toConsumableArray(expanded), _toConsumableArray(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 visibleChilds = nodeId === -1 || expanded === true || NodeTreeExpandUtils.isExpanded(expanded, nodeId);
+
+      if (visibleChilds) {
+        var node = nodeMap[nodeId];
+
+        if (node && node.children) {
+          node.children.forEach(function (childId) {
+            return toReturn.push.apply(toReturn, _toConsumableArray(NodeTreeExpandUtils.getVisibleNodes(expanded, nodeMap, childId)));
+          });
+        }
+      }
+
+      return toReturn;
+    }
+  }]);
+
+  return NodeTreeExpandUtils;
+}();
+
+export { NodeTreeExpandUtils as default };
+//# sourceMappingURL=NodeTreeExpandUtils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NodeTreeExpandUtils.js","names":["NodeTreeExpandUtils","expanded","nodeId","indexOf","newExpanded","filter","expandedNodeId","nodeMap","node","parent","diff","children","childNode","isExpanded","length","toReturn","push","visibleChilds","forEach","childId","getVisibleNodes"],"sources":["../../../../../src/VerticalNavigation/TreeView/utils/NodeTreeExpandUtils.js"],"sourcesContent":["export default class NodeTreeExpandUtils {\n  static isExpanded(expanded, nodeId) {\n    return expanded.indexOf(nodeId) !== -1;\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 visibleChilds =\n      nodeId === -1 || expanded === true || NodeTreeExpandUtils.isExpanded(expanded, nodeId);\n\n    if (visibleChilds) {\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"],"mappings":";;;;;;;;IAAqBA,mB;;;;;;;WACnB,oBAAkBC,QAAlB,EAA4BC,MAA5B,EAAoC;MAClC,OAAOD,QAAQ,CAACE,OAAT,CAAiBD,MAAjB,MAA6B,CAAC,CAArC;IACD;;;WAED,gBAAcD,QAAd,EAAwBC,MAAxB,EAAgC;MAC9B,IAAIE,WAAJ;;MACA,IAAIH,QAAQ,CAACE,OAAT,CAAiBD,MAAjB,MAA6B,CAAC,CAAlC,EAAqC;QACnCE,WAAW,GAAGH,QAAQ,CAACI,MAAT,CAAgB,UAACC,cAAD;UAAA,OAAoBA,cAAc,KAAKJ,MAAvC;QAAA,CAAhB,CAAd;MACD,CAFD,MAEO;QACLE,WAAW,gCAAOH,QAAP,IAAiBC,MAAjB,EAAX;MACD;;MAED,OAAOE,WAAP;IACD;;;WAED,2BAAyBH,QAAzB,EAAmCM,OAAnC,EAA4CL,MAA5C,EAAoD;MAClD,IAAMM,IAAI,GAAGD,OAAO,CAACL,MAAD,CAApB;MACA,IAAMO,MAAM,GAAGF,OAAO,CAACC,IAAI,CAACC,MAAN,CAAtB;MAEA,IAAMC,IAAI,GAAGD,MAAM,CAACE,QAAP,CACVN,MADU,CACH,UAACO,SAAD;QAAA,OAAeL,OAAO,CAACK,SAAD,CAAP,CAAmBD,QAAnB,IAA+B,IAA9C;MAAA,CADG,EAEVN,MAFU,CAEH,UAACO,SAAD;QAAA,OAAe,CAACZ,mBAAmB,CAACa,UAApB,CAA+BZ,QAA/B,EAAyCW,SAAzC,CAAhB;MAAA,CAFG,CAAb;;MAIA,IAAIF,IAAI,CAACI,MAAL,GAAc,CAAlB,EAAqB;QACnB,oCAAWb,QAAX,sBAAwBS,IAAxB;MACD;;MAED,OAAOT,QAAP;IACD;;;WAED,yBAAuBA,QAAvB,EAAiCM,OAAjC,EAAuD;MAAA,IAAbL,MAAa,uEAAJ,CAAC,CAAG;MACrD,IAAMa,QAAQ,GAAG,EAAjB;;MACA,IAAIb,MAAM,KAAK,CAAC,CAAhB,EAAmB;QACjBa,QAAQ,CAACC,IAAT,CAAcd,MAAd;MACD;;MAED,IAAMe,aAAa,GACjBf,MAAM,KAAK,CAAC,CAAZ,IAAiBD,QAAQ,KAAK,IAA9B,IAAsCD,mBAAmB,CAACa,UAApB,CAA+BZ,QAA/B,EAAyCC,MAAzC,CADxC;;MAGA,IAAIe,aAAJ,EAAmB;QACjB,IAAMT,IAAI,GAAGD,OAAO,CAACL,MAAD,CAApB;;QAEA,IAAIM,IAAI,IAAIA,IAAI,CAACG,QAAjB,EAA2B;UACzBH,IAAI,CAACG,QAAL,CAAcO,OAAd,CAAsB,UAACC,OAAD;YAAA,OACpBJ,QAAQ,CAACC,IAAT,OAAAD,QAAQ,qBAASf,mBAAmB,CAACoB,eAApB,CAAoCnB,QAApC,EAA8CM,OAA9C,EAAuDY,OAAvD,CAAT,EADY;UAAA,CAAtB;QAGD;MACF;;MAED,OAAOJ,QAAP;IACD;;;;;;SAnDkBf,mB"}

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

@@ -0,0 +1,72 @@
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.array.filter.js";
+
+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; }
+
+var NodeTreeMapUtils = /*#__PURE__*/function () {
+  function NodeTreeMapUtils() {
+    _classCallCheck(this, NodeTreeMapUtils);
+  }
+
+  _createClass(NodeTreeMapUtils, null, [{
+    key: "addNodeToNodeMap",
+    value: function addNodeToNodeMap(nodeMap, nodeId, childrenIds, nodeData) {
+      var newMap = _objectSpread({}, nodeMap);
+
+      var currentMap = newMap[nodeId];
+      newMap[nodeId] = _objectSpread(_objectSpread({}, currentMap), {}, {
+        children: childrenIds
+      }, nodeData);
+      childrenIds.forEach(function (childId) {
+        var currentChildMap = newMap[childId]; // eslint-disable-next-line no-param-reassign
+
+        newMap[childId] = _objectSpread(_objectSpread({}, currentChildMap), {}, {
+          parent: nodeId
+        });
+      });
+      return newMap;
+    }
+  }, {
+    key: "removeNodeFromNodeMap",
+    value: function removeNodeFromNodeMap(nodeMap, nodeId) {
+      var node = nodeMap[nodeId];
+
+      if (node) {
+        var newMap = _objectSpread({}, nodeMap);
+
+        if (node.parent) {
+          var parentNode = newMap[node.parent];
+
+          if (parentNode && parentNode.children) {
+            var parentChildren = parentNode.children.filter(function (c) {
+              return c !== nodeId;
+            });
+            newMap[node.parent] = _objectSpread(_objectSpread({}, parentNode), {}, {
+              children: parentChildren
+            });
+          }
+        }
+
+        delete newMap[nodeId];
+        return newMap;
+      }
+
+      return nodeMap;
+    }
+  }]);
+
+  return NodeTreeMapUtils;
+}();
+
+export { NodeTreeMapUtils as default };
+//# sourceMappingURL=NodeTreeMapUtils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NodeTreeMapUtils.js","names":["NodeTreeMapUtils","nodeMap","nodeId","childrenIds","nodeData","newMap","currentMap","children","forEach","childId","currentChildMap","parent","node","parentNode","parentChildren","filter","c"],"sources":["../../../../../src/VerticalNavigation/TreeView/utils/NodeTreeMapUtils.js"],"sourcesContent":["export default class NodeTreeMapUtils {\n  static addNodeToNodeMap(nodeMap, nodeId, childrenIds, nodeData) {\n    const newMap = { ...nodeMap };\n\n    const currentMap = newMap[nodeId];\n    newMap[nodeId] = {\n      ...currentMap,\n      children: childrenIds,\n      ...nodeData,\n    };\n    childrenIds.forEach((childId) => {\n      const currentChildMap = newMap[childId];\n      // eslint-disable-next-line no-param-reassign\n      newMap[childId] = {\n        ...currentChildMap,\n        parent: nodeId,\n      };\n    });\n\n    return newMap;\n  }\n\n  static removeNodeFromNodeMap(nodeMap, nodeId) {\n    const node = nodeMap[nodeId];\n    if (node) {\n      const newMap = { ...nodeMap };\n\n      if (node.parent) {\n        const parentNode = newMap[node.parent];\n        if (parentNode && parentNode.children) {\n          const parentChildren = parentNode.children.filter((c) => c !== nodeId);\n          newMap[node.parent] = {\n            ...parentNode,\n            children: parentChildren,\n          };\n        }\n      }\n\n      delete newMap[nodeId];\n\n      return newMap;\n    }\n\n    return nodeMap;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;IAAqBA,gB;;;;;;;WACnB,0BAAwBC,OAAxB,EAAiCC,MAAjC,EAAyCC,WAAzC,EAAsDC,QAAtD,EAAgE;MAC9D,IAAMC,MAAM,qBAAQJ,OAAR,CAAZ;;MAEA,IAAMK,UAAU,GAAGD,MAAM,CAACH,MAAD,CAAzB;MACAG,MAAM,CAACH,MAAD,CAAN,mCACKI,UADL;QAEEC,QAAQ,EAAEJ;MAFZ,GAGKC,QAHL;MAKAD,WAAW,CAACK,OAAZ,CAAoB,UAACC,OAAD,EAAa;QAC/B,IAAMC,eAAe,GAAGL,MAAM,CAACI,OAAD,CAA9B,CAD+B,CAE/B;;QACAJ,MAAM,CAACI,OAAD,CAAN,mCACKC,eADL;UAEEC,MAAM,EAAET;QAFV;MAID,CAPD;MASA,OAAOG,MAAP;IACD;;;WAED,+BAA6BJ,OAA7B,EAAsCC,MAAtC,EAA8C;MAC5C,IAAMU,IAAI,GAAGX,OAAO,CAACC,MAAD,CAApB;;MACA,IAAIU,IAAJ,EAAU;QACR,IAAMP,MAAM,qBAAQJ,OAAR,CAAZ;;QAEA,IAAIW,IAAI,CAACD,MAAT,EAAiB;UACf,IAAME,UAAU,GAAGR,MAAM,CAACO,IAAI,CAACD,MAAN,CAAzB;;UACA,IAAIE,UAAU,IAAIA,UAAU,CAACN,QAA7B,EAAuC;YACrC,IAAMO,cAAc,GAAGD,UAAU,CAACN,QAAX,CAAoBQ,MAApB,CAA2B,UAACC,CAAD;cAAA,OAAOA,CAAC,KAAKd,MAAb;YAAA,CAA3B,CAAvB;YACAG,MAAM,CAACO,IAAI,CAACD,MAAN,CAAN,mCACKE,UADL;cAEEN,QAAQ,EAAEO;YAFZ;UAID;QACF;;QAED,OAAOT,MAAM,CAACH,MAAD,CAAb;QAEA,OAAOG,MAAP;MACD;;MAED,OAAOJ,OAAP;IACD;;;;;;SA5CkBD,gB"}

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

@@ -0,0 +1,104 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+
+var NodeTreeNavigationUtils = /*#__PURE__*/function () {
+  function NodeTreeNavigationUtils() {
+    _classCallCheck(this, NodeTreeNavigationUtils);
+  }
+
+  _createClass(NodeTreeNavigationUtils, null, [{
+    key: "getNextNode",
+    value: function getNextNode(isExpanded, nodeMap, nodeId) {
+      var end = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+      var node = nodeMap[nodeId];
+      var parent = nodeMap[node.parent];
+
+      if (!end) {
+        if (node.children && node.children.length > 0 && isExpanded(nodeId)) {
+          return node.children[0];
+        }
+      }
+
+      if (parent) {
+        var nodeIndex = parent.children.indexOf(nodeId);
+        var nextIndex = nodeIndex + 1;
+
+        if (parent.children.length > nextIndex) {
+          return parent.children[nextIndex];
+        }
+
+        if (node.parent !== -1) {
+          return NodeTreeNavigationUtils.getNextNode(isExpanded, nodeMap, node.parent, true);
+        }
+      }
+
+      return null;
+    }
+  }, {
+    key: "getPreviousNode",
+    value: function getPreviousNode(isExpanded, nodeMap, nodeId) {
+      var node = nodeMap[nodeId];
+      var parent = nodeMap[node.parent];
+
+      if (parent) {
+        var nodeIndex = parent.children.indexOf(nodeId);
+
+        if (nodeIndex > 0) {
+          return NodeTreeNavigationUtils.getLastNode(isExpanded, nodeMap, parent.children[nodeIndex - 1]);
+        }
+
+        if (node.parent !== -1) {
+          return node.parent;
+        }
+      }
+
+      return null;
+    }
+  }, {
+    key: "getLastNode",
+    value: function getLastNode(isExpanded, nodeMap) {
+      var nodeId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : -1;
+      var node = nodeMap[nodeId];
+      var open = nodeId === -1 || isExpanded(nodeId);
+
+      if (open && node.children && node.children.length > 0) {
+        return NodeTreeNavigationUtils.getLastNode(isExpanded, nodeMap, node.children[node.children.length - 1]);
+      }
+
+      return nodeId;
+    }
+  }, {
+    key: "getNodeByFirstCharacter",
+    value: function getNodeByFirstCharacter(nodeMap, visibleNodes, nodeId, char) {
+      var lowercaseChar = char.toLowerCase();
+      var toFocus = null;
+      var useNext = false;
+      visibleNodes.forEach(function (nId) {
+        var node = nodeMap[nId];
+        var firstChar = node.label.substring(0, 1).toLowerCase();
+
+        if ((!toFocus || useNext) && lowercaseChar === firstChar && nId !== nodeId) {
+          toFocus = nId;
+          useNext = false;
+        }
+
+        if (nId === nodeId) {
+          useNext = true;
+        }
+      });
+
+      if (toFocus) {
+        return toFocus;
+      }
+
+      return null;
+    }
+  }]);
+
+  return NodeTreeNavigationUtils;
+}();
+
+export { NodeTreeNavigationUtils as default };
+//# sourceMappingURL=NodeTreeNavigationUtils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NodeTreeNavigationUtils.js","names":["NodeTreeNavigationUtils","isExpanded","nodeMap","nodeId","end","node","parent","children","length","nodeIndex","indexOf","nextIndex","getNextNode","getLastNode","open","visibleNodes","char","lowercaseChar","toLowerCase","toFocus","useNext","forEach","nId","firstChar","label","substring"],"sources":["../../../../../src/VerticalNavigation/TreeView/utils/NodeTreeNavigationUtils.js"],"sourcesContent":["export default class NodeTreeNavigationUtils {\n  static getNextNode(isExpanded, nodeMap, nodeId, end = false) {\n    const node = nodeMap[nodeId];\n    const parent = nodeMap[node.parent];\n\n    if (!end) {\n      if (node.children && node.children.length > 0 && isExpanded(nodeId)) {\n        return node.children[0];\n      }\n    }\n\n    if (parent) {\n      const nodeIndex = parent.children.indexOf(nodeId);\n      const nextIndex = nodeIndex + 1;\n\n      if (parent.children.length > nextIndex) {\n        return parent.children[nextIndex];\n      }\n\n      if (node.parent !== -1) {\n        return NodeTreeNavigationUtils.getNextNode(isExpanded, nodeMap, node.parent, true);\n      }\n    }\n\n    return null;\n  }\n\n  static getPreviousNode(isExpanded, nodeMap, nodeId) {\n    const node = nodeMap[nodeId];\n    const parent = nodeMap[node.parent];\n\n    if (parent) {\n      const nodeIndex = parent.children.indexOf(nodeId);\n\n      if (nodeIndex > 0) {\n        return NodeTreeNavigationUtils.getLastNode(\n          isExpanded,\n          nodeMap,\n          parent.children[nodeIndex - 1]\n        );\n      }\n\n      if (node.parent !== -1) {\n        return node.parent;\n      }\n    }\n\n    return null;\n  }\n\n  static getLastNode(isExpanded, nodeMap, nodeId = -1) {\n    const node = nodeMap[nodeId];\n    const open = nodeId === -1 || isExpanded(nodeId);\n    if (open && node.children && node.children.length > 0) {\n      return NodeTreeNavigationUtils.getLastNode(\n        isExpanded,\n        nodeMap,\n        node.children[node.children.length - 1]\n      );\n    }\n\n    return nodeId;\n  }\n\n  static getNodeByFirstCharacter(nodeMap, visibleNodes, nodeId, char) {\n    const lowercaseChar = char.toLowerCase();\n\n    let toFocus = null;\n    let useNext = false;\n    visibleNodes.forEach((nId) => {\n      const node = nodeMap[nId];\n      const firstChar = node.label.substring(0, 1).toLowerCase();\n\n      if ((!toFocus || useNext) && lowercaseChar === firstChar && nId !== nodeId) {\n        toFocus = nId;\n\n        useNext = false;\n      }\n\n      if (nId === nodeId) {\n        useNext = true;\n      }\n    });\n\n    if (toFocus) {\n      return toFocus;\n    }\n\n    return null;\n  }\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,4 @@
+export { default as NodeTreeMapUtils } from "./NodeTreeMapUtils";
+export { default as NodeTreeExpandUtils } from "./NodeTreeExpandUtils";
+export { default as NodeTreeNavigationUtils } from "./NodeTreeNavigationUtils";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","NodeTreeMapUtils","NodeTreeExpandUtils","NodeTreeNavigationUtils"],"sources":["../../../../../src/VerticalNavigation/TreeView/utils/index.js"],"sourcesContent":["export { default as NodeTreeMapUtils } from \"./NodeTreeMapUtils\";\nexport { default as NodeTreeExpandUtils } from \"./NodeTreeExpandUtils\";\nexport { default as NodeTreeNavigationUtils } from \"./NodeTreeNavigationUtils\";\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,gBAApB,QAA4C,oBAA5C;AACA,SAASD,OAAO,IAAIE,mBAApB,QAA+C,uBAA/C;AACA,SAASF,OAAO,IAAIG,uBAApB,QAAmD,2BAAnD"}

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

@@ -0,0 +1,51 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export interface HvVerticalNavigationContainerProps
+  extends StandardProps<
+    React.HTMLAttributes<HTMLDivElement>,
+    HvVerticalNavigationContainerClassKey
+  > {
+  /**
+   * Position of the component.
+   */
+  position?: "static" | "relative" | "fixed" | "absolute";
+
+  /**
+   * Defines if a anchor bar is visible,
+   */
+  isAnchorBarVisible?: boolean;
+  /**
+   * Is the navigation open.
+   */
+  isOpen?: boolean;
+  /**
+   * Aria-label for the button.
+   */
+  buttonAriaLabel?: string;
+  /**
+   * Callback when the navigation toggles between open and close.
+   */
+  toggleOpenCallback?: (open: boolean) => void;
+  /**
+   * Defines if the content pane should close when losing focus / clicking outside.
+   */
+  closeOnExit?: boolean;
+}
+
+export type HvVerticalNavigationContainerClassKey =
+  | "root"
+  | "fixed"
+  | "relative"
+  | "absolute"
+  | "static"
+  | "withAnchorBar"
+  | "verticalContainer"
+  | "anchorBar"
+  | "button"
+  | "separator"
+  | "contentContainer";
+
+export default function HvVerticalNavigationContainer(
+  props: HvVerticalNavigationContainerProps
+): JSX.Element | null;