@skyscanner/backpack-web 21.0.1 → 22.0.0-beta.1

package/bpk-component-rtl-toggle/src/BpkRtlToggle.js

@@ -1,93 +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 { Component } from 'react';
-import PropTypes from 'prop-types';
-
-import { BpkButtonLink } from '../../bpk-component-link';
-
-import { getHtmlElement, DIRECTIONS, DIRECTION_CHANGE_EVENT } from './utils';
-
-const getDirection = () => getHtmlElement().dir || DIRECTIONS.LTR;
-
-const setDirection = (direction) => {
-  const htmlElement = getHtmlElement();
-
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _bpkComponentLink = require("../../bpk-component-link");
+var _utils = require("./utils");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
+const getDirection = () => (0, _utils.getHtmlElement)().dir || _utils.DIRECTIONS.LTR;
+const setDirection = direction => {
+  const htmlElement = (0, _utils.getHtmlElement)();
   htmlElement.dir = direction;
-  htmlElement.dispatchEvent(new Event(DIRECTION_CHANGE_EVENT));
+  htmlElement.dispatchEvent(new Event(_utils.DIRECTION_CHANGE_EVENT));
 };
-
-class BpkRtlToggle extends Component {
+class BpkRtlToggle extends _react.Component {
   constructor(props) {
     super(props);
-
+    _defineProperty(this, "handleKeyDown", e => {
+      if (e.ctrlKey && e.metaKey && e.key.toLowerCase() === 'r') {
+        this.toggleRtl(e);
+      }
+    });
+    _defineProperty(this, "toggleRtl", e => {
+      e.preventDefault();
+      const direction = getDirection() === _utils.DIRECTIONS.RTL ? _utils.DIRECTIONS.LTR : _utils.DIRECTIONS.RTL;
+      setDirection(direction);
+      this.setState({
+        direction
+      });
+    });
     this.state = {
-      direction: getDirection(),
+      direction: getDirection()
     };
   }
-
   componentDidMount() {
     document.addEventListener('keydown', this.handleKeyDown);
   }
-
   componentWillUnmount() {
     document.removeEventListener('keydown', this.handleKeyDown);
   }
-
-  handleKeyDown = (e) => {
-    if (e.ctrlKey && e.metaKey && e.key.toLowerCase() === 'r') {
-      this.toggleRtl(e);
-    }
-  };
-
-  toggleRtl = (e) => {
-    e.preventDefault();
-
-    const direction =
-      getDirection() === DIRECTIONS.RTL ? DIRECTIONS.LTR : DIRECTIONS.RTL;
-
-    setDirection(direction);
-
-    this.setState({ direction });
-  };
-
   render() {
-    const { className } = this.props;
-    const onOrOff = this.state.direction === DIRECTIONS.RTL ? 'off' : 'on';
-
-    return (
-      <BpkButtonLink
-        title="Keyboard Shortcut: ctrl + cmd + r"
-        onClick={this.toggleRtl}
-        className={className}
-      >
-        RTL {onOrOff}
-      </BpkButtonLink>
-    );
+    const {
+      className
+    } = this.props;
+    const onOrOff = this.state.direction === _utils.DIRECTIONS.RTL ? 'off' : 'on';
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_bpkComponentLink.BpkButtonLink, {
+      title: "Keyboard Shortcut: ctrl + cmd + r",
+      onClick: this.toggleRtl,
+      className: className,
+      children: ["RTL ", onOrOff]
+    });
   }
 }
-
 BpkRtlToggle.propTypes = {
-  className: PropTypes.string,
+  className: _propTypes.default.string
 };
-
 BpkRtlToggle.defaultProps = {
-  className: null,
+  className: null
 };
-
-export default BpkRtlToggle;
+var _default = BpkRtlToggle;
+exports.default = _default;

package/bpk-component-rtl-toggle/src/updateOnDirectionChange.js

@@ -1,60 +1,38 @@
-/*
- * 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 { Component } from 'react';
-
-import { wrapDisplayName } from '../../bpk-react-utils';
-
-import { getHtmlElement, DIRECTION_CHANGE_EVENT } from './utils';
-
-const updateOnDirectionChange = (EnhancedComponent) => {
-  class UpdateOnDirectionChange extends Component {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _bpkReactUtils = require("../../bpk-react-utils");
+var _utils = require("./utils");
+var _jsxRuntime = require("react/jsx-runtime");
+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); }
+const updateOnDirectionChange = EnhancedComponent => {
+  class UpdateOnDirectionChange extends _react.Component {
+    constructor(...args) {
+      super(...args);
+      _defineProperty(this, "onDirectionChange", () => {
+        this.forceUpdate();
+      });
+    }
     componentDidMount() {
-      getHtmlElement().addEventListener(
-        DIRECTION_CHANGE_EVENT,
-        this.onDirectionChange,
-        false,
-      );
+      (0, _utils.getHtmlElement)().addEventListener(_utils.DIRECTION_CHANGE_EVENT, this.onDirectionChange, false);
     }
-
     componentWillUnmount() {
-      getHtmlElement().removeEventListener(
-        DIRECTION_CHANGE_EVENT,
-        this.onDirectionChange,
-        false,
-      );
+      (0, _utils.getHtmlElement)().removeEventListener(_utils.DIRECTION_CHANGE_EVENT, this.onDirectionChange, false);
     }
-
-    onDirectionChange = () => {
-      this.forceUpdate();
-    };
-
     render() {
-      return <EnhancedComponent {...this.props} />;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(EnhancedComponent, _objectSpread({}, this.props));
     }
   }
-
-  UpdateOnDirectionChange.displayName = wrapDisplayName(
-    EnhancedComponent,
-    'updateOnDirectionChange',
-  );
-
+  UpdateOnDirectionChange.displayName = (0, _bpkReactUtils.wrapDisplayName)(EnhancedComponent, 'updateOnDirectionChange');
   return UpdateOnDirectionChange;
 };
-
-export default updateOnDirectionChange;
+var _default = updateOnDirectionChange;
+exports.default = _default;

package/bpk-component-rtl-toggle/src/utils.js

@@ -1,3 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getHtmlElement = exports.DIRECTION_CHANGE_EVENT = exports.DIRECTIONS = void 0;
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -18,12 +24,10 @@
 
 const DIRECTIONS = {
   LTR: 'ltr',
-  RTL: 'rtl',
+  RTL: 'rtl'
 };
-
+exports.DIRECTIONS = DIRECTIONS;
 const DIRECTION_CHANGE_EVENT = 'bpkchangedirection';
-
-const getHtmlElement = () =>
-  typeof document !== 'undefined' ? document.querySelector('html') : {};
-
-export { DIRECTIONS, DIRECTION_CHANGE_EVENT, getHtmlElement };
+exports.DIRECTION_CHANGE_EVENT = DIRECTION_CHANGE_EVENT;
+const getHtmlElement = () => typeof document !== 'undefined' ? document.querySelector('html') : {};
+exports.getHtmlElement = getHtmlElement;

package/bpk-component-scrollable-calendar/index.js

@@ -1,3 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "BpkScrollableCalendarDate", {
+  enumerable: true,
+  get: function () {
+    return _BpkScrollableCalendarDate.default;
+  }
+});
+Object.defineProperty(exports, "BpkScrollableCalendarGrid", {
+  enumerable: true,
+  get: function () {
+    return _BpkScrollableCalendarGrid.default;
+  }
+});
+Object.defineProperty(exports, "BpkScrollableCalendarGridList", {
+  enumerable: true,
+  get: function () {
+    return _BpkScrollableCalendarGridList.default;
+  }
+});
+Object.defineProperty(exports, "CALENDAR_SELECTION_TYPE", {
+  enumerable: true,
+  get: function () {
+    return _bpkComponentCalendar.CALENDAR_SELECTION_TYPE;
+  }
+});
+exports.default = void 0;
+var _bpkComponentCalendar = require("../bpk-component-calendar");
+var _BpkScrollableCalendar = _interopRequireDefault(require("./src/BpkScrollableCalendar"));
+var _BpkScrollableCalendarDate = _interopRequireDefault(require("./src/BpkScrollableCalendarDate"));
+var _BpkScrollableCalendarGrid = _interopRequireDefault(require("./src/BpkScrollableCalendarGrid"));
+var _BpkScrollableCalendarGridList = _interopRequireDefault(require("./src/BpkScrollableCalendarGridList"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -15,20 +51,5 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/* @flow strict */
-
-import { CALENDAR_SELECTION_TYPE } from '../bpk-component-calendar';
-
-import BpkScrollableCalendar from './src/BpkScrollableCalendar';
-import BpkScrollableCalendarDate from './src/BpkScrollableCalendarDate';
-import BpkScrollableCalendarGrid from './src/BpkScrollableCalendarGrid';
-import BpkScrollableCalendarGridList from './src/BpkScrollableCalendarGridList';
-
-export default BpkScrollableCalendar;
-
-export {
-  CALENDAR_SELECTION_TYPE,
-  BpkScrollableCalendarDate,
-  BpkScrollableCalendarGrid,
-  BpkScrollableCalendarGridList,
-};
+var _default = _BpkScrollableCalendar.default;
+exports.default = _default;

package/bpk-component-scrollable-calendar/src/BpkScrollableCalendar.js

@@ -1,3 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _bpkComponentCalendar = require("../../bpk-component-calendar");
+var _BpkScrollableCalendarDate = _interopRequireDefault(require("./BpkScrollableCalendarDate"));
+var _BpkScrollableCalendarGridList = _interopRequireDefault(require("./BpkScrollableCalendarGridList"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -15,22 +25,5 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/* @flow strict */
-
-import {
-  BpkCalendarGridHeader,
-  withCalendarState,
-  composeCalendar,
-} from '../../bpk-component-calendar';
-
-import BpkscrollableCalendarDate from './BpkScrollableCalendarDate';
-import BpkScrollableCalendarGridList from './BpkScrollableCalendarGridList';
-
-export default withCalendarState(
-  composeCalendar(
-    null,
-    BpkCalendarGridHeader,
-    BpkScrollableCalendarGridList,
-    BpkscrollableCalendarDate,
-  ),
-);
+var _default = (0, _bpkComponentCalendar.withCalendarState)((0, _bpkComponentCalendar.composeCalendar)(null, _bpkComponentCalendar.BpkCalendarGridHeader, _BpkScrollableCalendarGridList.default, _BpkScrollableCalendarDate.default));
+exports.default = _default;

package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarDate.js

@@ -1,45 +1,39 @@
-/*
- * 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 PropTypes from 'prop-types';
-import { PureComponent } from 'react';
-
-import {
-  BpkCalendarDate,
-  BpkCalendarDatePropTypes,
-} from '../../bpk-component-calendar';
-
-class BpkScrollableCalendarDate extends PureComponent {
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = require("react");
+var _bpkComponentCalendar = require("../../bpk-component-calendar");
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["isOutside"];
+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); }
+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; }
+class BpkScrollableCalendarDate extends _react.PureComponent {
   render() {
-    const { isOutside, ...rest } = this.props;
+    const _this$props = this.props,
+      {
+        isOutside
+      } = _this$props,
+      rest = _objectWithoutProperties(_this$props, _excluded);
 
     // Returning null when isOutside is true ensures only focused month displays in grid
-    return !isOutside ? <BpkCalendarDate {...rest} /> : null;
+    return !isOutside ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentCalendar.BpkCalendarDate, _objectSpread({}, rest)) : null;
   }
 }
-
-BpkScrollableCalendarDate.propTypes = {
-  ...BpkCalendarDatePropTypes,
-  isOutside: PropTypes.bool,
-};
-
+BpkScrollableCalendarDate.propTypes = _objectSpread(_objectSpread({}, _bpkComponentCalendar.BpkCalendarDatePropTypes), {}, {
+  isOutside: _propTypes.default.bool
+});
 BpkScrollableCalendarDate.defaultProps = {
-  isOutside: false,
+  isOutside: false
 };
-
-export default BpkScrollableCalendarDate;
+var _default = BpkScrollableCalendarDate;
+exports.default = _default;

package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGrid.js

@@ -1,53 +1,46 @@
-/*
- * 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 { cssModules } from '../../bpk-react-utils';
-import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
-import {
-  BpkCalendarGrid,
-  BpkCalendarGridPropTypes,
-} from '../../bpk-component-calendar';
-
-import STYLES from './BpkScrollableCalendarGrid.module.scss';
-
-const getClassName = cssModules(STYLES);
-
-const BpkScrollableCalendarGrid = (props) => {
-  const { className, month, ...rest } = props;
-
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _bpkReactUtils = require("../../bpk-react-utils");
+var _bpkComponentText = _interopRequireWildcard(require("../../bpk-component-text"));
+var _bpkComponentCalendar = require("../../bpk-component-calendar");
+var _BpkScrollableCalendarGridModule = _interopRequireDefault(require("./BpkScrollableCalendarGrid.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["className", "month"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 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); }
+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)(_BpkScrollableCalendarGridModule.default);
+const BpkScrollableCalendarGrid = props => {
+  const {
+      className,
+      month
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
   const classNames = getClassName('bpk-scrollable-calendar-grid', className);
-
-  return (
-    <div className={classNames}>
-      <BpkText
-        className={getClassName('bpk-scrollable-calendar-grid__title')}
-        tagName="h1"
-        textStyle={TEXT_STYLES.heading4}
-      >
-        {props.formatMonth(month)}
-      </BpkText>
-      <BpkCalendarGrid month={month} ignoreOutsideDate {...rest} />
-    </div>
-  );
-};
-
-BpkScrollableCalendarGrid.propTypes = {
-  ...BpkCalendarGridPropTypes,
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: classNames,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentText.default, {
+      className: getClassName('bpk-scrollable-calendar-grid__title'),
+      tagName: "h1",
+      textStyle: _bpkComponentText.TEXT_STYLES.heading4,
+      children: props.formatMonth(month)
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentCalendar.BpkCalendarGrid, _objectSpread({
+      month: month,
+      ignoreOutsideDate: true
+    }, rest))]
+  });
 };
-
-export default BpkScrollableCalendarGrid;
+BpkScrollableCalendarGrid.propTypes = _objectSpread({}, _bpkComponentCalendar.BpkCalendarGridPropTypes);
+var _default = BpkScrollableCalendarGrid;
+exports.default = _default;