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

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

@@ -1,30 +0,0 @@
-import { Merge } from '../utils/types/Merge';
-declare type AString = {
-    a: string;
-};
-declare type BString = {
-    b: string;
-};
-declare type CString = {
-    c: string;
-};
-declare type CNumber = {
-    c: number;
-};
-declare type DOptionalString = {
-    d?: string;
-};
-export declare function canMergeTwoTypes(x: Merge<AString, BString>): {
-    a: string;
-    b: string;
-};
-export declare function overridesAsExpected(x: Merge<CString, CNumber>): {
-    c: number;
-};
-export declare function optionalityIsPreservedInFirstParameter(x: Merge<DOptionalString, AString>): {
-    d: number;
-};
-export declare function optionalityIsPreservedInSecondParameter(x: Merge<DOptionalString, AString>): {
-    d: number;
-};
-export {};

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

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.optionalityIsPreservedInSecondParameter = exports.optionalityIsPreservedInFirstParameter = exports.overridesAsExpected = exports.canMergeTwoTypes = void 0;
-function canMergeTwoTypes(x) {
-    return x;
-}
-exports.canMergeTwoTypes = canMergeTwoTypes;
-function overridesAsExpected(x) {
-    return x;
-}
-exports.overridesAsExpected = overridesAsExpected;
-function optionalityIsPreservedInFirstParameter(x) {
-    // @ts-expect-error: d is optional
-    return x;
-}
-exports.optionalityIsPreservedInFirstParameter = optionalityIsPreservedInFirstParameter;
-function optionalityIsPreservedInSecondParameter(x) {
-    // @ts-expect-error: d is optional
-    return x;
-}
-exports.optionalityIsPreservedInSecondParameter = optionalityIsPreservedInSecondParameter;

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

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

package/lib/__tests__/NewButton.test.js

@@ -1,95 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _NewButton = require("../NewButton");
-
-var _testing = require("../utils/testing");
-
-var _react2 = require("@testing-library/react");
-
-var _jestAxe = require("jest-axe");
-
-require("babel-polyfill");
-
-var _octiconsReact = require("@primer/octicons-react");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-expect.extend(_jestAxe.toHaveNoViolations); // eslint-disable-next-line @typescript-eslint/no-empty-function
-
-function noop() {}
-
-describe('Button', () => {
-  (0, _testing.behavesAsComponent)({
-    Component: _NewButton.NewButton
-  });
-  it('renders a <button>', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_NewButton.NewButton, null, "Default")).type).toEqual('button');
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_NewButton.NewButton, null, "Click here"));
-    const results = await (0, _jestAxe.axe)(container);
-    expect(results).toHaveNoViolations();
-    (0, _react2.cleanup)();
-  });
-  it('preserves "onClick" prop', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_NewButton.NewButton, {
-      onClick: noop
-    }, "Noop")).props.onClick).toEqual(noop);
-  });
-  it('respects width props', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_NewButton.NewButton, {
-      sx: {
-        width: 200
-      }
-    }, "Block"))).toHaveStyleRule('width', '200px');
-  });
-  it('respects the "disabled" prop', () => {
-    const item = (0, _testing.render)( /*#__PURE__*/_react.default.createElement(_NewButton.NewButton, {
-      disabled: true
-    }, " Disabled"));
-    expect(item.props.disabled).toEqual(true);
-    expect(item).toMatchSnapshot();
-  });
-  it('respects the "variant" prop', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_NewButton.NewButton, {
-      size: "small"
-    }, "Smol"))).toHaveStyleRule('font-size', '12px');
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_NewButton.NewButton, {
-      size: "large"
-    }, "Large"))).toHaveStyleRule('font-size', '16px');
-  });
-  it('respects the "fontSize" prop over the "variant" prop', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_NewButton.NewButton, {
-      size: "small",
-      sx: {
-        fontSize: 20
-      }
-    }, "Big Smol"))).toHaveStyleRule('font-size', '20px');
-  });
-  it('styles primary button appropriately', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_NewButton.NewButton, {
-      variant: "primary"
-    }, "Primary"))).toHaveStyleRule('background-color', '#2da44e');
-  });
-  it('styles invisible button appropriately', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_NewButton.NewButton, {
-      variant: "invisible"
-    }, "Invisible"))).toHaveStyleRule('background-color', 'transparent');
-  });
-  it('styles danger button appropriately', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_NewButton.NewButton, {
-      variant: "danger"
-    }, "Danger"))).toHaveStyleRule('background-color', '#f6f8fa');
-  });
-  it('styles icon only button to make it a square', () => {
-    const IconOnlyButton = (0, _testing.render)( /*#__PURE__*/_react.default.createElement(_NewButton.NewButton, {
-      icon: _octiconsReact.SearchIcon
-    }, "Search icon only button"));
-    expect(IconOnlyButton).toHaveStyleRule('padding-right', '7px');
-    expect(IconOnlyButton).toMatchSnapshot();
-  });
-});

package/lib/__tests__/NewButton.test.jsx

@@ -1,61 +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 NewButton_1 = require("../NewButton");
-const testing_1 = require("../utils/testing");
-const react_2 = require("@testing-library/react");
-const jest_axe_1 = require("jest-axe");
-require("babel-polyfill");
-const octicons_react_1 = require("@primer/octicons-react");
-expect.extend(jest_axe_1.toHaveNoViolations);
-// eslint-disable-next-line @typescript-eslint/no-empty-function
-function noop() { }
-describe('Button', () => {
-    testing_1.behavesAsComponent({ Component: NewButton_1.NewButton });
-    it('renders a <button>', () => {
-        expect(testing_1.render(<NewButton_1.NewButton>Default</NewButton_1.NewButton>).type).toEqual('button');
-    });
-    it('should have no axe violations', async () => {
-        const { container } = react_2.render(<NewButton_1.NewButton>Click here</NewButton_1.NewButton>);
-        const results = await jest_axe_1.axe(container);
-        expect(results).toHaveNoViolations();
-        react_2.cleanup();
-    });
-    it('preserves "onClick" prop', () => {
-        expect(testing_1.render(<NewButton_1.NewButton onClick={noop}>Noop</NewButton_1.NewButton>).props.onClick).toEqual(noop);
-    });
-    it('respects width props', () => {
-        expect(testing_1.render(<NewButton_1.NewButton sx={{ width: 200 }}>Block</NewButton_1.NewButton>)).toHaveStyleRule('width', '200px');
-    });
-    it('respects the "disabled" prop', () => {
-        const item = testing_1.render(<NewButton_1.NewButton disabled> Disabled</NewButton_1.NewButton>);
-        expect(item.props.disabled).toEqual(true);
-        expect(item).toMatchSnapshot();
-    });
-    it('respects the "variant" prop', () => {
-        expect(testing_1.render(<NewButton_1.NewButton size="small">Smol</NewButton_1.NewButton>)).toHaveStyleRule('font-size', '12px');
-        expect(testing_1.render(<NewButton_1.NewButton size="large">Large</NewButton_1.NewButton>)).toHaveStyleRule('font-size', '16px');
-    });
-    it('respects the "fontSize" prop over the "variant" prop', () => {
-        expect(testing_1.render(<NewButton_1.NewButton size="small" sx={{ fontSize: 20 }}>
-          Big Smol
-        </NewButton_1.NewButton>)).toHaveStyleRule('font-size', '20px');
-    });
-    it('styles primary button appropriately', () => {
-        expect(testing_1.render(<NewButton_1.NewButton variant="primary">Primary</NewButton_1.NewButton>)).toHaveStyleRule('background-color', '#2da44e');
-    });
-    it('styles invisible button appropriately', () => {
-        expect(testing_1.render(<NewButton_1.NewButton variant="invisible">Invisible</NewButton_1.NewButton>)).toHaveStyleRule('background-color', 'transparent');
-    });
-    it('styles danger button appropriately', () => {
-        expect(testing_1.render(<NewButton_1.NewButton variant="danger">Danger</NewButton_1.NewButton>)).toHaveStyleRule('background-color', '#f6f8fa');
-    });
-    it('styles icon only button to make it a square', () => {
-        const IconOnlyButton = testing_1.render(<NewButton_1.NewButton icon={octicons_react_1.SearchIcon}>Search icon only button</NewButton_1.NewButton>);
-        expect(IconOnlyButton).toHaveStyleRule('padding-right', '7px');
-        expect(IconOnlyButton).toMatchSnapshot();
-    });
-});

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

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

package/lib/__tests__/Overlay.test.js

@@ -1,145 +0,0 @@
-"use strict";
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _ = require("..");
-
-var _react2 = require("@testing-library/react");
-
-var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
-
-var _jestAxe = require("jest-axe");
-
-var _theme = _interopRequireDefault(require("../theme"));
-
-var _BaseStyles = _interopRequireDefault(require("../BaseStyles"));
-
-var _ThemeProvider = require("../ThemeProvider");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-expect.extend(_jestAxe.toHaveNoViolations);
-
-const TestComponent = ({
-  initialFocus,
-  callback
-}) => {
-  const [isOpen, setIsOpen] = (0, _react.useState)(false);
-  const buttonRef = (0, _react.useRef)(null);
-  const confirmButtonRef = (0, _react.useRef)(null);
-  const anchorRef = (0, _react.useRef)(null);
-
-  const closeOverlay = () => {
-    setIsOpen(false);
-
-    if (callback) {
-      callback();
-    }
-  };
-
-  return /*#__PURE__*/_react.default.createElement(_ThemeProvider.ThemeProvider, {
-    theme: _theme.default
-  }, /*#__PURE__*/_react.default.createElement(_BaseStyles.default, null, /*#__PURE__*/_react.default.createElement(_.Box, {
-    position: "absolute",
-    top: 0,
-    left: 0,
-    bottom: 0,
-    right: 0,
-    ref: anchorRef
-  }, /*#__PURE__*/_react.default.createElement(_.Button, {
-    ref: buttonRef,
-    onClick: () => setIsOpen(!isOpen)
-  }, "open overlay"), /*#__PURE__*/_react.default.createElement(_.Button, null, "outside"), isOpen ? /*#__PURE__*/_react.default.createElement(_.Overlay, {
-    initialFocusRef: initialFocus === 'button' ? confirmButtonRef : undefined,
-    returnFocusRef: buttonRef,
-    ignoreClickRefs: [buttonRef],
-    onEscape: closeOverlay,
-    onClickOutside: closeOverlay,
-    width: "small"
-  }, /*#__PURE__*/_react.default.createElement(_.Box, {
-    display: "flex",
-    flexDirection: "column",
-    p: 2
-  }, /*#__PURE__*/_react.default.createElement(_.Text, null, "Are you sure?"), /*#__PURE__*/_react.default.createElement(_.ButtonDanger, {
-    onClick: closeOverlay
-  }, "Cancel"), /*#__PURE__*/_react.default.createElement(_.Button, {
-    onClick: closeOverlay,
-    ref: confirmButtonRef
-  }, "Confirm"))) : null)));
-};
-
-TestComponent.displayName = "TestComponent";
-describe('Overlay', () => {
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(TestComponent, null));
-    const results = await (0, _jestAxe.axe)(container);
-    expect(results).toHaveNoViolations();
-    (0, _react2.cleanup)();
-  });
-  it('should focus element passed into function', async () => {
-    const {
-      getByText
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(TestComponent, {
-      initialFocus: "button"
-    }));
-
-    _userEvent.default.click(getByText('open overlay'));
-
-    await (0, _react2.waitFor)(() => getByText('Confirm'));
-    const confirmButton = getByText('Confirm');
-    expect(document.activeElement).toEqual(confirmButton);
-  });
-  it('should focus first element when nothing is passed', async () => {
-    const {
-      getByText
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(TestComponent, null));
-
-    _userEvent.default.click(getByText('open overlay'));
-
-    await (0, _react2.waitFor)(() => getByText('Cancel'));
-    const cancelButton = getByText('Cancel');
-    expect(document.activeElement).toEqual(cancelButton);
-  });
-  it('should call function when user clicks outside container', () => {
-    const mockFunction = jest.fn();
-    const {
-      getByText,
-      queryAllByText
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(TestComponent, {
-      callback: mockFunction
-    }));
-    (0, _react2.act)(() => _userEvent.default.click(getByText('open overlay')));
-    (0, _react2.act)(() => _userEvent.default.click(getByText('outside')));
-    expect(mockFunction).toHaveBeenCalledTimes(1);
-    const cancelButtons = queryAllByText('Cancel');
-    expect(cancelButtons).toHaveLength(0);
-  });
-  it('should call function when user presses escape', () => {
-    const mockFunction = jest.fn();
-    const {
-      getByText,
-      queryAllByText
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(TestComponent, {
-      callback: mockFunction
-    }));
-    (0, _react2.act)(() => _userEvent.default.click(getByText('open overlay')));
-    const domNode = getByText('Are you sure?');
-
-    _react2.fireEvent.keyDown(domNode, {
-      key: 'Escape',
-      code: 'Escape',
-      keyCode: 27,
-      charCode: 27
-    });
-
-    expect(mockFunction).toHaveBeenCalledTimes(1);
-    const cancelButtons = queryAllByText('Cancel');
-    expect(cancelButtons).toHaveLength(0);
-  });
-});

package/lib/__tests__/Overlay.test.jsx

@@ -1,105 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const __1 = require("..");
-const react_2 = require("@testing-library/react");
-const user_event_1 = __importDefault(require("@testing-library/user-event"));
-const jest_axe_1 = require("jest-axe");
-const theme_1 = __importDefault(require("../theme"));
-const BaseStyles_1 = __importDefault(require("../BaseStyles"));
-const ThemeProvider_1 = require("../ThemeProvider");
-expect.extend(jest_axe_1.toHaveNoViolations);
-const TestComponent = ({ initialFocus, callback }) => {
-    const [isOpen, setIsOpen] = react_1.useState(false);
-    const buttonRef = react_1.useRef(null);
-    const confirmButtonRef = react_1.useRef(null);
-    const anchorRef = react_1.useRef(null);
-    const closeOverlay = () => {
-        setIsOpen(false);
-        if (callback) {
-            callback();
-        }
-    };
-    return (<ThemeProvider_1.ThemeProvider theme={theme_1.default}>
-      <BaseStyles_1.default>
-        <__1.Box position="absolute" top={0} left={0} bottom={0} right={0} ref={anchorRef}>
-          <__1.Button ref={buttonRef} onClick={() => setIsOpen(!isOpen)}>
-            open overlay
-          </__1.Button>
-          <__1.Button>outside</__1.Button>
-          {isOpen ? (<__1.Overlay initialFocusRef={initialFocus === 'button' ? confirmButtonRef : undefined} returnFocusRef={buttonRef} ignoreClickRefs={[buttonRef]} onEscape={closeOverlay} onClickOutside={closeOverlay} width="small">
-              <__1.Box display="flex" flexDirection="column" p={2}>
-                <__1.Text>Are you sure?</__1.Text>
-                <__1.ButtonDanger onClick={closeOverlay}>Cancel</__1.ButtonDanger>
-                <__1.Button onClick={closeOverlay} ref={confirmButtonRef}>
-                  Confirm
-                </__1.Button>
-              </__1.Box>
-            </__1.Overlay>) : null}
-        </__1.Box>
-      </BaseStyles_1.default>
-    </ThemeProvider_1.ThemeProvider>);
-};
-describe('Overlay', () => {
-    it('should have no axe violations', async () => {
-        const { container } = react_2.render(<TestComponent />);
-        const results = await jest_axe_1.axe(container);
-        expect(results).toHaveNoViolations();
-        react_2.cleanup();
-    });
-    it('should focus element passed into function', async () => {
-        const { getByText } = react_2.render(<TestComponent initialFocus="button"/>);
-        user_event_1.default.click(getByText('open overlay'));
-        await react_2.waitFor(() => getByText('Confirm'));
-        const confirmButton = getByText('Confirm');
-        expect(document.activeElement).toEqual(confirmButton);
-    });
-    it('should focus first element when nothing is passed', async () => {
-        const { getByText } = react_2.render(<TestComponent />);
-        user_event_1.default.click(getByText('open overlay'));
-        await react_2.waitFor(() => getByText('Cancel'));
-        const cancelButton = getByText('Cancel');
-        expect(document.activeElement).toEqual(cancelButton);
-    });
-    it('should call function when user clicks outside container', () => {
-        const mockFunction = jest.fn();
-        const { getByText, queryAllByText } = react_2.render(<TestComponent callback={mockFunction}/>);
-        react_2.act(() => user_event_1.default.click(getByText('open overlay')));
-        react_2.act(() => user_event_1.default.click(getByText('outside')));
-        expect(mockFunction).toHaveBeenCalledTimes(1);
-        const cancelButtons = queryAllByText('Cancel');
-        expect(cancelButtons).toHaveLength(0);
-    });
-    it('should call function when user presses escape', () => {
-        const mockFunction = jest.fn();
-        const { getByText, queryAllByText } = react_2.render(<TestComponent callback={mockFunction}/>);
-        react_2.act(() => user_event_1.default.click(getByText('open overlay')));
-        const domNode = getByText('Are you sure?');
-        react_2.fireEvent.keyDown(domNode, { key: 'Escape', code: 'Escape', keyCode: 27, charCode: 27 });
-        expect(mockFunction).toHaveBeenCalledTimes(1);
-        const cancelButtons = queryAllByText('Cancel');
-        expect(cancelButtons).toHaveLength(0);
-    });
-});

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

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare function shouldAcceptCallWithNoProps(ref: React.RefObject<HTMLElement>): JSX.Element;
-export declare function shouldNotAcceptSystemProps(ref: React.RefObject<HTMLElement>): JSX.Element;

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

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

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

@@ -1,18 +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 Overlay_1 = __importDefault(require("../Overlay"));
-function shouldAcceptCallWithNoProps(ref) {
-    return <Overlay_1.default returnFocusRef={ref} onClickOutside={() => null} onEscape={() => null}/>;
-}
-exports.shouldAcceptCallWithNoProps = shouldAcceptCallWithNoProps;
-function shouldNotAcceptSystemProps(ref) {
-    return (<Overlay_1.default returnFocusRef={ref} onClickOutside={() => null} onEscape={() => null} 
-    // @ts-expect-error system props should not be accepted
-    backgroundColor="olivedrab"/>);
-}
-exports.shouldNotAcceptSystemProps = shouldNotAcceptSystemProps;

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

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

package/lib/__tests__/Pagehead.test.js

@@ -1,37 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _ = require("..");
-
-var _theme = _interopRequireDefault(require("../theme"));
-
-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('Pagehead', () => {
-  (0, _testing.behavesAsComponent)({
-    Component: _.Pagehead
-  });
-  (0, _testing.checkExports)('Pagehead', {
-    default: _.Pagehead
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.Pagehead, {
-      theme: _theme.default
-    }, "Pagehead"));
-    const results = await (0, _jestAxe.axe)(container);
-    expect(results).toHaveNoViolations();
-    (0, _react2.cleanup)();
-  });
-});

package/lib/__tests__/Pagehead.test.jsx

@@ -1,25 +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 theme_1 = __importDefault(require("../theme"));
-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('Pagehead', () => {
-    testing_1.behavesAsComponent({ Component: __1.Pagehead });
-    testing_1.checkExports('Pagehead', {
-        default: __1.Pagehead
-    });
-    it('should have no axe violations', async () => {
-        const { container } = react_2.render(<__1.Pagehead theme={theme_1.default}>Pagehead</__1.Pagehead>);
-        const results = await jest_axe_1.axe(container);
-        expect(results).toHaveNoViolations();
-        react_2.cleanup();
-    });
-});

package/lib/__tests__/Pagehead.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__/Pagehead.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 _Pagehead = _interopRequireDefault(require("../Pagehead"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function shouldAcceptCallWithNoProps() {
-  return /*#__PURE__*/_react.default.createElement(_Pagehead.default, null);
-}
-
-shouldAcceptCallWithNoProps.displayName = "shouldAcceptCallWithNoProps";
-
-function shouldNotAcceptSystemProps() {
-  // @ts-expect-error system props should not be accepted
-  return /*#__PURE__*/_react.default.createElement(_Pagehead.default, {
-    backgroundColor: "orchid"
-  });
-}
-
-shouldNotAcceptSystemProps.displayName = "shouldNotAcceptSystemProps";

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

@@ -1,17 +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 Pagehead_1 = __importDefault(require("../Pagehead"));
-function shouldAcceptCallWithNoProps() {
-    return <Pagehead_1.default />;
-}
-exports.shouldAcceptCallWithNoProps = shouldAcceptCallWithNoProps;
-function shouldNotAcceptSystemProps() {
-    // @ts-expect-error system props should not be accepted
-    return <Pagehead_1.default backgroundColor="orchid"/>;
-}
-exports.shouldNotAcceptSystemProps = shouldNotAcceptSystemProps;

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

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