@dfds-ui/react-components 2.2.0-alpha.624b924f → 2.2.0-alpha.6caab7fc

package/date-range-picker/DateRangePicker.js

@@ -0,0 +1,310 @@
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+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 _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 _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+/* eslint-disable @typescript-eslint/no-deprecated */
+/* 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 moment from 'moment';
+import React, { useState, useRef, useEffect } from 'react';
+import 'react-dates/initialize';
+import { css } from '@emotion/react';
+import { Close, RightLink, LeftLink, CalendarOutbound, CalendarReturn } from '@dfds-ui/icons';
+import useMedia from '../common/use-media';
+import { miniMoize } from '../common/miniMoize';
+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];
+  var _useState3 = useState(toMoment(props.endDates.initial)),
+    _useState4 = _slicedToArray(_useState3, 2),
+    endDate = _useState4[0],
+    setEndDate = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    showCalendar = _useState6[0],
+    setShowCalendar = _useState6[1];
+  var _useState7 = useState('startDate'),
+    _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;
+  moment.locale(props.locale);
+  moment().weekday(0);
+  useEffect(function () {
+    setStartDate(toMoment(props.startDates.initial));
+    setEndDate(toMoment(props.endDates.initial));
+  }, [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"
+    }, ___EmotionJSX("span", {
+      className: "dateRangePickerInfo__legend"
+    }), ___EmotionJSX("p", {
+      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, {
+      "aria-label": "Previous Month"
+    }),
+    navNext: ___EmotionJSX(RightLink, {
+      "aria-label": "Next Month"
+    }),
+    weekDayFormat: 'ddd',
+    daySize: size,
+    monthFormat: 'MMMM YYYY',
+    dayAriaLabelFormat: 'YYYY-MM-DD',
+    transitionDuration: 100,
+    numberOfMonths: numberOfMonths,
+    onOutsideClick: onOutsideClick,
+    isDayBlocked: function isDayBlocked(d) {
+      return _isDayBlocked(d);
+    },
+    isDayHighlighted: function isDayHighlighted(d) {
+      return isOfferValid(d);
+    },
+    initialVisibleMonth: initialMonth,
+    renderCalendarInfo: renderCalendarInfo
+  };
+  return ___EmotionJSX(LockBodyScroll, {
+    enabled: mobileState && showCalendar
+  }, ___EmotionJSX("div", {
+    className: 'outer ' + props.className,
+    css: /*#__PURE__*/css(DatePickerDefaultStyles, ";", DatePickerDfdsStyles, ";position:relative;" + (process.env.NODE_ENV === "production" ? "" : ";label:DateRangePicker;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9kYXRlLXJhbmdlLXBpY2tlci9EYXRlUmFuZ2VQaWNrZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1LZ0IiLCJmaWxlIjoiLi4vLi4vc3JjL2RhdGUtcmFuZ2UtcGlja2VyL0RhdGVSYW5nZVBpY2tlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZGVwcmVjYXRlZCAqL1xuLyogZXNsaW50LWRpc2FibGUgQHR5cGVzY3JpcHQtZXNsaW50L3Jlc3RyaWN0LXBsdXMtb3BlcmFuZHMgKi9cbi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9uby1ub24tbnVsbC1hc3NlcnRpb24gKi9cbmltcG9ydCB7IERheVBpY2tlclJhbmdlQ29udHJvbGxlciwgRm9jdXNlZElucHV0U2hhcGUsIERheVBpY2tlclNpbmdsZURhdGVDb250cm9sbGVyIH0gZnJvbSAncmVhY3QtZGF0ZXMnXG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tICdjbGFzc25hbWVzJ1xuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGltcG9ydC9uby1leHRyYW5lb3VzLWRlcGVuZGVuY2llc1xuaW1wb3J0IG1vbWVudCwgeyBNb21lbnQgfSBmcm9tICdtb21lbnQnXG5pbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUsIHVzZVJlZiwgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgJ3JlYWN0LWRhdGVzL2luaXRpYWxpemUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IENsb3NlLCBSaWdodExpbmssIExlZnRMaW5rLCBDYWxlbmRhck91dGJvdW5kLCBDYWxlbmRhclJldHVybiB9IGZyb20gJ0BkZmRzLXVpL2ljb25zJ1xuaW1wb3J0IHVzZU1lZGlhIGZyb20gJy4uL2NvbW1vbi91c2UtbWVkaWEnXG5pbXBvcnQgeyBtaW5pTW9pemUgfSBmcm9tICcuLi9jb21tb24vbWluaU1vaXplJ1xuaW1wb3J0IERhdGVQaWNrZXJEZWZhdWx0U3R5bGVzIGZyb20gJy4vRGF0ZVBpY2tlckRlZmF1bHRTdHlsZXMnXG5pbXBvcnQgRGF0ZVBpY2tlckRmZHNTdHlsZXMgZnJvbSAnLi9EYXRlUGlja2VyRGZkc1N0eWxlcydcbmltcG9ydCBMb2NrQm9keVNjcm9sbCBmcm9tICcuLi9jb21tb24vTG9ja0JvZHlTY3JvbGwnXG5pbnRlcmZhY2UgSURhdGVSYW5nZVBpY2tlclByb3BzIHtcbiAgZW5kRGF0ZURpc2FibGVkPzogYm9vbGVhblxuICB2YWxpZDogYm9vbGVhblxuICBvbkRhdGVDaGFuZ2U6IChkOiBzdHJpbmcgfCBudWxsLCByOiBzdHJpbmcgfCBudWxsKSA9PiB2b2lkXG4gIGZvcm1hdD86IHN0cmluZ1xuICBpbmZvTGFiZWw/OiBzdHJpbmdcbiAgc3RhcnREYXRlczogSURhdGVMZWdcbiAgZW5kRGF0ZXM6IElEYXRlTGVnXG4gIGxhYmVsczogSURhdGVSYW5nZVBpY2tlckxhYmVsc1xuICBvbk5leHRNb250aENsaWNrPzogKCkgPT4gdm9pZFxuICBvblByZXZNb250aENsaWNrPzogKCkgPT4gdm9pZFxuICBudW1iZXJPZk1vYmlsZU1vbnRocz86IG51bWJlclxuICBoaWRlSWNvbj86IGJvb2xlYW5cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGxvY2FsZT86IHN0cmluZ1xufVxuaW50ZXJmYWNlIElEYXRlTGVnIHtcbiAgaW5pdGlhbDogc3RyaW5nIHwgbnVsbFxuICBtYXhEYXRlOiBzdHJpbmdcbiAgbWluRGF0ZTogc3RyaW5nXG4gIGRpc2FibGVkRGF0ZXM/OiBzdHJpbmdbXVxuICBvZmZlckRhdGVzPzogc3RyaW5nW11cbn1cbmludGVyZmFjZSBJRGF0ZVJhbmdlUGlja2VyTGFiZWxzIHtcbiAgc3RhcnQ6IHN0cmluZ1xuICBlbmQ6IHN0cmluZ1xuICBoZWFkZXI6IHN0cmluZ1xuICBpbmZvPzogc3RyaW5nXG59XG4vLyBEbyBhIHdyYXBwZXIgdG8gc3VwcG9ydCBzdHlsZWQgY29tcG9uZW50czogaHR0cHM6Ly9naXRodWIuY29tL2FpcmJuYi9yZWFjdC1kYXRlcy9pc3N1ZXMvMTAzMCNpc3N1ZWNvbW1lbnQtMzg4MjI3NDU0XG5jb25zdCBEYXRlUmFuZ2VQaWNrZXIgPSAocHJvcHM6IElEYXRlUmFuZ2VQaWNrZXJQcm9wcykgPT4ge1xuICBjb25zdCBbc3RhcnREYXRlLCBzZXRTdGFydERhdGVdID0gdXNlU3RhdGUodG9Nb21lbnQocHJvcHMuc3RhcnREYXRlcy5pbml0aWFsKSlcbiAgY29uc3QgW2VuZERhdGUsIHNldEVuZERhdGVdID0gdXNlU3RhdGUodG9Nb21lbnQocHJvcHMuZW5kRGF0ZXMuaW5pdGlhbCkpXG4gIGNvbnN0IFtzaG93Q2FsZW5kYXIsIHNldFNob3dDYWxlbmRhcl0gPSB1c2VTdGF0ZShmYWxzZSlcbiAgY29uc3QgW2ZvY3VzZWRJbnB1dCwgc2V0Rm9jdXNlZElucHV0XSA9IHVzZVN0YXRlKCdzdGFydERhdGUnIGFzIEZvY3VzZWRJbnB1dFNoYXBlKVxuICBjb25zdCB7IG51bWJlck9mTW9udGhzLCBtb2JpbGVTdGF0ZSwgc2l6ZSB9ID0gdXNlTWVkaWEoXG4gICAgWycobWF4LXdpZHRoOiA2NGVtKScsICcobWluLXdpZHRoOiA3OC4wNjNlbSknXSxcbiAgICBbXG4gICAgICB7IG51bWJlck9mTW9udGhzOiBwcm9wcy5udW1iZXJPZk1vYmlsZU1vbnRocyB8fCAxMiwgbW9iaWxlU3RhdGU6IHRydWUsIHNpemU6IDQwIH0sXG4gICAgICB7IG51bWJlck9mTW9udGhzOiAyLCBtb2JpbGVTdGF0ZTogZmFsc2UsIHNpemU6IDQ4IH0sXG4gICAgXSxcbiAgICB7IG51bWJlck9mTW9udGhzOiAxLCBtb2JpbGVTdGF0ZTogZmFsc2UsIHNpemU6IDQ4IH1cbiAgKVxuXG4gIG1vbWVudC5sb2NhbGUocHJvcHMubG9jYWxlKVxuICBtb21lbnQoKS53ZWVrZGF5KDApXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRTdGFydERhdGUodG9Nb21lbnQocHJvcHMuc3RhcnREYXRlcy5pbml0aWFsKSlcbiAgICBzZXRFbmREYXRlKHRvTW9tZW50KHByb3BzLmVuZERhdGVzLmluaXRpYWwpKVxuICB9LCBbcHJvcHMuc3RhcnREYXRlcy5pbml0aWFsLCBwcm9wcy5lbmREYXRlcy5pbml0aWFsXSlcbiAgY29uc3QgY2xvc2VFeGNlcHRpb25EaXZPdXQgPSB1c2VSZWYobnVsbClcbiAgY29uc3QgY2xvc2VFeGNlcHRpb25JbWdPdXQgPSB1c2VSZWYobnVsbClcbiAgY29uc3Qgc3RhcnRDYWxlbmRhckNsaWNrZWQgPSAoKSA9PiB7XG4gICAgc2V0U2hvd0NhbGVuZGFyKChwcmV2KSA9PiAhcHJldilcbiAgICBzZXRGb2N1c2VkSW5wdXQoJ3N0YXJ0RGF0ZScpXG4gIH1cbiAgY29uc3QgZW5kQ2FsZW5kYXJDbGlja2VkID0gKCkgPT4ge1xuICAgIHNldFNob3dDYWxlbmRhcigocHJldikgPT4gIXByZXYpXG4gICAgc2V0Rm9jdXNlZElucHV0KCdlbmREYXRlJylcbiAgfVxuICBjb25zdCBvbk91dHNpZGVDbGljayA9ICh7IHRhcmdldCB9OiBhbnkpID0+IHtcbiAgICBpZiAodGFyZ2V0ID09PSBjbG9zZUV4Y2VwdGlvbkRpdk91dC5jdXJyZW50IHx8IHRhcmdldCA9PT0gY2xvc2VFeGNlcHRpb25JbWdPdXQuY3VycmVudCkge1xuICAgICAgcmV0dXJuXG4gICAgfVxuICAgIHNldFNob3dDYWxlbmRhcihmYWxzZSlcbiAgICBzZXRGb2N1c2VkSW5wdXQoJ3N0YXJ0RGF0ZScpXG4gICAgcHJvcHMub25EYXRlQ2hhbmdlKGdldEtleVN0cihzdGFydERhdGUpLCBnZXRLZXlTdHIoZW5kRGF0ZSkpXG4gIH1cbiAgY29uc3QgcmVuZGVyQ2FsZW5kYXJJbmZvID0gKCkgPT5cbiAgICBwcm9wcy5pbmZvTGFiZWwgPyAoXG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cImRhdGVSYW5nZVBpY2tlckluZm9cIj5cbiAgICAgICAgPHNwYW4gY2xhc3NOYW1lPVwiZGF0ZVJhbmdlUGlja2VySW5mb19fbGVnZW5kXCIgLz5cbiAgICAgICAgPHAgY2xhc3NOYW1lPVwiZGF0ZVJhbmdlUGlja2VySW5mb19faW5mb1wiPntwcm9wcy5pbmZvTGFiZWx9PC9wPlxuICAgICAgPC9kaXY+XG4gICAgKSA6IChcbiAgICAgICcnXG4gICAgKVxuICBjb25zdCBkaXNhYmxlZERhdGVzID0gbWluaU1vaXplKFxuICAgIChmb2N1c2VkSW5wdXQ6IHN0cmluZywgc3RhcnQ6IHN0cmluZywgc3RhcnREaXNhYmxlZERhdGVzOiBzdHJpbmdbXSwgZW5kRGlzYWJsZWREYXRlczogc3RyaW5nW10pID0+XG4gICAgICBidWlsZE1hcChcbiAgICAgICAgZm9jdXNlZElucHV0ICE9PSAnZW5kRGF0ZSdcbiAgICAgICAgICA/IHN0YXJ0RGlzYWJsZWREYXRlc1xuICAgICAgICAgIDogKHN0YXJ0RGlzYWJsZWREYXRlcyB8fCBbXSkuZmlsdGVyKChkKSA9PiBkIDwgc3RhcnQpLmNvbmNhdChlbmREaXNhYmxlZERhdGVzKVxuICAgICAgKVxuICApXG4gIGNvbnN0IGlzRGF5QmxvY2tlZCA9IChkYXRlOiBNb21lbnQpID0+IHtcbiAgICBjb25zdCBzdGFydERhdGVTdHIgPSBnZXRLZXlTdHIoc3RhcnREYXRlKVxuICAgIGNvbnN0IGRpc2FibGVkID0gZGlzYWJsZWREYXRlcyhcbiAgICAgIGZvY3VzZWRJbnB1dCxcbiAgICAgIHN0YXJ0RGF0ZVN0cixcbiAgICAgIHByb3BzLnN0YXJ0RGF0ZXMuZGlzYWJsZWREYXRlcyxcbiAgICAgIHByb3BzLmVuZERhdGVzLmRpc2FibGVkRGF0ZXNcbiAgICApXG4gICAgY29uc3QgZGF0ZU4gPSBnZXRLZXlTdHIoZGF0ZSlcbiAgICBpZiAoIWRhdGVOKSB7XG4gICAgICByZXR1cm4gZmFsc2VcbiAgICB9XG4gICAgY29uc3QgZCA9IGZvY3VzZWRJbnB1dCAhPT0gJ2VuZERhdGUnID8gcHJvcHMuc3RhcnREYXRlcyA6IHByb3BzLmVuZERhdGVzXG4gICAgY29uc3QgbWluID0gcHJvcHMuc3RhcnREYXRlcy5taW5EYXRlXG4gICAgaWYgKGRpc2FibGVkW2RhdGVOXSkge1xuICAgICAgcmV0dXJuIHRydWVcbiAgICB9XG4gICAgaWYgKG1pbiAmJiBkYXRlTiAmJiBkYXRlTiA8IG1pbikge1xuICAgICAgcmV0dXJuIHRydWVcbiAgICB9XG4gICAgaWYgKGQubWF4RGF0ZSAmJiBkYXRlTiAmJiBkYXRlTiA+IGQubWF4RGF0ZSkge1xuICAgICAgcmV0dXJuIHRydWVcbiAgICB9XG4gICAgaWYgKGZvY3VzZWRJbnB1dCA9PT0gJ2VuZERhdGUnICYmIHN0YXJ0RGF0ZVN0ciAmJiBzdGFydERhdGVTdHIgPCBkYXRlTiAmJiBkYXRlTiA8IHByb3BzLmVuZERhdGVzLm1pbkRhdGUpIHtcbiAgICAgIHJldHVybiB0cnVlXG4gICAgfVxuICAgIHJldHVybiBmYWxzZVxuICB9XG4gIGNvbnN0IG9mZmVyRGF0ZXMgPSBtaW5pTW9pemUoKGZvY3VzZWRJbnB1dDogc3RyaW5nLCBzdGFydE9mZmVyczogc3RyaW5nW10sIGVuZE9mZmVyczogc3RyaW5nW10pID0+XG4gICAgYnVpbGRNYXAoZm9jdXNlZElucHV0ICE9PSAnZW5kRGF0ZScgPyBzdGFydE9mZmVycyA6IGVuZE9mZmVycylcbiAgKVxuICBjb25zdCBpc09mZmVyVmFsaWQgPSAoZGF0ZTogTW9tZW50KSA9PiB7XG4gICAgY29uc3QgbWFwID0gb2ZmZXJEYXRlcyhmb2N1c2VkSW5wdXQsIHByb3BzLnN0YXJ0RGF0ZXMub2ZmZXJEYXRlcywgcHJvcHMuZW5kRGF0ZXMub2ZmZXJEYXRlcylcbiAgICByZXR1cm4gbWFwW2dldEtleVN0cihkYXRlKSFdXG4gIH1cbiAgY29uc3QgbWluaW11bU5pZ2h0cyA9ICgpID0+IHtcbiAgICBjb25zdCBzdGFydCA9IHRvTW9tZW50KHByb3BzLnN0YXJ0RGF0ZXMuaW5pdGlhbClcbiAgICBjb25zdCBlbmQgPSB0b01vbWVudChwcm9wcy5lbmREYXRlcy5taW5EYXRlKVxuICAgIHJldHVybiBlbmQgJiYgc3RhcnQgPyBlbmQuZGlmZihzdGFydCwgJ2RheXMnKSA6IDBcbiAgfVxuICBjb25zdCBpbml0aWFsTW9udGggPSAoKSA9PiAobW9iaWxlU3RhdGUgPyB0b01vbWVudChwcm9wcy5zdGFydERhdGVzLm1pbkRhdGUpIDogc3RhcnREYXRlKSB8fCBtb21lbnQoKVxuICBjb25zdCBzaGFyZWRDdXN0b21Qcm9wcyA9IHtcbiAgICBoaWRlS2V5Ym9hcmRTaG9ydGN1dHNQYW5lbDogdHJ1ZSxcbiAgICBuYXZQcmV2OiA8TGVmdExpbmsgYXJpYS1sYWJlbD1cIlByZXZpb3VzIE1vbnRoXCIgLz4sXG4gICAgbmF2TmV4dDogPFJpZ2h0TGluayBhcmlhLWxhYmVsPVwiTmV4dCBNb250aFwiIC8+LFxuICAgIHdlZWtEYXlGb3JtYXQ6ICdkZGQnLFxuICAgIGRheVNpemU6IHNpemUsXG4gICAgbW9udGhGb3JtYXQ6ICdNTU1NIFlZWVknLFxuICAgIGRheUFyaWFMYWJlbEZvcm1hdDogJ1lZWVktTU0tREQnLFxuICAgIHRyYW5zaXRpb25EdXJhdGlvbjogMTAwLFxuICAgIG51bWJlck9mTW9udGhzLFxuICAgIG9uT3V0c2lkZUNsaWNrLFxuICAgIGlzRGF5QmxvY2tlZDogKGQ6IE1vbWVudCkgPT4gaXNEYXlCbG9ja2VkKGQpLFxuICAgIGlzRGF5SGlnaGxpZ2h0ZWQ6IChkOiBNb21lbnQpID0+IGlzT2ZmZXJWYWxpZChkKSxcbiAgICBpbml0aWFsVmlzaWJsZU1vbnRoOiBpbml0aWFsTW9udGgsXG4gICAgcmVuZGVyQ2FsZW5kYXJJbmZvLFxuICB9XG4gIHJldHVybiAoXG4gICAgPExvY2tCb2R5U2Nyb2xsIGVuYWJsZWQ9e21vYmlsZVN0YXRlICYmIHNob3dDYWxlbmRhcn0+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzTmFtZT17J291dGVyICcgKyBwcm9wcy5jbGFzc05hbWV9XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICR7RGF0ZVBpY2tlckRlZmF1bHRTdHlsZXN9O1xuICAgICAgICAgICR7RGF0ZVBpY2tlckRmZHNTdHlsZXN9O1xuICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzTmFtZXMoJ2RhdGVSYW5nZVBpY2tlcldyYXBwZXInLCB7ICdkYXRlUmFuZ2VQaWNrZXJXcmFwcGVyLS1hY3RpdmUnOiBzaG93Q2FsZW5kYXIgfSl9PlxuICAgICAgICAgIHttb2JpbGVTdGF0ZSAmJiBzaG93Q2FsZW5kYXIgJiYgKFxuICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgPGgyIGNsYXNzTmFtZT1cImRhdGVSYW5nZVBpY2tlcldyYXBwZXJfX3RpdGxlXCI+e3Byb3BzLmxhYmVscy5oZWFkZXJ9PC9oMj5cbiAgICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPVwiZGF0ZVJhbmdlUGlja2VyV3JhcHBlcl9fY2xvc2VcIiBvbkNsaWNrPXsoKSA9PiBzZXRTaG93Q2FsZW5kYXIoZmFsc2UpfT5cbiAgICAgICAgICAgICAgICA8Q2xvc2UgLz5cbiAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgPC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoe1xuICAgICAgICAgICAgICBkYXRlcGlja2VyX2NvbnRhaW5lcjogdHJ1ZSxcbiAgICAgICAgICAgICAgZGF0ZXBpY2tlcl9vcGVuOiBzaG93Q2FsZW5kYXIsXG4gICAgICAgICAgICB9KX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyh7XG4gICAgICAgICAgICAgICAgZGF0ZUlucHV0czogdHJ1ZSxcbiAgICAgICAgICAgICAgICBkYXRlSW5wdXRzX19lcnJvckJvcmRlcjogIXByb3BzLnZhbGlkICYmICFzaG93Q2FsZW5kYXIsXG4gICAgICAgICAgICAgICAgZGF0ZUlucHV0c19fZm9jdXNfb3V0OiBmb2N1c2VkSW5wdXQgPT09ICdzdGFydERhdGUnICYmIHNob3dDYWxlbmRhcixcbiAgICAgICAgICAgICAgICBkYXRlSW5wdXRzX19ub25mb2N1czogZm9jdXNlZElucHV0ID09PSAnZW5kRGF0ZScgJiYgc2hvd0NhbGVuZGFyLFxuICAgICAgICAgICAgICAgIGZyb21EYXRlOiB0cnVlLFxuICAgICAgICAgICAgICAgIGRhdGVJbnB1dHNfX2hpZGVJY29uOiBwcm9wcy5oaWRlSWNvbixcbiAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9e3N0YXJ0Q2FsZW5kYXJDbGlja2VkfVxuICAgICAgICAgICAgICByZWY9e2Nsb3NlRXhjZXB0aW9uRGl2T3V0fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8bGFiZWwgY2xhc3NOYW1lPVwiZGF0ZUlucHV0c19fbGFiZWxcIj57cHJvcHMubGFiZWxzLnN0YXJ0fTwvbGFiZWw+XG4gICAgICAgICAgICAgIHshcHJvcHMuaGlkZUljb24gJiYgPENhbGVuZGFyT3V0Ym91bmQgY2xhc3NOYW1lPVwiZGF0ZUlucHV0c19faWNvblwiIHJlZj17Y2xvc2VFeGNlcHRpb25JbWdPdXR9IC8+fVxuICAgICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgICBjbGFzc05hbWU9XCJkYXRlSW5wdXRzX19pbnB1dFwiXG4gICAgICAgICAgICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgICAgICAgICAgIG5hbWU9XCJmcm9tRGF0ZVwiXG4gICAgICAgICAgICAgICAgdmFsdWU9e3N0YXJ0RGF0ZSA/IHN0YXJ0RGF0ZS5mb3JtYXQoJ2RkZCBERC9NTScpIDogJyd9XG4gICAgICAgICAgICAgICAgcmVhZE9ubHlcbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyh7XG4gICAgICAgICAgICAgIGRhdGVwaWNrZXJfY29udGFpbmVyOiB0cnVlLFxuICAgICAgICAgICAgICBkYXRlcGlja2VyX29wZW46IHNob3dDYWxlbmRhcixcbiAgICAgICAgICAgIH0pfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzKHtcbiAgICAgICAgICAgICAgICBkYXRlSW5wdXRzOiB0cnVlLFxuICAgICAgICAgICAgICAgIGRhdGVJbnB1dHNfX29uZVdheTogdHJ1ZSxcbiAgICAgICAgICAgICAgICBkYXRlSW5wdXRzX19kaXNhYmxlZDogcHJvcHMuZW5kRGF0ZURpc2FibGVkLFxuICAgICAgICAgICAgICAgICdkYXRlSW5wdXRzX19kaXNhYmxlZC0tYWN0aXZlJzogc2hvd0NhbGVuZGFyICYmIHByb3BzLmVuZERhdGVEaXNhYmxlZCxcbiAgICAgICAgICAgICAgICBkYXRlSW5wdXRzX19lcnJvckJvcmRlcjogIXByb3BzLnZhbGlkICYmICFzaG93Q2FsZW5kYXIsXG4gICAgICAgICAgICAgICAgZGF0ZUlucHV0c19fbm9uZm9jdXM6IGZvY3VzZWRJbnB1dCA9PT0gJ3N0YXJ0RGF0ZScgJiYgc2hvd0NhbGVuZGFyICYmICFwcm9wcy5lbmREYXRlRGlzYWJsZWQsXG4gICAgICAgICAgICAgICAgZGF0ZUlucHV0c19fZm9jdXNfcmV0OiBmb2N1c2VkSW5wdXQgPT09ICdlbmREYXRlJyAmJiBzaG93Q2FsZW5kYXIsXG4gICAgICAgICAgICAgICAgZW5kRGF0ZTogdHJ1ZSxcbiAgICAgICAgICAgICAgICBkYXRlSW5wdXRzX19oaWRlSWNvbjogcHJvcHMuaGlkZUljb24sXG4gICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICBvbkNsaWNrPXtlbmRDYWxlbmRhckNsaWNrZWR9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxsYWJlbCBjbGFzc05hbWU9XCJkYXRlSW5wdXRzX19sYWJlbFwiPntwcm9wcy5sYWJlbHMuZW5kfTwvbGFiZWw+XG4gICAgICAgICAgICAgIHshcHJvcHMuaGlkZUljb24gJiYgPENhbGVuZGFyUmV0dXJuIGNsYXNzTmFtZT1cImRhdGVJbnB1dHNfX2ljb25cIiAvPn1cbiAgICAgICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPVwiZGF0ZUlucHV0c19faW5wdXRcIlxuICAgICAgICAgICAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgICAgICAgICBuYW1lPVwidG9EYXRlXCJcbiAgICAgICAgICAgICAgICB2YWx1ZT17ZW5kRGF0ZSA/IGVuZERhdGUuZm9ybWF0KCdkZGQgREQvTU0nKSA6ICcnfVxuICAgICAgICAgICAgICAgIHJlYWRPbmx5XG4gICAgICAgICAgICAgICAgZGlzYWJsZWQ9e3Byb3BzLmVuZERhdGVEaXNhYmxlZH1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIHtzaG93Q2FsZW5kYXIgJiYgIXByb3BzLmVuZERhdGVEaXNhYmxlZCAmJiAoXG4gICAgICAgICAgICA8RGF5UGlja2VyUmFuZ2VDb250cm9sbGVyXG4gICAgICAgICAgICAgIG9uTmV4dE1vbnRoQ2xpY2s9e3Byb3BzLm9uTmV4dE1vbnRoQ2xpY2t9XG4gICAgICAgICAgICAgIG9uUHJldk1vbnRoQ2xpY2s9e3Byb3BzLm9uUHJldk1vbnRoQ2xpY2t9XG4gICAgICAgICAgICAgIC8vIFJlcXVpcmVkIHByb3BzXG4gICAgICAgICAgICAgIG9uRGF0ZXNDaGFuZ2U9eyh7IHN0YXJ0RGF0ZSwgZW5kRGF0ZSB9KSA9PiB7XG4gICAgICAgICAgICAgICAgc2V0U3RhcnREYXRlKHN0YXJ0RGF0ZSlcbiAgICAgICAgICAgICAgICBzZXRFbmREYXRlKGVuZERhdGUpXG4gICAgICAgICAgICAgICAgcHJvcHMub25EYXRlQ2hhbmdlKGdldEtleVN0cihzdGFydERhdGUpLCBnZXRLZXlTdHIoZW5kRGF0ZSkpXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIGZvY3VzZWRJbnB1dD17Zm9jdXNlZElucHV0fVxuICAgICAgICAgICAgICBzdGFydERhdGU9e3N0YXJ0RGF0ZX1cbiAgICAgICAgICAgICAgZW5kRGF0ZT17ZW5kRGF0ZX1cbiAgICAgICAgICAgICAgb25Gb2N1c0NoYW5nZT17KGZvY3VzZWRJbnB1dDogRm9jdXNlZElucHV0U2hhcGUgfCBudWxsKSA9PiB7XG4gICAgICAgICAgICAgICAgc2V0Rm9jdXNlZElucHV0KGZvY3VzZWRJbnB1dCB8fCAnc3RhcnREYXRlJylcbiAgICAgICAgICAgICAgICBzZXRTaG93Q2FsZW5kYXIoISFmb2N1c2VkSW5wdXQpXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIC8vIFdlIHVzZSBwaHJhc2VzIHRvIGRpc2FibGUgZXh0cmEgc3R1ZmYgZnJvbSBhcmlhLWxhYmVsXG4gICAgICAgICAgICAgIHBocmFzZXM9e3sgY2hvb3NlQXZhaWxhYmxlU3RhcnREYXRlOiAoYTogYW55KSA9PiBhLmRhdGUsIGNob29zZUF2YWlsYWJsZUVuZERhdGU6IChhOiBhbnkpID0+IGEuZGF0ZSB9fVxuICAgICAgICAgICAgICBtaW5pbXVtTmlnaHRzPXttaW5pbXVtTmlnaHRzKCl9XG4gICAgICAgICAgICAgIG9yaWVudGF0aW9uPXttb2JpbGVTdGF0ZSA/ICd2ZXJ0aWNhbFNjcm9sbGFibGUnIDogJ2hvcml6b250YWwnfVxuICAgICAgICAgICAgICB7Li4uc2hhcmVkQ3VzdG9tUHJvcHN9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICl9XG4gICAgICAgICAge3Nob3dDYWxlbmRhciAmJiBwcm9wcy5lbmREYXRlRGlzYWJsZWQgJiYgKFxuICAgICAgICAgICAgPERheVBpY2tlclNpbmdsZURhdGVDb250cm9sbGVyXG4gICAgICAgICAgICAgIC8vIFJlcXVpcmVkIHByb3BzXG4gICAgICAgICAgICAgIG9uRGF0ZUNoYW5nZT17KGRhdGUpID0+IHtcbiAgICAgICAgICAgICAgICBzZXRTdGFydERhdGUoZGF0ZSlcbiAgICAgICAgICAgICAgICBzZXRFbmREYXRlKGRhdGUpXG4gICAgICAgICAgICAgICAgcHJvcHMub25EYXRlQ2hhbmdlKGdldEtleVN0cihkYXRlKSwgbnVsbClcbiAgICAgICAgICAgICAgICBzZXRTaG93Q2FsZW5kYXIoZmFsc2UpXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIG9uRm9jdXNDaGFuZ2U9eygpID0+IHVuZGVmaW5lZH1cbiAgICAgICAgICAgICAgZm9jdXNlZFxuICAgICAgICAgICAgICBkYXRlPXtzdGFydERhdGV9XG4gICAgICAgICAgICAgIG9yaWVudGF0aW9uPXttb2JpbGVTdGF0ZSA/ICd2ZXJ0aWNhbFNjcm9sbGFibGUnIDogJ2hvcml6b250YWwnfVxuICAgICAgICAgICAgICB7Li4uc2hhcmVkQ3VzdG9tUHJvcHN9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9Mb2NrQm9keVNjcm9sbD5cbiAgKVxufVxuZnVuY3Rpb24gZ2V0S2V5U3RyKG06IE1vbWVudCB8IG51bGwpOiBzdHJpbmcgfCBudWxsIHtcbiAgcmV0dXJuIG0gJiYgbS5mb3JtYXQoJ1lZWVktTU0tREQnKVxufVxuZnVuY3Rpb24gdG9Nb21lbnQobjogc3RyaW5nIHwgbnVsbCk6IE1vbWVudCB8IG51bGwge1xuICByZXR1cm4gbiA/IG1vbWVudChuLCAnWVlZWS1NTS1ERCcpIDogbnVsbFxufVxuZnVuY3Rpb24gYnVpbGRNYXAoZGF0ZXM6IHN0cmluZ1tdKSB7XG4gIGNvbnN0IG1hcDogeyBba2V5OiBzdHJpbmddOiBudW1iZXIgfSA9IHt9XG4gIGlmICghZGF0ZXMpIHtcbiAgICByZXR1cm4gbWFwXG4gIH1cbiAgZm9yIChjb25zdCBkIG9mIGRhdGVzKSB7XG4gICAgbWFwW2RdID0gMVxuICB9XG4gIHJldHVybiBtYXBcbn1cbmV4cG9ydCBkZWZhdWx0IERhdGVSYW5nZVBpY2tlclxuIl19 */")
+  }, ___EmotionJSX("div", {
+    className: classNames('dateRangePickerWrapper', {
+      'dateRangePickerWrapper--active': showCalendar
+    })
+  }, mobileState && showCalendar && ___EmotionJSX(React.Fragment, null, ___EmotionJSX("h2", {
+    className: "dateRangePickerWrapper__title"
+  }, props.labels.header), ___EmotionJSX("span", {
+    className: "dateRangePickerWrapper__close",
+    onClick: function onClick() {
+      return setShowCalendar(false);
+    }
+  }, ___EmotionJSX(Close, null))), ___EmotionJSX("div", {
+    className: classNames({
+      datepicker_container: true,
+      datepicker_open: showCalendar
+    })
+  }, ___EmotionJSX("div", {
+    className: classNames({
+      dateInputs: true,
+      dateInputs__errorBorder: !props.valid && !showCalendar,
+      dateInputs__focus_out: focusedInput === 'startDate' && showCalendar,
+      dateInputs__nonfocus: focusedInput === 'endDate' && showCalendar,
+      fromDate: true,
+      dateInputs__hideIcon: props.hideIcon
+    }),
+    onClick: startCalendarClicked,
+    ref: closeExceptionDivOut
+  }, ___EmotionJSX("label", {
+    className: "dateInputs__label"
+  }, props.labels.start), !props.hideIcon && ___EmotionJSX(CalendarOutbound, {
+    className: "dateInputs__icon",
+    ref: closeExceptionImgOut
+  }), ___EmotionJSX("input", {
+    className: "dateInputs__input",
+    type: "text",
+    name: "fromDate",
+    value: startDate ? startDate.format('ddd DD/MM') : '',
+    readOnly: true
+  }))), ___EmotionJSX("div", {
+    className: classNames({
+      datepicker_container: true,
+      datepicker_open: showCalendar
+    })
+  }, ___EmotionJSX("div", {
+    className: classNames({
+      dateInputs: true,
+      dateInputs__oneWay: true,
+      dateInputs__disabled: props.endDateDisabled,
+      'dateInputs__disabled--active': showCalendar && props.endDateDisabled,
+      dateInputs__errorBorder: !props.valid && !showCalendar,
+      dateInputs__nonfocus: focusedInput === 'startDate' && showCalendar && !props.endDateDisabled,
+      dateInputs__focus_ret: focusedInput === 'endDate' && showCalendar,
+      endDate: true,
+      dateInputs__hideIcon: props.hideIcon
+    }),
+    onClick: endCalendarClicked
+  }, ___EmotionJSX("label", {
+    className: "dateInputs__label"
+  }, props.labels.end), !props.hideIcon && ___EmotionJSX(CalendarReturn, {
+    className: "dateInputs__icon"
+  }), ___EmotionJSX("input", {
+    className: "dateInputs__input",
+    type: "text",
+    name: "toDate",
+    value: endDate ? endDate.format('ddd DD/MM') : '',
+    readOnly: true,
+    disabled: props.endDateDisabled
+  }))), showCalendar && !props.endDateDisabled && ___EmotionJSX(DayPickerRangeController, _extends({
+    onNextMonthClick: props.onNextMonthClick,
+    onPrevMonthClick: props.onPrevMonthClick
+    // Required props
+    ,
+    onDatesChange: function onDatesChange(_ref2) {
+      var startDate = _ref2.startDate,
+        endDate = _ref2.endDate;
+      setStartDate(startDate);
+      setEndDate(endDate);
+      props.onDateChange(getKeyStr(startDate), getKeyStr(endDate));
+    },
+    focusedInput: focusedInput,
+    startDate: startDate,
+    endDate: endDate,
+    onFocusChange: function onFocusChange(focusedInput) {
+      setFocusedInput(focusedInput || 'startDate');
+      setShowCalendar(!!focusedInput);
+    }
+    // We use phrases to disable extra stuff from aria-label
+    ,
+    phrases: {
+      chooseAvailableStartDate: function chooseAvailableStartDate(a) {
+        return a.date;
+      },
+      chooseAvailableEndDate: function chooseAvailableEndDate(a) {
+        return a.date;
+      }
+    },
+    minimumNights: minimumNights(),
+    orientation: mobileState ? 'verticalScrollable' : 'horizontal'
+  }, sharedCustomProps)), showCalendar && props.endDateDisabled && ___EmotionJSX(DayPickerSingleDateController
+  // Required props
+  , _extends({
+    onDateChange: function onDateChange(date) {
+      setStartDate(date);
+      setEndDate(date);
+      props.onDateChange(getKeyStr(date), null);
+      setShowCalendar(false);
+    },
+    onFocusChange: function onFocusChange() {
+      return undefined;
+    },
+    focused: true,
+    date: startDate,
+    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;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var d = _step.value;
+      map[d] = 1;
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return map;
+}
+export default DateRangePicker;

package/date-range-picker/index.d.ts

@@ -0,0 +1 @@
+export { default as DateRangePicker } from './DateRangePicker';

package/date-range-picker/index.js

@@ -0,0 +1 @@
+export { default as DateRangePicker } from './DateRangePicker';

package/divider/Divider.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+export type DividerProps = {
+    /**
+     * Display the Divider in "light" mode.
+     */
+    light?: boolean;
+    /**
+     * Display the Divider in "indent" style
+     */
+    indent?: boolean;
+    /**
+     *  Display the Divider in "margin" style
+     */
+    margins?: boolean;
+    /**
+     * HTML tag or custom component being rendered
+     */
+    as?: React.ElementType;
+    /**
+     * Class name to be assigned to the component
+     */
+    className?: string;
+};
+export declare const dividerBorder: (light?: boolean, placement?: "top" | "bottom") => import("@emotion/utils").SerializedStyles;
+export declare const Divider: ({ light, indent, margins, ...rest }: DividerProps) => React.JSX.Element;
+export default Divider;

package/divider/Divider.js

@@ -0,0 +1,41 @@
+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; }
+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.
+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"
+} : {
+  target: "e1rrvlkn0",
+  label: "StyledDivider"
+})("border:none;background-color:", function (p) {
+  return p.light ? colors.divider.light : colors.divider.dark;
+}, ";max-width:100%;height:1px;margin:0 ", function (p) {
+  return p.margins ? theme.spacing.m : 0;
+}, " 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);
+  return ___EmotionJSX(StyledDivider, _extends({
+    light: light,
+    indent: indent,
+    margins: margins,
+    role: "separator"
+  }, rest));
+};
+export default Divider;

package/divider/index.d.ts

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

package/divider/index.js

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

package/drawer/Drawer.d.ts

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

package/drawer/Drawer.js

@@ -0,0 +1,43 @@
+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; }
+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;
+  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 */");
+};
+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);
+  return ___EmotionJSX("div", _extends({
+    className: className,
+    css: drawerStyles({
+      position: position,
+      verticalPosition: verticalPosition,
+      showArrow: showArrow,
+      elevation: elevation
+    }),
+    ref: ref
+  }, rest), ___EmotionJSX("div", null, children));
+});
+export default Drawer;

package/drawer/index.d.ts

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

package/drawer/index.js

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

package/dropdown-menu/Dropdown.d.ts

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