@pingux/astro 2.234.1 → 2.235.0-alpha.0

package/lib/components/ComboBoxField/ComboBoxField.js

@@ -14,7 +14,6 @@ var _excluded = ["hasAutoFocus", "hasAddOption", "hasCustomValue", "hasNoEmptySe
   _excluded2 = ["shouldFocusOnHover", "shouldSelectOnPressUp", "UNSTABLE_itemBehavior"];
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
-import _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values";
 function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
@@ -22,13 +21,10 @@ import { DismissButton, FocusScope, useComboBox, useOverlayPosition } from 'reac
 import { useComboBoxState } from 'react-stately';
 import { useFilter } from '@react-aria/i18n';
 import { useLayoutEffect, useResizeObserver } from '@react-aria/utils';
-import PropTypes from 'prop-types';
 import { usePropWarning } from '../../hooks';
 import loadingStates from '../../utils/devUtils/constants/loadingStates';
 import { getPendoID } from '../../utils/devUtils/constants/pendoID';
-import { isIterableProp } from '../../utils/devUtils/props/isIterable';
-import { ariaAttributesBasePropTypes, getAriaAttributeProps } from '../../utils/docUtils/ariaAttributes';
-import { statusPropTypes } from '../../utils/docUtils/statusProp';
+import { getAriaAttributeProps } from '../../utils/docUtils/ariaAttributes';
 import ComboBoxInput from '../ComboBox';
 import ListBox from '../ListBox';
 import Popover from '../Popover';
@@ -76,11 +72,11 @@ var ComboBoxField = /*#__PURE__*/forwardRef(function (props, ref) {
     label: 'default',
     allowsEmptyCollection: allowsEmptyCollection
   }, nonAriaProps);
-  var popoverRef = useRef();
-  var buttonRef = useRef();
-  var listBoxRef = useRef();
-  var inputRef = useRef();
-  var inputWrapperRef = useRef();
+  var popoverRef = useRef(null);
+  var buttonRef = useRef(null);
+  var listBoxRef = useRef(null);
+  var inputRef = useRef(null);
+  var inputWrapperRef = useRef(null);
   usePropWarning(props, 'disabled', 'isDisabled');
   /* istanbul ignore next */
   useImperativeHandle(ref, function () {
@@ -91,7 +87,7 @@ var ComboBoxField = /*#__PURE__*/forwardRef(function (props, ref) {
   var getItemsArr = function getItemsArr(initialArr) {
     if (initialArr && shouldShowAddOption) {
       var _context;
-      return _concatInstanceProperty(_context = []).call(_context, initialArr, [{
+      return _concatInstanceProperty(_context = []).call(_context, _Array$from(initialArr), [{
         name: addOption,
         key: addOption
       }]);
@@ -133,10 +129,11 @@ var ComboBoxField = /*#__PURE__*/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 = _objectWithoutProperties(listBoxProps, _excluded2);
+  var _ref = listBoxProps,
+    shouldFocusOnHover = _ref.shouldFocusOnHover,
+    shouldSelectOnPressUp = _ref.shouldSelectOnPressUp,
+    action = _ref['UNSTABLE_itemBehavior'],
+    otherListBoxProps = _objectWithoutProperties(_ref, _excluded2);
   var _useOverlayPosition = useOverlayPosition({
       offset: 1,
       targetRef: inputWrapperRef,
@@ -224,125 +221,6 @@ var ComboBoxField = /*#__PURE__*/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.bool,
-  /** Whether the ComboBox allows a non-item matching input value to be set. */
-  hasCustomValue: PropTypes.bool,
-  /** Whether the collection allows empty selection. */
-  hasNoEmptySelection: PropTypes.bool,
-  /**
-   * The item keys that are disabled. These items cannot be selected, focused, or otherwise
-   * interacted with.
-   */
-  disabledKeys: isIterableProp,
-  /** The interaction required to display the ComboBox menu. */
-  menuTrigger: PropTypes.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.bool,
-  /** Where the ComboBox menu opens relative to its trigger. */
-  direction: PropTypes.oneOf(['top', 'right', 'bottom', 'left']),
-  /** Text rendered below the input. */
-  helperText: PropTypes.node,
-  /** The initial selected key in the collection (uncontrolled). */
-  defaultSelectedKey: PropTypes.string,
-  /** The currently selected key in the collection (controlled). */
-  selectedKey: PropTypes.string,
-  /**
-   * Handler that is called when the selection changes.
-   *
-   * `(key: Key) => any`
-   */
-  onSelectionChange: PropTypes.func,
-  /** The list of ComboBox items (uncontrolled). */
-  defaultItems: isIterableProp,
-  /** The list of ComboBox items (controlled). */
-  items: 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.func,
-  loadingState: PropTypes.oneOf(_Object$values(loadingStates)),
-  onLoadMore: PropTypes.func,
-  /** The default value of the ComboBox input (uncontrolled). */
-  defaultInputValue: PropTypes.string,
-  /** The value of the ComboBox input (controlled). */
-  inputValue: PropTypes.string,
-  /**
-   * Handler that is called when the ComboBox input value changes.
-   *
-   * `(value: string) => void`
-   */
-  onInputChange: PropTypes.func,
-  /** Whether user input is required on the input before form submission. */
-  isRequired: PropTypes.bool,
-  /** Whether the input is disabled. */
-  isDisabled: PropTypes.bool,
-  /** Whether the input can be selected but not changed by the user. */
-  isReadOnly: PropTypes.bool,
-  /** The rendered label for the field. */
-  label: PropTypes.node,
-  /** Temporary text that occupies the text input when it is empty. */
-  placeholder: 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 element should receive focus on render. */
-  hasAutoFocus: PropTypes.bool,
-  /** Whether the field has a status indicator. */
-  hasNoStatusIndicator: PropTypes.bool,
-  /**
-   * Handler that is called when the element receives focus.
-   *
-   * `(e: FocusEvent) => void`
-   */
-  onFocus: PropTypes.func,
-  /**
-   * Handler that is called when the element loses focus.
-   *
-   * `(e: FocusEvent) => void`
-   */
-  onBlur: PropTypes.func,
-  /**
-   * Handler that is called when the element's focus status changes.
-   *
-   * `(isFocused: boolean) => void`
-   */
-  onFocusChange: PropTypes.func,
-  /**
-   * Handler that is called when a key is pressed.
-   *
-   * `(e: KeyboardEvent) => void`
-   */
-  onKeyDown: PropTypes.func,
-  /**
-   * Handler that is called when a key is released.
-   *
-   * `(e: KeyboardEvent) => void`
-   */
-  onKeyUp: PropTypes.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.func,
-  // /** Props object that is spread directly into the ScrollBox element. */
-  /** @ignore */
-  scrollBoxProps: PropTypes.shape({
-    maxHeight: PropTypes.string
-  }),
-  /** Props object that is spread directly into the ComboBoxInput element. */
-  controlProps: PropTypes.shape({
-    onClick: PropTypes.func
-  })
-}, statusPropTypes), ariaAttributesBasePropTypes);
 ComboBoxField.defaultProps = {
   menuTrigger: 'focus',
   direction: 'bottom',

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

@@ -330,9 +330,10 @@ export var AsyncLoading = function AsyncLoading() {
     loadingState: loading,
     onLoadMore: handleLoadMore
   }), function (item) {
+    var _item$name, _item$name2;
     return ___EmotionJSX(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);
   }));
 };
 export var ControlledInput = function ControlledInput() {
@@ -411,8 +412,8 @@ export var ControlledFiltering = function ControlledFiltering() {
       inputValue: selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.name,
       selectedKey: key,
       itemsList: _filterInstanceProperty(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/components/ComboBoxField/ComboBoxField.test.js

@@ -145,8 +145,8 @@ var ComboBoxWithCustomFilter = function ComboBoxWithCustomFilter() {
       inputValue: selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.name,
       selectedKey: key,
       itemsList: _filterInstanceProperty(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 : '');
       })
     });
   };
@@ -173,7 +173,6 @@ var ComboBoxWithCustomFilter = function ComboBoxWithCustomFilter() {
     }
   };
   return ___EmotionJSX(OverlayProvider, null, ___EmotionJSX(ComboBoxField, _extends({
-    label: "Example label",
     items: fieldState.itemsList,
     inputValue: fieldState.inputValue,
     selectedKey: fieldState.selectedKey,

package/lib/types/ComboBox.js

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

package/lib/types/ComboBoxField.js

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

package/lib/types/index.js

@@ -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';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "2.234.1",
+  "version": "2.235.0-alpha.0",
   "description": "React component library for Ping Identity's design system",
   "repository": {
     "type": "git",