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

package/bpk-component-code/src/BpkCodeBlock.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _bpkReactUtils = require("bpk-react-utils");
+
+var _BpkCodeBlockModule = _interopRequireDefault(require("./BpkCodeBlock.module.scss"));
+
+const _excluded = ["alternate", "children", "className"];
+
+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 _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)(_BpkCodeBlockModule.default);
+
+const BpkCodeBlock = props => {
+  const {
+    alternate,
+    children,
+    className
+  } = props,
+        rest = _objectWithoutProperties(props, _excluded);
+
+  const preClassNames = getClassName('bpk-code__pre', alternate && 'bpk-code__pre--alternate', className);
+  const codeClassNames = getClassName('bpk-code', 'bpk-code--block');
+  return (
+    /*#__PURE__*/
+    // $FlowFixMe[cannot-spread-inexact] - inexact rest. See 'decisions/flowfixme.md'.
+    _react.default.createElement("pre", _extends({
+      className: preClassNames
+    }, rest), /*#__PURE__*/_react.default.createElement("code", {
+      className: codeClassNames
+    }, children))
+  );
+};
+
+BpkCodeBlock.propTypes = {
+  children: _propTypes.default.node.isRequired,
+  alternate: _propTypes.default.bool,
+  className: _propTypes.default.string
+};
+BpkCodeBlock.defaultProps = {
+  alternate: false,
+  className: null
+};
+var _default = BpkCodeBlock;
+exports.default = _default;

package/bpk-component-code/src/accessibility-test.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _jestAxe = require("jest-axe");
+
+var _BpkCode = _interopRequireDefault(require("./BpkCode"));
+
+var _BpkCodeBlock = _interopRequireDefault(require("./BpkCodeBlock"));
+
+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('BpkCode accessibility tests', () => {
+  it('should not have programmatically-detectable accessibility issues – BpkCode', async () => {
+    const {
+      container
+    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_BpkCode.default, null, "npm install react --save-dev"));
+    const results = await (0, _jestAxe.axe)(container);
+    expect(results).toHaveNoViolations();
+  });
+  it('should not have programmatically-detectable accessibility issues – BpkCodeBlock', async () => {
+    const {
+      container
+    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_BpkCodeBlock.default, null, "npm install react --save-dev"));
+    const results = await (0, _jestAxe.axe)(container);
+    expect(results).toHaveNoViolations();
+  });
+});

package/bpk-component-content-container/index.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _BpkContentContainer = _interopRequireDefault(require("./src/BpkContentContainer"));
+
+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 = _BpkContentContainer.default;
+exports.default = _default;

package/bpk-component-content-container/src/BpkContentContainer-test.js

@@ -0,0 +1,60 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _BpkContentContainer = _interopRequireDefault(require("./BpkContentContainer"));
+
+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('BpkContentContainer', () => {
+  it('should render correctly', () => {
+    const {
+      asFragment
+    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_BpkContentContainer.default, null, /*#__PURE__*/_react.default.createElement("h1", null, "Heading"), /*#__PURE__*/_react.default.createElement("p", null, "My paragraph."), /*#__PURE__*/_react.default.createElement("ul", null, /*#__PURE__*/_react.default.createElement("li", null, "Item 1"), /*#__PURE__*/_react.default.createElement("li", null, "Item 2"), /*#__PURE__*/_react.default.createElement("li", null, "Item 3"))));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  it('should render correctly with a "bareHtml" attribute', () => {
+    const {
+      asFragment
+    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_BpkContentContainer.default, {
+      bareHtml: true
+    }, /*#__PURE__*/_react.default.createElement("h1", null, "Heading"), /*#__PURE__*/_react.default.createElement("p", null, "My paragraph."), /*#__PURE__*/_react.default.createElement("ul", null, /*#__PURE__*/_react.default.createElement("li", null, "Item 1"), /*#__PURE__*/_react.default.createElement("li", null, "Item 2"), /*#__PURE__*/_react.default.createElement("li", null, "Item 3"))));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  it('should render correctly with a "bareHtml" and "alternate" attributes', () => {
+    const {
+      asFragment
+    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_BpkContentContainer.default, {
+      bareHtml: true,
+      alternate: true
+    }, /*#__PURE__*/_react.default.createElement("h1", null, "Heading"), /*#__PURE__*/_react.default.createElement("p", null, "My paragraph."), /*#__PURE__*/_react.default.createElement("ul", null, /*#__PURE__*/_react.default.createElement("li", null, "Item 1"), /*#__PURE__*/_react.default.createElement("li", null, "Item 2"), /*#__PURE__*/_react.default.createElement("li", null, "Item 3"))));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  it('should render correctly with a custom "className" attribute', () => {
+    const {
+      asFragment
+    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_BpkContentContainer.default, {
+      className: "my-test-class"
+    }, /*#__PURE__*/_react.default.createElement("h1", null, "Heading"), /*#__PURE__*/_react.default.createElement("p", null, "My paragraph."), /*#__PURE__*/_react.default.createElement("ul", null, /*#__PURE__*/_react.default.createElement("li", null, "Item 1"), /*#__PURE__*/_react.default.createElement("li", null, "Item 2"), /*#__PURE__*/_react.default.createElement("li", null, "Item 3"))));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/bpk-component-content-container/src/BpkContentContainer.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _bpkReactUtils = require("bpk-react-utils");
+
+var _BpkContentContainerModule = _interopRequireDefault(require("./BpkContentContainer.module.scss"));
+
+const _excluded = ["alternate", "bareHtml", "children", "className", "dangerouslySetInnerHTML", "tagName"];
+
+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 _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)(_BpkContentContainerModule.default);
+
+const BpkContentContainer = props => {
+  const {
+    alternate,
+    bareHtml,
+    children,
+    className,
+    dangerouslySetInnerHTML,
+    tagName: TagName
+  } = props,
+        rest = _objectWithoutProperties(props, _excluded);
+
+  const classNames = [getClassName('bpk-content-container')];
+
+  if (bareHtml) {
+    classNames.push(getClassName('bpk-content-container--bare-html'));
+
+    if (alternate) {
+      classNames.push(getClassName('bpk-content-container--bare-html-alternate'));
+    }
+  }
+
+  if (className) {
+    classNames.push(className);
+  }
+
+  return /*#__PURE__*/_react.default.createElement(TagName, _extends({
+    className: classNames.join(' '),
+    dangerouslySetInnerHTML: dangerouslySetInnerHTML
+  }, rest), children);
+};
+
+BpkContentContainer.propTypes = {
+  children: _propTypes.default.node,
+  dangerouslySetInnerHTML: _propTypes.default.shape({
+    __html: _propTypes.default.string.isRequired
+  }),
+  tagName: _propTypes.default.oneOf(['article', 'aside', 'div', 'main', 'section']),
+  bareHtml: _propTypes.default.bool,
+  alternate: _propTypes.default.bool,
+  className: _propTypes.default.string
+};
+BpkContentContainer.defaultProps = {
+  children: null,
+  dangerouslySetInnerHTML: null,
+  tagName: 'div',
+  bareHtml: false,
+  alternate: false,
+  className: null
+};
+var _default = BpkContentContainer;
+exports.default = _default;

package/bpk-component-content-container/src/accessibility-test.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _jestAxe = require("jest-axe");
+
+var _BpkContentContainer = _interopRequireDefault(require("./BpkContentContainer"));
+
+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('BpkContentContainer accessibility tests', () => {
+  it('should not have programmatically-detectable accessibility issues', async () => {
+    const {
+      container
+    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_BpkContentContainer.default, null, /*#__PURE__*/_react.default.createElement("h1", null, "Heading"), /*#__PURE__*/_react.default.createElement("p", null, "My paragraph."), /*#__PURE__*/_react.default.createElement("ul", null, /*#__PURE__*/_react.default.createElement("li", null, "Item 1"), /*#__PURE__*/_react.default.createElement("li", null, "Item 2"), /*#__PURE__*/_react.default.createElement("li", null, "Item 3"))));
+    const results = await (0, _jestAxe.axe)(container);
+    expect(results).toHaveNoViolations();
+  });
+});

package/bpk-component-datatable/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "BpkDataTable", {
+  enumerable: true,
+  get: function () {
+    return _BpkDataTable.default;
+  }
+});
+Object.defineProperty(exports, "BpkDataTableColumn", {
+  enumerable: true,
+  get: function () {
+    return _BpkDataTableColumn.default;
+  }
+});
+
+var _BpkDataTable = _interopRequireDefault(require("./src/BpkDataTable"));
+
+var _BpkDataTableColumn = _interopRequireDefault(require("./src/BpkDataTableColumn"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }