@skyscanner/backpack-web 25.8.0 → 25.8.2

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

@@ -1,15 +1,3 @@
-"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
  *
@@ -30,10 +18,14 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 /* 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`.
-
-const getClassName = (0, _bpkReactUtils.cssModules)(_BpkContentCardsModule.default);
+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 BpkContentCards = ({
   cards,
   heading
@@ -41,17 +33,17 @@ const BpkContentCards = ({
   if (cards.length === 0) {
     return null;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_bpkComponentText.default, {
+  return /*#__PURE__*/_jsxs("div", {
+    children: [/*#__PURE__*/_jsx(BpkText, {
       tagName: "h2",
       className: getClassName('bpk-content-cards--header-text'),
       children: heading
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    }), /*#__PURE__*/_jsx("div", {
       role: "list",
       className: getClassName('bpk-content-cards--layout'),
-      children: cards.map((card, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: cards.map((card, index) => /*#__PURE__*/_jsx("div", {
         role: "listitem",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BpkContentCard.default, {
+        children: /*#__PURE__*/_jsx(BpkContentCard, {
           card: card,
           layout: cards.length === 1 ? 'HORIZONTAL' : 'VERTICAL'
         })
@@ -59,5 +51,4 @@ const BpkContentCards = ({
     })]
   });
 };
-var _default = BpkContentCards;
-exports.default = _default;
+export default BpkContentCards;

package/bpk-component-datatable/index.js

@@ -1,20 +1,20 @@
-"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 }; }
+/*
+ * 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 };

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

@@ -1,19 +1,3 @@
-"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
  *
@@ -30,40 +14,41 @@ const _excluded = ["children", "className", "defaultColumnSortIndex", "headerCla
  * 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 _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);
+ */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);
 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
-    } = props,
-    restOfProps = _objectWithoutProperties(props, _excluded);
-  const [rowSelected, updateRowSelected] = (0, _react.useState)(undefined);
+    children,
+    className,
+    defaultColumnSortIndex,
+    headerClassName,
+    headerHeight,
+    height,
+    onRowClick,
+    rowClassName,
+    rowHeight,
+    rowStyle,
+    rows: data,
+    sort,
+    sortBy,
+    sortDirection,
+    width,
+    ...restOfProps
+  } = props;
+  const [rowSelected, updateRowSelected] = 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({
@@ -72,23 +57,23 @@ const BpkDataTable = props => {
     return rowClassNames;
   };
   const headerClassNames = getClassName('bpk-data-table__row', 'bpk-data-table__header-row', headerClassName);
-  const columns = (0, _react.useMemo)(() => (0, _utils.getColumns)(children), [children]);
+  const columns = useMemo(() => getColumns(children), [children]);
   const {
     getTableBodyProps,
     getTableProps,
     headerGroups,
     prepareRow,
     rows
-  } = (0, _reactTable.useTable)({
+  } = useTable({
     columns,
     data,
     initialState: {
-      sortBy: (0, _react.useMemo)(() => [...(sort ? [] : [{
+      sortBy: useMemo(() => [...(sort ? [] : [{
         id: columns[defaultColumnSortIndex].accessor,
         desc: columns[defaultColumnSortIndex].defaultSortDirection === 'DESC' || false
       }])], [defaultColumnSortIndex, columns, sort])
     }
-  }, _reactTable.useSortBy);
+  }, useSortBy);
   const onRowClicked = index => {
     if (rowSelected === index) {
       updateRowSelected(undefined);
@@ -105,20 +90,23 @@ const BpkDataTable = props => {
       onRowClicked(i);
     }
   };
-  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
-      })), {}, {
+  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
+        }),
         children: headerGroup.headers.map(column => {
           if (sort && sortBy) {
             if (column.id === sortBy) {
@@ -127,58 +115,61 @@ const BpkDataTable = props => {
             }
           }
 
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_BpkDataTableHeader.default, {
+          return /*#__PURE__*/_jsx(BpkDataTableHeader, {
             column: column
           }, column.id);
         })
-      })))
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, getTableBodyProps()), {}, {
+      }))
+    }), /*#__PURE__*/_jsx("div", {
+      ...getTableBodyProps(),
       children: rows.map((row, i) => {
         prepareRow(row);
         const cellClassNames = [getClassName('bpk-data-table__cell')];
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
+        return /*#__PURE__*/_jsx("div", {
           onClick: () => onRowClicked(i),
           role: "button",
           onKeyDown: event => handleKeyboardEvent(event, i),
-          tabIndex: 0
-        }, row.getRowProps({
-          style: _objectSpread(_objectSpread({}, rowStyle), {}, {
-            height: rowHeight
+          tabIndex: 0,
+          ...row.getRowProps({
+            style: {
+              ...rowStyle,
+              height: rowHeight
+            },
+            className: getRowClassNames(rowClassName, i)
           }),
-          className: getRowClassNames(rowClassName, i)
-        })), {}, {
           children: row.cells.map(cell => {
             if (cell.column.className) {
               cellClassNames.push(cell.column.className);
             }
-            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(' ')
-            })), {}, {
+            return /*#__PURE__*/_jsx("div", {
+              ...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.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))
+  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))
 };
 BpkDataTable.defaultProps = {
   width: null,
@@ -188,7 +179,6 @@ BpkDataTable.defaultProps = {
   defaultColumnSortIndex: 0,
   sort: null,
   sortBy: null,
-  sortDirection: _sortTypes.SORT_DIRECTION_TYPES.ASC
+  sortDirection: SORT_DIRECTION_TYPES.ASC
 };
-var _default = BpkDataTable;
-exports.default = _default;
+export default BpkDataTable;

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

@@ -1,57 +1,47 @@
-"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.
-                                                                                                                                                                                                                                                                                                                                                                                           */
+/*
+ * 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";
 // 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__*/(0, _jsxRuntime.jsx)("div", _objectSpread({}, props));
+const BpkDataTableColumn = props => /*#__PURE__*/_jsx("div", {
+  ...props
+});
 BpkDataTableColumn.propTypes = {
-  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,
+  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,
   // eslint-disable-line react/forbid-prop-types
-  cellRenderer: _propTypes.default.func,
-  cellDataGetter: _propTypes.default.func
+  cellRenderer: PropTypes.func,
+  cellDataGetter: PropTypes.func
 };
 BpkDataTableColumn.defaultProps = {
   className: null,
   disableSort: false,
-  defaultSortDirection: _sortTypes.SORT_DIRECTION_TYPES.ASC,
+  defaultSortDirection: SORT_DIRECTION_TYPES.ASC,
   flexGrow: 0,
   label: null,
   headerRenderer: null,
@@ -60,5 +50,4 @@ BpkDataTableColumn.defaultProps = {
   cellRenderer: null,
   cellDataGetter: null
 };
-var _default = BpkDataTableColumn;
-exports.default = _default;
+export default BpkDataTableColumn;

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

@@ -1,41 +1,30 @@
-"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);
+/*
+ * 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);
 const KEYCODES = {
   ENTER: 13,
   SPACEBAR: 32
@@ -64,9 +53,9 @@ const BpkDataTableHeader = ({
     if (isSorted) {
       isDescending = isSortedDesc === false;
     } else if (sortDirection) {
-      isDescending = sortDirection === _sortTypes.SORT_DIRECTION_TYPES.DESC;
+      isDescending = sortDirection === SORT_DIRECTION_TYPES.DESC;
     } else if (defaultSortDirection) {
-      isDescending = defaultSortDirection === _sortTypes.SORT_DIRECTION_TYPES.DESC;
+      isDescending = defaultSortDirection === SORT_DIRECTION_TYPES.DESC;
     } else {
       isDescending = false;
     }
@@ -81,15 +70,17 @@ 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__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, column.getHeaderProps({
-    style: _objectSpread({
-      width,
-      minWidth,
-      flexGrow
-    }, headerStyle),
-    className: headerClassNames
-  })), {}, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+  return /*#__PURE__*/_jsxs("div", {
+    ...column.getHeaderProps({
+      style: {
+        width,
+        minWidth,
+        flexGrow,
+        ...headerStyle
+      },
+      className: headerClassNames
+    }),
+    children: [/*#__PURE__*/_jsx("span", {
       onClick: onHeaderClick,
       onKeyDown: handleKeyboardEvent,
       "aria-label": label,
@@ -97,18 +88,17 @@ const BpkDataTableHeader = ({
       role: "button",
       tabIndex: 0,
       children: column.render('Header')
-    }), !disableSortBy && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    }), !disableSortBy && /*#__PURE__*/_jsxs("div", {
       className: getClassName('bpk-data-table-column__sort-icons'),
       "aria-hidden": true,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(UpIcon, {
+      children: [/*#__PURE__*/_jsx(UpIcon, {
         onClick: () => column.toggleSortBy(false),
         className: upIconClassNames
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(DownIcon, {
+      }), /*#__PURE__*/_jsx(DownIcon, {
         onClick: () => column.toggleSortBy(true),
         className: downIconClassNames
       })]
     }, "sort")]
-  }));
+  });
 };
-var _default = BpkDataTableHeader;
-exports.default = _default;
+export default BpkDataTableHeader;

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

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