@hitachivantara/uikit-react-lab 4.3.2 → 4.4.0

package/dist/modern/VerticalNavigation/VerticalNavigation.js

@@ -1,70 +1,98 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _Backwards, _Forwards;
+const _excluded = ["onNavigationChange", "onToggleExpanded", "data", "selected", "expanded", "topPosition", "expandedPanelWidth", "collapsedPanelWidth", "position"],
+  _excluded2 = ["data"];
+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 React, { useState } from "react";
 import { withStyles } from "@mui/styles";
 import PropTypes from "prop-types";
 import clsx from "clsx";
-import { HvVerticalNavigation as HvVerticalNavigationCore, HvVerticalNavigationTree, HvVerticalNavigationActions, HvButton, setId } from "@hitachivantara/uikit-react-core";
+import { HvVerticalNavigation as HvVerticalNavigationCore, HvVerticalNavigationTree, HvButton, HvContainer } from "@hitachivantara/uikit-react-core";
 import { Backwards, Forwards } from "@hitachivantara/uikit-react-icons";
 import useStyles from "./styles";
+import { getAllParents, findRootParentById, findItemById } from "./utils";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-const HvVerticalNavigation = ({
-  id,
-  onNavigationChange,
-  data,
-  selected,
-  collapseLabel,
-  topPosition,
-  expandedPanelWidth,
-  collapsedPanelWidth
-}) => {
+const HvVerticalNavigation = _ref => {
+  var _findRootParentById;
+  let {
+      onNavigationChange,
+      onToggleExpanded,
+      data,
+      selected,
+      expanded,
+      topPosition,
+      expandedPanelWidth,
+      collapsedPanelWidth,
+      position
+    } = _ref,
+    others = _objectWithoutProperties(_ref, _excluded);
   const classes = useStyles({
     topPosition,
     expandedPanelWidth,
-    collapsedPanelWidth
+    collapsedPanelWidth,
+    position
   })();
-  const [isExpanded, setIsExpanded] = useState(true);
+  const noSubData = data.map(_ref2 => {
+    let {
+        data: dataToRemove
+      } = _ref2,
+      rest = _objectWithoutProperties(_ref2, _excluded2);
+    return rest;
+  });
+  const [expandedItems, setExpandedItems] = useState(getAllParents(data).map(item => item.id));
+  const selectedTopParent = (_findRootParentById = findRootParentById(data, selected)) === null || _findRootParentById === void 0 ? void 0 : _findRootParentById.id;
   const handleVerticalNavigationChange = (event, item) => {
-    onNavigationChange === null || onNavigationChange === void 0 ? void 0 : onNavigationChange(event, item);
+    // This need to be done because the item recieved on the callback is missing the original data object
+    const fullItem = findItemById(data, item.id);
+    if (!expanded && fullItem.data && fullItem.data.length > 0) {
+      setExpandedItems(prevState => [...prevState, item.id]);
+      onToggleExpanded(true);
+    } else {
+      onNavigationChange === null || onNavigationChange === void 0 ? void 0 : onNavigationChange(event, item);
+    }
+  };
+  const handleVerticalNavigationToggle = (event, currentExpandedItems) => {
+    setExpandedItems(currentExpandedItems);
   };
   const handleExpandToggle = () => {
-    setIsExpanded(prevState => !prevState);
+    onToggleExpanded(!expanded);
   };
-  return /*#__PURE__*/_jsxs(HvVerticalNavigationCore, {
-    className: clsx(classes.panel, isExpanded ? classes.panelExpanded : classes.panelCollapsed),
-    children: [/*#__PURE__*/_jsx(HvVerticalNavigationTree, {
-      collapsible: true,
-      data: data,
-      selected: selected,
-      onChange: handleVerticalNavigationChange
-    }), /*#__PURE__*/_jsx(HvVerticalNavigationActions, {
+  return /*#__PURE__*/_jsxs(HvVerticalNavigationCore, _objectSpread(_objectSpread({
+    className: clsx(classes.panel, expanded ? classes.panelExpanded : classes.panelCollapsed)
+  }, others), {}, {
+    children: [/*#__PURE__*/_jsx(HvContainer, {
+      className: `${classes.toggleCollapsePanel}`,
       children: /*#__PURE__*/_jsx(HvButton, {
-        id: setId(id, "button-toggle"),
-        className: clsx(isExpanded ? classes.collapseButton : classes.expandButton),
-        category: "ghost",
-        startIcon: isExpanded ? _Backwards || (_Backwards = /*#__PURE__*/_jsx(Backwards, {
+        icon: true,
+        onClick: handleExpandToggle,
+        children: expanded ? _Backwards || (_Backwards = /*#__PURE__*/_jsx(Backwards, {
           iconSize: "XS"
         })) : _Forwards || (_Forwards = /*#__PURE__*/_jsx(Forwards, {
           iconSize: "XS"
-        })),
-        onClick: handleExpandToggle,
-        children: isExpanded && /*#__PURE__*/_jsx("span", {
-          className: classes.collapseTextContainer,
-          children: collapseLabel
-        })
+        }))
       })
+    }), /*#__PURE__*/_jsx(HvVerticalNavigationTree, {
+      collapsible: true,
+      expanded: expandedItems,
+      data: expanded ? data : noSubData,
+      selected: expanded ? selected : selectedTopParent,
+      onChange: handleVerticalNavigationChange,
+      onToggle: handleVerticalNavigationToggle
     })]
-  });
+  }));
 };
 process.env.NODE_ENV !== "production" ? HvVerticalNavigation.propTypes = {
-  /**
-   * Id to be applied to the root node of the panel.
-   */
-  id: PropTypes.string,
   /**
    * Called when a menu item is clicked.
    */
   onNavigationChange: PropTypes.func,
+  /**
+   * Called when the collapse / expand button is clicked.
+   */
+  onToggleExpanded: PropTypes.func,
   /**
    * An array containing the data for each menu item.
    *
@@ -83,14 +111,14 @@ process.env.NODE_ENV !== "production" ? HvVerticalNavigation.propTypes = {
     href: PropTypes.string,
     target: PropTypes.string
   })).isRequired,
-  /**
-   * Text to be displayed in the collpase area when the panel is expanded.
-   */
-  collapseLabel: PropTypes.string,
   /**
    * The ID of the selected page.
    */
   selected: PropTypes.string,
+  /**
+   * Boolean value stating if the panel should be collapsed or expanded.
+   */
+  expanded: PropTypes.bool,
   /**
    * The top value where the panel will be rendered. Default is 44 as it is the height of the Header component.
    */
@@ -102,13 +130,17 @@ process.env.NODE_ENV !== "production" ? HvVerticalNavigation.propTypes = {
   /**
    * The width of the panel when collapsed. Default vlaue is 52.
    */
-  collapsedPanelWidth: PropTypes.number
+  collapsedPanelWidth: PropTypes.number,
+  /**
+   * Position of the component.
+   */
+  position: PropTypes.oneOf(["static", "relative", "fixed", "absolute", "sticky"])
 } : void 0;
 HvVerticalNavigation.defaultProps = {
-  collapseLabel: "Collapse",
   topPosition: 44,
   expandedPanelWidth: 300,
-  collapsedPanelWidth: 52
+  collapsedPanelWidth: 52,
+  position: "fixed"
 };
 export default withStyles(useStyles, {
   name: "HvVerticalNavigation"

package/dist/modern/VerticalNavigation/VerticalNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalNavigation.js","names":["React","useState","withStyles","PropTypes","clsx","HvVerticalNavigation","HvVerticalNavigationCore","HvVerticalNavigationTree","HvVerticalNavigationActions","HvButton","setId","Backwards","Forwards","useStyles","id","onNavigationChange","data","selected","collapseLabel","topPosition","expandedPanelWidth","collapsedPanelWidth","classes","isExpanded","setIsExpanded","handleVerticalNavigationChange","event","item","handleExpandToggle","prevState","panel","panelExpanded","panelCollapsed","collapseButton","expandButton","collapseTextContainer","propTypes","string","func","arrayOf","shape","isRequired","label","icon","node","array","href","target","number","defaultProps","name"],"sources":["../../../src/VerticalNavigation/VerticalNavigation.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport { withStyles } from \"@mui/styles\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport {\n  HvVerticalNavigation as HvVerticalNavigationCore,\n  HvVerticalNavigationTree,\n  HvVerticalNavigationActions,\n  HvButton,\n  setId,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Backwards, Forwards } from \"@hitachivantara/uikit-react-icons\";\n\nimport useStyles from \"./styles\";\n\nconst HvVerticalNavigation = ({\n  id,\n  onNavigationChange,\n  data,\n  selected,\n  collapseLabel,\n\n  topPosition,\n  expandedPanelWidth,\n  collapsedPanelWidth,\n}) => {\n  const classes = useStyles({ topPosition, expandedPanelWidth, collapsedPanelWidth })();\n\n  const [isExpanded, setIsExpanded] = useState(true);\n\n  const handleVerticalNavigationChange = (event, item) => {\n    onNavigationChange?.(event, item);\n  };\n\n  const handleExpandToggle = () => {\n    setIsExpanded((prevState) => !prevState);\n  };\n\n  return (\n    <HvVerticalNavigationCore\n      className={clsx(classes.panel, {\n        [classes.panelExpanded]: isExpanded,\n        [classes.panelCollapsed]: !isExpanded,\n      })}\n    >\n      <HvVerticalNavigationTree\n        collapsible\n        data={data}\n        selected={selected}\n        onChange={handleVerticalNavigationChange}\n      />\n\n      <HvVerticalNavigationActions>\n        <HvButton\n          id={setId(id, \"button-toggle\")}\n          className={clsx({\n            [classes.collapseButton]: isExpanded,\n            [classes.expandButton]: !isExpanded,\n          })}\n          category=\"ghost\"\n          startIcon={isExpanded ? <Backwards iconSize=\"XS\" /> : <Forwards iconSize=\"XS\" />}\n          onClick={handleExpandToggle}\n        >\n          {isExpanded && <span className={classes.collapseTextContainer}>{collapseLabel}</span>}\n        </HvButton>\n      </HvVerticalNavigationActions>\n    </HvVerticalNavigationCore>\n  );\n};\n\nHvVerticalNavigation.propTypes = {\n  /**\n   * Id to be applied to the root node of the panel.\n   */\n  id: PropTypes.string,\n  /**\n   * Called when a menu item is clicked.\n   */\n  onNavigationChange: PropTypes.func,\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   * icon - the icon component.\n   * data - sub-menu items\n   * href - the url used for navigation.\n   * target - the behavior when opening an url.\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      href: PropTypes.string,\n      target: PropTypes.string,\n    })\n  ).isRequired,\n  /**\n   * Text to be displayed in the collpase area when the panel is expanded.\n   */\n  collapseLabel: PropTypes.string,\n  /**\n   * The ID of the selected page.\n   */\n  selected: PropTypes.string,\n  /**\n   * The top value where the panel will be rendered. Default is 44 as it is the height of the Header component.\n   */\n  topPosition: PropTypes.number,\n  /**\n   * The width of the panel when expanded. Default value is 300.\n   */\n  expandedPanelWidth: PropTypes.number,\n  /**\n   * The width of the panel when collapsed. Default vlaue is 52.\n   */\n  collapsedPanelWidth: PropTypes.number,\n};\n\nHvVerticalNavigation.defaultProps = {\n  collapseLabel: \"Collapse\",\n  topPosition: 44,\n  expandedPanelWidth: 300,\n  collapsedPanelWidth: 52,\n};\n\nexport default withStyles(useStyles, { name: \"HvVerticalNavigation\" })(HvVerticalNavigation);\n"],"mappings":"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"}
+{"version":3,"file":"VerticalNavigation.js","names":["React","useState","withStyles","PropTypes","clsx","HvVerticalNavigation","HvVerticalNavigationCore","HvVerticalNavigationTree","HvButton","HvContainer","Backwards","Forwards","useStyles","getAllParents","findRootParentById","findItemById","onNavigationChange","onToggleExpanded","data","selected","expanded","topPosition","expandedPanelWidth","collapsedPanelWidth","position","others","classes","noSubData","map","dataToRemove","rest","expandedItems","setExpandedItems","item","id","selectedTopParent","handleVerticalNavigationChange","event","fullItem","length","prevState","handleVerticalNavigationToggle","currentExpandedItems","handleExpandToggle","panel","panelExpanded","panelCollapsed","toggleCollapsePanel","propTypes","func","arrayOf","shape","string","isRequired","label","icon","node","array","href","target","bool","number","oneOf","defaultProps","name"],"sources":["../../../src/VerticalNavigation/VerticalNavigation.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport { withStyles } from \"@mui/styles\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport {\n  HvVerticalNavigation as HvVerticalNavigationCore,\n  HvVerticalNavigationTree,\n  HvButton,\n  HvContainer,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Backwards, Forwards } from \"@hitachivantara/uikit-react-icons\";\n\nimport useStyles from \"./styles\";\nimport { getAllParents, findRootParentById, findItemById } from \"./utils\";\n\nconst HvVerticalNavigation = ({\n  onNavigationChange,\n  onToggleExpanded,\n  data,\n  selected,\n  expanded,\n  topPosition,\n  expandedPanelWidth,\n  collapsedPanelWidth,\n  position,\n\n  ...others\n}) => {\n  const classes = useStyles({ topPosition, expandedPanelWidth, collapsedPanelWidth, position })();\n\n  const noSubData = data.map(({ data: dataToRemove, ...rest }) => rest);\n\n  const [expandedItems, setExpandedItems] = useState(getAllParents(data).map((item) => item.id));\n\n  const selectedTopParent = findRootParentById(data, selected)?.id;\n\n  const handleVerticalNavigationChange = (event, item) => {\n    // This need to be done because the item recieved on the callback is missing the original data object\n    const fullItem = findItemById(data, item.id);\n\n    if (!expanded && fullItem.data && fullItem.data.length > 0) {\n      setExpandedItems((prevState) => [...prevState, item.id]);\n      onToggleExpanded(true);\n    } else {\n      onNavigationChange?.(event, item);\n    }\n  };\n\n  const handleVerticalNavigationToggle = (event, currentExpandedItems) => {\n    setExpandedItems(currentExpandedItems);\n  };\n\n  const handleExpandToggle = () => {\n    onToggleExpanded(!expanded);\n  };\n\n  return (\n    <HvVerticalNavigationCore\n      className={clsx(classes.panel, {\n        [classes.panelExpanded]: expanded,\n        [classes.panelCollapsed]: !expanded,\n      })}\n      {...others}\n    >\n      <HvContainer className={`${classes.toggleCollapsePanel}`}>\n        <HvButton icon onClick={handleExpandToggle}>\n          {expanded ? <Backwards iconSize=\"XS\" /> : <Forwards iconSize=\"XS\" />}\n        </HvButton>\n      </HvContainer>\n\n      <HvVerticalNavigationTree\n        collapsible\n        expanded={expandedItems}\n        data={expanded ? data : noSubData}\n        selected={expanded ? selected : selectedTopParent}\n        onChange={handleVerticalNavigationChange}\n        onToggle={handleVerticalNavigationToggle}\n      />\n    </HvVerticalNavigationCore>\n  );\n};\n\nHvVerticalNavigation.propTypes = {\n  /**\n   * Called when a menu item is clicked.\n   */\n  onNavigationChange: PropTypes.func,\n  /**\n   * Called when the collapse / expand button is clicked.\n   */\n  onToggleExpanded: PropTypes.func,\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   * icon - the icon component.\n   * data - sub-menu items\n   * href - the url used for navigation.\n   * target - the behavior when opening an url.\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      href: PropTypes.string,\n      target: PropTypes.string,\n    })\n  ).isRequired,\n  /**\n   * The ID of the selected page.\n   */\n  selected: PropTypes.string,\n  /**\n   * Boolean value stating if the panel should be collapsed or expanded.\n   */\n  expanded: PropTypes.bool,\n  /**\n   * The top value where the panel will be rendered. Default is 44 as it is the height of the Header component.\n   */\n  topPosition: PropTypes.number,\n  /**\n   * The width of the panel when expanded. Default value is 300.\n   */\n  expandedPanelWidth: PropTypes.number,\n  /**\n   * The width of the panel when collapsed. Default vlaue is 52.\n   */\n  collapsedPanelWidth: PropTypes.number,\n  /**\n   * Position of the component.\n   */\n  position: PropTypes.oneOf([\"static\", \"relative\", \"fixed\", \"absolute\", \"sticky\"]),\n};\n\nHvVerticalNavigation.defaultProps = {\n  topPosition: 44,\n  expandedPanelWidth: 300,\n  collapsedPanelWidth: 52,\n  position: \"fixed\",\n};\n\nexport default withStyles(useStyles, { name: \"HvVerticalNavigation\" })(HvVerticalNavigation);\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,IAAI,MAAM,MAAM;AAEvB,SACEC,oBAAoB,IAAIC,wBAAwB,EAChDC,wBAAwB,EACxBC,QAAQ,EACRC,WAAW,QACN,kCAAkC;AACzC,SAASC,SAAS,EAAEC,QAAQ,QAAQ,mCAAmC;AAEvE,OAAOC,SAAS,MAAM,UAAU;AAChC,SAASC,aAAa,EAAEC,kBAAkB,EAAEC,YAAY,QAAQ,SAAS;AAAC;AAAA;AAE1E,MAAMV,oBAAoB,GAAG,QAYvB;EAAA;EAAA,IAZwB;MAC5BW,kBAAkB;MAClBC,gBAAgB;MAChBC,IAAI;MACJC,QAAQ;MACRC,QAAQ;MACRC,WAAW;MACXC,kBAAkB;MAClBC,mBAAmB;MACnBC;IAGF,CAAC;IADIC,MAAM;EAET,MAAMC,OAAO,GAAGd,SAAS,CAAC;IAAES,WAAW;IAAEC,kBAAkB;IAAEC,mBAAmB;IAAEC;EAAS,CAAC,CAAC,EAAE;EAE/F,MAAMG,SAAS,GAAGT,IAAI,CAACU,GAAG,CAAC;IAAA,IAAC;QAAEV,IAAI,EAAEW;MAAsB,CAAC;MAANC,IAAI;IAAA,OAAOA,IAAI;EAAA,EAAC;EAErE,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAG/B,QAAQ,CAACY,aAAa,CAACK,IAAI,CAAC,CAACU,GAAG,CAAEK,IAAI,IAAKA,IAAI,CAACC,EAAE,CAAC,CAAC;EAE9F,MAAMC,iBAAiB,0BAAGrB,kBAAkB,CAACI,IAAI,EAAEC,QAAQ,CAAC,wDAAlC,oBAAoCe,EAAE;EAEhE,MAAME,8BAA8B,GAAG,CAACC,KAAK,EAAEJ,IAAI,KAAK;IACtD;IACA,MAAMK,QAAQ,GAAGvB,YAAY,CAACG,IAAI,EAAEe,IAAI,CAACC,EAAE,CAAC;IAE5C,IAAI,CAACd,QAAQ,IAAIkB,QAAQ,CAACpB,IAAI,IAAIoB,QAAQ,CAACpB,IAAI,CAACqB,MAAM,GAAG,CAAC,EAAE;MAC1DP,gBAAgB,CAAEQ,SAAS,IAAK,CAAC,GAAGA,SAAS,EAAEP,IAAI,CAACC,EAAE,CAAC,CAAC;MACxDjB,gBAAgB,CAAC,IAAI,CAAC;IACxB,CAAC,MAAM;MACLD,kBAAkB,aAAlBA,kBAAkB,uBAAlBA,kBAAkB,CAAGqB,KAAK,EAAEJ,IAAI,CAAC;IACnC;EACF,CAAC;EAED,MAAMQ,8BAA8B,GAAG,CAACJ,KAAK,EAAEK,oBAAoB,KAAK;IACtEV,gBAAgB,CAACU,oBAAoB,CAAC;EACxC,CAAC;EAED,MAAMC,kBAAkB,GAAG,MAAM;IAC/B1B,gBAAgB,CAAC,CAACG,QAAQ,CAAC;EAC7B,CAAC;EAED,oBACE,MAAC,wBAAwB;IACvB,SAAS,EAAEhB,IAAI,CAACsB,OAAO,CAACkB,KAAK,EACFxB,QAAQ,GAAhCM,OAAO,CAACmB,aAAa,GACrBnB,OAAO,CAACoB,cAAc;EACtB,GACCrB,MAAM;IAAA,wBAEV,KAAC,WAAW;MAAC,SAAS,EAAG,GAAEC,OAAO,CAACqB,mBAAoB,EAAE;MAAA,uBACvD,KAAC,QAAQ;QAAC,IAAI;QAAC,OAAO,EAAEJ,kBAAmB;QAAA,UACxCvB,QAAQ,4CAAG,KAAC,SAAS;UAAC,QAAQ,EAAC;QAAI,EAAG,2CAAG,KAAC,QAAQ;UAAC,QAAQ,EAAC;QAAI,EAAG;MAAA;IAC3D,EACC,eAEd,KAAC,wBAAwB;MACvB,WAAW;MACX,QAAQ,EAAEW,aAAc;MACxB,IAAI,EAAEX,QAAQ,GAAGF,IAAI,GAAGS,SAAU;MAClC,QAAQ,EAAEP,QAAQ,GAAGD,QAAQ,GAAGgB,iBAAkB;MAClD,QAAQ,EAAEC,8BAA+B;MACzC,QAAQ,EAAEK;IAA+B,EACzC;EAAA,GACuB;AAE/B,CAAC;AAED,wCAAApC,oBAAoB,CAAC2C,SAAS,GAAG;EAC/B;AACF;AACA;EACEhC,kBAAkB,EAAEb,SAAS,CAAC8C,IAAI;EAClC;AACF;AACA;EACEhC,gBAAgB,EAAEd,SAAS,CAAC8C,IAAI;EAChC;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE/B,IAAI,EAAEf,SAAS,CAAC+C,OAAO,CACrB/C,SAAS,CAACgD,KAAK,CAAC;IACdjB,EAAE,EAAE/B,SAAS,CAACiD,MAAM,CAACC,UAAU;IAC/BC,KAAK,EAAEnD,SAAS,CAACiD,MAAM,CAACC,UAAU;IAClCE,IAAI,EAAEpD,SAAS,CAACqD,IAAI;IACpBtC,IAAI,EAAEf,SAAS,CAACsD,KAAK;IACrBC,IAAI,EAAEvD,SAAS,CAACiD,MAAM;IACtBO,MAAM,EAAExD,SAAS,CAACiD;EACpB,CAAC,CAAC,CACH,CAACC,UAAU;EACZ;AACF;AACA;EACElC,QAAQ,EAAEhB,SAAS,CAACiD,MAAM;EAC1B;AACF;AACA;EACEhC,QAAQ,EAAEjB,SAAS,CAACyD,IAAI;EACxB;AACF;AACA;EACEvC,WAAW,EAAElB,SAAS,CAAC0D,MAAM;EAC7B;AACF;AACA;EACEvC,kBAAkB,EAAEnB,SAAS,CAAC0D,MAAM;EACpC;AACF;AACA;EACEtC,mBAAmB,EAAEpB,SAAS,CAAC0D,MAAM;EACrC;AACF;AACA;EACErC,QAAQ,EAAErB,SAAS,CAAC2D,KAAK,CAAC,CAAC,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,CAAC;AACjF,CAAC;AAEDzD,oBAAoB,CAAC0D,YAAY,GAAG;EAClC1C,WAAW,EAAE,EAAE;EACfC,kBAAkB,EAAE,GAAG;EACvBC,mBAAmB,EAAE,EAAE;EACvBC,QAAQ,EAAE;AACZ,CAAC;AAED,eAAetB,UAAU,CAACU,SAAS,EAAE;EAAEoD,IAAI,EAAE;AAAuB,CAAC,CAAC,CAAC3D,oBAAoB,CAAC"}

package/dist/modern/VerticalNavigation/styles.js

@@ -1,10 +1,8 @@
-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 { makeStyles } from "@mui/styles";
 const styles = props => makeStyles(theme => ({
   panel: {
-    position: "fixed",
+    justifyContent: "flex-start",
+    position: props.position,
     top: props.topPosition,
     left: 0,
     zIndex: 1100
@@ -12,22 +10,20 @@ const styles = props => makeStyles(theme => ({
   panelExpanded: {
     width: props.expandedPanelWidth,
     height: `calc(100vh - ${props.topPosition}px)`,
-    // This is for the bottom actions
-    "& > :not(:first-child) > button > span": {
-      marginBottom: 0
+    // To remove the top border of the navigation section
+    "& > :not(:first-child)": {
+      borderTop: "none"
     }
   },
   panelCollapsed: {
     width: props.collapsedPanelWidth,
     height: `calc(100vh - ${props.topPosition}px)`,
-    // This is for the bottom actions
+    // Customize the navigation section
     "& > :not(:first-child)": {
-      padding: theme.hvSpacing("xs", "xs", "sm", "xs"),
-      "& > button > span": {
-        marginLeft: 0
-      }
+      borderTop: "none",
+      padding: theme.hvSpacing("xs", "xs", "sm", "xs")
     },
-    // This is for the top menu items
+    // Customize the collapse / expand
     "& > :first-child:not(:last-child)": {
       padding: theme.hvSpacing("sm", "xs", "xs", "xs")
     },
@@ -35,22 +31,9 @@ const styles = props => makeStyles(theme => ({
       marginLeft: "6px"
     }
   },
-  collapseButton: _objectSpread(_objectSpread({}, theme.hv.typography.normalText), {}, {
-    width: "100%",
-    "& > span": {
-      justifyContent: "flex-start"
-    }
-  }),
-  expandButton: {
-    width: "100%",
-    minWidth: "unset",
-    "& > span > span": {
-      marginLeft: "unset"
-    }
-  },
-  collapseTextContainer: {
-    width: "100%",
-    textAlign: "left"
+  toggleCollapsePanel: {
+    display: "flex",
+    justifyContent: "flex-end"
   }
 }));
 export default styles;

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["makeStyles","styles","props","theme","panel","position","top","topPosition","left","zIndex","panelExpanded","width","expandedPanelWidth","height","marginBottom","panelCollapsed","collapsedPanelWidth","padding","hvSpacing","marginLeft","collapseButton","hv","typography","normalText","justifyContent","expandButton","minWidth","collapseTextContainer","textAlign"],"sources":["../../../src/VerticalNavigation/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\n\nconst styles = (props) =>\n  makeStyles((theme) => ({\n    panel: {\n      position: \"fixed\",\n      top: props.topPosition,\n      left: 0,\n      zIndex: 1100,\n    },\n    panelExpanded: {\n      width: props.expandedPanelWidth,\n      height: `calc(100vh - ${props.topPosition}px)`,\n\n      // This is for the bottom actions\n      \"& > :not(:first-child) > button > span\": {\n        marginBottom: 0,\n      },\n    },\n    panelCollapsed: {\n      width: props.collapsedPanelWidth,\n      height: `calc(100vh - ${props.topPosition}px)`,\n\n      // This is for the bottom actions\n      \"& > :not(:first-child)\": {\n        padding: theme.hvSpacing(\"xs\", \"xs\", \"sm\", \"xs\"),\n\n        \"& > button > span\": {\n          marginLeft: 0,\n        },\n      },\n      // This is for the top menu items\n      \"& > :first-child:not(:last-child)\": {\n        padding: theme.hvSpacing(\"sm\", \"xs\", \"xs\", \"xs\"),\n      },\n\n      \"& > nav > ul > li > div > div\": {\n        marginLeft: \"6px\",\n      },\n    },\n    collapseButton: {\n      ...theme.hv.typography.normalText,\n      width: \"100%\",\n\n      \"& > span\": {\n        justifyContent: \"flex-start\",\n      },\n    },\n    expandButton: {\n      width: \"100%\",\n      minWidth: \"unset\",\n\n      \"& > span > span\": {\n        marginLeft: \"unset\",\n      },\n    },\n    collapseTextContainer: {\n      width: \"100%\",\n      textAlign: \"left\",\n    },\n  }));\n\nexport default styles;\n"],"mappings":";;;AAAA,SAASA,UAAU,QAAQ,aAAa;AAExC,MAAMC,MAAM,GAAIC,KAAK,IACnBF,UAAU,CAAEG,KAAK,KAAM;EACrBC,KAAK,EAAE;IACLC,QAAQ,EAAE,OAAO;IACjBC,GAAG,EAAEJ,KAAK,CAACK,WAAW;IACtBC,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE;EACV,CAAC;EACDC,aAAa,EAAE;IACbC,KAAK,EAAET,KAAK,CAACU,kBAAkB;IAC/BC,MAAM,EAAG,gBAAeX,KAAK,CAACK,WAAY,KAAI;IAE9C;IACA,wCAAwC,EAAE;MACxCO,YAAY,EAAE;IAChB;EACF,CAAC;EACDC,cAAc,EAAE;IACdJ,KAAK,EAAET,KAAK,CAACc,mBAAmB;IAChCH,MAAM,EAAG,gBAAeX,KAAK,CAACK,WAAY,KAAI;IAE9C;IACA,wBAAwB,EAAE;MACxBU,OAAO,EAAEd,KAAK,CAACe,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;MAEhD,mBAAmB,EAAE;QACnBC,UAAU,EAAE;MACd;IACF,CAAC;IACD;IACA,mCAAmC,EAAE;MACnCF,OAAO,EAAEd,KAAK,CAACe,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;IACjD,CAAC;IAED,+BAA+B,EAAE;MAC/BC,UAAU,EAAE;IACd;EACF,CAAC;EACDC,cAAc,kCACTjB,KAAK,CAACkB,EAAE,CAACC,UAAU,CAACC,UAAU;IACjCZ,KAAK,EAAE,MAAM;IAEb,UAAU,EAAE;MACVa,cAAc,EAAE;IAClB;EAAC,EACF;EACDC,YAAY,EAAE;IACZd,KAAK,EAAE,MAAM;IACbe,QAAQ,EAAE,OAAO;IAEjB,iBAAiB,EAAE;MACjBP,UAAU,EAAE;IACd;EACF,CAAC;EACDQ,qBAAqB,EAAE;IACrBhB,KAAK,EAAE,MAAM;IACbiB,SAAS,EAAE;EACb;AACF,CAAC,CAAC,CAAC;AAEL,eAAe3B,MAAM"}
+{"version":3,"file":"styles.js","names":["makeStyles","styles","props","theme","panel","justifyContent","position","top","topPosition","left","zIndex","panelExpanded","width","expandedPanelWidth","height","borderTop","panelCollapsed","collapsedPanelWidth","padding","hvSpacing","marginLeft","toggleCollapsePanel","display"],"sources":["../../../src/VerticalNavigation/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\n\nconst styles = (props) =>\n  makeStyles((theme) => ({\n    panel: {\n      justifyContent: \"flex-start\",\n      position: props.position,\n      top: props.topPosition,\n      left: 0,\n      zIndex: 1100,\n    },\n    panelExpanded: {\n      width: props.expandedPanelWidth,\n      height: `calc(100vh - ${props.topPosition}px)`,\n\n      // To remove the top border of the navigation section\n      \"& > :not(:first-child)\": {\n        borderTop: \"none\",\n      },\n    },\n    panelCollapsed: {\n      width: props.collapsedPanelWidth,\n      height: `calc(100vh - ${props.topPosition}px)`,\n\n      // Customize the navigation section\n      \"& > :not(:first-child)\": {\n        borderTop: \"none\",\n        padding: theme.hvSpacing(\"xs\", \"xs\", \"sm\", \"xs\"),\n      },\n\n      // Customize the collapse / expand\n      \"& > :first-child:not(:last-child)\": {\n        padding: theme.hvSpacing(\"sm\", \"xs\", \"xs\", \"xs\"),\n      },\n\n      \"& > nav > ul > li > div > div\": {\n        marginLeft: \"6px\",\n      },\n    },\n\n    toggleCollapsePanel: {\n      display: \"flex\",\n      justifyContent: \"flex-end\",\n    },\n  }));\n\nexport default styles;\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,aAAa;AAExC,MAAMC,MAAM,GAAIC,KAAK,IACnBF,UAAU,CAAEG,KAAK,KAAM;EACrBC,KAAK,EAAE;IACLC,cAAc,EAAE,YAAY;IAC5BC,QAAQ,EAAEJ,KAAK,CAACI,QAAQ;IACxBC,GAAG,EAAEL,KAAK,CAACM,WAAW;IACtBC,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE;EACV,CAAC;EACDC,aAAa,EAAE;IACbC,KAAK,EAAEV,KAAK,CAACW,kBAAkB;IAC/BC,MAAM,EAAG,gBAAeZ,KAAK,CAACM,WAAY,KAAI;IAE9C;IACA,wBAAwB,EAAE;MACxBO,SAAS,EAAE;IACb;EACF,CAAC;EACDC,cAAc,EAAE;IACdJ,KAAK,EAAEV,KAAK,CAACe,mBAAmB;IAChCH,MAAM,EAAG,gBAAeZ,KAAK,CAACM,WAAY,KAAI;IAE9C;IACA,wBAAwB,EAAE;MACxBO,SAAS,EAAE,MAAM;MACjBG,OAAO,EAAEf,KAAK,CAACgB,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;IACjD,CAAC;IAED;IACA,mCAAmC,EAAE;MACnCD,OAAO,EAAEf,KAAK,CAACgB,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;IACjD,CAAC;IAED,+BAA+B,EAAE;MAC/BC,UAAU,EAAE;IACd;EACF,CAAC;EAEDC,mBAAmB,EAAE;IACnBC,OAAO,EAAE,MAAM;IACfjB,cAAc,EAAE;EAClB;AACF,CAAC,CAAC,CAAC;AAEL,eAAeJ,MAAM"}

package/dist/modern/VerticalNavigation/utils.js

@@ -0,0 +1,60 @@
+/**
+ * Receives the navigation data and the id of the item from which we want to get the root parent.
+ *
+ * @param {NavigationItem[]} data - The navigation data structure.
+ * @param {string} itemId - The item id.
+ * @returns The item that is the root parent of the received item.
+ */
+const findRootParentById = (data, itemId) => {
+  return data.reduce((parent, item) => {
+    if (parent) {
+      return parent;
+    }
+    if (item.id === itemId) {
+      return item;
+    }
+    if (item.data) {
+      const found = findRootParentById(item.data, itemId);
+      if (found) {
+        return item;
+      }
+    }
+    return null;
+  }, null);
+};
+
+/**
+ * Returns the complete item object from the data structure using the item id.
+ *
+ * @param {NavigationItem[]} data - The navigation data structure.
+ * @param {string} itemId - The item id.
+ * @returns The complete item object matching the received id.
+ */
+const findItemById = (data, itemId) => {
+  return data.find(item => {
+    if (item.id === itemId) {
+      return true;
+    }
+    if (item.data && item.data.length > 0) {
+      const foundItem = findItemById(item.data, itemId);
+      if (foundItem) {
+        return true;
+      }
+    }
+    return false;
+  });
+};
+
+/**
+ * Returns all the items that have chilren associated.
+ *
+ * @param {NavigationItem[]} data - The navigation data structure.
+ * @returns All the items that have chilren associated.
+ */
+const getAllParents = items => {
+  const parents = items.filter(item => item.data != null && item.data.length > 0);
+  const childParents = parents.flatMap(item => getAllParents(item.data));
+  return [...parents, ...childParents];
+};
+export { findRootParentById, findItemById, getAllParents };
+//# sourceMappingURL=utils.js.map

package/dist/modern/VerticalNavigation/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":["findRootParentById","data","itemId","reduce","parent","item","id","found","findItemById","find","length","foundItem","getAllParents","items","parents","filter","childParents","flatMap"],"sources":["../../../src/VerticalNavigation/utils.js"],"sourcesContent":["/**\n * Receives the navigation data and the id of the item from which we want to get the root parent.\n *\n * @param {NavigationItem[]} data - The navigation data structure.\n * @param {string} itemId - The item id.\n * @returns The item that is the root parent of the received item.\n */\nconst findRootParentById = (data, itemId) => {\n  return data.reduce((parent, item) => {\n    if (parent) {\n      return parent;\n    }\n\n    if (item.id === itemId) {\n      return item;\n    }\n\n    if (item.data) {\n      const found = findRootParentById(item.data, itemId);\n      if (found) {\n        return item;\n      }\n    }\n    return null;\n  }, null);\n};\n\n/**\n * Returns the complete item object from the data structure using the item id.\n *\n * @param {NavigationItem[]} data - The navigation data structure.\n * @param {string} itemId - The item id.\n * @returns The complete item object matching the received id.\n */\nconst findItemById = (data, itemId) => {\n  return data.find((item) => {\n    if (item.id === itemId) {\n      return true;\n    }\n\n    if (item.data && item.data.length > 0) {\n      const foundItem = findItemById(item.data, itemId);\n      if (foundItem) {\n        return true;\n      }\n    }\n    return false;\n  });\n};\n\n/**\n * Returns all the items that have chilren associated.\n *\n * @param {NavigationItem[]} data - The navigation data structure.\n * @returns All the items that have chilren associated.\n */\nconst getAllParents = (items) => {\n  const parents = items.filter((item) => item.data != null && item.data.length > 0);\n  const childParents = parents.flatMap((item) => getAllParents(item.data));\n\n  return [...parents, ...childParents];\n};\n\nexport { findRootParentById, findItemById, getAllParents };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,kBAAkB,GAAG,CAACC,IAAI,EAAEC,MAAM,KAAK;EAC3C,OAAOD,IAAI,CAACE,MAAM,CAAC,CAACC,MAAM,EAAEC,IAAI,KAAK;IACnC,IAAID,MAAM,EAAE;MACV,OAAOA,MAAM;IACf;IAEA,IAAIC,IAAI,CAACC,EAAE,KAAKJ,MAAM,EAAE;MACtB,OAAOG,IAAI;IACb;IAEA,IAAIA,IAAI,CAACJ,IAAI,EAAE;MACb,MAAMM,KAAK,GAAGP,kBAAkB,CAACK,IAAI,CAACJ,IAAI,EAAEC,MAAM,CAAC;MACnD,IAAIK,KAAK,EAAE;QACT,OAAOF,IAAI;MACb;IACF;IACA,OAAO,IAAI;EACb,CAAC,EAAE,IAAI,CAAC;AACV,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMG,YAAY,GAAG,CAACP,IAAI,EAAEC,MAAM,KAAK;EACrC,OAAOD,IAAI,CAACQ,IAAI,CAAEJ,IAAI,IAAK;IACzB,IAAIA,IAAI,CAACC,EAAE,KAAKJ,MAAM,EAAE;MACtB,OAAO,IAAI;IACb;IAEA,IAAIG,IAAI,CAACJ,IAAI,IAAII,IAAI,CAACJ,IAAI,CAACS,MAAM,GAAG,CAAC,EAAE;MACrC,MAAMC,SAAS,GAAGH,YAAY,CAACH,IAAI,CAACJ,IAAI,EAAEC,MAAM,CAAC;MACjD,IAAIS,SAAS,EAAE;QACb,OAAO,IAAI;MACb;IACF;IACA,OAAO,KAAK;EACd,CAAC,CAAC;AACJ,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,aAAa,GAAIC,KAAK,IAAK;EAC/B,MAAMC,OAAO,GAAGD,KAAK,CAACE,MAAM,CAAEV,IAAI,IAAKA,IAAI,CAACJ,IAAI,IAAI,IAAI,IAAII,IAAI,CAACJ,IAAI,CAACS,MAAM,GAAG,CAAC,CAAC;EACjF,MAAMM,YAAY,GAAGF,OAAO,CAACG,OAAO,CAAEZ,IAAI,IAAKO,aAAa,CAACP,IAAI,CAACJ,IAAI,CAAC,CAAC;EAExE,OAAO,CAAC,GAAGa,OAAO,EAAE,GAAGE,YAAY,CAAC;AACtC,CAAC;AAED,SAAShB,kBAAkB,EAAEQ,YAAY,EAAEI,aAAa"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-lab",
-  "version": "4.3.2",
+  "version": "4.4.0",
   "description": "A collection of contributed React components for the Hitachi Vantara's Design System.",
   "homepage": "https://github.com/lumada-design/hv-uikit-react",
   "license": "Apache-2.0",
@@ -44,8 +44,8 @@
     "react-dom": "^16.13.1 || ^17.0.2"
   },
   "dependencies": {
-    "@hitachivantara/uikit-react-core": "^4.4.2",
-    "@hitachivantara/uikit-react-icons": "^4.0.5",
+    "@hitachivantara/uikit-react-core": "^4.4.3",
+    "@hitachivantara/uikit-react-icons": "^4.0.6",
     "clsx": "^1.2.1",
     "core-js": "^3.26.1",
     "dayjs": "^1.11.4",
@@ -64,5 +64,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ef0f049bbe648dea32c80de71e4216e8ccac58bc"
+  "gitHead": "1306e807ca35c09ab5d243cb10a3c8aae600d6fe"
 }