@primer/components 33.0.0-rc.b3e4ccee → 33.0.0

package/lib-esm/__tests__/CircleOcticon.test.js

@@ -1,59 +0,0 @@
-import React from 'react';
-import { CheckIcon } from '@primer/octicons-react';
-import theme from '../theme';
-import { CircleOcticon } from '..';
-import { render, behavesAsComponent, checkExports } from '../utils/testing';
-import { render as HTMLRender, cleanup } from '@testing-library/react';
-import { axe, toHaveNoViolations } from 'jest-axe';
-import 'babel-polyfill';
-expect.extend(toHaveNoViolations);
-describe('CircleOcticon', () => {
-  behavesAsComponent({
-    Component: CircleOcticon,
-    toRender: () => /*#__PURE__*/React.createElement(CircleOcticon, {
-      icon: CheckIcon
-    })
-  });
-  checkExports('CircleOcticon', {
-    default: CircleOcticon
-  });
-  it('renders a <div> with width and height', () => {
-    const result = render( /*#__PURE__*/React.createElement(CircleOcticon, {
-      icon: CheckIcon,
-      size: 10
-    }));
-    expect(result).toHaveStyleRule('width', '10px');
-    expect(result).toHaveStyleRule('height', '10px');
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = HTMLRender( /*#__PURE__*/React.createElement(CircleOcticon, {
-      icon: CheckIcon,
-      size: 10
-    }));
-    const results = await axe(container);
-    expect(results).toHaveNoViolations();
-    cleanup();
-  });
-  it('renders {borderRadius: 50%}', () => {
-    expect(render( /*#__PURE__*/React.createElement(CircleOcticon, {
-      icon: CheckIcon
-    }))).toHaveStyleRule('border-radius', '50%');
-  });
-  it('respects the bg prop', () => {
-    var _theme$colorSchemes$l;
-
-    expect(render( /*#__PURE__*/React.createElement(CircleOcticon, {
-      icon: CheckIcon,
-      bg: "danger.subtle"
-    }))).toHaveStyleRule('background-color', (_theme$colorSchemes$l = theme.colorSchemes.light.colors.danger) === null || _theme$colorSchemes$l === void 0 ? void 0 : _theme$colorSchemes$l.subtle);
-  });
-  it('has a default size', () => {
-    const result = render( /*#__PURE__*/React.createElement(CircleOcticon, {
-      icon: CheckIcon
-    }));
-    expect(result).toHaveStyleRule('width', '32px');
-    expect(result).toHaveStyleRule('height', '32px');
-  });
-});

package/lib-esm/__tests__/ConfirmationDialog.test.d.ts

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

package/lib-esm/__tests__/ConfirmationDialog.test.js

@@ -1,113 +0,0 @@
-import 'babel-polyfill';
-import { render as HTMLRender, cleanup, act, fireEvent } from '@testing-library/react';
-import { axe, toHaveNoViolations } from 'jest-axe';
-import React, { useCallback, useRef, useState } from 'react';
-import { ActionMenu } from '../ActionMenu';
-import BaseStyles from '../BaseStyles';
-import Box from '../Box';
-import Button from '../Button/Button';
-import { ConfirmationDialog, useConfirm } from '../Dialog/ConfirmationDialog';
-import theme from '../theme';
-import { ThemeProvider } from '../ThemeProvider';
-import { SSRProvider } from '../utils/ssr';
-import { behavesAsComponent, checkExports } from '../utils/testing';
-expect.extend(toHaveNoViolations);
-
-const Basic = () => {
-  const [isOpen, setIsOpen] = useState(false);
-  const buttonRef = useRef(null);
-  const onDialogClose = useCallback(() => setIsOpen(false), []);
-  return /*#__PURE__*/React.createElement(ThemeProvider, {
-    theme: theme
-  }, /*#__PURE__*/React.createElement(SSRProvider, null, /*#__PURE__*/React.createElement(BaseStyles, null, /*#__PURE__*/React.createElement(Button, {
-    ref: buttonRef,
-    onClick: () => setIsOpen(!isOpen)
-  }, "Show dialog"), isOpen && /*#__PURE__*/React.createElement(ConfirmationDialog, {
-    title: "Confirm",
-    onClose: onDialogClose,
-    cancelButtonContent: "Secondary",
-    confirmButtonContent: "Primary"
-  }, "Lorem ipsum dolor sit Pippin good dog."))));
-};
-
-Basic.displayName = "Basic";
-
-const ShorthandHookFromActionMenu = () => {
-  const confirm = useConfirm();
-  const [text, setText] = useState('Show menu');
-  const onButtonClick = useCallback(async () => {
-    if (await confirm({
-      title: 'Confirm',
-      content: 'Confirm',
-      cancelButtonContent: 'Secondary',
-      confirmButtonContent: 'Primary'
-    })) {
-      setText('Confirmed');
-    }
-  }, [confirm]);
-  return /*#__PURE__*/React.createElement(ThemeProvider, {
-    theme: theme
-  }, /*#__PURE__*/React.createElement(SSRProvider, null, /*#__PURE__*/React.createElement(BaseStyles, null, /*#__PURE__*/React.createElement(Box, {
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "flex-start"
-  }, /*#__PURE__*/React.createElement(ActionMenu, {
-    renderAnchor: props => /*#__PURE__*/React.createElement(Button, props, text),
-    items: [{
-      text: 'Show dialog',
-      onAction: onButtonClick
-    }]
-  })))));
-};
-
-ShorthandHookFromActionMenu.displayName = "ShorthandHookFromActionMenu";
-describe('ConfirmationDialog', () => {
-  behavesAsComponent({
-    Component: ConfirmationDialog,
-    toRender: () => /*#__PURE__*/React.createElement(Basic, null),
-    options: {
-      skipAs: true,
-      skipSx: true
-    }
-  });
-  checkExports('Dialog/ConfirmationDialog', {
-    default: undefined,
-    useConfirm,
-    ConfirmationDialog
-  });
-  it('should have no axe violations', async () => {
-    const spy = jest.spyOn(console, 'warn').mockImplementation();
-    const {
-      container
-    } = HTMLRender( /*#__PURE__*/React.createElement(Basic, null));
-    spy.mockRestore();
-    const results = await axe(container);
-    expect(results).toHaveNoViolations();
-    cleanup();
-  });
-  it('focuses the primary action when opened', async () => {
-    const {
-      getByText
-    } = HTMLRender( /*#__PURE__*/React.createElement(Basic, null));
-    act(() => {
-      fireEvent.click(getByText('Show dialog'));
-    });
-    expect(getByText('Primary')).toEqual(document.activeElement);
-    expect(getByText('Secondary')).not.toEqual(document.activeElement);
-    cleanup();
-  });
-  it('supports nested `focusTrap`s', async () => {
-    const {
-      getByText
-    } = HTMLRender( /*#__PURE__*/React.createElement(ShorthandHookFromActionMenu, null));
-    act(() => {
-      fireEvent.click(getByText('Show menu'));
-    });
-    act(() => {
-      fireEvent.click(getByText('Show dialog'));
-    });
-    expect(getByText('Primary')).toEqual(document.activeElement);
-    expect(getByText('Secondary')).not.toEqual(document.activeElement);
-    cleanup();
-  });
-});

package/lib-esm/__tests__/CounterLabel.test.d.ts

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

package/lib-esm/__tests__/CounterLabel.test.js

@@ -1,47 +0,0 @@
-import React from 'react';
-import { CounterLabel } from '..';
-import { render, behavesAsComponent, checkExports } from '../utils/testing';
-import theme from '../theme';
-import { render as HTMLRender, cleanup } from '@testing-library/react';
-import { axe, toHaveNoViolations } from 'jest-axe';
-import 'babel-polyfill';
-expect.extend(toHaveNoViolations);
-describe('CounterLabel', () => {
-  behavesAsComponent({
-    Component: CounterLabel
-  });
-  checkExports('CounterLabel', {
-    default: CounterLabel
-  });
-  it('renders a <span>', () => {
-    expect(render( /*#__PURE__*/React.createElement(CounterLabel, null)).type).toEqual('span');
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = HTMLRender( /*#__PURE__*/React.createElement(CounterLabel, null));
-    const results = await axe(container);
-    expect(results).toHaveNoViolations();
-    cleanup();
-  });
-  it('respects the primary "scheme" prop', () => {
-    var _theme$colorSchemes$l, _theme$colorSchemes$l2;
-
-    expect(render( /*#__PURE__*/React.createElement(CounterLabel, {
-      scheme: "primary"
-    }))).toHaveStyleRule('color', (_theme$colorSchemes$l = theme.colorSchemes.light.colors.fg) === null || _theme$colorSchemes$l === void 0 ? void 0 : _theme$colorSchemes$l.onEmphasis.trim());
-    expect(render( /*#__PURE__*/React.createElement(CounterLabel, {
-      scheme: "primary"
-    }))).toHaveStyleRule('background-color', (_theme$colorSchemes$l2 = theme.colorSchemes.light.colors.neutral) === null || _theme$colorSchemes$l2 === void 0 ? void 0 : _theme$colorSchemes$l2.emphasis.trim());
-  });
-  it('respects the secondary "scheme" prop', () => {
-    var _theme$colorSchemes$l3, _theme$colorSchemes$l4;
-
-    expect(render( /*#__PURE__*/React.createElement(CounterLabel, {
-      scheme: "secondary"
-    }))).toHaveStyleRule('color', (_theme$colorSchemes$l3 = theme.colorSchemes.light.colors.fg) === null || _theme$colorSchemes$l3 === void 0 ? void 0 : _theme$colorSchemes$l3.default.trim());
-    expect(render( /*#__PURE__*/React.createElement(CounterLabel, {
-      scheme: "secondary"
-    }))).toHaveStyleRule('background-color', (_theme$colorSchemes$l4 = theme.colorSchemes.light.colors.neutral) === null || _theme$colorSchemes$l4 === void 0 ? void 0 : _theme$colorSchemes$l4.muted);
-  });
-});

package/lib-esm/__tests__/CounterLabel.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-esm/__tests__/CounterLabel.types.test.js

@@ -1,13 +0,0 @@
-import React from 'react';
-import CounterLabel from '../CounterLabel';
-export function shouldAcceptCallWithNoProps() {
-  return /*#__PURE__*/React.createElement(CounterLabel, null);
-}
-shouldAcceptCallWithNoProps.displayName = "shouldAcceptCallWithNoProps";
-export function shouldNotAcceptSystemProps() {
-  // @ts-expect-error system props should not be accepted
-  return /*#__PURE__*/React.createElement(CounterLabel, {
-    backgroundColor: "whitesmoke"
-  });
-}
-shouldNotAcceptSystemProps.displayName = "shouldNotAcceptSystemProps";

package/lib-esm/__tests__/Details.test.d.ts

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

package/lib-esm/__tests__/Details.test.js

@@ -1,107 +0,0 @@
-import React from 'react';
-import { Details, useDetails, Button, ButtonPrimary, Box } from '..';
-import { mount, behavesAsComponent, checkExports } from '../utils/testing';
-import { render as HTMLRender, cleanup } from '@testing-library/react';
-import { axe, toHaveNoViolations } from 'jest-axe';
-import 'babel-polyfill';
-expect.extend(toHaveNoViolations);
-describe('Details', () => {
-  behavesAsComponent({
-    Component: Details
-  });
-  checkExports('Details', {
-    default: Details
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = HTMLRender( /*#__PURE__*/React.createElement(Details, null));
-    const results = await axe(container);
-    expect(results).toHaveNoViolations();
-    cleanup();
-  });
-  it('Toggles when you click outside', () => {
-    const Component = () => {
-      const {
-        getDetailsProps
-      } = useDetails({
-        closeOnOutsideClick: true
-      });
-      return /*#__PURE__*/React.createElement(Details, getDetailsProps(), /*#__PURE__*/React.createElement("summary", null, "hi"));
-    };
-
-    const wrapper = mount( /*#__PURE__*/React.createElement(Component, null));
-    document.body.click();
-    const dom = wrapper.getDOMNode();
-    expect(dom.hasAttribute('open')).toEqual(false);
-    wrapper.unmount();
-  });
-  it('Accurately passes down open state', () => {
-    const Component = () => {
-      const {
-        getDetailsProps,
-        open
-      } = useDetails({
-        closeOnOutsideClick: true
-      });
-      return /*#__PURE__*/React.createElement(Details, getDetailsProps(), /*#__PURE__*/React.createElement(Button, {
-        as: "summary"
-      }, open ? 'Open' : 'Closed'));
-    };
-
-    const wrapper = mount( /*#__PURE__*/React.createElement(Component, null));
-    document.body.click();
-    const dom = wrapper.getDOMNode();
-    const summary = wrapper.find('summary');
-    expect(summary.text()).toEqual('Closed');
-    expect(dom.hasAttribute('open')).toEqual(false);
-    wrapper.unmount();
-  });
-  it('Can manipulate state with setOpen', () => {
-    const CloseButton = props => /*#__PURE__*/React.createElement(Button, props);
-
-    const Component = () => {
-      const {
-        getDetailsProps,
-        setOpen,
-        open
-      } = useDetails({
-        closeOnOutsideClick: true,
-        defaultOpen: true
-      });
-      return /*#__PURE__*/React.createElement(Details, getDetailsProps(), /*#__PURE__*/React.createElement(Button, {
-        as: "summary"
-      }, open ? 'Open' : 'Closed'), /*#__PURE__*/React.createElement(CloseButton, {
-        onClick: () => setOpen(false)
-      }));
-    };
-
-    const wrapper = mount( /*#__PURE__*/React.createElement(Component, null));
-    wrapper.find(CloseButton).simulate('click');
-    const dom = wrapper.getDOMNode();
-    const summary = wrapper.find('summary');
-    expect(summary.text()).toEqual('Closed');
-    expect(dom.hasAttribute('open')).toEqual(false);
-    wrapper.unmount();
-  });
-  it('Does not toggle when you click inside', () => {
-    const Component = () => {
-      const {
-        getDetailsProps,
-        open
-      } = useDetails({
-        closeOnOutsideClick: true,
-        defaultOpen: true
-      });
-      return /*#__PURE__*/React.createElement(Details, getDetailsProps(), /*#__PURE__*/React.createElement(Button, {
-        as: "summary"
-      }, open ? 'Open' : 'Closed'), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(ButtonPrimary, null, "hi")));
-    };
-
-    const wrapper = mount( /*#__PURE__*/React.createElement(Component, null));
-    const summary = wrapper.find('summary');
-    wrapper.find(ButtonPrimary).simulate('click');
-    expect(summary.text()).toEqual('Open');
-    wrapper.unmount();
-  });
-});

package/lib-esm/__tests__/Details.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-esm/__tests__/Details.types.test.js

@@ -1,13 +0,0 @@
-import React from 'react';
-import Details from '../Details';
-export function shouldAcceptCallWithNoProps() {
-  return /*#__PURE__*/React.createElement(Details, null);
-}
-shouldAcceptCallWithNoProps.displayName = "shouldAcceptCallWithNoProps";
-export function shouldNotAcceptSystemProps() {
-  // @ts-expect-error system props should not be accepted
-  return /*#__PURE__*/React.createElement(Details, {
-    backgroundColor: "thistle"
-  });
-}
-shouldNotAcceptSystemProps.displayName = "shouldNotAcceptSystemProps";

package/lib-esm/__tests__/Dialog.test.d.ts

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

package/lib-esm/__tests__/Dialog.test.js

@@ -1,171 +0,0 @@
-import React, { useState, useRef } from 'react';
-import { Dialog, Box, Text, Button } from '..';
-import { render as HTMLRender, cleanup, act, fireEvent } from '@testing-library/react';
-import { axe, toHaveNoViolations } from 'jest-axe';
-import 'babel-polyfill';
-import { behavesAsComponent, checkExports } from '../utils/testing';
-expect.extend(toHaveNoViolations);
-const comp = /*#__PURE__*/React.createElement(Dialog, {
-  isOpen: true,
-  onDismiss: () => null,
-  "aria-labelledby": "header"
-}, /*#__PURE__*/React.createElement(Dialog.Header, {
-  id: "header"
-}, "Title"), /*#__PURE__*/React.createElement(Box, {
-  p: 3
-}, /*#__PURE__*/React.createElement(Text, {
-  fontFamily: "sans-serif"
-}, "Some content")));
-
-const Component = () => {
-  const [isOpen, setIsOpen] = useState(true);
-  const returnFocusRef = useRef(null);
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
-    "data-testid": "trigger-button",
-    ref: returnFocusRef,
-    onClick: () => setIsOpen(true)
-  }, "Show Dialog"), /*#__PURE__*/React.createElement(Dialog, {
-    returnFocusRef: returnFocusRef,
-    isOpen: isOpen,
-    onDismiss: () => setIsOpen(false),
-    "aria-labelledby": "header"
-  }, /*#__PURE__*/React.createElement("div", {
-    "data-testid": "inner"
-  }, /*#__PURE__*/React.createElement(Dialog.Header, {
-    id: "header"
-  }, "Title"), /*#__PURE__*/React.createElement(Box, {
-    p: 3
-  }, /*#__PURE__*/React.createElement(Text, {
-    fontFamily: "sans-serif"
-  }, "Some content")))));
-};
-
-Component.displayName = "Component";
-
-const ClosedDialog = () => {
-  return /*#__PURE__*/React.createElement(Dialog, {
-    isOpen: false,
-    onDismiss: () => null,
-    "aria-labelledby": "header"
-  }, /*#__PURE__*/React.createElement("div", {
-    "data-testid": "inner"
-  }, /*#__PURE__*/React.createElement(Dialog.Header, {
-    id: "header"
-  }, "Title"), /*#__PURE__*/React.createElement(Box, {
-    p: 3
-  }, /*#__PURE__*/React.createElement(Text, {
-    fontFamily: "sans-serif"
-  }, "Some content"))));
-};
-
-ClosedDialog.displayName = "ClosedDialog";
-
-const DialogWithCustomFocusRef = () => {
-  const buttonRef = useRef(null);
-  return /*#__PURE__*/React.createElement(Dialog, {
-    isOpen: true,
-    initialFocusRef: buttonRef,
-    onDismiss: () => null,
-    "aria-labelledby": "header"
-  }, /*#__PURE__*/React.createElement("div", {
-    "data-testid": "inner"
-  }, /*#__PURE__*/React.createElement(Dialog.Header, {
-    id: "header"
-  }, "Title"), /*#__PURE__*/React.createElement(Box, {
-    p: 3
-  }, /*#__PURE__*/React.createElement(Text, {
-    fontFamily: "sans-serif"
-  }, "Some content"), /*#__PURE__*/React.createElement("button", {
-    "data-testid": "inner-button",
-    ref: buttonRef
-  }, "hi"))));
-};
-
-DialogWithCustomFocusRef.displayName = "DialogWithCustomFocusRef";
-describe('Dialog', () => {
-  // because Dialog returns a React fragment the as and sx tests fail always, so they are skipped
-  behavesAsComponent({
-    Component: Dialog,
-    toRender: () => comp,
-    options: {
-      skipAs: true,
-      skipSx: true
-    }
-  });
-  checkExports('Dialog', {
-    default: Dialog
-  });
-  describe('Dialog.Header', () => {
-    behavesAsComponent({
-      Component: Dialog.Header
-    });
-  });
-  it('should have no axe violations', async () => {
-    const spy = jest.spyOn(console, 'warn').mockImplementation();
-    const {
-      container
-    } = HTMLRender(comp);
-    spy.mockRestore();
-    const results = await axe(container);
-    expect(results).toHaveNoViolations();
-    cleanup();
-  });
-  it('Toggles when you click close button', async () => {
-    const {
-      getByLabelText,
-      getByTestId,
-      queryByTestId
-    } = HTMLRender( /*#__PURE__*/React.createElement(Component, null));
-    expect(getByTestId('inner')).toBeTruthy();
-    act(() => {
-      fireEvent.click(getByLabelText('Close'));
-    });
-    expect(queryByTestId('inner')).toBeNull();
-    cleanup();
-  });
-  it('Renders dialog when isOpen is true', async () => {
-    const {
-      getByTestId
-    } = HTMLRender( /*#__PURE__*/React.createElement(Component, null));
-    expect(getByTestId('inner')).toBeTruthy();
-    cleanup();
-  });
-  it('Does not render dialog when isOpen is false', async () => {
-    const {
-      queryByTestId
-    } = HTMLRender( /*#__PURE__*/React.createElement(ClosedDialog, null));
-    expect(queryByTestId('inner')).toBeNull();
-    cleanup();
-  });
-  it('Focuses close button when Dialog is opened', async () => {
-    const {
-      getByLabelText
-    } = HTMLRender( /*#__PURE__*/React.createElement(Component, null));
-    const closeButton = getByLabelText('Close');
-    expect(document.activeElement).toEqual(closeButton);
-    cleanup();
-  });
-  it('Focuses custom ref when Dialog is opened', async () => {
-    const {
-      getByTestId
-    } = HTMLRender( /*#__PURE__*/React.createElement(DialogWithCustomFocusRef, null));
-    const innerButton = getByTestId('inner-button');
-    expect(document.activeElement).toEqual(innerButton);
-    cleanup();
-  });
-  it('Returns focus to returnFocusRef', async () => {
-    const {
-      getByLabelText,
-      getByTestId,
-      queryByTestId
-    } = HTMLRender( /*#__PURE__*/React.createElement(Component, null));
-    expect(getByTestId('inner')).toBeTruthy();
-    act(() => {
-      fireEvent.click(getByLabelText('Close'));
-    });
-    expect(queryByTestId('inner')).toBeNull();
-    const triggerButton = getByTestId('trigger-button');
-    expect(document.activeElement).toEqual(triggerButton);
-    cleanup();
-  });
-});

package/lib-esm/__tests__/Dialog.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-esm/__tests__/Dialog.types.test.js

@@ -1,13 +0,0 @@
-import React from 'react';
-import Dialog from '../Dialog';
-export function shouldAcceptCallWithNoProps() {
-  return /*#__PURE__*/React.createElement(Dialog, null);
-}
-shouldAcceptCallWithNoProps.displayName = "shouldAcceptCallWithNoProps";
-export function shouldNotAcceptSystemProps() {
-  // @ts-expect-error system props should not be accepted
-  return /*#__PURE__*/React.createElement(Dialog, {
-    backgroundColor: "thistle"
-  });
-}
-shouldNotAcceptSystemProps.displayName = "shouldNotAcceptSystemProps";

package/lib-esm/__tests__/Dialog2.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-esm/__tests__/Dialog2.types.test.js

@@ -1,16 +0,0 @@
-import React from 'react';
-import { Dialog } from '../Dialog/Dialog';
-export function shouldAcceptCallWithNoProps() {
-  return /*#__PURE__*/React.createElement(Dialog, {
-    onClose: () => null
-  });
-}
-shouldAcceptCallWithNoProps.displayName = "shouldAcceptCallWithNoProps";
-export function shouldNotAcceptSystemProps() {
-  // @ts-expect-error system props should not be accepted
-  return /*#__PURE__*/React.createElement(Dialog, {
-    onClose: () => null,
-    backgroundColor: "tomato"
-  });
-}
-shouldNotAcceptSystemProps.displayName = "shouldNotAcceptSystemProps";

package/lib-esm/__tests__/Dropdown.test.d.ts

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

package/lib-esm/__tests__/Dropdown.test.js

@@ -1,53 +0,0 @@
-import React from 'react';
-import { Dropdown } from '..';
-import { behavesAsComponent, checkExports } from '../utils/testing';
-import { render as HTMLRender, cleanup } from '@testing-library/react';
-import { axe, toHaveNoViolations } from 'jest-axe';
-import 'babel-polyfill';
-expect.extend(toHaveNoViolations);
-describe('Dropdown', () => {
-  behavesAsComponent({
-    Component: Dropdown,
-    toRender: () => /*#__PURE__*/React.createElement(Dropdown, null, "Hello!")
-  });
-  checkExports('Dropdown', {
-    default: Dropdown
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = HTMLRender( /*#__PURE__*/React.createElement(Dropdown, null));
-    const results = await axe(container);
-    expect(results).toHaveNoViolations();
-    cleanup();
-  });
-});
-describe('Dropdown.Item', () => {
-  behavesAsComponent({
-    Component: Dropdown.Item,
-    toRender: () => /*#__PURE__*/React.createElement(Dropdown.Item, null, "Hello!")
-  });
-});
-describe('Dropdown.Button', () => {
-  behavesAsComponent({
-    Component: Dropdown.Button,
-    toRender: () => /*#__PURE__*/React.createElement(Dropdown.Button, null, "Hello!")
-  });
-});
-describe('Dropdown.Caret', () => {
-  behavesAsComponent({
-    Component: Dropdown.Caret
-  });
-});
-describe('Dropdown.Menu', () => {
-  behavesAsComponent({
-    Component: Dropdown.Menu,
-    toRender: () => /*#__PURE__*/React.createElement(Dropdown.Menu, null, /*#__PURE__*/React.createElement("li", {
-      key: "a"
-    }, "1"), /*#__PURE__*/React.createElement("li", {
-      key: "b"
-    }, "2"), /*#__PURE__*/React.createElement("li", {
-      key: "c"
-    }, "3"))
-  });
-});

package/lib-esm/__tests__/Dropdown.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-esm/__tests__/Dropdown.types.test.js

@@ -1,17 +0,0 @@
-import React from 'react';
-import Dropdown from '../Dropdown';
-export function shouldAcceptCallWithNoProps() {
-  return /*#__PURE__*/React.createElement(Dropdown, null);
-}
-shouldAcceptCallWithNoProps.displayName = "shouldAcceptCallWithNoProps";
-export function shouldNotAcceptSystemProps() {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dropdown.Caret, {
-    backgroundColor: "thistle"
-  }), /*#__PURE__*/React.createElement(Dropdown.Menu, {
-    backgroundColor: "thistle"
-  }), /*#__PURE__*/React.createElement(Dropdown.Item, {
-    backgroundColor: "thistle"
-  }), /*#__PURE__*/React.createElement(Dropdown.Button, {
-    backgroundColor: "thistle"
-  }));
-}