@hitachivantara/uikit-react-core 4.0.3 → 4.0.4

package/dist/DropDownMenu/DropDownMenu.js

@@ -1,117 +1,81 @@
 "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.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.object.to-string.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 _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _material = require("@mui/material");
-
 var _styles = require("@mui/styles");
-
 var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-
 var _utils = require("../utils");
-
 var _ = require("..");
-
 var _styles2 = _interopRequireDefault(require("./styles"));
-
 var _withId = _interopRequireDefault(require("../withId"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["id", "classes", "className", "icon", "placement", "dataList", "disablePortal", "onToggle", "onToggleOpen", "onClick", "keepOpened", "disabled", "expanded", "defaultExpanded", "category"];
-
 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; }
-
 /**
  * A drop-down menu is a graphical control element, similar to a list box, that allows the user to choose a value from a list.
  */
 var DropDownMenu = function DropDownMenu(_ref) {
   var id = _ref.id,
-      classes = _ref.classes,
-      className = _ref.className,
-      icon = _ref.icon,
-      _ref$placement = _ref.placement,
-      placement = _ref$placement === void 0 ? "right" : _ref$placement,
-      dataList = _ref.dataList,
-      _ref$disablePortal = _ref.disablePortal,
-      disablePortal = _ref$disablePortal === void 0 ? false : _ref$disablePortal,
-      _onToggle = _ref.onToggle,
-      onToggleOpen = _ref.onToggleOpen,
-      _onClick = _ref.onClick,
-      _ref$keepOpened = _ref.keepOpened,
-      keepOpened = _ref$keepOpened === void 0 ? true : _ref$keepOpened,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      expanded = _ref.expanded,
-      _ref$defaultExpanded = _ref.defaultExpanded,
-      defaultExpanded = _ref$defaultExpanded === void 0 ? false : _ref$defaultExpanded,
-      category = _ref.category,
-      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-
+    classes = _ref.classes,
+    className = _ref.className,
+    icon = _ref.icon,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? "right" : _ref$placement,
+    dataList = _ref.dataList,
+    _ref$disablePortal = _ref.disablePortal,
+    disablePortal = _ref$disablePortal === void 0 ? false : _ref$disablePortal,
+    _onToggle = _ref.onToggle,
+    onToggleOpen = _ref.onToggleOpen,
+    _onClick = _ref.onClick,
+    _ref$keepOpened = _ref.keepOpened,
+    keepOpened = _ref$keepOpened === void 0 ? true : _ref$keepOpened,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    expanded = _ref.expanded,
+    _ref$defaultExpanded = _ref.defaultExpanded,
+    defaultExpanded = _ref$defaultExpanded === void 0 ? false : _ref$defaultExpanded,
+    category = _ref.category,
+    others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _useControlled = (0, _utils.useControlled)(expanded, Boolean(defaultExpanded)),
-      _useControlled2 = (0, _slicedToArray2.default)(_useControlled, 2),
-      open = _useControlled2[0],
-      setOpen = _useControlled2[1];
-
+    _useControlled2 = (0, _slicedToArray2.default)(_useControlled, 2),
+    open = _useControlled2[0],
+    setOpen = _useControlled2[1];
   var theme = (0, _styles.useTheme)();
   var focusNodes = (0, _utils.getPrevNextFocus)((0, _.setId)(id, "icon-button"));
   var listId = (0, _.setId)(id, "list");
-
   var handleClose = function handleClose(event) {
     // this will only run if uncontrolled
     setOpen(false);
     onToggleOpen === null || onToggleOpen === void 0 ? void 0 : onToggleOpen(false);
     _onToggle === null || _onToggle === void 0 ? void 0 : _onToggle(event, false);
-  }; // If the ESCAPE key is pressed inside the list, the close handler must be called.
-
+  };
 
+  // If the ESCAPE key is pressed inside the list, the close handler must be called.
   var handleKeyDown = function handleKeyDown(event) {
     if ((0, _utils.isKeypress)(event, _utils.KeyboardCodes.Tab)) {
       var node = event.shiftKey ? focusNodes.prevFocus : focusNodes.nextFocus;
@@ -120,16 +84,12 @@ var DropDownMenu = function DropDownMenu(_ref) {
       }, 0);
       handleClose(event);
     }
-
     event.preventDefault();
   };
-
   var setFocusToContent = function setFocusToContent(containerRef) {
     var _containerRef$getElem;
-
     containerRef === null || containerRef === void 0 ? void 0 : (_containerRef$getElem = containerRef.getElementsByTagName("li")[0]) === null || _containerRef$getElem === void 0 ? void 0 : _containerRef$getElem.focus();
   };
-
   var headerComponent = /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvButton, {
     icon: true,
     category: category,
@@ -194,18 +154,15 @@ var DropDownMenu = function DropDownMenu(_ref) {
     })
   }));
 };
-
 process.env.NODE_ENV !== "production" ? DropDownMenu.propTypes = {
   /**
    * Class names to be applied.
    */
   className: _propTypes.default.string,
-
   /**
    * Id to be applied to the root node.
    */
   id: _propTypes.default.string,
-
   /**
    * A Jss Object used to override or extend the styles applied.
    */
@@ -214,38 +171,31 @@ process.env.NODE_ENV !== "production" ? DropDownMenu.propTypes = {
      * Styles applied to the root.
      */
     root: _propTypes.default.string,
-
     /**
      * Styles applied to the container.
      */
     container: _propTypes.default.string,
-
     /**
      * Styles applied to the BaseDropdown container.
      */
     baseContainer: _propTypes.default.string,
-
     /**
      * Styles applied to the icon.
      */
     icon: _propTypes.default.string,
-
     /**
      * Styles applied to the icon when selected.
      */
     iconSelected: _propTypes.default.string,
-
     /**
      * Styles applied to the list.
      */
     menuList: _propTypes.default.string
   }).isRequired,
-
   /**
    * Icon.
    */
   icon: _propTypes.default.element,
-
   /**
    * A list containing the elements to be rendered.
    *
@@ -262,56 +212,45 @@ process.env.NODE_ENV !== "production" ? DropDownMenu.propTypes = {
     icon: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.node]),
     showNavIcon: _propTypes.default.bool
   })).isRequired,
-
   /**
    * Placement of the dropdown.
    */
   placement: _propTypes.default.oneOf(["left", "right"]),
-
   /**
    * Disable the portal behavior. The children stay within it's parent DOM hierarchy.
    */
   disablePortal: _propTypes.default.bool,
-
   /**
    * Function executed on toggle of the dropdown. Should receive the open status.
    */
   onToggleOpen: (0, _material.deprecatedPropType)(_propTypes.default.func, "Instead use the onToggle prop which receives the event"),
-
   /**
    * Function executed on toggle of the dropdown. Should receive the open status.
    */
   onToggle: _propTypes.default.func,
-
   /**
    * Function executed in each onClick. Should received the clicked element.
    */
   onClick: _propTypes.default.func,
-
   /**
    * Keep the Dropdown Menu opened after clicking one option
    */
   keepOpened: _propTypes.default.bool,
-
   /**
    * Defines if the component is disabled.
    */
   disabled: _propTypes.default.bool,
-
   /**
    * If true it should be displayed open.
    */
   expanded: _propTypes.default.bool,
-
   /**
    * When uncontrolled, defines the initial expanded state.
    */
   defaultExpanded: _propTypes.default.bool
 } : void 0;
-
 var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvDropDownMenu"
 })((0, _withId.default)(DropDownMenu));
-
 exports.default = _default;
 //# sourceMappingURL=DropDownMenu.js.map

package/dist/DropDownMenu/DropDownMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropDownMenu.js","names":["DropDownMenu","id","classes","className","icon","placement","dataList","disablePortal","onToggle","onToggleOpen","onClick","keepOpened","disabled","expanded","defaultExpanded","category","others","useControlled","Boolean","open","setOpen","theme","useTheme","focusNodes","getPrevNextFocus","setId","listId","handleClose","event","handleKeyDown","isKeypress","KeyboardCodes","Tab","node","shiftKey","prevFocus","nextFocus","setTimeout","focus","preventDefault","setFocusToContent","containerRef","getElementsByTagName","headerComponent","clsx","iconSelected","undefined","condensed","useMemo","every","el","popperStyle","style","zIndex","tooltip","width","container","root","baseContainer","e","s","item","menuList","propTypes","PropTypes","string","shape","isRequired","element","arrayOf","label","selected","bool","oneOfType","func","showNavIcon","oneOf","deprecatedPropType","withStyles","styles","name","withId"],"sources":["../../src/DropDownMenu/DropDownMenu.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { deprecatedPropType } from \"@mui/material\";\nimport { withStyles, useTheme } from \"@mui/styles\";\nimport { MoreOptionsVertical } from \"@hitachivantara/uikit-react-icons\";\n\nimport { getPrevNextFocus, isKeypress, KeyboardCodes, useControlled } from \"../utils\";\nimport { HvButton, HvList, HvPanel, HvBaseDropdown, setId } from \"..\";\nimport styles from \"./styles\";\nimport withId from \"../withId\";\n\n/**\n * A drop-down menu is a graphical control element, similar to a list box, that allows the user to choose a value from a list.\n */\nconst DropDownMenu = ({\n  id,\n  classes,\n  className,\n  icon,\n  placement = \"right\",\n  dataList,\n  disablePortal = false,\n  onToggle,\n  onToggleOpen,\n  onClick,\n  keepOpened = true,\n  disabled = false,\n  expanded,\n  defaultExpanded = false,\n  // eslint-disable-next-line\n  category,\n  ...others\n}) => {\n  const [open, setOpen] = useControlled(expanded, Boolean(defaultExpanded));\n  const theme = useTheme();\n  const focusNodes = getPrevNextFocus(setId(id, \"icon-button\"));\n\n  const listId = setId(id, \"list\");\n\n  const handleClose = (event) => {\n    // this will only run if uncontrolled\n    setOpen(false);\n    onToggleOpen?.(false);\n    onToggle?.(event, false);\n  };\n\n  // If the ESCAPE key is pressed inside the list, the close handler must be called.\n  const handleKeyDown = (event) => {\n    if (isKeypress(event, KeyboardCodes.Tab)) {\n      const node = event.shiftKey ? focusNodes.prevFocus : focusNodes.nextFocus;\n      if (node) setTimeout(() => node.focus(), 0);\n      handleClose(event);\n    }\n    event.preventDefault();\n  };\n\n  const setFocusToContent = (containerRef) => {\n    containerRef?.getElementsByTagName(\"li\")[0]?.focus();\n  };\n\n  const headerComponent = (\n    <HvButton\n      icon\n      category={category}\n      id={setId(id, \"icon-button\")}\n      className={clsx(classes.icon, {\n        [classes.iconSelected]: open,\n      })}\n      aria-expanded={open}\n      disabled={disabled}\n      aria-label=\"Dropdown menu\"\n    >\n      {icon || <MoreOptionsVertical color={disabled ? \"atmo5\" : undefined} />}\n    </HvButton>\n  );\n\n  const condensed = useMemo(() => dataList.every((el) => !el.icon), [dataList]);\n  const popperStyle = {\n    style: { zIndex: theme.zIndex.tooltip, width: null },\n  };\n\n  return (\n    <HvBaseDropdown\n      id={id}\n      className={clsx(className, classes.container)}\n      classes={{ root: classes.root, container: classes.baseContainer }}\n      expanded={open && !disabled}\n      component={headerComponent}\n      aria-haspopup=\"menu\"\n      placement={placement}\n      variableWidth\n      disablePortal={disablePortal}\n      onToggle={(e, s) => {\n        // this will only run if uncontrolled\n        setOpen(s);\n        onToggleOpen?.(s);\n        onToggle?.(e, s);\n      }}\n      disabled={disabled}\n      onContainerCreation={setFocusToContent}\n      popperProps={popperStyle}\n      {...others}\n    >\n      <HvPanel>\n        <HvList\n          id={listId}\n          values={dataList}\n          selectable={false}\n          condensed={condensed}\n          onClick={(event, item) => {\n            if (!keepOpened) handleClose(event);\n            onClick?.(event, item);\n          }}\n          onKeyDown={handleKeyDown}\n          classes={{ root: classes.menuList }}\n        />\n      </HvPanel>\n    </HvBaseDropdown>\n  );\n};\n\nDropDownMenu.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: 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 root.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the container.\n     */\n    container: PropTypes.string,\n    /**\n     * Styles applied to the BaseDropdown container.\n     */\n    baseContainer: PropTypes.string,\n    /**\n     * Styles applied to the icon.\n     */\n    icon: PropTypes.string,\n    /**\n     * Styles applied to the icon when selected.\n     */\n    iconSelected: PropTypes.string,\n    /**\n     * Styles applied to the list.\n     */\n    menuList: PropTypes.string,\n  }).isRequired,\n  /**\n   * Icon.\n   */\n  icon: PropTypes.element,\n  /**\n   * A list containing the elements to be rendered.\n   *\n   * - label: The label of the element to be rendered.\n   * - selected: The selection state of the element.\n   * - disabled: The disabled state of the element.\n   * - icon: The icon node to be rendered on the left.\n   * - showNavIcon: If true renders the navigation icon on the right.\n   */\n  dataList: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.node.isRequired,\n      selected: PropTypes.bool,\n      disabled: PropTypes.bool,\n      icon: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),\n      showNavIcon: PropTypes.bool,\n    })\n  ).isRequired,\n  /**\n   * Placement of the dropdown.\n   */\n  placement: PropTypes.oneOf([\"left\", \"right\"]),\n  /**\n   * Disable the portal behavior. The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal: PropTypes.bool,\n  /**\n   * Function executed on toggle of the dropdown. Should receive the open status.\n   */\n  onToggleOpen: deprecatedPropType(\n    PropTypes.func,\n    \"Instead use the onToggle prop which receives the event\"\n  ),\n  /**\n   * Function executed on toggle of the dropdown. Should receive the open status.\n   */\n  onToggle: PropTypes.func,\n  /**\n   * Function executed in each onClick. Should received the clicked element.\n   */\n  onClick: PropTypes.func,\n  /**\n   * Keep the Dropdown Menu opened after clicking one option\n   */\n  keepOpened: PropTypes.bool,\n  /**\n   * Defines if the component is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If true it should be displayed open.\n   */\n  expanded: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial expanded state.\n   */\n  defaultExpanded: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvDropDownMenu\" })(withId(DropDownMenu));\n"],"mappings":"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"}
+{"version":3,"file":"DropDownMenu.js","names":["DropDownMenu","id","classes","className","icon","placement","dataList","disablePortal","onToggle","onToggleOpen","onClick","keepOpened","disabled","expanded","defaultExpanded","category","others","useControlled","Boolean","open","setOpen","theme","useTheme","focusNodes","getPrevNextFocus","setId","listId","handleClose","event","handleKeyDown","isKeypress","KeyboardCodes","Tab","node","shiftKey","prevFocus","nextFocus","setTimeout","focus","preventDefault","setFocusToContent","containerRef","getElementsByTagName","headerComponent","clsx","iconSelected","undefined","condensed","useMemo","every","el","popperStyle","style","zIndex","tooltip","width","container","root","baseContainer","e","s","item","menuList","propTypes","PropTypes","string","shape","isRequired","element","arrayOf","label","selected","bool","oneOfType","func","showNavIcon","oneOf","deprecatedPropType","withStyles","styles","name","withId"],"sources":["../../src/DropDownMenu/DropDownMenu.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { deprecatedPropType } from \"@mui/material\";\nimport { withStyles, useTheme } from \"@mui/styles\";\nimport { MoreOptionsVertical } from \"@hitachivantara/uikit-react-icons\";\n\nimport { getPrevNextFocus, isKeypress, KeyboardCodes, useControlled } from \"../utils\";\nimport { HvButton, HvList, HvPanel, HvBaseDropdown, setId } from \"..\";\nimport styles from \"./styles\";\nimport withId from \"../withId\";\n\n/**\n * A drop-down menu is a graphical control element, similar to a list box, that allows the user to choose a value from a list.\n */\nconst DropDownMenu = ({\n  id,\n  classes,\n  className,\n  icon,\n  placement = \"right\",\n  dataList,\n  disablePortal = false,\n  onToggle,\n  onToggleOpen,\n  onClick,\n  keepOpened = true,\n  disabled = false,\n  expanded,\n  defaultExpanded = false,\n  // eslint-disable-next-line\n  category,\n  ...others\n}) => {\n  const [open, setOpen] = useControlled(expanded, Boolean(defaultExpanded));\n  const theme = useTheme();\n  const focusNodes = getPrevNextFocus(setId(id, \"icon-button\"));\n\n  const listId = setId(id, \"list\");\n\n  const handleClose = (event) => {\n    // this will only run if uncontrolled\n    setOpen(false);\n    onToggleOpen?.(false);\n    onToggle?.(event, false);\n  };\n\n  // If the ESCAPE key is pressed inside the list, the close handler must be called.\n  const handleKeyDown = (event) => {\n    if (isKeypress(event, KeyboardCodes.Tab)) {\n      const node = event.shiftKey ? focusNodes.prevFocus : focusNodes.nextFocus;\n      if (node) setTimeout(() => node.focus(), 0);\n      handleClose(event);\n    }\n    event.preventDefault();\n  };\n\n  const setFocusToContent = (containerRef) => {\n    containerRef?.getElementsByTagName(\"li\")[0]?.focus();\n  };\n\n  const headerComponent = (\n    <HvButton\n      icon\n      category={category}\n      id={setId(id, \"icon-button\")}\n      className={clsx(classes.icon, {\n        [classes.iconSelected]: open,\n      })}\n      aria-expanded={open}\n      disabled={disabled}\n      aria-label=\"Dropdown menu\"\n    >\n      {icon || <MoreOptionsVertical color={disabled ? \"atmo5\" : undefined} />}\n    </HvButton>\n  );\n\n  const condensed = useMemo(() => dataList.every((el) => !el.icon), [dataList]);\n  const popperStyle = {\n    style: { zIndex: theme.zIndex.tooltip, width: null },\n  };\n\n  return (\n    <HvBaseDropdown\n      id={id}\n      className={clsx(className, classes.container)}\n      classes={{ root: classes.root, container: classes.baseContainer }}\n      expanded={open && !disabled}\n      component={headerComponent}\n      aria-haspopup=\"menu\"\n      placement={placement}\n      variableWidth\n      disablePortal={disablePortal}\n      onToggle={(e, s) => {\n        // this will only run if uncontrolled\n        setOpen(s);\n        onToggleOpen?.(s);\n        onToggle?.(e, s);\n      }}\n      disabled={disabled}\n      onContainerCreation={setFocusToContent}\n      popperProps={popperStyle}\n      {...others}\n    >\n      <HvPanel>\n        <HvList\n          id={listId}\n          values={dataList}\n          selectable={false}\n          condensed={condensed}\n          onClick={(event, item) => {\n            if (!keepOpened) handleClose(event);\n            onClick?.(event, item);\n          }}\n          onKeyDown={handleKeyDown}\n          classes={{ root: classes.menuList }}\n        />\n      </HvPanel>\n    </HvBaseDropdown>\n  );\n};\n\nDropDownMenu.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: 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 root.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the container.\n     */\n    container: PropTypes.string,\n    /**\n     * Styles applied to the BaseDropdown container.\n     */\n    baseContainer: PropTypes.string,\n    /**\n     * Styles applied to the icon.\n     */\n    icon: PropTypes.string,\n    /**\n     * Styles applied to the icon when selected.\n     */\n    iconSelected: PropTypes.string,\n    /**\n     * Styles applied to the list.\n     */\n    menuList: PropTypes.string,\n  }).isRequired,\n  /**\n   * Icon.\n   */\n  icon: PropTypes.element,\n  /**\n   * A list containing the elements to be rendered.\n   *\n   * - label: The label of the element to be rendered.\n   * - selected: The selection state of the element.\n   * - disabled: The disabled state of the element.\n   * - icon: The icon node to be rendered on the left.\n   * - showNavIcon: If true renders the navigation icon on the right.\n   */\n  dataList: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.node.isRequired,\n      selected: PropTypes.bool,\n      disabled: PropTypes.bool,\n      icon: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),\n      showNavIcon: PropTypes.bool,\n    })\n  ).isRequired,\n  /**\n   * Placement of the dropdown.\n   */\n  placement: PropTypes.oneOf([\"left\", \"right\"]),\n  /**\n   * Disable the portal behavior. The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal: PropTypes.bool,\n  /**\n   * Function executed on toggle of the dropdown. Should receive the open status.\n   */\n  onToggleOpen: deprecatedPropType(\n    PropTypes.func,\n    \"Instead use the onToggle prop which receives the event\"\n  ),\n  /**\n   * Function executed on toggle of the dropdown. Should receive the open status.\n   */\n  onToggle: PropTypes.func,\n  /**\n   * Function executed in each onClick. Should received the clicked element.\n   */\n  onClick: PropTypes.func,\n  /**\n   * Keep the Dropdown Menu opened after clicking one option\n   */\n  keepOpened: PropTypes.bool,\n  /**\n   * Defines if the component is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If true it should be displayed open.\n   */\n  expanded: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial expanded state.\n   */\n  defaultExpanded: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvDropDownMenu\" })(withId(DropDownMenu));\n"],"mappings":"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"}

package/dist/DropDownMenu/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
     return _DropDownMenu.default;
   }
 });
-
 var _DropDownMenu = _interopRequireDefault(require("./DropDownMenu"));
 //# sourceMappingURL=index.js.map

package/dist/DropDownMenu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/DropDownMenu/index.js"],"sourcesContent":["export { default } from \"./DropDownMenu\";\n"],"mappings":";;;;;;;;;;;;;;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/DropDownMenu/index.js"],"sourcesContent":["export { default } from \"./DropDownMenu\";\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/dist/DropDownMenu/styles.js

@@ -1,34 +1,21 @@
 "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 styles = function styles(theme) {
   return {
     root: {
@@ -60,7 +47,6 @@ var styles = function styles(theme) {
     menuList: {}
   };
 };
-
 var _default = styles;
 exports.default = _default;
 //# sourceMappingURL=styles.js.map

package/dist/DropDownMenu/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","display","width","outlineStyles","container","baseContainer","icon","position","boxSizing","padding","borderRadius","iconSelected","backgroundColor","palette","atmo1","boxShadow","hv","shadows","fill","acce1","menuList"],"sources":["../../src/DropDownMenu/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    display: \"inline-block\",\n    width: \"auto\",\n    \"&.focus-visible $icon\": {\n      ...outlineStyles,\n    },\n  },\n  container: {\n    width: 32,\n  },\n  baseContainer: {},\n  icon: {\n    position: \"relative\",\n    boxSizing: \"content-box\",\n    padding: 0,\n    borderRadius: 0,\n  },\n  iconSelected: {\n    backgroundColor: theme.palette.atmo1,\n    boxShadow: theme.hv.shadows[1],\n    \"&:hover\": {\n      backgroundColor: theme.palette.atmo1,\n    },\n    \"& svg .color0\": {\n      fill: theme.palette.acce1,\n    },\n    borderRadius: \"2px 2px 0px 0px\",\n  },\n  menuList: {},\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE,cADL;MAEJC,KAAK,EAAE,MAFH;MAGJ,2CACKC,qBADL;IAHI,CADmB;IAQzBC,SAAS,EAAE;MACTF,KAAK,EAAE;IADE,CARc;IAWzBG,aAAa,EAAE,EAXU;IAYzBC,IAAI,EAAE;MACJC,QAAQ,EAAE,UADN;MAEJC,SAAS,EAAE,aAFP;MAGJC,OAAO,EAAE,CAHL;MAIJC,YAAY,EAAE;IAJV,CAZmB;IAkBzBC,YAAY,EAAE;MACZC,eAAe,EAAEb,KAAK,CAACc,OAAN,CAAcC,KADnB;MAEZC,SAAS,EAAEhB,KAAK,CAACiB,EAAN,CAASC,OAAT,CAAiB,CAAjB,CAFC;MAGZ,WAAW;QACTL,eAAe,EAAEb,KAAK,CAACc,OAAN,CAAcC;MADtB,CAHC;MAMZ,iBAAiB;QACfI,IAAI,EAAEnB,KAAK,CAACc,OAAN,CAAcM;MADL,CANL;MASZT,YAAY,EAAE;IATF,CAlBW;IA6BzBU,QAAQ,EAAE;EA7Be,CAAZ;AAAA,CAAf;;eAgCetB,M"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","width","outlineStyles","container","baseContainer","icon","position","boxSizing","padding","borderRadius","iconSelected","backgroundColor","palette","atmo1","boxShadow","hv","shadows","fill","acce1","menuList"],"sources":["../../src/DropDownMenu/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    display: \"inline-block\",\n    width: \"auto\",\n    \"&.focus-visible $icon\": {\n      ...outlineStyles,\n    },\n  },\n  container: {\n    width: 32,\n  },\n  baseContainer: {},\n  icon: {\n    position: \"relative\",\n    boxSizing: \"content-box\",\n    padding: 0,\n    borderRadius: 0,\n  },\n  iconSelected: {\n    backgroundColor: theme.palette.atmo1,\n    boxShadow: theme.hv.shadows[1],\n    \"&:hover\": {\n      backgroundColor: theme.palette.atmo1,\n    },\n    \"& svg .color0\": {\n      fill: theme.palette.acce1,\n    },\n    borderRadius: \"2px 2px 0px 0px\",\n  },\n  menuList: {},\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAgD;AAAA;AAEhD,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE,cAAc;MACvBC,KAAK,EAAE,MAAM;MACb,uBAAuB,oBAClBC,qBAAa;IAEpB,CAAC;IACDC,SAAS,EAAE;MACTF,KAAK,EAAE;IACT,CAAC;IACDG,aAAa,EAAE,CAAC,CAAC;IACjBC,IAAI,EAAE;MACJC,QAAQ,EAAE,UAAU;MACpBC,SAAS,EAAE,aAAa;MACxBC,OAAO,EAAE,CAAC;MACVC,YAAY,EAAE;IAChB,CAAC;IACDC,YAAY,EAAE;MACZC,eAAe,EAAEb,KAAK,CAACc,OAAO,CAACC,KAAK;MACpCC,SAAS,EAAEhB,KAAK,CAACiB,EAAE,CAACC,OAAO,CAAC,CAAC,CAAC;MAC9B,SAAS,EAAE;QACTL,eAAe,EAAEb,KAAK,CAACc,OAAO,CAACC;MACjC,CAAC;MACD,eAAe,EAAE;QACfI,IAAI,EAAEnB,KAAK,CAACc,OAAO,CAACM;MACtB,CAAC;MACDT,YAAY,EAAE;IAChB,CAAC;IACDU,QAAQ,EAAE,CAAC;EACb,CAAC;AAAA,CAAC;AAAC,eAEYtB,MAAM;AAAA"}