@primer/components 31.2.1-rc.a088bdc0 → 32.0.0

package/lib/__tests__/Label.test.js

@@ -1,46 +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('Label', () => {
-  (0, _testing.behavesAsComponent)({
-    Component: _.Label
-  });
-  (0, _testing.checkExports)('Label', {
-    default: _.Label
-  });
-  it('renders a <span>', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Label, null)).type).toEqual('span');
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.Label, null, "hello"));
-    const results = await (0, _jestAxe.axe)(container);
-    expect(results).toHaveNoViolations();
-    (0, _react2.cleanup)();
-  });
-  it('respects the "outline" prop', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Label, {
-      outline: true
-    }))).toMatchSnapshot();
-  });
-  it('respects the "variant" prop', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Label, {
-      variant: "xl"
-    }))).toMatchSnapshot();
-  });
-});

package/lib/__tests__/Label.test.jsx

@@ -1,33 +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('Label', () => {
-    testing_1.behavesAsComponent({ Component: __1.Label });
-    testing_1.checkExports('Label', {
-        default: __1.Label
-    });
-    it('renders a <span>', () => {
-        expect(testing_1.render(<__1.Label />).type).toEqual('span');
-    });
-    it('should have no axe violations', async () => {
-        const { container } = react_2.render(<__1.Label>hello</__1.Label>);
-        const results = await jest_axe_1.axe(container);
-        expect(results).toHaveNoViolations();
-        react_2.cleanup();
-    });
-    it('respects the "outline" prop', () => {
-        expect(testing_1.render(<__1.Label outline/>)).toMatchSnapshot();
-    });
-    it('respects the "variant" prop', () => {
-        expect(testing_1.render(<__1.Label variant="xl"/>)).toMatchSnapshot();
-    });
-});

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

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

package/lib/__tests__/LabelGroup.test.js

@@ -1,38 +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 comp = /*#__PURE__*/_react.default.createElement(_.LabelGroup, null, /*#__PURE__*/_react.default.createElement(_.Label, null, "Default label"), /*#__PURE__*/_react.default.createElement(_.Label, null, "Darker gray label"), /*#__PURE__*/_react.default.createElement(_.Label, {
-  outline: true
-}, "Default outline label"));
-
-describe('LabelGroup', () => {
-  (0, _testing.behavesAsComponent)({
-    Component: _.LabelGroup
-  });
-  (0, _testing.checkExports)('LabelGroup', {
-    default: _.LabelGroup
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = (0, _react2.render)(comp);
-    const results = await (0, _jestAxe.axe)(container);
-    expect(results).toHaveNoViolations();
-    (0, _react2.cleanup)();
-  });
-});

package/lib/__tests__/LabelGroup.test.jsx

@@ -1,29 +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 comp = (<__1.LabelGroup>
-    <__1.Label>Default label</__1.Label>
-    <__1.Label>Darker gray label</__1.Label>
-    <__1.Label outline>Default outline label</__1.Label>
-  </__1.LabelGroup>);
-describe('LabelGroup', () => {
-    testing_1.behavesAsComponent({ Component: __1.LabelGroup });
-    testing_1.checkExports('LabelGroup', {
-        default: __1.LabelGroup
-    });
-    it('should have no axe violations', async () => {
-        const { container } = react_2.render(comp);
-        const results = await jest_axe_1.axe(container);
-        expect(results).toHaveNoViolations();
-        react_2.cleanup();
-    });
-});

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

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

package/lib/__tests__/Link.test.js

@@ -1,70 +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('Link', () => {
-  (0, _testing.behavesAsComponent)({
-    Component: _.Link
-  });
-  (0, _testing.checkExports)('Link', {
-    default: _.Link
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.Link, {
-      href: "www.github.com"
-    }, "GitHub"));
-    const results = await (0, _jestAxe.axe)(container);
-    expect(results).toHaveNoViolations();
-    (0, _react2.cleanup)();
-  });
-  it('passes href down to link element', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Link, {
-      href: "https://github.com"
-    }))).toMatchSnapshot();
-  });
-  it('respects hoverColor prop', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Link, {
-      hoverColor: "accent.fg"
-    }))).toMatchSnapshot();
-  });
-  it('respects the "fontStyle" prop', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Link, {
-      fontStyle: "italic"
-    }))).toHaveStyleRule('font-style', 'italic');
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Link, {
-      as: "i",
-      fontStyle: "normal"
-    }))).toHaveStyleRule('font-style', 'normal');
-  });
-  it('applies button styles when rendering a button element', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Link, {
-      as: "button"
-    }))).toMatchSnapshot();
-  });
-  it('respectes the "muted" prop', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Link, {
-      muted: true
-    }))).toMatchSnapshot();
-  });
-  it('respectes the "color" prop when "muted" prop is also passed', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Link, {
-      muted: true,
-      color: "fg.onEmphasis"
-    }))).toMatchSnapshot();
-  });
-});

package/lib/__tests__/Link.test.jsx

@@ -1,43 +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('Link', () => {
-    testing_1.behavesAsComponent({ Component: __1.Link });
-    testing_1.checkExports('Link', {
-        default: __1.Link
-    });
-    it('should have no axe violations', async () => {
-        const { container } = react_2.render(<__1.Link href="www.github.com">GitHub</__1.Link>);
-        const results = await jest_axe_1.axe(container);
-        expect(results).toHaveNoViolations();
-        react_2.cleanup();
-    });
-    it('passes href down to link element', () => {
-        expect(testing_1.render(<__1.Link href="https://github.com"/>)).toMatchSnapshot();
-    });
-    it('respects hoverColor prop', () => {
-        expect(testing_1.render(<__1.Link hoverColor="accent.fg"/>)).toMatchSnapshot();
-    });
-    it('respects the "fontStyle" prop', () => {
-        expect(testing_1.render(<__1.Link fontStyle="italic"/>)).toHaveStyleRule('font-style', 'italic');
-        expect(testing_1.render(<__1.Link as="i" fontStyle="normal"/>)).toHaveStyleRule('font-style', 'normal');
-    });
-    it('applies button styles when rendering a button element', () => {
-        expect(testing_1.render(<__1.Link as="button"/>)).toMatchSnapshot();
-    });
-    it('respectes the "muted" prop', () => {
-        expect(testing_1.render(<__1.Link muted/>)).toMatchSnapshot();
-    });
-    it('respectes the "color" prop when "muted" prop is also passed', () => {
-        expect(testing_1.render(<__1.Link muted color="fg.onEmphasis"/>)).toMatchSnapshot();
-    });
-});

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);
-  });
-});