@skyscanner/backpack-web 25.7.0 → 25.8.2

package/bpk-component-calendar/src/BpkCalendarNav.js

@@ -1,18 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _arrowLeft = _interopRequireDefault(require("../../bpk-component-icon/lg/arrow-left"));
-var _arrowRight = _interopRequireDefault(require("../../bpk-component-icon/lg/arrow-right"));
-var _bpkComponentSelect = _interopRequireDefault(require("../../bpk-component-select"));
-var _bpkReactUtils = require("../../bpk-react-utils");
-var _bpkComponentAriaLive = _interopRequireDefault(require("../../bpk-component-aria-live"));
-var _dateUtils = require("./date-utils");
-var _BpkCalendarNavModule = _interopRequireDefault(require("./BpkCalendarNav.module.css"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -32,12 +17,18 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  */
 
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
-
+import ArrowLeftIcon from "../../bpk-component-icon/lg/arrow-left";
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
-
+import ArrowRightIcon from "../../bpk-component-icon/lg/arrow-right";
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
-
-const getClassName = (0, _bpkReactUtils.cssModules)(_BpkCalendarNavModule.default);
+import BpkSelect from "../../bpk-component-select";
+import { cssModules } from "../../bpk-react-utils";
+import BpkAriaLive from "../../bpk-component-aria-live";
+import { addMonths, formatIsoMonth, getMonthRange, getMonthsInRange, isWithinRange, parseIsoDate, startOfMonth } from "./date-utils";
+import STYLES from "./BpkCalendarNav.module.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const getClassName = cssModules(STYLES);
 const changeMonth = ({
   callback,
   max,
@@ -47,7 +38,7 @@ const changeMonth = ({
 }) => event => {
   // Safeguard for disabled buttons is due to React bug in Chrome: https://github.com/facebook/react/issues/8308
   // PR: https://github.com/facebook/react/pull/8329 - unresolved as of 22/12/2016
-  if ((0, _dateUtils.isWithinRange)(month, {
+  if (isWithinRange(month, {
     start: min,
     end: max
   })) {
@@ -70,23 +61,23 @@ const BpkCalendarNav = ({
   onMonthChange = () => {},
   previousMonthLabel
 }) => {
-  const baseMonth = (0, _dateUtils.startOfMonth)(month);
+  const baseMonth = startOfMonth(month);
   const {
     max,
     min
-  } = (0, _dateUtils.getMonthRange)(minDate, maxDate);
-  const navigatableMonths = (0, _dateUtils.getMonthsInRange)(minDate, maxDate);
-  const prevMonth = (0, _dateUtils.addMonths)(baseMonth, -1);
-  const nextMonth = (0, _dateUtils.addMonths)(baseMonth, 1);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  } = getMonthRange(minDate, maxDate);
+  const navigatableMonths = getMonthsInRange(minDate, maxDate);
+  const prevMonth = addMonths(baseMonth, -1);
+  const nextMonth = addMonths(baseMonth, 1);
+  return /*#__PURE__*/_jsx("div", {
     className: getClassName('bpk-calendar-nav'),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: /*#__PURE__*/_jsxs("div", {
       style: {
         display: 'table-row'
       },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: [/*#__PURE__*/_jsx("div", {
         className: getClassName('bpk-calendar-nav__nudger'),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
+        children: /*#__PURE__*/_jsxs("button", {
           type: "button",
           className: getClassName('bpk-calendar-nav__button'),
           id: `${id}_month_nudger_previous`,
@@ -97,43 +88,43 @@ const BpkCalendarNav = ({
             callback: onMonthChange,
             source: 'PREV'
           }),
-          disabled: disabled || !(0, _dateUtils.isWithinRange)(prevMonth, {
+          disabled: disabled || !isWithinRange(prevMonth, {
             start: min,
             end: max
           }),
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_arrowLeft.default, {
+          children: [/*#__PURE__*/_jsx(ArrowLeftIcon, {
             className: getClassName('bpk-calendar-nav__icon')
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          }), /*#__PURE__*/_jsx("span", {
             className: getClassName('bpk-calendar-nav__text--hidden'),
             children: previousMonthLabel
           })]
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      }), /*#__PURE__*/_jsxs("div", {
         className: getClassName('bpk-calendar-nav__month'),
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+        children: [/*#__PURE__*/_jsx("label", {
           htmlFor: `${id}_select`,
           className: getClassName('bpk-calendar-nav__text--hidden'),
           children: changeMonthLabel
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentSelect.default, {
+        }), /*#__PURE__*/_jsx(BpkSelect, {
           id: `${id}_select`,
           name: "months",
-          value: (0, _dateUtils.formatIsoMonth)(baseMonth),
+          value: formatIsoMonth(baseMonth),
           disabled: disabled,
           onChange: event => {
             event.persist();
             onMonthChange(event, {
-              month: (0, _dateUtils.parseIsoDate)(event.target.value),
+              month: parseIsoDate(event.target.value),
               source: 'SELECT'
             });
           },
-          children: navigatableMonths.map(m => /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-            value: (0, _dateUtils.formatIsoMonth)(m),
+          children: navigatableMonths.map(m => /*#__PURE__*/_jsx("option", {
+            value: formatIsoMonth(m),
             children: formatMonth(m)
           }, m.toString()))
         })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      }), /*#__PURE__*/_jsx("div", {
         className: getClassName('bpk-calendar-nav__nudger'),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
+        children: /*#__PURE__*/_jsxs("button", {
           type: "button",
           className: getClassName('bpk-calendar-nav__button'),
           id: `${id}_month_nudger_next`,
@@ -144,22 +135,21 @@ const BpkCalendarNav = ({
             callback: onMonthChange,
             source: 'NEXT'
           }),
-          disabled: disabled || !(0, _dateUtils.isWithinRange)((0, _dateUtils.addMonths)(baseMonth, 1), {
+          disabled: disabled || !isWithinRange(addMonths(baseMonth, 1), {
             start: min,
             end: max
           }),
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_arrowRight.default, {
+          children: [/*#__PURE__*/_jsx(ArrowRightIcon, {
             className: getClassName('bpk-calendar-nav__icon')
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          }), /*#__PURE__*/_jsx("span", {
             className: getClassName('bpk-calendar-nav__text--hidden'),
             children: nextMonthLabel
           })]
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentAriaLive.default, {
+      }), /*#__PURE__*/_jsx(BpkAriaLive, {
         children: formatMonth(baseMonth)
       })]
     })
   });
 };
-var _default = BpkCalendarNav;
-exports.default = _default;
+export default BpkCalendarNav;

package/bpk-component-calendar/src/Week.js

@@ -1,41 +1,32 @@
-"use strict";
+/*
+ * Backpack - Skyscanner's Design System
+ *
+ * Copyright 2016 Skyscanner Ltd
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _bpkReactUtils = require("../../bpk-react-utils");
-var _dateUtils = require("./date-utils");
-var _customProptypes = require("./custom-proptypes");
-var _BpkCalendarGridModule = _interopRequireDefault(require("./BpkCalendarGrid.module.css"));
-var _BpkCalendarDate = require("./BpkCalendarDate");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /*
-                                                                                                                                                                                                                                                                                                                                                                                           * Backpack - Skyscanner's Design System
-                                                                                                                                                                                                                                                                                                                                                                                           *
-                                                                                                                                                                                                                                                                                                                                                                                           * Copyright 2016 Skyscanner Ltd
-                                                                                                                                                                                                                                                                                                                                                                                           *
-                                                                                                                                                                                                                                                                                                                                                                                           * Licensed under the Apache License, Version 2.0 (the "License");
-                                                                                                                                                                                                                                                                                                                                                                                           * you may not use this file except in compliance with the License.
-                                                                                                                                                                                                                                                                                                                                                                                           * You may obtain a copy of the License at
-                                                                                                                                                                                                                                                                                                                                                                                           *
-                                                                                                                                                                                                                                                                                                                                                                                           *   http://www.apache.org/licenses/LICENSE-2.0
-                                                                                                                                                                                                                                                                                                                                                                                           *
-                                                                                                                                                                                                                                                                                                                                                                                           * Unless required by applicable law or agreed to in writing, software
-                                                                                                                                                                                                                                                                                                                                                                                           * distributed under the License is distributed on an "AS IS" BASIS,
-                                                                                                                                                                                                                                                                                                                                                                                           * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-                                                                                                                                                                                                                                                                                                                                                                                           * See the License for the specific language governing permissions and
-                                                                                                                                                                                                                                                                                                                                                                                           * limitations under the License.
-                                                                                                                                                                                                                                                                                                                                                                                           */ // TODO: Move this to `Week.scss`
+import { Component } from 'react';
+import { cssModules } from "../../bpk-react-utils";
+import { isSameDay, isSameWeek, isSameMonth, isToday, isWithinRange, startOfMonth, endOfMonth } from "./date-utils";
+import { CALENDAR_SELECTION_TYPE } from "./custom-proptypes";
+// TODO: Move this to `Week.scss`
 // This should be using its own css file as `BpkCalendarGrid` is also importing `BpkCalendarGrid.module.css`
 // and the order of css imports can break the component.
-const getClassName = (0, _bpkReactUtils.cssModules)(_BpkCalendarGridModule.default);
+import STYLES from "./BpkCalendarGrid.module.css";
+import { SELECTION_TYPES } from "./BpkCalendarDate";
+import { jsx as _jsx } from "react/jsx-runtime";
+const getClassName = cssModules(STYLES);
 const shallowEqualProps = (props1, props2, propList) => {
   let i = 0;
   for (; i < propList.length; i += 1) {
@@ -58,15 +49,15 @@ function or(total, bool) {
 function getSelectedDate(date, selectionConfiguration) {
   let startDate;
   let endDate;
-  if (selectionConfiguration.type === _customProptypes.CALENDAR_SELECTION_TYPE.single) {
+  if (selectionConfiguration.type === CALENDAR_SELECTION_TYPE.single) {
     startDate = selectionConfiguration.date;
   } else {
     startDate = selectionConfiguration.startDate;
     endDate = selectionConfiguration.endDate;
   }
-  const sameStartDay = startDate && (0, _dateUtils.isSameDay)(date, startDate);
-  const sameEndDay = endDate && (0, _dateUtils.isSameDay)(date, endDate);
-  if (startDate && endDate && (sameStartDay || sameEndDay || (0, _dateUtils.isWithinRange)(date, {
+  const sameStartDay = startDate && isSameDay(date, startDate);
+  const sameEndDay = endDate && isSameDay(date, endDate);
+  if (startDate && endDate && (sameStartDay || sameEndDay || isWithinRange(date, {
     start: startDate,
     end: endDate
   })) || startDate && !endDate && sameStartDay || sameStartDay) {
@@ -89,57 +80,57 @@ function getSelectionType(date, selectionConfiguration, formatDateFull, month, w
   const {
     endDate,
     startDate
-  } = selectionConfiguration.type === _customProptypes.CALENDAR_SELECTION_TYPE.range ? selectionConfiguration : {
+  } = selectionConfiguration.type === CALENDAR_SELECTION_TYPE.range ? selectionConfiguration : {
     startDate: null,
     endDate: null
   };
-  const sameStartDay = startDate && (0, _dateUtils.isSameDay)(date, startDate);
-  const sameEndDay = endDate && (0, _dateUtils.isSameDay)(date, endDate);
+  const sameStartDay = startDate && isSameDay(date, startDate);
+  const sameEndDay = endDate && isSameDay(date, endDate);
   const rangeDates = startDate && endDate;
-  const isEmptyCell = !(0, _dateUtils.isSameMonth)(date, month) && ignoreOutsideDate;
-  if (selectionConfiguration.type === _customProptypes.CALENDAR_SELECTION_TYPE.single && selectionConfiguration.date && (selectionConfiguration.date === formatDateFull(date) || formatDateFull(selectionConfiguration.date) === formatDateFull(date))) {
-    return _BpkCalendarDate.SELECTION_TYPES.single;
+  const isEmptyCell = !isSameMonth(date, month) && ignoreOutsideDate;
+  if (selectionConfiguration.type === CALENDAR_SELECTION_TYPE.single && selectionConfiguration.date && (selectionConfiguration.date === formatDateFull(date) || formatDateFull(selectionConfiguration.date) === formatDateFull(date))) {
+    return SELECTION_TYPES.single;
   }
-  if (selectionConfiguration.type === _customProptypes.CALENDAR_SELECTION_TYPE.range) {
+  if (selectionConfiguration.type === CALENDAR_SELECTION_TYPE.range) {
     if (startDate && !endDate && sameStartDay || rangeDates && sameStartDay && sameEndDay) {
-      return _BpkCalendarDate.SELECTION_TYPES.single;
+      return SELECTION_TYPES.single;
     }
-    if (isEmptyCell && rangeDates && ((0, _dateUtils.isSameWeek)(startDate, (0, _dateUtils.startOfMonth)(startDate), {
+    if (isEmptyCell && rangeDates && (isSameWeek(startDate, startOfMonth(startDate), {
       weekStartsOn
-    }) && (0, _dateUtils.isSameWeek)(date, startDate, {
+    }) && isSameWeek(date, startDate, {
       weekStartsOn
-    }) || (0, _dateUtils.isSameWeek)(endDate, (0, _dateUtils.endOfMonth)(endDate), {
+    }) || isSameWeek(endDate, endOfMonth(endDate), {
       weekStartsOn
-    }) && (0, _dateUtils.isSameWeek)(date, endDate, {
+    }) && isSameWeek(date, endDate, {
       weekStartsOn
     }))) {
-      return _BpkCalendarDate.SELECTION_TYPES.none;
+      return SELECTION_TYPES.none;
     }
-    if (isEmptyCell && rangeDates && !(0, _dateUtils.isSameMonth)(startDate, endDate) && ((0, _dateUtils.isSameWeek)(startDate, (0, _dateUtils.endOfMonth)(startDate), {
+    if (isEmptyCell && rangeDates && !isSameMonth(startDate, endDate) && (isSameWeek(startDate, endOfMonth(startDate), {
       weekStartsOn
-    }) && (0, _dateUtils.isSameWeek)(date, startDate, {
+    }) && isSameWeek(date, startDate, {
       weekStartsOn
-    }) || (0, _dateUtils.isSameWeek)(endDate, (0, _dateUtils.startOfMonth)(endDate), {
+    }) || isSameWeek(endDate, startOfMonth(endDate), {
       weekStartsOn
-    }) && (0, _dateUtils.isSameWeek)(date, endDate, {
+    }) && isSameWeek(date, endDate, {
       weekStartsOn
     }))) {
-      return _BpkCalendarDate.SELECTION_TYPES.middle;
+      return SELECTION_TYPES.middle;
     }
-    if (rangeDates && (0, _dateUtils.isWithinRange)(date, {
+    if (rangeDates && isWithinRange(date, {
       start: startDate,
       end: endDate
     }) && !sameStartDay && !sameEndDay) {
-      return _BpkCalendarDate.SELECTION_TYPES.middle;
+      return SELECTION_TYPES.middle;
     }
     if (startDate && formatDateFull(startDate) === formatDateFull(date)) {
-      return _BpkCalendarDate.SELECTION_TYPES.start;
+      return SELECTION_TYPES.start;
     }
     if (endDate && formatDateFull(endDate) === formatDateFull(date)) {
-      return _BpkCalendarDate.SELECTION_TYPES.end;
+      return SELECTION_TYPES.end;
     }
   }
-  return _BpkCalendarDate.SELECTION_TYPES.none;
+  return SELECTION_TYPES.none;
 }
 
 /**
@@ -151,9 +142,9 @@ function getSelectionType(date, selectionConfiguration, formatDateFull, month, w
 const singleDateHandler = (props, nextProps) => {
   const currentSelectConfig = props.selectionConfiguration;
   const nextSelectConfig = nextProps.selectionConfiguration;
-  if ((nextSelectConfig.date && (0, _dateUtils.isSameWeek)(nextSelectConfig.date, nextProps.dates[0], {
+  if ((nextSelectConfig.date && isSameWeek(nextSelectConfig.date, nextProps.dates[0], {
     weekStartsOn: nextProps.weekStartsOn
-  }) || currentSelectConfig.date && (0, _dateUtils.isSameWeek)(currentSelectConfig.date, props.dates[0], {
+  }) || currentSelectConfig.date && isSameWeek(currentSelectConfig.date, props.dates[0], {
     weekStartsOn: props.weekStartsOn
   })) && currentSelectConfig.date !== nextSelectConfig.date) {
     return true;
@@ -176,8 +167,8 @@ const rangeDateHandler = (props, nextProps) => {
     endDate: nextEndDate,
     startDate: nextStartDate
   } = nextProps.selectionConfiguration;
-  const startDateChanged = startDate && nextStartDate && !(0, _dateUtils.isSameDay)(startDate, nextStartDate);
-  const endDateChanged = endDate && nextEndDate && !(0, _dateUtils.isSameDay)(endDate, nextEndDate);
+  const startDateChanged = startDate && nextStartDate && !isSameDay(startDate, nextStartDate);
+  const endDateChanged = endDate && nextEndDate && !isSameDay(endDate, nextEndDate);
   if (startDateChanged || endDateChanged) {
     return true;
   }
@@ -186,7 +177,21 @@ const rangeDateHandler = (props, nextProps) => {
 /*
   Week - table row containing a week full of DateContainer components
 */
-class Week extends _react.Component {
+class Week extends Component {
+  static defaultProps = {
+    dateProps: {},
+    focusedDate: null,
+    ignoreOutsideDate: false,
+    maxDate: null,
+    minDate: null,
+    onDateClick: () => {},
+    onDateKeyDown: () => {},
+    selectionConfiguration: {
+      type: CALENDAR_SELECTION_TYPE.single,
+      date: null
+    },
+    cellClassName: null
+  };
   shouldComponentUpdate(nextProps) {
     const shallowProps = ['DateComponent', 'dateModifiers', 'formatDateFull', 'isKeyboardFocusable', 'markOutsideDays', 'markToday', 'onDateClick', 'onDateKeyDown', 'preventKeyboardFocus', 'weekStartsOn', 'dates', 'cellClassName'];
 
@@ -198,9 +203,9 @@ class Week extends _react.Component {
     // If focusedDate is changing, and it'll be included as part
     // of either the week we're rendering now or the next week
     // we'll render, component should update.
-    if ((nextProps.focusedDate && (0, _dateUtils.isSameWeek)(nextProps.focusedDate, nextProps.dates[0], {
+    if ((nextProps.focusedDate && isSameWeek(nextProps.focusedDate, nextProps.dates[0], {
       weekStartsOn: nextProps.weekStartsOn
-    }) || this.props.focusedDate && (0, _dateUtils.isSameWeek)(this.props.focusedDate, this.props.dates[0], {
+    }) || this.props.focusedDate && isSameWeek(this.props.focusedDate, this.props.dates[0], {
       weekStartsOn: this.props.weekStartsOn
     })) && this.props.focusedDate !== nextProps.focusedDate) {
       return true;
@@ -209,10 +214,10 @@ class Week extends _react.Component {
     // If selected date is changing, and it'll be included as part
     // of either the week we're rendering now or the next week we'll
     // render, component should update.
-    if (this.props.selectionConfiguration?.type === _customProptypes.CALENDAR_SELECTION_TYPE.single && this.props.selectionConfiguration.date) {
+    if (this.props.selectionConfiguration?.type === CALENDAR_SELECTION_TYPE.single && this.props.selectionConfiguration.date) {
       return singleDateHandler(this.props, nextProps);
     }
-    if (this.props.selectionConfiguration?.type === _customProptypes.CALENDAR_SELECTION_TYPE.range) {
+    if (this.props.selectionConfiguration?.type === CALENDAR_SELECTION_TYPE.range) {
       return rangeDateHandler(this.props, nextProps);
     }
 
@@ -221,7 +226,7 @@ class Week extends _react.Component {
       if (nextProps.minDate !== this.props.minDate) {
         return true;
       }
-      if (!(0, _dateUtils.isSameDay)(nextProps.minDate, this.props.minDate)) {
+      if (!isSameDay(nextProps.minDate, this.props.minDate)) {
         return true;
       }
     }
@@ -231,7 +236,7 @@ class Week extends _react.Component {
       if (nextProps.maxDate !== this.props.maxDate) {
         return true;
       }
-      if (!(0, _dateUtils.isSameDay)(nextProps.maxDate, this.props.maxDate)) {
+      if (!isSameDay(nextProps.maxDate, this.props.maxDate)) {
         return true;
       }
     }
@@ -259,26 +264,26 @@ class Week extends _react.Component {
       weekStartsOn
     } = this.props;
     if (ignoreOutsideDate) {
-      const daysOutside = this.props.dates.map(date => (0, _dateUtils.isSameMonth)(date, month));
+      const daysOutside = this.props.dates.map(date => isSameMonth(date, month));
       const shouldRender = daysOutside.reduce(or);
       if (!shouldRender) {
         return null;
       }
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    return /*#__PURE__*/_jsx("div", {
       className: getClassName('bpk-calendar-grid__week'),
       children: this.props.dates.map(date => {
-        const isBlocked = minDate && maxDate ? !(0, _dateUtils.isWithinRange)(date, {
+        const isBlocked = minDate && maxDate ? !isWithinRange(date, {
           start: minDate,
           end: maxDate
         }) : false;
         const dateSelectionType = getSelectionType(date, selectionConfiguration, formatDateFull, month, weekStartsOn, ignoreOutsideDate);
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(DateContainer, {
+        return /*#__PURE__*/_jsx(DateContainer, {
           className: cellClassName,
-          isEmptyCell: !(0, _dateUtils.isSameMonth)(date, month) && ignoreOutsideDate,
+          isEmptyCell: !isSameMonth(date, month) && ignoreOutsideDate,
           isBlocked: isBlocked,
           selectionType: dateSelectionType,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DateComponent, _objectSpread({
+          children: /*#__PURE__*/_jsx(DateComponent, {
             date: date,
             modifiers: dateModifiers,
             "aria-label": formatDateFull(date),
@@ -286,32 +291,19 @@ class Week extends _react.Component {
             onDateKeyDown: onDateKeyDown,
             preventKeyboardFocus: preventKeyboardFocus,
             isKeyboardFocusable: isKeyboardFocusable,
-            isFocused: focusedDate && (0, _dateUtils.isSameDay)(date, focusedDate),
+            isFocused: focusedDate && isSameDay(date, focusedDate),
             isSelected: getSelectedDate(date, selectionConfiguration),
             isBlocked: isBlocked,
-            isOutside: markOutsideDays && !(0, _dateUtils.isSameMonth)(date, month),
-            isToday: markToday && (0, _dateUtils.isToday)(date),
-            selectionType: dateSelectionType
-          }, dateProps))
+            isOutside: markOutsideDays && !isSameMonth(date, month),
+            isToday: markToday && isToday(date),
+            selectionType: dateSelectionType,
+            ...dateProps
+          })
         }, date.getDate());
       })
     });
   }
 }
-_defineProperty(Week, "defaultProps", {
-  dateProps: {},
-  focusedDate: null,
-  ignoreOutsideDate: false,
-  maxDate: null,
-  minDate: null,
-  onDateClick: () => {},
-  onDateKeyDown: () => {},
-  selectionConfiguration: {
-    type: _customProptypes.CALENDAR_SELECTION_TYPE.single,
-    date: null
-  },
-  cellClassName: null
-});
 /*
   DateContainer - one for each date in the grid; wraps the actual BpkCalendarDate (or custom) component
 */
@@ -323,11 +315,10 @@ const DateContainer = ({
   selectionType
 }) => {
   const classNames = getClassName('bpk-calendar-grid__date', `bpk-calendar-grid__date--${selectionType}`, className);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  return /*#__PURE__*/_jsx("div", {
     "aria-hidden": isEmptyCell || isBlocked,
     className: classNames,
     children: children
   });
 };
-var _default = Week;
-exports.default = _default;
+export default Week;

package/bpk-component-calendar/src/composeCalendar.js

@@ -1,36 +1,27 @@
-"use strict";
+/*
+ * Backpack - Skyscanner's Design System
+ *
+ * Copyright 2016 Skyscanner Ltd
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _bpkReactUtils = require("../../bpk-react-utils");
-var _customProptypes = require("./custom-proptypes");
-var _BpkCalendarModule = _interopRequireDefault(require("./BpkCalendar.module.css"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /*
-                                                                                                                                                                                                                                                                                                                                                                                           * Backpack - Skyscanner's Design System
-                                                                                                                                                                                                                                                                                                                                                                                           *
-                                                                                                                                                                                                                                                                                                                                                                                           * Copyright 2016 Skyscanner Ltd
-                                                                                                                                                                                                                                                                                                                                                                                           *
-                                                                                                                                                                                                                                                                                                                                                                                           * Licensed under the Apache License, Version 2.0 (the "License");
-                                                                                                                                                                                                                                                                                                                                                                                           * you may not use this file except in compliance with the License.
-                                                                                                                                                                                                                                                                                                                                                                                           * You may obtain a copy of the License at
-                                                                                                                                                                                                                                                                                                                                                                                           *
-                                                                                                                                                                                                                                                                                                                                                                                           *   http://www.apache.org/licenses/LICENSE-2.0
-                                                                                                                                                                                                                                                                                                                                                                                           *
-                                                                                                                                                                                                                                                                                                                                                                                           * Unless required by applicable law or agreed to in writing, software
-                                                                                                                                                                                                                                                                                                                                                                                           * distributed under the License is distributed on an "AS IS" BASIS,
-                                                                                                                                                                                                                                                                                                                                                                                           * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-                                                                                                                                                                                                                                                                                                                                                                                           * See the License for the specific language governing permissions and
-                                                                                                                                                                                                                                                                                                                                                                                           * limitations under the License.
-                                                                                                                                                                                                                                                                                                                                                                                           */
-const getClassName = (0, _bpkReactUtils.cssModules)(_BpkCalendarModule.default);
+import { cssModules } from "../../bpk-react-utils";
+import { CALENDAR_SELECTION_TYPE } from "./custom-proptypes";
+import STYLES from "./BpkCalendar.module.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const getClassName = cssModules(STYLES);
 const composeCalendar = (Nav, GridHeader, Grid, CalendarDate) => {
   const BpkCalendar = ({
     changeMonthLabel = null,
@@ -59,7 +50,7 @@ const composeCalendar = (Nav, GridHeader, Grid, CalendarDate) => {
     preventKeyboardFocus = false,
     previousMonthLabel = null,
     selectionConfiguration = {
-      type: _customProptypes.CALENDAR_SELECTION_TYPE.single,
+      type: CALENDAR_SELECTION_TYPE.single,
       date: null
     },
     weekDayKey = 'nameAbbr',
@@ -87,9 +78,9 @@ const composeCalendar = (Nav, GridHeader, Grid, CalendarDate) => {
     if (gridClassName) {
       gridClasses.push(gridClassName);
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    return /*#__PURE__*/_jsxs("div", {
       className: classNames.join(' '),
-      children: [Nav && /*#__PURE__*/(0, _jsxRuntime.jsx)(Nav, _objectSpread({
+      children: [Nav && /*#__PURE__*/_jsx(Nav, {
         changeMonthLabel: changeMonthLabel,
         formatMonth: formatMonth,
         id: `${id}__bpk_calendar_nav`,
@@ -98,13 +89,15 @@ const composeCalendar = (Nav, GridHeader, Grid, CalendarDate) => {
         month: month,
         nextMonthLabel: nextMonthLabel,
         onMonthChange: onMonthChange,
-        previousMonthLabel: previousMonthLabel
-      }, navProps)), GridHeader && /*#__PURE__*/(0, _jsxRuntime.jsx)(GridHeader, _objectSpread({
+        previousMonthLabel: previousMonthLabel,
+        ...navProps
+      }), GridHeader && /*#__PURE__*/_jsx(GridHeader, {
         daysOfWeek: daysOfWeek,
         weekStartsOn: weekStartsOn,
         weekDayKey: weekDayKey,
-        className: headerClasses.join(' ')
-      }, headerProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(Grid, _objectSpread({
+        className: headerClasses.join(' '),
+        ...headerProps
+      }), /*#__PURE__*/_jsx(Grid, {
         DateComponent: CalendarDate,
         dateModifiers: dateModifiers,
         daysOfWeek: daysOfWeek,
@@ -122,11 +115,11 @@ const composeCalendar = (Nav, GridHeader, Grid, CalendarDate) => {
         markOutsideDays: markOutsideDays,
         className: gridClasses.join(' '),
         dateProps: dateProps,
-        selectionConfiguration: selectionConfiguration
-      }, gridProps))]
+        selectionConfiguration: selectionConfiguration,
+        ...gridProps
+      })]
     });
   };
   return BpkCalendar;
 };
-var _default = composeCalendar;
-exports.default = _default;
+export default composeCalendar;