@hitachivantara/uikit-react-core 2.23.2

package/dist/legacy/DropDownMenu/DropDownMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropDownMenu.js","names":["React","useEffect","useRef","useState","PropTypes","clsx","IconButton","Popper","withStyles","OutsideClickHandler","MoreOptionsVertical","MoreVert","isKeypress","KeyboardCodes","List","getPrevNextFocus","setId","styles","withId","DropDownMenu","id","classes","className","icon","placement","dataList","disablePortal","onToggleOpen","onClick","keepOpened","disabled","expanded","popperProps","others","didMountRef","open","setOpen","positionUp","setPositionUp","anchorRef","listContainerRef","focusNodes","getFirstListItem","current","Array","from","getElementsByTagName","undefined","handleFocusOnToggle","setTimeout","itemToFocus","focus","handleToggle","prevOpen","handleClose","event","isButtonClick","contains","target","handleKeyDown","Esc","Tab","node","shiftKey","prevFocus","nextFocus","preventDefault","handleKeyboardToggle","SpaceBar","Enter","ArrowDown","ArrowUp","stopPropagation","handleListFlip","data","position","flipped","root","iconSelected","popper","onUpdate","onCreate","inputExtensionOpen","inputExtensionLeftPosition","menuList","item","inputExtensionOpenShadow","inputExtensionFloatRight","inputExtensionFloatLeft","propTypes","string","shape","isRequired","element","arrayOf","label","selected","bool","iconCallback","func","showNavIcon","oneOf","instanceOf","Object","name"],"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/legacy/DropDownMenu/index.d.ts

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

package/dist/legacy/DropDownMenu/index.js

@@ -0,0 +1,2 @@
+export { default } from "./DropDownMenu";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"}

package/dist/legacy/DropDownMenu/styles.js

@@ -0,0 +1,78 @@
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+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";
+
+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
+      }, 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"
+    }
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["outlineStyles","styles","theme","root","popper","zIndex","tooltip","icon","position","boxSizing","padding","cursor","backgroundColor","hv","palette","atmosphere","atmo4","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,SAASA,aAAT,QAA8B,iBAA9B;;AAEA,IAAMC,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,GAEKhB,aAFL,CARI;MAYJ,cAAc;QACZW,MAAM,EAAE,aADI;QAEZC,eAAe,EAAE,aAFL;QAGZK,aAAa,EAAE;MAHH,CAZV;MAiBJC,YAAY,EAAE,CAjBV;MAkBJC,OAAO,EAAE,MAlBL;MAmBJC,UAAU,EAAE,QAnBR;MAoBJC,cAAc,EAAE;IApBZ,CALmB;IA2BzBC,YAAY,EAAE;MACZV,eAAe,EAAEV,KAAK,CAACY,OAAN,CAAcS,KADnB;MAEZC,SAAS,EAAEtB,KAAK,CAACW,EAAN,CAASY,OAAT,CAAiB,CAAjB,CAFC;MAGZ,WAAW;QACTb,eAAe,EAAEV,KAAK,CAACY,OAAN,CAAcS;MADtB;IAHC,CA3BW;IAkCzBG,QAAQ,EAAE;MACRhB,OAAO,EAAER,KAAK,CAACyB,OAAN,CAAc,IAAd,CADD;MAERC,UAAU,EAAE,QAFJ;MAGRhB,eAAe,EAAEV,KAAK,CAACY,OAAN,CAAcS,KAHvB;MAIRC,SAAS,EAAEtB,KAAK,CAACW,EAAN,CAASY,OAAT,CAAiB,CAAjB,CAJH;MAKRjB,QAAQ,EAAE;IALF,CAlCe;IAyCzBqB,kBAAkB,EAAE;MAClBC,MAAM,EAAE,MADU;MAElBC,KAAK,EAAE,MAFW;MAGlBnB,eAAe,EAAEV,KAAK,CAACW,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BQ;IAH3B,CAzCK;IA8CzBS,0BAA0B,EAAE;MAC1BC,UAAU,EAAE;IADc,CA9CH;IAiDzBC,wBAAwB,EAAE;MACxBV,SAAS,wBAAiBtB,KAAK,CAACW,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BQ,KAA7C;IADe,CAjDD;IAoDzBY,wBAAwB,EAAE;MACxBC,KAAK,EAAE;IADiB,CApDD;IAuDzBC,uBAAuB,EAAE;MACvBD,KAAK,EAAE;IADgB;EAvDA,CAAZ;AAAA,CAAf;;AA4DA,eAAenC,MAAf"}

package/dist/legacy/Dropdown/Actions/Actions.js

@@ -0,0 +1,71 @@
+import React from "react";
+import PropTypes from "prop-types";
+import { withStyles } from "@material-ui/core";
+import HvButton from "../../Button";
+import { setId } from "../../utils";
+import styles from "./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.createElement("div", {
+    id: id,
+    className: classes.root
+  }, /*#__PURE__*/React.createElement(HvButton, {
+    id: setId(id, "apply"),
+    className: classes.button,
+    onClick: onApply,
+    category: "ghost"
+  }, applyLabel), /*#__PURE__*/React.createElement(HvButton, {
+    id: 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.string.isRequired,
+
+  /**
+   * A Jss Object used to override or extend the component styles.
+   */
+  classes: PropTypes.instanceOf(Object).isRequired,
+
+  /**
+   * A function to be executed whenever cancel action is triggered.
+   */
+  onCancel: PropTypes.func,
+
+  /**
+   * A function to be executed whenever apply action is triggered.
+   */
+  onApply: PropTypes.func,
+
+  /**
+   * Label for cancel button
+   */
+  cancelLabel: PropTypes.string,
+
+  /**
+   * Label for apply button
+   */
+  applyLabel: PropTypes.string
+} : void 0;
+Actions.defaultProps = {
+  onCancel: function onCancel() {},
+  onApply: function onApply() {},
+  cancelLabel: "Cancel",
+  applyLabel: "Apply"
+};
+export default withStyles(styles, {
+  name: "HvDropdownActions"
+})(Actions);
+//# sourceMappingURL=Actions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.js","names":["React","PropTypes","withStyles","HvButton","setId","styles","Actions","id","classes","onCancel","onApply","cancelLabel","applyLabel","root","button","propTypes","string","isRequired","instanceOf","Object","func","defaultProps","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,QAAP,MAAqB,cAArB;AACA,SAASC,KAAT,QAAsB,aAAtB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,IAAMC,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,oBAAC,QAAD;IAAU,EAAE,EAAET,KAAK,CAACG,EAAD,EAAK,OAAL,CAAnB;IAAkC,SAAS,EAAEC,OAAO,CAACM,MAArD;IAA6D,OAAO,EAAEJ,OAAtE;IAA+E,QAAQ,EAAC;EAAxF,GACGE,UADH,CADF,eAIE,oBAAC,QAAD;IACE,EAAE,EAAER,KAAK,CAACG,EAAD,EAAK,QAAL,CADX;IAEE,SAAS,EAAEC,OAAO,CAACM,MAFrB;IAGE,OAAO,EAAEL,QAHX;IAIE,QAAQ,EAAC;EAJX,GAMGE,WANH,CAJF,CADc;AAAA,CAAhB;;AAgBA,wCAAAL,OAAO,CAACS,SAAR,GAAoB;EAClB;AACF;AACA;EACER,EAAE,EAAEN,SAAS,CAACe,MAAV,CAAiBC,UAJH;;EAKlB;AACF;AACA;EACET,OAAO,EAAEP,SAAS,CAACiB,UAAV,CAAqBC,MAArB,EAA6BF,UARpB;;EASlB;AACF;AACA;EACER,QAAQ,EAAER,SAAS,CAACmB,IAZF;;EAalB;AACF;AACA;EACEV,OAAO,EAAET,SAAS,CAACmB,IAhBD;;EAiBlB;AACF;AACA;EACET,WAAW,EAAEV,SAAS,CAACe,MApBL;;EAqBlB;AACF;AACA;EACEJ,UAAU,EAAEX,SAAS,CAACe;AAxBJ,CAApB;AA2BAV,OAAO,CAACe,YAAR,GAAuB;EACrBZ,QADqB,sBACV,CAAE,CADQ;EAErBC,OAFqB,qBAEX,CAAE,CAFS;EAGrBC,WAAW,EAAE,QAHQ;EAIrBC,UAAU,EAAE;AAJS,CAAvB;AAOA,eAAeV,UAAU,CAACG,MAAD,EAAS;EAAEiB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAkDhB,OAAlD,CAAf"}

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

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

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

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

package/dist/legacy/Dropdown/Actions/styles.js

@@ -0,0 +1,16 @@
+var styles = function styles(theme) {
+  return {
+    button: {
+      color: theme.hv.palette.accent.acce1,
+      "& span": {
+        color: theme.hv.palette.accent.acce1
+      },
+      "&:nth-child(1)": {
+        marginRight: "".concat(theme.hv.spacing.xs, "px")
+      }
+    }
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","button","color","hv","palette","accent","acce1","marginRight","spacing","xs"],"sources":["../../../../src/Dropdown/Actions/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  button: {\n    color: theme.hv.palette.accent.acce1,\n    \"& span\": {\n      color: theme.hv.palette.accent.acce1,\n    },\n    \"&:nth-child(1)\": {\n      marginRight: `${theme.hv.spacing.xs}px`,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,MAAM,EAAE;MACNC,KAAK,EAAEF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KADzB;MAEN,UAAU;QACRJ,KAAK,EAAEF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC;MADvB,CAFJ;MAKN,kBAAkB;QAChBC,WAAW,YAAKP,KAAK,CAACG,EAAN,CAASK,OAAT,CAAiBC,EAAtB;MADK;IALZ;EADiB,CAAZ;AAAA,CAAf;;AAYA,eAAeV,MAAf"}

package/dist/legacy/Dropdown/Dropdown.d.ts

@@ -0,0 +1,111 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+import { PopperProps } from "@material-ui/core/Popper";
+import { ListLabelsProp, ListValueProp } from "../List";
+
+export interface DropDownLabelsProp extends ListLabelsProp {
+  /**
+   * Title for the dropdown.
+   */
+  title?: string;
+  /**
+   * The placeholder value of the dropdown, when no value is selected.
+   */
+  select?: string;
+  /**
+   * Cancel button label.
+   */
+  cancelLabel?: string;
+  /**
+   * Apply button label.
+   */
+  applyLabel?: string;
+  /**
+   * The label used preceding the multiselection count.
+   */
+  multiSelectionAction?: string;
+  // TODO: deprecate in favour of List's selectionConjunction ?
+  /**
+   * The label used in the middle of the multiselection count.
+   */
+  multiSelectionConjunction?: string;
+}
+
+export interface HvDropdownProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvDropdownClassKey, "onChange"> {
+  /**
+   * The list to be rendered by the dropdown.
+   */
+  values?: ListValueProp[];
+  /**
+   * If ´true´ the dropdown is multiselect, if ´false´ the dropdown is single select.
+   */
+  multiSelect?: boolean;
+  /**
+   * If ´true´ the dropdown is rendered with a search bar, if ´false´ there won't be a search bar.
+   */
+  showSearch?: boolean;
+  /**
+   * If ´true´ the dropdown is disabled unable to be interacted, if ´false´ it is enabled.
+   */
+  disabled?: boolean;
+  /**
+   * If ´true´ the dropdown starts opened if ´false´ it starts closed.
+   */
+  expanded?: boolean;
+  /**
+   * If 'true' the dropdown will notify on the first render.
+   */
+  notifyChangesOnFirstRender?: boolean;
+  /**
+   * An object containing all the labels for the dropdown.
+   */
+  labels?: DropDownLabelsProp;
+  /**
+   * If ´true´ and none element selected,
+   * single select has default (first) label selected.
+   */
+  selectDefault?: boolean;
+  /**
+   * If ´true´ the dropdown will show tooltips when user mouseenter text in list
+   */
+  hasTooltips?: boolean;
+  /**
+   * Disable the portal behavior.
+   * The children stay within it's parent DOM hierarchy.
+   */
+  disablePortal?: boolean;
+  /**
+   * If ´true´, selection can be toggled when single selection.
+   */
+  singleSelectionToggle?: boolean;
+  /**
+   * Placement of the dropdown.
+   */
+  placement?: "left" | "right";
+  /**
+   * A function to be executed whenever a item is selected in the dropdown, the function receives the selected item(s).
+   */
+  onChange?: (selected: ListValueProp | ListValueProp[] | undefined) => void;
+  /**
+   * Properties passed to the undelying Popper component
+   */
+  popperProps?: Partial<PopperProps>;
+}
+
+export type HvDropdownClassKey =
+  | "root"
+  | "rootOpen"
+  | "rootDisabled"
+  | "rootList"
+  | "list"
+  | "label"
+  | "header"
+  | "selection"
+  | "arrow"
+  | "headerDisabled"
+  | "icon"
+  | "truncate"
+  | "selectionDisabled";
+
+export default function HvDropdown(props: HvDropdownProps): JSX.Element | null;