@cloudscape-design/components 3.0.278 → 3.0.280

package/collection-preferences/interfaces.d.ts

@@ -68,6 +68,18 @@ export interface CollectionPreferencesProps<CustomPreferenceType = any> extends
      * You must set the current value in the `preferences.contentDensity` property.
      */
     contentDensityPreference?: CollectionPreferencesProps.ContentDensityPreference;
+    /**
+     * Configures the sticky columns preference.
+     *
+     * You can set it for both left and right columns.
+     *
+     * 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 columns in a table.
      *
@@ -162,16 +174,17 @@ export interface CollectionPreferencesProps<CustomPreferenceType = any> extends
     onConfirm?: NonCancelableEventHandler<CollectionPreferencesProps.Preferences<CustomPreferenceType>>;
 }
 export declare namespace CollectionPreferencesProps {
-    interface Preferences<CustomPreferenceType = any> {
+    export interface Preferences<CustomPreferenceType = any> {
         pageSize?: number;
         wrapLines?: boolean;
         stripedRows?: boolean;
         contentDensity?: 'comfortable' | 'compact';
         visibleContent?: ReadonlyArray<string>;
+        stickyColumns?: StickyColumns;
         contentDisplay?: ReadonlyArray<ContentDisplayItem>;
         custom?: CustomPreferenceType;
     }
-    interface ContentDisplayPreference {
+    export interface ContentDisplayPreference {
         title: string;
         description?: string;
         options: ReadonlyArray<CollectionPreferencesProps.ContentDisplayOption>;
@@ -182,47 +195,64 @@ export declare namespace CollectionPreferencesProps {
         dragHandleAriaLabel?: string;
         dragHandleAriaDescription?: string;
     }
-    interface ContentDisplayOption {
+    export interface ContentDisplayOption {
         id: string;
         label: string;
         alwaysVisible?: boolean;
     }
-    interface ContentDisplayItem {
+    export interface ContentDisplayItem {
         id: string;
         visible: boolean;
     }
-    interface VisibleContentPreference {
+    export interface VisibleContentPreference {
         title: string;
         options: ReadonlyArray<CollectionPreferencesProps.VisibleContentOptionsGroup>;
     }
-    interface VisibleContentOptionsGroup {
+    export interface VisibleContentOptionsGroup {
         label: string;
         options: ReadonlyArray<CollectionPreferencesProps.VisibleContentOption>;
     }
-    interface VisibleContentOption {
+    export interface VisibleContentOption {
         id: string;
         label: string;
         editable?: boolean;
     }
-    interface PageSizePreference {
+    export interface PageSizePreference {
         title: string;
         options: ReadonlyArray<PageSizeOption>;
     }
-    interface PageSizeOption {
+    export interface PageSizeOption {
         value: number;
         label: string;
     }
-    interface WrapLinesPreference {
+    export interface WrapLinesPreference {
         label: string;
         description: string;
     }
-    interface StripedRowsPreference {
+    export interface StripedRowsPreference {
         label: string;
         description: string;
     }
-    interface ContentDensityPreference {
+    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 {};
 }
 //# sourceMappingURL=interfaces.d.ts.map

package/collection-preferences/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["collection-preferences/interfaces.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["collection-preferences/interfaces.ts"],"names":[],"mappings":"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"}

package/collection-preferences/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["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';\n\nexport interface CollectionPreferencesProps<CustomPreferenceType = any> extends BaseComponentProps {\n  /**\n   * Specifies the title of the preferences modal dialog. It is also used as an `aria-label` for the trigger button.\n   */\n  title: string;\n  /**\n   * Label of the confirm button in the modal footer.\n   */\n  confirmLabel: string;\n  /**\n   * Label of the cancel button in the modal footer.\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   */\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   */\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   */\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   */\n  contentDensityPreference?: CollectionPreferencesProps.ContentDensityPreference;\n  /**\n   * Configures the built-in content display preference for order and visibility of columns in a table.\n   *\n   * Once set, 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   * - `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   * - `options` - Specifies an array of options for reordering and visible content selection.\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   */\n  contentDisplayPreference?: CollectionPreferencesProps.ContentDisplayPreference;\n  /**\n   * Configures the built-in \"visible content selection\" preference (for example, visible columns in a table).\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 aray 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  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   * - `pageSize` (number) - (Optional) The selected page size value. Available only if you specify the `pageSizePreference` property.\n   * - `wrapLines` (boolean) - (Optional) The current line wrapping preference value. Available only if you specify the `wrapLinesPreference` property.\n   * - `visibleContent` (ReadonlyArray<string>) - (Optional) The list of selected content `id`s. Available only if you specify the `visibleContentPreference` property.\n   * - `custom` (CustomPreferenceType) - (Optional) The selected value for your custom preference.\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    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  }\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"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["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';\n\nexport interface CollectionPreferencesProps<CustomPreferenceType = any> extends BaseComponentProps {\n  /**\n   * Specifies the title of the preferences modal dialog. It is also used as an `aria-label` for the trigger button.\n   */\n  title: string;\n  /**\n   * Label of the confirm button in the modal footer.\n   */\n  confirmLabel: string;\n  /**\n   * Label of the cancel button in the modal footer.\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   */\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   */\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   */\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   */\n  contentDensityPreference?: CollectionPreferencesProps.ContentDensityPreference;\n  /**\n   * Configures the sticky columns preference.\n   *\n   * You can set it for both left and right columns.\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 columns in a table.\n   *\n   * Once set, 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   * - `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   * - `options` - Specifies an array of options for reordering and visible content selection.\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   */\n  contentDisplayPreference?: CollectionPreferencesProps.ContentDisplayPreference;\n  /**\n   * Configures the built-in \"visible content selection\" preference (for example, visible columns in a table).\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 aray 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  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   * - `pageSize` (number) - (Optional) The selected page size value. Available only if you specify the `pageSizePreference` property.\n   * - `wrapLines` (boolean) - (Optional) The current line wrapping preference value. Available only if you specify the `wrapLinesPreference` property.\n   * - `visibleContent` (ReadonlyArray<string>) - (Optional) The list of selected content `id`s. Available only if you specify the `visibleContentPreference` property.\n   * - `custom` (CustomPreferenceType) - (Optional) The selected value for your custom preference.\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  }\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"]}

package/collection-preferences/styles.css.js

@@ -1,37 +1,42 @@
 
     import './styles.scoped.css';
     export default {
-  "visible-content": "awsui_visible-content_tc96w_rxrhz_185",
-  "visible-content-toggle": "awsui_visible-content-toggle_tc96w_rxrhz_186",
-  "visible-content-groups": "awsui_visible-content-groups_tc96w_rxrhz_187",
-  "visible-content-group": "awsui_visible-content-group_tc96w_rxrhz_187",
-  "visible-content-title": "awsui_visible-content-title_tc96w_rxrhz_192",
-  "visible-content-group-label": "awsui_visible-content-group-label_tc96w_rxrhz_201",
-  "visible-content-option": "awsui_visible-content-option_tc96w_rxrhz_207",
-  "visible-content-option-label": "awsui_visible-content-option-label_tc96w_rxrhz_218",
-  "content-display-option-toggle": "awsui_content-display-option-toggle_tc96w_rxrhz_409",
-  "content-display-option-content": "awsui_content-display-option-content_tc96w_rxrhz_413",
-  "content-display-option": "awsui_content-display-option_tc96w_rxrhz_409",
-  "placeholder": "awsui_placeholder_tc96w_rxrhz_436",
-  "sorting": "awsui_sorting_tc96w_rxrhz_436",
-  "content-display-option-label": "awsui_content-display-option-label_tc96w_rxrhz_464",
-  "drag-overlay": "awsui_drag-overlay_tc96w_rxrhz_472",
-  "content-display": "awsui_content-display_tc96w_rxrhz_409",
-  "content-display-title": "awsui_content-display-title_tc96w_rxrhz_499",
-  "content-display-description": "awsui_content-display-description_tc96w_rxrhz_507",
-  "content-display-option-list": "awsui_content-display-option-list_tc96w_rxrhz_515",
-  "root": "awsui_root_tc96w_rxrhz_521",
-  "modal-root": "awsui_modal-root_tc96w_rxrhz_522",
-  "trigger-button": "awsui_trigger-button_tc96w_rxrhz_523",
-  "cancel-button": "awsui_cancel-button_tc96w_rxrhz_524",
-  "confirm-button": "awsui_confirm-button_tc96w_rxrhz_525",
-  "custom": "awsui_custom_tc96w_rxrhz_526",
-  "second-column-small": "awsui_second-column-small_tc96w_rxrhz_530",
-  "wrap-lines": "awsui_wrap-lines_tc96w_rxrhz_534",
-  "striped-rows": "awsui_striped-rows_tc96w_rxrhz_535",
-  "content-density": "awsui_content-density_tc96w_rxrhz_536",
-  "page-size": "awsui_page-size_tc96w_rxrhz_537",
-  "page-size-form-field": "awsui_page-size-form-field_tc96w_rxrhz_538",
-  "page-size-radio-group": "awsui_page-size-radio-group_tc96w_rxrhz_539"
+  "visible-content": "awsui_visible-content_tc96w_1rnmc_185",
+  "visible-content-toggle": "awsui_visible-content-toggle_tc96w_1rnmc_186",
+  "visible-content-groups": "awsui_visible-content-groups_tc96w_1rnmc_187",
+  "visible-content-group": "awsui_visible-content-group_tc96w_1rnmc_187",
+  "visible-content-title": "awsui_visible-content-title_tc96w_1rnmc_192",
+  "visible-content-group-label": "awsui_visible-content-group-label_tc96w_1rnmc_201",
+  "visible-content-option": "awsui_visible-content-option_tc96w_1rnmc_207",
+  "visible-content-option-label": "awsui_visible-content-option-label_tc96w_1rnmc_218",
+  "content-display-option-toggle": "awsui_content-display-option-toggle_tc96w_1rnmc_409",
+  "content-display-option-content": "awsui_content-display-option-content_tc96w_1rnmc_413",
+  "content-display-option": "awsui_content-display-option_tc96w_1rnmc_409",
+  "placeholder": "awsui_placeholder_tc96w_1rnmc_436",
+  "sorting": "awsui_sorting_tc96w_1rnmc_436",
+  "content-display-option-label": "awsui_content-display-option-label_tc96w_1rnmc_463",
+  "drag-overlay": "awsui_drag-overlay_tc96w_1rnmc_471",
+  "content-display": "awsui_content-display_tc96w_1rnmc_409",
+  "content-display-title": "awsui_content-display-title_tc96w_1rnmc_498",
+  "content-display-description": "awsui_content-display-description_tc96w_1rnmc_506",
+  "content-display-option-list": "awsui_content-display-option-list_tc96w_1rnmc_514",
+  "root": "awsui_root_tc96w_1rnmc_520",
+  "modal-root": "awsui_modal-root_tc96w_1rnmc_521",
+  "trigger-button": "awsui_trigger-button_tc96w_1rnmc_522",
+  "cancel-button": "awsui_cancel-button_tc96w_1rnmc_523",
+  "confirm-button": "awsui_confirm-button_tc96w_1rnmc_524",
+  "custom": "awsui_custom_tc96w_1rnmc_525",
+  "second-column-small": "awsui_second-column-small_tc96w_1rnmc_529",
+  "wrap-lines": "awsui_wrap-lines_tc96w_1rnmc_533",
+  "striped-rows": "awsui_striped-rows_tc96w_1rnmc_534",
+  "content-density": "awsui_content-density_tc96w_1rnmc_535",
+  "page-size": "awsui_page-size_tc96w_1rnmc_536",
+  "page-size-form-field": "awsui_page-size-form-field_tc96w_1rnmc_537",
+  "page-size-radio-group": "awsui_page-size-radio-group_tc96w_1rnmc_538",
+  "sticky-columns": "awsui_sticky-columns_tc96w_1rnmc_539",
+  "sticky-columns-form-field": "awsui_sticky-columns-form-field_tc96w_1rnmc_540",
+  "sticky-columns-radio-group": "awsui_sticky-columns-radio-group_tc96w_1rnmc_541",
+  "sticky-columns-first": "awsui_sticky-columns-first_tc96w_1rnmc_542",
+  "sticky-columns-last": "awsui_sticky-columns-last_tc96w_1rnmc_543"
 };
   

package/collection-preferences/styles.scoped.css

@@ -182,14 +182,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_rxrhz_185:not(#\9),
-.awsui_visible-content-toggle_tc96w_rxrhz_186:not(#\9),
-.awsui_visible-content-groups_tc96w_rxrhz_187:not(#\9),
-.awsui_visible-content-group_tc96w_rxrhz_187:not(#\9) {
+.awsui_visible-content_tc96w_1rnmc_185:not(#\9),
+.awsui_visible-content-toggle_tc96w_1rnmc_186:not(#\9),
+.awsui_visible-content-groups_tc96w_1rnmc_187:not(#\9),
+.awsui_visible-content-group_tc96w_1rnmc_187:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_visible-content-title_tc96w_rxrhz_192:not(#\9) {
+.awsui_visible-content-title_tc96w_1rnmc_192:not(#\9) {
   font-size: var(--font-body-m-size-sregvd, 14px);
   line-height: var(--font-body-m-line-height-i7xxvv, 22px);
   font-weight: var(--font-display-label-weight-m18hjh, 700);
@@ -198,24 +198,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-bottom: var(--space-scaled-l-t03y3z, 20px);
 }
 
-.awsui_visible-content-group-label_tc96w_rxrhz_201:not(#\9) {
+.awsui_visible-content-group-label_tc96w_1rnmc_201:not(#\9) {
   color: var(--color-text-group-label-w9to2i, #414d5c);
   padding-bottom: var(--space-xs-rsr2qu, 8px);
   border-bottom: var(--border-divider-list-width-hacikr, 1px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
 }
 
-.awsui_visible-content-option_tc96w_rxrhz_207:not(#\9) {
+.awsui_visible-content-option_tc96w_1rnmc_207:not(#\9) {
   display: flex;
   flex-wrap: nowrap;
   justify-content: space-between;
   padding: var(--space-xs-rsr2qu, 8px) 0px var(--space-xs-rsr2qu, 8px) var(--space-scaled-l-t03y3z, 20px);
   border-bottom: var(--border-divider-list-width-hacikr, 1px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
 }
-.awsui_visible-content-option_tc96w_rxrhz_207:not(#\9):last-child {
+.awsui_visible-content-option_tc96w_1rnmc_207:not(#\9):last-child {
   border-bottom: none;
 }
 
-.awsui_visible-content-option-label_tc96w_rxrhz_218:not(#\9) {
+.awsui_visible-content-option-label_tc96w_1rnmc_218:not(#\9) {
   overflow: hidden;
   text-overflow: ellipsis;
   padding-right: var(--space-l-4vl6xu, 20px);
@@ -406,11 +406,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_rxrhz_409:not(#\9) {
+.awsui_content-display-option-toggle_tc96w_1rnmc_409:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_content-display-option-content_tc96w_rxrhz_413:not(#\9) {
+.awsui_content-display-option-content_tc96w_1rnmc_413:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -454,29 +454,28 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-item-u2ibpi, 8px);
 }
 
-.awsui_content-display-option_tc96w_rxrhz_409:not(#\9) {
+.awsui_content-display-option_tc96w_1rnmc_409:not(#\9) {
   list-style: none;
   position: relative;
   border-top: var(--border-divider-list-width-hacikr, 1px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
 }
-.awsui_content-display-option_tc96w_rxrhz_409:not(#\9):not(.awsui_placeholder_tc96w_rxrhz_436).awsui_sorting_tc96w_rxrhz_436 {
+.awsui_content-display-option_tc96w_1rnmc_409:not(#\9):not(.awsui_placeholder_tc96w_1rnmc_436).awsui_sorting_tc96w_1rnmc_436 {
   transition: transform var(--motion-duration-transition-quick-x85tae, 90ms) var(--motion-easing-transition-quick-lukbd8, linear);
-  z-index: 1;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_content-display-option_tc96w_rxrhz_409:not(#\9):not(.awsui_placeholder_tc96w_rxrhz_436).awsui_sorting_tc96w_rxrhz_436 {
+  .awsui_content-display-option_tc96w_1rnmc_409:not(#\9):not(.awsui_placeholder_tc96w_1rnmc_436).awsui_sorting_tc96w_1rnmc_436 {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_content-display-option_tc96w_rxrhz_409:not(#\9):not(.awsui_placeholder_tc96w_rxrhz_436).awsui_sorting_tc96w_rxrhz_436, .awsui-mode-entering .awsui_content-display-option_tc96w_rxrhz_409:not(#\9):not(.awsui_placeholder_tc96w_rxrhz_436).awsui_sorting_tc96w_rxrhz_436 {
+.awsui-motion-disabled .awsui_content-display-option_tc96w_1rnmc_409:not(#\9):not(.awsui_placeholder_tc96w_1rnmc_436).awsui_sorting_tc96w_1rnmc_436, .awsui-mode-entering .awsui_content-display-option_tc96w_1rnmc_409:not(#\9):not(.awsui_placeholder_tc96w_1rnmc_436).awsui_sorting_tc96w_1rnmc_436 {
   animation: none;
   transition: none;
 }
-.awsui_content-display-option_tc96w_rxrhz_409.awsui_placeholder_tc96w_rxrhz_436 > .awsui_content-display-option-content_tc96w_rxrhz_413:not(#\9) {
+.awsui_content-display-option_tc96w_1rnmc_409.awsui_placeholder_tc96w_1rnmc_436 > .awsui_content-display-option-content_tc96w_1rnmc_413:not(#\9) {
   position: relative;
 }
-.awsui_content-display-option_tc96w_rxrhz_409.awsui_placeholder_tc96w_rxrhz_436 > .awsui_content-display-option-content_tc96w_rxrhz_413:not(#\9):after {
+.awsui_content-display-option_tc96w_1rnmc_409.awsui_placeholder_tc96w_1rnmc_436 > .awsui_content-display-option-content_tc96w_1rnmc_413:not(#\9):after {
   content: " ";
   position: absolute;
   top: 0;
@@ -487,7 +486,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-item-u2ibpi, 8px);
 }
 
-.awsui_content-display-option-label_tc96w_rxrhz_464:not(#\9) {
+.awsui_content-display-option-label_tc96w_1rnmc_463:not(#\9) {
   flex-grow: 1;
   min-width: 0;
   -ms-word-break: break-all;
@@ -495,18 +494,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-right: var(--space-l-4vl6xu, 20px);
 }
 
-.awsui_drag-overlay_tc96w_rxrhz_472:not(#\9) {
+.awsui_drag-overlay_tc96w_1rnmc_471:not(#\9) {
   box-shadow: var(--shadow-container-active-l4kuxc, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1019607843));
   border-radius: var(--border-radius-item-u2ibpi, 8px);
 }
-body[data-awsui-focus-visible=true] .awsui_drag-overlay_tc96w_rxrhz_472:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_drag-overlay_tc96w_1rnmc_471:not(#\9) {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_drag-overlay_tc96w_rxrhz_472:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_drag-overlay_tc96w_1rnmc_471:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_drag-overlay_tc96w_rxrhz_472:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_drag-overlay_tc96w_1rnmc_471:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -518,11 +517,11 @@ body[data-awsui-focus-visible=true] .awsui_drag-overlay_tc96w_rxrhz_472:not(#\9)
   box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
 }
 
-.awsui_content-display_tc96w_rxrhz_409:not(#\9) {
+.awsui_content-display_tc96w_1rnmc_409:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_content-display-title_tc96w_rxrhz_499:not(#\9) {
+.awsui_content-display-title_tc96w_1rnmc_498:not(#\9) {
   font-size: var(--font-body-m-size-sregvd, 14px);
   line-height: var(--font-body-m-line-height-i7xxvv, 22px);
   font-weight: var(--font-display-label-weight-m18hjh, 700);
@@ -530,7 +529,7 @@ body[data-awsui-focus-visible=true] .awsui_drag-overlay_tc96w_rxrhz_472:not(#\9)
   margin: 0;
 }
 
-.awsui_content-display-description_tc96w_rxrhz_507:not(#\9) {
+.awsui_content-display-description_tc96w_1rnmc_506:not(#\9) {
   color: var(--color-text-form-secondary-ih9x7l, #5f6b7a);
   font-size: var(--font-body-s-size-ukw2p9, 12px);
   line-height: var(--font-body-s-line-height-kdsbrl, 16px);
@@ -538,30 +537,35 @@ body[data-awsui-focus-visible=true] .awsui_drag-overlay_tc96w_rxrhz_472:not(#\9)
   margin-top: var(--space-scaled-xxxs-lo883m, 2px);
 }
 
-.awsui_content-display-option-list_tc96w_rxrhz_515:not(#\9) {
+.awsui_content-display-option-list_tc96w_1rnmc_514:not(#\9) {
   position: relative;
   list-style: none;
   padding: 0;
 }
 
-.awsui_root_tc96w_rxrhz_521:not(#\9),
-.awsui_modal-root_tc96w_rxrhz_522:not(#\9),
-.awsui_trigger-button_tc96w_rxrhz_523:not(#\9),
-.awsui_cancel-button_tc96w_rxrhz_524:not(#\9),
-.awsui_confirm-button_tc96w_rxrhz_525:not(#\9),
-.awsui_custom_tc96w_rxrhz_526:not(#\9) {
+.awsui_root_tc96w_1rnmc_520:not(#\9),
+.awsui_modal-root_tc96w_1rnmc_521:not(#\9),
+.awsui_trigger-button_tc96w_1rnmc_522:not(#\9),
+.awsui_cancel-button_tc96w_1rnmc_523:not(#\9),
+.awsui_confirm-button_tc96w_1rnmc_524:not(#\9),
+.awsui_custom_tc96w_1rnmc_525:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_second-column-small_tc96w_rxrhz_530:not(#\9) {
+.awsui_second-column-small_tc96w_1rnmc_529:not(#\9) {
   padding-top: calc(2 * var(--space-scaled-l-t03y3z, 20px));
 }
 
-.awsui_wrap-lines_tc96w_rxrhz_534:not(#\9),
-.awsui_striped-rows_tc96w_rxrhz_535:not(#\9),
-.awsui_content-density_tc96w_rxrhz_536:not(#\9),
-.awsui_page-size_tc96w_rxrhz_537:not(#\9),
-.awsui_page-size-form-field_tc96w_rxrhz_538:not(#\9),
-.awsui_page-size-radio-group_tc96w_rxrhz_539:not(#\9) {
+.awsui_wrap-lines_tc96w_1rnmc_533:not(#\9),
+.awsui_striped-rows_tc96w_1rnmc_534:not(#\9),
+.awsui_content-density_tc96w_1rnmc_535:not(#\9),
+.awsui_page-size_tc96w_1rnmc_536:not(#\9),
+.awsui_page-size-form-field_tc96w_1rnmc_537:not(#\9),
+.awsui_page-size-radio-group_tc96w_1rnmc_538:not(#\9),
+.awsui_sticky-columns_tc96w_1rnmc_539:not(#\9),
+.awsui_sticky-columns-form-field_tc96w_1rnmc_540:not(#\9),
+.awsui_sticky-columns-radio-group_tc96w_1rnmc_541:not(#\9),
+.awsui_sticky-columns-first_tc96w_1rnmc_542:not(#\9),
+.awsui_sticky-columns-last_tc96w_1rnmc_543:not(#\9) {
   /* used in test-utils */
 }

package/collection-preferences/styles.selectors.js

@@ -2,37 +2,42 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "visible-content": "awsui_visible-content_tc96w_rxrhz_185",
-  "visible-content-toggle": "awsui_visible-content-toggle_tc96w_rxrhz_186",
-  "visible-content-groups": "awsui_visible-content-groups_tc96w_rxrhz_187",
-  "visible-content-group": "awsui_visible-content-group_tc96w_rxrhz_187",
-  "visible-content-title": "awsui_visible-content-title_tc96w_rxrhz_192",
-  "visible-content-group-label": "awsui_visible-content-group-label_tc96w_rxrhz_201",
-  "visible-content-option": "awsui_visible-content-option_tc96w_rxrhz_207",
-  "visible-content-option-label": "awsui_visible-content-option-label_tc96w_rxrhz_218",
-  "content-display-option-toggle": "awsui_content-display-option-toggle_tc96w_rxrhz_409",
-  "content-display-option-content": "awsui_content-display-option-content_tc96w_rxrhz_413",
-  "content-display-option": "awsui_content-display-option_tc96w_rxrhz_409",
-  "placeholder": "awsui_placeholder_tc96w_rxrhz_436",
-  "sorting": "awsui_sorting_tc96w_rxrhz_436",
-  "content-display-option-label": "awsui_content-display-option-label_tc96w_rxrhz_464",
-  "drag-overlay": "awsui_drag-overlay_tc96w_rxrhz_472",
-  "content-display": "awsui_content-display_tc96w_rxrhz_409",
-  "content-display-title": "awsui_content-display-title_tc96w_rxrhz_499",
-  "content-display-description": "awsui_content-display-description_tc96w_rxrhz_507",
-  "content-display-option-list": "awsui_content-display-option-list_tc96w_rxrhz_515",
-  "root": "awsui_root_tc96w_rxrhz_521",
-  "modal-root": "awsui_modal-root_tc96w_rxrhz_522",
-  "trigger-button": "awsui_trigger-button_tc96w_rxrhz_523",
-  "cancel-button": "awsui_cancel-button_tc96w_rxrhz_524",
-  "confirm-button": "awsui_confirm-button_tc96w_rxrhz_525",
-  "custom": "awsui_custom_tc96w_rxrhz_526",
-  "second-column-small": "awsui_second-column-small_tc96w_rxrhz_530",
-  "wrap-lines": "awsui_wrap-lines_tc96w_rxrhz_534",
-  "striped-rows": "awsui_striped-rows_tc96w_rxrhz_535",
-  "content-density": "awsui_content-density_tc96w_rxrhz_536",
-  "page-size": "awsui_page-size_tc96w_rxrhz_537",
-  "page-size-form-field": "awsui_page-size-form-field_tc96w_rxrhz_538",
-  "page-size-radio-group": "awsui_page-size-radio-group_tc96w_rxrhz_539"
+  "visible-content": "awsui_visible-content_tc96w_1rnmc_185",
+  "visible-content-toggle": "awsui_visible-content-toggle_tc96w_1rnmc_186",
+  "visible-content-groups": "awsui_visible-content-groups_tc96w_1rnmc_187",
+  "visible-content-group": "awsui_visible-content-group_tc96w_1rnmc_187",
+  "visible-content-title": "awsui_visible-content-title_tc96w_1rnmc_192",
+  "visible-content-group-label": "awsui_visible-content-group-label_tc96w_1rnmc_201",
+  "visible-content-option": "awsui_visible-content-option_tc96w_1rnmc_207",
+  "visible-content-option-label": "awsui_visible-content-option-label_tc96w_1rnmc_218",
+  "content-display-option-toggle": "awsui_content-display-option-toggle_tc96w_1rnmc_409",
+  "content-display-option-content": "awsui_content-display-option-content_tc96w_1rnmc_413",
+  "content-display-option": "awsui_content-display-option_tc96w_1rnmc_409",
+  "placeholder": "awsui_placeholder_tc96w_1rnmc_436",
+  "sorting": "awsui_sorting_tc96w_1rnmc_436",
+  "content-display-option-label": "awsui_content-display-option-label_tc96w_1rnmc_463",
+  "drag-overlay": "awsui_drag-overlay_tc96w_1rnmc_471",
+  "content-display": "awsui_content-display_tc96w_1rnmc_409",
+  "content-display-title": "awsui_content-display-title_tc96w_1rnmc_498",
+  "content-display-description": "awsui_content-display-description_tc96w_1rnmc_506",
+  "content-display-option-list": "awsui_content-display-option-list_tc96w_1rnmc_514",
+  "root": "awsui_root_tc96w_1rnmc_520",
+  "modal-root": "awsui_modal-root_tc96w_1rnmc_521",
+  "trigger-button": "awsui_trigger-button_tc96w_1rnmc_522",
+  "cancel-button": "awsui_cancel-button_tc96w_1rnmc_523",
+  "confirm-button": "awsui_confirm-button_tc96w_1rnmc_524",
+  "custom": "awsui_custom_tc96w_1rnmc_525",
+  "second-column-small": "awsui_second-column-small_tc96w_1rnmc_529",
+  "wrap-lines": "awsui_wrap-lines_tc96w_1rnmc_533",
+  "striped-rows": "awsui_striped-rows_tc96w_1rnmc_534",
+  "content-density": "awsui_content-density_tc96w_1rnmc_535",
+  "page-size": "awsui_page-size_tc96w_1rnmc_536",
+  "page-size-form-field": "awsui_page-size-form-field_tc96w_1rnmc_537",
+  "page-size-radio-group": "awsui_page-size-radio-group_tc96w_1rnmc_538",
+  "sticky-columns": "awsui_sticky-columns_tc96w_1rnmc_539",
+  "sticky-columns-form-field": "awsui_sticky-columns-form-field_tc96w_1rnmc_540",
+  "sticky-columns-radio-group": "awsui_sticky-columns-radio-group_tc96w_1rnmc_541",
+  "sticky-columns-first": "awsui_sticky-columns-first_tc96w_1rnmc_542",
+  "sticky-columns-last": "awsui_sticky-columns-last_tc96w_1rnmc_543"
 };
   

package/collection-preferences/utils.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { CollectionPreferencesProps } from './interfaces';
-export declare const copyPreferences: ({ pageSize, wrapLines, stripedRows, contentDensity, visibleContent, contentDisplay, custom, }: CollectionPreferencesProps.Preferences) => CollectionPreferencesProps.Preferences;
+export declare const copyPreferences: ({ pageSize, wrapLines, stripedRows, contentDensity, visibleContent, contentDisplay, stickyColumns, custom, }: CollectionPreferencesProps.Preferences) => CollectionPreferencesProps.Preferences;
 export declare const mergePreferences: (newPref: CollectionPreferencesProps.Preferences, oldPref: CollectionPreferencesProps.Preferences) => CollectionPreferencesProps.Preferences;
 interface ModalContentLayoutProps {
     left: React.ReactNode;
@@ -27,6 +27,17 @@ interface ContentDensityPreferenceProps extends CollectionPreferencesProps.Conte
     value?: 'comfortable' | 'compact';
 }
 export declare const ContentDensityPreference: ({ label, description, value, onChange }: ContentDensityPreferenceProps) => JSX.Element;
+interface StickyColumnsPreferenceProps extends CollectionPreferencesProps.StickyColumnsPreference {
+    onChange: (value?: {
+        first?: number;
+        last?: number;
+    }) => void;
+    value?: {
+        first?: number;
+        last?: number;
+    };
+}
+export declare const StickyColumnsPreference: ({ firstColumns, lastColumns, onChange, value, }: StickyColumnsPreferenceProps) => JSX.Element;
 interface CustomPreferenceProps<T = any> extends Pick<CollectionPreferencesProps<T>, 'customPreference'> {
     onChange: (value: T) => void;
     value: T;

package/collection-preferences/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"lib/default/","sources":["collection-preferences/utils.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAOxC,OAAO,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAG1D,eAAO,MAAM,eAAe,kGAQzB,2BAA2B,WAAW,KAAG,2BAA2B,WAQrE,CAAC;AAIH,eAAO,MAAM,gBAAgB,YAClB,2BAA2B,WAAW,WACtC,2BAA2B,WAAW,KAC9C,2BAA2B,WAiB7B,CAAC;AAEF,UAAU,uBAAuB;IAC/B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,kBAAkB,oBAAqB,uBAAuB,gBAsB1E,CAAC;AAEF,UAAU,uBAAwB,SAAQ,0BAA0B,CAAC,kBAAkB;IACrF,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,kBAAkB,wCAAyC,uBAAuB,gBAW9F,CAAC;AAEF,UAAU,wBAAyB,SAAQ,0BAA0B,CAAC,mBAAmB;IACvF,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,mBAAmB,4CAA6C,wBAAwB,gBASpG,CAAC;AAEF,UAAU,0BAA2B,SAAQ,0BAA0B,CAAC,qBAAqB;IAC3F,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,qBAAqB,4CAA6C,0BAA0B,gBASxG,CAAC;AAEF,UAAU,6BAA8B,SAAQ,0BAA0B,CAAC,wBAAwB;IACjG,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,KAAK,IAAI,CAAC;IACrD,KAAK,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;CACnC;AAED,eAAO,MAAM,wBAAwB,4CAA6C,6BAA6B,gBAS9G,CAAC;AAEF,UAAU,qBAAqB,CAAC,CAAC,GAAG,GAAG,CAAE,SAAQ,IAAI,CAAC,0BAA0B,CAAC,CAAC,CAAC,EAAE,kBAAkB,CAAC;IACtG,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,KAAK,EAAE,CAAC,CAAC;CACV;AACD,eAAO,MAAM,gBAAgB,0CAA2C,qBAAqB,uBAc5F,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"lib/default/","sources":["collection-preferences/utils.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAQxC,OAAO,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAG1D,eAAO,MAAM,eAAe,iHASzB,2BAA2B,WAAW,KAAG,2BAA2B,WASrE,CAAC;AAIH,eAAO,MAAM,gBAAgB,YAClB,2BAA2B,WAAW,WACtC,2BAA2B,WAAW,KAC9C,2BAA2B,WAkB7B,CAAC;AAEF,UAAU,uBAAuB;IAC/B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,kBAAkB,oBAAqB,uBAAuB,gBAsB1E,CAAC;AAEF,UAAU,uBAAwB,SAAQ,0BAA0B,CAAC,kBAAkB;IACrF,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,kBAAkB,wCAAyC,uBAAuB,gBAW9F,CAAC;AAEF,UAAU,wBAAyB,SAAQ,0BAA0B,CAAC,mBAAmB;IACvF,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,mBAAmB,4CAA6C,wBAAwB,gBASpG,CAAC;AAEF,UAAU,0BAA2B,SAAQ,0BAA0B,CAAC,qBAAqB;IAC3F,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,qBAAqB,4CAA6C,0BAA0B,gBASxG,CAAC;AAEF,UAAU,6BAA8B,SAAQ,0BAA0B,CAAC,wBAAwB;IACjG,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,KAAK,IAAI,CAAC;IACrD,KAAK,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;CACnC;AAED,eAAO,MAAM,wBAAwB,4CAA6C,6BAA6B,gBAS9G,CAAC;AAEF,UAAU,4BAA6B,SAAQ,0BAA0B,CAAC,uBAAuB;IAC/F,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC9D,KAAK,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC3C;AA+BD,eAAO,MAAM,uBAAuB,oDAKjC,4BAA4B,gBAqB9B,CAAC;AAEF,UAAU,qBAAqB,CAAC,CAAC,GAAG,GAAG,CAAE,SAAQ,IAAI,CAAC,0BAA0B,CAAC,CAAC,CAAC,EAAE,kBAAkB,CAAC;IACtG,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,KAAK,EAAE,CAAC,CAAC;CACV;AACD,eAAO,MAAM,gBAAgB,0CAA2C,qBAAqB,uBAc5F,CAAC"}