@primer/components 32.0.0-rc.7200a6a6 → 32.0.0

package/lib/__tests__/SelectMenu.test.js

@@ -1,155 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _ = require("..");
-
-var _testing = require("../utils/testing");
-
-var _react2 = require("@testing-library/react");
-
-var _jestAxe = require("jest-axe");
-
-require("babel-polyfill");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-expect.extend(_jestAxe.toHaveNoViolations);
-
-const BasicSelectMenu = ({
-  onClick,
-  as,
-  align = 'left'
-}) => {
-  return /*#__PURE__*/_react.default.createElement(_.SelectMenu, {
-    as: as
-  }, /*#__PURE__*/_react.default.createElement(_.Button, {
-    as: "summary"
-  }, "Projects"), /*#__PURE__*/_react.default.createElement(_.SelectMenu.Modal, {
-    title: "Projects",
-    align: align
-  }, /*#__PURE__*/_react.default.createElement(_.SelectMenu.List, null, /*#__PURE__*/_react.default.createElement(_.SelectMenu.Item, {
-    selected: true,
-    href: "#"
-  }, "Primer Components bugs"), /*#__PURE__*/_react.default.createElement(_.SelectMenu.Item, {
-    onClick: onClick,
-    as: as,
-    "data-test": "menu-item",
-    href: "#"
-  }, "Primer Components roadmap"), /*#__PURE__*/_react.default.createElement(_.SelectMenu.Divider, null, "stuff"), /*#__PURE__*/_react.default.createElement(_.SelectMenu.Item, {
-    href: "#"
-  }, " Project 3"), /*#__PURE__*/_react.default.createElement(_.SelectMenu.Item, {
-    href: "#"
-  }, "Project 4"), /*#__PURE__*/_react.default.createElement(_.SelectMenu.Footer, null, "footer"))));
-};
-
-BasicSelectMenu.displayName = "BasicSelectMenu";
-
-const MenuWithTabs = ({
-  onClick
-}) => {
-  return /*#__PURE__*/_react.default.createElement(_.SelectMenu, {
-    initialTab: "Organization"
-  }, /*#__PURE__*/_react.default.createElement(_.Button, {
-    as: "summary"
-  }, "Projects"), /*#__PURE__*/_react.default.createElement(_.SelectMenu.Modal, {
-    title: "Projects"
-  }, /*#__PURE__*/_react.default.createElement(_.SelectMenu.Tabs, null, /*#__PURE__*/_react.default.createElement(_.SelectMenu.Tab, {
-    index: 0,
-    onClick: onClick,
-    "data-test": "repo-tab",
-    tabName: "Repository"
-  }), /*#__PURE__*/_react.default.createElement(_.SelectMenu.Tab, {
-    index: 1,
-    tabName: "Organization"
-  })), /*#__PURE__*/_react.default.createElement(_.SelectMenu.TabPanel, {
-    tabName: "Repository"
-  }, /*#__PURE__*/_react.default.createElement(_.SelectMenu.Item, {
-    href: "#"
-  }, "Primer Components bugs"), /*#__PURE__*/_react.default.createElement(_.SelectMenu.Item, {
-    href: "#"
-  }, "Primer Components roadmap"), /*#__PURE__*/_react.default.createElement(_.SelectMenu.Item, {
-    href: "#"
-  }, " Project 3"), /*#__PURE__*/_react.default.createElement(_.SelectMenu.Item, {
-    href: "#"
-  }, "Project 4")), /*#__PURE__*/_react.default.createElement(_.SelectMenu.TabPanel, {
-    tabName: "Organization"
-  }, /*#__PURE__*/_react.default.createElement(_.SelectMenu.Item, {
-    href: "#"
-  }, " Project 2")), /*#__PURE__*/_react.default.createElement(_.SelectMenu.Footer, null, "Showing 3 of 3")));
-};
-
-MenuWithTabs.displayName = "MenuWithTabs";
-describe('SelectMenu', () => {
-  (0, _testing.checkExports)('SelectMenu', {
-    default: _.SelectMenu
-  });
-
-  for (const Comp of [_.SelectMenu.List, _.SelectMenu.Divider, _.SelectMenu.Filter, _.SelectMenu.Item, _.SelectMenu.List, _.SelectMenu.Modal, _.SelectMenu.Tabs, _.SelectMenu.Tab, _.SelectMenu.TabPanel, _.SelectMenu.Header]) {
-    it('sets a valid displayName', () => {
-      expect(Comp.displayName).toMatch(_testing.COMPONENT_DISPLAY_NAME_REGEX);
-    });
-  }
-
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(BasicSelectMenu, null));
-    const results = await (0, _jestAxe.axe)(container);
-    expect(results).toHaveNoViolations();
-    (0, _react2.cleanup)();
-  });
-  it('does not allow the "as" prop on SelectMenu', () => {
-    const component = (0, _testing.mount)( /*#__PURE__*/_react.default.createElement(BasicSelectMenu, {
-      as: "span"
-    }));
-    expect(component.find('details').length).toEqual(1);
-  });
-  it('shows correct initial tab', () => {
-    const testInstance = (0, _testing.renderRoot)( /*#__PURE__*/_react.default.createElement(MenuWithTabs, null));
-    expect(testInstance.findByProps({
-      'aria-selected': true
-    }).props.children).toBe('Organization');
-  });
-  it('clicking on a tab opens the tab', () => {
-    const component = (0, _testing.mount)( /*#__PURE__*/_react.default.createElement(MenuWithTabs, null));
-    const tab = component.find("[data-test='repo-tab']").first();
-    tab.simulate('click');
-    expect(tab.getDOMNode().attributes.getNamedItem('aria-selected')).toBeTruthy();
-  });
-  it('selected items have aria-checked', () => {
-    const testInstance = (0, _testing.renderRoot)( /*#__PURE__*/_react.default.createElement(BasicSelectMenu, null));
-    expect(testInstance.findByProps({
-      'aria-checked': true
-    }).props.children[1]).toBe('Primer Components bugs');
-  });
-  it('clicking on a list item calls user provided onClick handler', () => {
-    const mockClick = jest.fn();
-    const component = (0, _testing.mount)( /*#__PURE__*/_react.default.createElement(BasicSelectMenu, {
-      onClick: mockClick
-    }));
-    const item = component.find("[data-test='menu-item']").first();
-    item.simulate('click');
-    expect(mockClick.mock.calls.length).toEqual(1);
-  });
-  it('clicking on a tab calls user provided onClick handler', () => {
-    const mockClick = jest.fn();
-    const component = (0, _testing.mount)( /*#__PURE__*/_react.default.createElement(MenuWithTabs, {
-      onClick: mockClick
-    }));
-    const item = component.find("[data-test='repo-tab']").first();
-    item.simulate('click');
-    expect(mockClick.mock.calls.length).toEqual(1);
-  });
-  it('clicking on an item closes the modal', () => {
-    const component = (0, _testing.mount)( /*#__PURE__*/_react.default.createElement(BasicSelectMenu, null));
-    const item = component.find("[data-test='menu-item']").first();
-    item.simulate('click');
-    expect(component.getDOMNode().attributes.getNamedItem('open')).toBeFalsy();
-  });
-  it('right-aligned modal has right: 0px', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(BasicSelectMenu, {
-      align: "right"
-    }))).toMatchSnapshot();
-  });
-});

package/lib/__tests__/SelectMenu.test.jsx

@@ -1,120 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const __1 = require("..");
-const testing_1 = require("../utils/testing");
-const react_2 = require("@testing-library/react");
-const jest_axe_1 = require("jest-axe");
-require("babel-polyfill");
-expect.extend(jest_axe_1.toHaveNoViolations);
-const BasicSelectMenu = ({ onClick, as, align = 'left' }) => {
-    return (<__1.SelectMenu as={as}>
-      <__1.Button as="summary">Projects</__1.Button>
-      <__1.SelectMenu.Modal title="Projects" align={align}>
-        <__1.SelectMenu.List>
-          <__1.SelectMenu.Item selected href="#">
-            Primer Components bugs
-          </__1.SelectMenu.Item>
-          <__1.SelectMenu.Item onClick={onClick} as={as} data-test="menu-item" href="#">
-            Primer Components roadmap
-          </__1.SelectMenu.Item>
-          <__1.SelectMenu.Divider>stuff</__1.SelectMenu.Divider>
-          <__1.SelectMenu.Item href="#"> Project 3</__1.SelectMenu.Item>
-          <__1.SelectMenu.Item href="#">Project 4</__1.SelectMenu.Item>
-          <__1.SelectMenu.Footer>footer</__1.SelectMenu.Footer>
-        </__1.SelectMenu.List>
-      </__1.SelectMenu.Modal>
-    </__1.SelectMenu>);
-};
-const MenuWithTabs = ({ onClick }) => {
-    return (<__1.SelectMenu initialTab="Organization">
-      <__1.Button as="summary">Projects</__1.Button>
-      <__1.SelectMenu.Modal title="Projects">
-        <__1.SelectMenu.Tabs>
-          <__1.SelectMenu.Tab index={0} onClick={onClick} data-test="repo-tab" tabName="Repository"/>
-          <__1.SelectMenu.Tab index={1} tabName="Organization"/>
-        </__1.SelectMenu.Tabs>
-        <__1.SelectMenu.TabPanel tabName="Repository">
-          <__1.SelectMenu.Item href="#">Primer Components bugs</__1.SelectMenu.Item>
-          <__1.SelectMenu.Item href="#">Primer Components roadmap</__1.SelectMenu.Item>
-          <__1.SelectMenu.Item href="#"> Project 3</__1.SelectMenu.Item>
-          <__1.SelectMenu.Item href="#">Project 4</__1.SelectMenu.Item>
-        </__1.SelectMenu.TabPanel>
-        <__1.SelectMenu.TabPanel tabName="Organization">
-          <__1.SelectMenu.Item href="#"> Project 2</__1.SelectMenu.Item>
-        </__1.SelectMenu.TabPanel>
-        <__1.SelectMenu.Footer>Showing 3 of 3</__1.SelectMenu.Footer>
-      </__1.SelectMenu.Modal>
-    </__1.SelectMenu>);
-};
-describe('SelectMenu', () => {
-    testing_1.checkExports('SelectMenu', {
-        default: __1.SelectMenu
-    });
-    for (const Comp of [
-        __1.SelectMenu.List,
-        __1.SelectMenu.Divider,
-        __1.SelectMenu.Filter,
-        __1.SelectMenu.Item,
-        __1.SelectMenu.List,
-        __1.SelectMenu.Modal,
-        __1.SelectMenu.Tabs,
-        __1.SelectMenu.Tab,
-        __1.SelectMenu.TabPanel,
-        __1.SelectMenu.Header
-    ]) {
-        it('sets a valid displayName', () => {
-            expect(Comp.displayName).toMatch(testing_1.COMPONENT_DISPLAY_NAME_REGEX);
-        });
-    }
-    it('should have no axe violations', async () => {
-        const { container } = react_2.render(<BasicSelectMenu />);
-        const results = await jest_axe_1.axe(container);
-        expect(results).toHaveNoViolations();
-        react_2.cleanup();
-    });
-    it('does not allow the "as" prop on SelectMenu', () => {
-        const component = testing_1.mount(<BasicSelectMenu as="span"/>);
-        expect(component.find('details').length).toEqual(1);
-    });
-    it('shows correct initial tab', () => {
-        const testInstance = testing_1.renderRoot(<MenuWithTabs />);
-        expect(testInstance.findByProps({ 'aria-selected': true }).props.children).toBe('Organization');
-    });
-    it('clicking on a tab opens the tab', () => {
-        const component = testing_1.mount(<MenuWithTabs />);
-        const tab = component.find("[data-test='repo-tab']").first();
-        tab.simulate('click');
-        expect(tab.getDOMNode().attributes.getNamedItem('aria-selected')).toBeTruthy();
-    });
-    it('selected items have aria-checked', () => {
-        const testInstance = testing_1.renderRoot(<BasicSelectMenu />);
-        expect(testInstance.findByProps({ 'aria-checked': true }).props.children[1]).toBe('Primer Components bugs');
-    });
-    it('clicking on a list item calls user provided onClick handler', () => {
-        const mockClick = jest.fn();
-        const component = testing_1.mount(<BasicSelectMenu onClick={mockClick}/>);
-        const item = component.find("[data-test='menu-item']").first();
-        item.simulate('click');
-        expect(mockClick.mock.calls.length).toEqual(1);
-    });
-    it('clicking on a tab calls user provided onClick handler', () => {
-        const mockClick = jest.fn();
-        const component = testing_1.mount(<MenuWithTabs onClick={mockClick}/>);
-        const item = component.find("[data-test='repo-tab']").first();
-        item.simulate('click');
-        expect(mockClick.mock.calls.length).toEqual(1);
-    });
-    it('clicking on an item closes the modal', () => {
-        const component = testing_1.mount(<BasicSelectMenu />);
-        const item = component.find("[data-test='menu-item']").first();
-        item.simulate('click');
-        expect(component.getDOMNode().attributes.getNamedItem('open')).toBeFalsy();
-    });
-    it('right-aligned modal has right: 0px', () => {
-        expect(testing_1.render(<BasicSelectMenu align="right"/>)).toMatchSnapshot();
-    });
-});

package/lib/__tests__/SelectMenu.types.test.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare function shouldAcceptCallWithNoProps(): JSX.Element;
-export declare function shouldNotAcceptSystemProps(): JSX.Element;

package/lib/__tests__/SelectMenu.types.test.js

@@ -1,47 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.shouldAcceptCallWithNoProps = shouldAcceptCallWithNoProps;
-exports.shouldNotAcceptSystemProps = shouldNotAcceptSystemProps;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _SelectMenu = _interopRequireDefault(require("../SelectMenu"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function shouldAcceptCallWithNoProps() {
-  return /*#__PURE__*/_react.default.createElement(_SelectMenu.default, null);
-}
-
-shouldAcceptCallWithNoProps.displayName = "shouldAcceptCallWithNoProps";
-
-function shouldNotAcceptSystemProps() {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_SelectMenu.default, {
-    backgroundColor: "lightgray"
-  }), /*#__PURE__*/_react.default.createElement(_SelectMenu.default.List, {
-    backgroundColor: "lightgreen"
-  }), /*#__PURE__*/_react.default.createElement(_SelectMenu.default.Divider, {
-    backgroundColor: "lightgrey"
-  }), /*#__PURE__*/_react.default.createElement(_SelectMenu.default.Filter, {
-    backgroundColor: "lightpink"
-  }), /*#__PURE__*/_react.default.createElement(_SelectMenu.default.Footer, {
-    backgroundColor: "lightsalmon"
-  }), /*#__PURE__*/_react.default.createElement(_SelectMenu.default.Item, {
-    backgroundColor: "lightseagreen"
-  }), /*#__PURE__*/_react.default.createElement(_SelectMenu.default.Modal, {
-    backgroundColor: "lightskyblue"
-  }), /*#__PURE__*/_react.default.createElement(_SelectMenu.default.Tabs, {
-    backgroundColor: "lightslategray"
-  }), /*#__PURE__*/_react.default.createElement(_SelectMenu.default.Tab, {
-    backgroundColor: "lightslategrey"
-  }), /*#__PURE__*/_react.default.createElement(_SelectMenu.default.TabPanel, {
-    backgroundColor: "lightsteelblue"
-  }), /*#__PURE__*/_react.default.createElement(_SelectMenu.default.Header, {
-    backgroundColor: "lightyellow"
-  }), /*#__PURE__*/_react.default.createElement(_SelectMenu.default.LoadingAnimation, {
-    backgroundColor: "lightcyan"
-  }));
-}

package/lib/__tests__/SelectMenu.types.test.jsx

@@ -1,41 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.shouldNotAcceptSystemProps = exports.shouldAcceptCallWithNoProps = void 0;
-const react_1 = __importDefault(require("react"));
-const SelectMenu_1 = __importDefault(require("../SelectMenu"));
-function shouldAcceptCallWithNoProps() {
-    return <SelectMenu_1.default />;
-}
-exports.shouldAcceptCallWithNoProps = shouldAcceptCallWithNoProps;
-function shouldNotAcceptSystemProps() {
-    return (<>
-      {/* @ts-expect-error system props should not be accepted */}
-      <SelectMenu_1.default backgroundColor="lightgray"/>
-      {/* @ts-expect-error system props should not be accepted */}
-      <SelectMenu_1.default.List backgroundColor="lightgreen"/>
-      {/* @ts-expect-error system props should not be accepted */}
-      <SelectMenu_1.default.Divider backgroundColor="lightgrey"/>
-      {/* This will not error for now, but once TextInputProps is fixed, a ts-expect-error can be added */}
-      <SelectMenu_1.default.Filter backgroundColor="lightpink"/>
-      {/* @ts-expect-error system props should not be accepted */}
-      <SelectMenu_1.default.Footer backgroundColor="lightsalmon"/>
-      {/* @ts-expect-error system props should not be accepted */}
-      <SelectMenu_1.default.Item backgroundColor="lightseagreen"/>
-      {/* @ts-expect-error system props should not be accepted */}
-      <SelectMenu_1.default.Modal backgroundColor="lightskyblue"/>
-      {/* @ts-expect-error system props should not be accepted */}
-      <SelectMenu_1.default.Tabs backgroundColor="lightslategray"/>
-      {/* @ts-expect-error system props should not be accepted */}
-      <SelectMenu_1.default.Tab backgroundColor="lightslategrey"/>
-      {/* @ts-expect-error system props should not be accepted */}
-      <SelectMenu_1.default.TabPanel backgroundColor="lightsteelblue"/>
-      {/* @ts-expect-error system props should not be accepted */}
-      <SelectMenu_1.default.Header backgroundColor="lightyellow"/>
-      {/* @ts-expect-error system props should not be accepted */}
-      <SelectMenu_1.default.LoadingAnimation backgroundColor="lightcyan"/>
-    </>);
-}
-exports.shouldNotAcceptSystemProps = shouldNotAcceptSystemProps;

package/lib/__tests__/SelectPanel.test.d.ts

@@ -1 +0,0 @@
-import 'babel-polyfill';

package/lib/__tests__/SelectPanel.test.js

@@ -1,80 +0,0 @@
-"use strict";
-
-var _react = require("@testing-library/react");
-
-require("babel-polyfill");
-
-var _jestAxe = require("jest-axe");
-
-var _react2 = _interopRequireDefault(require("react"));
-
-var _theme = _interopRequireDefault(require("../theme"));
-
-var _SelectPanel = require("../SelectPanel");
-
-var _testing = require("../utils/testing");
-
-var _ = require("..");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-expect.extend(_jestAxe.toHaveNoViolations);
-const items = [{
-  text: 'Foo'
-}, {
-  text: 'Bar'
-}, {
-  text: 'Baz'
-}, {
-  text: 'Bon'
-}];
-
-function SimpleSelectPanel() {
-  const [selected, setSelected] = _react2.default.useState([]);
-
-  const [, setFilter] = _react2.default.useState('');
-
-  const [open, setOpen] = _react2.default.useState(false);
-
-  return /*#__PURE__*/_react2.default.createElement(_.ThemeProvider, {
-    theme: _theme.default
-  }, /*#__PURE__*/_react2.default.createElement(_.SSRProvider, null, /*#__PURE__*/_react2.default.createElement(_.BaseStyles, null, /*#__PURE__*/_react2.default.createElement(_SelectPanel.SelectPanel, {
-    items: items,
-    placeholder: "Select Items",
-    placeholderText: "Filter Items",
-    selected: selected,
-    onSelectedChange: setSelected,
-    onFilterChange: setFilter,
-    open: open,
-    onOpenChange: setOpen
-  }), /*#__PURE__*/_react2.default.createElement("div", {
-    id: "portal-root"
-  }))));
-}
-
-SimpleSelectPanel.displayName = "SimpleSelectPanel";
-describe('SelectPanel', () => {
-  afterEach(() => {
-    jest.clearAllMocks();
-  });
-  (0, _testing.behavesAsComponent)({
-    Component: _SelectPanel.SelectPanel,
-    options: {
-      skipAs: true,
-      skipSx: true
-    },
-    toRender: () => /*#__PURE__*/_react2.default.createElement(SimpleSelectPanel, null)
-  });
-  (0, _testing.checkExports)('SelectPanel', {
-    default: undefined,
-    SelectPanel: _SelectPanel.SelectPanel
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(SimpleSelectPanel, null));
-    const results = await (0, _jestAxe.axe)(container);
-    expect(results).toHaveNoViolations();
-    (0, _react.cleanup)();
-  });
-});

package/lib/__tests__/SelectPanel.test.jsx

@@ -1,48 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("@testing-library/react");
-require("babel-polyfill");
-const jest_axe_1 = require("jest-axe");
-const react_2 = __importDefault(require("react"));
-const theme_1 = __importDefault(require("../theme"));
-const SelectPanel_1 = require("../SelectPanel");
-const testing_1 = require("../utils/testing");
-const __1 = require("..");
-expect.extend(jest_axe_1.toHaveNoViolations);
-const items = [{ text: 'Foo' }, { text: 'Bar' }, { text: 'Baz' }, { text: 'Bon' }];
-function SimpleSelectPanel() {
-    const [selected, setSelected] = react_2.default.useState([]);
-    const [, setFilter] = react_2.default.useState('');
-    const [open, setOpen] = react_2.default.useState(false);
-    return (<__1.ThemeProvider theme={theme_1.default}>
-      <__1.SSRProvider>
-        <__1.BaseStyles>
-          <SelectPanel_1.SelectPanel items={items} placeholder="Select Items" placeholderText="Filter Items" selected={selected} onSelectedChange={setSelected} onFilterChange={setFilter} open={open} onOpenChange={setOpen}/>
-          <div id="portal-root"></div>
-        </__1.BaseStyles>
-      </__1.SSRProvider>
-    </__1.ThemeProvider>);
-}
-describe('SelectPanel', () => {
-    afterEach(() => {
-        jest.clearAllMocks();
-    });
-    testing_1.behavesAsComponent({
-        Component: SelectPanel_1.SelectPanel,
-        options: { skipAs: true, skipSx: true },
-        toRender: () => <SimpleSelectPanel />
-    });
-    testing_1.checkExports('SelectPanel', {
-        default: undefined,
-        SelectPanel: SelectPanel_1.SelectPanel
-    });
-    it('should have no axe violations', async () => {
-        const { container } = react_1.render(<SimpleSelectPanel />);
-        const results = await jest_axe_1.axe(container);
-        expect(results).toHaveNoViolations();
-        react_1.cleanup();
-    });
-});

package/lib/__tests__/SideNav.test.d.ts

@@ -1 +0,0 @@
-import 'babel-polyfill';

package/lib/__tests__/SideNav.test.js

@@ -1,71 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _ = require("..");
-
-var _testing = require("../utils/testing");
-
-var _react2 = require("@testing-library/react");
-
-var _jestAxe = require("jest-axe");
-
-require("babel-polyfill");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-expect.extend(_jestAxe.toHaveNoViolations);
-describe('SideNav', () => {
-  (0, _testing.behavesAsComponent)({
-    Component: _.SideNav
-  });
-  (0, _testing.checkExports)('SideNav', {
-    default: _.SideNav
-  });
-  describe('SideNav.Link', () => {
-    (0, _testing.behavesAsComponent)({
-      Component: _.SideNav.Link
-    });
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.SideNav, null, /*#__PURE__*/_react.default.createElement(_.SideNav.Link, {
-      href: "#"
-    }, "One"), /*#__PURE__*/_react.default.createElement(_.SideNav.Link, {
-      href: "#",
-      selected: true
-    }, "Two")));
-    const results = await (0, _jestAxe.axe)(container);
-    expect(results).toHaveNoViolations();
-    (0, _react2.cleanup)();
-  });
-  it('renders a <nav> and <a>', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.SideNav, null)).type).toEqual('nav');
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.SideNav.Link, null)).type).toEqual('a');
-  });
-  it('sets aria-label appropriately', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.SideNav, {
-      "aria-label": "foo"
-    })).props['aria-label']).toEqual('foo');
-  });
-  it('sets aria-current on a selected link', () => {
-    const elem = /*#__PURE__*/_react.default.createElement(_.SideNav, null, /*#__PURE__*/_react.default.createElement(_.SideNav.Link, {
-      href: "#one"
-    }, "One"), /*#__PURE__*/_react.default.createElement(_.SideNav.Link, {
-      href: "#two",
-      selected: true
-    }, "Two"));
-
-    const wrapper = (0, _testing.mount)(elem);
-    expect(wrapper.find('[aria-current="page"]').text()).toEqual('Two');
-  });
-  it('sets different styles for SideNavs with the lightweight variant', () => {
-    const regular = (0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.SideNav, null));
-    const lightweight = (0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.SideNav, {
-      variant: "lightweight"
-    }));
-    expect(regular.props.className).toEqual(expect.stringContaining('variant-normal'));
-    expect(lightweight.props.className).toEqual(expect.stringContaining('variant-lightweight'));
-  });
-});

package/lib/__tests__/SideNav.test.jsx

@@ -1,55 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const __1 = require("..");
-const testing_1 = require("../utils/testing");
-const react_2 = require("@testing-library/react");
-const jest_axe_1 = require("jest-axe");
-require("babel-polyfill");
-expect.extend(jest_axe_1.toHaveNoViolations);
-describe('SideNav', () => {
-    testing_1.behavesAsComponent({ Component: __1.SideNav });
-    testing_1.checkExports('SideNav', {
-        default: __1.SideNav
-    });
-    describe('SideNav.Link', () => {
-        testing_1.behavesAsComponent({ Component: __1.SideNav.Link });
-    });
-    it('should have no axe violations', async () => {
-        const { container } = react_2.render(<__1.SideNav>
-        <__1.SideNav.Link href="#">One</__1.SideNav.Link>
-        <__1.SideNav.Link href="#" selected>
-          Two
-        </__1.SideNav.Link>
-      </__1.SideNav>);
-        const results = await jest_axe_1.axe(container);
-        expect(results).toHaveNoViolations();
-        react_2.cleanup();
-    });
-    it('renders a <nav> and <a>', () => {
-        expect(testing_1.render(<__1.SideNav />).type).toEqual('nav');
-        expect(testing_1.render(<__1.SideNav.Link />).type).toEqual('a');
-    });
-    it('sets aria-label appropriately', () => {
-        expect(testing_1.render(<__1.SideNav aria-label="foo"/>).props['aria-label']).toEqual('foo');
-    });
-    it('sets aria-current on a selected link', () => {
-        const elem = (<__1.SideNav>
-        <__1.SideNav.Link href="#one">One</__1.SideNav.Link>
-        <__1.SideNav.Link href="#two" selected>
-          Two
-        </__1.SideNav.Link>
-      </__1.SideNav>);
-        const wrapper = testing_1.mount(elem);
-        expect(wrapper.find('[aria-current="page"]').text()).toEqual('Two');
-    });
-    it('sets different styles for SideNavs with the lightweight variant', () => {
-        const regular = testing_1.render(<__1.SideNav />);
-        const lightweight = testing_1.render(<__1.SideNav variant="lightweight"/>);
-        expect(regular.props.className).toEqual(expect.stringContaining('variant-normal'));
-        expect(lightweight.props.className).toEqual(expect.stringContaining('variant-lightweight'));
-    });
-});

package/lib/__tests__/SideNav.types.test.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare function shouldAcceptCallWithNoProps(): JSX.Element;
-export declare function shouldNotAcceptSystemProps(): JSX.Element;

package/lib/__tests__/SideNav.types.test.js

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.shouldAcceptCallWithNoProps = shouldAcceptCallWithNoProps;
-exports.shouldNotAcceptSystemProps = shouldNotAcceptSystemProps;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _SideNav = _interopRequireDefault(require("../SideNav"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function shouldAcceptCallWithNoProps() {
-  return /*#__PURE__*/_react.default.createElement(_SideNav.default, null);
-}
-
-shouldAcceptCallWithNoProps.displayName = "shouldAcceptCallWithNoProps";
-
-function shouldNotAcceptSystemProps() {
-  // @ts-expect-error system props should not be accepted
-  return /*#__PURE__*/_react.default.createElement(_SideNav.default, {
-    backgroundColor: "aliceblue"
-  });
-}
-
-shouldNotAcceptSystemProps.displayName = "shouldNotAcceptSystemProps";