@hitachivantara/uikit-react-core 3.52.5

package/dist/Header/Brand/Brand.js

@@ -0,0 +1,82 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es.function.name.js");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _core = require("@material-ui/core");
+
+var _Typography = _interopRequireDefault(require("../../Typography"));
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["classes", "className", "logo", "name"];
+
+var Brand = function Brand(_ref) {
+  var classes = _ref.classes,
+      className = _ref.className,
+      logo = _ref.logo,
+      name = _ref.name,
+      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    className: (0, _clsx.default)(className, classes.root)
+  }, others), logo, logo && name && /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.separator
+  }), name && /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: "highlightText"
+  }, name));
+};
+
+Brand.propTypes = {
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Styles applied to the separator component class.
+     */
+    separator: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * The brand image node.
+   */
+  logo: _propTypes.default.node,
+
+  /**
+   * The brand name string.
+   */
+  name: _propTypes.default.string
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvHeaderBrand"
+})(Brand);
+
+exports.default = _default;
+//# sourceMappingURL=Brand.js.map

package/dist/Header/Brand/Brand.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Header/Brand/Brand.js"],"names":["Brand","classes","className","logo","name","others","root","separator","propTypes","PropTypes","shape","string","isRequired","node","styles"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAQ,OAAmD;AAAA,MAAhDC,OAAgD,QAAhDA,OAAgD;AAAA,MAAvCC,SAAuC,QAAvCA,SAAuC;AAAA,MAA5BC,IAA4B,QAA5BA,IAA4B;AAAA,MAAtBC,IAAsB,QAAtBA,IAAsB;AAAA,MAAbC,MAAa;AAC/D,sBACE;AAAK,IAAA,SAAS,EAAE,mBAAKH,SAAL,EAAgBD,OAAO,CAACK,IAAxB;AAAhB,KAAmDD,MAAnD,GACGF,IADH,EAEGA,IAAI,IAAIC,IAAR,iBAAgB;AAAK,IAAA,SAAS,EAAEH,OAAO,CAACM;AAAxB,IAFnB,EAGGH,IAAI,iBAAI,6BAAC,mBAAD;AAAc,IAAA,OAAO,EAAC;AAAtB,KAAuCA,IAAvC,CAHX,CADF;AAOD,CARD;;AAUAJ,KAAK,CAACQ,SAAN,GAAkB;AAChB;AACF;AACA;AACEP,EAAAA,OAAO,EAAEQ,mBAAUC,KAAV,CAAgB;AACvB;AACJ;AACA;AACIJ,IAAAA,IAAI,EAAEG,mBAAUE,MAJO;;AAKvB;AACJ;AACA;AACIJ,IAAAA,SAAS,EAAEE,mBAAUE;AARE,GAAhB,EASNC,UAba;;AAchB;AACF;AACA;AACEV,EAAAA,SAAS,EAAEO,mBAAUE,MAjBL;;AAkBhB;AACF;AACA;AACER,EAAAA,IAAI,EAAEM,mBAAUI,IArBA;;AAsBhB;AACF;AACA;AACET,EAAAA,IAAI,EAAEK,mBAAUE;AAzBA,CAAlB;;eA4Be,sBAAWG,eAAX,EAAmB;AAAEV,EAAAA,IAAI,EAAE;AAAR,CAAnB,EAA8CJ,KAA9C,C","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport HvTypography from \"../../Typography\";\nimport styles from \"./styles\";\n\nconst Brand = ({ classes, className, logo, name, ...others }) => {\n  return (\n    <div className={clsx(className, classes.root)} {...others}>\n      {logo}\n      {logo && name && <div className={classes.separator} />}\n      {name && <HvTypography variant=\"highlightText\">{name}</HvTypography>}\n    </div>\n  );\n};\n\nBrand.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the separator component class.\n     */\n    separator: PropTypes.string,\n  }).isRequired,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * The brand image node.\n   */\n  logo: PropTypes.node,\n  /**\n   * The brand name string.\n   */\n  name: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvHeaderBrand\" })(Brand);\n"],"file":"Brand.js"}

package/dist/Header/Brand/index.d.ts

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

package/dist/Header/Brand/index.js

@@ -0,0 +1,16 @@
+"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 _Brand.default;
+  }
+});
+
+var _Brand = _interopRequireDefault(require("./Brand"));
+//# sourceMappingURL=index.js.map

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

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

package/dist/Header/Brand/styles.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      display: "flex",
+      alignItems: "center"
+    },
+    separator: {
+      width: 1,
+      height: theme.hv.spacing.sm,
+      margin: theme.hvSpacing(0, "xs"),
+      backgroundColor: theme.hv.palette.accent.acce1
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Header/Brand/styles.js"],"names":["styles","theme","root","display","alignItems","separator","width","height","hv","spacing","sm","margin","hvSpacing","backgroundColor","palette","accent","acce1"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,OAAO,EAAE,MADL;AAEJC,MAAAA,UAAU,EAAE;AAFR,KADmB;AAKzBC,IAAAA,SAAS,EAAE;AACTC,MAAAA,KAAK,EAAE,CADE;AAETC,MAAAA,MAAM,EAAEN,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBC,EAFhB;AAGTC,MAAAA,MAAM,EAAEV,KAAK,CAACW,SAAN,CAAgB,CAAhB,EAAmB,IAAnB,CAHC;AAITC,MAAAA,eAAe,EAAEZ,KAAK,CAACO,EAAN,CAASM,OAAT,CAAiBC,MAAjB,CAAwBC;AAJhC;AALc,GAAZ;AAAA,CAAf;;eAaehB,M","sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    alignItems: \"center\",\n  },\n  separator: {\n    width: 1,\n    height: theme.hv.spacing.sm,\n    margin: theme.hvSpacing(0, \"xs\"),\n    backgroundColor: theme.hv.palette.accent.acce1,\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/Header/Header.d.ts

@@ -0,0 +1,7 @@
+import { StandardProps, AppBarProps } from "@material-ui/core";
+
+export type HvHeaderClassKey = "root" | "header" | "backgroundColor";
+
+export type HvHeaderProps = StandardProps<AppBarProps, HvHeaderClassKey>;
+
+export default function HvHeader(props: HvHeaderProps): JSX.Element | null;

package/dist/Header/Header.js

@@ -0,0 +1,88 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _core = require("@material-ui/core");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["classes", "position", "children"];
+
+/**
+ * The header should be informative and provide the most important information about the digital product so that users can scan it in split seconds.
+ *
+ * Our implementation of the Header is divided in:
+ * <ul>
+ * <li>Brand</li>
+ * <li>Navigation</li>
+ * <li>Actions</li>
+ * </ul>
+ */
+var HvHeader = function HvHeader(_ref) {
+  var classes = _ref.classes,
+      _ref$position = _ref.position,
+      position = _ref$position === void 0 ? "fixed" : _ref$position,
+      children = _ref.children,
+      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_core.AppBar, (0, _extends2.default)({
+    classes: {
+      root: classes.root,
+      colorPrimary: classes.backgroundColor
+    },
+    position: position
+  }, others), /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.header
+  }, children));
+};
+
+HvHeader.propTypes = {
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component header class.
+     */
+    header: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component background color.
+     */
+    backgroundColor: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * Position of the component.
+   */
+  position: _propTypes.default.oneOf(["static", "relative", "fixed", "absolute", "sticky"]),
+
+  /**
+   * Children to be rendered.
+   */
+  children: _propTypes.default.node.isRequired
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvHeader"
+})(HvHeader);
+
+exports.default = _default;
+//# sourceMappingURL=Header.js.map

package/dist/Header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Header/Header.js"],"names":["HvHeader","classes","position","children","others","root","colorPrimary","backgroundColor","header","propTypes","PropTypes","shape","string","isRequired","oneOf","node","styles","name"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAA0D;AAAA,MAAvDC,OAAuD,QAAvDA,OAAuD;AAAA,2BAA9CC,QAA8C;AAAA,MAA9CA,QAA8C,8BAAnC,OAAmC;AAAA,MAA1BC,QAA0B,QAA1BA,QAA0B;AAAA,MAAbC,MAAa;AACzE,sBACE,6BAAC,YAAD;AACE,IAAA,OAAO,EAAE;AAAEC,MAAAA,IAAI,EAAEJ,OAAO,CAACI,IAAhB;AAAsBC,MAAAA,YAAY,EAAEL,OAAO,CAACM;AAA5C,KADX;AAEE,IAAA,QAAQ,EAAEL;AAFZ,KAGME,MAHN,gBAKE;AAAK,IAAA,SAAS,EAAEH,OAAO,CAACO;AAAxB,KAAiCL,QAAjC,CALF,CADF;AASD,CAVD;;AAYAH,QAAQ,CAACS,SAAT,GAAqB;AACnB;AACF;AACA;AACER,EAAAA,OAAO,EAAES,mBAAUC,KAAV,CAAgB;AACvB;AACJ;AACA;AACIN,IAAAA,IAAI,EAAEK,mBAAUE,MAJO;;AAKvB;AACJ;AACA;AACIJ,IAAAA,MAAM,EAAEE,mBAAUE,MARK;;AASvB;AACJ;AACA;AACIL,IAAAA,eAAe,EAAEG,mBAAUE;AAZJ,GAAhB,EAaNC,UAjBgB;;AAkBnB;AACF;AACA;AACEX,EAAAA,QAAQ,EAAEQ,mBAAUI,KAAV,CAAgB,CAAC,QAAD,EAAW,UAAX,EAAuB,OAAvB,EAAgC,UAAhC,EAA4C,QAA5C,CAAhB,CArBS;;AAsBnB;AACF;AACA;AACEX,EAAAA,QAAQ,EAAEO,mBAAUK,IAAV,CAAeF;AAzBN,CAArB;;eA4Be,sBAAWG,eAAX,EAAmB;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAAnB,EAAyCjB,QAAzC,C","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { AppBar, withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\n/**\n * The header should be informative and provide the most important information about the digital product so that users can scan it in split seconds.\n *\n * Our implementation of the Header is divided in:\n * <ul>\n * <li>Brand</li>\n * <li>Navigation</li>\n * <li>Actions</li>\n * </ul>\n */\nconst HvHeader = ({ classes, position = \"fixed\", children, ...others }) => {\n  return (\n    <AppBar\n      classes={{ root: classes.root, colorPrimary: classes.backgroundColor }}\n      position={position}\n      {...others}\n    >\n      <div className={classes.header}>{children}</div>\n    </AppBar>\n  );\n};\n\nHvHeader.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component header class.\n     */\n    header: PropTypes.string,\n    /**\n     * Styles applied to the component background color.\n     */\n    backgroundColor: PropTypes.string,\n  }).isRequired,\n  /**\n   * Position of the component.\n   */\n  position: PropTypes.oneOf([\"static\", \"relative\", \"fixed\", \"absolute\", \"sticky\"]),\n  /**\n   * Children to be rendered.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvHeader\" })(HvHeader);\n"],"file":"Header.js"}

package/dist/Header/Navigation/MenuBar/MenuBar.js

@@ -0,0 +1,142 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+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;
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.array.map.js");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _core = require("@material-ui/core");
+
+var _SelectionContext = _interopRequireDefault(require("../utils/SelectionContext"));
+
+var _MenuItem = _interopRequireDefault(require("../MenuItem"));
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+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 MenuBar = function MenuBar(_ref) {
+  var classes = _ref.classes,
+      id = _ref.id,
+      _ref$data = _ref.data,
+      data = _ref$data === void 0 ? [] : _ref$data,
+      onClick = _ref.onClick,
+      type = _ref.type;
+  var selectionPath = (0, _react.useContext)(_SelectionContext.default);
+  var isMenu = type === "menu";
+  var isActive = isMenu && data.filter(function (item) {
+    return item.id === selectionPath[1];
+  }).length > 0;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _clsx.default)(classes.root, classes["".concat(type)], isMenu && classes.hidden, isActive && classes.active)
+  }, /*#__PURE__*/_react.default.createElement("ul", {
+    id: id,
+    className: classes.list,
+    onFocus: function onFocus() {}
+  }, data.map(function (item) {
+    return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
+      key: item.id,
+      item: item,
+      type: type,
+      onClick: onClick
+    });
+  })));
+};
+
+MenuBar.propTypes = {
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Styles applied to the root.
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Styles applied to the menu bar.
+     */
+    menubar: _propTypes.default.string,
+
+    /**
+     * Styles applied to the menu.
+     */
+    menu: _propTypes.default.string,
+
+    /**
+     * Styles applied when in menu mode.
+     */
+    hidden: _propTypes.default.string,
+
+    /**
+     * Styles applied when active.
+     */
+    active: _propTypes.default.string,
+
+    /**
+     * Styles applied to the list.
+     */
+    list: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * Id to be applied to the root node.
+   */
+  id: _propTypes.default.string,
+
+  /**
+   * 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: _propTypes.default.arrayOf(_propTypes.default.shape({
+    id: _propTypes.default.string.isRequired,
+    label: _propTypes.default.string.isRequired
+  })),
+
+  /**
+   * Callback triggered when item is clicked.
+   */
+  onClick: _propTypes.default.func,
+
+  /**
+   * The type of menu.
+   */
+  type: _propTypes.default.oneOf(["menubar", "menu"]).isRequired
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvHeaderMenuBar"
+})(MenuBar);
+
+exports.default = _default;
+//# sourceMappingURL=MenuBar.js.map

package/dist/Header/Navigation/MenuBar/MenuBar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Header/Navigation/MenuBar/MenuBar.js"],"names":["MenuBar","classes","id","data","onClick","type","selectionPath","SelectionContext","isMenu","isActive","filter","item","length","root","hidden","active","list","map","propTypes","PropTypes","shape","string","menubar","menu","isRequired","arrayOf","label","func","oneOf","styles","name"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAA+C;AAAA,MAA5CC,OAA4C,QAA5CA,OAA4C;AAAA,MAAnCC,EAAmC,QAAnCA,EAAmC;AAAA,uBAA/BC,IAA+B;AAAA,MAA/BA,IAA+B,0BAAxB,EAAwB;AAAA,MAApBC,OAAoB,QAApBA,OAAoB;AAAA,MAAXC,IAAW,QAAXA,IAAW;AAC7D,MAAMC,aAAa,GAAG,uBAAWC,yBAAX,CAAtB;AAEA,MAAMC,MAAM,GAAGH,IAAI,KAAK,MAAxB;AACA,MAAMI,QAAQ,GAAGD,MAAM,IAAIL,IAAI,CAACO,MAAL,CAAY,UAACC,IAAD;AAAA,WAAUA,IAAI,CAACT,EAAL,KAAYI,aAAa,CAAC,CAAD,CAAnC;AAAA,GAAZ,EAAoDM,MAApD,GAA6D,CAAxF;AAEA,sBACE;AACE,IAAA,SAAS,EAAE,mBAAKX,OAAO,CAACY,IAAb,EAAmBZ,OAAO,WAAII,IAAJ,EAA1B,EACSG,MADT,IACRP,OAAO,CAACa,MADA,EAESL,QAFT,IAERR,OAAO,CAACc,MAFA;AADb,kBAME;AAAI,IAAA,EAAE,EAAEb,EAAR;AAAY,IAAA,SAAS,EAAED,OAAO,CAACe,IAA/B;AAAqC,IAAA,OAAO,EAAE,mBAAM,CAAE;AAAtD,KACGb,IAAI,CAACc,GAAL,CAAS,UAACN,IAAD;AAAA,wBACR,6BAAC,iBAAD;AAAU,MAAA,GAAG,EAAEA,IAAI,CAACT,EAApB;AAAwB,MAAA,IAAI,EAAES,IAA9B;AAAoC,MAAA,IAAI,EAAEN,IAA1C;AAAgD,MAAA,OAAO,EAAED;AAAzD,MADQ;AAAA,GAAT,CADH,CANF,CADF;AAcD,CApBD;;AAsBAJ,OAAO,CAACkB,SAAR,GAAoB;AAClB;AACF;AACA;AACEjB,EAAAA,OAAO,EAAEkB,mBAAUC,KAAV,CAAgB;AACvB;AACJ;AACA;AACIP,IAAAA,IAAI,EAAEM,mBAAUE,MAJO;;AAKvB;AACJ;AACA;AACIC,IAAAA,OAAO,EAAEH,mBAAUE,MARI;;AASvB;AACJ;AACA;AACIE,IAAAA,IAAI,EAAEJ,mBAAUE,MAZO;;AAavB;AACJ;AACA;AACIP,IAAAA,MAAM,EAAEK,mBAAUE,MAhBK;;AAiBvB;AACJ;AACA;AACIN,IAAAA,MAAM,EAAEI,mBAAUE,MApBK;;AAqBvB;AACJ;AACA;AACIL,IAAAA,IAAI,EAAEG,mBAAUE;AAxBO,GAAhB,EAyBNG,UA7Be;;AA8BlB;AACF;AACA;AACEtB,EAAAA,EAAE,EAAEiB,mBAAUE,MAjCI;;AAkClB;AACF;AACA;AACA;AACA;AACA;AACElB,EAAAA,IAAI,EAAEgB,mBAAUM,OAAV,CACJN,mBAAUC,KAAV,CAAgB;AACdlB,IAAAA,EAAE,EAAEiB,mBAAUE,MAAV,CAAiBG,UADP;AAEdE,IAAAA,KAAK,EAAEP,mBAAUE,MAAV,CAAiBG;AAFV,GAAhB,CADI,CAxCY;;AA8ClB;AACF;AACA;AACEpB,EAAAA,OAAO,EAAEe,mBAAUQ,IAjDD;;AAkDlB;AACF;AACA;AACEtB,EAAAA,IAAI,EAAEc,mBAAUS,KAAV,CAAgB,CAAC,SAAD,EAAY,MAAZ,CAAhB,EAAqCJ;AArDzB,CAApB;;eAwDe,sBAAWK,eAAX,EAAmB;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAAnB,EAAgD9B,OAAhD,C","sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport SelectionContext from \"../utils/SelectionContext\";\nimport MenuItem from \"../MenuItem\";\nimport styles from \"./styles\";\n\nconst MenuBar = ({ classes, id, data = [], onClick, type }) => {\n  const selectionPath = useContext(SelectionContext);\n\n  const isMenu = type === \"menu\";\n  const isActive = isMenu && data.filter((item) => item.id === selectionPath[1]).length > 0;\n\n  return (\n    <div\n      className={clsx(classes.root, classes[`${type}`], {\n        [classes.hidden]: isMenu,\n        [classes.active]: isActive,\n      })}\n    >\n      <ul id={id} className={classes.list} onFocus={() => {}}>\n        {data.map((item) => (\n          <MenuItem key={item.id} item={item} type={type} onClick={onClick} />\n        ))}\n      </ul>\n    </div>\n  );\n};\n\nMenuBar.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the menu bar.\n     */\n    menubar: PropTypes.string,\n    /**\n     * Styles applied to the menu.\n     */\n    menu: PropTypes.string,\n    /**\n     * Styles applied when in menu mode.\n     */\n    hidden: PropTypes.string,\n    /**\n     * Styles applied when active.\n     */\n    active: PropTypes.string,\n    /**\n     * Styles applied to the list.\n     */\n    list: PropTypes.string,\n  }).isRequired,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\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   */\n  data: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n    })\n  ),\n  /**\n   * Callback triggered when item is clicked.\n   */\n  onClick: PropTypes.func,\n  /**\n   * The type of menu.\n   */\n  type: PropTypes.oneOf([\"menubar\", \"menu\"]).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvHeaderMenuBar\" })(MenuBar);\n"],"file":"MenuBar.js"}

package/dist/Header/Navigation/MenuBar/index.js

@@ -0,0 +1,16 @@
+"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 _MenuBar.default;
+  }
+});
+
+var _MenuBar = _interopRequireDefault(require("./MenuBar"));
+//# sourceMappingURL=index.js.map

package/dist/Header/Navigation/MenuBar/index.js.map

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

package/dist/Header/Navigation/MenuBar/styles.js

@@ -0,0 +1,93 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+require("focus-within-polyfill");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var styles = function styles(theme) {
+  var show = {
+    top: 2 * theme.hv.spacing.sm,
+    transition: ["top"],
+    boxShadow: theme.hv.shadows[1],
+    transitionDuration: 500
+  };
+  var hide = {
+    top: 0,
+    transition: ["top"],
+    boxShadow: "none",
+    transitionDuration: 300
+  };
+  return {
+    root: {
+      left: 0,
+      width: "100%",
+      display: "flex",
+      justifyContent: "center"
+    },
+    menubar: {
+      position: "relative",
+      height: 2 * theme.hv.spacing.sm,
+      backgroundColor: theme.hv.palette.atmosphere.atmo1
+    },
+    menu: {
+      position: "absolute",
+      height: 2 * theme.hv.spacing.sm,
+      zIndex: -2,
+      backgroundColor: theme.hv.palette.atmosphere.atmo2,
+      "& li > div": {
+        marginTop: 4
+      }
+    },
+    hidden: _objectSpread({}, hide),
+    active: _objectSpread({}, show),
+    list: {
+      margin: 0,
+      padding: 0,
+      display: "inherit",
+      "&:hover $active": _objectSpread({}, hide),
+      "& li:hover > $hidden": _objectSpread({}, show),
+      // IE fallback code (using focus-within-polyfill)
+      "&.focus-within $active": _objectSpread(_objectSpread({}, hide), {}, {
+        zIndex: -2
+      }),
+      "& li.focus-within > $hidden": _objectSpread(_objectSpread({}, show), {}, {
+        zIndex: -1
+      }),
+      "&:focus-within $active": _objectSpread(_objectSpread({}, hide), {}, {
+        zIndex: -2
+      }),
+      "& li:focus-within> $hidden": _objectSpread(_objectSpread({}, show), {}, {
+        zIndex: -1
+      })
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Header/Navigation/MenuBar/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Header/Navigation/MenuBar/styles.js"],"names":["styles","theme","show","top","hv","spacing","sm","transition","boxShadow","shadows","transitionDuration","hide","root","left","width","display","justifyContent","menubar","position","height","backgroundColor","palette","atmosphere","atmo1","menu","zIndex","atmo2","marginTop","hidden","active","list","margin","padding"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD,EAAW;AACxB,MAAMC,IAAI,GAAG;AACXC,IAAAA,GAAG,EAAE,IAAIF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,EADf;AAEXC,IAAAA,UAAU,EAAE,CAAC,KAAD,CAFD;AAGXC,IAAAA,SAAS,EAAEP,KAAK,CAACG,EAAN,CAASK,OAAT,CAAiB,CAAjB,CAHA;AAIXC,IAAAA,kBAAkB,EAAE;AAJT,GAAb;AAOA,MAAMC,IAAI,GAAG;AACXR,IAAAA,GAAG,EAAE,CADM;AAEXI,IAAAA,UAAU,EAAE,CAAC,KAAD,CAFD;AAGXC,IAAAA,SAAS,EAAE,MAHA;AAIXE,IAAAA,kBAAkB,EAAE;AAJT,GAAb;AAOA,SAAO;AACLE,IAAAA,IAAI,EAAE;AACJC,MAAAA,IAAI,EAAE,CADF;AAEJC,MAAAA,KAAK,EAAE,MAFH;AAGJC,MAAAA,OAAO,EAAE,MAHL;AAIJC,MAAAA,cAAc,EAAE;AAJZ,KADD;AAOLC,IAAAA,OAAO,EAAE;AACPC,MAAAA,QAAQ,EAAE,UADH;AAEPC,MAAAA,MAAM,EAAE,IAAIlB,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,EAFtB;AAGPc,MAAAA,eAAe,EAAEnB,KAAK,CAACG,EAAN,CAASiB,OAAT,CAAiBC,UAAjB,CAA4BC;AAHtC,KAPJ;AAYLC,IAAAA,IAAI,EAAE;AACJN,MAAAA,QAAQ,EAAE,UADN;AAEJC,MAAAA,MAAM,EAAE,IAAIlB,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,EAFzB;AAGJmB,MAAAA,MAAM,EAAE,CAAC,CAHL;AAIJL,MAAAA,eAAe,EAAEnB,KAAK,CAACG,EAAN,CAASiB,OAAT,CAAiBC,UAAjB,CAA4BI,KAJzC;AAKJ,oBAAc;AACZC,QAAAA,SAAS,EAAE;AADC;AALV,KAZD;AAqBLC,IAAAA,MAAM,oBACDjB,IADC,CArBD;AAwBLkB,IAAAA,MAAM,oBACD3B,IADC,CAxBD;AA2BL4B,IAAAA,IAAI,EAAE;AACJC,MAAAA,MAAM,EAAE,CADJ;AAEJC,MAAAA,OAAO,EAAE,CAFL;AAGJjB,MAAAA,OAAO,EAAE,SAHL;AAIJ,2CACKJ,IADL,CAJI;AAOJ,gDACKT,IADL,CAPI;AAWJ;AACA,gEACKS,IADL;AAEEc,QAAAA,MAAM,EAAE,CAAC;AAFX,QAZI;AAgBJ,qEACKvB,IADL;AAEEuB,QAAAA,MAAM,EAAE,CAAC;AAFX,QAhBI;AAqBJ,gEACKd,IADL;AAEEc,QAAAA,MAAM,EAAE,CAAC;AAFX,QArBI;AAyBJ,oEACKvB,IADL;AAEEuB,QAAAA,MAAM,EAAE,CAAC;AAFX;AAzBI;AA3BD,GAAP;AA0DD,CAzED;;eA2EezB,M","sourcesContent":["import \"focus-within-polyfill\";\n\nconst styles = (theme) => {\n  const show = {\n    top: 2 * theme.hv.spacing.sm,\n    transition: [\"top\"],\n    boxShadow: theme.hv.shadows[1],\n    transitionDuration: 500,\n  };\n\n  const hide = {\n    top: 0,\n    transition: [\"top\"],\n    boxShadow: \"none\",\n    transitionDuration: 300,\n  };\n\n  return {\n    root: {\n      left: 0,\n      width: \"100%\",\n      display: \"flex\",\n      justifyContent: \"center\",\n    },\n    menubar: {\n      position: \"relative\",\n      height: 2 * theme.hv.spacing.sm,\n      backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    },\n    menu: {\n      position: \"absolute\",\n      height: 2 * theme.hv.spacing.sm,\n      zIndex: -2,\n      backgroundColor: theme.hv.palette.atmosphere.atmo2,\n      \"& li > div\": {\n        marginTop: 4,\n      },\n    },\n    hidden: {\n      ...hide,\n    },\n    active: {\n      ...show,\n    },\n    list: {\n      margin: 0,\n      padding: 0,\n      display: \"inherit\",\n      \"&:hover $active\": {\n        ...hide,\n      },\n      \"& li:hover > $hidden\": {\n        ...show,\n      },\n\n      // IE fallback code (using focus-within-polyfill)\n      \"&.focus-within $active\": {\n        ...hide,\n        zIndex: -2,\n      },\n      \"& li.focus-within > $hidden\": {\n        ...show,\n        zIndex: -1,\n      },\n\n      \"&:focus-within $active\": {\n        ...hide,\n        zIndex: -2,\n      },\n      \"& li:focus-within> $hidden\": {\n        ...show,\n        zIndex: -1,\n      },\n    },\n  };\n};\n\nexport default styles;\n"],"file":"styles.js"}