@cloudscape-design/components 3.0.858 → 3.0.860

package/collection-preferences/interfaces.js.map

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

package/collection-preferences/styles.css.js

@@ -1,41 +1,42 @@
 
     import './styles.scoped.css';
     export default {
-  "visible-content": "awsui_visible-content_tc96w_356y9_289",
-  "visible-content-toggle": "awsui_visible-content-toggle_tc96w_356y9_290",
-  "visible-content-groups": "awsui_visible-content-groups_tc96w_356y9_291",
-  "visible-content-group": "awsui_visible-content-group_tc96w_356y9_291",
-  "visible-content-title": "awsui_visible-content-title_tc96w_356y9_296",
-  "visible-content-group-label": "awsui_visible-content-group-label_tc96w_356y9_306",
-  "visible-content-option": "awsui_visible-content-option_tc96w_356y9_312",
-  "visible-content-option-label": "awsui_visible-content-option-label_tc96w_356y9_325",
-  "content-display-option-toggle": "awsui_content-display-option-toggle_tc96w_356y9_620",
-  "content-display-option-content": "awsui_content-display-option-content_tc96w_356y9_624",
-  "content-display-option": "awsui_content-display-option_tc96w_356y9_620",
-  "content-display-option-label": "awsui_content-display-option-label_tc96w_356y9_672",
-  "content-display": "awsui_content-display_tc96w_356y9_620",
-  "content-display-text-filter": "awsui_content-display-text-filter_tc96w_356y9_680",
-  "content-display-no-match": "awsui_content-display-no-match_tc96w_356y9_681",
-  "content-display-title": "awsui_content-display-title_tc96w_356y9_685",
-  "content-display-description": "awsui_content-display-description_tc96w_356y9_694",
-  "content-display-option-list": "awsui_content-display-option-list_tc96w_356y9_702",
-  "root": "awsui_root_tc96w_356y9_709",
-  "modal-root": "awsui_modal-root_tc96w_356y9_710",
-  "trigger-button": "awsui_trigger-button_tc96w_356y9_711",
-  "cancel-button": "awsui_cancel-button_tc96w_356y9_712",
-  "confirm-button": "awsui_confirm-button_tc96w_356y9_713",
-  "custom": "awsui_custom_tc96w_356y9_714",
-  "second-column-small": "awsui_second-column-small_tc96w_356y9_718",
-  "wrap-lines": "awsui_wrap-lines_tc96w_356y9_722",
-  "striped-rows": "awsui_striped-rows_tc96w_356y9_723",
-  "content-density": "awsui_content-density_tc96w_356y9_724",
-  "page-size": "awsui_page-size_tc96w_356y9_725",
-  "page-size-form-field": "awsui_page-size-form-field_tc96w_356y9_726",
-  "page-size-radio-group": "awsui_page-size-radio-group_tc96w_356y9_727",
-  "sticky-columns": "awsui_sticky-columns_tc96w_356y9_728",
-  "sticky-columns-form-field": "awsui_sticky-columns-form-field_tc96w_356y9_729",
-  "sticky-columns-radio-group": "awsui_sticky-columns-radio-group_tc96w_356y9_730",
-  "sticky-columns-first": "awsui_sticky-columns-first_tc96w_356y9_731",
-  "sticky-columns-last": "awsui_sticky-columns-last_tc96w_356y9_732"
+  "visible-content": "awsui_visible-content_tc96w_mcyrz_289",
+  "visible-content-toggle": "awsui_visible-content-toggle_tc96w_mcyrz_290",
+  "visible-content-groups": "awsui_visible-content-groups_tc96w_mcyrz_291",
+  "visible-content-group": "awsui_visible-content-group_tc96w_mcyrz_291",
+  "visible-content-title": "awsui_visible-content-title_tc96w_mcyrz_296",
+  "visible-content-group-label": "awsui_visible-content-group-label_tc96w_mcyrz_306",
+  "visible-content-option": "awsui_visible-content-option_tc96w_mcyrz_312",
+  "visible-content-option-label": "awsui_visible-content-option-label_tc96w_mcyrz_325",
+  "content-display-option-toggle": "awsui_content-display-option-toggle_tc96w_mcyrz_620",
+  "content-display-option-content": "awsui_content-display-option-content_tc96w_mcyrz_624",
+  "content-display-option": "awsui_content-display-option_tc96w_mcyrz_620",
+  "content-display-option-label": "awsui_content-display-option-label_tc96w_mcyrz_672",
+  "content-display": "awsui_content-display_tc96w_mcyrz_620",
+  "content-display-text-filter": "awsui_content-display-text-filter_tc96w_mcyrz_680",
+  "content-display-no-match": "awsui_content-display-no-match_tc96w_mcyrz_681",
+  "content-display-title": "awsui_content-display-title_tc96w_mcyrz_685",
+  "content-display-description": "awsui_content-display-description_tc96w_mcyrz_694",
+  "content-display-option-list": "awsui_content-display-option-list_tc96w_mcyrz_702",
+  "root": "awsui_root_tc96w_mcyrz_709",
+  "modal-root": "awsui_modal-root_tc96w_mcyrz_710",
+  "trigger-button": "awsui_trigger-button_tc96w_mcyrz_711",
+  "cancel-button": "awsui_cancel-button_tc96w_mcyrz_712",
+  "confirm-button": "awsui_confirm-button_tc96w_mcyrz_713",
+  "custom": "awsui_custom_tc96w_mcyrz_714",
+  "content-before": "awsui_content-before_tc96w_mcyrz_715",
+  "second-column-small": "awsui_second-column-small_tc96w_mcyrz_719",
+  "wrap-lines": "awsui_wrap-lines_tc96w_mcyrz_723",
+  "striped-rows": "awsui_striped-rows_tc96w_mcyrz_724",
+  "content-density": "awsui_content-density_tc96w_mcyrz_725",
+  "page-size": "awsui_page-size_tc96w_mcyrz_726",
+  "page-size-form-field": "awsui_page-size-form-field_tc96w_mcyrz_727",
+  "page-size-radio-group": "awsui_page-size-radio-group_tc96w_mcyrz_728",
+  "sticky-columns": "awsui_sticky-columns_tc96w_mcyrz_729",
+  "sticky-columns-form-field": "awsui_sticky-columns-form-field_tc96w_mcyrz_730",
+  "sticky-columns-radio-group": "awsui_sticky-columns-radio-group_tc96w_mcyrz_731",
+  "sticky-columns-first": "awsui_sticky-columns-first_tc96w_mcyrz_732",
+  "sticky-columns-last": "awsui_sticky-columns-last_tc96w_mcyrz_733"
 };
   

package/collection-preferences/styles.scoped.css

@@ -286,14 +286,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_visible-content_tc96w_356y9_289:not(#\9),
-.awsui_visible-content-toggle_tc96w_356y9_290:not(#\9),
-.awsui_visible-content-groups_tc96w_356y9_291:not(#\9),
-.awsui_visible-content-group_tc96w_356y9_291:not(#\9) {
+.awsui_visible-content_tc96w_mcyrz_289:not(#\9),
+.awsui_visible-content-toggle_tc96w_mcyrz_290:not(#\9),
+.awsui_visible-content-groups_tc96w_mcyrz_291:not(#\9),
+.awsui_visible-content-group_tc96w_mcyrz_291:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_visible-content-title_tc96w_356y9_296:not(#\9) {
+.awsui_visible-content-title_tc96w_mcyrz_296:not(#\9) {
   font-size: var(--font-size-body-m-x4okxb, 14px);
   line-height: var(--line-height-body-m-30ar75, 20px);
   font-weight: var(--font-display-label-weight-815ja9, 700);
@@ -303,13 +303,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline: 0;
 }
 
-.awsui_visible-content-group-label_tc96w_356y9_306:not(#\9) {
+.awsui_visible-content-group-label_tc96w_mcyrz_306:not(#\9) {
   color: var(--color-text-group-label-8pk3es, #424650);
   padding-block-end: var(--space-xs-zb16t3, 8px);
   border-block-end: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-divider-secondary-alwp8z, #ebebf0);
 }
 
-.awsui_visible-content-option_tc96w_356y9_312:not(#\9) {
+.awsui_visible-content-option_tc96w_mcyrz_312:not(#\9) {
   display: flex;
   flex-wrap: nowrap;
   justify-content: space-between;
@@ -318,11 +318,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline-end: 0px;
   border-block-end: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-divider-secondary-alwp8z, #ebebf0);
 }
-.awsui_visible-content-option_tc96w_356y9_312:not(#\9):last-child {
+.awsui_visible-content-option_tc96w_mcyrz_312:not(#\9):last-child {
   border-block-end: none;
 }
 
-.awsui_visible-content-option-label_tc96w_356y9_325:not(#\9) {
+.awsui_visible-content-option-label_tc96w_mcyrz_325:not(#\9) {
   overflow: hidden;
   text-overflow: ellipsis;
   padding-inline-end: var(--space-l-t419sm, 20px);
@@ -617,11 +617,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_content-display-option-toggle_tc96w_356y9_620:not(#\9) {
+.awsui_content-display-option-toggle_tc96w_mcyrz_620:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_content-display-option-content_tc96w_356y9_624:not(#\9) {
+.awsui_content-display-option-content_tc96w_mcyrz_624:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -664,26 +664,26 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-item-05df9h, 8px);
 }
 
-.awsui_content-display-option_tc96w_356y9_620:not(#\9) {
+.awsui_content-display-option_tc96w_mcyrz_620:not(#\9) {
   list-style: none;
   position: relative;
   border-block-start: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-divider-secondary-alwp8z, #ebebf0);
 }
 
-.awsui_content-display-option-label_tc96w_356y9_672:not(#\9) {
+.awsui_content-display-option-label_tc96w_mcyrz_672:not(#\9) {
   flex-grow: 1;
   min-inline-size: 0;
   word-break: break-word;
   padding-inline-end: var(--space-l-t419sm, 20px);
 }
 
-.awsui_content-display_tc96w_356y9_620:not(#\9),
-.awsui_content-display-text-filter_tc96w_356y9_680:not(#\9),
-.awsui_content-display-no-match_tc96w_356y9_681:not(#\9) {
+.awsui_content-display_tc96w_mcyrz_620:not(#\9),
+.awsui_content-display-text-filter_tc96w_mcyrz_680:not(#\9),
+.awsui_content-display-no-match_tc96w_mcyrz_681:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_content-display-title_tc96w_356y9_685:not(#\9) {
+.awsui_content-display-title_tc96w_mcyrz_685:not(#\9) {
   font-size: var(--font-size-body-m-x4okxb, 14px);
   line-height: var(--line-height-body-m-30ar75, 20px);
   font-weight: var(--font-display-label-weight-815ja9, 700);
@@ -692,7 +692,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline: 0;
 }
 
-.awsui_content-display-description_tc96w_356y9_694:not(#\9) {
+.awsui_content-display-description_tc96w_mcyrz_694:not(#\9) {
   color: var(--color-text-form-secondary-54emib, #656871);
   font-size: var(--font-size-body-s-asqx2i, 12px);
   line-height: var(--line-height-body-s-7zv1j5, 16px);
@@ -700,36 +700,37 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block-start: var(--space-scaled-xxxs-27y4hv, 2px);
 }
 
-.awsui_content-display-option-list_tc96w_356y9_702:not(#\9) {
+.awsui_content-display-option-list_tc96w_mcyrz_702:not(#\9) {
   position: relative;
   list-style: none;
   padding-block: 0;
   padding-inline: 0;
 }
 
-.awsui_root_tc96w_356y9_709:not(#\9),
-.awsui_modal-root_tc96w_356y9_710:not(#\9),
-.awsui_trigger-button_tc96w_356y9_711:not(#\9),
-.awsui_cancel-button_tc96w_356y9_712:not(#\9),
-.awsui_confirm-button_tc96w_356y9_713:not(#\9),
-.awsui_custom_tc96w_356y9_714:not(#\9) {
+.awsui_root_tc96w_mcyrz_709:not(#\9),
+.awsui_modal-root_tc96w_mcyrz_710:not(#\9),
+.awsui_trigger-button_tc96w_mcyrz_711:not(#\9),
+.awsui_cancel-button_tc96w_mcyrz_712:not(#\9),
+.awsui_confirm-button_tc96w_mcyrz_713:not(#\9),
+.awsui_custom_tc96w_mcyrz_714:not(#\9),
+.awsui_content-before_tc96w_mcyrz_715:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_second-column-small_tc96w_356y9_718:not(#\9) {
+.awsui_second-column-small_tc96w_mcyrz_719:not(#\9) {
   padding-block-start: calc(2 * var(--space-scaled-l-0hpmd7, 20px));
 }
 
-.awsui_wrap-lines_tc96w_356y9_722:not(#\9),
-.awsui_striped-rows_tc96w_356y9_723:not(#\9),
-.awsui_content-density_tc96w_356y9_724:not(#\9),
-.awsui_page-size_tc96w_356y9_725:not(#\9),
-.awsui_page-size-form-field_tc96w_356y9_726:not(#\9),
-.awsui_page-size-radio-group_tc96w_356y9_727:not(#\9),
-.awsui_sticky-columns_tc96w_356y9_728:not(#\9),
-.awsui_sticky-columns-form-field_tc96w_356y9_729:not(#\9),
-.awsui_sticky-columns-radio-group_tc96w_356y9_730:not(#\9),
-.awsui_sticky-columns-first_tc96w_356y9_731:not(#\9),
-.awsui_sticky-columns-last_tc96w_356y9_732:not(#\9) {
+.awsui_wrap-lines_tc96w_mcyrz_723:not(#\9),
+.awsui_striped-rows_tc96w_mcyrz_724:not(#\9),
+.awsui_content-density_tc96w_mcyrz_725:not(#\9),
+.awsui_page-size_tc96w_mcyrz_726:not(#\9),
+.awsui_page-size-form-field_tc96w_mcyrz_727:not(#\9),
+.awsui_page-size-radio-group_tc96w_mcyrz_728:not(#\9),
+.awsui_sticky-columns_tc96w_mcyrz_729:not(#\9),
+.awsui_sticky-columns-form-field_tc96w_mcyrz_730:not(#\9),
+.awsui_sticky-columns-radio-group_tc96w_mcyrz_731:not(#\9),
+.awsui_sticky-columns-first_tc96w_mcyrz_732:not(#\9),
+.awsui_sticky-columns-last_tc96w_mcyrz_733:not(#\9) {
   /* used in test-utils */
 }

package/collection-preferences/styles.selectors.js

@@ -2,41 +2,42 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "visible-content": "awsui_visible-content_tc96w_356y9_289",
-  "visible-content-toggle": "awsui_visible-content-toggle_tc96w_356y9_290",
-  "visible-content-groups": "awsui_visible-content-groups_tc96w_356y9_291",
-  "visible-content-group": "awsui_visible-content-group_tc96w_356y9_291",
-  "visible-content-title": "awsui_visible-content-title_tc96w_356y9_296",
-  "visible-content-group-label": "awsui_visible-content-group-label_tc96w_356y9_306",
-  "visible-content-option": "awsui_visible-content-option_tc96w_356y9_312",
-  "visible-content-option-label": "awsui_visible-content-option-label_tc96w_356y9_325",
-  "content-display-option-toggle": "awsui_content-display-option-toggle_tc96w_356y9_620",
-  "content-display-option-content": "awsui_content-display-option-content_tc96w_356y9_624",
-  "content-display-option": "awsui_content-display-option_tc96w_356y9_620",
-  "content-display-option-label": "awsui_content-display-option-label_tc96w_356y9_672",
-  "content-display": "awsui_content-display_tc96w_356y9_620",
-  "content-display-text-filter": "awsui_content-display-text-filter_tc96w_356y9_680",
-  "content-display-no-match": "awsui_content-display-no-match_tc96w_356y9_681",
-  "content-display-title": "awsui_content-display-title_tc96w_356y9_685",
-  "content-display-description": "awsui_content-display-description_tc96w_356y9_694",
-  "content-display-option-list": "awsui_content-display-option-list_tc96w_356y9_702",
-  "root": "awsui_root_tc96w_356y9_709",
-  "modal-root": "awsui_modal-root_tc96w_356y9_710",
-  "trigger-button": "awsui_trigger-button_tc96w_356y9_711",
-  "cancel-button": "awsui_cancel-button_tc96w_356y9_712",
-  "confirm-button": "awsui_confirm-button_tc96w_356y9_713",
-  "custom": "awsui_custom_tc96w_356y9_714",
-  "second-column-small": "awsui_second-column-small_tc96w_356y9_718",
-  "wrap-lines": "awsui_wrap-lines_tc96w_356y9_722",
-  "striped-rows": "awsui_striped-rows_tc96w_356y9_723",
-  "content-density": "awsui_content-density_tc96w_356y9_724",
-  "page-size": "awsui_page-size_tc96w_356y9_725",
-  "page-size-form-field": "awsui_page-size-form-field_tc96w_356y9_726",
-  "page-size-radio-group": "awsui_page-size-radio-group_tc96w_356y9_727",
-  "sticky-columns": "awsui_sticky-columns_tc96w_356y9_728",
-  "sticky-columns-form-field": "awsui_sticky-columns-form-field_tc96w_356y9_729",
-  "sticky-columns-radio-group": "awsui_sticky-columns-radio-group_tc96w_356y9_730",
-  "sticky-columns-first": "awsui_sticky-columns-first_tc96w_356y9_731",
-  "sticky-columns-last": "awsui_sticky-columns-last_tc96w_356y9_732"
+  "visible-content": "awsui_visible-content_tc96w_mcyrz_289",
+  "visible-content-toggle": "awsui_visible-content-toggle_tc96w_mcyrz_290",
+  "visible-content-groups": "awsui_visible-content-groups_tc96w_mcyrz_291",
+  "visible-content-group": "awsui_visible-content-group_tc96w_mcyrz_291",
+  "visible-content-title": "awsui_visible-content-title_tc96w_mcyrz_296",
+  "visible-content-group-label": "awsui_visible-content-group-label_tc96w_mcyrz_306",
+  "visible-content-option": "awsui_visible-content-option_tc96w_mcyrz_312",
+  "visible-content-option-label": "awsui_visible-content-option-label_tc96w_mcyrz_325",
+  "content-display-option-toggle": "awsui_content-display-option-toggle_tc96w_mcyrz_620",
+  "content-display-option-content": "awsui_content-display-option-content_tc96w_mcyrz_624",
+  "content-display-option": "awsui_content-display-option_tc96w_mcyrz_620",
+  "content-display-option-label": "awsui_content-display-option-label_tc96w_mcyrz_672",
+  "content-display": "awsui_content-display_tc96w_mcyrz_620",
+  "content-display-text-filter": "awsui_content-display-text-filter_tc96w_mcyrz_680",
+  "content-display-no-match": "awsui_content-display-no-match_tc96w_mcyrz_681",
+  "content-display-title": "awsui_content-display-title_tc96w_mcyrz_685",
+  "content-display-description": "awsui_content-display-description_tc96w_mcyrz_694",
+  "content-display-option-list": "awsui_content-display-option-list_tc96w_mcyrz_702",
+  "root": "awsui_root_tc96w_mcyrz_709",
+  "modal-root": "awsui_modal-root_tc96w_mcyrz_710",
+  "trigger-button": "awsui_trigger-button_tc96w_mcyrz_711",
+  "cancel-button": "awsui_cancel-button_tc96w_mcyrz_712",
+  "confirm-button": "awsui_confirm-button_tc96w_mcyrz_713",
+  "custom": "awsui_custom_tc96w_mcyrz_714",
+  "content-before": "awsui_content-before_tc96w_mcyrz_715",
+  "second-column-small": "awsui_second-column-small_tc96w_mcyrz_719",
+  "wrap-lines": "awsui_wrap-lines_tc96w_mcyrz_723",
+  "striped-rows": "awsui_striped-rows_tc96w_mcyrz_724",
+  "content-density": "awsui_content-density_tc96w_mcyrz_725",
+  "page-size": "awsui_page-size_tc96w_mcyrz_726",
+  "page-size-form-field": "awsui_page-size-form-field_tc96w_mcyrz_727",
+  "page-size-radio-group": "awsui_page-size-radio-group_tc96w_mcyrz_728",
+  "sticky-columns": "awsui_sticky-columns_tc96w_mcyrz_729",
+  "sticky-columns-form-field": "awsui_sticky-columns-form-field_tc96w_mcyrz_730",
+  "sticky-columns-radio-group": "awsui_sticky-columns-radio-group_tc96w_mcyrz_731",
+  "sticky-columns-first": "awsui_sticky-columns-first_tc96w_mcyrz_732",
+  "sticky-columns-last": "awsui_sticky-columns-last_tc96w_mcyrz_733"
 };
   

package/internal/environment.js

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (938e31bf)";
+export var PACKAGE_VERSION = "3.0.0 (46c5afd6)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/internal/environment.json

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (938e31bf)",
+  "PACKAGE_VERSION": "3.0.0 (46c5afd6)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "938e31bf9f2acb9b1e9d7a31d0d6082f49b6d7db"
+  "commit": "46c5afd6d80f0ab693313009f0a07bc1a3d7f602"
 }

package/package.json

@@ -131,7 +131,7 @@
     "./internal/base-component/index.js",
     "./internal/base-component/styles.css.js"
   ],
-  "version": "3.0.858",
+  "version": "3.0.860",
   "repository": {
     "type": "git",
     "url": "https://github.com/cloudscape-design/components.git"
@@ -153,7 +153,7 @@
     "date-fns": "^2.25.0",
     "intl-messageformat": "^10.3.1",
     "mnth": "^2.0.0",
-    "react-keyed-flatten-children": "^1.3.0",
+    "react-keyed-flatten-children": "^2.2.1",
     "react-transition-group": "^4.4.2",
     "tslib": "^2.4.0",
     "weekstart": "^1.1.0"

package/test-utils/dom/collection-preferences/index.d.ts

@@ -18,6 +18,7 @@ declare class PreferencesModalWrapper extends ModalWrapper {
     findStickyColumnsPreference(firstOrLast?: 'first' | 'last'): StickyColumnsPreferenceWrapper | null;
     findContentDisplayPreference(): ContentDisplayPreferenceWrapper | null;
     findCustomPreference(): ElementWrapper | null;
+    findContentBefore(): ElementWrapper | null;
 }
 export default class CollectionPreferencesWrapper extends ComponentWrapper {
     static rootSelector: string;

package/test-utils/dom/collection-preferences/index.js

@@ -43,6 +43,9 @@ class PreferencesModalWrapper extends modal_1.default {
     findCustomPreference() {
         return this.findByClassName(styles_selectors_js_1.default.custom);
     }
+    findContentBefore() {
+        return this.findByClassName(styles_selectors_js_1.default['content-before']);
+    }
 }
 PreferencesModalWrapper.rootSelector = styles_selectors_js_1.default['modal-root'];
 class CollectionPreferencesWrapper extends dom_1.ComponentWrapper {

package/test-utils/dom/collection-preferences/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/collection-preferences/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAAyG;AAEzG,sCAAsC;AACtC,0CAA0C;AAC1C,oCAAoC;AACpC,6EAA2E;AAC3E,iEAA+D;AAC/D,2EAAyE;AACzE,6EAA2E;AAE3E,6FAAyE;AAEzE,MAAM,uBAAwB,SAAQ,eAAY;IAGhD,gBAAgB;QACd,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,eAAe,CAAC,EAAE,EAAE,gBAAa,CAAC,CAAC;IAC1E,CAAC;IAED,iBAAiB;QACf,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,gBAAgB,CAAC,EAAE,EAAE,gBAAa,CAAC,CAAC;IAC3E,CAAC;IAED,uBAAuB;QACrB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,YAAY,CAAC,EAAE,EAAE,kBAAe,CAAC,CAAC;IACzE,CAAC;IAED,yBAAyB;QACvB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,cAAc,CAAC,EAAE,EAAE,kBAAe,CAAC,CAAC;IAC3E,CAAC;IAED,4BAA4B;QAC1B,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,iBAAiB,CAAC,EAAE,EAAE,kBAAe,CAAC,CAAC;IAC9E,CAAC;IAED,sBAAsB;QACpB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,8BAAyB,CAAC,YAAY,EAAE,EAAE,8BAAyB,CAAC,CAAC;IACrG,CAAC;IAED,4BAA4B;QAC1B,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,oCAA+B,CAAC,YAAY,EAAE,EAAE,oCAA+B,CAAC,CAAC;IACjH,CAAC;IAED,2BAA2B,CAAC,cAAgC,OAAO;QACjE,MAAM,YAAY,GAAG,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,kBAAkB,CAAC;QACxF,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,mCAA8B,CAAC,YAAY,CAAC,EAAE,EAAE,mCAA8B,CAAC,CAAC;IAChH,CAAC;IAED,4BAA4B;QAC1B,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,oCAA+B,CAAC,YAAY,EAAE,EAAE,oCAA+B,CAAC,CAAC;IACjH,CAAC;IAED,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,MAAM,CAAC,CAAC;IAC7C,CAAC;;AAzCM,oCAAY,GAAG,6BAAM,CAAC,YAAY,CAAC,CAAC;AA4C7C,MAAqB,4BAA6B,SAAQ,sBAAgB;IAGxE,SAAS;QACP,OAAO,IAAA,mBAAa,GAAE,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,YAAY,CAAC,EAAE,EAAE,uBAAuB,CAAC,CAAC;IAC5F,CAAC;IAED,iBAAiB;QACf,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,gBAAgB,CAAC,EAAE,EAAE,gBAAa,CAAE,CAAC;IAC5E,CAAC;;AATH,+CAUC;AATQ,yCAAY,GAAG,6BAAM,CAAC,IAAI,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/collection-preferences/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAAyG;AAEzG,sCAAsC;AACtC,0CAA0C;AAC1C,oCAAoC;AACpC,6EAA2E;AAC3E,iEAA+D;AAC/D,2EAAyE;AACzE,6EAA2E;AAE3E,6FAAyE;AAEzE,MAAM,uBAAwB,SAAQ,eAAY;IAGhD,gBAAgB;QACd,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,eAAe,CAAC,EAAE,EAAE,gBAAa,CAAC,CAAC;IAC1E,CAAC;IAED,iBAAiB;QACf,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,gBAAgB,CAAC,EAAE,EAAE,gBAAa,CAAC,CAAC;IAC3E,CAAC;IAED,uBAAuB;QACrB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,YAAY,CAAC,EAAE,EAAE,kBAAe,CAAC,CAAC;IACzE,CAAC;IAED,yBAAyB;QACvB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,cAAc,CAAC,EAAE,EAAE,kBAAe,CAAC,CAAC;IAC3E,CAAC;IAED,4BAA4B;QAC1B,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,iBAAiB,CAAC,EAAE,EAAE,kBAAe,CAAC,CAAC;IAC9E,CAAC;IAED,sBAAsB;QACpB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,8BAAyB,CAAC,YAAY,EAAE,EAAE,8BAAyB,CAAC,CAAC;IACrG,CAAC;IAED,4BAA4B;QAC1B,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,oCAA+B,CAAC,YAAY,EAAE,EAAE,oCAA+B,CAAC,CAAC;IACjH,CAAC;IAED,2BAA2B,CAAC,cAAgC,OAAO;QACjE,MAAM,YAAY,GAAG,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,kBAAkB,CAAC;QACxF,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,mCAA8B,CAAC,YAAY,CAAC,EAAE,EAAE,mCAA8B,CAAC,CAAC;IAChH,CAAC;IAED,4BAA4B;QAC1B,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,oCAA+B,CAAC,YAAY,EAAE,EAAE,oCAA+B,CAAC,CAAC;IACjH,CAAC;IAED,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,MAAM,CAAC,CAAC;IAC7C,CAAC;IAED,iBAAiB;QACf,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACxD,CAAC;;AA7CM,oCAAY,GAAG,6BAAM,CAAC,YAAY,CAAC,CAAC;AAgD7C,MAAqB,4BAA6B,SAAQ,sBAAgB;IAGxE,SAAS;QACP,OAAO,IAAA,mBAAa,GAAE,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,YAAY,CAAC,EAAE,EAAE,uBAAuB,CAAC,CAAC;IAC5F,CAAC;IAED,iBAAiB;QACf,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,gBAAgB,CAAC,EAAE,EAAE,gBAAa,CAAE,CAAC;IAC5E,CAAC;;AATH,+CAUC;AATQ,yCAAY,GAAG,6BAAM,CAAC,IAAI,CAAC"}

package/test-utils/selectors/collection-preferences/index.d.ts

@@ -18,6 +18,7 @@ declare class PreferencesModalWrapper extends ModalWrapper {
     findStickyColumnsPreference(firstOrLast?: 'first' | 'last'): StickyColumnsPreferenceWrapper;
     findContentDisplayPreference(): ContentDisplayPreferenceWrapper;
     findCustomPreference(): ElementWrapper;
+    findContentBefore(): ElementWrapper;
 }
 export default class CollectionPreferencesWrapper extends ComponentWrapper {
     static rootSelector: string;

package/test-utils/selectors/collection-preferences/index.js

@@ -43,6 +43,9 @@ class PreferencesModalWrapper extends modal_1.default {
     findCustomPreference() {
         return this.findByClassName(styles_selectors_js_1.default.custom);
     }
+    findContentBefore() {
+        return this.findByClassName(styles_selectors_js_1.default['content-before']);
+    }
 }
 PreferencesModalWrapper.rootSelector = styles_selectors_js_1.default['modal-root'];
 class CollectionPreferencesWrapper extends selectors_1.ComponentWrapper {

package/test-utils/selectors/collection-preferences/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/collection-preferences/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,4EAA+G;AAC/G,sCAAsC;AACtC,0CAA0C;AAC1C,oCAAoC;AACpC,6EAA2E;AAC3E,iEAA+D;AAC/D,2EAAyE;AACzE,6EAA2E;AAC3E,6FAAyE;AACzE,MAAM,uBAAwB,SAAQ,eAAY;IAEhD,gBAAgB;QACd,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,eAAe,CAAC,EAAE,EAAE,gBAAa,CAAC,CAAC;IAC1E,CAAC;IACD,iBAAiB;QACf,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,gBAAgB,CAAC,EAAE,EAAE,gBAAa,CAAC,CAAC;IAC3E,CAAC;IACD,uBAAuB;QACrB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,YAAY,CAAC,EAAE,EAAE,kBAAe,CAAC,CAAC;IACzE,CAAC;IACD,yBAAyB;QACvB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,cAAc,CAAC,EAAE,EAAE,kBAAe,CAAC,CAAC;IAC3E,CAAC;IACD,4BAA4B;QAC1B,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,iBAAiB,CAAC,EAAE,EAAE,kBAAe,CAAC,CAAC;IAC9E,CAAC;IACD,sBAAsB;QACpB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,8BAAyB,CAAC,YAAY,EAAE,EAAE,8BAAyB,CAAC,CAAC;IACrG,CAAC;IACD,4BAA4B;QAC1B,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,oCAA+B,CAAC,YAAY,EAAE,EAAE,oCAA+B,CAAC,CAAC;IACjH,CAAC;IACD,2BAA2B,CAAC,cAAgC,OAAO;QACjE,MAAM,YAAY,GAAG,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,kBAAkB,CAAC;QACxF,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,mCAA8B,CAAC,YAAY,CAAC,EAAE,EAAE,mCAA8B,CAAC,CAAC;IAChH,CAAC;IACD,4BAA4B;QAC1B,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,oCAA+B,CAAC,YAAY,EAAE,EAAE,oCAA+B,CAAC,CAAC;IACjH,CAAC;IACD,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,MAAM,CAAC,CAAC;IAC7C,CAAC;;AA/BM,oCAAY,GAAG,6BAAM,CAAC,YAAY,CAAC,CAAC;AAiC7C,MAAqB,4BAA6B,SAAQ,4BAAgB;IAExE,SAAS;QACP,OAAO,IAAA,yBAAa,GAAE,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,YAAY,CAAC,EAAE,EAAE,uBAAuB,CAAC,CAAC;IAC5F,CAAC;IACD,iBAAiB;QACf,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,gBAAgB,CAAC,EAAE,EAAE,gBAAa,CAAE,CAAC;IAC5E,CAAC;;AAPH,+CAQC;AAPQ,yCAAY,GAAG,6BAAM,CAAC,IAAI,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/collection-preferences/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,4EAA+G;AAC/G,sCAAsC;AACtC,0CAA0C;AAC1C,oCAAoC;AACpC,6EAA2E;AAC3E,iEAA+D;AAC/D,2EAAyE;AACzE,6EAA2E;AAC3E,6FAAyE;AACzE,MAAM,uBAAwB,SAAQ,eAAY;IAEhD,gBAAgB;QACd,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,eAAe,CAAC,EAAE,EAAE,gBAAa,CAAC,CAAC;IAC1E,CAAC;IACD,iBAAiB;QACf,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,gBAAgB,CAAC,EAAE,EAAE,gBAAa,CAAC,CAAC;IAC3E,CAAC;IACD,uBAAuB;QACrB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,YAAY,CAAC,EAAE,EAAE,kBAAe,CAAC,CAAC;IACzE,CAAC;IACD,yBAAyB;QACvB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,cAAc,CAAC,EAAE,EAAE,kBAAe,CAAC,CAAC;IAC3E,CAAC;IACD,4BAA4B;QAC1B,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,iBAAiB,CAAC,EAAE,EAAE,kBAAe,CAAC,CAAC;IAC9E,CAAC;IACD,sBAAsB;QACpB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,8BAAyB,CAAC,YAAY,EAAE,EAAE,8BAAyB,CAAC,CAAC;IACrG,CAAC;IACD,4BAA4B;QAC1B,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,oCAA+B,CAAC,YAAY,EAAE,EAAE,oCAA+B,CAAC,CAAC;IACjH,CAAC;IACD,2BAA2B,CAAC,cAAgC,OAAO;QACjE,MAAM,YAAY,GAAG,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,kBAAkB,CAAC;QACxF,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,mCAA8B,CAAC,YAAY,CAAC,EAAE,EAAE,mCAA8B,CAAC,CAAC;IAChH,CAAC;IACD,4BAA4B;QAC1B,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,oCAA+B,CAAC,YAAY,EAAE,EAAE,oCAA+B,CAAC,CAAC;IACjH,CAAC;IACD,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,MAAM,CAAC,CAAC;IAC7C,CAAC;IACD,iBAAiB;QACf,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACxD,CAAC;;AAlCM,oCAAY,GAAG,6BAAM,CAAC,YAAY,CAAC,CAAC;AAoC7C,MAAqB,4BAA6B,SAAQ,4BAAgB;IAExE,SAAS;QACP,OAAO,IAAA,yBAAa,GAAE,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,YAAY,CAAC,EAAE,EAAE,uBAAuB,CAAC,CAAC;IAC5F,CAAC;IACD,iBAAiB;QACf,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,gBAAgB,CAAC,EAAE,EAAE,gBAAa,CAAE,CAAC;IAC5E,CAAC;;AAPH,+CAQC;AAPQ,yCAAY,GAAG,6BAAM,CAAC,IAAI,CAAC"}