@pingux/astro 1.27.0-alpha.21 → 1.27.0-alpha.22

package/lib/components/PopoverMenu/PopoverMenu.stories.js

@@ -1,187 +0,0 @@
-import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
-import React, { useState } from 'react';
-import { action } from '@storybook/addon-actions';
-import { OverlayProvider, PopoverMenu, Button, Menu, Item, Text } from '../../index';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-export default {
-  title: 'PopoverMenu',
-  component: PopoverMenu,
-  parameters: {
-    docs: {
-      source: {
-        type: 'code'
-      }
-    }
-  },
-  argTypes: {
-    align: {},
-    direction: {},
-    isDefaultOpen: {},
-    isNotClosedOnSelect: {},
-    isNotFlippable: {},
-    isOpen: {
-      onClick: {
-        action: 'clicked'
-      },
-      control: {
-        type: 'none'
-      }
-    }
-  }
-};
-export var Default = function Default(args) {
-  return (// Application must be wrapped in an OverlayProvider so that it can be hidden from screen
-    // readers when an overlay opens.
-    ___EmotionJSX(OverlayProvider, null, ___EmotionJSX(PopoverMenu, args, ___EmotionJSX(Button, null, "Click me"), ___EmotionJSX(Menu, {
-      onAction: action('onAction')
-    }, ___EmotionJSX(Item, {
-      key: "edit"
-    }, "Edit"), ___EmotionJSX(Item, {
-      key: "duplicate"
-    }, "Duplicate"), ___EmotionJSX(Item, {
-      key: "delete",
-      textValue: "delete"
-    }, ___EmotionJSX(Text, {
-      color: "critical.bright"
-    }, "Delete")))))
-  );
-};
-export var DefaultOpen = function DefaultOpen() {
-  return (// Application must be wrapped in an OverlayProvider so that it can be hidden from screen
-    // readers when an overlay opens.
-    ___EmotionJSX(OverlayProvider, null, ___EmotionJSX(PopoverMenu, {
-      isDefaultOpen: true
-    }, ___EmotionJSX(Button, null, "Click me"), ___EmotionJSX(Menu, {
-      onAction: action('onAction')
-    }, ___EmotionJSX(Item, {
-      key: "edit"
-    }, "Edit"), ___EmotionJSX(Item, {
-      key: "duplicate"
-    }, "Duplicate"), ___EmotionJSX(Item, {
-      key: "delete",
-      textValue: "delete"
-    }, ___EmotionJSX(Text, {
-      color: "critical.bright"
-    }, "Delete")))))
-  );
-};
-export var Controlled = function Controlled() {
-  var _useState = useState(true),
-      _useState2 = _slicedToArray(_useState, 2),
-      isOpen = _useState2[0],
-      setIsOpen = _useState2[1];
-
-  return (// Application must be wrapped in an OverlayProvider so that it can be hidden from screen
-    // readers when an overlay opens.
-    ___EmotionJSX(OverlayProvider, null, ___EmotionJSX(PopoverMenu, {
-      isOpen: isOpen,
-      onOpenChange: setIsOpen
-    }, ___EmotionJSX(Button, null, "Click me"), ___EmotionJSX(Menu, {
-      onAction: action('onAction')
-    }, ___EmotionJSX(Item, {
-      key: "edit"
-    }, "Edit"), ___EmotionJSX(Item, {
-      key: "duplicate"
-    }, "Duplicate"), ___EmotionJSX(Item, {
-      key: "delete",
-      textValue: "delete"
-    }, ___EmotionJSX(Text, {
-      color: "critical.bright"
-    }, "Delete")))))
-  );
-};
-export var Placement = function Placement() {
-  return (// Application must be wrapped in an OverlayProvider so that it can be hidden from screen
-    // readers when an overlay opens.
-    ___EmotionJSX(OverlayProvider, null, ___EmotionJSX(PopoverMenu, {
-      direction: "left"
-    }, ___EmotionJSX(Button, null, "Click me"), ___EmotionJSX(Menu, {
-      onAction: action('onAction')
-    }, ___EmotionJSX(Item, {
-      key: "edit"
-    }, "Edit"), ___EmotionJSX(Item, {
-      key: "duplicate"
-    }, "Duplicate"), ___EmotionJSX(Item, {
-      key: "delete",
-      textValue: "delete"
-    }, ___EmotionJSX(Text, {
-      color: "critical.bright"
-    }, "Delete")))))
-  );
-};
-export var NotFlippable = function NotFlippable() {
-  return (// Application must be wrapped in an OverlayProvider so that it can be hidden from screen
-    // readers when an overlay opens.
-    ___EmotionJSX(OverlayProvider, null, ___EmotionJSX(PopoverMenu, {
-      direction: "left",
-      isNotFlippable: true
-    }, ___EmotionJSX(Button, null, "Click me"), ___EmotionJSX(Menu, {
-      onAction: action('onAction')
-    }, ___EmotionJSX(Item, {
-      key: "edit"
-    }, "Edit"), ___EmotionJSX(Item, {
-      key: "duplicate"
-    }, "Duplicate"), ___EmotionJSX(Item, {
-      key: "delete",
-      textValue: "delete"
-    }, ___EmotionJSX(Text, {
-      color: "critical.bright"
-    }, "Delete")))))
-  );
-};
-export var NotClosedOnSelect = function NotClosedOnSelect() {
-  return (// Application must be wrapped in an OverlayProvider so that it can be hidden from screen
-    // readers when an overlay opens.
-    ___EmotionJSX(OverlayProvider, null, ___EmotionJSX(PopoverMenu, {
-      isNotClosedOnSelect: true
-    }, ___EmotionJSX(Button, null, "Click me"), ___EmotionJSX(Menu, {
-      onAction: action('onAction')
-    }, ___EmotionJSX(Item, {
-      key: "edit"
-    }, "Edit"), ___EmotionJSX(Item, {
-      key: "duplicate"
-    }, "Duplicate"), ___EmotionJSX(Item, {
-      key: "delete",
-      textValue: "delete"
-    }, ___EmotionJSX(Text, {
-      color: "critical.bright"
-    }, "Delete")))))
-  );
-};
-export var DisabledItem = function DisabledItem() {
-  return (// Application must be wrapped in an OverlayProvider so that it can be hidden from screen
-    // readers when an overlay opens.
-    ___EmotionJSX(OverlayProvider, null, ___EmotionJSX(PopoverMenu, null, ___EmotionJSX(Button, null, "Click me"), ___EmotionJSX(Menu, {
-      onAction: action('onAction'),
-      disabledKeys: ['duplicate']
-    }, ___EmotionJSX(Item, {
-      key: "edit"
-    }, "Edit"), ___EmotionJSX(Item, {
-      key: "duplicate"
-    }, "Duplicate"), ___EmotionJSX(Item, {
-      key: "delete",
-      textValue: "delete"
-    }, ___EmotionJSX(Text, {
-      color: "critical.bright"
-    }, "Delete")))))
-  );
-};
-export var isPressed = function isPressed() {
-  return (// Application must be wrapped in an OverlayProvider so that it can be hidden from screen
-    // readers when an overlay opens.
-    ___EmotionJSX(OverlayProvider, null, ___EmotionJSX(PopoverMenu, null, ___EmotionJSX(Button, null, "Click me"), ___EmotionJSX(Menu, {
-      onAction: action('onAction'),
-      disabledKeys: ['duplicate']
-    }, ___EmotionJSX(Item, {
-      key: "edit",
-      isPressed: true
-    }, "Edit"), ___EmotionJSX(Item, {
-      key: "duplicate"
-    }, "Duplicate"), ___EmotionJSX(Item, {
-      key: "delete",
-      textValue: "delete"
-    }, ___EmotionJSX(Text, {
-      color: "critical.bright"
-    }, "Delete")))))
-  );
-};

package/lib/components/PopoverMenu/PopoverMenu.test.js

@@ -1,157 +0,0 @@
-import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
-import React from 'react';
-import userEvent from '@testing-library/user-event';
-import axeTest from '../../utils/testUtils/testAxe';
-import { render, screen, fireEvent } from '../../utils/testUtils/testWrapper';
-import { Button, PopoverMenu, Menu, Item } from '../../index';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-
-var getComponent = function getComponent() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return render(___EmotionJSX(React.Fragment, null, ___EmotionJSX(PopoverMenu, props, ___EmotionJSX(Button, null, "Mock Button"), ___EmotionJSX(Menu, null, ___EmotionJSX(Item, {
-    key: "a"
-  }, "A"), ___EmotionJSX(Item, {
-    key: "b"
-  }, "B")))));
-}; // Need to be added to each test file to test accessibility using axe.
-
-
-axeTest(getComponent);
-test('renders a popover menu when trigger is clicked', function () {
-  getComponent();
-  var button = screen.getByRole('button');
-  expect(screen.queryByRole('presentation')).not.toBeInTheDocument();
-  expect(screen.queryByRole('menu')).not.toBeInTheDocument();
-  userEvent.click(button);
-  expect(screen.queryByRole('presentation')).toBeInTheDocument();
-  expect(screen.queryByRole('presentation')).toBeVisible();
-  expect(screen.queryByRole('presentation')).toHaveStyle({
-    top: '15px'
-  }); // Should have two accessible dismiss buttons applied (in addition to the trigger button)
-
-  expect(screen.queryAllByRole('button')).toHaveLength(3);
-  expect(screen.queryByRole('menu')).toBeInTheDocument();
-  userEvent.click(button);
-  expect(screen.queryByRole('presentation')).not.toBeInTheDocument();
-  expect(screen.queryByRole('menu')).not.toBeInTheDocument();
-});
-test('should respond to keyboard events', function () {
-  getComponent();
-  var button = screen.getByRole('button');
-  fireEvent.keyDown(button, {
-    key: 'Enter',
-    code: 13
-  });
-  fireEvent.keyUp(button, {
-    key: 'Enter',
-    code: 13
-  });
-  expect(screen.queryByRole('presentation')).toBeInTheDocument();
-  fireEvent.keyDown(button, {
-    key: 'Enter',
-    code: 13
-  });
-  fireEvent.keyUp(button, {
-    key: 'Enter',
-    code: 13
-  });
-  expect(screen.queryByRole('presentation')).not.toBeInTheDocument();
-});
-test('renders the correct popover menu placement', function () {
-  getComponent({
-    direction: 'right'
-  });
-  var button = screen.getByRole('button');
-  userEvent.click(button);
-  expect(screen.getByRole('presentation')).toHaveAttribute('data-popover-placement', 'right');
-});
-test('should close when a menu item is selected', function () {
-  getComponent();
-  var button = screen.getByRole('button');
-  userEvent.click(button);
-  expect(screen.queryByRole('presentation')).toBeInTheDocument();
-  var menuItem = screen.getAllByRole('menuitem')[0]; // Click the item and ensure the popover closes
-
-  userEvent.click(menuItem);
-  expect(screen.queryByRole('presentation')).not.toBeInTheDocument();
-});
-test('should not close when a menu item is selected when isNotClosedOnSelect is true', function () {
-  getComponent({
-    isNotClosedOnSelect: true
-  });
-  var button = screen.getByRole('button');
-  userEvent.click(button);
-  expect(screen.queryByRole('presentation')).toBeInTheDocument();
-  var menuItem = screen.getAllByRole('menuitem')[0]; // Click the item and ensure the popover does not close
-
-  userEvent.click(menuItem);
-  expect(screen.queryByRole('presentation')).toBeInTheDocument();
-});
-test('should be open when isDefaultOpen is true', function () {
-  getComponent({
-    isDefaultOpen: true
-  });
-  var button = screen.getAllByRole('button')[0];
-  expect(screen.queryByRole('presentation')).toBeInTheDocument();
-  userEvent.click(button);
-  expect(screen.queryByRole('presentation')).not.toBeInTheDocument();
-});
-test('should be open when isOpen is true and not react to attempts to close it', function () {
-  getComponent({
-    isOpen: true
-  });
-  var button = screen.getAllByRole('button')[0];
-  expect(screen.queryByRole('presentation')).toBeInTheDocument();
-  userEvent.click(button);
-  expect(screen.queryByRole('presentation')).toBeInTheDocument();
-});
-test('should respond to onOpenChange', function () {
-  var onOpenChange = jest.fn();
-  getComponent({
-    onOpenChange: onOpenChange
-  });
-  var button = screen.getByRole('button');
-  expect(onOpenChange).not.toHaveBeenCalled();
-  userEvent.click(button);
-  expect(onOpenChange).toHaveBeenNthCalledWith(1, true);
-  userEvent.click(button);
-  expect(onOpenChange).toHaveBeenNthCalledWith(2, false);
-});
-test('two menus can not be open at the same time', function () {
-  render(___EmotionJSX(React.Fragment, null, ___EmotionJSX(PopoverMenu, null, ___EmotionJSX(Button, null, "Mock Button"), ___EmotionJSX(Menu, null, ___EmotionJSX(Item, {
-    key: "a"
-  }, "A"), ___EmotionJSX(Item, {
-    key: "b"
-  }, "B"))), ___EmotionJSX(PopoverMenu, null, ___EmotionJSX(Button, null, "Mock Button 2"), ___EmotionJSX(Menu, null, ___EmotionJSX(Item, {
-    key: "c"
-  }, "C"), ___EmotionJSX(Item, {
-    key: "d"
-  }, "D"), ___EmotionJSX(Item, {
-    key: "e"
-  }, "E")))));
-  expect(screen.queryByRole('presentation')).not.toBeInTheDocument();
-  expect(screen.queryByRole('menu')).not.toBeInTheDocument();
-
-  var _screen$getAllByRole = screen.getAllByRole('button'),
-      _screen$getAllByRole2 = _slicedToArray(_screen$getAllByRole, 2),
-      button1 = _screen$getAllByRole2[0],
-      button2 = _screen$getAllByRole2[1];
-
-  userEvent.click(button1);
-  expect(screen.queryByRole('presentation')).toBeInTheDocument();
-  expect(screen.queryByRole('menu')).toBeInTheDocument();
-  expect(screen.queryAllByRole('menuitem')).toHaveLength(2);
-  expect(screen.queryByRole('menuitem', {
-    name: 'A'
-  })).toBeInTheDocument();
-  userEvent.click(button2);
-  expect(screen.queryByRole('presentation')).not.toBeInTheDocument();
-  expect(screen.queryByRole('menu')).not.toBeInTheDocument();
-  userEvent.click(button2);
-  expect(screen.queryByRole('presentation')).toBeInTheDocument();
-  expect(screen.queryByRole('menu')).toBeInTheDocument();
-  expect(screen.queryAllByRole('menuitem')).toHaveLength(3);
-  expect(screen.queryByRole('menuitem', {
-    name: 'C'
-  })).toBeInTheDocument();
-});

package/lib/components/PopoverMenu/index.js

@@ -1 +0,0 @@
-export { default } from './PopoverMenu';

package/lib/components/Radio/Radio.js

@@ -1,20 +0,0 @@
-import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
-import React, { forwardRef } from 'react';
-import { Radio as ThemeUIRadio } from 'theme-ui';
-/**
- * Basic radio input wrapped in a label.
- * Built on top of the [Radio from Theme-UI](https://theme-ui.com/components/radio/) and uses the
- * available [props from Theme-UI](https://theme-ui.com/sx-prop).
- *
- * **Note: Requires a label. It's recommended to use `RadioGroupField` with `RadioField` for a**
- * **solution.**
- */
-
-import { jsx as ___EmotionJSX } from "@emotion/react";
-var Radio = /*#__PURE__*/forwardRef(function (props, ref) {
-  return ___EmotionJSX(ThemeUIRadio, _extends({
-    ref: ref
-  }, props));
-});
-Radio.displayName = 'Radio';
-export default Radio;

package/lib/components/Radio/index.js

@@ -1 +0,0 @@
-export { default } from './Radio';

package/lib/components/RadioField/RadioField.js

@@ -1,165 +0,0 @@
-import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
-import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values";
-import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-import React, { forwardRef, createContext, useContext, useRef, useImperativeHandle } from 'react';
-import PropTypes from 'prop-types';
-import { useRadio } from '@react-aria/radio';
-import { useField, usePropWarning } from '../../hooks';
-import statuses from '../../utils/devUtils/constants/statuses';
-import Box from '../Box';
-import Radio from '../Radio';
-import Label from '../Label';
-import FieldHelperText from '../FieldHelperText';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-export var RadioContext = /*#__PURE__*/createContext();
-/**
- * Combines a radio, label, and helper text for a complete, form-ready solution.
- *
- * Utilizes [useRadio](https://react-spectrum.adobe.com/react-aria/useRadioGroup.html) from React
- * Aria.
- */
-
-var RadioField = /*#__PURE__*/forwardRef(function (props, ref) {
-  var checkedContent = props.checkedContent,
-      controlProps = props.controlProps,
-      hasAutoFocus = props.hasAutoFocus,
-      helperText = props.helperText,
-      radioDisabled = props.isDisabled,
-      label = props.label,
-      status = props.status;
-  var radioFieldRef = useRef();
-  usePropWarning(props, 'disabled', 'isDisabled');
-  /* istanbul ignore next */
-
-  useImperativeHandle(ref, function () {
-    return radioFieldRef.current;
-  });
-  var state = useContext(RadioContext);
-  var groupDisabled = state.isDisabled;
-  var isDisabled = radioDisabled || groupDisabled;
-
-  var _useRadio = useRadio(_objectSpread(_objectSpread({
-    children: label,
-    autoFocus: hasAutoFocus,
-    isDisabled: isDisabled
-  }, props), controlProps), state, radioFieldRef),
-      inputProps = _useRadio.inputProps;
-
-  var isChecked = inputProps.checked;
-  var statusClasses = {
-    isDisabled: isDisabled,
-    isChecked: isChecked
-  };
-
-  var _useField = useField(_objectSpread(_objectSpread({
-    statusClasses: statusClasses
-  }, props), {}, {
-    controlProps: _objectSpread(_objectSpread({}, controlProps), inputProps)
-  })),
-      fieldContainerProps = _useField.fieldContainerProps,
-      fieldControlProps = _useField.fieldControlProps,
-      fieldLabelProps = _useField.fieldLabelProps;
-
-  return ___EmotionJSX(Box, _extends({
-    variant: "forms.radioField"
-  }, fieldContainerProps), ___EmotionJSX(Label, _extends({
-    variant: "forms.label.radio"
-  }, fieldLabelProps), ___EmotionJSX(Radio, _extends({
-    ref: radioFieldRef
-  }, fieldControlProps)), label), helperText && ___EmotionJSX(FieldHelperText, {
-    status: status
-  }, helperText), isChecked && checkedContent && ___EmotionJSX(Box, {
-    variant: "boxes.radioCheckedContent"
-  }, checkedContent));
-});
-RadioField.propTypes = {
-  /** Content to display when the radio is checked. */
-  checkedContent: PropTypes.node,
-
-  /** The rendered label for the field. */
-  label: PropTypes.node,
-
-  /** Whether the element should receive focus on render. */
-  hasAutoFocus: PropTypes.bool,
-
-  /** Text rendered below the input. */
-  helperText: PropTypes.node,
-
-  /** If present this prop will cause a help hint to render in the label of the field. */
-  hintText: PropTypes.string,
-
-  /** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */
-  id: PropTypes.string,
-
-  /**
-   * Whether the radio button is disabled or not. Shows that a selection exists, but is not
-   * available in that circumstance.
-  */
-  isDisabled: PropTypes.bool,
-
-  /** Whether the Radio can be interacted with but cannot have its selection state changed. */
-  isReadOnly: PropTypes.bool,
-
-  /** Whether the Radio is required. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/required). */
-  isRequired: PropTypes.bool,
-
-  /** Determines the textarea status indicator and helper text styling. */
-  status: PropTypes.oneOf(_Object$values(statuses)),
-
-  /** The value of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefvalue). */
-  value: PropTypes.string,
-
-  /** Handler that is called when the element receives focus. */
-  onFocus: PropTypes.func,
-
-  /** Handler that is called when the element loses focus. */
-  onBlur: PropTypes.func,
-
-  /** Handler that is called when the element's focus status changes. */
-  onFocusChange: PropTypes.func,
-
-  /** Handler that is called when a key is pressed. */
-  onKeyDown: PropTypes.func,
-
-  /** Handler that is called when a key is released. */
-  onKeyUp: PropTypes.func,
-
-  /** Defines a string value that labels the current element. */
-  'aria-label': PropTypes.string,
-
-  /** Identifies the element (or elements) that labels the current element. */
-  'aria-labelledby': PropTypes.string,
-
-  /** Identifies the element (or elements) that describes the object. */
-  'aria-describedby': PropTypes.string,
-
-  /**
-   * Identifies the element (or elements) that provide a detailed, extended description for the
-   * object.
-  */
-  'aria-details': PropTypes.string,
-
-  /** Props object that is spread directly into the root (top-level) element. */
-  containerProps: PropTypes.shape({}),
-
-  /** Props object that is spread directly into the input element. */
-  controlProps: PropTypes.shape({}),
-
-  /** Props object that is spread directly into the label element. */
-  labelProps: PropTypes.shape({})
-};
-RadioField.displayName = 'RadioField';
-export default RadioField;

package/lib/components/RadioField/RadioField.test.js

@@ -1,74 +0,0 @@
-import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
-import React from 'react';
-import axeTest from '../../utils/testUtils/testAxe';
-import { render, screen } from '../../utils/testUtils/testWrapper';
-import RadioField, { RadioContext } from './RadioField';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-var testId = 'test-radio';
-var testLabel = 'Test Label';
-var testValue = 'test';
-var defaultProps = {
-  'data-testid': testId,
-  label: testLabel,
-  controlProps: {
-    'data-testid': "".concat(testId, "-input")
-  },
-  value: testValue
-};
-var defaultState = {
-  setLastFocusedValue: function setLastFocusedValue() {}
-};
-
-var getComponent = function getComponent() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var state = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultState;
-  return render(___EmotionJSX(RadioContext.Provider, {
-    value: state
-  }, ___EmotionJSX(RadioField, _extends({}, defaultProps, props))));
-};
-
-afterEach(function () {
-  jest.restoreAllMocks();
-}); // Need to be added to each test file to test accessibility using axe.
-
-axeTest(getComponent);
-test('default radio', function () {
-  getComponent();
-  var container = screen.getByTestId(testId);
-  var input = screen.getByLabelText(testLabel);
-  var label = screen.getByText(testLabel);
-  expect(container).toBeInstanceOf(HTMLDivElement);
-  expect(input).toBeInstanceOf(HTMLInputElement);
-  expect(label).toBeInstanceOf(HTMLLabelElement);
-  expect(container).toBeInTheDocument();
-  expect(input).toBeInTheDocument();
-  expect(label).toBeInTheDocument();
-});
-test('disabled radio', function () {
-  getComponent({
-    isDisabled: true
-  });
-  var label = screen.getByText(testLabel);
-  var input = screen.getByLabelText(testLabel);
-  var icon = input.nextSibling;
-  expect(label).toHaveClass('is-disabled');
-  expect(icon).toHaveClass('is-disabled');
-});
-test('radio with checked content does not display if not checked', function () {
-  var testContent = 'test content';
-  getComponent({
-    checkedContent: ___EmotionJSX("div", null, testContent)
-  });
-  var content = screen.queryByText(testContent);
-  expect(content).not.toBeInTheDocument();
-});
-test('radio with checked content displays if checked', function () {
-  var testContent = 'test content';
-  getComponent({
-    checkedContent: ___EmotionJSX("div", null, testContent)
-  }, {
-    selectedValue: testValue
-  });
-  var content = screen.queryByText(testContent);
-  expect(content).toBeInTheDocument();
-});

package/lib/components/RadioField/index.js

@@ -1,2 +0,0 @@
-export { default } from './RadioField';
-export * from './RadioField';