@skyscanner/backpack-web 25.7.0 → 25.8.2

package/bpk-component-barchart/src/BpkBarchartBars.js

@@ -1,16 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _d3Scale = require("d3-scale");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _base = require("@skyscanner/bpk-foundations-web/tokens/base.es6");
-var _BpkBarchartBar = _interopRequireDefault(require("./BpkBarchartBar"));
-var _utils = require("./utils");
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["BarComponent", "data", "getBarLabel", "getBarSelection", "height", "innerPadding", "margin", "maxYValue", "onBarClick", "onBarFocus", "onBarHover", "outerPadding", "xScale", "xScaleDataKey", "yScale", "yScaleDataKey"];
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -27,16 +14,13 @@ const _excluded = ["BarComponent", "data", "getBarLabel", "getBarSelection", "he
  * 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 borderRadius = (0, _utils.remToPx)(_base.borderRadiusXs);
+ */import { scaleBand, scaleLinear } from 'd3-scale';
+import PropTypes from 'prop-types';
+import { borderRadiusXs } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
+import BpkBarchartBar from "./BpkBarchartBar";
+import { remToPx } from "./utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+const borderRadius = remToPx(borderRadiusXs);
 const getYPos = (point, {
   maxYValue,
   yScale,
@@ -62,30 +46,30 @@ const isOutlier = (point, {
 }) => point[yScaleDataKey] > maxYValue;
 const BpkBarchartBars = props => {
   const {
-      BarComponent,
-      data,
-      getBarLabel,
-      getBarSelection,
-      height,
-      innerPadding,
-      margin,
-      maxYValue,
-      onBarClick,
-      onBarFocus,
-      onBarHover,
-      outerPadding,
-      xScale,
-      xScaleDataKey,
-      yScale,
-      yScaleDataKey
-    } = props,
-    rest = _objectWithoutProperties(props, _excluded);
+    BarComponent,
+    data,
+    getBarLabel,
+    getBarSelection,
+    height,
+    innerPadding,
+    margin,
+    maxYValue,
+    onBarClick,
+    onBarFocus,
+    onBarHover,
+    outerPadding,
+    xScale,
+    xScaleDataKey,
+    yScale,
+    yScaleDataKey,
+    ...rest
+  } = props;
   xScale.paddingOuter(outerPadding);
   // `innerPadding` is not set on the scale, but instead passed to the BarComponent
   // This allows us to have full-width tappable areas, but with visibly padded bars.
   xScale.paddingInner(0);
   const barWidth = xScale.bandwidth();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+  return /*#__PURE__*/_jsx("g", {
     children: data.map((point, i) => {
       const x = xScale(point[xScaleDataKey]);
       const y = getYPos(point, {
@@ -98,7 +82,7 @@ const BpkBarchartBars = props => {
       return (
         /*#__PURE__*/
         // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-        (0, _jsxRuntime.jsx)(BarComponent, _objectSpread({
+        _jsx(BarComponent, {
           x: x,
           y: outlier ? y - borderRadius : y,
           width: barWidth,
@@ -115,35 +99,36 @@ const BpkBarchartBars = props => {
             point
           }) : null,
           selected: getBarSelection(point),
-          padding: innerPadding
-        }, rest), `bar${i.toString()}`)
+          padding: innerPadding,
+          ...rest
+        }, `bar${i.toString()}`)
       );
     })
   });
 };
 BpkBarchartBars.propTypes = {
-  data: _propTypes.default.array.isRequired,
+  data: PropTypes.array.isRequired,
   // eslint-disable-line react/forbid-prop-types
-  xScaleDataKey: _propTypes.default.string.isRequired,
-  yScaleDataKey: _propTypes.default.string.isRequired,
-  height: _propTypes.default.number.isRequired,
-  xScale: _propTypes.default.func.isRequired,
-  yScale: _propTypes.default.func.isRequired,
-  maxYValue: _propTypes.default.number.isRequired,
-  margin: _propTypes.default.shape({
-    top: _propTypes.default.number,
-    bottom: _propTypes.default.number,
-    left: _propTypes.default.number,
-    right: _propTypes.default.number
+  xScaleDataKey: PropTypes.string.isRequired,
+  yScaleDataKey: PropTypes.string.isRequired,
+  height: PropTypes.number.isRequired,
+  xScale: PropTypes.func.isRequired,
+  yScale: PropTypes.func.isRequired,
+  maxYValue: PropTypes.number.isRequired,
+  margin: PropTypes.shape({
+    top: PropTypes.number,
+    bottom: PropTypes.number,
+    left: PropTypes.number,
+    right: PropTypes.number
   }).isRequired,
-  getBarLabel: _propTypes.default.func.isRequired,
-  BarComponent: _propTypes.default.elementType.isRequired,
-  getBarSelection: _propTypes.default.func,
-  outerPadding: _propTypes.default.number,
-  innerPadding: _propTypes.default.number,
-  onBarClick: _propTypes.default.func,
-  onBarHover: _propTypes.default.func,
-  onBarFocus: _propTypes.default.func
+  getBarLabel: PropTypes.func.isRequired,
+  BarComponent: PropTypes.elementType.isRequired,
+  getBarSelection: PropTypes.func,
+  outerPadding: PropTypes.number,
+  innerPadding: PropTypes.number,
+  onBarClick: PropTypes.func,
+  onBarHover: PropTypes.func,
+  onBarFocus: PropTypes.func
 };
 BpkBarchartBars.defaultProps = {
   outerPadding: 0.35,
@@ -153,5 +138,4 @@ BpkBarchartBars.defaultProps = {
   onBarFocus: null,
   getBarSelection: () => false
 };
-var _default = BpkBarchartBars;
-exports.default = _default;
+export default BpkBarchartBars;

package/bpk-component-barchart/src/BpkBarchartDefs.js

@@ -1,15 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-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); }
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -32,22 +22,22 @@ function _toPrimitive(input, hint) { if (typeof input !== "object" || input ===
   x2: 0,
   y2: 1
 };
-const BpkBarchartDefs = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)("defs", {
-  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("linearGradient", _objectSpread(_objectSpread({
-    id: "bpk-barchart__def-gradient"
-  }, GRADIENT_ATTRIBUTES), {}, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
+const BpkBarchartDefs = () => /*#__PURE__*/_jsxs("defs", {
+  children: [/*#__PURE__*/_jsxs("linearGradient", {
+    id: "bpk-barchart__def-gradient",
+    ...GRADIENT_ATTRIBUTES,
+    children: [/*#__PURE__*/_jsx("stop", {
       offset: "0",
       stopColor: "white",
       stopOpacity: "0"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
+    }), /*#__PURE__*/_jsx("stop", {
       offset: "10%",
       stopColor: "white",
       stopOpacity: "1"
     })]
-  })), /*#__PURE__*/(0, _jsxRuntime.jsx)("mask", {
+  }), /*#__PURE__*/_jsx("mask", {
     id: "bpk-barchart__def-mask",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+    children: /*#__PURE__*/_jsx("rect", {
       x: "0",
       y: "0",
       width: "100%",
@@ -56,5 +46,4 @@ const BpkBarchartDefs = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)("defs", {
     })
   })]
 });
-var _default = BpkBarchartDefs;
-exports.default = _default;
+export default BpkBarchartDefs;

package/bpk-component-barchart/src/BpkChartAxis.js

@@ -1,18 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _base = require("@skyscanner/bpk-foundations-web/tokens/base.es6");
-var _bpkReactUtils = require("../../bpk-react-utils");
-var _RTLtransforms = require("./RTLtransforms");
-var _orientation = require("./orientation");
-var _utils = require("./utils");
-var _BpkChartAxisModule = _interopRequireDefault(require("./BpkChartAxis.module.css"));
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["height", "label", "margin", "numTicks", "orientation", "scale", "tickEvery", "tickOffset", "tickValue", "width"];
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -29,18 +14,18 @@ const _excluded = ["height", "label", "margin", "numTicks", "orientation", "scal
  * 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)(_BpkChartAxisModule.default);
-const spacing = (0, _utils.remToPx)(_base.spacingXs);
-const lineHeight = (0, _utils.remToPx)(_base.lineHeightSm);
+ */import PropTypes from 'prop-types';
+import { spacingXs, lineHeightSm } from '@skyscanner/bpk-foundations-web/tokens/base.es6';
+import { cssModules } from "../../bpk-react-utils";
+import { rtlConditionalValue } from "./RTLtransforms";
+import { ORIENTATION_X, ORIENTATION_Y } from "./orientation";
+import { identity, center, remToPx } from "./utils";
+import STYLES from "./BpkChartAxis.module.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const getClassName = cssModules(STYLES);
+const spacing = remToPx(spacingXs);
+const lineHeight = remToPx(lineHeightSm);
 const getAxisConfig = ({
   height,
   margin,
@@ -48,8 +33,8 @@ const getAxisConfig = ({
   scale,
   width
 }) => {
-  const position = (scale.bandwidth ? _utils.center : _utils.identity)(scale.copy());
-  if (orientation === _orientation.ORIENTATION_X) {
+  const position = (scale.bandwidth ? center : identity)(scale.copy());
+  if (orientation === ORIENTATION_X) {
     return {
       containerProps: {
         textAnchor: 'middle',
@@ -66,8 +51,8 @@ const getAxisConfig = ({
       tickPosition: tick => [position(tick), 0]
     };
   }
-  const containerTranslateX = (0, _RTLtransforms.rtlConditionalValue)(0, width - margin.right);
-  const labelTranslateX = (0, _RTLtransforms.rtlConditionalValue)(lineHeight - margin.left, margin.right - spacing);
+  const containerTranslateX = rtlConditionalValue(0, width - margin.right);
+  const labelTranslateX = rtlConditionalValue(lineHeight - margin.left, margin.right - spacing);
   const labelTranslateY = (height - margin.top - margin.bottom) / 2;
   return {
     containerProps: {
@@ -76,7 +61,7 @@ const getAxisConfig = ({
     },
     textProps: {
       y: 0,
-      x: (0, _RTLtransforms.rtlConditionalValue)(-1, 1) * spacing,
+      x: rtlConditionalValue(-1, 1) * spacing,
       dy: '0.32em'
     },
     labelProps: {
@@ -87,18 +72,18 @@ const getAxisConfig = ({
 };
 const BpkChartAxis = props => {
   const {
-      height,
-      label,
-      margin,
-      numTicks,
-      orientation,
-      scale,
-      tickEvery,
-      tickOffset,
-      tickValue,
-      width
-    } = props,
-    rest = _objectWithoutProperties(props, _excluded);
+    height,
+    label,
+    margin,
+    numTicks,
+    orientation,
+    scale,
+    tickEvery,
+    tickOffset,
+    tickValue,
+    width,
+    ...rest
+  } = props;
   const {
     containerProps,
     labelProps,
@@ -109,49 +94,49 @@ const BpkChartAxis = props => {
   return (
     /*#__PURE__*/
     // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-    (0, _jsxRuntime.jsxs)("g", _objectSpread(_objectSpread(_objectSpread({
+    _jsxs("g", {
       className: getClassName('bpk-chart__axis'),
-      "aria-hidden": "true"
-    }, containerProps), rest), {}, {
-      children: [ticks.map((tick, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+      "aria-hidden": "true",
+      ...containerProps,
+      ...rest,
+      children: [ticks.map((tick, i) => /*#__PURE__*/_jsx("g", {
         transform: `translate(${tickPosition(tick).join(', ')})`,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("text", _objectSpread(_objectSpread({
-          className: getClassName('bpk-chart__axis-tick-text')
-        }, textProps), {}, {
+        children: /*#__PURE__*/_jsx("text", {
+          className: getClassName('bpk-chart__axis-tick-text'),
+          ...textProps,
           children: tickValue(tick, i)
-        }))
-      }, `${orientation}axis${i.toString()}`)), label && /*#__PURE__*/(0, _jsxRuntime.jsx)("text", _objectSpread(_objectSpread({
+        })
+      }, `${orientation}axis${i.toString()}`)), label && /*#__PURE__*/_jsx("text", {
         className: getClassName('bpk-chart__axis-label'),
-        textAnchor: "middle"
-      }, labelProps), {}, {
+        textAnchor: "middle",
+        ...labelProps,
         children: label
-      }))]
-    }))
+      })]
+    })
   );
 };
 BpkChartAxis.propTypes = {
-  height: _propTypes.default.number.isRequired,
-  width: _propTypes.default.number.isRequired,
-  margin: _propTypes.default.shape({
-    top: _propTypes.default.number,
-    bottom: _propTypes.default.number,
-    left: _propTypes.default.number,
-    right: _propTypes.default.number
+  height: PropTypes.number.isRequired,
+  width: PropTypes.number.isRequired,
+  margin: PropTypes.shape({
+    top: PropTypes.number,
+    bottom: PropTypes.number,
+    left: PropTypes.number,
+    right: PropTypes.number
   }).isRequired,
-  scale: _propTypes.default.func.isRequired,
-  label: _propTypes.default.node,
-  orientation: _propTypes.default.oneOf([_orientation.ORIENTATION_X, _orientation.ORIENTATION_Y]).isRequired,
-  tickValue: _propTypes.default.func,
-  numTicks: _propTypes.default.number,
-  tickOffset: _propTypes.default.number,
-  tickEvery: _propTypes.default.number
+  scale: PropTypes.func.isRequired,
+  label: PropTypes.node,
+  orientation: PropTypes.oneOf([ORIENTATION_X, ORIENTATION_Y]).isRequired,
+  tickValue: PropTypes.func,
+  numTicks: PropTypes.number,
+  tickOffset: PropTypes.number,
+  tickEvery: PropTypes.number
 };
 BpkChartAxis.defaultProps = {
   tickOffset: 0,
   tickEvery: 1,
-  tickValue: _utils.identity,
+  tickValue: identity,
   numTicks: null,
   label: null
 };
-var _default = BpkChartAxis;
-exports.default = _default;
+export default BpkChartAxis;

package/bpk-component-barchart/src/BpkChartDataTable.js

@@ -1,15 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _bpkReactUtils = require("../../bpk-react-utils");
-var _customPropTypes = _interopRequireDefault(require("./customPropTypes"));
-var _BpkChartDataTableModule = _interopRequireDefault(require("./BpkChartDataTable.module.css"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -26,7 +14,13 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */const getClassName = (0, _bpkReactUtils.cssModules)(_BpkChartDataTableModule.default);
+ */import PropTypes from 'prop-types';
+import { cssModules } from "../../bpk-react-utils";
+import dataProp from "./customPropTypes";
+import STYLES from "./BpkChartDataTable.module.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const getClassName = cssModules(STYLES);
 const BpkChartDataTable = props => {
   const {
     data,
@@ -37,39 +31,38 @@ const BpkChartDataTable = props => {
   } = props;
   const rows = data.map((point, i) => {
     const key = `chart-data-table-row-${i}`;
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("tr", {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
+    return /*#__PURE__*/_jsxs("tr", {
+      children: [/*#__PURE__*/_jsx("td", {
         children: point[xScaleDataKey]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
+      }), /*#__PURE__*/_jsx("td", {
         children: point[yScaleDataKey]
       })]
     }, key);
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("table", {
+  return /*#__PURE__*/_jsxs("table", {
     className: getClassName('bpk-chart-data-table'),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("thead", {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("tr", {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("th", {
+    children: [/*#__PURE__*/_jsx("thead", {
+      children: /*#__PURE__*/_jsxs("tr", {
+        children: [/*#__PURE__*/_jsx("th", {
           children: xAxisLabel
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("th", {
+        }), /*#__PURE__*/_jsx("th", {
           children: yAxisLabel
         })]
       })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
+    }), /*#__PURE__*/_jsx("tbody", {
       children: rows
     })]
   });
 };
 BpkChartDataTable.propTypes = {
-  data: _customPropTypes.default,
+  data: dataProp,
   // This is actually required and will fail if not present
-  xScaleDataKey: _propTypes.default.string.isRequired,
-  yScaleDataKey: _propTypes.default.string.isRequired,
-  xAxisLabel: _propTypes.default.string.isRequired,
-  yAxisLabel: _propTypes.default.string.isRequired
+  xScaleDataKey: PropTypes.string.isRequired,
+  yScaleDataKey: PropTypes.string.isRequired,
+  xAxisLabel: PropTypes.string.isRequired,
+  yAxisLabel: PropTypes.string.isRequired
 };
 BpkChartDataTable.defaultProps = {
   data: null
 };
-var _default = BpkChartDataTable;
-exports.default = _default;
+export default BpkChartDataTable;

package/bpk-component-barchart/src/BpkChartGridLines.js

@@ -1,16 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _bpkReactUtils = require("../../bpk-react-utils");
-var _orientation = require("./orientation");
-var _utils = require("./utils");
-var _BpkChartGridLinesModule = _interopRequireDefault(require("./BpkChartGridLines.module.css"));
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["height", "margin", "numTicks", "orientation", "scale", "tickEvery", "tickOffset", "width"];
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -27,33 +14,30 @@ const _excluded = ["height", "margin", "numTicks", "orientation", "scale", "tick
  * 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)(_BpkChartGridLinesModule.default);
+ */import PropTypes from 'prop-types';
+import { cssModules } from "../../bpk-react-utils";
+import { ORIENTATION_X, ORIENTATION_Y } from "./orientation";
+import { identity, center } from "./utils";
+import STYLES from "./BpkChartGridLines.module.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+const getClassName = cssModules(STYLES);
 const BpkChartGridLines = props => {
   const {
-      height,
-      margin,
-      numTicks,
-      orientation,
-      scale,
-      tickEvery,
-      tickOffset,
-      width
-    } = props,
-    rest = _objectWithoutProperties(props, _excluded);
+    height,
+    margin,
+    numTicks,
+    orientation,
+    scale,
+    tickEvery,
+    tickOffset,
+    width,
+    ...rest
+  } = props;
   const ticks = scale.ticks ? scale.ticks(numTicks) : scale.domain().filter((tick, i) => (i - tickOffset) % tickEvery === 0);
-  const position = (scale.bandwidth ? _utils.center : _utils.identity)(scale.copy());
+  const position = (scale.bandwidth ? center : identity)(scale.copy());
   const lineProps = tick => {
     const value = position(tick);
-    return orientation === _orientation.ORIENTATION_X ? {
+    return orientation === ORIENTATION_X ? {
       x1: value,
       x2: value,
       y2: height - margin.top - margin.bottom
@@ -66,33 +50,34 @@ const BpkChartGridLines = props => {
   const toLine = (tick, i) =>
   /*#__PURE__*/
   // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-  (0, _jsxRuntime.jsx)("line", _objectSpread(_objectSpread({
-    className: getClassName('bpk-chart__grid-line')
-  }, lineProps(tick)), rest), `${orientation}gridline${i.toString()}`);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+  _jsx("line", {
+    className: getClassName('bpk-chart__grid-line'),
+    ...lineProps(tick),
+    ...rest
+  }, `${orientation}gridline${i.toString()}`);
+  return /*#__PURE__*/_jsx("g", {
     className: getClassName('bpk-chart__grid-lines'),
     children: ticks.map(toLine)
   });
 };
 BpkChartGridLines.propTypes = {
-  width: _propTypes.default.number.isRequired,
-  height: _propTypes.default.number.isRequired,
-  margin: _propTypes.default.shape({
-    top: _propTypes.default.number,
-    bottom: _propTypes.default.number,
-    left: _propTypes.default.number,
-    right: _propTypes.default.number
+  width: PropTypes.number.isRequired,
+  height: PropTypes.number.isRequired,
+  margin: PropTypes.shape({
+    top: PropTypes.number,
+    bottom: PropTypes.number,
+    left: PropTypes.number,
+    right: PropTypes.number
   }).isRequired,
-  scale: _propTypes.default.func.isRequired,
-  orientation: _propTypes.default.oneOf([_orientation.ORIENTATION_X, _orientation.ORIENTATION_Y]).isRequired,
-  numTicks: _propTypes.default.number,
-  tickOffset: _propTypes.default.number,
-  tickEvery: _propTypes.default.number
+  scale: PropTypes.func.isRequired,
+  orientation: PropTypes.oneOf([ORIENTATION_X, ORIENTATION_Y]).isRequired,
+  numTicks: PropTypes.number,
+  tickOffset: PropTypes.number,
+  tickEvery: PropTypes.number
 };
 BpkChartGridLines.defaultProps = {
   numTicks: null,
   tickOffset: 0,
   tickEvery: 1
 };
-var _default = BpkChartGridLines;
-exports.default = _default;
+export default BpkChartGridLines;