CC-32312 Introduced a new Button Action table column type and a new Confirm action.

_data/sidebars/scos_dev_sidebar.yml

@@ -1737,6 +1737,8 @@ entries:
               nested:
                 - title: "Autocomplete"
                   url: /docs/scos/dev/front-end-development/marketplace/table-design/table-column-type-extension/table-column-type-autocomplete.html
+                - title: "Button Action"
+                  url: /docs/scos/dev/front-end-development/marketplace/table-design/table-column-type-extension/table-column-type-button-action.html
                 - title: "Chip"
                   url: /docs/scos/dev/front-end-development/marketplace/table-design/table-column-type-extension/table-column-type-chip.html
                 - title: "Date"
@@ -1799,6 +1801,8 @@ entries:
               nested:
                 - title: "Close Drawer"
                   url: /docs/scos/dev/front-end-development/marketplace/ui-components-library/actions/actions-close-drawer.html
+                - title: "Confirmation"
+                  url: /docs/scos/dev/front-end-development/marketplace/ui-components-library/actions/actions-confirmation.html
                 - title: "Drawer"
                   url: /docs/scos/dev/front-end-development/marketplace/ui-components-library/actions/actions-drawer.html
                 - title: "HTTP"

docs/scos/dev/front-end-development/202311.0/marketplace/table-design/table-column-type-extension/table-column-type-autocomplete.md

@@ -7,6 +7,8 @@ redirect_from:
 related:
   - title: Table Column Type extension
     link: docs/scos/dev/front-end-development/page.version/marketplace/table-design/table-column-type-extension/table-column-type-extension.html
+  - title: Table Column Type Button Action
+    link: docs/scos/dev/front-end-development/page.version/marketplace/table-design/table-column-type-extension/table-column-type-button-action.html
   - title: Table Column Type Chip
     link: docs/scos/dev/front-end-development/page.version/marketplace/table-design/table-column-type-extension/table-column-type-chip.html
   - title: Table Column Type Date

docs/scos/dev/front-end-development/202311.0/marketplace/table-design/table-column-type-extension/table-column-type-button-action.md

@@ -0,0 +1,107 @@
+---
+title: Table Column Type Button Action
+description: This document provides details about the Table Column Type Button Action in the Components Library.
+template: concept-topic-template
+related:
+  - title: Table Column Type extension
+    link: docs/scos/dev/front-end-development/page.version/marketplace/table-design/table-column-type-extension/table-column-type-extension.html
+  - title: Table Column Type Autocomplete
+    link: docs/scos/dev/front-end-development/page.version/marketplace/table-design/table-column-type-extension/table-column-type-autocomplete.html
+  - title: Table Column Type Chip
+    link: docs/scos/dev/front-end-development/page.version/marketplace/table-design/table-column-type-extension/table-column-type-chip.html
+  - title: Table Column Type Date
+    link: docs/scos/dev/front-end-development/page.version/marketplace/table-design/table-column-type-extension/table-column-type-date.html
+  - title: Table Column Type Dynamic
+    link: docs/scos/dev/front-end-development/page.version/marketplace/table-design/table-column-type-extension/table-column-type-dynamic.html
+  - title: Table Column Type Image
+    link: docs/scos/dev/front-end-development/page.version/marketplace/table-design/table-column-type-extension/table-column-type-image.html
+  - title: Table Column Type Input
+    link: docs/scos/dev/front-end-development/page.version/marketplace/table-design/table-column-type-extension/table-column-type-input.html
+  - title: Table Column Type List
+    link: docs/scos/dev/front-end-development/page.version/marketplace/table-design/table-column-type-extension/table-column-type-list.html
+  - title: Table Column Type Select
+    link: docs/scos/dev/front-end-development/page.version/marketplace/table-design/table-column-type-extension/table-column-type-select.html
+  - title: Table Column Type Text
+    link: docs/scos/dev/front-end-development/page.version/marketplace/table-design/table-column-type-extension/table-column-type-text.html
+---
+
+This document explains the Table Column Type Button Action in the Components library.
+
+## Overview
+
+Table Column Button Action is an Angular Component that renders button using the `@spryker/button.action` component.
+
+Check out an example usage of the Table Column Button Action in the `@spryker/table` config:
+
+```html
+<spy-table
+    [config]="{
+        ...,
+        columns: [
+            ...,
+            {
+                id: 'columnId',
+                title: 'Column Title',
+                type: 'button-action',
+                typeOptions: {
+                    text: 'text',
+                    action: {
+                        type: 'http',
+                        url: '/url',
+                    },
+                },
+            },
+            ...,
+        ],
+    }"
+>
+</spy-table>
+```
+
+## Component registration
+
+Register the component:
+
+```ts
+declare module '@spryker/table' {
+    interface TableColumnTypeRegistry {
+        'button-action': TableColumnButtonActionConfig;
+    }
+}
+
+@NgModule({
+    imports: [
+        TableModule.forRoot(),
+        TableModule.withColumnComponents({
+            'button-action': TableColumnButtonActionComponent,
+        }),
+        TableColumnButtonActionModule,
+    ],
+})
+export class RootModule {}
+```
+
+## Interfaces
+
+Below you can find interfaces for the Table Column Button Action:
+
+```ts
+export type ButtonAttributes = Record<string, string>;
+export type ActionType = RegistryType<ActionsRegistry>;
+
+interface TableColumnButtonAction extends ActionConfig {
+    type: ActionType;
+    [k: string]: unknown;
+}
+
+interface TableColumnButtonActionConfig {
+    /** Bound to the @spryker/button-action inputs */
+    text?: string;
+    action?: TableColumnButtonAction;
+    actionContext?: unknown;
+    variant?: ButtonVariant; // 'primary' - by default
+    shape?: ButtonShape; // 'default' - by default
+    size?: ButtonSize; // 'md' - by default
+    attrs?: ButtonAttributes; 
+}
+```

docs/scos/dev/front-end-development/202311.0/marketplace/table-design/table-column-type-extension/table-column-type-chip.md

@@ -9,6 +9,8 @@ related:
     link: docs/scos/dev/front-end-development/page.version/marketplace/table-design/table-column-type-extension/table-column-type-extension.html
   - title: Table Column Type Autocomplete
     link: docs/scos/dev/front-end-development/page.version/marketplace/table-design/table-column-type-extension/table-column-type-autocomplete.html
+  - title: Table Column Type Button Action
+    link: docs/scos/dev/front-end-development/page.version/marketplace/table-design/table-column-type-extension/table-column-type-button-action.html
   - title: Table Column Type Date
     link: docs/scos/dev/front-end-development/page.version/marketplace/table-design/table-column-type-extension/table-column-type-date.html
   - title: Table Column Type Dynamic

docs/scos/dev/front-end-development/202311.0/marketplace/table-design/table-column-type-extension/table-column-type-date.md

@@ -9,6 +9,8 @@ related:
     link: docs/scos/dev/front-end-development/page.version/marketplace/table-design/table-column-type-extension/table-column-type-extension.html
   - title: Table Column Type Autocomplete
     link: docs/scos/dev/front-end-development/page.version/marketplace/table-design/table-column-type-extension/table-column-type-autocomplete.html
+  - title: Table Column Type Button Action
+    link: docs/scos/dev/front-end-development/page.version/marketplace/table-design/table-column-type-extension/table-column-type-button-action.html
   - title: Table Column Type Chip
     link: docs/scos/dev/front-end-development/page.version/marketplace/table-design/table-column-type-extension/table-column-type-chip.html
   - title: Table Column Type Dynamic

docs/scos/dev/front-end-development/202311.0/marketplace/table-design/table-column-type-extension/table-column-type-dynamic.md

@@ -9,6 +9,8 @@ related:
     link: docs/scos/dev/front-end-development/page.version/marketplace/table-design/table-column-type-extension/table-column-type-extension.html
   - title: Table Column Type Autocomplete
     link: docs/scos/dev/front-end-development/page.version/marketplace/table-design/table-column-type-extension/table-column-type-autocomplete.html
+  - title: Table Column Type Button Action
+    link: docs/scos/dev/front-end-development/page.version/marketplace/table-design/table-column-type-extension/table-column-type-button-action.html
   - title: Table Column Type Chip
     link: docs/scos/dev/front-end-development/page.version/marketplace/table-design/table-column-type-extension/table-column-type-chip.html
   - title: Table Column Type Date

docs/scos/dev/front-end-development/202311.0/marketplace/table-design/table-column-type-extension/table-column-type-extension.md

@@ -7,6 +7,8 @@ redirect_from:
 related:
   - title: Table Column Type Autocomplete
     link: docs/scos/dev/front-end-development/page.version/marketplace/table-design/table-column-type-extension/table-column-type-autocomplete.html
+  - title: Table Column Type Button Action
+    link: docs/scos/dev/front-end-development/page.version/marketplace/table-design/table-column-type-extension/table-column-type-button-action.html
   - title: Table Column Type Chip
     link: docs/scos/dev/front-end-development/page.version/marketplace/table-design/table-column-type-extension/table-column-type-chip.html
   - title: Table Column Type Date
@@ -202,6 +204,7 @@ export enum ColumnTypeOptionsType {
 UI library comes with a number of standard column types that can be used on any project:
 
 - [Autocomplete](/docs/scos/dev/front-end-development/{{page.version}}/marketplace/table-design/table-column-type-extension/table-column-type-autocomplete.html) - renders `@spryker/input` and `@spryker/autocomplete` components.
+- [Button-action](/docs/scos/dev/front-end-development/{{page.version}}/marketplace/table-design/table-column-type-extension/table-column-type-button-action.html) - renders `@spryker/button-action` component.
 - [Chip](/docs/scos/dev/front-end-development/{{page.version}}/marketplace/table-design/table-column-type-extension/table-column-type-chip.html) - renders `@spryker/chip` component.
 - [Date](/docs/scos/dev/front-end-development/{{page.version}}/marketplace/table-design/table-column-type-extension/table-column-type-date.html) - renders a formatted date by `config`.
 - [Dynamic](/docs/scos/dev/front-end-development/{{page.version}}/marketplace/table-design/table-column-type-extension/table-column-type-dynamic.html) - is a higher-order column that gets `ColumnConfig` from the configured `Datasource` and renders a column with the retrieved `ColumnConfig`.

docs/scos/dev/front-end-development/202311.0/marketplace/table-design/table-column-type-extension/table-column-type-image.md

@@ -9,6 +9,8 @@ related:
     link: docs/scos/dev/front-end-development/page.version/marketplace/table-design/table-column-type-extension/table-column-type-extension.html
   - title: Table Column Type Autocomplete
     link: docs/scos/dev/front-end-development/page.version/marketplace/table-design/table-column-type-extension/table-column-type-autocomplete.html
+  - title: Table Column Type Button Action
+    link: docs/scos/dev/front-end-development/page.version/marketplace/table-design/table-column-type-extension/table-column-type-button-action.html
   - title: Table Column Type Chip
     link: docs/scos/dev/front-end-development/page.version/marketplace/table-design/table-column-type-extension/table-column-type-chip.html
   - title: Table Column Type Date

docs/scos/dev/front-end-development/202311.0/marketplace/table-design/table-column-type-extension/table-column-type-input.md

@@ -9,6 +9,8 @@ related:
     link: docs/scos/dev/front-end-development/page.version/marketplace/table-design/table-column-type-extension/table-column-type-extension.html
   - title: Table Column Type Autocomplete
     link: docs/scos/dev/front-end-development/page.version/marketplace/table-design/table-column-type-extension/table-column-type-autocomplete.html
+  - title: Table Column Type Button Action
+    link: docs/scos/dev/front-end-development/page.version/marketplace/table-design/table-column-type-extension/table-column-type-button-action.html
   - title: Table Column Type Chip
     link: docs/scos/dev/front-end-development/page.version/marketplace/table-design/table-column-type-extension/table-column-type-chip.html
   - title: Table Column Type Date

docs/scos/dev/front-end-development/202311.0/marketplace/table-design/table-column-type-extension/table-column-type-list.md

@@ -9,6 +9,8 @@ related:
     link: docs/scos/dev/front-end-development/page.version/marketplace/table-design/table-column-type-extension/table-column-type-extension.html
   - title: Table Column Type Autocomplete
     link: docs/scos/dev/front-end-development/page.version/marketplace/table-design/table-column-type-extension/table-column-type-autocomplete.html
+  - title: Table Column Type Button Action
+    link: docs/scos/dev/front-end-development/page.version/marketplace/table-design/table-column-type-extension/table-column-type-button-action.html
   - title: Table Column Type Chip
     link: docs/scos/dev/front-end-development/page.version/marketplace/table-design/table-column-type-extension/table-column-type-chip.html
   - title: Table Column Type Date

docs/scos/dev/front-end-development/202311.0/marketplace/table-design/table-column-type-extension/table-column-type-select.md

@@ -9,6 +9,8 @@ related:
     link: docs/scos/dev/front-end-development/page.version/marketplace/table-design/table-column-type-extension/table-column-type-extension.html
   - title: Table Column Type Autocomplete
     link: docs/scos/dev/front-end-development/page.version/marketplace/table-design/table-column-type-extension/table-column-type-autocomplete.html
+  - title: Table Column Type Button Action
+    link: docs/scos/dev/front-end-development/page.version/marketplace/table-design/table-column-type-extension/table-column-type-button-action.html
   - title: Table Column Type Chip
     link: docs/scos/dev/front-end-development/page.version/marketplace/table-design/table-column-type-extension/table-column-type-chip.html
   - title: Table Column Type Date

docs/scos/dev/front-end-development/202311.0/marketplace/table-design/table-column-type-extension/table-column-type-text.md

@@ -9,6 +9,8 @@ related:
     link: docs/scos/dev/front-end-development/page.version/marketplace/table-design/table-column-type-extension/table-column-type-extension.html
   - title: Table Column Type Autocomplete
     link: docs/scos/dev/front-end-development/page.version/marketplace/table-design/table-column-type-extension/table-column-type-autocomplete.html
+  - title: Table Column Type Button Action
+    link: docs/scos/dev/front-end-development/page.version/marketplace/table-design/table-column-type-extension/table-column-type-button-action.html
   - title: Table Column Type Chip
     link: docs/scos/dev/front-end-development/page.version/marketplace/table-design/table-column-type-extension/table-column-type-chip.html
   - title: Table Column Type Date

docs/scos/dev/front-end-development/202311.0/marketplace/ui-components-library/actions/actions-close-drawer.md

@@ -7,6 +7,8 @@ redirect_from:
 related:
   - title: Actions
     link: docs/scos/dev/front-end-development/page.version/marketplace/ui-components-library/actions/ui-components-library-actions.html
+  - title: Actions Confirmation
+    link: docs/scos/dev/front-end-development/page.version/marketplace/ui-components-library/actions/actions-confirmation.html
   - title: Actions Drawer
     link: docs/scos/dev/front-end-development/page.version/marketplace/ui-components-library/actions/actions-drawer.html
   - title: Actions HTTP

docs/scos/dev/front-end-development/202311.0/marketplace/ui-components-library/actions/actions-confirmation.md

@@ -0,0 +1,104 @@
+---
+title: Actions Confirmation
+description: This document provides details about the Actions Confirmation service in the Components Library.
+template: concept-topic-template
+related:
+  - title: Actions
+    link: docs/scos/dev/front-end-development/page.version/marketplace/ui-components-library/actions/ui-components-library-actions.html
+  - title: Actions Close Drawer
+    link: docs/scos/dev/front-end-development/page.version/marketplace/ui-components-library/actions/actions-close-drawer.html
+  - title: Actions Drawer
+    link: docs/scos/dev/front-end-development/page.version/marketplace/ui-components-library/actions/actions-drawer.html
+  - title: Actions HTTP
+    link: docs/scos/dev/front-end-development/page.version/marketplace/ui-components-library/actions/actions-http.html
+  - title: Actions Notification
+    link: docs/scos/dev/front-end-development/page.version/marketplace/ui-components-library/actions/actions-notification.html
+  - title: Actions Redirect
+    link: docs/scos/dev/front-end-development/page.version/marketplace/ui-components-library/actions/actions-redirect.html
+  - title: Actions Refresh Drawer
+    link: docs/scos/dev/front-end-development/page.version/marketplace/ui-components-library/actions/actions-refresh-drawer.html
+  - title: Actions Refresh Parent Table
+    link: docs/scos/dev/front-end-development/page.version/marketplace/ui-components-library/actions/actions-refresh-parent-table.html
+  - title: Actions Refresh Table
+    link: docs/scos/dev/front-end-development/page.version/marketplace/ui-components-library/actions/actions-refresh-table.html
+
+---
+
+This document explains the Actions Confirmation service in the Components Library.
+
+## Overview
+
+Actions Confirmation is an Angular Service that calls another action with confirmation via the Modal component.
+
+Check out an example usage of the Actions Confirmation.
+
+Service configuration:
+
+- `type`—an action type.
+- `action`—registered action configuration.
+- `modal`—modal configuration based on the `ConfirmModalStrategyOptions` interface of the Modal component.  
+
+```html
+<spy-button-action
+    [action]="{
+        type: 'confirmation',
+        action: {
+            type: 'redirect',
+            url: '/url',
+        },
+        modal: {
+            description: 'Redirect to /url',
+        },
+    }"
+>
+</spy-button-action>
+```
+
+## Service registration
+
+Register the service:
+
+```ts
+declare module '@spryker/actions' {
+    interface ActionsRegistry {
+        confirmation: ConfirmationActionHandlerService,
+    }
+}
+
+@NgModule({
+    imports: [
+        ActionsModule.withActions({
+            confirmation: ConfirmationActionHandlerService,
+        }),
+    ],
+})
+export class RootModule {}
+```
+
+## Interfaces
+
+Below you can find interfaces for the Actions Confirmation:
+
+```ts
+export interface ConfirmationActionConfig extends ActionConfig {
+    action: ActionConfig;
+    modal?: ConfirmModalStrategyOptions;
+}
+
+export interface ConfirmModalStrategyOptions extends ConfirmModalData {}
+
+export interface ConfirmModalData {
+    title?: string | TemplateRef<ModalTemplateContext<AnyModal>>;
+    description?: string | TemplateRef<ModalTemplateContext<AnyModal>>;
+    icon?: string | TemplateRef<ModalTemplateContext<AnyModal>>;
+    okText?: string | TemplateRef<ModalTemplateContext<AnyModal>>;
+    okType?: string;
+    okVariant?: ButtonVariant;
+    okSize?: ButtonSize;
+    cancelText?: string | TemplateRef<ModalTemplateContext<AnyModal>>;
+    cancelType?: string;
+    cancelVariant?: ButtonVariant;
+    cancelSize?: ButtonSize;
+    class?: string;
+}
+```

docs/scos/dev/front-end-development/202311.0/marketplace/ui-components-library/actions/actions-drawer.md

@@ -9,6 +9,8 @@ related:
     link: docs/scos/dev/front-end-development/page.version/marketplace/ui-components-library/actions/ui-components-library-actions.html
   - title: Actions Close Drawer
     link: docs/scos/dev/front-end-development/page.version/marketplace/ui-components-library/actions/actions-close-drawer.html
+  - title: Actions Confirmation
+    link: docs/scos/dev/front-end-development/page.version/marketplace/ui-components-library/actions/actions-confirmation.html
   - title: Actions HTTP
     link: docs/scos/dev/front-end-development/page.version/marketplace/ui-components-library/actions/actions-http.html
   - title: Actions Notification

docs/scos/dev/front-end-development/202311.0/marketplace/ui-components-library/actions/actions-http.md

@@ -9,6 +9,8 @@ related:
     link: docs/scos/dev/front-end-development/page.version/marketplace/ui-components-library/actions/ui-components-library-actions.html
   - title: Actions Close Drawer
     link: docs/scos/dev/front-end-development/page.version/marketplace/ui-components-library/actions/actions-close-drawer.html
+  - title: Actions Confirmation
+    link: docs/scos/dev/front-end-development/page.version/marketplace/ui-components-library/actions/actions-confirmation.html
   - title: Actions Drawer
     link: docs/scos/dev/front-end-development/page.version/marketplace/ui-components-library/actions/actions-drawer.html
   - title: Actions Notification

docs/scos/dev/front-end-development/202311.0/marketplace/ui-components-library/actions/actions-notification.md

@@ -9,6 +9,8 @@ related:
     link: docs/scos/dev/front-end-development/page.version/marketplace/ui-components-library/actions/ui-components-library-actions.html
   - title: Actions Close Drawer
     link: docs/scos/dev/front-end-development/page.version/marketplace/ui-components-library/actions/actions-close-drawer.html
+  - title: Actions Confirmation
+    link: docs/scos/dev/front-end-development/page.version/marketplace/ui-components-library/actions/actions-confirmation.html
   - title: Actions Drawer
     link: docs/scos/dev/front-end-development/page.version/marketplace/ui-components-library/actions/actions-drawer.html
   - title: Actions HTTP