@pingux/astro 1.1.1-alpha.1 → 1.1.1-alpha.5

package/lib/hooks/useProgressiveState/useProgressiveState.test.js

@@ -0,0 +1,80 @@
+import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
+import React from 'react';
+import userEvent from '@testing-library/user-event';
+import { renderHook } from '@testing-library/react-hooks';
+import { render, screen } from '@testing-library/react';
+import useProgressiveState from './useProgressiveState';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var testId = 'test';
+var defaultProps = {
+  'data-testid': testId
+};
+var hookProps = {
+  prop: 'count',
+  initial: 0
+};
+/* eslint-disable react/prop-types */
+
+var TestComponent = function TestComponent(_ref) {
+  var count = _ref.count,
+      others = _objectWithoutProperties(_ref, ["count"]);
+
+  var _useProgressiveState = useProgressiveState(count, 0),
+      _useProgressiveState2 = _slicedToArray(_useProgressiveState, 2),
+      countVal = _useProgressiveState2[0],
+      setCountVal = _useProgressiveState2[1];
+
+  var handleClick = function handleClick() {
+    return setCountVal(countVal + 1);
+  };
+
+  return ___EmotionJSX("button", _extends({}, others, {
+    onClick: handleClick
+  }), countVal);
+};
+
+var getComponent = function getComponent() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return render(___EmotionJSX(TestComponent, _extends({}, props, defaultProps)));
+};
+
+describe('State Utils', function () {
+  it('should update the state when no prop is provided', function () {
+    getComponent();
+    var component = screen.getByTestId(testId);
+    expect(component).toHaveTextContent('0');
+    userEvent.click(component);
+    expect(component).toHaveTextContent('1');
+    userEvent.click(component);
+    expect(component).toHaveTextContent('2');
+  });
+  it('should not update the state when a prop is provided', function () {
+    getComponent({
+      count: 5
+    });
+    var component = screen.getByTestId(testId);
+    expect(component).toHaveTextContent('5');
+    userEvent.click(component);
+    expect(component).toHaveTextContent('5');
+    userEvent.click(component);
+    expect(component).toHaveTextContent('5');
+  });
+  it('hook should return prop if provided', function () {
+    var _renderHook = renderHook(function () {
+      return useProgressiveState(hookProps.prop, hookProps.initial);
+    }),
+        result = _renderHook.result;
+
+    expect(result.current[0]).toBe(hookProps.prop);
+  });
+  it('hook should return initial when no prop is provided', function () {
+    var _renderHook2 = renderHook(function () {
+      return useProgressiveState(undefined, hookProps.initial);
+    }),
+        result = _renderHook2.result;
+
+    expect(result.current[0]).toBe(hookProps.initial);
+  });
+});

package/lib/hooks/usePropWarning/index.js

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

package/lib/hooks/usePropWarning/usePropWarning.js

@@ -0,0 +1,29 @@
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
+import _Set from "@babel/runtime-corejs3/core-js-stable/set";
+import { useEffect } from 'react';
+var alreadyShown = new _Set();
+/**
+ * Provides a development-only console warning for props that we don't want consumers to use
+ * @param {Object} props - The whole props object
+ * @param {String} propToWarn - Specify prop to warn not to use
+ * @param {String} propToUse - Specify prop that should be used instead
+ * @param {Boolean} allowDuplicates - If allow duplicate warning messages
+ */
+
+var usePropWarning = function usePropWarning(props, propToWarn, propToUse, allowDuplicates) {
+  useEffect(function () {
+    if (!allowDuplicates && alreadyShown.has(propToWarn)) {
+      return;
+    }
+
+    if (props[propToWarn] !== undefined && process.env.NODE_ENV === 'development') {
+      var _context;
+
+      alreadyShown.add(propToWarn); // eslint-disable-next-line no-console
+
+      console.warn(_concatInstanceProperty(_context = "The prop ".concat(propToWarn, " should not be used, please use ")).call(_context, propToUse, " instead"), '\n', '\n', 'NOTE: This is a development-only warning and will not display in production.');
+    }
+  }, []);
+};
+
+export default usePropWarning;

package/lib/hooks/usePropWarning/usePropWarning.test.js

@@ -0,0 +1,59 @@
+import { renderHook } from '@testing-library/react-hooks';
+import usePropWarning from './usePropWarning';
+describe('usePropWarning', function () {
+  beforeEach(function () {
+    process.env.NODE_ENV = 'development';
+
+    global.console.warn = function () {
+      return jest.mock();
+    }; // eslint-disable-line no-console
+
+  });
+  afterEach(function () {
+    process.env.NODE_ENV = 'test';
+    jest.clearAllMocks();
+  });
+  test('default', function () {
+    var props = {};
+    props.disabled = true;
+    var spy = jest.spyOn(console, 'warn');
+    expect(spy).not.toHaveBeenCalled();
+    renderHook(function () {
+      return usePropWarning(props, 'disabled', 'isDisabled');
+    });
+    expect(spy).toHaveBeenCalledTimes(1);
+  });
+  test('does not warn if prop does not exist', function () {
+    var props = {};
+    props.isDisabled = true;
+    var spy = jest.spyOn(console, 'warn');
+    expect(spy).not.toHaveBeenCalled();
+    renderHook(function () {
+      return usePropWarning(props, 'disabled', 'isDisabled');
+    });
+    expect(spy).not.toHaveBeenCalled();
+  });
+  test('showns duplicated messages if explicitly allowed', function () {
+    var props = {};
+    props.disabled = true;
+    var spy = jest.spyOn(console, 'warn');
+    renderHook(function () {
+      return usePropWarning(props, 'disabled', 'isDisabled', true);
+    });
+    renderHook(function () {
+      return usePropWarning(props, 'disabled', 'isDisabled', true);
+    });
+    expect(spy).toHaveBeenCalledTimes(2);
+  });
+  test('does not warn if it is in production environment', function () {
+    process.env.NODE_ENV = 'production';
+    var props = {};
+    props.disabled = true;
+    var spy = jest.spyOn(console, 'warn');
+    expect(spy).not.toHaveBeenCalled();
+    renderHook(function () {
+      return usePropWarning(props, 'disabled', 'isDisabled');
+    });
+    expect(spy).not.toHaveBeenCalled();
+  });
+});

package/lib/hooks/useRockerButton/index.js

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

package/lib/hooks/useRockerButton/useRockerButton.js

@@ -0,0 +1,45 @@
+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 _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); if (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 source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty(_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+import { useSelectableItem } from '@react-aria/selection';
+import { useId } from '@react-aria/utils';
+
+var useRockerButton = function useRockerButton(props, state, ref) {
+  var item = props.item,
+      propsDisabled = props.isDisabled;
+  var key = item.key;
+  var manager = state.selectionManager,
+      selectedKey = state.selectedKey;
+  var isSelected = key === selectedKey;
+
+  var _useSelectableItem = useSelectableItem({
+    selectionManager: manager,
+    key: key,
+    ref: ref
+  }),
+      itemProps = _useSelectableItem.itemProps;
+
+  var isDisabled = propsDisabled || state.disabledKeys.has(key);
+  var rockerButtonId = useId();
+  return {
+    rockerButtonProps: _objectSpread(_objectSpread({}, itemProps), {}, {
+      isDisabled: isDisabled,
+      id: rockerButtonId,
+      'aria-pressed': isSelected,
+      'aria-disabled': isDisabled || undefined
+    })
+  };
+};
+
+export default useRockerButton;

package/lib/hooks/useSelectField/index.js

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

package/lib/hooks/useSelectField/useSelectField.js

@@ -0,0 +1,220 @@
+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 _extends from "@babel/runtime-corejs3/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
+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); if (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 source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source), true)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context3; _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+import React, { useCallback, useImperativeHandle, useLayoutEffect, useRef, useState } from 'react';
+import { FocusScope } from '@react-aria/focus';
+import { DismissButton, useOverlayPosition } from '@react-aria/overlays';
+import { useSelect } from '@react-aria/select';
+import { useResizeObserver } from '@react-aria/utils';
+import { useSelectState } from '@react-stately/select';
+import { useColumnStyles, useDeprecationWarning, useField } from '..';
+import ListBox from '../../components/ListBox';
+import PopoverContainer from '../../components/PopoverContainer';
+import ScrollBox from '../../components/ScrollBox';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+
+var useSelectField = function useSelectField(props, ref) {
+  var _context;
+
+  var align = props.align,
+      children = props.children,
+      defaultSelectedKey = props.defaultSelectedKey,
+      defaultText = props.defaultText,
+      direction = props.direction,
+      disabledKeys = props.disabledKeys,
+      disallowEmptySelection = props.hasNoEmptySelection,
+      defaultOpen = props.isDefaultOpen,
+      isDisabled = props.isDisabled,
+      isLoading = props.isLoading,
+      isNotFlippable = props.isNotFlippable,
+      isOpen = props.isOpen,
+      isReadOnly = props.isReadOnly,
+      isRequired = props.isRequired,
+      items = props.items,
+      label = props.label,
+      listboxStyle = props.listboxStyle,
+      name = props.name,
+      placeholder = props.placeholder,
+      selectedKey = props.selectedKey,
+      onLoadMore = props.onLoadMore,
+      onOpenChange = props.onOpenChange,
+      onSelectionChange = props.onSelectionChange,
+      controlProps = props.controlProps,
+      scrollBoxProps = props.scrollBoxProps; // We use falsy booleans as defaults, but React Aria has this as true by default so we need to
+  // negate this.
+
+  var shouldFlip = !isNotFlippable;
+
+  var selectProps = _objectSpread({
+    children: children,
+    defaultSelectedKey: defaultSelectedKey,
+    defaultText: defaultText,
+    disabledKeys: disabledKeys,
+    isDisabled: isDisabled,
+    isLoading: isLoading,
+    isOpen: isOpen,
+    isReadOnly: isReadOnly,
+    isRequired: isRequired,
+    items: items,
+    label: label,
+    name: name,
+    placeholder: placeholder,
+    selectedKey: selectedKey,
+    onLoadMore: onLoadMore,
+    onOpenChange: onOpenChange,
+    onSelectionChange: onSelectionChange,
+    defaultOpen: defaultOpen,
+    // must match React Aria API
+    disallowEmptySelection: disallowEmptySelection,
+    // must match React Aria API
+    shouldFlip: shouldFlip
+  }, controlProps); // Create state based on the incoming props
+
+
+  var state = useSelectState(selectProps);
+  var popoverRef = useRef();
+  var triggerRef = useRef();
+  var listBoxRef = useRef();
+  /* istanbul ignore next */
+
+  useImperativeHandle(ref, function () {
+    return triggerRef.current;
+  });
+  useDeprecationWarning('The "defaultText" prop for `SelectField` will be deprecated in Astro-UI 1.0.0, use the "placeholder" prop instead.', {
+    isActive: !!defaultText
+  }); // Get props for child elements from useSelect
+
+  var _useSelect = useSelect(selectProps, state, triggerRef),
+      labelProps = _useSelect.labelProps,
+      triggerProps = _useSelect.triggerProps,
+      valueProps = _useSelect.valueProps,
+      menuProps = _useSelect.menuProps;
+
+  var _useField = useField(_objectSpread(_objectSpread({}, props), {}, {
+    labelProps: _objectSpread(_objectSpread({}, props.labelProps), labelProps),
+    containerProps: _objectSpread({
+      isFloatLabelActive: state.selectedItem
+    }, props.containerProps)
+  })),
+      fieldContainerProps = _useField.fieldContainerProps,
+      fieldControlProps = _useField.fieldControlProps,
+      fieldLabelProps = _useField.fieldLabelProps;
+
+  var _useOverlayPosition = useOverlayPosition({
+    targetRef: triggerRef,
+    overlayRef: popoverRef,
+    scrollRef: listBoxRef,
+    placement: _concatInstanceProperty(_context = "".concat(direction, " ")).call(_context, align),
+    shouldFlip: !isNotFlippable,
+    isOpen: state.isOpen,
+    onClose: state.close
+  }),
+      overlayProps = _useOverlayPosition.overlayProps,
+      placement = _useOverlayPosition.placement,
+      updatePosition = _useOverlayPosition.updatePosition; // Update position once the ListBox has rendered. This ensures that
+  // it flips properly when it doesn't fit in the available space.
+
+  /* istanbul ignore next */
+
+
+  useLayoutEffect(function () {
+    if (state.isOpen) {
+      requestAnimationFrame(function () {
+        updatePosition();
+      });
+    }
+  }, [state.isOpen, updatePosition]); // Measure the width of the input to inform the width of the listbox (below).
+
+  var _useState = useState(null),
+      _useState2 = _slicedToArray(_useState, 2),
+      buttonWidth = _useState2[0],
+      setButtonWidth = _useState2[1];
+
+  var onResize = useCallback(function () {
+    /* istanbul ignore next */
+    if (triggerRef.current) {
+      setButtonWidth(triggerRef.current.offsetWidth);
+    }
+  }, [triggerRef, setButtonWidth, state.isOpen]);
+  useResizeObserver({
+    ref: triggerRef,
+    onResize: onResize
+  });
+  useLayoutEffect(onResize, [onResize]);
+
+  var style = _objectSpread(_objectSpread({}, overlayProps.style), {}, {
+    width: buttonWidth,
+    minWidth: buttonWidth
+  }, listboxStyle);
+
+  var columnStyleProps = useColumnStyles({
+    labelMode: props.labelMode
+  });
+  var isLoadingInitial = props.isLoading && state.collection.size === 0;
+  var isLoadingMore = props.isLoading && state.collection.size > 0; // Wrap in <FocusScope> so that focus is restored back to the
+  // trigger when the popup is closed. In addition, add hidden
+  // <DismissButton> components at the start and end of the list
+  // to allow screen reader users to dismiss the popup easily.
+
+  var listbox = ___EmotionJSX(FocusScope, {
+    restoreFocus: true
+  }, ___EmotionJSX(DismissButton, {
+    onDismiss: function onDismiss() {
+      return state.close();
+    }
+  }), ___EmotionJSX(ListBox, _extends({
+    ref: listBoxRef,
+    hasNoEmptySelection: true,
+    hasAutoFocus: state.focusStrategy || true,
+    state: state,
+    variant: "listBox.selectField",
+    isLoading: isLoadingMore,
+    onLoadMore: onLoadMore
+  }, menuProps)), ___EmotionJSX(DismissButton, {
+    onDismiss: function onDismiss() {
+      return state.close();
+    }
+  }));
+
+  var overlay = ___EmotionJSX(PopoverContainer, {
+    isOpen: state.isOpen,
+    ref: popoverRef,
+    placement: placement,
+    hasNoArrow: true,
+    onClose: state.close,
+    style: style,
+    isNonModal: true,
+    isDismissable: true
+  }, ___EmotionJSX(ScrollBox, scrollBoxProps, listbox));
+
+  return {
+    columnStyleProps: columnStyleProps,
+    fieldContainerProps: fieldContainerProps,
+    fieldControlProps: fieldControlProps,
+    fieldLabelProps: fieldLabelProps,
+    isLoadingInitial: isLoadingInitial,
+    listBoxRef: listBoxRef,
+    overlay: overlay,
+    popoverRef: popoverRef,
+    state: state,
+    triggerProps: triggerProps,
+    triggerRef: triggerRef,
+    valueProps: valueProps
+  };
+};
+
+export default useSelectField;

package/lib/hooks/useStatusClasses/index.js

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

package/lib/hooks/useStatusClasses/useStatusClasses.js

@@ -0,0 +1,25 @@
+import classnames from 'classnames';
+import mapKeys from 'lodash/mapKeys';
+import kebabCase from 'lodash/kebabCase';
+/**
+ * Converts status information into classes which can be supplied to the rendered component's
+ * `className` prop.
+ * @param {string} [defaultClass] An optional default class that will be added
+ * @param {{}} [statuses] A mapping of conditional statuses and the current value of each one
+ * @returns {string} A string of classes based on the input. Status keys will be converted to
+ * kebab-case.
+ * e.g. useStatusClasses('thing', { isDisabled: true }) => "thing is-disabled"
+ */
+
+var useStatusClasses = function useStatusClasses(defaultClass) {
+  var statuses = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var kebabStatuses = mapKeys(statuses, function (_v, k) {
+    return kebabCase(k);
+  });
+  var classNames = classnames(defaultClass, kebabStatuses);
+  return {
+    classNames: classNames
+  };
+};
+
+export default useStatusClasses;

package/lib/hooks/useStatusClasses/useStatusClasses.test.js

@@ -0,0 +1,50 @@
+import { renderHook } from '@testing-library/react-hooks';
+import useStatusClasses from './useStatusClasses';
+test('should return empty', function () {
+  var _renderHook = renderHook(function () {
+    return useStatusClasses();
+  }),
+      result = _renderHook.result;
+
+  var classNames = result.current.classNames;
+  expect(classNames).toBe('');
+});
+test('should return default', function () {
+  var _renderHook2 = renderHook(function () {
+    return useStatusClasses('default');
+  }),
+      result = _renderHook2.result;
+
+  var classNames = result.current.classNames;
+  expect(classNames).toBe('default');
+});
+test('should return statuses without default', function () {
+  var statuses = {
+    isDisabled: true,
+    isBlah: false,
+    isFocused: true
+  };
+
+  var _renderHook3 = renderHook(function () {
+    return useStatusClasses(null, statuses);
+  }),
+      result = _renderHook3.result;
+
+  var classNames = result.current.classNames;
+  expect(classNames).toBe('is-disabled is-focused');
+});
+test('should return statuses with default', function () {
+  var statuses = {
+    isDisabled: true,
+    isBlah: false,
+    isFocused: true
+  };
+
+  var _renderHook4 = renderHook(function () {
+    return useStatusClasses('default', statuses);
+  }),
+      result = _renderHook4.result;
+
+  var classNames = result.current.classNames;
+  expect(classNames).toBe('default is-disabled is-focused');
+});

package/lib/index.js

@@ -0,0 +1,140 @@
+// NOTE: Named exports must be unique across files, otherwise collisions will occur.
+
+/* eslint-disable import/export */
+export { default as AstroWrapper } from './components/AstroWrapper';
+export * from './components/AstroWrapper';
+export { default as AccordionGroup } from './components/AccordionGroup';
+export * from './components/AccordionGroup';
+export { default as AccordionGridGroup } from './components/AccordionGridGroup';
+export * from './components/AccordionGridGroup';
+export { default as AccordionItem } from './components/AccordionItem';
+export * from './components/AccordionItem';
+export { default as AccordionGridItem } from './components/AccordionGridItem';
+export * from './components/AccordionGridItem';
+export { default as Avatar } from './components/Avatar';
+export * from './components/Avatar';
+export { default as Box } from './components/Box';
+export * from './components/Box';
+export { default as Breadcrumbs } from './components/Breadcrumbs';
+export * from './components/Breadcrumbs';
+export { default as Button } from './components/Button';
+export * from './components/Button';
+export { default as Card } from './components/Card';
+export * from './components/Card';
+export { default as Checkbox } from './components/Checkbox';
+export * from './components/Checkbox';
+export { default as CheckboxField } from './components/CheckboxField';
+export * from './components/CheckboxField';
+export { default as Chip } from './components/Chip';
+export * from './components/Chip';
+export { default as CodeView } from './components/CodeView';
+export { default as ComboBoxField } from './components/ComboBoxField';
+export { default as CopyText } from './components/CopyText';
+export { default as ColorField } from './components/ColorField';
+export { default as FieldHelperText } from './components/FieldHelperText';
+export * from './components/FieldHelperText';
+export { default as FileInputField } from './components/FileInputField';
+export { default as HelpHint } from './components/HelpHint';
+export * from './components/HelpHint';
+export { default as Icon } from './components/Icon';
+export * from './components/Icon';
+export { default as IconButton } from './components/IconButton';
+export * from './components/IconButton';
+export { default as Image } from './components/Image';
+export * from './components/Image';
+export { default as ImageUploadField } from './components/ImageUploadField';
+export * from './components/ImageUploadField';
+export { default as Input } from './components/Input';
+export * from './components/Input';
+export { default as NumberField } from './components/NumberField';
+export * from './components/NumberField';
+export { default as Label } from './components/Label';
+export * from './components/Label';
+export { default as Link } from './components/Link';
+export * from './components/Link';
+export { default as LinkSelectField } from './components/LinkSelectField';
+export * from './components/LinkSelectField';
+export { default as List } from './components/List';
+export * from './components/List';
+export { default as ListItem } from './components/ListItem';
+export * from './components/ListItem';
+export { default as ListView } from './components/ListView';
+export * from './components/ListView';
+export { default as ListViewItem } from './components/ListViewItem';
+export * from './components/ListViewItem';
+export { default as Loader } from './components/Loader';
+export * from './components/Loader';
+export { default as Menu } from './components/Menu';
+export { default as Messages } from './components/Messages';
+export * from './components/Messages';
+export { default as Modal } from './components/Modal';
+export * from './components/Modal';
+export { default as NavBar } from './components/NavBar';
+export * from './components/NavBar';
+export { default as NavBarSection } from './components/NavBarSection';
+export * from './components/NavBarSection';
+export { default as MultivaluesField } from './components/MultivaluesField';
+export { default as OverlayPanel } from './components/OverlayPanel';
+export * from './components/OverlayPanel';
+export { default as PageHeader } from './components/PageHeader';
+export * from './components/PageHeader';
+export { default as PasswordField } from './components/PasswordField';
+export * from './components/PasswordField';
+export { default as PopoverContainer } from './components/PopoverContainer';
+export * from './components/PopoverContainer';
+export { default as PopoverMenu } from './components/PopoverMenu';
+export { default as Radio } from './components/Radio';
+export * from './components/Radio';
+export { default as RadioField } from './components/RadioField';
+export * from './components/RadioField';
+export { default as RadioGroupField } from './components/RadioGroupField';
+export * from './components/RadioGroupField';
+export { default as RequirementsList } from './components/RequirementsList';
+export * from './components/RequirementsList';
+export { default as RockerButton } from './components/RockerButton';
+export * from './components/RockerButton';
+export { default as RockerButtonGroup } from './components/RockerButtonGroup';
+export * from './components/RockerButtonGroup';
+export { default as ScrollBox } from './components/ScrollBox';
+export * from './components/ScrollBox';
+export { default as SearchField } from './components/SearchField';
+export * from './components/SearchField';
+export { default as SelectField } from './components/SelectField';
+export * from './components/SelectField';
+export { default as Separator } from './components/Separator';
+export * from './components/Separator';
+export { default as Stepper } from './components/Stepper';
+export * from './components/Stepper';
+export { default as Switch } from './components/Switch';
+export * from './components/Switch';
+export { default as SwitchField } from './components/SwitchField';
+export * from './components/SwitchField';
+export { default as Tab } from './components/Tab';
+export * from './components/Tab';
+export { default as Table } from './components/Table';
+export * from './components/Table';
+export { default as TableBody } from './components/TableBody';
+export * from './components/TableBody';
+export { default as TableCell } from './components/TableCell';
+export * from './components/TableCell';
+export { default as TableHead } from './components/TableHead';
+export * from './components/TableHead';
+export { default as TableRow } from './components/TableRow';
+export * from './components/TableRow';
+export { default as Tabs } from './components/Tabs';
+export * from './components/Tabs';
+export { default as Text } from './components/Text';
+export * from './components/Text';
+export { default as TextField } from './components/TextField';
+export * from './components/TextField';
+export { default as TextArea } from './components/TextArea';
+export * from './components/TextArea';
+export { default as TextAreaField } from './components/TextAreaField';
+export * from './components/TextAreaField';
+export { default as TooltipTrigger } from './components/TooltipTrigger';
+export * from './components/TooltipTrigger';
+/* eslint-enable import/export */
+
+export { Item, Section } from '@react-stately/collections';
+export { OverlayProvider, useOverlayPosition, useOverlayTrigger } from '@react-aria/overlays';
+export { useOverlayTriggerState } from '@react-stately/overlays';