@pingux/astro 1.17.0-alpha.0 → 1.17.0-alpha.3

package/lib/components/Label/Label.js

@@ -1,87 +0,0 @@
-import _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values";
-import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
-import _styled from "@emotion/styled/base";
-var _excluded = ["children", "className", "isDisabled", "isRequired", "mode", "requiredIndicator", "hintText", "helpHintProps"];
-import { flexbox, layout } from 'styled-system';
-import React, { forwardRef } from 'react';
-import PropTypes from 'prop-types';
-import { Label as ThemeUILabel } from 'theme-ui';
-import { usePropWarning, useStatusClasses } from '../../hooks';
-import { modes } from './constants';
-import Box from '../Box';
-import HelpHint from '../HelpHint';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-
-var ExtendedLabel = /*#__PURE__*/_styled(ThemeUILabel, process.env.NODE_ENV === "production" ? {
-  target: "e172msu10"
-} : {
-  target: "e172msu10",
-  label: "ExtendedLabel"
-})(layout, flexbox, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xhYmVsL0xhYmVsLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVzQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9MYWJlbC9MYWJlbC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGZsZXhib3gsIGxheW91dCB9IGZyb20gJ3N0eWxlZC1zeXN0ZW0nO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgTGFiZWwgYXMgVGhlbWVVSUxhYmVsIH0gZnJvbSAndGhlbWUtdWknO1xuaW1wb3J0IHsgdXNlUHJvcFdhcm5pbmcsIHVzZVN0YXR1c0NsYXNzZXMgfSBmcm9tICcuLi8uLi9ob29rcyc7XG5pbXBvcnQgeyBtb2RlcyB9IGZyb20gJy4vY29uc3RhbnRzJztcbmltcG9ydCBCb3ggZnJvbSAnLi4vQm94JztcbmltcG9ydCBIZWxwSGludCBmcm9tICcuLi9IZWxwSGludCc7XG5cbmNvbnN0IEV4dGVuZGVkTGFiZWwgPSBzdHlsZWQoVGhlbWVVSUxhYmVsKShsYXlvdXQsIGZsZXhib3gpO1xuXG5jb25zdCBkZWZhdWx0SW5kaWNhdG9yID0gKFxuICA8Qm94IHZhcmlhbnQ9XCJmb3Jtcy5sYWJlbC5pbmRpY2F0b3JcIj5cbiAgICAqXG4gIDwvQm94PlxuKTtcblxuLyoqXG4gKiBCYXNlIGxhYmVsIGZvciBhbiBpbnB1dC5cbiAqXG4gKiBBY2NlcHRzIG1vc3Qgb2YgdGhlIHN0eWxpbmcgcHJvcHMgZnJvbSBbc3R5bGVkLXN5c3RlbV0oaHR0cHM6Ly9zdHlsZWQtc3lzdGVtLmNvbS90YWJsZSkuXG4gKiBCdWlsdCBvbiB0b3Agb2YgdGhlIFtMYWJlbCBmcm9tIFRoZW1lLVVJXShodHRwczovL3RoZW1lLXVpLmNvbS9jb21wb25lbnRzL2xhYmVsKS5cbiAqXG4gKiAqKk5PVEUqKjogU3BlY2lhbGl6ZWQgZmllbGQgY29tcG9uZW50cyBjb250YWluIGJ1aWx0LWluIHN1cHBvcnQgZm9yIGxhYmVscy4gSXQnc1xuICogcmVjb21tZW5kZWQgdG8gdXNlIHRob3NlIGluc3RlYWQgb2YgYSBzdGFuZGFsb25lIGBMYWJlbGAuXG4gKi9cblxuY29uc3QgTGFiZWwgPSBmb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBjaGlsZHJlbixcbiAgICBjbGFzc05hbWUsXG4gICAgaXNEaXNhYmxlZCxcbiAgICBpc1JlcXVpcmVkLFxuICAgIG1vZGUsXG4gICAgcmVxdWlyZWRJbmRpY2F0b3IsXG4gICAgaGludFRleHQsXG4gICAgaGVscEhpbnRQcm9wcyxcbiAgICAuLi5vdGhlcnNcbiAgfSA9IHByb3BzO1xuXG4gIHVzZVByb3BXYXJuaW5nKHByb3BzLCAnZGlzYWJsZWQnLCAnaXNEaXNhYmxlZCcpO1xuXG4gIGNvbnN0IHsgY2xhc3NOYW1lcyB9ID0gdXNlU3RhdHVzQ2xhc3NlcyhjbGFzc05hbWUsIHtcbiAgICBpc0Rpc2FibGVkLFxuICAgIGlzUmVxdWlyZWQsXG4gICAgaXNGbG9hdExhYmVsOiBtb2RlID09PSBtb2Rlcy5GTE9BVCxcbiAgICBpc0xlZnRMYWJlbDogbW9kZSA9PT0gbW9kZXMuTEVGVCxcbiAgfSk7XG5cbiAgcmV0dXJuIChcbiAgICA8RXh0ZW5kZWRMYWJlbFxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBkaXNwbGF5PVwiZmxleFwiXG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXN9XG4gICAgICB7Li4ub3RoZXJzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIHtcbiAgICAgICAgaXNSZXF1aXJlZFxuICAgICAgICAmJiAocmVxdWlyZWRJbmRpY2F0b3IgfHwgZGVmYXVsdEluZGljYXRvcilcbiAgICAgIH1cbiAgICAgIHtcbiAgICAgICAgaGludFRleHRcbiAgICAgICAgJiYgPEhlbHBIaW50IHsuLi5oZWxwSGludFByb3BzfT57aGludFRleHR9PC9IZWxwSGludD5cbiAgICAgIH1cbiAgICA8L0V4dGVuZGVkTGFiZWw+XG4gICk7XG59KTtcblxuTGFiZWwucHJvcFR5cGVzID0ge1xuICAvKiogV2hldGhlciB0aGUgbGFiZWwgaGFzIGRpc2FibGVkIHN0eWxpbmcgYXBwbGllZC4gKi9cbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIC8qKiBXaGV0aGVyIHRoZSBsYWJlbCBoYXMgcmVxdWlyZWQgaW5kaWNhdG9yIHN0eWxpbmcgYXBwbGllZC4gKi9cbiAgaXNSZXF1aXJlZDogUHJvcFR5cGVzLmJvb2wsXG4gIC8qKiBEZXRlcm1pbmVzIHRoZSBiZWhhdmlvciBwYXR0ZXJuIGZvciB0aGUgbGFiZWwuICovXG4gIG1vZGU6IFByb3BUeXBlcy5vbmVPZihPYmplY3QudmFsdWVzKG1vZGVzKSksXG4gIC8qKiBUaGUgdmlzdWFsIGNvbXBvbmVudCB1c2VkIHRvIG1hcmsgYW4gaW5wdXQgYXMgcmVxdWlyZWQgd2l0aGluIHRoZSBsYWJlbC4gKi9cbiAgcmVxdWlyZWRJbmRpY2F0b3I6IFByb3BUeXBlcy5ub2RlLFxuICAvKiogSWYgcHJlc2VudCB0aGlzIHByb3Agd2lsbCBjYXVzZSBhIGhlbHAgaGludCB0byByZW5kZXIgaW4gdGhlIGxhYmVsLiAqL1xuICBoaW50VGV4dDogUHJvcFR5cGVzLnN0cmluZyxcbiAgLyoqIFByb3BzIG9iamVjdCB0aGF0IGlzIHNwcmVhZCBkaXJlY3RseSBpbnRvIHRoZSBoZWxwaGludCBlbGVtZW50LiAqL1xuICBoZWxwSGludFByb3BzOiBQcm9wVHlwZXMuc2hhcGUoe30pLFxufTtcblxuTGFiZWwuZGVmYXVsdFByb3BzID0ge1xuICBtb2RlOiBtb2Rlcy5ERUZBVUxULFxufTtcblxuTGFiZWwuZGlzcGxheU5hbWUgPSAnTGFiZWwnO1xuZXhwb3J0IGRlZmF1bHQgTGFiZWw7XG4iXX0= */");
-
-var defaultIndicator = ___EmotionJSX(Box, {
-  variant: "forms.label.indicator"
-}, "*");
-/**
- * Base label for an input.
- *
- * Accepts most of the styling props from [styled-system](https://styled-system.com/table).
- * Built on top of the [Label from Theme-UI](https://theme-ui.com/components/label).
- *
- * **NOTE**: Specialized field components contain built-in support for labels. It's
- * recommended to use those instead of a standalone `Label`.
- */
-
-
-var Label = /*#__PURE__*/forwardRef(function (props, ref) {
-  var children = props.children,
-      className = props.className,
-      isDisabled = props.isDisabled,
-      isRequired = props.isRequired,
-      mode = props.mode,
-      requiredIndicator = props.requiredIndicator,
-      hintText = props.hintText,
-      helpHintProps = props.helpHintProps,
-      others = _objectWithoutProperties(props, _excluded);
-
-  usePropWarning(props, 'disabled', 'isDisabled');
-
-  var _useStatusClasses = useStatusClasses(className, {
-    isDisabled: isDisabled,
-    isRequired: isRequired,
-    isFloatLabel: mode === modes.FLOAT,
-    isLeftLabel: mode === modes.LEFT
-  }),
-      classNames = _useStatusClasses.classNames;
-
-  return ___EmotionJSX(ExtendedLabel, _extends({
-    ref: ref,
-    display: "flex",
-    className: classNames
-  }, others), children, isRequired && (requiredIndicator || defaultIndicator), hintText && ___EmotionJSX(HelpHint, helpHintProps, hintText));
-});
-Label.propTypes = {
-  /** Whether the label has disabled styling applied. */
-  isDisabled: PropTypes.bool,
-
-  /** Whether the label has required indicator styling applied. */
-  isRequired: PropTypes.bool,
-
-  /** Determines the behavior pattern for the label. */
-  mode: PropTypes.oneOf(_Object$values(modes)),
-
-  /** The visual component used to mark an input as required within the label. */
-  requiredIndicator: PropTypes.node,
-
-  /** If present this prop will cause a help hint to render in the label. */
-  hintText: PropTypes.string,
-
-  /** Props object that is spread directly into the helphint element. */
-  helpHintProps: PropTypes.shape({})
-};
-Label.defaultProps = {
-  mode: modes.DEFAULT
-};
-Label.displayName = 'Label';
-export default Label;

package/lib/components/Label/Label.stories.js

@@ -1,36 +0,0 @@
-import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
-import React from 'react';
-import Label from '.';
-import { modes } from './constants';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-export default {
-  title: 'Form/Base Components/Label',
-  component: Label,
-  argTypes: {
-    mode: {
-      control: {
-        type: 'select',
-        options: modes
-      },
-      defaultValue: modes.DEFAULT
-    },
-    isDisabled: {},
-    isRequired: {},
-    requiredIndicator: {
-      control: 'none'
-    }
-  }
-};
-export var Default = function Default(args) {
-  return ___EmotionJSX(Label, args, "This is a label");
-};
-export var Float = function Float() {
-  return ___EmotionJSX(Label, {
-    mode: "float"
-  }, "This is a float label");
-};
-export var WithHelpHint = function WithHelpHint(args) {
-  return ___EmotionJSX(Label, _extends({
-    hintText: "Example Hint"
-  }, args), "This is a label");
-};

package/lib/components/Label/Label.test.js

@@ -1,68 +0,0 @@
-import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
-import React from 'react';
-import { fireEvent, render, screen } from '@testing-library/react';
-import Label from '.';
-import Input from '../Input';
-import axeTest from '../../utils/testUtils/testAxe';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-var testId = 'test-label';
-var defaultProps = {
-  'data-testid': testId
-};
-
-var getComponent = function getComponent() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return render(___EmotionJSX(Label, _extends({}, defaultProps, props)));
-}; // Need to be added to each test file to test accessibility using axe.
-
-
-axeTest(getComponent);
-test('default label', function () {
-  getComponent();
-  var label = screen.getByTestId(testId);
-  expect(label).toBeInstanceOf(HTMLLabelElement);
-  expect(label).toBeInTheDocument();
-});
-test('required label', function () {
-  getComponent({
-    isRequired: true
-  });
-  var label = screen.getByTestId(testId);
-  expect(label).toHaveTextContent('*');
-});
-test('required label with custom indicator', function () {
-  var requiredIndicator = '>Required<';
-  getComponent({
-    isRequired: true,
-    requiredIndicator: requiredIndicator
-  });
-  var label = screen.getByTestId(testId);
-  expect(label).not.toHaveTextContent('*');
-  expect(label).toHaveTextContent(requiredIndicator);
-});
-test('label with an input', function () {
-  var labelText = 'This is a label';
-  var inputId = 'blah';
-
-  var children = ___EmotionJSX(React.Fragment, null, labelText, ___EmotionJSX(Input, {
-    id: inputId
-  }));
-
-  getComponent({
-    children: children,
-    htmlFor: inputId
-  });
-  var label = screen.getByLabelText(labelText);
-  expect(label).toBeInTheDocument();
-});
-test('label with helpHint', function () {
-  var hintText = 'Hint Text';
-  getComponent({
-    hintText: hintText
-  });
-  var button = screen.getByRole('button');
-  expect(button).toBeInTheDocument();
-  fireEvent.mouseMove(button);
-  fireEvent.mouseEnter(button);
-  expect(screen.getByText(hintText)).toBeInTheDocument();
-});

package/lib/components/Label/constants.js

@@ -1,5 +0,0 @@
-export var modes = {
-  DEFAULT: 'default',
-  FLOAT: 'float',
-  LEFT: 'left'
-};

package/lib/components/Label/index.js

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

package/lib/components/Link/Link.js

@@ -1,89 +0,0 @@
-import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
-var _excluded = ["className", "isDisabled", "onPress"];
-import React, { forwardRef, useRef, useImperativeHandle } from 'react';
-import PropTypes from 'prop-types';
-import { Link as ThemeUILink } from 'theme-ui';
-import { useLink } from '@react-aria/link';
-import { useFocusRing } from '@react-aria/focus';
-import { useHover, usePress } from '@react-aria/interactions';
-import { mergeProps } from '@react-aria/utils';
-import { usePropWarning, useStatusClasses } from '../../hooks';
-/**
- * Link uses the [Link - Theme-UI](https://theme-ui.com/components/link) component and
- * React Aria's [useLink](https://react-spectrum.adobe.com/react-aria/useLink.html) hook.
- *
- */
-
-import { jsx as ___EmotionJSX } from "@emotion/react";
-var Link = /*#__PURE__*/forwardRef(function (props, ref) {
-  var className = props.className,
-      isDisabled = props.isDisabled,
-      onPress = props.onPress,
-      others = _objectWithoutProperties(props, _excluded);
-
-  var linkRef = useRef();
-  usePropWarning(props, 'disabled', 'isDisabled');
-  /* istanbul ignore next */
-
-  useImperativeHandle(ref, function () {
-    return linkRef.current;
-  });
-
-  var _useFocusRing = useFocusRing(),
-      isFocusVisible = _useFocusRing.isFocusVisible,
-      focusProps = _useFocusRing.focusProps;
-
-  var _useLink = useLink(props, linkRef),
-      linkProps = _useLink.linkProps;
-
-  var _useHover = useHover(props),
-      hoverProps = _useHover.hoverProps,
-      isHovered = _useHover.isHovered;
-
-  var _usePress = usePress({
-    ref: linkRef
-  }),
-      pressProps = _usePress.pressProps,
-      isPressed = _usePress.isPressed;
-
-  var _useStatusClasses = useStatusClasses(className, {
-    isDisabled: isDisabled,
-    isFocused: isFocusVisible,
-    isHovered: isHovered,
-    isPressed: isPressed
-  }),
-      classNames = _useStatusClasses.classNames;
-
-  return ___EmotionJSX(ThemeUILink, _extends({
-    className: classNames,
-    ref: linkRef,
-    role: "link"
-  }, others, mergeProps(hoverProps, pressProps, linkProps, focusProps)));
-});
-Link.propTypes = {
-  /** Whether the link is disabled. */
-  isDisabled: PropTypes.bool,
-
-  /**  The HTML element used to render the link, e.g. 'a', or 'span'. */
-  as: PropTypes.string,
-
-  /**  Handler that is called when the press is released over the target. */
-  onPress: PropTypes.func,
-
-  /**  Specifies the location of the URL */
-  href: PropTypes.string,
-
-  /**  Specifies the window where the linked page is loaded */
-  target: PropTypes.string,
-
-  /** The styling variation of the link. */
-  variant: PropTypes.string
-};
-Link.defaultProps = {
-  isDisabled: false,
-  as: 'a',
-  variant: 'app'
-};
-Link.displayName = 'Link';
-export default Link;

package/lib/components/Link/Link.stories.js

@@ -1,44 +0,0 @@
-import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import React from 'react';
-import Link from '.';
-import { htmlElements } from '../../utils/devUtils/constants/htmlElements';
-import variants from '../../styles/variants/links';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-export default {
-  title: 'Link',
-  component: Link,
-  argTypes: {
-    href: {
-      control: {
-        type: 'text'
-      },
-      defaultValue: 'https://uilibrary.ping-eng.com/'
-    },
-    isDisabled: {},
-    as: {
-      control: {
-        type: 'none',
-        options: htmlElements
-      },
-      defaultValue: 'a'
-    },
-    target: {
-      control: {
-        type: 'none'
-      },
-      defaultValue: '_blank'
-    },
-    variant: {
-      control: {
-        type: 'select',
-        options: _Object$keys(variants)
-      }
-    }
-  }
-};
-export var Default = function Default(_ref) {
-  var args = _extends({}, _ref);
-
-  return ___EmotionJSX("div", null, ___EmotionJSX(Link, args, "A link"), " to your favorite website.");
-};

package/lib/components/Link/Link.test.js

@@ -1,55 +0,0 @@
-import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
-import React from 'react';
-import userEvent from '@testing-library/user-event';
-import axeTest from '../../utils/testUtils/testAxe';
-import { render, screen } from '../../utils/testUtils/testWrapper';
-import Link from '.';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-var testId = 'test-link';
-var defaultProps = {
-  'data-testid': testId,
-  children: 'This is a link'
-};
-
-var getComponent = function getComponent() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return render(___EmotionJSX(Link, _extends({}, defaultProps, props)));
-}; // Need to be added to each test file to test accessibility using axe.
-
-
-axeTest(getComponent);
-test('a link is rendered', function () {
-  getComponent();
-  var link = screen.getByTestId(testId);
-  expect(link).toBeInstanceOf(HTMLAnchorElement);
-  expect(link).toBeInTheDocument();
-});
-test('link shows hover status', function () {
-  // Needs href to have a tabindex
-  getComponent();
-  var link = screen.getByTestId(testId);
-  expect(link).not.toHaveClass('is-hovered');
-  userEvent.hover(link);
-  expect(link).toHaveClass('is-hovered');
-  userEvent.unhover(link);
-});
-test('link shows focus status', function () {
-  // Needs href to have a tabindex
-  getComponent({
-    href: 'blah'
-  });
-  var link = screen.getByTestId(testId);
-  expect(link).not.toHaveFocus();
-  userEvent.tab();
-  expect(link).toHaveFocus();
-  expect(link).toHaveClass('is-focused');
-});
-test('link shows disabled status', function () {
-  // Needs href to have a tabindex
-  getComponent({
-    href: 'blah',
-    isDisabled: true
-  });
-  var link = screen.getByTestId(testId);
-  expect(link).toHaveClass('is-disabled');
-});

package/lib/components/Link/index.js

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

package/lib/components/LinkSelectField/LinkSelectField.js

@@ -1,191 +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 _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
-
-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 } from 'react';
-import PropTypes from 'prop-types';
-import MenuDown from 'mdi-react/MenuDownIcon';
-import { usePropWarning, useSelectField } from '../../hooks';
-import statuses from '../../utils/devUtils/constants/statuses';
-import Box from '../Box';
-import Button from '../Button';
-import Icon from '../Icon';
-import Loader from '../Loader';
-import SelectFieldBase from '../SelectFieldBase';
-import Text from '../Text';
-/**
- * Select field (dropdown) that does not rely on native browser or mobile implementations.
- *
- * Utilizes [useSelect](https://react-spectrum.adobe.com/react-aria/useSelect.html) from React Aria
- * and [useSelectState](https://react-spectrum.adobe.com/react-stately/useSelectState.html) from
- * React Stately.
- */
-
-import { jsx as ___EmotionJSX } from "@emotion/react";
-var LinkSelectField = /*#__PURE__*/forwardRef(function (props, ref) {
-  var placeholder = props.placeholder,
-      status = props.status;
-  usePropWarning(props, 'disabled', 'isDisabled');
-
-  var _useSelectField = useSelectField(_objectSpread(_objectSpread({
-    listboxStyle: {
-      width: '10em'
-    }
-  }, props), {}, {
-    // Need this for not applying is-default class
-    status: status === statuses.DEFAULT ? null : status
-  }), ref),
-      selectFieldProps = _extends({}, _useSelectField);
-
-  var fieldControlProps = selectFieldProps.fieldControlProps,
-      isLoadingInitial = selectFieldProps.isLoadingInitial,
-      state = selectFieldProps.state,
-      triggerProps = selectFieldProps.triggerProps,
-      triggerRef = selectFieldProps.triggerRef;
-
-  var trigger = ___EmotionJSX(Button, _extends({
-    ref: triggerRef,
-    variant: "link",
-    className: fieldControlProps.className
-  }, triggerProps), ___EmotionJSX(Text, {
-    variant: "label",
-    color: "active"
-  }, placeholder), ___EmotionJSX(Box, {
-    isRow: true
-  }, isLoadingInitial && ___EmotionJSX(Loader, {
-    variant: "loader.withinInput"
-  }), ___EmotionJSX(Box, {
-    as: "span",
-    "aria-hidden": "true",
-    variant: "forms.select.arrow"
-  }, ___EmotionJSX(Icon, {
-    icon: MenuDown,
-    sx: state.isOpen ? {
-      transform: 'rotate(180deg)'
-    } : null
-  }))));
-
-  return ___EmotionJSX(SelectFieldBase, _extends({}, props, selectFieldProps, {
-    trigger: trigger
-  }));
-});
-LinkSelectField.propTypes = {
-  /** Alignment of the popover menu relative to the trigger. */
-  align: PropTypes.oneOf(['start', 'end', 'middle']),
-
-  /** Where the popover menu opens relative to its trigger. */
-  direction: PropTypes.oneOf(['top', 'right', 'bottom', 'left']),
-
-  /** The initial selected key in the collection (uncontrolled). */
-  defaultSelectedKey: PropTypes.string,
-
-  /** Array of keys to disable within the options list. */
-  disabledKeys: PropTypes.arrayOf(PropTypes.string),
-
-  /** Whether the collection allows empty selection. */
-  hasNoEmptySelection: PropTypes.bool,
-
-  /** Whether the field has a status indicator. */
-  hasNoStatusIndicator: 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,
-
-  /** Sets the default open state of the menu. */
-  isDefaultOpen: PropTypes.bool,
-
-  /** Whether the input is disabled. */
-  isDisabled: PropTypes.bool,
-
-  /** Whether the items are currently loading. */
-  isLoading: PropTypes.bool,
-
-  /** @ignore Whether the menu should automatically flip direction when space is limited. */
-  isNotFlippable: PropTypes.bool,
-
-  /** Sets the open state of the menu. */
-  isOpen: PropTypes.bool,
-
-  /** @ignore Whether the input can be selected but not changed by the user. */
-  isReadOnly: PropTypes.bool,
-
-  /** Whether user input is required on the input before form submission. */
-  isRequired: PropTypes.bool,
-
-  /**
-   * *For performance reasons, use this prop instead of Array.map when iteratively rendering Items*.
-   * For use with [dynamic collections](https://react-spectrum.adobe.com/react-stately/collections.html#dynamic-collections).
-   */
-  items: PropTypes.arrayOf(PropTypes.any),
-
-  /** The label for the select element. */
-  label: PropTypes.node,
-
-  /** The name for the select element, used when submitting a form. */
-  name: PropTypes.string,
-
-  /** Temporary text that occupies the text input when it is empty. */
-  placeholder: PropTypes.string,
-
-  /** The currently selected key in the collection (controlled). */
-  selectedKey: PropTypes.string,
-
-  /** Determines the type of label applied to the component. */
-  status: PropTypes.oneOf(_Object$values(statuses)),
-
-  /**
-   * Handler that is called when more items should be loaded, e.g. while scrolling near the bottom.
-   *
-   * () => any
-   */
-  onLoadMore: PropTypes.func,
-
-  /**
-   * Method that is called when the open state of the menu changes.
-   *
-   * (isOpen: boolean) => void
-   */
-  onOpenChange: PropTypes.func,
-
-  /**
-   * Handler that is called when the selection changes.
-   *
-   * (key: Key) => any
-   */
-  onSelectionChange: PropTypes.func,
-
-  /**
-   * Props object passed along to `useSelect` from React Aria, `useSelectState` from React Stately,
-   * and/or the visible button representation for the select input.
-   */
-  controlProps: PropTypes.shape({}),
-
-  /** Props object passed along to the root container as-is. */
-  containerProps: PropTypes.shape({}),
-
-  /** Props object passed along to the label as-is. */
-  labelProps: PropTypes.shape({})
-};
-LinkSelectField.defaultProps = {
-  placeholder: 'Select',
-  status: statuses.DEFAULT,
-  align: 'start',
-  direction: 'bottom'
-};
-LinkSelectField.displayName = 'LinkSelectField';
-export default LinkSelectField;