@skyscanner/backpack-web 23.2.2 → 24.0.0

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

@@ -3,11 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.propTypes = exports.defaultProps = exports.default = exports.SELECTION_TYPES = exports.ROW_TYPES = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
+exports.default = exports.SELECTION_TYPES = exports.ROW_TYPES = void 0;
 var _react = require("react");
 var _bpkReactUtils = require("../../bpk-react-utils");
-var _customProptypes = _interopRequireDefault(require("./custom-proptypes"));
 var _BpkCalendarDateModule = _interopRequireDefault(require("./BpkCalendarDate.module.css"));
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["className", "date", "isBlocked", "isFocused", "isKeyboardFocusable", "isOutside", "isSelected", "isToday", "modifiers", "onClick", "onDateKeyDown", "selectionType", "style"];
@@ -52,20 +50,18 @@ const ROW_TYPES = {
   both: 'both'
 };
 exports.ROW_TYPES = ROW_TYPES;
-const navigatedByMonthNudger = () => document.activeElement.id && document.activeElement.id.indexOf('month_nudger') !== -1;
+const navigatedByMonthNudger = () => document?.activeElement?.id && document.activeElement.id.indexOf('month_nudger') !== -1;
 class BpkCalendarDate extends _react.PureComponent {
   constructor(...args) {
     super(...args);
-    _defineProperty(this, "getButtonRef", button => {
-      this.button = button;
-    });
+    _defineProperty(this, "button", null);
   }
   componentDidMount() {
     if (!this.props.preventKeyboardFocus && this.props.isFocused) {
       // If we got here by clicking the nudger, don't focus this date
       if (!navigatedByMonthNudger()) {
         // Giving focus after instantiation
-        this.button.focus();
+        this.button?.focus();
       }
     }
   }
@@ -76,13 +72,13 @@ class BpkCalendarDate extends _react.PureComponent {
 
     // Giving focus after keyboard navigation
     if (!prevProps.isFocused && this.props.isFocused && this.props.isKeyboardFocusable) {
-      this.button.focus();
+      this.button?.focus();
       return;
     }
 
     // Giving focus after changing months with transition
     if (this.props.isFocused && !prevProps.isKeyboardFocusable && this.props.isKeyboardFocusable) {
-      this.button.focus();
+      this.button?.focus();
     }
   }
   render() {
@@ -133,9 +129,9 @@ class BpkCalendarDate extends _react.PureComponent {
       style: style,
       className: classNames.join(' '),
       "aria-hidden": isBlocked,
-      "aria-label": date.getDate(),
+      "aria-label": `${date.getDate()}`,
       disabled: isBlocked,
-      tabIndex: isKeyboardFocusable && isFocused ? '0' : '-1',
+      tabIndex: isKeyboardFocusable && isFocused ? 0 : -1,
       onClick: () => {
         if (onClick) {
           onClick(date);
@@ -143,7 +139,9 @@ class BpkCalendarDate extends _react.PureComponent {
       },
       onKeyDown: onDateKeyDown,
       "aria-pressed": isSelected,
-      ref: this.getButtonRef
+      ref: button => {
+        this.button = button;
+      }
     }, buttonProps), {}, {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         "aria-hidden": "true",
@@ -152,27 +150,7 @@ class BpkCalendarDate extends _react.PureComponent {
     }));
   }
 }
-const propTypes = {
-  // Required
-  date: _propTypes.default.instanceOf(Date).isRequired,
-  // Optional
-  className: _propTypes.default.string,
-  isBlocked: _propTypes.default.bool,
-  isFocused: _propTypes.default.bool,
-  isKeyboardFocusable: _propTypes.default.bool,
-  isOutside: _propTypes.default.bool,
-  isSelected: _propTypes.default.bool,
-  isToday: _propTypes.default.bool,
-  modifiers: _customProptypes.default.DateModifiers,
-  onClick: _propTypes.default.func,
-  onDateKeyDown: _propTypes.default.func,
-  preventKeyboardFocus: _propTypes.default.bool,
-  selectionType: _propTypes.default.oneOf(Object.keys(SELECTION_TYPES)),
-  style: _propTypes.default.object
-};
-exports.propTypes = propTypes;
-BpkCalendarDate.propTypes = _objectSpread({}, propTypes);
-const defaultProps = {
+_defineProperty(BpkCalendarDate, "defaultProps", {
   className: null,
   isBlocked: false,
   isFocused: false,
@@ -182,12 +160,10 @@ const defaultProps = {
   isToday: false,
   modifiers: {},
   onClick: null,
-  onDateKeyDown: null,
+  onDateKeyDown: () => {},
   preventKeyboardFocus: true,
   selectionType: SELECTION_TYPES.none,
-  style: null
-};
-exports.defaultProps = defaultProps;
-BpkCalendarDate.defaultProps = _objectSpread({}, defaultProps);
+  style: {}
+});
 var _default = BpkCalendarDate;
 exports.default = _default;

package/bpk-component-calendar/src/BpkCalendarGrid.d.ts

@@ -0,0 +1,68 @@
+/*
+ * 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.
+ */
+
+import type { ElementType } from 'react';
+import { Component } from 'react';
+import type { DateModifiers, SelectionConfiguration } from './custom-proptypes';
+type DefaultProps = {
+    className: string | null;
+    dateModifiers: DateModifiers;
+    focusedDate: Date | null;
+    cellClassName: string | null;
+    isKeyboardFocusable: boolean;
+    markOutsideDays: boolean;
+    markToday: boolean;
+    maxDate: Date;
+    minDate: Date;
+    onDateClick: () => void;
+    onDateKeyDown: () => void;
+    preventKeyboardFocus: boolean;
+    selectionConfiguration: SelectionConfiguration;
+    ignoreOutsideDate: boolean;
+    dateProps: {};
+};
+type Props = DefaultProps & {
+    DateComponent: ElementType;
+    formatDateFull: (date: Date) => Date | string;
+    month: Date;
+    weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+};
+type State = {
+    calendarMonthWeeks: Date[][];
+};
+declare class BpkCalendarGrid extends Component<Props, State> {
+    static defaultProps: DefaultProps;
+    constructor(props: Props);
+    UNSAFE_componentWillReceiveProps(nextProps: Props): void;
+    render(): JSX.Element;
+}
+declare const BpkCalendarGridWithTransition: typeof BpkCalendarGrid | ((props: Omit<DefaultProps & {
+    DateComponent: ElementType;
+    formatDateFull: (date: Date) => Date | string;
+    month: Date;
+    weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+} & {
+    TransitionComponent: ElementType<any>;
+} & {
+    [rest: string]: any;
+    className?: string | null | undefined;
+    month?: Date | undefined;
+    focusedDate?: Date | null | undefined;
+}, "TransitionComponent">) => JSX.Element);
+export default BpkCalendarGrid;
+export { BpkCalendarGridWithTransition };

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

@@ -3,21 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.propTypes = exports.default = exports.BpkCalendarGridWithTransition = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
+exports.default = exports.BpkCalendarGridWithTransition = void 0;
 var _react = require("react");
 var _bpkReactUtils = require("../../bpk-react-utils");
 var _Week = _interopRequireDefault(require("./Week"));
 var _dateUtils = require("./date-utils");
-var _customProptypes = _interopRequireWildcard(require("./custom-proptypes"));
+var _customProptypes = require("./custom-proptypes");
 var _BpkCalendarGridModule = _interopRequireDefault(require("./BpkCalendarGrid.module.css"));
 var _BpkCalendarGridTransition = require("./BpkCalendarGridTransition");
 var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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 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); } /*
@@ -44,7 +39,6 @@ function _toPrimitive(input, hint) { if (typeof input !== "object" || input ===
 // NOTE that ./Week is also importing ./BpkCalendarGrid.module.css so adding this after `./Week` would also do the job but
 // for clarity we should leave it here.
 const getClassName = (0, _bpkReactUtils.cssModules)(_BpkCalendarGridModule.default);
-
 /*
   BpkCalendarGrid - the grid representing a whole month
 */
@@ -120,32 +114,9 @@ class BpkCalendarGrid extends _react.Component {
     });
   }
 }
-const propTypes = {
-  // Required
-  DateComponent: _propTypes.default.elementType.isRequired,
-  formatDateFull: _propTypes.default.func.isRequired,
-  month: _propTypes.default.instanceOf(Date).isRequired,
-  weekStartsOn: _propTypes.default.number.isRequired,
-  // Optional
-  className: _propTypes.default.string,
-  cellClassName: _propTypes.default.string,
-  dateModifiers: _customProptypes.default.DateModifiers,
-  focusedDate: _propTypes.default.instanceOf(Date),
-  isKeyboardFocusable: _propTypes.default.bool,
-  markOutsideDays: _propTypes.default.bool,
-  markToday: _propTypes.default.bool,
-  maxDate: _propTypes.default.instanceOf(Date),
-  minDate: _propTypes.default.instanceOf(Date),
-  onDateClick: _propTypes.default.func,
-  onDateKeyDown: _propTypes.default.func,
-  preventKeyboardFocus: _propTypes.default.bool,
-  selectionConfiguration: _customProptypes.default.SelectionConfiguration,
-  ignoreOutsideDate: _propTypes.default.bool,
-  dateProps: _propTypes.default.object
-};
-exports.propTypes = propTypes;
-BpkCalendarGrid.propTypes = _objectSpread({}, propTypes);
-BpkCalendarGrid.defaultProps = {
+
+// On iOS, having transitions causes accessibility issues, so we disable it (KOA-4467).
+_defineProperty(BpkCalendarGrid, "defaultProps", {
   className: null,
   dateModifiers: {},
   focusedDate: null,
@@ -154,19 +125,17 @@ BpkCalendarGrid.defaultProps = {
   markToday: true,
   maxDate: (0, _dateUtils.addMonths)(new Date(), 12),
   minDate: new Date(),
-  onDateClick: null,
-  onDateKeyDown: null,
+  onDateClick: () => {},
+  onDateKeyDown: () => {},
   preventKeyboardFocus: false,
   selectionConfiguration: {
     type: _customProptypes.CALENDAR_SELECTION_TYPE.single,
     date: null
   },
   ignoreOutsideDate: false,
-  dateProps: null,
+  dateProps: {},
   cellClassName: null
-};
-
-// On iOS, having transitions causes accessibility issues, so we disable it (KOA-4467).
+});
 const BpkCalendarGridWithTransition = (0, _bpkReactUtils.isDeviceIos)() ? BpkCalendarGrid : (0, _BpkCalendarGridTransition.addCalendarGridTransition)(BpkCalendarGrid);
 exports.BpkCalendarGridWithTransition = BpkCalendarGridWithTransition;
 var _default = BpkCalendarGrid;

package/bpk-component-calendar/src/BpkCalendarGridHeader.d.ts

@@ -0,0 +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.
+ */
+
+import { PureComponent } from 'react';
+import type { DaysOfWeek, WeekDayKey } from './custom-proptypes';
+type Props = DefaultProps & {
+    daysOfWeek: DaysOfWeek;
+    weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+};
+type DefaultProps = {
+    className?: string | null;
+    weekDayKey: WeekDayKey;
+};
+declare class BpkCalendarGridHeader extends PureComponent<Props> {
+    static defaultProps: {
+        className: null;
+        weekDayKey: string;
+    };
+    render(): JSX.Element;
+}
+export default BpkCalendarGridHeader;

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

@@ -4,59 +4,46 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = require("react");
 var _bpkReactUtils = require("../../bpk-react-utils");
-var _customProptypes = _interopRequireDefault(require("./custom-proptypes"));
 var _dateUtils = require("./date-utils");
 var _BpkCalendarGridHeaderModule = _interopRequireDefault(require("./BpkCalendarGridHeader.module.css"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/*
- * 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.
- */
-
+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)(_BpkCalendarGridHeaderModule.default);
-
 /*
   WeekDay - table header cells such as "Mon", "Tue", "Wed"...
 */
-const WeekDay = props => {
-  const {
-    Element,
-    weekDay,
-    weekDayKey
-  } = props;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Element, {
-    className: getClassName('bpk-calendar-header__weekday'),
-    title: weekDay.name,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      children: weekDay[weekDayKey]
-    })
-  });
-};
-WeekDay.propTypes = {
-  Element: _customProptypes.default.ReactComponent.isRequired,
-  weekDay: _customProptypes.default.WeekDay.isRequired,
-  weekDayKey: _customProptypes.default.WeekDayKey
-};
-WeekDay.defaultProps = {
-  weekDayKey: 'nameAbbr'
-};
+const WeekDayComponent = ({
+  Element,
+  weekDay,
+  weekDayKey = 'nameAbbr'
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Element, {
+  className: getClassName('bpk-calendar-header__weekday'),
+  title: weekDay.name,
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    children: weekDay[weekDayKey]
+  })
+});
 class BpkCalendarGridHeader extends _react.PureComponent {
   render() {
     const {
@@ -74,7 +61,7 @@ class BpkCalendarGridHeader extends _react.PureComponent {
       "aria-hidden": true,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ol", {
         className: getClassName('bpk-calendar-header__week'),
-        children: daysOfWeek.map(weekDay => /*#__PURE__*/(0, _jsxRuntime.jsx)(WeekDay, {
+        children: daysOfWeek.map(weekDay => /*#__PURE__*/(0, _jsxRuntime.jsx)(WeekDayComponent, {
           Element: "li",
           weekDay: weekDay,
           weekDayKey: weekDayKey
@@ -83,15 +70,9 @@ class BpkCalendarGridHeader extends _react.PureComponent {
     });
   }
 }
-BpkCalendarGridHeader.propTypes = {
-  daysOfWeek: _customProptypes.default.DaysOfWeek.isRequired,
-  weekStartsOn: _propTypes.default.number.isRequired,
-  className: _propTypes.default.string,
-  weekDayKey: _customProptypes.default.WeekDayKey
-};
-BpkCalendarGridHeader.defaultProps = {
+_defineProperty(BpkCalendarGridHeader, "defaultProps", {
   className: null,
   weekDayKey: 'nameAbbr'
-};
+});
 var _default = BpkCalendarGridHeader;
 exports.default = _default;

package/bpk-component-calendar/src/BpkCalendarGridTransition.d.ts

@@ -0,0 +1,56 @@
+/*
+ * 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.
+ */
+
+import type { ComponentType, ElementType } from 'react';
+import { Component } from 'react';
+export type Props = InjectedCalendarGridTransitionProps & {
+    className?: string | null;
+    month?: Date;
+    focusedDate?: Date | null;
+    [rest: string]: any;
+};
+type InjectedCalendarGridTransitionProps = {
+    TransitionComponent: ElementType;
+};
+type State = {
+    isTransitioning: boolean;
+    transitionValue: string;
+    currentMonth?: Date | null;
+    months: Date[];
+};
+declare class BpkCalendarGridTransition extends Component<Props, State> {
+    isTransitionEndSupported: boolean;
+    static defaultProps: {
+        className: null;
+        month: Date;
+        focusedDate: null;
+    };
+    constructor(props: Props);
+    UNSAFE_componentWillReceiveProps({ month: nextMonth }: Props): void;
+    componentDidUpdate(): void;
+    onMonthTransitionEnd(): void;
+    render(): JSX.Element;
+}
+declare const addCalendarGridTransition: <P extends {}>(TransitionComponent: ComponentType<P>) => (props: Omit<P & InjectedCalendarGridTransitionProps & {
+    [rest: string]: any;
+    className?: string | null | undefined;
+    month?: Date | undefined;
+    focusedDate?: Date | null | undefined;
+}, "TransitionComponent">) => JSX.Element;
+export default BpkCalendarGridTransition;
+export { addCalendarGridTransition };