@cloudscape-design/components 3.0.1007 → 3.0.1008

package/area-chart/model/index.d.ts

@@ -6,77 +6,78 @@ import { ChartSeriesMarkerType } from '../../internal/components/chart-series-ma
 import { ReadonlyAsyncStore } from '../async-store';
 import { AreaChartProps } from '../interfaces';
 export interface ChartModel<T extends AreaChartProps.DataTypes> {
-  height: number;
-  width: number;
-  series: readonly AreaChartProps.Series<T>[];
-  allSeries: readonly AreaChartProps.Series<T>[];
-  getInternalSeries(series: AreaChartProps.Series<T>): ChartModel.InternalSeries<T>;
-  computed: ChartModel.ComputedProps<T>;
-  handlers: {
-    onSVGMouseMove: (event: React.MouseEvent<SVGElement>) => void;
-    onSVGMouseOut: (event: React.MouseEvent<SVGElement>) => void;
-    onSVGMouseDown: (event: React.MouseEvent<SVGSVGElement>) => void;
-    onSVGKeyDown: (event: React.KeyboardEvent<HTMLElement | SVGElement>) => void;
-    onApplicationFocus: (event: React.FocusEvent<Element>, trigger: 'mouse' | 'keyboard') => void;
-    onApplicationBlur: (event: React.FocusEvent<Element>) => void;
-    onFilterSeries: (series: readonly AreaChartProps.Series<T>[]) => void;
-    onLegendHighlight: (series: null | AreaChartProps.Series<T>) => void;
-    onPopoverDismiss: (outsideClick?: boolean) => void;
-    onContainerBlur: () => void;
-    onDocumentKeyDown: (event: KeyboardEvent) => void;
-    onPopoverLeave: (event: React.MouseEvent) => void;
-  };
-  interactions: ReadonlyAsyncStore<ChartModel.InteractionsState<T>>;
-  refs: {
-    plot: React.RefObject<ChartPlotRef>;
-    plotMeasure: React.Ref<SVGLineElement>;
-    container: React.RefObject<HTMLDivElement>;
-    verticalMarker: React.RefObject<SVGLineElement>;
-    popoverRef: React.RefObject<HTMLElement>;
-  };
-}
-export declare namespace ChartModel {
-  interface ComputedProps<T extends AreaChartProps.DataTypes> {
-    xDomain: XDomain<T>;
-    yDomain: YDomain;
-    xScale: ChartScale;
-    yScale: NumericChartScale;
-    xTicks: AreaChartProps.DataTypes[];
-    yTicks: number[];
-    plot: {
-      xy: readonly PlotPoint<T>[][];
-      xs: readonly PlotPoint<T>[][];
-      sx: readonly PlotPoint<T>[][];
-    };
-  }
-  interface InteractionsState<T> {
-    highlightedX: null | readonly PlotPoint<T>[];
-    highlightedPoint: null | PlotPoint<T>;
-    highlightedSeries: null | AreaChartProps.Series<T>;
-    legendSeries: null | AreaChartProps.Series<T>;
-    isPopoverPinned: boolean;
-  }
-  interface InternalSeries<T> {
-    series: AreaChartProps.Series<T>;
-    title: string;
-    color: string;
-    markerType: ChartSeriesMarkerType;
-    formatValue: (y: number, x: T) => string | number;
-  }
-  interface PlotPoint<T> {
-    x: T;
-    y0: number;
-    y1: number;
-    scaled: {
-      x: number;
-      y0: number;
-      y1: number;
+    height: number;
+    width: number;
+    series: readonly AreaChartProps.Series<T>[];
+    allSeries: readonly AreaChartProps.Series<T>[];
+    getInternalSeries(series: AreaChartProps.Series<T>): ChartModel.InternalSeries<T>;
+    computed: ChartModel.ComputedProps<T>;
+    handlers: {
+        onSVGMouseMove: (event: React.MouseEvent<SVGElement>) => void;
+        onSVGMouseOut: (event: React.MouseEvent<SVGElement>) => void;
+        onSVGMouseDown: (event: React.MouseEvent<SVGSVGElement>) => void;
+        onSVGKeyDown: (event: React.KeyboardEvent<HTMLElement | SVGElement>) => void;
+        onApplicationFocus: (event: React.FocusEvent<Element>, trigger: 'mouse' | 'keyboard') => void;
+        onApplicationBlur: (event: React.FocusEvent<Element>) => void;
+        onFilterSeries: (series: readonly AreaChartProps.Series<T>[]) => void;
+        onLegendHighlight: (series: null | AreaChartProps.Series<T>) => void;
+        onPopoverDismiss: (outsideClick?: boolean) => void;
+        onContainerBlur: () => void;
+        onDocumentKeyDown: (event: KeyboardEvent) => void;
+        onPopoverLeave: (event: React.MouseEvent) => void;
     };
-    index: {
-      x: number;
-      y: number;
-      s: number;
+    interactions: ReadonlyAsyncStore<ChartModel.InteractionsState<T>>;
+    refs: {
+        plot: React.RefObject<ChartPlotRef>;
+        plotMeasure: React.Ref<SVGLineElement>;
+        container: React.RefObject<HTMLDivElement>;
+        verticalMarker: React.RefObject<SVGLineElement>;
+        popoverRef: React.RefObject<HTMLElement>;
     };
-    value: number;
-  }
-}
+}
+export declare namespace ChartModel {
+    interface ComputedProps<T extends AreaChartProps.DataTypes> {
+        xDomain: XDomain<T>;
+        yDomain: YDomain;
+        xScale: ChartScale;
+        yScale: NumericChartScale;
+        xTicks: AreaChartProps.DataTypes[];
+        yTicks: number[];
+        plot: {
+            xy: readonly PlotPoint<T>[][];
+            xs: readonly PlotPoint<T>[][];
+            sx: readonly PlotPoint<T>[][];
+        };
+    }
+    interface InteractionsState<T> {
+        highlightedX: null | readonly PlotPoint<T>[];
+        highlightedPoint: null | PlotPoint<T>;
+        highlightedSeries: null | AreaChartProps.Series<T>;
+        legendSeries: null | AreaChartProps.Series<T>;
+        isPopoverPinned: boolean;
+    }
+    interface InternalSeries<T> {
+        series: AreaChartProps.Series<T>;
+        title: string;
+        color: string;
+        markerType: ChartSeriesMarkerType;
+        formatValue: (y: number, x: T) => string | number;
+    }
+    interface PlotPoint<T> {
+        x: T;
+        y0: number;
+        y1: number;
+        scaled: {
+            x: number;
+            y0: number;
+            y1: number;
+        };
+        index: {
+            x: number;
+            y: number;
+            s: number;
+        };
+        value: number;
+    }
+}
+//# sourceMappingURL=index.d.ts.map

package/area-chart/model/interactions-store.d.ts

@@ -2,18 +2,19 @@ import AsyncStore from '../async-store';
 import { AreaChartProps } from '../interfaces';
 import { ChartModel } from './index';
 export default class InteractionsStore<T extends AreaChartProps.DataTypes> extends AsyncStore<ChartModel.InteractionsState<T>> {
-  series: readonly AreaChartProps.Series<T>[];
-  plot: ChartModel.ComputedProps<T>['plot'];
-  constructor(series: readonly AreaChartProps.Series<T>[], plot: ChartModel.ComputedProps<T>['plot']);
-  highlightPoint(point: ChartModel.PlotPoint<T>): void;
-  highlightX(points: readonly ChartModel.PlotPoint<T>[]): void;
-  highlightFirstPoint(): void;
-  highlightSeries(s: null | AreaChartProps.Series<T>): void;
-  clearHighlight(): void;
-  clearHighlightedLegend(): void;
-  clearState(): void;
-  pinPopover(): void;
-  unpinPopover(): void;
-  togglePopoverPin(): void;
-  _getFirstSeriesPoint(s: AreaChartProps.Series<T>): null | ChartModel.PlotPoint<T>;
-}
+    series: readonly AreaChartProps.Series<T>[];
+    plot: ChartModel.ComputedProps<T>['plot'];
+    constructor(series: readonly AreaChartProps.Series<T>[], plot: ChartModel.ComputedProps<T>['plot']);
+    highlightPoint(point: ChartModel.PlotPoint<T>): void;
+    highlightX(points: readonly ChartModel.PlotPoint<T>[]): void;
+    highlightFirstPoint(): void;
+    highlightSeries(s: null | AreaChartProps.Series<T>): void;
+    clearHighlight(): void;
+    clearHighlightedLegend(): void;
+    clearState(): void;
+    pinPopover(): void;
+    unpinPopover(): void;
+    togglePopoverPin(): void;
+    _getFirstSeriesPoint(s: AreaChartProps.Series<T>): null | ChartModel.PlotPoint<T>;
+}
+//# sourceMappingURL=interactions-store.d.ts.map

package/area-chart/model/use-chart-model.d.ts

@@ -3,36 +3,21 @@ import { XDomain, XScaleType, YDomain, YScaleType } from '../../internal/compone
 import { AreaChartProps } from '../interfaces';
 import { ChartModel } from './index';
 export interface UseChartModelProps<T extends AreaChartProps.DataTypes> {
-  isRtl?: boolean;
-  fitHeight?: boolean;
-  externalSeries: readonly AreaChartProps.Series<T>[];
-  visibleSeries: readonly AreaChartProps.Series<T>[];
-  setVisibleSeries: (series: readonly AreaChartProps.Series<T>[]) => void;
-  highlightedSeries: null | AreaChartProps.Series<T>;
-  setHighlightedSeries: (series: null | AreaChartProps.Series<T>) => void;
-  xDomain?: XDomain<T>;
-  yDomain?: YDomain;
-  xScaleType: XScaleType;
-  yScaleType: YScaleType;
-  height: number;
-  width: number;
-  popoverRef: RefObject<HTMLElement>;
-  statusType: 'loading' | 'finished' | 'error';
+    isRtl?: boolean;
+    fitHeight?: boolean;
+    externalSeries: readonly AreaChartProps.Series<T>[];
+    visibleSeries: readonly AreaChartProps.Series<T>[];
+    setVisibleSeries: (series: readonly AreaChartProps.Series<T>[]) => void;
+    highlightedSeries: null | AreaChartProps.Series<T>;
+    setHighlightedSeries: (series: null | AreaChartProps.Series<T>) => void;
+    xDomain?: XDomain<T>;
+    yDomain?: YDomain;
+    xScaleType: XScaleType;
+    yScaleType: YScaleType;
+    height: number;
+    width: number;
+    popoverRef: RefObject<HTMLElement>;
+    statusType: 'loading' | 'finished' | 'error';
 }
-export default function useChartModel<T extends AreaChartProps.DataTypes>({
-  isRtl,
-  fitHeight,
-  externalSeries: allSeries,
-  visibleSeries: series,
-  setVisibleSeries,
-  highlightedSeries,
-  setHighlightedSeries,
-  xDomain,
-  yDomain,
-  xScaleType,
-  yScaleType,
-  height: explicitHeight,
-  width,
-  popoverRef,
-  statusType
-}: UseChartModelProps<T>): ChartModel<T>;
+export default function useChartModel<T extends AreaChartProps.DataTypes>({ isRtl, fitHeight, externalSeries: allSeries, visibleSeries: series, setVisibleSeries, highlightedSeries, setHighlightedSeries, xDomain, yDomain, xScaleType, yScaleType, height: explicitHeight, width, popoverRef, statusType, }: UseChartModelProps<T>): ChartModel<T>;
+//# sourceMappingURL=use-chart-model.d.ts.map

package/area-chart/model/use-filter-props.d.ts

@@ -2,4 +2,5 @@ import { NonCancelableEventHandler } from '../../internal/events';
 import { AreaChartProps } from '../interfaces';
 type FilterProps<T> = [readonly AreaChartProps.Series<T>[], (series: readonly AreaChartProps.Series<T>[]) => void];
 export default function useFilterProps<T>(series: readonly AreaChartProps.Series<T>[], controlledVisibleSeries?: readonly AreaChartProps.Series<T>[], controlledOnVisibleChange?: NonCancelableEventHandler<AreaChartProps.FilterChangeDetail<T>>): FilterProps<T>;
-export {};
+export {};
+//# sourceMappingURL=use-filter-props.d.ts.map

package/area-chart/model/use-highlight-props.d.ts

@@ -2,4 +2,5 @@ import { NonCancelableEventHandler } from '../../internal/events';
 import { AreaChartProps } from '../interfaces';
 type HighlightProps<T> = [null | AreaChartProps.Series<T>, (s: null | AreaChartProps.Series<T>) => void];
 export default function useHighlightProps<T>(series: readonly AreaChartProps.Series<T>[], controlledHighlightedSeries?: null | AreaChartProps.Series<T>, controlledOnHighlightChange?: NonCancelableEventHandler<AreaChartProps.HighlightChangeDetail<T>>): HighlightProps<T>;
-export {};
+export {};
+//# sourceMappingURL=use-highlight-props.d.ts.map

package/area-chart/model/utils.d.ts

@@ -5,9 +5,10 @@ import { ChartModel } from './index';
 export declare function computeDomainX<T extends ChartDataTypes>(series: readonly AreaChartProps.Series<T>[]): XDomain<T>;
 export declare function computeDomainY<T>(series: readonly AreaChartProps.Series<T>[], scaleType: YScaleType): YDomain;
 export declare function computePlotPoints<T>(series: readonly AreaChartProps.Series<T>[], xScale: ChartScale, yScale: NumericChartScale): {
-  xy: ChartModel.PlotPoint<T>[][];
-  xs: ChartModel.PlotPoint<T>[][];
-  sx: ChartModel.PlotPoint<T>[][];
+    xy: ChartModel.PlotPoint<T>[][];
+    xs: ChartModel.PlotPoint<T>[][];
+    sx: ChartModel.PlotPoint<T>[][];
 };
 export declare function findClosest<T>(sortedArray: readonly T[], target: number, getter: (item: T) => number): T;
-export declare function isSeriesValid<T>(series: readonly AreaChartProps.Series<T>[]): boolean;
+export declare function isSeriesValid<T>(series: readonly AreaChartProps.Series<T>[]): boolean;
+//# sourceMappingURL=utils.d.ts.map

package/attribute-editor/additional-info.d.ts

@@ -1,10 +1,8 @@
 import React from 'react';
 interface AdditionalInfoProps {
-  children: React.ReactNode;
-  id?: string;
+    children: React.ReactNode;
+    id?: string;
 }
-export declare const AdditionalInfo: ({
-  children,
-  id
-}: AdditionalInfoProps) => JSX.Element;
-export {};
+export declare const AdditionalInfo: ({ children, id }: AdditionalInfoProps) => JSX.Element;
+export {};
+//# sourceMappingURL=additional-info.d.ts.map

package/attribute-editor/grid-defaults.d.ts

@@ -1,2 +1,3 @@
 import { AttributeEditorProps } from './interfaces';
-export declare const gridDefaults: Record<number, AttributeEditorProps.GridLayout[]>;
+export declare const gridDefaults: Record<number, AttributeEditorProps.GridLayout[]>;
+//# sourceMappingURL=grid-defaults.d.ts.map

package/attribute-editor/index.d.ts

@@ -1,4 +1,5 @@
 import { AttributeEditorForwardRefType, AttributeEditorProps } from './interfaces';
 declare const AttributeEditor: AttributeEditorForwardRefType;
 export { AttributeEditorProps };
-export default AttributeEditor;
+export default AttributeEditor;
+//# sourceMappingURL=index.d.ts.map

package/attribute-editor/interfaces.d.ts

@@ -4,161 +4,162 @@ import { BaseComponentProps } from '../internal/base-component';
 import { Breakpoint as InternalBreakpoint } from '../internal/breakpoints';
 import { NonCancelableEventHandler } from '../internal/events';
 export interface AttributeEditorForwardRefType {
-  <T>(props: AttributeEditorProps<T> & {
-    ref?: React.Ref<AttributeEditorProps.Ref>;
-  }): JSX.Element;
+    <T>(props: AttributeEditorProps<T> & {
+        ref?: React.Ref<AttributeEditorProps.Ref>;
+    }): JSX.Element;
 }
 export declare namespace AttributeEditorProps {
-  interface IsItemRemovableFunction<T> {
-    (item: T): boolean;
-  }
-  type FieldRenderable<T> = (item: T, itemIndex: number) => React.ReactNode;
-  interface FieldDefinition<T> {
-    label?: React.ReactNode;
-    info?: React.ReactNode;
-    control?: FieldRenderable<T> | React.ReactNode;
-    errorText?: FieldRenderable<T> | React.ReactNode;
-    warningText?: FieldRenderable<T> | React.ReactNode;
-    constraintText?: FieldRenderable<T> | React.ReactNode;
-  }
-  type AddButtonVariant = 'normal' | 'inline-link';
-  interface RemoveButtonClickDetail {
-    itemIndex: number;
-  }
-  interface Ref {
+    interface IsItemRemovableFunction<T> {
+        (item: T): boolean;
+    }
+    type FieldRenderable<T> = (item: T, itemIndex: number) => React.ReactNode;
+    interface FieldDefinition<T> {
+        label?: React.ReactNode;
+        info?: React.ReactNode;
+        control?: FieldRenderable<T> | React.ReactNode;
+        errorText?: FieldRenderable<T> | React.ReactNode;
+        warningText?: FieldRenderable<T> | React.ReactNode;
+        constraintText?: FieldRenderable<T> | React.ReactNode;
+    }
+    type AddButtonVariant = 'normal' | 'inline-link';
+    interface RemoveButtonClickDetail {
+        itemIndex: number;
+    }
+    interface Ref {
+        /**
+         * Focuses the 'remove' button for the given row index.
+         */
+        focusRemoveButton(itemIndex: number): void;
+        /**
+         * Focuses the 'add' button. Use this, for example, after a user removes the last row.
+         */
+        focusAddButton(): void;
+    }
+    interface RowActionsProps<T> {
+        item: T;
+        itemIndex: number;
+        ref: React.Ref<ButtonDropdownProps.Ref>;
+        breakpoint: Breakpoint | null;
+        ownRow: boolean;
+    }
+    interface I18nStrings<T = any> {
+        errorIconAriaLabel?: string;
+        warningIconAriaLabel?: string;
+        itemRemovedAriaLive?: string;
+        /**
+         * @deprecated Use `removeButtonAriaLabel` on the component instead.
+         */
+        removeButtonAriaLabel?: (item: T) => string;
+    }
+    type Breakpoint = InternalBreakpoint;
+    interface GridLayout {
+        breakpoint?: Breakpoint;
+        rows: ReadonlyArray<ReadonlyArray<number>>;
+        removeButton?: {
+            ownRow?: boolean;
+            width?: number | 'auto';
+        };
+    }
+}
+export interface AttributeEditorProps<T> extends BaseComponentProps {
+    /**
+     * Displayed when there are no items to display.
+     */
+    empty?: React.ReactNode;
     /**
-     * Focuses the 'remove' button for the given row index.
+     * Displayed below the add button. Use it for additional information related to the attribute editor.
      */
-    focusRemoveButton(itemIndex: number): void;
+    additionalInfo?: React.ReactNode;
     /**
-     * Focuses the 'add' button. Use this, for example, after a user removes the last row.
+     * Specifies the text that's displayed in the add button.
      */
-    focusAddButton(): void;
-  }
-  interface RowActionsProps<T> {
-    item: T;
-    itemIndex: number;
-    ref: React.Ref<ButtonDropdownProps.Ref>;
-    breakpoint: Breakpoint | null;
-    ownRow: boolean;
-  }
-  interface I18nStrings<T = any> {
-    errorIconAriaLabel?: string;
-    warningIconAriaLabel?: string;
-    itemRemovedAriaLive?: string;
+    addButtonText: string;
     /**
-     * @deprecated Use `removeButtonAriaLabel` on the component instead.
+     * Specifies the text that's displayed in the remove button.
+     * @i18n
+     */
+    removeButtonText?: string;
+    /**
+     * Adds an `aria-label` to the remove button.
      */
     removeButtonAriaLabel?: (item: T) => string;
-  }
-  type Breakpoint = InternalBreakpoint;
-  interface GridLayout {
-    breakpoint?: Breakpoint;
-    rows: ReadonlyArray<ReadonlyArray<number>>;
-    removeButton?: {
-      ownRow?: boolean;
-      width?: number | 'auto';
-    };
-  }
+    /**
+     * Specifies the items that serve as the data source for all rows.
+     * The display of a row is handled by the `definition` property.
+     */
+    items?: ReadonlyArray<T>;
+    /**
+     * Function that determines whether an item is removable. When this function returns `false`, the remove
+     * button is not rendered and the user can't remove the item.
+     * By default, all items are removable.
+     */
+    isItemRemovable?: AttributeEditorProps.IsItemRemovableFunction<T>;
+    /**
+     * Determines whether the add button is disabled.
+     */
+    disableAddButton?: boolean;
+    /**
+     * Specifies the variant to use for the add button. By default a normal button is used.
+     * Use `inline-link` when using an attribute editor nested inside complex attribute editing
+     * with expandable sections.
+     */
+    addButtonVariant?: AttributeEditorProps.AddButtonVariant;
+    /**
+     * Defines the editor configuration. Each object in the array represents one form field in the row.
+     * If more than 6 attributes are specified, a `gridLayout` must be provided.
+     *
+     * * `label` (ReactNode) - Text label for the form field.
+     * * `info` (ReactNode) - Info link for the form field.
+     * * `errorText` ((item, itemIndex) => ReactNode) - Error message text to display as a control validation message.
+     *    It renders the form field as invalid if the returned value is not `null` or `undefined`.
+     * * `warningText` ((item, itemIndex) => ReactNode) - Warning message text to display as a control validation message.
+     *    It renders the form field in a warning state if the returned value is not `null` or `undefined`.
+     * * `constraintText` ((item, itemIndex) => ReactNode) - Text to display as a constraint message below the field.
+     * * `control` ((item, itemIndex) => ReactNode) - A control to use as the input for the field.
+     */
+    definition: ReadonlyArray<AttributeEditorProps.FieldDefinition<T>>;
+    /**
+     * Optionally specifies the layout of the attributes. By default, all attributes will be
+     * equally spaced and wrapped into multiple rows on smaller viewports.
+     *
+     * A `gridLayout` is an array of breakpoint definitions. Each definition consists of:
+     * - `rows` (`number[][]`): the rows in which to display the attributes. Each row consists of a list of numbers indicating
+     *   the relative width of each attribute. For example, `[[1, 1, 1, 1]]` is a single row of four evenly-spaced attributes,
+     *   or `[[1, 2], [1, 1, 1]]` splits five attributes onto two rows.
+     * - `breakpoint` (`string`): optionally specifies that the given entry should only be used when at least that much width is available.
+     * - `removeButton`: optionally configures the remove (or row action) button placement. If this is not provided, the button will be
+     *   placed at the end of a single row, or below if multiple rows are present. The `removeButton` property supports contains two properties:
+     *   - `ownRow` (`boolean`): forces the remove button onto its own row.
+     *   - `width` (`number | 'auto'`): a number indicating the relative width (equivalent to a `rows` entry), or 'auto' to fit to the button width.
+     */
+    gridLayout?: ReadonlyArray<AttributeEditorProps.GridLayout>;
+    /**
+     * Specifies a custom action trigger for each row, in place of the remove button.
+     * Only button and button dropdown components are supported.
+     * If you provide this, `removeButtonText`, `removeButtonAriaLabel`,
+     * and `onRemoveButtonClick` will be ignored.
+     * The trigger must be given the provided `ref` in order for `focusRemoveButton`
+     * to work.
+     * The function receives the following properties:
+     * - `item`: The item being rendered in the current row.
+     * - `itemIndex` (`number`): The index of the item.
+     * - `ref` (`ReactRef`): A React ref that should be passed to the rendered button.
+     * - `breakpoint` (`Breakpoint`): The current breakpoint, for responsive behavior.
+     * - `ownRow` (`boolean`): Whether the button is rendered on its own row.
+     */
+    customRowActions?: (props: AttributeEditorProps.RowActionsProps<T>) => React.ReactNode;
+    /**
+     * Called when add button is clicked.
+     */
+    onAddButtonClick?: NonCancelableEventHandler;
+    /**
+     * Called when remove button is clicked.
+     * The event `detail` contains the index of the corresponding item.
+     */
+    onRemoveButtonClick?: NonCancelableEventHandler<AttributeEditorProps.RemoveButtonClickDetail>;
+    /**
+     * An object containing all the necessary localized strings required by the component.
+     */
+    i18nStrings?: AttributeEditorProps.I18nStrings<T>;
 }
-export interface AttributeEditorProps<T> extends BaseComponentProps {
-  /**
-   * Displayed when there are no items to display.
-   */
-  empty?: React.ReactNode;
-  /**
-   * Displayed below the add button. Use it for additional information related to the attribute editor.
-   */
-  additionalInfo?: React.ReactNode;
-  /**
-   * Specifies the text that's displayed in the add button.
-   */
-  addButtonText: string;
-  /**
-   * Specifies the text that's displayed in the remove button.
-   * @i18n
-   */
-  removeButtonText?: string;
-  /**
-   * Adds an `aria-label` to the remove button.
-   */
-  removeButtonAriaLabel?: (item: T) => string;
-  /**
-   * Specifies the items that serve as the data source for all rows.
-   * The display of a row is handled by the `definition` property.
-   */
-  items?: ReadonlyArray<T>;
-  /**
-   * Function that determines whether an item is removable. When this function returns `false`, the remove
-   * button is not rendered and the user can't remove the item.
-   * By default, all items are removable.
-   */
-  isItemRemovable?: AttributeEditorProps.IsItemRemovableFunction<T>;
-  /**
-   * Determines whether the add button is disabled.
-   */
-  disableAddButton?: boolean;
-  /**
-   * Specifies the variant to use for the add button. By default a normal button is used.
-   * Use `inline-link` when using an attribute editor nested inside complex attribute editing
-   * with expandable sections.
-   */
-  addButtonVariant?: AttributeEditorProps.AddButtonVariant;
-  /**
-   * Defines the editor configuration. Each object in the array represents one form field in the row.
-   * If more than 6 attributes are specified, a `gridLayout` must be provided.
-   *
-   * * `label` (ReactNode) - Text label for the form field.
-   * * `info` (ReactNode) - Info link for the form field.
-   * * `errorText` ((item, itemIndex) => ReactNode) - Error message text to display as a control validation message.
-   *    It renders the form field as invalid if the returned value is not `null` or `undefined`.
-   * * `warningText` ((item, itemIndex) => ReactNode) - Warning message text to display as a control validation message.
-   *    It renders the form field in a warning state if the returned value is not `null` or `undefined`.
-   * * `constraintText` ((item, itemIndex) => ReactNode) - Text to display as a constraint message below the field.
-   * * `control` ((item, itemIndex) => ReactNode) - A control to use as the input for the field.
-   */
-  definition: ReadonlyArray<AttributeEditorProps.FieldDefinition<T>>;
-  /**
-   * Optionally specifies the layout of the attributes. By default, all attributes will be
-   * equally spaced and wrapped into multiple rows on smaller viewports.
-   *
-   * A `gridLayout` is an array of breakpoint definitions. Each definition consists of:
-   * - `rows` (`number[][]`): the rows in which to display the attributes. Each row consists of a list of numbers indicating
-   *   the relative width of each attribute. For example, `[[1, 1, 1, 1]]` is a single row of four evenly-spaced attributes,
-   *   or `[[1, 2], [1, 1, 1]]` splits five attributes onto two rows.
-   * - `breakpoint` (`string`): optionally specifies that the given entry should only be used when at least that much width is available.
-   * - `removeButton`: optionally configures the remove (or row action) button placement. If this is not provided, the button will be
-   *   placed at the end of a single row, or below if multiple rows are present. The `removeButton` property supports contains two properties:
-   *   - `ownRow` (`boolean`): forces the remove button onto its own row.
-   *   - `width` (`number | 'auto'`): a number indicating the relative width (equivalent to a `rows` entry), or 'auto' to fit to the button width.
-   */
-  gridLayout?: ReadonlyArray<AttributeEditorProps.GridLayout>;
-  /**
-   * Specifies a custom action trigger for each row, in place of the remove button.
-   * Only button and button dropdown components are supported.
-   * If you provide this, `removeButtonText`, `removeButtonAriaLabel`,
-   * and `onRemoveButtonClick` will be ignored.
-   * The trigger must be given the provided `ref` in order for `focusRemoveButton`
-   * to work.
-   * The function receives the following properties:
-   * - `item`: The item being rendered in the current row.
-   * - `itemIndex` (`number`): The index of the item.
-   * - `ref` (`ReactRef`): A React ref that should be passed to the rendered button.
-   * - `breakpoint` (`Breakpoint`): The current breakpoint, for responsive behavior.
-   * - `ownRow` (`boolean`): Whether the button is rendered on its own row.
-   */
-  customRowActions?: (props: AttributeEditorProps.RowActionsProps<T>) => React.ReactNode;
-  /**
-   * Called when add button is clicked.
-   */
-  onAddButtonClick?: NonCancelableEventHandler;
-  /**
-   * Called when remove button is clicked.
-   * The event `detail` contains the index of the corresponding item.
-   */
-  onRemoveButtonClick?: NonCancelableEventHandler<AttributeEditorProps.RemoveButtonClickDetail>;
-  /**
-   * An object containing all the necessary localized strings required by the component.
-   */
-  i18nStrings?: AttributeEditorProps.I18nStrings<T>;
-}
+//# sourceMappingURL=interfaces.d.ts.map

package/attribute-editor/internal.d.ts

@@ -1,3 +1,4 @@
 import { AttributeEditorForwardRefType } from './interfaces';
 declare const InternalAttributeEditor: AttributeEditorForwardRefType;
-export default InternalAttributeEditor;
+export default InternalAttributeEditor;
+//# sourceMappingURL=internal.d.ts.map

package/attribute-editor/row.d.ts

@@ -4,18 +4,19 @@ import { Breakpoint } from '../internal/breakpoints';
 import { NonCancelableEventHandler } from '../internal/events';
 import { AttributeEditorProps } from './interfaces';
 interface RowProps<T> {
-  breakpoint: Breakpoint | null;
-  layout: AttributeEditorProps.GridLayout;
-  item: T;
-  definition: ReadonlyArray<AttributeEditorProps.FieldDefinition<T>>;
-  i18nStrings: AttributeEditorProps.I18nStrings | undefined;
-  index: number;
-  removable: boolean;
-  removeButtonText?: string;
-  removeButtonRefs: Array<ButtonProps.Ref | undefined>;
-  customRowActions?: (props: AttributeEditorProps.RowActionsProps<T>) => React.ReactNode;
-  onRemoveButtonClick?: NonCancelableEventHandler<AttributeEditorProps.RemoveButtonClickDetail>;
-  removeButtonAriaLabel?: (item: T) => string;
+    breakpoint: Breakpoint | null;
+    layout: AttributeEditorProps.GridLayout;
+    item: T;
+    definition: ReadonlyArray<AttributeEditorProps.FieldDefinition<T>>;
+    i18nStrings: AttributeEditorProps.I18nStrings | undefined;
+    index: number;
+    removable: boolean;
+    removeButtonText?: string;
+    removeButtonRefs: Array<ButtonProps.Ref | undefined>;
+    customRowActions?: (props: AttributeEditorProps.RowActionsProps<T>) => React.ReactNode;
+    onRemoveButtonClick?: NonCancelableEventHandler<AttributeEditorProps.RemoveButtonClickDetail>;
+    removeButtonAriaLabel?: (item: T) => string;
 }
 export declare const Row: <T>(props: RowProps<T>) => JSX.Element;
-export {};
+export {};
+//# sourceMappingURL=row.d.ts.map