@skyscanner/backpack-web 17.0.1 → 17.1.0-beta.1

package/bpk-component-calendar/src/BpkCalendarGrid.module.css

@@ -15,4 +15,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
 */
-@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-calendar-grid{width:100%;border-collapse:separate;border-spacing:0}.bpk-calendar-grid--animating{z-index:1;transition:transform 0.2s ease-in-out}.bpk-calendar-grid__caption{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0)}.bpk-calendar-grid__date{width:100%;text-align:center}.bpk-calendar-grid__date--start{background-image:linear-gradient(to right, #fff 50%, #cddff8 50%)}.bpk-calendar-grid__date--middle{background-color:#cddff8}.bpk-calendar-grid__date--end{background-image:linear-gradient(to left, #fff 50%, #cddff8 50%)}.bpk-calendar-grid__week{display:flex;padding-top:1.5rem}
+@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-calendar-grid{width:100%;border-collapse:separate;border-spacing:0}.bpk-calendar-grid--animating{z-index:1;transition:transform 0.2s ease-in-out}.bpk-calendar-grid__caption{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0)}.bpk-calendar-grid__date{width:100%;text-align:center}.bpk-calendar-grid__date--start{background-image:linear-gradient(to right, #fff 50%, #e0e3e5 50%)}.bpk-calendar-grid__date--middle{background-color:#e0e3e5}.bpk-calendar-grid__date--end{background-image:linear-gradient(to left, #fff 50%, #e0e3e5 50%)}.bpk-calendar-grid__week{display:flex;padding-top:1.5rem}

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

@@ -1,3 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(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"));
+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 }; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -16,53 +31,42 @@
  * limitations under the License.
  */
 
-import PropTypes from 'prop-types';
-import React, { PureComponent } from 'react';
-
-import { cssModules, deprecated } from '../../bpk-react-utils';
-
-import CustomPropTypes from './custom-proptypes';
-import { orderDaysOfWeek } from './date-utils';
-import STYLES from './BpkCalendarGridHeader.module.scss';
-
-const getClassName = cssModules(STYLES);
+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 (
-    <Element
-      className={getClassName('bpk-calendar-header__weekday')}
-      title={weekDay.name}
-    >
-      <span>{weekDay[weekDayKey]}</span>
-    </Element>
-  );
+const WeekDay = props => {
+  const {
+    Element,
+    weekDay,
+    weekDayKey
+  } = props;
+  return /*#__PURE__*/_react.default.createElement(Element, {
+    className: getClassName('bpk-calendar-header__weekday'),
+    title: weekDay.name
+  }, /*#__PURE__*/_react.default.createElement("span", null, weekDay[weekDayKey]));
 };
-
 WeekDay.propTypes = {
-  Element: CustomPropTypes.ReactComponent.isRequired,
-  weekDay: CustomPropTypes.WeekDay.isRequired,
-  weekDayKey: CustomPropTypes.WeekDayKey,
+  Element: _customProptypes.default.ReactComponent.isRequired,
+  weekDay: _customProptypes.default.WeekDay.isRequired,
+  weekDayKey: _customProptypes.default.WeekDayKey
 };
-
 WeekDay.defaultProps = {
-  weekDayKey: 'nameAbbr',
+  weekDayKey: 'nameAbbr'
 };
-
-class BpkCalendarGridHeader extends PureComponent {
+class BpkCalendarGridHeader extends _react.PureComponent {
   render() {
-    const { className, isTableHead, weekDayKey, weekStartsOn } = this.props;
-
+    const {
+      className,
+      isTableHead,
+      weekDayKey,
+      weekStartsOn
+    } = this.props;
     const Header = isTableHead ? 'thead' : 'header';
     const List = isTableHead ? 'tr' : 'ol';
     const Item = isTableHead ? 'th' : 'li';
-
-    const daysOfWeek = orderDaysOfWeek(this.props.daysOfWeek, weekStartsOn);
-
+    const daysOfWeek = (0, _dateUtils.orderDaysOfWeek)(this.props.daysOfWeek, weekStartsOn);
     const classNames = [getClassName('bpk-calendar-header')];
     if (isTableHead) {
       classNames.push(getClassName('bpk-calendar-header--table-head'));
@@ -70,41 +74,32 @@ class BpkCalendarGridHeader extends PureComponent {
     if (className) {
       classNames.push(className);
     }
-
-    return (
-      <Header className={classNames.join(' ')} aria-hidden>
-        <List className={getClassName('bpk-calendar-header__week')}>
-          {daysOfWeek.map((weekDay) => (
-            <WeekDay
-              Element={Item}
-              key={weekDay.index}
-              weekDay={weekDay}
-              weekDayKey={weekDayKey}
-            />
-          ))}
-        </List>
-      </Header>
-    );
+    return /*#__PURE__*/_react.default.createElement(Header, {
+      className: classNames.join(' '),
+      "aria-hidden": true
+    }, /*#__PURE__*/_react.default.createElement(List, {
+      className: getClassName('bpk-calendar-header__week')
+    }, daysOfWeek.map(weekDay => /*#__PURE__*/_react.default.createElement(WeekDay, {
+      Element: Item,
+      key: weekDay.index,
+      weekDay: weekDay,
+      weekDayKey: weekDayKey
+    }))));
   }
 }
-
 BpkCalendarGridHeader.propTypes = {
-  daysOfWeek: CustomPropTypes.DaysOfWeek.isRequired,
-  weekStartsOn: PropTypes.number.isRequired,
-  isTableHead: PropTypes.bool,
-  className: PropTypes.string,
-  weekDayKey: CustomPropTypes.WeekDayKey,
+  daysOfWeek: _customProptypes.default.DaysOfWeek.isRequired,
+  weekStartsOn: _propTypes.default.number.isRequired,
+  isTableHead: _propTypes.default.bool,
+  className: _propTypes.default.string,
+  weekDayKey: _customProptypes.default.WeekDayKey,
   // eslint-disable-next-line react/require-default-props,react/no-unused-prop-types
-  showWeekendSeparator: deprecated(
-    PropTypes.bool,
-    'The showWeekendSeparator prop in BpkCalendarGridHeader is now deprecated as no longer part of the calendar, so is no longer required',
-  ),
+  showWeekendSeparator: (0, _bpkReactUtils.deprecated)(_propTypes.default.bool, 'The showWeekendSeparator prop in BpkCalendarGridHeader is now deprecated as no longer part of the calendar, so is no longer required')
 };
-
 BpkCalendarGridHeader.defaultProps = {
   isTableHead: false,
   className: null,
-  weekDayKey: 'nameAbbr',
+  weekDayKey: 'nameAbbr'
 };
-
-export default BpkCalendarGridHeader;
+var _default = BpkCalendarGridHeader;
+exports.default = _default;

package/bpk-component-calendar/src/BpkCalendarGridHeader.module.css

@@ -15,4 +15,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
 */
-@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-calendar-header{display:table;width:100%;table-layout:fixed}.bpk-calendar-header--table-head{display:none}.bpk-calendar-header__week{display:table-row;list-style:none;text-align:center;margin:0;font-size:.75rem;line-height:1rem;font-weight:400}.bpk-calendar-header__weekday{display:table-cell;height:2.25rem;padding:0 .5rem;box-shadow:0 1px 0 0 #dddde5;vertical-align:middle;box-sizing:content-box;font-size:.875rem;line-height:1.25rem;font-weight:400}
+@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-calendar-header{display:table;width:100%;table-layout:fixed}.bpk-calendar-header--table-head{display:none}.bpk-calendar-header__week{display:table-row;list-style:none;text-align:center;margin:0;font-size:.75rem;line-height:1rem;font-weight:400}.bpk-calendar-header__weekday{display:table-cell;height:2.25rem;padding:0 .5rem;box-shadow:0 1px 0 0 #c2c9cd;vertical-align:middle;box-sizing:content-box;font-size:.875rem;line-height:1.25rem;font-weight:400}

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

@@ -1,124 +1,71 @@
-/*
- * 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 PropTypes from 'prop-types';
-import React, { Component } from 'react';
-
-import { cssModules, isRTL } from '../../bpk-react-utils';
-
-import {
-  getCalendarGridWidth,
-  getTransformStyles,
-  isTransitionEndSupported,
-} from './utils';
-import {
-  addMonths,
-  isSameMonth,
-  formatIsoMonth,
-  differenceInCalendarMonths,
-  dateToBoundaries,
-  startOfDay,
-  setMonthYear,
-  isWithinRange,
-  getMonthRange,
-} from './date-utils';
-import STYLES from './BpkCalendarGridTransition.module.scss';
-
-const getClassName = cssModules(STYLES);
-
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.addCalendarGridTransition = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
+var _bpkReactUtils = require("../../bpk-react-utils");
+var _utils = require("./utils");
+var _dateUtils = require("./date-utils");
+var _BpkCalendarGridTransitionModule = _interopRequireDefault(require("./BpkCalendarGridTransition.module.css"));
+const _excluded = ["TransitionComponent", "className", "focusedDate"];
+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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+const getClassName = (0, _bpkReactUtils.cssModules)(_BpkCalendarGridTransitionModule.default);
 const transitionValues = {
   previous: '0px',
-  current: getCalendarGridWidth(-1),
-  next: getCalendarGridWidth(-2),
+  current: (0, _utils.getCalendarGridWidth)(-1),
+  next: (0, _utils.getCalendarGridWidth)(-2)
 };
-
-const getFocusedDateForMonth = (month, currentFocusedDate, minDate, maxDate) =>
-  dateToBoundaries(
-    setMonthYear(currentFocusedDate, month.getMonth(), month.getFullYear()),
-    startOfDay(minDate),
-    startOfDay(maxDate),
-  );
-
-class BpkCalendarGridTransition extends Component {
+const getFocusedDateForMonth = (month, currentFocusedDate, minDate, maxDate) => (0, _dateUtils.dateToBoundaries)((0, _dateUtils.setMonthYear)(currentFocusedDate, month.getMonth(), month.getFullYear()), (0, _dateUtils.startOfDay)(minDate), (0, _dateUtils.startOfDay)(maxDate));
+class BpkCalendarGridTransition extends _react.Component {
   constructor(props) {
     super(props);
-
     this.onMonthTransitionEnd = this.onMonthTransitionEnd.bind(this);
-
     this.state = {
       isTransitioning: false,
       transitionValue: transitionValues.current,
       // Used in a test so this is valid usage.
       // eslint-disable-next-line react/no-unused-state
       currentMonth: props.month,
-      months: [
-        addMonths(props.month, -1),
-        props.month,
-        addMonths(props.month, 1),
-      ],
+      months: [(0, _dateUtils.addMonths)(props.month, -1), props.month, (0, _dateUtils.addMonths)(props.month, 1)]
     };
-
-    this.isTransitionEndSupported = isTransitionEndSupported();
+    this.isTransitionEndSupported = (0, _utils.isTransitionEndSupported)();
   }
-
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const hasMonthChanged = !isSameMonth(this.props.month, nextProps.month);
-
+    const hasMonthChanged = !(0, _dateUtils.isSameMonth)(this.props.month, nextProps.month);
     if (hasMonthChanged) {
-      const reverse = isRTL();
-
-      if (differenceInCalendarMonths(nextProps.month, this.props.month) === 1) {
+      const reverse = (0, _bpkReactUtils.isRTL)();
+      if ((0, _dateUtils.differenceInCalendarMonths)(nextProps.month, this.props.month) === 1) {
         // Transition to next month
         this.setState({
-          transitionValue: reverse
-            ? transitionValues.previous
-            : transitionValues.next,
-          isTransitioning: true,
+          transitionValue: reverse ? transitionValues.previous : transitionValues.next,
+          isTransitioning: true
         });
         return;
       }
-
-      if (
-        differenceInCalendarMonths(nextProps.month, this.props.month) === -1
-      ) {
+      if ((0, _dateUtils.differenceInCalendarMonths)(nextProps.month, this.props.month) === -1) {
         // Transition to previous month
         this.setState({
-          transitionValue: reverse
-            ? transitionValues.next
-            : transitionValues.previous,
-          isTransitioning: true,
+          transitionValue: reverse ? transitionValues.next : transitionValues.previous,
+          isTransitioning: true
         });
         return;
       }
-
       this.setState({
         // Used in a test so this is valid usage.
         // eslint-disable-next-line react/no-unused-state
         currentMonth: nextProps.month,
-        months: [
-          addMonths(nextProps.month, -1),
-          nextProps.month,
-          addMonths(nextProps.month, 1),
-        ],
+        months: [(0, _dateUtils.addMonths)(nextProps.month, -1), nextProps.month, (0, _dateUtils.addMonths)(nextProps.month, 1)]
       });
     }
   }
-
   componentDidUpdate() {
     // For IE9, immediately call onMonthTransitionEnd instead of
     // waiting for the animation to complete
@@ -127,96 +74,77 @@ class BpkCalendarGridTransition extends Component {
       this.onMonthTransitionEnd();
     }
   }
-
   onMonthTransitionEnd() {
-    const { month } = this.props;
-
+    const {
+      month
+    } = this.props;
     this.setState({
       transitionValue: transitionValues.current,
       isTransitioning: false,
       // Used in a test so this is valid usage.
       // eslint-disable-next-line react/no-unused-state
       currentMonth: month,
-      months: [addMonths(month, -1), month, addMonths(month, 1)],
+      months: [(0, _dateUtils.addMonths)(month, -1), month, (0, _dateUtils.addMonths)(month, 1)]
     });
   }
-
   render() {
-    const { TransitionComponent, className, focusedDate, ...rest } = this.props;
-    const { isTransitioning, transitionValue } = this.state;
-
-    const stripClassNames = getClassName(
-      'bpk-calendar-grid-transition__strip',
-      isTransitioning && 'bpk-calendar-grid-transition__strip--transitioning',
-    );
-
+    const _this$props = this.props,
+      {
+        TransitionComponent,
+        className,
+        focusedDate
+      } = _this$props,
+      rest = _objectWithoutProperties(_this$props, _excluded);
+    const {
+      isTransitioning,
+      transitionValue
+    } = this.state;
+    const stripClassNames = getClassName('bpk-calendar-grid-transition__strip', isTransitioning && 'bpk-calendar-grid-transition__strip--transitioning');
     let min;
     let max;
     if (rest.minDate && rest.maxDate) {
-      ({ max, min } = getMonthRange(rest.minDate, rest.maxDate));
+      ({
+        max,
+        min
+      } = (0, _dateUtils.getMonthRange)(rest.minDate, rest.maxDate));
     }
-
-    return (
-      <div className={getClassName('bpk-calendar-grid-transition', className)}>
-        <div
-          className={stripClassNames}
-          style={getTransformStyles(transitionValue)}
-          onTransitionEnd={this.onMonthTransitionEnd}
-        >
-          {this.state.months.map((m, index) =>
-            min && max && isWithinRange(m, { start: min, end: max }) ? (
-              <TransitionComponent
-                {...rest}
-                key={formatIsoMonth(m)}
-                month={m}
-                preventKeyboardFocus={index !== 1 || rest.preventKeyboardFocus}
-                isKeyboardFocusable={!isTransitioning && index === 1}
-                focusedDate={
-                  index === 1
-                    ? focusedDate
-                    : getFocusedDateForMonth(
-                        m,
-                        focusedDate,
-                        rest.minDate,
-                        rest.maxDate,
-                      )
-                }
-                aria-hidden={index !== 1}
-                className={getClassName('bpk-calendar-grid-transition__grid')}
-              />
-            ) : (
-              <div
-                className={getClassName('bpk-calendar-grid-transition__dummy')}
-                key={formatIsoMonth(m)}
-              />
-            ),
-          )}
-        </div>
-      </div>
-    );
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: getClassName('bpk-calendar-grid-transition', className)
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: stripClassNames,
+      style: (0, _utils.getTransformStyles)(transitionValue),
+      onTransitionEnd: this.onMonthTransitionEnd
+    }, this.state.months.map((m, index) => min && max && (0, _dateUtils.isWithinRange)(m, {
+      start: min,
+      end: max
+    }) ? /*#__PURE__*/_react.default.createElement(TransitionComponent, _extends({}, rest, {
+      key: (0, _dateUtils.formatIsoMonth)(m),
+      month: m,
+      preventKeyboardFocus: index !== 1 || rest.preventKeyboardFocus,
+      isKeyboardFocusable: !isTransitioning && index === 1,
+      focusedDate: index === 1 ? focusedDate : getFocusedDateForMonth(m, focusedDate, rest.minDate, rest.maxDate),
+      "aria-hidden": index !== 1,
+      className: getClassName('bpk-calendar-grid-transition__grid')
+    })) : /*#__PURE__*/_react.default.createElement("div", {
+      className: getClassName('bpk-calendar-grid-transition__dummy'),
+      key: (0, _dateUtils.formatIsoMonth)(m)
+    }))));
   }
 }
-
 BpkCalendarGridTransition.propTypes = {
-  TransitionComponent: PropTypes.elementType.isRequired,
-  className: PropTypes.string,
-  month: PropTypes.instanceOf(Date),
-  focusedDate: PropTypes.instanceOf(Date),
+  TransitionComponent: _propTypes.default.elementType.isRequired,
+  className: _propTypes.default.string,
+  month: _propTypes.default.instanceOf(Date),
+  focusedDate: _propTypes.default.instanceOf(Date)
 };
-
 BpkCalendarGridTransition.defaultProps = {
   className: null,
   month: null,
-  focusedDate: null,
+  focusedDate: null
 };
-
-const addCalendarGridTransition = (TransitionComponent) => (props) =>
-  (
-    <BpkCalendarGridTransition
-      TransitionComponent={TransitionComponent}
-      {...props}
-    />
-  );
-
-export default BpkCalendarGridTransition;
-export { addCalendarGridTransition };
+const addCalendarGridTransition = TransitionComponent => props => /*#__PURE__*/_react.default.createElement(BpkCalendarGridTransition, _extends({
+  TransitionComponent: TransitionComponent
+}, props));
+exports.addCalendarGridTransition = addCalendarGridTransition;
+var _default = BpkCalendarGridTransition;
+exports.default = _default;