@primer/components 29.0.0-rc.f749c85e → 29.1.0

package/lib/__tests__/hooks/useAnchoredPosition.js

@@ -1,54 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _useAnchoredPosition = require("../../hooks/useAnchoredPosition");
-
-var _react2 = require("@testing-library/react");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const Component = ({
-  callback
-}) => {
-  const floatingElementRef = _react.default.useRef(null);
-
-  const anchorElementRef = _react.default.useRef(null);
-
-  callback((0, _useAnchoredPosition.useAnchoredPosition)({
-    floatingElementRef,
-    anchorElementRef
-  }));
-  return /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      position: 'absolute'
-    }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      position: 'absolute',
-      top: '20px',
-      left: '20px',
-      height: '50px',
-      width: '50px'
-    },
-    ref: floatingElementRef
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    ref: anchorElementRef
-  }));
-};
-
-Component.displayName = "Component";
-it('should should return a position', () => {
-  const cb = jest.fn();
-  (0, _react2.render)( /*#__PURE__*/_react.default.createElement(Component, {
-    callback: cb
-  }));
-  expect(cb).toHaveBeenCalledTimes(2);
-  expect(cb.mock.calls[1][0]['position']).toMatchInlineSnapshot(`
-Object {
-  "anchorSide": "outside-bottom",
-  "left": 0,
-  "top": 4,
-}
-`);
-});

package/lib/__tests__/hooks/useOnEscapePress.d.ts

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

package/lib/__tests__/hooks/useOnEscapePress.js

@@ -1,32 +0,0 @@
-"use strict";
-
-var _useOnEscapePress = require("../../hooks/useOnEscapePress");
-
-var _react = require("@testing-library/react");
-
-var _react2 = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-it('should call function when user presses escape', () => {
-  const functionToCall = jest.fn();
-
-  const Component = () => {
-    (0, _useOnEscapePress.useOnEscapePress)(functionToCall);
-    return /*#__PURE__*/_react2.default.createElement("div", null, "content");
-  };
-
-  const {
-    getByText
-  } = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(Component, null));
-  const domNode = getByText('content');
-
-  _react.fireEvent.keyDown(domNode, {
-    key: 'Escape',
-    code: 'Escape',
-    keyCode: 27,
-    charCode: 27
-  });
-
-  expect(functionToCall).toHaveBeenCalledTimes(1);
-});

package/lib/__tests__/hooks/useOnOutsideClick.d.ts

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

package/lib/__tests__/hooks/useOnOutsideClick.js

@@ -1,87 +0,0 @@
-"use strict";
-
-var _useOnOutsideClick = require("../../hooks/useOnOutsideClick");
-
-var _react = require("@testing-library/react");
-
-var _react2 = _interopRequireWildcard(require("react"));
-
-var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
-
-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; }
-
-const Component = ({
-  callback
-}) => {
-  const containerRef = (0, _react2.useRef)(null);
-  const outerButton = (0, _react2.useRef)(null);
-  const secondButton = (0, _react2.useRef)(null);
-  (0, _useOnOutsideClick.useOnOutsideClick)({
-    ignoreClickRefs: [secondButton],
-    containerRef,
-    onClickOutside: callback
-  });
-  return /*#__PURE__*/_react2.default.createElement("div", null, /*#__PURE__*/_react2.default.createElement("button", {
-    ref: outerButton
-  }, "button"), /*#__PURE__*/_react2.default.createElement("button", {
-    ref: secondButton
-  }, "button two"), /*#__PURE__*/_react2.default.createElement("div", {
-    ref: containerRef
-  }, "content"));
-};
-
-Component.displayName = "Component";
-it('should call function when user clicks outside container', () => {
-  const mockFunction = jest.fn();
-  const {
-    getByText
-  } = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(Component, {
-    callback: mockFunction
-  }));
-
-  _userEvent.default.click(getByText('button'));
-
-  expect(mockFunction).toHaveBeenCalledTimes(1);
-});
-it('should not call function when user right clicks', () => {
-  const mockFunction = jest.fn();
-  const {
-    getByText
-  } = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(Component, {
-    callback: mockFunction
-  }));
-
-  _userEvent.default.click(getByText('button'), {
-    button: 1
-  });
-
-  expect(mockFunction).toHaveBeenCalledTimes(0);
-});
-it('should not call function when clicking on ignored refs', () => {
-  const mockFunction = jest.fn();
-  const {
-    getByText
-  } = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(Component, {
-    callback: mockFunction
-  }));
-
-  _userEvent.default.click(getByText('button two'));
-
-  expect(mockFunction).toHaveBeenCalledTimes(0);
-});
-it('should not call function when clicking inside container', () => {
-  const mockFunction = jest.fn();
-  const {
-    getByText
-  } = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(Component, {
-    callback: mockFunction
-  }));
-
-  _userEvent.default.click(getByText('content'));
-
-  expect(mockFunction).toHaveBeenCalledTimes(0);
-});

package/lib/__tests__/hooks/useOpenAndCloseFocus.d.ts

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

package/lib/__tests__/hooks/useOpenAndCloseFocus.js

@@ -1,60 +0,0 @@
-"use strict";
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _react2 = require("@testing-library/react");
-
-var _useOpenAndCloseFocus = require("../../hooks/useOpenAndCloseFocus");
-
-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; }
-
-const Component = () => {
-  const containerRef = (0, _react.useRef)(null);
-  const returnFocusRef = (0, _react.useRef)(null);
-  const noButtonRef = (0, _react.useRef)(null);
-  (0, _useOpenAndCloseFocus.useOpenAndCloseFocus)({
-    containerRef,
-    initialFocusRef: noButtonRef,
-    returnFocusRef
-  });
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("button", {
-    ref: returnFocusRef
-  }, "trigger"), /*#__PURE__*/_react.default.createElement("div", {
-    ref: containerRef
-  }, /*#__PURE__*/_react.default.createElement("button", null, "yes"), /*#__PURE__*/_react.default.createElement("button", {
-    ref: noButtonRef
-  }, "no")));
-};
-
-const ComponentTwo = () => {
-  const buttonRef = (0, _react.useRef)(null);
-  const containerRef = (0, _react.useRef)(null);
-  (0, _useOpenAndCloseFocus.useOpenAndCloseFocus)({
-    containerRef,
-    returnFocusRef: buttonRef
-  });
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("button", {
-    ref: buttonRef
-  }, "button trigger"), /*#__PURE__*/_react.default.createElement("div", {
-    ref: containerRef
-  }, /*#__PURE__*/_react.default.createElement("button", null, "yes"), /*#__PURE__*/_react.default.createElement("button", null, "no")));
-};
-
-it('should focus element passed into function', async () => {
-  const {
-    getByText
-  } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(Component, null));
-  await (0, _react2.waitFor)(() => getByText('no'));
-  const noButton = getByText('no');
-  expect(document.activeElement).toEqual(noButton);
-});
-it('should focus first element when nothing is passed', async () => {
-  const {
-    getByText
-  } = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(ComponentTwo, null));
-  await (0, _react2.waitFor)(() => getByText('yes'));
-  const yesButton = getByText('yes');
-  expect(document.activeElement).toEqual(yesButton);
-});

package/lib/__tests__/hooks/useProvidedStateOrCreate.d.ts

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

package/lib/__tests__/hooks/useProvidedStateOrCreate.js

@@ -1,45 +0,0 @@
-"use strict";
-
-var _useProvidedStateOrCreate = require("../../hooks/useProvidedStateOrCreate");
-
-var _react = require("@testing-library/react");
-
-var _react2 = _interopRequireWildcard(require("react"));
-
-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; }
-
-it('will use the provided state', () => {
-  const Component = () => {
-    const [state, setState] = (0, _react2.useState)('foo');
-    const [combinedState] = (0, _useProvidedStateOrCreate.useProvidedStateOrCreate)(state, setState, 'bar');
-    return /*#__PURE__*/_react2.default.createElement("div", null, combinedState);
-  };
-
-  const doc = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(Component, null));
-  expect(doc.baseElement.textContent).toEqual('foo');
-});
-it('will set state correctly when provided a set state method', () => {
-  const Component = () => {
-    const [state, setState] = (0, _react2.useState)('foo');
-    const [combinedState, setCombinedState] = (0, _useProvidedStateOrCreate.useProvidedStateOrCreate)(state, setState, 'bar');
-    if (combinedState !== 'baz') setCombinedState('baz');
-    return /*#__PURE__*/_react2.default.createElement("div", null, combinedState);
-  };
-
-  const doc = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(Component, null));
-  expect(doc.baseElement.textContent).toEqual('baz');
-});
-it('if not provided a state, will use an internal state', () => {
-  const Component = () => {
-    const state = undefined;
-    const setState = undefined;
-    const [combinedState, setCombinedState] = (0, _useProvidedStateOrCreate.useProvidedStateOrCreate)(state, setState, '');
-    if (combinedState !== 'bar') setCombinedState('bar');
-    return /*#__PURE__*/_react2.default.createElement("div", null, combinedState);
-  };
-
-  const doc = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(Component, null));
-  expect(doc.baseElement.textContent).toEqual('bar');
-});

package/lib/__tests__/theme.d.ts

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

package/lib/__tests__/theme.js

@@ -1,36 +0,0 @@
-"use strict";
-
-var _theme = require("../utils/theme");
-
-describe('isShadowValue', () => {
-  it('accepts transparent', () => {
-    expect((0, _theme.isShadowValue)('0 0 0 transparent')).toBe(true);
-  });
-  it('accepts hex colors', () => {
-    expect((0, _theme.isShadowValue)('0 0 0 #ff0000')).toBe(true);
-    expect((0, _theme.isShadowValue)('0 0 0 #ff0')).toBe(true);
-  });
-  it('accepts rgba colors', () => {
-    expect((0, _theme.isShadowValue)('0 0 0 rgb(255, 0, 0)')).toBe(true);
-    expect((0, _theme.isShadowValue)('0 0 0 rgba(255,0,0,0.2)')).toBe(true);
-  });
-  it('accepts px values', () => {
-    expect((0, _theme.isShadowValue)('12px 24px 0 #000')).toBe(true);
-  });
-  it('accepts em values', () => {
-    expect((0, _theme.isShadowValue)('0.5em 1em 0 #000')).toBe(true);
-  });
-  it('accepts inset values', () => {
-    expect((0, _theme.isShadowValue)('inset 12px 24px 0 #000')).toBe(true);
-  });
-  it('rejects individual colors', () => {
-    expect((0, _theme.isShadowValue)('red')).toBe(false);
-    expect((0, _theme.isShadowValue)('#f00')).toBe(false);
-    expect((0, _theme.isShadowValue)('rgb(255, 0, 0)')).toBe(false);
-  });
-  it('rejects individual numeric values', () => {
-    expect((0, _theme.isShadowValue)('0')).toBe(false);
-    expect((0, _theme.isShadowValue)('12px')).toBe(false);
-    expect((0, _theme.isShadowValue)('0.5em')).toBe(false);
-  });
-});

package/lib/__tests__/themeGet.d.ts

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

package/lib/__tests__/themeGet.js

@@ -1,25 +0,0 @@
-"use strict";
-
-var _ = require("..");
-
-describe('themeGet', () => {
-  it('acccepts theme prop', () => {
-    expect((0, _.themeGet)('example')({
-      theme: {
-        example: 'test'
-      }
-    })).toBe('test');
-  });
-  it('allows theme prop to override primer theme', () => {
-    expect((0, _.themeGet)('colors.gray.0')({
-      theme: {
-        colors: {
-          gray: ['#f00']
-        }
-      }
-    })).toBe('#f00');
-  });
-  it('uses primer theme as fallback', () => {
-    expect((0, _.themeGet)('space.1')({})).toBe('4px');
-  });
-});

package/lib/__tests__/useSafeTimeout.d.ts

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

package/lib/__tests__/useSafeTimeout.js

@@ -1,45 +0,0 @@
-"use strict";
-
-var _reactHooks = require("@testing-library/react-hooks");
-
-var _useSafeTimeout = _interopRequireDefault(require("../hooks/useSafeTimeout"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-afterEach(() => {
-  jest.useRealTimers();
-});
-test('should call callback after time', async () => {
-  const {
-    result,
-    waitFor
-  } = (0, _reactHooks.renderHook)(() => (0, _useSafeTimeout.default)());
-  const mockFunction = jest.fn();
-  result.current.safeSetTimeout(mockFunction, 300);
-  await waitFor(() => expect(mockFunction).toHaveBeenCalled());
-});
-test('should clear timeouts when safeClearTimeout is called', () => {
-  jest.useFakeTimers();
-  jest.spyOn(global, 'clearTimeout');
-  const {
-    result
-  } = (0, _reactHooks.renderHook)(() => (0, _useSafeTimeout.default)());
-  const mockFunction = jest.fn();
-  const timeoutId = result.current.safeSetTimeout(mockFunction, 300);
-  result.current.safeClearTimeout(timeoutId);
-  expect(clearTimeout).toHaveBeenCalledTimes(1);
-  expect(clearTimeout).toHaveBeenLastCalledWith(timeoutId);
-});
-test('should clear timeouts when the component is unmounted', () => {
-  jest.useFakeTimers();
-  jest.spyOn(global, 'clearTimeout');
-  const {
-    result,
-    unmount
-  } = (0, _reactHooks.renderHook)(() => (0, _useSafeTimeout.default)());
-  const mockFunction = jest.fn();
-  const timeoutId = result.current.safeSetTimeout(mockFunction, 300);
-  unmount();
-  expect(clearTimeout).toHaveBeenCalledTimes(1);
-  expect(clearTimeout).toHaveBeenLastCalledWith(timeoutId);
-});

package/lib/stories/ActionList.stories.d.ts

@@ -1,40 +0,0 @@
-/// <reference types="react" />
-import { Meta } from '@storybook/react';
-declare const meta: Meta;
-export default meta;
-export declare function ActionsStory(): JSX.Element;
-export declare namespace ActionsStory {
-    var storyName: string;
-}
-export declare function SimpleListStory(): JSX.Element;
-export declare namespace SimpleListStory {
-    var storyName: string;
-}
-export declare function SingleSelectListStory(): JSX.Element;
-export declare namespace SingleSelectListStory {
-    var storyName: string;
-}
-export declare function MultiSelectListStory(): JSX.Element;
-export declare namespace MultiSelectListStory {
-    var storyName: string;
-}
-export declare function ComplexListInsetVariantStory(): JSX.Element;
-export declare namespace ComplexListInsetVariantStory {
-    var storyName: string;
-}
-export declare function ComplexListFullVariantStory(): JSX.Element;
-export declare namespace ComplexListFullVariantStory {
-    var storyName: string;
-}
-export declare function HeaderStory(): JSX.Element;
-export declare namespace HeaderStory {
-    var storyName: string;
-}
-export declare function CustomItemChildren(): JSX.Element;
-export declare namespace CustomItemChildren {
-    var storyName: string;
-}
-export declare function SizeStressTestingStory(): JSX.Element;
-export declare namespace SizeStressTestingStory {
-    var storyName: string;
-}