@dfds-ui/react-components 2.2.0-alpha.8d87a90d → 2.2.0-alpha.e74a6756

package/cjs/divider/Divider.js

@@ -8,12 +8,11 @@ var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _theme = require("@dfds-ui/theme");
-const _excluded = ["light", "indent", "margins"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-const colors = _theme.theme.colors;
+const {
+  colors
+} = _theme.theme;
 
 // Can be used to create a simple divider with a css border and still adhere to the colors defined for dividers.
 const dividerBorder = (light, placement) => {
@@ -27,11 +26,12 @@ const StyledDivider = /*#__PURE__*/(0, _base.default)("hr", process.env.NODE_ENV
   target: "e1rrvlkn0",
   label: "StyledDivider"
 })("border:none;background-color:", p => p.light ? colors.divider.light : colors.divider.dark, ";max-width:100%;height:1px;margin:0 ", p => p.margins ? _theme.theme.spacing.m : 0, " 0 ", p => p.margins || p.indent ? _theme.theme.spacing.m : 0, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kaXZpZGVyL0RpdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdDeUYiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2RpdmlkZXIvRGl2aWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxuZXhwb3J0IHR5cGUgRGl2aWRlclByb3BzID0ge1xuICAvL3RvZG86IGNvbnZlcnQgdG8gc3VyZmFjZSBjb25jZXB0IGFuZCByZW1vdmUgbGlnaHRcbiAgLyoqXG4gICAqIERpc3BsYXkgdGhlIERpdmlkZXIgaW4gXCJsaWdodFwiIG1vZGUuXG4gICAqL1xuICBsaWdodD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIERpc3BsYXkgdGhlIERpdmlkZXIgaW4gXCJpbmRlbnRcIiBzdHlsZVxuICAgKi9cbiAgaW5kZW50PzogYm9vbGVhblxuICAvKipcbiAgICogIERpc3BsYXkgdGhlIERpdmlkZXIgaW4gXCJtYXJnaW5cIiBzdHlsZVxuICAgKi9cbiAgbWFyZ2lucz86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEhUTUwgdGFnIG9yIGN1c3RvbSBjb21wb25lbnQgYmVpbmcgcmVuZGVyZWRcbiAgICovXG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgLyoqXG4gICAqIENsYXNzIG5hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGNvbXBvbmVudFxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmNvbnN0IHsgY29sb3JzIH0gPSB0aGVtZVxuXG4vLyBDYW4gYmUgdXNlZCB0byBjcmVhdGUgYSBzaW1wbGUgZGl2aWRlciB3aXRoIGEgY3NzIGJvcmRlciBhbmQgc3RpbGwgYWRoZXJlIHRvIHRoZSBjb2xvcnMgZGVmaW5lZCBmb3IgZGl2aWRlcnMuXG5leHBvcnQgY29uc3QgZGl2aWRlckJvcmRlciA9IChsaWdodD86IGJvb2xlYW4sIHBsYWNlbWVudD86ICd0b3AnIHwgJ2JvdHRvbScpID0+IHtcbiAgY29uc3QgYm9yZGVyID0gYDFweCBzb2xpZCAke2xpZ2h0ID8gY29sb3JzLmRpdmlkZXIubGlnaHQgOiBjb2xvcnMuZGl2aWRlci5kYXJrfWBcbiAgcmV0dXJuIGNzc2BcbiAgICBib3JkZXItdG9wOiAke3BsYWNlbWVudCA9PT0gJ3RvcCcgJiYgYm9yZGVyfTtcbiAgICBib3JkZXItYm90dG9tOiAke3BsYWNlbWVudCA9PT0gJ2JvdHRvbScgJiYgYm9yZGVyfTtcbiAgYFxufVxuXG5jb25zdCBTdHlsZWREaXZpZGVyID0gc3R5bGVkLmhyPHsgbGlnaHQ/OiBib29sZWFuOyBpbmRlbnQ/OiBib29sZWFuOyBtYXJnaW5zPzogYm9vbGVhbiB9PmBcbiAgYm9yZGVyOiBub25lO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwKSA9PiAocC5saWdodCA/IGNvbG9ycy5kaXZpZGVyLmxpZ2h0IDogY29sb3JzLmRpdmlkZXIuZGFyayl9O1xuICBtYXgtd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMXB4O1xuICBtYXJnaW46IDAgJHsocCkgPT4gKHAubWFyZ2lucyA/IHRoZW1lLnNwYWNpbmcubSA6IDApfSAwICR7KHApID0+IChwLm1hcmdpbnMgfHwgcC5pbmRlbnQgPyB0aGVtZS5zcGFjaW5nLm0gOiAwKX07XG5gXG5cbmV4cG9ydCBjb25zdCBEaXZpZGVyID0gKHsgbGlnaHQsIGluZGVudCwgbWFyZ2lucywgLi4ucmVzdCB9OiBEaXZpZGVyUHJvcHMpID0+IHtcbiAgcmV0dXJuIDxTdHlsZWREaXZpZGVyIGxpZ2h0PXtsaWdodH0gaW5kZW50PXtpbmRlbnR9IG1hcmdpbnM9e21hcmdpbnN9IHJvbGU9XCJzZXBhcmF0b3JcIiB7Li4ucmVzdH0gLz5cbn1cblxuZXhwb3J0IGRlZmF1bHQgRGl2aWRlclxuIl19 */"));
-const Divider = _ref => {
-  let light = _ref.light,
-    indent = _ref.indent,
-    margins = _ref.margins,
-    rest = _objectWithoutProperties(_ref, _excluded);
+const Divider = ({
+  light,
+  indent,
+  margins,
+  ...rest
+}) => {
   return (0, _react2.jsx)(StyledDivider, _extends({
     light: light,
     indent: indent,

package/cjs/divider/index.d.ts

@@ -0,0 +1 @@
+export * from './Divider';

package/cjs/divider/index.js

@@ -9,7 +9,7 @@ Object.keys(_Divider).forEach(function (key) {
   if (key in exports && exports[key] === _Divider[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _Divider[key];
     }
   });

package/cjs/drawer/Drawer.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import { theme } from '@dfds-ui/theme';
+type HorizontalPosition = 'left' | 'right';
+type VerticalPosition = 'top' | 'bottom';
+type Elevation = keyof typeof theme.elevation;
+export type DrawerProps = {
+    /**
+     * Horizontal position of the drawer
+     */
+    position?: HorizontalPosition;
+    /**
+     * Show arrow to visually indicate the relation to a connected component
+     */
+    showArrow?: boolean;
+    /**
+     *  Set the `elevation` for the Drawer.
+     */
+    elevation?: Elevation;
+    /**
+     * Vertical position of the drawer in relation to a connected component.
+     * Will only be used for placing the arrow on either the `top` or `bottom`
+     */
+    verticalPosition?: VerticalPosition;
+    /**
+     * Class name to be assigned to the component
+     */
+    className?: string;
+    children?: React.ReactNode;
+};
+export declare const Drawer: React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<HTMLDivElement>>;
+export default Drawer;

package/cjs/drawer/Drawer.js

@@ -8,11 +8,8 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _theme = require("@dfds-ui/theme");
 var _arrow = _interopRequireDefault(require("../common/arrow"));
-const _excluded = ["className", "children", "position", "verticalPosition", "showArrow", "elevation"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 const getArrowPlacement = (vertical, horizontal) => {
   return `${vertical ? vertical : 'top'}-${horizontal ? horizontal : 'left'}`;
 };
@@ -22,18 +19,15 @@ const drawerStyles = ({
   showArrow,
   elevation
 }) => /*#__PURE__*/(0, _react2.css)("z-index:1;position:absolute;height:auto;min-height:50px;left:", position === 'left' && 0, ";right:", position === 'right' && 0, ";min-width:112px;border-radius:2px;box-shadow:", _theme.theme.elevation[elevation], ";background-color:", _theme.theme.colors.surface.primary, ";display:grid;cursor:default;", !showArrow ? '' : (0, _arrow.default)(10, _theme.theme.colors.surface.primary, 20, getArrowPlacement(verticalPosition, position)), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:drawerStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kcmF3ZXIvRHJhd2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRFMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2RyYXdlci9EcmF3ZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IGFycm93LCB7IEFycm93UG9zaXRpb24gfSBmcm9tICcuLi9jb21tb24vYXJyb3cnXG5cbnR5cGUgSG9yaXpvbnRhbFBvc2l0aW9uID0gJ2xlZnQnIHwgJ3JpZ2h0J1xudHlwZSBWZXJ0aWNhbFBvc2l0aW9uID0gJ3RvcCcgfCAnYm90dG9tJ1xudHlwZSBFbGV2YXRpb24gPSBrZXlvZiB0eXBlb2YgdGhlbWUuZWxldmF0aW9uXG5cbmV4cG9ydCB0eXBlIERyYXdlclByb3BzID0ge1xuICAvKipcbiAgICogSG9yaXpvbnRhbCBwb3NpdGlvbiBvZiB0aGUgZHJhd2VyXG4gICAqL1xuICBwb3NpdGlvbj86IEhvcml6b250YWxQb3NpdGlvblxuXG4gIC8qKlxuICAgKiBTaG93IGFycm93IHRvIHZpc3VhbGx5IGluZGljYXRlIHRoZSByZWxhdGlvbiB0byBhIGNvbm5lY3RlZCBjb21wb25lbnRcbiAgICovXG4gIHNob3dBcnJvdz86IGJvb2xlYW5cbiAgLyoqXG4gICAqICBTZXQgdGhlIGBlbGV2YXRpb25gIGZvciB0aGUgRHJhd2VyLlxuICAgKi9cbiAgZWxldmF0aW9uPzogRWxldmF0aW9uXG5cbiAgLyoqXG4gICAqIFZlcnRpY2FsIHBvc2l0aW9uIG9mIHRoZSBkcmF3ZXIgaW4gcmVsYXRpb24gdG8gYSBjb25uZWN0ZWQgY29tcG9uZW50LlxuICAgKiBXaWxsIG9ubHkgYmUgdXNlZCBmb3IgcGxhY2luZyB0aGUgYXJyb3cgb24gZWl0aGVyIHRoZSBgdG9wYCBvciBgYm90dG9tYFxuICAgKi9cbiAgdmVydGljYWxQb3NpdGlvbj86IFZlcnRpY2FsUG9zaXRpb25cblxuICAvKipcbiAgICogQ2xhc3MgbmFtZSB0byBiZSBhc3NpZ25lZCB0byB0aGUgY29tcG9uZW50XG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3QgZ2V0QXJyb3dQbGFjZW1lbnQgPSAodmVydGljYWw6IFZlcnRpY2FsUG9zaXRpb24sIGhvcml6b250YWw6IEhvcml6b250YWxQb3NpdGlvbik6IEFycm93UG9zaXRpb24gPT4ge1xuICByZXR1cm4gYCR7dmVydGljYWwgPyB2ZXJ0aWNhbCA6ICd0b3AnfS0ke2hvcml6b250YWwgPyBob3Jpem9udGFsIDogJ2xlZnQnfWAgYXMgQXJyb3dQb3NpdGlvblxufVxuXG5jb25zdCBkcmF3ZXJTdHlsZXMgPSAoe1xuICBwb3NpdGlvbixcbiAgdmVydGljYWxQb3NpdGlvbixcbiAgc2hvd0Fycm93LFxuICBlbGV2YXRpb24sXG59OiB7XG4gIHBvc2l0aW9uOiBIb3Jpem9udGFsUG9zaXRpb25cbiAgdmVydGljYWxQb3NpdGlvbjogVmVydGljYWxQb3NpdGlvblxuICBzaG93QXJyb3c6IGJvb2xlYW5cbiAgZWxldmF0aW9uOiBFbGV2YXRpb25cbn0pID0+IGNzc2BcbiAgei1pbmRleDogMTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBoZWlnaHQ6IGF1dG87XG4gIG1pbi1oZWlnaHQ6IDUwcHg7XG4gIGxlZnQ6ICR7cG9zaXRpb24gPT09ICdsZWZ0JyAmJiAwfTtcbiAgcmlnaHQ6ICR7cG9zaXRpb24gPT09ICdyaWdodCcgJiYgMH07XG4gIG1pbi13aWR0aDogMTEycHg7XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgYm94LXNoYWRvdzogJHt0aGVtZS5lbGV2YXRpb25bZWxldmF0aW9uXX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGN1cnNvcjogZGVmYXVsdDtcbiAgJHshc2hvd0Fycm93ID8gJycgOiBhcnJvdygxMCwgdGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeSwgMjAsIGdldEFycm93UGxhY2VtZW50KHZlcnRpY2FsUG9zaXRpb24sIHBvc2l0aW9uKSl9XG5gXG5cbmV4cG9ydCBjb25zdCBEcmF3ZXIgPSBSZWFjdC5mb3J3YXJkUmVmPEhUTUxEaXZFbGVtZW50LCBEcmF3ZXJQcm9wcz4oXG4gIChcbiAgICB7IGNsYXNzTmFtZSwgY2hpbGRyZW4sIHBvc2l0aW9uID0gJ2xlZnQnLCB2ZXJ0aWNhbFBvc2l0aW9uID0gJ2JvdHRvbScsIHNob3dBcnJvdyA9IHRydWUsIGVsZXZhdGlvbiA9ICc0JywgLi4ucmVzdCB9LFxuICAgIHJlZlxuICApID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdlxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgY3NzPXtkcmF3ZXJTdHlsZXMoeyBwb3NpdGlvbiwgdmVydGljYWxQb3NpdGlvbiwgc2hvd0Fycm93LCBlbGV2YXRpb24gfSl9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgID5cbiAgICAgICAgPGRpdj57Y2hpbGRyZW59PC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICApXG4gIH1cbilcblxuZXhwb3J0IGRlZmF1bHQgRHJhd2VyXG4iXX0= */");
-const Drawer = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
-  let className = _ref.className,
-    children = _ref.children,
-    _ref$position = _ref.position,
-    position = _ref$position === void 0 ? 'left' : _ref$position,
-    _ref$verticalPosition = _ref.verticalPosition,
-    verticalPosition = _ref$verticalPosition === void 0 ? 'bottom' : _ref$verticalPosition,
-    _ref$showArrow = _ref.showArrow,
-    showArrow = _ref$showArrow === void 0 ? true : _ref$showArrow,
-    _ref$elevation = _ref.elevation,
-    elevation = _ref$elevation === void 0 ? '4' : _ref$elevation,
-    rest = _objectWithoutProperties(_ref, _excluded);
+const Drawer = /*#__PURE__*/_react.default.forwardRef(({
+  className,
+  children,
+  position = 'left',
+  verticalPosition = 'bottom',
+  showArrow = true,
+  elevation = '4',
+  ...rest
+}, ref) => {
   return (0, _react2.jsx)("div", _extends({
     className: className,
     css: drawerStyles({

package/cjs/drawer/index.d.ts

@@ -0,0 +1 @@
+export * from './Drawer';

package/cjs/drawer/index.js

@@ -9,7 +9,7 @@ Object.keys(_Drawer).forEach(function (key) {
   if (key in exports && exports[key] === _Drawer[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _Drawer[key];
     }
   });

package/cjs/dropdown-menu/Dropdown.d.ts

@@ -0,0 +1,46 @@
+import React, { ReactElement } from 'react';
+import { PopperProps, PopperPlacementType } from '@mui/material';
+export type DropdownSize = 'medium' | 'small';
+export type DropdownProps = {
+    /**
+     * Placement for the `Dropdown`.
+     */
+    placement?: PopperPlacementType;
+    /**
+     * HTML element that the `Dropdown` will be anchor to.
+     */
+    anchorEl?: PopperProps['anchorEl'];
+    /**
+     * If set to `true`, the `Dropdown` is shown.
+     */
+    isOpen: boolean;
+    /**
+     * Set the state of the `Dropdown`.
+     */
+    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    /**
+     * Specify the size of the `Dropdown`.
+     */
+    size?: DropdownSize;
+    /**
+     * Close the `Dropdown` on `esc` key.
+     */
+    shouldCloseOnEsc?: boolean;
+    /**
+     * className to be assigned to component.
+     */
+    className?: string;
+    /**
+     * Select multiple children from the `Dropdown`.
+     */
+    multiselect?: boolean;
+    /**
+     * Add an `id` to the `Dropdown`.
+     */
+    id?: string;
+    onClickAway?: () => void;
+    children: ReactElement[];
+    filter?: boolean;
+};
+declare const DropdownMenu: ({ isOpen, multiselect, children, anchorEl, onClickAway, size, id, className, placement, setIsOpen, shouldCloseOnEsc, filter, ...rest }: DropdownProps) => JSX.Element;
+export default DropdownMenu;

package/cjs/dropdown-menu/Dropdown.js

@@ -11,16 +11,7 @@ var _drawer = require("../drawer");
 var _DropdownContext = require("./DropdownContext");
 var _material = require("@mui/material");
 var _base = require("@mui/base");
-const _excluded = ["isOpen", "multiselect", "children", "anchorEl", "onClickAway", "size", "id", "className", "placement", "setIsOpen", "shouldCloseOnEsc", "filter"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 const getDrawerStyles = size => /*#__PURE__*/(0, _react2.css)("box-shadow:", _theme.theme.elevation['4'], ";padding:", _theme.theme.spacing.xxs, " 0;max-height:418px;min-width:", size === 'small' ? '124px' : '157px', ";max-width:288px;width:max-content;" + (process.env.NODE_ENV === "production" ? "" : ";label:getDrawerStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kcm9wZG93bi1tZW51L0Ryb3Bkb3duLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRG9EIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9kcm9wZG93bi1tZW51L0Ryb3Bkb3duLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdEVsZW1lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IERyYXdlciB9IGZyb20gJy4uL2RyYXdlcidcbmltcG9ydCB7IERyb3Bkb3duQ29udGV4dFByb3ZpZGVyIH0gZnJvbSAnLi9Ecm9wZG93bkNvbnRleHQnXG5pbXBvcnQgeyBQb3BwZXIsIFBvcHBlclByb3BzLCBQb3BwZXJQbGFjZW1lbnRUeXBlIH0gZnJvbSAnQG11aS9tYXRlcmlhbCdcbmltcG9ydCB7IENsaWNrQXdheUxpc3RlbmVyIH0gZnJvbSAnQG11aS9iYXNlJ1xuXG5leHBvcnQgdHlwZSBEcm9wZG93blNpemUgPSAnbWVkaXVtJyB8ICdzbWFsbCdcblxuZXhwb3J0IHR5cGUgRHJvcGRvd25Qcm9wcyA9IHtcbiAgLyoqXG4gICAqIFBsYWNlbWVudCBmb3IgdGhlIGBEcm9wZG93bmAuXG4gICAqL1xuICBwbGFjZW1lbnQ/OiBQb3BwZXJQbGFjZW1lbnRUeXBlXG4gIC8qKlxuICAgKiBIVE1MIGVsZW1lbnQgdGhhdCB0aGUgYERyb3Bkb3duYCB3aWxsIGJlIGFuY2hvciB0by5cbiAgICovXG4gIGFuY2hvckVsPzogUG9wcGVyUHJvcHNbJ2FuY2hvckVsJ11cbiAgLyoqXG4gICAqIElmIHNldCB0byBgdHJ1ZWAsIHRoZSBgRHJvcGRvd25gIGlzIHNob3duLlxuICAgKi9cbiAgaXNPcGVuOiBib29sZWFuXG4gIC8qKlxuICAgKiBTZXQgdGhlIHN0YXRlIG9mIHRoZSBgRHJvcGRvd25gLlxuICAgKi9cbiAgc2V0SXNPcGVuOiBSZWFjdC5EaXNwYXRjaDxSZWFjdC5TZXRTdGF0ZUFjdGlvbjxib29sZWFuPj5cbiAgLyoqXG4gICAqIFNwZWNpZnkgdGhlIHNpemUgb2YgdGhlIGBEcm9wZG93bmAuXG4gICAqL1xuICBzaXplPzogRHJvcGRvd25TaXplXG4gIC8qKlxuICAgKiBDbG9zZSB0aGUgYERyb3Bkb3duYCBvbiBgZXNjYCBrZXkuXG4gICAqL1xuICBzaG91bGRDbG9zZU9uRXNjPzogYm9vbGVhblxuICAvKipcbiAgICogY2xhc3NOYW1lIHRvIGJlIGFzc2lnbmVkIHRvIGNvbXBvbmVudC5cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAvKipcbiAgICogU2VsZWN0IG11bHRpcGxlIGNoaWxkcmVuIGZyb20gdGhlIGBEcm9wZG93bmAuXG4gICAqL1xuICBtdWx0aXNlbGVjdD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEFkZCBhbiBgaWRgIHRvIHRoZSBgRHJvcGRvd25gLlxuICAgKi9cbiAgaWQ/OiBzdHJpbmdcbiAgb25DbGlja0F3YXk/OiAoKSA9PiB2b2lkXG4gIGNoaWxkcmVuOiBSZWFjdEVsZW1lbnRbXVxuICBmaWx0ZXI/OiBib29sZWFuXG59XG5cbmNvbnN0IGdldERyYXdlclN0eWxlcyA9IChzaXplPzogRHJvcGRvd25TaXplKSA9PiBjc3NgXG4gIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWyc0J119O1xuICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcueHhzfSAwO1xuICBtYXgtaGVpZ2h0OiA0MThweDtcbiAgbWluLXdpZHRoOiAke3NpemUgPT09ICdzbWFsbCcgPyAnMTI0cHgnIDogJzE1N3B4J307XG4gIG1heC13aWR0aDogMjg4cHg7XG4gIHdpZHRoOiBtYXgtY29udGVudDtcbmBcblxuY29uc3QgU2Nyb2xsYWJsZURpdiA9IFJlYWN0LmZvcndhcmRSZWYoKHByb3BzOiBhbnksIHJlZjogYW55KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgdGFiSW5kZXg9ezB9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgbWF4LWhlaWdodDogNDEwcHg7XG4gICAgICAgIG92ZXJmbG93OiBhdXRvO1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAgIHJlZj17cmVmfVxuICAgIC8+XG4gIClcbn0pXG5cbmNvbnN0IERyb3Bkb3duTWVudSA9ICh7XG4gIGlzT3BlbiA9IGZhbHNlLFxuICBtdWx0aXNlbGVjdCxcbiAgY2hpbGRyZW4sXG4gIGFuY2hvckVsLFxuICBvbkNsaWNrQXdheSxcbiAgc2l6ZSA9ICdtZWRpdW0nLFxuICBpZCxcbiAgY2xhc3NOYW1lLFxuICBwbGFjZW1lbnQsXG4gIHNldElzT3BlbixcbiAgc2hvdWxkQ2xvc2VPbkVzYyxcbiAgZmlsdGVyLFxuICAuLi5yZXN0XG59OiBEcm9wZG93blByb3BzKSA9PiB7XG4gIGNvbnN0IFtmaWx0ZXJlZCwgc2V0RmlsdGVyZWRdID0gUmVhY3QudXNlU3RhdGU8c3RyaW5nPignJylcbiAgY29uc3QgY29udGFpbmVyUmVmID0gUmVhY3QudXNlUmVmPEhUTUxEaXZFbGVtZW50PigpXG4gIGNvbnN0IGZpcnN0Q2hpbGRSZWYgPSBSZWFjdC51c2VSZWY8YW55PigpXG4gIGNvbnN0IGN1cnJlbnRGb2N1cyA9IFJlYWN0LnVzZVJlZjxhbnk+KClcbiAgY29uc3Qgc2V0Q29udGFpbmVyUmVmID0gUmVhY3QudXNlQ2FsbGJhY2soKG5vZGU6IEhUTUxEaXZFbGVtZW50KSA9PiB7XG4gICAgaWYgKG5vZGUpIHtcbiAgICAgIGNvbnRhaW5lclJlZi5jdXJyZW50ID0gbm9kZVxuICAgICAgZmlyc3RDaGlsZFJlZi5jdXJyZW50ID0gY29udGFpbmVyUmVmLmN1cnJlbnQ/LmZpcnN0Q2hpbGRcbiAgICAgIGN1cnJlbnRGb2N1cy5jdXJyZW50ID0gZmlyc3RDaGlsZFJlZi5jdXJyZW50XG4gICAgICBjdXJyZW50Rm9jdXMuY3VycmVudC5mb2N1cygpXG4gICAgfSBlbHNlIHtcbiAgICAgIGNvbnRhaW5lclJlZi5jdXJyZW50ID0gdW5kZWZpbmVkXG4gICAgfVxuICB9LCBbXSlcblxuICBjb25zdCBoYW5kbGVDaGFyRG93biA9IChldmVudDogUmVhY3QuS2V5Ym9hcmRFdmVudDxFbGVtZW50PikgPT4ge1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXG4gICAgY29uc3QgZXZlbnRLZXkgPSBldmVudC5rZXlcblxuICAgIGlmIChbJ0Fycm93VXAnLCAnQXJyb3dEb3duJ10uaW5jbHVkZXMoZXZlbnRLZXkpKSB7XG4gICAgICByZXR1cm4gaGFuZGxlQXJyb3dzVXBEb3duKGV2ZW50KVxuICAgIH1cblxuICAgIGlmICghZmlsdGVyKSByZXR1cm5cblxuICAgIGNvbnN0IHJneCA9IC9bYS16QS1aMC05XS9nXG4gICAgY29uc3QgdGVzdCA9IHJneC50ZXN0KGV2ZW50S2V5KVxuICAgIGlmICh0ZXN0ICYmIGV2ZW50S2V5Lmxlbmd0aCA9PT0gMSkge1xuICAgICAgc2V0RmlsdGVyZWQoKHByZXZTdGF0ZSkgPT4gcHJldlN0YXRlICsgZXZlbnRLZXkudG9VcHBlckNhc2UoKSlcbiAgICB9XG4gIH1cblxuICBjb25zdCBoYW5kbGVBcnJvd3NVcERvd24gPSAoZXZlbnQ6IFJlYWN0LktleWJvYXJkRXZlbnQ8RWxlbWVudD4pID0+IHtcbiAgICBpZiAoZXZlbnQua2V5ID09PSAnQXJyb3dVcCcpIHtcbiAgICAgIGNvbnN0IHByZXYgPSBjdXJyZW50Rm9jdXMuY3VycmVudC5wcmV2aW91c1NpYmxpbmdcbiAgICAgIGlmIChwcmV2KSB7XG4gICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgY3VycmVudEZvY3VzLmN1cnJlbnQgPSBwcmV2XG4gICAgICAgIHByZXYuZm9jdXMoKVxuICAgICAgfVxuICAgIH0gZWxzZSBpZiAoZXZlbnQua2V5ID09PSAnQXJyb3dEb3duJykge1xuICAgICAgY29uc3QgbmV4dCA9IGN1cnJlbnRGb2N1cy5jdXJyZW50Lm5leHRTaWJsaW5nXG4gICAgICBpZiAobmV4dCkge1xuICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICAgIGN1cnJlbnRGb2N1cy5jdXJyZW50ID0gbmV4dFxuICAgICAgICBuZXh0LmZvY3VzKClcbiAgICAgIH1cbiAgICB9IGVsc2UgaWYgKGV2ZW50LmtleSA9PT0gJ0VzY2FwZScgJiYgc2hvdWxkQ2xvc2VPbkVzYykge1xuICAgICAgaWYgKGlzT3Blbikge1xuICAgICAgICBzZXRJc09wZW4oZmFsc2UpXG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgY29uc3QgZmlsdGVyQ2hpbGRyZW4gPSAocGFyYW06IHR5cGVvZiBjaGlsZHJlbikgPT4ge1xuICAgIGlmIChmaWx0ZXJlZC5sZW5ndGggPj0gMSkge1xuICAgICAgcmV0dXJuIHBhcmFtLmZpbHRlcigoeCkgPT4geC5wcm9wcy5jaGlsZHJlbi50b1VwcGVyQ2FzZSgpLmluY2x1ZGVzKGZpbHRlcmVkKSlcbiAgICB9XG4gICAgcmV0dXJuIHBhcmFtXG4gIH1cblxuICBSZWFjdC51c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghaXNPcGVuKSB7XG4gICAgICBzZXRGaWx0ZXJlZCgnJylcbiAgICB9XG4gIH0sIFtpc09wZW5dKVxuXG4gIHJldHVybiAoXG4gICAgPFBvcHBlclxuICAgICAgb3Blbj17aXNPcGVufVxuICAgICAgYW5jaG9yRWw9e2FuY2hvckVsfVxuICAgICAgaWQ9e2lkfVxuICAgICAgcGxhY2VtZW50PXtwbGFjZW1lbnR9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgei1pbmRleDogJHt0aGVtZS56SW5kZXgubW9kYWx9O1xuICAgICAgYH1cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIDxDbGlja0F3YXlMaXN0ZW5lclxuICAgICAgICBvbkNsaWNrQXdheT17KCkgPT4ge1xuICAgICAgICAgIG9uQ2xpY2tBd2F5ICYmIG9uQ2xpY2tBd2F5KClcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPERyYXdlciBjc3M9e2dldERyYXdlclN0eWxlcyhzaXplKX0gc2hvd0Fycm93PXtmYWxzZX0gY2xhc3NOYW1lPXtjbGFzc05hbWV9IHsuLi5yZXN0fT5cbiAgICAgICAgICA8RHJvcGRvd25Db250ZXh0UHJvdmlkZXIgdmFsdWU9e3sgc2l6ZSwgbXVsdGlzZWxlY3QgfX0+XG4gICAgICAgICAgICA8U2Nyb2xsYWJsZURpdiByZWY9e3NldENvbnRhaW5lclJlZn0gb25LZXlEb3duPXtoYW5kbGVDaGFyRG93bn0+XG4gICAgICAgICAgICAgIHtmaWx0ZXIgPyBmaWx0ZXJDaGlsZHJlbihjaGlsZHJlbikgOiBjaGlsZHJlbn1cbiAgICAgICAgICAgIDwvU2Nyb2xsYWJsZURpdj5cbiAgICAgICAgICA8L0Ryb3Bkb3duQ29udGV4dFByb3ZpZGVyPlxuICAgICAgICA8L0RyYXdlcj5cbiAgICAgIDwvQ2xpY2tBd2F5TGlzdGVuZXI+XG4gICAgPC9Qb3BwZXI+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgRHJvcGRvd25NZW51XG4iXX0= */");
@@ -41,34 +32,29 @@ const ScrollableDiv = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     ref: ref
   }));
 });
-const DropdownMenu = _ref2 => {
-  let _ref2$isOpen = _ref2.isOpen,
-    isOpen = _ref2$isOpen === void 0 ? false : _ref2$isOpen,
-    multiselect = _ref2.multiselect,
-    children = _ref2.children,
-    anchorEl = _ref2.anchorEl,
-    _onClickAway = _ref2.onClickAway,
-    _ref2$size = _ref2.size,
-    size = _ref2$size === void 0 ? 'medium' : _ref2$size,
-    id = _ref2.id,
-    className = _ref2.className,
-    placement = _ref2.placement,
-    setIsOpen = _ref2.setIsOpen,
-    shouldCloseOnEsc = _ref2.shouldCloseOnEsc,
-    filter = _ref2.filter,
-    rest = _objectWithoutProperties(_ref2, _excluded);
-  const _React$useState = _react.default.useState(''),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    filtered = _React$useState2[0],
-    setFiltered = _React$useState2[1];
+const DropdownMenu = ({
+  isOpen = false,
+  multiselect,
+  children,
+  anchorEl,
+  onClickAway,
+  size = 'medium',
+  id,
+  className,
+  placement,
+  setIsOpen,
+  shouldCloseOnEsc,
+  filter,
+  ...rest
+}) => {
+  const [filtered, setFiltered] = _react.default.useState('');
   const containerRef = _react.default.useRef();
   const firstChildRef = _react.default.useRef();
   const currentFocus = _react.default.useRef();
   const setContainerRef = _react.default.useCallback(node => {
     if (node) {
-      var _containerRef$current;
       containerRef.current = node;
-      firstChildRef.current = (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.firstChild;
+      firstChildRef.current = containerRef.current?.firstChild;
       currentFocus.current = firstChildRef.current;
       currentFocus.current.focus();
     } else {
@@ -128,7 +114,7 @@ const DropdownMenu = _ref2 => {
     css: /*#__PURE__*/(0, _react2.css)("z-index:", _theme.theme.zIndex.modal, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:DropdownMenu;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kcm9wZG93bi1tZW51L0Ryb3Bkb3duLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtS2MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2Ryb3Bkb3duLW1lbnUvRHJvcGRvd24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0RWxlbWVudCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRHJhd2VyIH0gZnJvbSAnLi4vZHJhd2VyJ1xuaW1wb3J0IHsgRHJvcGRvd25Db250ZXh0UHJvdmlkZXIgfSBmcm9tICcuL0Ryb3Bkb3duQ29udGV4dCdcbmltcG9ydCB7IFBvcHBlciwgUG9wcGVyUHJvcHMsIFBvcHBlclBsYWNlbWVudFR5cGUgfSBmcm9tICdAbXVpL21hdGVyaWFsJ1xuaW1wb3J0IHsgQ2xpY2tBd2F5TGlzdGVuZXIgfSBmcm9tICdAbXVpL2Jhc2UnXG5cbmV4cG9ydCB0eXBlIERyb3Bkb3duU2l6ZSA9ICdtZWRpdW0nIHwgJ3NtYWxsJ1xuXG5leHBvcnQgdHlwZSBEcm9wZG93blByb3BzID0ge1xuICAvKipcbiAgICogUGxhY2VtZW50IGZvciB0aGUgYERyb3Bkb3duYC5cbiAgICovXG4gIHBsYWNlbWVudD86IFBvcHBlclBsYWNlbWVudFR5cGVcbiAgLyoqXG4gICAqIEhUTUwgZWxlbWVudCB0aGF0IHRoZSBgRHJvcGRvd25gIHdpbGwgYmUgYW5jaG9yIHRvLlxuICAgKi9cbiAgYW5jaG9yRWw/OiBQb3BwZXJQcm9wc1snYW5jaG9yRWwnXVxuICAvKipcbiAgICogSWYgc2V0IHRvIGB0cnVlYCwgdGhlIGBEcm9wZG93bmAgaXMgc2hvd24uXG4gICAqL1xuICBpc09wZW46IGJvb2xlYW5cbiAgLyoqXG4gICAqIFNldCB0aGUgc3RhdGUgb2YgdGhlIGBEcm9wZG93bmAuXG4gICAqL1xuICBzZXRJc09wZW46IFJlYWN0LkRpc3BhdGNoPFJlYWN0LlNldFN0YXRlQWN0aW9uPGJvb2xlYW4+PlxuICAvKipcbiAgICogU3BlY2lmeSB0aGUgc2l6ZSBvZiB0aGUgYERyb3Bkb3duYC5cbiAgICovXG4gIHNpemU/OiBEcm9wZG93blNpemVcbiAgLyoqXG4gICAqIENsb3NlIHRoZSBgRHJvcGRvd25gIG9uIGBlc2NgIGtleS5cbiAgICovXG4gIHNob3VsZENsb3NlT25Fc2M/OiBib29sZWFuXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gY29tcG9uZW50LlxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIC8qKlxuICAgKiBTZWxlY3QgbXVsdGlwbGUgY2hpbGRyZW4gZnJvbSB0aGUgYERyb3Bkb3duYC5cbiAgICovXG4gIG11bHRpc2VsZWN0PzogYm9vbGVhblxuICAvKipcbiAgICogQWRkIGFuIGBpZGAgdG8gdGhlIGBEcm9wZG93bmAuXG4gICAqL1xuICBpZD86IHN0cmluZ1xuICBvbkNsaWNrQXdheT86ICgpID0+IHZvaWRcbiAgY2hpbGRyZW46IFJlYWN0RWxlbWVudFtdXG4gIGZpbHRlcj86IGJvb2xlYW5cbn1cblxuY29uc3QgZ2V0RHJhd2VyU3R5bGVzID0gKHNpemU/OiBEcm9wZG93blNpemUpID0+IGNzc2BcbiAgYm94LXNoYWRvdzogJHt0aGVtZS5lbGV2YXRpb25bJzQnXX07XG4gIHBhZGRpbmc6ICR7dGhlbWUuc3BhY2luZy54eHN9IDA7XG4gIG1heC1oZWlnaHQ6IDQxOHB4O1xuICBtaW4td2lkdGg6ICR7c2l6ZSA9PT0gJ3NtYWxsJyA/ICcxMjRweCcgOiAnMTU3cHgnfTtcbiAgbWF4LXdpZHRoOiAyODhweDtcbiAgd2lkdGg6IG1heC1jb250ZW50O1xuYFxuXG5jb25zdCBTY3JvbGxhYmxlRGl2ID0gUmVhY3QuZm9yd2FyZFJlZigocHJvcHM6IGFueSwgcmVmOiBhbnkpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICB0YWJJbmRleD17MH1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBtYXgtaGVpZ2h0OiA0MTBweDtcbiAgICAgICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgLz5cbiAgKVxufSlcblxuY29uc3QgRHJvcGRvd25NZW51ID0gKHtcbiAgaXNPcGVuID0gZmFsc2UsXG4gIG11bHRpc2VsZWN0LFxuICBjaGlsZHJlbixcbiAgYW5jaG9yRWwsXG4gIG9uQ2xpY2tBd2F5LFxuICBzaXplID0gJ21lZGl1bScsXG4gIGlkLFxuICBjbGFzc05hbWUsXG4gIHBsYWNlbWVudCxcbiAgc2V0SXNPcGVuLFxuICBzaG91bGRDbG9zZU9uRXNjLFxuICBmaWx0ZXIsXG4gIC4uLnJlc3Rcbn06IERyb3Bkb3duUHJvcHMpID0+IHtcbiAgY29uc3QgW2ZpbHRlcmVkLCBzZXRGaWx0ZXJlZF0gPSBSZWFjdC51c2VTdGF0ZTxzdHJpbmc+KCcnKVxuICBjb25zdCBjb250YWluZXJSZWYgPSBSZWFjdC51c2VSZWY8SFRNTERpdkVsZW1lbnQ+KClcbiAgY29uc3QgZmlyc3RDaGlsZFJlZiA9IFJlYWN0LnVzZVJlZjxhbnk+KClcbiAgY29uc3QgY3VycmVudEZvY3VzID0gUmVhY3QudXNlUmVmPGFueT4oKVxuICBjb25zdCBzZXRDb250YWluZXJSZWYgPSBSZWFjdC51c2VDYWxsYmFjaygobm9kZTogSFRNTERpdkVsZW1lbnQpID0+IHtcbiAgICBpZiAobm9kZSkge1xuICAgICAgY29udGFpbmVyUmVmLmN1cnJlbnQgPSBub2RlXG4gICAgICBmaXJzdENoaWxkUmVmLmN1cnJlbnQgPSBjb250YWluZXJSZWYuY3VycmVudD8uZmlyc3RDaGlsZFxuICAgICAgY3VycmVudEZvY3VzLmN1cnJlbnQgPSBmaXJzdENoaWxkUmVmLmN1cnJlbnRcbiAgICAgIGN1cnJlbnRGb2N1cy5jdXJyZW50LmZvY3VzKClcbiAgICB9IGVsc2Uge1xuICAgICAgY29udGFpbmVyUmVmLmN1cnJlbnQgPSB1bmRlZmluZWRcbiAgICB9XG4gIH0sIFtdKVxuXG4gIGNvbnN0IGhhbmRsZUNoYXJEb3duID0gKGV2ZW50OiBSZWFjdC5LZXlib2FyZEV2ZW50PEVsZW1lbnQ+KSA9PiB7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcbiAgICBjb25zdCBldmVudEtleSA9IGV2ZW50LmtleVxuXG4gICAgaWYgKFsnQXJyb3dVcCcsICdBcnJvd0Rvd24nXS5pbmNsdWRlcyhldmVudEtleSkpIHtcbiAgICAgIHJldHVybiBoYW5kbGVBcnJvd3NVcERvd24oZXZlbnQpXG4gICAgfVxuXG4gICAgaWYgKCFmaWx0ZXIpIHJldHVyblxuXG4gICAgY29uc3Qgcmd4ID0gL1thLXpBLVowLTldL2dcbiAgICBjb25zdCB0ZXN0ID0gcmd4LnRlc3QoZXZlbnRLZXkpXG4gICAgaWYgKHRlc3QgJiYgZXZlbnRLZXkubGVuZ3RoID09PSAxKSB7XG4gICAgICBzZXRGaWx0ZXJlZCgocHJldlN0YXRlKSA9PiBwcmV2U3RhdGUgKyBldmVudEtleS50b1VwcGVyQ2FzZSgpKVxuICAgIH1cbiAgfVxuXG4gIGNvbnN0IGhhbmRsZUFycm93c1VwRG93biA9IChldmVudDogUmVhY3QuS2V5Ym9hcmRFdmVudDxFbGVtZW50PikgPT4ge1xuICAgIGlmIChldmVudC5rZXkgPT09ICdBcnJvd1VwJykge1xuICAgICAgY29uc3QgcHJldiA9IGN1cnJlbnRGb2N1cy5jdXJyZW50LnByZXZpb3VzU2libGluZ1xuICAgICAgaWYgKHByZXYpIHtcbiAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgICAgICBjdXJyZW50Rm9jdXMuY3VycmVudCA9IHByZXZcbiAgICAgICAgcHJldi5mb2N1cygpXG4gICAgICB9XG4gICAgfSBlbHNlIGlmIChldmVudC5rZXkgPT09ICdBcnJvd0Rvd24nKSB7XG4gICAgICBjb25zdCBuZXh0ID0gY3VycmVudEZvY3VzLmN1cnJlbnQubmV4dFNpYmxpbmdcbiAgICAgIGlmIChuZXh0KSB7XG4gICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgY3VycmVudEZvY3VzLmN1cnJlbnQgPSBuZXh0XG4gICAgICAgIG5leHQuZm9jdXMoKVxuICAgICAgfVxuICAgIH0gZWxzZSBpZiAoZXZlbnQua2V5ID09PSAnRXNjYXBlJyAmJiBzaG91bGRDbG9zZU9uRXNjKSB7XG4gICAgICBpZiAoaXNPcGVuKSB7XG4gICAgICAgIHNldElzT3BlbihmYWxzZSlcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBjb25zdCBmaWx0ZXJDaGlsZHJlbiA9IChwYXJhbTogdHlwZW9mIGNoaWxkcmVuKSA9PiB7XG4gICAgaWYgKGZpbHRlcmVkLmxlbmd0aCA+PSAxKSB7XG4gICAgICByZXR1cm4gcGFyYW0uZmlsdGVyKCh4KSA9PiB4LnByb3BzLmNoaWxkcmVuLnRvVXBwZXJDYXNlKCkuaW5jbHVkZXMoZmlsdGVyZWQpKVxuICAgIH1cbiAgICByZXR1cm4gcGFyYW1cbiAgfVxuXG4gIFJlYWN0LnVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKCFpc09wZW4pIHtcbiAgICAgIHNldEZpbHRlcmVkKCcnKVxuICAgIH1cbiAgfSwgW2lzT3Blbl0pXG5cbiAgcmV0dXJuIChcbiAgICA8UG9wcGVyXG4gICAgICBvcGVuPXtpc09wZW59XG4gICAgICBhbmNob3JFbD17YW5jaG9yRWx9XG4gICAgICBpZD17aWR9XG4gICAgICBwbGFjZW1lbnQ9e3BsYWNlbWVudH1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICB6LWluZGV4OiAke3RoZW1lLnpJbmRleC5tb2RhbH07XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAgPENsaWNrQXdheUxpc3RlbmVyXG4gICAgICAgIG9uQ2xpY2tBd2F5PXsoKSA9PiB7XG4gICAgICAgICAgb25DbGlja0F3YXkgJiYgb25DbGlja0F3YXkoKVxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8RHJhd2VyIGNzcz17Z2V0RHJhd2VyU3R5bGVzKHNpemUpfSBzaG93QXJyb3c9e2ZhbHNlfSBjbGFzc05hbWU9e2NsYXNzTmFtZX0gey4uLnJlc3R9PlxuICAgICAgICAgIDxEcm9wZG93bkNvbnRleHRQcm92aWRlciB2YWx1ZT17eyBzaXplLCBtdWx0aXNlbGVjdCB9fT5cbiAgICAgICAgICAgIDxTY3JvbGxhYmxlRGl2IHJlZj17c2V0Q29udGFpbmVyUmVmfSBvbktleURvd249e2hhbmRsZUNoYXJEb3dufT5cbiAgICAgICAgICAgICAge2ZpbHRlciA/IGZpbHRlckNoaWxkcmVuKGNoaWxkcmVuKSA6IGNoaWxkcmVufVxuICAgICAgICAgICAgPC9TY3JvbGxhYmxlRGl2PlxuICAgICAgICAgIDwvRHJvcGRvd25Db250ZXh0UHJvdmlkZXI+XG4gICAgICAgIDwvRHJhd2VyPlxuICAgICAgPC9DbGlja0F3YXlMaXN0ZW5lcj5cbiAgICA8L1BvcHBlcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBEcm9wZG93bk1lbnVcbiJdfQ== */")
   }, rest), (0, _react2.jsx)(_base.ClickAwayListener, {
     onClickAway: () => {
-      _onClickAway && _onClickAway();
+      onClickAway && onClickAway();
     }
   }, (0, _react2.jsx)(_drawer.Drawer, _extends({
     css: getDrawerStyles(size),

package/cjs/dropdown-menu/DropdownContext.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+type DropdownSize = 'medium' | 'small';
+type DropdownContextProps = {
+    size?: DropdownSize;
+    multiselect?: boolean;
+};
+export declare const DropdownContext: React.Context<DropdownContextProps>;
+export declare const DropdownContextProvider: React.FC<{
+    value: DropdownContextProps;
+    children?: React.ReactNode;
+}>;
+declare const useDropdownContext: () => DropdownContextProps;
+export default useDropdownContext;

package/cjs/dropdown-menu/DropdownContext.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.DropdownContextProvider = exports.DropdownContext = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const DropdownContext = /*#__PURE__*/(0, _react.createContext)({
   size: 'small',

package/cjs/dropdown-menu/MenuCheckbox.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+export interface MenuCheckboxProps {
+    /**
+     * HTML tag or custom component being rendered.
+     */
+    as?: React.ElementType;
+    /**
+     * Override the default color for the text.
+     */
+    color?: string;
+    /**
+     * Indicates that the `MenuCheckbox` is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Invoke the provided callback when the `MenuCheckbox` is clicked.
+     */
+    onClick?: () => void;
+    /**
+     * Indicates that the `MenuCheckbox` is selected.
+     */
+    selected?: boolean;
+    /**
+     * Add interactive styles to the `MenuCheckbox`.
+     */
+    clickable?: boolean;
+    /**
+     * className to be assigned to component.
+     */
+    className?: string;
+    children?: React.ReactNode;
+}
+declare const MenuCheckbox: ({ color, children, disabled, as, onClick, selected, clickable, className, }: MenuCheckboxProps) => JSX.Element;
+export default MenuCheckbox;

package/cjs/dropdown-menu/MenuCheckbox.js

@@ -24,8 +24,9 @@ const MenuCheckbox = ({
   clickable,
   className
 }) => {
-  const _useDropdownContext = (0, _DropdownContext.default)(),
-    size = _useDropdownContext.size;
+  const {
+    size
+  } = (0, _DropdownContext.default)();
   const handleEvent = () => {
     onClick && onClick();
   };

package/cjs/dropdown-menu/MenuItem.d.ts

@@ -0,0 +1,45 @@
+import React from 'react';
+import { DropdownSize } from './Dropdown';
+export interface MenuItemProps {
+    /**
+     * HTML tag or custom component being rendered.
+     */
+    as?: React.ElementType;
+    /**
+     * Invoke the provided callback when the `MenuItem` is clicked.
+     */
+    onClick?: (event?: any) => void;
+    /**
+     * Indicates that the `MenuItem` is selected.
+     */
+    selected?: boolean;
+    /**
+     * Indicates that the `MenuItem` is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Add interactive styles to the `MenuItem`.
+     */
+    clickable?: boolean;
+    /**
+     * Override the default color for the text.
+     */
+    color?: string;
+    /**
+     * Choose an icon that will be left aligned.
+     */
+    iconLeft?: React.ElementType;
+    /**
+     * Choose an icon that will be right aligned.
+     */
+    iconRight?: React.ElementType;
+    /**
+     * className to be assigned to component.
+     */
+    className?: string;
+    children?: React.ReactNode;
+}
+export declare const getListItemStyle: (size?: DropdownSize, disabled?: boolean) => import("@emotion/utils").SerializedStyles;
+export declare const getListTextStyle: (size?: DropdownSize) => import("@emotion/utils").SerializedStyles;
+declare const MenuItem: ({ as, clickable, className, onClick, selected, disabled, children, color, iconLeft, iconRight, ...rest }: MenuItemProps) => JSX.Element;
+export default MenuItem;

package/cjs/dropdown-menu/MenuItem.js

@@ -9,17 +9,8 @@ var _react2 = require("@emotion/react");
 var _theme = require("@dfds-ui/theme");
 var _lists = require("../lists");
 var _DropdownContext = _interopRequireDefault(require("./DropdownContext"));
-const _excluded = ["as", "clickable", "className", "onClick", "selected", "disabled", "children", "color", "iconLeft", "iconRight"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 const svgDisabled = /*#__PURE__*/(0, _react2.css)("svg>path{color:", _theme.theme.colors.text.dark.disabled, ";fill:", _theme.theme.colors.text.dark.disabled, ";}span{color:", _theme.theme.colors.text.dark.disabled, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:svgDisabled;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kcm9wZG93bi1tZW51L01lbnVJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQ3VCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9kcm9wZG93bi1tZW51L01lbnVJdGVtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IExpc3RJdGVtLCBMaXN0VGV4dCwgTGlzdEljb24gfSBmcm9tICcuLi9saXN0cydcbmltcG9ydCB1c2VEcm9wZG93bkNvbnRleHQgZnJvbSAnLi9Ecm9wZG93bkNvbnRleHQnXG5pbXBvcnQgeyBEcm9wZG93blNpemUgfSBmcm9tICcuL0Ryb3Bkb3duJ1xuXG5leHBvcnQgaW50ZXJmYWNlIE1lbnVJdGVtUHJvcHMge1xuICAvKipcbiAgICogSFRNTCB0YWcgb3IgY3VzdG9tIGNvbXBvbmVudCBiZWluZyByZW5kZXJlZC5cbiAgICovXG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgLyoqXG4gICAqIEludm9rZSB0aGUgcHJvdmlkZWQgY2FsbGJhY2sgd2hlbiB0aGUgYE1lbnVJdGVtYCBpcyBjbGlja2VkLlxuICAgKi9cbiAgb25DbGljaz86IChldmVudD86IGFueSkgPT4gdm9pZFxuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgdGhlIGBNZW51SXRlbWAgaXMgc2VsZWN0ZWQuXG4gICAqL1xuICBzZWxlY3RlZD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGF0IHRoZSBgTWVudUl0ZW1gIGlzIGRpc2FibGVkLlxuICAgKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIC8qKlxuICAgKiBBZGQgaW50ZXJhY3RpdmUgc3R5bGVzIHRvIHRoZSBgTWVudUl0ZW1gLlxuICAgKi9cbiAgY2xpY2thYmxlPzogYm9vbGVhblxuICAvKipcbiAgICogT3ZlcnJpZGUgdGhlIGRlZmF1bHQgY29sb3IgZm9yIHRoZSB0ZXh0LlxuICAgKi9cbiAgY29sb3I/OiBzdHJpbmdcbiAgLyoqXG4gICAqIENob29zZSBhbiBpY29uIHRoYXQgd2lsbCBiZSBsZWZ0IGFsaWduZWQuXG4gICAqL1xuICBpY29uTGVmdD86IFJlYWN0LkVsZW1lbnRUeXBlXG4gIC8qKlxuICAgKiBDaG9vc2UgYW4gaWNvbiB0aGF0IHdpbGwgYmUgcmlnaHQgYWxpZ25lZC5cbiAgICovXG4gIGljb25SaWdodD86IFJlYWN0LkVsZW1lbnRUeXBlXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gY29tcG9uZW50LlxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IHN2Z0Rpc2FibGVkID0gY3NzYFxuICBzdmcgPiBwYXRoIHtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5kYXJrLmRpc2FibGVkfTtcbiAgICBmaWxsOiAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsuZGlzYWJsZWR9O1xuICB9XG4gIHNwYW4ge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsuZGlzYWJsZWR9O1xuICB9XG5gXG5cbmNvbnN0IHVzZXJIb3ZlckRpc2FibGVkID0gY3NzYFxuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG5gXG5cbmNvbnN0IGNvbnRhaW5lclN0eWxlID0gY3NzYFxuICBtYXgtaGVpZ2h0OiAke3RoZW1lLnNwYWNpbmcubH07XG4gIG1pbi1oZWlnaHQ6ICR7dGhlbWUuc3BhY2luZy5sfTtcbiAgbWluLXdpZHRoOiA5NnB4O1xuICBtYXgtd2lkdGg6IDI4OHB4O1xuICB3aWR0aDogYXV0bztcbiAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLnhzfTtcbmBcblxuZXhwb3J0IGNvbnN0IGdldExpc3RJdGVtU3R5bGUgPSAoc2l6ZT86IERyb3Bkb3duU2l6ZSwgZGlzYWJsZWQ/OiBib29sZWFuKSA9PiB7XG4gIGlmIChzaXplID09PSAnc21hbGwnICYmIGRpc2FibGVkKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgICR7Y29udGFpbmVyU3R5bGV9XG4gICAgICAke3VzZXJIb3ZlckRpc2FibGVkfVxuICAgICAgJHtzdmdEaXNhYmxlZH1cbiAgICBgXG4gIH0gZWxzZSBpZiAoZGlzYWJsZWQpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgJHt1c2VySG92ZXJEaXNhYmxlZH1cbiAgICAgICR7c3ZnRGlzYWJsZWR9XG4gICAgYFxuICB9IGVsc2UgaWYgKHNpemUgPT09ICdzbWFsbCcpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgJHtjb250YWluZXJTdHlsZX1cbiAgICBgXG4gIH0gZWxzZSB7XG4gICAgcmV0dXJuIGNzc2BgXG4gIH1cbn1cblxuZXhwb3J0IGNvbnN0IGdldExpc3RUZXh0U3R5bGUgPSAoc2l6ZT86IERyb3Bkb3duU2l6ZSkgPT4ge1xuICBpZiAoc2l6ZSA9PT0gJ3NtYWxsJykge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBmb250LXNpemU6IDEycHg7XG4gICAgYFxuICB9IGVsc2Uge1xuICAgIHJldHVybiBjc3NgYFxuICB9XG59XG5cbmNvbnN0IGdldExpc3RJY29uU3R5bGUgPSAobXVsdGlzZWxlY3Q/OiBib29sZWFuLCBzZWxlY3RlZD86IGJvb2xlYW4sIHNpemU/OiBEcm9wZG93blNpemUpID0+IHtcbiAgaWYgKCFzZWxlY3RlZCAmJiBtdWx0aXNlbGVjdCkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIGBcbiAgfSBlbHNlIGlmIChzaXplID09PSAnc21hbGwnKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIHdpZHRoOiAyMHB4O1xuICAgICAgaGVpZ2h0OiAyMHB4O1xuICAgICAgbWluLWhlaWdodDogMjBweDtcbiAgICAgIG1pbi13aWR0aDogMjBweDtcbiAgICBgXG4gIH0gZWxzZSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGBcbiAgfVxufVxuXG5jb25zdCBNZW51SXRlbSA9ICh7XG4gIGFzID0gJ3NwYW4nLFxuICBjbGlja2FibGUsXG4gIGNsYXNzTmFtZSxcbiAgb25DbGljayxcbiAgc2VsZWN0ZWQsXG4gIGRpc2FibGVkLFxuICBjaGlsZHJlbixcbiAgY29sb3IgPSB0aGVtZS5jb2xvcnMudGV4dC5kYXJrLnByaW1hcnksXG4gIGljb25MZWZ0LFxuICBpY29uUmlnaHQsXG4gIC4uLnJlc3Rcbn06IE1lbnVJdGVtUHJvcHMpID0+IHtcbiAgY29uc3QgeyBzaXplLCBtdWx0aXNlbGVjdCB9ID0gdXNlRHJvcGRvd25Db250ZXh0KClcbiAgY29uc3QgW2lzU2VsZWN0ZWQsIHNldElzU2VsZWN0ZWRdID0gUmVhY3QudXNlU3RhdGUoc2VsZWN0ZWQpXG5cbiAgY29uc3QgaGFuZGxlTXVsdGlzZWxlY3RFdmVudCA9IChldmVudDogYW55KSA9PiB7XG4gICAgaWYgKGV2ZW50LmtleSA9PT0gJ0VudGVyJykge1xuICAgICAgb25DbGljayAmJiBzZXRJc1NlbGVjdGVkKCFpc1NlbGVjdGVkKVxuICAgIH1cbiAgfVxuICBjb25zdCBoYW5kbGVFdmVudCA9IChldmVudDogYW55KSA9PiB7XG4gICAgaWYgKGV2ZW50LmtleSA9PT0gJ0VudGVyJykge1xuICAgICAgb25DbGljayAmJiBvbkNsaWNrKClcbiAgICB9XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxMaXN0SXRlbVxuICAgICAgYXM9e2FzfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBzZWxlY3RlZD17c2VsZWN0ZWR9XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgY2xpY2thYmxlXG4gICAgICB7Li4uKCghZGlzYWJsZWQgJiZcbiAgICAgICAgbXVsdGlzZWxlY3QgJiYge1xuICAgICAgICAgIGNsaWNrYWJsZTogY2xpY2thYmxlLFxuICAgICAgICAgIG9uQ2xpY2s6IG9uQ2xpY2ssXG4gICAgICAgICAgb25LZXlQcmVzczogKGV2ZW50OiBSZWFjdC5LZXlib2FyZEV2ZW50KSA9PiBoYW5kbGVNdWx0aXNlbGVjdEV2ZW50KGV2ZW50KSxcbiAgICAgICAgfSkgfHxcbiAgICAgICAgKCFkaXNhYmxlZCAmJiB7XG4gICAgICAgICAgY2xpY2thYmxlOiBjbGlja2FibGUsXG4gICAgICAgICAgb25DbGljazogb25DbGljayxcbiAgICAgICAgICBvbktleVByZXNzOiAoZXZlbnQ6IFJlYWN0LktleWJvYXJkRXZlbnQpID0+IGhhbmRsZUV2ZW50KGV2ZW50KSxcbiAgICAgICAgfSkgfHxcbiAgICAgICAgKGRpc2FibGVkICYmIHtcbiAgICAgICAgICB0YWJJbmRleDogLTEsXG4gICAgICAgIH0pKX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICAke2dldExpc3RJdGVtU3R5bGUoc2l6ZSwgZGlzYWJsZWQpfVxuICAgICAgYH1cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIHtpY29uTGVmdCAmJiA8TGlzdEljb24gY3NzPXtnZXRMaXN0SWNvblN0eWxlKG11bHRpc2VsZWN0LCBzZWxlY3RlZCwgc2l6ZSl9IGljb249e2ljb25MZWZ0fSAvPn1cbiAgICAgIDxMaXN0VGV4dFxuICAgICAgICBzdHlsZWRBcz1cImJvZHlcIlxuICAgICAgICBjb2xvcj17Y29sb3J9XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICR7Z2V0TGlzdFRleHRTdHlsZShzaXplKX1cbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9MaXN0VGV4dD5cbiAgICAgIHtpY29uUmlnaHQgJiYgPExpc3RJY29uIGNzcz17Z2V0TGlzdEljb25TdHlsZShtdWx0aXNlbGVjdCwgc2VsZWN0ZWQsIHNpemUpfSBpY29uPXtpY29uUmlnaHR9IC8+fVxuICAgIDwvTGlzdEl0ZW0+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTWVudUl0ZW1cbiJdfQ== */");
 const userHoverDisabled = process.env.NODE_ENV === "production" ? {
@@ -97,27 +88,24 @@ const getListIconStyle = (multiselect, selected, size) => {
     return _ref;
   }
 };
-const MenuItem = _ref5 => {
-  let _ref5$as = _ref5.as,
-    as = _ref5$as === void 0 ? 'span' : _ref5$as,
-    clickable = _ref5.clickable,
-    className = _ref5.className,
-    onClick = _ref5.onClick,
-    selected = _ref5.selected,
-    disabled = _ref5.disabled,
-    children = _ref5.children,
-    _ref5$color = _ref5.color,
-    color = _ref5$color === void 0 ? _theme.theme.colors.text.dark.primary : _ref5$color,
-    iconLeft = _ref5.iconLeft,
-    iconRight = _ref5.iconRight,
-    rest = _objectWithoutProperties(_ref5, _excluded);
-  const _useDropdownContext = (0, _DropdownContext.default)(),
-    size = _useDropdownContext.size,
-    multiselect = _useDropdownContext.multiselect;
-  const _React$useState = _react.default.useState(selected),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    isSelected = _React$useState2[0],
-    setIsSelected = _React$useState2[1];
+const MenuItem = ({
+  as = 'span',
+  clickable,
+  className,
+  onClick,
+  selected,
+  disabled,
+  children,
+  color = _theme.theme.colors.text.dark.primary,
+  iconLeft,
+  iconRight,
+  ...rest
+}) => {
+  const {
+    size,
+    multiselect
+  } = (0, _DropdownContext.default)();
+  const [isSelected, setIsSelected] = _react.default.useState(selected);
   const handleMultiselectEvent = event => {
     if (event.key === 'Enter') {
       onClick && setIsSelected(!isSelected);

package/cjs/dropdown-menu/MenuTitle.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface MenuTitleProps {
+    /**
+     * Change the color of the text.
+     */
+    color?: string;
+    /**
+     * className to be assigned to component.
+     */
+    className?: string;
+    children?: React.ReactNode;
+}
+declare const MenuTitle: ({ color, children, className }: MenuTitleProps) => JSX.Element;
+export default MenuTitle;

package/cjs/dropdown-menu/MenuTitle.js

@@ -33,8 +33,9 @@ const MenuTitle = ({
   children,
   className
 }) => {
-  const _useDropdownContext = (0, _DropdownContext.default)(),
-    size = _useDropdownContext.size;
+  const {
+    size
+  } = (0, _DropdownContext.default)();
   return (0, _react2.jsx)("span", {
     tabIndex: -1
   }, (0, _react2.jsx)(_lists.ListItem, {

package/cjs/dropdown-menu/index.d.ts

@@ -0,0 +1,5 @@
+export { default as Dropdown } from './Dropdown';
+export * from './Dropdown';
+export { default as MenuItem } from './MenuItem';
+export { default as MenuTitle } from './MenuTitle';
+export { default as MenuCheckbox } from './MenuCheckbox';

package/cjs/dropdown-menu/index.js

@@ -11,25 +11,25 @@ var _exportNames = {
 };
 Object.defineProperty(exports, "Dropdown", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Dropdown.default;
   }
 });
 Object.defineProperty(exports, "MenuCheckbox", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _MenuCheckbox.default;
   }
 });
 Object.defineProperty(exports, "MenuItem", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _MenuItem.default;
   }
 });
 Object.defineProperty(exports, "MenuTitle", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _MenuTitle.default;
   }
 });
@@ -40,7 +40,7 @@ Object.keys(_Dropdown).forEach(function (key) {
   if (key in exports && exports[key] === _Dropdown[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _Dropdown[key];
     }
   });
@@ -49,5 +49,5 @@ var _MenuItem = _interopRequireDefault(require("./MenuItem"));
 var _MenuTitle = _interopRequireDefault(require("./MenuTitle"));
 var _MenuCheckbox = _interopRequireDefault(require("./MenuCheckbox"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/cjs/elevation/index.d.ts

@@ -0,0 +1,3 @@
+type Level = 3 | 8 | 16;
+declare const elevation: (level: Level) => import("@emotion/utils").SerializedStyles;
+export default elevation;