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

package/cjs/date-range-picker/DateRangePicker.js

@@ -4,94 +4,64 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _reactDates = require("react-dates");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _moment = _interopRequireDefault(require("moment"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 require("react-dates/initialize");
-
 var _react2 = require("@emotion/react");
-
 var _icons = require("@dfds-ui/icons");
-
 var _useMedia2 = _interopRequireDefault(require("../common/use-media"));
-
 var _miniMoize = require("../common/miniMoize");
-
 var _DatePickerDefaultStyles = _interopRequireDefault(require("./DatePickerDefaultStyles"));
-
 var _DatePickerDfdsStyles = _interopRequireDefault(require("./DatePickerDfdsStyles"));
-
 var _LockBodyScroll = _interopRequireDefault(require("../common/LockBodyScroll"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 // Do a wrapper to support styled components: https://github.com/airbnb/react-dates/issues/1030#issuecomment-388227454
 const DateRangePicker = props => {
   const _useState = (0, _react.useState)(toMoment(props.startDates.initial)),
-        _useState2 = _slicedToArray(_useState, 2),
-        startDate = _useState2[0],
-        setStartDate = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    startDate = _useState2[0],
+    setStartDate = _useState2[1];
   const _useState3 = (0, _react.useState)(toMoment(props.endDates.initial)),
-        _useState4 = _slicedToArray(_useState3, 2),
-        endDate = _useState4[0],
-        setEndDate = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    endDate = _useState4[0],
+    setEndDate = _useState4[1];
   const _useState5 = (0, _react.useState)(false),
-        _useState6 = _slicedToArray(_useState5, 2),
-        showCalendar = _useState6[0],
-        setShowCalendar = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    showCalendar = _useState6[0],
+    setShowCalendar = _useState6[1];
   const _useState7 = (0, _react.useState)('startDate'),
-        _useState8 = _slicedToArray(_useState7, 2),
-        focusedInput = _useState8[0],
-        setFocusedInput = _useState8[1];
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    focusedInput = _useState8[0],
+    setFocusedInput = _useState8[1];
   const _useMedia = (0, _useMedia2.default)(['(max-width: 64em)', '(min-width: 78.063em)'], [{
-    numberOfMonths: props.numberOfMobileMonths || 12,
-    mobileState: true,
-    size: 40
-  }, {
-    numberOfMonths: 2,
-    mobileState: false,
-    size: 48
-  }], {
-    numberOfMonths: 1,
-    mobileState: false,
-    size: 48
-  }),
-        numberOfMonths = _useMedia.numberOfMonths,
-        mobileState = _useMedia.mobileState,
-        size = _useMedia.size;
-
+      numberOfMonths: props.numberOfMobileMonths || 12,
+      mobileState: true,
+      size: 40
+    }, {
+      numberOfMonths: 2,
+      mobileState: false,
+      size: 48
+    }], {
+      numberOfMonths: 1,
+      mobileState: false,
+      size: 48
+    }),
+    numberOfMonths = _useMedia.numberOfMonths,
+    mobileState = _useMedia.mobileState,
+    size = _useMedia.size;
   _moment.default.locale(props.locale);
-
   (0, _moment.default)().weekday(0);
   (0, _react.useEffect)(() => {
     setStartDate(toMoment(props.startDates.initial));
@@ -99,29 +69,24 @@ const DateRangePicker = props => {
   }, [props.startDates.initial, props.endDates.initial]);
   const closeExceptionDivOut = (0, _react.useRef)(null);
   const closeExceptionImgOut = (0, _react.useRef)(null);
-
   const startCalendarClicked = () => {
     setShowCalendar(prev => !prev);
     setFocusedInput('startDate');
   };
-
   const endCalendarClicked = () => {
     setShowCalendar(prev => !prev);
     setFocusedInput('endDate');
   };
-
   const onOutsideClick = ({
     target
   }) => {
     if (target === closeExceptionDivOut.current || target === closeExceptionImgOut.current) {
       return;
     }
-
     setShowCalendar(false);
     setFocusedInput('startDate');
     props.onDateChange(getKeyStr(startDate), getKeyStr(endDate));
   };
-
   const renderCalendarInfo = () => props.infoLabel ? (0, _react2.jsx)("div", {
     className: "dateRangePickerInfo"
   }, (0, _react2.jsx)("span", {
@@ -129,55 +94,41 @@ const DateRangePicker = props => {
   }), (0, _react2.jsx)("p", {
     className: "dateRangePickerInfo__info"
   }, props.infoLabel)) : '';
-
   const disabledDates = (0, _miniMoize.miniMoize)((focusedInput, start, startDisabledDates, endDisabledDates) => buildMap(focusedInput !== 'endDate' ? startDisabledDates : (startDisabledDates || []).filter(d => d < start).concat(endDisabledDates)));
-
   const _isDayBlocked = date => {
     const startDateStr = getKeyStr(startDate);
     const disabled = disabledDates(focusedInput, startDateStr, props.startDates.disabledDates, props.endDates.disabledDates);
     const dateN = getKeyStr(date);
-
     if (!dateN) {
       return false;
     }
-
     const d = focusedInput !== 'endDate' ? props.startDates : props.endDates;
     const 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;
   };
-
   const offerDates = (0, _miniMoize.miniMoize)((focusedInput, startOffers, endOffers) => buildMap(focusedInput !== 'endDate' ? startOffers : endOffers));
-
   const isOfferValid = date => {
     const map = offerDates(focusedInput, props.startDates.offerDates, props.endDates.offerDates);
     return map[getKeyStr(date)];
   };
-
   const minimumNights = () => {
     const start = toMoment(props.startDates.initial);
     const end = toMoment(props.endDates.minDate);
     return end && start ? end.diff(start, 'days') : 0;
   };
-
   const initialMonth = () => (mobileState ? toMoment(props.startDates.minDate) : startDate) || (0, _moment.default)();
-
   const sharedCustomProps = {
     hideKeyboardShortcutsPanel: true,
     navPrev: (0, _react2.jsx)(_icons.LeftLink, {
@@ -270,7 +221,8 @@ const DateRangePicker = props => {
     disabled: props.endDateDisabled
   }))), showCalendar && !props.endDateDisabled && (0, _react2.jsx)(_reactDates.DayPickerRangeController, _extends({
     onNextMonthClick: props.onNextMonthClick,
-    onPrevMonthClick: props.onPrevMonthClick // Required props
+    onPrevMonthClick: props.onPrevMonthClick
+    // Required props
     ,
     onDatesChange: ({
       startDate,
@@ -286,7 +238,8 @@ const DateRangePicker = props => {
     onFocusChange: focusedInput => {
       setFocusedInput(focusedInput || 'startDate');
       setShowCalendar(!!focusedInput);
-    } // We use phrases to disable extra stuff from aria-label
+    }
+    // We use phrases to disable extra stuff from aria-label
     ,
     phrases: {
       chooseAvailableStartDate: a => a.date,
@@ -294,7 +247,8 @@ const DateRangePicker = props => {
     },
     minimumNights: minimumNights(),
     orientation: mobileState ? 'verticalScrollable' : 'horizontal'
-  }, sharedCustomProps)), showCalendar && props.endDateDisabled && (0, _react2.jsx)(_reactDates.DayPickerSingleDateController // Required props
+  }, sharedCustomProps)), showCalendar && props.endDateDisabled && (0, _react2.jsx)(_reactDates.DayPickerSingleDateController
+  // Required props
   , _extends({
     onDateChange: date => {
       setStartDate(date);
@@ -308,25 +262,19 @@ const DateRangePicker = props => {
     orientation: mobileState ? 'verticalScrollable' : 'horizontal'
   }, sharedCustomProps)))));
 };
-
 function getKeyStr(m) {
   return m && m.format('YYYY-MM-DD');
 }
-
 function toMoment(n) {
   return n ? (0, _moment.default)(n, 'YYYY-MM-DD') : null;
 }
-
 function buildMap(dates) {
   const map = {};
-
   if (!dates) {
     return map;
   }
-
   var _iterator = _createForOfIteratorHelper(dates),
-      _step;
-
+    _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
       const d = _step.value;
@@ -337,9 +285,7 @@ function buildMap(dates) {
   } finally {
     _iterator.f();
   }
-
   return map;
 }
-
 var _default = DateRangePicker;
 exports.default = _default;

package/cjs/date-range-picker/index.js

@@ -9,7 +9,5 @@ Object.defineProperty(exports, "DateRangePicker", {
     return _DateRangePicker.default;
   }
 });
-
 var _DateRangePicker = _interopRequireDefault(require("./DateRangePicker"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/cjs/divider/Divider.d.ts

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

package/cjs/divider/Divider.js

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

package/cjs/divider/index.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _Divider = require("./Divider");
-
 Object.keys(_Divider).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _Divider[key]) return;

package/cjs/drawer/Drawer.js

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

package/cjs/drawer/index.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _Drawer = require("./Drawer");
-
 Object.keys(_Drawer).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _Drawer[key]) return;