@hitachivantara/uikit-react-core 2.23.2

package/dist/UserPreferences/index.js

@@ -0,0 +1,82 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.keys.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  Actions: true,
+  Options: true
+};
+Object.defineProperty(exports, "Actions", {
+  enumerable: true,
+  get: function get() {
+    return _Actions.default;
+  }
+});
+Object.defineProperty(exports, "Options", {
+  enumerable: true,
+  get: function get() {
+    return _Options.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _UserPreferences.default;
+  }
+});
+
+var _UserPreferences = _interopRequireDefault(require("./UserPreferences"));
+
+var _Actions = _interopRequireWildcard(require("./Actions"));
+
+Object.keys(_Actions).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Actions[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Actions[key];
+    }
+  });
+});
+
+var _Options = _interopRequireWildcard(require("./Options"));
+
+Object.keys(_Options).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Options[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Options[key];
+    }
+  });
+});
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+//# sourceMappingURL=index.js.map

package/dist/UserPreferences/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/UserPreferences/index.js"],"sourcesContent":["export { default } from \"./UserPreferences\";\n\nexport { default as Actions } from \"./Actions\";\nexport * from \"./Actions\";\n\nexport { default as Options } from \"./Options\";\nexport * from \"./Options\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/dist/UserPreferences/styles.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      display: "flex",
+      marginTop: "5px",
+      marginBottom: "0px",
+      zIndex: theme.zIndex.drawer
+    },
+    fixed: {
+      position: "fixed",
+      top: "50px",
+      bottom: 0
+    },
+    relative: {
+      position: "relative"
+    },
+    absolute: {
+      position: "absolute"
+    },
+    static: {
+      position: "static"
+    },
+    container: {
+      display: "flex",
+      zIndex: 20,
+      boxShadow: theme.hv.shadows[1]
+    },
+    contentContainer: {
+      paddingTop: theme.hv.spacing.sm,
+      paddingBottom: theme.hv.spacing.sm,
+      height: "100%",
+      minWidth: "320px",
+      overflow: "auto",
+      backgroundColor: theme.hv.palette.atmosphere.atmo1
+    },
+    userInfo: {
+      paddingLeft: theme.hv.spacing.sm,
+      paddingRight: theme.hv.spacing.sm,
+      marginBottom: theme.hv.spacing.xs,
+      " & > :not(:first-child)": {
+        paddingTop: "5px"
+      }
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/UserPreferences/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","marginTop","marginBottom","zIndex","drawer","fixed","position","top","bottom","relative","absolute","static","container","boxShadow","hv","shadows","contentContainer","paddingTop","spacing","sm","paddingBottom","height","minWidth","overflow","backgroundColor","palette","atmosphere","atmo1","userInfo","paddingLeft","paddingRight","xs"],"sources":["../../src/UserPreferences/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    marginTop: \"5px\",\n    marginBottom: \"0px\",\n    zIndex: theme.zIndex.drawer,\n  },\n  fixed: {\n    position: \"fixed\",\n    top: \"50px\",\n    bottom: 0,\n  },\n  relative: {\n    position: \"relative\",\n  },\n  absolute: {\n    position: \"absolute\",\n  },\n  static: {\n    position: \"static\",\n  },\n  container: {\n    display: \"flex\",\n    zIndex: 20,\n    boxShadow: theme.hv.shadows[1],\n  },\n  contentContainer: {\n    paddingTop: theme.hv.spacing.sm,\n    paddingBottom: theme.hv.spacing.sm,\n    height: \"100%\",\n    minWidth: \"320px\",\n    overflow: \"auto\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n  },\n  userInfo: {\n    paddingLeft: theme.hv.spacing.sm,\n    paddingRight: theme.hv.spacing.sm,\n    marginBottom: theme.hv.spacing.xs,\n    \" & > :not(:first-child)\": {\n      paddingTop: \"5px\",\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,SAAS,EAAE,KAFP;MAGJC,YAAY,EAAE,KAHV;MAIJC,MAAM,EAAEL,KAAK,CAACK,MAAN,CAAaC;IAJjB,CADmB;IAOzBC,KAAK,EAAE;MACLC,QAAQ,EAAE,OADL;MAELC,GAAG,EAAE,MAFA;MAGLC,MAAM,EAAE;IAHH,CAPkB;IAYzBC,QAAQ,EAAE;MACRH,QAAQ,EAAE;IADF,CAZe;IAezBI,QAAQ,EAAE;MACRJ,QAAQ,EAAE;IADF,CAfe;IAkBzBK,MAAM,EAAE;MACNL,QAAQ,EAAE;IADJ,CAlBiB;IAqBzBM,SAAS,EAAE;MACTZ,OAAO,EAAE,MADA;MAETG,MAAM,EAAE,EAFC;MAGTU,SAAS,EAAEf,KAAK,CAACgB,EAAN,CAASC,OAAT,CAAiB,CAAjB;IAHF,CArBc;IA0BzBC,gBAAgB,EAAE;MAChBC,UAAU,EAAEnB,KAAK,CAACgB,EAAN,CAASI,OAAT,CAAiBC,EADb;MAEhBC,aAAa,EAAEtB,KAAK,CAACgB,EAAN,CAASI,OAAT,CAAiBC,EAFhB;MAGhBE,MAAM,EAAE,MAHQ;MAIhBC,QAAQ,EAAE,OAJM;MAKhBC,QAAQ,EAAE,MALM;MAMhBC,eAAe,EAAE1B,KAAK,CAACgB,EAAN,CAASW,OAAT,CAAiBC,UAAjB,CAA4BC;IAN7B,CA1BO;IAkCzBC,QAAQ,EAAE;MACRC,WAAW,EAAE/B,KAAK,CAACgB,EAAN,CAASI,OAAT,CAAiBC,EADtB;MAERW,YAAY,EAAEhC,KAAK,CAACgB,EAAN,CAASI,OAAT,CAAiBC,EAFvB;MAGRjB,YAAY,EAAEJ,KAAK,CAACgB,EAAN,CAASI,OAAT,CAAiBa,EAHvB;MAIR,2BAA2B;QACzBd,UAAU,EAAE;MADa;IAJnB;EAlCe,CAAZ;AAAA,CAAf;;eA4CepB,M"}

package/dist/VerticalNavigation/Actions/Action.d.ts

@@ -0,0 +1,26 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+import { NavigationData } from "../Navigation";
+import { HvTypographyProps } from "../../Typography";
+
+export interface HvActionProps
+  extends StandardProps<HvTypographyProps, HvActionClassKey, "onClick"> {
+  /**
+   * Visual label.
+   */
+  label?: string;
+
+  /**
+   * Icon.
+   */
+  icon?: React.ReactNode;
+
+  /**
+   * Callback called when clicked.
+   */
+  onClick: (event: Event, selectedItem: NavigationData) => void;
+}
+
+export type HvActionClassKey = "action" | "noIcon";
+
+export default function HvVerticalNavigationAction(props: HvActionProps): JSX.Element | null;

package/dist/VerticalNavigation/Actions/Action.js

@@ -0,0 +1,133 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _core = require("@material-ui/core");
+
+var _KeyboardUtils = require("../../utils/KeyboardUtils");
+
+var _Typography = _interopRequireDefault(require("../../Typography"));
+
+var _utils = require("../../utils");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["className", "classes", "id", "label", "icon", "onClick"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var Action = function Action(_ref) {
+  var className = _ref.className,
+      classes = _ref.classes,
+      id = _ref.id,
+      _ref$label = _ref.label,
+      label = _ref$label === void 0 ? "" : _ref$label,
+      icon = _ref.icon,
+      onClick = _ref.onClick,
+      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var handleKeyDown = (0, _react.useCallback)(function (event) {
+    if (onClick == null || !(0, _KeyboardUtils.isKeypress)(event, _KeyboardUtils.KeyboardCodes.Enter) && !(0, _KeyboardUtils.isKeypress)(event, _KeyboardUtils.KeyboardCodes.SpaceBar)) {
+      return;
+    }
+
+    onClick(event);
+  }, [onClick]);
+  var renderedIcon = (0, _react.useMemo)(function () {
+    return icon && /*#__PURE__*/_react.default.cloneElement(icon, {
+      boxStyles: {
+        width: "32px",
+        height: "32px"
+      }
+    });
+  }, [icon]);
+  return /*#__PURE__*/_react.default.createElement(_Typography.default, (0, _extends2.default)({
+    id: (0, _utils.setId)(id, "button"),
+    component: "div",
+    variant: "normalText",
+    role: "button",
+    className: (0, _clsx.default)(className, classes.action, !icon && classes.noIcon),
+    tabIndex: 0,
+    onKeyDown: handleKeyDown,
+    onClick: onClick
+  }, others), renderedIcon, label);
+};
+
+process.env.NODE_ENV !== "production" ? Action.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied to the component.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Style applied to the component.
+     */
+    action: _propTypes.default.string,
+
+    /**
+     * Style applied when no icon is present.
+     */
+    noIcon: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * Id to be applied to the action.
+   */
+  id: _propTypes.default.string,
+
+  /**
+   * Visual label.
+   */
+  label: _propTypes.default.string,
+
+  /**
+   * Icon.
+   */
+  icon: _propTypes.default.node,
+
+  /**
+   * Callback called when clicked.
+   */
+  onClick: _propTypes.default.func
+} : void 0;
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvVerticalNavigationAction"
+})(Action);
+
+exports.default = _default;
+//# sourceMappingURL=Action.js.map

package/dist/VerticalNavigation/Actions/Action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Action.js","names":["Action","className","classes","id","label","icon","onClick","others","handleKeyDown","useCallback","event","isKeypress","KeyboardCodes","Enter","SpaceBar","renderedIcon","useMemo","React","cloneElement","boxStyles","width","height","setId","clsx","action","noIcon","propTypes","PropTypes","string","shape","isRequired","node","func","withStyles","styles","name"],"sources":["../../../src/VerticalNavigation/Actions/Action.js"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { KeyboardCodes, isKeypress } from \"../../utils/KeyboardUtils\";\nimport HvTypography from \"../../Typography\";\nimport { setId } from \"../../utils\";\nimport styles from \"./styles\";\n\nconst Action = ({ className, classes, id, label = \"\", icon, onClick, ...others }) => {\n  const handleKeyDown = useCallback(\n    (event) => {\n      if (\n        onClick == null ||\n        (!isKeypress(event, KeyboardCodes.Enter) && !isKeypress(event, KeyboardCodes.SpaceBar))\n      ) {\n        return;\n      }\n\n      onClick(event);\n    },\n    [onClick]\n  );\n\n  const renderedIcon = useMemo(\n    () =>\n      icon &&\n      React.cloneElement(icon, {\n        boxStyles: { width: \"32px\", height: \"32px\" },\n      }),\n    [icon]\n  );\n\n  return (\n    <HvTypography\n      id={setId(id, \"button\")}\n      component=\"div\"\n      variant=\"normalText\"\n      role=\"button\"\n      className={clsx(className, classes.action, { [classes.noIcon]: !icon })}\n      tabIndex={0}\n      onKeyDown={handleKeyDown}\n      onClick={onClick}\n      {...others}\n    >\n      {renderedIcon}\n      {label}\n    </HvTypography>\n  );\n};\n\nAction.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the component.\n     */\n    action: PropTypes.string,\n    /**\n     * Style applied when no icon is present.\n     */\n    noIcon: PropTypes.string,\n  }).isRequired,\n  /**\n   * Id to be applied to the action.\n   */\n  id: PropTypes.string,\n  /**\n   * Visual label.\n   */\n  label: PropTypes.string,\n  /**\n   * Icon.\n   */\n  icon: PropTypes.node,\n  /**\n   * Callback called when clicked.\n   */\n  onClick: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvVerticalNavigationAction\" })(Action);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,OAAsE;EAAA,IAAnEC,SAAmE,QAAnEA,SAAmE;EAAA,IAAxDC,OAAwD,QAAxDA,OAAwD;EAAA,IAA/CC,EAA+C,QAA/CA,EAA+C;EAAA,sBAA3CC,KAA2C;EAAA,IAA3CA,KAA2C,2BAAnC,EAAmC;EAAA,IAA/BC,IAA+B,QAA/BA,IAA+B;EAAA,IAAzBC,OAAyB,QAAzBA,OAAyB;EAAA,IAAbC,MAAa;EACnF,IAAMC,aAAa,GAAG,IAAAC,kBAAA,EACpB,UAACC,KAAD,EAAW;IACT,IACEJ,OAAO,IAAI,IAAX,IACC,CAAC,IAAAK,yBAAA,EAAWD,KAAX,EAAkBE,4BAAA,CAAcC,KAAhC,CAAD,IAA2C,CAAC,IAAAF,yBAAA,EAAWD,KAAX,EAAkBE,4BAAA,CAAcE,QAAhC,CAF/C,EAGE;MACA;IACD;;IAEDR,OAAO,CAACI,KAAD,CAAP;EACD,CAVmB,EAWpB,CAACJ,OAAD,CAXoB,CAAtB;EAcA,IAAMS,YAAY,GAAG,IAAAC,cAAA,EACnB;IAAA,OACEX,IAAI,iBACJY,cAAA,CAAMC,YAAN,CAAmBb,IAAnB,EAAyB;MACvBc,SAAS,EAAE;QAAEC,KAAK,EAAE,MAAT;QAAiBC,MAAM,EAAE;MAAzB;IADY,CAAzB,CAFF;EAAA,CADmB,EAMnB,CAAChB,IAAD,CANmB,CAArB;EASA,oBACE,6BAAC,mBAAD;IACE,EAAE,EAAE,IAAAiB,YAAA,EAAMnB,EAAN,EAAU,QAAV,CADN;IAEE,SAAS,EAAC,KAFZ;IAGE,OAAO,EAAC,YAHV;IAIE,IAAI,EAAC,QAJP;IAKE,SAAS,EAAE,IAAAoB,aAAA,EAAKtB,SAAL,EAAgBC,OAAO,CAACsB,MAAxB,EAAoD,CAACnB,IAArD,IAAmCH,OAAO,CAACuB,MAA3C,CALb;IAME,QAAQ,EAAE,CANZ;IAOE,SAAS,EAAEjB,aAPb;IAQE,OAAO,EAAEF;EARX,GASMC,MATN,GAWGQ,YAXH,EAYGX,KAZH,CADF;AAgBD,CAxCD;;AA0CA,wCAAAJ,MAAM,CAAC0B,SAAP,GAAmB;EACjB;AACF;AACA;EACEzB,SAAS,EAAE0B,kBAAA,CAAUC,MAJJ;;EAKjB;AACF;AACA;EACE1B,OAAO,EAAEyB,kBAAA,CAAUE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIL,MAAM,EAAEG,kBAAA,CAAUC,MAJK;;IAKvB;AACJ;AACA;IACIH,MAAM,EAAEE,kBAAA,CAAUC;EARK,CAAhB,EASNE,UAjBc;;EAkBjB;AACF;AACA;EACE3B,EAAE,EAAEwB,kBAAA,CAAUC,MArBG;;EAsBjB;AACF;AACA;EACExB,KAAK,EAAEuB,kBAAA,CAAUC,MAzBA;;EA0BjB;AACF;AACA;EACEvB,IAAI,EAAEsB,kBAAA,CAAUI,IA7BC;;EA8BjB;AACF;AACA;EACEzB,OAAO,EAAEqB,kBAAA,CAAUK;AAjCF,CAAnB;;eAoCe,IAAAC,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAA2DnC,MAA3D,C"}

package/dist/VerticalNavigation/Actions/Actions.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export type HvActionsProps = StandardProps<React.HTMLAttributes<HTMLDivElement>, HvActionsClassKey>;
+
+export type HvActionsClassKey = "root";
+
+export default function HvVerticalNavigationActions(props: HvActionsProps): JSX.Element | null;

package/dist/VerticalNavigation/Actions/Actions.js

@@ -0,0 +1,70 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _core = require("@material-ui/core");
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["className", "classes", "id", "children"];
+
+var Actions = function Actions(_ref) {
+  var className = _ref.className,
+      classes = _ref.classes,
+      id = _ref.id,
+      children = _ref.children,
+      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    id: id,
+    className: (0, _clsx.default)(className, classes.root)
+  }, others), children);
+};
+
+process.env.NODE_ENV !== "production" ? Actions.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied to the component.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Style applied to the component.
+     */
+    root: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * Id to be applied to the actions container.
+   */
+  id: _propTypes.default.string,
+
+  /**
+   * Node to be rendered
+   */
+  children: _propTypes.default.node
+} : void 0;
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvVerticalNavigationActions"
+})(Actions);
+
+exports.default = _default;
+//# sourceMappingURL=Actions.js.map

package/dist/VerticalNavigation/Actions/Actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.js","names":["Actions","className","classes","id","children","others","clsx","root","propTypes","PropTypes","string","shape","isRequired","node","withStyles","styles","name"],"sources":["../../../src/VerticalNavigation/Actions/Actions.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport clsx from \"clsx\";\nimport styles from \"./styles\";\n\nconst Actions = ({ className, classes, id, children, ...others }) => {\n  return (\n    <div id={id} className={clsx(className, classes.root)} {...others}>\n      {children}\n    </div>\n  );\n};\n\nActions.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the component.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * Id to be applied to the actions container.\n   */\n  id: PropTypes.string,\n  /**\n   * Node to be rendered\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvVerticalNavigationActions\" })(Actions);\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAAqD;EAAA,IAAlDC,SAAkD,QAAlDA,SAAkD;EAAA,IAAvCC,OAAuC,QAAvCA,OAAuC;EAAA,IAA9BC,EAA8B,QAA9BA,EAA8B;EAAA,IAA1BC,QAA0B,QAA1BA,QAA0B;EAAA,IAAbC,MAAa;EACnE,oBACE;IAAK,EAAE,EAAEF,EAAT;IAAa,SAAS,EAAE,IAAAG,aAAA,EAAKL,SAAL,EAAgBC,OAAO,CAACK,IAAxB;EAAxB,GAA2DF,MAA3D,GACGD,QADH,CADF;AAKD,CAND;;AAQA,wCAAAJ,OAAO,CAACQ,SAAR,GAAoB;EAClB;AACF;AACA;EACEP,SAAS,EAAEQ,kBAAA,CAAUC,MAJH;;EAKlB;AACF;AACA;EACER,OAAO,EAAEO,kBAAA,CAAUE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIJ,IAAI,EAAEE,kBAAA,CAAUC;EAJO,CAAhB,EAKNE,UAbe;;EAclB;AACF;AACA;EACET,EAAE,EAAEM,kBAAA,CAAUC,MAjBI;;EAkBlB;AACF;AACA;EACEN,QAAQ,EAAEK,kBAAA,CAAUI;AArBF,CAApB;;eAwBe,IAAAC,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAA4DhB,OAA5D,C"}

package/dist/VerticalNavigation/Actions/index.d.ts

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

package/dist/VerticalNavigation/Actions/index.js

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

package/dist/VerticalNavigation/Actions/index.js.map

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

package/dist/VerticalNavigation/Actions/styles.js

@@ -0,0 +1,74 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _styles = require("../../Focus/styles");
+
+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) { (0, _defineProperty2.default)(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; }
+
+var hover = function hover(theme) {
+  return {
+    background: theme.hv.palette.atmosphere.atmo4,
+    "& *": {
+      background: theme.hv.palette.atmosphere.atmo4
+    }
+  };
+};
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      display: "block",
+      background: theme.hv.palette.atmosphere.atmo1,
+      "& :not(:last-child)": {
+        marginBottom: "8px"
+      }
+    },
+    action: {
+      width: "100%",
+      display: "flex",
+      justifyContent: "flex-start",
+      alignItems: "center",
+      height: "32px",
+      color: theme.hv.palette.atmosphere.acce1,
+      // hover
+      "&:hover": hover(theme),
+      "&:focus": _objectSpread(_objectSpread({}, _styles.outlineStyles), hover(theme)),
+      // cursor
+      cursor: "pointer",
+      "& *": {
+        cursor: "pointer"
+      }
+    },
+    noIcon: {
+      paddingLeft: "".concat(theme.hv.spacing.xs, "px")
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/VerticalNavigation/Actions/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["hover","theme","background","hv","palette","atmosphere","atmo4","styles","root","display","atmo1","marginBottom","action","width","justifyContent","alignItems","height","color","acce1","outlineStyles","cursor","noIcon","paddingLeft","spacing","xs"],"sources":["../../../src/VerticalNavigation/Actions/styles.js"],"sourcesContent":["import { outlineStyles } from \"../../Focus/styles\";\n\nconst hover = (theme) => ({\n  background: theme.hv.palette.atmosphere.atmo4,\n  \"& *\": {\n    background: theme.hv.palette.atmosphere.atmo4,\n  },\n});\n\nconst styles = (theme) => ({\n  root: {\n    display: \"block\",\n    background: theme.hv.palette.atmosphere.atmo1,\n\n    \"& :not(:last-child)\": {\n      marginBottom: \"8px\",\n    },\n  },\n\n  action: {\n    width: \"100%\",\n    display: \"flex\",\n    justifyContent: \"flex-start\",\n    alignItems: \"center\",\n    height: \"32px\",\n    color: theme.hv.palette.atmosphere.acce1,\n\n    // hover\n    \"&:hover\": hover(theme),\n\n    \"&:focus\": {\n      ...outlineStyles,\n      ...hover(theme),\n    },\n\n    // cursor\n    cursor: \"pointer\",\n    \"& *\": {\n      cursor: \"pointer\",\n    },\n  },\n  noIcon: {\n    paddingLeft: `${theme.hv.spacing.xs}px`,\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;EAAA,OAAY;IACxBC,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KADhB;IAExB,OAAO;MACLJ,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;IADnC;EAFiB,CAAZ;AAAA,CAAd;;AAOA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACN,KAAD;EAAA,OAAY;IACzBO,IAAI,EAAE;MACJC,OAAO,EAAE,OADL;MAEJP,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BK,KAFpC;MAIJ,uBAAuB;QACrBC,YAAY,EAAE;MADO;IAJnB,CADmB;IAUzBC,MAAM,EAAE;MACNC,KAAK,EAAE,MADD;MAENJ,OAAO,EAAE,MAFH;MAGNK,cAAc,EAAE,YAHV;MAINC,UAAU,EAAE,QAJN;MAKNC,MAAM,EAAE,MALF;MAMNC,KAAK,EAAEhB,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4Ba,KAN7B;MAQN;MACA,WAAWlB,KAAK,CAACC,KAAD,CATV;MAWN,2CACKkB,qBADL,GAEKnB,KAAK,CAACC,KAAD,CAFV,CAXM;MAgBN;MACAmB,MAAM,EAAE,SAjBF;MAkBN,OAAO;QACLA,MAAM,EAAE;MADH;IAlBD,CAViB;IAgCzBC,MAAM,EAAE;MACNC,WAAW,YAAKrB,KAAK,CAACE,EAAN,CAASoB,OAAT,CAAiBC,EAAtB;IADL;EAhCiB,CAAZ;AAAA,CAAf;;eAqCejB,M"}

package/dist/VerticalNavigation/Navigation/Navigation.d.ts

@@ -0,0 +1,53 @@
+import React, { MouseEvent } from "react";
+import { StandardProps } from "@material-ui/core";
+
+export interface NavigationData {
+  /**
+   * the id to be applied to the root element.
+   */
+  id: string;
+  /**
+   * the label to be rendered on the menu item.
+   */
+  label: string;
+  /**
+   * Icon to be render.
+   */
+  icon?: React.ReactNode;
+  /**
+   * Data subset.
+   */
+  data?: NavigationData[];
+}
+
+export interface HvVerticalNavigationNavigationProps
+  extends StandardProps<React.HTMLAttributes<HTMLElement>, HvNavigationClassKey, "onClick"> {
+  /**
+   * Label.
+   */
+  label?: 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?: NavigationData[];
+
+  /**
+   * Menu item id selected.
+   */
+  selected?: string;
+
+  /**
+   * Callback triggered when any item is clicked.
+   */
+  onClick?: (event: MouseEvent, selectedItem: NavigationData) => void;
+}
+
+export type HvNavigationClassKey = "root";
+
+export default function HvVerticalNavigationNavigation(
+  props: HvVerticalNavigationNavigationProps
+): JSX.Element | null;