@cloudscape-design/components 3.0.1007 → 3.0.1008

package/form-field/interfaces.d.ts

@@ -3,101 +3,102 @@ import { AnalyticsMetadata, ErrorContext } from '../internal/analytics/interface
 import { BaseComponentProps } from '../internal/base-component';
 import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
 export interface FormFieldProps extends BaseComponentProps {
-  /**
-   * The ID of the primary form control. You can use this to set the
-   * `for` attribute of a label for accessibility.
-   *
-   * If you don't set this property, the control group automatically sets
-   * the label to the ID of an inner form control (for example, an [input](/components/input) component).
-   * This only works well if you're using a single control in the form field.
-   */
-  controlId?: string;
-  /**
-   * Determines whether the primary control should expand to 12 columns.
-   *
-   * By default (or when this property is set to `false`), the primary control
-   * occupies 9 columns. The secondary control uses the remaining 3 columns.
-   * On smaller viewports, both components occupy 12 columns and stack on top of each other.
-   *
-   * If this property is set to `true`, the primary control uses the full
-   * 12 columns. The secondary control (if present) also uses 12 columns, and the two
-   * controls stack on top of each other.
-   */
-  stretch?: boolean;
-  /**
-   * The main label for the form field.
-   */
-  label?: React.ReactNode;
-  /**
-   * An object containing all the necessary localized strings required by the component.
-   * @i18n
-   */
-  i18nStrings?: FormFieldProps.I18nStrings;
-  /**
-   * Use to display an 'Info' link next to the label.
-   */
-  info?: React.ReactNode;
-  /**
-   * The primary form control (for example, input, textarea, etc.).
-   * @displayname control
-   */
-  children?: React.ReactNode;
-  /**
-   * A secondary control. You can use this for custom actions and content.
-   */
-  secondaryControl?: React.ReactNode;
-  /**
-   * Detailed information about the form field that's displayed below the label.
-   */
-  description?: React.ReactNode;
-  /**
-   * Constraint text that's displayed below the control. Use this to provide
-   * additional information about valid formats, etc.
-   */
-  constraintText?: React.ReactNode;
-  /**
-   * Text that displays as a validation error message. If this is set to a
-   * non-empty string, it will render the form field as invalid.
-   */
-  errorText?: React.ReactNode;
-  /**
-   * Text that displays as a validation warning message. If this is set to a
-   * non-empty string, it will render the form field in a warning state.
-   */
-  warningText?: React.ReactNode;
-  /**
-   * Specifies additional analytics-related metadata.
-   * * `instanceIdentifier` - A unique string that identifies this component instance in your application.
-   * * `errorContext` - Identifies the error category and sub-category.
-   * @analytics
-   */
-  analyticsMetadata?: FormFieldProps.AnalyticsMetadata;
+    /**
+     * The ID of the primary form control. You can use this to set the
+     * `for` attribute of a label for accessibility.
+     *
+     * If you don't set this property, the control group automatically sets
+     * the label to the ID of an inner form control (for example, an [input](/components/input) component).
+     * This only works well if you're using a single control in the form field.
+     */
+    controlId?: string;
+    /**
+     * Determines whether the primary control should expand to 12 columns.
+     *
+     * By default (or when this property is set to `false`), the primary control
+     * occupies 9 columns. The secondary control uses the remaining 3 columns.
+     * On smaller viewports, both components occupy 12 columns and stack on top of each other.
+     *
+     * If this property is set to `true`, the primary control uses the full
+     * 12 columns. The secondary control (if present) also uses 12 columns, and the two
+     * controls stack on top of each other.
+     */
+    stretch?: boolean;
+    /**
+     * The main label for the form field.
+     */
+    label?: React.ReactNode;
+    /**
+     * An object containing all the necessary localized strings required by the component.
+     * @i18n
+     */
+    i18nStrings?: FormFieldProps.I18nStrings;
+    /**
+     * Use to display an 'Info' link next to the label.
+     */
+    info?: React.ReactNode;
+    /**
+     * The primary form control (for example, input, textarea, etc.).
+     * @displayname control
+     */
+    children?: React.ReactNode;
+    /**
+     * A secondary control. You can use this for custom actions and content.
+     */
+    secondaryControl?: React.ReactNode;
+    /**
+     * Detailed information about the form field that's displayed below the label.
+     */
+    description?: React.ReactNode;
+    /**
+     * Constraint text that's displayed below the control. Use this to provide
+     * additional information about valid formats, etc.
+     */
+    constraintText?: React.ReactNode;
+    /**
+     * Text that displays as a validation error message. If this is set to a
+     * non-empty string, it will render the form field as invalid.
+     */
+    errorText?: React.ReactNode;
+    /**
+     * Text that displays as a validation warning message. If this is set to a
+     * non-empty string, it will render the form field in a warning state.
+     */
+    warningText?: React.ReactNode;
+    /**
+     * Specifies additional analytics-related metadata.
+     * * `instanceIdentifier` - A unique string that identifies this component instance in your application.
+     * * `errorContext` - Identifies the error category and sub-category.
+     * @analytics
+     */
+    analyticsMetadata?: FormFieldProps.AnalyticsMetadata;
 }
 export declare namespace FormFieldProps {
-  interface AnalyticsMetadata {
-    instanceIdentifier?: string;
-    errorContext?: ErrorContext;
-  }
-  interface I18nStrings {
+    interface AnalyticsMetadata {
+        instanceIdentifier?: string;
+        errorContext?: ErrorContext;
+    }
+    interface I18nStrings {
+        /**
+         * Provides a text alternative for the error icon in the error message.
+         */
+        errorIconAriaLabel?: string;
+        /**
+         * Provides a text alternative for the warning icon in the warning message.
+         */
+        warningIconAriaLabel?: string;
+    }
+}
+export interface InternalFormFieldProps extends FormFieldProps, InternalBaseComponentProps<HTMLDivElement> {
     /**
-     * Provides a text alternative for the error icon in the error message.
+     * Visually hide the label.
      */
-    errorIconAriaLabel?: string;
+    __hideLabel?: boolean;
     /**
-     * Provides a text alternative for the warning icon in the warning message.
+     * Disable the gutter applied by default.
      */
-    warningIconAriaLabel?: string;
-  }
+    __disableGutters?: boolean;
+    __analyticsMetadata?: AnalyticsMetadata;
+    __style?: CSSProperties;
 }
-export interface InternalFormFieldProps extends FormFieldProps, InternalBaseComponentProps<HTMLDivElement> {
-  /**
-   * Visually hide the label.
-   */
-  __hideLabel?: boolean;
-  /**
-   * Disable the gutter applied by default.
-   */
-  __disableGutters?: boolean;
-  __analyticsMetadata?: AnalyticsMetadata;
-  __style?: CSSProperties;
-}
+//# sourceMappingURL=interfaces.d.ts.map

package/form-field/internal.d.ts

@@ -1,51 +1,22 @@
 import React from 'react';
 import { InternalFormFieldProps } from './interfaces';
 interface FormFieldErrorProps {
-  id?: string;
-  children?: React.ReactNode;
-  errorIconAriaLabel?: string;
+    id?: string;
+    children?: React.ReactNode;
+    errorIconAriaLabel?: string;
 }
 interface FormFieldWarningProps {
-  id?: string;
-  children?: React.ReactNode;
-  warningIconAriaLabel?: string;
+    id?: string;
+    children?: React.ReactNode;
+    warningIconAriaLabel?: string;
 }
-export declare function FormFieldError({
-  id,
-  children,
-  errorIconAriaLabel
-}: FormFieldErrorProps): JSX.Element;
-export declare function FormFieldWarning({
-  id,
-  children,
-  warningIconAriaLabel
-}: FormFieldWarningProps): JSX.Element;
-export declare function ConstraintText({
-  id,
-  hasValidationText,
-  children
-}: {
-  id?: string;
-  hasValidationText: boolean;
-  children: React.ReactNode;
+export declare function FormFieldError({ id, children, errorIconAriaLabel }: FormFieldErrorProps): JSX.Element;
+export declare function FormFieldWarning({ id, children, warningIconAriaLabel }: FormFieldWarningProps): JSX.Element;
+export declare function ConstraintText({ id, hasValidationText, children, }: {
+    id?: string;
+    hasValidationText: boolean;
+    children: React.ReactNode;
 }): JSX.Element;
-export default function InternalFormField({
-  controlId,
-  stretch,
-  label,
-  info,
-  i18nStrings,
-  children,
-  secondaryControl,
-  description,
-  constraintText,
-  errorText,
-  warningText,
-  __hideLabel,
-  __internalRootRef,
-  __disableGutters,
-  __analyticsMetadata,
-  __style,
-  ...rest
-}: InternalFormFieldProps): JSX.Element;
-export {};
+export default function InternalFormField({ controlId, stretch, label, info, i18nStrings, children, secondaryControl, description, constraintText, errorText, warningText, __hideLabel, __internalRootRef, __disableGutters, __analyticsMetadata, __style, ...rest }: InternalFormFieldProps): JSX.Element;
+export {};
+//# sourceMappingURL=internal.d.ts.map

package/form-field/util.d.ts

@@ -1,20 +1,16 @@
 /// <reference types="react" />
 import { GridProps } from '../grid/interfaces';
 interface FormFieldIds {
-  label?: string;
-  description?: string;
-  constraint?: string;
-  error?: string;
-  warning?: string;
+    label?: string;
+    description?: string;
+    constraint?: string;
+    error?: string;
+    warning?: string;
 }
 export declare function getSlotIds(formFieldId: string, label?: React.ReactNode, description?: React.ReactNode, constraintText?: React.ReactNode, errorText?: React.ReactNode, warningText?: React.ReactNode): FormFieldIds;
-export declare function getAriaDescribedBy({
-  error,
-  warning,
-  description,
-  constraint
-}: FormFieldIds): string | undefined;
+export declare function getAriaDescribedBy({ error, warning, description, constraint }: FormFieldIds): string | undefined;
 export declare function getGridDefinition(stretch: boolean, secondaryControlPresent: boolean, isRefresh: boolean): {
-  colspan: GridProps.BreakpointMapping | number;
+    colspan: GridProps.BreakpointMapping | number;
 }[];
-export {};
+export {};
+//# sourceMappingURL=util.d.ts.map

package/grid/index.d.ts

@@ -1,9 +1,5 @@
 /// <reference types="react" />
 import { GridProps } from './interfaces';
 export { GridProps };
-export default function Grid({
-  gridDefinition,
-  disableGutters,
-  children,
-  ...restProps
-}: GridProps): JSX.Element;
+export default function Grid({ gridDefinition, disableGutters, children, ...restProps }: GridProps): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/grid/interfaces.d.ts

@@ -2,56 +2,57 @@ import React from 'react';
 import { BaseComponentProps } from '../internal/base-component';
 import { Breakpoint as _Breakpoint } from '../internal/breakpoints';
 export interface GridProps extends BaseComponentProps {
-  /**
-   * An array of element definitions that specifies how the columns must be
-   * arranged. Each element definition can have the following properties:
-   *
-   * - `colspan` (number | GridProps.BreakpointMapping) - The number (1-12) of grid elements for this column to span.
-   * - `offset` (number | GridProps.BreakpointMapping) - The number (0-11) of grid elements by which to offset the column.
-   * - `pull` (number | GridProps.BreakpointMapping) - The number (0-12) of grid elements by which to pull the column to the left.
-   * - `push` (number | GridProps.BreakpointMapping) - The number (0-12) of grid elements by which to push the column to the right.
-   *
-   * The value for the each property can be a number (which applies for all
-   * breakpoints) or an object where the key is one of the supported breakpoints
-   * (`xxs`, `xs`, `s`, `m`, `l`, `xl`) or `default`. The value of this key is a number of columns,
-   * applied for that breakpoint and those above it. You must provide a `default` value for `colspan`.
-   *
-   * We recommend that you don't use the `pull` and `push` properties of the element definition
-   * for accessibility reasons.
-   */
-  gridDefinition?: ReadonlyArray<GridProps.ElementDefinition>;
-  /**
-   * Determines whether horizontal and vertical gutters are hidden.
-   */
-  disableGutters?: boolean;
-  /**
-   * The elements to align in the grid.
-   *
-   * You can provide any elements here. The number of elements
-   * should match the number of objects defined in the `gridDefinition`
-   * property.
-   */
-  children?: React.ReactNode;
-}
-export declare namespace GridProps {
-  type Breakpoint = _Breakpoint;
-  type BreakpointMapping = Partial<Record<_Breakpoint, number>>;
-  interface ElementDefinition {
-    /**
-     * The number of grid elements for the column to span.
-     */
-    colspan?: number | GridProps.BreakpointMapping;
     /**
-     * The number of grid elements to offset the column by.
+     * An array of element definitions that specifies how the columns must be
+     * arranged. Each element definition can have the following properties:
+     *
+     * - `colspan` (number | GridProps.BreakpointMapping) - The number (1-12) of grid elements for this column to span.
+     * - `offset` (number | GridProps.BreakpointMapping) - The number (0-11) of grid elements by which to offset the column.
+     * - `pull` (number | GridProps.BreakpointMapping) - The number (0-12) of grid elements by which to pull the column to the left.
+     * - `push` (number | GridProps.BreakpointMapping) - The number (0-12) of grid elements by which to push the column to the right.
+     *
+     * The value for the each property can be a number (which applies for all
+     * breakpoints) or an object where the key is one of the supported breakpoints
+     * (`xxs`, `xs`, `s`, `m`, `l`, `xl`) or `default`. The value of this key is a number of columns,
+     * applied for that breakpoint and those above it. You must provide a `default` value for `colspan`.
+     *
+     * We recommend that you don't use the `pull` and `push` properties of the element definition
+     * for accessibility reasons.
      */
-    offset?: number | GridProps.BreakpointMapping;
+    gridDefinition?: ReadonlyArray<GridProps.ElementDefinition>;
     /**
-     * The number of grid elements to pull the column to the left by.
+     * Determines whether horizontal and vertical gutters are hidden.
      */
-    pull?: number | GridProps.BreakpointMapping;
+    disableGutters?: boolean;
     /**
-     * The number of grid elements to push the column to the right by.
+     * The elements to align in the grid.
+     *
+     * You can provide any elements here. The number of elements
+     * should match the number of objects defined in the `gridDefinition`
+     * property.
      */
-    push?: number | GridProps.BreakpointMapping;
-  }
-}
+    children?: React.ReactNode;
+}
+export declare namespace GridProps {
+    type Breakpoint = _Breakpoint;
+    type BreakpointMapping = Partial<Record<_Breakpoint, number>>;
+    interface ElementDefinition {
+        /**
+         * The number of grid elements for the column to span.
+         */
+        colspan?: number | GridProps.BreakpointMapping;
+        /**
+         * The number of grid elements to offset the column by.
+         */
+        offset?: number | GridProps.BreakpointMapping;
+        /**
+         * The number of grid elements to pull the column to the left by.
+         */
+        pull?: number | GridProps.BreakpointMapping;
+        /**
+         * The number of grid elements to push the column to the right by.
+         */
+        push?: number | GridProps.BreakpointMapping;
+    }
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/grid/internal.d.ts

@@ -4,15 +4,16 @@ import { Breakpoint } from '../internal/breakpoints';
 import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
 import { GridProps } from './interfaces';
 interface InternalGridProps extends GridProps, InternalBaseComponentProps {
-  __breakpoint?: Breakpoint | null;
-  /**
-   * The handler that fires when the grid breakpoint changes.
-   */
-  __responsiveClassName?: (breakpoint: Breakpoint | null) => ClassValue;
-  /**
-   * Overrides the default wrapper HTML tag.
-   */
-  __tagOverride?: string;
+    __breakpoint?: Breakpoint | null;
+    /**
+     * The handler that fires when the grid breakpoint changes.
+     */
+    __responsiveClassName?: (breakpoint: Breakpoint | null) => ClassValue;
+    /**
+     * Overrides the default wrapper HTML tag.
+     */
+    __tagOverride?: string;
 }
 declare const InternalGrid: React.ForwardRefExoticComponent<InternalGridProps & React.RefAttributes<HTMLDivElement>>;
-export default InternalGrid;
+export default InternalGrid;
+//# sourceMappingURL=internal.d.ts.map

package/header/analytics/use-table-integration.d.ts

@@ -4,4 +4,5 @@
  * The extracted count value is automatically synchronized with the table header
  * component through the table context, updating the countText property.
  */
-export declare const useTableIntegration: (countText: string | undefined) => void;
+export declare const useTableIntegration: (countText: string | undefined) => void;
+//# sourceMappingURL=use-table-integration.d.ts.map

package/header/index.d.ts

@@ -1,7 +1,5 @@
 /// <reference types="react" />
 import { HeaderProps } from './interfaces';
 export { HeaderProps };
-export default function Header({
-  variant,
-  ...props
-}: HeaderProps): JSX.Element;
+export default function Header({ variant, ...props }: HeaderProps): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/header/interfaces.d.ts

@@ -1,45 +1,46 @@
 import React from 'react';
 import { BaseComponentProps } from '../internal/base-component';
 export interface HeaderProps extends BaseComponentProps {
-  /**
-   * The heading text. Plain text is recommended. The component renders the
-   * HTML heading tag based on the specified `variant` or `headingTagOverride`.
-   * @displayname title
-   */
-  children?: React.ReactNode;
-  /**
-   * Specifies the variant of the header:
-   * * `h1` - Use this for page level headers.
-   * * `h2` - Use this for container level headers.
-   * * `h3` - Use this for section level headers.
-   * * `awsui-h1-sticky` - Use this for sticky headers in cards and tables.
-   * @visualrefresh `awsui-h1-sticky` variant
-   */
-  variant?: HeaderProps.Variant;
-  /**
-   * Overrides the default [HTML heading tag](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements)
-   * provided by the variant. Using this property does not change the visual appearance of the component.
-   */
-  headingTagOverride?: HeaderProps.HeadingTag;
-  /**
-   * Supplementary text below the heading.
-   */
-  description?: React.ReactNode;
-  /**
-   * Actions for the container.
-   */
-  actions?: React.ReactNode;
-  /**
-   * Specifies secondary text that's displayed to the right of the heading title. This is commonly used
-   * to display resource counters in table and cards components.
-   */
-  counter?: string;
-  /**
-   * Area next to the heading to display an Info link.
-   */
-  info?: React.ReactNode;
+    /**
+     * The heading text. Plain text is recommended. The component renders the
+     * HTML heading tag based on the specified `variant` or `headingTagOverride`.
+     * @displayname title
+     */
+    children?: React.ReactNode;
+    /**
+     * Specifies the variant of the header:
+     * * `h1` - Use this for page level headers.
+     * * `h2` - Use this for container level headers.
+     * * `h3` - Use this for section level headers.
+     * * `awsui-h1-sticky` - Use this for sticky headers in cards and tables.
+     * @visualrefresh `awsui-h1-sticky` variant
+     */
+    variant?: HeaderProps.Variant;
+    /**
+     * Overrides the default [HTML heading tag](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements)
+     * provided by the variant. Using this property does not change the visual appearance of the component.
+     */
+    headingTagOverride?: HeaderProps.HeadingTag;
+    /**
+     * Supplementary text below the heading.
+     */
+    description?: React.ReactNode;
+    /**
+     * Actions for the container.
+     */
+    actions?: React.ReactNode;
+    /**
+     * Specifies secondary text that's displayed to the right of the heading title. This is commonly used
+     * to display resource counters in table and cards components.
+     */
+    counter?: string;
+    /**
+     * Area next to the heading to display an Info link.
+     */
+    info?: React.ReactNode;
 }
 export declare namespace HeaderProps {
-  type Variant = 'h1' | 'h2' | 'h3' | 'awsui-h1-sticky';
-  type HeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5';
-}
+    type Variant = 'h1' | 'h2' | 'h3' | 'awsui-h1-sticky';
+    type HeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5';
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/header/internal.d.ts

@@ -3,29 +3,14 @@ import { InternalBaseComponentProps } from '../internal/hooks/use-base-component
 import { SomeRequired } from '../internal/types';
 import { HeaderProps } from './interfaces';
 interface InternalHeaderProps extends SomeRequired<HeaderProps, 'variant'>, InternalBaseComponentProps {
-  __disableActionsWrapping?: boolean;
-  __headingTagRef?: MutableRefObject<HTMLHeadingElement | null>;
-  __headingTagTabIndex?: number;
+    __disableActionsWrapping?: boolean;
+    __headingTagRef?: MutableRefObject<HTMLHeadingElement | null>;
+    __headingTagTabIndex?: number;
 }
-export default function InternalHeader({
-  variant,
-  headingTagOverride,
-  children,
-  actions,
-  counter,
-  description,
-  info,
-  __internalRootRef,
-  __disableActionsWrapping,
-  __headingTagRef,
-  __headingTagTabIndex,
-  ...restProps
-}: InternalHeaderProps): JSX.Element;
-export declare function Description({
-  children,
-  variantOverride
-}: {
-  children: React.ReactNode;
-  variantOverride: string;
+export default function InternalHeader({ variant, headingTagOverride, children, actions, counter, description, info, __internalRootRef, __disableActionsWrapping, __headingTagRef, __headingTagTabIndex, ...restProps }: InternalHeaderProps): JSX.Element;
+export declare function Description({ children, variantOverride }: {
+    children: React.ReactNode;
+    variantOverride: string;
 }): JSX.Element | null;
-export {};
+export {};
+//# sourceMappingURL=internal.d.ts.map

package/help-panel/implementation.d.ts

@@ -2,14 +2,7 @@
 import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
 import { HelpPanelProps } from './interfaces';
 type HelpPanelInternalProps = HelpPanelProps & InternalBaseComponentProps;
-export declare function HelpPanelImplementation({
-  header,
-  footer,
-  children,
-  loading,
-  loadingText,
-  __internalRootRef,
-  ...restProps
-}: HelpPanelInternalProps): JSX.Element;
+export declare function HelpPanelImplementation({ header, footer, children, loading, loadingText, __internalRootRef, ...restProps }: HelpPanelInternalProps): JSX.Element;
 export declare const createWidgetizedHelpPanel: (Loader?: typeof HelpPanelImplementation | undefined) => typeof HelpPanelImplementation;
-export {};
+export {};
+//# sourceMappingURL=implementation.d.ts.map

package/help-panel/index.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
 import { HelpPanelProps } from './interfaces';
 export { HelpPanelProps };
-export default function HelpPanel(props: HelpPanelProps): JSX.Element;
+export default function HelpPanel(props: HelpPanelProps): JSX.Element;
+//# sourceMappingURL=index.d.ts.map