@cloudscape-design/components 3.0.996 → 3.0.997

package/collection-preferences/interfaces.d.ts

@@ -3,318 +3,317 @@ import { BaseComponentProps } from '../internal/base-component';
 import { NonCancelableEventHandler } from '../internal/events';
 import { BaseModalProps } from '../modal/interfaces';
 export interface CollectionPreferencesProps<CustomPreferenceType = any> extends BaseComponentProps, BaseModalProps {
-    /**
-     * Specifies the title of the preferences modal dialog. It is also used as an `aria-label` for the trigger button.
-     * @i18n
-     */
+  /**
+   * Specifies the title of the preferences modal dialog. It is also used as an `aria-label` for the trigger button.
+   * @i18n
+   */
+  title?: string;
+  /**
+   * Label of the confirm button in the modal footer.
+   * @i18n
+   */
+  confirmLabel?: string;
+  /**
+   * Label of the cancel button in the modal footer.
+   * @i18n
+   */
+  cancelLabel?: string;
+  /**
+   * Adds an aria-label to the close button, for accessibility.
+   * @i18n
+   */
+  closeAriaLabel?: string;
+  /**
+   * Determines whether the preferences trigger button is disabled.
+   */
+  disabled?: boolean;
+  /**
+   * Configures the built-in "page size selection" preference.
+   *
+   * If you set it, the component displays this preference in the modal.
+   *
+   * It contains the following:
+   * - `title` (string) - Specifies the text displayed at the top of the preference.
+   * - `options` - Specifies an array of options for page size selection. Each entry contains:
+   *   - `value` (number) - The value for the radio button (that is, the number of items per page).
+   *   - `label` (string) - A label for the radio button (for example, "10 resources").
+   *
+   * You must set the current value in the `preferences.pageSize` property.
+   * @i18n
+   */
+  pageSizePreference?: CollectionPreferencesProps.PageSizePreference;
+  /**
+   * Configures the built-in "wrap lines" preference.
+   *
+   * If you set it, the component displays this preference in the modal.
+   *
+   * It contains the following:
+   * - `label` (string) - Specifies the label for the option checkbox.
+   * - `description` (string) - Specifies the text displayed below the checkbox label.
+   *
+   * You must set the current value in the `preferences.wrapLines` property.
+   * @i18n
+   */
+  wrapLinesPreference?: CollectionPreferencesProps.WrapLinesPreference;
+  /**
+   * Configures the built-in "striped rows" preference.
+   *
+   * If you set it, the component displays this preference in the modal.
+   *
+   * It contains the following:
+   * - `label` (string) - Specifies the label for the option checkbox.
+   * - `description` (string) - Specifies the text displayed below the checkbox label.
+   *
+   * You must set the current value in the `preferences.stripedRows` property.
+   * @i18n
+   */
+  stripedRowsPreference?: CollectionPreferencesProps.StripedRowsPreference;
+  /**
+   * Configures the content density preference (Comfortable / Compact).
+   *
+   * If you set it, the component displays this preference in the modal.
+   *
+   * It contains the following:
+   * - `label` (string) - Specifies the label for the option checkbox.
+   * - `description` (string) - Specifies the text displayed below the checkbox label.
+   *
+   * You must set the current value in the `preferences.contentDensity` property.
+   * @i18n
+   */
+  contentDensityPreference?: CollectionPreferencesProps.ContentDensityPreference;
+  /**
+   * Configures the sticky columns preference that can be set for both left and right columns.
+   *
+   * If you set it, the component displays this preference in the modal.
+   *
+   * It contains the following:
+   * - `label` (string) - Specifies the label for each radio group.
+   * - `description` (string) - Specifies the text displayed below each radio group label.
+   *
+   * You must set the current value in the `preferences.stickyColumns` property.
+   */
+  stickyColumnsPreference?: CollectionPreferencesProps.StickyColumnsPreference;
+  /**
+   * Configures the built-in content display preference for order and visibility of the table columns.
+   *
+   * Recommended for table and not applicable for cards.
+   *
+   * Cannot be used together with `visibleContentPreference`.
+   *
+   * If you set it, the component displays this preference in the modal.
+   *
+   * It contains the following:
+   * - `title` (string) - Specifies the text displayed at the top of the preference.
+   * - `description` (string) - Specifies the description displayed below the title.
+   * - `options` - Specifies an array of options for reordering and visible content selection.
+   * - `enableColumnFiltering` (boolean) - Adds a columns filter.
+   * - `liveAnnouncementDndStarted` ((position: number, total: number) => string) - (Optional) Adds a message to be announced by screen readers when an option is picked.
+   * - `liveAnnouncementDndDiscarded` (string) - (Optional) Adds a message to be announced by screen readers when a reordering action is canceled.
+   * - `liveAnnouncementDndItemReordered` ((initialPosition: number, currentPosition: number, total: number) => string) - (Optional) Adds a message to be announced by screen readers when an item is being moved.
+   * - `liveAnnouncementDndItemCommitted` ((initialPosition: number, finalPosition: number, total: number) => string) - (Optional) Adds a message to be announced by screen readers when a reordering action is committed.
+   * - `dragHandleAriaDescription` (string) - (Optional) Adds an ARIA description for the drag handle.
+   * - `dragHandleAriaLabel` (string) - (Optional) Adds an ARIA label for the drag handle.
+   *
+   * Each option contains the following:
+   * - `id` (string) - Corresponds to a table column `id`.
+   * - `label` (string) - Specifies a short description of the content.
+   * - `alwaysVisible` (boolean) - (Optional) Determines whether the visibility is always on and therefore cannot be toggled. This is set to `false` by default.
+   *
+   * You must provide an ordered list of the items to display in the `preferences.contentDisplay` property.
+   * @i18n
+   */
+  contentDisplayPreference?: CollectionPreferencesProps.ContentDisplayPreference;
+  /**
+   * Configures the built-in visible sections preference for cards or visible columns for table.
+   *
+   * Recommended for cards. For table use `contentDisplayPreference` instead.
+   *
+   * Cannot be used together with `contentDisplayPreference`.
+   *
+   * If you set it, the component displays this preference in the modal.
+   *
+   * It contains the following:
+   * - `title` (string) - Specifies the text displayed at the top of the preference.
+   * - `options` - Specifies an array of groups of options for visible content selection.
+   *
+   * Each group of options contains the following:
+   * - `label` (string) - The text to display as a title for the options group.
+   * - `options` - Specifies an array of options in the group. Each option contains the following:
+   *   - `id` (string) - Corresponds to a column `id` for tables or to a section `id` for cards.
+   *   - `label` (string) - Specifies a short description of the content.
+   *   - `editable` (boolean) - (Optional) Determines whether the user is able to toggle its visibility. This is `true` by default.
+   *
+   * You must set the current list of visible content `id`s in the `preferences.visibleContent` property.
+   *
+   * **Deprecated** in table, replaced by `contentDisplayPreference`.
+   */
+  visibleContentPreference?: CollectionPreferencesProps.VisibleContentPreference;
+  /**
+   * Specifies the current preference values. This includes both built-in and custom preferences.
+   *
+   * It contains the following:
+   * - `pageSize` (number) - (Optional)
+   * - `wrapLines` (boolean) - (Optional)
+   * - `contentDisplay` (ReadonlyArray<ContentDisplayItem>) - (Optional) Specifies the list of content and their visibility. The order of the elements influences the display.
+   * - `visibleContent` (ReadonlyArray<string>) - Specifies the list of visible content `id`s. The order of the `id`s does not influence the display. If the `contentDisplay` property is set, this property is ignored.
+   * - `custom` (CustomPreferenceType) - Specifies the value for your custom preference.
+   */
+  preferences?: CollectionPreferencesProps.Preferences<CustomPreferenceType>;
+  /**
+   * Configures custom preferences. The function receives two parameters:
+   *
+   * - `customValue` (CustomPreferenceType) - Current value for your custom preference. It is initialized using the value you provide in `preferences.custom`.
+   * - `setCustomValue` - A function that is called to notify a state update.
+   *
+   * It should return the content of your custom preference, for example:
+   * ```
+   * (customValue, setCustomValue) => (
+   *   <Checkbox checked={customValue} onChange={({ detail }) => setCustomValue(detail.checked)} />
+   * )
+   * ```
+   *
+   * When the user confirms the changes, the new value is passed in the `detail.custom` property of the `onConfirm` listener.
+   * When the user cancels the changes, the `customValue` is reset to the one present in `preferences.custom` property.
+   *
+   * **Display**
+   * - If any of the built-in preferences (`pageSizePreference`, `wrapLinesPreference`, or `visibleContentPreference`) are displayed,
+   * the custom content is displayed at the bottom of the left column within the modal.
+   * - If no built-in preference is displayed, the custom content occupies the whole modal.
+   */
+  customPreference?: (customValue: CustomPreferenceType, setCustomValue: React.Dispatch<CustomPreferenceType>) => React.ReactNode;
+  /**
+   * Called when the user cancels a preference change using the cancel button in the modal footer or by dismissing the modal.
+   */
+  onCancel?: NonCancelableEventHandler;
+  /**
+   * Called when the user confirms a preference change using the confirm button in the modal footer.
+   *
+   * The event `detail` contains the following:
+   * - `contentDensity` (boolean) - (Optional) The current content density preference value. Available only if you specify the `contentDensityPreference` property.
+   * - `contentDisplay` (ReadonlyArray<ContentDisplayItem>) - (Optional) The ordered list of table columns and their visibility. Available only if you specify the `contentDisplayPreference` property.
+   * - `custom` (CustomPreferenceType) - (Optional) The selected value for your custom preference.
+   * - `pageSize` (number) - (Optional) The selected page size value. Available only if you specify the `pageSizePreference` property.
+   * - `stickyColumns` (CollectionPreferencesProps.StickyColumns) - (Optional) The current sticky columns preference value. Available only if you specify the `stickyColumnsPreference` property.
+   * - `stripedRows` (boolean) - (Optional) The current striped rows preference value. Available only if you specify the `stripedRowsPreference` property.
+   * - `visibleContent` (ReadonlyArray<string>) - (Optional) The list of selected content `id`s. Available only if you specify the `visibleContentPreference` property.
+   * - `wrapLines` (boolean) - (Optional) The current line wrapping preference value. Available only if you specify the `wrapLinesPreference` property.
+   *
+   * The values for all configured preferences are present even if the user didn't change their values.
+   */
+  onConfirm?: NonCancelableEventHandler<CollectionPreferencesProps.Preferences<CustomPreferenceType>>;
+  /**
+   * Content displayed before the preferences. Use it to display additional information relating to the preferences.
+   */
+  contentBefore?: React.ReactNode;
+}
+export declare namespace CollectionPreferencesProps {
+  export interface Preferences<CustomPreferenceType = any> {
+    pageSize?: number;
+    wrapLines?: boolean;
+    stripedRows?: boolean;
+    contentDensity?: 'comfortable' | 'compact';
+    visibleContent?: ReadonlyArray<string>;
+    stickyColumns?: StickyColumns;
+    contentDisplay?: ReadonlyArray<ContentDisplayItem>;
+    custom?: CustomPreferenceType;
+  }
+  export interface ContentDisplayPreference {
     title?: string;
+    description?: string;
+    options: ReadonlyArray<CollectionPreferencesProps.ContentDisplayOption>;
+    liveAnnouncementDndStarted?: (position: number, total: number) => string;
+    liveAnnouncementDndItemReordered?: (initialPosition: number, currentPosition: number, total: number) => string;
+    liveAnnouncementDndItemCommitted?: (initialPosition: number, finalPosition: number, total: number) => string;
+    liveAnnouncementDndDiscarded?: string;
+    dragHandleAriaLabel?: string;
+    dragHandleAriaDescription?: string;
+    enableColumnFiltering?: boolean;
+    i18nStrings?: ContentDisplayPreferenceI18nStrings;
+  }
+  export interface ContentDisplayOption {
+    id: string;
+    label: string;
+    alwaysVisible?: boolean;
+  }
+  export interface ContentDisplayItem {
+    id: string;
+    visible: boolean;
+  }
+  export interface VisibleContentPreference {
+    title: string;
+    options: ReadonlyArray<CollectionPreferencesProps.VisibleContentOptionsGroup>;
+  }
+  export interface VisibleContentOptionsGroup {
+    label: string;
+    options: ReadonlyArray<CollectionPreferencesProps.VisibleContentOption>;
+  }
+  export interface VisibleContentOption {
+    id: string;
+    label: string;
+    editable?: boolean;
+  }
+  export interface PageSizePreference {
+    title?: string;
+    options: ReadonlyArray<PageSizeOption>;
+  }
+  export interface PageSizeOption {
+    value: number;
+    label?: string;
+  }
+  export interface WrapLinesPreference {
+    label?: string;
+    description?: string;
+  }
+  export interface StripedRowsPreference {
+    label?: string;
+    description?: string;
+  }
+  export interface ContentDensityPreference {
+    label?: string;
+    description?: string;
+  }
+  interface StickyColumns {
+    first?: number;
+    last?: number;
+  }
+  interface StickyColumnPreference {
+    title: string;
+    description: string;
+    options: ReadonlyArray<{
+      label: string;
+      value: number;
+    }>;
+  }
+  export interface StickyColumnsPreference {
+    firstColumns?: StickyColumnPreference;
+    lastColumns?: StickyColumnPreference;
+  }
+  export interface ContentDisplayPreferenceI18nStrings {
     /**
-     * Label of the confirm button in the modal footer.
-     * @i18n
-     */
-    confirmLabel?: string;
-    /**
-     * Label of the cancel button in the modal footer.
-     * @i18n
-     */
-    cancelLabel?: string;
-    /**
-     * Adds an aria-label to the close button, for accessibility.
-     * @i18n
-     */
-    closeAriaLabel?: string;
-    /**
-     * Determines whether the preferences trigger button is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Configures the built-in "page size selection" preference.
-     *
-     * If you set it, the component displays this preference in the modal.
-     *
-     * It contains the following:
-     * - `title` (string) - Specifies the text displayed at the top of the preference.
-     * - `options` - Specifies an array of options for page size selection. Each entry contains:
-     *   - `value` (number) - The value for the radio button (that is, the number of items per page).
-     *   - `label` (string) - A label for the radio button (for example, "10 resources").
-     *
-     * You must set the current value in the `preferences.pageSize` property.
+     * Specifies a `placeholder` for the filtering input.
      * @i18n
      */
-    pageSizePreference?: CollectionPreferencesProps.PageSizePreference;
+    columnFilteringPlaceholder?: string;
     /**
-     * Configures the built-in "wrap lines" preference.
-     *
-     * If you set it, the component displays this preference in the modal.
-     *
-     * It contains the following:
-     * - `label` (string) - Specifies the label for the option checkbox.
-     * - `description` (string) - Specifies the text displayed below the checkbox label.
-     *
-     * You must set the current value in the `preferences.wrapLines` property.
+     * Specifies an `aria-label` for the filtering input.
      * @i18n
      */
-    wrapLinesPreference?: CollectionPreferencesProps.WrapLinesPreference;
+    columnFilteringAriaLabel?: string;
     /**
-     * Configures the built-in "striped rows" preference.
-     *
-     * If you set it, the component displays this preference in the modal.
-     *
-     * It contains the following:
-     * - `label` (string) - Specifies the label for the option checkbox.
-     * - `description` (string) - Specifies the text displayed below the checkbox label.
-     *
-     * You must set the current value in the `preferences.stripedRows` property.
+     * Specifies the `count text` for the filtering input to reflect matches found.
      * @i18n
      */
-    stripedRowsPreference?: CollectionPreferencesProps.StripedRowsPreference;
+    columnFilteringCountText?: (count: number) => string;
     /**
-     * Configures the content density preference (Comfortable / Compact).
-     *
-     * If you set it, the component displays this preference in the modal.
-     *
-     * It contains the following:
-     * - `label` (string) - Specifies the label for the option checkbox.
-     * - `description` (string) - Specifies the text displayed below the checkbox label.
-     *
-     * You must set the current value in the `preferences.contentDensity` property.
+     * Specifies the `no match` text for when there are no matching options in the filtering.
      * @i18n
      */
-    contentDensityPreference?: CollectionPreferencesProps.ContentDensityPreference;
+    columnFilteringNoMatchText?: string;
     /**
-     * Configures the sticky columns preference that can be set for both left and right columns.
-     *
-     * If you set it, the component displays this preference in the modal.
-     *
-     * It contains the following:
-     * - `label` (string) - Specifies the label for each radio group.
-     * - `description` (string) - Specifies the text displayed below each radio group label.
-     *
-     * You must set the current value in the `preferences.stickyColumns` property.
-     */
-    stickyColumnsPreference?: CollectionPreferencesProps.StickyColumnsPreference;
-    /**
-     * Configures the built-in content display preference for order and visibility of the table columns.
-     *
-     * Recommended for table and not applicable for cards.
-     *
-     * Cannot be used together with `visibleContentPreference`.
-     *
-     * If you set it, the component displays this preference in the modal.
-     *
-     * It contains the following:
-     * - `title` (string) - Specifies the text displayed at the top of the preference.
-     * - `description` (string) - Specifies the description displayed below the title.
-     * - `options` - Specifies an array of options for reordering and visible content selection.
-     * - `enableColumnFiltering` (boolean) - Adds a columns filter.
-     * - `liveAnnouncementDndStarted` ((position: number, total: number) => string) - (Optional) Adds a message to be announced by screen readers when an option is picked.
-     * - `liveAnnouncementDndDiscarded` (string) - (Optional) Adds a message to be announced by screen readers when a reordering action is canceled.
-     * - `liveAnnouncementDndItemReordered` ((initialPosition: number, currentPosition: number, total: number) => string) - (Optional) Adds a message to be announced by screen readers when an item is being moved.
-     * - `liveAnnouncementDndItemCommitted` ((initialPosition: number, finalPosition: number, total: number) => string) - (Optional) Adds a message to be announced by screen readers when a reordering action is committed.
-     * - `dragHandleAriaDescription` (string) - (Optional) Adds an ARIA description for the drag handle.
-     * - `dragHandleAriaLabel` (string) - (Optional) Adds an ARIA label for the drag handle.
-     *
-     * Each option contains the following:
-     * - `id` (string) - Corresponds to a table column `id`.
-     * - `label` (string) - Specifies a short description of the content.
-     * - `alwaysVisible` (boolean) - (Optional) Determines whether the visibility is always on and therefore cannot be toggled. This is set to `false` by default.
-     *
-     * You must provide an ordered list of the items to display in the `preferences.contentDisplay` property.
+     * Specifies both an `aria-label` for the clear filtering input action and the `clear filter button` text for the no match button.
      * @i18n
      */
-    contentDisplayPreference?: CollectionPreferencesProps.ContentDisplayPreference;
-    /**
-     * Configures the built-in visible sections preference for cards or visible columns for table.
-     *
-     * Recommended for cards. For table use `contentDisplayPreference` instead.
-     *
-     * Cannot be used together with `contentDisplayPreference`.
-     *
-     * If you set it, the component displays this preference in the modal.
-     *
-     * It contains the following:
-     * - `title` (string) - Specifies the text displayed at the top of the preference.
-     * - `options` - Specifies an array of groups of options for visible content selection.
-     *
-     * Each group of options contains the following:
-     * - `label` (string) - The text to display as a title for the options group.
-     * - `options` - Specifies an array of options in the group. Each option contains the following:
-     *   - `id` (string) - Corresponds to a column `id` for tables or to a section `id` for cards.
-     *   - `label` (string) - Specifies a short description of the content.
-     *   - `editable` (boolean) - (Optional) Determines whether the user is able to toggle its visibility. This is `true` by default.
-     *
-     * You must set the current list of visible content `id`s in the `preferences.visibleContent` property.
-     *
-     * **Deprecated** in table, replaced by `contentDisplayPreference`.
-     */
-    visibleContentPreference?: CollectionPreferencesProps.VisibleContentPreference;
-    /**
-     * Specifies the current preference values. This includes both built-in and custom preferences.
-     *
-     * It contains the following:
-     * - `pageSize` (number) - (Optional)
-     * - `wrapLines` (boolean) - (Optional)
-     * - `contentDisplay` (ReadonlyArray<ContentDisplayItem>) - (Optional) Specifies the list of content and their visibility. The order of the elements influences the display.
-     * - `visibleContent` (ReadonlyArray<string>) - Specifies the list of visible content `id`s. The order of the `id`s does not influence the display. If the `contentDisplay` property is set, this property is ignored.
-     * - `custom` (CustomPreferenceType) - Specifies the value for your custom preference.
-     */
-    preferences?: CollectionPreferencesProps.Preferences<CustomPreferenceType>;
-    /**
-     * Configures custom preferences. The function receives two parameters:
-     *
-     * - `customValue` (CustomPreferenceType) - Current value for your custom preference. It is initialized using the value you provide in `preferences.custom`.
-     * - `setCustomValue` - A function that is called to notify a state update.
-     *
-     * It should return the content of your custom preference, for example:
-     * ```
-     * (customValue, setCustomValue) => (
-     *   <Checkbox checked={customValue} onChange={({ detail }) => setCustomValue(detail.checked)} />
-     * )
-     * ```
-     *
-     * When the user confirms the changes, the new value is passed in the `detail.custom` property of the `onConfirm` listener.
-     * When the user cancels the changes, the `customValue` is reset to the one present in `preferences.custom` property.
-     *
-     * **Display**
-     * - If any of the built-in preferences (`pageSizePreference`, `wrapLinesPreference`, or `visibleContentPreference`) are displayed,
-     * the custom content is displayed at the bottom of the left column within the modal.
-     * - If no built-in preference is displayed, the custom content occupies the whole modal.
-     */
-    customPreference?: (customValue: CustomPreferenceType, setCustomValue: React.Dispatch<CustomPreferenceType>) => React.ReactNode;
-    /**
-     * Called when the user cancels a preference change using the cancel button in the modal footer or by dismissing the modal.
-     */
-    onCancel?: NonCancelableEventHandler;
-    /**
-     * Called when the user confirms a preference change using the confirm button in the modal footer.
-     *
-     * The event `detail` contains the following:
-     * - `contentDensity` (boolean) - (Optional) The current content density preference value. Available only if you specify the `contentDensityPreference` property.
-     * - `contentDisplay` (ReadonlyArray<ContentDisplayItem>) - (Optional) The ordered list of table columns and their visibility. Available only if you specify the `contentDisplayPreference` property.
-     * - `custom` (CustomPreferenceType) - (Optional) The selected value for your custom preference.
-     * - `pageSize` (number) - (Optional) The selected page size value. Available only if you specify the `pageSizePreference` property.
-     * - `stickyColumns` (CollectionPreferencesProps.StickyColumns) - (Optional) The current sticky columns preference value. Available only if you specify the `stickyColumnsPreference` property.
-     * - `stripedRows` (boolean) - (Optional) The current striped rows preference value. Available only if you specify the `stripedRowsPreference` property.
-     * - `visibleContent` (ReadonlyArray<string>) - (Optional) The list of selected content `id`s. Available only if you specify the `visibleContentPreference` property.
-     * - `wrapLines` (boolean) - (Optional) The current line wrapping preference value. Available only if you specify the `wrapLinesPreference` property.
-     *
-     * The values for all configured preferences are present even if the user didn't change their values.
-     */
-    onConfirm?: NonCancelableEventHandler<CollectionPreferencesProps.Preferences<CustomPreferenceType>>;
-    /**
-     * Content displayed before the preferences. Use it to display additional information relating to the preferences.
-     */
-    contentBefore?: React.ReactNode;
-}
-export declare namespace CollectionPreferencesProps {
-    export interface Preferences<CustomPreferenceType = any> {
-        pageSize?: number;
-        wrapLines?: boolean;
-        stripedRows?: boolean;
-        contentDensity?: 'comfortable' | 'compact';
-        visibleContent?: ReadonlyArray<string>;
-        stickyColumns?: StickyColumns;
-        contentDisplay?: ReadonlyArray<ContentDisplayItem>;
-        custom?: CustomPreferenceType;
-    }
-    export interface ContentDisplayPreference {
-        title?: string;
-        description?: string;
-        options: ReadonlyArray<CollectionPreferencesProps.ContentDisplayOption>;
-        liveAnnouncementDndStarted?: (position: number, total: number) => string;
-        liveAnnouncementDndItemReordered?: (initialPosition: number, currentPosition: number, total: number) => string;
-        liveAnnouncementDndItemCommitted?: (initialPosition: number, finalPosition: number, total: number) => string;
-        liveAnnouncementDndDiscarded?: string;
-        dragHandleAriaLabel?: string;
-        dragHandleAriaDescription?: string;
-        enableColumnFiltering?: boolean;
-        i18nStrings?: ContentDisplayPreferenceI18nStrings;
-    }
-    export interface ContentDisplayOption {
-        id: string;
-        label: string;
-        alwaysVisible?: boolean;
-    }
-    export interface ContentDisplayItem {
-        id: string;
-        visible: boolean;
-    }
-    export interface VisibleContentPreference {
-        title: string;
-        options: ReadonlyArray<CollectionPreferencesProps.VisibleContentOptionsGroup>;
-    }
-    export interface VisibleContentOptionsGroup {
-        label: string;
-        options: ReadonlyArray<CollectionPreferencesProps.VisibleContentOption>;
-    }
-    export interface VisibleContentOption {
-        id: string;
-        label: string;
-        editable?: boolean;
-    }
-    export interface PageSizePreference {
-        title?: string;
-        options: ReadonlyArray<PageSizeOption>;
-    }
-    export interface PageSizeOption {
-        value: number;
-        label?: string;
-    }
-    export interface WrapLinesPreference {
-        label?: string;
-        description?: string;
-    }
-    export interface StripedRowsPreference {
-        label?: string;
-        description?: string;
-    }
-    export interface ContentDensityPreference {
-        label?: string;
-        description?: string;
-    }
-    interface StickyColumns {
-        first?: number;
-        last?: number;
-    }
-    interface StickyColumnPreference {
-        title: string;
-        description: string;
-        options: ReadonlyArray<{
-            label: string;
-            value: number;
-        }>;
-    }
-    export interface StickyColumnsPreference {
-        firstColumns?: StickyColumnPreference;
-        lastColumns?: StickyColumnPreference;
-    }
-    export interface ContentDisplayPreferenceI18nStrings {
-        /**
-         * Specifies a `placeholder` for the filtering input.
-         * @i18n
-         */
-        columnFilteringPlaceholder?: string;
-        /**
-         * Specifies an `aria-label` for the filtering input.
-         * @i18n
-         */
-        columnFilteringAriaLabel?: string;
-        /**
-         * Specifies the `count text` for the filtering input to reflect matches found.
-         * @i18n
-         */
-        columnFilteringCountText?: (count: number) => string;
-        /**
-         * Specifies the `no match` text for when there are no matching options in the filtering.
-         * @i18n
-         */
-        columnFilteringNoMatchText?: string;
-        /**
-         * Specifies both an `aria-label` for the clear filtering input action and the `clear filter button` text for the no match button.
-         * @i18n
-         */
-        columnFilteringClearFilterText?: string;
-    }
-    export {};
-}
-//# sourceMappingURL=interfaces.d.ts.map
+    columnFilteringClearFilterText?: string;
+  }
+  export {};
+}