@pingux/astro 2.234.1 → 2.235.0-alpha.0

package/lib/cjs/components/ComboBox/ComboBoxInput.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ComboBoxInputProps } from '../../types';
+declare const ComboBoxInput: React.ForwardRefExoticComponent<ComboBoxInputProps & React.RefAttributes<HTMLInputElement>>;
+export default ComboBoxInput;

package/lib/cjs/components/ComboBox/ComboBoxInput.js

@@ -15,20 +15,16 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/values"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactAria = require("react-aria");
 var _interactions = require("@react-aria/interactions");
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ = require("../..");
 var _hooks = require("../../hooks");
 var _useGetTheme2 = _interopRequireDefault(require("../../hooks/useGetTheme"));
 var _loadingStates = _interopRequireDefault(require("../../utils/devUtils/constants/loadingStates"));
-var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
-var _statusProp = require("../../utils/docUtils/statusProp");
 var _react2 = require("@emotion/react");
 var _excluded = ["controlProps", "containerProps", "hasAutoFocus", "isDisabled", "isReadOnly", "isOpen", "loadingState", "style", "inputWrapperRef", "inputRef", "inputProps", "triggerRef", "triggerProps", "menuTrigger", "onInputChange", "onLoadMore", "onOpenChange", "onSelectionChange", "wrapperProps"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -55,6 +51,9 @@ var ComboBoxInput = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     onSelectionChange = props.onSelectionChange,
     wrapperProps = props.wrapperProps,
     others = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  var _useHover = (0, _interactions.useHover)({}),
+    hoverProps = _useHover.hoverProps,
+    isHovered = _useHover.isHovered;
   var textFieldProps = _objectSpread({
     isDisabled: isDisabled,
     isReadOnly: isReadOnly,
@@ -69,12 +68,10 @@ var ComboBoxInput = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   (0, _react.useImperativeHandle)(ref, function () {
     return inputRef.current;
   });
-  var _useHover = (0, _interactions.useHover)({}),
-    hoverProps = _useHover.hoverProps,
-    isHovered = _useHover.isHovered;
   var _useInputLoader = (0, _hooks.useInputLoader)({
       loadingState: loadingState,
-      inputValue: inputProps.value
+      // eslint-disable-next-line max-len
+      inputValue: inputProps === null || inputProps === void 0 ? void 0 : inputProps.value
     }),
     isLoading = _useInputLoader.isLoading;
   (0, _hooks.usePropWarning)(props, 'disabled', 'isDisabled');
@@ -101,7 +98,7 @@ var ComboBoxInput = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     size: isOnyx ? 'sm' : 'md',
     sx: isOpen ? {
       transform: 'rotate(180deg)'
-    } : null,
+    } : undefined,
     title: {
       name: ''
     },
@@ -124,40 +121,14 @@ var ComboBoxInput = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     controlProps: _objectSpread({
       variant: 'forms.comboBox.input'
     }, controlProps),
+    tabIndex: -1,
     statusClasses: {
       isHovered: isHovered
     },
     ref: inputRef,
     slots: {
       inContainer: button
-    },
-    tabIndex: -1
+    }
   }))));
 });
-ComboBoxInput.propTypes = _objectSpread(_objectSpread({
-  containerProps: _propTypes["default"].shape({}),
-  controlProps: _propTypes["default"].shape({}),
-  hasAutoFocus: _propTypes["default"].bool,
-  helperText: _propTypes["default"].node,
-  inputProps: _propTypes["default"].shape({
-    value: _propTypes["default"].string
-  }),
-  inputRef: _propTypes["default"].shape({}),
-  inputWrapperRef: _propTypes["default"].shape({}),
-  isDisabled: _propTypes["default"].bool,
-  isOpen: _propTypes["default"].bool,
-  isReadOnly: _propTypes["default"].bool,
-  label: _propTypes["default"].node,
-  labelProps: _propTypes["default"].shape({}),
-  loadingState: _propTypes["default"].oneOf((0, _values["default"])(_loadingStates["default"])),
-  menuTrigger: _propTypes["default"].oneOf(['focus', 'input', 'manual']),
-  onInputChange: _propTypes["default"].func,
-  onLoadMore: _propTypes["default"].func,
-  onOpenChange: _propTypes["default"].func,
-  onSelectionChange: _propTypes["default"].func,
-  style: _propTypes["default"].shape({}),
-  triggerProps: _propTypes["default"].shape({}),
-  triggerRef: _propTypes["default"].shape({}),
-  wrapperProps: _propTypes["default"].shape({})
-}, _statusProp.statusPropTypes), _ariaAttributes.ariaAttributesBasePropTypes);
 var _default = exports["default"] = ComboBoxInput;

package/lib/cjs/components/ComboBox/index.d.ts

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

package/lib/cjs/components/ComboBoxField/ComboBoxField.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ComboBoxFieldProps } from '../../types';
+interface ComboBoxFieldFC {
+    <T extends object>(props: ComboBoxFieldProps<T> & React.RefAttributes<HTMLInputElement>): React.ReactElement | null;
+    displayName?: string;
+    defaultProps?: Partial<ComboBoxFieldProps> | undefined;
+}
+declare const ComboBoxField: ComboBoxFieldFC;
+export default ComboBoxField;

package/lib/cjs/components/ComboBoxField/ComboBoxField.js

@@ -17,7 +17,6 @@ _Object$defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
 var _from = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/from"));
-var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/values"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
@@ -27,13 +26,10 @@ var _reactAria = require("react-aria");
 var _reactStately = require("react-stately");
 var _i18n = require("@react-aria/i18n");
 var _utils = require("@react-aria/utils");
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../../hooks");
 var _loadingStates = _interopRequireDefault(require("../../utils/devUtils/constants/loadingStates"));
 var _pendoID = require("../../utils/devUtils/constants/pendoID");
-var _isIterable = require("../../utils/devUtils/props/isIterable");
 var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
-var _statusProp = require("../../utils/docUtils/statusProp");
 var _ComboBox = _interopRequireDefault(require("../ComboBox"));
 var _ListBox = _interopRequireDefault(require("../ListBox"));
 var _Popover = _interopRequireDefault(require("../Popover"));
@@ -86,11 +82,11 @@ var ComboBoxField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     label: 'default',
     allowsEmptyCollection: allowsEmptyCollection
   }, nonAriaProps);
-  var popoverRef = (0, _react.useRef)();
-  var buttonRef = (0, _react.useRef)();
-  var listBoxRef = (0, _react.useRef)();
-  var inputRef = (0, _react.useRef)();
-  var inputWrapperRef = (0, _react.useRef)();
+  var popoverRef = (0, _react.useRef)(null);
+  var buttonRef = (0, _react.useRef)(null);
+  var listBoxRef = (0, _react.useRef)(null);
+  var inputRef = (0, _react.useRef)(null);
+  var inputWrapperRef = (0, _react.useRef)(null);
   (0, _hooks.usePropWarning)(props, 'disabled', 'isDisabled');
   /* istanbul ignore next */
   (0, _react.useImperativeHandle)(ref, function () {
@@ -101,7 +97,7 @@ var ComboBoxField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var getItemsArr = function getItemsArr(initialArr) {
     if (initialArr && shouldShowAddOption) {
       var _context;
-      return (0, _concat["default"])(_context = []).call(_context, initialArr, [{
+      return (0, _concat["default"])(_context = []).call(_context, (0, _from["default"])(initialArr), [{
         name: addOption,
         key: addOption
       }]);
@@ -143,10 +139,11 @@ var ComboBoxField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     inputProps = _useComboBox.inputProps,
     listBoxProps = _useComboBox.listBoxProps,
     labelProps = _useComboBox.labelProps;
-  var shouldFocusOnHover = listBoxProps.shouldFocusOnHover,
-    shouldSelectOnPressUp = listBoxProps.shouldSelectOnPressUp,
-    action = listBoxProps['UNSTABLE_itemBehavior'],
-    otherListBoxProps = (0, _objectWithoutProperties2["default"])(listBoxProps, _excluded2);
+  var _ref = listBoxProps,
+    shouldFocusOnHover = _ref.shouldFocusOnHover,
+    shouldSelectOnPressUp = _ref.shouldSelectOnPressUp,
+    action = _ref['UNSTABLE_itemBehavior'],
+    otherListBoxProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded2);
   var _useOverlayPosition = (0, _reactAria.useOverlayPosition)({
       offset: 1,
       targetRef: inputWrapperRef,
@@ -234,125 +231,6 @@ var ComboBoxField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     "aria-invalid": status === 'error' && true
   })), listBox);
 });
-ComboBoxField.propTypes = _objectSpread(_objectSpread({
-  /* Whether or not adding new options to the list is enabled. */
-  hasAddOption: _propTypes["default"].bool,
-  /** Whether the ComboBox allows a non-item matching input value to be set. */
-  hasCustomValue: _propTypes["default"].bool,
-  /** Whether the collection allows empty selection. */
-  hasNoEmptySelection: _propTypes["default"].bool,
-  /**
-   * The item keys that are disabled. These items cannot be selected, focused, or otherwise
-   * interacted with.
-   */
-  disabledKeys: _isIterable.isIterableProp,
-  /** The interaction required to display the ComboBox menu. */
-  menuTrigger: _propTypes["default"].oneOf(['focus', 'input', 'manual']),
-  /**
-   * Whether the ComboBox menu is prevented from flipping directions when insufficient space is
-   * available for the given `direction` placement.
-   */
-  isNotFlippable: _propTypes["default"].bool,
-  /** Where the ComboBox menu opens relative to its trigger. */
-  direction: _propTypes["default"].oneOf(['top', 'right', 'bottom', 'left']),
-  /** Text rendered below the input. */
-  helperText: _propTypes["default"].node,
-  /** The initial selected key in the collection (uncontrolled). */
-  defaultSelectedKey: _propTypes["default"].string,
-  /** The currently selected key in the collection (controlled). */
-  selectedKey: _propTypes["default"].string,
-  /**
-   * Handler that is called when the selection changes.
-   *
-   * `(key: Key) => any`
-   */
-  onSelectionChange: _propTypes["default"].func,
-  /** The list of ComboBox items (uncontrolled). */
-  defaultItems: _isIterable.isIterableProp,
-  /** The list of ComboBox items (controlled). */
-  items: _isIterable.isIterableProp,
-  /**
-   * Method that is called when the open state of the menu changes.
-   * Returns the new open state and the action that caused the opening of the menu.
-   *
-   * `(isOpen: boolean, menuTrigger: MenuTriggerAction) => void`
-   */
-  onOpenChange: _propTypes["default"].func,
-  loadingState: _propTypes["default"].oneOf((0, _values["default"])(_loadingStates["default"])),
-  onLoadMore: _propTypes["default"].func,
-  /** The default value of the ComboBox input (uncontrolled). */
-  defaultInputValue: _propTypes["default"].string,
-  /** The value of the ComboBox input (controlled). */
-  inputValue: _propTypes["default"].string,
-  /**
-   * Handler that is called when the ComboBox input value changes.
-   *
-   * `(value: string) => void`
-   */
-  onInputChange: _propTypes["default"].func,
-  /** Whether user input is required on the input before form submission. */
-  isRequired: _propTypes["default"].bool,
-  /** Whether the input is disabled. */
-  isDisabled: _propTypes["default"].bool,
-  /** Whether the input can be selected but not changed by the user. */
-  isReadOnly: _propTypes["default"].bool,
-  /** The rendered label for the field. */
-  label: _propTypes["default"].node,
-  /** Temporary text that occupies the text input when it is empty. */
-  placeholder: _propTypes["default"].string,
-  /** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */
-  id: _propTypes["default"].string,
-  /** Whether the element should receive focus on render. */
-  hasAutoFocus: _propTypes["default"].bool,
-  /** Whether the field has a status indicator. */
-  hasNoStatusIndicator: _propTypes["default"].bool,
-  /**
-   * Handler that is called when the element receives focus.
-   *
-   * `(e: FocusEvent) => void`
-   */
-  onFocus: _propTypes["default"].func,
-  /**
-   * Handler that is called when the element loses focus.
-   *
-   * `(e: FocusEvent) => void`
-   */
-  onBlur: _propTypes["default"].func,
-  /**
-   * Handler that is called when the element's focus status changes.
-   *
-   * `(isFocused: boolean) => void`
-   */
-  onFocusChange: _propTypes["default"].func,
-  /**
-   * Handler that is called when a key is pressed.
-   *
-   * `(e: KeyboardEvent) => void`
-   */
-  onKeyDown: _propTypes["default"].func,
-  /**
-   * Handler that is called when a key is released.
-   *
-   * `(e: KeyboardEvent) => void`
-   */
-  onKeyUp: _propTypes["default"].func,
-  /**
-   * Handler that determines the default filtering for items. If undefined, `contains` from
-   * [useFilter](https://react-spectrum.adobe.com/react-aria/useFilter.html) is used.
-   *
-   * `(option: string, inputValue: string) => boolean`
-   */
-  defaultFilter: _propTypes["default"].func,
-  // /** Props object that is spread directly into the ScrollBox element. */
-  /** @ignore */
-  scrollBoxProps: _propTypes["default"].shape({
-    maxHeight: _propTypes["default"].string
-  }),
-  /** Props object that is spread directly into the ComboBoxInput element. */
-  controlProps: _propTypes["default"].shape({
-    onClick: _propTypes["default"].func
-  })
-}, _statusProp.statusPropTypes), _ariaAttributes.ariaAttributesBasePropTypes);
 ComboBoxField.defaultProps = {
   menuTrigger: 'focus',
   direction: 'bottom',

package/lib/cjs/components/ComboBoxField/ComboBoxField.stories.js

@@ -340,9 +340,10 @@ var AsyncLoading = exports.AsyncLoading = function AsyncLoading() {
     loadingState: loading,
     onLoadMore: handleLoadMore
   }), function (item) {
+    var _item$name, _item$name2;
     return (0, _react2.jsx)(_index.Item, {
-      key: item.name.given
-    }, item.name.given);
+      key: (_item$name = item.name) === null || _item$name === void 0 ? void 0 : _item$name.given
+    }, (_item$name2 = item.name) === null || _item$name2 === void 0 ? void 0 : _item$name2.given);
   }));
 };
 var ControlledInput = exports.ControlledInput = function ControlledInput() {
@@ -421,8 +422,8 @@ var ControlledFiltering = exports.ControlledFiltering = function ControlledFilte
       inputValue: selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.name,
       selectedKey: key,
       itemsList: (0, _filter["default"])(items).call(items, function (item) {
-        var _selectedItem$name;
-        return startsWith(item.name, (_selectedItem$name = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.name) !== null && _selectedItem$name !== void 0 ? _selectedItem$name : '');
+        var _name;
+        return startsWith(item.name, (_name = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.name) !== null && _name !== void 0 ? _name : '');
       })
     });
   };

package/lib/cjs/components/ComboBoxField/ComboBoxField.test.js

@@ -152,8 +152,8 @@ var ComboBoxWithCustomFilter = function ComboBoxWithCustomFilter() {
       inputValue: selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.name,
       selectedKey: key,
       itemsList: (0, _filter["default"])(items).call(items, function (item) {
-        var _selectedItem$name;
-        return startsWith(item.name, (_selectedItem$name = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.name) !== null && _selectedItem$name !== void 0 ? _selectedItem$name : '');
+        var _name;
+        return startsWith(item.name, (_name = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.name) !== null && _name !== void 0 ? _name : '');
       })
     });
   };
@@ -180,7 +180,6 @@ var ComboBoxWithCustomFilter = function ComboBoxWithCustomFilter() {
     }
   };
   return (0, _react3.jsx)(_index.OverlayProvider, null, (0, _react3.jsx)(_index.ComboBoxField, (0, _extends2["default"])({
-    label: "Example label",
     items: fieldState.itemsList,
     inputValue: fieldState.inputValue,
     selectedKey: fieldState.selectedKey,

package/lib/cjs/components/ComboBoxField/index.d.ts

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

package/lib/cjs/types/ComboBox.d.ts

@@ -0,0 +1,36 @@
+import React, { Key, ReactNode } from 'react';
+import type { AriaButtonProps } from 'react-aria';
+import type { MenuTriggerAction } from '@react-types/combobox';
+import { ContainerProps, ControlProps } from '../hooks/useField/useField';
+import { BoxProps } from './box';
+import { Status } from './item';
+import { loadingState } from './shared';
+export interface ComboBoxInputProps extends Omit<BoxProps, 'children' | 'direction'> {
+    containerProps?: Omit<ContainerProps, 'sx'> & {
+        sx?: Record<string, unknown>;
+    };
+    controlProps?: ControlProps;
+    hasAutoFocus?: boolean;
+    helperText?: ReactNode;
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+    inputRef?: React.RefObject<HTMLInputElement>;
+    inputWrapperRef?: React.RefObject<HTMLDivElement>;
+    isDisabled?: boolean;
+    isOpen?: boolean;
+    isReadOnly?: boolean;
+    label?: ReactNode;
+    labelProps?: React.DOMAttributes<HTMLElement>;
+    loadingState?: loadingState;
+    menuTrigger?: MenuTriggerAction;
+    onInputChange?: (value: string) => void;
+    onLoadMore?: () => void;
+    onOpenChange?: (isOpen: boolean, menuTrigger?: MenuTriggerAction) => void;
+    onSelectionChange?(key: Key | null): void;
+    triggerProps?: AriaButtonProps;
+    triggerRef?: React.RefObject<HTMLButtonElement>;
+    wrapperProps?: Omit<BoxProps, 'sx'> & {
+        sx?: Record<string, unknown>;
+    };
+    /** Determines any status related styling. */
+    status?: Status;
+}

package/lib/cjs/types/ComboBox.js

@@ -0,0 +1,6 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/cjs/types/ComboBoxField.d.ts

@@ -0,0 +1,110 @@
+import { Key, ReactNode } from 'react';
+import type { MenuTriggerAction } from '@react-types/combobox';
+import type { CollectionChildren } from '@react-types/shared';
+import { ControlProps } from '../hooks/useField/useField';
+import { BoxProps } from './box';
+import { Status } from './item';
+import { ScrollBoxProps } from './scrollBox';
+import { Axis, loadingState } from './shared';
+export interface ComboBoxFieldProps<T extends object = object> extends Omit<BoxProps, 'children' | 'direction'> {
+    /** Whether or not adding new options to the list is enabled. */
+    hasAddOption?: boolean;
+    /** Whether the ComboBox allows a non-item matching input value to be set. */
+    hasCustomValue?: boolean;
+    /** Whether the collection allows empty selection. */
+    hasNoEmptySelection?: boolean;
+    /**
+     * The item keys that are disabled. These items cannot be selected, focused, or otherwise
+     * interacted with.
+     */
+    disabledKeys?: Iterable<Key>;
+    /** The interaction required to display the ComboBox menu. */
+    menuTrigger?: MenuTriggerAction;
+    /**
+     * Whether the ComboBox menu is prevented from flipping directions when insufficient space is
+     * available for the given `direction` placement.
+     */
+    isNotFlippable?: boolean;
+    /** Where the ComboBox menu opens relative to its trigger. */
+    direction?: Axis;
+    /** Text rendered below the input. */
+    helperText?: ReactNode;
+    /** The initial selected key in the collection (uncontrolled). */
+    defaultSelectedKey?: string;
+    /** The currently selected key in the collection (controlled). */
+    selectedKey?: Key | null;
+    /**
+     * Handler that is called when the selection changes.
+     *
+     * `(key: Key) => any`
+     */
+    onSelectionChange?(key: Key | null): void;
+    /** The list of ComboBox items (uncontrolled). */
+    defaultItems?: Iterable<T>;
+    /** The list of ComboBox items (controlled). */
+    items?: Iterable<T>;
+    /**
+     * Method that is called when the open state of the menu changes.
+     * Returns the new open state and the action that caused the opening of the menu.
+     *
+     * `(isOpen: boolean, menuTrigger: MenuTriggerAction) => void`
+     */
+    onOpenChange?: (isOpen: boolean, menuTrigger?: MenuTriggerAction) => void;
+    loadingState?: loadingState;
+    onLoadMore?: () => void;
+    /** The default value of the ComboBox input (uncontrolled). */
+    defaultInputValue?: string;
+    /** The value of the ComboBox input (controlled). */
+    inputValue?: string;
+    /**
+     * Handler that is called when the ComboBox input value changes.
+     *
+     * `(value: string) => void`
+     */
+    onInputChange?: (value: string) => void;
+    /** Whether user input is required on the input before form submission. */
+    isRequired?: boolean;
+    /** Whether the input is disabled. */
+    isDisabled?: boolean;
+    /** Whether the input can be selected but not changed by the user. */
+    isReadOnly?: boolean;
+    /** The rendered label for the field. */
+    label?: ReactNode;
+    /** Temporary text that occupies the text input when it is empty. */
+    placeholder?: string;
+    /** Whether the element should receive focus on render. */
+    hasAutoFocus?: boolean;
+    /** Whether the field has a status indicator. */
+    hasNoStatusIndicator?: boolean;
+    /**
+     * Handler that determines the default filtering for items. If undefined, `contains` from
+     * [useFilter](https://react-spectrum.adobe.com/react-aria/useFilter.html) is used.
+     *
+     * `(option: string, inputValue: string) => boolean`
+     */
+    defaultFilter?: (textValue: string, inputValue: string) => boolean;
+    /** @ignore */
+    scrollBoxProps?: Omit<ScrollBoxProps, 'sx'> & {
+        sx?: Record<string, unknown>;
+    };
+    /** Props object that is spread directly into the ComboBoxInput element. */
+    controlProps?: ControlProps;
+    /** Whether the collection allows an empty collection. */
+    allowsEmptyCollection?: boolean;
+    /** The function to render when the collection is empty. */
+    renderEmptyState?: () => ReactNode;
+    /** Determines any status related styling. */
+    status?: Status;
+    /** The collection items. */
+    children?: CollectionChildren<T>;
+    /** Whether the ComboBox menu is currently open (controlled). */
+    isOpen?: boolean;
+    /** Props object that is spread directly into the ComboBoxInput wrapper element. */
+    wrapperProps?: Omit<BoxProps, 'sx'> & {
+        sx?: Record<string, unknown>;
+    };
+    /** Props object that is spread directly into the input wrapper element. */
+    containerProps?: Omit<BoxProps, 'sx'> & {
+        sx?: Record<string, unknown>;
+    };
+}

package/lib/cjs/types/ComboBoxField.js

@@ -0,0 +1,6 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/cjs/types/index.d.ts

@@ -19,6 +19,8 @@ export * from './codeEditor';
 export * from './codeView';
 export * from './collapsiblePanel';
 export * from './colorField';
+export * from './ComboBox';
+export * from './ComboBoxField';
 export * from './copyText';
 export * from './dataTable';
 export * from './datePicker';