@dfds-ui/react-components 1.1.15-alpha.194a9949 → 2.0.0-alpha.6c7d825d

package/date-range-picker/DateRangePicker.js

@@ -1,27 +1,17 @@
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-
 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(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 /* eslint-disable deprecation/deprecation */
-
 /* eslint-disable @typescript-eslint/restrict-plus-operands */
-
 /* eslint-disable @typescript-eslint/no-non-null-assertion */
 import { DayPickerRangeController, DayPickerSingleDateController } from 'react-dates';
-import classNames from 'classnames'; // eslint-disable-next-line import/no-extraneous-dependencies
-
+import classNames from 'classnames';
+// eslint-disable-next-line import/no-extraneous-dependencies
 import moment from 'moment';
 import React, { useState, useRef, useEffect } from 'react';
 import 'react-dates/initialize';
@@ -33,46 +23,40 @@ import DatePickerDefaultStyles from './DatePickerDefaultStyles';
 import DatePickerDfdsStyles from './DatePickerDfdsStyles';
 import LockBodyScroll from '../common/LockBodyScroll';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
 // Do a wrapper to support styled components: https://github.com/airbnb/react-dates/issues/1030#issuecomment-388227454
 var DateRangePicker = function DateRangePicker(props) {
   var _useState = useState(toMoment(props.startDates.initial)),
-      _useState2 = _slicedToArray(_useState, 2),
-      startDate = _useState2[0],
-      setStartDate = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    startDate = _useState2[0],
+    setStartDate = _useState2[1];
   var _useState3 = useState(toMoment(props.endDates.initial)),
-      _useState4 = _slicedToArray(_useState3, 2),
-      endDate = _useState4[0],
-      setEndDate = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    endDate = _useState4[0],
+    setEndDate = _useState4[1];
   var _useState5 = useState(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      showCalendar = _useState6[0],
-      setShowCalendar = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    showCalendar = _useState6[0],
+    setShowCalendar = _useState6[1];
   var _useState7 = useState('startDate'),
-      _useState8 = _slicedToArray(_useState7, 2),
-      focusedInput = _useState8[0],
-      setFocusedInput = _useState8[1];
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    focusedInput = _useState8[0],
+    setFocusedInput = _useState8[1];
   var _useMedia = useMedia(['(max-width: 64em)', '(min-width: 78.063em)'], [{
-    numberOfMonths: props.numberOfMobileMonths || 12,
-    mobileState: true,
-    size: 40
-  }, {
-    numberOfMonths: 2,
-    mobileState: false,
-    size: 48
-  }], {
-    numberOfMonths: 1,
-    mobileState: false,
-    size: 48
-  }),
-      numberOfMonths = _useMedia.numberOfMonths,
-      mobileState = _useMedia.mobileState,
-      size = _useMedia.size;
-
+      numberOfMonths: props.numberOfMobileMonths || 12,
+      mobileState: true,
+      size: 40
+    }, {
+      numberOfMonths: 2,
+      mobileState: false,
+      size: 48
+    }], {
+      numberOfMonths: 1,
+      mobileState: false,
+      size: 48
+    }),
+    numberOfMonths = _useMedia.numberOfMonths,
+    mobileState = _useMedia.mobileState,
+    size = _useMedia.size;
   moment.locale(props.locale);
   moment().weekday(0);
   useEffect(function () {
@@ -81,33 +65,27 @@ var DateRangePicker = function DateRangePicker(props) {
   }, [props.startDates.initial, props.endDates.initial]);
   var closeExceptionDivOut = useRef(null);
   var closeExceptionImgOut = useRef(null);
-
   var startCalendarClicked = function startCalendarClicked() {
     setShowCalendar(function (prev) {
       return !prev;
     });
     setFocusedInput('startDate');
   };
-
   var endCalendarClicked = function endCalendarClicked() {
     setShowCalendar(function (prev) {
       return !prev;
     });
     setFocusedInput('endDate');
   };
-
   var onOutsideClick = function onOutsideClick(_ref) {
     var target = _ref.target;
-
     if (target === closeExceptionDivOut.current || target === closeExceptionImgOut.current) {
       return;
     }
-
     setShowCalendar(false);
     setFocusedInput('startDate');
     props.onDateChange(getKeyStr(startDate), getKeyStr(endDate));
   };
-
   var renderCalendarInfo = function renderCalendarInfo() {
     return props.infoLabel ? ___EmotionJSX("div", {
       className: "dateRangePickerInfo"
@@ -117,63 +95,49 @@ var DateRangePicker = function DateRangePicker(props) {
       className: "dateRangePickerInfo__info"
     }, props.infoLabel)) : '';
   };
-
   var disabledDates = miniMoize(function (focusedInput, start, startDisabledDates, endDisabledDates) {
     return buildMap(focusedInput !== 'endDate' ? startDisabledDates : (startDisabledDates || []).filter(function (d) {
       return d < start;
     }).concat(endDisabledDates));
   });
-
   var _isDayBlocked = function isDayBlocked(date) {
     var startDateStr = getKeyStr(startDate);
     var disabled = disabledDates(focusedInput, startDateStr, props.startDates.disabledDates, props.endDates.disabledDates);
     var dateN = getKeyStr(date);
-
     if (!dateN) {
       return false;
     }
-
     var d = focusedInput !== 'endDate' ? props.startDates : props.endDates;
     var min = props.startDates.minDate;
-
     if (disabled[dateN]) {
       return true;
     }
-
     if (min && dateN && dateN < min) {
       return true;
     }
-
     if (d.maxDate && dateN && dateN > d.maxDate) {
       return true;
     }
-
     if (focusedInput === 'endDate' && startDateStr && startDateStr < dateN && dateN < props.endDates.minDate) {
       return true;
     }
-
     return false;
   };
-
   var offerDates = miniMoize(function (focusedInput, startOffers, endOffers) {
     return buildMap(focusedInput !== 'endDate' ? startOffers : endOffers);
   });
-
   var isOfferValid = function isOfferValid(date) {
     var map = offerDates(focusedInput, props.startDates.offerDates, props.endDates.offerDates);
     return map[getKeyStr(date)];
   };
-
   var minimumNights = function minimumNights() {
     var start = toMoment(props.startDates.initial);
     var end = toMoment(props.endDates.minDate);
     return end && start ? end.diff(start, 'days') : 0;
   };
-
   var initialMonth = function initialMonth() {
     return (mobileState ? toMoment(props.startDates.minDate) : startDate) || moment();
   };
-
   var sharedCustomProps = {
     hideKeyboardShortcutsPanel: true,
     navPrev: ___EmotionJSX(LeftLink, {
@@ -272,11 +236,12 @@ var DateRangePicker = function DateRangePicker(props) {
     disabled: props.endDateDisabled
   }))), showCalendar && !props.endDateDisabled && ___EmotionJSX(DayPickerRangeController, _extends({
     onNextMonthClick: props.onNextMonthClick,
-    onPrevMonthClick: props.onPrevMonthClick // Required props
+    onPrevMonthClick: props.onPrevMonthClick
+    // Required props
     ,
     onDatesChange: function onDatesChange(_ref2) {
       var startDate = _ref2.startDate,
-          endDate = _ref2.endDate;
+        endDate = _ref2.endDate;
       setStartDate(startDate);
       setEndDate(endDate);
       props.onDateChange(getKeyStr(startDate), getKeyStr(endDate));
@@ -287,7 +252,8 @@ var DateRangePicker = function DateRangePicker(props) {
     onFocusChange: function onFocusChange(focusedInput) {
       setFocusedInput(focusedInput || 'startDate');
       setShowCalendar(!!focusedInput);
-    } // We use phrases to disable extra stuff from aria-label
+    }
+    // We use phrases to disable extra stuff from aria-label
     ,
     phrases: {
       chooseAvailableStartDate: function chooseAvailableStartDate(a) {
@@ -299,7 +265,8 @@ var DateRangePicker = function DateRangePicker(props) {
     },
     minimumNights: minimumNights(),
     orientation: mobileState ? 'verticalScrollable' : 'horizontal'
-  }, sharedCustomProps)), showCalendar && props.endDateDisabled && ___EmotionJSX(DayPickerSingleDateController // Required props
+  }, sharedCustomProps)), showCalendar && props.endDateDisabled && ___EmotionJSX(DayPickerSingleDateController
+  // Required props
   , _extends({
     onDateChange: function onDateChange(date) {
       setStartDate(date);
@@ -315,25 +282,19 @@ var DateRangePicker = function DateRangePicker(props) {
     orientation: mobileState ? 'verticalScrollable' : 'horizontal'
   }, sharedCustomProps)))));
 };
-
 function getKeyStr(m) {
   return m && m.format('YYYY-MM-DD');
 }
-
 function toMoment(n) {
   return n ? moment(n, 'YYYY-MM-DD') : null;
 }
-
 function buildMap(dates) {
   var map = {};
-
   if (!dates) {
     return map;
   }
-
   var _iterator = _createForOfIteratorHelper(dates),
-      _step;
-
+    _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
       var _d2 = _step.value;
@@ -344,8 +305,6 @@ function buildMap(dates) {
   } finally {
     _iterator.f();
   }
-
   return map;
 }
-
 export default DateRangePicker;

package/divider/Divider.d.ts

@@ -21,6 +21,6 @@ export declare type DividerProps = {
      */
     className?: string;
 };
-export declare const dividerBorder: (light?: boolean | undefined, placement?: "top" | "bottom" | undefined) => import("@emotion/react").SerializedStyles;
+export declare const dividerBorder: (light?: boolean, placement?: 'top' | 'bottom') => import("@emotion/utils").SerializedStyles;
 export declare const Divider: ({ light, indent, margins, ...rest }: DividerProps) => JSX.Element;
 export default Divider;

package/divider/Divider.js

@@ -1,23 +1,19 @@
 import _styled from "@emotion/styled/base";
 var _excluded = ["light", "indent", "margins"];
-
 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; }
-
 import React from 'react';
 import { css } from '@emotion/react';
 import { theme } from '@dfds-ui/theme';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var colors = theme.colors; // Can be used to create a simple divider with a css border and still adhere to the colors defined for dividers.
+var colors = theme.colors;
 
+// Can be used to create a simple divider with a css border and still adhere to the colors defined for dividers.
 export var dividerBorder = function dividerBorder(light, placement) {
   var border = "1px solid ".concat(light ? colors.divider.light : colors.divider.dark);
   return /*#__PURE__*/css("border-top:", placement === 'top' && border, ";border-bottom:", placement === 'bottom' && border, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:dividerBorder;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9kaXZpZGVyL0RpdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtDWSIsImZpbGUiOiIuLi8uLi9zcmMvZGl2aWRlci9EaXZpZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBEaXZpZGVyUHJvcHMgPSB7XG4gIC8vdG9kbzogY29udmVydCB0byBzdXJmYWNlIGNvbmNlcHQgYW5kIHJlbW92ZSBsaWdodFxuICAvKipcbiAgICogRGlzcGxheSB0aGUgRGl2aWRlciBpbiBcImxpZ2h0XCIgbW9kZS5cbiAgICovXG4gIGxpZ2h0PzogYm9vbGVhblxuICAvKipcbiAgICogRGlzcGxheSB0aGUgRGl2aWRlciBpbiBcImluZGVudFwiIHN0eWxlXG4gICAqL1xuICBpbmRlbnQ/OiBib29sZWFuXG4gIC8qKlxuICAgKiAgRGlzcGxheSB0aGUgRGl2aWRlciBpbiBcIm1hcmdpblwiIHN0eWxlXG4gICAqL1xuICBtYXJnaW5zPzogYm9vbGVhblxuICAvKipcbiAgICogSFRNTCB0YWcgb3IgY3VzdG9tIGNvbXBvbmVudCBiZWluZyByZW5kZXJlZFxuICAgKi9cbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxuICAvKipcbiAgICogQ2xhc3MgbmFtZSB0byBiZSBhc3NpZ25lZCB0byB0aGUgY29tcG9uZW50XG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbn1cblxuY29uc3QgeyBjb2xvcnMgfSA9IHRoZW1lXG5cbi8vIENhbiBiZSB1c2VkIHRvIGNyZWF0ZSBhIHNpbXBsZSBkaXZpZGVyIHdpdGggYSBjc3MgYm9yZGVyIGFuZCBzdGlsbCBhZGhlcmUgdG8gdGhlIGNvbG9ycyBkZWZpbmVkIGZvciBkaXZpZGVycy5cbmV4cG9ydCBjb25zdCBkaXZpZGVyQm9yZGVyID0gKGxpZ2h0PzogYm9vbGVhbiwgcGxhY2VtZW50PzogJ3RvcCcgfCAnYm90dG9tJykgPT4ge1xuICBjb25zdCBib3JkZXIgPSBgMXB4IHNvbGlkICR7bGlnaHQgPyBjb2xvcnMuZGl2aWRlci5saWdodCA6IGNvbG9ycy5kaXZpZGVyLmRhcmt9YFxuICByZXR1cm4gY3NzYFxuICAgIGJvcmRlci10b3A6ICR7cGxhY2VtZW50ID09PSAndG9wJyAmJiBib3JkZXJ9O1xuICAgIGJvcmRlci1ib3R0b206ICR7cGxhY2VtZW50ID09PSAnYm90dG9tJyAmJiBib3JkZXJ9O1xuICBgXG59XG5cbmNvbnN0IFN0eWxlZERpdmlkZXIgPSBzdHlsZWQuaHI8eyBsaWdodD86IGJvb2xlYW47IGluZGVudD86IGJvb2xlYW47IG1hcmdpbnM/OiBib29sZWFuIH0+YFxuICBib3JkZXI6IG5vbmU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHApID0+IChwLmxpZ2h0ID8gY29sb3JzLmRpdmlkZXIubGlnaHQgOiBjb2xvcnMuZGl2aWRlci5kYXJrKX07XG4gIG1heC13aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxcHg7XG4gIG1hcmdpbjogMCAkeyhwKSA9PiAocC5tYXJnaW5zID8gdGhlbWUuc3BhY2luZy5tIDogMCl9IDAgJHsocCkgPT4gKHAubWFyZ2lucyB8fCBwLmluZGVudCA/IHRoZW1lLnNwYWNpbmcubSA6IDApfTtcbmBcblxuZXhwb3J0IGNvbnN0IERpdmlkZXIgPSAoeyBsaWdodCwgaW5kZW50LCBtYXJnaW5zLCAuLi5yZXN0IH06IERpdmlkZXJQcm9wcykgPT4ge1xuICByZXR1cm4gPFN0eWxlZERpdmlkZXIgbGlnaHQ9e2xpZ2h0fSBpbmRlbnQ9e2luZGVudH0gbWFyZ2lucz17bWFyZ2luc30gcm9sZT1cInNlcGFyYXRvclwiIHsuLi5yZXN0fSAvPlxufVxuXG5leHBvcnQgZGVmYXVsdCBEaXZpZGVyXG4iXX0= */");
 };
-
 var StyledDivider = /*#__PURE__*/_styled("hr", process.env.NODE_ENV === "production" ? {
   target: "e1rrvlkn0"
 } : {
@@ -30,13 +26,11 @@ var StyledDivider = /*#__PURE__*/_styled("hr", process.env.NODE_ENV === "product
 }, " 0 ", function (p) {
   return p.margins || p.indent ? theme.spacing.m : 0;
 }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9kaXZpZGVyL0RpdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdDeUYiLCJmaWxlIjoiLi4vLi4vc3JjL2RpdmlkZXIvRGl2aWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxuZXhwb3J0IHR5cGUgRGl2aWRlclByb3BzID0ge1xuICAvL3RvZG86IGNvbnZlcnQgdG8gc3VyZmFjZSBjb25jZXB0IGFuZCByZW1vdmUgbGlnaHRcbiAgLyoqXG4gICAqIERpc3BsYXkgdGhlIERpdmlkZXIgaW4gXCJsaWdodFwiIG1vZGUuXG4gICAqL1xuICBsaWdodD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIERpc3BsYXkgdGhlIERpdmlkZXIgaW4gXCJpbmRlbnRcIiBzdHlsZVxuICAgKi9cbiAgaW5kZW50PzogYm9vbGVhblxuICAvKipcbiAgICogIERpc3BsYXkgdGhlIERpdmlkZXIgaW4gXCJtYXJnaW5cIiBzdHlsZVxuICAgKi9cbiAgbWFyZ2lucz86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEhUTUwgdGFnIG9yIGN1c3RvbSBjb21wb25lbnQgYmVpbmcgcmVuZGVyZWRcbiAgICovXG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgLyoqXG4gICAqIENsYXNzIG5hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGNvbXBvbmVudFxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmNvbnN0IHsgY29sb3JzIH0gPSB0aGVtZVxuXG4vLyBDYW4gYmUgdXNlZCB0byBjcmVhdGUgYSBzaW1wbGUgZGl2aWRlciB3aXRoIGEgY3NzIGJvcmRlciBhbmQgc3RpbGwgYWRoZXJlIHRvIHRoZSBjb2xvcnMgZGVmaW5lZCBmb3IgZGl2aWRlcnMuXG5leHBvcnQgY29uc3QgZGl2aWRlckJvcmRlciA9IChsaWdodD86IGJvb2xlYW4sIHBsYWNlbWVudD86ICd0b3AnIHwgJ2JvdHRvbScpID0+IHtcbiAgY29uc3QgYm9yZGVyID0gYDFweCBzb2xpZCAke2xpZ2h0ID8gY29sb3JzLmRpdmlkZXIubGlnaHQgOiBjb2xvcnMuZGl2aWRlci5kYXJrfWBcbiAgcmV0dXJuIGNzc2BcbiAgICBib3JkZXItdG9wOiAke3BsYWNlbWVudCA9PT0gJ3RvcCcgJiYgYm9yZGVyfTtcbiAgICBib3JkZXItYm90dG9tOiAke3BsYWNlbWVudCA9PT0gJ2JvdHRvbScgJiYgYm9yZGVyfTtcbiAgYFxufVxuXG5jb25zdCBTdHlsZWREaXZpZGVyID0gc3R5bGVkLmhyPHsgbGlnaHQ/OiBib29sZWFuOyBpbmRlbnQ/OiBib29sZWFuOyBtYXJnaW5zPzogYm9vbGVhbiB9PmBcbiAgYm9yZGVyOiBub25lO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwKSA9PiAocC5saWdodCA/IGNvbG9ycy5kaXZpZGVyLmxpZ2h0IDogY29sb3JzLmRpdmlkZXIuZGFyayl9O1xuICBtYXgtd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMXB4O1xuICBtYXJnaW46IDAgJHsocCkgPT4gKHAubWFyZ2lucyA/IHRoZW1lLnNwYWNpbmcubSA6IDApfSAwICR7KHApID0+IChwLm1hcmdpbnMgfHwgcC5pbmRlbnQgPyB0aGVtZS5zcGFjaW5nLm0gOiAwKX07XG5gXG5cbmV4cG9ydCBjb25zdCBEaXZpZGVyID0gKHsgbGlnaHQsIGluZGVudCwgbWFyZ2lucywgLi4ucmVzdCB9OiBEaXZpZGVyUHJvcHMpID0+IHtcbiAgcmV0dXJuIDxTdHlsZWREaXZpZGVyIGxpZ2h0PXtsaWdodH0gaW5kZW50PXtpbmRlbnR9IG1hcmdpbnM9e21hcmdpbnN9IHJvbGU9XCJzZXBhcmF0b3JcIiB7Li4ucmVzdH0gLz5cbn1cblxuZXhwb3J0IGRlZmF1bHQgRGl2aWRlclxuIl19 */"));
-
 export var Divider = function Divider(_ref) {
   var light = _ref.light,
-      indent = _ref.indent,
-      margins = _ref.margins,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    indent = _ref.indent,
+    margins = _ref.margins,
+    rest = _objectWithoutProperties(_ref, _excluded);
   return ___EmotionJSX(StyledDivider, _extends({
     light: light,
     indent: indent,

package/drawer/Drawer.js

@@ -1,42 +1,34 @@
 var _excluded = ["className", "children", "position", "verticalPosition", "showArrow", "elevation"];
-
 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; }
-
 import React from 'react';
 import { css } from '@emotion/react';
 import { theme } from '@dfds-ui/theme';
 import arrow from '../common/arrow';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
 var getArrowPlacement = function getArrowPlacement(vertical, horizontal) {
   return "".concat(vertical ? vertical : 'top', "-").concat(horizontal ? horizontal : 'left');
 };
-
 var drawerStyles = function drawerStyles(_ref) {
   var position = _ref.position,
-      verticalPosition = _ref.verticalPosition,
-      showArrow = _ref.showArrow,
-      elevation = _ref.elevation;
+    verticalPosition = _ref.verticalPosition,
+    showArrow = _ref.showArrow,
+    elevation = _ref.elevation;
   return /*#__PURE__*/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.elevation[elevation], ";background-color:", theme.colors.surface.primary, ";display:grid;cursor:default;", !showArrow ? '' : arrow(10, 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9kcmF3ZXIvRHJhd2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRFMiLCJmaWxlIjoiLi4vLi4vc3JjL2RyYXdlci9EcmF3ZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IGFycm93LCB7IEFycm93UG9zaXRpb24gfSBmcm9tICcuLi9jb21tb24vYXJyb3cnXG5cbnR5cGUgSG9yaXpvbnRhbFBvc2l0aW9uID0gJ2xlZnQnIHwgJ3JpZ2h0J1xudHlwZSBWZXJ0aWNhbFBvc2l0aW9uID0gJ3RvcCcgfCAnYm90dG9tJ1xudHlwZSBFbGV2YXRpb24gPSBrZXlvZiB0eXBlb2YgdGhlbWUuZWxldmF0aW9uXG5cbmV4cG9ydCB0eXBlIERyYXdlclByb3BzID0ge1xuICAvKipcbiAgICogSG9yaXpvbnRhbCBwb3NpdGlvbiBvZiB0aGUgZHJhd2VyXG4gICAqL1xuICBwb3NpdGlvbj86IEhvcml6b250YWxQb3NpdGlvblxuXG4gIC8qKlxuICAgKiBTaG93IGFycm93IHRvIHZpc3VhbGx5IGluZGljYXRlIHRoZSByZWxhdGlvbiB0byBhIGNvbm5lY3RlZCBjb21wb25lbnRcbiAgICovXG4gIHNob3dBcnJvdz86IGJvb2xlYW5cbiAgLyoqXG4gICAqICBTZXQgdGhlIGBlbGV2YXRpb25gIGZvciB0aGUgRHJhd2VyLlxuICAgKi9cbiAgZWxldmF0aW9uPzogRWxldmF0aW9uXG5cbiAgLyoqXG4gICAqIFZlcnRpY2FsIHBvc2l0aW9uIG9mIHRoZSBkcmF3ZXIgaW4gcmVsYXRpb24gdG8gYSBjb25uZWN0ZWQgY29tcG9uZW50LlxuICAgKiBXaWxsIG9ubHkgYmUgdXNlZCBmb3IgcGxhY2luZyB0aGUgYXJyb3cgb24gZWl0aGVyIHRoZSBgdG9wYCBvciBgYm90dG9tYFxuICAgKi9cbiAgdmVydGljYWxQb3NpdGlvbj86IFZlcnRpY2FsUG9zaXRpb25cblxuICAvKipcbiAgICogQ2xhc3MgbmFtZSB0byBiZSBhc3NpZ25lZCB0byB0aGUgY29tcG9uZW50XG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3QgZ2V0QXJyb3dQbGFjZW1lbnQgPSAodmVydGljYWw6IFZlcnRpY2FsUG9zaXRpb24sIGhvcml6b250YWw6IEhvcml6b250YWxQb3NpdGlvbik6IEFycm93UG9zaXRpb24gPT4ge1xuICByZXR1cm4gYCR7dmVydGljYWwgPyB2ZXJ0aWNhbCA6ICd0b3AnfS0ke2hvcml6b250YWwgPyBob3Jpem9udGFsIDogJ2xlZnQnfWAgYXMgQXJyb3dQb3NpdGlvblxufVxuXG5jb25zdCBkcmF3ZXJTdHlsZXMgPSAoe1xuICBwb3NpdGlvbixcbiAgdmVydGljYWxQb3NpdGlvbixcbiAgc2hvd0Fycm93LFxuICBlbGV2YXRpb24sXG59OiB7XG4gIHBvc2l0aW9uOiBIb3Jpem9udGFsUG9zaXRpb25cbiAgdmVydGljYWxQb3NpdGlvbjogVmVydGljYWxQb3NpdGlvblxuICBzaG93QXJyb3c6IGJvb2xlYW5cbiAgZWxldmF0aW9uOiBFbGV2YXRpb25cbn0pID0+IGNzc2BcbiAgei1pbmRleDogMTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBoZWlnaHQ6IGF1dG87XG4gIG1pbi1oZWlnaHQ6IDUwcHg7XG4gIGxlZnQ6ICR7cG9zaXRpb24gPT09ICdsZWZ0JyAmJiAwfTtcbiAgcmlnaHQ6ICR7cG9zaXRpb24gPT09ICdyaWdodCcgJiYgMH07XG4gIG1pbi13aWR0aDogMTEycHg7XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgYm94LXNoYWRvdzogJHt0aGVtZS5lbGV2YXRpb25bZWxldmF0aW9uXX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGN1cnNvcjogZGVmYXVsdDtcbiAgJHshc2hvd0Fycm93ID8gJycgOiBhcnJvdygxMCwgdGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeSwgMjAsIGdldEFycm93UGxhY2VtZW50KHZlcnRpY2FsUG9zaXRpb24sIHBvc2l0aW9uKSl9XG5gXG5cbmV4cG9ydCBjb25zdCBEcmF3ZXIgPSBSZWFjdC5mb3J3YXJkUmVmPEhUTUxEaXZFbGVtZW50LCBEcmF3ZXJQcm9wcz4oXG4gIChcbiAgICB7IGNsYXNzTmFtZSwgY2hpbGRyZW4sIHBvc2l0aW9uID0gJ2xlZnQnLCB2ZXJ0aWNhbFBvc2l0aW9uID0gJ2JvdHRvbScsIHNob3dBcnJvdyA9IHRydWUsIGVsZXZhdGlvbiA9ICc0JywgLi4ucmVzdCB9LFxuICAgIHJlZlxuICApID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdlxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgY3NzPXtkcmF3ZXJTdHlsZXMoeyBwb3NpdGlvbiwgdmVydGljYWxQb3NpdGlvbiwgc2hvd0Fycm93LCBlbGV2YXRpb24gfSl9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgID5cbiAgICAgICAgPGRpdj57Y2hpbGRyZW59PC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICApXG4gIH1cbilcblxuZXhwb3J0IGRlZmF1bHQgRHJhd2VyXG4iXX0= */");
 };
-
 export var Drawer = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
   var className = _ref2.className,
-      children = _ref2.children,
-      _ref2$position = _ref2.position,
-      position = _ref2$position === void 0 ? 'left' : _ref2$position,
-      _ref2$verticalPositio = _ref2.verticalPosition,
-      verticalPosition = _ref2$verticalPositio === void 0 ? 'bottom' : _ref2$verticalPositio,
-      _ref2$showArrow = _ref2.showArrow,
-      showArrow = _ref2$showArrow === void 0 ? true : _ref2$showArrow,
-      _ref2$elevation = _ref2.elevation,
-      elevation = _ref2$elevation === void 0 ? '4' : _ref2$elevation,
-      rest = _objectWithoutProperties(_ref2, _excluded);
-
+    children = _ref2.children,
+    _ref2$position = _ref2.position,
+    position = _ref2$position === void 0 ? 'left' : _ref2$position,
+    _ref2$verticalPositio = _ref2.verticalPosition,
+    verticalPosition = _ref2$verticalPositio === void 0 ? 'bottom' : _ref2$verticalPositio,
+    _ref2$showArrow = _ref2.showArrow,
+    showArrow = _ref2$showArrow === void 0 ? true : _ref2$showArrow,
+    _ref2$elevation = _ref2.elevation,
+    elevation = _ref2$elevation === void 0 ? '4' : _ref2$elevation,
+    rest = _objectWithoutProperties(_ref2, _excluded);
   return ___EmotionJSX("div", _extends({
     className: className,
     css: drawerStyles({

package/dropdown-menu/Dropdown.js

@@ -1,25 +1,14 @@
 var _excluded = ["isOpen", "multiselect", "children", "anchorEl", "onClickAway", "size", "id", "className", "placement", "setIsOpen", "shouldCloseOnEsc", "filter"];
-
 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(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 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)."; }
-
 import React from 'react';
 import { css } from '@emotion/react';
 import { theme } from '@dfds-ui/theme';
@@ -28,11 +17,9 @@ import { DropdownContextProvider } from './DropdownContext';
 import { Popper } from '@mui/material';
 import { ClickAwayListener } from '@mui/base';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
 var getDrawerStyles = function getDrawerStyles(size) {
   return /*#__PURE__*/css("box-shadow:", theme.elevation['4'], ";padding:", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9kcm9wZG93bi1tZW51L0Ryb3Bkb3duLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRG9EIiwiZmlsZSI6Ii4uLy4uL3NyYy9kcm9wZG93bi1tZW51L0Ryb3Bkb3duLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdEVsZW1lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IERyYXdlciB9IGZyb20gJy4uL2RyYXdlcidcbmltcG9ydCB7IERyb3Bkb3duQ29udGV4dFByb3ZpZGVyIH0gZnJvbSAnLi9Ecm9wZG93bkNvbnRleHQnXG5pbXBvcnQgeyBQb3BwZXIsIFBvcHBlclByb3BzLCBQb3BwZXJQbGFjZW1lbnRUeXBlIH0gZnJvbSAnQG11aS9tYXRlcmlhbCdcbmltcG9ydCB7IENsaWNrQXdheUxpc3RlbmVyIH0gZnJvbSAnQG11aS9iYXNlJ1xuXG5leHBvcnQgdHlwZSBEcm9wZG93blNpemUgPSAnbWVkaXVtJyB8ICdzbWFsbCdcblxuZXhwb3J0IHR5cGUgRHJvcGRvd25Qcm9wcyA9IHtcbiAgLyoqXG4gICAqIFBsYWNlbWVudCBmb3IgdGhlIGBEcm9wZG93bmAuXG4gICAqL1xuICBwbGFjZW1lbnQ/OiBQb3BwZXJQbGFjZW1lbnRUeXBlXG4gIC8qKlxuICAgKiBIVE1MIGVsZW1lbnQgdGhhdCB0aGUgYERyb3Bkb3duYCB3aWxsIGJlIGFuY2hvciB0by5cbiAgICovXG4gIGFuY2hvckVsPzogUG9wcGVyUHJvcHNbJ2FuY2hvckVsJ11cbiAgLyoqXG4gICAqIElmIHNldCB0byBgdHJ1ZWAsIHRoZSBgRHJvcGRvd25gIGlzIHNob3duLlxuICAgKi9cbiAgaXNPcGVuOiBib29sZWFuXG4gIC8qKlxuICAgKiBTZXQgdGhlIHN0YXRlIG9mIHRoZSBgRHJvcGRvd25gLlxuICAgKi9cbiAgc2V0SXNPcGVuOiBSZWFjdC5EaXNwYXRjaDxSZWFjdC5TZXRTdGF0ZUFjdGlvbjxib29sZWFuPj5cbiAgLyoqXG4gICAqIFNwZWNpZnkgdGhlIHNpemUgb2YgdGhlIGBEcm9wZG93bmAuXG4gICAqL1xuICBzaXplPzogRHJvcGRvd25TaXplXG4gIC8qKlxuICAgKiBDbG9zZSB0aGUgYERyb3Bkb3duYCBvbiBgZXNjYCBrZXkuXG4gICAqL1xuICBzaG91bGRDbG9zZU9uRXNjPzogYm9vbGVhblxuICAvKipcbiAgICogY2xhc3NOYW1lIHRvIGJlIGFzc2lnbmVkIHRvIGNvbXBvbmVudC5cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAvKipcbiAgICogU2VsZWN0IG11bHRpcGxlIGNoaWxkcmVuIGZyb20gdGhlIGBEcm9wZG93bmAuXG4gICAqL1xuICBtdWx0aXNlbGVjdD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEFkZCBhbiBgaWRgIHRvIHRoZSBgRHJvcGRvd25gLlxuICAgKi9cbiAgaWQ/OiBzdHJpbmdcbiAgb25DbGlja0F3YXk/OiAoKSA9PiB2b2lkXG4gIGNoaWxkcmVuOiBSZWFjdEVsZW1lbnRbXVxuICBmaWx0ZXI/OiBib29sZWFuXG59XG5cbmNvbnN0IGdldERyYXdlclN0eWxlcyA9IChzaXplPzogRHJvcGRvd25TaXplKSA9PiBjc3NgXG4gIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWyc0J119O1xuICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcueHhzfSAwO1xuICBtYXgtaGVpZ2h0OiA0MThweDtcbiAgbWluLXdpZHRoOiAke3NpemUgPT09ICdzbWFsbCcgPyAnMTI0cHgnIDogJzE1N3B4J307XG4gIG1heC13aWR0aDogMjg4cHg7XG4gIHdpZHRoOiBtYXgtY29udGVudDtcbmBcblxuY29uc3QgU2Nyb2xsYWJsZURpdiA9IFJlYWN0LmZvcndhcmRSZWYoKHByb3BzOiBhbnksIHJlZjogYW55KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgdGFiSW5kZXg9ezB9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgbWF4LWhlaWdodDogNDEwcHg7XG4gICAgICAgIG92ZXJmbG93OiBhdXRvO1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAgIHJlZj17cmVmfVxuICAgIC8+XG4gIClcbn0pXG5cbmNvbnN0IERyb3Bkb3duTWVudSA9ICh7XG4gIGlzT3BlbiA9IGZhbHNlLFxuICBtdWx0aXNlbGVjdCxcbiAgY2hpbGRyZW4sXG4gIGFuY2hvckVsLFxuICBvbkNsaWNrQXdheSxcbiAgc2l6ZSA9ICdtZWRpdW0nLFxuICBpZCxcbiAgY2xhc3NOYW1lLFxuICBwbGFjZW1lbnQsXG4gIHNldElzT3BlbixcbiAgc2hvdWxkQ2xvc2VPbkVzYyxcbiAgZmlsdGVyLFxuICAuLi5yZXN0XG59OiBEcm9wZG93blByb3BzKSA9PiB7XG4gIGNvbnN0IFtmaWx0ZXJlZCwgc2V0RmlsdGVyZWRdID0gUmVhY3QudXNlU3RhdGU8c3RyaW5nPignJylcbiAgY29uc3QgY29udGFpbmVyUmVmID0gUmVhY3QudXNlUmVmPEhUTUxEaXZFbGVtZW50PigpXG4gIGNvbnN0IGZpcnN0Q2hpbGRSZWYgPSBSZWFjdC51c2VSZWY8YW55PigpXG4gIGNvbnN0IGN1cnJlbnRGb2N1cyA9IFJlYWN0LnVzZVJlZjxhbnk+KClcbiAgY29uc3Qgc2V0Q29udGFpbmVyUmVmID0gUmVhY3QudXNlQ2FsbGJhY2soKG5vZGU6IEhUTUxEaXZFbGVtZW50KSA9PiB7XG4gICAgaWYgKG5vZGUpIHtcbiAgICAgIGNvbnRhaW5lclJlZi5jdXJyZW50ID0gbm9kZVxuICAgICAgZmlyc3RDaGlsZFJlZi5jdXJyZW50ID0gY29udGFpbmVyUmVmLmN1cnJlbnQ/LmZpcnN0Q2hpbGRcbiAgICAgIGN1cnJlbnRGb2N1cy5jdXJyZW50ID0gZmlyc3RDaGlsZFJlZi5jdXJyZW50XG4gICAgICBjdXJyZW50Rm9jdXMuY3VycmVudC5mb2N1cygpXG4gICAgfSBlbHNlIHtcbiAgICAgIGNvbnRhaW5lclJlZi5jdXJyZW50ID0gdW5kZWZpbmVkXG4gICAgfVxuICB9LCBbXSlcblxuICBjb25zdCBoYW5kbGVDaGFyRG93biA9IChldmVudDogUmVhY3QuS2V5Ym9hcmRFdmVudDxFbGVtZW50PikgPT4ge1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXG4gICAgY29uc3QgZXZlbnRLZXkgPSBldmVudC5rZXlcblxuICAgIGlmIChbJ0Fycm93VXAnLCAnQXJyb3dEb3duJ10uaW5jbHVkZXMoZXZlbnRLZXkpKSB7XG4gICAgICByZXR1cm4gaGFuZGxlQXJyb3dzVXBEb3duKGV2ZW50KVxuICAgIH1cblxuICAgIGlmICghZmlsdGVyKSByZXR1cm5cblxuICAgIGNvbnN0IHJneCA9IC9bYS16QS1aMC05XS9nXG4gICAgY29uc3QgdGVzdCA9IHJneC50ZXN0KGV2ZW50S2V5KVxuICAgIGlmICh0ZXN0ICYmIGV2ZW50S2V5Lmxlbmd0aCA9PT0gMSkge1xuICAgICAgc2V0RmlsdGVyZWQoKHByZXZTdGF0ZSkgPT4gcHJldlN0YXRlICsgZXZlbnRLZXkudG9VcHBlckNhc2UoKSlcbiAgICB9XG4gIH1cblxuICBjb25zdCBoYW5kbGVBcnJvd3NVcERvd24gPSAoZXZlbnQ6IFJlYWN0LktleWJvYXJkRXZlbnQ8RWxlbWVudD4pID0+IHtcbiAgICBpZiAoZXZlbnQua2V5ID09PSAnQXJyb3dVcCcpIHtcbiAgICAgIGNvbnN0IHByZXYgPSBjdXJyZW50Rm9jdXMuY3VycmVudC5wcmV2aW91c1NpYmxpbmdcbiAgICAgIGlmIChwcmV2KSB7XG4gICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgY3VycmVudEZvY3VzLmN1cnJlbnQgPSBwcmV2XG4gICAgICAgIHByZXYuZm9jdXMoKVxuICAgICAgfVxuICAgIH0gZWxzZSBpZiAoZXZlbnQua2V5ID09PSAnQXJyb3dEb3duJykge1xuICAgICAgY29uc3QgbmV4dCA9IGN1cnJlbnRGb2N1cy5jdXJyZW50Lm5leHRTaWJsaW5nXG4gICAgICBpZiAobmV4dCkge1xuICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICAgIGN1cnJlbnRGb2N1cy5jdXJyZW50ID0gbmV4dFxuICAgICAgICBuZXh0LmZvY3VzKClcbiAgICAgIH1cbiAgICB9IGVsc2UgaWYgKGV2ZW50LmtleSA9PT0gJ0VzY2FwZScgJiYgc2hvdWxkQ2xvc2VPbkVzYykge1xuICAgICAgaWYgKGlzT3Blbikge1xuICAgICAgICBzZXRJc09wZW4oZmFsc2UpXG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgY29uc3QgZmlsdGVyQ2hpbGRyZW4gPSAocGFyYW06IHR5cGVvZiBjaGlsZHJlbikgPT4ge1xuICAgIGlmIChmaWx0ZXJlZC5sZW5ndGggPj0gMSkge1xuICAgICAgcmV0dXJuIHBhcmFtLmZpbHRlcigoeCkgPT4geC5wcm9wcy5jaGlsZHJlbi50b1VwcGVyQ2FzZSgpLmluY2x1ZGVzKGZpbHRlcmVkKSlcbiAgICB9XG4gICAgcmV0dXJuIHBhcmFtXG4gIH1cblxuICBSZWFjdC51c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghaXNPcGVuKSB7XG4gICAgICBzZXRGaWx0ZXJlZCgnJylcbiAgICB9XG4gIH0sIFtpc09wZW5dKVxuXG4gIHJldHVybiAoXG4gICAgPFBvcHBlclxuICAgICAgb3Blbj17aXNPcGVufVxuICAgICAgYW5jaG9yRWw9e2FuY2hvckVsfVxuICAgICAgaWQ9e2lkfVxuICAgICAgcGxhY2VtZW50PXtwbGFjZW1lbnR9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgei1pbmRleDogJHt0aGVtZS56SW5kZXgubW9kYWx9O1xuICAgICAgYH1cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIDxDbGlja0F3YXlMaXN0ZW5lclxuICAgICAgICBvbkNsaWNrQXdheT17KCkgPT4ge1xuICAgICAgICAgIG9uQ2xpY2tBd2F5ICYmIG9uQ2xpY2tBd2F5KClcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPERyYXdlciBjc3M9e2dldERyYXdlclN0eWxlcyhzaXplKX0gc2hvd0Fycm93PXtmYWxzZX0gY2xhc3NOYW1lPXtjbGFzc05hbWV9IHsuLi5yZXN0fT5cbiAgICAgICAgICA8RHJvcGRvd25Db250ZXh0UHJvdmlkZXIgdmFsdWU9e3sgc2l6ZSwgbXVsdGlzZWxlY3QgfX0+XG4gICAgICAgICAgICA8U2Nyb2xsYWJsZURpdiByZWY9e3NldENvbnRhaW5lclJlZn0gb25LZXlEb3duPXtoYW5kbGVDaGFyRG93bn0+XG4gICAgICAgICAgICAgIHtmaWx0ZXIgPyBmaWx0ZXJDaGlsZHJlbihjaGlsZHJlbikgOiBjaGlsZHJlbn1cbiAgICAgICAgICAgIDwvU2Nyb2xsYWJsZURpdj5cbiAgICAgICAgICA8L0Ryb3Bkb3duQ29udGV4dFByb3ZpZGVyPlxuICAgICAgICA8L0RyYXdlcj5cbiAgICAgIDwvQ2xpY2tBd2F5TGlzdGVuZXI+XG4gICAgPC9Qb3BwZXI+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgRHJvcGRvd25NZW51XG4iXX0= */");
 };
-
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "dnempo",
   styles: "max-height:410px;overflow:auto"
@@ -42,7 +29,6 @@ var _ref = process.env.NODE_ENV === "production" ? {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9kcm9wZG93bi1tZW51L0Ryb3Bkb3duLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRWMiLCJmaWxlIjoiLi4vLi4vc3JjL2Ryb3Bkb3duLW1lbnUvRHJvcGRvd24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0RWxlbWVudCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRHJhd2VyIH0gZnJvbSAnLi4vZHJhd2VyJ1xuaW1wb3J0IHsgRHJvcGRvd25Db250ZXh0UHJvdmlkZXIgfSBmcm9tICcuL0Ryb3Bkb3duQ29udGV4dCdcbmltcG9ydCB7IFBvcHBlciwgUG9wcGVyUHJvcHMsIFBvcHBlclBsYWNlbWVudFR5cGUgfSBmcm9tICdAbXVpL21hdGVyaWFsJ1xuaW1wb3J0IHsgQ2xpY2tBd2F5TGlzdGVuZXIgfSBmcm9tICdAbXVpL2Jhc2UnXG5cbmV4cG9ydCB0eXBlIERyb3Bkb3duU2l6ZSA9ICdtZWRpdW0nIHwgJ3NtYWxsJ1xuXG5leHBvcnQgdHlwZSBEcm9wZG93blByb3BzID0ge1xuICAvKipcbiAgICogUGxhY2VtZW50IGZvciB0aGUgYERyb3Bkb3duYC5cbiAgICovXG4gIHBsYWNlbWVudD86IFBvcHBlclBsYWNlbWVudFR5cGVcbiAgLyoqXG4gICAqIEhUTUwgZWxlbWVudCB0aGF0IHRoZSBgRHJvcGRvd25gIHdpbGwgYmUgYW5jaG9yIHRvLlxuICAgKi9cbiAgYW5jaG9yRWw/OiBQb3BwZXJQcm9wc1snYW5jaG9yRWwnXVxuICAvKipcbiAgICogSWYgc2V0IHRvIGB0cnVlYCwgdGhlIGBEcm9wZG93bmAgaXMgc2hvd24uXG4gICAqL1xuICBpc09wZW46IGJvb2xlYW5cbiAgLyoqXG4gICAqIFNldCB0aGUgc3RhdGUgb2YgdGhlIGBEcm9wZG93bmAuXG4gICAqL1xuICBzZXRJc09wZW46IFJlYWN0LkRpc3BhdGNoPFJlYWN0LlNldFN0YXRlQWN0aW9uPGJvb2xlYW4+PlxuICAvKipcbiAgICogU3BlY2lmeSB0aGUgc2l6ZSBvZiB0aGUgYERyb3Bkb3duYC5cbiAgICovXG4gIHNpemU/OiBEcm9wZG93blNpemVcbiAgLyoqXG4gICAqIENsb3NlIHRoZSBgRHJvcGRvd25gIG9uIGBlc2NgIGtleS5cbiAgICovXG4gIHNob3VsZENsb3NlT25Fc2M/OiBib29sZWFuXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gY29tcG9uZW50LlxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIC8qKlxuICAgKiBTZWxlY3QgbXVsdGlwbGUgY2hpbGRyZW4gZnJvbSB0aGUgYERyb3Bkb3duYC5cbiAgICovXG4gIG11bHRpc2VsZWN0PzogYm9vbGVhblxuICAvKipcbiAgICogQWRkIGFuIGBpZGAgdG8gdGhlIGBEcm9wZG93bmAuXG4gICAqL1xuICBpZD86IHN0cmluZ1xuICBvbkNsaWNrQXdheT86ICgpID0+IHZvaWRcbiAgY2hpbGRyZW46IFJlYWN0RWxlbWVudFtdXG4gIGZpbHRlcj86IGJvb2xlYW5cbn1cblxuY29uc3QgZ2V0RHJhd2VyU3R5bGVzID0gKHNpemU/OiBEcm9wZG93blNpemUpID0+IGNzc2BcbiAgYm94LXNoYWRvdzogJHt0aGVtZS5lbGV2YXRpb25bJzQnXX07XG4gIHBhZGRpbmc6ICR7dGhlbWUuc3BhY2luZy54eHN9IDA7XG4gIG1heC1oZWlnaHQ6IDQxOHB4O1xuICBtaW4td2lkdGg6ICR7c2l6ZSA9PT0gJ3NtYWxsJyA/ICcxMjRweCcgOiAnMTU3cHgnfTtcbiAgbWF4LXdpZHRoOiAyODhweDtcbiAgd2lkdGg6IG1heC1jb250ZW50O1xuYFxuXG5jb25zdCBTY3JvbGxhYmxlRGl2ID0gUmVhY3QuZm9yd2FyZFJlZigocHJvcHM6IGFueSwgcmVmOiBhbnkpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICB0YWJJbmRleD17MH1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBtYXgtaGVpZ2h0OiA0MTBweDtcbiAgICAgICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgLz5cbiAgKVxufSlcblxuY29uc3QgRHJvcGRvd25NZW51ID0gKHtcbiAgaXNPcGVuID0gZmFsc2UsXG4gIG11bHRpc2VsZWN0LFxuICBjaGlsZHJlbixcbiAgYW5jaG9yRWwsXG4gIG9uQ2xpY2tBd2F5LFxuICBzaXplID0gJ21lZGl1bScsXG4gIGlkLFxuICBjbGFzc05hbWUsXG4gIHBsYWNlbWVudCxcbiAgc2V0SXNPcGVuLFxuICBzaG91bGRDbG9zZU9uRXNjLFxuICBmaWx0ZXIsXG4gIC4uLnJlc3Rcbn06IERyb3Bkb3duUHJvcHMpID0+IHtcbiAgY29uc3QgW2ZpbHRlcmVkLCBzZXRGaWx0ZXJlZF0gPSBSZWFjdC51c2VTdGF0ZTxzdHJpbmc+KCcnKVxuICBjb25zdCBjb250YWluZXJSZWYgPSBSZWFjdC51c2VSZWY8SFRNTERpdkVsZW1lbnQ+KClcbiAgY29uc3QgZmlyc3RDaGlsZFJlZiA9IFJlYWN0LnVzZVJlZjxhbnk+KClcbiAgY29uc3QgY3VycmVudEZvY3VzID0gUmVhY3QudXNlUmVmPGFueT4oKVxuICBjb25zdCBzZXRDb250YWluZXJSZWYgPSBSZWFjdC51c2VDYWxsYmFjaygobm9kZTogSFRNTERpdkVsZW1lbnQpID0+IHtcbiAgICBpZiAobm9kZSkge1xuICAgICAgY29udGFpbmVyUmVmLmN1cnJlbnQgPSBub2RlXG4gICAgICBmaXJzdENoaWxkUmVmLmN1cnJlbnQgPSBjb250YWluZXJSZWYuY3VycmVudD8uZmlyc3RDaGlsZFxuICAgICAgY3VycmVudEZvY3VzLmN1cnJlbnQgPSBmaXJzdENoaWxkUmVmLmN1cnJlbnRcbiAgICAgIGN1cnJlbnRGb2N1cy5jdXJyZW50LmZvY3VzKClcbiAgICB9IGVsc2Uge1xuICAgICAgY29udGFpbmVyUmVmLmN1cnJlbnQgPSB1bmRlZmluZWRcbiAgICB9XG4gIH0sIFtdKVxuXG4gIGNvbnN0IGhhbmRsZUNoYXJEb3duID0gKGV2ZW50OiBSZWFjdC5LZXlib2FyZEV2ZW50PEVsZW1lbnQ+KSA9PiB7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcbiAgICBjb25zdCBldmVudEtleSA9IGV2ZW50LmtleVxuXG4gICAgaWYgKFsnQXJyb3dVcCcsICdBcnJvd0Rvd24nXS5pbmNsdWRlcyhldmVudEtleSkpIHtcbiAgICAgIHJldHVybiBoYW5kbGVBcnJvd3NVcERvd24oZXZlbnQpXG4gICAgfVxuXG4gICAgaWYgKCFmaWx0ZXIpIHJldHVyblxuXG4gICAgY29uc3Qgcmd4ID0gL1thLXpBLVowLTldL2dcbiAgICBjb25zdCB0ZXN0ID0gcmd4LnRlc3QoZXZlbnRLZXkpXG4gICAgaWYgKHRlc3QgJiYgZXZlbnRLZXkubGVuZ3RoID09PSAxKSB7XG4gICAgICBzZXRGaWx0ZXJlZCgocHJldlN0YXRlKSA9PiBwcmV2U3RhdGUgKyBldmVudEtleS50b1VwcGVyQ2FzZSgpKVxuICAgIH1cbiAgfVxuXG4gIGNvbnN0IGhhbmRsZUFycm93c1VwRG93biA9IChldmVudDogUmVhY3QuS2V5Ym9hcmRFdmVudDxFbGVtZW50PikgPT4ge1xuICAgIGlmIChldmVudC5rZXkgPT09ICdBcnJvd1VwJykge1xuICAgICAgY29uc3QgcHJldiA9IGN1cnJlbnRGb2N1cy5jdXJyZW50LnByZXZpb3VzU2libGluZ1xuICAgICAgaWYgKHByZXYpIHtcbiAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgICAgICBjdXJyZW50Rm9jdXMuY3VycmVudCA9IHByZXZcbiAgICAgICAgcHJldi5mb2N1cygpXG4gICAgICB9XG4gICAgfSBlbHNlIGlmIChldmVudC5rZXkgPT09ICdBcnJvd0Rvd24nKSB7XG4gICAgICBjb25zdCBuZXh0ID0gY3VycmVudEZvY3VzLmN1cnJlbnQubmV4dFNpYmxpbmdcbiAgICAgIGlmIChuZXh0KSB7XG4gICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgY3VycmVudEZvY3VzLmN1cnJlbnQgPSBuZXh0XG4gICAgICAgIG5leHQuZm9jdXMoKVxuICAgICAgfVxuICAgIH0gZWxzZSBpZiAoZXZlbnQua2V5ID09PSAnRXNjYXBlJyAmJiBzaG91bGRDbG9zZU9uRXNjKSB7XG4gICAgICBpZiAoaXNPcGVuKSB7XG4gICAgICAgIHNldElzT3BlbihmYWxzZSlcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBjb25zdCBmaWx0ZXJDaGlsZHJlbiA9IChwYXJhbTogdHlwZW9mIGNoaWxkcmVuKSA9PiB7XG4gICAgaWYgKGZpbHRlcmVkLmxlbmd0aCA+PSAxKSB7XG4gICAgICByZXR1cm4gcGFyYW0uZmlsdGVyKCh4KSA9PiB4LnByb3BzLmNoaWxkcmVuLnRvVXBwZXJDYXNlKCkuaW5jbHVkZXMoZmlsdGVyZWQpKVxuICAgIH1cbiAgICByZXR1cm4gcGFyYW1cbiAgfVxuXG4gIFJlYWN0LnVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKCFpc09wZW4pIHtcbiAgICAgIHNldEZpbHRlcmVkKCcnKVxuICAgIH1cbiAgfSwgW2lzT3Blbl0pXG5cbiAgcmV0dXJuIChcbiAgICA8UG9wcGVyXG4gICAgICBvcGVuPXtpc09wZW59XG4gICAgICBhbmNob3JFbD17YW5jaG9yRWx9XG4gICAgICBpZD17aWR9XG4gICAgICBwbGFjZW1lbnQ9e3BsYWNlbWVudH1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICB6LWluZGV4OiAke3RoZW1lLnpJbmRleC5tb2RhbH07XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAgPENsaWNrQXdheUxpc3RlbmVyXG4gICAgICAgIG9uQ2xpY2tBd2F5PXsoKSA9PiB7XG4gICAgICAgICAgb25DbGlja0F3YXkgJiYgb25DbGlja0F3YXkoKVxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8RHJhd2VyIGNzcz17Z2V0RHJhd2VyU3R5bGVzKHNpemUpfSBzaG93QXJyb3c9e2ZhbHNlfSBjbGFzc05hbWU9e2NsYXNzTmFtZX0gey4uLnJlc3R9PlxuICAgICAgICAgIDxEcm9wZG93bkNvbnRleHRQcm92aWRlciB2YWx1ZT17eyBzaXplLCBtdWx0aXNlbGVjdCB9fT5cbiAgICAgICAgICAgIDxTY3JvbGxhYmxlRGl2IHJlZj17c2V0Q29udGFpbmVyUmVmfSBvbktleURvd249e2hhbmRsZUNoYXJEb3dufT5cbiAgICAgICAgICAgICAge2ZpbHRlciA/IGZpbHRlckNoaWxkcmVuKGNoaWxkcmVuKSA6IGNoaWxkcmVufVxuICAgICAgICAgICAgPC9TY3JvbGxhYmxlRGl2PlxuICAgICAgICAgIDwvRHJvcGRvd25Db250ZXh0UHJvdmlkZXI+XG4gICAgICAgIDwvRHJhd2VyPlxuICAgICAgPC9DbGlja0F3YXlMaXN0ZW5lcj5cbiAgICA8L1BvcHBlcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBEcm9wZG93bk1lbnVcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-
 var ScrollableDiv = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return ___EmotionJSX("div", _extends({
     tabIndex: 0,
@@ -51,36 +37,32 @@ var ScrollableDiv = /*#__PURE__*/React.forwardRef(function (props, ref) {
     ref: ref
   }));
 });
-
 var DropdownMenu = function DropdownMenu(_ref2) {
   var _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);
-
+    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);
   var _React$useState = React.useState(''),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      filtered = _React$useState2[0],
-      setFiltered = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    filtered = _React$useState2[0],
+    setFiltered = _React$useState2[1];
   var containerRef = React.useRef();
   var firstChildRef = React.useRef();
   var currentFocus = React.useRef();
   var setContainerRef = React.useCallback(function (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;
       currentFocus.current = firstChildRef.current;
@@ -89,30 +71,24 @@ var DropdownMenu = function DropdownMenu(_ref2) {
       containerRef.current = undefined;
     }
   }, []);
-
   var handleCharDown = function handleCharDown(event) {
     event.stopPropagation();
     var eventKey = event.key;
-
     if (['ArrowUp', 'ArrowDown'].includes(eventKey)) {
       return handleArrowsUpDown(event);
     }
-
     if (!filter) return;
     var rgx = /[a-zA-Z0-9]/g;
     var test = rgx.test(eventKey);
-
     if (test && eventKey.length === 1) {
       setFiltered(function (prevState) {
         return prevState + eventKey.toUpperCase();
       });
     }
   };
-
   var handleArrowsUpDown = function handleArrowsUpDown(event) {
     if (event.key === 'ArrowUp') {
       var prev = currentFocus.current.previousSibling;
-
       if (prev) {
         event.preventDefault();
         currentFocus.current = prev;
@@ -120,7 +96,6 @@ var DropdownMenu = function DropdownMenu(_ref2) {
       }
     } else if (event.key === 'ArrowDown') {
       var next = currentFocus.current.nextSibling;
-
       if (next) {
         event.preventDefault();
         currentFocus.current = next;
@@ -132,17 +107,14 @@ var DropdownMenu = function DropdownMenu(_ref2) {
       }
     }
   };
-
   var filterChildren = function filterChildren(param) {
     if (filtered.length >= 1) {
       return param.filter(function (x) {
         return x.props.children.toUpperCase().includes(filtered);
       });
     }
-
     return param;
   };
-
   React.useEffect(function () {
     if (!isOpen) {
       setFiltered('');
@@ -172,5 +144,4 @@ var DropdownMenu = function DropdownMenu(_ref2) {
     onKeyDown: handleCharDown
   }, filter ? filterChildren(children) : children)))));
 };
-
 export default DropdownMenu;

package/dropdown-menu/DropdownContext.js

@@ -6,20 +6,16 @@ export var DropdownContext = /*#__PURE__*/createContext({
 });
 export var DropdownContextProvider = function DropdownContextProvider(_ref) {
   var children = _ref.children,
-      value = _ref.value;
+    value = _ref.value;
   return ___EmotionJSX(DropdownContext.Provider, {
     value: value
   }, children);
 };
-
 var useDropdownContext = function useDropdownContext() {
   var context = useContext(DropdownContext);
-
   if (context === undefined) {
     throw new Error('useDropdownContext must be used within Dropdown component.');
   }
-
   return context;
 };
-
 export default useDropdownContext;