@sap/ux-ui5-tooling 1.20.4 → 1.22.0

package/dist/preview-middleware/dist/client/adp/quick-actions/fe-v4/create-table-custom-column-config-change.ts

@@ -0,0 +1,178 @@
+import type FlexCommand from 'sap/ui/rta/command/FlexCommand';
+import OverlayRegistry from 'sap/ui/dt/OverlayRegistry';
+
+import { QuickActionContext, NestedQuickActionDefinition } from '../../../cpe/quick-actions/quick-action-definition';
+import { DialogFactory, DialogNames } from '../../dialog-factory';
+import { SMART_TABLE_TYPE, GRID_TABLE_TYPE, MDC_TABLE_TYPE, TREE_TABLE_TYPE } from '../control-types';
+import { TableQuickActionDefinitionBase } from '../table-quick-action-base';
+
+import { DIALOG_ENABLEMENT_VALIDATOR } from '../dialog-enablement-validator';
+import Table from 'sap/ui/mdc/Table';
+import { getV4AppComponent, isMacroTable } from '../../../utils/fe-v4';
+import { getLineItemAnnotation, getPropertyPath } from './utils';
+import { getUi5Version, isLowerThanMinimalUi5Version } from '../../../utils/version';
+import { isA } from '../../../utils/core';
+import UI5Element from 'sap/ui/core/Element';
+
+interface ViewDataType {
+    stableId: string;
+}
+export const CREATE_TABLE_CUSTOM_COLUMN = 'create-table-custom-column';
+const regexForAnnotationPath =
+    /controlConfiguration\/(?:entity\/)?@com\.sap\.vocabularies\.UI\.v1\.LineItem(?:#[^/]+)?\/columns\//;
+
+export const CONTROL_TYPES = [SMART_TABLE_TYPE, MDC_TABLE_TYPE, TREE_TABLE_TYPE, GRID_TABLE_TYPE];
+
+export class AddTableCustomColumnQuickAction
+    extends TableQuickActionDefinitionBase
+    implements NestedQuickActionDefinition
+{
+    protected pageId: string | undefined;
+    constructor(context: QuickActionContext) {
+        super(
+            CREATE_TABLE_CUSTOM_COLUMN,
+            CONTROL_TYPES,
+            'QUICK_ACTION_ADD_CUSTOM_TABLE_COLUMN',
+            context,
+            {
+                validateTableColumns: true
+            },
+            [DIALOG_ENABLEMENT_VALIDATOR]
+        );
+    }
+    async initialize(): Promise<void> {
+        this.pageId = (this.context.view.getViewData() as ViewDataType)?.stableId.split('::').pop() as string;
+        const version = await getUi5Version();
+        if (isLowerThanMinimalUi5Version(version, { major: 1, minor: 120 })) {
+            return;
+        }
+        await super.initialize();
+    }
+
+    async execute(path: string): Promise<FlexCommand[]> {
+        const { table } = this.tableMap[path];
+        if (!table) {
+            return [];
+        }
+        if (table) {
+            const overlay = OverlayRegistry.getOverlay(table) || [];
+            const propertyPath = `${getPropertyPath(table, 'columns')}`;
+            const anchor = findAnchor(table);
+            await DialogFactory.createDialog(
+                overlay,
+                this.context.rta,
+                DialogNames.ADD_CUSTOM_FRAGMENT,
+                undefined,
+                {
+                    title: 'QUICK_ACTION_ADD_CUSTOM_TABLE_COLUMN',
+                    type: 'tableColumn',
+                    appDescriptor: {
+                        appComponent: getV4AppComponent(this.context.view)!,
+                        appType: 'fe-v4',
+                        pageId: this.pageId!,
+                        projectId: this.context.flexSettings.projectId,
+                        anchor
+                    },
+                    validateId: (columnId) => {
+                        const customColumnInPending = [
+                            ...this.context.changeService.getAllPendingConfigPropertyPath()
+                        ].filter((path) => regexForAnnotationPath.test(path));
+                        const idInPendingChanges = customColumnInPending.includes(`${propertyPath}${columnId}`);
+                        if (idInPendingChanges) {
+                            return false;
+                        }
+                        if (
+                            isA(MDC_TABLE_TYPE, table) &&
+                            (table as Table)
+                                .getColumns()
+                                .every((col) => !col.getId().endsWith(`CustomColumn::${columnId}`))
+                        ) {
+                            return true;
+                        }
+                        return false;
+                    },
+                    propertyPath
+                },
+                { actionName: this.type, telemetryEventIdentifier: this.getTelemetryIdentifier() }
+            );
+        }
+        return [];
+    }
+}
+function findAnchor(table: UI5Element): string {
+    const macroTable = table.getParent();
+    let anchor: string = '';
+    if (isMacroTable(macroTable)) {
+        let metaPath = '';
+        if (macroTable.metaPath.includes('LineItem')) {
+            metaPath = macroTable.metaPath;
+        } else {
+            const segments = macroTable.metaPath.split('/');
+            segments.pop();
+            const path = segments.join('/');
+            metaPath = `${path}/${getLineItemAnnotation(macroTable)}`;
+        }
+        if (!metaPath) {
+            return '';
+        }
+        const columns = macroTable.getModel()?.getMetaModel()?.getObject(metaPath);
+        const filteredColumns = columns.filter(
+            (col: { $Type: string; Inline?: boolean; SemanticObject?: string; Action?: string }) =>
+                [
+                    'com.sap.vocabularies.UI.v1.DataField',
+                    'com.sap.vocabularies.UI.v1.DataFieldForIntentBasedNavigation',
+                    'com.sap.vocabularies.UI.v1.DataFieldForAnnotation'
+                ].includes(col.$Type) ||
+                ('com.sap.vocabularies.UI.v1.DataFieldForAction' === col.$Type && col.Inline)
+        ) as {
+            $Type: string;
+            Inline?: boolean;
+            Value: { $Path: string };
+            Action: string;
+            SemanticObject?: string;
+            Target?: { $AnnotationPath: string };
+        }[];
+        const lastColumn = filteredColumns.at(-1);
+        if (!lastColumn) {
+            return '';
+        }
+        anchor = buildColumnAnchor(lastColumn);
+    }
+    return anchor;
+}
+
+/**
+ * Builds anchor string for different column types
+ * @param column - The column object from metadata
+ * @returns The anchor string for the column
+ */
+function buildColumnAnchor(column: {
+    $Type: string;
+    Value?: { $Path: string };
+    Action?: string;
+    SemanticObject?: string;
+    Target?: { $AnnotationPath: string };
+}): string {
+    if (column.$Type === 'com.sap.vocabularies.UI.v1.DataFieldForAction') {
+        return `DataFieldForAction::${column.Action}`;
+    }
+    
+    if (column.$Type === 'com.sap.vocabularies.UI.v1.DataField') {
+        return `DataField::${column.Value?.$Path}`;
+    }
+    
+    if (column.$Type === 'com.sap.vocabularies.UI.v1.DataFieldForIntentBasedNavigation') {
+        return `DataFieldForIntentBasedNavigation::${column.SemanticObject}::${column.Action}`;
+    }
+    
+    if (column.$Type === 'com.sap.vocabularies.UI.v1.DataFieldForAnnotation') {
+        const annotationPath = column.Target?.$AnnotationPath;
+        if (!annotationPath) {
+            return '';
+        }
+        const annotation = annotationPath.split('.').pop();
+        return `DataFieldForAnnotation::${annotation?.split('#').join('::')}`;
+    }
+    
+    return '';
+}

package/dist/preview-middleware/dist/client/adp/quick-actions/fe-v4/enable-variant-management.js

@@ -0,0 +1,83 @@
+"use strict";
+
+sap.ui.define(["../simple-quick-action-base", "sap/ui/core/Component", "../../../utils/version", "../../../utils/fe-v4"], function (___simple_quick_action_base, Component, _____utils_version, _____utils_fe_v4) {
+  "use strict";
+
+  const SimpleQuickActionDefinitionBase = ___simple_quick_action_base["SimpleQuickActionDefinitionBase"];
+  const getUi5Version = _____utils_version["getUi5Version"];
+  const isLowerThanMinimalUi5Version = _____utils_version["isLowerThanMinimalUi5Version"];
+  const createManifestPropertyChange = _____utils_fe_v4["createManifestPropertyChange"];
+  const ENABLE_VARIANT_MANAGEMENT_IN_TABLES_CHARTS = 'enable-variant-management-in-tables-charts';
+
+  // sap.f.DynamicPage for list report and sap.uxap.ObjectPageLayout for object page.
+  const CONTROL_TYPES = ['sap.f.DynamicPage', 'sap.uxap.ObjectPageLayout'];
+
+  /**
+   * Quick Action for enabling table filtering using table personalization settings.
+   */
+  class EnableVariantManagementQuickAction extends SimpleQuickActionDefinitionBase {
+    pageSmartVariantManagementMode = '';
+    constructor(context) {
+      super(ENABLE_VARIANT_MANAGEMENT_IN_TABLES_CHARTS, CONTROL_TYPES, 'QUICK_ACTION_ENABLE_TABLES_AND_CHARTS_VARIANT_MANAGEMENT', context, [{
+        run: () => {
+          if (this.control) {
+            if (this.pageSmartVariantManagementMode === 'Control') {
+              return {
+                type: 'error',
+                message: this.context.resourceBundle.getText('VARIANT_MANAGEMENT_FOR_PAGE_CONTROLS_IS_ALREADY_ENABLED')
+              };
+            }
+          }
+          return undefined;
+        }
+      }]);
+    }
+    forceRefreshAfterExecution = true;
+    async initialize() {
+      const version = await getUi5Version();
+      if (isLowerThanMinimalUi5Version(version, {
+        major: 1,
+        minor: 131
+      })) {
+        return;
+      }
+      await super.initialize();
+      if (this.control) {
+        this.ownerComponent = Component.getOwnerComponentFor(this.control);
+        if (!this.ownerComponent?.isA('sap.fe.templates.ListReport.Component') && !this.ownerComponent?.isA('sap.fe.templates.ObjectPage.Component') && !this.ownerComponent?.isA('sap.fe.templates.AnalyticalListPage.Component')) {
+          this.control = undefined;
+        } else {
+          const id = this.control.getId();
+          if (typeof id !== 'string') {
+            throw new Error('Could not retrieve configuration property because control id is not valid!');
+          }
+          const value = this.context.changeService.getConfigurationPropertyValue(id, 'variantManagement');
+          this.pageSmartVariantManagementMode = value === undefined ? this.ownerComponent.getVariantManagement() : value;
+        }
+      }
+    }
+    async execute() {
+      if (!this.control) {
+        return [];
+      }
+      const {
+        flexSettings
+      } = this.context;
+      const command = await createManifestPropertyChange(this.control, flexSettings, {
+        variantManagement: 'Control'
+      });
+      if (command) {
+        return [command];
+      } else {
+        return [];
+      }
+    }
+  }
+  var __exports = {
+    __esModule: true
+  };
+  __exports.ENABLE_VARIANT_MANAGEMENT_IN_TABLES_CHARTS = ENABLE_VARIANT_MANAGEMENT_IN_TABLES_CHARTS;
+  __exports.EnableVariantManagementQuickAction = EnableVariantManagementQuickAction;
+  return __exports;
+});
+//# sourceMappingURL=enable-variant-management.js.map

package/dist/preview-middleware/dist/client/adp/quick-actions/fe-v4/enable-variant-management.ts

@@ -0,0 +1,96 @@
+import type FlexCommand from 'sap/ui/rta/command/FlexCommand';
+
+import type {
+    QuickActionContext,
+    SimpleQuickActionDefinition
+} from '../../../cpe/quick-actions/quick-action-definition';
+
+import { SimpleQuickActionDefinitionBase } from '../simple-quick-action-base';
+import Component from 'sap/ui/core/Component';
+import { getUi5Version, isLowerThanMinimalUi5Version } from '../../../utils/version';
+import { createManifestPropertyChange } from '../../../utils/fe-v4';
+import type ListReportComponent from 'sap/suite/ui/generic/template/ListReport';
+
+export const ENABLE_VARIANT_MANAGEMENT_IN_TABLES_CHARTS = 'enable-variant-management-in-tables-charts';
+
+// sap.f.DynamicPage for list report and sap.uxap.ObjectPageLayout for object page.
+const CONTROL_TYPES = ['sap.f.DynamicPage', 'sap.uxap.ObjectPageLayout'];
+
+/**
+ * Quick Action for enabling table filtering using table personalization settings.
+ */
+export class EnableVariantManagementQuickAction
+    extends SimpleQuickActionDefinitionBase
+    implements SimpleQuickActionDefinition
+{
+    private pageSmartVariantManagementMode = '';
+    private ownerComponent: ListReportComponent;
+    constructor(context: QuickActionContext) {
+        super(
+            ENABLE_VARIANT_MANAGEMENT_IN_TABLES_CHARTS,
+            CONTROL_TYPES,
+            'QUICK_ACTION_ENABLE_TABLES_AND_CHARTS_VARIANT_MANAGEMENT',
+            context,
+            [
+                {
+                    run: () => {
+                        if (this.control) {
+                            if (this.pageSmartVariantManagementMode === 'Control') {
+                                return {
+                                    type: 'error',
+                                    message: this.context.resourceBundle.getText(
+                                        'VARIANT_MANAGEMENT_FOR_PAGE_CONTROLS_IS_ALREADY_ENABLED'
+                                    )
+                                };
+                            }
+                        }
+                        return undefined;
+                    }
+                }
+            ]
+        );
+    }
+
+    readonly forceRefreshAfterExecution = true;
+    async initialize(): Promise<void> {
+        const version = await getUi5Version();
+        if (isLowerThanMinimalUi5Version(version, { major: 1, minor: 131 })) {
+            return;
+        }
+        await super.initialize();
+        if (this.control) {
+            this.ownerComponent = Component.getOwnerComponentFor(this.control) as unknown as ListReportComponent;
+            if (
+                !this.ownerComponent?.isA('sap.fe.templates.ListReport.Component') &&
+                !this.ownerComponent?.isA('sap.fe.templates.ObjectPage.Component') &&
+                !this.ownerComponent?.isA('sap.fe.templates.AnalyticalListPage.Component')
+            ) {
+                this.control = undefined;
+            } else {
+                const id = this.control.getId();
+                if (typeof id !== 'string') {
+                    throw new Error('Could not retrieve configuration property because control id is not valid!');
+                }
+                const value = this.context.changeService.getConfigurationPropertyValue(id, 'variantManagement');
+                this.pageSmartVariantManagementMode =
+                    value === undefined ? this.ownerComponent.getVariantManagement() : (value as string);
+            }
+        }
+    }
+
+    async execute(): Promise<FlexCommand[]> {
+        if (!this.control) {
+            return [];
+        }
+        const { flexSettings } = this.context;
+
+        const command = await createManifestPropertyChange(this.control, flexSettings, {
+            variantManagement: 'Control'
+        });
+        if (command) {
+            return [command];
+        } else {
+            return [];
+        }
+    }
+}

package/dist/preview-middleware/dist/client/adp/quick-actions/fe-v4/lr-enable-semantic-date-range-filter-bar.js

@@ -0,0 +1,58 @@
+"use strict";
+
+sap.ui.define(["../../../cpe/quick-actions/utils", "../../../utils/core", "./utils", "../simple-quick-action-base"], function (_____cpe_quick_actions_utils, _____utils_core, ___utils, ___simple_quick_action_base) {
+  "use strict";
+
+  const pageHasControlId = _____cpe_quick_actions_utils["pageHasControlId"];
+  const getControlById = _____utils_core["getControlById"];
+  const executeToggleAction = ___utils["executeToggleAction"];
+  const SimpleQuickActionDefinitionBase = ___simple_quick_action_base["SimpleQuickActionDefinitionBase"];
+  const ENABLE_SEMANTIC_DATE_RANGE = 'enable-semantic-date-range';
+  const PROPERTY_NAME = 'useSemanticDateRange';
+  const PROPERTY_PATH = `controlConfiguration/@com.sap.vocabularies.UI.v1.SelectionFields/${PROPERTY_NAME}`;
+  const CONTROL_TYPE = 'sap.fe.macros.controls.FilterBar';
+  const boolMap = {
+    'true': true,
+    'false': false
+  };
+  /**
+   * Quick Action for toggling the visibility of "Semantic date range" for filter bar fields in LR.
+   */
+  class ToggleSemanticDateRangeFilterBar extends SimpleQuickActionDefinitionBase {
+    constructor(context) {
+      super(ENABLE_SEMANTIC_DATE_RANGE, [], '', context);
+    }
+    forceRefreshAfterExecution = true;
+    isUseDateRangeTypeEnabled = false;
+    initialize() {
+      const controls = this.context.controlIndex[CONTROL_TYPE] ?? [];
+      for (const control of controls) {
+        const isActionApplicable = pageHasControlId(this.context.view, control.controlId);
+        const filterBar = getControlById(control.controlId);
+        if (isActionApplicable && filterBar) {
+          this.control = filterBar;
+          const value = this.context.changeService.getConfigurationPropertyValue(control.controlId, PROPERTY_NAME);
+          this.isUseDateRangeTypeEnabled = value === undefined ? boolMap[this.control.data('useSemanticDateRange')] : value;
+        }
+      }
+      return Promise.resolve();
+    }
+    get textKey() {
+      return this.isUseDateRangeTypeEnabled ? 'QUICK_ACTION_LR_DISABLE_SEMANTIC_DATE_RANGE_FILTER_BAR' : 'QUICK_ACTION_LR_ENABLE_SEMANTIC_DATE_RANGE_FILTER_BAR';
+    }
+    async execute() {
+      const command = await executeToggleAction(this.context, this.isUseDateRangeTypeEnabled, CONTROL_TYPE, PROPERTY_PATH);
+      if (command.length) {
+        this.isUseDateRangeTypeEnabled = !this.isUseDateRangeTypeEnabled;
+      }
+      return command;
+    }
+  }
+  var __exports = {
+    __esModule: true
+  };
+  __exports.ENABLE_SEMANTIC_DATE_RANGE = ENABLE_SEMANTIC_DATE_RANGE;
+  __exports.ToggleSemanticDateRangeFilterBar = ToggleSemanticDateRangeFilterBar;
+  return __exports;
+});
+//# sourceMappingURL=lr-enable-semantic-date-range-filter-bar.js.map

package/dist/preview-middleware/dist/client/adp/quick-actions/fe-v4/lr-enable-semantic-date-range-filter-bar.ts

@@ -0,0 +1,70 @@
+import type FlexCommand from 'sap/ui/rta/command/FlexCommand';
+import type FilterBar from 'sap/ui/mdc/FilterBar';
+
+import type {
+    QuickActionContext,
+    SimpleQuickActionDefinition
+} from '../../../cpe/quick-actions/quick-action-definition';
+import { pageHasControlId } from '../../../cpe/quick-actions/utils';
+import { getControlById } from '../../../utils/core';
+import { executeToggleAction } from './utils';
+import { SimpleQuickActionDefinitionBase } from '../simple-quick-action-base';
+
+export const ENABLE_SEMANTIC_DATE_RANGE = 'enable-semantic-date-range';
+const PROPERTY_NAME = 'useSemanticDateRange';
+const PROPERTY_PATH = `controlConfiguration/@com.sap.vocabularies.UI.v1.SelectionFields/${PROPERTY_NAME}`;
+const CONTROL_TYPE = 'sap.fe.macros.controls.FilterBar';
+const boolMap: { [key: string]: boolean } = {
+    'true': true,
+    'false': false
+};
+/**
+ * Quick Action for toggling the visibility of "Semantic date range" for filter bar fields in LR.
+ */
+export class ToggleSemanticDateRangeFilterBar
+    extends SimpleQuickActionDefinitionBase
+    implements SimpleQuickActionDefinition
+{
+    constructor(context: QuickActionContext) {
+        super(ENABLE_SEMANTIC_DATE_RANGE, [], '', context);
+    }
+    readonly forceRefreshAfterExecution = true;
+    private isUseDateRangeTypeEnabled = false;
+
+    initialize(): Promise<void> {
+        const controls = this.context.controlIndex[CONTROL_TYPE] ?? [];
+        for (const control of controls) {
+            const isActionApplicable = pageHasControlId(this.context.view, control.controlId);
+            const filterBar = getControlById<FilterBar>(control.controlId);
+            if (isActionApplicable && filterBar) {
+                this.control = filterBar;
+                const value = this.context.changeService.getConfigurationPropertyValue(
+                    control.controlId,
+                    PROPERTY_NAME
+                );
+                this.isUseDateRangeTypeEnabled =
+                    value === undefined ? boolMap[this.control.data('useSemanticDateRange')] : (value as boolean);
+            }
+        }
+        return Promise.resolve();
+    }
+
+    protected get textKey() {
+        return this.isUseDateRangeTypeEnabled
+            ? 'QUICK_ACTION_LR_DISABLE_SEMANTIC_DATE_RANGE_FILTER_BAR'
+            : 'QUICK_ACTION_LR_ENABLE_SEMANTIC_DATE_RANGE_FILTER_BAR';
+    }
+
+    async execute(): Promise<FlexCommand[]> {
+        const command = await executeToggleAction(
+            this.context,
+            this.isUseDateRangeTypeEnabled,
+            CONTROL_TYPE,
+            PROPERTY_PATH
+        );
+        if (command.length) {
+            this.isUseDateRangeTypeEnabled = !this.isUseDateRangeTypeEnabled;
+        }
+        return command;
+    }
+}

package/dist/preview-middleware/dist/client/adp/quick-actions/fe-v4/lr-enable-table-filtering.js

@@ -0,0 +1,86 @@
+"use strict";
+
+sap.ui.define(["../table-quick-action-base", "../../../cpe/quick-actions/utils", "../../../utils/fe-v4", "../../../utils/version", "../control-types"], function (___table_quick_action_base, _____cpe_quick_actions_utils, _____utils_fe_v4, _____utils_version, ___control_types) {
+  "use strict";
+
+  const TableQuickActionDefinitionBase = ___table_quick_action_base["TableQuickActionDefinitionBase"];
+  const getRelevantControlFromActivePage = _____cpe_quick_actions_utils["getRelevantControlFromActivePage"];
+  const createManifestPropertyChange = _____utils_fe_v4["createManifestPropertyChange"];
+  const getUi5Version = _____utils_version["getUi5Version"];
+  const isLowerThanMinimalUi5Version = _____utils_version["isLowerThanMinimalUi5Version"];
+  const MDC_TABLE_TYPE = ___control_types["MDC_TABLE_TYPE"];
+  const ENABLE_TABLE_FILTERING = 'enable-table-filtering';
+  /**
+   * Quick Action for enabling table filtering using table personalization settings.
+   */
+  class EnableTableFilteringQuickAction extends TableQuickActionDefinitionBase {
+    constructor(context) {
+      super(ENABLE_TABLE_FILTERING, [MDC_TABLE_TYPE], 'QUICK_ACTION_ENABLE_TABLE_FILTERING', context);
+    }
+    forceRefreshAfterExecution = true;
+    async initialize() {
+      const version = await getUi5Version();
+      if (isLowerThanMinimalUi5Version(version, {
+        major: 1,
+        minor: 131
+      })) {
+        this.isApplicable = false;
+        return;
+      }
+      const tooltipText = this.context.resourceBundle.getText('TABLE_FILTERING_CHANGE_HAS_ALREADY_BEEN_MADE');
+      for (const smartTable of getRelevantControlFromActivePage(this.context.controlIndex, this.context.view, [MDC_TABLE_TYPE])) {
+        const personalizationData = smartTable.getP13nMode();
+        const value = this.context.changeService.getConfigurationPropertyValue(smartTable.getId(), 'personalization');
+        const isFilterEnabled = value?.filter === undefined ? personalizationData.includes('Filter') : value.filter;
+        const path = this.children.length.toString();
+        this.children.push({
+          path,
+          label: `'${smartTable.getHeader()}' table`,
+          enabled: !isFilterEnabled,
+          tooltip: isFilterEnabled ? tooltipText : undefined,
+          children: []
+        });
+        this.tableMap[path] = {
+          table: smartTable,
+          tableUpdateEventAttachedOnce: false
+        };
+      }
+      if (this.children.length > 0) {
+        this.isApplicable = true;
+      }
+    }
+    async execute(path) {
+      const {
+        flexSettings
+      } = this.context;
+      const {
+        table
+      } = this.tableMap[path];
+      if (!table) {
+        return [];
+      }
+      const propertyChange = {
+        personalization: {
+          sort: true,
+          column: true,
+          filter: true,
+          group: true,
+          aggregate: true
+        }
+      };
+      const command = await createManifestPropertyChange(table, flexSettings, propertyChange);
+      if (command) {
+        return [command];
+      } else {
+        return [];
+      }
+    }
+  }
+  var __exports = {
+    __esModule: true
+  };
+  __exports.ENABLE_TABLE_FILTERING = ENABLE_TABLE_FILTERING;
+  __exports.EnableTableFilteringQuickAction = EnableTableFilteringQuickAction;
+  return __exports;
+});
+//# sourceMappingURL=lr-enable-table-filtering.js.map

package/dist/preview-middleware/dist/client/adp/quick-actions/fe-v4/lr-enable-table-filtering.ts

@@ -0,0 +1,96 @@
+import type FlexCommand from 'sap/ui/rta/command/FlexCommand';
+
+import type {
+    NestedQuickActionDefinition,
+    QuickActionContext
+} from '../../../cpe/quick-actions/quick-action-definition';
+import type Table from 'sap/ui/mdc/Table';
+import { TableQuickActionDefinitionBase } from '../table-quick-action-base';
+import { getRelevantControlFromActivePage } from '../../../cpe/quick-actions/utils';
+import { createManifestPropertyChange } from '../../../utils/fe-v4';
+import { getUi5Version, isLowerThanMinimalUi5Version } from '../../../utils/version';
+import { MDC_TABLE_TYPE } from '../control-types';
+
+export const ENABLE_TABLE_FILTERING = 'enable-table-filtering';
+
+type Personalization = {
+    sort: boolean;
+    column: boolean;
+    filter: boolean;
+    group: boolean;
+    aggregate: boolean;
+};
+
+/**
+ * Quick Action for enabling table filtering using table personalization settings.
+ */
+export class EnableTableFilteringQuickAction
+    extends TableQuickActionDefinitionBase
+    implements NestedQuickActionDefinition
+{
+    constructor(context: QuickActionContext) {
+        super(ENABLE_TABLE_FILTERING, [MDC_TABLE_TYPE], 'QUICK_ACTION_ENABLE_TABLE_FILTERING', context);
+    }
+    readonly forceRefreshAfterExecution = true;
+
+    async initialize(): Promise<void> {
+        const version = await getUi5Version();
+        if (isLowerThanMinimalUi5Version(version, { major: 1, minor: 131 })) {
+            this.isApplicable = false;
+            return;
+        }
+
+        const tooltipText = this.context.resourceBundle.getText('TABLE_FILTERING_CHANGE_HAS_ALREADY_BEEN_MADE');
+
+        for (const smartTable of getRelevantControlFromActivePage(this.context.controlIndex, this.context.view, [
+            MDC_TABLE_TYPE
+        ])) {
+            const personalizationData = (smartTable as Table).getP13nMode();
+            const value = this.context.changeService.getConfigurationPropertyValue(
+                smartTable.getId(),
+                'personalization'
+            ) as Personalization;
+            const isFilterEnabled = value?.filter === undefined ? personalizationData.includes('Filter') : value.filter;
+            const path = this.children.length.toString();
+            this.children.push({
+                path,
+                label: `'${(smartTable as Table).getHeader()}' table`,
+                enabled: !isFilterEnabled,
+                tooltip: isFilterEnabled ? tooltipText : undefined,
+                children: []
+            });
+            this.tableMap[path] = {
+                table: smartTable,
+                tableUpdateEventAttachedOnce: false
+            };
+        }
+
+        if (this.children.length > 0) {
+            this.isApplicable = true;
+        }
+    }
+
+    async execute(path: string): Promise<FlexCommand[]> {
+        const { flexSettings } = this.context;
+        const { table } = this.tableMap[path];
+
+        if (!table) {
+            return [];
+        }
+        const propertyChange = {
+            personalization: {
+                sort: true,
+                column: true,
+                filter: true,
+                group: true,
+                aggregate: true
+            }
+        };
+        const command = await createManifestPropertyChange(table, flexSettings, propertyChange);
+        if (command) {
+            return [command];
+        } else {
+            return [];
+        }
+    }
+}