@pingux/astro 1.1.1-alpha.0 → 1.1.1-alpha.1

package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.stories.js

@@ -1,164 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports.DisabledRockerButtonGroup = exports.DisabledSingleButton = exports.withCustomSelectedColors = exports.Controlled = exports.Uncontrolled = exports.Default = exports["default"] = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _RockerButtonGroup = _interopRequireDefault(require("../RockerButtonGroup"));
-
-var _RockerButton = _interopRequireDefault(require("../RockerButton"));
-
-var _react2 = require("@emotion/react");
-
-var _default = {
-  title: 'RockerButtonGroup',
-  component: _RockerButtonGroup["default"],
-  parameters: {
-    docs: {
-      source: {
-        type: 'code'
-      }
-    }
-  },
-  argTypes: {
-    isDisabled: {
-      defaultValue: false
-    },
-    defaultSelectedKey: {},
-    selectedKey: {
-      control: {
-        type: 'none'
-      }
-    }
-  }
-};
-exports["default"] = _default;
-
-var Default = function Default(_ref) {
-  var args = (0, _extends2["default"])({}, _ref);
-  return (0, _react2.jsx)(_RockerButtonGroup["default"], args, (0, _react2.jsx)(_RockerButton["default"], {
-    name: "and",
-    key: "and"
-  }, "And"), (0, _react2.jsx)(_RockerButton["default"], {
-    name: "or",
-    key: "or"
-  }, "Or"), (0, _react2.jsx)(_RockerButton["default"], {
-    name: "maybe",
-    key: "maybe"
-  }, "Maybe"));
-};
-
-exports.Default = Default;
-
-var Uncontrolled = function Uncontrolled() {
-  return (0, _react2.jsx)(_RockerButtonGroup["default"], null, (0, _react2.jsx)(_RockerButton["default"], {
-    name: "and",
-    key: "and"
-  }, "And"), (0, _react2.jsx)(_RockerButton["default"], {
-    name: "or",
-    key: "or"
-  }, "Or"), (0, _react2.jsx)(_RockerButton["default"], {
-    name: "maybe",
-    key: "maybe"
-  }, "Maybe"));
-};
-
-exports.Uncontrolled = Uncontrolled;
-
-var Controlled = function Controlled() {
-  var _useState = (0, _react.useState)('and'),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      currentTab = _useState2[0],
-      setCurrentTab = _useState2[1];
-
-  return (0, _react2.jsx)(_RockerButtonGroup["default"], {
-    selectedKey: currentTab,
-    onSelectionChange: setCurrentTab
-  }, (0, _react2.jsx)(_RockerButton["default"], {
-    name: "and",
-    key: "and"
-  }, "And"), (0, _react2.jsx)(_RockerButton["default"], {
-    name: "or",
-    key: "or"
-  }, "Or"), (0, _react2.jsx)(_RockerButton["default"], {
-    name: "maybe",
-    key: "maybe"
-  }, "Maybe"));
-};
-
-exports.Controlled = Controlled;
-
-var withCustomSelectedColors = function withCustomSelectedColors() {
-  return (0, _react2.jsx)(_RockerButtonGroup["default"], null, (0, _react2.jsx)(_RockerButton["default"], {
-    name: "and",
-    key: "and",
-    selectedStyles: {
-      bg: '#640099'
-    }
-  }, "And"), (0, _react2.jsx)(_RockerButton["default"], {
-    name: "or",
-    key: "or",
-    selectedStyles: {
-      bg: '#4660A2'
-    }
-  }, "Or"), (0, _react2.jsx)(_RockerButton["default"], {
-    name: "maybe",
-    key: "maybe",
-    selectedStyles: {
-      bg: 'accent.30',
-      color: 'yellow'
-    }
-  }, "Maybe"));
-};
-
-exports.withCustomSelectedColors = withCustomSelectedColors;
-
-var DisabledSingleButton = function DisabledSingleButton() {
-  return (0, _react2.jsx)(_RockerButtonGroup["default"], {
-    defaultSelectedKey: "or"
-  }, (0, _react2.jsx)(_RockerButton["default"], {
-    name: "and",
-    key: "and",
-    isDisabled: true
-  }, "And"), (0, _react2.jsx)(_RockerButton["default"], {
-    name: "or",
-    key: "or"
-  }, "Or"), (0, _react2.jsx)(_RockerButton["default"], {
-    name: "maybe",
-    key: "maybe"
-  }, "Maybe"));
-};
-
-exports.DisabledSingleButton = DisabledSingleButton;
-
-var DisabledRockerButtonGroup = function DisabledRockerButtonGroup() {
-  return (0, _react2.jsx)(_RockerButtonGroup["default"], {
-    isDisabled: true,
-    defaultSelectedKey: "and"
-  }, (0, _react2.jsx)(_RockerButton["default"], {
-    name: "and",
-    key: "and"
-  }, "And"), (0, _react2.jsx)(_RockerButton["default"], {
-    name: "or",
-    key: "or"
-  }, "Or"), (0, _react2.jsx)(_RockerButton["default"], {
-    name: "maybe",
-    key: "maybe"
-  }, "Maybe"));
-};
-
-exports.DisabledRockerButtonGroup = DisabledRockerButtonGroup;

package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.test.js

@@ -1,133 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
-var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
-
-var _testAxe = _interopRequireDefault(require("../../utils/testUtils/testAxe"));
-
-var _testWrapper = require("../../utils/testUtils/testWrapper");
-
-var _RockerButtonGroup = _interopRequireDefault(require("./RockerButtonGroup"));
-
-var _RockerButton = _interopRequireDefault(require("../RockerButton"));
-
-var _react2 = require("@emotion/react");
-
-var testId = 'testId';
-var testButtons = [{
-  name: 'And',
-  key: 'And',
-  selectedStyles: {
-    bg: '#640099'
-  }
-}, {
-  name: 'Or',
-  key: 'Or'
-}, {
-  name: 'Maybe?',
-  key: 'Maybe?'
-}];
-var defaultProps = {
-  'data-testid': testId,
-  defaultSelectedKey: testButtons[0].name
-};
-
-var getComponent = function getComponent() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
-  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-      _ref$buttons = _ref.buttons,
-      buttons = _ref$buttons === void 0 ? testButtons : _ref$buttons,
-      _ref$renderFn = _ref.renderFn,
-      renderFn = _ref$renderFn === void 0 ? _testWrapper.render : _ref$renderFn;
-
-  return renderFn((0, _react2.jsx)(_RockerButtonGroup["default"], (0, _extends2["default"])({}, defaultProps, props, {
-    "data-id": "test-container"
-  }), (0, _map["default"])(buttons).call(buttons, function (button) {
-    return (0, _react2.jsx)(_RockerButton["default"], {
-      title: button.name,
-      key: button.key,
-      selectedStyles: button.selectedStyles
-    });
-  })));
-}; // Need to be added to each test file to test accessibility using axe.
-
-
-(0, _testAxe["default"])(getComponent);
-test('renders rocker container with buttons', function () {
-  getComponent();
-  var rockerContainer = (0, _testWrapper.queryByAttribute)('data-id', document, 'test-container');
-  expect(rockerContainer).toBeInTheDocument();
-
-  var buttons = _testWrapper.screen.getAllByRole('button');
-
-  expect(buttons).toHaveLength(3);
-});
-test('buttonGroup is not disabled by default', function () {
-  getComponent();
-  var rockerContainer = (0, _testWrapper.queryByAttribute)('data-id', document, 'test-container');
-  expect(rockerContainer).toBeEnabled();
-  (0, _forEach["default"])(testButtons).call(testButtons, function (button) {
-    var buttonKey = _testWrapper.screen.getByText(button.key);
-
-    expect(buttonKey).not.toHaveClass('is-disabled');
-  });
-});
-test('each button is disabled when isDisabled prop is passed to RockerButtonGroup', function () {
-  getComponent({
-    isDisabled: true
-  });
-  (0, _forEach["default"])(testButtons).call(testButtons, function (button) {
-    var buttonKey = _testWrapper.screen.getByText(button.key);
-
-    expect(buttonKey).toHaveClass('is-disabled');
-  });
-});
-test('rockerButton renders selectedStyles prop when selected', function () {
-  getComponent();
-
-  var buttonColorKey = _testWrapper.screen.getByText(testButtons[0].key);
-
-  expect(buttonColorKey).toHaveClass('is-selected');
-});
-test('selected button can be changed by keyboard interaction', function () {
-  getComponent(); // FIXME: Keyboard events must fire twice tests - unsure why at this time.
-
-  _userEvent["default"].tab();
-
-  _userEvent["default"].tab();
-
-  var button0 = _testWrapper.screen.getByText(testButtons[0].key);
-
-  expect(button0).toHaveClass('is-selected');
-
-  var button1 = _testWrapper.screen.getByText(testButtons[1].key);
-
-  expect(button1).not.toHaveClass('is-selected');
-
-  _userEvent["default"].tab();
-
-  _userEvent["default"].tab();
-
-  _testWrapper.fireEvent.keyDown(_testWrapper.screen.getByText(testButtons[0].key), {
-    key: 'ArrowRight',
-    code: 'ArrowRight'
-  });
-
-  _testWrapper.fireEvent.keyDown(_testWrapper.screen.getByText(testButtons[1].key), {
-    key: 'ArrowRight',
-    code: 'ArrowRight'
-  });
-
-  expect(_testWrapper.screen.getByText(testButtons[1].key)).toHaveClass('is-selected');
-  expect(_testWrapper.screen.getByText(testButtons[0].key)).not.toHaveClass('is-selected');
-});

package/lib/cjs/components/RockerButtonGroup/index.js

@@ -1,38 +0,0 @@
-"use strict";
-
-var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-
-var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-
-var _context;
-
-var _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _exportNames = {};
-
-_Object$defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _RockerButtonGroup["default"];
-  }
-});
-
-var _RockerButtonGroup = _interopRequireWildcard(require("./RockerButtonGroup"));
-
-_forEachInstanceProperty(_context = _Object$keys(_RockerButtonGroup)).call(_context, function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-
-  _Object$defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _RockerButtonGroup[key];
-    }
-  });
-});

package/lib/cjs/components/ScrollBox/ScrollBox.js

@@ -1,145 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _Object$defineProperty2 = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-_Object$defineProperty2(exports, "__esModule", {
-  value: true
-});
-
-exports["default"] = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-property"));
-
-var _defineProperties = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-properties"));
-
-var _getOwnPropertyDescriptors = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors"));
-
-var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
-
-var _getOwnPropertyDescriptor = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor"));
-
-var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
-
-var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
-
-var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
-var _defineProperty3 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _Box = _interopRequireDefault(require("../Box"));
-
-var _useStatusClasses2 = _interopRequireDefault(require("../../hooks/useStatusClasses"));
-
-var _react2 = require("@emotion/react");
-
-function ownKeys(object, enumerableOnly) { var keys = (0, _keys["default"])(object); if (_getOwnPropertySymbols["default"]) { var symbols = (0, _getOwnPropertySymbols["default"])(object); if (enumerableOnly) symbols = (0, _filter["default"])(symbols).call(symbols, function (sym) { return (0, _getOwnPropertyDescriptor["default"])(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; (0, _forEach["default"])(_context = ownKeys(Object(source), true)).call(_context, function (key) { (0, _defineProperty3["default"])(target, key, source[key]); }); } else if (_getOwnPropertyDescriptors["default"]) { (0, _defineProperties["default"])(target, (0, _getOwnPropertyDescriptors["default"])(source)); } else { var _context2; (0, _forEach["default"])(_context2 = ownKeys(Object(source))).call(_context2, function (key) { (0, _defineProperty2["default"])(target, key, (0, _getOwnPropertyDescriptor["default"])(source, key)); }); } } return target; }
-
-var ScrollBox = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var maxHeight = props.maxHeight,
-      children = props.children,
-      sx = props.sx,
-      className = props.className,
-      hasShadows = props.hasShadows,
-      scrollHandler = props.onScroll,
-      others = (0, _objectWithoutProperties2["default"])(props, ["maxHeight", "children", "sx", "className", "hasShadows", "onScroll"]);
-
-  var _useState = (0, _react.useState)(0),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      scrollTopPostion = _useState2[0],
-      setScrollTopPosition = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      isTopShadowShowing = _useState4[0],
-      setIsTopShadowShowing = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(true),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      isBottomShadowShowing = _useState6[0],
-      setIsBottomShadowShowing = _useState6[1];
-
-  var outerRef = (0, _react.useRef)();
-  /* istanbul ignore next */
-
-  (0, _react.useImperativeHandle)(ref, function () {
-    return outerRef.current;
-  });
-  /* istanbul ignore next */
-
-  (0, _react.useLayoutEffect)(function () {
-    if (outerRef.current && outerRef.current.firstChild) {
-      if (outerRef.current.firstChild.offsetHeight !== 0) {
-        setIsBottomShadowShowing(outerRef.current.firstChild.scrollHeight - outerRef.current.firstChild.offsetHeight !== outerRef.current.firstChild.scrollTop);
-        setIsTopShadowShowing(outerRef.current.firstChild.scrollTop !== 0);
-      }
-    }
-  }, [scrollTopPostion]);
-  /* istanbul ignore next */
-
-  var onScroll = function onScroll() {
-    var _outerRef$current;
-
-    if ((_outerRef$current = outerRef.current) === null || _outerRef$current === void 0 ? void 0 : _outerRef$current.firstChild) {
-      var _outerRef$current2, _outerRef$current2$fi;
-
-      setScrollTopPosition((_outerRef$current2 = outerRef.current) === null || _outerRef$current2 === void 0 ? void 0 : (_outerRef$current2$fi = _outerRef$current2.firstChild) === null || _outerRef$current2$fi === void 0 ? void 0 : _outerRef$current2$fi.scrollTop);
-    }
-  };
-
-  var _useStatusClasses = (0, _useStatusClasses2["default"])('', {
-    hasShadows: hasShadows,
-    isTopShadowShowing: isTopShadowShowing,
-    isBottomShadowShowing: isBottomShadowShowing
-  }),
-      classNames = _useStatusClasses.classNames;
-
-  return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_Box["default"], {
-    variant: "boxes.topShadowScrollbox",
-    className: classNames,
-    role: "separator"
-  }), (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({
-    ref: outerRef,
-    sx: _objectSpread({
-      maxHeight: maxHeight,
-      overflowY: 'auto'
-    }, sx),
-    onScroll: onScroll,
-    variant: "boxes.scrollbox"
-  }, others), children), (0, _react2.jsx)(_Box["default"], {
-    variant: "boxes.bottomShadowScrollbox",
-    className: classNames,
-    role: "separator"
-  }));
-});
-ScrollBox.defaultProps = {
-  maxHeight: '100%',
-  hasShadows: false
-};
-ScrollBox.propTypes = {
-  /** Height at which the content within ScrollBox will overflow */
-  maxHeight: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].object, _propTypes["default"].number]),
-
-  /** Callback that fires when scrolling is done inside the ScrollBox */
-  onScroll: _propTypes["default"].func,
-
-  /** If true the box will render top and bottom shadows with scroll */
-  hasShadows: _propTypes["default"].bool
-};
-var _default = ScrollBox;
-exports["default"] = _default;

package/lib/cjs/components/ScrollBox/ScrollBox.stories.js

@@ -1,47 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports.Default = exports["default"] = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _ScrollBox = _interopRequireDefault(require("./ScrollBox"));
-
-var _Box = _interopRequireDefault(require("../Box"));
-
-var _react2 = require("@emotion/react");
-
-var _default = {
-  title: 'ScrollBox',
-  component: _ScrollBox["default"],
-  argTypes: {
-    maxHeight: {
-      control: {
-        type: 'text'
-      },
-      defaultValue: '100px'
-    }
-  }
-};
-exports["default"] = _default;
-
-var Default = function Default(args) {
-  return (0, _react2.jsx)(_ScrollBox["default"], (0, _extends2["default"])({
-    maxHeight: "100px"
-  }, args), (0, _react2.jsx)(_Box["default"], {
-    sx: {
-      height: '150px'
-    }
-  }, (0, _react2.jsx)("p", null, "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?")));
-};
-
-exports.Default = Default;

package/lib/cjs/components/ScrollBox/ScrollBox.test.js

@@ -1,87 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _setTimeout2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set-timeout"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _testWrapper = require("../../utils/testUtils/testWrapper");
-
-var _ScrollBox = _interopRequireDefault(require("./ScrollBox"));
-
-var _react2 = require("@emotion/react");
-
-var testId = 'scrollBoxTestId';
-var defaultProps = {
-  'data-testid': testId,
-  'maxHeight': '100px'
-};
-
-var getComponent = function getComponent() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return (0, _testWrapper.render)((0, _react2.jsx)(_ScrollBox["default"], (0, _extends2["default"])({}, defaultProps, props)));
-};
-
-test('maxHeight passes into the component', function () {
-  getComponent();
-
-  var scrollBoxComponent = _testWrapper.screen.getByTestId(testId);
-
-  expect(scrollBoxComponent).toBeInTheDocument();
-  expect(scrollBoxComponent).toHaveStyle({
-    maxHeight: '100px'
-  });
-});
-test('passing hasShadows renders the shadow css', function () {
-  getComponent({
-    hasShadows: true
-  });
-
-  var scrollBoxComponent = _testWrapper.screen.getByTestId(testId);
-
-  expect(scrollBoxComponent).toBeInTheDocument();
-
-  var shadows = _testWrapper.screen.getAllByRole('separator');
-
-  expect(shadows[0]).toHaveClass('has-shadows');
-  expect(shadows[1]).toHaveClass('has-shadows');
-});
-test('with hasShadows prop only the bottom shadow is rendered first', function () {
-  getComponent({
-    hasShadows: true
-  });
-
-  var scrollBoxComponent = _testWrapper.screen.getByTestId(testId);
-
-  expect(scrollBoxComponent).toBeInTheDocument();
-
-  var shadows = _testWrapper.screen.getAllByRole('separator');
-
-  expect(shadows[0]).not.toHaveClass('is-top-shadow-showing');
-  expect(shadows[1]).toHaveClass('is-bottom-shadow-showing');
-});
-test('with hasShadows prop only the top shadow is rendered after scroll to down', function () {
-  getComponent({
-    hasShadows: true
-  });
-
-  var scrollBoxComponent = _testWrapper.screen.getByTestId(testId);
-
-  expect(scrollBoxComponent).toBeInTheDocument();
-
-  _testWrapper.fireEvent.scroll(scrollBoxComponent, {
-    target: {
-      scrollY: 100
-    }
-  });
-
-  var shadows = _testWrapper.screen.getAllByRole('separator');
-
-  (0, _setTimeout2["default"])(function () {
-    expect(shadows[0]).toHaveClass('is-top-shadow-showing');
-    expect(shadows[1]).not.toHaveClass('is-bottom-shadow-showing');
-  }, 200);
-});

package/lib/cjs/components/ScrollBox/index.js

@@ -1,18 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-_Object$defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _ScrollBox["default"];
-  }
-});
-
-var _ScrollBox = _interopRequireDefault(require("./ScrollBox"));