@pingux/astro 2.239.0-alpha.0 → 2.240.0-alpha.0

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

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

package/lib/cjs/components/LinkSelectField/LinkSelectField.js

@@ -8,14 +8,12 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactAria = require("react-aria");
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _uuid = require("uuid");
 var _ = require("../..");
 var _hooks = require("../../hooks");
 var _pendoID = require("../../utils/devUtils/constants/pendoID");
 var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
 var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
-var _fieldAttributes = require("../../utils/docUtils/fieldAttributes");
 var _statusProp = require("../../utils/docUtils/statusProp");
 var _SelectFieldBase = _interopRequireDefault(require("../SelectFieldBase"));
 var _react2 = require("@emotion/react");
@@ -75,7 +73,7 @@ const LinkSelectField = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
     variant: "selectLink",
     tabIndex: isDisabled ? -1 : 0
   }, (0, _pendoID.getPendoID)(displayName), triggerProps, raTriggerProps, ariaProps, {
-    "aria-describedby": helperText && helperTextId
+    "aria-describedby": helperText ? helperTextId : undefined
   }), (0, _react2.jsx)(_.Text, {
     variant: "linkSelectFieldLabel",
     className: "link-select-field-placeholder"
@@ -104,92 +102,11 @@ const LinkSelectField = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
     id: helperTextId
   }, helperText));
   return (0, _react2.jsx)(_SelectFieldBase.default, (0, _extends2.default)({}, props, selectFieldProps, {
+    label: props.label,
+    helperText: props.helperText,
     trigger: triggerProp || triggerNode
   }));
 });
-LinkSelectField.propTypes = {
-  /** Alignment of the popover menu relative to the trigger. */
-  align: _propTypes.default.oneOf(['start', 'end', 'middle']),
-  /** Where the popover menu opens relative to its trigger. */
-  direction: _propTypes.default.oneOf(['top', 'right', 'bottom', 'left']),
-  /** The initial selected key in the collection (uncontrolled). */
-  defaultSelectedKey: _propTypes.default.string,
-  /** Array of keys to disable within the options list. */
-  disabledKeys: _propTypes.default.arrayOf(_propTypes.default.string),
-  /** Whether the collection allows empty selection. */
-  hasNoEmptySelection: _propTypes.default.bool,
-  /** Whether the field has a status indicator. */
-  hasNoStatusIndicator: _propTypes.default.bool,
-  /** Text rendered below the input. */
-  helperText: _propTypes.default.node,
-  /** Props object that is spread directly into the helphint element. */
-  helpHintProps: _propTypes.default.shape({}),
-  /** If present this prop will cause a help hint to render in the label of the field. */
-  hintText: _propTypes.default.string,
-  /** Sets the default open state of the menu. */
-  isDefaultOpen: _propTypes.default.bool,
-  /** Whether the input is disabled. */
-  isDisabled: _propTypes.default.bool,
-  /** Whether the items are currently loading. */
-  isLoading: _propTypes.default.bool,
-  /** @ignore Whether the menu should automatically flip direction when space is limited. */
-  isNotFlippable: _propTypes.default.bool,
-  /** Sets the open state of the menu. */
-  isOpen: _propTypes.default.bool,
-  /** @ignore Whether the input can be selected but not changed by the user. */
-  isReadOnly: _propTypes.default.bool,
-  /** Whether user input is required on the input before form submission. */
-  isRequired: _propTypes.default.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.default.arrayOf(_propTypes.default.shape({})),
-  /** The label for the select element. */
-  label: _propTypes.default.node,
-  /** The name for the select element, used when submitting a form. */
-  name: _propTypes.default.string,
-  /** Temporary text that occupies the text input when it is empty. */
-  placeholder: _propTypes.default.string,
-  /** The currently selected key in the collection (controlled). */
-  selectedKey: _propTypes.default.string,
-  /**
-   * Handler that is called when more items should be loaded, e.g. while scrolling near the bottom.
-   *
-   * () => any
-   */
-  onLoadMore: _propTypes.default.func,
-  /**
-   * Method that is called when the open state of the menu changes.
-   *
-   * (isOpen: boolean) => void
-   */
-  onOpenChange: _propTypes.default.func,
-  /**
-   * Handler that is called when the selection changes.
-   *
-   * (key: Key) => any
-   */
-  onSelectionChange: _propTypes.default.func,
-  /** Display an inline loader inside the select trigger while loading. */
-  hasInlineLoader: _propTypes.default.bool,
-  /**
-   * Props object that is spread directly into the Icon inside the default trigger button.
-   * Supports all IconProps (icon, title, size, color, sx, etc.).
-   * The sx prop is merged with the rotation style.
-   */
-  iconProps: _propTypes.default.shape({}),
-  /** Width of the popover menu. Accepts any valid CSS unit. */
-  popoverWidth: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
-  /**
-   * A ReactNode that replaces the default Button trigger entirely.
-   * When provided, the local Button element is not rendered.
-   */
-  trigger: _propTypes.default.node,
-  ..._statusProp.statusPropTypes,
-  ..._fieldAttributes.inputFieldAttributesBasePropTypes,
-  ..._ariaAttributes.ariaAttributesBasePropTypes
-};
 LinkSelectField.defaultProps = {
   placeholder: 'Select',
   align: 'start',

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

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

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

@@ -44,6 +44,7 @@ export * from './item';
 export * from './label';
 export * from './labelValuePairs';
 export * from './link';
+export * from './linkSelectField';
 export * from './listBox';
 export * from './listItem';
 export * from './loader';

package/lib/cjs/types/index.js

@@ -509,6 +509,17 @@ Object.keys(_link).forEach(function (key) {
     }
   });
 });
+var _linkSelectField = require("./linkSelectField");
+Object.keys(_linkSelectField).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _linkSelectField[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _linkSelectField[key];
+    }
+  });
+});
 var _listBox = require("./listBox");
 Object.keys(_listBox).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

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

@@ -0,0 +1,111 @@
+import { UseSelectFieldProps } from '../hooks/useSelectField/useSelectField';
+import { IconProps } from './icon';
+import { Status } from './item';
+export interface LinkSelectFieldProps extends Omit<UseSelectFieldProps<object>, 'align' | 'helperText' | 'label'> {
+    /** Alignment of the popover menu relative to the trigger. */
+    align?: 'start' | 'end' | 'middle';
+    /** Where the popover menu opens relative to its trigger. */
+    direction?: 'top' | 'right' | 'bottom' | 'left';
+    /** The initial selected key in the collection (uncontrolled). */
+    defaultSelectedKey?: string;
+    /** Array of keys to disable within the options list. */
+    disabledKeys?: Iterable<string>;
+    /** Whether the collection allows empty selection. */
+    hasNoEmptySelection?: boolean;
+    /** Whether the field has a status indicator. */
+    hasNoStatusIndicator?: boolean;
+    /** Text rendered below the input. */
+    helperText?: React.ReactNode;
+    /** Props object that is spread directly into the helphint element. */
+    helpHintProps?: Record<string, unknown>;
+    /** If present this prop will cause a help hint to render in the label of the field. */
+    hintText?: string;
+    /** The label for the select element. */
+    label?: React.ReactNode;
+    /** Sets the default open state of the menu. */
+    isDefaultOpen?: boolean;
+    /** Whether the input is disabled. */
+    isDisabled?: boolean;
+    /** Whether the items are currently loading. */
+    isLoading?: boolean;
+    /** @ignore Whether the menu should automatically flip direction when space is limited. */
+    isNotFlippable?: boolean;
+    /** Sets the open state of the menu. */
+    isOpen?: boolean;
+    /** @ignore Whether the input can be selected but not changed by the user. */
+    isReadOnly?: boolean;
+    /** Whether user input is required on the input before form submission. */
+    isRequired?: boolean;
+    /**
+     * *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?: Iterable<object>;
+    /** The name for the select element, used when submitting a form. */
+    name?: string;
+    /** Temporary text that occupies the text input when it is empty. */
+    placeholder?: string;
+    /** The currently selected key in the collection (controlled). */
+    selectedKey?: string;
+    /**
+     * Handler that is called when more items should be loaded, e.g. while scrolling near the bottom.
+     *
+     * () => any
+     */
+    onLoadMore?: () => unknown;
+    /**
+     * Method that is called when the open state of the menu changes.
+     *
+     * (isOpen: boolean) => void
+     */
+    onOpenChange?: (isOpen: boolean) => void;
+    /**
+     * Handler that is called when the selection changes.
+     *
+     * (key: Key) => any
+     */
+    onSelectionChange?: (key: React.Key | null) => void;
+    /** Display an inline loader inside the select trigger while loading. */
+    hasInlineLoader?: boolean;
+    /**
+     * Props object that is spread directly into the Icon inside the default trigger button.
+     * Supports all IconProps (icon, title, size, color, sx, etc.).
+     * The sx prop is merged with the rotation style.
+     */
+    iconProps?: IconProps;
+    /** Width of the popover menu. Accepts any valid CSS unit. */
+    popoverWidth?: string | number;
+    /**
+     * A ReactNode that replaces the default Button trigger entirely.
+     * When provided, the local Button element is not rendered.
+     */
+    trigger?: React.ReactNode;
+    /** Props object that is spread directly into the default trigger button. */
+    triggerProps?: Record<string, unknown>;
+    /** Determines any status related styling. */
+    status?: Status;
+    /** Props object spread into the outer-most container. Wrapper and label will be children. */
+    containerProps?: Record<string, unknown>;
+    /** Props object that is spread directly into the input element. Will be a child
+     * of the Wrapper. */
+    controlProps?: Record<string, unknown>;
+    /** Props object spread to the field control wrapper, i.e. the immediate parent
+     * element for the control, sibling of the label, and child of the field container. */
+    controlWrapperProps?: Record<string, unknown>;
+    /** Props object spread to the field label, i.e. the visible text which labels the control. */
+    labelProps?: Record<string, unknown>;
+    /** Identifies the element (or elements) whose contents or presence
+     * are controlled by the current element. */
+    'aria-controls'?: string;
+    /** Identifies the element (or elements) that describes the object. */
+    'aria-describedby'?: string;
+    /** Identifies the element (or elements) that provide a detailed, extended description
+     * for the object. */
+    'aria-details'?: string;
+    /** Identifies the element that provides an error message for the object. */
+    'aria-errormessage'?: string;
+    /** Defines a string value that labels the current element. */
+    'aria-label'?: string;
+    /** Identifies the element (or elements) that labels the current element. */
+    'aria-labelledby'?: string;
+}

package/lib/cjs/types/linkSelectField.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/components/LinkSelectField/LinkSelectField.js

@@ -1,15 +1,13 @@
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import React, { forwardRef } from 'react';
 import { VisuallyHidden } from 'react-aria';
-import PropTypes from 'prop-types';
 import { v4 as uuid } from 'uuid';
 import { Box, Button, Icon, Loader, Text } from '../..';
 import { useGetTheme, usePropWarning, useSelectField } from '../../hooks';
 import { getPendoID } from '../../utils/devUtils/constants/pendoID';
 import statuses from '../../utils/devUtils/constants/statuses';
-import { ariaAttributesBasePropTypes, getAriaAttributeProps } from '../../utils/docUtils/ariaAttributes';
-import { inputFieldAttributesBasePropTypes } from '../../utils/docUtils/fieldAttributes';
-import { statusDefaultProp, statusPropTypes } from '../../utils/docUtils/statusProp';
+import { getAriaAttributeProps } from '../../utils/docUtils/ariaAttributes';
+import { statusDefaultProp } from '../../utils/docUtils/statusProp';
 import SelectFieldBase from '../SelectFieldBase';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 const displayName = 'LinkSelectField';
@@ -67,7 +65,7 @@ const LinkSelectField = /*#__PURE__*/forwardRef((props, ref) => {
     variant: "selectLink",
     tabIndex: isDisabled ? -1 : 0
   }, getPendoID(displayName), triggerProps, raTriggerProps, ariaProps, {
-    "aria-describedby": helperText && helperTextId
+    "aria-describedby": helperText ? helperTextId : undefined
   }), ___EmotionJSX(Text, {
     variant: "linkSelectFieldLabel",
     className: "link-select-field-placeholder"
@@ -96,92 +94,11 @@ const LinkSelectField = /*#__PURE__*/forwardRef((props, ref) => {
     id: helperTextId
   }, helperText));
   return ___EmotionJSX(SelectFieldBase, _extends({}, props, selectFieldProps, {
+    label: props.label,
+    helperText: props.helperText,
     trigger: triggerProp || triggerNode
   }));
 });
-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,
-  /** Props object that is spread directly into the helphint element. */
-  helpHintProps: PropTypes.shape({}),
-  /** 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.shape({})),
-  /** 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,
-  /**
-   * 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,
-  /** Display an inline loader inside the select trigger while loading. */
-  hasInlineLoader: PropTypes.bool,
-  /**
-   * Props object that is spread directly into the Icon inside the default trigger button.
-   * Supports all IconProps (icon, title, size, color, sx, etc.).
-   * The sx prop is merged with the rotation style.
-   */
-  iconProps: PropTypes.shape({}),
-  /** Width of the popover menu. Accepts any valid CSS unit. */
-  popoverWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  /**
-   * A ReactNode that replaces the default Button trigger entirely.
-   * When provided, the local Button element is not rendered.
-   */
-  trigger: PropTypes.node,
-  ...statusPropTypes,
-  ...inputFieldAttributesBasePropTypes,
-  ...ariaAttributesBasePropTypes
-};
 LinkSelectField.defaultProps = {
   placeholder: 'Select',
   align: 'start',

package/lib/types/index.js

@@ -44,6 +44,7 @@ export * from './item';
 export * from './label';
 export * from './labelValuePairs';
 export * from './link';
+export * from './linkSelectField';
 export * from './listBox';
 export * from './listItem';
 export * from './loader';

package/lib/types/linkSelectField.js

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

package/package.json

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