@skyscanner/backpack-web 25.7.0-beta.2 → 25.8.0

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

@@ -1,3 +1,18 @@
+"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
  *
@@ -17,18 +32,12 @@
  */
 
 // @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`.
-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 getClassName = (0, _bpkReactUtils.cssModules)(_BpkCalendarNavModule.default);
 const changeMonth = ({
   callback,
   max,
@@ -38,7 +47,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 (isWithinRange(month, {
+  if ((0, _dateUtils.isWithinRange)(month, {
     start: min,
     end: max
   })) {
@@ -61,23 +70,23 @@ const BpkCalendarNav = ({
   onMonthChange = () => {},
   previousMonthLabel
 }) => {
-  const baseMonth = startOfMonth(month);
+  const baseMonth = (0, _dateUtils.startOfMonth)(month);
   const {
     max,
     min
-  } = getMonthRange(minDate, maxDate);
-  const navigatableMonths = getMonthsInRange(minDate, maxDate);
-  const prevMonth = addMonths(baseMonth, -1);
-  const nextMonth = addMonths(baseMonth, 1);
-  return /*#__PURE__*/_jsx("div", {
+  } = (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", {
     className: getClassName('bpk-calendar-nav'),
-    children: /*#__PURE__*/_jsxs("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       style: {
         display: 'table-row'
       },
-      children: [/*#__PURE__*/_jsx("div", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: getClassName('bpk-calendar-nav__nudger'),
-        children: /*#__PURE__*/_jsxs("button", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
           type: "button",
           className: getClassName('bpk-calendar-nav__button'),
           id: `${id}_month_nudger_previous`,
@@ -88,43 +97,43 @@ const BpkCalendarNav = ({
             callback: onMonthChange,
             source: 'PREV'
           }),
-          disabled: disabled || !isWithinRange(prevMonth, {
+          disabled: disabled || !(0, _dateUtils.isWithinRange)(prevMonth, {
             start: min,
             end: max
           }),
-          children: [/*#__PURE__*/_jsx(ArrowLeftIcon, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_arrowLeft.default, {
             className: getClassName('bpk-calendar-nav__icon')
-          }), /*#__PURE__*/_jsx("span", {
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
             className: getClassName('bpk-calendar-nav__text--hidden'),
             children: previousMonthLabel
           })]
         })
-      }), /*#__PURE__*/_jsxs("div", {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: getClassName('bpk-calendar-nav__month'),
-        children: [/*#__PURE__*/_jsx("label", {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
           htmlFor: `${id}_select`,
           className: getClassName('bpk-calendar-nav__text--hidden'),
           children: changeMonthLabel
-        }), /*#__PURE__*/_jsx(BpkSelect, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentSelect.default, {
           id: `${id}_select`,
           name: "months",
-          value: formatIsoMonth(baseMonth),
+          value: (0, _dateUtils.formatIsoMonth)(baseMonth),
           disabled: disabled,
           onChange: event => {
             event.persist();
             onMonthChange(event, {
-              month: parseIsoDate(event.target.value),
+              month: (0, _dateUtils.parseIsoDate)(event.target.value),
               source: 'SELECT'
             });
           },
-          children: navigatableMonths.map(m => /*#__PURE__*/_jsx("option", {
-            value: formatIsoMonth(m),
+          children: navigatableMonths.map(m => /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
+            value: (0, _dateUtils.formatIsoMonth)(m),
             children: formatMonth(m)
           }, m.toString()))
         })]
-      }), /*#__PURE__*/_jsx("div", {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: getClassName('bpk-calendar-nav__nudger'),
-        children: /*#__PURE__*/_jsxs("button", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
           type: "button",
           className: getClassName('bpk-calendar-nav__button'),
           id: `${id}_month_nudger_next`,
@@ -135,21 +144,22 @@ const BpkCalendarNav = ({
             callback: onMonthChange,
             source: 'NEXT'
           }),
-          disabled: disabled || !isWithinRange(addMonths(baseMonth, 1), {
+          disabled: disabled || !(0, _dateUtils.isWithinRange)((0, _dateUtils.addMonths)(baseMonth, 1), {
             start: min,
             end: max
           }),
-          children: [/*#__PURE__*/_jsx(ArrowRightIcon, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_arrowRight.default, {
             className: getClassName('bpk-calendar-nav__icon')
-          }), /*#__PURE__*/_jsx("span", {
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
             className: getClassName('bpk-calendar-nav__text--hidden'),
             children: nextMonthLabel
           })]
         })
-      }), /*#__PURE__*/_jsx(BpkAriaLive, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentAriaLive.default, {
         children: formatMonth(baseMonth)
       })]
     })
   });
 };
-export default BpkCalendarNav;
+var _default = BpkCalendarNav;
+exports.default = _default;

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

@@ -1,32 +1,41 @@
-/*
- * 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.
- */
+"use strict";
 
-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`
+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`
 // 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.
-import STYLES from "./BpkCalendarGrid.module.css";
-import { SELECTION_TYPES } from "./BpkCalendarDate";
-import { jsx as _jsx } from "react/jsx-runtime";
-const getClassName = cssModules(STYLES);
+const getClassName = (0, _bpkReactUtils.cssModules)(_BpkCalendarGridModule.default);
 const shallowEqualProps = (props1, props2, propList) => {
   let i = 0;
   for (; i < propList.length; i += 1) {
@@ -49,15 +58,15 @@ function or(total, bool) {
 function getSelectedDate(date, selectionConfiguration) {
   let startDate;
   let endDate;
-  if (selectionConfiguration.type === CALENDAR_SELECTION_TYPE.single) {
+  if (selectionConfiguration.type === _customProptypes.CALENDAR_SELECTION_TYPE.single) {
     startDate = selectionConfiguration.date;
   } else {
     startDate = selectionConfiguration.startDate;
     endDate = selectionConfiguration.endDate;
   }
-  const sameStartDay = startDate && isSameDay(date, startDate);
-  const sameEndDay = endDate && isSameDay(date, endDate);
-  if (startDate && endDate && (sameStartDay || sameEndDay || isWithinRange(date, {
+  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, {
     start: startDate,
     end: endDate
   })) || startDate && !endDate && sameStartDay || sameStartDay) {
@@ -80,57 +89,57 @@ function getSelectionType(date, selectionConfiguration, formatDateFull, month, w
   const {
     endDate,
     startDate
-  } = selectionConfiguration.type === CALENDAR_SELECTION_TYPE.range ? selectionConfiguration : {
+  } = selectionConfiguration.type === _customProptypes.CALENDAR_SELECTION_TYPE.range ? selectionConfiguration : {
     startDate: null,
     endDate: null
   };
-  const sameStartDay = startDate && isSameDay(date, startDate);
-  const sameEndDay = endDate && isSameDay(date, endDate);
+  const sameStartDay = startDate && (0, _dateUtils.isSameDay)(date, startDate);
+  const sameEndDay = endDate && (0, _dateUtils.isSameDay)(date, endDate);
   const rangeDates = startDate && endDate;
-  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;
+  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;
   }
-  if (selectionConfiguration.type === CALENDAR_SELECTION_TYPE.range) {
+  if (selectionConfiguration.type === _customProptypes.CALENDAR_SELECTION_TYPE.range) {
     if (startDate && !endDate && sameStartDay || rangeDates && sameStartDay && sameEndDay) {
-      return SELECTION_TYPES.single;
+      return _BpkCalendarDate.SELECTION_TYPES.single;
     }
-    if (isEmptyCell && rangeDates && (isSameWeek(startDate, startOfMonth(startDate), {
+    if (isEmptyCell && rangeDates && ((0, _dateUtils.isSameWeek)(startDate, (0, _dateUtils.startOfMonth)(startDate), {
       weekStartsOn
-    }) && isSameWeek(date, startDate, {
+    }) && (0, _dateUtils.isSameWeek)(date, startDate, {
       weekStartsOn
-    }) || isSameWeek(endDate, endOfMonth(endDate), {
+    }) || (0, _dateUtils.isSameWeek)(endDate, (0, _dateUtils.endOfMonth)(endDate), {
       weekStartsOn
-    }) && isSameWeek(date, endDate, {
+    }) && (0, _dateUtils.isSameWeek)(date, endDate, {
       weekStartsOn
     }))) {
-      return SELECTION_TYPES.none;
+      return _BpkCalendarDate.SELECTION_TYPES.none;
     }
-    if (isEmptyCell && rangeDates && !isSameMonth(startDate, endDate) && (isSameWeek(startDate, endOfMonth(startDate), {
+    if (isEmptyCell && rangeDates && !(0, _dateUtils.isSameMonth)(startDate, endDate) && ((0, _dateUtils.isSameWeek)(startDate, (0, _dateUtils.endOfMonth)(startDate), {
       weekStartsOn
-    }) && isSameWeek(date, startDate, {
+    }) && (0, _dateUtils.isSameWeek)(date, startDate, {
       weekStartsOn
-    }) || isSameWeek(endDate, startOfMonth(endDate), {
+    }) || (0, _dateUtils.isSameWeek)(endDate, (0, _dateUtils.startOfMonth)(endDate), {
       weekStartsOn
-    }) && isSameWeek(date, endDate, {
+    }) && (0, _dateUtils.isSameWeek)(date, endDate, {
       weekStartsOn
     }))) {
-      return SELECTION_TYPES.middle;
+      return _BpkCalendarDate.SELECTION_TYPES.middle;
     }
-    if (rangeDates && isWithinRange(date, {
+    if (rangeDates && (0, _dateUtils.isWithinRange)(date, {
       start: startDate,
       end: endDate
     }) && !sameStartDay && !sameEndDay) {
-      return SELECTION_TYPES.middle;
+      return _BpkCalendarDate.SELECTION_TYPES.middle;
     }
     if (startDate && formatDateFull(startDate) === formatDateFull(date)) {
-      return SELECTION_TYPES.start;
+      return _BpkCalendarDate.SELECTION_TYPES.start;
     }
     if (endDate && formatDateFull(endDate) === formatDateFull(date)) {
-      return SELECTION_TYPES.end;
+      return _BpkCalendarDate.SELECTION_TYPES.end;
     }
   }
-  return SELECTION_TYPES.none;
+  return _BpkCalendarDate.SELECTION_TYPES.none;
 }
 
 /**
@@ -142,9 +151,9 @@ function getSelectionType(date, selectionConfiguration, formatDateFull, month, w
 const singleDateHandler = (props, nextProps) => {
   const currentSelectConfig = props.selectionConfiguration;
   const nextSelectConfig = nextProps.selectionConfiguration;
-  if ((nextSelectConfig.date && isSameWeek(nextSelectConfig.date, nextProps.dates[0], {
+  if ((nextSelectConfig.date && (0, _dateUtils.isSameWeek)(nextSelectConfig.date, nextProps.dates[0], {
     weekStartsOn: nextProps.weekStartsOn
-  }) || currentSelectConfig.date && isSameWeek(currentSelectConfig.date, props.dates[0], {
+  }) || currentSelectConfig.date && (0, _dateUtils.isSameWeek)(currentSelectConfig.date, props.dates[0], {
     weekStartsOn: props.weekStartsOn
   })) && currentSelectConfig.date !== nextSelectConfig.date) {
     return true;
@@ -167,8 +176,8 @@ const rangeDateHandler = (props, nextProps) => {
     endDate: nextEndDate,
     startDate: nextStartDate
   } = nextProps.selectionConfiguration;
-  const startDateChanged = startDate && nextStartDate && !isSameDay(startDate, nextStartDate);
-  const endDateChanged = endDate && nextEndDate && !isSameDay(endDate, nextEndDate);
+  const startDateChanged = startDate && nextStartDate && !(0, _dateUtils.isSameDay)(startDate, nextStartDate);
+  const endDateChanged = endDate && nextEndDate && !(0, _dateUtils.isSameDay)(endDate, nextEndDate);
   if (startDateChanged || endDateChanged) {
     return true;
   }
@@ -177,21 +186,7 @@ const rangeDateHandler = (props, nextProps) => {
 /*
   Week - table row containing a week full of DateContainer components
 */
-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
-  };
+class Week extends _react.Component {
   shouldComponentUpdate(nextProps) {
     const shallowProps = ['DateComponent', 'dateModifiers', 'formatDateFull', 'isKeyboardFocusable', 'markOutsideDays', 'markToday', 'onDateClick', 'onDateKeyDown', 'preventKeyboardFocus', 'weekStartsOn', 'dates', 'cellClassName'];
 
@@ -203,9 +198,9 @@ class Week extends 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 && isSameWeek(nextProps.focusedDate, nextProps.dates[0], {
+    if ((nextProps.focusedDate && (0, _dateUtils.isSameWeek)(nextProps.focusedDate, nextProps.dates[0], {
       weekStartsOn: nextProps.weekStartsOn
-    }) || this.props.focusedDate && isSameWeek(this.props.focusedDate, this.props.dates[0], {
+    }) || this.props.focusedDate && (0, _dateUtils.isSameWeek)(this.props.focusedDate, this.props.dates[0], {
       weekStartsOn: this.props.weekStartsOn
     })) && this.props.focusedDate !== nextProps.focusedDate) {
       return true;
@@ -214,10 +209,10 @@ class Week extends 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 === CALENDAR_SELECTION_TYPE.single && this.props.selectionConfiguration.date) {
+    if (this.props.selectionConfiguration?.type === _customProptypes.CALENDAR_SELECTION_TYPE.single && this.props.selectionConfiguration.date) {
       return singleDateHandler(this.props, nextProps);
     }
-    if (this.props.selectionConfiguration?.type === CALENDAR_SELECTION_TYPE.range) {
+    if (this.props.selectionConfiguration?.type === _customProptypes.CALENDAR_SELECTION_TYPE.range) {
       return rangeDateHandler(this.props, nextProps);
     }
 
@@ -226,7 +221,7 @@ class Week extends Component {
       if (nextProps.minDate !== this.props.minDate) {
         return true;
       }
-      if (!isSameDay(nextProps.minDate, this.props.minDate)) {
+      if (!(0, _dateUtils.isSameDay)(nextProps.minDate, this.props.minDate)) {
         return true;
       }
     }
@@ -236,7 +231,7 @@ class Week extends Component {
       if (nextProps.maxDate !== this.props.maxDate) {
         return true;
       }
-      if (!isSameDay(nextProps.maxDate, this.props.maxDate)) {
+      if (!(0, _dateUtils.isSameDay)(nextProps.maxDate, this.props.maxDate)) {
         return true;
       }
     }
@@ -264,26 +259,26 @@ class Week extends Component {
       weekStartsOn
     } = this.props;
     if (ignoreOutsideDate) {
-      const daysOutside = this.props.dates.map(date => isSameMonth(date, month));
+      const daysOutside = this.props.dates.map(date => (0, _dateUtils.isSameMonth)(date, month));
       const shouldRender = daysOutside.reduce(or);
       if (!shouldRender) {
         return null;
       }
     }
-    return /*#__PURE__*/_jsx("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: getClassName('bpk-calendar-grid__week'),
       children: this.props.dates.map(date => {
-        const isBlocked = minDate && maxDate ? !isWithinRange(date, {
+        const isBlocked = minDate && maxDate ? !(0, _dateUtils.isWithinRange)(date, {
           start: minDate,
           end: maxDate
         }) : false;
         const dateSelectionType = getSelectionType(date, selectionConfiguration, formatDateFull, month, weekStartsOn, ignoreOutsideDate);
-        return /*#__PURE__*/_jsx(DateContainer, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(DateContainer, {
           className: cellClassName,
-          isEmptyCell: !isSameMonth(date, month) && ignoreOutsideDate,
+          isEmptyCell: !(0, _dateUtils.isSameMonth)(date, month) && ignoreOutsideDate,
           isBlocked: isBlocked,
           selectionType: dateSelectionType,
-          children: /*#__PURE__*/_jsx(DateComponent, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DateComponent, _objectSpread({
             date: date,
             modifiers: dateModifiers,
             "aria-label": formatDateFull(date),
@@ -291,19 +286,32 @@ class Week extends Component {
             onDateKeyDown: onDateKeyDown,
             preventKeyboardFocus: preventKeyboardFocus,
             isKeyboardFocusable: isKeyboardFocusable,
-            isFocused: focusedDate && isSameDay(date, focusedDate),
+            isFocused: focusedDate && (0, _dateUtils.isSameDay)(date, focusedDate),
             isSelected: getSelectedDate(date, selectionConfiguration),
             isBlocked: isBlocked,
-            isOutside: markOutsideDays && !isSameMonth(date, month),
-            isToday: markToday && isToday(date),
-            selectionType: dateSelectionType,
-            ...dateProps
-          })
+            isOutside: markOutsideDays && !(0, _dateUtils.isSameMonth)(date, month),
+            isToday: markToday && (0, _dateUtils.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
 */
@@ -315,10 +323,11 @@ const DateContainer = ({
   selectionType
 }) => {
   const classNames = getClassName('bpk-calendar-grid__date', `bpk-calendar-grid__date--${selectionType}`, className);
-  return /*#__PURE__*/_jsx("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     "aria-hidden": isEmptyCell || isBlocked,
     className: classNames,
     children: children
   });
 };
-export default Week;
+var _default = Week;
+exports.default = _default;

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

@@ -1,27 +1,36 @@
-/*
- * 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.
- */
+"use strict";
 
-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);
+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);
 const composeCalendar = (Nav, GridHeader, Grid, CalendarDate) => {
   const BpkCalendar = ({
     changeMonthLabel = null,
@@ -50,7 +59,7 @@ const composeCalendar = (Nav, GridHeader, Grid, CalendarDate) => {
     preventKeyboardFocus = false,
     previousMonthLabel = null,
     selectionConfiguration = {
-      type: CALENDAR_SELECTION_TYPE.single,
+      type: _customProptypes.CALENDAR_SELECTION_TYPE.single,
       date: null
     },
     weekDayKey = 'nameAbbr',
@@ -78,9 +87,9 @@ const composeCalendar = (Nav, GridHeader, Grid, CalendarDate) => {
     if (gridClassName) {
       gridClasses.push(gridClassName);
     }
-    return /*#__PURE__*/_jsxs("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: classNames.join(' '),
-      children: [Nav && /*#__PURE__*/_jsx(Nav, {
+      children: [Nav && /*#__PURE__*/(0, _jsxRuntime.jsx)(Nav, _objectSpread({
         changeMonthLabel: changeMonthLabel,
         formatMonth: formatMonth,
         id: `${id}__bpk_calendar_nav`,
@@ -89,15 +98,13 @@ const composeCalendar = (Nav, GridHeader, Grid, CalendarDate) => {
         month: month,
         nextMonthLabel: nextMonthLabel,
         onMonthChange: onMonthChange,
-        previousMonthLabel: previousMonthLabel,
-        ...navProps
-      }), GridHeader && /*#__PURE__*/_jsx(GridHeader, {
+        previousMonthLabel: previousMonthLabel
+      }, navProps)), GridHeader && /*#__PURE__*/(0, _jsxRuntime.jsx)(GridHeader, _objectSpread({
         daysOfWeek: daysOfWeek,
         weekStartsOn: weekStartsOn,
         weekDayKey: weekDayKey,
-        className: headerClasses.join(' '),
-        ...headerProps
-      }), /*#__PURE__*/_jsx(Grid, {
+        className: headerClasses.join(' ')
+      }, headerProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(Grid, _objectSpread({
         DateComponent: CalendarDate,
         dateModifiers: dateModifiers,
         daysOfWeek: daysOfWeek,
@@ -115,11 +122,11 @@ const composeCalendar = (Nav, GridHeader, Grid, CalendarDate) => {
         markOutsideDays: markOutsideDays,
         className: gridClasses.join(' '),
         dateProps: dateProps,
-        selectionConfiguration: selectionConfiguration,
-        ...gridProps
-      })]
+        selectionConfiguration: selectionConfiguration
+      }, gridProps))]
     });
   };
   return BpkCalendar;
 };
-export default composeCalendar;
+var _default = composeCalendar;
+exports.default = _default;