@primer/components 33.0.0-rc.dcc047ad → 33.0.0

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

@@ -1,49 +0,0 @@
-import React from 'react';
-import Overlay from '../Overlay';
-export function shouldAcceptCallWithNoProps(ref) {
-  return /*#__PURE__*/React.createElement(Overlay, {
-    returnFocusRef: ref,
-    onClickOutside: () => null,
-    onEscape: () => null
-  });
-}
-shouldAcceptCallWithNoProps.displayName = "shouldAcceptCallWithNoProps";
-export function shouldAcceptCallWithDOMProps(ref) {
-  return /*#__PURE__*/React.createElement(Overlay, {
-    returnFocusRef: ref,
-    onClickOutside: () => null,
-    onEscape: () => null,
-    onMouseDown: () => null
-  });
-}
-shouldAcceptCallWithDOMProps.displayName = "shouldAcceptCallWithDOMProps";
-export function shouldNotAcceptCallWithDOMPropsThatDontMatchElement(ref) {
-  // @ts-expect-error href should not be allowed on a <div>
-  return /*#__PURE__*/React.createElement(Overlay, {
-    returnFocusRef: ref,
-    onClickOutside: () => null,
-    onEscape: () => null,
-    href: "//primer.style/"
-  });
-}
-shouldNotAcceptCallWithDOMPropsThatDontMatchElement.displayName = "shouldNotAcceptCallWithDOMPropsThatDontMatchElement";
-export function shouldAcceptCallWithAsAndDOMProps(ref) {
-  return /*#__PURE__*/React.createElement(Overlay, {
-    as: "a",
-    returnFocusRef: ref,
-    onClickOutside: () => null,
-    onEscape: () => null,
-    href: "//primer.style/"
-  });
-}
-shouldAcceptCallWithAsAndDOMProps.displayName = "shouldAcceptCallWithAsAndDOMProps";
-export function shouldNotAcceptSystemProps(ref) {
-  return /*#__PURE__*/React.createElement(Overlay, {
-    returnFocusRef: ref,
-    onClickOutside: () => null,
-    onEscape: () => null // @ts-expect-error system props should not be accepted
-    ,
-    backgroundColor: "olivedrab"
-  });
-}
-shouldNotAcceptSystemProps.displayName = "shouldNotAcceptSystemProps";

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

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

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

@@ -1,26 +0,0 @@
-import React from 'react';
-import { Pagehead } from '..';
-import theme from '../theme';
-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('Pagehead', () => {
-  behavesAsComponent({
-    Component: Pagehead
-  });
-  checkExports('Pagehead', {
-    default: Pagehead
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = HTMLRender( /*#__PURE__*/React.createElement(Pagehead, {
-      theme: theme
-    }, "Pagehead"));
-    const results = await axe(container);
-    expect(results).toHaveNoViolations();
-    cleanup();
-  });
-});

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

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

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

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

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

@@ -1,35 +0,0 @@
-import React from 'react';
-import Pagination from '../../Pagination';
-import { behavesAsComponent } from '../../utils/testing';
-import { render as HTMLRender, cleanup } from '@testing-library/react';
-import { axe, toHaveNoViolations } from 'jest-axe';
-import 'babel-polyfill';
-expect.extend(toHaveNoViolations);
-const reqProps = {
-  pageCount: 10,
-  currentPage: 1
-};
-const comp = /*#__PURE__*/React.createElement(Pagination, reqProps);
-describe('Pagination', () => {
-  behavesAsComponent({
-    Component: Pagination,
-    toRender: () => comp
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = HTMLRender(comp);
-    const results = await axe(container, {
-      rules: {
-        // The skip-link rule has to do with entire documents
-        // and is not relevant to this component.
-        // See https://dequeuniversity.com/rules/axe/3.3/skip-link?application=axeAPI
-        'skip-link': {
-          enabled: false
-        }
-      }
-    });
-    expect(results).toHaveNoViolations();
-    cleanup();
-  });
-});

package/lib-esm/__tests__/Pagination/PaginationModel.test.d.ts

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

package/lib-esm/__tests__/Pagination/PaginationModel.test.js

@@ -1,182 +0,0 @@
-import 'babel-polyfill';
-import { buildPaginationModel } from '../../Pagination/model'; // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
-function first(array, count = 1) {
-  const slice = array.slice(0, count);
-  return count === 1 ? slice[0] : slice;
-} // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
-
-function last(array, count = 1) {
-  const len = array.length;
-  const slice = array.slice(len - count, len);
-  return count === 1 ? slice[0] : slice;
-}
-
-describe('Pagination model', () => {
-  it('sets disabled on prev links', () => {
-    const model1 = buildPaginationModel(10, 1, true, 1, 2);
-    expect(first(model1).type).toEqual('PREV');
-    expect(first(model1).disabled).toBe(true);
-    const model2 = buildPaginationModel(10, 2, true, 1, 2);
-    expect(first(model2).type).toEqual('PREV');
-    expect(first(model2).disabled).toBe(false);
-  });
-  it('sets disabled on next links', () => {
-    const model1 = buildPaginationModel(10, 10, true, 1, 2);
-    expect(last(model1).type).toEqual('NEXT');
-    expect(last(model1).disabled).toBe(true);
-    const model2 = buildPaginationModel(10, 9, true, 1, 2);
-    expect(last(model2).type).toEqual('NEXT');
-    expect(last(model2).disabled).toBe(false);
-  });
-  it('sets the page number for prev and next links', () => {
-    const model = buildPaginationModel(10, 5, true, 1, 2);
-    expect(first(model).num).toEqual(4);
-    expect(last(model).num).toEqual(6);
-  });
-  it('ensures margin pages on the left', () => {
-    const model = buildPaginationModel(10, 10, true, 2, 0);
-    const slice = first(model, 5);
-    const expected = [{
-      type: 'PREV',
-      num: 9
-    }, {
-      type: 'NUM',
-      num: 1
-    }, {
-      type: 'NUM',
-      num: 2
-    }, {
-      type: 'BREAK'
-    }, {
-      type: 'NUM'
-    }];
-    expect(slice).toMatchObject(expected);
-  });
-  it('ensures margin pages on the right', () => {
-    const model = buildPaginationModel(10, 1, true, 2, 0);
-    const slice = last(model, 5);
-    const expected = [{
-      type: 'NUM'
-    }, {
-      type: 'BREAK'
-    }, {
-      type: 'NUM',
-      num: 9
-    }, {
-      type: 'NUM',
-      num: 10
-    }, {
-      type: 'NEXT',
-      num: 2
-    }];
-    expect(slice).toMatchObject(expected);
-  });
-  it('ensures that the current page is surrounded by the right number of pages', () => {
-    const model = buildPaginationModel(10, 5, true, 1, 1);
-    const expected = [{
-      type: 'PREV',
-      num: 4
-    }, {
-      type: 'NUM',
-      num: 1
-    }, {
-      type: 'BREAK'
-    }, {
-      type: 'NUM',
-      num: 4
-    }, {
-      type: 'NUM',
-      num: 5,
-      selected: true
-    }, {
-      type: 'NUM',
-      num: 6
-    }, {
-      type: 'BREAK'
-    }, {
-      type: 'NUM',
-      num: 10
-    }, {
-      type: 'NEXT',
-      num: 6
-    }];
-    expect(model).toMatchObject(expected);
-  });
-  it('adds items to the right if it hits bounds to the left', () => {
-    const model = buildPaginationModel(15, 2, true, 1, 1);
-    const expected = [{
-      type: 'PREV',
-      num: 1
-    }, {
-      type: 'NUM',
-      num: 1
-    }, {
-      type: 'NUM',
-      num: 2,
-      selected: true
-    }, {
-      type: 'NUM',
-      num: 3
-    }, // normally with a surround of 1, only 1 and 3 would be shown
-    // however, since 1 was already shown, we extend to 4
-    {
-      type: 'NUM',
-      num: 4
-    }, {
-      type: 'BREAK'
-    }];
-    expect(first(model, 6)).toMatchObject(expected);
-  });
-  it('adds items to the left if it hits bounds to the right', () => {
-    const model = buildPaginationModel(15, 14, true, 1, 1);
-    const expected = [// normally with a surround of 1, only 13 and 15 would be shown
-    // however, since 15 was already shown, we extend to 12
-    {
-      type: 'BREAK'
-    }, {
-      type: 'NUM',
-      num: 12
-    }, {
-      type: 'NUM',
-      num: 13
-    }, {
-      type: 'NUM',
-      num: 14,
-      selected: true
-    }, {
-      type: 'NUM',
-      num: 15
-    }, {
-      type: 'NEXT',
-      num: 15
-    }];
-    expect(last(model, 6)).toMatchObject(expected);
-  });
-  it('correctly creates breaks next to the next/prev links when margin is 0', () => {
-    const model = buildPaginationModel(10, 5, true, 0, 1);
-    const expected = [{
-      type: 'PREV'
-    }, {
-      type: 'BREAK',
-      num: 1
-    }, {
-      type: 'NUM',
-      num: 4
-    }, {
-      type: 'NUM',
-      num: 5,
-      selected: true
-    }, {
-      type: 'NUM',
-      num: 6
-    }, {
-      type: 'BREAK',
-      num: 10
-    }, {
-      type: 'NEXT'
-    }];
-    expect(model).toMatchObject(expected);
-  });
-});

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

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

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

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

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

@@ -1,36 +0,0 @@
-import React from 'react';
-import { PointerBox } 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('PointerBox', () => {
-  behavesAsComponent({
-    Component: PointerBox
-  });
-  checkExports('PointerBox', {
-    default: PointerBox
-  });
-  it('renders a <Caret> in <BorderBox> with relative positioning', () => {
-    expect(render( /*#__PURE__*/React.createElement(PointerBox, null))).toMatchSnapshot();
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = HTMLRender( /*#__PURE__*/React.createElement(PointerBox, null));
-    const results = await axe(container);
-    expect(results).toHaveNoViolations();
-    cleanup();
-  });
-  it('passes the "borderColor" prop to both <BorderBox> and <Caret>', () => {
-    expect(render( /*#__PURE__*/React.createElement(PointerBox, {
-      borderColor: "danger.emphasis"
-    }))).toMatchSnapshot();
-  });
-  it('passes the "bg" prop to both <BorderBox> and <Caret>', () => {
-    expect(render( /*#__PURE__*/React.createElement(PointerBox, {
-      bg: "danger.subtle"
-    }))).toMatchSnapshot();
-  });
-});

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

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

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

@@ -1,53 +0,0 @@
-import React from 'react';
-import Popover from '../Popover';
-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);
-const comp = /*#__PURE__*/React.createElement(Popover, {
-  caret: "top",
-  open: true
-}, /*#__PURE__*/React.createElement(Popover.Content, null, "Hello!"));
-describe('Popover', () => {
-  behavesAsComponent({
-    Component: Popover,
-    toRender: () => comp
-  });
-  checkExports('Popover', {
-    default: Popover
-  });
-  describe('Popover.Content', () => {
-    behavesAsComponent({
-      Component: Popover.Content,
-      toRender: () => comp
-    });
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = HTMLRender( /*#__PURE__*/React.createElement(Popover, {
-      caret: "top",
-      open: true
-    }, /*#__PURE__*/React.createElement(Popover.Content, null, "Hello!")));
-    const results = await axe(container);
-    expect(results).toHaveNoViolations();
-    cleanup();
-  });
-  const CARET_POSITIONS = ['top', 'bottom', 'left', 'right', 'bottom-left', 'bottom-right', 'top-left', 'top-right', 'left-bottom', 'left-top', 'right-bottom', 'right-top'];
-
-  for (const pos of CARET_POSITIONS) {
-    it(`renders correctly for a caret position of ${pos}`, () => {
-      const element = /*#__PURE__*/React.createElement(Popover, {
-        caret: pos,
-        open: true
-      }, /*#__PURE__*/React.createElement(Popover.Content, null, "Hello!"));
-      expect(render(element)).toMatchSnapshot();
-    });
-  }
-
-  it('renders both elements as a <div>', () => {
-    expect(render( /*#__PURE__*/React.createElement(Popover, null)).type).toEqual('div');
-    expect(render( /*#__PURE__*/React.createElement(Popover.Content, null)).type).toEqual('div');
-  });
-});

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

@@ -1,13 +0,0 @@
-import React from 'react';
-import Popover from '../Popover';
-export function shouldAcceptCallWithNoProps() {
-  return /*#__PURE__*/React.createElement(Popover, null);
-}
-shouldAcceptCallWithNoProps.displayName = "shouldAcceptCallWithNoProps";
-export function shouldNotAcceptSystemProps() {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Popover, {
-    backgroundColor: "palegreen"
-  }), /*#__PURE__*/React.createElement(Popover.Content, {
-    backgroundColor: "paleturquoise"
-  }));
-}

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

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

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

@@ -1,104 +0,0 @@
-import Portal, { registerPortalRoot } from '../Portal/index';
-import { render } from '@testing-library/react';
-import React from 'react';
-import BaseStyles from '../BaseStyles';
-describe('Portal', () => {
-  it('renders a default portal into document.body (no BaseStyles present)', () => {
-    var _generatedRoot$textCo;
-
-    const {
-      baseElement
-    } = render( /*#__PURE__*/React.createElement(Portal, null, "123test123"));
-    const generatedRoot = baseElement.querySelector('#__primerPortalRoot__');
-    expect(generatedRoot).toBeInstanceOf(HTMLElement);
-    expect(generatedRoot === null || generatedRoot === void 0 ? void 0 : (_generatedRoot$textCo = generatedRoot.textContent) === null || _generatedRoot$textCo === void 0 ? void 0 : _generatedRoot$textCo.trim()).toEqual('123test123');
-    baseElement.innerHTML = '';
-  });
-  it('renders a default portal into nearest BaseStyles element', () => {
-    var _generatedRoot$textCo2;
-
-    const toRender = /*#__PURE__*/React.createElement("div", {
-      id: "renderedRoot"
-    }, /*#__PURE__*/React.createElement(BaseStyles, null, /*#__PURE__*/React.createElement("div", {
-      id: "baseStylesRoot"
-    }, /*#__PURE__*/React.createElement(Portal, null, "123test123"))));
-    const {
-      baseElement
-    } = render(toRender);
-    const baseStylesRoot = baseElement.querySelector('#baseStylesRoot');
-    const baseStylesElement = baseStylesRoot === null || baseStylesRoot === void 0 ? void 0 : baseStylesRoot.parentElement;
-    const generatedRoot = baseStylesElement === null || baseStylesElement === void 0 ? void 0 : baseStylesElement.querySelector('#__primerPortalRoot__');
-    expect(baseStylesRoot).toBeInstanceOf(HTMLElement);
-    expect(baseStylesElement).toBeInstanceOf(HTMLElement);
-    expect(generatedRoot).toBeInstanceOf(HTMLElement);
-    expect(generatedRoot === null || generatedRoot === void 0 ? void 0 : (_generatedRoot$textCo2 = generatedRoot.textContent) === null || _generatedRoot$textCo2 === void 0 ? void 0 : _generatedRoot$textCo2.trim()).toEqual('123test123');
-    baseElement.innerHTML = '';
-  });
-  it('renders into the custom portal root (default root name - declarative)', () => {
-    var _portalRoot$textConte;
-
-    const toRender = /*#__PURE__*/React.createElement("div", {
-      id: "renderedRoot"
-    }, /*#__PURE__*/React.createElement("div", {
-      id: "__primerPortalRoot__"
-    }), /*#__PURE__*/React.createElement(Portal, null, "123test123"));
-    const {
-      baseElement
-    } = render(toRender);
-    const renderedRoot = baseElement.querySelector('#renderedRoot');
-    const portalRoot = renderedRoot === null || renderedRoot === void 0 ? void 0 : renderedRoot.querySelector('#__primerPortalRoot__');
-    expect(portalRoot).toBeInstanceOf(HTMLElement);
-    expect(portalRoot === null || portalRoot === void 0 ? void 0 : (_portalRoot$textConte = portalRoot.textContent) === null || _portalRoot$textConte === void 0 ? void 0 : _portalRoot$textConte.trim()).toEqual('123test123');
-    baseElement.innerHTML = '';
-  });
-  it('renders into the custom portal root (default root name - imperative)', () => {
-    var _portalRoot$textConte2;
-
-    const portalRootJSX = /*#__PURE__*/React.createElement("div", {
-      id: "myPortalRoot"
-    });
-    let {
-      baseElement
-    } = render(portalRootJSX);
-    const portalRoot = baseElement.querySelector('#myPortalRoot');
-    expect(portalRoot).toBeInstanceOf(HTMLElement);
-    registerPortalRoot(baseElement.querySelector('#myPortalRoot'));
-    const toRender = /*#__PURE__*/React.createElement(Portal, null, "123test123");
-    ({
-      baseElement
-    } = render(toRender));
-    expect(portalRoot === null || portalRoot === void 0 ? void 0 : (_portalRoot$textConte2 = portalRoot.textContent) === null || _portalRoot$textConte2 === void 0 ? void 0 : _portalRoot$textConte2.trim()).toEqual('123test123');
-    baseElement.innerHTML = '';
-  });
-  it('renders into multiple custom portal roots (named)', () => {
-    var _generatedRoot$textCo3, _fancyPortalRoot1$tex, _fancyPortalRoot2$tex;
-
-    const portalRootJSX = /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement("div", {
-      id: "myPortalRoot1"
-    }), /*#__PURE__*/React.createElement("div", {
-      id: "myPortalRoot2"
-    }));
-    let {
-      baseElement
-    } = render(portalRootJSX);
-    const fancyPortalRoot1 = baseElement.querySelector('#myPortalRoot1');
-    const fancyPortalRoot2 = baseElement.querySelector('#myPortalRoot2');
-    expect(fancyPortalRoot1).toBeInstanceOf(HTMLElement);
-    expect(fancyPortalRoot2).toBeInstanceOf(HTMLElement);
-    registerPortalRoot(baseElement.querySelector('#myPortalRoot1'), 'fancyPortal1');
-    registerPortalRoot(baseElement.querySelector('#myPortalRoot2'), 'fancyPortal2');
-    const toRender = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Portal, null, "123test123"), /*#__PURE__*/React.createElement(Portal, {
-      containerName: "fancyPortal1"
-    }, "456test456"), /*#__PURE__*/React.createElement(Portal, {
-      containerName: "fancyPortal2"
-    }, "789test789"));
-    ({
-      baseElement
-    } = render(toRender));
-    const generatedRoot = baseElement.querySelector('#__primerPortalRoot__');
-    expect(generatedRoot === null || generatedRoot === void 0 ? void 0 : (_generatedRoot$textCo3 = generatedRoot.textContent) === null || _generatedRoot$textCo3 === void 0 ? void 0 : _generatedRoot$textCo3.trim()).toEqual('123test123');
-    expect(fancyPortalRoot1 === null || fancyPortalRoot1 === void 0 ? void 0 : (_fancyPortalRoot1$tex = fancyPortalRoot1.textContent) === null || _fancyPortalRoot1$tex === void 0 ? void 0 : _fancyPortalRoot1$tex.trim()).toEqual('456test456');
-    expect(fancyPortalRoot2 === null || fancyPortalRoot2 === void 0 ? void 0 : (_fancyPortalRoot2$tex = fancyPortalRoot2.textContent) === null || _fancyPortalRoot2$tex === void 0 ? void 0 : _fancyPortalRoot2$tex.trim()).toEqual('789test789');
-    baseElement.innerHTML = '';
-  });
-});

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

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