@hitachivantara/uikit-react-core 2.23.2

package/dist/DropDownMenu/DropDownMenu.js

@@ -0,0 +1,371 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es.array.from.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+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 _core = require("@material-ui/core");
+
+var _reactOutsideClickHandler = _interopRequireDefault(require("react-outside-click-handler"));
+
+var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+
+var _utils = require("../utils");
+
+var _List = _interopRequireDefault(require("../List"));
+
+var _ = require("..");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _withId = _interopRequireDefault(require("../withId"));
+
+var _excluded = ["id", "classes", "className", "icon", "placement", "dataList", "disablePortal", "onToggleOpen", "onClick", "keepOpened", "disabled", "expanded", "popperProps"];
+
+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; }
+
+/**
+ * A drop-down menu is a graphical control element, similar to a list box, that allows the user to choose one 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,
+      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,
+      _ref$expanded = _ref.expanded,
+      expanded = _ref$expanded === void 0 ? false : _ref$expanded,
+      popperProps = _ref.popperProps,
+      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var didMountRef = (0, _react.useRef)(false);
+
+  var _useState = (0, _react.useState)(expanded && !disabled),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      open = _useState2[0],
+      setOpen = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      positionUp = _useState4[0],
+      setPositionUp = _useState4[1];
+
+  var anchorRef = _react.default.useRef(null);
+
+  var listContainerRef = _react.default.useRef(null);
+
+  var focusNodes = (0, _.getPrevNextFocus)((0, _.setId)(id, "icon-button"));
+
+  var getFirstListItem = function getFirstListItem() {
+    return listContainerRef !== null && listContainerRef !== void 0 && listContainerRef.current ? Array.from(listContainerRef.current.getElementsByTagName("li"))[0] : undefined;
+  };
+
+  var handleFocusOnToggle = function handleFocusOnToggle() {
+    if (open) {
+      setTimeout(function () {
+        var itemToFocus = getFirstListItem();
+        itemToFocus === null || itemToFocus === void 0 ? void 0 : itemToFocus.focus();
+      });
+    } else {
+      setTimeout(function () {
+        anchorRef.current.focus();
+      });
+    }
+  };
+
+  (0, _react.useEffect)(function () {
+    if (didMountRef.current) {
+      handleFocusOnToggle();
+      onToggleOpen === null || onToggleOpen === void 0 ? void 0 : onToggleOpen(open);
+    } else {
+      didMountRef.current = true;
+    }
+  }, [open, onToggleOpen]);
+  (0, _react.useEffect)(function () {
+    if (expanded !== open) {
+      setOpen(expanded && !disabled);
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
+  }, [expanded, disabled]);
+
+  var handleToggle = function handleToggle() {
+    setOpen(function (prevOpen) {
+      return !prevOpen;
+    });
+  };
+
+  var handleClose = function handleClose(event) {
+    var _anchorRef$current;
+
+    var isButtonClick = (_anchorRef$current = anchorRef.current) === null || _anchorRef$current === void 0 ? void 0 : _anchorRef$current.contains(event.target);
+
+    if (!isButtonClick) {
+      setOpen(false);
+    }
+  }; // If the ESCAPE key is pressed the close handler must be called.
+
+
+  var handleKeyDown = function handleKeyDown(event) {
+    if ((0, _utils.isKeypress)(event, _utils.KeyboardCodes.Esc)) {
+      handleClose(event);
+    }
+
+    if ((0, _utils.isKeypress)(event, _utils.KeyboardCodes.Tab)) {
+      var node = event.shiftKey ? focusNodes.prevFocus : focusNodes.nextFocus;
+      if (node) setTimeout(function () {
+        return node.focus();
+      }, 0);
+      handleToggle(event);
+    }
+
+    event.preventDefault();
+  };
+
+  var handleKeyboardToggle = function handleKeyboardToggle(event) {
+    if ((0, _utils.isKeypress)(event, _utils.KeyboardCodes.SpaceBar) || (0, _utils.isKeypress)(event, _utils.KeyboardCodes.Enter) || (0, _utils.isKeypress)(event, _utils.KeyboardCodes.ArrowDown) && !open || (0, _utils.isKeypress)(event, _utils.KeyboardCodes.ArrowUp) && open) {
+      handleToggle(event);
+      event.preventDefault();
+      event.stopPropagation();
+    }
+  };
+
+  var handleListFlip = function handleListFlip(data) {
+    var position = data.flipped;
+
+    if (positionUp !== position) {
+      setPositionUp(position);
+    }
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    id: id,
+    className: (0, _clsx.default)(className, classes.root)
+  }, /*#__PURE__*/_react.default.createElement(_core.IconButton, (0, _extends2.default)({
+    id: (0, _.setId)(id, "icon-button"),
+    buttonRef: anchorRef,
+    "aria-label": "Dropdown menu",
+    "aria-controls": open ? "".concat(id) : undefined,
+    "aria-haspopup": "true",
+    "aria-expanded": open ? true : undefined,
+    onClick: handleToggle,
+    onKeyDown: handleKeyboardToggle,
+    className: (0, _clsx.default)(classes.icon, open && classes.iconSelected),
+    disabled: disabled
+  }, others), icon || /*#__PURE__*/_react.default.createElement(_uikitReactIcons.MoreOptionsVertical, {
+    color: disabled ? "atmo7" : undefined
+  })), /*#__PURE__*/_react.default.createElement(_core.Popper, (0, _extends2.default)({
+    className: classes.popper,
+    disablePortal: disablePortal,
+    open: open,
+    anchorEl: anchorRef.current,
+    placement: "bottom-".concat(placement === "left" ? "end" : "start"),
+    popperOptions: {
+      onUpdate: function onUpdate(data) {
+        return handleListFlip(data);
+      },
+      onCreate: function onCreate(data) {
+        return handleListFlip(data);
+      }
+    }
+  }, popperProps), /*#__PURE__*/_react.default.createElement(_reactOutsideClickHandler.default, {
+    onOutsideClick: handleClose
+  }, /*#__PURE__*/_react.default.createElement("div", null, !positionUp && /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _clsx.default)(classes.inputExtensionOpen, placement === "left" && classes.inputExtensionLeftPosition)
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.menuList,
+    onKeyDown: handleKeyDown,
+    ref: listContainerRef
+  }, /*#__PURE__*/_react.default.createElement(_List.default, {
+    id: (0, _.setId)(id, "list"),
+    values: dataList,
+    selectable: false,
+    condensed: true,
+    onClick: function onClick(event, item) {
+      if (!keepOpened) setOpen(false);
+      _onClick === null || _onClick === void 0 ? void 0 : _onClick(event, item);
+    }
+  })), positionUp && /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _clsx.default)(classes.inputExtensionOpen, classes.inputExtensionOpenShadow, {
+      "right": classes.inputExtensionFloatRight,
+      "left": classes.inputExtensionFloatLeft
+    }[placement])
+  })))));
+};
+
+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.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Styles applied to the root of the component.
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Styles applied to the popper.
+     */
+    popper: _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,
+
+    /**
+     * Styles applied to the extension of the button.
+     */
+    inputExtensionOpen: _propTypes.default.string,
+
+    /**
+     * Styles applied to the extension shadow.
+     */
+    inputExtensionOpenShadow: _propTypes.default.string,
+
+    /**
+     * Styles applied to the extension to go right when open down.
+     */
+    inputExtensionFloatRight: _propTypes.default.string,
+
+    /**
+     * Styles applied to the extension to go right when open up.
+     */
+    inputExtensionFloatLeft: _propTypes.default.string,
+
+    /**
+     * Styles applied to the extension to go left when open up.
+     */
+    inputExtensionLeftPosition: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * Icon.
+   */
+  icon: _propTypes.default.element,
+
+  /**
+   * A list containing the elements to be rendered.
+   *
+   * - label: The label of the element to be rendered.
+   * - selected: The selection state of the element.
+   * - disabled: The disabled state of the element.
+   * - iconCallback: The icon node to be rendered on the left.
+   * - showNavIcon: If true renders the navigation icon on the right.
+   */
+  dataList: _propTypes.default.arrayOf(_propTypes.default.shape({
+    label: _propTypes.default.string.isRequired,
+    selected: _propTypes.default.bool,
+    disabled: _propTypes.default.bool,
+    iconCallback: _propTypes.default.func,
+    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: _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,
+
+  /**
+   *
+   */
+  popperProps: _propTypes.default.instanceOf(Object)
+} : void 0;
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvDropDownMenu"
+})((0, _withId.default)(DropDownMenu));
+
+exports.default = _default;
+//# sourceMappingURL=DropDownMenu.js.map

package/dist/DropDownMenu/DropDownMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropDownMenu.js","names":["DropDownMenu","id","classes","className","icon","placement","dataList","disablePortal","onToggleOpen","onClick","keepOpened","disabled","expanded","popperProps","others","didMountRef","useRef","useState","open","setOpen","positionUp","setPositionUp","anchorRef","React","listContainerRef","focusNodes","getPrevNextFocus","setId","getFirstListItem","current","Array","from","getElementsByTagName","undefined","handleFocusOnToggle","setTimeout","itemToFocus","focus","useEffect","handleToggle","prevOpen","handleClose","event","isButtonClick","contains","target","handleKeyDown","isKeypress","KeyboardCodes","Esc","Tab","node","shiftKey","prevFocus","nextFocus","preventDefault","handleKeyboardToggle","SpaceBar","Enter","ArrowDown","ArrowUp","stopPropagation","handleListFlip","data","position","flipped","clsx","root","iconSelected","popper","onUpdate","onCreate","inputExtensionOpen","inputExtensionLeftPosition","menuList","item","inputExtensionOpenShadow","inputExtensionFloatRight","inputExtensionFloatLeft","propTypes","PropTypes","string","shape","isRequired","element","arrayOf","label","selected","bool","iconCallback","func","showNavIcon","oneOf","instanceOf","Object","withStyles","styles","name","withId"],"sources":["../../src/DropDownMenu/DropDownMenu.js"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { IconButton, Popper, withStyles } from \"@material-ui/core\";\nimport OutsideClickHandler from \"react-outside-click-handler\";\nimport { MoreOptionsVertical as MoreVert } from \"@hitachivantara/uikit-react-icons\";\nimport { isKeypress, KeyboardCodes } from \"../utils\";\nimport List from \"../List\";\nimport { getPrevNextFocus, 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 one value from a list.\n */\nconst DropDownMenu = ({\n  id,\n  classes,\n  className,\n  icon,\n  placement = \"right\",\n  dataList,\n  disablePortal = false,\n  onToggleOpen,\n  onClick,\n  keepOpened = true,\n  disabled = false,\n  expanded = false,\n  popperProps,\n  ...others\n}) => {\n  const didMountRef = useRef(false);\n  const [open, setOpen] = useState(expanded && !disabled);\n  const [positionUp, setPositionUp] = useState(false);\n  const anchorRef = React.useRef(null);\n  const listContainerRef = React.useRef(null);\n  const focusNodes = getPrevNextFocus(setId(id, \"icon-button\"));\n\n  const getFirstListItem = () =>\n    listContainerRef?.current\n      ? Array.from(listContainerRef.current.getElementsByTagName(\"li\"))[0]\n      : undefined;\n\n  const handleFocusOnToggle = () => {\n    if (open) {\n      setTimeout(() => {\n        const itemToFocus = getFirstListItem();\n        itemToFocus?.focus();\n      });\n    } else {\n      setTimeout(() => {\n        anchorRef.current.focus();\n      });\n    }\n  };\n\n  useEffect(() => {\n    if (didMountRef.current) {\n      handleFocusOnToggle();\n      onToggleOpen?.(open);\n    } else {\n      didMountRef.current = true;\n    }\n  }, [open, onToggleOpen]);\n\n  useEffect(() => {\n    if (expanded !== open) {\n      setOpen(expanded && !disabled);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [expanded, disabled]);\n\n  const handleToggle = () => {\n    setOpen((prevOpen) => !prevOpen);\n  };\n\n  const handleClose = (event) => {\n    const isButtonClick = anchorRef.current?.contains(event.target);\n    if (!isButtonClick) {\n      setOpen(false);\n    }\n  };\n\n  // If the ESCAPE key is pressed the close handler must be called.\n  const handleKeyDown = (event) => {\n    if (isKeypress(event, KeyboardCodes.Esc)) {\n      handleClose(event);\n    }\n    if (isKeypress(event, KeyboardCodes.Tab)) {\n      const node = event.shiftKey ? focusNodes.prevFocus : focusNodes.nextFocus;\n      if (node) setTimeout(() => node.focus(), 0);\n      handleToggle(event);\n    }\n    event.preventDefault();\n  };\n\n  const handleKeyboardToggle = (event) => {\n    if (\n      isKeypress(event, KeyboardCodes.SpaceBar) ||\n      isKeypress(event, KeyboardCodes.Enter) ||\n      (isKeypress(event, KeyboardCodes.ArrowDown) && !open) ||\n      (isKeypress(event, KeyboardCodes.ArrowUp) && open)\n    ) {\n      handleToggle(event);\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  };\n\n  const handleListFlip = (data) => {\n    const position = data.flipped;\n    if (positionUp !== position) {\n      setPositionUp(position);\n    }\n  };\n\n  return (\n    <div id={id} className={clsx(className, classes.root)}>\n      <IconButton\n        id={setId(id, \"icon-button\")}\n        buttonRef={anchorRef}\n        aria-label=\"Dropdown menu\"\n        aria-controls={open ? `${id}` : undefined}\n        aria-haspopup=\"true\"\n        aria-expanded={open ? true : undefined}\n        onClick={handleToggle}\n        onKeyDown={handleKeyboardToggle}\n        className={clsx(classes.icon, {\n          [classes.iconSelected]: open,\n        })}\n        disabled={disabled}\n        {...others}\n      >\n        {icon || <MoreVert color={disabled ? \"atmo7\" : undefined} />}\n      </IconButton>\n      <Popper\n        className={classes.popper}\n        disablePortal={disablePortal}\n        open={open}\n        anchorEl={anchorRef.current}\n        placement={`bottom-${placement === \"left\" ? \"end\" : \"start\"}`}\n        popperOptions={{\n          onUpdate: (data) => handleListFlip(data),\n          onCreate: (data) => handleListFlip(data),\n        }}\n        {...popperProps}\n      >\n        <OutsideClickHandler onOutsideClick={handleClose}>\n          <div>\n            {!positionUp && (\n              <div\n                className={clsx(classes.inputExtensionOpen, {\n                  [classes.inputExtensionLeftPosition]: placement === \"left\",\n                })}\n              />\n            )}\n            {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n            <div className={classes.menuList} onKeyDown={handleKeyDown} ref={listContainerRef}>\n              <List\n                id={setId(id, \"list\")}\n                values={dataList}\n                selectable={false}\n                condensed\n                onClick={(event, item) => {\n                  if (!keepOpened) setOpen(false);\n                  onClick?.(event, item);\n                }}\n              />\n            </div>\n            {positionUp && (\n              <div\n                className={clsx(classes.inputExtensionOpen, classes.inputExtensionOpenShadow, {\n                  [classes.inputExtensionFloatRight]: placement === \"right\",\n                  [classes.inputExtensionFloatLeft]: placement === \"left\",\n                })}\n              />\n            )}\n          </div>\n        </OutsideClickHandler>\n      </Popper>\n    </div>\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 of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the popper.\n     */\n    popper: 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    /**\n     * Styles applied to the extension of the button.\n     */\n    inputExtensionOpen: PropTypes.string,\n    /**\n     * Styles applied to the extension shadow.\n     */\n    inputExtensionOpenShadow: PropTypes.string,\n    /**\n     * Styles applied to the extension to go right when open down.\n     */\n    inputExtensionFloatRight: PropTypes.string,\n    /**\n     * Styles applied to the extension to go right when open up.\n     */\n    inputExtensionFloatLeft: PropTypes.string,\n    /**\n     * Styles applied to the extension to go left when open up.\n     */\n    inputExtensionLeftPosition: 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   * - iconCallback: 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.string.isRequired,\n      selected: PropTypes.bool,\n      disabled: PropTypes.bool,\n      iconCallback: PropTypes.func,\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: 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   *\n   */\n  popperProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvDropDownMenu\" })(withId(DropDownMenu));\n"],"mappings":"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"}

package/dist/DropDownMenu/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./DropDownMenu";
+export * from "./DropDownMenu";

package/dist/DropDownMenu/index.js

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

package/dist/DropDownMenu/index.js.map

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

package/dist/DropDownMenu/styles.js

@@ -0,0 +1,95 @@
+"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: {},
+    popper: {
+      zIndex: theme.zIndex.tooltip
+    },
+    icon: {
+      position: "relative",
+      boxSizing: "content-box",
+      padding: 0,
+      "&:hover": {
+        cursor: "pointer",
+        backgroundColor: theme.hv.palette.atmosphere.atmo4
+      },
+      "&:focus": _objectSpread({
+        backgroundColor: theme.hv.palette.atmosphere.atmo4
+      }, _styles.outlineStyles),
+      "&:disabled": {
+        cursor: "not-allowed",
+        backgroundColor: "transparent",
+        pointerEvents: "auto"
+      },
+      borderRadius: 0,
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center"
+    },
+    iconSelected: {
+      backgroundColor: theme.palette.atmo1,
+      boxShadow: theme.hv.shadows[1],
+      "&:hover": {
+        backgroundColor: theme.palette.atmo1
+      }
+    },
+    menuList: {
+      padding: theme.spacing("sm"),
+      whiteSpace: "nowrap",
+      backgroundColor: theme.palette.atmo1,
+      boxShadow: theme.hv.shadows[1],
+      position: "relative"
+    },
+    inputExtensionOpen: {
+      height: "10px",
+      width: "32px",
+      backgroundColor: theme.hv.palette.atmosphere.atmo1
+    },
+    inputExtensionLeftPosition: {
+      marginLeft: "auto"
+    },
+    inputExtensionOpenShadow: {
+      boxShadow: "0px 8px 0px ".concat(theme.hv.palette.atmosphere.atmo1, ", 0px 0px 9px 0px rgba(65,65,65,.12)")
+    },
+    inputExtensionFloatRight: {
+      float: "left"
+    },
+    inputExtensionFloatLeft: {
+      float: "right"
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/DropDownMenu/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","root","popper","zIndex","tooltip","icon","position","boxSizing","padding","cursor","backgroundColor","hv","palette","atmosphere","atmo4","outlineStyles","pointerEvents","borderRadius","display","alignItems","justifyContent","iconSelected","atmo1","boxShadow","shadows","menuList","spacing","whiteSpace","inputExtensionOpen","height","width","inputExtensionLeftPosition","marginLeft","inputExtensionOpenShadow","inputExtensionFloatRight","float","inputExtensionFloatLeft"],"sources":["../../src/DropDownMenu/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {},\n  popper: {\n    zIndex: theme.zIndex.tooltip,\n  },\n  icon: {\n    position: \"relative\",\n    boxSizing: \"content-box\",\n    padding: 0,\n    \"&:hover\": {\n      cursor: \"pointer\",\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n    },\n    \"&:focus\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n      ...outlineStyles,\n    },\n    \"&:disabled\": {\n      cursor: \"not-allowed\",\n      backgroundColor: \"transparent\",\n      pointerEvents: \"auto\",\n    },\n    borderRadius: 0,\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  iconSelected: {\n    backgroundColor: theme.palette.atmo1,\n    boxShadow: theme.hv.shadows[1],\n    \"&:hover\": {\n      backgroundColor: theme.palette.atmo1,\n    },\n  },\n  menuList: {\n    padding: theme.spacing(\"sm\"),\n    whiteSpace: \"nowrap\",\n    backgroundColor: theme.palette.atmo1,\n    boxShadow: theme.hv.shadows[1],\n    position: \"relative\",\n  },\n  inputExtensionOpen: {\n    height: \"10px\",\n    width: \"32px\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n  },\n  inputExtensionLeftPosition: {\n    marginLeft: \"auto\",\n  },\n  inputExtensionOpenShadow: {\n    boxShadow: `0px 8px 0px ${theme.hv.palette.atmosphere.atmo1}, 0px 0px 9px 0px rgba(65,65,65,.12)`,\n  },\n  inputExtensionFloatRight: {\n    float: \"left\",\n  },\n  inputExtensionFloatLeft: {\n    float: \"right\",\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE,EADmB;IAEzBC,MAAM,EAAE;MACNC,MAAM,EAAEH,KAAK,CAACG,MAAN,CAAaC;IADf,CAFiB;IAKzBC,IAAI,EAAE;MACJC,QAAQ,EAAE,UADN;MAEJC,SAAS,EAAE,aAFP;MAGJC,OAAO,EAAE,CAHL;MAIJ,WAAW;QACTC,MAAM,EAAE,SADC;QAETC,eAAe,EAAEV,KAAK,CAACW,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;MAFpC,CAJP;MAQJ;QACEJ,eAAe,EAAEV,KAAK,CAACW,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;MAD/C,GAEKC,qBAFL,CARI;MAYJ,cAAc;QACZN,MAAM,EAAE,aADI;QAEZC,eAAe,EAAE,aAFL;QAGZM,aAAa,EAAE;MAHH,CAZV;MAiBJC,YAAY,EAAE,CAjBV;MAkBJC,OAAO,EAAE,MAlBL;MAmBJC,UAAU,EAAE,QAnBR;MAoBJC,cAAc,EAAE;IApBZ,CALmB;IA2BzBC,YAAY,EAAE;MACZX,eAAe,EAAEV,KAAK,CAACY,OAAN,CAAcU,KADnB;MAEZC,SAAS,EAAEvB,KAAK,CAACW,EAAN,CAASa,OAAT,CAAiB,CAAjB,CAFC;MAGZ,WAAW;QACTd,eAAe,EAAEV,KAAK,CAACY,OAAN,CAAcU;MADtB;IAHC,CA3BW;IAkCzBG,QAAQ,EAAE;MACRjB,OAAO,EAAER,KAAK,CAAC0B,OAAN,CAAc,IAAd,CADD;MAERC,UAAU,EAAE,QAFJ;MAGRjB,eAAe,EAAEV,KAAK,CAACY,OAAN,CAAcU,KAHvB;MAIRC,SAAS,EAAEvB,KAAK,CAACW,EAAN,CAASa,OAAT,CAAiB,CAAjB,CAJH;MAKRlB,QAAQ,EAAE;IALF,CAlCe;IAyCzBsB,kBAAkB,EAAE;MAClBC,MAAM,EAAE,MADU;MAElBC,KAAK,EAAE,MAFW;MAGlBpB,eAAe,EAAEV,KAAK,CAACW,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BS;IAH3B,CAzCK;IA8CzBS,0BAA0B,EAAE;MAC1BC,UAAU,EAAE;IADc,CA9CH;IAiDzBC,wBAAwB,EAAE;MACxBV,SAAS,wBAAiBvB,KAAK,CAACW,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BS,KAA7C;IADe,CAjDD;IAoDzBY,wBAAwB,EAAE;MACxBC,KAAK,EAAE;IADiB,CApDD;IAuDzBC,uBAAuB,EAAE;MACvBD,KAAK,EAAE;IADgB;EAvDA,CAAZ;AAAA,CAAf;;eA4DepC,M"}

package/dist/Dropdown/Actions/Actions.js

@@ -0,0 +1,88 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _core = require("@material-ui/core");
+
+var _Button = _interopRequireDefault(require("../../Button"));
+
+var _utils = require("../../utils");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var Actions = function Actions(_ref) {
+  var id = _ref.id,
+      classes = _ref.classes,
+      onCancel = _ref.onCancel,
+      onApply = _ref.onApply,
+      cancelLabel = _ref.cancelLabel,
+      applyLabel = _ref.applyLabel;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    id: id,
+    className: classes.root
+  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+    id: (0, _utils.setId)(id, "apply"),
+    className: classes.button,
+    onClick: onApply,
+    category: "ghost"
+  }, applyLabel), /*#__PURE__*/_react.default.createElement(_Button.default, {
+    id: (0, _utils.setId)(id, "cancel"),
+    className: classes.button,
+    onClick: onCancel,
+    category: "ghost"
+  }, cancelLabel));
+};
+
+process.env.NODE_ENV !== "production" ? Actions.propTypes = {
+  /**
+   * Id to be applied to the root node.
+   */
+  id: _propTypes.default.string.isRequired,
+
+  /**
+   * A Jss Object used to override or extend the component styles.
+   */
+  classes: _propTypes.default.instanceOf(Object).isRequired,
+
+  /**
+   * A function to be executed whenever cancel action is triggered.
+   */
+  onCancel: _propTypes.default.func,
+
+  /**
+   * A function to be executed whenever apply action is triggered.
+   */
+  onApply: _propTypes.default.func,
+
+  /**
+   * Label for cancel button
+   */
+  cancelLabel: _propTypes.default.string,
+
+  /**
+   * Label for apply button
+   */
+  applyLabel: _propTypes.default.string
+} : void 0;
+Actions.defaultProps = {
+  onCancel: function onCancel() {},
+  onApply: function onApply() {},
+  cancelLabel: "Cancel",
+  applyLabel: "Apply"
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvDropdownActions"
+})(Actions);
+
+exports.default = _default;
+//# sourceMappingURL=Actions.js.map

package/dist/Dropdown/Actions/Actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.js","names":["Actions","id","classes","onCancel","onApply","cancelLabel","applyLabel","root","setId","button","propTypes","PropTypes","string","isRequired","instanceOf","Object","func","defaultProps","withStyles","styles","name"],"sources":["../../../src/Dropdown/Actions/Actions.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport HvButton from \"../../Button\";\nimport { setId } from \"../../utils\";\nimport styles from \"./styles\";\n\nconst Actions = ({ id, classes, onCancel, onApply, cancelLabel, applyLabel }) => (\n  <div id={id} className={classes.root}>\n    <HvButton id={setId(id, \"apply\")} className={classes.button} onClick={onApply} category=\"ghost\">\n      {applyLabel}\n    </HvButton>\n    <HvButton\n      id={setId(id, \"cancel\")}\n      className={classes.button}\n      onClick={onCancel}\n      category=\"ghost\"\n    >\n      {cancelLabel}\n    </HvButton>\n  </div>\n);\n\nActions.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string.isRequired,\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * A function to be executed whenever cancel action is triggered.\n   */\n  onCancel: PropTypes.func,\n  /**\n   * A function to be executed whenever apply action is triggered.\n   */\n  onApply: PropTypes.func,\n  /**\n   * Label for cancel button\n   */\n  cancelLabel: PropTypes.string,\n  /**\n   * Label for apply button\n   */\n  applyLabel: PropTypes.string,\n};\n\nActions.defaultProps = {\n  onCancel() {},\n  onApply() {},\n  cancelLabel: \"Cancel\",\n  applyLabel: \"Apply\",\n};\n\nexport default withStyles(styles, { name: \"HvDropdownActions\" })(Actions);\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,OAAO,GAAG,SAAVA,OAAU;EAAA,IAAGC,EAAH,QAAGA,EAAH;EAAA,IAAOC,OAAP,QAAOA,OAAP;EAAA,IAAgBC,QAAhB,QAAgBA,QAAhB;EAAA,IAA0BC,OAA1B,QAA0BA,OAA1B;EAAA,IAAmCC,WAAnC,QAAmCA,WAAnC;EAAA,IAAgDC,UAAhD,QAAgDA,UAAhD;EAAA,oBACd;IAAK,EAAE,EAAEL,EAAT;IAAa,SAAS,EAAEC,OAAO,CAACK;EAAhC,gBACE,6BAAC,eAAD;IAAU,EAAE,EAAE,IAAAC,YAAA,EAAMP,EAAN,EAAU,OAAV,CAAd;IAAkC,SAAS,EAAEC,OAAO,CAACO,MAArD;IAA6D,OAAO,EAAEL,OAAtE;IAA+E,QAAQ,EAAC;EAAxF,GACGE,UADH,CADF,eAIE,6BAAC,eAAD;IACE,EAAE,EAAE,IAAAE,YAAA,EAAMP,EAAN,EAAU,QAAV,CADN;IAEE,SAAS,EAAEC,OAAO,CAACO,MAFrB;IAGE,OAAO,EAAEN,QAHX;IAIE,QAAQ,EAAC;EAJX,GAMGE,WANH,CAJF,CADc;AAAA,CAAhB;;AAgBA,wCAAAL,OAAO,CAACU,SAAR,GAAoB;EAClB;AACF;AACA;EACET,EAAE,EAAEU,kBAAA,CAAUC,MAAV,CAAiBC,UAJH;;EAKlB;AACF;AACA;EACEX,OAAO,EAAES,kBAAA,CAAUG,UAAV,CAAqBC,MAArB,EAA6BF,UARpB;;EASlB;AACF;AACA;EACEV,QAAQ,EAAEQ,kBAAA,CAAUK,IAZF;;EAalB;AACF;AACA;EACEZ,OAAO,EAAEO,kBAAA,CAAUK,IAhBD;;EAiBlB;AACF;AACA;EACEX,WAAW,EAAEM,kBAAA,CAAUC,MApBL;;EAqBlB;AACF;AACA;EACEN,UAAU,EAAEK,kBAAA,CAAUC;AAxBJ,CAApB;AA2BAZ,OAAO,CAACiB,YAAR,GAAuB;EACrBd,QADqB,sBACV,CAAE,CADQ;EAErBC,OAFqB,qBAEX,CAAE,CAFS;EAGrBC,WAAW,EAAE,QAHQ;EAIrBC,UAAU,EAAE;AAJS,CAAvB;;eAOe,IAAAY,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAkDpB,OAAlD,C"}

package/dist/Dropdown/Actions/index.js

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

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

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