@cloudscape-design/components 3.0.1012 → 3.0.1014

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

@@ -6,78 +6,77 @@ 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>;
-    };
+  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;
-        };
-        index: {
-            x: number;
-            y: number;
-            s: number;
-        };
-        value: number;
-    }
-}
-//# sourceMappingURL=index.d.ts.map
+  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;
+  }
+}

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

@@ -2,19 +2,18 @@ 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>;
-}
-//# sourceMappingURL=interactions-store.d.ts.map
+  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>;
+}

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

@@ -3,21 +3,36 @@ 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>;
-//# sourceMappingURL=use-chart-model.d.ts.map
+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>;

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

@@ -2,5 +2,4 @@ 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 {};
-//# sourceMappingURL=use-filter-props.d.ts.map
+export {};

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

@@ -2,5 +2,4 @@ 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 {};
-//# sourceMappingURL=use-highlight-props.d.ts.map
+export {};

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

@@ -5,10 +5,9 @@ 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;
-//# sourceMappingURL=utils.d.ts.map
+export declare function isSeriesValid<T>(series: readonly AreaChartProps.Series<T>[]): boolean;

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

@@ -1,8 +1,10 @@
 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 {};
-//# sourceMappingURL=additional-info.d.ts.map
+export declare const AdditionalInfo: ({
+  children,
+  id
+}: AdditionalInfoProps) => JSX.Element;
+export {};

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

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

package/attribute-editor/index.d.ts

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

package/attribute-editor/interfaces.d.ts

@@ -4,162 +4,161 @@ 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 {
-        /**
-         * 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;
+  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 {
     /**
-     * Displayed below the add button. Use it for additional information related to the attribute editor.
+     * Focuses the 'remove' button for the given row index.
      */
-    additionalInfo?: React.ReactNode;
+    focusRemoveButton(itemIndex: number): void;
     /**
-     * Specifies the text that's displayed in the add button.
+     * Focuses the 'add' button. Use this, for example, after a user removes the last row.
      */
-    addButtonText: string;
+    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;
     /**
-     * Specifies the text that's displayed in the remove button.
-     * @i18n
-     */
-    removeButtonText?: string;
-    /**
-     * Adds an `aria-label` to the remove button.
+     * @deprecated Use `removeButtonAriaLabel` on the component instead.
      */
     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>;
+  }
+  type Breakpoint = InternalBreakpoint;
+  interface GridLayout {
+    breakpoint?: Breakpoint;
+    rows: ReadonlyArray<ReadonlyArray<number>>;
+    removeButton?: {
+      ownRow?: boolean;
+      width?: number | 'auto';
+    };
+  }
 }
-//# sourceMappingURL=interfaces.d.ts.map
+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>;
+}

package/attribute-editor/internal.d.ts

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