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

package/bpk-component-image/src/withLoadingBehavior.js

@@ -1,45 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = withLoadingBehavior;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _bpkReactUtils = require("../../bpk-react-utils");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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 _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; }
-
-function withLoadingBehavior(Component) {
-  class WithLoadingBehavior extends _react.default.Component {
-    constructor() {
-      super();
-
-      _defineProperty(this, "onLoad", () => {
-        this.setState(() => ({
-          loading: false
-        }));
-      });
-
-      this.state = {
-        loading: true
-      };
-    }
-
-    render() {
-      return /*#__PURE__*/_react.default.createElement(Component, _extends({
-        onLoad: this.onLoad,
-        loading: this.state.loading
-      }, this.props));
-    }
-
-  }
-
-  WithLoadingBehavior.displayName = (0, _bpkReactUtils.wrapDisplayName)(Component, 'withLoadingBehavior');
-  return WithLoadingBehavior;
-}

package/bpk-component-infinite-scroll/index.js

@@ -1,48 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ArrayDataSource", {
-  enumerable: true,
-  get: function () {
-    return _DataSource.ArrayDataSource;
-  }
-});
-Object.defineProperty(exports, "DataSource", {
-  enumerable: true,
-  get: function () {
-    return _DataSource.default;
-  }
-});
-exports.default = void 0;
-
-var _withInfiniteScroll = _interopRequireDefault(require("./src/withInfiniteScroll"));
-
-var _DataSource = _interopRequireWildcard(require("./src/DataSource"));
-
-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 _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 = _withInfiniteScroll.default;
-exports.default = _default;

package/bpk-component-infinite-scroll/src/DataSource-test.js

@@ -1,93 +0,0 @@
-"use strict";
-
-var _DataSource = _interopRequireWildcard(require("./DataSource"));
-
-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; }
-
-/*
- * 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 withCommonTests = (createNewInstance, extraTests) => {
-  let dataSource;
-  beforeEach(() => {
-    dataSource = createNewInstance();
-  });
-  it('can add listeners', () => {
-    const f = () => {};
-
-    expect(dataSource.onDataChange(f)).toBe(true);
-  });
-  it('can remove listeners', () => {
-    const f = () => {};
-
-    dataSource.onDataChange(f);
-    expect(dataSource.removeListener(f)).toBe(true);
-  });
-  it('can execute listeners', () => {
-    const f = jest.fn();
-    dataSource.onDataChange(f);
-    dataSource.triggerListeners(1);
-    expect(f).toHaveBeenCalledWith(1);
-  });
-  it('returns false when adding duplicated listeners', () => {
-    const f = () => {};
-
-    expect(dataSource.onDataChange(f)).toBe(true);
-    expect(dataSource.onDataChange(f)).toBe(false);
-  });
-  it('returns false when deleting invalid listeners', () => {
-    const f = () => {};
-
-    const x = () => {};
-
-    dataSource.onDataChange(f);
-    expect(dataSource.removeListener(x)).toBe(false);
-  });
-
-  if (extraTests) {
-    extraTests(() => dataSource);
-  }
-};
-
-describe('DataSource', () => {
-  withCommonTests(() => new _DataSource.default(), getDs => {
-    it('throws an error when fetchItems is called directly', () => {
-      expect(() => getDs().fetchItems()).toThrow(/Not implemented/);
-    });
-  });
-});
-describe('ArrayDataSource', () => {
-  const elements = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
-  withCommonTests(() => new _DataSource.ArrayDataSource(elements), getDs => {
-    describe('fetchItems', () => {
-      it('fetches items correctly', async () => {
-        expect(await getDs().fetchItems(0, 5)).toEqual([1, 2, 3, 4, 5]);
-        expect(await getDs().fetchItems(5, 5)).toEqual([6, 7, 8, 9, 10]);
-        expect(await getDs().fetchItems(1, 3)).toEqual([2, 3, 4]);
-        expect(await getDs().fetchItems(0, 15)).toEqual(elements);
-      });
-      it('handles invalid arguments', async () => {
-        expect(await getDs().fetchItems(-1, 2)).toEqual([1, 2]);
-        expect(await getDs().fetchItems(10, 2)).toEqual([]);
-        expect(await getDs().fetchItems(11, 2)).toEqual([]);
-        expect(await getDs().fetchItems(0, -2)).toEqual([]);
-      });
-    });
-  });
-});

package/bpk-component-infinite-scroll/src/DataSource.js

@@ -1,104 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ArrayDataSource = void 0;
-
-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; }
-
-/*
- * 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.
- */
-class DataSource {
-  constructor() {
-    _defineProperty(this, "listeners", void 0);
-
-    _defineProperty(this, "triggerListeners", void 0);
-
-    _defineProperty(this, "triggerListeners", (...args) => {
-      this.listeners.forEach(cb => cb(...args));
-    });
-
-    this.listeners = [];
-  }
-  /* eslint-disable-next-line no-unused-vars, class-methods-use-this */
-
-
-  fetchItems(index, nElements) {
-    throw new Error('Not implemented');
-  }
-
-  onDataChange(callback) {
-    if (this.listeners.indexOf(callback) === -1) {
-      this.listeners.push(callback);
-      return true;
-    }
-
-    return false;
-  }
-
-  removeListener(callback) {
-    const index = this.listeners.indexOf(callback);
-
-    if (index !== -1) {
-      this.listeners.splice(index, 1);
-      return true;
-    }
-
-    return false;
-  }
-
-}
-
-class ArrayDataSource extends DataSource {
-  constructor(elementsArray) {
-    super();
-
-    _defineProperty(this, "elements", void 0);
-
-    this.elements = elementsArray;
-  }
-
-  fetchItems(index, nElements) {
-    const {
-      elements
-    } = this;
-    return new Promise(resolve => {
-      const totalElements = elements.length;
-      const n = totalElements - index;
-
-      if (n <= 0) {
-        return resolve([]);
-      }
-
-      const start = Math.max(index, 0);
-      const end = Math.max(start, start + nElements);
-      return resolve(elements.slice(start, end));
-    });
-  }
-
-  updateData(newElementsArray) {
-    this.elements = newElementsArray;
-    this.triggerListeners();
-  }
-
-}
-
-exports.ArrayDataSource = ArrayDataSource;
-var _default = DataSource;
-exports.default = _default;

package/bpk-component-infinite-scroll/src/accessibility-test.js

@@ -1,60 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _react2 = require("@testing-library/react");
-
-var _jestAxe = require("jest-axe");
-
-var _withInfiniteScroll = _interopRequireDefault(require("./withInfiniteScroll"));
-
-var _DataSource = require("./DataSource");
-
-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.
- */
-describe('withInfiniteScroll accessibility tests', () => {
-  it('should not have programmatically-detectable accessibility issues', async () => {
-    const elementsArray = [];
-
-    for (let i = 0; i < 5; i += 1) {
-      elementsArray.push(`Element ${i}`);
-    }
-
-    const List = props => /*#__PURE__*/_react.default.createElement("div", {
-      id: "list"
-    }, props.elements.map(element => /*#__PURE__*/_react.default.createElement("div", {
-      key: element
-    }, element)));
-
-    List.propTypes = {
-      elements: _propTypes.default.arrayOf(_propTypes.default.string).isRequired
-    };
-    const InfiniteList = (0, _withInfiniteScroll.default)(List);
-    const {
-      container
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(InfiniteList, {
-      dataSource: new _DataSource.ArrayDataSource(elementsArray)
-    }));
-    const results = await (0, _jestAxe.axe)(container);
-    expect(results).toHaveNoViolations();
-  });
-});

package/bpk-component-infinite-scroll/src/intersection-observer.js

@@ -1,33 +0,0 @@
-"use strict";
-
-/*
- * 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.
- */
-if (typeof window === 'undefined') {
-  global.IntersectionObserver = class {
-    observe() {} // eslint-disable-line class-methods-use-this
-
-
-    unobserve() {} // eslint-disable-line class-methods-use-this
-
-
-  };
-} else {
-  require('intersection-observer');
-  /* eslint-disable-line global-require */
-
-}

package/bpk-component-infinite-scroll/src/withInfiniteScroll-test.flow.js

@@ -1,92 +0,0 @@
-"use strict";
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _withInfiniteScroll = _interopRequireDefault(require("./withInfiniteScroll"));
-
-var _DataSource = require("./DataSource");
-
-const _excluded = ["elements"];
-
-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 elementsArray = [];
-
-for (let i = 0; i < 5; i += 1) {
-  elementsArray.push(`Element ${i}`);
-}
-
-// We have to turn this into a function as the HOC ignores the props of a function
-// another approach could be to put these props in the HOC as they aren't passed through.
-
-/* eslint-disable react/prefer-stateless-function */
-class List extends _react.Component {
-  render() {
-    const _this$props = this.props,
-          {
-      elements
-    } = _this$props,
-          rest = _objectWithoutProperties(_this$props, _excluded);
-
-    return (
-      /*#__PURE__*/
-      // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
-      _react.default.createElement("div", _extends({
-        id: "list"
-      }, rest), elements.forEach(element => /*#__PURE__*/_react.default.createElement("div", {
-        key: element
-      }, element)))
-    );
-  }
-
-}
-/* eslint-enable react/prefer-stateless-function */
-
-
-_defineProperty(List, "defaultProps", void 0);
-
-List.defaultProps = {
-  onClick: null
-};
-const InfiniteList = (0, _withInfiniteScroll.default)(List);
-
-(() => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(InfiniteList, {
-  dataSource: new _DataSource.ArrayDataSource([])
-}), /*#__PURE__*/_react.default.createElement(InfiniteList, {
-  "aria-label": "infinite list"
-}), /*#__PURE__*/_react.default.createElement(InfiniteList, {
-  dataSource: new _DataSource.ArrayDataSource([]),
-  "aria-label": null
-}), /*#__PURE__*/_react.default.createElement(InfiniteList, {
-  dataSource: new _DataSource.ArrayDataSource([]),
-  "aria-label": "infinite list"
-}), /*#__PURE__*/_react.default.createElement(InfiniteList, {
-  dataSource: new _DataSource.ArrayDataSource([]),
-  "aria-label": "infinite list",
-  onClick: () => {},
-  elementsPerScroll: 5,
-  initiallyLoadedElements: 1,
-  loaderIntersectionTrigger: "small",
-  onScroll: evt => {} // eslint-disable-line no-unused-vars
-  ,
-  onScrollFinished: evt => {} // eslint-disable-line no-unused-vars
-  ,
-  renderLoadingComponent: () => /*#__PURE__*/_react.default.createElement("div", null),
-  renderSeeMoreComponent: onClick => /*#__PURE__*/_react.default.createElement("button", {
-    type: "button",
-    onClick: onClick
-  }, "Button"),
-  seeMoreAfter: 5
-})))();