@hitachivantara/uikit-react-core 2.23.2

package/dist/legacy/Header/Actions/Actions.js

@@ -0,0 +1,45 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["classes", "className", "children"];
+import React from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { withStyles } from "@material-ui/core";
+import styles from "./styles";
+
+var Actions = function Actions(props) {
+  var classes = props.classes,
+      className = props.className,
+      children = props.children,
+      others = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: clsx(className, classes.root)
+  }, others), children);
+};
+
+process.env.NODE_ENV !== "production" ? Actions.propTypes = {
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: PropTypes.string
+  }).isRequired,
+
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * Node to be rendered.
+   */
+  children: PropTypes.node
+} : void 0;
+export default withStyles(styles, {
+  name: "HvHeaderActions"
+})(Actions);
+//# sourceMappingURL=Actions.js.map

package/dist/legacy/Header/Actions/Actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.js","names":["React","PropTypes","clsx","withStyles","styles","Actions","props","classes","className","children","others","root","propTypes","shape","string","isRequired","node","name"],"sources":["../../../../src/Header/Actions/Actions.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\nconst Actions = (props) => {\n  const { classes, className, children, ...others } = props;\n  return (\n    <div className={clsx(className, classes.root)} {...others}>\n      {children}\n    </div>\n  );\n};\n\nActions.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  }).isRequired,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Node to be rendered.\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvHeaderActions\" })(Actions);\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD,EAAW;EACzB,IAAQC,OAAR,GAAoDD,KAApD,CAAQC,OAAR;EAAA,IAAiBC,SAAjB,GAAoDF,KAApD,CAAiBE,SAAjB;EAAA,IAA4BC,QAA5B,GAAoDH,KAApD,CAA4BG,QAA5B;EAAA,IAAyCC,MAAzC,4BAAoDJ,KAApD;;EACA,oBACE;IAAK,SAAS,EAAEJ,IAAI,CAACM,SAAD,EAAYD,OAAO,CAACI,IAApB;EAApB,GAAmDD,MAAnD,GACGD,QADH,CADF;AAKD,CAPD;;AASA,wCAAAJ,OAAO,CAACO,SAAR,GAAoB;EAClB;AACF;AACA;EACEL,OAAO,EAAEN,SAAS,CAACY,KAAV,CAAgB;IACvB;AACJ;AACA;IACIF,IAAI,EAAEV,SAAS,CAACa;EAJO,CAAhB,EAKNC,UATe;;EAUlB;AACF;AACA;EACEP,SAAS,EAAEP,SAAS,CAACa,MAbH;;EAclB;AACF;AACA;EACEL,QAAQ,EAAER,SAAS,CAACe;AAjBF,CAApB;AAoBA,eAAeb,UAAU,CAACC,MAAD,EAAS;EAAEa,IAAI,EAAE;AAAR,CAAT,CAAV,CAAgDZ,OAAhD,CAAf"}

package/dist/legacy/Header/Actions/index.d.ts

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

package/dist/legacy/Header/Actions/index.js

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

package/dist/legacy/Header/Actions/index.js.map

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

package/dist/legacy/Header/Actions/styles.js

@@ -0,0 +1,15 @@
+var styles = function styles(theme) {
+  return {
+    root: {
+      display: "flex",
+      alignItems: "center",
+      marginLeft: "auto",
+      "& > *": {
+        marginLeft: "".concat(theme.hv.spacing.xs, "px")
+      }
+    }
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/legacy/Header/Actions/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","alignItems","marginLeft","hv","spacing","xs"],"sources":["../../../../src/Header/Actions/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    alignItems: \"center\",\n    marginLeft: \"auto\",\n    \"& > *\": {\n      marginLeft: `${theme.hv.spacing.xs}px`,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE,MADL;MAEJC,UAAU,EAAE,QAFR;MAGJC,UAAU,EAAE,MAHR;MAIJ,SAAS;QACPA,UAAU,YAAKJ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,EAAtB;MADH;IAJL;EADmB,CAAZ;AAAA,CAAf;;AAWA,eAAeR,MAAf"}

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

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export interface HvHeaderBrandProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvHeaderBrandClassKey> {
+  /**
+   * The brand image node.
+   */
+  logo?: React.ReactNode;
+  /**
+   * The brand name string.
+   */
+  name?: string;
+}
+
+export type HvHeaderBrandClassKey = "root" | "separator";
+
+export default function HvHeaderBrand(props: HvHeaderBrandProps): JSX.Element | null;

package/dist/legacy/Header/Brand/Brand.js

@@ -0,0 +1,62 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["classes", "className", "logo", "name"];
+import "core-js/modules/es.function.name.js";
+import React from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { withStyles } from "@material-ui/core";
+import HvTypography from "../../Typography";
+import styles from "./styles";
+
+var Brand = function Brand(_ref) {
+  var classes = _ref.classes,
+      className = _ref.className,
+      logo = _ref.logo,
+      name = _ref.name,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: clsx(className, classes.root)
+  }, others), logo, logo && name && /*#__PURE__*/React.createElement("div", {
+    className: classes.separator
+  }), name && /*#__PURE__*/React.createElement(HvTypography, {
+    variant: "highlightText"
+  }, name));
+};
+
+process.env.NODE_ENV !== "production" ? Brand.propTypes = {
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to the separator component class.
+     */
+    separator: PropTypes.string
+  }).isRequired,
+
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * The brand image node.
+   */
+  logo: PropTypes.node,
+
+  /**
+   * The brand name string.
+   */
+  name: PropTypes.string
+} : void 0;
+export default withStyles(styles, {
+  name: "HvHeaderBrand"
+})(Brand);
+//# sourceMappingURL=Brand.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Brand.js","names":["React","PropTypes","clsx","withStyles","HvTypography","styles","Brand","classes","className","logo","name","others","root","separator","propTypes","shape","string","isRequired","node"],"sources":["../../../../src/Header/Brand/Brand.js"],"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"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,IAAMC,KAAK,GAAG,SAARA,KAAQ,OAAmD;EAAA,IAAhDC,OAAgD,QAAhDA,OAAgD;EAAA,IAAvCC,SAAuC,QAAvCA,SAAuC;EAAA,IAA5BC,IAA4B,QAA5BA,IAA4B;EAAA,IAAtBC,IAAsB,QAAtBA,IAAsB;EAAA,IAAbC,MAAa;;EAC/D,oBACE;IAAK,SAAS,EAAET,IAAI,CAACM,SAAD,EAAYD,OAAO,CAACK,IAApB;EAApB,GAAmDD,MAAnD,GACGF,IADH,EAEGA,IAAI,IAAIC,IAAR,iBAAgB;IAAK,SAAS,EAAEH,OAAO,CAACM;EAAxB,EAFnB,EAGGH,IAAI,iBAAI,oBAAC,YAAD;IAAc,OAAO,EAAC;EAAtB,GAAuCA,IAAvC,CAHX,CADF;AAOD,CARD;;AAUA,wCAAAJ,KAAK,CAACQ,SAAN,GAAkB;EAChB;AACF;AACA;EACEP,OAAO,EAAEN,SAAS,CAACc,KAAV,CAAgB;IACvB;AACJ;AACA;IACIH,IAAI,EAAEX,SAAS,CAACe,MAJO;;IAKvB;AACJ;AACA;IACIH,SAAS,EAAEZ,SAAS,CAACe;EARE,CAAhB,EASNC,UAba;;EAchB;AACF;AACA;EACET,SAAS,EAAEP,SAAS,CAACe,MAjBL;;EAkBhB;AACF;AACA;EACEP,IAAI,EAAER,SAAS,CAACiB,IArBA;;EAsBhB;AACF;AACA;EACER,IAAI,EAAET,SAAS,CAACe;AAzBA,CAAlB;AA4BA,eAAeb,UAAU,CAACE,MAAD,EAAS;EAAEK,IAAI,EAAE;AAAR,CAAT,CAAV,CAA8CJ,KAA9C,CAAf"}

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

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

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

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

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

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

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

@@ -0,0 +1,25 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+var styles = function styles(theme) {
+  return {
+    root: _defineProperty({
+      display: "flex",
+      alignItems: "center",
+      position: "absolute",
+      top: 10
+    }, theme.breakpoints.down("sm"), {
+      position: "absolute",
+      left: "50%",
+      transform: "translate(-50%, 0)"
+    }),
+    separator: {
+      width: 1,
+      height: "".concat(theme.hv.spacing.sm, "px"),
+      margin: "0 ".concat(theme.hv.spacing.xs, "px"),
+      backgroundColor: theme.hv.palette.accent.acce1
+    }
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","alignItems","position","top","breakpoints","down","left","transform","separator","width","height","hv","spacing","sm","margin","xs","backgroundColor","palette","accent","acce1"],"sources":["../../../../src/Header/Brand/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    alignItems: \"center\",\n    position: \"absolute\",\n    top: 10,\n    [theme.breakpoints.down(\"sm\")]: {\n      position: \"absolute\",\n      left: \"50%\",\n      transform: \"translate(-50%, 0)\",\n    },\n  },\n  separator: {\n    width: 1,\n    height: `${theme.hv.spacing.sm}px`,\n    margin: `0 ${theme.hv.spacing.xs}px`,\n    backgroundColor: theme.hv.palette.accent.acce1,\n  },\n});\n\nexport default styles;\n"],"mappings":";;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI;MACFC,OAAO,EAAE,MADP;MAEFC,UAAU,EAAE,QAFV;MAGFC,QAAQ,EAAE,UAHR;MAIFC,GAAG,EAAE;IAJH,GAKDL,KAAK,CAACM,WAAN,CAAkBC,IAAlB,CAAuB,IAAvB,CALC,EAK8B;MAC9BH,QAAQ,EAAE,UADoB;MAE9BI,IAAI,EAAE,KAFwB;MAG9BC,SAAS,EAAE;IAHmB,CAL9B,CADqB;IAYzBC,SAAS,EAAE;MACTC,KAAK,EAAE,CADE;MAETC,MAAM,YAAKZ,KAAK,CAACa,EAAN,CAASC,OAAT,CAAiBC,EAAtB,OAFG;MAGTC,MAAM,cAAOhB,KAAK,CAACa,EAAN,CAASC,OAAT,CAAiBG,EAAxB,OAHG;MAITC,eAAe,EAAElB,KAAK,CAACa,EAAN,CAASM,OAAT,CAAiBC,MAAjB,CAAwBC;IAJhC;EAZc,CAAZ;AAAA,CAAf;;AAoBA,eAAetB,MAAf"}

package/dist/legacy/Header/Header.d.ts

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

package/dist/legacy/Header/Header.js

@@ -0,0 +1,71 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["classes", "position", "children"];
+import React from "react";
+import PropTypes from "prop-types";
+import { AppBar, withStyles } from "@material-ui/core";
+import styles from "./styles";
+/**
+ * The header should be informative and provide the most important information about the digital product so that users could 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 = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(AppBar, _extends({
+    classes: {
+      root: classes.root,
+      colorPrimary: classes.backgroundColor
+    },
+    position: position
+  }, others), /*#__PURE__*/React.createElement("div", {
+    className: classes.header
+  }, children));
+};
+
+process.env.NODE_ENV !== "production" ? HvHeader.propTypes = {
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to the component header class.
+     */
+    header: PropTypes.string,
+
+    /**
+     * Styles applied to the component background color.
+     */
+    backgroundColor: PropTypes.string
+  }).isRequired,
+
+  /**
+   * Position of the component.
+   */
+  position: PropTypes.oneOf(["static", "relative", "fixed", "absolute", "sticky"]),
+
+  /**
+   * Children to be rendered.
+   */
+  children: PropTypes.node.isRequired
+} : void 0;
+export default withStyles(styles, {
+  name: "HvHeader"
+})(HvHeader);
+//# sourceMappingURL=Header.js.map

package/dist/legacy/Header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","names":["React","PropTypes","AppBar","withStyles","styles","HvHeader","classes","position","children","others","root","colorPrimary","backgroundColor","header","propTypes","shape","string","isRequired","oneOf","node","name"],"sources":["../../../src/Header/Header.js"],"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 could 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"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,MAAT,EAAiBC,UAAjB,QAAmC,mBAAnC;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,OAA0D;EAAA,IAAvDC,OAAuD,QAAvDA,OAAuD;EAAA,yBAA9CC,QAA8C;EAAA,IAA9CA,QAA8C,8BAAnC,OAAmC;EAAA,IAA1BC,QAA0B,QAA1BA,QAA0B;EAAA,IAAbC,MAAa;;EACzE,oBACE,oBAAC,MAAD;IACE,OAAO,EAAE;MAAEC,IAAI,EAAEJ,OAAO,CAACI,IAAhB;MAAsBC,YAAY,EAAEL,OAAO,CAACM;IAA5C,CADX;IAEE,QAAQ,EAAEL;EAFZ,GAGME,MAHN,gBAKE;IAAK,SAAS,EAAEH,OAAO,CAACO;EAAxB,GAAiCL,QAAjC,CALF,CADF;AASD,CAVD;;AAYA,wCAAAH,QAAQ,CAACS,SAAT,GAAqB;EACnB;AACF;AACA;EACER,OAAO,EAAEL,SAAS,CAACc,KAAV,CAAgB;IACvB;AACJ;AACA;IACIL,IAAI,EAAET,SAAS,CAACe,MAJO;;IAKvB;AACJ;AACA;IACIH,MAAM,EAAEZ,SAAS,CAACe,MARK;;IASvB;AACJ;AACA;IACIJ,eAAe,EAAEX,SAAS,CAACe;EAZJ,CAAhB,EAaNC,UAjBgB;;EAkBnB;AACF;AACA;EACEV,QAAQ,EAAEN,SAAS,CAACiB,KAAV,CAAgB,CAAC,QAAD,EAAW,UAAX,EAAuB,OAAvB,EAAgC,UAAhC,EAA4C,QAA5C,CAAhB,CArBS;;EAsBnB;AACF;AACA;EACEV,QAAQ,EAAEP,SAAS,CAACkB,IAAV,CAAeF;AAzBN,CAArB;AA4BA,eAAed,UAAU,CAACC,MAAD,EAAS;EAAEgB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAyCf,QAAzC,CAAf"}

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

@@ -0,0 +1,105 @@
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.array.map.js";
+import React, { useContext } from "react";
+import clsx from "clsx";
+import PropTypes from "prop-types";
+import { withStyles } from "@material-ui/core";
+import SelectionContext from "../utils/SelectionContext";
+import MenuItem from "../MenuItem";
+import styles from "./styles";
+
+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 = useContext(SelectionContext);
+  var isMenu = type === "menu";
+  var isActive = isMenu && data.filter(function (item) {
+    return item.id === selectionPath[1];
+  }).length > 0;
+  return /*#__PURE__*/React.createElement("div", {
+    className: clsx(classes.root, classes["".concat(type)], isMenu && classes.hidden, isActive && classes.active)
+  }, /*#__PURE__*/React.createElement("ul", {
+    id: id,
+    className: classes.list,
+    onFocus: function onFocus() {}
+  }, data.map(function (item) {
+    return /*#__PURE__*/React.createElement(MenuItem, {
+      key: item.id,
+      item: item,
+      type: type,
+      onClick: onClick
+    });
+  })));
+};
+
+process.env.NODE_ENV !== "production" ? MenuBar.propTypes = {
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the root.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to the menu bar.
+     */
+    menubar: PropTypes.string,
+
+    /**
+     * Styles applied to the menu.
+     */
+    menu: PropTypes.string,
+
+    /**
+     * Styles applied when in menu mode.
+     */
+    hidden: PropTypes.string,
+
+    /**
+     * Styles applied when active.
+     */
+    active: PropTypes.string,
+
+    /**
+     * Styles applied to the list.
+     */
+    list: PropTypes.string
+  }).isRequired,
+
+  /**
+   * Id to be applied to the root node.
+   */
+  id: PropTypes.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.arrayOf(PropTypes.shape({
+    id: PropTypes.string.isRequired,
+    label: PropTypes.string.isRequired
+  })),
+
+  /**
+   * Callback triggered when item is clicked.
+   */
+  onClick: PropTypes.func,
+
+  /**
+   * The type of menu.
+   */
+  type: PropTypes.oneOf(["menubar", "menu"]).isRequired
+} : void 0;
+export default withStyles(styles, {
+  name: "HvHeaderMenuBar"
+})(MenuBar);
+//# sourceMappingURL=MenuBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuBar.js","names":["React","useContext","clsx","PropTypes","withStyles","SelectionContext","MenuItem","styles","MenuBar","classes","id","data","onClick","type","selectionPath","isMenu","isActive","filter","item","length","root","hidden","active","list","map","propTypes","shape","string","menubar","menu","isRequired","arrayOf","label","func","oneOf","name"],"sources":["../../../../../src/Header/Navigation/MenuBar/MenuBar.js"],"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"],"mappings":"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"}

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

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

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

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

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

@@ -0,0 +1,80 @@
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import "focus-within-polyfill";
+
+var styles = function styles(theme) {
+  var show = {
+    top: 46,
+    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: 46,
+      backgroundColor: theme.hv.palette.atmosphere.atmo1
+    },
+    menu: {
+      position: "absolute",
+      height: 2 * theme.hv.spacing.sm,
+      zIndex: -2,
+      backgroundColor: theme.hv.palette.atmosphere.atmo3
+    },
+    hidden: _objectSpread(_objectSpread({}, hide), {}, {
+      "& li > div": {
+        height: 2 * theme.hv.spacing.sm,
+        "& p": {
+          marginTop: 3
+        }
+      }
+    }),
+    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
+      })
+    }
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","show","top","transition","boxShadow","hv","shadows","transitionDuration","hide","root","left","width","display","justifyContent","menubar","position","height","backgroundColor","palette","atmosphere","atmo1","menu","spacing","sm","zIndex","atmo3","hidden","marginTop","active","list","margin","padding"],"sources":["../../../../../src/Header/Navigation/MenuBar/styles.js"],"sourcesContent":["import \"focus-within-polyfill\";\n\nconst styles = (theme) => {\n  const show = {\n    top: 46,\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: 46,\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.atmo3,\n    },\n    hidden: {\n      ...hide,\n      \"& li > div\": {\n        height: 2 * theme.hv.spacing.sm,\n        \"& p\": {\n          marginTop: 3,\n        },\n      },\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"],"mappings":";;;;;;;;;;;;;AAAA,OAAO,uBAAP;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD,EAAW;EACxB,IAAMC,IAAI,GAAG;IACXC,GAAG,EAAE,EADM;IAEXC,UAAU,EAAE,CAAC,KAAD,CAFD;IAGXC,SAAS,EAAEJ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiB,CAAjB,CAHA;IAIXC,kBAAkB,EAAE;EAJT,CAAb;EAOA,IAAMC,IAAI,GAAG;IACXN,GAAG,EAAE,CADM;IAEXC,UAAU,EAAE,CAAC,KAAD,CAFD;IAGXC,SAAS,EAAE,MAHA;IAIXG,kBAAkB,EAAE;EAJT,CAAb;EAOA,OAAO;IACLE,IAAI,EAAE;MACJC,IAAI,EAAE,CADF;MAEJC,KAAK,EAAE,MAFH;MAGJC,OAAO,EAAE,MAHL;MAIJC,cAAc,EAAE;IAJZ,CADD;IAOLC,OAAO,EAAE;MACPC,QAAQ,EAAE,UADH;MAEPC,MAAM,EAAE,EAFD;MAGPC,eAAe,EAAEjB,KAAK,CAACK,EAAN,CAASa,OAAT,CAAiBC,UAAjB,CAA4BC;IAHtC,CAPJ;IAYLC,IAAI,EAAE;MACJN,QAAQ,EAAE,UADN;MAEJC,MAAM,EAAE,IAAIhB,KAAK,CAACK,EAAN,CAASiB,OAAT,CAAiBC,EAFzB;MAGJC,MAAM,EAAE,CAAC,CAHL;MAIJP,eAAe,EAAEjB,KAAK,CAACK,EAAN,CAASa,OAAT,CAAiBC,UAAjB,CAA4BM;IAJzC,CAZD;IAkBLC,MAAM,kCACDlB,IADC;MAEJ,cAAc;QACZQ,MAAM,EAAE,IAAIhB,KAAK,CAACK,EAAN,CAASiB,OAAT,CAAiBC,EADjB;QAEZ,OAAO;UACLI,SAAS,EAAE;QADN;MAFK;IAFV,EAlBD;IA2BLC,MAAM,oBACD3B,IADC,CA3BD;IA8BL4B,IAAI,EAAE;MACJC,MAAM,EAAE,CADJ;MAEJC,OAAO,EAAE,CAFL;MAGJnB,OAAO,EAAE,SAHL;MAIJ,qCACKJ,IADL,CAJI;MAOJ,0CACKP,IADL,CAPI;MAWJ;MACA,0DACKO,IADL;QAEEgB,MAAM,EAAE,CAAC;MAFX,EAZI;MAgBJ,+DACKvB,IADL;QAEEuB,MAAM,EAAE,CAAC;MAFX,EAhBI;MAqBJ,0DACKhB,IADL;QAEEgB,MAAM,EAAE,CAAC;MAFX,EArBI;MAyBJ,8DACKvB,IADL;QAEEuB,MAAM,EAAE,CAAC;MAFX;IAzBI;EA9BD,CAAP;AA6DD,CA5ED;;AA8EA,eAAezB,MAAf"}