@hitachivantara/uikit-react-core 2.23.2

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

@@ -0,0 +1,66 @@
+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";
+const {
+  focused,
+  focusDisabled,
+  externalReference,
+  falseFocus
+} = focusStyles;
+
+const styles = theme => {
+  const 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 ${theme.hv.palette.accent.acce3}`,
+      paddingTop: "2px"
+    },
+    notSelectedItem: {
+      marginTop: "4px"
+    },
+    button: {
+      border: "none",
+      cursor: "pointer",
+      padding: `6px ${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/modern/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,MAAM;EAAEC,OAAF;EAAWC,aAAX;EAA0BC,iBAA1B;EAA6CC;AAA7C,IAA4DJ,WAAlE;;AAEA,MAAMK,MAAM,GAAIC,KAAD,IAAW;EACxB,MAAMC,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,EAAG,aAAYV,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBQ,MAAjB,CAAwBC,KAAM,EAD1C;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,EAAG,OAAMnB,KAAK,CAACE,EAAN,CAASkB,OAAT,CAAiBC,EAAG,IAH9B;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/modern/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/modern/Header/Navigation/Navigation.js

@@ -0,0 +1,81 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _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";
+
+const Navigation = _ref => {
+  let {
+    classes,
+    className,
+    data,
+    selected,
+    onClick
+  } = _ref,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  const selectionPath = useSelectionPath(data, selected);
+
+  const 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/modern/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,MAAMC,UAAU,GAAG,QAAgE;EAAA,IAA/D;IAAEC,OAAF;IAAWC,SAAX;IAAsBC,IAAtB;IAA4BC,QAA5B;IAAsCC;EAAtC,CAA+D;EAAA,IAAbC,MAAa;;EACjF,MAAMC,aAAa,GAAGV,gBAAgB,CAACM,IAAD,EAAOC,QAAP,CAAtC;;EAEA,MAAMI,WAAW,GAAG,CAACC,KAAD,EAAQC,SAAR,KAAsB;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/modern/Header/Navigation/index.d.ts

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

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

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

package/dist/modern/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/modern/Header/Navigation/styles.js

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

package/dist/modern/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,MAAMA,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/modern/Header/Navigation/utils/FocusContext.js

@@ -0,0 +1,39 @@
+import "core-js/modules/web.dom-collections.iterator.js";
+import React, { createContext, useReducer } from "react";
+import PropTypes from "prop-types";
+
+const reducer = (state, action) => {
+  switch (action.type) {
+    case "setItemFocused":
+      return {
+        itemFocused: action.itemFocused
+      };
+
+    default:
+      return state;
+  }
+};
+
+const initialState = {
+  itemFocused: null
+};
+const FocusContext = /*#__PURE__*/createContext(initialState);
+
+const FocusProvider = props => {
+  const [state, dispatch] = useReducer(reducer, initialState);
+  const {
+    children
+  } = props;
+  return /*#__PURE__*/React.createElement(FocusContext.Provider, {
+    value: {
+      state,
+      dispatch
+    }
+  }, children);
+};
+
+process.env.NODE_ENV !== "production" ? FocusProvider.propTypes = {
+  children: PropTypes.node.isRequired
+} : void 0;
+export { FocusContext, FocusProvider };
+//# sourceMappingURL=FocusContext.js.map

package/dist/modern/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,MAAMC,OAAO,GAAG,CAACC,KAAD,EAAQC,MAAR,KAAmB;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,MAAMI,YAAY,GAAG;EAAED,WAAW,EAAE;AAAf,CAArB;AACA,MAAME,YAAY,gBAAGT,aAAa,CAACQ,YAAD,CAAlC;;AAEA,MAAME,aAAa,GAAIC,KAAD,IAAW;EAC/B,MAAM,CAACP,KAAD,EAAQQ,QAAR,IAAoBX,UAAU,CAACE,OAAD,EAAUK,YAAV,CAApC;EACA,MAAM;IAAEK;EAAF,IAAeF,KAArB;EAEA,oBAAO,oBAAC,YAAD,CAAc,QAAd;IAAuB,KAAK,EAAE;MAAEP,KAAF;MAASQ;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/modern/Header/Navigation/utils/SelectionContext.js

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

package/dist/modern/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,MAAMC,gBAAgB,gBAAGD,aAAa,CAAC,IAAD,CAAtC;AAEA,eAAeC,gBAAf"}

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

@@ -0,0 +1,24 @@
+import "core-js/modules/web.dom-collections.iterator.js";
+import { useState, useEffect } from "react";
+
+const getSelectionPath = (data, selectedId, selection = [], idx = -1, parent = []) => {
+  data.forEach((item, i) => {
+    const hasData = item.data && item.data.length;
+    const isSelected = item.id === selectedId;
+    if (isSelected) selection.push(...(idx > -1 ? [parent[idx].id] : []), item.id);
+    if (hasData) getSelectionPath(item.data, selectedId, selection, i, data);
+  });
+  return selection;
+};
+
+const useSelectionPath = (data, selectedId) => {
+  const [selectionPath, setSelectionPath] = useState("");
+  useEffect(() => {
+    const path = getSelectionPath(data, selectedId);
+    setSelectionPath(path);
+  }, [data, selectedId]);
+  return selectionPath;
+};
+
+export default useSelectionPath;
+//# sourceMappingURL=useSelectionPath.js.map

package/dist/modern/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,MAAMC,gBAAgB,GAAG,CAACC,IAAD,EAAOC,UAAP,EAAmBC,SAAS,GAAG,EAA/B,EAAmCC,GAAG,GAAG,CAAC,CAA1C,EAA6CC,MAAM,GAAG,EAAtD,KAA6D;EACpFJ,IAAI,CAACK,OAAL,CAAa,CAACC,IAAD,EAAOC,CAAP,KAAa;IACxB,MAAMC,OAAO,GAAGF,IAAI,CAACN,IAAL,IAAaM,IAAI,CAACN,IAAL,CAAUS,MAAvC;IACA,MAAMC,UAAU,GAAGJ,IAAI,CAACK,EAAL,KAAYV,UAA/B;IAEA,IAAIS,UAAJ,EAAgBR,SAAS,CAACU,IAAV,CAAe,IAAIT,GAAG,GAAG,CAAC,CAAP,GAAW,CAACC,MAAM,CAACD,GAAD,CAAN,CAAYQ,EAAb,CAAX,GAA8B,EAAlC,CAAf,EAAsDL,IAAI,CAACK,EAA3D;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,MAAMW,gBAAgB,GAAG,CAACb,IAAD,EAAOC,UAAP,KAAsB;EAC7C,MAAM,CAACa,aAAD,EAAgBC,gBAAhB,IAAoClB,QAAQ,CAAC,EAAD,CAAlD;EAEAC,SAAS,CAAC,MAAM;IACd,MAAMkB,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/modern/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/modern/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/modern/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/modern/Header/styles.js

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

package/dist/modern/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,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,MAAM,EAAE;EADJ,CADmB;EAIzBC,eAAe,EAAE;IACfA,eAAe,EAAEH,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;EAD9B,CAJQ;EAOzBC,MAAM,EAAE;IACNC,OAAO,EAAE,MADH;IAENC,UAAU,EAAE,QAFN;IAGNC,KAAK,EAAE,MAHD;IAINT,MAAM,EAAE,MAJF;IAKNU,OAAO,EAAG,KAAIZ,KAAK,CAACI,EAAN,CAASS,OAAT,CAAiBC,EAAG,IAL5B;IAMNC,SAAS,EAAEf,KAAK,CAACI,EAAN,CAASY,OAAT,CAAiB,CAAjB,CANL;IAON,kBAAkB;MAChBC,MAAM,EAAE;IADQ;EAPZ;AAPiB,CAAZ,CAAf;;AAoBA,eAAelB,MAAf"}

package/dist/modern/Input/Input.d.ts

@@ -0,0 +1,161 @@
+import { StandardProps, InputProps } from "@material-ui/core";
+
+export interface InputSuggestion {
+  id: string;
+  label: string;
+}
+
+export interface HvInputLabelsProp {
+  inputLabel?: string;
+  placeholder?: string;
+  infoText?: string;
+  warningText?: string;
+  maxCharQuantityWarningText?: string;
+  minCharQuantityWarningText?: string;
+  requiredWarningText?: string;
+  clearButtonLabel?: string;
+}
+
+export interface HvInputProps extends StandardProps<InputProps, HvInputClassKey, "onChange"> {
+  /**
+   * An Object containing the various text associated with the input.
+   *
+   * - inputLabel: the label on top of the input.
+   * - placeholder: the placeholder value of the input.
+   * - infoText: the default value of the info text below the input.
+   * - warningText: the value when a validation fails.
+   * - maxCharQuantityWarningText: the message that appears when there are too many characters.
+   * - minCharQuantityWarningText: the message that appears when there are too few characters.
+   * - requiredWarningText: the message that appears when the input is empty and required.
+   * - clearButtonLabel: the label of the clear button.
+   */
+  labels?: HvInputLabelsProp;
+  /**
+   * Attributes applied to the input element.
+   */
+  inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+  /**
+   * Allows passing a ref to the underlying input
+   */
+  inputRef?: React.Ref<unknown>;
+  /**
+   * If ´true´ the input is disabled.
+   */
+  disabled?: boolean;
+  /**
+   * If ´true´ the input value must be filled on blur or else the validation fails.
+   */
+  isRequired?: boolean;
+  /**
+   * If ´true´ the input is of type password hiding the value.
+   */
+  password?: boolean;
+  /**
+   * The function that will be executed to received an array of objects that has a label and id to create list of suggestion
+   */
+  suggestionListCallback?: (value: string) => InputSuggestion[];
+  /**
+   * The function that will be executed after selecting a value in the suggestion list
+   */
+  suggestionSelectedCallback?: (suggestion: InputSuggestion) => void;
+  /**
+   * If `true` information label is shown, `false` otherwise.
+   */
+  showInfo?: boolean;
+  /**
+   * The custom validation function, it receives the value and must return
+   * either ´true´ for valid or ´false´ for invalid, default validations would only
+   * occur if this function is null or undefined
+   */
+  validation?: (value: string) => boolean;
+  /**
+   * The value of the input, when controlled.
+   */
+  value?: string;
+  /**
+   * The initial value of the input, when uncontrolled.
+   */
+  initialValue?: string;
+  /**
+   * If `true` it should autofocus.
+   */
+  autoFocus?: boolean;
+  /**
+   * The initial state of the input.
+   * note: Is recommended you use the provided validationStates object to set this value.
+   */
+  validationState?: "empty" | "filled" | "invalid" | "valid";
+  /**
+   * Show info icon with info label.infoText.
+   */
+  infoIcon?: boolean;
+  /**
+   * If `true` the validation icon is visible, `false` otherwise
+   */
+  validationIconVisible?: boolean;
+  /**
+   * If `true` the clear button is disabled if `false` is enable
+   */
+  disableClear?: boolean;
+  /**
+   * The icon position of the input. It is recommended to use the provided validationIconPosition object to set this value.
+   */
+  validationIconPosition?: "left" | "right";
+  /**
+   * a custom icon to be added into the input.
+   */
+  customFixedIcon?: React.ReactNode;
+  /**
+   * The maximum allowed length of the characters, if this value is null no check
+   * will be performed.
+   */
+  maxCharQuantity?: number;
+  /**
+   * The minimum allowed length of the characters, if this value is null no check
+   * will be perform.
+   */
+  minCharQuantity?: number;
+  /**
+   * Which type of default validation should the input perform. It is recommended to use the provided ValidationTypes object to set this value.
+   */
+  validationType?: "none" | "number" | "email";
+  /**
+   * Overrides any validation with a specific error/warning message to set in the warningText slot.
+   */
+  externalWarningTextOverride?: string;
+
+  /**
+   * Called back when the value is changed.
+   * Return the new value to be accepted, or undefined/void to accept as it is.
+   * The event can be undefined when the clear button is clicked.
+   */
+  onChange?: (
+    event: React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement> | undefined,
+    value: string
+  ) => string | undefined | void;
+}
+
+export type HvInputClassKey =
+  | "root"
+  | "inputRoot"
+  | "inputRootDisabled"
+  | "inputRootInvalid"
+  | "inputRootFocused"
+  | "input"
+  | "inputDisabled"
+  | "suggestionsContainer"
+  | "suggestionList"
+  | "multiLine"
+  | "label"
+  | "labelDisabled"
+  | "labelContainer"
+  | "infoIconContainer"
+  | "infoText"
+  | "text"
+  | "textInfo"
+  | "textWarning"
+  | "showText"
+  | "icon"
+  | "iconClear";
+
+export default function HvInput(props: HvInputProps): JSX.Element | null;