@skyscanner/backpack-web 6.0.0-alpha.2 → 7.0.0-alpha.1

package/bpk-component-banner-alert/src/withBannerAlertState-test.js

@@ -1,127 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@testing-library/react");
-
-var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
-
-var _commonTypes = require("./common-types");
-
-var _BpkBannerAlertDismissable = _interopRequireDefault(require("./BpkBannerAlertDismissable"));
-
-var _BpkBannerAlertExpandable = _interopRequireDefault(require("./BpkBannerAlertExpandable"));
-
-var _withBannerAlertState = _interopRequireDefault(require("./withBannerAlertState"));
-
-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.
- */
-const message = 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit.';
-const longMessage = `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sagittis sagittis purus, id
-blandit ipsum. Pellentesque nec diam nec erat condimentum dapibus. Nunc diam augue, egestas id egestas ut, facilisis
-nec mi. Donec et congue odio, nec laoreet est. Integer rhoncus varius arcu, a fringilla libero laoreet at. Mauris
-porta varius ullamcorper. Sed laoreet libero mauris, non pretium lectus accumsan et. Suspendisse vehicula ullamcorper
-sapien, et dapibus mi aliquet non. Pellentesque auctor sagittis lectus vitae rhoncus. Fusce id enim porttitor, mattis
-ante in, vestibulum nulla.`;
-const BpkBannerAlertDismissableState = (0, _withBannerAlertState.default)(_BpkBannerAlertDismissable.default);
-const BpkBannerAlertExpandableState = (0, _withBannerAlertState.default)(_BpkBannerAlertExpandable.default);
-describe('withBannerAlertState(BpkBannerAlertDismissable)', () => {
-  it('should render correctly', () => {
-    const {
-      asFragment
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(BpkBannerAlertDismissableState, {
-      type: _commonTypes.ALERT_TYPES.SUCCESS,
-      message: message,
-      dismissButtonLabel: "Dismiss"
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  it('should call provided `onDismiss`', async () => {
-    const onDismissMock = jest.fn();
-    (0, _react2.render)( /*#__PURE__*/_react.default.createElement(BpkBannerAlertDismissableState, {
-      type: _commonTypes.ALERT_TYPES.SUCCESS,
-      message: message,
-      onDismiss: onDismissMock,
-      dismissButtonLabel: "Dismiss"
-    }));
-
-    const dismissButton = _react2.screen.getByRole('button', {
-      name: 'Dismiss'
-    });
-
-    await _userEvent.default.click(dismissButton);
-    expect(onDismissMock).toHaveBeenCalled();
-  });
-  it('should call provided `onHide` when hidding automatically', () => {
-    jest.useFakeTimers();
-    const onHideMock = jest.fn();
-    (0, _react2.render)( /*#__PURE__*/_react.default.createElement(BpkBannerAlertDismissableState, {
-      type: _commonTypes.ALERT_TYPES.SUCCESS,
-      message: message,
-      hideAfter: 3,
-      onHide: onHideMock,
-      dismissButtonLabel: "Dismiss"
-    }));
-    jest.runAllTimers();
-    expect(onHideMock).toHaveBeenCalled();
-    jest.runOnlyPendingTimers();
-    jest.useRealTimers();
-  });
-});
-describe('withBannerAlertState(BpkBannerAlertExpandable)', () => {
-  it('should render correctly collapsed', () => {
-    const {
-      asFragment
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(BpkBannerAlertExpandableState, {
-      type: _commonTypes.ALERT_TYPES.SUCCESS,
-      message: message,
-      expanded: false,
-      toggleButtonLabel: "View more"
-    }, longMessage));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  it('should render correctly expanded', () => {
-    const {
-      asFragment
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(BpkBannerAlertExpandableState, {
-      message: message,
-      type: _commonTypes.ALERT_TYPES.SUCCESS,
-      toggleButtonLabel: "View more",
-      expanded: true
-    }, longMessage));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  it('should call provided "onExpandToggle"', async () => {
-    const onExpandMock = jest.fn();
-    (0, _react2.render)( /*#__PURE__*/_react.default.createElement(BpkBannerAlertExpandableState, {
-      message: message,
-      type: _commonTypes.ALERT_TYPES.SUCCESS,
-      toggleButtonLabel: "View more",
-      onExpandToggle: onExpandMock
-    }, longMessage));
-
-    const expandButton = _react2.screen.getByRole('button', {
-      name: 'View more'
-    });
-
-    await _userEvent.default.click(expandButton);
-    expect(onExpandMock).toHaveBeenCalled();
-  });
-});

package/bpk-component-banner-alert/src/withBannerAlertState.js

@@ -1,160 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _bpkReactUtils = require("../../bpk-react-utils");
-
-var _BpkBannerAlertExpandable = _interopRequireDefault(require("./BpkBannerAlertExpandable"));
-
-const _excluded = ["animateOnLeave", "children", "expanded", "hideAfter", "onDismiss", "onExpandToggle", "onHide", "show"];
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-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; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-const withBannerAlertState = WrappedComponent => {
-  class component extends _react.Component {
-    constructor(props) {
-      super(props);
-
-      _defineProperty(this, "hideIntervalId", void 0);
-
-      _defineProperty(this, "onExpandToggle", () => {
-        this.setState(prevState => {
-          const expanded = !prevState.expanded;
-
-          if (this.props.onExpandToggle) {
-            this.props.onExpandToggle(expanded);
-          }
-
-          return {
-            expanded
-          };
-        });
-      });
-
-      _defineProperty(this, "onDismiss", () => {
-        this.setState({
-          show: false
-        });
-
-        if (this.props.onDismiss) {
-          this.props.onDismiss();
-        }
-      });
-
-      _defineProperty(this, "onHide", () => {
-        this.setState({
-          show: false
-        });
-
-        if (this.props.onHide) {
-          this.props.onHide();
-        }
-      });
-
-      this.state = {
-        expanded: props.expanded,
-        show: true
-      };
-      this.hideIntervalId = null;
-    }
-
-    componentDidMount() {
-      const {
-        hideAfter
-      } = this.props;
-
-      if (WrappedComponent !== _BpkBannerAlertExpandable.default && hideAfter && hideAfter > 0) {
-        this.hideIntervalId = setTimeout(() => {
-          this.onHide();
-        }, hideAfter * 1000);
-      }
-    }
-
-    componentWillUnmount() {
-      if (this.hideIntervalId) {
-        clearTimeout(this.hideIntervalId);
-      }
-    }
-
-    render() {
-      const _this$props = this.props,
-            {
-        animateOnLeave,
-        children,
-        expanded,
-        hideAfter,
-        onDismiss,
-        onExpandToggle,
-        onHide,
-        show
-      } = _this$props,
-            rest = _objectWithoutProperties(_this$props, _excluded);
-
-      return (
-        /*#__PURE__*/
-        // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-        _react.default.createElement(WrappedComponent, _extends({
-          expanded: this.state.expanded,
-          onExpandToggle: this.onExpandToggle,
-          onDismiss: this.onDismiss,
-          show: this.state.show,
-          animateOnLeave: hideAfter && hideAfter > 0 || animateOnLeave
-        }, rest), children)
-      );
-    }
-
-  }
-
-  _defineProperty(component, "propTypes", {
-    onDismiss: _propTypes.default.func,
-    onExpandToggle: _propTypes.default.func,
-    onHide: _propTypes.default.func,
-    expanded: _propTypes.default.bool,
-    show: _propTypes.default.bool,
-    hideAfter: (props, propName, componentName, ...rest) => {
-      if (WrappedComponent === _BpkBannerAlertExpandable.default && typeof props[propName] === 'number') {
-        return new Error(`Invalid prop \`${propName}\` supplied to ${componentName}. \`${propName}\` is not supported for expandable banner alerts.`);
-      }
-
-      return _propTypes.default.number(props, propName, componentName, ...rest);
-    },
-    animateOnLeave: _propTypes.default.bool,
-    children: _propTypes.default.node
-  });
-
-  _defineProperty(component, "defaultProps", {
-    onDismiss: null,
-    onExpandToggle: null,
-    onHide: null,
-    expanded: false,
-    show: true,
-    hideAfter: null,
-    animateOnLeave: false,
-    children: null
-  });
-
-  component.displayName = (0, _bpkReactUtils.wrapDisplayName)(WrappedComponent, 'withBannerAlertState');
-  return component;
-};
-
-var _default = withBannerAlertState;
-exports.default = _default;

package/bpk-component-barchart/index.js

@@ -1,78 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "BpkBarchartBars", {
-  enumerable: true,
-  get: function () {
-    return _BpkBarchartBars.default;
-  }
-});
-Object.defineProperty(exports, "BpkBarchartDefs", {
-  enumerable: true,
-  get: function () {
-    return _BpkBarchartDefs.default;
-  }
-});
-Object.defineProperty(exports, "BpkChartAxis", {
-  enumerable: true,
-  get: function () {
-    return _BpkChartAxis.default;
-  }
-});
-Object.defineProperty(exports, "BpkChartGridLines", {
-  enumerable: true,
-  get: function () {
-    return _BpkChartGridLines.default;
-  }
-});
-Object.defineProperty(exports, "BpkChartMargin", {
-  enumerable: true,
-  get: function () {
-    return _BpkChartMargin.default;
-  }
-});
-exports.default = void 0;
-Object.defineProperty(exports, "themeAttributes", {
-  enumerable: true,
-  get: function () {
-    return _themeAttributes.default;
-  }
-});
-
-var _BpkBarchart = _interopRequireDefault(require("./src/BpkBarchart"));
-
-var _BpkBarchartBars = _interopRequireDefault(require("./src/BpkBarchartBars"));
-
-var _BpkBarchartDefs = _interopRequireDefault(require("./src/BpkBarchartDefs"));
-
-var _BpkChartAxis = _interopRequireDefault(require("./src/BpkChartAxis"));
-
-var _BpkChartGridLines = _interopRequireDefault(require("./src/BpkChartGridLines"));
-
-var _BpkChartMargin = _interopRequireDefault(require("./src/BpkChartMargin"));
-
-var _themeAttributes = _interopRequireDefault(require("./src/themeAttributes"));
-
-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.
- */
-var _default = _BpkBarchart.default;
-exports.default = _default;

package/bpk-component-barchart/src/BpkBarchart-test.js

@@ -1,192 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _enzyme = require("enzyme");
-
-var _enzymeToJson = _interopRequireDefault(require("enzyme-to-json"));
-
-var _data = _interopRequireDefault(require("../data.json"));
-
-var _BpkBarchart = _interopRequireDefault(require("./BpkBarchart"));
-
-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.
- */
-const {
-  prices
-} = _data.default;
-const size = 200;
-describe('BpkBarchart', () => {
-  it('should render correctly', () => {
-    const tree = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_BpkBarchart.default, {
-      xScaleDataKey: "month",
-      yScaleDataKey: "price",
-      xAxisLabel: "Month",
-      yAxisLabel: "Average price (\xA3)",
-      initialWidth: size,
-      initialHeight: size,
-      data: prices
-    }));
-    expect((0, _enzymeToJson.default)(tree)).toMatchSnapshot();
-  });
-  it('should render correctly with "className" prop', () => {
-    const tree = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_BpkBarchart.default, {
-      xScaleDataKey: "month",
-      yScaleDataKey: "price",
-      xAxisLabel: "Month",
-      yAxisLabel: "Average price (\xA3)",
-      initialWidth: size,
-      initialHeight: size,
-      data: prices,
-      className: "my-custom-class-name"
-    }));
-    expect((0, _enzymeToJson.default)(tree)).toMatchSnapshot();
-  });
-  it('should render correctly with "leadingScrollIndicatorClassName" prop', () => {
-    const tree = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_BpkBarchart.default, {
-      xScaleDataKey: "month",
-      yScaleDataKey: "price",
-      xAxisLabel: "Month",
-      yAxisLabel: "Average price (\xA3)",
-      initialWidth: size,
-      initialHeight: size,
-      data: prices,
-      leadingScrollIndicatorClassName: "my-custom-class-name"
-    }));
-    expect((0, _enzymeToJson.default)(tree)).toMatchSnapshot();
-  });
-  it('should render correctly with "trailingScrollIndicatorClassName" prop', () => {
-    const tree = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_BpkBarchart.default, {
-      xScaleDataKey: "month",
-      yScaleDataKey: "price",
-      xAxisLabel: "Month",
-      yAxisLabel: "Average price (\xA3)",
-      initialWidth: size,
-      initialHeight: size,
-      data: prices,
-      trailingScrollIndicatorClassName: "my-custom-class-name"
-    }));
-    expect((0, _enzymeToJson.default)(tree)).toMatchSnapshot();
-  });
-  it('should render with "showGridlines" prop', () => {
-    const tree = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_BpkBarchart.default, {
-      xScaleDataKey: "month",
-      yScaleDataKey: "price",
-      xAxisLabel: "Month",
-      yAxisLabel: "Average price (\xA3)",
-      initialWidth: size,
-      initialHeight: size,
-      data: prices,
-      showGridlines: true
-    }));
-    expect((0, _enzymeToJson.default)(tree)).toMatchSnapshot();
-  });
-  it('should render with "onBarClick" prop', () => {
-    const tree = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_BpkBarchart.default, {
-      xScaleDataKey: "month",
-      yScaleDataKey: "price",
-      xAxisLabel: "Month",
-      yAxisLabel: "Average price (\xA3)",
-      initialWidth: size,
-      initialHeight: size,
-      data: prices,
-      onBarClick: () => null
-    }));
-    expect((0, _enzymeToJson.default)(tree)).toMatchSnapshot();
-  });
-  it('should render with "onBarHover" prop', () => {
-    const tree = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_BpkBarchart.default, {
-      xScaleDataKey: "month",
-      yScaleDataKey: "price",
-      xAxisLabel: "Month",
-      yAxisLabel: "Average price (\xA3)",
-      initialWidth: size,
-      initialHeight: size,
-      data: prices,
-      onBarHover: () => null
-    }));
-    expect((0, _enzymeToJson.default)(tree)).toMatchSnapshot();
-  });
-  it('should render with "hideXAxisLabel" prop', () => {
-    const tree = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_BpkBarchart.default, {
-      xScaleDataKey: "month",
-      yScaleDataKey: "price",
-      xAxisLabel: "Month",
-      yAxisLabel: "Average price (\xA3)",
-      initialWidth: size,
-      initialHeight: size,
-      data: prices,
-      hideXAxisLabel: true
-    }));
-    expect((0, _enzymeToJson.default)(tree)).toMatchSnapshot();
-  });
-  it('should render with "hideYAxisLabel" prop', () => {
-    const tree = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_BpkBarchart.default, {
-      xScaleDataKey: "month",
-      yScaleDataKey: "price",
-      xAxisLabel: "Month",
-      yAxisLabel: "Average price (\xA3)",
-      initialWidth: size,
-      initialHeight: size,
-      data: prices,
-      hideYAxisLabel: true
-    }));
-    expect((0, _enzymeToJson.default)(tree)).toMatchSnapshot();
-  });
-  it('should render with "getBarLabel" prop', () => {
-    const tree = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_BpkBarchart.default, {
-      xScaleDataKey: "month",
-      yScaleDataKey: "price",
-      xAxisLabel: "Month",
-      yAxisLabel: "Average price (\xA3)",
-      initialWidth: size,
-      initialHeight: size,
-      data: prices,
-      getBarLabel: () => null
-    }));
-    expect((0, _enzymeToJson.default)(tree)).toMatchSnapshot();
-  });
-  it('should render with "disableDataTable" prop', () => {
-    const tree = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_BpkBarchart.default, {
-      xScaleDataKey: "month",
-      yScaleDataKey: "price",
-      xAxisLabel: "Month",
-      yAxisLabel: "Average price (\xA3)",
-      initialWidth: size,
-      initialHeight: size,
-      data: prices,
-      disableDataTable: true
-    }));
-    expect((0, _enzymeToJson.default)(tree)).toMatchSnapshot();
-  });
-  it('should render correctly with "yAxisDomain" prop', () => {
-    const tree = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_BpkBarchart.default, {
-      xScaleDataKey: "month",
-      yScaleDataKey: "price",
-      xAxisLabel: "Month",
-      yAxisLabel: "Average price (\xA3)",
-      initialWidth: size,
-      initialHeight: size,
-      data: prices,
-      yAxisDomain: [null, 100]
-    }));
-    expect((0, _enzymeToJson.default)(tree)).toMatchSnapshot();
-  });
-});

package/bpk-component-barchart/src/BpkBarchart.css

@@ -1,18 +0,0 @@
-/*
- * 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.
-*/
-.bpk-barchart{width:100%}