@hitachivantara/uikit-react-core 4.0.3 → 4.1.0

package/dist/UserPreferences/UserPreferences.js

@@ -1,74 +1,41 @@
 "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");
-
 require("core-js/modules/es.array.iterator.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");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 require("core-js/modules/es.string.fixed.js");
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _ClickAwayListener = _interopRequireDefault(require("@mui/material/ClickAwayListener"));
-
 var _styles = require("@mui/styles");
-
 var _utils = require("../utils");
-
 var _styles2 = _interopRequireDefault(require("./styles"));
-
 var _Typography = _interopRequireDefault(require("../Typography"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["className", "classes", "isOpen", "toggleOpenCallback", "children", "position", "closeOnExit", "userInfo"];
-
 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; }
-
 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; }
-
 /**
  * User preferences are a group of configurable settings that can be customized for a particular user.
  *
@@ -86,41 +53,36 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
  */
 var HvUserPreferences = function HvUserPreferences(_ref) {
   var className = _ref.className,
-      classes = _ref.classes,
-      _ref$isOpen = _ref.isOpen,
-      isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
-      toggleOpenCallback = _ref.toggleOpenCallback,
-      children = _ref.children,
-      _ref$position = _ref.position,
-      position = _ref$position === void 0 ? "static" : _ref$position,
-      _ref$closeOnExit = _ref.closeOnExit,
-      closeOnExit = _ref$closeOnExit === void 0 ? false : _ref$closeOnExit,
-      userInfo = _ref.userInfo,
-      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-
+    classes = _ref.classes,
+    _ref$isOpen = _ref.isOpen,
+    isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
+    toggleOpenCallback = _ref.toggleOpenCallback,
+    children = _ref.children,
+    _ref$position = _ref.position,
+    position = _ref$position === void 0 ? "static" : _ref$position,
+    _ref$closeOnExit = _ref.closeOnExit,
+    closeOnExit = _ref$closeOnExit === void 0 ? false : _ref$closeOnExit,
+    userInfo = _ref.userInfo,
+    others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _useState = (0, _react.useState)(isOpen),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      open = _useState2[0],
-      setOpen = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
   var _useState3 = (0, _react.useState)(null),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      prevPropOpen = _useState4[0],
-      setPrevPropOpen = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    prevPropOpen = _useState4[0],
+    setPrevPropOpen = _useState4[1];
   var containerRef = (0, _react.useRef)(null);
   var focusableList = (0, _react.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.
    */
-
-
   (0, _react.useEffect)(function () {
     setTimeout(function () {
       if (open) {
@@ -129,13 +91,12 @@ var HvUserPreferences = function HvUserPreferences(_ref) {
       }
     });
   }, [open]);
+
   /**
    * Toggle the open state based on the received parameter.
    */
-
   var toggleOpen = (0, _react.useCallback)(function () {
     var newState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-
     if (newState !== null) {
       if (newState !== open) {
         setOpen(newState);
@@ -147,13 +108,12 @@ var HvUserPreferences = function HvUserPreferences(_ref) {
         return !prevState;
       });
     }
-
     toggleOpenCallback === null || toggleOpenCallback === void 0 ? void 0 : toggleOpenCallback(newState);
   }, [toggleOpenCallback, open]);
+
   /**
    * Handler of keyboard clicks.
    */
-
   var handlerKeyContainer = (0, _react.useCallback)(function (event) {
     if (closeOnExit) {
       if ((0, _utils.isKeypress)(event, _utils.KeyboardCodes.Tab) && !(0, _isNil.default)(event.target) && !(0, _isNil.default)(focusableList.current) && !(0, _isNil.default)(focusableList.current.first)) {
@@ -161,11 +121,9 @@ var HvUserPreferences = function HvUserPreferences(_ref) {
           toggleOpen(false);
         }
       }
-
       if ((0, _utils.isKeypress)(event, _utils.KeyboardCodes.Esc) === false) {
         return;
       }
-
       toggleOpen(false);
     }
   }, [closeOnExit, toggleOpen]);
@@ -204,13 +162,11 @@ var HvUserPreferences = function HvUserPreferences(_ref) {
     }))
   });
 };
-
 process.env.NODE_ENV !== "production" ? HvUserPreferences.propTypes = {
   /**
    * Class names to be applied.
    */
   className: _propTypes.default.string,
-
   /**
    * A Jss Object used to override or extend the styles applied.
    */
@@ -219,68 +175,55 @@ process.env.NODE_ENV !== "production" ? HvUserPreferences.propTypes = {
      * Styles applied to the component root class.
      */
     root: _propTypes.default.string,
-
     /**
      * Styles applied when position is fixed.
      */
     fixed: _propTypes.default.string,
-
     /**
      * Styles applied when position is relative.
      */
     relative: _propTypes.default.string,
-
     /**
      * Styles applied when position is absolute.
      */
     absolute: _propTypes.default.string,
-
     /**
      * Styles applied when position is static.
      */
     static: _propTypes.default.string,
-
     /**
      * Styles applied to the container.
      */
     container: _propTypes.default.string,
-
     /**
      * Styles applied to the inside of the container.
      */
     contentContainer: _propTypes.default.string,
-
     /**
      * Styles applied to the user information.
      */
     userInfo: _propTypes.default.string
   }).isRequired,
-
   /**
    * Defines if the user preferences is shown.
    */
   isOpen: _propTypes.default.bool,
-
   /**
    * Position of the component.
    */
   position: _propTypes.default.oneOf(["static", "relative", "fixed", "absolute"]),
-
   /**
    * Children component.
    */
   children: _propTypes.default.node.isRequired,
-
   /**
    * Callback when the navigation toggles between open and close.
    */
   toggleOpenCallback: _propTypes.default.func,
-
   /**
    * Defines if the content pane should close when losing focus / clicking outside.
    */
   closeOnExit: _propTypes.default.bool,
-
   /**
    * User information.
    */
@@ -289,10 +232,8 @@ process.env.NODE_ENV !== "production" ? HvUserPreferences.propTypes = {
     label2: _propTypes.default.string
   })
 } : void 0;
-
 var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvUserPreferences"
 })(HvUserPreferences);
-
 exports.default = _default;
 //# sourceMappingURL=UserPreferences.js.map

package/dist/UserPreferences/UserPreferences.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserPreferences.js","names":["HvUserPreferences","className","classes","isOpen","toggleOpenCallback","children","position","closeOnExit","userInfo","others","useState","open","setOpen","prevPropOpen","setPrevPropOpen","containerRef","useRef","focusableList","useEffect","setTimeout","current","getFirstAndLastFocus","first","focus","toggleOpen","useCallback","newState","prevState","handlerKeyContainer","event","isKeypress","KeyboardCodes","Tab","isNil","target","shiftKey","id","last","Esc","renderedContainer","useMemo","contentContainer","label1","label2","clsx","root","static","relative","fixed","absolute","container","propTypes","PropTypes","string","shape","isRequired","bool","oneOf","node","func","withStyles","styles","name"],"sources":["../../src/UserPreferences/UserPreferences.js"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport PropTypes from \"prop-types\";\nimport ClickAwayListener from \"@mui/material/ClickAwayListener\";\nimport { withStyles } from \"@mui/styles\";\n\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"],"mappings":"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"}
+{"version":3,"file":"UserPreferences.js","names":["HvUserPreferences","className","classes","isOpen","toggleOpenCallback","children","position","closeOnExit","userInfo","others","useState","open","setOpen","prevPropOpen","setPrevPropOpen","containerRef","useRef","focusableList","useEffect","setTimeout","current","getFirstAndLastFocus","first","focus","toggleOpen","useCallback","newState","prevState","handlerKeyContainer","event","isKeypress","KeyboardCodes","Tab","isNil","target","shiftKey","id","last","Esc","renderedContainer","useMemo","contentContainer","label1","label2","clsx","root","static","relative","fixed","absolute","container","propTypes","PropTypes","string","shape","isRequired","bool","oneOf","node","func","withStyles","styles","name"],"sources":["../../src/UserPreferences/UserPreferences.js"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport PropTypes from \"prop-types\";\nimport ClickAwayListener from \"@mui/material/ClickAwayListener\";\nimport { withStyles } from \"@mui/styles\";\n\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"],"mappings":"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"}

package/dist/UserPreferences/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -47,12 +46,8 @@ Object.defineProperty(exports, "default", {
     return _UserPreferences.default;
   }
 });
-
 var _UserPreferences = _interopRequireDefault(require("./UserPreferences"));
-
 var _Action = _interopRequireDefault(require("./Action"));
-
 var _Actions = _interopRequireDefault(require("./Actions"));
-
 var _Options = require("./Options");
 //# sourceMappingURL=index.js.map

package/dist/UserPreferences/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/UserPreferences/index.js"],"sourcesContent":["export { default } from \"./UserPreferences\";\n\nexport { default as HvUserPreferencesAction } from \"./Action\";\nexport { default as HvUserPreferencesActions } from \"./Actions\";\n\nexport {\n  Options as HvUserPreferencesOptions,\n  Option as HvUserPreferencesOption,\n  Group as HvUserPreferencesOptionsGroup,\n  Label as HvUserPreferencesOptionsGroupLabel,\n} from \"./Options\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AAEA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/UserPreferences/index.js"],"sourcesContent":["export { default } from \"./UserPreferences\";\n\nexport { default as HvUserPreferencesAction } from \"./Action\";\nexport { default as HvUserPreferencesActions } from \"./Actions\";\n\nexport {\n  Options as HvUserPreferencesOptions,\n  Option as HvUserPreferencesOption,\n  Group as HvUserPreferencesOptionsGroup,\n  Label as HvUserPreferencesOptionsGroupLabel,\n} from \"./Options\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAEA;AACA;AAEA"}

package/dist/UserPreferences/styles.js

@@ -1,42 +1,27 @@
 "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.selected = exports.hover = exports.default = exports.buttonStyles = 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 {
     backgroundColor: theme.palette.atmo3
   };
 };
-
 exports.hover = hover;
-
 var selected = function selected(theme) {
   return {
     backgroundColor: theme.palette.atmo3,
@@ -50,9 +35,7 @@ var selected = function selected(theme) {
     }
   };
 };
-
 exports.selected = selected;
-
 var buttonStyles = function buttonStyles(theme) {
   return {
     width: "100%",
@@ -70,9 +53,7 @@ var buttonStyles = function buttonStyles(theme) {
     "&.focus-visible": _objectSpread(_objectSpread({}, hover(theme)), _styles.outlineStyles)
   };
 };
-
 exports.buttonStyles = buttonStyles;
-
 var styles = function styles(theme) {
   return {
     root: {
@@ -118,7 +99,6 @@ var styles = function styles(theme) {
     }
   };
 };
-
 var _default = styles;
 exports.default = _default;
 //# sourceMappingURL=styles.js.map

package/dist/UserPreferences/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["hover","theme","backgroundColor","palette","atmo3","selected","color","acce1","fill","buttonStyles","width","display","justifyContent","alignItems","height","hv","atmosphere","borderRadius","cursor","outline","outlineStyles","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"],"sources":["../../src/UserPreferences/styles.js"],"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"],"mappings":"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"}
+{"version":3,"file":"styles.js","names":["hover","theme","backgroundColor","palette","atmo3","selected","color","acce1","fill","buttonStyles","width","display","justifyContent","alignItems","height","hv","atmosphere","borderRadius","cursor","outline","outlineStyles","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"],"sources":["../../src/UserPreferences/styles.js"],"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"],"mappings":"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"}

package/dist/VerticalNavigation/Actions/Action.js

@@ -1,82 +1,51 @@
 "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");
-
 require("core-js/modules/es.array.iterator.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");
-
 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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 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 _styles = require("@mui/styles");
-
 var _KeyboardUtils = require("../../utils/KeyboardUtils");
-
 var _Typography = _interopRequireDefault(require("../../Typography"));
-
 var _utils = require("../../utils");
-
 var _styles2 = _interopRequireDefault(require("./styles"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 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; }
-
 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 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);
+    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]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, _objectSpread(_objectSpread({
@@ -91,13 +60,11 @@ var Action = function Action(_ref) {
     children: [icon, 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.
    */
@@ -106,37 +73,30 @@ process.env.NODE_ENV !== "production" ? Action.propTypes = {
      * 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, _styles.withStyles)(_styles2.default, {
   name: "HvVerticalNavigationAction"
 })(Action);
-
 exports.default = _default;
 //# sourceMappingURL=Action.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Action.js","names":["Action","className","classes","id","label","icon","onClick","others","handleKeyDown","useCallback","event","isKeypress","KeyboardCodes","Enter","SpaceBar","setId","clsx","action","noIcon","propTypes","PropTypes","string","shape","isRequired","node","func","withStyles","styles","name"],"sources":["../../../src/VerticalNavigation/Actions/Action.js"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\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"],"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,oBACE,sBAAC,mBAAD;IACE,EAAE,EAAE,IAAAS,YAAA,EAAMZ,EAAN,EAAU,QAAV,CADN;IAEE,SAAS,EAAC,KAFZ;IAGE,IAAI,EAAC,QAHP;IAIE,SAAS,EAAE,IAAAa,aAAA,EAAKf,SAAL,EAAgBC,OAAO,CAACe,MAAxB,EAAoD,CAACZ,IAArD,IAAmCH,OAAO,CAACgB,MAA3C,CAJb;IAKE,QAAQ,EAAE,CALZ;IAME,SAAS,EAAEV,aANb;IAOE,OAAO,EAAEF;EAPX,GAQMC,MARN;IAAA,WAUGF,IAVH,EAWGD,KAXH;EAAA,GADF;AAeD,CA9BD;;AAgCA,wCAAAJ,MAAM,CAACmB,SAAP,GAAmB;EACjB;AACF;AACA;EACElB,SAAS,EAAEmB,kBAAA,CAAUC,MAJJ;;EAKjB;AACF;AACA;EACEnB,OAAO,EAAEkB,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;EACEpB,EAAE,EAAEiB,kBAAA,CAAUC,MArBG;;EAsBjB;AACF;AACA;EACEjB,KAAK,EAAEgB,kBAAA,CAAUC,MAzBA;;EA0BjB;AACF;AACA;EACEhB,IAAI,EAAEe,kBAAA,CAAUI,IA7BC;;EA8BjB;AACF;AACA;EACElB,OAAO,EAAEc,kBAAA,CAAUK;AAjCF,CAAnB;;eAoCe,IAAAC,kBAAA,EAAWC,gBAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAA2D5B,MAA3D,C"}
+{"version":3,"file":"Action.js","names":["Action","className","classes","id","label","icon","onClick","others","handleKeyDown","useCallback","event","isKeypress","KeyboardCodes","Enter","SpaceBar","setId","clsx","action","noIcon","propTypes","PropTypes","string","shape","isRequired","node","func","withStyles","styles","name"],"sources":["../../../src/VerticalNavigation/Actions/Action.js"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAA8B;AAAA;AAAA;AAAA;AAAA;AAAA;AAE9B,IAAMA,MAAM,GAAG,SAATA,MAAM,OAAyE;EAAA,IAAnEC,SAAS,QAATA,SAAS;IAAEC,OAAO,QAAPA,OAAO;IAAEC,EAAE,QAAFA,EAAE;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAG,EAAE;IAAEC,IAAI,QAAJA,IAAI;IAAEC,OAAO,QAAPA,OAAO;IAAKC,MAAM;EAC5E,IAAMC,aAAa,GAAG,IAAAC,kBAAW,EAC/B,UAACC,KAAK,EAAK;IACT,IACEJ,OAAO,IAAI,IAAI,IACd,CAAC,IAAAK,yBAAU,EAACD,KAAK,EAAEE,4BAAa,CAACC,KAAK,CAAC,IAAI,CAAC,IAAAF,yBAAU,EAACD,KAAK,EAAEE,4BAAa,CAACE,QAAQ,CAAE,EACvF;MACA;IACF;IAEAR,OAAO,CAACI,KAAK,CAAC;EAChB,CAAC,EACD,CAACJ,OAAO,CAAC,CACV;EAED,oBACE,sBAAC,mBAAY;IACX,EAAE,EAAE,IAAAS,YAAK,EAACZ,EAAE,EAAE,QAAQ,CAAE;IACxB,SAAS,EAAC,KAAK;IACf,IAAI,EAAC,QAAQ;IACb,SAAS,EAAE,IAAAa,aAAI,EAACf,SAAS,EAAEC,OAAO,CAACe,MAAM,EAAsB,CAACZ,IAAI,IAAtBH,OAAO,CAACgB,MAAM,CAAY;IACxE,QAAQ,EAAE,CAAE;IACZ,SAAS,EAAEV,aAAc;IACzB,OAAO,EAAEF;EAAQ,GACbC,MAAM;IAAA,WAETF,IAAI,EACJD,KAAK;EAAA,GACO;AAEnB,CAAC;AAED,wCAAAJ,MAAM,CAACmB,SAAS,GAAG;EACjB;AACF;AACA;EACElB,SAAS,EAAEmB,kBAAS,CAACC,MAAM;EAC3B;AACF;AACA;EACEnB,OAAO,EAAEkB,kBAAS,CAACE,KAAK,CAAC;IACvB;AACJ;AACA;IACIL,MAAM,EAAEG,kBAAS,CAACC,MAAM;IACxB;AACJ;AACA;IACIH,MAAM,EAAEE,kBAAS,CAACC;EACpB,CAAC,CAAC,CAACE,UAAU;EACb;AACF;AACA;EACEpB,EAAE,EAAEiB,kBAAS,CAACC,MAAM;EACpB;AACF;AACA;EACEjB,KAAK,EAAEgB,kBAAS,CAACC,MAAM;EACvB;AACF;AACA;EACEhB,IAAI,EAAEe,kBAAS,CAACI,IAAI;EACpB;AACF;AACA;EACElB,OAAO,EAAEc,kBAAS,CAACK;AACrB,CAAC;AAAC,eAEa,IAAAC,kBAAU,EAACC,gBAAM,EAAE;EAAEC,IAAI,EAAE;AAA6B,CAAC,CAAC,CAAC5B,MAAM,CAAC;AAAA"}