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

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

@@ -1,3 +1,16 @@
+"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
  *
@@ -14,13 +27,16 @@
  * 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 { 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);
+ */
+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);
 const getYPos = (point, {
   maxYValue,
   yScale,
@@ -46,30 +62,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,
-    ...rest
-  } = props;
+      BarComponent,
+      data,
+      getBarLabel,
+      getBarSelection,
+      height,
+      innerPadding,
+      margin,
+      maxYValue,
+      onBarClick,
+      onBarFocus,
+      onBarHover,
+      outerPadding,
+      xScale,
+      xScaleDataKey,
+      yScale,
+      yScaleDataKey
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
   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__*/_jsx("g", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
     children: data.map((point, i) => {
       const x = xScale(point[xScaleDataKey]);
       const y = getYPos(point, {
@@ -82,7 +98,7 @@ const BpkBarchartBars = props => {
       return (
         /*#__PURE__*/
         // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-        _jsx(BarComponent, {
+        (0, _jsxRuntime.jsx)(BarComponent, _objectSpread({
           x: x,
           y: outlier ? y - borderRadius : y,
           width: barWidth,
@@ -99,36 +115,35 @@ const BpkBarchartBars = props => {
             point
           }) : null,
           selected: getBarSelection(point),
-          padding: innerPadding,
-          ...rest
-        }, `bar${i.toString()}`)
+          padding: innerPadding
+        }, rest), `bar${i.toString()}`)
       );
     })
   });
 };
 BpkBarchartBars.propTypes = {
-  data: PropTypes.array.isRequired,
+  data: _propTypes.default.array.isRequired,
   // eslint-disable-line react/forbid-prop-types
-  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
+  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
   }).isRequired,
-  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
+  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
 };
 BpkBarchartBars.defaultProps = {
   outerPadding: 0.35,
@@ -138,4 +153,5 @@ BpkBarchartBars.defaultProps = {
   onBarFocus: null,
   getBarSelection: () => false
 };
-export default BpkBarchartBars;
+var _default = BpkBarchartBars;
+exports.default = _default;

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

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

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

@@ -1,3 +1,18 @@
+"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
  *
@@ -14,18 +29,18 @@
  * 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 { 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);
+ */
+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);
 const getAxisConfig = ({
   height,
   margin,
@@ -33,8 +48,8 @@ const getAxisConfig = ({
   scale,
   width
 }) => {
-  const position = (scale.bandwidth ? center : identity)(scale.copy());
-  if (orientation === ORIENTATION_X) {
+  const position = (scale.bandwidth ? _utils.center : _utils.identity)(scale.copy());
+  if (orientation === _orientation.ORIENTATION_X) {
     return {
       containerProps: {
         textAnchor: 'middle',
@@ -51,8 +66,8 @@ const getAxisConfig = ({
       tickPosition: tick => [position(tick), 0]
     };
   }
-  const containerTranslateX = rtlConditionalValue(0, width - margin.right);
-  const labelTranslateX = rtlConditionalValue(lineHeight - margin.left, margin.right - spacing);
+  const containerTranslateX = (0, _RTLtransforms.rtlConditionalValue)(0, width - margin.right);
+  const labelTranslateX = (0, _RTLtransforms.rtlConditionalValue)(lineHeight - margin.left, margin.right - spacing);
   const labelTranslateY = (height - margin.top - margin.bottom) / 2;
   return {
     containerProps: {
@@ -61,7 +76,7 @@ const getAxisConfig = ({
     },
     textProps: {
       y: 0,
-      x: rtlConditionalValue(-1, 1) * spacing,
+      x: (0, _RTLtransforms.rtlConditionalValue)(-1, 1) * spacing,
       dy: '0.32em'
     },
     labelProps: {
@@ -72,18 +87,18 @@ const getAxisConfig = ({
 };
 const BpkChartAxis = props => {
   const {
-    height,
-    label,
-    margin,
-    numTicks,
-    orientation,
-    scale,
-    tickEvery,
-    tickOffset,
-    tickValue,
-    width,
-    ...rest
-  } = props;
+      height,
+      label,
+      margin,
+      numTicks,
+      orientation,
+      scale,
+      tickEvery,
+      tickOffset,
+      tickValue,
+      width
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
   const {
     containerProps,
     labelProps,
@@ -94,49 +109,49 @@ const BpkChartAxis = props => {
   return (
     /*#__PURE__*/
     // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-    _jsxs("g", {
+    (0, _jsxRuntime.jsxs)("g", _objectSpread(_objectSpread(_objectSpread({
       className: getClassName('bpk-chart__axis'),
-      "aria-hidden": "true",
-      ...containerProps,
-      ...rest,
-      children: [ticks.map((tick, i) => /*#__PURE__*/_jsx("g", {
+      "aria-hidden": "true"
+    }, containerProps), rest), {}, {
+      children: [ticks.map((tick, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
         transform: `translate(${tickPosition(tick).join(', ')})`,
-        children: /*#__PURE__*/_jsx("text", {
-          className: getClassName('bpk-chart__axis-tick-text'),
-          ...textProps,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("text", _objectSpread(_objectSpread({
+          className: getClassName('bpk-chart__axis-tick-text')
+        }, textProps), {}, {
           children: tickValue(tick, i)
-        })
-      }, `${orientation}axis${i.toString()}`)), label && /*#__PURE__*/_jsx("text", {
+        }))
+      }, `${orientation}axis${i.toString()}`)), label && /*#__PURE__*/(0, _jsxRuntime.jsx)("text", _objectSpread(_objectSpread({
         className: getClassName('bpk-chart__axis-label'),
-        textAnchor: "middle",
-        ...labelProps,
+        textAnchor: "middle"
+      }, labelProps), {}, {
         children: label
-      })]
-    })
+      }))]
+    }))
   );
 };
 BpkChartAxis.propTypes = {
-  height: PropTypes.number.isRequired,
-  width: PropTypes.number.isRequired,
-  margin: PropTypes.shape({
-    top: PropTypes.number,
-    bottom: PropTypes.number,
-    left: PropTypes.number,
-    right: PropTypes.number
+  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
   }).isRequired,
-  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
+  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
 };
 BpkChartAxis.defaultProps = {
   tickOffset: 0,
   tickEvery: 1,
-  tickValue: identity,
+  tickValue: _utils.identity,
   numTicks: null,
   label: null
 };
-export default BpkChartAxis;
+var _default = BpkChartAxis;
+exports.default = _default;

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

@@ -1,3 +1,15 @@
+"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
  *
@@ -14,13 +26,7 @@
  * 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 { 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 getClassName = (0, _bpkReactUtils.cssModules)(_BpkChartDataTableModule.default);
 const BpkChartDataTable = props => {
   const {
     data,
@@ -31,38 +37,39 @@ const BpkChartDataTable = props => {
   } = props;
   const rows = data.map((point, i) => {
     const key = `chart-data-table-row-${i}`;
-    return /*#__PURE__*/_jsxs("tr", {
-      children: [/*#__PURE__*/_jsx("td", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("tr", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
         children: point[xScaleDataKey]
-      }), /*#__PURE__*/_jsx("td", {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
         children: point[yScaleDataKey]
       })]
     }, key);
   });
-  return /*#__PURE__*/_jsxs("table", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("table", {
     className: getClassName('bpk-chart-data-table'),
-    children: [/*#__PURE__*/_jsx("thead", {
-      children: /*#__PURE__*/_jsxs("tr", {
-        children: [/*#__PURE__*/_jsx("th", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("thead", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("tr", {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("th", {
           children: xAxisLabel
-        }), /*#__PURE__*/_jsx("th", {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("th", {
           children: yAxisLabel
         })]
       })
-    }), /*#__PURE__*/_jsx("tbody", {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
       children: rows
     })]
   });
 };
 BpkChartDataTable.propTypes = {
-  data: dataProp,
+  data: _customPropTypes.default,
   // This is actually required and will fail if not present
-  xScaleDataKey: PropTypes.string.isRequired,
-  yScaleDataKey: PropTypes.string.isRequired,
-  xAxisLabel: PropTypes.string.isRequired,
-  yAxisLabel: PropTypes.string.isRequired
+  xScaleDataKey: _propTypes.default.string.isRequired,
+  yScaleDataKey: _propTypes.default.string.isRequired,
+  xAxisLabel: _propTypes.default.string.isRequired,
+  yAxisLabel: _propTypes.default.string.isRequired
 };
 BpkChartDataTable.defaultProps = {
   data: null
 };
-export default BpkChartDataTable;
+var _default = BpkChartDataTable;
+exports.default = _default;

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

@@ -1,3 +1,16 @@
+"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
  *
@@ -14,30 +27,33 @@
  * 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 { 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);
+ */
+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);
 const BpkChartGridLines = props => {
   const {
-    height,
-    margin,
-    numTicks,
-    orientation,
-    scale,
-    tickEvery,
-    tickOffset,
-    width,
-    ...rest
-  } = props;
+      height,
+      margin,
+      numTicks,
+      orientation,
+      scale,
+      tickEvery,
+      tickOffset,
+      width
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
   const ticks = scale.ticks ? scale.ticks(numTicks) : scale.domain().filter((tick, i) => (i - tickOffset) % tickEvery === 0);
-  const position = (scale.bandwidth ? center : identity)(scale.copy());
+  const position = (scale.bandwidth ? _utils.center : _utils.identity)(scale.copy());
   const lineProps = tick => {
     const value = position(tick);
-    return orientation === ORIENTATION_X ? {
+    return orientation === _orientation.ORIENTATION_X ? {
       x1: value,
       x2: value,
       y2: height - margin.top - margin.bottom
@@ -50,34 +66,33 @@ const BpkChartGridLines = props => {
   const toLine = (tick, i) =>
   /*#__PURE__*/
   // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-  _jsx("line", {
-    className: getClassName('bpk-chart__grid-line'),
-    ...lineProps(tick),
-    ...rest
-  }, `${orientation}gridline${i.toString()}`);
-  return /*#__PURE__*/_jsx("g", {
+  (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", {
     className: getClassName('bpk-chart__grid-lines'),
     children: ticks.map(toLine)
   });
 };
 BpkChartGridLines.propTypes = {
-  width: PropTypes.number.isRequired,
-  height: PropTypes.number.isRequired,
-  margin: PropTypes.shape({
-    top: PropTypes.number,
-    bottom: PropTypes.number,
-    left: PropTypes.number,
-    right: PropTypes.number
+  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
   }).isRequired,
-  scale: PropTypes.func.isRequired,
-  orientation: PropTypes.oneOf([ORIENTATION_X, ORIENTATION_Y]).isRequired,
-  numTicks: PropTypes.number,
-  tickOffset: PropTypes.number,
-  tickEvery: PropTypes.number
+  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
 };
 BpkChartGridLines.defaultProps = {
   numTicks: null,
   tickOffset: 0,
   tickEvery: 1
 };
-export default BpkChartGridLines;
+var _default = BpkChartGridLines;
+exports.default = _default;