@primer/components 31.0.2-rc.1e80de40 → 31.1.0

package/lib/__tests__/Text.test.js

@@ -1,105 +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('Text', () => {
-  (0, _testing.behavesAsComponent)({
-    Component: _.Text
-  });
-  (0, _testing.checkExports)('Text', {
-    default: _.Text
-  });
-  it('renders a <span> by default', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Text, null)).type).toEqual('span');
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.Text, null, "hello"));
-    const results = await (0, _jestAxe.axe)(container);
-    expect(results).toHaveNoViolations();
-    (0, _react2.cleanup)();
-  });
-  it('renders fontSize', () => {
-    for (const fontSize of _theme.default.fontSizes) {
-      expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Text, {
-        fontSize: fontSize
-      }))).toHaveStyleRule('font-size', (0, _testing.px)(fontSize));
-    }
-  });
-  it('renders responsive fontSize', () => {
-    expect((0, _testing.renderStyles)( /*#__PURE__*/_react.default.createElement(_.Text, {
-      fontSize: [1, 2]
-    }))).toEqual({
-      'font-size': (0, _testing.px)(_theme.default.fontSizes[1]),
-      [`@media screen and (min-width:${(0, _testing.px)(_theme.default.breakpoints[0])})`]: {
-        'font-size': (0, _testing.px)(_theme.default.fontSizes[2])
-      }
-    });
-  });
-  it('renders responsive lineHeight', () => {
-    expect((0, _testing.renderStyles)( /*#__PURE__*/_react.default.createElement(_.Text, {
-      lineHeight: ['condensed', 'default']
-    }))).toEqual({
-      'line-height': String(_theme.default.lineHeights.condensed),
-      [`@media screen and (min-width:${(0, _testing.px)(_theme.default.breakpoints[0])})`]: {
-        'line-height': String(_theme.default.lineHeights.default)
-      }
-    });
-  });
-  it('respects fontWeight', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Text, {
-      fontWeight: "bold"
-    }))).toHaveStyleRule('font-weight', '600');
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Text, {
-      fontWeight: "normal"
-    }))).toHaveStyleRule('font-weight', '400');
-  });
-  it('respects the "fontStyle" prop', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Text, {
-      fontStyle: "italic"
-    }))).toHaveStyleRule('font-style', 'italic');
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Text, {
-      as: "i",
-      fontStyle: "normal"
-    }))).toHaveStyleRule('font-style', 'normal');
-  });
-  it('respects lineHeight', () => {
-    for (const [name, value] of Object.entries(_theme.default.lineHeights)) {
-      expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Text, {
-        lineHeight: name
-      }))).toHaveStyleRule('line-height', String(value));
-    }
-  });
-  it('respects fontFamily="mono"', () => {
-    // styled-components removes the whitespace between font-family values
-    const mono = _theme.default.fonts.mono.replace(/, /g, ',');
-
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Text, {
-      fontFamily: "mono"
-    }))).toHaveStyleRule('font-family', mono);
-  });
-  it('respects other values for fontSize', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Text, {
-      fontSize: "2em"
-    }))).toHaveStyleRule('font-size', '2em');
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.Text, {
-      fontSize: 100
-    }))).toHaveStyleRule('font-size', '100px');
-  });
-});

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

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

package/lib/__tests__/TextInput.test.js

@@ -1,78 +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('TextInput', () => {
-  (0, _testing.behavesAsComponent)({
-    Component: _.TextInput,
-    options: {
-      skipAs: true
-    }
-  });
-  (0, _testing.checkExports)('TextInput', {
-    default: _.TextInput
-  });
-  it('should have no axe violations', async () => {
-    const {
-      container
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.TextInput, {
-      "aria-label": "zipcode",
-      name: "zipcode",
-      variant: "small"
-    }));
-    const results = await (0, _jestAxe.axe)(container);
-    expect(results).toHaveNoViolations();
-    (0, _react2.cleanup)();
-  });
-  it('renders', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.TextInput, {
-      name: "zipcode"
-    }))).toMatchSnapshot();
-  });
-  it('renders small', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.TextInput, {
-      name: "zipcode",
-      variant: "small"
-    }))).toMatchSnapshot();
-  });
-  it('renders large', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.TextInput, {
-      name: "zipcode",
-      variant: "large"
-    }))).toMatchSnapshot();
-  });
-  it('renders block', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.TextInput, {
-      name: "zipcode",
-      block: true
-    }))).toMatchSnapshot();
-  });
-  it('should call onChange prop with input value', () => {
-    const onChangeMock = jest.fn();
-    const component = (0, _testing.mount)( /*#__PURE__*/_react.default.createElement(_.TextInput, {
-      onChange: onChangeMock,
-      value: "test"
-    }));
-    component.find('input').simulate('change');
-    expect(onChangeMock).toHaveBeenCalled();
-  });
-  it('should render a password input', () => {
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_.TextInput, {
-      name: "password",
-      type: "password"
-    }))).toMatchSnapshot();
-  });
-});

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

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

package/lib/__tests__/TextInputWithTokens.test.js

@@ -1,389 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _testing = require("../utils/testing");
-
-var _react2 = require("@testing-library/react");
-
-var _jestAxe = require("jest-axe");
-
-require("babel-polyfill");
-
-var _TokenBase = require("../Token/TokenBase");
-
-var _Token = require("../Token");
-
-var _TextInputWithTokens = _interopRequireDefault(require("../TextInputWithTokens"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-expect.extend(_jestAxe.toHaveNoViolations);
-const mockTokens = [{
-  text: 'zero',
-  id: 0
-}, {
-  text: 'one',
-  id: 1
-}, {
-  text: 'two',
-  id: 2
-}, {
-  text: 'three',
-  id: 3
-}, {
-  text: 'four',
-  id: 4
-}, {
-  text: 'five',
-  id: 5
-}, {
-  text: 'six',
-  id: 6
-}, {
-  text: 'seven',
-  id: 7
-}];
-
-const LabelledTextInputWithTokens = ({
-  onTokenRemove,
-  tokens,
-  ...rest
-}) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("label", {
-  htmlFor: "tokenInput",
-  id: "tokenLabel"
-}, "Tokens"), /*#__PURE__*/_react.default.createElement(_TextInputWithTokens.default, _extends({
-  tokens: tokens,
-  onTokenRemove: onTokenRemove,
-  id: "tokenInput"
-}, rest)));
-
-describe('TextInputWithTokens', () => {
-  it('renders without tokens', () => {
-    const onRemoveMock = jest.fn();
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_TextInputWithTokens.default, {
-      tokens: [],
-      onTokenRemove: onRemoveMock
-    }))).toMatchSnapshot();
-  });
-  it('renders as block layout', () => {
-    const onRemoveMock = jest.fn();
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_TextInputWithTokens.default, {
-      block: true,
-      tokens: [],
-      onTokenRemove: onRemoveMock
-    }))).toMatchSnapshot();
-  });
-  it('renders with tokens', () => {
-    const onRemoveMock = jest.fn();
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_TextInputWithTokens.default, {
-      tokens: mockTokens,
-      onTokenRemove: onRemoveMock
-    }))).toMatchSnapshot();
-  });
-  it('renders with tokens using a custom token component', () => {
-    const onRemoveMock = jest.fn();
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_TextInputWithTokens.default, {
-      tokens: mockTokens,
-      onTokenRemove: onRemoveMock,
-      tokenComponent: _Token.IssueLabelToken
-    }))).toMatchSnapshot();
-  });
-  it('renders at a maximum height when specified', () => {
-    const onRemoveMock = jest.fn();
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_TextInputWithTokens.default, {
-      maxHeight: "20px",
-      tokens: mockTokens,
-      onTokenRemove: onRemoveMock
-    }))).toMatchSnapshot();
-  });
-  it('renders tokens on a single line when specified', () => {
-    const onRemoveMock = jest.fn();
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_TextInputWithTokens.default, {
-      preventTokenWrapping: true,
-      tokens: mockTokens,
-      onTokenRemove: onRemoveMock
-    }))).toMatchSnapshot();
-  });
-  it('renders tokens at the specified sizes', () => {
-    const onRemoveMock = jest.fn();
-    const tokenSizeKeys = Object.keys(_TokenBase.tokenSizes);
-
-    for (const tokenSizeKey of tokenSizeKeys) {
-      expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_TextInputWithTokens.default, {
-        tokens: mockTokens,
-        onTokenRemove: onRemoveMock,
-        size: tokenSizeKey
-      }))).toMatchSnapshot();
-    }
-  });
-  it('renders tokens without a remove button when specified', () => {
-    const onRemoveMock = jest.fn();
-    expect((0, _testing.render)( /*#__PURE__*/_react.default.createElement(_TextInputWithTokens.default, {
-      hideTokenRemoveButtons: true,
-      tokens: mockTokens,
-      onTokenRemove: onRemoveMock
-    }))).toMatchSnapshot();
-  });
-  it('focuses the previous token when keying ArrowLeft', () => {
-    var _document$activeEleme, _document$activeEleme2;
-
-    const onRemoveMock = jest.fn();
-    const {
-      getByLabelText,
-      getByText
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(LabelledTextInputWithTokens, {
-      tokens: mockTokens,
-      onTokenRemove: onRemoveMock
-    }));
-    const inputNode = getByLabelText('Tokens');
-    const lastTokenIndex = mockTokens.length - 1;
-    const lastTokenNode = getByText(mockTokens[lastTokenIndex].text);
-    expect(document.activeElement).not.toEqual(lastTokenNode);
-
-    _react2.fireEvent.focus(inputNode);
-
-    _react2.fireEvent.keyDown(inputNode, {
-      key: 'ArrowLeft'
-    });
-
-    expect((_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.id).toEqual(lastTokenNode.id);
-
-    _react2.fireEvent.keyDown(lastTokenNode, {
-      key: 'ArrowLeft'
-    });
-
-    expect((_document$activeEleme2 = document.activeElement) === null || _document$activeEleme2 === void 0 ? void 0 : _document$activeEleme2.id).toEqual(getByText(mockTokens[lastTokenIndex - 1].text).id);
-  });
-  it('focuses the next token when keying ArrowRight', () => {
-    var _document$activeEleme3;
-
-    const onRemoveMock = jest.fn();
-    const {
-      getByText
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_TextInputWithTokens.default, {
-      tokens: mockTokens,
-      onTokenRemove: onRemoveMock
-    }));
-    const tokenNode = getByText(mockTokens[4].text);
-    expect(onRemoveMock).not.toHaveBeenCalled();
-
-    _react2.fireEvent.focus(tokenNode);
-
-    _react2.fireEvent.keyDown(tokenNode, {
-      key: 'ArrowRight'
-    });
-
-    expect((_document$activeEleme3 = document.activeElement) === null || _document$activeEleme3 === void 0 ? void 0 : _document$activeEleme3.id).toEqual(getByText(mockTokens[5].text).id);
-  });
-  it('focuses the input when keying ArrowLeft on the first token', () => {
-    var _document$activeEleme4;
-
-    const onRemoveMock = jest.fn();
-    const {
-      getByLabelText,
-      getByText
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(LabelledTextInputWithTokens, {
-      tokens: mockTokens,
-      onTokenRemove: onRemoveMock
-    }));
-    const inputNode = getByLabelText('Tokens');
-    const firstTokenNode = getByText(mockTokens[0].text);
-    expect(document.activeElement).not.toEqual(firstTokenNode);
-
-    _react2.fireEvent.focus(firstTokenNode);
-
-    _react2.fireEvent.keyDown(firstTokenNode, {
-      key: 'ArrowLeft'
-    });
-
-    expect((_document$activeEleme4 = document.activeElement) === null || _document$activeEleme4 === void 0 ? void 0 : _document$activeEleme4.id).toEqual(inputNode.id);
-  });
-  it('focuses the input when keying ArrowRight on the last token', () => {
-    var _document$activeEleme5;
-
-    const onRemoveMock = jest.fn();
-    const {
-      getByLabelText,
-      getByText
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(LabelledTextInputWithTokens, {
-      tokens: mockTokens,
-      onTokenRemove: onRemoveMock
-    }));
-    const inputNode = getByLabelText('Tokens');
-    const lastTokenNode = getByText(mockTokens[mockTokens.length - 1].text);
-    expect(document.activeElement).not.toEqual(lastTokenNode);
-
-    _react2.fireEvent.focus(lastTokenNode);
-
-    _react2.fireEvent.keyDown(lastTokenNode, {
-      key: 'ArrowRight'
-    });
-
-    expect((_document$activeEleme5 = document.activeElement) === null || _document$activeEleme5 === void 0 ? void 0 : _document$activeEleme5.id).toEqual(inputNode.id);
-  });
-  it('focuses the input when keying Escape when focused on a token', () => {
-    var _document$activeEleme6, _document$activeEleme7, _document$activeEleme8, _document$activeEleme9;
-
-    const onRemoveMock = jest.fn();
-    const {
-      getByLabelText,
-      getByText
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(LabelledTextInputWithTokens, {
-      tokens: mockTokens,
-      onTokenRemove: onRemoveMock
-    }));
-    const inputNode = getByLabelText('Tokens');
-    const lastTokenNode = getByText(mockTokens[mockTokens.length - 1].text);
-    expect((_document$activeEleme6 = document.activeElement) === null || _document$activeEleme6 === void 0 ? void 0 : _document$activeEleme6.id).not.toEqual(inputNode.id);
-
-    _react2.fireEvent.focus(lastTokenNode);
-
-    expect((_document$activeEleme7 = document.activeElement) === null || _document$activeEleme7 === void 0 ? void 0 : _document$activeEleme7.id).toEqual(lastTokenNode.id);
-
-    _react2.fireEvent.keyUp(lastTokenNode, {
-      key: 'Escape'
-    });
-
-    expect((_document$activeEleme8 = document.activeElement) === null || _document$activeEleme8 === void 0 ? void 0 : _document$activeEleme8.id).not.toEqual(lastTokenNode.id);
-    expect((_document$activeEleme9 = document.activeElement) === null || _document$activeEleme9 === void 0 ? void 0 : _document$activeEleme9.id).toEqual(inputNode.id);
-  });
-  it('focuses the first token when keying ArrowRight in the input', () => {
-    var _document$activeEleme10, _document$activeEleme11;
-
-    const onRemoveMock = jest.fn();
-    const {
-      getByLabelText,
-      getByText
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(LabelledTextInputWithTokens, {
-      tokens: mockTokens,
-      onTokenRemove: onRemoveMock
-    }));
-    const inputNode = getByLabelText('Tokens');
-    const firstTokenNode = getByText(mockTokens[0].text);
-    expect(onRemoveMock).not.toHaveBeenCalled();
-
-    _react2.fireEvent.focus(inputNode);
-
-    _react2.fireEvent.keyDown(inputNode, {
-      key: 'ArrowRight'
-    });
-
-    expect((_document$activeEleme10 = document.activeElement) === null || _document$activeEleme10 === void 0 ? void 0 : _document$activeEleme10.id).not.toEqual(inputNode.id);
-    expect((_document$activeEleme11 = document.activeElement) === null || _document$activeEleme11 === void 0 ? void 0 : _document$activeEleme11.id).toEqual(firstTokenNode.id);
-  });
-  it('calls onTokenRemove on the last token when keying Backspace in an empty input', () => {
-    const onRemoveMock = jest.fn();
-    const {
-      getByLabelText
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(LabelledTextInputWithTokens, {
-      tokens: mockTokens,
-      onTokenRemove: onRemoveMock
-    }));
-    const inputNode = getByLabelText('Tokens');
-    const lastTokenIndex = mockTokens.length - 1;
-    expect(onRemoveMock).not.toHaveBeenCalled();
-
-    _react2.fireEvent.focus(inputNode);
-
-    _react2.fireEvent.keyDown(inputNode, {
-      key: 'Backspace'
-    });
-
-    expect(onRemoveMock).toHaveBeenCalledWith(mockTokens[lastTokenIndex].id);
-  });
-  it("sets the input text to the last token's text when keying Backspace in an empty input", () => {
-    const onRemoveMock = jest.fn();
-    const {
-      getByDisplayValue,
-      getByLabelText
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(LabelledTextInputWithTokens, {
-      tokens: mockTokens,
-      onTokenRemove: onRemoveMock
-    }));
-    const inputNode = getByLabelText('Tokens');
-    const lastTokenIndex = mockTokens.length - 1;
-    expect(onRemoveMock).not.toHaveBeenCalled();
-
-    _react2.fireEvent.focus(inputNode);
-
-    _react2.fireEvent.keyDown(inputNode, {
-      key: 'Backspace'
-    });
-
-    expect(getByDisplayValue(mockTokens[lastTokenIndex].text).id).toEqual(inputNode.id);
-  });
-  it('does not call onTokenRemove on the last token when keying Backspace in an input that has a value', () => {
-    const onRemoveMock = jest.fn();
-    const {
-      getByLabelText
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(LabelledTextInputWithTokens, {
-      tokens: mockTokens,
-      onTokenRemove: onRemoveMock,
-      defaultValue: "test"
-    }));
-    const inputNode = getByLabelText('Tokens');
-
-    _react2.fireEvent.focus(inputNode);
-
-    _react2.fireEvent.keyDown(inputNode, {
-      key: 'Backspace'
-    });
-
-    expect(onRemoveMock).not.toHaveBeenCalled();
-  });
-  it('calls onTokenRemove on the focused token when keying Backspace and moves focus to the next token', () => {
-    const onRemoveMock = jest.fn();
-    const {
-      getByText
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_TextInputWithTokens.default, {
-      tokens: mockTokens,
-      onTokenRemove: onRemoveMock
-    }));
-    const tokenNode = getByText(mockTokens[4].text);
-    expect(onRemoveMock).not.toHaveBeenCalled();
-
-    _react2.fireEvent.focus(tokenNode);
-
-    _react2.fireEvent.keyDown(tokenNode, {
-      key: 'Backspace'
-    });
-
-    expect(onRemoveMock).toHaveBeenCalledWith(mockTokens[4].id);
-  });
-  it('calls onKeyDown', () => {
-    const onRemoveMock = jest.fn();
-    const onKeyDownMock = jest.fn();
-    const {
-      getByLabelText
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(LabelledTextInputWithTokens, {
-      tokens: mockTokens,
-      onTokenRemove: onRemoveMock,
-      onKeyDown: onKeyDownMock
-    }));
-    const inputNode = getByLabelText('Tokens');
-    expect(onKeyDownMock).not.toHaveBeenCalled();
-
-    _react2.fireEvent.focus(inputNode);
-
-    _react2.fireEvent.keyDown(inputNode, {
-      key: 'a'
-    });
-
-    expect(onKeyDownMock).toHaveBeenCalled();
-  });
-  it('should have no axe violations', async () => {
-    const onRemoveMock = jest.fn();
-    const {
-      container
-    } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(LabelledTextInputWithTokens, {
-      tokens: mockTokens,
-      onTokenRemove: onRemoveMock
-    }));
-    const results = await (0, _jestAxe.axe)(container);
-    expect(results).toHaveNoViolations();
-    (0, _react2.cleanup)();
-  });
-});

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

@@ -1 +0,0 @@
-import 'jest-styled-components';