@hitachivantara/uikit-react-lab 4.3.3 → 4.5.0

package/dist/NavigationSlider/Header/Header.js

@@ -0,0 +1,79 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.array.concat.js");
+var _react = _interopRequireDefault(require("react"));
+var _styles = require("@mui/styles");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _uikitReactCore = require("@hitachivantara/uikit-react-core");
+var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+var _styles2 = _interopRequireDefault(require("./styles"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _Backwards;
+var Header = function Header(_ref) {
+  var id = _ref.id,
+    title = _ref.title,
+    showBackButton = _ref.showBackButton,
+    headerHeight = _ref.headerHeight,
+    onBackButtonClick = _ref.onBackButtonClick;
+  var classes = (0, _styles2.default)({
+    headerHeight: headerHeight
+  })();
+  var backButtonClickHandler = function backButtonClickHandler() {
+    onBackButtonClick();
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    id: id,
+    className: classes.menuContainer,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: classes.button,
+      children: showBackButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvButton, {
+        icon: true,
+        onClick: backButtonClickHandler,
+        children: _Backwards || (_Backwards = /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.Backwards, {
+          iconSize: "XS"
+        }))
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "".concat(classes.title, " ").concat(classes.justifyContentCenter),
+      children: title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvTypography, {
+        variant: "highlightText",
+        children: title
+      })
+    })]
+  });
+};
+process.env.NODE_ENV !== "production" ? Header.propTypes = {
+  /**
+   * Id to be applied to the root node of the panel.
+   */
+  id: _propTypes.default.string,
+  /**
+   * The text to be displayed on the header.
+   */
+  title: _propTypes.default.string,
+  /**
+   * Flag to show / hide the back button.
+   */
+  showBackButton: _propTypes.default.bool,
+  /**
+   * The header height.
+   */
+  headerHeight: _propTypes.default.number,
+  /**
+   * Callback function triggered when the back button is clicked.
+   */
+  onBackButtonClick: _propTypes.default.func
+} : void 0;
+Header.defaultProps = {
+  headerHeight: 80
+};
+var _default = (0, _styles.withStyles)(_styles2.default, {
+  name: "Header"
+})(Header);
+exports.default = _default;
+//# sourceMappingURL=Header.js.map

package/dist/NavigationSlider/Header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","names":["Header","id","title","showBackButton","headerHeight","onBackButtonClick","classes","useStyles","backButtonClickHandler","menuContainer","button","justifyContentCenter","propTypes","PropTypes","string","bool","number","func","defaultProps","withStyles","name"],"sources":["../../../src/NavigationSlider/Header/Header.js"],"sourcesContent":["import React from \"react\";\nimport { withStyles } from \"@mui/styles\";\nimport PropTypes from \"prop-types\";\n\nimport { HvButton, HvTypography } from \"@hitachivantara/uikit-react-core\";\nimport { Backwards } from \"@hitachivantara/uikit-react-icons\";\n\nimport useStyles from \"./styles\";\n\nconst Header = ({ id, title, showBackButton, headerHeight, onBackButtonClick }) => {\n  const classes = useStyles({ headerHeight })();\n\n  const backButtonClickHandler = () => {\n    onBackButtonClick();\n  };\n\n  return (\n    <div id={id} className={classes.menuContainer}>\n      <div className={classes.button}>\n        {showBackButton && (\n          <HvButton icon onClick={backButtonClickHandler}>\n            <Backwards iconSize=\"XS\" />\n          </HvButton>\n        )}\n      </div>\n\n      <div className={`${classes.title} ${classes.justifyContentCenter}`}>\n        {title && <HvTypography variant=\"highlightText\">{title}</HvTypography>}\n      </div>\n    </div>\n  );\n};\n\nHeader.propTypes = {\n  /**\n   * Id to be applied to the root node of the panel.\n   */\n  id: PropTypes.string,\n  /**\n   * The text to be displayed on the header.\n   */\n  title: PropTypes.string,\n  /**\n   * Flag to show / hide the back button.\n   */\n  showBackButton: PropTypes.bool,\n  /**\n   * The header height.\n   */\n  headerHeight: PropTypes.number,\n  /**\n   * Callback function triggered when the back button is clicked.\n   */\n  onBackButtonClick: PropTypes.func,\n};\n\nHeader.defaultProps = {\n  headerHeight: 80,\n};\n\nexport default withStyles(useStyles, { name: \"Header\" })(Header);\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AAEA;AACA;AAEA;AAAiC;AAAA;AAEjC,IAAMA,MAAM,GAAG,SAATA,MAAM,OAAuE;EAAA,IAAjEC,EAAE,QAAFA,EAAE;IAAEC,KAAK,QAALA,KAAK;IAAEC,cAAc,QAAdA,cAAc;IAAEC,YAAY,QAAZA,YAAY;IAAEC,iBAAiB,QAAjBA,iBAAiB;EAC1E,IAAMC,OAAO,GAAG,IAAAC,gBAAS,EAAC;IAAEH,YAAY,EAAZA;EAAa,CAAC,CAAC,EAAE;EAE7C,IAAMI,sBAAsB,GAAG,SAAzBA,sBAAsB,GAAS;IACnCH,iBAAiB,EAAE;EACrB,CAAC;EAED,oBACE;IAAK,EAAE,EAAEJ,EAAG;IAAC,SAAS,EAAEK,OAAO,CAACG,aAAc;IAAA,wBAC5C;MAAK,SAAS,EAAEH,OAAO,CAACI,MAAO;MAAA,UAC5BP,cAAc,iBACb,qBAAC,wBAAQ;QAAC,IAAI;QAAC,OAAO,EAAEK,sBAAuB;QAAA,mDAC7C,qBAAC,0BAAS;UAAC,QAAQ,EAAC;QAAI,EAAG;MAAA;IAE9B,EACG,eAEN;MAAK,SAAS,YAAKF,OAAO,CAACJ,KAAK,cAAII,OAAO,CAACK,oBAAoB,CAAG;MAAA,UAChET,KAAK,iBAAI,qBAAC,4BAAY;QAAC,OAAO,EAAC,eAAe;QAAA,UAAEA;MAAK;IAAgB,EAClE;EAAA,EACF;AAEV,CAAC;AAED,wCAAAF,MAAM,CAACY,SAAS,GAAG;EACjB;AACF;AACA;EACEX,EAAE,EAAEY,kBAAS,CAACC,MAAM;EACpB;AACF;AACA;EACEZ,KAAK,EAAEW,kBAAS,CAACC,MAAM;EACvB;AACF;AACA;EACEX,cAAc,EAAEU,kBAAS,CAACE,IAAI;EAC9B;AACF;AACA;EACEX,YAAY,EAAES,kBAAS,CAACG,MAAM;EAC9B;AACF;AACA;EACEX,iBAAiB,EAAEQ,kBAAS,CAACI;AAC/B,CAAC;AAEDjB,MAAM,CAACkB,YAAY,GAAG;EACpBd,YAAY,EAAE;AAChB,CAAC;AAAC,eAEa,IAAAe,kBAAU,EAACZ,gBAAS,EAAE;EAAEa,IAAI,EAAE;AAAS,CAAC,CAAC,CAACpB,MAAM,CAAC;AAAA"}

package/dist/NavigationSlider/Header/index.js

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

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

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

package/dist/NavigationSlider/Header/styles.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _styles = require("@mui/styles");
+var styles = function styles(props) {
+  return (0, _styles.makeStyles)(function (theme) {
+    return {
+      menuContainer: {
+        display: "grid",
+        gridTemplateColumns: "min-content auto",
+        minHeight: props.headerHeight,
+        boxShadow: "inset 0 5px 5px -3px rgb(65 65 65 / 12%)"
+      },
+      button: {
+        display: "flex",
+        alignItems: "center"
+      },
+      title: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        minHeight: theme.hv.spacing.sm,
+        padding: theme.hvSpacing(0, "xs")
+      },
+      justifyContentCenter: {
+        justifyContent: "center"
+      }
+    };
+  });
+};
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","props","makeStyles","theme","menuContainer","display","gridTemplateColumns","minHeight","headerHeight","boxShadow","button","alignItems","title","justifyContent","hv","spacing","sm","padding","hvSpacing","justifyContentCenter"],"sources":["../../../src/NavigationSlider/Header/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\n\nconst styles = (props) =>\n  makeStyles((theme) => ({\n    menuContainer: {\n      display: \"grid\",\n      gridTemplateColumns: \"min-content auto\",\n      minHeight: props.headerHeight,\n      boxShadow: \"inset 0 5px 5px -3px rgb(65 65 65 / 12%)\",\n    },\n    button: {\n      display: \"flex\",\n      alignItems: \"center\",\n    },\n    title: {\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      minHeight: theme.hv.spacing.sm,\n      padding: theme.hvSpacing(0, \"xs\"),\n    },\n    justifyContentCenter: { justifyContent: \"center\" },\n  }));\n\nexport default styles;\n"],"mappings":";;;;;;AAAA;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OACnB,IAAAC,kBAAU,EAAC,UAACC,KAAK;IAAA,OAAM;MACrBC,aAAa,EAAE;QACbC,OAAO,EAAE,MAAM;QACfC,mBAAmB,EAAE,kBAAkB;QACvCC,SAAS,EAAEN,KAAK,CAACO,YAAY;QAC7BC,SAAS,EAAE;MACb,CAAC;MACDC,MAAM,EAAE;QACNL,OAAO,EAAE,MAAM;QACfM,UAAU,EAAE;MACd,CAAC;MACDC,KAAK,EAAE;QACLP,OAAO,EAAE,MAAM;QACfM,UAAU,EAAE,QAAQ;QACpBE,cAAc,EAAE,QAAQ;QACxBN,SAAS,EAAEJ,KAAK,CAACW,EAAE,CAACC,OAAO,CAACC,EAAE;QAC9BC,OAAO,EAAEd,KAAK,CAACe,SAAS,CAAC,CAAC,EAAE,IAAI;MAClC,CAAC;MACDC,oBAAoB,EAAE;QAAEN,cAAc,EAAE;MAAS;IACnD,CAAC;EAAA,CAAC,CAAC;AAAA;AAAC,eAESb,MAAM;AAAA"}

package/dist/NavigationSlider/Navigation/Navigation.js

@@ -0,0 +1,102 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.array.map.js");
+var _react = _interopRequireDefault(require("react"));
+var _styles = require("@mui/styles");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _uikitReactCore = require("@hitachivantara/uikit-react-core");
+var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+var _styles2 = _interopRequireDefault(require("./styles"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _DropRightXS, _div;
+var Navigation = function Navigation(_ref) {
+  var id = _ref.id,
+    classes = _ref.classes,
+    data = _ref.data,
+    selected = _ref.selected,
+    onNavigateToTarget = _ref.onNavigateToTarget,
+    onNavigateToChild = _ref.onNavigateToChild;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvListContainer, {
+    interactive: true,
+    id: id,
+    children: data.map(function (item) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvListItem, {
+        classes: {
+          root: classes.listItemRoot,
+          selected: classes.listItemSelected
+        },
+        onClick: function onClick(event) {
+          return onNavigateToTarget(event, item);
+        },
+        selected: selected === item.id,
+        startAdornment: item.icon,
+        endAdornment: item.data && item.data.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvButton, {
+          icon: true,
+          onClick: function onClick(event) {
+            return onNavigateToChild(event, item);
+          },
+          children: _DropRightXS || (_DropRightXS = /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.DropRightXS, {}))
+        }) : _div || (_div = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {})),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: item.label
+        })
+      }, item.id);
+    })
+  });
+};
+process.env.NODE_ENV !== "production" ? Navigation.propTypes = {
+  /**
+   * Id to be applied to the root node of the panel.
+   */
+  id: _propTypes.default.string,
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * styles object applied to the root
+     */
+    listItemRoot: _propTypes.default.string,
+    listItemSelected: _propTypes.default.string
+  }).isRequired,
+  /**
+   * 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.
+   * icon - the icon react element
+   * data - sub-menu items
+   * href - the url used for navigation.
+   * target - the behavior when opening an url.
+   */
+  data: _propTypes.default.arrayOf(_propTypes.default.shape({
+    id: _propTypes.default.string.isRequired,
+    label: _propTypes.default.string.isRequired,
+    icon: _propTypes.default.node,
+    data: _propTypes.default.array,
+    href: _propTypes.default.string,
+    target: _propTypes.default.string
+  })).isRequired,
+  /**
+   * The selected item id.
+   */
+  selected: _propTypes.default.string,
+  /**
+   * Triggered when the item is clicked.
+   */
+  onNavigateToTarget: _propTypes.default.func,
+  /**
+   * Triggered when the navigate to child button is clicked.
+   */
+  onNavigateToChild: _propTypes.default.func
+} : void 0;
+var _default = (0, _styles.withStyles)(_styles2.default, {
+  name: "Navigation"
+})(Navigation);
+exports.default = _default;
+//# sourceMappingURL=Navigation.js.map

package/dist/NavigationSlider/Navigation/Navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation.js","names":["Navigation","id","classes","data","selected","onNavigateToTarget","onNavigateToChild","map","item","root","listItemRoot","listItemSelected","event","icon","length","label","propTypes","PropTypes","string","shape","isRequired","arrayOf","node","array","href","target","func","withStyles","styles","name"],"sources":["../../../src/NavigationSlider/Navigation/Navigation.js"],"sourcesContent":["import React from \"react\";\nimport { withStyles } from \"@mui/styles\";\nimport PropTypes from \"prop-types\";\n\nimport { HvListContainer, HvListItem, HvButton } from \"@hitachivantara/uikit-react-core\";\nimport { DropRightXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\n\nconst Navigation = ({ id, classes, data, selected, onNavigateToTarget, onNavigateToChild }) => {\n  return (\n    <HvListContainer interactive id={id}>\n      {data.map((item) => (\n        <HvListItem\n          key={item.id}\n          classes={{\n            root: classes.listItemRoot,\n            selected: classes.listItemSelected,\n          }}\n          onClick={(event) => onNavigateToTarget(event, item)}\n          selected={selected === item.id}\n          startAdornment={item.icon}\n          endAdornment={\n            item.data && item.data.length > 0 ? (\n              <HvButton icon onClick={(event) => onNavigateToChild(event, item)}>\n                <DropRightXS />\n              </HvButton>\n            ) : (\n              <div />\n            )\n          }\n        >\n          <span>{item.label}</span>\n        </HvListItem>\n      ))}\n    </HvListContainer>\n  );\n};\n\nNavigation.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    listItemRoot: PropTypes.string,\n    listItemSelected: PropTypes.string,\n  }).isRequired,\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 react element\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 selected item id.\n   */\n  selected: PropTypes.string,\n  /**\n   * Triggered when the item is clicked.\n   */\n  onNavigateToTarget: PropTypes.func,\n  /**\n   * Triggered when the navigate to child button is clicked.\n   */\n  onNavigateToChild: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"Navigation\" })(Navigation);\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AAEA;AACA;AAEA;AAA8B;AAAA;AAE9B,IAAMA,UAAU,GAAG,SAAbA,UAAU,OAA+E;EAAA,IAAzEC,EAAE,QAAFA,EAAE;IAAEC,OAAO,QAAPA,OAAO;IAAEC,IAAI,QAAJA,IAAI;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,kBAAkB,QAAlBA,kBAAkB;IAAEC,iBAAiB,QAAjBA,iBAAiB;EACtF,oBACE,qBAAC,+BAAe;IAAC,WAAW;IAAC,EAAE,EAAEL,EAAG;IAAA,UACjCE,IAAI,CAACI,GAAG,CAAC,UAACC,IAAI;MAAA,oBACb,qBAAC,0BAAU;QAET,OAAO,EAAE;UACPC,IAAI,EAAEP,OAAO,CAACQ,YAAY;UAC1BN,QAAQ,EAAEF,OAAO,CAACS;QACpB,CAAE;QACF,OAAO,EAAE,iBAACC,KAAK;UAAA,OAAKP,kBAAkB,CAACO,KAAK,EAAEJ,IAAI,CAAC;QAAA,CAAC;QACpD,QAAQ,EAAEJ,QAAQ,KAAKI,IAAI,CAACP,EAAG;QAC/B,cAAc,EAAEO,IAAI,CAACK,IAAK;QAC1B,YAAY,EACVL,IAAI,CAACL,IAAI,IAAIK,IAAI,CAACL,IAAI,CAACW,MAAM,GAAG,CAAC,gBAC/B,qBAAC,wBAAQ;UAAC,IAAI;UAAC,OAAO,EAAE,iBAACF,KAAK;YAAA,OAAKN,iBAAiB,CAACM,KAAK,EAAEJ,IAAI,CAAC;UAAA,CAAC;UAAA,uDAChE,qBAAC,4BAAW,KAAG;QAAA,EACN,gCAEX,+BAAO,CAEV;QAAA,uBAED;UAAA,UAAOA,IAAI,CAACO;QAAK;MAAQ,GAlBpBP,IAAI,CAACP,EAAE,CAmBD;IAAA,CACd;EAAC,EACc;AAEtB,CAAC;AAED,wCAAAD,UAAU,CAACgB,SAAS,GAAG;EACrB;AACF;AACA;EACEf,EAAE,EAAEgB,kBAAS,CAACC,MAAM;EACpB;AACF;AACA;EACEhB,OAAO,EAAEe,kBAAS,CAACE,KAAK,CAAC;IACvB;AACJ;AACA;IACIT,YAAY,EAAEO,kBAAS,CAACC,MAAM;IAC9BP,gBAAgB,EAAEM,kBAAS,CAACC;EAC9B,CAAC,CAAC,CAACE,UAAU;EACb;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACEjB,IAAI,EAAEc,kBAAS,CAACI,OAAO,CACrBJ,kBAAS,CAACE,KAAK,CAAC;IACdlB,EAAE,EAAEgB,kBAAS,CAACC,MAAM,CAACE,UAAU;IAC/BL,KAAK,EAAEE,kBAAS,CAACC,MAAM,CAACE,UAAU;IAClCP,IAAI,EAAEI,kBAAS,CAACK,IAAI;IACpBnB,IAAI,EAAEc,kBAAS,CAACM,KAAK;IACrBC,IAAI,EAAEP,kBAAS,CAACC,MAAM;IACtBO,MAAM,EAAER,kBAAS,CAACC;EACpB,CAAC,CAAC,CACH,CAACE,UAAU;EACZ;AACF;AACA;EACEhB,QAAQ,EAAEa,kBAAS,CAACC,MAAM;EAC1B;AACF;AACA;EACEb,kBAAkB,EAAEY,kBAAS,CAACS,IAAI;EAClC;AACF;AACA;EACEpB,iBAAiB,EAAEW,kBAAS,CAACS;AAC/B,CAAC;AAAC,eAEa,IAAAC,kBAAU,EAACC,gBAAM,EAAE;EAAEC,IAAI,EAAE;AAAa,CAAC,CAAC,CAAC7B,UAAU,CAAC;AAAA"}

package/dist/NavigationSlider/Navigation/index.js

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

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

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

package/dist/NavigationSlider/Navigation/styles.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var styles = function styles(theme) {
+  return {
+    listItemRoot: {
+      display: "flex",
+      alignItems: "center",
+      borderLeft: "2px solid transparent",
+      minHeight: "52px",
+      marginBottom: "8px",
+      "& > button": {
+        marginLeft: "auto"
+      }
+    },
+    listItemSelected: {
+      background: theme.hv.palette.atmosphere.atmo3,
+      borderLeft: "2px solid ".concat(theme.hv.palette.accent.acce3),
+      "& *": {
+        background: theme.hv.palette.atmosphere.atmo3
+      }
+    }
+  };
+};
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","listItemRoot","display","alignItems","borderLeft","minHeight","marginBottom","marginLeft","listItemSelected","background","hv","palette","atmosphere","atmo3","accent","acce3"],"sources":["../../../src/NavigationSlider/Navigation/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  listItemRoot: {\n    display: \"flex\",\n    alignItems: \"center\",\n    borderLeft: `2px solid transparent`,\n    minHeight: \"52px\",\n    marginBottom: \"8px\",\n    \"& > button\": {\n      marginLeft: \"auto\",\n    },\n  },\n  listItemSelected: {\n    background: theme.hv.palette.atmosphere.atmo3,\n    borderLeft: `2px solid ${theme.hv.palette.accent.acce3}`,\n    \"& *\": {\n      background: theme.hv.palette.atmosphere.atmo3,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,YAAY,EAAE;MACZC,OAAO,EAAE,MAAM;MACfC,UAAU,EAAE,QAAQ;MACpBC,UAAU,yBAAyB;MACnCC,SAAS,EAAE,MAAM;MACjBC,YAAY,EAAE,KAAK;MACnB,YAAY,EAAE;QACZC,UAAU,EAAE;MACd;IACF,CAAC;IACDC,gBAAgB,EAAE;MAChBC,UAAU,EAAET,KAAK,CAACU,EAAE,CAACC,OAAO,CAACC,UAAU,CAACC,KAAK;MAC7CT,UAAU,sBAAeJ,KAAK,CAACU,EAAE,CAACC,OAAO,CAACG,MAAM,CAACC,KAAK,CAAE;MACxD,KAAK,EAAE;QACLN,UAAU,EAAET,KAAK,CAACU,EAAE,CAACC,OAAO,CAACC,UAAU,CAACC;MAC1C;IACF;EACF,CAAC;AAAA,CAAC;AAAC,eAEYd,MAAM;AAAA"}

package/dist/NavigationSlider/NavigationSlider.d.ts

@@ -0,0 +1,30 @@
+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/NavigationSlider/NavigationSlider.js

@@ -0,0 +1,139 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _styles = require("@mui/styles");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _uikitReactCore = require("@hitachivantara/uikit-react-core");
+var _Header = _interopRequireDefault(require("./Header"));
+var _Navigation = _interopRequireDefault(require("./Navigation"));
+var _utils = require("./utils");
+var _styles2 = _interopRequireDefault(require("./styles"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var HvNavigationSlider = function HvNavigationSlider(_ref) {
+  var id = _ref.id,
+    onNavigationChange = _ref.onNavigationChange,
+    data = _ref.data,
+    title = _ref.title,
+    selected = _ref.selected,
+    topPosition = _ref.topPosition,
+    panelWidth = _ref.panelWidth;
+  var classes = (0, _styles2.default)({
+    topPosition: topPosition,
+    panelWidth: panelWidth
+  })();
+  var withParentData = (0, _react.useMemo)(function () {
+    return (0, _utils.fillDataWithParentId)(data);
+  }, [data]);
+  var initialParentItem = (0, _react.useMemo)(function () {
+    return (0, _utils.getParentItemById)(withParentData, selected);
+  }, [withParentData, selected]);
+  var _useState = (0, _react.useState)(initialParentItem),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    parentItem = _useState2[0],
+    setParentItem = _useState2[1];
+  var navigateToParentHandler = function navigateToParentHandler() {
+    setParentItem((0, _utils.getParentItemById)(withParentData, parentItem.id));
+  };
+  var navigateToTargetHandler = function navigateToTargetHandler(event, selectedItem) {
+    onNavigationChange(event, selectedItem);
+  };
+  var navigateToChildHandler = function navigateToChildHandler(event, item) {
+    setParentItem((0, _utils.getNavigationItemById)(withParentData, item.id));
+    event.stopPropagation();
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    id: id,
+    className: classes.container,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikitReactCore.HvVerticalNavigation, {
+      className: classes.root,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
+        onBackButtonClick: navigateToParentHandler,
+        showBackButton: !!(parentItem !== null && parentItem !== void 0 && parentItem.label),
+        title: (parentItem === null || parentItem === void 0 ? void 0 : parentItem.label) || title
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Navigation.default, {
+        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.default.string,
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * styles object applied to the root
+     */
+    container: _propTypes.default.string,
+    root: _propTypes.default.string,
+    footer: _propTypes.default.string
+  }).isRequired,
+  /**
+   * Called when a menu item is clicked.
+   */
+  onNavigationChange: _propTypes.default.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.default.arrayOf(_propTypes.default.shape({
+    id: _propTypes.default.string.isRequired,
+    label: _propTypes.default.string.isRequired,
+    icon: _propTypes.default.node,
+    data: _propTypes.default.array,
+    href: _propTypes.default.string,
+    target: _propTypes.default.string
+  })).isRequired,
+  /**
+   * The text to be displayed when at the root of the structure.
+   */
+  title: _propTypes.default.string,
+  /**
+   * The ID of the selected page.
+   */
+  selected: _propTypes.default.string,
+  /**
+   * The top value where the panel will be rendered. Default is 44 as it is the height of the Header component.
+   */
+  topPosition: _propTypes.default.number,
+  /**
+   * The width of the panel when expanded. Default value is 300.
+   */
+  panelWidth: _propTypes.default.number
+} : void 0;
+HvNavigationSlider.defaultProps = {
+  topPosition: 44,
+  panelWidth: 300
+};
+var _default = (0, _styles.withStyles)(_styles2.default, {
+  name: "HvNavigationSlider"
+})(HvNavigationSlider);
+exports.default = _default;
+//# sourceMappingURL=NavigationSlider.js.map

package/dist/NavigationSlider/NavigationSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationSlider.js","names":["HvNavigationSlider","id","onNavigationChange","data","title","selected","topPosition","panelWidth","classes","useStyles","withParentData","useMemo","fillDataWithParentId","initialParentItem","getParentItemById","useState","parentItem","setParentItem","navigateToParentHandler","navigateToTargetHandler","event","selectedItem","navigateToChildHandler","item","getNavigationItemById","stopPropagation","container","root","label","propTypes","PropTypes","string","shape","footer","isRequired","func","arrayOf","icon","node","array","href","target","number","defaultProps","withStyles","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":"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"}

package/dist/NavigationSlider/index.d.ts

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

package/dist/NavigationSlider/index.js

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

package/dist/NavigationSlider/index.js.map

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

package/dist/NavigationSlider/styles.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _styles = require("@mui/styles");
+var styles = function styles(props) {
+  return (0, _styles.makeStyles)(function () {
+    return {
+      container: {
+        position: "fixed",
+        left: 0,
+        top: props.topPosition
+      },
+      root: {
+        width: props.panelWidth,
+        height: "calc(100vh - ".concat(props.topPosition, "px)"),
+        justifyContent: "flex-start"
+      },
+      footer: {
+        marginTop: "auto"
+      }
+    };
+  });
+};
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/NavigationSlider/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","props","makeStyles","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;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OACnB,IAAAC,kBAAU,EAAC;IAAA,OAAO;MAChBC,SAAS,EAAE;QACTC,QAAQ,EAAE,OAAO;QACjBC,IAAI,EAAE,CAAC;QACPC,GAAG,EAAEL,KAAK,CAACM;MACb,CAAC;MACDC,IAAI,EAAE;QACJC,KAAK,EAAER,KAAK,CAACS,UAAU;QACvBC,MAAM,yBAAkBV,KAAK,CAACM,WAAW,QAAK;QAC9CK,cAAc,EAAE;MAClB,CAAC;MACDC,MAAM,EAAE;QACNC,SAAS,EAAE;MACb;IACF,CAAC;EAAA,CAAC,CAAC;AAAA;AAAC,eAESd,MAAM;AAAA"}