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

package/bpk-component-content-cards/src/BpkContentCards.js

@@ -1,3 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _bpkComponentText = _interopRequireDefault(require("../../bpk-component-text"));
+var _bpkReactUtils = require("../../bpk-react-utils");
+var _BpkContentCard = _interopRequireDefault(require("./BpkContentCard"));
+var _BpkContentCardsModule = _interopRequireDefault(require("./BpkContentCards.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -18,14 +30,10 @@
 /* eslint react/no-array-index-key: 0 */
 
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
-import BpkText from "../../bpk-component-text";
+
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
-import { cssModules } from "../../bpk-react-utils";
-import BpkContentCard from "./BpkContentCard";
-import STYLES from "./BpkContentCards.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)(_BpkContentCardsModule.default);
 const BpkContentCards = ({
   cards,
   heading
@@ -33,17 +41,17 @@ const BpkContentCards = ({
   if (cards.length === 0) {
     return null;
   }
-  return /*#__PURE__*/_jsxs("div", {
-    children: [/*#__PURE__*/_jsx(BpkText, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentText.default, {
       tagName: "h2",
       className: getClassName('bpk-content-cards--header-text'),
       children: heading
-    }), /*#__PURE__*/_jsx("div", {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       role: "list",
       className: getClassName('bpk-content-cards--layout'),
-      children: cards.map((card, index) => /*#__PURE__*/_jsx("div", {
+      children: cards.map((card, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         role: "listitem",
-        children: /*#__PURE__*/_jsx(BpkContentCard, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BpkContentCard.default, {
           card: card,
           layout: cards.length === 1 ? 'HORIZONTAL' : 'VERTICAL'
         })
@@ -51,4 +59,5 @@ const BpkContentCards = ({
     })]
   });
 };
-export default BpkContentCards;
+var _default = BpkContentCards;
+exports.default = _default;

package/bpk-component-datatable/index.js

@@ -1,20 +1,20 @@
-/*
- * 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 BpkDataTable from "./src/BpkDataTable";
-import BpkDataTableColumn from "./src/BpkDataTableColumn";
-export { BpkDataTable, BpkDataTableColumn };
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "BpkDataTable", {
+  enumerable: true,
+  get: function () {
+    return _BpkDataTable.default;
+  }
+});
+Object.defineProperty(exports, "BpkDataTableColumn", {
+  enumerable: true,
+  get: function () {
+    return _BpkDataTableColumn.default;
+  }
+});
+var _BpkDataTable = _interopRequireDefault(require("./src/BpkDataTable"));
+var _BpkDataTableColumn = _interopRequireDefault(require("./src/BpkDataTableColumn"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/bpk-component-datatable/src/BpkDataTable.js

@@ -1,3 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = require("react");
+var _reactTable = require("react-table");
+var _bpkReactUtils = require("../../bpk-react-utils");
+var _BpkDataTableModule = _interopRequireDefault(require("./BpkDataTable.module.css"));
+var _sortTypes = require("./sort-types");
+var _BpkDataTableHeader = _interopRequireDefault(require("./BpkDataTableHeader"));
+var _utils = require("./utils");
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["children", "className", "defaultColumnSortIndex", "headerClassName", "headerHeight", "height", "onRowClick", "rowClassName", "rowHeight", "rowStyle", "rows", "sort", "sortBy", "sortDirection", "width"];
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -14,41 +30,40 @@
  * 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 { useMemo, useState } from 'react';
-import { useTable, useSortBy } from 'react-table';
-import { cssModules } from "../../bpk-react-utils";
-import STYLES from "./BpkDataTable.module.css";
-import { SORT_DIRECTION_TYPES } from "./sort-types";
-import BpkDataTableHeader from "./BpkDataTableHeader";
-import { getColumns } from "./utils";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const getClassName = cssModules(STYLES);
+ */
+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; }
+const getClassName = (0, _bpkReactUtils.cssModules)(_BpkDataTableModule.default);
 const KEYCODES = {
   ENTER: 13,
   SPACEBAR: 32
 };
 const BpkDataTable = props => {
   const {
-    children,
-    className,
-    defaultColumnSortIndex,
-    headerClassName,
-    headerHeight,
-    height,
-    onRowClick,
-    rowClassName,
-    rowHeight,
-    rowStyle,
-    rows: data,
-    sort,
-    sortBy,
-    sortDirection,
-    width,
-    ...restOfProps
-  } = props;
-  const [rowSelected, updateRowSelected] = useState(undefined);
+      children,
+      className,
+      defaultColumnSortIndex,
+      headerClassName,
+      headerHeight,
+      height,
+      onRowClick,
+      rowClassName,
+      rowHeight,
+      rowStyle,
+      rows: data,
+      sort,
+      sortBy,
+      sortDirection,
+      width
+    } = props,
+    restOfProps = _objectWithoutProperties(props, _excluded);
+  const [rowSelected, updateRowSelected] = (0, _react.useState)(undefined);
   const classNames = getClassName('bpk-data-table', className);
   const getRowClassNames = (consumerClassName, index) => {
     const rowClassNames = getClassName('bpk-data-table__row', rowSelected === index && 'bpk-data-table__row--selected', onRowClick !== undefined && 'bpk-data-table__row--clickable', index === -1 && 'bpk-data-table__header-row', consumerClassName && (typeof consumerClassName === 'function' ? consumerClassName({
@@ -57,23 +72,23 @@ const BpkDataTable = props => {
     return rowClassNames;
   };
   const headerClassNames = getClassName('bpk-data-table__row', 'bpk-data-table__header-row', headerClassName);
-  const columns = useMemo(() => getColumns(children), [children]);
+  const columns = (0, _react.useMemo)(() => (0, _utils.getColumns)(children), [children]);
   const {
     getTableBodyProps,
     getTableProps,
     headerGroups,
     prepareRow,
     rows
-  } = useTable({
+  } = (0, _reactTable.useTable)({
     columns,
     data,
     initialState: {
-      sortBy: useMemo(() => [...(sort ? [] : [{
+      sortBy: (0, _react.useMemo)(() => [...(sort ? [] : [{
         id: columns[defaultColumnSortIndex].accessor,
         desc: columns[defaultColumnSortIndex].defaultSortDirection === 'DESC' || false
       }])], [defaultColumnSortIndex, columns, sort])
     }
-  }, useSortBy);
+  }, _reactTable.useSortBy);
   const onRowClicked = index => {
     if (rowSelected === index) {
       updateRowSelected(undefined);
@@ -90,23 +105,20 @@ const BpkDataTable = props => {
       onRowClicked(i);
     }
   };
-  return /*#__PURE__*/_jsxs("div", {
-    ...getTableProps({
-      style: {
-        width,
-        height
-      },
-      className: classNames
-    }),
-    ...restOfProps,
-    children: [/*#__PURE__*/_jsx("div", {
-      children: headerGroups.map(headerGroup => /*#__PURE__*/_jsx("div", {
-        ...headerGroup.getHeaderGroupProps({
-          style: {
-            height: headerHeight
-          },
-          className: headerClassNames
-        }),
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread(_objectSpread({}, getTableProps({
+    style: {
+      width,
+      height
+    },
+    className: classNames
+  })), restOfProps), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: headerGroups.map(headerGroup => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, headerGroup.getHeaderGroupProps({
+        style: {
+          height: headerHeight
+        },
+        className: headerClassNames
+      })), {}, {
         children: headerGroup.headers.map(column => {
           if (sort && sortBy) {
             if (column.id === sortBy) {
@@ -115,61 +127,58 @@ const BpkDataTable = props => {
             }
           }
 
-          return /*#__PURE__*/_jsx(BpkDataTableHeader, {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_BpkDataTableHeader.default, {
             column: column
           }, column.id);
         })
-      }))
-    }), /*#__PURE__*/_jsx("div", {
-      ...getTableBodyProps(),
+      })))
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, getTableBodyProps()), {}, {
       children: rows.map((row, i) => {
         prepareRow(row);
         const cellClassNames = [getClassName('bpk-data-table__cell')];
-        return /*#__PURE__*/_jsx("div", {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
           onClick: () => onRowClicked(i),
           role: "button",
           onKeyDown: event => handleKeyboardEvent(event, i),
-          tabIndex: 0,
-          ...row.getRowProps({
-            style: {
-              ...rowStyle,
-              height: rowHeight
-            },
-            className: getRowClassNames(rowClassName, i)
+          tabIndex: 0
+        }, row.getRowProps({
+          style: _objectSpread(_objectSpread({}, rowStyle), {}, {
+            height: rowHeight
           }),
+          className: getRowClassNames(rowClassName, i)
+        })), {}, {
           children: row.cells.map(cell => {
             if (cell.column.className) {
               cellClassNames.push(cell.column.className);
             }
-            return /*#__PURE__*/_jsx("div", {
-              ...cell.getCellProps({
-                style: {
-                  width: cell.column.width,
-                  minWidth: cell.column.minWidth,
-                  flexGrow: cell.column.flexGrow
-                },
-                className: cellClassNames.join(' ')
-              }),
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, cell.getCellProps({
+              style: {
+                width: cell.column.width,
+                minWidth: cell.column.minWidth,
+                flexGrow: cell.column.flexGrow
+              },
+              className: cellClassNames.join(' ')
+            })), {}, {
               children: cell.render('Cell')
-            });
+            }));
           })
-        });
+        }));
       })
-    })]
-  });
+    }))]
+  }));
 };
 BpkDataTable.propTypes = {
-  rows: PropTypes.arrayOf(Object).isRequired,
-  children: PropTypes.node.isRequired,
-  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
-  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  headerHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  rowHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  className: PropTypes.string,
-  defaultColumnSortIndex: PropTypes.number,
-  sort: PropTypes.func,
-  sortBy: PropTypes.string,
-  sortDirection: PropTypes.oneOf(Object.keys(SORT_DIRECTION_TYPES))
+  rows: _propTypes.default.arrayOf(Object).isRequired,
+  children: _propTypes.default.node.isRequired,
+  height: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
+  width: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+  headerHeight: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+  rowHeight: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+  className: _propTypes.default.string,
+  defaultColumnSortIndex: _propTypes.default.number,
+  sort: _propTypes.default.func,
+  sortBy: _propTypes.default.string,
+  sortDirection: _propTypes.default.oneOf(Object.keys(_sortTypes.SORT_DIRECTION_TYPES))
 };
 BpkDataTable.defaultProps = {
   width: null,
@@ -179,6 +188,7 @@ BpkDataTable.defaultProps = {
   defaultColumnSortIndex: 0,
   sort: null,
   sortBy: null,
-  sortDirection: SORT_DIRECTION_TYPES.ASC
+  sortDirection: _sortTypes.SORT_DIRECTION_TYPES.ASC
 };
-export default BpkDataTable;
+var _default = BpkDataTable;
+exports.default = _default;

package/bpk-component-datatable/src/BpkDataTableColumn.js

@@ -1,47 +1,57 @@
-/*
- * 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 { SORT_DIRECTION_TYPES } from "./sort-types";
-import { jsx as _jsx } from "react/jsx-runtime";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _sortTypes = require("./sort-types");
+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.
+                                                                                                                                                                                                                                                                                                                                                                                           */
 // BpkDataTableColumn is just a props wrapper
 // to maintain backwards compatibility with the old API of BpkDataTable which takes columns as children
 // The `react-table` library however expects columns as an array of objects
-const BpkDataTableColumn = props => /*#__PURE__*/_jsx("div", {
-  ...props
-});
+const BpkDataTableColumn = props => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread({}, props));
 BpkDataTableColumn.propTypes = {
-  dataKey: PropTypes.string.isRequired,
-  width: PropTypes.number.isRequired,
-  className: PropTypes.string,
-  disableSort: PropTypes.bool,
-  defaultSortDirection: PropTypes.oneOf(Object.keys(SORT_DIRECTION_TYPES)),
-  flexGrow: PropTypes.number,
-  label: PropTypes.string,
-  headerRenderer: PropTypes.func,
-  headerClassName: PropTypes.string,
-  headerStyle: PropTypes.object,
+  dataKey: _propTypes.default.string.isRequired,
+  width: _propTypes.default.number.isRequired,
+  className: _propTypes.default.string,
+  disableSort: _propTypes.default.bool,
+  defaultSortDirection: _propTypes.default.oneOf(Object.keys(_sortTypes.SORT_DIRECTION_TYPES)),
+  flexGrow: _propTypes.default.number,
+  label: _propTypes.default.string,
+  headerRenderer: _propTypes.default.func,
+  headerClassName: _propTypes.default.string,
+  headerStyle: _propTypes.default.object,
   // eslint-disable-line react/forbid-prop-types
-  cellRenderer: PropTypes.func,
-  cellDataGetter: PropTypes.func
+  cellRenderer: _propTypes.default.func,
+  cellDataGetter: _propTypes.default.func
 };
 BpkDataTableColumn.defaultProps = {
   className: null,
   disableSort: false,
-  defaultSortDirection: SORT_DIRECTION_TYPES.ASC,
+  defaultSortDirection: _sortTypes.SORT_DIRECTION_TYPES.ASC,
   flexGrow: 0,
   label: null,
   headerRenderer: null,
@@ -50,4 +60,5 @@ BpkDataTableColumn.defaultProps = {
   cellRenderer: null,
   cellDataGetter: null
 };
-export default BpkDataTableColumn;
+var _default = BpkDataTableColumn;
+exports.default = _default;

package/bpk-component-datatable/src/BpkDataTableHeader.js

@@ -1,30 +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.
- */import { cssModules } from "../../bpk-react-utils";
-import BpkSmallArrowDownIcon from "../../bpk-component-icon/sm/arrow-down";
-import BpkSmallArrowUpIcon from "../../bpk-component-icon/sm/arrow-up";
-import { withRtlSupport } from "../../bpk-component-icon";
-import { SORT_DIRECTION_TYPES } from "./sort-types";
-import STYLES from "./BpkDataTableHeader.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const DownIcon = withRtlSupport(BpkSmallArrowDownIcon);
-const UpIcon = withRtlSupport(BpkSmallArrowUpIcon);
-const getClassName = cssModules(STYLES);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _bpkReactUtils = require("../../bpk-react-utils");
+var _arrowDown = _interopRequireDefault(require("../../bpk-component-icon/sm/arrow-down"));
+var _arrowUp = _interopRequireDefault(require("../../bpk-component-icon/sm/arrow-up"));
+var _bpkComponentIcon = require("../../bpk-component-icon");
+var _sortTypes = require("./sort-types");
+var _BpkDataTableHeaderModule = _interopRequireDefault(require("./BpkDataTableHeader.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 DownIcon = (0, _bpkComponentIcon.withRtlSupport)(_arrowDown.default);
+const UpIcon = (0, _bpkComponentIcon.withRtlSupport)(_arrowUp.default);
+const getClassName = (0, _bpkReactUtils.cssModules)(_BpkDataTableHeaderModule.default);
 const KEYCODES = {
   ENTER: 13,
   SPACEBAR: 32
@@ -53,9 +64,9 @@ const BpkDataTableHeader = ({
     if (isSorted) {
       isDescending = isSortedDesc === false;
     } else if (sortDirection) {
-      isDescending = sortDirection === SORT_DIRECTION_TYPES.DESC;
+      isDescending = sortDirection === _sortTypes.SORT_DIRECTION_TYPES.DESC;
     } else if (defaultSortDirection) {
-      isDescending = defaultSortDirection === SORT_DIRECTION_TYPES.DESC;
+      isDescending = defaultSortDirection === _sortTypes.SORT_DIRECTION_TYPES.DESC;
     } else {
       isDescending = false;
     }
@@ -70,17 +81,15 @@ const BpkDataTableHeader = ({
   const headerClassNames = getClassName('bpk-data-table-column__header', headerClassName);
   const upIconClassNames = getClassName('bpk-data-table-column__sort-icon--up', 'bpk-data-table-column__sort-icon', isSorted && !isSortedDesc && 'bpk-data-table-column__sort-icon--selected');
   const downIconClassNames = getClassName('bpk-data-table-column__sort-icon--down', 'bpk-data-table-column__sort-icon', isSorted && isSortedDesc && 'bpk-data-table-column__sort-icon--selected');
-  return /*#__PURE__*/_jsxs("div", {
-    ...column.getHeaderProps({
-      style: {
-        width,
-        minWidth,
-        flexGrow,
-        ...headerStyle
-      },
-      className: headerClassNames
-    }),
-    children: [/*#__PURE__*/_jsx("span", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, column.getHeaderProps({
+    style: _objectSpread({
+      width,
+      minWidth,
+      flexGrow
+    }, headerStyle),
+    className: headerClassNames
+  })), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       onClick: onHeaderClick,
       onKeyDown: handleKeyboardEvent,
       "aria-label": label,
@@ -88,17 +97,18 @@ const BpkDataTableHeader = ({
       role: "button",
       tabIndex: 0,
       children: column.render('Header')
-    }), !disableSortBy && /*#__PURE__*/_jsxs("div", {
+    }), !disableSortBy && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: getClassName('bpk-data-table-column__sort-icons'),
       "aria-hidden": true,
-      children: [/*#__PURE__*/_jsx(UpIcon, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(UpIcon, {
         onClick: () => column.toggleSortBy(false),
         className: upIconClassNames
-      }), /*#__PURE__*/_jsx(DownIcon, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(DownIcon, {
         onClick: () => column.toggleSortBy(true),
         className: downIconClassNames
       })]
     }, "sort")]
-  });
+  }));
 };
-export default BpkDataTableHeader;
+var _default = BpkDataTableHeader;
+exports.default = _default;

package/bpk-component-datatable/src/common-types.js

@@ -0,0 +1 @@
+"use strict";