@dfds-ui/react-components 2.2.0-alpha.9bb1ab0f → 2.2.0-alpha.a1ae8508

package/data-table/DataTable.js

@@ -1,24 +1,29 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["children", "onChange", "columns", "data", "hasHeader"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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 _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 _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(r) { if (Array.isArray(r)) return r; }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) { o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } } return t; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
 function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) { n[e] = r[e]; } return n; }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 import React, { useReducer } from 'react';
 import { css } from '@emotion/react';
 import { Checkbox } from '../forms/checkbox';
 import { theme } from '@dfds-ui/theme';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsxs as _jsxs, jsx as _jsx } from "@emotion/react/jsx-runtime";
 var tableStyle = function tableStyle() {
-  return /*#__PURE__*/css("text-align:left;border-collapse:collapse;width:100%;border:none;color:", theme.colors.text.dark.primary, ";font-size:12px;tr{border-top:1px solid ", theme.colors.text.dark.disabled, ";border-bottom:1px solid ", theme.colors.text.dark.disabled, ";}th,td{padding:16px;label{color:", theme.colors.primary.main, ";font-weight:bold;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:tableStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9kYXRhLXRhYmxlL0RhdGFUYWJsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYzRCIiwiZmlsZSI6Ii4uLy4uL3NyYy9kYXRhLXRhYmxlL0RhdGFUYWJsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRnVuY3Rpb25Db21wb25lbnQsIHVzZVJlZHVjZXIgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgQ2hlY2tib3ggfSBmcm9tICcuLi9mb3Jtcy9jaGVja2JveCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCB0eXBlIERhdGFUYWJsZVByb3BzID0ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxuICBvbkNoYW5nZT86IChtb2RlbDogb2JqZWN0W10pID0+IG9iamVjdFtdXG4gIGNvbHVtbnM/OiBzdHJpbmdbXVxuICBkYXRhOiBvYmplY3RbXVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgaGFzSGVhZGVyPzogYm9vbGVhblxufVxuXG5jb25zdCB0YWJsZVN0eWxlID0gKCkgPT4gY3NzYFxuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICBib3JkZXItY29sbGFwc2U6IGNvbGxhcHNlO1xuICB3aWR0aDogMTAwJTtcbiAgYm9yZGVyOiBub25lO1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5kYXJrLnByaW1hcnl9O1xuICBmb250LXNpemU6IDEycHg7XG4gIHRyIHtcbiAgICBib3JkZXItdG9wOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5kYXJrLmRpc2FibGVkfTtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5kYXJrLmRpc2FibGVkfTtcbiAgfVxuICB0aCxcbiAgdGQge1xuICAgIHBhZGRpbmc6IDE2cHg7XG4gICAgbGFiZWwge1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnByaW1hcnkubWFpbn07XG4gICAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICB9XG4gIH1cbmBcblxuY29uc3QgVE9HR0xFID0gJ3RvZ2dsZSdcblxuZnVuY3Rpb24gcmVkdWNlcihtb2RlbDogYW55LCBhY3Rpb246IGFueSk6IG9iamVjdFtdIHtcbiAgY29uc3QgbmV3TW9kZWwgPSBbLi4ubW9kZWxdXG4gIHN3aXRjaCAoYWN0aW9uLnR5cGUpIHtcbiAgICBjYXNlIFRPR0dMRTpcbiAgICAgIG5ld01vZGVsW2FjdGlvbi5rZXldLmZpZWxkLnZhbHVlID0gIW5ld01vZGVsW2FjdGlvbi5rZXldLmZpZWxkLnZhbHVlXG4gICAgICByZXR1cm4gbmV3TW9kZWxcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIG5ld01vZGVsXG4gIH1cbn1cblxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnVzZWQtdmFyc1xuZXhwb3J0IGNvbnN0IERhdGFUYWJsZTogRnVuY3Rpb25Db21wb25lbnQ8RGF0YVRhYmxlUHJvcHM+ID0gKHtcbiAgY2hpbGRyZW4sXG4gIG9uQ2hhbmdlLFxuICBjb2x1bW5zLFxuICBkYXRhLFxuICBoYXNIZWFkZXIsXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgY29uc3QgW21vZGVsLCBkaXNwYXRjaF0gPSB1c2VSZWR1Y2VyKHJlZHVjZXIsIGRhdGEpXG4gIGNvbnN0IGRhdGFLZXlzID0gT2JqZWN0LmtleXMobW9kZWxbMF0pXG4gIGNvbnN0IGRpc3BsYXlDb2x1bW5zID0gY29sdW1ucyA/IGNvbHVtbnMgOiBkYXRhS2V5c1xuXG4gIFJlYWN0LnVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKG9uQ2hhbmdlKSB7XG4gICAgICBvbkNoYW5nZShtb2RlbClcbiAgICB9XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB9LCBbbW9kZWxdKVxuXG4gIHJldHVybiAoXG4gICAgPHRhYmxlIGNzcz17dGFibGVTdHlsZSgpfSB7Li4ucmVzdH0+XG4gICAgICB7aGFzSGVhZGVyICYmIChcbiAgICAgICAgPHRoZWFkPlxuICAgICAgICAgIDx0cj5cbiAgICAgICAgICAgIHtkaXNwbGF5Q29sdW1ucy5tYXAoKGtleSwgaSkgPT4ge1xuICAgICAgICAgICAgICByZXR1cm4gPHRoIGtleT17aX0+IHtrZXl9IDwvdGg+XG4gICAgICAgICAgICB9KX1cbiAgICAgICAgICA8L3RyPlxuICAgICAgICA8L3RoZWFkPlxuICAgICAgKX1cbiAgICAgIDx0Ym9keT5cbiAgICAgICAge2RhdGEubWFwKCh2YWx1ZU9iajogYW55LCBpKSA9PiB7XG4gICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDx0ciBrZXk9e2l9PlxuICAgICAgICAgICAgICB7ZGF0YUtleXMubWFwKChrZXk6IGFueSwgeSkgPT4ge1xuICAgICAgICAgICAgICAgIGlmIChrZXkgPT09ICdmaWVsZCcpIHtcbiAgICAgICAgICAgICAgICAgIGNvbnN0IHsgbmFtZSwgdmFsdWUsIGxhYmVsIH0gPSB2YWx1ZU9iai5maWVsZFxuICAgICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgPHRkIGtleT17eX0+XG4gICAgICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICAgICAgPENoZWNrYm94XG4gICAgICAgICAgICAgICAgICAgICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgICAgICAgICAgICAgICAgICAgIGNoZWNrZWQ9e3ZhbHVlfVxuICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZT17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRpc3BhdGNoKHsgdHlwZTogVE9HR0xFLCBrZXk6IGkgfSlcbiAgICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgICAgICAgICAgICAgICAgPC9DaGVja2JveD5cbiAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIDwvdGQ+XG4gICAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIHJldHVybiA8dGQga2V5PXt5fT4ge3ZhbHVlT2JqW2tleV19IDwvdGQ+XG4gICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgPC90cj5cbiAgICAgICAgICApXG4gICAgICAgIH0pfVxuICAgICAgPC90Ym9keT5cbiAgICA8L3RhYmxlPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IERhdGFUYWJsZVxuIl19 */");
+  return /*#__PURE__*/css("text-align:left;border-collapse:collapse;width:100%;border:none;color:", theme.colors.text.dark.primary, ";font-size:12px;tr{border-top:1px solid ", theme.colors.text.dark.disabled, ";border-bottom:1px solid ", theme.colors.text.dark.disabled, ";}th,td{padding:16px;label{color:", theme.colors.primary.main, ";font-weight:bold;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:tableStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9kYXRhLXRhYmxlL0RhdGFUYWJsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYzRCIiwiZmlsZSI6Ii4uLy4uL3NyYy9kYXRhLXRhYmxlL0RhdGFUYWJsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRnVuY3Rpb25Db21wb25lbnQsIHVzZVJlZHVjZXIgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgQ2hlY2tib3ggfSBmcm9tICcuLi9mb3Jtcy9jaGVja2JveCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCB0eXBlIERhdGFUYWJsZVByb3BzID0ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxuICBvbkNoYW5nZT86IChtb2RlbDogb2JqZWN0W10pID0+IG9iamVjdFtdXG4gIGNvbHVtbnM/OiBzdHJpbmdbXVxuICBkYXRhOiBvYmplY3RbXVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgaGFzSGVhZGVyPzogYm9vbGVhblxufVxuXG5jb25zdCB0YWJsZVN0eWxlID0gKCkgPT4gY3NzYFxuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICBib3JkZXItY29sbGFwc2U6IGNvbGxhcHNlO1xuICB3aWR0aDogMTAwJTtcbiAgYm9yZGVyOiBub25lO1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5kYXJrLnByaW1hcnl9O1xuICBmb250LXNpemU6IDEycHg7XG4gIHRyIHtcbiAgICBib3JkZXItdG9wOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5kYXJrLmRpc2FibGVkfTtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMudGV4dC5kYXJrLmRpc2FibGVkfTtcbiAgfVxuICB0aCxcbiAgdGQge1xuICAgIHBhZGRpbmc6IDE2cHg7XG4gICAgbGFiZWwge1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnByaW1hcnkubWFpbn07XG4gICAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICB9XG4gIH1cbmBcblxuY29uc3QgVE9HR0xFID0gJ3RvZ2dsZSdcblxuZnVuY3Rpb24gcmVkdWNlcihtb2RlbDogYW55LCBhY3Rpb246IGFueSk6IG9iamVjdFtdIHtcbiAgY29uc3QgbmV3TW9kZWwgPSBbLi4ubW9kZWxdXG4gIHN3aXRjaCAoYWN0aW9uLnR5cGUpIHtcbiAgICBjYXNlIFRPR0dMRTpcbiAgICAgIG5ld01vZGVsW2FjdGlvbi5rZXldLmZpZWxkLnZhbHVlID0gIW5ld01vZGVsW2FjdGlvbi5rZXldLmZpZWxkLnZhbHVlXG4gICAgICByZXR1cm4gbmV3TW9kZWxcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIG5ld01vZGVsXG4gIH1cbn1cblxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnVzZWQtdmFyc1xuZXhwb3J0IGNvbnN0IERhdGFUYWJsZTogRnVuY3Rpb25Db21wb25lbnQ8RGF0YVRhYmxlUHJvcHM+ID0gKHtcbiAgY2hpbGRyZW4sXG4gIG9uQ2hhbmdlLFxuICBjb2x1bW5zLFxuICBkYXRhLFxuICBoYXNIZWFkZXIsXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgY29uc3QgW21vZGVsLCBkaXNwYXRjaF0gPSB1c2VSZWR1Y2VyKHJlZHVjZXIsIGRhdGEpXG4gIGNvbnN0IGRhdGFLZXlzID0gT2JqZWN0LmtleXMobW9kZWxbMF0pXG4gIGNvbnN0IGRpc3BsYXlDb2x1bW5zID0gY29sdW1ucyA/IGNvbHVtbnMgOiBkYXRhS2V5c1xuXG4gIFJlYWN0LnVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKG9uQ2hhbmdlKSB7XG4gICAgICBvbkNoYW5nZShtb2RlbClcbiAgICB9XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBlc2xpbnQtcmVhY3QvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFttb2RlbF0pXG5cbiAgcmV0dXJuIChcbiAgICA8dGFibGUgY3NzPXt0YWJsZVN0eWxlKCl9IHsuLi5yZXN0fT5cbiAgICAgIHtoYXNIZWFkZXIgJiYgKFxuICAgICAgICA8dGhlYWQ+XG4gICAgICAgICAgPHRyPlxuICAgICAgICAgICAge2Rpc3BsYXlDb2x1bW5zLm1hcCgoa2V5LCBpKSA9PiB7XG4gICAgICAgICAgICAgIHJldHVybiA8dGgga2V5PXtpfT4ge2tleX0gPC90aD5cbiAgICAgICAgICAgIH0pfVxuICAgICAgICAgIDwvdHI+XG4gICAgICAgIDwvdGhlYWQ+XG4gICAgICApfVxuICAgICAgPHRib2R5PlxuICAgICAgICB7ZGF0YS5tYXAoKHZhbHVlT2JqOiBhbnksIGkpID0+IHtcbiAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPHRyIGtleT17aX0+XG4gICAgICAgICAgICAgIHtkYXRhS2V5cy5tYXAoKGtleTogYW55LCB5KSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKGtleSA9PT0gJ2ZpZWxkJykge1xuICAgICAgICAgICAgICAgICAgY29uc3QgeyBuYW1lLCB2YWx1ZSwgbGFiZWwgfSA9IHZhbHVlT2JqLmZpZWxkXG4gICAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICA8dGQga2V5PXt5fT5cbiAgICAgICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgICAgICA8Q2hlY2tib3hcbiAgICAgICAgICAgICAgICAgICAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgY2hlY2tlZD17dmFsdWV9XG4gICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZGlzcGF0Y2goeyB0eXBlOiBUT0dHTEUsIGtleTogaSB9KVxuICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0NoZWNrYm94PlxuICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgPC90ZD5cbiAgICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgcmV0dXJuIDx0ZCBrZXk9e3l9PiB7dmFsdWVPYmpba2V5XX0gPC90ZD5cbiAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICA8L3RyPlxuICAgICAgICAgIClcbiAgICAgICAgfSl9XG4gICAgICA8L3Rib2R5PlxuICAgIDwvdGFibGU+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgRGF0YVRhYmxlXG4iXX0= */");
 };
 var TOGGLE = 'toggle';
 function reducer(model, action) {
@@ -50,40 +55,49 @@ export var DataTable = function DataTable(_ref) {
     if (onChange) {
       onChange(model);
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line @eslint-react/exhaustive-deps
   }, [model]);
-  return ___EmotionJSX("table", _extends({
+  return _jsxs("table", _objectSpread(_objectSpread({
     css: tableStyle()
-  }, rest), hasHeader && ___EmotionJSX("thead", null, ___EmotionJSX("tr", null, displayColumns.map(function (key, i) {
-    return ___EmotionJSX("th", {
-      key: i
-    }, " ", key, " ");
-  }))), ___EmotionJSX("tbody", null, data.map(function (valueObj, i) {
-    return ___EmotionJSX("tr", {
-      key: i
-    }, dataKeys.map(function (key, y) {
-      if (key === 'field') {
-        var _valueObj$field = valueObj.field,
-          name = _valueObj$field.name,
-          value = _valueObj$field.value,
-          label = _valueObj$field.label;
-        return ___EmotionJSX("td", {
-          key: y
-        }, ___EmotionJSX(Checkbox, {
-          name: name,
-          checked: value,
-          onChange: function onChange() {
-            dispatch({
-              type: TOGGLE,
-              key: i
-            });
-          }
-        }, label));
-      }
-      return ___EmotionJSX("td", {
-        key: y
-      }, " ", valueObj[key], " ");
-    }));
-  })));
+  }, rest), {}, {
+    children: [hasHeader && _jsx("thead", {
+      children: _jsx("tr", {
+        children: displayColumns.map(function (key, i) {
+          return _jsxs("th", {
+            children: [" ", key, " "]
+          }, i);
+        })
+      })
+    }), _jsx("tbody", {
+      children: data.map(function (valueObj, i) {
+        return _jsx("tr", {
+          children: dataKeys.map(function (key, y) {
+            if (key === 'field') {
+              var _valueObj$field = valueObj.field,
+                name = _valueObj$field.name,
+                value = _valueObj$field.value,
+                label = _valueObj$field.label;
+              return _jsx("td", {
+                children: _jsx(Checkbox, {
+                  name: name,
+                  checked: value,
+                  onChange: function onChange() {
+                    dispatch({
+                      type: TOGGLE,
+                      key: i
+                    });
+                  },
+                  children: label
+                })
+              }, y);
+            }
+            return _jsxs("td", {
+              children: [" ", valueObj[key], " "]
+            }, y);
+          })
+        }, i);
+      })
+    })]
+  }));
 };
 export default DataTable;

package/divider/Divider.js

@@ -1,12 +1,17 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 import _styled from "@emotion/styled/base";
 var _excluded = ["light", "indent", "margins"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) { o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } } return t; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React from 'react';
 import { css } from '@emotion/react';
 import { theme } from '@dfds-ui/theme';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 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.
@@ -31,7 +36,7 @@ export var Divider = function Divider(_ref) {
     indent = _ref.indent,
     margins = _ref.margins,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return ___EmotionJSX(StyledDivider, _extends({
+  return _jsx(StyledDivider, _objectSpread({
     light: light,
     indent: indent,
     margins: margins,

package/drawer/Drawer.d.ts

@@ -26,6 +26,7 @@ export type DrawerProps = {
      */
     className?: string;
     children?: React.ReactNode;
+    ref?: React.Ref<HTMLDivElement>;
 };
-export declare const Drawer: React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Drawer: ({ className, children, position, verticalPosition, showArrow, elevation, ...rest }: DrawerProps) => React.JSX.Element;
 export default Drawer;

package/drawer/Drawer.js

@@ -1,12 +1,17 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["className", "children", "position", "verticalPosition", "showArrow", "elevation"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) { o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } } return t; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 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";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 var getArrowPlacement = function getArrowPlacement(vertical, horizontal) {
   return "".concat(vertical ? vertical : 'top', "-").concat(horizontal ? horizontal : 'left');
 };
@@ -15,9 +20,9 @@ var drawerStyles = function drawerStyles(_ref) {
     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/OiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3QgZ2V0QXJyb3dQbGFjZW1lbnQgPSAodmVydGljYWw6IFZlcnRpY2FsUG9zaXRpb24sIGhvcml6b250YWw6IEhvcml6b250YWxQb3NpdGlvbik6IEFycm93UG9zaXRpb24gPT4ge1xuICByZXR1cm4gYCR7dmVydGljYWwgPyB2ZXJ0aWNhbCA6ICd0b3AnfS0ke2hvcml6b250YWwgPyBob3Jpem9udGFsIDogJ2xlZnQnfWBcbn1cblxuY29uc3QgZHJhd2VyU3R5bGVzID0gKHtcbiAgcG9zaXRpb24sXG4gIHZlcnRpY2FsUG9zaXRpb24sXG4gIHNob3dBcnJvdyxcbiAgZWxldmF0aW9uLFxufToge1xuICBwb3NpdGlvbjogSG9yaXpvbnRhbFBvc2l0aW9uXG4gIHZlcnRpY2FsUG9zaXRpb246IFZlcnRpY2FsUG9zaXRpb25cbiAgc2hvd0Fycm93OiBib29sZWFuXG4gIGVsZXZhdGlvbjogRWxldmF0aW9uXG59KSA9PiBjc3NgXG4gIHotaW5kZXg6IDE7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgaGVpZ2h0OiBhdXRvO1xuICBtaW4taGVpZ2h0OiA1MHB4O1xuICBsZWZ0OiAke3Bvc2l0aW9uID09PSAnbGVmdCcgJiYgMH07XG4gIHJpZ2h0OiAke3Bvc2l0aW9uID09PSAncmlnaHQnICYmIDB9O1xuICBtaW4td2lkdGg6IDExMnB4O1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uW2VsZXZhdGlvbl19O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICBkaXNwbGF5OiBncmlkO1xuICBjdXJzb3I6IGRlZmF1bHQ7XG4gICR7IXNob3dBcnJvdyA/ICcnIDogYXJyb3coMTAsIHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnksIDIwLCBnZXRBcnJvd1BsYWNlbWVudCh2ZXJ0aWNhbFBvc2l0aW9uLCBwb3NpdGlvbikpfVxuYFxuXG5leHBvcnQgY29uc3QgRHJhd2VyID0gUmVhY3QuZm9yd2FyZFJlZjxIVE1MRGl2RWxlbWVudCwgRHJhd2VyUHJvcHM+KFxuICAoXG4gICAgeyBjbGFzc05hbWUsIGNoaWxkcmVuLCBwb3NpdGlvbiA9ICdsZWZ0JywgdmVydGljYWxQb3NpdGlvbiA9ICdib3R0b20nLCBzaG93QXJyb3cgPSB0cnVlLCBlbGV2YXRpb24gPSAnNCcsIC4uLnJlc3QgfSxcbiAgICByZWZcbiAgKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgIGNzcz17ZHJhd2VyU3R5bGVzKHsgcG9zaXRpb24sIHZlcnRpY2FsUG9zaXRpb24sIHNob3dBcnJvdywgZWxldmF0aW9uIH0pfVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgey4uLnJlc3R9XG4gICAgICA+XG4gICAgICAgIDxkaXY+e2NoaWxkcmVufTwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgKVxuICB9XG4pXG5cbmV4cG9ydCBkZWZhdWx0IERyYXdlclxuIl19 */");
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9kcmF3ZXIvRHJhd2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRFMiLCJmaWxlIjoiLi4vLi4vc3JjL2RyYXdlci9EcmF3ZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IGFycm93LCB7IEFycm93UG9zaXRpb24gfSBmcm9tICcuLi9jb21tb24vYXJyb3cnXG5cbnR5cGUgSG9yaXpvbnRhbFBvc2l0aW9uID0gJ2xlZnQnIHwgJ3JpZ2h0J1xudHlwZSBWZXJ0aWNhbFBvc2l0aW9uID0gJ3RvcCcgfCAnYm90dG9tJ1xudHlwZSBFbGV2YXRpb24gPSBrZXlvZiB0eXBlb2YgdGhlbWUuZWxldmF0aW9uXG5cbmV4cG9ydCB0eXBlIERyYXdlclByb3BzID0ge1xuICAvKipcbiAgICogSG9yaXpvbnRhbCBwb3NpdGlvbiBvZiB0aGUgZHJhd2VyXG4gICAqL1xuICBwb3NpdGlvbj86IEhvcml6b250YWxQb3NpdGlvblxuXG4gIC8qKlxuICAgKiBTaG93IGFycm93IHRvIHZpc3VhbGx5IGluZGljYXRlIHRoZSByZWxhdGlvbiB0byBhIGNvbm5lY3RlZCBjb21wb25lbnRcbiAgICovXG4gIHNob3dBcnJvdz86IGJvb2xlYW5cbiAgLyoqXG4gICAqICBTZXQgdGhlIGBlbGV2YXRpb25gIGZvciB0aGUgRHJhd2VyLlxuICAgKi9cbiAgZWxldmF0aW9uPzogRWxldmF0aW9uXG5cbiAgLyoqXG4gICAqIFZlcnRpY2FsIHBvc2l0aW9uIG9mIHRoZSBkcmF3ZXIgaW4gcmVsYXRpb24gdG8gYSBjb25uZWN0ZWQgY29tcG9uZW50LlxuICAgKiBXaWxsIG9ubHkgYmUgdXNlZCBmb3IgcGxhY2luZyB0aGUgYXJyb3cgb24gZWl0aGVyIHRoZSBgdG9wYCBvciBgYm90dG9tYFxuICAgKi9cbiAgdmVydGljYWxQb3NpdGlvbj86IFZlcnRpY2FsUG9zaXRpb25cblxuICAvKipcbiAgICogQ2xhc3MgbmFtZSB0byBiZSBhc3NpZ25lZCB0byB0aGUgY29tcG9uZW50XG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbiAgcmVmPzogUmVhY3QuUmVmPEhUTUxEaXZFbGVtZW50PlxufVxuXG5jb25zdCBnZXRBcnJvd1BsYWNlbWVudCA9ICh2ZXJ0aWNhbDogVmVydGljYWxQb3NpdGlvbiwgaG9yaXpvbnRhbDogSG9yaXpvbnRhbFBvc2l0aW9uKTogQXJyb3dQb3NpdGlvbiA9PiB7XG4gIHJldHVybiBgJHt2ZXJ0aWNhbCA/IHZlcnRpY2FsIDogJ3RvcCd9LSR7aG9yaXpvbnRhbCA/IGhvcml6b250YWwgOiAnbGVmdCd9YFxufVxuXG5jb25zdCBkcmF3ZXJTdHlsZXMgPSAoe1xuICBwb3NpdGlvbixcbiAgdmVydGljYWxQb3NpdGlvbixcbiAgc2hvd0Fycm93LFxuICBlbGV2YXRpb24sXG59OiB7XG4gIHBvc2l0aW9uOiBIb3Jpem9udGFsUG9zaXRpb25cbiAgdmVydGljYWxQb3NpdGlvbjogVmVydGljYWxQb3NpdGlvblxuICBzaG93QXJyb3c6IGJvb2xlYW5cbiAgZWxldmF0aW9uOiBFbGV2YXRpb25cbn0pID0+IGNzc2BcbiAgei1pbmRleDogMTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBoZWlnaHQ6IGF1dG87XG4gIG1pbi1oZWlnaHQ6IDUwcHg7XG4gIGxlZnQ6ICR7cG9zaXRpb24gPT09ICdsZWZ0JyAmJiAwfTtcbiAgcmlnaHQ6ICR7cG9zaXRpb24gPT09ICdyaWdodCcgJiYgMH07XG4gIG1pbi13aWR0aDogMTEycHg7XG4gIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgYm94LXNoYWRvdzogJHt0aGVtZS5lbGV2YXRpb25bZWxldmF0aW9uXX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGN1cnNvcjogZGVmYXVsdDtcbiAgJHshc2hvd0Fycm93ID8gJycgOiBhcnJvdygxMCwgdGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeSwgMjAsIGdldEFycm93UGxhY2VtZW50KHZlcnRpY2FsUG9zaXRpb24sIHBvc2l0aW9uKSl9XG5gXG5cbmV4cG9ydCBjb25zdCBEcmF3ZXIgPSAoe1xuICBjbGFzc05hbWUsXG4gIGNoaWxkcmVuLFxuICBwb3NpdGlvbiA9ICdsZWZ0JyxcbiAgdmVydGljYWxQb3NpdGlvbiA9ICdib3R0b20nLFxuICBzaG93QXJyb3cgPSB0cnVlLFxuICBlbGV2YXRpb24gPSAnNCcsXG4gIC4uLnJlc3Rcbn06IERyYXdlclByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzTmFtZX0gY3NzPXtkcmF3ZXJTdHlsZXMoeyBwb3NpdGlvbiwgdmVydGljYWxQb3NpdGlvbiwgc2hvd0Fycm93LCBlbGV2YXRpb24gfSl9IHsuLi5yZXN0fT5cbiAgICAgIDxkaXY+e2NoaWxkcmVufTwvZGl2PlxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IERyYXdlclxuIl19 */");
 };
-export var Drawer = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
+export var Drawer = function Drawer(_ref2) {
   var className = _ref2.className,
     children = _ref2.children,
     _ref2$position = _ref2.position,
@@ -29,15 +34,18 @@ export var Drawer = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
     _ref2$elevation = _ref2.elevation,
     elevation = _ref2$elevation === void 0 ? '4' : _ref2$elevation,
     rest = _objectWithoutProperties(_ref2, _excluded);
-  return ___EmotionJSX("div", _extends({
+  return _jsx("div", _objectSpread(_objectSpread({
     className: className,
     css: drawerStyles({
       position: position,
       verticalPosition: verticalPosition,
       showArrow: showArrow,
       elevation: elevation
-    }),
-    ref: ref
-  }, rest), ___EmotionJSX("div", null, children));
-});
+    })
+  }, rest), {}, {
+    children: _jsx("div", {
+      children: children
+    })
+  }));
+};
 export default Drawer;

package/dropdown-menu/Dropdown.d.ts

@@ -39,7 +39,7 @@ export type DropdownProps = {
      */
     id?: string;
     onClickAway?: () => void;
-    children: ReactElement[];
+    children: ReactElement<any>[];
     filter?: boolean;
 };
 declare const DropdownMenu: ({ isOpen, multiselect, children, anchorEl, onClickAway, size, id, className, placement, setIsOpen, shouldCloseOnEsc, filter, ...rest }: DropdownProps) => React.JSX.Element;

package/dropdown-menu/Dropdown.js

@@ -1,41 +1,43 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["isOpen", "multiselect", "children", "anchorEl", "onClickAway", "size", "id", "className", "placement", "setIsOpen", "shouldCloseOnEsc", "filter"];
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) { n[e] = r[e]; } return n; }
-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 _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+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(r) { if (Array.isArray(r)) return r; }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) { o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } } return t; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 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';
 import { Drawer } from '../drawer';
 import { DropdownContextProvider } from './DropdownContext';
-import { Popper } from '@mui/material';
-import { ClickAwayListener } from '@mui/base';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { Popper, ClickAwayListener } from '@mui/material';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 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= */");
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9kcm9wZG93bi1tZW51L0Ryb3Bkb3duLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRG9EIiwiZmlsZSI6Ii4uLy4uL3NyYy9kcm9wZG93bi1tZW51L0Ryb3Bkb3duLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdEVsZW1lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IERyYXdlciB9IGZyb20gJy4uL2RyYXdlcidcbmltcG9ydCB7IERyb3Bkb3duQ29udGV4dFByb3ZpZGVyIH0gZnJvbSAnLi9Ecm9wZG93bkNvbnRleHQnXG5pbXBvcnQgeyBQb3BwZXIsIFBvcHBlclByb3BzLCBQb3BwZXJQbGFjZW1lbnRUeXBlLCBDbGlja0F3YXlMaXN0ZW5lciB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwnXG5cbmV4cG9ydCB0eXBlIERyb3Bkb3duU2l6ZSA9ICdtZWRpdW0nIHwgJ3NtYWxsJ1xuXG5leHBvcnQgdHlwZSBEcm9wZG93blByb3BzID0ge1xuICAvKipcbiAgICogUGxhY2VtZW50IGZvciB0aGUgYERyb3Bkb3duYC5cbiAgICovXG4gIHBsYWNlbWVudD86IFBvcHBlclBsYWNlbWVudFR5cGVcbiAgLyoqXG4gICAqIEhUTUwgZWxlbWVudCB0aGF0IHRoZSBgRHJvcGRvd25gIHdpbGwgYmUgYW5jaG9yIHRvLlxuICAgKi9cbiAgYW5jaG9yRWw/OiBQb3BwZXJQcm9wc1snYW5jaG9yRWwnXVxuICAvKipcbiAgICogSWYgc2V0IHRvIGB0cnVlYCwgdGhlIGBEcm9wZG93bmAgaXMgc2hvd24uXG4gICAqL1xuICBpc09wZW46IGJvb2xlYW5cbiAgLyoqXG4gICAqIFNldCB0aGUgc3RhdGUgb2YgdGhlIGBEcm9wZG93bmAuXG4gICAqL1xuICBzZXRJc09wZW46IFJlYWN0LkRpc3BhdGNoPFJlYWN0LlNldFN0YXRlQWN0aW9uPGJvb2xlYW4+PlxuICAvKipcbiAgICogU3BlY2lmeSB0aGUgc2l6ZSBvZiB0aGUgYERyb3Bkb3duYC5cbiAgICovXG4gIHNpemU/OiBEcm9wZG93blNpemVcbiAgLyoqXG4gICAqIENsb3NlIHRoZSBgRHJvcGRvd25gIG9uIGBlc2NgIGtleS5cbiAgICovXG4gIHNob3VsZENsb3NlT25Fc2M/OiBib29sZWFuXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gY29tcG9uZW50LlxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIC8qKlxuICAgKiBTZWxlY3QgbXVsdGlwbGUgY2hpbGRyZW4gZnJvbSB0aGUgYERyb3Bkb3duYC5cbiAgICovXG4gIG11bHRpc2VsZWN0PzogYm9vbGVhblxuICAvKipcbiAgICogQWRkIGFuIGBpZGAgdG8gdGhlIGBEcm9wZG93bmAuXG4gICAqL1xuICBpZD86IHN0cmluZ1xuICBvbkNsaWNrQXdheT86ICgpID0+IHZvaWRcbiAgY2hpbGRyZW46IFJlYWN0RWxlbWVudDxhbnk+W11cbiAgZmlsdGVyPzogYm9vbGVhblxufVxuXG5jb25zdCBnZXREcmF3ZXJTdHlsZXMgPSAoc2l6ZT86IERyb3Bkb3duU2l6ZSkgPT4gY3NzYFxuICBib3gtc2hhZG93OiAke3RoZW1lLmVsZXZhdGlvblsnNCddfTtcbiAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLnh4c30gMDtcbiAgbWF4LWhlaWdodDogNDE4cHg7XG4gIG1pbi13aWR0aDogJHtzaXplID09PSAnc21hbGwnID8gJzEyNHB4JyA6ICcxNTdweCd9O1xuICBtYXgtd2lkdGg6IDI4OHB4O1xuICB3aWR0aDogbWF4LWNvbnRlbnQ7XG5gXG5cbmNvbnN0IFNjcm9sbGFibGVEaXYgPSAocHJvcHM6IGFueSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHRhYkluZGV4PXswfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIG1heC1oZWlnaHQ6IDQxMHB4O1xuICAgICAgICBvdmVyZmxvdzogYXV0bztcbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKVxufVxuXG5jb25zdCBEcm9wZG93bk1lbnUgPSAoe1xuICBpc09wZW4gPSBmYWxzZSxcbiAgbXVsdGlzZWxlY3QsXG4gIGNoaWxkcmVuLFxuICBhbmNob3JFbCxcbiAgb25DbGlja0F3YXksXG4gIHNpemUgPSAnbWVkaXVtJyxcbiAgaWQsXG4gIGNsYXNzTmFtZSxcbiAgcGxhY2VtZW50LFxuICBzZXRJc09wZW4sXG4gIHNob3VsZENsb3NlT25Fc2MsXG4gIGZpbHRlcixcbiAgLi4ucmVzdFxufTogRHJvcGRvd25Qcm9wcykgPT4ge1xuICBjb25zdCBbZmlsdGVyZWQsIHNldEZpbHRlcmVkXSA9IFJlYWN0LnVzZVN0YXRlPHN0cmluZz4oJycpXG4gIGNvbnN0IGNvbnRhaW5lclJlZiA9IFJlYWN0LnVzZVJlZjxIVE1MRGl2RWxlbWVudD4odW5kZWZpbmVkKVxuICBjb25zdCBmaXJzdENoaWxkUmVmID0gUmVhY3QudXNlUmVmPGFueT4odW5kZWZpbmVkKVxuICBjb25zdCBjdXJyZW50Rm9jdXMgPSBSZWFjdC51c2VSZWY8YW55Pih1bmRlZmluZWQpXG4gIGNvbnN0IHNldENvbnRhaW5lclJlZiA9IFJlYWN0LnVzZUNhbGxiYWNrKChub2RlOiBIVE1MRGl2RWxlbWVudCkgPT4ge1xuICAgIGlmIChub2RlKSB7XG4gICAgICBjb250YWluZXJSZWYuY3VycmVudCA9IG5vZGVcbiAgICAgIGZpcnN0Q2hpbGRSZWYuY3VycmVudCA9IGNvbnRhaW5lclJlZi5jdXJyZW50Py5maXJzdENoaWxkXG4gICAgICBjdXJyZW50Rm9jdXMuY3VycmVudCA9IGZpcnN0Q2hpbGRSZWYuY3VycmVudFxuICAgICAgY3VycmVudEZvY3VzLmN1cnJlbnQuZm9jdXMoKVxuICAgIH0gZWxzZSB7XG4gICAgICBjb250YWluZXJSZWYuY3VycmVudCA9IHVuZGVmaW5lZFxuICAgIH1cbiAgfSwgW10pXG5cbiAgY29uc3QgaGFuZGxlQ2hhckRvd24gPSAoZXZlbnQ6IFJlYWN0LktleWJvYXJkRXZlbnQ8RWxlbWVudD4pID0+IHtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKVxuICAgIGNvbnN0IGV2ZW50S2V5ID0gZXZlbnQua2V5XG5cbiAgICBpZiAoWydBcnJvd1VwJywgJ0Fycm93RG93biddLmluY2x1ZGVzKGV2ZW50S2V5KSkge1xuICAgICAgcmV0dXJuIGhhbmRsZUFycm93c1VwRG93bihldmVudClcbiAgICB9XG5cbiAgICBpZiAoIWZpbHRlcikgcmV0dXJuXG5cbiAgICBjb25zdCByZ3ggPSAvW2EtekEtWjAtOV0vZ1xuICAgIGNvbnN0IHRlc3QgPSByZ3gudGVzdChldmVudEtleSlcbiAgICBpZiAodGVzdCAmJiBldmVudEtleS5sZW5ndGggPT09IDEpIHtcbiAgICAgIHNldEZpbHRlcmVkKChwcmV2U3RhdGUpID0+IHByZXZTdGF0ZSArIGV2ZW50S2V5LnRvVXBwZXJDYXNlKCkpXG4gICAgfVxuICB9XG5cbiAgY29uc3QgaGFuZGxlQXJyb3dzVXBEb3duID0gKGV2ZW50OiBSZWFjdC5LZXlib2FyZEV2ZW50PEVsZW1lbnQ+KSA9PiB7XG4gICAgaWYgKGV2ZW50LmtleSA9PT0gJ0Fycm93VXAnKSB7XG4gICAgICBjb25zdCBwcmV2ID0gY3VycmVudEZvY3VzLmN1cnJlbnQucHJldmlvdXNTaWJsaW5nXG4gICAgICBpZiAocHJldikge1xuICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICAgIGN1cnJlbnRGb2N1cy5jdXJyZW50ID0gcHJldlxuICAgICAgICBwcmV2LmZvY3VzKClcbiAgICAgIH1cbiAgICB9IGVsc2UgaWYgKGV2ZW50LmtleSA9PT0gJ0Fycm93RG93bicpIHtcbiAgICAgIGNvbnN0IG5leHQgPSBjdXJyZW50Rm9jdXMuY3VycmVudC5uZXh0U2libGluZ1xuICAgICAgaWYgKG5leHQpIHtcbiAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgICAgICBjdXJyZW50Rm9jdXMuY3VycmVudCA9IG5leHRcbiAgICAgICAgbmV4dC5mb2N1cygpXG4gICAgICB9XG4gICAgfSBlbHNlIGlmIChldmVudC5rZXkgPT09ICdFc2NhcGUnICYmIHNob3VsZENsb3NlT25Fc2MpIHtcbiAgICAgIGlmIChpc09wZW4pIHtcbiAgICAgICAgc2V0SXNPcGVuKGZhbHNlKVxuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIGNvbnN0IGZpbHRlckNoaWxkcmVuID0gKHBhcmFtOiB0eXBlb2YgY2hpbGRyZW4pID0+IHtcbiAgICBpZiAoZmlsdGVyZWQubGVuZ3RoID49IDEpIHtcbiAgICAgIHJldHVybiBwYXJhbS5maWx0ZXIoKHgpID0+IHgucHJvcHMuY2hpbGRyZW4udG9VcHBlckNhc2UoKS5pbmNsdWRlcyhmaWx0ZXJlZCkpXG4gICAgfVxuICAgIHJldHVybiBwYXJhbVxuICB9XG5cbiAgUmVhY3QudXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIWlzT3Blbikge1xuICAgICAgc2V0RmlsdGVyZWQoJycpXG4gICAgfVxuICB9LCBbaXNPcGVuXSlcblxuICByZXR1cm4gKFxuICAgIDxQb3BwZXJcbiAgICAgIG9wZW49e2lzT3Blbn1cbiAgICAgIGFuY2hvckVsPXthbmNob3JFbH1cbiAgICAgIGlkPXtpZH1cbiAgICAgIHBsYWNlbWVudD17cGxhY2VtZW50fVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHotaW5kZXg6ICR7dGhlbWUuekluZGV4Lm1vZGFsfTtcbiAgICAgIGB9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICA8Q2xpY2tBd2F5TGlzdGVuZXJcbiAgICAgICAgb25DbGlja0F3YXk9eygpID0+IHtcbiAgICAgICAgICBvbkNsaWNrQXdheSAmJiBvbkNsaWNrQXdheSgpXG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxEcmF3ZXIgY3NzPXtnZXREcmF3ZXJTdHlsZXMoc2l6ZSl9IHNob3dBcnJvdz17ZmFsc2V9IGNsYXNzTmFtZT17Y2xhc3NOYW1lfSB7Li4ucmVzdH0+XG4gICAgICAgICAgPERyb3Bkb3duQ29udGV4dFByb3ZpZGVyIHZhbHVlPXt7IHNpemUsIG11bHRpc2VsZWN0IH19PlxuICAgICAgICAgICAgPFNjcm9sbGFibGVEaXYgcmVmPXtzZXRDb250YWluZXJSZWZ9IG9uS2V5RG93bj17aGFuZGxlQ2hhckRvd259PlxuICAgICAgICAgICAgICB7ZmlsdGVyID8gZmlsdGVyQ2hpbGRyZW4oY2hpbGRyZW4pIDogY2hpbGRyZW59XG4gICAgICAgICAgICA8L1Njcm9sbGFibGVEaXY+XG4gICAgICAgICAgPC9Ecm9wZG93bkNvbnRleHRQcm92aWRlcj5cbiAgICAgICAgPC9EcmF3ZXI+XG4gICAgICA8L0NsaWNrQXdheUxpc3RlbmVyPlxuICAgIDwvUG9wcGVyPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IERyb3Bkb3duTWVudVxuIl19 */");
 };
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "dnempo",
   styles: "max-height:410px;overflow:auto"
 } : {
   name: "1wvz7bn-ScrollableDiv",
-  styles: "max-height:410px;overflow:auto;label:ScrollableDiv;/*# 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== */",
+  styles: "max-height:410px;overflow:auto;label:ScrollableDiv;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9kcm9wZG93bi1tZW51L0Ryb3Bkb3duLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRWMiLCJmaWxlIjoiLi4vLi4vc3JjL2Ryb3Bkb3duLW1lbnUvRHJvcGRvd24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0RWxlbWVudCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRHJhd2VyIH0gZnJvbSAnLi4vZHJhd2VyJ1xuaW1wb3J0IHsgRHJvcGRvd25Db250ZXh0UHJvdmlkZXIgfSBmcm9tICcuL0Ryb3Bkb3duQ29udGV4dCdcbmltcG9ydCB7IFBvcHBlciwgUG9wcGVyUHJvcHMsIFBvcHBlclBsYWNlbWVudFR5cGUsIENsaWNrQXdheUxpc3RlbmVyIH0gZnJvbSAnQG11aS9tYXRlcmlhbCdcblxuZXhwb3J0IHR5cGUgRHJvcGRvd25TaXplID0gJ21lZGl1bScgfCAnc21hbGwnXG5cbmV4cG9ydCB0eXBlIERyb3Bkb3duUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBQbGFjZW1lbnQgZm9yIHRoZSBgRHJvcGRvd25gLlxuICAgKi9cbiAgcGxhY2VtZW50PzogUG9wcGVyUGxhY2VtZW50VHlwZVxuICAvKipcbiAgICogSFRNTCBlbGVtZW50IHRoYXQgdGhlIGBEcm9wZG93bmAgd2lsbCBiZSBhbmNob3IgdG8uXG4gICAqL1xuICBhbmNob3JFbD86IFBvcHBlclByb3BzWydhbmNob3JFbCddXG4gIC8qKlxuICAgKiBJZiBzZXQgdG8gYHRydWVgLCB0aGUgYERyb3Bkb3duYCBpcyBzaG93bi5cbiAgICovXG4gIGlzT3BlbjogYm9vbGVhblxuICAvKipcbiAgICogU2V0IHRoZSBzdGF0ZSBvZiB0aGUgYERyb3Bkb3duYC5cbiAgICovXG4gIHNldElzT3BlbjogUmVhY3QuRGlzcGF0Y2g8UmVhY3QuU2V0U3RhdGVBY3Rpb248Ym9vbGVhbj4+XG4gIC8qKlxuICAgKiBTcGVjaWZ5IHRoZSBzaXplIG9mIHRoZSBgRHJvcGRvd25gLlxuICAgKi9cbiAgc2l6ZT86IERyb3Bkb3duU2l6ZVxuICAvKipcbiAgICogQ2xvc2UgdGhlIGBEcm9wZG93bmAgb24gYGVzY2Aga2V5LlxuICAgKi9cbiAgc2hvdWxkQ2xvc2VPbkVzYz86IGJvb2xlYW5cbiAgLyoqXG4gICAqIGNsYXNzTmFtZSB0byBiZSBhc3NpZ25lZCB0byBjb21wb25lbnQuXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgLyoqXG4gICAqIFNlbGVjdCBtdWx0aXBsZSBjaGlsZHJlbiBmcm9tIHRoZSBgRHJvcGRvd25gLlxuICAgKi9cbiAgbXVsdGlzZWxlY3Q/OiBib29sZWFuXG4gIC8qKlxuICAgKiBBZGQgYW4gYGlkYCB0byB0aGUgYERyb3Bkb3duYC5cbiAgICovXG4gIGlkPzogc3RyaW5nXG4gIG9uQ2xpY2tBd2F5PzogKCkgPT4gdm9pZFxuICBjaGlsZHJlbjogUmVhY3RFbGVtZW50PGFueT5bXVxuICBmaWx0ZXI/OiBib29sZWFuXG59XG5cbmNvbnN0IGdldERyYXdlclN0eWxlcyA9IChzaXplPzogRHJvcGRvd25TaXplKSA9PiBjc3NgXG4gIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWyc0J119O1xuICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcueHhzfSAwO1xuICBtYXgtaGVpZ2h0OiA0MThweDtcbiAgbWluLXdpZHRoOiAke3NpemUgPT09ICdzbWFsbCcgPyAnMTI0cHgnIDogJzE1N3B4J307XG4gIG1heC13aWR0aDogMjg4cHg7XG4gIHdpZHRoOiBtYXgtY29udGVudDtcbmBcblxuY29uc3QgU2Nyb2xsYWJsZURpdiA9IChwcm9wczogYW55KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgdGFiSW5kZXg9ezB9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgbWF4LWhlaWdodDogNDEwcHg7XG4gICAgICAgIG92ZXJmbG93OiBhdXRvO1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApXG59XG5cbmNvbnN0IERyb3Bkb3duTWVudSA9ICh7XG4gIGlzT3BlbiA9IGZhbHNlLFxuICBtdWx0aXNlbGVjdCxcbiAgY2hpbGRyZW4sXG4gIGFuY2hvckVsLFxuICBvbkNsaWNrQXdheSxcbiAgc2l6ZSA9ICdtZWRpdW0nLFxuICBpZCxcbiAgY2xhc3NOYW1lLFxuICBwbGFjZW1lbnQsXG4gIHNldElzT3BlbixcbiAgc2hvdWxkQ2xvc2VPbkVzYyxcbiAgZmlsdGVyLFxuICAuLi5yZXN0XG59OiBEcm9wZG93blByb3BzKSA9PiB7XG4gIGNvbnN0IFtmaWx0ZXJlZCwgc2V0RmlsdGVyZWRdID0gUmVhY3QudXNlU3RhdGU8c3RyaW5nPignJylcbiAgY29uc3QgY29udGFpbmVyUmVmID0gUmVhY3QudXNlUmVmPEhUTUxEaXZFbGVtZW50Pih1bmRlZmluZWQpXG4gIGNvbnN0IGZpcnN0Q2hpbGRSZWYgPSBSZWFjdC51c2VSZWY8YW55Pih1bmRlZmluZWQpXG4gIGNvbnN0IGN1cnJlbnRGb2N1cyA9IFJlYWN0LnVzZVJlZjxhbnk+KHVuZGVmaW5lZClcbiAgY29uc3Qgc2V0Q29udGFpbmVyUmVmID0gUmVhY3QudXNlQ2FsbGJhY2soKG5vZGU6IEhUTUxEaXZFbGVtZW50KSA9PiB7XG4gICAgaWYgKG5vZGUpIHtcbiAgICAgIGNvbnRhaW5lclJlZi5jdXJyZW50ID0gbm9kZVxuICAgICAgZmlyc3RDaGlsZFJlZi5jdXJyZW50ID0gY29udGFpbmVyUmVmLmN1cnJlbnQ/LmZpcnN0Q2hpbGRcbiAgICAgIGN1cnJlbnRGb2N1cy5jdXJyZW50ID0gZmlyc3RDaGlsZFJlZi5jdXJyZW50XG4gICAgICBjdXJyZW50Rm9jdXMuY3VycmVudC5mb2N1cygpXG4gICAgfSBlbHNlIHtcbiAgICAgIGNvbnRhaW5lclJlZi5jdXJyZW50ID0gdW5kZWZpbmVkXG4gICAgfVxuICB9LCBbXSlcblxuICBjb25zdCBoYW5kbGVDaGFyRG93biA9IChldmVudDogUmVhY3QuS2V5Ym9hcmRFdmVudDxFbGVtZW50PikgPT4ge1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXG4gICAgY29uc3QgZXZlbnRLZXkgPSBldmVudC5rZXlcblxuICAgIGlmIChbJ0Fycm93VXAnLCAnQXJyb3dEb3duJ10uaW5jbHVkZXMoZXZlbnRLZXkpKSB7XG4gICAgICByZXR1cm4gaGFuZGxlQXJyb3dzVXBEb3duKGV2ZW50KVxuICAgIH1cblxuICAgIGlmICghZmlsdGVyKSByZXR1cm5cblxuICAgIGNvbnN0IHJneCA9IC9bYS16QS1aMC05XS9nXG4gICAgY29uc3QgdGVzdCA9IHJneC50ZXN0KGV2ZW50S2V5KVxuICAgIGlmICh0ZXN0ICYmIGV2ZW50S2V5Lmxlbmd0aCA9PT0gMSkge1xuICAgICAgc2V0RmlsdGVyZWQoKHByZXZTdGF0ZSkgPT4gcHJldlN0YXRlICsgZXZlbnRLZXkudG9VcHBlckNhc2UoKSlcbiAgICB9XG4gIH1cblxuICBjb25zdCBoYW5kbGVBcnJvd3NVcERvd24gPSAoZXZlbnQ6IFJlYWN0LktleWJvYXJkRXZlbnQ8RWxlbWVudD4pID0+IHtcbiAgICBpZiAoZXZlbnQua2V5ID09PSAnQXJyb3dVcCcpIHtcbiAgICAgIGNvbnN0IHByZXYgPSBjdXJyZW50Rm9jdXMuY3VycmVudC5wcmV2aW91c1NpYmxpbmdcbiAgICAgIGlmIChwcmV2KSB7XG4gICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgY3VycmVudEZvY3VzLmN1cnJlbnQgPSBwcmV2XG4gICAgICAgIHByZXYuZm9jdXMoKVxuICAgICAgfVxuICAgIH0gZWxzZSBpZiAoZXZlbnQua2V5ID09PSAnQXJyb3dEb3duJykge1xuICAgICAgY29uc3QgbmV4dCA9IGN1cnJlbnRGb2N1cy5jdXJyZW50Lm5leHRTaWJsaW5nXG4gICAgICBpZiAobmV4dCkge1xuICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICAgIGN1cnJlbnRGb2N1cy5jdXJyZW50ID0gbmV4dFxuICAgICAgICBuZXh0LmZvY3VzKClcbiAgICAgIH1cbiAgICB9IGVsc2UgaWYgKGV2ZW50LmtleSA9PT0gJ0VzY2FwZScgJiYgc2hvdWxkQ2xvc2VPbkVzYykge1xuICAgICAgaWYgKGlzT3Blbikge1xuICAgICAgICBzZXRJc09wZW4oZmFsc2UpXG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgY29uc3QgZmlsdGVyQ2hpbGRyZW4gPSAocGFyYW06IHR5cGVvZiBjaGlsZHJlbikgPT4ge1xuICAgIGlmIChmaWx0ZXJlZC5sZW5ndGggPj0gMSkge1xuICAgICAgcmV0dXJuIHBhcmFtLmZpbHRlcigoeCkgPT4geC5wcm9wcy5jaGlsZHJlbi50b1VwcGVyQ2FzZSgpLmluY2x1ZGVzKGZpbHRlcmVkKSlcbiAgICB9XG4gICAgcmV0dXJuIHBhcmFtXG4gIH1cblxuICBSZWFjdC51c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghaXNPcGVuKSB7XG4gICAgICBzZXRGaWx0ZXJlZCgnJylcbiAgICB9XG4gIH0sIFtpc09wZW5dKVxuXG4gIHJldHVybiAoXG4gICAgPFBvcHBlclxuICAgICAgb3Blbj17aXNPcGVufVxuICAgICAgYW5jaG9yRWw9e2FuY2hvckVsfVxuICAgICAgaWQ9e2lkfVxuICAgICAgcGxhY2VtZW50PXtwbGFjZW1lbnR9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgei1pbmRleDogJHt0aGVtZS56SW5kZXgubW9kYWx9O1xuICAgICAgYH1cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIDxDbGlja0F3YXlMaXN0ZW5lclxuICAgICAgICBvbkNsaWNrQXdheT17KCkgPT4ge1xuICAgICAgICAgIG9uQ2xpY2tBd2F5ICYmIG9uQ2xpY2tBd2F5KClcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPERyYXdlciBjc3M9e2dldERyYXdlclN0eWxlcyhzaXplKX0gc2hvd0Fycm93PXtmYWxzZX0gY2xhc3NOYW1lPXtjbGFzc05hbWV9IHsuLi5yZXN0fT5cbiAgICAgICAgICA8RHJvcGRvd25Db250ZXh0UHJvdmlkZXIgdmFsdWU9e3sgc2l6ZSwgbXVsdGlzZWxlY3QgfX0+XG4gICAgICAgICAgICA8U2Nyb2xsYWJsZURpdiByZWY9e3NldENvbnRhaW5lclJlZn0gb25LZXlEb3duPXtoYW5kbGVDaGFyRG93bn0+XG4gICAgICAgICAgICAgIHtmaWx0ZXIgPyBmaWx0ZXJDaGlsZHJlbihjaGlsZHJlbikgOiBjaGlsZHJlbn1cbiAgICAgICAgICAgIDwvU2Nyb2xsYWJsZURpdj5cbiAgICAgICAgICA8L0Ryb3Bkb3duQ29udGV4dFByb3ZpZGVyPlxuICAgICAgICA8L0RyYXdlcj5cbiAgICAgIDwvQ2xpY2tBd2F5TGlzdGVuZXI+XG4gICAgPC9Qb3BwZXI+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgRHJvcGRvd25NZW51XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-var ScrollableDiv = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  return ___EmotionJSX("div", _extends({
+var ScrollableDiv = function ScrollableDiv(props) {
+  return _jsx("div", _objectSpread({
     tabIndex: 0,
     css: _ref
-  }, props, {
-    ref: ref
-  }));
-});
+  }, props));
+};
 var DropdownMenu = function DropdownMenu(_ref2) {
   var _ref2$isOpen = _ref2.isOpen,
     isOpen = _ref2$isOpen === void 0 ? false : _ref2$isOpen,
@@ -56,9 +58,9 @@ var DropdownMenu = function DropdownMenu(_ref2) {
     _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 containerRef = React.useRef(undefined);
+  var firstChildRef = React.useRef(undefined);
+  var currentFocus = React.useRef(undefined);
   var setContainerRef = React.useCallback(function (node) {
     if (node) {
       var _containerRef$current;
@@ -119,28 +121,35 @@ var DropdownMenu = function DropdownMenu(_ref2) {
       setFiltered('');
     }
   }, [isOpen]);
-  return ___EmotionJSX(Popper, _extends({
+  return _jsx(Popper, _objectSpread(_objectSpread({
     open: isOpen,
     anchorEl: anchorEl,
     id: id,
     placement: placement,
-    css: /*#__PURE__*/css("z-index:", theme.zIndex.modal, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:DropdownMenu;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9kcm9wZG93bi1tZW51L0Ryb3Bkb3duLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtS2MiLCJmaWxlIjoiLi4vLi4vc3JjL2Ryb3Bkb3duLW1lbnUvRHJvcGRvd24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0RWxlbWVudCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRHJhd2VyIH0gZnJvbSAnLi4vZHJhd2VyJ1xuaW1wb3J0IHsgRHJvcGRvd25Db250ZXh0UHJvdmlkZXIgfSBmcm9tICcuL0Ryb3Bkb3duQ29udGV4dCdcbmltcG9ydCB7IFBvcHBlciwgUG9wcGVyUHJvcHMsIFBvcHBlclBsYWNlbWVudFR5cGUgfSBmcm9tICdAbXVpL21hdGVyaWFsJ1xuaW1wb3J0IHsgQ2xpY2tBd2F5TGlzdGVuZXIgfSBmcm9tICdAbXVpL2Jhc2UnXG5cbmV4cG9ydCB0eXBlIERyb3Bkb3duU2l6ZSA9ICdtZWRpdW0nIHwgJ3NtYWxsJ1xuXG5leHBvcnQgdHlwZSBEcm9wZG93blByb3BzID0ge1xuICAvKipcbiAgICogUGxhY2VtZW50IGZvciB0aGUgYERyb3Bkb3duYC5cbiAgICovXG4gIHBsYWNlbWVudD86IFBvcHBlclBsYWNlbWVudFR5cGVcbiAgLyoqXG4gICAqIEhUTUwgZWxlbWVudCB0aGF0IHRoZSBgRHJvcGRvd25gIHdpbGwgYmUgYW5jaG9yIHRvLlxuICAgKi9cbiAgYW5jaG9yRWw/OiBQb3BwZXJQcm9wc1snYW5jaG9yRWwnXVxuICAvKipcbiAgICogSWYgc2V0IHRvIGB0cnVlYCwgdGhlIGBEcm9wZG93bmAgaXMgc2hvd24uXG4gICAqL1xuICBpc09wZW46IGJvb2xlYW5cbiAgLyoqXG4gICAqIFNldCB0aGUgc3RhdGUgb2YgdGhlIGBEcm9wZG93bmAuXG4gICAqL1xuICBzZXRJc09wZW46IFJlYWN0LkRpc3BhdGNoPFJlYWN0LlNldFN0YXRlQWN0aW9uPGJvb2xlYW4+PlxuICAvKipcbiAgICogU3BlY2lmeSB0aGUgc2l6ZSBvZiB0aGUgYERyb3Bkb3duYC5cbiAgICovXG4gIHNpemU/OiBEcm9wZG93blNpemVcbiAgLyoqXG4gICAqIENsb3NlIHRoZSBgRHJvcGRvd25gIG9uIGBlc2NgIGtleS5cbiAgICovXG4gIHNob3VsZENsb3NlT25Fc2M/OiBib29sZWFuXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gY29tcG9uZW50LlxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIC8qKlxuICAgKiBTZWxlY3QgbXVsdGlwbGUgY2hpbGRyZW4gZnJvbSB0aGUgYERyb3Bkb3duYC5cbiAgICovXG4gIG11bHRpc2VsZWN0PzogYm9vbGVhblxuICAvKipcbiAgICogQWRkIGFuIGBpZGAgdG8gdGhlIGBEcm9wZG93bmAuXG4gICAqL1xuICBpZD86IHN0cmluZ1xuICBvbkNsaWNrQXdheT86ICgpID0+IHZvaWRcbiAgY2hpbGRyZW46IFJlYWN0RWxlbWVudFtdXG4gIGZpbHRlcj86IGJvb2xlYW5cbn1cblxuY29uc3QgZ2V0RHJhd2VyU3R5bGVzID0gKHNpemU/OiBEcm9wZG93blNpemUpID0+IGNzc2BcbiAgYm94LXNoYWRvdzogJHt0aGVtZS5lbGV2YXRpb25bJzQnXX07XG4gIHBhZGRpbmc6ICR7dGhlbWUuc3BhY2luZy54eHN9IDA7XG4gIG1heC1oZWlnaHQ6IDQxOHB4O1xuICBtaW4td2lkdGg6ICR7c2l6ZSA9PT0gJ3NtYWxsJyA/ICcxMjRweCcgOiAnMTU3cHgnfTtcbiAgbWF4LXdpZHRoOiAyODhweDtcbiAgd2lkdGg6IG1heC1jb250ZW50O1xuYFxuXG5jb25zdCBTY3JvbGxhYmxlRGl2ID0gUmVhY3QuZm9yd2FyZFJlZigocHJvcHM6IGFueSwgcmVmOiBhbnkpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICB0YWJJbmRleD17MH1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBtYXgtaGVpZ2h0OiA0MTBweDtcbiAgICAgICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgLz5cbiAgKVxufSlcblxuY29uc3QgRHJvcGRvd25NZW51ID0gKHtcbiAgaXNPcGVuID0gZmFsc2UsXG4gIG11bHRpc2VsZWN0LFxuICBjaGlsZHJlbixcbiAgYW5jaG9yRWwsXG4gIG9uQ2xpY2tBd2F5LFxuICBzaXplID0gJ21lZGl1bScsXG4gIGlkLFxuICBjbGFzc05hbWUsXG4gIHBsYWNlbWVudCxcbiAgc2V0SXNPcGVuLFxuICBzaG91bGRDbG9zZU9uRXNjLFxuICBmaWx0ZXIsXG4gIC4uLnJlc3Rcbn06IERyb3Bkb3duUHJvcHMpID0+IHtcbiAgY29uc3QgW2ZpbHRlcmVkLCBzZXRGaWx0ZXJlZF0gPSBSZWFjdC51c2VTdGF0ZTxzdHJpbmc+KCcnKVxuICBjb25zdCBjb250YWluZXJSZWYgPSBSZWFjdC51c2VSZWY8SFRNTERpdkVsZW1lbnQ+KClcbiAgY29uc3QgZmlyc3RDaGlsZFJlZiA9IFJlYWN0LnVzZVJlZjxhbnk+KClcbiAgY29uc3QgY3VycmVudEZvY3VzID0gUmVhY3QudXNlUmVmPGFueT4oKVxuICBjb25zdCBzZXRDb250YWluZXJSZWYgPSBSZWFjdC51c2VDYWxsYmFjaygobm9kZTogSFRNTERpdkVsZW1lbnQpID0+IHtcbiAgICBpZiAobm9kZSkge1xuICAgICAgY29udGFpbmVyUmVmLmN1cnJlbnQgPSBub2RlXG4gICAgICBmaXJzdENoaWxkUmVmLmN1cnJlbnQgPSBjb250YWluZXJSZWYuY3VycmVudD8uZmlyc3RDaGlsZFxuICAgICAgY3VycmVudEZvY3VzLmN1cnJlbnQgPSBmaXJzdENoaWxkUmVmLmN1cnJlbnRcbiAgICAgIGN1cnJlbnRGb2N1cy5jdXJyZW50LmZvY3VzKClcbiAgICB9IGVsc2Uge1xuICAgICAgY29udGFpbmVyUmVmLmN1cnJlbnQgPSB1bmRlZmluZWRcbiAgICB9XG4gIH0sIFtdKVxuXG4gIGNvbnN0IGhhbmRsZUNoYXJEb3duID0gKGV2ZW50OiBSZWFjdC5LZXlib2FyZEV2ZW50PEVsZW1lbnQ+KSA9PiB7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcbiAgICBjb25zdCBldmVudEtleSA9IGV2ZW50LmtleVxuXG4gICAgaWYgKFsnQXJyb3dVcCcsICdBcnJvd0Rvd24nXS5pbmNsdWRlcyhldmVudEtleSkpIHtcbiAgICAgIHJldHVybiBoYW5kbGVBcnJvd3NVcERvd24oZXZlbnQpXG4gICAgfVxuXG4gICAgaWYgKCFmaWx0ZXIpIHJldHVyblxuXG4gICAgY29uc3Qgcmd4ID0gL1thLXpBLVowLTldL2dcbiAgICBjb25zdCB0ZXN0ID0gcmd4LnRlc3QoZXZlbnRLZXkpXG4gICAgaWYgKHRlc3QgJiYgZXZlbnRLZXkubGVuZ3RoID09PSAxKSB7XG4gICAgICBzZXRGaWx0ZXJlZCgocHJldlN0YXRlKSA9PiBwcmV2U3RhdGUgKyBldmVudEtleS50b1VwcGVyQ2FzZSgpKVxuICAgIH1cbiAgfVxuXG4gIGNvbnN0IGhhbmRsZUFycm93c1VwRG93biA9IChldmVudDogUmVhY3QuS2V5Ym9hcmRFdmVudDxFbGVtZW50PikgPT4ge1xuICAgIGlmIChldmVudC5rZXkgPT09ICdBcnJvd1VwJykge1xuICAgICAgY29uc3QgcHJldiA9IGN1cnJlbnRGb2N1cy5jdXJyZW50LnByZXZpb3VzU2libGluZ1xuICAgICAgaWYgKHByZXYpIHtcbiAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgICAgICBjdXJyZW50Rm9jdXMuY3VycmVudCA9IHByZXZcbiAgICAgICAgcHJldi5mb2N1cygpXG4gICAgICB9XG4gICAgfSBlbHNlIGlmIChldmVudC5rZXkgPT09ICdBcnJvd0Rvd24nKSB7XG4gICAgICBjb25zdCBuZXh0ID0gY3VycmVudEZvY3VzLmN1cnJlbnQubmV4dFNpYmxpbmdcbiAgICAgIGlmIChuZXh0KSB7XG4gICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgY3VycmVudEZvY3VzLmN1cnJlbnQgPSBuZXh0XG4gICAgICAgIG5leHQuZm9jdXMoKVxuICAgICAgfVxuICAgIH0gZWxzZSBpZiAoZXZlbnQua2V5ID09PSAnRXNjYXBlJyAmJiBzaG91bGRDbG9zZU9uRXNjKSB7XG4gICAgICBpZiAoaXNPcGVuKSB7XG4gICAgICAgIHNldElzT3BlbihmYWxzZSlcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBjb25zdCBmaWx0ZXJDaGlsZHJlbiA9IChwYXJhbTogdHlwZW9mIGNoaWxkcmVuKSA9PiB7XG4gICAgaWYgKGZpbHRlcmVkLmxlbmd0aCA+PSAxKSB7XG4gICAgICByZXR1cm4gcGFyYW0uZmlsdGVyKCh4KSA9PiB4LnByb3BzLmNoaWxkcmVuLnRvVXBwZXJDYXNlKCkuaW5jbHVkZXMoZmlsdGVyZWQpKVxuICAgIH1cbiAgICByZXR1cm4gcGFyYW1cbiAgfVxuXG4gIFJlYWN0LnVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKCFpc09wZW4pIHtcbiAgICAgIHNldEZpbHRlcmVkKCcnKVxuICAgIH1cbiAgfSwgW2lzT3Blbl0pXG5cbiAgcmV0dXJuIChcbiAgICA8UG9wcGVyXG4gICAgICBvcGVuPXtpc09wZW59XG4gICAgICBhbmNob3JFbD17YW5jaG9yRWx9XG4gICAgICBpZD17aWR9XG4gICAgICBwbGFjZW1lbnQ9e3BsYWNlbWVudH1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICB6LWluZGV4OiAke3RoZW1lLnpJbmRleC5tb2RhbH07XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAgPENsaWNrQXdheUxpc3RlbmVyXG4gICAgICAgIG9uQ2xpY2tBd2F5PXsoKSA9PiB7XG4gICAgICAgICAgb25DbGlja0F3YXkgJiYgb25DbGlja0F3YXkoKVxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8RHJhd2VyIGNzcz17Z2V0RHJhd2VyU3R5bGVzKHNpemUpfSBzaG93QXJyb3c9e2ZhbHNlfSBjbGFzc05hbWU9e2NsYXNzTmFtZX0gey4uLnJlc3R9PlxuICAgICAgICAgIDxEcm9wZG93bkNvbnRleHRQcm92aWRlciB2YWx1ZT17eyBzaXplLCBtdWx0aXNlbGVjdCB9fT5cbiAgICAgICAgICAgIDxTY3JvbGxhYmxlRGl2IHJlZj17c2V0Q29udGFpbmVyUmVmfSBvbktleURvd249e2hhbmRsZUNoYXJEb3dufT5cbiAgICAgICAgICAgICAge2ZpbHRlciA/IGZpbHRlckNoaWxkcmVuKGNoaWxkcmVuKSA6IGNoaWxkcmVufVxuICAgICAgICAgICAgPC9TY3JvbGxhYmxlRGl2PlxuICAgICAgICAgIDwvRHJvcGRvd25Db250ZXh0UHJvdmlkZXI+XG4gICAgICAgIDwvRHJhd2VyPlxuICAgICAgPC9DbGlja0F3YXlMaXN0ZW5lcj5cbiAgICA8L1BvcHBlcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBEcm9wZG93bk1lbnVcbiJdfQ== */")
-  }, rest), ___EmotionJSX(ClickAwayListener, {
-    onClickAway: function onClickAway() {
-      _onClickAway && _onClickAway();
-    }
-  }, ___EmotionJSX(Drawer, _extends({
-    css: getDrawerStyles(size),
-    showArrow: false,
-    className: className
-  }, rest), ___EmotionJSX(DropdownContextProvider, {
-    value: {
-      size: size,
-      multiselect: multiselect
-    }
-  }, ___EmotionJSX(ScrollableDiv, {
-    ref: setContainerRef,
-    onKeyDown: handleCharDown
-  }, filter ? filterChildren(children) : children)))));
+    css: /*#__PURE__*/css("z-index:", theme.zIndex.modal, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:DropdownMenu;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9kcm9wZG93bi1tZW51L0Ryb3Bkb3duLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpS2MiLCJmaWxlIjoiLi4vLi4vc3JjL2Ryb3Bkb3duLW1lbnUvRHJvcGRvd24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0RWxlbWVudCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRHJhd2VyIH0gZnJvbSAnLi4vZHJhd2VyJ1xuaW1wb3J0IHsgRHJvcGRvd25Db250ZXh0UHJvdmlkZXIgfSBmcm9tICcuL0Ryb3Bkb3duQ29udGV4dCdcbmltcG9ydCB7IFBvcHBlciwgUG9wcGVyUHJvcHMsIFBvcHBlclBsYWNlbWVudFR5cGUsIENsaWNrQXdheUxpc3RlbmVyIH0gZnJvbSAnQG11aS9tYXRlcmlhbCdcblxuZXhwb3J0IHR5cGUgRHJvcGRvd25TaXplID0gJ21lZGl1bScgfCAnc21hbGwnXG5cbmV4cG9ydCB0eXBlIERyb3Bkb3duUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBQbGFjZW1lbnQgZm9yIHRoZSBgRHJvcGRvd25gLlxuICAgKi9cbiAgcGxhY2VtZW50PzogUG9wcGVyUGxhY2VtZW50VHlwZVxuICAvKipcbiAgICogSFRNTCBlbGVtZW50IHRoYXQgdGhlIGBEcm9wZG93bmAgd2lsbCBiZSBhbmNob3IgdG8uXG4gICAqL1xuICBhbmNob3JFbD86IFBvcHBlclByb3BzWydhbmNob3JFbCddXG4gIC8qKlxuICAgKiBJZiBzZXQgdG8gYHRydWVgLCB0aGUgYERyb3Bkb3duYCBpcyBzaG93bi5cbiAgICovXG4gIGlzT3BlbjogYm9vbGVhblxuICAvKipcbiAgICogU2V0IHRoZSBzdGF0ZSBvZiB0aGUgYERyb3Bkb3duYC5cbiAgICovXG4gIHNldElzT3BlbjogUmVhY3QuRGlzcGF0Y2g8UmVhY3QuU2V0U3RhdGVBY3Rpb248Ym9vbGVhbj4+XG4gIC8qKlxuICAgKiBTcGVjaWZ5IHRoZSBzaXplIG9mIHRoZSBgRHJvcGRvd25gLlxuICAgKi9cbiAgc2l6ZT86IERyb3Bkb3duU2l6ZVxuICAvKipcbiAgICogQ2xvc2UgdGhlIGBEcm9wZG93bmAgb24gYGVzY2Aga2V5LlxuICAgKi9cbiAgc2hvdWxkQ2xvc2VPbkVzYz86IGJvb2xlYW5cbiAgLyoqXG4gICAqIGNsYXNzTmFtZSB0byBiZSBhc3NpZ25lZCB0byBjb21wb25lbnQuXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgLyoqXG4gICAqIFNlbGVjdCBtdWx0aXBsZSBjaGlsZHJlbiBmcm9tIHRoZSBgRHJvcGRvd25gLlxuICAgKi9cbiAgbXVsdGlzZWxlY3Q/OiBib29sZWFuXG4gIC8qKlxuICAgKiBBZGQgYW4gYGlkYCB0byB0aGUgYERyb3Bkb3duYC5cbiAgICovXG4gIGlkPzogc3RyaW5nXG4gIG9uQ2xpY2tBd2F5PzogKCkgPT4gdm9pZFxuICBjaGlsZHJlbjogUmVhY3RFbGVtZW50PGFueT5bXVxuICBmaWx0ZXI/OiBib29sZWFuXG59XG5cbmNvbnN0IGdldERyYXdlclN0eWxlcyA9IChzaXplPzogRHJvcGRvd25TaXplKSA9PiBjc3NgXG4gIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWyc0J119O1xuICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcueHhzfSAwO1xuICBtYXgtaGVpZ2h0OiA0MThweDtcbiAgbWluLXdpZHRoOiAke3NpemUgPT09ICdzbWFsbCcgPyAnMTI0cHgnIDogJzE1N3B4J307XG4gIG1heC13aWR0aDogMjg4cHg7XG4gIHdpZHRoOiBtYXgtY29udGVudDtcbmBcblxuY29uc3QgU2Nyb2xsYWJsZURpdiA9IChwcm9wczogYW55KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgdGFiSW5kZXg9ezB9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgbWF4LWhlaWdodDogNDEwcHg7XG4gICAgICAgIG92ZXJmbG93OiBhdXRvO1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApXG59XG5cbmNvbnN0IERyb3Bkb3duTWVudSA9ICh7XG4gIGlzT3BlbiA9IGZhbHNlLFxuICBtdWx0aXNlbGVjdCxcbiAgY2hpbGRyZW4sXG4gIGFuY2hvckVsLFxuICBvbkNsaWNrQXdheSxcbiAgc2l6ZSA9ICdtZWRpdW0nLFxuICBpZCxcbiAgY2xhc3NOYW1lLFxuICBwbGFjZW1lbnQsXG4gIHNldElzT3BlbixcbiAgc2hvdWxkQ2xvc2VPbkVzYyxcbiAgZmlsdGVyLFxuICAuLi5yZXN0XG59OiBEcm9wZG93blByb3BzKSA9PiB7XG4gIGNvbnN0IFtmaWx0ZXJlZCwgc2V0RmlsdGVyZWRdID0gUmVhY3QudXNlU3RhdGU8c3RyaW5nPignJylcbiAgY29uc3QgY29udGFpbmVyUmVmID0gUmVhY3QudXNlUmVmPEhUTUxEaXZFbGVtZW50Pih1bmRlZmluZWQpXG4gIGNvbnN0IGZpcnN0Q2hpbGRSZWYgPSBSZWFjdC51c2VSZWY8YW55Pih1bmRlZmluZWQpXG4gIGNvbnN0IGN1cnJlbnRGb2N1cyA9IFJlYWN0LnVzZVJlZjxhbnk+KHVuZGVmaW5lZClcbiAgY29uc3Qgc2V0Q29udGFpbmVyUmVmID0gUmVhY3QudXNlQ2FsbGJhY2soKG5vZGU6IEhUTUxEaXZFbGVtZW50KSA9PiB7XG4gICAgaWYgKG5vZGUpIHtcbiAgICAgIGNvbnRhaW5lclJlZi5jdXJyZW50ID0gbm9kZVxuICAgICAgZmlyc3RDaGlsZFJlZi5jdXJyZW50ID0gY29udGFpbmVyUmVmLmN1cnJlbnQ/LmZpcnN0Q2hpbGRcbiAgICAgIGN1cnJlbnRGb2N1cy5jdXJyZW50ID0gZmlyc3RDaGlsZFJlZi5jdXJyZW50XG4gICAgICBjdXJyZW50Rm9jdXMuY3VycmVudC5mb2N1cygpXG4gICAgfSBlbHNlIHtcbiAgICAgIGNvbnRhaW5lclJlZi5jdXJyZW50ID0gdW5kZWZpbmVkXG4gICAgfVxuICB9LCBbXSlcblxuICBjb25zdCBoYW5kbGVDaGFyRG93biA9IChldmVudDogUmVhY3QuS2V5Ym9hcmRFdmVudDxFbGVtZW50PikgPT4ge1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXG4gICAgY29uc3QgZXZlbnRLZXkgPSBldmVudC5rZXlcblxuICAgIGlmIChbJ0Fycm93VXAnLCAnQXJyb3dEb3duJ10uaW5jbHVkZXMoZXZlbnRLZXkpKSB7XG4gICAgICByZXR1cm4gaGFuZGxlQXJyb3dzVXBEb3duKGV2ZW50KVxuICAgIH1cblxuICAgIGlmICghZmlsdGVyKSByZXR1cm5cblxuICAgIGNvbnN0IHJneCA9IC9bYS16QS1aMC05XS9nXG4gICAgY29uc3QgdGVzdCA9IHJneC50ZXN0KGV2ZW50S2V5KVxuICAgIGlmICh0ZXN0ICYmIGV2ZW50S2V5Lmxlbmd0aCA9PT0gMSkge1xuICAgICAgc2V0RmlsdGVyZWQoKHByZXZTdGF0ZSkgPT4gcHJldlN0YXRlICsgZXZlbnRLZXkudG9VcHBlckNhc2UoKSlcbiAgICB9XG4gIH1cblxuICBjb25zdCBoYW5kbGVBcnJvd3NVcERvd24gPSAoZXZlbnQ6IFJlYWN0LktleWJvYXJkRXZlbnQ8RWxlbWVudD4pID0+IHtcbiAgICBpZiAoZXZlbnQua2V5ID09PSAnQXJyb3dVcCcpIHtcbiAgICAgIGNvbnN0IHByZXYgPSBjdXJyZW50Rm9jdXMuY3VycmVudC5wcmV2aW91c1NpYmxpbmdcbiAgICAgIGlmIChwcmV2KSB7XG4gICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgY3VycmVudEZvY3VzLmN1cnJlbnQgPSBwcmV2XG4gICAgICAgIHByZXYuZm9jdXMoKVxuICAgICAgfVxuICAgIH0gZWxzZSBpZiAoZXZlbnQua2V5ID09PSAnQXJyb3dEb3duJykge1xuICAgICAgY29uc3QgbmV4dCA9IGN1cnJlbnRGb2N1cy5jdXJyZW50Lm5leHRTaWJsaW5nXG4gICAgICBpZiAobmV4dCkge1xuICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICAgIGN1cnJlbnRGb2N1cy5jdXJyZW50ID0gbmV4dFxuICAgICAgICBuZXh0LmZvY3VzKClcbiAgICAgIH1cbiAgICB9IGVsc2UgaWYgKGV2ZW50LmtleSA9PT0gJ0VzY2FwZScgJiYgc2hvdWxkQ2xvc2VPbkVzYykge1xuICAgICAgaWYgKGlzT3Blbikge1xuICAgICAgICBzZXRJc09wZW4oZmFsc2UpXG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgY29uc3QgZmlsdGVyQ2hpbGRyZW4gPSAocGFyYW06IHR5cGVvZiBjaGlsZHJlbikgPT4ge1xuICAgIGlmIChmaWx0ZXJlZC5sZW5ndGggPj0gMSkge1xuICAgICAgcmV0dXJuIHBhcmFtLmZpbHRlcigoeCkgPT4geC5wcm9wcy5jaGlsZHJlbi50b1VwcGVyQ2FzZSgpLmluY2x1ZGVzKGZpbHRlcmVkKSlcbiAgICB9XG4gICAgcmV0dXJuIHBhcmFtXG4gIH1cblxuICBSZWFjdC51c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghaXNPcGVuKSB7XG4gICAgICBzZXRGaWx0ZXJlZCgnJylcbiAgICB9XG4gIH0sIFtpc09wZW5dKVxuXG4gIHJldHVybiAoXG4gICAgPFBvcHBlclxuICAgICAgb3Blbj17aXNPcGVufVxuICAgICAgYW5jaG9yRWw9e2FuY2hvckVsfVxuICAgICAgaWQ9e2lkfVxuICAgICAgcGxhY2VtZW50PXtwbGFjZW1lbnR9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgei1pbmRleDogJHt0aGVtZS56SW5kZXgubW9kYWx9O1xuICAgICAgYH1cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIDxDbGlja0F3YXlMaXN0ZW5lclxuICAgICAgICBvbkNsaWNrQXdheT17KCkgPT4ge1xuICAgICAgICAgIG9uQ2xpY2tBd2F5ICYmIG9uQ2xpY2tBd2F5KClcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPERyYXdlciBjc3M9e2dldERyYXdlclN0eWxlcyhzaXplKX0gc2hvd0Fycm93PXtmYWxzZX0gY2xhc3NOYW1lPXtjbGFzc05hbWV9IHsuLi5yZXN0fT5cbiAgICAgICAgICA8RHJvcGRvd25Db250ZXh0UHJvdmlkZXIgdmFsdWU9e3sgc2l6ZSwgbXVsdGlzZWxlY3QgfX0+XG4gICAgICAgICAgICA8U2Nyb2xsYWJsZURpdiByZWY9e3NldENvbnRhaW5lclJlZn0gb25LZXlEb3duPXtoYW5kbGVDaGFyRG93bn0+XG4gICAgICAgICAgICAgIHtmaWx0ZXIgPyBmaWx0ZXJDaGlsZHJlbihjaGlsZHJlbikgOiBjaGlsZHJlbn1cbiAgICAgICAgICAgIDwvU2Nyb2xsYWJsZURpdj5cbiAgICAgICAgICA8L0Ryb3Bkb3duQ29udGV4dFByb3ZpZGVyPlxuICAgICAgICA8L0RyYXdlcj5cbiAgICAgIDwvQ2xpY2tBd2F5TGlzdGVuZXI+XG4gICAgPC9Qb3BwZXI+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgRHJvcGRvd25NZW51XG4iXX0= */")
+  }, rest), {}, {
+    children: _jsx(ClickAwayListener, {
+      onClickAway: function onClickAway() {
+        _onClickAway && _onClickAway();
+      },
+      children: _jsx(Drawer, _objectSpread(_objectSpread({
+        css: getDrawerStyles(size),
+        showArrow: false,
+        className: className
+      }, rest), {}, {
+        children: _jsx(DropdownContextProvider, {
+          value: {
+            size: size,
+            multiselect: multiselect
+          },
+          children: _jsx(ScrollableDiv, {
+            ref: setContainerRef,
+            onKeyDown: handleCharDown,
+            children: filter ? filterChildren(children) : children
+          })
+        })
+      }))
+    })
+  }));
 };
 export default DropdownMenu;

package/dropdown-menu/DropdownContext.js

@@ -1,5 +1,5 @@
 import React, { createContext, useContext } from 'react';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 export var DropdownContext = /*#__PURE__*/createContext({
   size: 'small',
   multiselect: true
@@ -7,9 +7,10 @@ export var DropdownContext = /*#__PURE__*/createContext({
 export var DropdownContextProvider = function DropdownContextProvider(_ref) {
   var children = _ref.children,
     value = _ref.value;
-  return ___EmotionJSX(DropdownContext.Provider, {
-    value: value
-  }, children);
+  return _jsx(DropdownContext.Provider, {
+    value: value,
+    children: children
+  });
 };
 var useDropdownContext = function useDropdownContext() {
   var context = useContext(DropdownContext);