@hitachivantara/uikit-react-core 3.52.5

package/dist/modern/UserPreferences/UserPreferences.js

@@ -0,0 +1,212 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["className", "classes", "isOpen", "toggleOpenCallback", "children", "position", "closeOnExit", "userInfo"];
+import "core-js/modules/web.dom-collections.iterator.js";
+import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import PropTypes from "prop-types";
+import ClickAwayListener from "@material-ui/core/ClickAwayListener";
+import { withStyles } from "@material-ui/core";
+import clsx from "clsx";
+import isNil from "lodash/isNil";
+import { getFirstAndLastFocus, isKeypress, KeyboardCodes } from "../utils";
+import styles from "./styles";
+import Typography from "../Typography";
+/**
+ * User preferences are a group of configurable settings that can be customized for a particular user.
+ *
+ * Our implementation of the User Preferences component is divided in:
+ * <ul>
+ * <li>Actions - container for actions</li>
+ * <li>Action - action button</li>
+ * <li>Options - container for options</li>
+ * <li>Group - creates a division between different sets of option, with the possibility of setting a label</li>
+ * <li>Label - Label typography.</li>
+ * <li>Option - Option button</li>
+ * </ul>
+ * To build the User Preferences component, a composition of these elements should be used.
+ *
+ */
+
+const HvUserPreferences = _ref => {
+  let {
+    className,
+    classes,
+    isOpen = false,
+    toggleOpenCallback,
+    children,
+    position = "static",
+    closeOnExit = false,
+    userInfo
+  } = _ref,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  const [open, setOpen] = useState(isOpen);
+  const [prevPropOpen, setPrevPropOpen] = useState(null);
+  const containerRef = useRef(null);
+  const focusableList = useRef(null);
+
+  if (isOpen !== prevPropOpen) {
+    setOpen(isOpen);
+    setPrevPropOpen(isOpen);
+  }
+  /**
+   * Fills the object with the first and last focusable element inside the container.
+   * When the container is open the first focusable element is focus.
+   */
+
+
+  useEffect(() => {
+    setTimeout(() => {
+      if (open) {
+        focusableList.current = getFirstAndLastFocus(containerRef.current);
+        if (focusableList.current.first) focusableList.current.first.focus();
+      }
+    });
+  }, [open]);
+  /**
+   * Toggle the open state based on the received parameter.
+   */
+
+  const toggleOpen = useCallback((newState = null) => {
+    if (newState !== null) {
+      if (newState !== open) {
+        setOpen(newState);
+      } else {
+        return;
+      }
+    } else {
+      setOpen(prevState => !prevState);
+    }
+
+    toggleOpenCallback === null || toggleOpenCallback === void 0 ? void 0 : toggleOpenCallback(newState);
+  }, [toggleOpenCallback, open]);
+  /**
+   * Handler of keyboard clicks.
+   */
+
+  const handlerKeyContainer = useCallback(event => {
+    if (closeOnExit) {
+      if (isKeypress(event, KeyboardCodes.Tab) && !isNil(event.target) && !isNil(focusableList.current) && !isNil(focusableList.current.first)) {
+        if (event.shiftKey && event.target.id === focusableList.current.first.id || !event.shiftKey && event.target.id === focusableList.current.last.id) {
+          toggleOpen(false);
+        }
+      }
+
+      if (isKeypress(event, KeyboardCodes.Esc) === false) {
+        return;
+      }
+
+      toggleOpen(false);
+    }
+  }, [closeOnExit, toggleOpen]);
+  const renderedContainer = useMemo(() => /*#__PURE__*/React.createElement(ClickAwayListener, {
+    onClickAway: () => closeOnExit && toggleOpen(false)
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: containerRef,
+    className: classes.contentContainer,
+    onKeyDown: handlerKeyContainer
+  }, userInfo && /*#__PURE__*/React.createElement("div", {
+    className: classes.userInfo
+  }, /*#__PURE__*/React.createElement(Typography, {
+    variant: "highlightText"
+  }, userInfo.label1), /*#__PURE__*/React.createElement(Typography, null, userInfo.label2)), children)), [children, classes.userInfo, classes.contentContainer, handlerKeyContainer, userInfo, closeOnExit, toggleOpen]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: clsx(classes.root, className, {
+      "static": classes.static,
+      "relative": classes.relative,
+      "fixed": classes.fixed,
+      "absolute": classes.absolute
+    }[position])
+  }, /*#__PURE__*/React.createElement("div", _extends({
+    className: classes.container
+  }, others), open && renderedContainer));
+};
+
+HvUserPreferences.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied when position is fixed.
+     */
+    fixed: PropTypes.string,
+
+    /**
+     * Styles applied when position is relative.
+     */
+    relative: PropTypes.string,
+
+    /**
+     * Styles applied when position is absolute.
+     */
+    absolute: PropTypes.string,
+
+    /**
+     * Styles applied when position is static.
+     */
+    static: PropTypes.string,
+
+    /**
+     * Styles applied to the container.
+     */
+    container: PropTypes.string,
+
+    /**
+     * Styles applied to the inside of the container.
+     */
+    contentContainer: PropTypes.string,
+
+    /**
+     * Styles applied to the user information.
+     */
+    userInfo: PropTypes.string
+  }).isRequired,
+
+  /**
+   * Defines if the user preferences is shown.
+   */
+  isOpen: PropTypes.bool,
+
+  /**
+   * Position of the component.
+   */
+  position: PropTypes.oneOf(["static", "relative", "fixed", "absolute"]),
+
+  /**
+   * Children component.
+   */
+  children: PropTypes.node.isRequired,
+
+  /**
+   * Callback when the navigation toggles between open and close.
+   */
+  toggleOpenCallback: PropTypes.func,
+
+  /**
+   * Defines if the content pane should close when losing focus / clicking outside.
+   */
+  closeOnExit: PropTypes.bool,
+
+  /**
+   * User information.
+   */
+  userInfo: PropTypes.shape({
+    label1: PropTypes.string,
+    label2: PropTypes.string
+  })
+};
+export default withStyles(styles, {
+  name: "HvUserPreferences"
+})(HvUserPreferences);
+//# sourceMappingURL=UserPreferences.js.map

package/dist/modern/UserPreferences/UserPreferences.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/UserPreferences/UserPreferences.js"],"names":["React","useCallback","useEffect","useMemo","useRef","useState","PropTypes","ClickAwayListener","withStyles","clsx","isNil","getFirstAndLastFocus","isKeypress","KeyboardCodes","styles","Typography","HvUserPreferences","className","classes","isOpen","toggleOpenCallback","children","position","closeOnExit","userInfo","others","open","setOpen","prevPropOpen","setPrevPropOpen","containerRef","focusableList","setTimeout","current","first","focus","toggleOpen","newState","prevState","handlerKeyContainer","event","Tab","target","shiftKey","id","last","Esc","renderedContainer","contentContainer","label1","label2","root","static","relative","fixed","absolute","container","propTypes","string","shape","isRequired","bool","oneOf","node","func","name"],"mappings":"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","sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport ClickAwayListener from \"@material-ui/core/ClickAwayListener\";\nimport { withStyles } from \"@material-ui/core\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { getFirstAndLastFocus, isKeypress, KeyboardCodes } from \"../utils\";\nimport styles from \"./styles\";\nimport Typography from \"../Typography\";\n\n/**\n * User preferences are a group of configurable settings that can be customized for a particular user.\n *\n * Our implementation of the User Preferences component is divided in:\n * <ul>\n * <li>Actions - container for actions</li>\n * <li>Action - action button</li>\n * <li>Options - container for options</li>\n * <li>Group - creates a division between different sets of option, with the possibility of setting a label</li>\n * <li>Label - Label typography.</li>\n * <li>Option - Option button</li>\n * </ul>\n * To build the User Preferences component, a composition of these elements should be used.\n *\n */\nconst HvUserPreferences = ({\n  className,\n  classes,\n  isOpen = false,\n  toggleOpenCallback,\n  children,\n  position = \"static\",\n  closeOnExit = false,\n  userInfo,\n  ...others\n}) => {\n  const [open, setOpen] = useState(isOpen);\n  const [prevPropOpen, setPrevPropOpen] = useState(null);\n  const containerRef = useRef(null);\n  const focusableList = useRef(null);\n\n  if (isOpen !== prevPropOpen) {\n    setOpen(isOpen);\n    setPrevPropOpen(isOpen);\n  }\n\n  /**\n   * Fills the object with the first and last focusable element inside the container.\n   * When the container is open the first focusable element is focus.\n   */\n  useEffect(() => {\n    setTimeout(() => {\n      if (open) {\n        focusableList.current = getFirstAndLastFocus(containerRef.current);\n        if (focusableList.current.first) focusableList.current.first.focus();\n      }\n    });\n  }, [open]);\n\n  /**\n   * Toggle the open state based on the received parameter.\n   */\n  const toggleOpen = useCallback(\n    (newState = null) => {\n      if (newState !== null) {\n        if (newState !== open) {\n          setOpen(newState);\n        } else {\n          return;\n        }\n      } else {\n        setOpen((prevState) => !prevState);\n      }\n      toggleOpenCallback?.(newState);\n    },\n    [toggleOpenCallback, open]\n  );\n\n  /**\n   * Handler of keyboard clicks.\n   */\n  const handlerKeyContainer = useCallback(\n    (event) => {\n      if (closeOnExit) {\n        if (\n          isKeypress(event, KeyboardCodes.Tab) &&\n          !isNil(event.target) &&\n          !isNil(focusableList.current) &&\n          !isNil(focusableList.current.first)\n        ) {\n          if (\n            (event.shiftKey && event.target.id === focusableList.current.first.id) ||\n            (!event.shiftKey && event.target.id === focusableList.current.last.id)\n          ) {\n            toggleOpen(false);\n          }\n        }\n        if (isKeypress(event, KeyboardCodes.Esc) === false) {\n          return;\n        }\n        toggleOpen(false);\n      }\n    },\n    [closeOnExit, toggleOpen]\n  );\n\n  const renderedContainer = useMemo(\n    () => (\n      <ClickAwayListener onClickAway={() => closeOnExit && toggleOpen(false)}>\n        {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n        <div\n          ref={containerRef}\n          className={classes.contentContainer}\n          onKeyDown={handlerKeyContainer}\n        >\n          {userInfo && (\n            <div className={classes.userInfo}>\n              <Typography variant=\"highlightText\">{userInfo.label1}</Typography>\n              <Typography>{userInfo.label2}</Typography>\n            </div>\n          )}\n          {children}\n        </div>\n      </ClickAwayListener>\n    ),\n    [\n      children,\n      classes.userInfo,\n      classes.contentContainer,\n      handlerKeyContainer,\n      userInfo,\n      closeOnExit,\n      toggleOpen,\n    ]\n  );\n\n  return (\n    <div\n      className={clsx([\n        classes.root,\n        {\n          [classes.static]: position === \"static\",\n          [classes.relative]: position === \"relative\",\n          [classes.fixed]: position === \"fixed\",\n          [classes.absolute]: position === \"absolute\",\n        },\n        className,\n      ])}\n    >\n      <div className={classes.container} {...others}>\n        {open && renderedContainer}\n      </div>\n    </div>\n  );\n};\n\nHvUserPreferences.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.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied when position is fixed.\n     */\n    fixed: PropTypes.string,\n    /**\n     * Styles applied when position is relative.\n     */\n    relative: PropTypes.string,\n    /**\n     * Styles applied when position is absolute.\n     */\n    absolute: PropTypes.string,\n    /**\n     * Styles applied when position is static.\n     */\n    static: PropTypes.string,\n    /**\n     * Styles applied to the container.\n     */\n    container: PropTypes.string,\n    /**\n     * Styles applied to the inside of the container.\n     */\n    contentContainer: PropTypes.string,\n    /**\n     * Styles applied to the user information.\n     */\n    userInfo: PropTypes.string,\n  }).isRequired,\n  /**\n   * Defines if the user preferences is shown.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * Position of the component.\n   */\n  position: PropTypes.oneOf([\"static\", \"relative\", \"fixed\", \"absolute\"]),\n  /**\n   * Children component.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Callback when the navigation toggles between open and close.\n   */\n  toggleOpenCallback: PropTypes.func,\n  /**\n   * Defines if the content pane should close when losing focus / clicking outside.\n   */\n  closeOnExit: PropTypes.bool,\n  /**\n   * User information.\n   */\n  userInfo: PropTypes.shape({\n    label1: PropTypes.string,\n    label2: PropTypes.string,\n  }),\n};\n\nexport default withStyles(styles, { name: \"HvUserPreferences\" })(HvUserPreferences);\n"],"file":"UserPreferences.js"}

package/dist/modern/UserPreferences/index.d.ts

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

package/dist/modern/UserPreferences/index.js

@@ -0,0 +1,6 @@
+export { default } from "./UserPreferences";
+export { default as Action } from "./Action";
+export { default as Actions } from "./Actions";
+export { default as Options } from "./Options";
+export * from "./Options";
+//# sourceMappingURL=index.js.map

package/dist/modern/UserPreferences/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/UserPreferences/index.js"],"names":["default","Action","Actions","Options"],"mappings":"AAAA,SAASA,OAAT,QAAwB,mBAAxB;AAEA,SAASA,OAAO,IAAIC,MAApB,QAAkC,UAAlC;AACA,SAASD,OAAO,IAAIE,OAApB,QAAmC,WAAnC;AAEA,SAASF,OAAO,IAAIG,OAApB,QAAmC,WAAnC;AACA,cAAc,WAAd","sourcesContent":["export { default } from \"./UserPreferences\";\n\nexport { default as Action } from \"./Action\";\nexport { default as Actions } from \"./Actions\";\n\nexport { default as Options } from \"./Options\";\nexport * from \"./Options\";\n"],"file":"index.js"}

package/dist/modern/UserPreferences/styles.js

@@ -0,0 +1,83 @@
+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); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+import { outlineStyles } from "../Focus/styles";
+export const hover = theme => ({
+  backgroundColor: theme.palette.atmo3
+});
+export const selected = theme => ({
+  backgroundColor: theme.palette.atmo3,
+  color: theme.palette.acce1,
+  "& *": {
+    backgroundColor: theme.palette.atmo3,
+    color: theme.palette.acce1
+  },
+  "& svg *.color0": {
+    fill: theme.palette.acce1
+  }
+});
+export const buttonStyles = theme => ({
+  width: "100%",
+  display: "flex",
+  justifyContent: "flex-start",
+  alignItems: "center",
+  height: "32px",
+  color: theme.hv.palette.atmosphere.acce1,
+  borderRadius: 0,
+  cursor: "pointer",
+  "&:hover": hover(theme),
+  "&:focus": {
+    outline: "none"
+  },
+  "&.focus-visible": _objectSpread(_objectSpread({}, hover(theme)), outlineStyles)
+});
+
+const styles = theme => ({
+  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"
+    }
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/UserPreferences/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/UserPreferences/styles.js"],"names":["outlineStyles","hover","theme","backgroundColor","palette","atmo3","selected","color","acce1","fill","buttonStyles","width","display","justifyContent","alignItems","height","hv","atmosphere","borderRadius","cursor","outline","styles","root","marginTop","marginBottom","zIndex","drawer","fixed","position","top","bottom","relative","absolute","static","container","boxShadow","shadows","contentContainer","paddingTop","spacing","sm","paddingBottom","minWidth","overflow","atmo1","userInfo","paddingLeft","paddingRight","xs"],"mappings":"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","sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nexport const hover = (theme) => ({\n  backgroundColor: theme.palette.atmo3,\n});\n\nexport const selected = (theme) => ({\n  backgroundColor: theme.palette.atmo3,\n  color: theme.palette.acce1,\n  \"& *\": {\n    backgroundColor: theme.palette.atmo3,\n    color: theme.palette.acce1,\n  },\n  \"& svg *.color0\": {\n    fill: theme.palette.acce1,\n  },\n});\n\nexport const buttonStyles = (theme) => ({\n  width: \"100%\",\n  display: \"flex\",\n  justifyContent: \"flex-start\",\n  alignItems: \"center\",\n  height: \"32px\",\n  color: theme.hv.palette.atmosphere.acce1,\n  borderRadius: 0,\n  cursor: \"pointer\",\n\n  \"&:hover\": hover(theme),\n\n  \"&:focus\": {\n    outline: \"none\",\n  },\n  \"&.focus-visible\": { ...hover(theme), ...outlineStyles },\n});\n\nconst 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"],"file":"styles.js"}

package/dist/modern/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 type HvActionClassKey = "action" | "noIcon";
+
+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 default function HvVerticalNavigationAction(props: HvActionProps): JSX.Element | null;

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

@@ -0,0 +1,86 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["className", "classes", "id", "label", "icon", "onClick"];
+import React, { useCallback } from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { withStyles } from "@material-ui/core";
+import { KeyboardCodes, isKeypress } from "../../utils/KeyboardUtils";
+import HvTypography from "../../Typography";
+import { setId } from "../../utils";
+import styles from "./styles";
+
+const Action = _ref => {
+  let {
+    className,
+    classes,
+    id,
+    label = "",
+    icon,
+    onClick
+  } = _ref,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  const handleKeyDown = useCallback(event => {
+    if (onClick == null || !isKeypress(event, KeyboardCodes.Enter) && !isKeypress(event, KeyboardCodes.SpaceBar)) {
+      return;
+    }
+
+    onClick(event);
+  }, [onClick]);
+  return /*#__PURE__*/React.createElement(HvTypography, _extends({
+    id: setId(id, "button"),
+    component: "div",
+    role: "button",
+    className: clsx(className, classes.action, !icon && classes.noIcon),
+    tabIndex: 0,
+    onKeyDown: handleKeyDown,
+    onClick: onClick
+  }, others), icon, label);
+};
+
+Action.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied to the component.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Style applied to the component.
+     */
+    action: PropTypes.string,
+
+    /**
+     * Style applied when no icon is present.
+     */
+    noIcon: PropTypes.string
+  }).isRequired,
+
+  /**
+   * Id to be applied to the action.
+   */
+  id: PropTypes.string,
+
+  /**
+   * Visual label.
+   */
+  label: PropTypes.string,
+
+  /**
+   * Icon.
+   */
+  icon: PropTypes.node,
+
+  /**
+   * Callback called when clicked.
+   */
+  onClick: PropTypes.func
+};
+export default withStyles(styles, {
+  name: "HvVerticalNavigationAction"
+})(Action);
+//# sourceMappingURL=Action.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/VerticalNavigation/Actions/Action.js"],"names":["React","useCallback","PropTypes","clsx","withStyles","KeyboardCodes","isKeypress","HvTypography","setId","styles","Action","className","classes","id","label","icon","onClick","others","handleKeyDown","event","Enter","SpaceBar","action","noIcon","propTypes","string","shape","isRequired","node","func","name"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,WAAhB,QAAmC,OAAnC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,aAAT,EAAwBC,UAAxB,QAA0C,2BAA1C;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,SAASC,KAAT,QAAsB,aAAtB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,MAAM,GAAG,QAAsE;AAAA,MAArE;AAAEC,IAAAA,SAAF;AAAaC,IAAAA,OAAb;AAAsBC,IAAAA,EAAtB;AAA0BC,IAAAA,KAAK,GAAG,EAAlC;AAAsCC,IAAAA,IAAtC;AAA4CC,IAAAA;AAA5C,GAAqE;AAAA,MAAbC,MAAa;;AACnF,QAAMC,aAAa,GAAGjB,WAAW,CAC9BkB,KAAD,IAAW;AACT,QACEH,OAAO,IAAI,IAAX,IACC,CAACV,UAAU,CAACa,KAAD,EAAQd,aAAa,CAACe,KAAtB,CAAX,IAA2C,CAACd,UAAU,CAACa,KAAD,EAAQd,aAAa,CAACgB,QAAtB,CAFzD,EAGE;AACA;AACD;;AAEDL,IAAAA,OAAO,CAACG,KAAD,CAAP;AACD,GAV8B,EAW/B,CAACH,OAAD,CAX+B,CAAjC;AAcA,sBACE,oBAAC,YAAD;AACE,IAAA,EAAE,EAAER,KAAK,CAACK,EAAD,EAAK,QAAL,CADX;AAEE,IAAA,SAAS,EAAC,KAFZ;AAGE,IAAA,IAAI,EAAC,QAHP;AAIE,IAAA,SAAS,EAAEV,IAAI,CAACQ,SAAD,EAAYC,OAAO,CAACU,MAApB,EAAgD,CAACP,IAAjD,IAA+BH,OAAO,CAACW,MAAvC,CAJjB;AAKE,IAAA,QAAQ,EAAE,CALZ;AAME,IAAA,SAAS,EAAEL,aANb;AAOE,IAAA,OAAO,EAAEF;AAPX,KAQMC,MARN,GAUGF,IAVH,EAWGD,KAXH,CADF;AAeD,CA9BD;;AAgCAJ,MAAM,CAACc,SAAP,GAAmB;AACjB;AACF;AACA;AACEb,EAAAA,SAAS,EAAET,SAAS,CAACuB,MAJJ;;AAKjB;AACF;AACA;AACEb,EAAAA,OAAO,EAAEV,SAAS,CAACwB,KAAV,CAAgB;AACvB;AACJ;AACA;AACIJ,IAAAA,MAAM,EAAEpB,SAAS,CAACuB,MAJK;;AAKvB;AACJ;AACA;AACIF,IAAAA,MAAM,EAAErB,SAAS,CAACuB;AARK,GAAhB,EASNE,UAjBc;;AAkBjB;AACF;AACA;AACEd,EAAAA,EAAE,EAAEX,SAAS,CAACuB,MArBG;;AAsBjB;AACF;AACA;AACEX,EAAAA,KAAK,EAAEZ,SAAS,CAACuB,MAzBA;;AA0BjB;AACF;AACA;AACEV,EAAAA,IAAI,EAAEb,SAAS,CAAC0B,IA7BC;;AA8BjB;AACF;AACA;AACEZ,EAAAA,OAAO,EAAEd,SAAS,CAAC2B;AAjCF,CAAnB;AAoCA,eAAezB,UAAU,CAACK,MAAD,EAAS;AAAEqB,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAA2DpB,MAA3D,CAAf","sourcesContent":["import React, { useCallback } 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  return (\n    <HvTypography\n      id={setId(id, \"button\")}\n      component=\"div\"\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      {icon}\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"],"file":"Action.js"}

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

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

package/dist/modern/VerticalNavigation/Actions/Actions.js

@@ -0,0 +1,54 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["className", "classes", "id", "children"];
+import React from "react";
+import PropTypes from "prop-types";
+import { withStyles } from "@material-ui/core";
+import clsx from "clsx";
+import styles from "./styles";
+
+const Actions = _ref => {
+  let {
+    className,
+    classes,
+    id,
+    children
+  } = _ref,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement("div", _extends({
+    id: id,
+    className: clsx(className, classes.root)
+  }, others), children);
+};
+
+Actions.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied to the component.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Style applied to the component.
+     */
+    root: PropTypes.string
+  }).isRequired,
+
+  /**
+   * Id to be applied to the actions container.
+   */
+  id: PropTypes.string,
+
+  /**
+   * Node to be rendered
+   */
+  children: PropTypes.node
+};
+export default withStyles(styles, {
+  name: "HvVerticalNavigationActions"
+})(Actions);
+//# sourceMappingURL=Actions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/VerticalNavigation/Actions/Actions.js"],"names":["React","PropTypes","withStyles","clsx","styles","Actions","className","classes","id","children","others","root","propTypes","string","shape","isRequired","node","name"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,OAAO,GAAG,QAAqD;AAAA,MAApD;AAAEC,IAAAA,SAAF;AAAaC,IAAAA,OAAb;AAAsBC,IAAAA,EAAtB;AAA0BC,IAAAA;AAA1B,GAAoD;AAAA,MAAbC,MAAa;;AACnE,sBACE;AAAK,IAAA,EAAE,EAAEF,EAAT;AAAa,IAAA,SAAS,EAAEL,IAAI,CAACG,SAAD,EAAYC,OAAO,CAACI,IAApB;AAA5B,KAA2DD,MAA3D,GACGD,QADH,CADF;AAKD,CAND;;AAQAJ,OAAO,CAACO,SAAR,GAAoB;AAClB;AACF;AACA;AACEN,EAAAA,SAAS,EAAEL,SAAS,CAACY,MAJH;;AAKlB;AACF;AACA;AACEN,EAAAA,OAAO,EAAEN,SAAS,CAACa,KAAV,CAAgB;AACvB;AACJ;AACA;AACIH,IAAAA,IAAI,EAAEV,SAAS,CAACY;AAJO,GAAhB,EAKNE,UAbe;;AAclB;AACF;AACA;AACEP,EAAAA,EAAE,EAAEP,SAAS,CAACY,MAjBI;;AAkBlB;AACF;AACA;AACEJ,EAAAA,QAAQ,EAAER,SAAS,CAACe;AArBF,CAApB;AAwBA,eAAed,UAAU,CAACE,MAAD,EAAS;AAAEa,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAA4DZ,OAA5D,CAAf","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"],"file":"Actions.js"}

package/dist/modern/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/modern/VerticalNavigation/Actions/index.js

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

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

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

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

@@ -0,0 +1,49 @@
+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); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+import { outlineStyles } from "../../Focus/styles";
+
+const hover = theme => ({
+  background: theme.hv.palette.atmosphere.atmo3,
+  "& *": {
+    background: theme.hv.palette.atmosphere.atmo3
+  }
+});
+
+const styles = theme => ({
+  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({
+      outline: "none"
+    }, hover(theme)),
+    "&.focus-visible": _objectSpread({}, outlineStyles),
+    // cursor
+    cursor: "pointer",
+    "& *": {
+      cursor: "pointer"
+    }
+  },
+  noIcon: {
+    paddingLeft: theme.hv.spacing.xs
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/VerticalNavigation/Actions/styles.js"],"names":["outlineStyles","hover","theme","background","hv","palette","atmosphere","atmo3","styles","root","display","atmo1","marginBottom","action","width","justifyContent","alignItems","height","color","acce1","outline","cursor","noIcon","paddingLeft","spacing","xs"],"mappings":";;;;;;AAAA,SAASA,aAAT,QAA8B,oBAA9B;;AAEA,MAAMC,KAAK,GAAIC,KAAD,KAAY;AACxBC,EAAAA,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KADhB;AAExB,SAAO;AACLJ,IAAAA,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;AADnC;AAFiB,CAAZ,CAAd;;AAOA,MAAMC,MAAM,GAAIN,KAAD,KAAY;AACzBO,EAAAA,IAAI,EAAE;AACJC,IAAAA,OAAO,EAAE,OADL;AAEJP,IAAAA,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BK,KAFpC;AAIJ,2BAAuB;AACrBC,MAAAA,YAAY,EAAE;AADO;AAJnB,GADmB;AAUzBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,KAAK,EAAE,MADD;AAENJ,IAAAA,OAAO,EAAE,MAFH;AAGNK,IAAAA,cAAc,EAAE,YAHV;AAINC,IAAAA,UAAU,EAAE,QAJN;AAKNC,IAAAA,MAAM,EAAE,MALF;AAMNC,IAAAA,KAAK,EAAEhB,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4Ba,KAN7B;AAQN;AACA,eAAWlB,KAAK,CAACC,KAAD,CATV;AAWN;AACEkB,MAAAA,OAAO,EAAE;AADX,OAEKnB,KAAK,CAACC,KAAD,CAFV,CAXM;AAgBN,yCACKF,aADL,CAhBM;AAoBN;AACAqB,IAAAA,MAAM,EAAE,SArBF;AAsBN,WAAO;AACLA,MAAAA,MAAM,EAAE;AADH;AAtBD,GAViB;AAoCzBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,WAAW,EAAErB,KAAK,CAACE,EAAN,CAASoB,OAAT,CAAiBC;AADxB;AApCiB,CAAZ,CAAf;;AAyCA,eAAejB,MAAf","sourcesContent":["import { outlineStyles } from \"../../Focus/styles\";\n\nconst hover = (theme) => ({\n  background: theme.hv.palette.atmosphere.atmo3,\n  \"& *\": {\n    background: theme.hv.palette.atmosphere.atmo3,\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      outline: \"none\",\n      ...hover(theme),\n    },\n\n    \"&.focus-visible\": {\n      ...outlineStyles,\n    },\n\n    // cursor\n    cursor: \"pointer\",\n    \"& *\": {\n      cursor: \"pointer\",\n    },\n  },\n  noIcon: {\n    paddingLeft: theme.hv.spacing.xs,\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}