@hitachivantara/uikit-react-lab 4.5.0 → 5.0.2

package/dist/modern/NavigationSlider/NavigationSlider.d.ts

@@ -1,30 +0,0 @@
-import { NavigationData } from "@hitachivantara/uikit-react-core";
-
-export interface HvVerticalNavigationProps {
-  /**
-   * Id to be applied to the root node of the panel.
-   */
-  id?: string;
-  /**
-   * Called when a menu item is clicked.
-   */
-  onNavigationChange?: Function;
-  /**
-   * An array containing the data for each menu item.
-   */
-  data: NavigationData[];
-  /**
-   * The ID of the selected page.
-   */
-  selected?: string;
-  /**
-   * The top value where the panel will be rendered. Default is 44 as it is the height of the Header component.
-   */
-  topPosition?: number;
-  /**
-   * The width of the panel. Default value is 300.
-   */
-  panelWidth?: number;
-}
-
-export default function HvVerticalNavigation(props: HvVerticalNavigationProps): JSX.Element | null;

package/dist/modern/NavigationSlider/NavigationSlider.js

@@ -1,116 +0,0 @@
-import React, { useState, useMemo } from "react";
-import { withStyles } from "@mui/styles";
-import PropTypes from "prop-types";
-import { HvVerticalNavigation as HvVerticalNavigationCore } from "@hitachivantara/uikit-react-core";
-import Header from "./Header";
-import Navigation from "./Navigation";
-import { fillDataWithParentId, getNavigationItemById, getParentItemById } from "./utils";
-import useStyles from "./styles";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const HvNavigationSlider = ({
-  id,
-  onNavigationChange,
-  data,
-  title,
-  selected,
-  topPosition,
-  panelWidth
-}) => {
-  const classes = useStyles({
-    topPosition,
-    panelWidth
-  })();
-  const withParentData = useMemo(() => fillDataWithParentId(data), [data]);
-  const initialParentItem = useMemo(() => getParentItemById(withParentData, selected), [withParentData, selected]);
-  const [parentItem, setParentItem] = useState(initialParentItem);
-  const navigateToParentHandler = () => {
-    setParentItem(getParentItemById(withParentData, parentItem.id));
-  };
-  const navigateToTargetHandler = (event, selectedItem) => {
-    onNavigationChange(event, selectedItem);
-  };
-  const navigateToChildHandler = (event, item) => {
-    setParentItem(getNavigationItemById(withParentData, item.id));
-    event.stopPropagation();
-  };
-  return /*#__PURE__*/_jsx("div", {
-    id: id,
-    className: classes.container,
-    children: /*#__PURE__*/_jsxs(HvVerticalNavigationCore, {
-      className: classes.root,
-      children: [/*#__PURE__*/_jsx(Header, {
-        onBackButtonClick: navigateToParentHandler,
-        showBackButton: !!(parentItem !== null && parentItem !== void 0 && parentItem.label),
-        title: (parentItem === null || parentItem === void 0 ? void 0 : parentItem.label) || title
-      }), /*#__PURE__*/_jsx(Navigation, {
-        data: parentItem.data || withParentData,
-        selected: selected,
-        onNavigateToTarget: navigateToTargetHandler,
-        onNavigateToChild: navigateToChildHandler
-      })]
-    })
-  });
-};
-process.env.NODE_ENV !== "production" ? HvNavigationSlider.propTypes = {
-  /**
-   * Id to be applied to the root node of the panel.
-   */
-  id: PropTypes.string,
-  /**
-   * A Jss Object used to override or extend the styles applied.
-   */
-  classes: PropTypes.shape({
-    /**
-     * styles object applied to the root
-     */
-    container: PropTypes.string,
-    root: PropTypes.string,
-    footer: PropTypes.string
-  }).isRequired,
-  /**
-   * Called when a menu item is clicked.
-   */
-  onNavigationChange: PropTypes.func,
-  /**
-   * An array containing the data for each menu item.
-   *
-   * id - the id to be applied to the root element.
-   * label - the label to be rendered on the menu item.
-   * data - sub-menu items
-   * href - the url used for navigation.
-   * target - the behavior when opening an url.
-   */
-  data: PropTypes.arrayOf(PropTypes.shape({
-    id: PropTypes.string.isRequired,
-    label: PropTypes.string.isRequired,
-    icon: PropTypes.node,
-    data: PropTypes.array,
-    href: PropTypes.string,
-    target: PropTypes.string
-  })).isRequired,
-  /**
-   * The text to be displayed when at the root of the structure.
-   */
-  title: PropTypes.string,
-  /**
-   * The ID of the selected page.
-   */
-  selected: PropTypes.string,
-  /**
-   * The top value where the panel will be rendered. Default is 44 as it is the height of the Header component.
-   */
-  topPosition: PropTypes.number,
-  /**
-   * The width of the panel when expanded. Default value is 300.
-   */
-  panelWidth: PropTypes.number
-} : void 0;
-HvNavigationSlider.defaultProps = {
-  topPosition: 44,
-  panelWidth: 300
-};
-export default withStyles(useStyles, {
-  name: "HvNavigationSlider"
-})(HvNavigationSlider);
-//# sourceMappingURL=NavigationSlider.js.map

package/dist/modern/NavigationSlider/NavigationSlider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationSlider.js","names":["React","useState","useMemo","withStyles","PropTypes","HvVerticalNavigation","HvVerticalNavigationCore","Header","Navigation","fillDataWithParentId","getNavigationItemById","getParentItemById","useStyles","HvNavigationSlider","id","onNavigationChange","data","title","selected","topPosition","panelWidth","classes","withParentData","initialParentItem","parentItem","setParentItem","navigateToParentHandler","navigateToTargetHandler","event","selectedItem","navigateToChildHandler","item","stopPropagation","container","root","label","propTypes","string","shape","footer","isRequired","func","arrayOf","icon","node","array","href","target","number","defaultProps","name"],"sources":["../../../src/NavigationSlider/NavigationSlider.js"],"sourcesContent":["import React, { useState, useMemo } from \"react\";\nimport { withStyles } from \"@mui/styles\";\nimport PropTypes from \"prop-types\";\n\nimport { HvVerticalNavigation as HvVerticalNavigationCore } from \"@hitachivantara/uikit-react-core\";\n\nimport Header from \"./Header\";\nimport Navigation from \"./Navigation\";\nimport { fillDataWithParentId, getNavigationItemById, getParentItemById } from \"./utils\";\n\nimport useStyles from \"./styles\";\n\nconst HvNavigationSlider = ({\n  id,\n  onNavigationChange,\n  data,\n  title,\n  selected,\n  topPosition,\n  panelWidth,\n}) => {\n  const classes = useStyles({ topPosition, panelWidth })();\n\n  const withParentData = useMemo(() => fillDataWithParentId(data), [data]);\n\n  const initialParentItem = useMemo(\n    () => getParentItemById(withParentData, selected),\n    [withParentData, selected]\n  );\n\n  const [parentItem, setParentItem] = useState(initialParentItem);\n\n  const navigateToParentHandler = () => {\n    setParentItem(getParentItemById(withParentData, parentItem.id));\n  };\n\n  const navigateToTargetHandler = (event, selectedItem) => {\n    onNavigationChange(event, selectedItem);\n  };\n\n  const navigateToChildHandler = (event, item) => {\n    setParentItem(getNavigationItemById(withParentData, item.id));\n\n    event.stopPropagation();\n  };\n\n  return (\n    <div id={id} className={classes.container}>\n      <HvVerticalNavigationCore className={classes.root}>\n        <Header\n          onBackButtonClick={navigateToParentHandler}\n          showBackButton={!!parentItem?.label}\n          title={parentItem?.label || title}\n        />\n\n        <Navigation\n          data={parentItem.data || withParentData}\n          selected={selected}\n          onNavigateToTarget={navigateToTargetHandler}\n          onNavigateToChild={navigateToChildHandler}\n        />\n      </HvVerticalNavigationCore>\n    </div>\n  );\n};\n\nHvNavigationSlider.propTypes = {\n  /**\n   * Id to be applied to the root node of the panel.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * styles object applied to the root\n     */\n    container: PropTypes.string,\n    root: PropTypes.string,\n    footer: PropTypes.string,\n  }).isRequired,\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   * 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 text to be displayed when at the root of the structure.\n   */\n  title: 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  panelWidth: PropTypes.number,\n};\n\nHvNavigationSlider.defaultProps = {\n  topPosition: 44,\n  panelWidth: 300,\n};\n\nexport default withStyles(useStyles, { name: \"HvNavigationSlider\" })(HvNavigationSlider);\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,OAAO,QAAQ,OAAO;AAChD,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,oBAAoB,IAAIC,wBAAwB,QAAQ,kCAAkC;AAEnG,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,UAAU,MAAM,cAAc;AACrC,SAASC,oBAAoB,EAAEC,qBAAqB,EAAEC,iBAAiB,QAAQ,SAAS;AAExF,OAAOC,SAAS,MAAM,UAAU;AAAC;AAAA;AAEjC,MAAMC,kBAAkB,GAAG,CAAC;EAC1BC,EAAE;EACFC,kBAAkB;EAClBC,IAAI;EACJC,KAAK;EACLC,QAAQ;EACRC,WAAW;EACXC;AACF,CAAC,KAAK;EACJ,MAAMC,OAAO,GAAGT,SAAS,CAAC;IAAEO,WAAW;IAAEC;EAAW,CAAC,CAAC,EAAE;EAExD,MAAME,cAAc,GAAGpB,OAAO,CAAC,MAAMO,oBAAoB,CAACO,IAAI,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAExE,MAAMO,iBAAiB,GAAGrB,OAAO,CAC/B,MAAMS,iBAAiB,CAACW,cAAc,EAAEJ,QAAQ,CAAC,EACjD,CAACI,cAAc,EAAEJ,QAAQ,CAAC,CAC3B;EAED,MAAM,CAACM,UAAU,EAAEC,aAAa,CAAC,GAAGxB,QAAQ,CAACsB,iBAAiB,CAAC;EAE/D,MAAMG,uBAAuB,GAAG,MAAM;IACpCD,aAAa,CAACd,iBAAiB,CAACW,cAAc,EAAEE,UAAU,CAACV,EAAE,CAAC,CAAC;EACjE,CAAC;EAED,MAAMa,uBAAuB,GAAG,CAACC,KAAK,EAAEC,YAAY,KAAK;IACvDd,kBAAkB,CAACa,KAAK,EAAEC,YAAY,CAAC;EACzC,CAAC;EAED,MAAMC,sBAAsB,GAAG,CAACF,KAAK,EAAEG,IAAI,KAAK;IAC9CN,aAAa,CAACf,qBAAqB,CAACY,cAAc,EAAES,IAAI,CAACjB,EAAE,CAAC,CAAC;IAE7Dc,KAAK,CAACI,eAAe,EAAE;EACzB,CAAC;EAED,oBACE;IAAK,EAAE,EAAElB,EAAG;IAAC,SAAS,EAAEO,OAAO,CAACY,SAAU;IAAA,uBACxC,MAAC,wBAAwB;MAAC,SAAS,EAAEZ,OAAO,CAACa,IAAK;MAAA,wBAChD,KAAC,MAAM;QACL,iBAAiB,EAAER,uBAAwB;QAC3C,cAAc,EAAE,CAAC,EAACF,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAEW,KAAK,CAAC;QACpC,KAAK,EAAE,CAAAX,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEW,KAAK,KAAIlB;MAAM,EAClC,eAEF,KAAC,UAAU;QACT,IAAI,EAAEO,UAAU,CAACR,IAAI,IAAIM,cAAe;QACxC,QAAQ,EAAEJ,QAAS;QACnB,kBAAkB,EAAES,uBAAwB;QAC5C,iBAAiB,EAAEG;MAAuB,EAC1C;IAAA;EACuB,EACvB;AAEV,CAAC;AAED,wCAAAjB,kBAAkB,CAACuB,SAAS,GAAG;EAC7B;AACF;AACA;EACEtB,EAAE,EAAEV,SAAS,CAACiC,MAAM;EACpB;AACF;AACA;EACEhB,OAAO,EAAEjB,SAAS,CAACkC,KAAK,CAAC;IACvB;AACJ;AACA;IACIL,SAAS,EAAE7B,SAAS,CAACiC,MAAM;IAC3BH,IAAI,EAAE9B,SAAS,CAACiC,MAAM;IACtBE,MAAM,EAAEnC,SAAS,CAACiC;EACpB,CAAC,CAAC,CAACG,UAAU;EACb;AACF;AACA;EACEzB,kBAAkB,EAAEX,SAAS,CAACqC,IAAI;EAClC;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACEzB,IAAI,EAAEZ,SAAS,CAACsC,OAAO,CACrBtC,SAAS,CAACkC,KAAK,CAAC;IACdxB,EAAE,EAAEV,SAAS,CAACiC,MAAM,CAACG,UAAU;IAC/BL,KAAK,EAAE/B,SAAS,CAACiC,MAAM,CAACG,UAAU;IAClCG,IAAI,EAAEvC,SAAS,CAACwC,IAAI;IACpB5B,IAAI,EAAEZ,SAAS,CAACyC,KAAK;IACrBC,IAAI,EAAE1C,SAAS,CAACiC,MAAM;IACtBU,MAAM,EAAE3C,SAAS,CAACiC;EACpB,CAAC,CAAC,CACH,CAACG,UAAU;EACZ;AACF;AACA;EACEvB,KAAK,EAAEb,SAAS,CAACiC,MAAM;EACvB;AACF;AACA;EACEnB,QAAQ,EAAEd,SAAS,CAACiC,MAAM;EAC1B;AACF;AACA;EACElB,WAAW,EAAEf,SAAS,CAAC4C,MAAM;EAC7B;AACF;AACA;EACE5B,UAAU,EAAEhB,SAAS,CAAC4C;AACxB,CAAC;AAEDnC,kBAAkB,CAACoC,YAAY,GAAG;EAChC9B,WAAW,EAAE,EAAE;EACfC,UAAU,EAAE;AACd,CAAC;AAED,eAAejB,UAAU,CAACS,SAAS,EAAE;EAAEsC,IAAI,EAAE;AAAqB,CAAC,CAAC,CAACrC,kBAAkB,CAAC"}

package/dist/modern/NavigationSlider/index.d.ts

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

package/dist/modern/NavigationSlider/index.js

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

package/dist/modern/NavigationSlider/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/NavigationSlider/index.js"],"sourcesContent":["export { default } from \"./NavigationSlider\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,oBAAoB"}

package/dist/modern/NavigationSlider/styles.js

@@ -1,18 +0,0 @@
-import { makeStyles } from "@mui/styles";
-const styles = props => makeStyles(() => ({
-  container: {
-    position: "fixed",
-    left: 0,
-    top: props.topPosition
-  },
-  root: {
-    width: props.panelWidth,
-    height: `calc(100vh - ${props.topPosition}px)`,
-    justifyContent: "flex-start"
-  },
-  footer: {
-    marginTop: "auto"
-  }
-}));
-export default styles;
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","names":["makeStyles","styles","props","container","position","left","top","topPosition","root","width","panelWidth","height","justifyContent","footer","marginTop"],"sources":["../../../src/NavigationSlider/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\n\nconst styles = (props) =>\n  makeStyles(() => ({\n    container: {\n      position: \"fixed\",\n      left: 0,\n      top: props.topPosition,\n    },\n    root: {\n      width: props.panelWidth,\n      height: `calc(100vh - ${props.topPosition}px)`,\n      justifyContent: \"flex-start\",\n    },\n    footer: {\n      marginTop: \"auto\",\n    },\n  }));\n\nexport default styles;\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,aAAa;AAExC,MAAMC,MAAM,GAAIC,KAAK,IACnBF,UAAU,CAAC,OAAO;EAChBG,SAAS,EAAE;IACTC,QAAQ,EAAE,OAAO;IACjBC,IAAI,EAAE,CAAC;IACPC,GAAG,EAAEJ,KAAK,CAACK;EACb,CAAC;EACDC,IAAI,EAAE;IACJC,KAAK,EAAEP,KAAK,CAACQ,UAAU;IACvBC,MAAM,EAAG,gBAAeT,KAAK,CAACK,WAAY,KAAI;IAC9CK,cAAc,EAAE;EAClB,CAAC;EACDC,MAAM,EAAE;IACNC,SAAS,EAAE;EACb;AACF,CAAC,CAAC,CAAC;AAEL,eAAeb,MAAM"}

package/dist/modern/NavigationSlider/utils.js

@@ -1,70 +0,0 @@
-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; }
-/**
- * Recursively searches in a collection the first element where the property matches the specified value.
- *
- * @param collection - Collection where the search will be performed
- * @param childrenPropName - The children property name where the recursive search will be performed
- * @param propName - The name of the property to be used on the search
- * @param propValue - The value of the property to be used on the search
- * @returns The element that matches the requirement or null if none is found
- */
-const searchInCollection = (collection, childrenPropName, propName, propValue) => {
-  if (collection[propName] === propValue) {
-    return collection;
-  }
-  const items = collection[childrenPropName] || collection;
-  let foundItem = null;
-  for (let index = 0; foundItem === null && index < items.length; index += 1) {
-    foundItem = searchInCollection(items[index], childrenPropName, propName, propValue);
-  }
-  return foundItem;
-};
-
-/**
- * Returns the navigation item with the specified id.
- *
- * @param navigationItems - The collection of navigation items.
- * @param navigationItemId - The id to be used on the search
- * @returns The navigation item with the specified id.
- */
-const getNavigationItemById = (navigationItems, navigationItemId) => {
-  return searchInCollection(navigationItems, "data", "id", navigationItemId);
-};
-
-/**
- * Returns the parent item for the received item id.
- *
- * @param navigationItems - The collection of navigation items.
- * @param navigationItemId - The id to be used on the search
- * @returns The parent navigation item.
- */
-const getParentItemById = (navigationItems, navigationItemId) => {
-  const parentId = getNavigationItemById(navigationItems, navigationItemId).parent;
-  return getNavigationItemById(navigationItems, parentId);
-};
-
-/**
- * Fills the data structure with the parent id on each one of the nodes.
- *
- * @param navigationItems - The collection of navigation items.
- * @param parentItemId - The parent id to be added.
- * @returns The structure now filled with the parent id.
- */
-const fillDataWithParentId = (navigationItems, parentItemId) => {
-  return navigationItems.map(item => {
-    var _item$data;
-    if ((item === null || item === void 0 ? void 0 : (_item$data = item.data) === null || _item$data === void 0 ? void 0 : _item$data.length) > 0) {
-      return _objectSpread(_objectSpread({}, item), {}, {
-        parent: parentItemId,
-        data: fillDataWithParentId(item.data, item.id)
-      });
-    }
-    return _objectSpread(_objectSpread({}, item), {}, {
-      parent: parentItemId
-    });
-  });
-};
-export { getNavigationItemById, getParentItemById, fillDataWithParentId };
-//# sourceMappingURL=utils.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","names":["searchInCollection","collection","childrenPropName","propName","propValue","items","foundItem","index","length","getNavigationItemById","navigationItems","navigationItemId","getParentItemById","parentId","parent","fillDataWithParentId","parentItemId","map","item","data","id"],"sources":["../../../src/NavigationSlider/utils.js"],"sourcesContent":["/**\n * Recursively searches in a collection the first element where the property matches the specified value.\n *\n * @param collection - Collection where the search will be performed\n * @param childrenPropName - The children property name where the recursive search will be performed\n * @param propName - The name of the property to be used on the search\n * @param propValue - The value of the property to be used on the search\n * @returns The element that matches the requirement or null if none is found\n */\nconst searchInCollection = (collection, childrenPropName, propName, propValue) => {\n  if (collection[propName] === propValue) {\n    return collection;\n  }\n\n  const items = collection[childrenPropName] || collection;\n\n  let foundItem = null;\n  for (let index = 0; foundItem === null && index < items.length; index += 1) {\n    foundItem = searchInCollection(items[index], childrenPropName, propName, propValue);\n  }\n  return foundItem;\n};\n\n/**\n * Returns the navigation item with the specified id.\n *\n * @param navigationItems - The collection of navigation items.\n * @param navigationItemId - The id to be used on the search\n * @returns The navigation item with the specified id.\n */\nconst getNavigationItemById = (navigationItems, navigationItemId) => {\n  return searchInCollection(navigationItems, \"data\", \"id\", navigationItemId);\n};\n\n/**\n * Returns the parent item for the received item id.\n *\n * @param navigationItems - The collection of navigation items.\n * @param navigationItemId - The id to be used on the search\n * @returns The parent navigation item.\n */\nconst getParentItemById = (navigationItems, navigationItemId) => {\n  const parentId = getNavigationItemById(navigationItems, navigationItemId).parent;\n  return getNavigationItemById(navigationItems, parentId);\n};\n\n/**\n * Fills the data structure with the parent id on each one of the nodes.\n *\n * @param navigationItems - The collection of navigation items.\n * @param parentItemId - The parent id to be added.\n * @returns The structure now filled with the parent id.\n */\nconst fillDataWithParentId = (navigationItems, parentItemId) => {\n  return navigationItems.map((item) => {\n    if (item?.data?.length > 0) {\n      return { ...item, parent: parentItemId, data: fillDataWithParentId(item.data, item.id) };\n    }\n    return { ...item, parent: parentItemId };\n  });\n};\n\nexport { getNavigationItemById, getParentItemById, fillDataWithParentId };\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,kBAAkB,GAAG,CAACC,UAAU,EAAEC,gBAAgB,EAAEC,QAAQ,EAAEC,SAAS,KAAK;EAChF,IAAIH,UAAU,CAACE,QAAQ,CAAC,KAAKC,SAAS,EAAE;IACtC,OAAOH,UAAU;EACnB;EAEA,MAAMI,KAAK,GAAGJ,UAAU,CAACC,gBAAgB,CAAC,IAAID,UAAU;EAExD,IAAIK,SAAS,GAAG,IAAI;EACpB,KAAK,IAAIC,KAAK,GAAG,CAAC,EAAED,SAAS,KAAK,IAAI,IAAIC,KAAK,GAAGF,KAAK,CAACG,MAAM,EAAED,KAAK,IAAI,CAAC,EAAE;IAC1ED,SAAS,GAAGN,kBAAkB,CAACK,KAAK,CAACE,KAAK,CAAC,EAAEL,gBAAgB,EAAEC,QAAQ,EAAEC,SAAS,CAAC;EACrF;EACA,OAAOE,SAAS;AAClB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMG,qBAAqB,GAAG,CAACC,eAAe,EAAEC,gBAAgB,KAAK;EACnE,OAAOX,kBAAkB,CAACU,eAAe,EAAE,MAAM,EAAE,IAAI,EAAEC,gBAAgB,CAAC;AAC5E,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,iBAAiB,GAAG,CAACF,eAAe,EAAEC,gBAAgB,KAAK;EAC/D,MAAME,QAAQ,GAAGJ,qBAAqB,CAACC,eAAe,EAAEC,gBAAgB,CAAC,CAACG,MAAM;EAChF,OAAOL,qBAAqB,CAACC,eAAe,EAAEG,QAAQ,CAAC;AACzD,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAME,oBAAoB,GAAG,CAACL,eAAe,EAAEM,YAAY,KAAK;EAC9D,OAAON,eAAe,CAACO,GAAG,CAAEC,IAAI,IAAK;IAAA;IACnC,IAAI,CAAAA,IAAI,aAAJA,IAAI,qCAAJA,IAAI,CAAEC,IAAI,+CAAV,WAAYX,MAAM,IAAG,CAAC,EAAE;MAC1B,uCAAYU,IAAI;QAAEJ,MAAM,EAAEE,YAAY;QAAEG,IAAI,EAAEJ,oBAAoB,CAACG,IAAI,CAACC,IAAI,EAAED,IAAI,CAACE,EAAE;MAAC;IACxF;IACA,uCAAYF,IAAI;MAAEJ,MAAM,EAAEE;IAAY;EACxC,CAAC,CAAC;AACJ,CAAC;AAED,SAASP,qBAAqB,EAAEG,iBAAiB,EAAEG,oBAAoB"}

package/dist/modern/NotificationPanel/EmptyStatePanel/EmptyStatePanel.d.ts

@@ -1,27 +0,0 @@
-import * as React from "react";
-import { StandardProps } from "@mui/material";
-
-export type HvEmptyStatePanelClassKey =
-  | "emptyStateRoot"
-  | "emptyStateContainer"
-  | "emptyStateIconContainer"
-  | "emptyStateTitleContainer";
-
-export interface HvEmptyStatePanelProps
-  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvEmptyStatePanelClassKey> {
-  /**
-   * Title to display in the Empty Panel
-   */
-  title: string;
-  /**
-   * Empty State message to display
-   */
-  message: string;
-
-  /**
-   * Empty State icon
-   */
-  icon?: React.ReactNode;
-}
-
-export default function HvEmptyStatePanel(props: HvEmptyStatePanelProps): JSX.Element | null;

package/dist/modern/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js

@@ -1,77 +0,0 @@
-var _Alert;
-import React from "react";
-import PropTypes from "prop-types";
-import { HvEmptyState } from "@hitachivantara/uikit-react-core";
-import { Alert } from "@hitachivantara/uikit-react-icons";
-import { withStyles } from "@mui/styles";
-import styles from "./styles";
-import { jsx as _jsx } from "react/jsx-runtime";
-const EmptyStatePanel = ({
-  id,
-  classes,
-  className,
-  title,
-  message,
-  icon
-}) => {
-  return /*#__PURE__*/_jsx(HvEmptyState, {
-    id: id,
-    title: title,
-    message: message,
-    icon: icon || _Alert || (_Alert = /*#__PURE__*/_jsx(Alert, {})),
-    className: className,
-    classes: {
-      root: classes.emptyStateRoot,
-      container: classes.emptyStateContainer,
-      iconContainer: classes.emptyStateIconContainer,
-      titleContainer: classes.emptyStateTitleContainer
-    }
-  });
-};
-process.env.NODE_ENV !== "production" ? EmptyStatePanel.propTypes = {
-  /**
-   * Id of the EmptyStatePanel
-   */
-  id: PropTypes.string.isRequired,
-  /**
-   * A Jss Object used to override or extend the component styles.
-   */
-  classes: PropTypes.shape({
-    /**
-     * Styles applied to the component root of the panel.
-     */
-    emptyStateRoot: PropTypes.string,
-    /**
-     * Styles applied to the EmptyStatePanel container.
-     */
-    emptyStateContainer: PropTypes.string,
-    /**
-     * Styles applied to the empty state container icon.
-     */
-    emptyStateIconContainer: PropTypes.string,
-    /**
-     * Styles applied to the EmptyStatePanel title.
-     */
-    emptyStateTitleContainer: PropTypes.string
-  }).isRequired,
-  /**
-   * Class names to be applied to the accordion.
-   */
-  className: PropTypes.string,
-  /**
-   * Title of the EmptyStatePanel
-   */
-  title: PropTypes.string.isRequired,
-  /**
-   * Message of the EmptyStatePanel
-   */
-  message: PropTypes.string.isRequired,
-  /**
-   * Empty Panel Icon
-   */
-  icon: PropTypes.element
-} : void 0;
-export default withStyles(styles, {
-  name: "HvEmptyStatePanel"
-})(EmptyStatePanel);
-//# sourceMappingURL=EmptyStatePanel.js.map

package/dist/modern/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmptyStatePanel.js","names":["React","PropTypes","HvEmptyState","Alert","withStyles","styles","EmptyStatePanel","id","classes","className","title","message","icon","root","emptyStateRoot","container","emptyStateContainer","iconContainer","emptyStateIconContainer","titleContainer","emptyStateTitleContainer","propTypes","string","isRequired","shape","element","name"],"sources":["../../../../src/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { HvEmptyState } from \"@hitachivantara/uikit-react-core\";\nimport { Alert } from \"@hitachivantara/uikit-react-icons\";\n\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\nconst EmptyStatePanel = ({ id, classes, className, title, message, icon }) => {\n  return (\n    <HvEmptyState\n      id={id}\n      title={title}\n      message={message}\n      icon={icon || <Alert />}\n      className={className}\n      classes={{\n        root: classes.emptyStateRoot,\n        container: classes.emptyStateContainer,\n        iconContainer: classes.emptyStateIconContainer,\n        titleContainer: classes.emptyStateTitleContainer,\n      }}\n    />\n  );\n};\n\nEmptyStatePanel.propTypes = {\n  /**\n   * Id of the EmptyStatePanel\n   */\n  id: PropTypes.string.isRequired,\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root of the panel.\n     */\n    emptyStateRoot: PropTypes.string,\n    /**\n     * Styles applied to the EmptyStatePanel container.\n     */\n    emptyStateContainer: PropTypes.string,\n\n    /**\n     * Styles applied to the empty state container icon.\n     */\n    emptyStateIconContainer: PropTypes.string,\n\n    /**\n     * Styles applied to the EmptyStatePanel title.\n     */\n    emptyStateTitleContainer: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Class names to be applied to the accordion.\n   */\n  className: PropTypes.string,\n  /**\n   * Title of the EmptyStatePanel\n   */\n  title: PropTypes.string.isRequired,\n  /**\n   * Message of the EmptyStatePanel\n   */\n  message: PropTypes.string.isRequired,\n  /**\n   * Empty Panel Icon\n   */\n  icon: PropTypes.element,\n};\nexport default withStyles(styles, { name: \"HvEmptyStatePanel\" })(EmptyStatePanel);\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,YAAY,QAAQ,kCAAkC;AAC/D,SAASC,KAAK,QAAQ,mCAAmC;AAEzD,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,MAAM,MAAM,UAAU;AAAC;AAE9B,MAAMC,eAAe,GAAG,CAAC;EAAEC,EAAE;EAAEC,OAAO;EAAEC,SAAS;EAAEC,KAAK;EAAEC,OAAO;EAAEC;AAAK,CAAC,KAAK;EAC5E,oBACE,KAAC,YAAY;IACX,EAAE,EAAEL,EAAG;IACP,KAAK,EAAEG,KAAM;IACb,OAAO,EAAEC,OAAQ;IACjB,IAAI,EAAEC,IAAI,qCAAI,KAAC,KAAK,KAAG,CAAC;IACxB,SAAS,EAAEH,SAAU;IACrB,OAAO,EAAE;MACPI,IAAI,EAAEL,OAAO,CAACM,cAAc;MAC5BC,SAAS,EAAEP,OAAO,CAACQ,mBAAmB;MACtCC,aAAa,EAAET,OAAO,CAACU,uBAAuB;MAC9CC,cAAc,EAAEX,OAAO,CAACY;IAC1B;EAAE,EACF;AAEN,CAAC;AAED,wCAAAd,eAAe,CAACe,SAAS,GAAG;EAC1B;AACF;AACA;EACEd,EAAE,EAAEN,SAAS,CAACqB,MAAM,CAACC,UAAU;EAC/B;AACF;AACA;EACEf,OAAO,EAAEP,SAAS,CAACuB,KAAK,CAAC;IACvB;AACJ;AACA;IACIV,cAAc,EAAEb,SAAS,CAACqB,MAAM;IAChC;AACJ;AACA;IACIN,mBAAmB,EAAEf,SAAS,CAACqB,MAAM;IAErC;AACJ;AACA;IACIJ,uBAAuB,EAAEjB,SAAS,CAACqB,MAAM;IAEzC;AACJ;AACA;IACIF,wBAAwB,EAAEnB,SAAS,CAACqB;EACtC,CAAC,CAAC,CAACC,UAAU;EAEb;AACF;AACA;EACEd,SAAS,EAAER,SAAS,CAACqB,MAAM;EAC3B;AACF;AACA;EACEZ,KAAK,EAAET,SAAS,CAACqB,MAAM,CAACC,UAAU;EAClC;AACF;AACA;EACEZ,OAAO,EAAEV,SAAS,CAACqB,MAAM,CAACC,UAAU;EACpC;AACF;AACA;EACEX,IAAI,EAAEX,SAAS,CAACwB;AAClB,CAAC;AACD,eAAerB,UAAU,CAACC,MAAM,EAAE;EAAEqB,IAAI,EAAE;AAAoB,CAAC,CAAC,CAACpB,eAAe,CAAC"}

package/dist/modern/NotificationPanel/EmptyStatePanel/index.js

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

package/dist/modern/NotificationPanel/EmptyStatePanel/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/NotificationPanel/EmptyStatePanel/index.js"],"sourcesContent":["export { default } from \"./EmptyStatePanel\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,mBAAmB"}

package/dist/modern/NotificationPanel/EmptyStatePanel/styles.js

@@ -1,19 +0,0 @@
-const styles = theme => ({
-  emptyStateRoot: {
-    alignItems: "center",
-    padding: `${theme.hv.spacing.sm}px 0`
-  },
-  emptyStateContainer: {
-    display: "block"
-  },
-  emptyStateIconContainer: {
-    display: "flex",
-    justifyContent: "center"
-  },
-  emptyStateTitleContainer: {
-    display: "flex",
-    justifyContent: "center"
-  }
-});
-export default styles;
-//# sourceMappingURL=styles.js.map

package/dist/modern/NotificationPanel/EmptyStatePanel/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","names":["styles","theme","emptyStateRoot","alignItems","padding","hv","spacing","sm","emptyStateContainer","display","emptyStateIconContainer","justifyContent","emptyStateTitleContainer"],"sources":["../../../../src/NotificationPanel/EmptyStatePanel/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  emptyStateRoot: {\n    alignItems: \"center\",\n    padding: `${theme.hv.spacing.sm}px 0`,\n  },\n  emptyStateContainer: {\n    display: \"block\",\n  },\n\n  emptyStateIconContainer: {\n    display: \"flex\",\n    justifyContent: \"center\",\n  },\n\n  emptyStateTitleContainer: {\n    display: \"flex\",\n    justifyContent: \"center\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAK,KAAM;EACzBC,cAAc,EAAE;IACdC,UAAU,EAAE,QAAQ;IACpBC,OAAO,EAAG,GAAEH,KAAK,CAACI,EAAE,CAACC,OAAO,CAACC,EAAG;EAClC,CAAC;EACDC,mBAAmB,EAAE;IACnBC,OAAO,EAAE;EACX,CAAC;EAEDC,uBAAuB,EAAE;IACvBD,OAAO,EAAE,MAAM;IACfE,cAAc,EAAE;EAClB,CAAC;EAEDC,wBAAwB,EAAE;IACxBH,OAAO,EAAE,MAAM;IACfE,cAAc,EAAE;EAClB;AACF,CAAC,CAAC;AAEF,eAAeX,MAAM"}

package/dist/modern/NotificationPanel/Notification/Notification.d.ts

@@ -1,50 +0,0 @@
-import * as React from "react";
-import { StandardProps } from "@mui/material";
-
-export type HvNotificationClassKey =
-  | "root"
-  | "notificationWrapper"
-  | "notificationWrapperDropdown"
-  | "iconContainer"
-  | "messageContainer"
-  | "timeContainer"
-  | "bullet"
-  | "hide"
-  | "time"
-  | "notificationActionWrapper"
-  | "read"
-  | "notificationDropdownOpen";
-
-export interface HvNotificationProps
-  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvNotificationClassKey> {
-  /**
-   * Notification id
-   */
-  notificationId: string;
-  /**
-   * Title of the notification
-   */
-  title: string;
-  /**
-   * 'true' if the notification has been read or 'false' if it has not been read
-   */
-  isRead: boolean;
-  /**
-   * date the notification was created
-   */
-  date: string | number | object;
-  /**
-   * renderable icon that denotes the status of the notification
-   */
-  icon?: React.ReactNode;
-  /**
-   * Actions to be executed by the notification, available in the dropdown menu
-   */
-  rightContainer?: React.ReactNode;
-  /**
-   * Denotes index of clicked notification
-   */
-  isHighlighted: boolean;
-}
-
-export default function HvNotification(props: HvNotificationProps): JSX.Element | null;

package/dist/modern/NotificationPanel/Notification/Notification.js

@@ -1,181 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-import clsx from "clsx";
-import dayjs from "dayjs";
-import relativeTime from "dayjs/plugin/relativeTime";
-import { HvTypography, withTooltip } from "@hitachivantara/uikit-react-core";
-import { withStyles } from "@mui/styles";
-import styles from "./styles";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-dayjs.extend(relativeTime);
-const hideTooltip = evt => evt.target.scrollHeight <= evt.target.clientHeight;
-const wrapperTooltip = (Component, label) => {
-  const ComponentFunction = () => Component;
-  // override thr withTooltip styles as we want to use the styles of the component
-  return withTooltip(ComponentFunction, label, "top", hideTooltip, {
-    style: {}
-  });
-};
-const Notification = ({
-  classes,
-  className,
-  notificationId,
-  title,
-  isRead,
-  icon,
-  date,
-  onClick,
-  onKeyPress,
-  rightContainer,
-  isHighlighted
-}) => {
-  const getTime = () => {
-    if (!isRead) {
-      return dayjs(date).fromNow();
-    }
-    const d = dayjs(date);
-    let format = "D MMMM YYYY, h:mm A";
-    if (d.isSame(Date.now(), "week")) {
-      format = "ddd, h:mm A";
-    }
-    return d.format(format);
-  };
-  const NotificationWithTooltip = wrapperTooltip( /*#__PURE__*/_jsx("div", {
-    className: classes.messageContainer,
-    children: /*#__PURE__*/_jsx(HvTypography, {
-      variant: isRead ? "normalText" : "highlightText",
-      children: title
-    })
-  }), title);
-  return /*#__PURE__*/_jsxs("div", {
-    onClick: event => onClick === null || onClick === void 0 ? void 0 : onClick(event, notificationId),
-    onKeyPress: event => onKeyPress === null || onKeyPress === void 0 ? void 0 : onKeyPress(event, notificationId),
-    className: clsx(className, classes.root, isHighlighted && classes.notificationWrapperDropdown, isRead && classes.read),
-    role: "button",
-    tabIndex: 0,
-    children: [/*#__PURE__*/_jsxs("div", {
-      className: clsx(classes.notificationWrapper, isHighlighted && classes.notificationDropdownOpen, !!onClick && classes.clickable),
-      children: [/*#__PURE__*/_jsx("div", {
-        className: classes.iconContainer,
-        children: icon
-      }), /*#__PURE__*/_jsxs("div", {
-        children: [/*#__PURE__*/_jsx(NotificationWithTooltip, {}), /*#__PURE__*/_jsxs("div", {
-          className: classes.timeContainer,
-          children: [/*#__PURE__*/_jsx("div", {
-            className: clsx(classes.bullet, isRead && classes.hide)
-          }), /*#__PURE__*/_jsx("div", {
-            className: classes.time,
-            children: getTime()
-          })]
-        })]
-      })]
-    }), /*#__PURE__*/_jsx("div", {
-      className: classes.notificationActionWrapper,
-      children: rightContainer
-    })]
-  });
-};
-process.env.NODE_ENV !== "production" ? Notification.propTypes = {
-  /**
-   * A Jss Object used to override or extend the component styles.
-   */
-  classes: PropTypes.shape({
-    /**
-     * Styles applied to the component root of the accordion.
-     */
-    root: PropTypes.string,
-    /**
-     * Styles applied to the notification wrapper.
-     */
-    notificationWrapper: PropTypes.string,
-    /**
-     * Styles applied to the notification wrapper when the actions dropdown is open.
-     */
-    notificationWrapperDropdown: PropTypes.string,
-    /**
-     * Styles applied to the notification icon container.
-     */
-    iconContainer: PropTypes.string,
-    /**
-     * Styles applied to the notification message container.
-     */
-    messageContainer: PropTypes.string,
-    /**
-     * Styles applied to the notification time container.
-     */
-    timeContainer: PropTypes.string,
-    /**
-     * Styles applied to the notification bullet.
-     */
-    bullet: PropTypes.string,
-    /**
-     * Styles applied to the content when it is hidden.
-     */
-    hide: PropTypes.string,
-    /**
-     * Styles applied to the notification time indicator.
-     */
-    time: PropTypes.string,
-    /**
-     * Styles applied to the notification is read.
-     */
-    read: PropTypes.string,
-    /**
-     * Styles applied when the notification dropdown is open.
-     */
-    notificationDropdownOpen: PropTypes.string,
-    /**
-     * Styles applied to the notification message actions dropdown.
-     */
-    notificationActionWrapper: PropTypes.string,
-    /**
-     * Styles applied to the notification when clickable
-     */
-    clickable: PropTypes.string
-  }).isRequired,
-  /**
-   * Class names to be applied to the accordion.
-   */
-  className: PropTypes.string,
-  /**
-   * Notification id
-   */
-  notificationId: PropTypes.string,
-  /**
-   * Title of the notification
-   */
-  title: PropTypes.string.isRequired,
-  /**
-   * 'true' if the notification has been read or 'false' if it has not been read
-   */
-  isRead: PropTypes.bool.isRequired,
-  /**
-   * date the notification was created
-   */
-  date: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).isRequired,
-  /**
-   * renderable icon that denotes the status of the notification
-   */
-  icon: PropTypes.element,
-  /**
-   * Click action applied to the notification
-   */
-  onClick: PropTypes.func,
-  /**
-   * On Key Press action applied to the notification
-   */
-  onKeyPress: PropTypes.func,
-  /**
-   * Actions to be executed by the notification, available in the dropdown menu
-   */
-  rightContainer: PropTypes.node,
-  /**
-   * Denotes index of clicked notification
-   */
-  isHighlighted: PropTypes.bool
-} : void 0;
-export default withStyles(styles, {
-  name: "HvNotificationPanelNotification"
-})(Notification);
-//# sourceMappingURL=Notification.js.map