@hitachivantara/uikit-react-core 2.23.2

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

@@ -0,0 +1,169 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useContext, useState } from "react";
+import clsx from "clsx";
+import PropTypes from "prop-types";
+import { withStyles } from "@material-ui/core";
+import { KeyboardCodes, isKeypress } from "../../../utils/KeyboardUtils";
+import HvTypography from "../../../Typography";
+import SelectionContext from "../utils/SelectionContext";
+import { FocusContext } from "../utils/FocusContext";
+import ConditionalWrapper from "../../../utils/ConditionalWrapper";
+import MenuBar from "../MenuBar";
+import styles from "./styles";
+import isBrowser from "../../../utils/browser";
+
+var MenuItem = function MenuItem(_ref) {
+  var classes = _ref.classes,
+      id = _ref.id,
+      item = _ref.item,
+      type = _ref.type,
+      onClick = _ref.onClick;
+  var selectionPath = useContext(SelectionContext);
+
+  var _useContext = useContext(FocusContext),
+      dispatch = _useContext.dispatch;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      useFocus = _useState2[0],
+      setUseFocus = _useState2[1];
+
+  var data = item.data;
+  var isMenu = type === "menu";
+  var isSelected = selectionPath[isMenu ? 1 : 0] === item.id;
+  var hasSubLevel = data && data.length;
+
+  var actionHandler = function actionHandler(event) {
+    if (event.type === "click" || isKeypress(event, KeyboardCodes.Enter) || isKeypress(event, KeyboardCodes.SpaceBar)) {
+      if (event.type === "click") {
+        setUseFocus(false);
+        event.currentTarget.blur();
+      }
+
+      onClick === null || onClick === void 0 ? void 0 : onClick(event, item);
+    }
+  };
+
+  var handleFocus = function handleFocus(event) {
+    setUseFocus(true);
+    dispatch({
+      type: "setItemFocused",
+      itemFocused: event.currentTarget
+    });
+  };
+
+  var focusWrapper = function focusWrapper(childrenToWrap) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: classes.externalReference
+    }, childrenToWrap, useFocus && /*#__PURE__*/React.createElement("div", {
+      className: classes.falseFocus
+    }));
+  };
+
+  var isIe = isBrowser(["ie", "edge"]);
+  return /*#__PURE__*/React.createElement("li", {
+    id: id,
+    key: item.label,
+    className: clsx(classes.root, classes["".concat(type, "Item")], !isMenu && (isSelected ? classes.selectedItem : classes.notSelectedItem))
+  }, /*#__PURE__*/React.createElement(ConditionalWrapper, {
+    condition: isIe,
+    wrapper: focusWrapper
+  }, /*#__PURE__*/React.createElement("div", {
+    role: "button",
+    className: clsx(classes.button, (isIe || !useFocus) && classes.contentFocusDisabled, useFocus && !isIe && classes.contentFocused),
+    onClick: actionHandler,
+    onKeyDown: actionHandler,
+    tabIndex: 0,
+    onFocus: handleFocus,
+    onBlur: function onBlur() {
+      return setUseFocus(false);
+    }
+  }, /*#__PURE__*/React.createElement(HvTypography, {
+    variant: isSelected ? "selectedNavText" : "normalText"
+  }, item.label))), hasSubLevel && /*#__PURE__*/React.createElement(MenuBar, {
+    data: data,
+    onClick: onClick,
+    type: "menu"
+  }));
+};
+
+process.env.NODE_ENV !== "production" ? MenuItem.propTypes = {
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Style applied to the first element in the hierarchy.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Style applied to the li element when it is selected.
+     */
+    selectedItem: PropTypes.string,
+
+    /**
+     * Style applied to the li element when it isn't selected.
+     */
+    notSelectedItem: PropTypes.string,
+
+    /**
+     * Style applied to each item button.
+     */
+    button: PropTypes.string,
+
+    /**
+     * Style applied when element is focused by keyboard.
+     */
+    contentFocused: PropTypes.string,
+
+    /**
+     * Style applied when element is focused by click.
+     */
+    contentFocusDisabled: PropTypes.string,
+
+    /**
+     * Style applied to the reference element used for ie focus.
+     */
+    externalReference: PropTypes.string,
+
+    /**
+     * Style applied to simulated a focus in ie.
+     */
+    falseFocus: PropTypes.string
+  }).isRequired,
+
+  /**
+   * Id to be applied to the root node.
+   */
+  id: PropTypes.string,
+
+  /**
+   * An object 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.
+   */
+  item: PropTypes.shape({
+    id: PropTypes.string.isRequired,
+    label: PropTypes.string.isRequired,
+    data: PropTypes.arrayOf(PropTypes.shape({
+      id: PropTypes.string.isRequired,
+      label: PropTypes.string.isRequired
+    }))
+  }).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: "HvHeaderMenuItem"
+})(MenuItem);
+//# sourceMappingURL=MenuItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.js","names":["React","useContext","useState","clsx","PropTypes","withStyles","KeyboardCodes","isKeypress","HvTypography","SelectionContext","FocusContext","ConditionalWrapper","MenuBar","styles","isBrowser","MenuItem","classes","id","item","type","onClick","selectionPath","dispatch","useFocus","setUseFocus","data","isMenu","isSelected","hasSubLevel","length","actionHandler","event","Enter","SpaceBar","currentTarget","blur","handleFocus","itemFocused","focusWrapper","childrenToWrap","externalReference","falseFocus","isIe","label","root","selectedItem","notSelectedItem","button","contentFocusDisabled","contentFocused","propTypes","shape","string","isRequired","arrayOf","func","oneOf","name"],"sources":["../../../../../src/Header/Navigation/MenuItem/MenuItem.js"],"sourcesContent":["import React, { useContext, useState } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { KeyboardCodes, isKeypress } from \"../../../utils/KeyboardUtils\";\nimport HvTypography from \"../../../Typography\";\nimport SelectionContext from \"../utils/SelectionContext\";\nimport { FocusContext } from \"../utils/FocusContext\";\nimport ConditionalWrapper from \"../../../utils/ConditionalWrapper\";\nimport MenuBar from \"../MenuBar\";\nimport styles from \"./styles\";\nimport isBrowser from \"../../../utils/browser\";\n\nconst MenuItem = ({ classes, id, item, type, onClick }) => {\n  const selectionPath = useContext(SelectionContext);\n  const { dispatch } = useContext(FocusContext);\n  const [useFocus, setUseFocus] = useState(false);\n\n  const { data } = item;\n  const isMenu = type === \"menu\";\n  const isSelected = selectionPath[isMenu ? 1 : 0] === item.id;\n  const hasSubLevel = data && data.length;\n\n  const actionHandler = (event) => {\n    if (\n      event.type === \"click\" ||\n      isKeypress(event, KeyboardCodes.Enter) ||\n      isKeypress(event, KeyboardCodes.SpaceBar)\n    ) {\n      if (event.type === \"click\") {\n        setUseFocus(false);\n        event.currentTarget.blur();\n      }\n\n      onClick?.(event, item);\n    }\n  };\n\n  const handleFocus = (event) => {\n    setUseFocus(true);\n    dispatch({ type: \"setItemFocused\", itemFocused: event.currentTarget });\n  };\n\n  const focusWrapper = (childrenToWrap) => (\n    <div className={classes.externalReference}>\n      {childrenToWrap}\n      {useFocus && <div className={classes.falseFocus} />}\n    </div>\n  );\n  const isIe = isBrowser([\"ie\", \"edge\"]);\n  return (\n    <li\n      id={id}\n      key={item.label}\n      className={clsx(classes.root, classes[`${type}Item`], {\n        [classes.selectedItem]: !isMenu && isSelected,\n        [classes.notSelectedItem]: !isMenu && !isSelected,\n      })}\n    >\n      <ConditionalWrapper condition={isIe} wrapper={focusWrapper}>\n        <div\n          role=\"button\"\n          className={clsx(classes.button, {\n            [classes.contentFocused]: useFocus && !isIe,\n            [classes.contentFocusDisabled]: isIe || !useFocus,\n          })}\n          onClick={actionHandler}\n          onKeyDown={actionHandler}\n          tabIndex={0}\n          onFocus={handleFocus}\n          onBlur={() => setUseFocus(false)}\n        >\n          <HvTypography variant={isSelected ? \"selectedNavText\" : \"normalText\"}>\n            {item.label}\n          </HvTypography>\n        </div>\n      </ConditionalWrapper>\n      {hasSubLevel && <MenuBar data={data} onClick={onClick} type=\"menu\" />}\n    </li>\n  );\n};\n\nMenuItem.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the first element in the hierarchy.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the li element when it is selected.\n     */\n    selectedItem: PropTypes.string,\n    /**\n     * Style applied to the li element when it isn't selected.\n     */\n    notSelectedItem: PropTypes.string,\n    /**\n     * Style applied to each item button.\n     */\n    button: PropTypes.string,\n    /**\n     * Style applied when element is focused by keyboard.\n     */\n    contentFocused: PropTypes.string,\n    /**\n     * Style applied when element is focused by click.\n     */\n    contentFocusDisabled: PropTypes.string,\n    /**\n     * Style applied to the reference element used for ie focus.\n     */\n    externalReference: PropTypes.string,\n    /**\n     * Style applied to simulated a focus in ie.\n     */\n    falseFocus: PropTypes.string,\n  }).isRequired,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * An object 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  item: PropTypes.shape({\n    id: PropTypes.string.isRequired,\n    label: PropTypes.string.isRequired,\n    data: PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string.isRequired,\n        label: PropTypes.string.isRequired,\n      })\n    ),\n  }).isRequired,\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: \"HvHeaderMenuItem\" })(MenuItem);\n"],"mappings":"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"}

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

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

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

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

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

@@ -0,0 +1,71 @@
+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";
+import focusStyles from "../../../Focus/styles";
+var focused = focusStyles.focused,
+    focusDisabled = focusStyles.focusDisabled,
+    externalReference = focusStyles.externalReference,
+    falseFocus = focusStyles.falseFocus;
+
+var styles = function styles(theme) {
+  var hoverColor = theme.hv.palette.atmosphere.atmo4;
+  return {
+    root: {
+      display: "inline",
+      "&:hover": {
+        "& > [role='button']": {
+          backgroundColor: hoverColor
+        },
+        "&:focus-within": {
+          "& > [role='button']": {
+            backgroundColor: hoverColor
+          }
+        }
+      },
+      // IE fallback code (using focus-within-polyfill)
+      "&.focus-within": {
+        "& > [role='button']": {
+          backgroundColor: hoverColor
+        }
+      }
+    },
+    selectedItem: {
+      borderTop: "2px solid ".concat(theme.hv.palette.accent.acce3),
+      paddingTop: "2px"
+    },
+    notSelectedItem: {
+      marginTop: "4px"
+    },
+    button: {
+      border: "none",
+      cursor: "pointer",
+      padding: "6px ".concat(theme.hv.spacing.sm, "px"),
+      "&:active": {
+        outline: "none"
+      },
+      "&:focus": {
+        backgroundColor: hoverColor
+      }
+    },
+    contentFocusDisabled: _objectSpread({}, focusDisabled),
+    contentFocused: _objectSpread({}, focused),
+    externalReference: _objectSpread({}, externalReference),
+    falseFocus: _objectSpread(_objectSpread({}, falseFocus), {}, {
+      top: "4px"
+    })
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["focusStyles","focused","focusDisabled","externalReference","falseFocus","styles","theme","hoverColor","hv","palette","atmosphere","atmo4","root","display","backgroundColor","selectedItem","borderTop","accent","acce3","paddingTop","notSelectedItem","marginTop","button","border","cursor","padding","spacing","sm","outline","contentFocusDisabled","contentFocused","top"],"sources":["../../../../../src/Header/Navigation/MenuItem/styles.js"],"sourcesContent":["import \"focus-within-polyfill\";\nimport focusStyles from \"../../../Focus/styles\";\n\nconst { focused, focusDisabled, externalReference, falseFocus } = focusStyles;\n\nconst styles = (theme) => {\n  const hoverColor = theme.hv.palette.atmosphere.atmo4;\n\n  return {\n    root: {\n      display: \"inline\",\n      \"&:hover\": {\n        \"& > [role='button']\": {\n          backgroundColor: hoverColor,\n        },\n        \"&:focus-within\": {\n          \"& > [role='button']\": {\n            backgroundColor: hoverColor,\n          },\n        },\n      },\n      // IE fallback code (using focus-within-polyfill)\n      \"&.focus-within\": {\n        \"& > [role='button']\": {\n          backgroundColor: hoverColor,\n        },\n      },\n    },\n    selectedItem: {\n      borderTop: `2px solid ${theme.hv.palette.accent.acce3}`,\n      paddingTop: \"2px\",\n    },\n    notSelectedItem: {\n      marginTop: \"4px\",\n    },\n    button: {\n      border: \"none\",\n      cursor: \"pointer\",\n      padding: `6px ${theme.hv.spacing.sm}px`,\n      \"&:active\": {\n        outline: \"none\",\n      },\n      \"&:focus\": {\n        backgroundColor: hoverColor,\n      },\n    },\n    contentFocusDisabled: {\n      ...focusDisabled,\n    },\n    contentFocused: {\n      ...focused,\n    },\n    externalReference: {\n      ...externalReference,\n    },\n    falseFocus: {\n      ...falseFocus,\n      top: \"4px\",\n    },\n  };\n};\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;AAAA,OAAO,uBAAP;AACA,OAAOA,WAAP,MAAwB,uBAAxB;AAEA,IAAQC,OAAR,GAAkED,WAAlE,CAAQC,OAAR;AAAA,IAAiBC,aAAjB,GAAkEF,WAAlE,CAAiBE,aAAjB;AAAA,IAAgCC,iBAAhC,GAAkEH,WAAlE,CAAgCG,iBAAhC;AAAA,IAAmDC,UAAnD,GAAkEJ,WAAlE,CAAmDI,UAAnD;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD,EAAW;EACxB,IAAMC,UAAU,GAAGD,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAA/C;EAEA,OAAO;IACLC,IAAI,EAAE;MACJC,OAAO,EAAE,QADL;MAEJ,WAAW;QACT,uBAAuB;UACrBC,eAAe,EAAEP;QADI,CADd;QAIT,kBAAkB;UAChB,uBAAuB;YACrBO,eAAe,EAAEP;UADI;QADP;MAJT,CAFP;MAYJ;MACA,kBAAkB;QAChB,uBAAuB;UACrBO,eAAe,EAAEP;QADI;MADP;IAbd,CADD;IAoBLQ,YAAY,EAAE;MACZC,SAAS,sBAAeV,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBQ,MAAjB,CAAwBC,KAAvC,CADG;MAEZC,UAAU,EAAE;IAFA,CApBT;IAwBLC,eAAe,EAAE;MACfC,SAAS,EAAE;IADI,CAxBZ;IA2BLC,MAAM,EAAE;MACNC,MAAM,EAAE,MADF;MAENC,MAAM,EAAE,SAFF;MAGNC,OAAO,gBAASnB,KAAK,CAACE,EAAN,CAASkB,OAAT,CAAiBC,EAA1B,OAHD;MAIN,YAAY;QACVC,OAAO,EAAE;MADC,CAJN;MAON,WAAW;QACTd,eAAe,EAAEP;MADR;IAPL,CA3BH;IAsCLsB,oBAAoB,oBACf3B,aADe,CAtCf;IAyCL4B,cAAc,oBACT7B,OADS,CAzCT;IA4CLE,iBAAiB,oBACZA,iBADY,CA5CZ;IA+CLC,UAAU,kCACLA,UADK;MAER2B,GAAG,EAAE;IAFG;EA/CL,CAAP;AAoDD,CAvDD;;AAyDA,eAAe1B,MAAf"}

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

@@ -0,0 +1,35 @@
+import React, { MouseEvent } from "react";
+import { StandardProps } from "@material-ui/core";
+
+export interface NavigationItemProp {
+  id: string;
+  label: string;
+  path?: string;
+}
+
+export interface HvHeaderNavigationProps
+  extends StandardProps<
+    React.HTMLAttributes<HTMLDivElement>,
+    HvHeaderNavigationClassKey,
+    "onClick"
+  > {
+  /**
+   * 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: NavigationItemProp[];
+  /**
+   * Menu item id selected.
+   */
+  selected?: string;
+  /**
+   * Callback triggered when any item is clicked.
+   */
+  onClick?: (event: MouseEvent, selection: NavigationItemProp) => void;
+}
+
+export type HvHeaderNavigationClassKey = "root";
+
+export default function HvHeaderNavigation(props: HvHeaderNavigationProps): JSX.Element | null;

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

@@ -0,0 +1,79 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["classes", "className", "data", "selected", "onClick"];
+import React from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { withStyles } from "@material-ui/core";
+import { FocusProvider } from "./utils/FocusContext";
+import SelectionContext from "./utils/SelectionContext";
+import useSelectionPath from "./utils/useSelectionPath";
+import MenuBar from "./MenuBar";
+import styles from "./styles";
+
+var Navigation = function Navigation(_ref) {
+  var classes = _ref.classes,
+      className = _ref.className,
+      data = _ref.data,
+      selected = _ref.selected,
+      onClick = _ref.onClick,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  var selectionPath = useSelectionPath(data, selected);
+
+  var handleClick = function handleClick(event, selection) {
+    onClick === null || onClick === void 0 ? void 0 : onClick(event, selection);
+  };
+
+  return /*#__PURE__*/React.createElement(SelectionContext.Provider, {
+    value: selectionPath
+  }, /*#__PURE__*/React.createElement(FocusProvider, null, /*#__PURE__*/React.createElement("nav", _extends({
+    className: clsx(className, classes.root)
+  }, others), /*#__PURE__*/React.createElement(MenuBar, {
+    data: data,
+    onClick: handleClick,
+    type: "menubar"
+  }))));
+};
+
+process.env.NODE_ENV !== "production" ? Navigation.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,
+
+  /**
+   * 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
+  })).isRequired,
+
+  /**
+   * Menu item id selected.
+   */
+  selected: PropTypes.string,
+
+  /**
+   * Callback triggered when any item is clicked.
+   */
+  onClick: PropTypes.func
+} : void 0;
+export default withStyles(styles, {
+  name: "HvHeaderNavigation"
+})(Navigation);
+//# sourceMappingURL=Navigation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation.js","names":["React","PropTypes","clsx","withStyles","FocusProvider","SelectionContext","useSelectionPath","MenuBar","styles","Navigation","classes","className","data","selected","onClick","others","selectionPath","handleClick","event","selection","root","propTypes","shape","string","isRequired","arrayOf","id","label","func","name"],"sources":["../../../../src/Header/Navigation/Navigation.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { FocusProvider } from \"./utils/FocusContext\";\nimport SelectionContext from \"./utils/SelectionContext\";\nimport useSelectionPath from \"./utils/useSelectionPath\";\nimport MenuBar from \"./MenuBar\";\nimport styles from \"./styles\";\n\nconst Navigation = ({ classes, className, data, selected, onClick, ...others }) => {\n  const selectionPath = useSelectionPath(data, selected);\n\n  const handleClick = (event, selection) => {\n    onClick?.(event, selection);\n  };\n\n  return (\n    <SelectionContext.Provider value={selectionPath}>\n      <FocusProvider>\n        <nav className={clsx(className, classes.root)} {...others}>\n          <MenuBar data={data} onClick={handleClick} type=\"menubar\" />\n        </nav>\n      </FocusProvider>\n    </SelectionContext.Provider>\n  );\n};\n\nNavigation.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   * 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  ).isRequired,\n  /**\n   * Menu item id selected.\n   */\n  selected: PropTypes.string,\n  /**\n   * Callback triggered when any item is clicked.\n   */\n  onClick: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvHeaderNavigation\" })(Navigation);\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,aAAT,QAA8B,sBAA9B;AACA,OAAOC,gBAAP,MAA6B,0BAA7B;AACA,OAAOC,gBAAP,MAA6B,0BAA7B;AACA,OAAOC,OAAP,MAAoB,WAApB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,IAAMC,UAAU,GAAG,SAAbA,UAAa,OAAgE;EAAA,IAA7DC,OAA6D,QAA7DA,OAA6D;EAAA,IAApDC,SAAoD,QAApDA,SAAoD;EAAA,IAAzCC,IAAyC,QAAzCA,IAAyC;EAAA,IAAnCC,QAAmC,QAAnCA,QAAmC;EAAA,IAAzBC,OAAyB,QAAzBA,OAAyB;EAAA,IAAbC,MAAa;;EACjF,IAAMC,aAAa,GAAGV,gBAAgB,CAACM,IAAD,EAAOC,QAAP,CAAtC;;EAEA,IAAMI,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAQC,SAAR,EAAsB;IACxCL,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGI,KAAH,EAAUC,SAAV,CAAP;EACD,CAFD;;EAIA,oBACE,oBAAC,gBAAD,CAAkB,QAAlB;IAA2B,KAAK,EAAEH;EAAlC,gBACE,oBAAC,aAAD,qBACE;IAAK,SAAS,EAAEd,IAAI,CAACS,SAAD,EAAYD,OAAO,CAACU,IAApB;EAApB,GAAmDL,MAAnD,gBACE,oBAAC,OAAD;IAAS,IAAI,EAAEH,IAAf;IAAqB,OAAO,EAAEK,WAA9B;IAA2C,IAAI,EAAC;EAAhD,EADF,CADF,CADF,CADF;AASD,CAhBD;;AAkBA,wCAAAR,UAAU,CAACY,SAAX,GAAuB;EACrB;AACF;AACA;EACEX,OAAO,EAAET,SAAS,CAACqB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIF,IAAI,EAAEnB,SAAS,CAACsB;EAJO,CAAhB,EAKNC,UATkB;;EAUrB;AACF;AACA;EACEb,SAAS,EAAEV,SAAS,CAACsB,MAbA;;EAcrB;AACF;AACA;AACA;AACA;AACA;EACEX,IAAI,EAAEX,SAAS,CAACwB,OAAV,CACJxB,SAAS,CAACqB,KAAV,CAAgB;IACdI,EAAE,EAAEzB,SAAS,CAACsB,MAAV,CAAiBC,UADP;IAEdG,KAAK,EAAE1B,SAAS,CAACsB,MAAV,CAAiBC;EAFV,CAAhB,CADI,EAKJA,UAzBmB;;EA0BrB;AACF;AACA;EACEX,QAAQ,EAAEZ,SAAS,CAACsB,MA7BC;;EA8BrB;AACF;AACA;EACET,OAAO,EAAEb,SAAS,CAAC2B;AAjCE,CAAvB;AAoCA,eAAezB,UAAU,CAACK,MAAD,EAAS;EAAEqB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAmDpB,UAAnD,CAAf"}

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

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

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

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

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

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

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

@@ -0,0 +1,11 @@
+var styles = {
+  root: {
+    position: "absolute",
+    width: "100%",
+    zIndex: 1,
+    top: "0px",
+    left: "0px"
+  }
+};
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","root","position","width","zIndex","top","left"],"sources":["../../../../src/Header/Navigation/styles.js"],"sourcesContent":["const styles = {\n  root: {\n    position: \"absolute\",\n    width: \"100%\",\n    zIndex: 1,\n    top: \"0px\",\n    left: \"0px\",\n  },\n};\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG;EACbC,IAAI,EAAE;IACJC,QAAQ,EAAE,UADN;IAEJC,KAAK,EAAE,MAFH;IAGJC,MAAM,EAAE,CAHJ;IAIJC,GAAG,EAAE,KAJD;IAKJC,IAAI,EAAE;EALF;AADO,CAAf;AAUA,eAAeN,MAAf"}

package/dist/legacy/Header/Navigation/utils/FocusContext.js

@@ -0,0 +1,41 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { createContext, useReducer } from "react";
+import PropTypes from "prop-types";
+
+var reducer = function reducer(state, action) {
+  switch (action.type) {
+    case "setItemFocused":
+      return {
+        itemFocused: action.itemFocused
+      };
+
+    default:
+      return state;
+  }
+};
+
+var initialState = {
+  itemFocused: null
+};
+var FocusContext = /*#__PURE__*/createContext(initialState);
+
+var FocusProvider = function FocusProvider(props) {
+  var _useReducer = useReducer(reducer, initialState),
+      _useReducer2 = _slicedToArray(_useReducer, 2),
+      state = _useReducer2[0],
+      dispatch = _useReducer2[1];
+
+  var children = props.children;
+  return /*#__PURE__*/React.createElement(FocusContext.Provider, {
+    value: {
+      state: state,
+      dispatch: dispatch
+    }
+  }, children);
+};
+
+process.env.NODE_ENV !== "production" ? FocusProvider.propTypes = {
+  children: PropTypes.node.isRequired
+} : void 0;
+export { FocusContext, FocusProvider };
+//# sourceMappingURL=FocusContext.js.map

package/dist/legacy/Header/Navigation/utils/FocusContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusContext.js","names":["React","createContext","useReducer","PropTypes","reducer","state","action","type","itemFocused","initialState","FocusContext","FocusProvider","props","dispatch","children","propTypes","node","isRequired"],"sources":["../../../../../src/Header/Navigation/utils/FocusContext.js"],"sourcesContent":["import React, { createContext, useReducer } from \"react\";\nimport PropTypes from \"prop-types\";\n\nconst reducer = (state, action) => {\n  switch (action.type) {\n    case \"setItemFocused\":\n      return { itemFocused: action.itemFocused };\n    default:\n      return state;\n  }\n};\n\nconst initialState = { itemFocused: null };\nconst FocusContext = createContext(initialState);\n\nconst FocusProvider = (props) => {\n  const [state, dispatch] = useReducer(reducer, initialState);\n  const { children } = props;\n\n  return <FocusContext.Provider value={{ state, dispatch }}>{children}</FocusContext.Provider>;\n};\n\nFocusProvider.propTypes = {\n  children: PropTypes.node.isRequired,\n};\n\nexport { FocusContext, FocusProvider };\n"],"mappings":";AAAA,OAAOA,KAAP,IAAgBC,aAAhB,EAA+BC,UAA/B,QAAiD,OAAjD;AACA,OAAOC,SAAP,MAAsB,YAAtB;;AAEA,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD,EAAQC,MAAR,EAAmB;EACjC,QAAQA,MAAM,CAACC,IAAf;IACE,KAAK,gBAAL;MACE,OAAO;QAAEC,WAAW,EAAEF,MAAM,CAACE;MAAtB,CAAP;;IACF;MACE,OAAOH,KAAP;EAJJ;AAMD,CAPD;;AASA,IAAMI,YAAY,GAAG;EAAED,WAAW,EAAE;AAAf,CAArB;AACA,IAAME,YAAY,gBAAGT,aAAa,CAACQ,YAAD,CAAlC;;AAEA,IAAME,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAW;EAC/B,kBAA0BV,UAAU,CAACE,OAAD,EAAUK,YAAV,CAApC;EAAA;EAAA,IAAOJ,KAAP;EAAA,IAAcQ,QAAd;;EACA,IAAQC,QAAR,GAAqBF,KAArB,CAAQE,QAAR;EAEA,oBAAO,oBAAC,YAAD,CAAc,QAAd;IAAuB,KAAK,EAAE;MAAET,KAAK,EAALA,KAAF;MAASQ,QAAQ,EAARA;IAAT;EAA9B,GAAoDC,QAApD,CAAP;AACD,CALD;;AAOA,wCAAAH,aAAa,CAACI,SAAd,GAA0B;EACxBD,QAAQ,EAAEX,SAAS,CAACa,IAAV,CAAeC;AADD,CAA1B;AAIA,SAASP,YAAT,EAAuBC,aAAvB"}

package/dist/legacy/Header/Navigation/utils/SelectionContext.js

@@ -0,0 +1,4 @@
+import { createContext } from "react";
+var SelectionContext = /*#__PURE__*/createContext(null);
+export default SelectionContext;
+//# sourceMappingURL=SelectionContext.js.map

package/dist/legacy/Header/Navigation/utils/SelectionContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionContext.js","names":["createContext","SelectionContext"],"sources":["../../../../../src/Header/Navigation/utils/SelectionContext.js"],"sourcesContent":["import { createContext } from \"react\";\n\nconst SelectionContext = createContext(null);\n\nexport default SelectionContext;\n"],"mappings":"AAAA,SAASA,aAAT,QAA8B,OAA9B;AAEA,IAAMC,gBAAgB,gBAAGD,aAAa,CAAC,IAAD,CAAtC;AAEA,eAAeC,gBAAf"}

package/dist/legacy/Header/Navigation/utils/useSelectionPath.js

@@ -0,0 +1,35 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.array.concat.js";
+import { useState, useEffect } from "react";
+
+var getSelectionPath = function getSelectionPath(data, selectedId) {
+  var selection = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  var idx = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : -1;
+  var parent = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : [];
+  data.forEach(function (item, i) {
+    var hasData = item.data && item.data.length;
+    var isSelected = item.id === selectedId;
+    if (isSelected) selection.push.apply(selection, _toConsumableArray(idx > -1 ? [parent[idx].id] : []).concat([item.id]));
+    if (hasData) getSelectionPath(item.data, selectedId, selection, i, data);
+  });
+  return selection;
+};
+
+var useSelectionPath = function useSelectionPath(data, selectedId) {
+  var _useState = useState(""),
+      _useState2 = _slicedToArray(_useState, 2),
+      selectionPath = _useState2[0],
+      setSelectionPath = _useState2[1];
+
+  useEffect(function () {
+    var path = getSelectionPath(data, selectedId);
+    setSelectionPath(path);
+  }, [data, selectedId]);
+  return selectionPath;
+};
+
+export default useSelectionPath;
+//# sourceMappingURL=useSelectionPath.js.map

package/dist/legacy/Header/Navigation/utils/useSelectionPath.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectionPath.js","names":["useState","useEffect","getSelectionPath","data","selectedId","selection","idx","parent","forEach","item","i","hasData","length","isSelected","id","push","useSelectionPath","selectionPath","setSelectionPath","path"],"sources":["../../../../../src/Header/Navigation/utils/useSelectionPath.js"],"sourcesContent":["import { useState, useEffect } from \"react\";\n\nconst getSelectionPath = (data, selectedId, selection = [], idx = -1, parent = []) => {\n  data.forEach((item, i) => {\n    const hasData = item.data && item.data.length;\n    const isSelected = item.id === selectedId;\n\n    if (isSelected) selection.push(...(idx > -1 ? [parent[idx].id] : []), item.id);\n    if (hasData) getSelectionPath(item.data, selectedId, selection, i, data);\n  });\n\n  return selection;\n};\n\nconst useSelectionPath = (data, selectedId) => {\n  const [selectionPath, setSelectionPath] = useState(\"\");\n\n  useEffect(() => {\n    const path = getSelectionPath(data, selectedId);\n    setSelectionPath(path);\n  }, [data, selectedId]);\n\n  return selectionPath;\n};\n\nexport default useSelectionPath;\n"],"mappings":";;;;;AAAA,SAASA,QAAT,EAAmBC,SAAnB,QAAoC,OAApC;;AAEA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,IAAD,EAAOC,UAAP,EAA6D;EAAA,IAA1CC,SAA0C,uEAA9B,EAA8B;EAAA,IAA1BC,GAA0B,uEAApB,CAAC,CAAmB;EAAA,IAAhBC,MAAgB,uEAAP,EAAO;EACpFJ,IAAI,CAACK,OAAL,CAAa,UAACC,IAAD,EAAOC,CAAP,EAAa;IACxB,IAAMC,OAAO,GAAGF,IAAI,CAACN,IAAL,IAAaM,IAAI,CAACN,IAAL,CAAUS,MAAvC;IACA,IAAMC,UAAU,GAAGJ,IAAI,CAACK,EAAL,KAAYV,UAA/B;IAEA,IAAIS,UAAJ,EAAgBR,SAAS,CAACU,IAAV,OAAAV,SAAS,qBAAUC,GAAG,GAAG,CAAC,CAAP,GAAW,CAACC,MAAM,CAACD,GAAD,CAAN,CAAYQ,EAAb,CAAX,GAA8B,EAAxC,UAA6CL,IAAI,CAACK,EAAlD,GAAT;IAChB,IAAIH,OAAJ,EAAaT,gBAAgB,CAACO,IAAI,CAACN,IAAN,EAAYC,UAAZ,EAAwBC,SAAxB,EAAmCK,CAAnC,EAAsCP,IAAtC,CAAhB;EACd,CAND;EAQA,OAAOE,SAAP;AACD,CAVD;;AAYA,IAAMW,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACb,IAAD,EAAOC,UAAP,EAAsB;EAC7C,gBAA0CJ,QAAQ,CAAC,EAAD,CAAlD;EAAA;EAAA,IAAOiB,aAAP;EAAA,IAAsBC,gBAAtB;;EAEAjB,SAAS,CAAC,YAAM;IACd,IAAMkB,IAAI,GAAGjB,gBAAgB,CAACC,IAAD,EAAOC,UAAP,CAA7B;IACAc,gBAAgB,CAACC,IAAD,CAAhB;EACD,CAHQ,EAGN,CAAChB,IAAD,EAAOC,UAAP,CAHM,CAAT;EAKA,OAAOa,aAAP;AACD,CATD;;AAWA,eAAeD,gBAAf"}

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

@@ -0,0 +1,11 @@
+export { default } from "./Header";
+export * from "./Header";
+
+export { default as HvHeaderActions } from "./Actions";
+export * from "./Actions";
+
+export { default as HvHeaderBrand } from "./Brand";
+export * from "./Brand";
+
+export { default as HvHeaderNavigation } from "./Navigation";
+export * from "./Navigation";

package/dist/legacy/Header/index.js

@@ -0,0 +1,5 @@
+export { default } from "./Header";
+export { default as HvHeaderBrand } from "./Brand";
+export { default as HvHeaderActions } from "./Actions";
+export { default as HvHeaderNavigation } from "./Navigation";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","HvHeaderBrand","HvHeaderActions","HvHeaderNavigation"],"sources":["../../../src/Header/index.js"],"sourcesContent":["export { default } from \"./Header\";\nexport { default as HvHeaderBrand } from \"./Brand\";\nexport { default as HvHeaderActions } from \"./Actions\";\nexport { default as HvHeaderNavigation } from \"./Navigation\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,UAAxB;AACA,SAASA,OAAO,IAAIC,aAApB,QAAyC,SAAzC;AACA,SAASD,OAAO,IAAIE,eAApB,QAA2C,WAA3C;AACA,SAASF,OAAO,IAAIG,kBAApB,QAA8C,cAA9C"}

package/dist/legacy/Header/styles.js

@@ -0,0 +1,24 @@
+var styles = function styles(theme) {
+  return {
+    root: {
+      height: 50
+    },
+    backgroundColor: {
+      backgroundColor: theme.hv.palette.atmosphere.atmo1
+    },
+    header: {
+      display: "flex",
+      alignItems: "center",
+      width: "100%",
+      height: "100%",
+      padding: "0 ".concat(theme.hv.spacing.sm, "px"),
+      boxShadow: theme.hv.shadows[1],
+      "& > *:not(nav)": {
+        zIndex: 2
+      }
+    }
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","root","height","backgroundColor","hv","palette","atmosphere","atmo1","header","display","alignItems","width","padding","spacing","sm","boxShadow","shadows","zIndex"],"sources":["../../../src/Header/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    height: 50,\n  },\n  backgroundColor: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n  },\n  header: {\n    display: \"flex\",\n    alignItems: \"center\",\n    width: \"100%\",\n    height: \"100%\",\n    padding: `0 ${theme.hv.spacing.sm}px`,\n    boxShadow: theme.hv.shadows[1],\n    \"& > *:not(nav)\": {\n      zIndex: 2,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,MAAM,EAAE;IADJ,CADmB;IAIzBC,eAAe,EAAE;MACfA,eAAe,EAAEH,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;IAD9B,CAJQ;IAOzBC,MAAM,EAAE;MACNC,OAAO,EAAE,MADH;MAENC,UAAU,EAAE,QAFN;MAGNC,KAAK,EAAE,MAHD;MAINT,MAAM,EAAE,MAJF;MAKNU,OAAO,cAAOZ,KAAK,CAACI,EAAN,CAASS,OAAT,CAAiBC,EAAxB,OALD;MAMNC,SAAS,EAAEf,KAAK,CAACI,EAAN,CAASY,OAAT,CAAiB,CAAjB,CANL;MAON,kBAAkB;QAChBC,MAAM,EAAE;MADQ;IAPZ;EAPiB,CAAZ;AAAA,CAAf;;AAoBA,eAAelB,MAAf"}