flipper-ui 0.27.1 → 0.28.0

package/core/Experimental/Dialog/__test__/remove-dialog.spec.js

@@ -1,131 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-var React = _interopRequireWildcard(require("react"));
-var _react2 = require("@testing-library/react");
-var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
-var _RemoveDialog = _interopRequireDefault(require("../RemoveDialog"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
-describe('RemoveDialog', function () {
-  var TITLE = 'dialog title';
-  var TEXT = 'Dialog text';
-  var LABELS = {
-    cancel: 'cancel',
-    confirm: 'confirm'
-  };
-  it('Should render component', function () {
-    var onCancelSpy = jest.fn();
-    var onConfirmSpy = jest.fn();
-    (0, _react2.render)( /*#__PURE__*/React.createElement(_RemoveDialog["default"], {
-      open: true,
-      title: TITLE,
-      text: TEXT,
-      labels: LABELS,
-      onCancel: onCancelSpy,
-      onConfirm: onConfirmSpy
-    }));
-    var title = _react2.screen.getByText(TITLE.toUpperCase());
-    var text = _react2.screen.getByText(TEXT);
-    var confirmButton = _react2.screen.getByText(LABELS.confirm);
-    var cancelButton = _react2.screen.getByText(LABELS.cancel);
-    expect(title).toBeDefined();
-    expect(text).toBeDefined();
-    expect(confirmButton).toBeDefined();
-    expect(cancelButton).toBeDefined();
-  });
-  it('Should render component with default labels', function () {
-    var onCancelSpy = jest.fn();
-    var onConfirmSpy = jest.fn();
-    (0, _react2.render)( /*#__PURE__*/React.createElement(_RemoveDialog["default"], {
-      open: true,
-      text: TEXT,
-      onCancel: onCancelSpy,
-      onConfirm: onConfirmSpy
-    }));
-    var title = _react2.screen.getByText('EXCLUIR');
-    var text = _react2.screen.getByText(TEXT);
-    var confirmButton = _react2.screen.getByText('Excluir');
-    var cancelButton = _react2.screen.getByText('Cancelar');
-    expect(title).toBeDefined();
-    expect(text).toBeDefined();
-    expect(confirmButton).toBeDefined();
-    expect(cancelButton).toBeDefined();
-  });
-  it('Should call primaryButtonAction', function () {
-    var onCancelSpy = jest.fn();
-    var onConfirmSpy = jest.fn();
-    (0, _react2.render)( /*#__PURE__*/React.createElement(_RemoveDialog["default"], {
-      open: true,
-      title: TITLE,
-      text: TEXT,
-      labels: LABELS,
-      onCancel: onCancelSpy,
-      onConfirm: onConfirmSpy
-    }));
-    var confirmButton = _react2.screen.getByText(LABELS.confirm);
-    _userEvent["default"].click(confirmButton);
-    (0, _react2.waitFor)(function () {
-      expect(onConfirmSpy).toHaveBeenCalled();
-    });
-  });
-  it('Should call secondaryButtonAction', function () {
-    var onCancelSpy = jest.fn();
-    var onConfirmSpy = jest.fn();
-    (0, _react2.render)( /*#__PURE__*/React.createElement(_RemoveDialog["default"], {
-      open: true,
-      title: TITLE,
-      text: TEXT,
-      labels: LABELS,
-      onCancel: onCancelSpy,
-      onConfirm: onConfirmSpy
-    }));
-    var cancelButton = _react2.screen.getByText(LABELS.cancel);
-    _userEvent["default"].click(cancelButton);
-    (0, _react2.waitFor)(function () {
-      expect(onCancelSpy).toHaveBeenCalled();
-    });
-  });
-  it('Should call onCancel', function () {
-    var onCancelSpy = jest.fn();
-    var onConfirmSpy = jest.fn();
-    (0, _react2.render)( /*#__PURE__*/React.createElement(_RemoveDialog["default"], {
-      open: true,
-      title: TITLE,
-      text: TEXT,
-      labels: LABELS,
-      onCancel: onCancelSpy,
-      onConfirm: onConfirmSpy
-    }));
-    var title = _react2.screen.getByText(TITLE.toUpperCase());
-    _react2.fireEvent.keyDown(title, {
-      key: 'Escape',
-      keyCode: 27
-    });
-    (0, _react2.waitFor)(function () {
-      expect(onCancelSpy).toHaveBeenCalled();
-    });
-  });
-  it('Should not call onCancel when disableBackdropClick', function () {
-    var onCancelSpy = jest.fn();
-    var onConfirmSpy = jest.fn();
-    (0, _react2.render)( /*#__PURE__*/React.createElement(_RemoveDialog["default"], {
-      open: true,
-      disableBackdropClick: true,
-      title: TITLE,
-      text: TEXT,
-      labels: LABELS,
-      onCancel: onCancelSpy,
-      onConfirm: onConfirmSpy
-    }));
-    var title = _react2.screen.getByText(TITLE.toUpperCase());
-    _react2.fireEvent.keyDown(title, {
-      key: 'Escape',
-      keyCode: 27
-    });
-    (0, _react2.waitFor)(function () {
-      expect(onCancelSpy).not.toHaveBeenCalled();
-    });
-  });
-});

package/core/Experimental/Fab/Fab.stories.d.ts

@@ -1,9 +0,0 @@
-export declare const fab: () => JSX.Element;
-declare const _default: {
-    title: string;
-    component: (props: import("./Fab").IProps) => JSX.Element;
-    subcomponents: {
-        FabWrapper: ({ padding, children, style, width, height }: import("./FabWrapper").IProps) => JSX.Element;
-    };
-};
-export default _default;

package/core/Experimental/Fab/Fab.stories.js

@@ -1,29 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.fab = exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Fab = _interopRequireDefault(require("./Fab"));
-var _FabWrapper = _interopRequireDefault(require("./FabWrapper"));
-var _FileCopy = _interopRequireDefault(require("@material-ui/icons/FileCopy"));
-var fab = function fab() {
-  return /*#__PURE__*/_react["default"].createElement(_Fab["default"], {
-    name: "copy",
-    tooltip: "Copy file",
-    onClick: function onClick() {
-      return alert('fab click');
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_FileCopy["default"], null));
-};
-exports.fab = fab;
-var _default = {
-  title: 'V2/Fab',
-  component: _Fab["default"],
-  subcomponents: {
-    FabWrapper: _FabWrapper["default"]
-  }
-};
-exports["default"] = _default;

package/core/Experimental/Fab/fab.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/core/Experimental/Fab/fab.spec.js

@@ -1,51 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-var React = _interopRequireWildcard(require("react"));
-var _react2 = require("@testing-library/react");
-var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
-var _Fab = _interopRequireDefault(require("./Fab"));
-var _FileCopy = _interopRequireDefault(require("@material-ui/icons/FileCopy"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
-/* eslint-disable max-len */
-
-describe('Sidebar', function () {
-  it('Should call onClick', function () {
-    var onClickSpy = jest.fn();
-    (0, _react2.render)( /*#__PURE__*/React.createElement(_Fab["default"], {
-      onClick: onClickSpy
-    }, /*#__PURE__*/React.createElement(_FileCopy["default"], null)));
-    var btn = _react2.screen.getByTestId('fab-button');
-    _userEvent["default"].click(btn);
-    (0, _react2.waitFor)(function () {
-      expect(onClickSpy).toHaveBeenCalled();
-    });
-  });
-  it('Should show tooltip', function () {
-    var onClickSpy = jest.fn();
-    (0, _react2.render)( /*#__PURE__*/React.createElement(_Fab["default"], {
-      onClick: onClickSpy,
-      tooltip: "tooltip-test"
-    }, /*#__PURE__*/React.createElement(_FileCopy["default"], null)));
-    var btn = _react2.screen.getByTestId('fab-button');
-    _userEvent["default"].hover(btn);
-    (0, _react2.waitFor)(function () {
-      var tooltipMessage = _react2.screen.getByText('tooltip-test');
-      expect(tooltipMessage).toBeDefined();
-    });
-  });
-  it('Snapshot', function () {
-    var onClickSpy = jest.fn();
-    var miniTrue = (0, _react2.render)( /*#__PURE__*/React.createElement(_Fab["default"], {
-      onClick: onClickSpy
-    }, /*#__PURE__*/React.createElement(_FileCopy["default"], null)));
-    expect(miniTrue).toMatchSnapshot();
-    var miniFalse = (0, _react2.render)( /*#__PURE__*/React.createElement(_Fab["default"], {
-      mini: false,
-      onClick: onClickSpy
-    }, /*#__PURE__*/React.createElement(_FileCopy["default"], null)));
-    expect(miniFalse).toMatchInlineSnapshot("\n            {\n              \"asFragment\": [Function],\n              \"baseElement\": <body>\n                <div>\n                  <button\n                    class=\"MuiButtonBase-root MuiFab-root MuiFab-sizeSmall\"\n                    data-testid=\"fab-button\"\n                    name=\"action-button\"\n                    tabindex=\"0\"\n                    type=\"button\"\n                  >\n                    <span\n                      class=\"MuiFab-label\"\n                    >\n                      <svg\n                        aria-hidden=\"true\"\n                        class=\"MuiSvgIcon-root\"\n                        focusable=\"false\"\n                        viewBox=\"0 0 24 24\"\n                      >\n                        <path\n                          d=\"M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm-1 4l6 6v10c0 1.1-.9 2-2 2H7.99C6.89 23 6 22.1 6 21l.01-14c0-1.1.89-2 1.99-2h7zm-1 7h5.5L14 6.5V12z\"\n                        />\n                      </svg>\n                    </span>\n                    <span\n                      class=\"MuiTouchRipple-root\"\n                    />\n                  </button>\n                </div>\n                <div>\n                  <button\n                    class=\"MuiButtonBase-root MuiFab-root MuiFab-sizeMedium\"\n                    data-testid=\"fab-button\"\n                    name=\"action-button\"\n                    tabindex=\"0\"\n                    type=\"button\"\n                  >\n                    <span\n                      class=\"MuiFab-label\"\n                    >\n                      <svg\n                        aria-hidden=\"true\"\n                        class=\"MuiSvgIcon-root\"\n                        focusable=\"false\"\n                        viewBox=\"0 0 24 24\"\n                      >\n                        <path\n                          d=\"M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm-1 4l6 6v10c0 1.1-.9 2-2 2H7.99C6.89 23 6 22.1 6 21l.01-14c0-1.1.89-2 1.99-2h7zm-1 7h5.5L14 6.5V12z\"\n                        />\n                      </svg>\n                    </span>\n                    <span\n                      class=\"MuiTouchRipple-root\"\n                    />\n                  </button>\n                </div>\n              </body>,\n              \"container\": <div>\n                <button\n                  class=\"MuiButtonBase-root MuiFab-root MuiFab-sizeMedium\"\n                  data-testid=\"fab-button\"\n                  name=\"action-button\"\n                  tabindex=\"0\"\n                  type=\"button\"\n                >\n                  <span\n                    class=\"MuiFab-label\"\n                  >\n                    <svg\n                      aria-hidden=\"true\"\n                      class=\"MuiSvgIcon-root\"\n                      focusable=\"false\"\n                      viewBox=\"0 0 24 24\"\n                    >\n                      <path\n                        d=\"M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm-1 4l6 6v10c0 1.1-.9 2-2 2H7.99C6.89 23 6 22.1 6 21l.01-14c0-1.1.89-2 1.99-2h7zm-1 7h5.5L14 6.5V12z\"\n                      />\n                    </svg>\n                  </span>\n                  <span\n                    class=\"MuiTouchRipple-root\"\n                  />\n                </button>\n              </div>,\n              \"debug\": [Function],\n              \"findAllByAltText\": [Function],\n              \"findAllByDisplayValue\": [Function],\n              \"findAllByLabelText\": [Function],\n              \"findAllByPlaceholderText\": [Function],\n              \"findAllByRole\": [Function],\n              \"findAllByTestId\": [Function],\n              \"findAllByText\": [Function],\n              \"findAllByTitle\": [Function],\n              \"findByAltText\": [Function],\n              \"findByDisplayValue\": [Function],\n              \"findByLabelText\": [Function],\n              \"findByPlaceholderText\": [Function],\n              \"findByRole\": [Function],\n              \"findByTestId\": [Function],\n              \"findByText\": [Function],\n              \"findByTitle\": [Function],\n              \"getAllByAltText\": [Function],\n              \"getAllByDisplayValue\": [Function],\n              \"getAllByLabelText\": [Function],\n              \"getAllByPlaceholderText\": [Function],\n              \"getAllByRole\": [Function],\n              \"getAllByTestId\": [Function],\n              \"getAllByText\": [Function],\n              \"getAllByTitle\": [Function],\n              \"getByAltText\": [Function],\n              \"getByDisplayValue\": [Function],\n              \"getByLabelText\": [Function],\n              \"getByPlaceholderText\": [Function],\n              \"getByRole\": [Function],\n              \"getByTestId\": [Function],\n              \"getByText\": [Function],\n              \"getByTitle\": [Function],\n              \"queryAllByAltText\": [Function],\n              \"queryAllByDisplayValue\": [Function],\n              \"queryAllByLabelText\": [Function],\n              \"queryAllByPlaceholderText\": [Function],\n              \"queryAllByRole\": [Function],\n              \"queryAllByTestId\": [Function],\n              \"queryAllByText\": [Function],\n              \"queryAllByTitle\": [Function],\n              \"queryByAltText\": [Function],\n              \"queryByDisplayValue\": [Function],\n              \"queryByLabelText\": [Function],\n              \"queryByPlaceholderText\": [Function],\n              \"queryByRole\": [Function],\n              \"queryByTestId\": [Function],\n              \"queryByText\": [Function],\n              \"queryByTitle\": [Function],\n              \"rerender\": [Function],\n              \"unmount\": [Function],\n            }\n        ");
-  });
-});

package/core/Experimental/Sidebar/Sidebar.stories.d.ts

@@ -1,7 +0,0 @@
-export declare const loading: () => JSX.Element;
-export declare const sidebar: () => JSX.Element;
-declare const _default: {
-    title: string;
-    component: (props: import("./SidebarV2").IProps) => JSX.Element;
-};
-export default _default;

package/core/Experimental/Sidebar/Sidebar.stories.js

@@ -1,51 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.sidebar = exports.loading = exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _SidebarV = _interopRequireDefault(require("./SidebarV2"));
-var _Home = _interopRequireDefault(require("@material-ui/icons/Home"));
-var _Computer = _interopRequireDefault(require("@material-ui/icons/Computer"));
-var _Edit = _interopRequireDefault(require("@material-ui/icons/Edit"));
-var loading = function loading() {
-  return /*#__PURE__*/_react["default"].createElement(_SidebarV["default"], {
-    loading: true,
-    options: []
-  });
-};
-exports.loading = loading;
-var sidebar = function sidebar() {
-  return /*#__PURE__*/_react["default"].createElement(_SidebarV["default"], {
-    options: [{
-      icon: /*#__PURE__*/_react["default"].createElement(_Home["default"], null),
-      name: 'Home',
-      label: 'Home',
-      route: '/'
-    }, {
-      icon: /*#__PURE__*/_react["default"].createElement(_Computer["default"], null),
-      name: 'Computer',
-      label: 'Computer',
-      route: '/computer'
-    }],
-    extraOptions: [{
-      icon: /*#__PURE__*/_react["default"].createElement(_Edit["default"], null),
-      name: 'Edit',
-      label: 'edit',
-      route: '/edit'
-    }],
-    handleGoTo: function handleGoTo(foo, bar) {
-      return function () {
-        alert(foo + ' ' + bar);
-      };
-    }
-  });
-};
-exports.sidebar = sidebar;
-var _default = {
-  title: 'v2/Sidebar',
-  component: _SidebarV["default"]
-};
-exports["default"] = _default;

package/core/Experimental/Sidebar/index.d.ts

@@ -1 +0,0 @@
-export { default as Sidebar } from './SidebarV2';

package/core/Experimental/Sidebar/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Sidebar", {
-  enumerable: true,
-  get: function get() {
-    return _SidebarV["default"];
-  }
-});
-var _SidebarV = _interopRequireDefault(require("./SidebarV2"));

package/core/Experimental/Sidebar/sidebar.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/core/Experimental/Sidebar/sidebar.spec.js

@@ -1,129 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var React = _interopRequireWildcard(require("react"));
-var _react2 = require("@testing-library/react");
-var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
-var _SidebarV = _interopRequireDefault(require("./SidebarV2"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
-var options = [{
-  icon: /*#__PURE__*/React.createElement("svg", null),
-  label: 'Option-1',
-  name: 'option1',
-  route: '/option1'
-}, {
-  icon: /*#__PURE__*/React.createElement("svg", null),
-  label: 'Option-2',
-  name: 'option2',
-  route: '/option2'
-}];
-describe('Sidebar', function () {
-  it('renders the options', function () {
-    (0, _react2.render)( /*#__PURE__*/React.createElement(_SidebarV["default"], {
-      options: options
-    }));
-    options.forEach(function (option) {
-      expect(_react2.screen.getByTitle(option.label)).toBeDefined();
-    });
-  });
-  it('calls handleGoTo when an option is clicked', function () {
-    var handleGoTo = jest.fn();
-    (0, _react2.render)( /*#__PURE__*/React.createElement(_SidebarV["default"], {
-      options: options,
-      handleGoTo: handleGoTo
-    }));
-    var expandBtn = _react2.screen.getByTestId('sidebar-option-option1');
-    expandBtn.addEventListener('click', function (event) {
-      return event.preventDefault();
-    }, false);
-    _userEvent["default"].click(expandBtn);
-    expect(handleGoTo).toHaveBeenCalledWith('option1', '/option1');
-  });
-  it('renders extraOptions when provided', function () {
-    var extraOptions = [{
-      icon: /*#__PURE__*/React.createElement("svg", null),
-      label: 'Extra Option 1',
-      name: 'extraOption1',
-      route: '/extraOption1'
-    }, {
-      icon: /*#__PURE__*/React.createElement("svg", null),
-      label: 'Extra Option 2',
-      name: 'extraOption2',
-      route: '/extraOption2'
-    }];
-    (0, _react2.render)( /*#__PURE__*/React.createElement(_SidebarV["default"], {
-      options: options,
-      extraOptions: extraOptions
-    }));
-    extraOptions.forEach(function (option) {
-      expect(_react2.screen.getByTitle(option.label)).toBeDefined();
-    });
-  });
-  it('renders a skeleton when loading', function () {
-    (0, _react2.render)( /*#__PURE__*/React.createElement(_SidebarV["default"], {
-      options: options,
-      loading: true
-    }));
-    expect(_react2.screen.queryAllByRole('skeleton')).toHaveLength(6);
-  });
-  it('should show labels when expanded', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
-    var handleGoTo, expandBtn;
-    return _regenerator["default"].wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            handleGoTo = jest.fn();
-            (0, _react2.render)( /*#__PURE__*/React.createElement(_SidebarV["default"], {
-              options: options,
-              handleGoTo: handleGoTo
-            }));
-            expandBtn = _react2.screen.getByTestId('sidebar-button');
-            _userEvent["default"].click(expandBtn);
-            _context.next = 6;
-            return (0, _react2.waitFor)(function () {
-              var labels = options.map(function (option) {
-                return _react2.screen.getByTestId("list-item-".concat(option.label));
-              });
-              labels.forEach(function (label) {
-                return expect(label).toBeDefined();
-              });
-            });
-          case 6:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  })));
-  it('should now show labels when collapsed', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
-    var handleGoTo;
-    return _regenerator["default"].wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            handleGoTo = jest.fn();
-            (0, _react2.render)( /*#__PURE__*/React.createElement(_SidebarV["default"], {
-              options: options,
-              handleGoTo: handleGoTo
-            }));
-            _context2.next = 4;
-            return (0, _react2.waitFor)(function () {
-              var labels = options.map(function (option) {
-                return _react2.screen.queryByTestId("list-item-".concat(option.label));
-              });
-              labels.forEach(function (label) {
-                return expect(label).toBeNull();
-              });
-            });
-          case 4:
-          case "end":
-            return _context2.stop();
-        }
-      }
-    }, _callee2);
-  })));
-});

package/core/Experimental/index.d.ts

@@ -1,5 +0,0 @@
-export * from './Sidebar';
-export * from './Fab';
-export * from './Card';
-export * from './Button';
-export * from './Dialog';

package/core/Experimental/index.js

@@ -1,60 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Sidebar = require("./Sidebar");
-Object.keys(_Sidebar).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Sidebar[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Sidebar[key];
-    }
-  });
-});
-var _Fab = require("./Fab");
-Object.keys(_Fab).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Fab[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Fab[key];
-    }
-  });
-});
-var _Card = require("./Card");
-Object.keys(_Card).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Card[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Card[key];
-    }
-  });
-});
-var _Button = require("./Button");
-Object.keys(_Button).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Button[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Button[key];
-    }
-  });
-});
-var _Dialog = require("./Dialog");
-Object.keys(_Dialog).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Dialog[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Dialog[key];
-    }
-  });
-});

package/core/Line.d.ts

@@ -1,7 +0,0 @@
-import { DefaultProps } from './types';
-interface LineProps extends DefaultProps {
-    primary?: boolean;
-    width?: string;
-}
-declare const Line: ({ padding, margin, style, ...otherProps }: LineProps) => JSX.Element;
-export default Line;

package/core/Line.js

@@ -1,35 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireDefault(require("react"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _colors = require("../colors");
-var _excluded = ["padding", "margin", "style"];
-var _templateObject;
-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) { (0, _defineProperty2["default"])(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; }
-var StyledLine = _styledComponents["default"].hr(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    flex: 1;\n    border: 1px solid\n        ", ";\n"])), function (props) {
-  return props.primary ? _colors.primary.normal : _colors.background.normal;
-});
-var Line = function Line(_ref) {
-  var padding = _ref.padding,
-    margin = _ref.margin,
-    style = _ref.style,
-    otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(StyledLine, (0, _extends2["default"])({
-    style: _objectSpread({
-      padding: padding,
-      margin: margin
-    }, style)
-  }, otherProps));
-};
-var _default = Line;
-exports["default"] = _default;

package/stories/Advertise.stories.js

@@ -1,25 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Advertise = _interopRequireDefault(require("../core/Advertise"));
-var _default = {
-  title: 'Advertise',
-  component: _Advertise["default"]
-};
-exports["default"] = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_Advertise["default"], args);
-};
-var Default = Template.bind({});
-exports.Default = Default;
-Default.args = {
-  comment: 'Be like water. You put water into a cup. \
-        It becomes the cup. You put water into a bottle. It becomes the bottle.',
-  author: 'Bruce Lee',
-  children: 'Advertise'
-};