@cloudscape-design/components 3.0.1007 → 3.0.1009

package/internal/components/dropdown/interfaces.d.ts

@@ -2,155 +2,156 @@ import React from 'react';
 import { NonCancelableEventHandler } from '../../events';
 export type OptionsFilteringType = 'none' | 'auto' | 'manual';
 export interface OptionsLoadItemsDetail {
-  filteringText: string;
-  firstPage: boolean;
-  samePage: boolean;
+    filteringText: string;
+    firstPage: boolean;
+    samePage: boolean;
 }
 export interface BaseDropdownHostProps extends ExpandToViewport {
-  /**
-   * If you have more than 500 options, enable this flag to apply a performance optimization
-   * that makes the filtering experience smoother. We don't recommend enabling the feature if you
-   * have less than 500 options, because the improvements to performance are offset by a
-   * visible scrolling lag.
-   *
-   * When you set this flag to `true`, it removes options that are not currently in view from the DOM.
-   * If your test accesses such options, you need to first scroll the options container
-   * to the correct offset, before performing any operations on them. Use the element returned
-   * by the `findOptionsContainer` test utility for this.
-   */
-  virtualScroll?: boolean;
-  /**
-   * Use this event to implement the asynchronous behavior for the component.
-   *
-   * The event is called in the following situations:
-   * * The user scrolls to the end of the list of options, if `statusType` is set to `pending`.
-   * * The user clicks on the recovery button in the error state.
-   * * The user types inside the input field.
-   * * The user focuses the input field.
-   *
-   * The detail object contains the following properties:
-   * * `filteringText` - The value that you need to use to fetch options.
-   * * `firstPage` - Indicates that you should fetch the first page of options that match the `filteringText`.
-   * * `samePage` - Indicates that you should fetch the same page that you have previously fetched (for example, when the user clicks on the recovery button).
-   **/
-  onLoadItems?: NonCancelableEventHandler<OptionsLoadItemsDetail>;
+    /**
+     * If you have more than 500 options, enable this flag to apply a performance optimization
+     * that makes the filtering experience smoother. We don't recommend enabling the feature if you
+     * have less than 500 options, because the improvements to performance are offset by a
+     * visible scrolling lag.
+     *
+     * When you set this flag to `true`, it removes options that are not currently in view from the DOM.
+     * If your test accesses such options, you need to first scroll the options container
+     * to the correct offset, before performing any operations on them. Use the element returned
+     * by the `findOptionsContainer` test utility for this.
+     */
+    virtualScroll?: boolean;
+    /**
+     * Use this event to implement the asynchronous behavior for the component.
+     *
+     * The event is called in the following situations:
+     * * The user scrolls to the end of the list of options, if `statusType` is set to `pending`.
+     * * The user clicks on the recovery button in the error state.
+     * * The user types inside the input field.
+     * * The user focuses the input field.
+     *
+     * The detail object contains the following properties:
+     * * `filteringText` - The value that you need to use to fetch options.
+     * * `firstPage` - Indicates that you should fetch the first page of options that match the `filteringText`.
+     * * `samePage` - Indicates that you should fetch the same page that you have previously fetched (for example, when the user clicks on the recovery button).
+     **/
+    onLoadItems?: NonCancelableEventHandler<OptionsLoadItemsDetail>;
 }
 export interface DropdownProps extends ExpandToViewport {
-  /**
-   * Trigger element.
-   */
-  trigger: React.ReactNode;
-  /**
-   * "Sticky" header of the dropdown content
-   */
-  header?: React.ReactNode;
-  /**
-   * Footer slot fixed at the bottom of the dropdown
-   */
-  footer?: React.ReactNode;
-  /**
-   * Dropdown content elements.
-   */
-  children?: React.ReactNode;
-  /**
-   * Updating content key triggers dropdown position re-evaluation.
-   */
-  contentKey?: string;
-  /**
-   * Open state of the dropdown.
-   */
-  open?: boolean;
-  /**
-   * Called when a user clicks outside of the dropdown content, when it is open.
-   */
-  onDropdownClose?: NonCancelableEventHandler<null>;
-  /**
-   * Called when a mouse button is pressed inside the dropdown content.
-   */
-  onMouseDown?: React.MouseEventHandler;
-  /**
-   * Dropdown id
-   */
-  dropdownId?: string;
-  /**
-   * Stretches dropdown to occupy entire width.
-   */
-  stretchWidth?: boolean;
-  /**
-   * Stretches dropdown to occupy entire height.
-   */
-  stretchHeight?: boolean;
-  /**
-   * Stretches the trigger to the height of the dropdown container.
-   */
-  stretchTriggerHeight?: boolean;
-  /**
-   * Whether the dropdown content should be at least as wide as the trigger.
-   *
-   * @defaultValue true
-   */
-  stretchToTriggerWidth?: boolean;
-  /**
-   * Whether the dropdown content can grow beyond the width of the trigger.
-   */
-  stretchBeyondTriggerWidth?: boolean;
-  /**
-   * Determines that the dropdown should preferably be aligned to the center of the trigger
-   * instead of dropping left or right.
-   */
-  preferCenter?: boolean;
-  /**
-   * Indicates if this dropdown lies within a parent dropdown and positions itself relative to it (as a fly out).
-   */
-  interior?: boolean;
-  /**
-   * Sets the min width of the dropdown (in px)
-   */
-  minWidth?: number;
-  /**
-   * Whether the dropdown will have a scrollbar or not
-   */
-  scrollable?: boolean;
-  /**
-   * Whether the dropdown will have a focus loop including trigger, header, content and footer.
-   */
-  loopFocus?: boolean;
-  /**
-   * Called when focus enters the trigger or dropdown content.
-   */
-  onFocus?: NonCancelableEventHandler<Pick<React.FocusEvent, 'target' | 'relatedTarget'>>;
-  /**
-   * Called when focus leaves the trigger or dropdown content.
-   */
-  onBlur?: NonCancelableEventHandler<Pick<React.FocusEvent, 'target' | 'relatedTarget'>>;
-  /**
-   * ID for the dropdown content wrapper
-   */
-  dropdownContentId?: string;
-  /**
-   * HTML role for the dropdown content wrapper
-   */
-  dropdownContentRole?: string;
-  /**
-   * Labelledby for the dropdown (required when role="dialog")
-   */
-  ariaLabelledby?: string;
-  /**
-   * Describedby for the dropdown (recommended when role="dialog")
-   */
-  ariaDescribedby?: string;
+    /**
+     * Trigger element.
+     */
+    trigger: React.ReactNode;
+    /**
+     * "Sticky" header of the dropdown content
+     */
+    header?: React.ReactNode;
+    /**
+     * Footer slot fixed at the bottom of the dropdown
+     */
+    footer?: React.ReactNode;
+    /**
+     * Dropdown content elements.
+     */
+    children?: React.ReactNode;
+    /**
+     * Updating content key triggers dropdown position re-evaluation.
+     */
+    contentKey?: string;
+    /**
+     * Open state of the dropdown.
+     */
+    open?: boolean;
+    /**
+     * Called when a user clicks outside of the dropdown content, when it is open.
+     */
+    onDropdownClose?: NonCancelableEventHandler<null>;
+    /**
+     * Called when a mouse button is pressed inside the dropdown content.
+     */
+    onMouseDown?: React.MouseEventHandler;
+    /**
+     * Dropdown id
+     */
+    dropdownId?: string;
+    /**
+     * Stretches dropdown to occupy entire width.
+     */
+    stretchWidth?: boolean;
+    /**
+     * Stretches dropdown to occupy entire height.
+     */
+    stretchHeight?: boolean;
+    /**
+     * Stretches the trigger to the height of the dropdown container.
+     */
+    stretchTriggerHeight?: boolean;
+    /**
+     * Whether the dropdown content should be at least as wide as the trigger.
+     *
+     * @defaultValue true
+     */
+    stretchToTriggerWidth?: boolean;
+    /**
+     * Whether the dropdown content can grow beyond the width of the trigger.
+     */
+    stretchBeyondTriggerWidth?: boolean;
+    /**
+     * Determines that the dropdown should preferably be aligned to the center of the trigger
+     * instead of dropping left or right.
+     */
+    preferCenter?: boolean;
+    /**
+     * Indicates if this dropdown lies within a parent dropdown and positions itself relative to it (as a fly out).
+     */
+    interior?: boolean;
+    /**
+     * Sets the min width of the dropdown (in px)
+     */
+    minWidth?: number;
+    /**
+     * Whether the dropdown will have a scrollbar or not
+     */
+    scrollable?: boolean;
+    /**
+     * Whether the dropdown will have a focus loop including trigger, header, content and footer.
+     */
+    loopFocus?: boolean;
+    /**
+     * Called when focus enters the trigger or dropdown content.
+     */
+    onFocus?: NonCancelableEventHandler<Pick<React.FocusEvent, 'target' | 'relatedTarget'>>;
+    /**
+     * Called when focus leaves the trigger or dropdown content.
+     */
+    onBlur?: NonCancelableEventHandler<Pick<React.FocusEvent, 'target' | 'relatedTarget'>>;
+    /**
+     * ID for the dropdown content wrapper
+     */
+    dropdownContentId?: string;
+    /**
+     * HTML role for the dropdown content wrapper
+     */
+    dropdownContentRole?: string;
+    /**
+     * Labelledby for the dropdown (required when role="dialog")
+     */
+    ariaLabelledby?: string;
+    /**
+     * Describedby for the dropdown (recommended when role="dialog")
+     */
+    ariaDescribedby?: string;
 }
 export interface ExpandToViewport {
-  /**
-   * By default, the dropdown height is constrained to fit inside the height of its next scrollable container element.
-   * Enabling this property will allow the dropdown to extend beyond that container by using fixed positioning and
-   * [React Portals](https://reactjs.org/docs/portals.html).
-   *
-   * Set this property if the dropdown would otherwise be constrained by a scrollable container,
-   * for example inside table and split view layouts.
-   *
-   * We recommend you use discretion, and don't enable this property unless necessary
-   * because fixed positioning results in a slight, visible lag when scrolling complex pages.
-   */
-  expandToViewport?: boolean;
-}
+    /**
+     * By default, the dropdown height is constrained to fit inside the height of its next scrollable container element.
+     * Enabling this property will allow the dropdown to extend beyond that container by using fixed positioning and
+     * [React Portals](https://reactjs.org/docs/portals.html).
+     *
+     * Set this property if the dropdown would otherwise be constrained by a scrollable container,
+     * for example inside table and split view layouts.
+     *
+     * We recommend you use discretion, and don't enable this property unless necessary
+     * because fixed positioning results in a slight, visible lag when scrolling complex pages.
+     */
+    expandToViewport?: boolean;
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/internal/components/dropdown-footer/index.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
 interface DropdownFooter {
-  content?: React.ReactNode | null;
-  hasItems?: boolean;
-  id?: string;
+    content?: React.ReactNode | null;
+    hasItems?: boolean;
+    id?: string;
 }
 declare const DropdownFooter: React.FC<DropdownFooter>;
-export default DropdownFooter;
+export default DropdownFooter;
+//# sourceMappingURL=index.d.ts.map

package/internal/components/dropdown-status/index.d.ts

@@ -3,48 +3,33 @@ import { NonCancelableEventHandler } from '../../events';
 import { DropdownStatusProps } from './interfaces';
 export { DropdownStatusProps };
 export interface DropdownStatusPropsExtended extends DropdownStatusProps {
-  isEmpty?: boolean;
-  isNoMatch?: boolean;
-  isFiltered?: boolean;
-  noMatch?: React.ReactNode;
-  filteringResultsText?: string;
-  /**
-   * Called when the user clicks the recovery button placed at the
-   * bottom of the dropdown list in the error state. Use this to
-   * retry a failed request or provide another option for the user
-   * to recover from the error.
-   */
-  onRecoveryClick?: NonCancelableEventHandler;
-  /**
-   * Determines if retry button should be rendered
-   * in case recoveryText was automatically provided by i18n.
-   */
-  hasRecoveryCallback?: boolean;
+    isEmpty?: boolean;
+    isNoMatch?: boolean;
+    isFiltered?: boolean;
+    noMatch?: React.ReactNode;
+    filteringResultsText?: string;
+    /**
+     * Called when the user clicks the recovery button placed at the
+     * bottom of the dropdown list in the error state. Use this to
+     * retry a failed request or provide another option for the user
+     * to recover from the error.
+     */
+    onRecoveryClick?: NonCancelableEventHandler;
+    /**
+     * Determines if retry button should be rendered
+     * in case recoveryText was automatically provided by i18n.
+     */
+    hasRecoveryCallback?: boolean;
 }
-declare function DropdownStatus({
-  children
-}: {
-  children: React.ReactNode;
+declare function DropdownStatus({ children }: {
+    children: React.ReactNode;
 }): JSX.Element;
-type UseDropdownStatus = ({
-  statusType,
-  empty,
-  loadingText,
-  finishedText,
-  filteringResultsText,
-  errorText,
-  recoveryText,
-  isEmpty,
-  isNoMatch,
-  isFiltered,
-  noMatch,
-  hasRecoveryCallback,
-  onRecoveryClick
-}: DropdownStatusPropsExtended) => DropdownStatusResult;
+type UseDropdownStatus = ({ statusType, empty, loadingText, finishedText, filteringResultsText, errorText, recoveryText, isEmpty, isNoMatch, isFiltered, noMatch, hasRecoveryCallback, onRecoveryClick, }: DropdownStatusPropsExtended) => DropdownStatusResult;
 export interface DropdownStatusResult {
-  isSticky: boolean;
-  content: React.ReactNode | null;
-  hasRecoveryButton: boolean;
+    isSticky: boolean;
+    content: React.ReactNode | null;
+    hasRecoveryButton: boolean;
 }
 export declare const useDropdownStatus: UseDropdownStatus;
-export default DropdownStatus;
+export default DropdownStatus;
+//# sourceMappingURL=index.d.ts.map

package/internal/components/dropdown-status/interfaces.d.ts

@@ -1,42 +1,43 @@
 import { ReactNode } from 'react';
 export interface DropdownStatusProps {
-  /**
-   * Displayed when there are no options to display.
-   * This is only shown when `statusType` is set to `finished` or not set at all.
-   */
-  empty?: ReactNode;
-  /**
-   * Specifies the text to display when in the loading state.
-   **/
-  loadingText?: string;
-  /**
-   * Specifies the text to display at the bottom of the dropdown menu after pagination has reached the end.
-   **/
-  finishedText?: string;
-  /**
-   * Specifies the text to display when a data fetching error occurs. Make sure that you provide `recoveryText`.
-   **/
-  errorText?: string;
-  /**
-   * Specifies the text for the recovery button. The text is displayed next to the error text.
-   * Use the `onLoadItems` event to perform a recovery action (for example, retrying the request).
-   * @i18n
-   **/
-  recoveryText?: string;
-  /**
-   * Provides a text alternative for the error icon in the error message.
-   * @i18n
-   */
-  errorIconAriaLabel?: string;
-  /**
-   * Specifies the current status of loading more options.
-   * * `pending` - Indicates that no request in progress, but more options may be loaded.
-   * * `loading` - Indicates that data fetching is in progress.
-   * * `finished` - Indicates that pagination has finished and no more requests are expected.
-   * * `error` - Indicates that an error occurred during fetch. You should use `recoveryText` to enable the user to recover.
-   **/
-  statusType?: DropdownStatusProps.StatusType;
+    /**
+     * Displayed when there are no options to display.
+     * This is only shown when `statusType` is set to `finished` or not set at all.
+     */
+    empty?: ReactNode;
+    /**
+     * Specifies the text to display when in the loading state.
+     **/
+    loadingText?: string;
+    /**
+     * Specifies the text to display at the bottom of the dropdown menu after pagination has reached the end.
+     **/
+    finishedText?: string;
+    /**
+     * Specifies the text to display when a data fetching error occurs. Make sure that you provide `recoveryText`.
+     **/
+    errorText?: string;
+    /**
+     * Specifies the text for the recovery button. The text is displayed next to the error text.
+     * Use the `onLoadItems` event to perform a recovery action (for example, retrying the request).
+     * @i18n
+     **/
+    recoveryText?: string;
+    /**
+     * Provides a text alternative for the error icon in the error message.
+     * @i18n
+     */
+    errorIconAriaLabel?: string;
+    /**
+     * Specifies the current status of loading more options.
+     * * `pending` - Indicates that no request in progress, but more options may be loaded.
+     * * `loading` - Indicates that data fetching is in progress.
+     * * `finished` - Indicates that pagination has finished and no more requests are expected.
+     * * `error` - Indicates that an error occurred during fetch. You should use `recoveryText` to enable the user to recover.
+     **/
+    statusType?: DropdownStatusProps.StatusType;
 }
 export declare namespace DropdownStatusProps {
-  type StatusType = 'pending' | 'loading' | 'finished' | 'error';
-}
+    type StatusType = 'pending' | 'loading' | 'finished' | 'error';
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/internal/components/focus-lock/index.d.ts

@@ -1,16 +1,17 @@
 import React from 'react';
 export interface FocusLockProps {
-  className?: string;
-  disabled?: boolean;
-  autoFocus?: boolean;
-  restoreFocus?: boolean;
-  children: React.ReactNode;
+    className?: string;
+    disabled?: boolean;
+    autoFocus?: boolean;
+    restoreFocus?: boolean;
+    children: React.ReactNode;
 }
 export interface FocusLockRef {
-  /**
-   * Focuses the first element in the component.
-   */
-  focusFirst(): void;
+    /**
+     * Focuses the first element in the component.
+     */
+    focusFirst(): void;
 }
 declare const _default: React.ForwardRefExoticComponent<FocusLockProps & React.RefAttributes<FocusLockRef>>;
-export default _default;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/internal/components/focus-lock/utils.d.ts

@@ -1,4 +1,5 @@
 export declare function isFocusable(element: HTMLElement): boolean;
 export declare function getAllFocusables(container: HTMLElement): HTMLElement[];
 export declare function getFirstFocusable(container: HTMLElement): null | HTMLElement;
-export declare function getLastFocusable(container: HTMLElement): null | HTMLElement;
+export declare function getLastFocusable(container: HTMLElement): null | HTMLElement;
+//# sourceMappingURL=utils.d.ts.map

package/internal/components/interfaces.d.ts

@@ -1,4 +1,5 @@
 export type Offset = number | {
-  x: number;
-  y: number;
-};
+    x: number;
+    y: number;
+};
+//# sourceMappingURL=interfaces.d.ts.map

package/internal/components/masked-input/index.d.ts

@@ -2,4 +2,5 @@ import React from 'react';
 import { MaskedInputProps } from './interfaces';
 declare const MaskedInput: React.ForwardRefExoticComponent<MaskedInputProps & React.RefAttributes<MaskedInputProps.Ref>>;
 export { MaskedInputProps };
-export default MaskedInput;
+export default MaskedInput;
+//# sourceMappingURL=index.d.ts.map

package/internal/components/masked-input/interfaces.d.ts

@@ -4,25 +4,26 @@ import { BaseComponentProps } from '../../base-component';
 import { FormFieldValidationControlProps } from '../../context/form-field-context';
 import { MaskArgs } from './utils/mask-format';
 export interface MaskedInputProps extends InternalInputProps, FormFieldValidationControlProps, BaseComponentProps {
-  /**
-   * Mask config definition to describe segments and seperators
-   */
-  mask: MaskArgs;
-  /**
-   * Autofixes values provided to the Mask based on the minValue/maxValue specified in the mask.
-   */
-  autofix?: boolean;
-  /**
-   * Disable value autocompletion when input is blurred
-   */
-  disableAutocompleteOnBlur?: boolean;
-}
-export declare namespace MaskedInputProps {
-  type ChangeDetail = BaseChangeDetail;
-  interface Ref {
     /**
-     * Sets input focus onto the UI control.
+     * Mask config definition to describe segments and seperators
      */
-    focus(): void;
-  }
-}
+    mask: MaskArgs;
+    /**
+     * Autofixes values provided to the Mask based on the minValue/maxValue specified in the mask.
+     */
+    autofix?: boolean;
+    /**
+     * Disable value autocompletion when input is blurred
+     */
+    disableAutocompleteOnBlur?: boolean;
+}
+export declare namespace MaskedInputProps {
+    type ChangeDetail = BaseChangeDetail;
+    interface Ref {
+        /**
+         * Sets input focus onto the UI control.
+         */
+        focus(): void;
+    }
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/internal/components/masked-input/keyboard-handler.d.ts

@@ -1,7 +1,7 @@
 import MaskFormat from './utils/mask-format';
 export interface HandlerResult {
-  position: number;
-  value: string;
+    position: number;
+    value: string;
 }
 /**
  * Handles character removal
@@ -22,4 +22,5 @@ export declare const backspaceHandler: (initialValue: string, format: MaskFormat
  * @param selectionEnd Ending Index value of selection cursor
  */
 export declare const keyHandler: (initialValue: string, key: string, format: MaskFormat, selectionStart: number, selectionEnd: number) => HandlerResult;
-export declare const enterHandler: (value: string, format: MaskFormat) => HandlerResult;
+export declare const enterHandler: (value: string, format: MaskFormat) => HandlerResult;
+//# sourceMappingURL=keyboard-handler.d.ts.map

package/internal/components/masked-input/use-mask.d.ts

@@ -3,32 +3,23 @@ import { InputProps } from '../../../input/interfaces';
 import { CancelableEventHandler, NonCancelableEventHandler } from '../../events';
 import MaskFormat from './utils/mask-format';
 interface UseMaskHook {
-  value: string;
-  onChange: NonCancelableEventHandler<InputProps.ChangeDetail>;
-  onKeyDown: CancelableEventHandler<InputProps.KeyDetail>;
-  onBlur: NonCancelableEventHandler<null>;
-  onPaste: (event: React.ClipboardEvent) => void;
+    value: string;
+    onChange: NonCancelableEventHandler<InputProps.ChangeDetail>;
+    onKeyDown: CancelableEventHandler<InputProps.KeyDetail>;
+    onBlur: NonCancelableEventHandler<null>;
+    onPaste: (event: React.ClipboardEvent) => void;
 }
 interface UseMaskProps {
-  value: string;
-  onChange: (value: string) => void;
-  onKeyDown?: (event: CustomEvent) => void;
-  onBlur?: () => void;
-  format: MaskFormat;
-  autofix?: boolean;
-  inputRef: RefObject<HTMLInputElement>;
-  disableAutocompleteOnBlur?: boolean;
-  setPosition: (position: number | null) => void;
+    value: string;
+    onChange: (value: string) => void;
+    onKeyDown?: (event: CustomEvent) => void;
+    onBlur?: () => void;
+    format: MaskFormat;
+    autofix?: boolean;
+    inputRef: RefObject<HTMLInputElement>;
+    disableAutocompleteOnBlur?: boolean;
+    setPosition: (position: number | null) => void;
 }
-declare const useMask: ({
-  value,
-  onBlur,
-  onChange,
-  onKeyDown,
-  format,
-  inputRef,
-  autofix,
-  disableAutocompleteOnBlur,
-  setPosition
-}: UseMaskProps) => UseMaskHook;
-export default useMask;
+declare const useMask: ({ value, onBlur, onChange, onKeyDown, format, inputRef, autofix, disableAutocompleteOnBlur, setPosition, }: UseMaskProps) => UseMaskHook;
+export default useMask;
+//# sourceMappingURL=use-mask.d.ts.map

package/internal/components/masked-input/utils/keys.d.ts

@@ -1,2 +1,3 @@
 export declare const isCommand: (keyCode: number, ctrlKey: boolean, metaKey: boolean) => boolean;
-export declare const isDigit: (char: string) => boolean;
+export declare const isDigit: (char: string) => boolean;
+//# sourceMappingURL=keys.d.ts.map