@hitachivantara/uikit-react-core 4.0.3 → 4.0.4

package/dist/modern/DropDownMenu/DropDownMenu.js

@@ -1,12 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["id", "classes", "className", "icon", "placement", "dataList", "disablePortal", "onToggle", "onToggleOpen", "onClick", "keepOpened", "disabled", "expanded", "defaultExpanded", "category"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-import "core-js/modules/web.dom-collections.iterator.js";
 import React, { useMemo } from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
@@ -17,62 +13,55 @@ import { getPrevNextFocus, isKeypress, KeyboardCodes, useControlled } from "../u
 import { HvButton, HvList, HvPanel, HvBaseDropdown, setId } from "..";
 import styles from "./styles";
 import withId from "../withId";
+
 /**
  * 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.
  */
-
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const DropDownMenu = _ref => {
   let {
-    id,
-    classes,
-    className,
-    icon,
-    placement = "right",
-    dataList,
-    disablePortal = false,
-    onToggle,
-    onToggleOpen,
-    onClick,
-    keepOpened = true,
-    disabled = false,
-    expanded,
-    defaultExpanded = false,
-    // eslint-disable-next-line
-    category
-  } = _ref,
-      others = _objectWithoutProperties(_ref, _excluded);
-
+      id,
+      classes,
+      className,
+      icon,
+      placement = "right",
+      dataList,
+      disablePortal = false,
+      onToggle,
+      onToggleOpen,
+      onClick,
+      keepOpened = true,
+      disabled = false,
+      expanded,
+      defaultExpanded = false,
+      // eslint-disable-next-line
+      category
+    } = _ref,
+    others = _objectWithoutProperties(_ref, _excluded);
   const [open, setOpen] = useControlled(expanded, Boolean(defaultExpanded));
   const theme = useTheme();
   const focusNodes = getPrevNextFocus(setId(id, "icon-button"));
   const listId = setId(id, "list");
-
   const 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.
   const handleKeyDown = event => {
     if (isKeypress(event, KeyboardCodes.Tab)) {
       const node = event.shiftKey ? focusNodes.prevFocus : focusNodes.nextFocus;
       if (node) setTimeout(() => node.focus(), 0);
       handleClose(event);
     }
-
     event.preventDefault();
   };
-
   const 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();
   };
-
   const headerComponent = /*#__PURE__*/_jsx(HvButton, {
     icon: true,
     category: category,
@@ -85,7 +74,6 @@ const DropDownMenu = _ref => {
       color: disabled ? "atmo5" : undefined
     })
   });
-
   const condensed = useMemo(() => dataList.every(el => !el.icon), [dataList]);
   const popperStyle = {
     style: {
@@ -134,18 +122,15 @@ const DropDownMenu = _ref => {
     })
   }));
 };
-
 process.env.NODE_ENV !== "production" ? DropDownMenu.propTypes = {
   /**
    * Class names to be applied.
    */
   className: PropTypes.string,
-
   /**
    * Id to be applied to the root node.
    */
   id: PropTypes.string,
-
   /**
    * A Jss Object used to override or extend the styles applied.
    */
@@ -154,38 +139,31 @@ process.env.NODE_ENV !== "production" ? DropDownMenu.propTypes = {
      * Styles applied to the root.
      */
     root: PropTypes.string,
-
     /**
      * Styles applied to the container.
      */
     container: PropTypes.string,
-
     /**
      * Styles applied to the BaseDropdown container.
      */
     baseContainer: PropTypes.string,
-
     /**
      * Styles applied to the icon.
      */
     icon: PropTypes.string,
-
     /**
      * Styles applied to the icon when selected.
      */
     iconSelected: PropTypes.string,
-
     /**
      * Styles applied to the list.
      */
     menuList: PropTypes.string
   }).isRequired,
-
   /**
    * Icon.
    */
   icon: PropTypes.element,
-
   /**
    * A list containing the elements to be rendered.
    *
@@ -202,47 +180,38 @@ process.env.NODE_ENV !== "production" ? DropDownMenu.propTypes = {
     icon: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),
     showNavIcon: PropTypes.bool
   })).isRequired,
-
   /**
    * Placement of the dropdown.
    */
   placement: PropTypes.oneOf(["left", "right"]),
-
   /**
    * Disable the portal behavior. The children stay within it's parent DOM hierarchy.
    */
   disablePortal: PropTypes.bool,
-
   /**
    * Function executed on toggle of the dropdown. Should receive the open status.
    */
   onToggleOpen: deprecatedPropType(PropTypes.func, "Instead use the onToggle prop which receives the event"),
-
   /**
    * Function executed on toggle of the dropdown. Should receive the open status.
    */
   onToggle: PropTypes.func,
-
   /**
    * Function executed in each onClick. Should received the clicked element.
    */
   onClick: PropTypes.func,
-
   /**
    * Keep the Dropdown Menu opened after clicking one option
    */
   keepOpened: PropTypes.bool,
-
   /**
    * Defines if the component is disabled.
    */
   disabled: PropTypes.bool,
-
   /**
    * If true it should be displayed open.
    */
   expanded: PropTypes.bool,
-
   /**
    * When uncontrolled, defines the initial expanded state.
    */

package/dist/modern/DropDownMenu/DropDownMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropDownMenu.js","names":["React","useMemo","PropTypes","clsx","deprecatedPropType","withStyles","useTheme","MoreOptionsVertical","getPrevNextFocus","isKeypress","KeyboardCodes","useControlled","HvButton","HvList","HvPanel","HvBaseDropdown","setId","styles","withId","DropDownMenu","id","classes","className","icon","placement","dataList","disablePortal","onToggle","onToggleOpen","onClick","keepOpened","disabled","expanded","defaultExpanded","category","others","open","setOpen","Boolean","theme","focusNodes","listId","handleClose","event","handleKeyDown","Tab","node","shiftKey","prevFocus","nextFocus","setTimeout","focus","preventDefault","setFocusToContent","containerRef","getElementsByTagName","headerComponent","iconSelected","undefined","condensed","every","el","popperStyle","style","zIndex","tooltip","width","container","root","baseContainer","e","s","item","menuList","propTypes","string","shape","isRequired","element","arrayOf","label","selected","bool","oneOfType","func","showNavIcon","oneOf","name"],"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":["React","useMemo","PropTypes","clsx","deprecatedPropType","withStyles","useTheme","MoreOptionsVertical","getPrevNextFocus","isKeypress","KeyboardCodes","useControlled","HvButton","HvList","HvPanel","HvBaseDropdown","setId","styles","withId","DropDownMenu","id","classes","className","icon","placement","dataList","disablePortal","onToggle","onToggleOpen","onClick","keepOpened","disabled","expanded","defaultExpanded","category","others","open","setOpen","Boolean","theme","focusNodes","listId","handleClose","event","handleKeyDown","Tab","node","shiftKey","prevFocus","nextFocus","setTimeout","focus","preventDefault","setFocusToContent","containerRef","getElementsByTagName","headerComponent","iconSelected","undefined","condensed","every","el","popperStyle","style","zIndex","tooltip","width","container","root","baseContainer","e","s","item","menuList","propTypes","string","shape","isRequired","element","arrayOf","label","selected","bool","oneOfType","func","showNavIcon","oneOf","name"],"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":";;;;;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,IAAI,MAAM,MAAM;AACvB,SAASC,kBAAkB,QAAQ,eAAe;AAClD,SAASC,UAAU,EAAEC,QAAQ,QAAQ,aAAa;AAClD,SAASC,mBAAmB,QAAQ,mCAAmC;AAEvE,SAASC,gBAAgB,EAAEC,UAAU,EAAEC,aAAa,EAAEC,aAAa,QAAQ,UAAU;AACrF,SAASC,QAAQ,EAAEC,MAAM,EAAEC,OAAO,EAAEC,cAAc,EAAEC,KAAK,QAAQ,IAAI;AACrE,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,MAAM,MAAM,WAAW;;AAE9B;AACA;AACA;AAFA;AAGA,MAAMC,YAAY,GAAG,QAkBf;EAAA,IAlBgB;MACpBC,EAAE;MACFC,OAAO;MACPC,SAAS;MACTC,IAAI;MACJC,SAAS,GAAG,OAAO;MACnBC,QAAQ;MACRC,aAAa,GAAG,KAAK;MACrBC,QAAQ;MACRC,YAAY;MACZC,OAAO;MACPC,UAAU,GAAG,IAAI;MACjBC,QAAQ,GAAG,KAAK;MAChBC,QAAQ;MACRC,eAAe,GAAG,KAAK;MACvB;MACAC;IAEF,CAAC;IADIC,MAAM;EAET,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAG1B,aAAa,CAACqB,QAAQ,EAAEM,OAAO,CAACL,eAAe,CAAC,CAAC;EACzE,MAAMM,KAAK,GAAGjC,QAAQ,EAAE;EACxB,MAAMkC,UAAU,GAAGhC,gBAAgB,CAACQ,KAAK,CAACI,EAAE,EAAE,aAAa,CAAC,CAAC;EAE7D,MAAMqB,MAAM,GAAGzB,KAAK,CAACI,EAAE,EAAE,MAAM,CAAC;EAEhC,MAAMsB,WAAW,GAAIC,KAAK,IAAK;IAC7B;IACAN,OAAO,CAAC,KAAK,CAAC;IACdT,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAG,KAAK,CAAC;IACrBD,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGgB,KAAK,EAAE,KAAK,CAAC;EAC1B,CAAC;;EAED;EACA,MAAMC,aAAa,GAAID,KAAK,IAAK;IAC/B,IAAIlC,UAAU,CAACkC,KAAK,EAAEjC,aAAa,CAACmC,GAAG,CAAC,EAAE;MACxC,MAAMC,IAAI,GAAGH,KAAK,CAACI,QAAQ,GAAGP,UAAU,CAACQ,SAAS,GAAGR,UAAU,CAACS,SAAS;MACzE,IAAIH,IAAI,EAAEI,UAAU,CAAC,MAAMJ,IAAI,CAACK,KAAK,EAAE,EAAE,CAAC,CAAC;MAC3CT,WAAW,CAACC,KAAK,CAAC;IACpB;IACAA,KAAK,CAACS,cAAc,EAAE;EACxB,CAAC;EAED,MAAMC,iBAAiB,GAAIC,YAAY,IAAK;IAAA;IAC1CA,YAAY,aAAZA,YAAY,gDAAZA,YAAY,CAAEC,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,0DAA3C,sBAA6CJ,KAAK,EAAE;EACtD,CAAC;EAED,MAAMK,eAAe,gBACnB,KAAC,QAAQ;IACP,IAAI;IACJ,QAAQ,EAAEtB,QAAS;IACnB,EAAE,EAAElB,KAAK,CAACI,EAAE,EAAE,aAAa,CAAE;IAC7B,SAAS,EAAEjB,IAAI,CAACkB,OAAO,CAACE,IAAI,EACFa,IAAI,IAA3Bf,OAAO,CAACoC,YAAY,CACpB;IACH,iBAAerB,IAAK;IACpB,QAAQ,EAAEL,QAAS;IACnB,cAAW,eAAe;IAAA,UAEzBR,IAAI,iBAAI,KAAC,mBAAmB;MAAC,KAAK,EAAEQ,QAAQ,GAAG,OAAO,GAAG2B;IAAU;EAAG,EAE1E;EAED,MAAMC,SAAS,GAAG1D,OAAO,CAAC,MAAMwB,QAAQ,CAACmC,KAAK,CAAEC,EAAE,IAAK,CAACA,EAAE,CAACtC,IAAI,CAAC,EAAE,CAACE,QAAQ,CAAC,CAAC;EAC7E,MAAMqC,WAAW,GAAG;IAClBC,KAAK,EAAE;MAAEC,MAAM,EAAEzB,KAAK,CAACyB,MAAM,CAACC,OAAO;MAAEC,KAAK,EAAE;IAAK;EACrD,CAAC;EAED,oBACE,KAAC,cAAc;IACb,EAAE,EAAE9C,EAAG;IACP,SAAS,EAAEjB,IAAI,CAACmB,SAAS,EAAED,OAAO,CAAC8C,SAAS,CAAE;IAC9C,OAAO,EAAE;MAAEC,IAAI,EAAE/C,OAAO,CAAC+C,IAAI;MAAED,SAAS,EAAE9C,OAAO,CAACgD;IAAc,CAAE;IAClE,QAAQ,EAAEjC,IAAI,IAAI,CAACL,QAAS;IAC5B,SAAS,EAAEyB,eAAgB;IAC3B,iBAAc,MAAM;IACpB,SAAS,EAAEhC,SAAU;IACrB,aAAa;IACb,aAAa,EAAEE,aAAc;IAC7B,QAAQ,EAAE,CAAC4C,CAAC,EAAEC,CAAC,KAAK;MAClB;MACAlC,OAAO,CAACkC,CAAC,CAAC;MACV3C,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAG2C,CAAC,CAAC;MACjB5C,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAG2C,CAAC,EAAEC,CAAC,CAAC;IAClB,CAAE;IACF,QAAQ,EAAExC,QAAS;IACnB,mBAAmB,EAAEsB,iBAAkB;IACvC,WAAW,EAAES;EAAY,GACrB3B,MAAM;IAAA,uBAEV,KAAC,OAAO;MAAA,uBACN,KAAC,MAAM;QACL,EAAE,EAAEM,MAAO;QACX,MAAM,EAAEhB,QAAS;QACjB,UAAU,EAAE,KAAM;QAClB,SAAS,EAAEkC,SAAU;QACrB,OAAO,EAAE,CAAChB,KAAK,EAAE6B,IAAI,KAAK;UACxB,IAAI,CAAC1C,UAAU,EAAEY,WAAW,CAACC,KAAK,CAAC;UACnCd,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAGc,KAAK,EAAE6B,IAAI,CAAC;QACxB,CAAE;QACF,SAAS,EAAE5B,aAAc;QACzB,OAAO,EAAE;UAAEwB,IAAI,EAAE/C,OAAO,CAACoD;QAAS;MAAE;IACpC;EACM,GACK;AAErB,CAAC;AAED,wCAAAtD,YAAY,CAACuD,SAAS,GAAG;EACvB;AACF;AACA;EACEpD,SAAS,EAAEpB,SAAS,CAACyE,MAAM;EAC3B;AACF;AACA;EACEvD,EAAE,EAAElB,SAAS,CAACyE,MAAM;EACpB;AACF;AACA;EACEtD,OAAO,EAAEnB,SAAS,CAAC0E,KAAK,CAAC;IACvB;AACJ;AACA;IACIR,IAAI,EAAElE,SAAS,CAACyE,MAAM;IACtB;AACJ;AACA;IACIR,SAAS,EAAEjE,SAAS,CAACyE,MAAM;IAC3B;AACJ;AACA;IACIN,aAAa,EAAEnE,SAAS,CAACyE,MAAM;IAC/B;AACJ;AACA;IACIpD,IAAI,EAAErB,SAAS,CAACyE,MAAM;IACtB;AACJ;AACA;IACIlB,YAAY,EAAEvD,SAAS,CAACyE,MAAM;IAC9B;AACJ;AACA;IACIF,QAAQ,EAAEvE,SAAS,CAACyE;EACtB,CAAC,CAAC,CAACE,UAAU;EACb;AACF;AACA;EACEtD,IAAI,EAAErB,SAAS,CAAC4E,OAAO;EACvB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACErD,QAAQ,EAAEvB,SAAS,CAAC6E,OAAO,CACzB7E,SAAS,CAAC0E,KAAK,CAAC;IACdI,KAAK,EAAE9E,SAAS,CAAC4C,IAAI,CAAC+B,UAAU;IAChCI,QAAQ,EAAE/E,SAAS,CAACgF,IAAI;IACxBnD,QAAQ,EAAE7B,SAAS,CAACgF,IAAI;IACxB3D,IAAI,EAAErB,SAAS,CAACiF,SAAS,CAAC,CAACjF,SAAS,CAACkF,IAAI,EAAElF,SAAS,CAAC4C,IAAI,CAAC,CAAC;IAC3DuC,WAAW,EAAEnF,SAAS,CAACgF;EACzB,CAAC,CAAC,CACH,CAACL,UAAU;EACZ;AACF;AACA;EACErD,SAAS,EAAEtB,SAAS,CAACoF,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;EAC7C;AACF;AACA;EACE5D,aAAa,EAAExB,SAAS,CAACgF,IAAI;EAC7B;AACF;AACA;EACEtD,YAAY,EAAExB,kBAAkB,CAC9BF,SAAS,CAACkF,IAAI,EACd,wDAAwD,CACzD;EACD;AACF;AACA;EACEzD,QAAQ,EAAEzB,SAAS,CAACkF,IAAI;EACxB;AACF;AACA;EACEvD,OAAO,EAAE3B,SAAS,CAACkF,IAAI;EACvB;AACF;AACA;EACEtD,UAAU,EAAE5B,SAAS,CAACgF,IAAI;EAC1B;AACF;AACA;EACEnD,QAAQ,EAAE7B,SAAS,CAACgF,IAAI;EACxB;AACF;AACA;EACElD,QAAQ,EAAE9B,SAAS,CAACgF,IAAI;EACxB;AACF;AACA;EACEjD,eAAe,EAAE/B,SAAS,CAACgF;AAC7B,CAAC;AAED,eAAe7E,UAAU,CAACY,MAAM,EAAE;EAAEsE,IAAI,EAAE;AAAiB,CAAC,CAAC,CAACrE,MAAM,CAACC,YAAY,CAAC,CAAC"}

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

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

package/dist/modern/DropDownMenu/styles.js

@@ -1,11 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import { outlineStyles } from "../Focus/styles";
-
 const styles = theme => ({
   root: {
     display: "inline-block",
@@ -35,6 +31,5 @@ const styles = theme => ({
   },
   menuList: {}
 });
-
 export default styles;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["outlineStyles","styles","theme","root","display","width","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,SAASA,aAAT,QAA8B,iBAA9B;;AAEA,MAAMC,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,cADL;IAEJC,KAAK,EAAE,MAFH;IAGJ,2CACKL,aADL;EAHI,CADmB;EAQzBM,SAAS,EAAE;IACTD,KAAK,EAAE;EADE,CARc;EAWzBE,aAAa,EAAE,EAXU;EAYzBC,IAAI,EAAE;IACJC,QAAQ,EAAE,UADN;IAEJC,SAAS,EAAE,aAFP;IAGJC,OAAO,EAAE,CAHL;IAIJC,YAAY,EAAE;EAJV,CAZmB;EAkBzBC,YAAY,EAAE;IACZC,eAAe,EAAEZ,KAAK,CAACa,OAAN,CAAcC,KADnB;IAEZC,SAAS,EAAEf,KAAK,CAACgB,EAAN,CAASC,OAAT,CAAiB,CAAjB,CAFC;IAGZ,WAAW;MACTL,eAAe,EAAEZ,KAAK,CAACa,OAAN,CAAcC;IADtB,CAHC;IAMZ,iBAAiB;MACfI,IAAI,EAAElB,KAAK,CAACa,OAAN,CAAcM;IADL,CANL;IASZT,YAAY,EAAE;EATF,CAlBW;EA6BzBU,QAAQ,EAAE;AA7Be,CAAZ,CAAf;;AAgCA,eAAerB,MAAf"}
+{"version":3,"file":"styles.js","names":["outlineStyles","styles","theme","root","display","width","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,SAASA,aAAa,QAAQ,iBAAiB;AAE/C,MAAMC,MAAM,GAAIC,KAAK,KAAM;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,cAAc;IACvBC,KAAK,EAAE,MAAM;IACb,uBAAuB,oBAClBL,aAAa;EAEpB,CAAC;EACDM,SAAS,EAAE;IACTD,KAAK,EAAE;EACT,CAAC;EACDE,aAAa,EAAE,CAAC,CAAC;EACjBC,IAAI,EAAE;IACJC,QAAQ,EAAE,UAAU;IACpBC,SAAS,EAAE,aAAa;IACxBC,OAAO,EAAE,CAAC;IACVC,YAAY,EAAE;EAChB,CAAC;EACDC,YAAY,EAAE;IACZC,eAAe,EAAEZ,KAAK,CAACa,OAAO,CAACC,KAAK;IACpCC,SAAS,EAAEf,KAAK,CAACgB,EAAE,CAACC,OAAO,CAAC,CAAC,CAAC;IAC9B,SAAS,EAAE;MACTL,eAAe,EAAEZ,KAAK,CAACa,OAAO,CAACC;IACjC,CAAC;IACD,eAAe,EAAE;MACfI,IAAI,EAAElB,KAAK,CAACa,OAAO,CAACM;IACtB,CAAC;IACDT,YAAY,EAAE;EAChB,CAAC;EACDU,QAAQ,EAAE,CAAC;AACb,CAAC,CAAC;AAEF,eAAerB,MAAM"}