@sap/ux-ui5-tooling 1.20.4 → 1.22.0

package/dist/preview-middleware/dist/client/adp/quick-actions/fe-v2/create-table-action.ts

@@ -0,0 +1,110 @@
+import type FlexCommand from 'sap/ui/rta/command/FlexCommand';
+import type Table from 'sap/m/Table';
+import type SmartTable from 'sap/ui/comp/smarttable/SmartTable';
+import OverlayRegistry from 'sap/ui/dt/OverlayRegistry';
+import type ManagedObject from 'sap/ui/base/ManagedObject';
+import type UI5Element from 'sap/ui/core/Element';
+
+import { QuickActionContext, NestedQuickActionDefinition } from '../../../cpe/quick-actions/quick-action-definition';
+import { getControlById, isA } from '../../../utils/core';
+import { DialogFactory, DialogNames } from '../../dialog-factory';
+import { TableQuickActionDefinitionBase } from '../table-quick-action-base';
+import { DIALOG_ENABLEMENT_VALIDATOR } from '../dialog-enablement-validator';
+import type OverflowToolbar from 'sap/m/OverflowToolbar';
+import { NestedQuickActionChild } from '@sap-ux-private/control-property-editor-common';
+import { GRID_TABLE_TYPE, M_TABLE_TYPE, SMART_TABLE_TYPE, TREE_TABLE_TYPE } from '../control-types';
+
+export const CREATE_TABLE_ACTION = 'create-table-action';
+// maintain order if action id
+
+const CONTROL_TYPES = [SMART_TABLE_TYPE, M_TABLE_TYPE, TREE_TABLE_TYPE, GRID_TABLE_TYPE];
+
+export class AddTableActionQuickAction extends TableQuickActionDefinitionBase implements NestedQuickActionDefinition {
+    constructor(context: QuickActionContext) {
+        super(CREATE_TABLE_ACTION, CONTROL_TYPES, 'QUICK_ACTION_ADD_CUSTOM_TABLE_ACTION', context, undefined, [
+            DIALOG_ENABLEMENT_VALIDATOR
+        ]);
+    }
+
+    async initialize(): Promise<void> {
+        const processChild = (child: NestedQuickActionChild, mapKey: string) => {
+            const table = this.tableMap[mapKey]?.table;
+            if (table) {
+                const headerToolbar = this.getHeaderToolbar(table);
+                if (!headerToolbar) {
+                    child.enabled = false;
+                    child.tooltip = this.context.resourceBundle.getText('NO_TABLE_HEADER_TOOLBAR');
+                }
+            }
+
+            child.children.forEach((nestedChild, idx) => processChild(nestedChild, `${mapKey}/${idx.toFixed(0)}`));
+        };
+
+        await super.initialize();
+
+        // disable nested actions based on conditions
+        this.children.forEach((nestedChild, idx) => processChild(nestedChild, `${idx.toFixed(0)}`));
+    }
+    async execute(path: string): Promise<FlexCommand[]> {
+        const { table, iconTabBarFilterKey, sectionInfo } = this.tableMap[path];
+        if (!table) {
+            return [];
+        }
+
+        if (sectionInfo) {
+            const { layout, section, subSection } = sectionInfo;
+            layout?.setSelectedSection(section);
+            section.setSelectedSubSection(subSection);
+            this.selectOverlay(table);
+        } else {
+            getControlById(table.getId())?.getDomRef()?.scrollIntoView();
+            this.selectOverlay(table);
+        }
+
+        if (this.iconTabBar && iconTabBarFilterKey) {
+            this.iconTabBar.setSelectedKey(iconTabBarFilterKey);
+        }
+
+        const headerToolbar = this.getHeaderToolbar(table);
+
+        // open dialogBox to add, and content is selected ByDefault
+        if (headerToolbar) {
+            const overlay = OverlayRegistry.getOverlay(headerToolbar as UI5Element) || [];
+            await DialogFactory.createDialog(
+                overlay,
+                this.context.rta,
+                DialogNames.ADD_FRAGMENT,
+                undefined,
+                {
+                    aggregation: 'content',
+                    title: 'QUICK_ACTION_ADD_CUSTOM_TABLE_ACTION',
+                    defaultAggregationArrayIndex: 1
+                },
+                { actionName: this.type, telemetryEventIdentifier: this.getTelemetryIdentifier() }
+            );
+        }
+        return [];
+    }
+
+    getHeaderToolbar(table: UI5Element): ManagedObject | ManagedObject[] | OverflowToolbar | null | undefined {
+        let headerToolbar;
+        if (isA<SmartTable>(SMART_TABLE_TYPE, table)) {
+            for (const item of table.getAggregation('items') as ManagedObject[]) {
+                if (item.getAggregation('headerToolbar')) {
+                    headerToolbar = item.getAggregation('headerToolbar');
+                    break;
+                }
+                if (isA<OverflowToolbar>('sap.m.OverflowToolbar', item)) {
+                    headerToolbar = item;
+                    break;
+                }
+            }
+            if (!headerToolbar) {
+                headerToolbar = table.getToolbar();
+            }
+        } else if (isA<Table>(M_TABLE_TYPE, table)) {
+            headerToolbar = table.getAggregation('headerToolbar');
+        }
+        return headerToolbar;
+    }
+}

package/dist/preview-middleware/dist/client/adp/quick-actions/fe-v2/create-table-custom-column.js

@@ -0,0 +1,108 @@
+"use strict";
+
+sap.ui.define(["sap/ui/dt/OverlayRegistry", "../../../utils/core", "../../dialog-factory", "../control-types", "../table-quick-action-base", "../dialog-enablement-validator", "open/ux/preview/client/thirdparty/@sap-ux-private/control-property-editor-common", "../../../utils/info-center-message"], function (OverlayRegistry, _____utils_core, ____dialog_factory, ___control_types, ___table_quick_action_base, ___dialog_enablement_validator, ___sap_ux_private_control_property_editor_common, _____utils_info_center_message) {
+  "use strict";
+
+  const getControlById = _____utils_core["getControlById"];
+  const isA = _____utils_core["isA"];
+  const DialogNames = ____dialog_factory["DialogNames"];
+  const DialogFactory = ____dialog_factory["DialogFactory"];
+  const ANALYTICAL_TABLE_TYPE = ___control_types["ANALYTICAL_TABLE_TYPE"];
+  const GRID_TABLE_TYPE = ___control_types["GRID_TABLE_TYPE"];
+  const M_TABLE_TYPE = ___control_types["M_TABLE_TYPE"];
+  const SMART_TABLE_TYPE = ___control_types["SMART_TABLE_TYPE"];
+  const TREE_TABLE_TYPE = ___control_types["TREE_TABLE_TYPE"];
+  const TableQuickActionDefinitionBase = ___table_quick_action_base["TableQuickActionDefinitionBase"];
+  const DIALOG_ENABLEMENT_VALIDATOR = ___dialog_enablement_validator["DIALOG_ENABLEMENT_VALIDATOR"];
+  const MessageBarType = ___sap_ux_private_control_property_editor_common["MessageBarType"];
+  const sendInfoCenterMessage = _____utils_info_center_message["sendInfoCenterMessage"];
+  const CREATE_TABLE_CUSTOM_COLUMN = 'create-table-custom-column';
+  const CONTROL_TYPES = [SMART_TABLE_TYPE, M_TABLE_TYPE, TREE_TABLE_TYPE, GRID_TABLE_TYPE];
+
+  /**
+   * Reusable function which performs some preparation steps before table action execution
+   *
+   * @param table - table element
+   * @param sectionInfo - section data
+   * @param iconTabBar - icon tab bar element
+   * @param iconTabBarFilterKey - tab bar key to select a tab
+   */
+  function preprocessActionExecution(table, sectionInfo, iconTabBar, iconTabBarFilterKey) {
+    if (sectionInfo) {
+      const {
+        layout,
+        section,
+        subSection
+      } = sectionInfo;
+      layout?.setSelectedSection(section);
+      section.setSelectedSubSection(subSection);
+    } else {
+      getControlById(table.getId())?.getDomRef()?.scrollIntoView();
+    }
+    if (iconTabBar && iconTabBarFilterKey) {
+      iconTabBar.setSelectedKey(iconTabBarFilterKey);
+    }
+  }
+  class AddTableCustomColumnQuickAction extends TableQuickActionDefinitionBase {
+    constructor(context) {
+      super(CREATE_TABLE_CUSTOM_COLUMN, CONTROL_TYPES, 'QUICK_ACTION_ADD_CUSTOM_TABLE_COLUMN', context, {
+        areTableRowsRequired: true
+      }, [DIALOG_ENABLEMENT_VALIDATOR]);
+    }
+    async execute(path) {
+      const {
+        table,
+        iconTabBarFilterKey,
+        sectionInfo
+      } = this.tableMap[path];
+      if (!table) {
+        return [];
+      }
+      preprocessActionExecution(table, sectionInfo, this.iconTabBar, iconTabBarFilterKey);
+      this.selectOverlay(table);
+      let tableInternal = table;
+      if (isA(SMART_TABLE_TYPE, table)) {
+        const itemsAggregation = table.getAggregation('items');
+        tableInternal = itemsAggregation.find(item => {
+          return [M_TABLE_TYPE, TREE_TABLE_TYPE, ANALYTICAL_TABLE_TYPE, GRID_TABLE_TYPE].some(tType => isA(tType, item));
+        });
+        if (!tableInternal) {
+          return [];
+        }
+      }
+      const overlay = OverlayRegistry.getOverlay(tableInternal) || [];
+      if (!overlay) {
+        return [];
+      }
+      if (isA(M_TABLE_TYPE, tableInternal) && tableInternal.getAggregation('items').length === 0) {
+        await sendInfoCenterMessage({
+          title: {
+            key: 'ADP_CREATE_XML_FRAGMENT_TITLE'
+          },
+          description: {
+            key: 'TABLE_ROWS_NEEDED_TO_CREATE_CUSTOM_COLUMN'
+          },
+          type: MessageBarType.error
+        });
+        return [];
+      }
+      const dialog = [TREE_TABLE_TYPE, ANALYTICAL_TABLE_TYPE, GRID_TABLE_TYPE].some(type => isA(type, tableInternal)) ? DialogNames.ADD_FRAGMENT : DialogNames.ADD_TABLE_COLUMN_FRAGMENTS;
+      await DialogFactory.createDialog(overlay, this.context.rta, dialog, undefined, {
+        aggregation: 'columns',
+        title: 'QUICK_ACTION_ADD_CUSTOM_TABLE_COLUMN'
+      }, {
+        actionName: this.type,
+        telemetryEventIdentifier: this.getTelemetryIdentifier()
+      });
+      return [];
+    }
+  }
+  var __exports = {
+    __esModule: true
+  };
+  __exports.CREATE_TABLE_CUSTOM_COLUMN = CREATE_TABLE_CUSTOM_COLUMN;
+  __exports.preprocessActionExecution = preprocessActionExecution;
+  __exports.AddTableCustomColumnQuickAction = AddTableCustomColumnQuickAction;
+  return __exports;
+});
+//# sourceMappingURL=create-table-custom-column.js.map

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

@@ -0,0 +1,141 @@
+import type ManagedObject from 'sap/ui/base/ManagedObject';
+import type UI5Element from 'sap/ui/core/Element';
+
+import type FlexCommand from 'sap/ui/rta/command/FlexCommand';
+import OverlayRegistry from 'sap/ui/dt/OverlayRegistry';
+
+import type ObjectPageSection from 'sap/uxap/ObjectPageSection';
+import type ObjectPageSubSection from 'sap/uxap/ObjectPageSubSection';
+import type ObjectPageLayout from 'sap/uxap/ObjectPageLayout';
+
+import type IconTabBar from 'sap/m/IconTabBar';
+
+import type SmartTable from 'sap/ui/comp/smarttable/SmartTable';
+
+import { QuickActionContext, NestedQuickActionDefinition } from '../../../cpe/quick-actions/quick-action-definition';
+import { getControlById, isA } from '../../../utils/core';
+import { DialogNames, DialogFactory } from '../../dialog-factory';
+import {
+    ANALYTICAL_TABLE_TYPE,
+    GRID_TABLE_TYPE,
+    M_TABLE_TYPE,
+    SMART_TABLE_TYPE,
+    TREE_TABLE_TYPE
+} from '../control-types';
+import { TableQuickActionDefinitionBase } from '../table-quick-action-base';
+import { DIALOG_ENABLEMENT_VALIDATOR } from '../dialog-enablement-validator';
+import { MessageBarType } from '@sap-ux-private/control-property-editor-common';
+import { sendInfoCenterMessage } from '../../../utils/info-center-message';
+
+export const CREATE_TABLE_CUSTOM_COLUMN = 'create-table-custom-column';
+
+const CONTROL_TYPES = [SMART_TABLE_TYPE, M_TABLE_TYPE, TREE_TABLE_TYPE, GRID_TABLE_TYPE];
+
+/**
+ * Reusable function which performs some preparation steps before table action execution
+ *
+ * @param table - table element
+ * @param sectionInfo - section data
+ * @param iconTabBar - icon tab bar element
+ * @param iconTabBarFilterKey - tab bar key to select a tab
+ */
+export function preprocessActionExecution(
+    table: UI5Element,
+    sectionInfo:
+        | {
+              section: ObjectPageSection;
+              subSection: ObjectPageSubSection;
+              layout?: ObjectPageLayout;
+          }
+        | undefined,
+    iconTabBar: IconTabBar | undefined,
+    iconTabBarFilterKey: string | undefined
+) {
+    if (sectionInfo) {
+        const { layout, section, subSection } = sectionInfo;
+        layout?.setSelectedSection(section);
+        section.setSelectedSubSection(subSection);
+    } else {
+        getControlById(table.getId())?.getDomRef()?.scrollIntoView();
+    }
+
+    if (iconTabBar && iconTabBarFilterKey) {
+        iconTabBar.setSelectedKey(iconTabBarFilterKey);
+    }
+}
+
+export class AddTableCustomColumnQuickAction
+    extends TableQuickActionDefinitionBase
+    implements NestedQuickActionDefinition
+{
+    constructor(context: QuickActionContext) {
+        super(
+            CREATE_TABLE_CUSTOM_COLUMN,
+            CONTROL_TYPES,
+            'QUICK_ACTION_ADD_CUSTOM_TABLE_COLUMN',
+            context,
+            {
+                areTableRowsRequired: true
+            },
+            [DIALOG_ENABLEMENT_VALIDATOR]
+        );
+    }
+
+    async execute(path: string): Promise<FlexCommand[]> {
+        const { table, iconTabBarFilterKey, sectionInfo } = this.tableMap[path];
+        if (!table) {
+            return [];
+        }
+
+        preprocessActionExecution(table, sectionInfo, this.iconTabBar, iconTabBarFilterKey);
+        this.selectOverlay(table);
+
+        let tableInternal: ManagedObject | undefined = table;
+        if (isA<SmartTable>(SMART_TABLE_TYPE, table)) {
+            const itemsAggregation = table.getAggregation('items') as ManagedObject[];
+            tableInternal = itemsAggregation.find((item) => {
+                return [M_TABLE_TYPE, TREE_TABLE_TYPE, ANALYTICAL_TABLE_TYPE, GRID_TABLE_TYPE].some((tType) =>
+                    isA(tType, item)
+                );
+            });
+            if (!tableInternal) {
+                return [];
+            }
+        }
+
+        const overlay = OverlayRegistry.getOverlay(tableInternal as UI5Element) || [];
+        if (!overlay) {
+            return [];
+        }
+
+        if (
+            isA(M_TABLE_TYPE, tableInternal) &&
+            (tableInternal.getAggregation('items') as ManagedObject[]).length === 0
+        ) {
+            await sendInfoCenterMessage({
+                title: { key: 'ADP_CREATE_XML_FRAGMENT_TITLE' },
+                description: { key: 'TABLE_ROWS_NEEDED_TO_CREATE_CUSTOM_COLUMN' },
+                type: MessageBarType.error
+            });
+            return [];
+        }
+        const dialog = [TREE_TABLE_TYPE, ANALYTICAL_TABLE_TYPE, GRID_TABLE_TYPE].some((type) =>
+            isA(type, tableInternal)
+        )
+            ? DialogNames.ADD_FRAGMENT
+            : DialogNames.ADD_TABLE_COLUMN_FRAGMENTS;
+        await DialogFactory.createDialog(
+            overlay,
+            this.context.rta,
+            dialog,
+            undefined,
+            {
+                aggregation: 'columns',
+                title: 'QUICK_ACTION_ADD_CUSTOM_TABLE_COLUMN'
+            },
+            { actionName: this.type, telemetryEventIdentifier: this.getTelemetryIdentifier() }
+        );
+
+        return [];
+    }
+}

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

@@ -0,0 +1,80 @@
+"use strict";
+
+sap.ui.define(["../../../cpe/quick-actions/utils", "../../../utils/core", "../simple-quick-action-base", "./utils", "../../../utils/version"], function (_____cpe_quick_actions_utils, _____utils_core, ___simple_quick_action_base, ___utils, _____utils_version) {
+  "use strict";
+
+  const pageHasControlId = _____cpe_quick_actions_utils["pageHasControlId"];
+  const getControlById = _____utils_core["getControlById"];
+  const isA = _____utils_core["isA"];
+  const SimpleQuickActionDefinitionBase = ___simple_quick_action_base["SimpleQuickActionDefinitionBase"];
+  const areManifestChangesSupported = ___utils["areManifestChangesSupported"];
+  const prepareManifestChange = ___utils["prepareManifestChange"];
+  const getUi5Version = _____utils_version["getUi5Version"];
+  const isLowerThanMinimalUi5Version = _____utils_version["isLowerThanMinimalUi5Version"];
+  const ENABLE_SEMANTIC_DATE_RANGE_FILTER_BAR = 'enable-semantic-daterange-filterbar';
+  const CONTROL_TYPE_LR = 'sap.ui.comp.smartfilterbar.SmartFilterBar';
+  const CONTROL_TYPE_ALP = 'sap.suite.ui.generic.template.AnalyticalListPage.control.SmartFilterBarExt';
+  const COMPONENT_LR = 'sap.suite.ui.generic.template.ListReport';
+  const COMPONENT_ALP = 'sap.suite.ui.generic.template.AnalyticalListPage';
+
+  /**
+   * Quick Action for toggling the visibility of "semantic date range" for filterbar fields.
+   */
+  class ToggleSemanticDateRangeFilterBar extends SimpleQuickActionDefinitionBase {
+    constructor(context) {
+      super(ENABLE_SEMANTIC_DATE_RANGE_FILTER_BAR, [], '', context);
+    }
+    forceRefreshAfterExecution = true;
+    isUseDateRangeTypeEnabled = false;
+    async initialize() {
+      const manifestChangesSupported = await areManifestChangesSupported(this.context.manifest);
+      if (!manifestChangesSupported) {
+        return;
+      }
+      const controls = [...(this.context.controlIndex[CONTROL_TYPE_LR] ?? []), ...(this.context.controlIndex[CONTROL_TYPE_ALP] ?? [])];
+      for (const control of controls) {
+        const isActionApplicable = pageHasControlId(this.context.view, control.controlId);
+        const modifiedControl = getControlById(control.controlId);
+        if (isActionApplicable && modifiedControl) {
+          this.control = modifiedControl;
+          const id = this.control.getProperty('persistencyKey') ?? 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, 'useDateRange');
+          this.isUseDateRangeTypeEnabled = value === undefined ? this.control.getUseDateRangeType() : value;
+        }
+      }
+    }
+    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 version = await getUi5Version();
+      const isLowerMinimalVersion = isLowerThanMinimalUi5Version(version, {
+        major: 1,
+        minor: 126
+      });
+      let entitySet;
+      if (isLowerMinimalVersion && isA(CONTROL_TYPE_LR, this.control)) {
+        // In older versions of UI5, the getEntitySet method is unavailable, so this workaround has been introduced.
+        const regex = /::([^:]+)--/;
+        entitySet = regex.exec(this.control?.getId() ?? '')?.[1];
+      } else {
+        entitySet = isA(CONTROL_TYPE_LR, this.control) || isA(CONTROL_TYPE_ALP, this.control) ? this.control.getEntitySet() : undefined;
+      }
+      const viewName = this.context.view.getViewName();
+      const command = await prepareManifestChange(this.context, 'component/settings/filterSettings/dateSettings', this.control, viewName.includes('AnalyticalListPage') ? COMPONENT_ALP : COMPONENT_LR, entitySet, {
+        useDateRange: !this.isUseDateRangeTypeEnabled
+      });
+      return command;
+    }
+  }
+  var __exports = {
+    __esModule: true
+  };
+  __exports.ENABLE_SEMANTIC_DATE_RANGE_FILTER_BAR = ENABLE_SEMANTIC_DATE_RANGE_FILTER_BAR;
+  __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-v2/lr-enable-semantic-date-range-filter-bar.ts

@@ -0,0 +1,93 @@
+import type FlexCommand from 'sap/ui/rta/command/FlexCommand';
+import type {
+    QuickActionContext,
+    SimpleQuickActionDefinition
+} from '../../../cpe/quick-actions/quick-action-definition';
+import { pageHasControlId } from '../../../cpe/quick-actions/utils';
+import { getControlById, isA } from '../../../utils/core';
+import { SimpleQuickActionDefinitionBase } from '../simple-quick-action-base';
+import { areManifestChangesSupported, prepareManifestChange } from './utils';
+import { getUi5Version, isLowerThanMinimalUi5Version } from '../../../utils/version';
+import type SmartFilterBar from 'sap/ui/comp/smartfilterbar/SmartFilterBar';
+
+export const ENABLE_SEMANTIC_DATE_RANGE_FILTER_BAR = 'enable-semantic-daterange-filterbar';
+const CONTROL_TYPE_LR = 'sap.ui.comp.smartfilterbar.SmartFilterBar';
+const CONTROL_TYPE_ALP = 'sap.suite.ui.generic.template.AnalyticalListPage.control.SmartFilterBarExt';
+const COMPONENT_LR = 'sap.suite.ui.generic.template.ListReport';
+const COMPONENT_ALP = 'sap.suite.ui.generic.template.AnalyticalListPage';
+
+/**
+ * Quick Action for toggling the visibility of "semantic date range" for filterbar fields.
+ */
+export class ToggleSemanticDateRangeFilterBar
+    extends SimpleQuickActionDefinitionBase<SmartFilterBar>
+    implements SimpleQuickActionDefinition
+{
+    constructor(context: QuickActionContext) {
+        super(ENABLE_SEMANTIC_DATE_RANGE_FILTER_BAR, [], '', context);
+    }
+    readonly forceRefreshAfterExecution = true;
+    private isUseDateRangeTypeEnabled = false;
+
+    async initialize(): Promise<void> {
+        const manifestChangesSupported = await areManifestChangesSupported(this.context.manifest);
+        if (!manifestChangesSupported) {
+            return;
+        }
+        const controls = [
+            ...(this.context.controlIndex[CONTROL_TYPE_LR] ?? []),
+            ...(this.context.controlIndex[CONTROL_TYPE_ALP] ?? [])
+        ];
+        for (const control of controls) {
+            const isActionApplicable = pageHasControlId(this.context.view, control.controlId);
+            const modifiedControl = getControlById<SmartFilterBar>(control.controlId);
+            if (isActionApplicable && modifiedControl) {
+                this.control = modifiedControl;
+
+                const id = (this.control.getProperty('persistencyKey') as unknown) ?? 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, 'useDateRange');
+                this.isUseDateRangeTypeEnabled =
+                    value === undefined ? this.control.getUseDateRangeType() : (value as boolean);
+            }
+        }
+    }
+
+    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 version = await getUi5Version();
+        const isLowerMinimalVersion = isLowerThanMinimalUi5Version(version, { major: 1, minor: 126 });
+        let entitySet;
+        if (isLowerMinimalVersion && isA<SmartFilterBar>(CONTROL_TYPE_LR, this.control)) {
+            // In older versions of UI5, the getEntitySet method is unavailable, so this workaround has been introduced.
+            const regex = /::([^:]+)--/;
+            entitySet = regex.exec(this.control?.getId() ?? '')?.[1];
+        } else {
+            entitySet =
+                isA<SmartFilterBar>(CONTROL_TYPE_LR, this.control) ||
+                isA<SmartFilterBar>(CONTROL_TYPE_ALP, this.control)
+                    ? this.control.getEntitySet()
+                    : undefined;
+        }
+        const viewName = this.context.view.getViewName();
+        const command = await prepareManifestChange(
+            this.context,
+            'component/settings/filterSettings/dateSettings',
+            this.control!,
+            viewName.includes('AnalyticalListPage') ? COMPONENT_ALP : COMPONENT_LR,
+            entitySet,
+            {
+                useDateRange: !this.isUseDateRangeTypeEnabled
+            }
+        );
+
+        return command;
+    }
+}

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

@@ -0,0 +1,79 @@
+"use strict";
+
+sap.ui.define(["../../../cpe/quick-actions/utils", "../control-types", "./utils", "../simple-quick-action-base", "../../../utils/core"], function (_____cpe_quick_actions_utils, ___control_types, ___utils, ___simple_quick_action_base, _____utils_core) {
+  "use strict";
+
+  const getRelevantControlFromActivePage = _____cpe_quick_actions_utils["getRelevantControlFromActivePage"];
+  const pageHasControlId = _____cpe_quick_actions_utils["pageHasControlId"];
+  const GRID_TABLE_TYPE = ___control_types["GRID_TABLE_TYPE"];
+  const M_TABLE_TYPE = ___control_types["M_TABLE_TYPE"];
+  const SMART_TABLE_TYPE = ___control_types["SMART_TABLE_TYPE"];
+  const TREE_TABLE_TYPE = ___control_types["TREE_TABLE_TYPE"];
+  const areManifestChangesSupported = ___utils["areManifestChangesSupported"];
+  const prepareManifestChange = ___utils["prepareManifestChange"];
+  const SimpleQuickActionDefinitionBase = ___simple_quick_action_base["SimpleQuickActionDefinitionBase"];
+  const isA = _____utils_core["isA"];
+  const COMPONENT = 'sap.suite.ui.generic.template.ListReport';
+  const ENABLE_TABLE_FILTERING = 'enable-table-filtering';
+  const CONTROL_TYPES = [SMART_TABLE_TYPE, M_TABLE_TYPE, TREE_TABLE_TYPE, GRID_TABLE_TYPE];
+
+  /**
+   * Quick Action for enabling table filtering using table personalization settings.
+   */
+  class EnableTableFilteringQuickAction extends SimpleQuickActionDefinitionBase {
+    constructor(context) {
+      super(ENABLE_TABLE_FILTERING, CONTROL_TYPES, 'QUICK_ACTION_ENABLE_TABLE_FILTERING', context, [{
+        run: () => {
+          if (this.control) {
+            const id = this.control.getProperty('persistencyKey') ?? 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, 'enableTableFilterInPageVariant');
+            const isFilterEnabled = value === undefined ? this.control.data('p13nDialogSettings')?.filter?.visible : value;
+            if (isFilterEnabled) {
+              return {
+                type: 'error',
+                message: this.context.resourceBundle.getText('TABLE_FILTERING_CHANGE_HAS_ALREADY_BEEN_MADE')
+              };
+            }
+          }
+          return undefined;
+        }
+      }]);
+    }
+    forceRefreshAfterExecution = true;
+    async initialize() {
+      const manifestChangesSupported = await areManifestChangesSupported(this.context.manifest);
+      if (!manifestChangesSupported) {
+        return;
+      }
+      for (const table of getRelevantControlFromActivePage(this.context.controlIndex, this.context.view, CONTROL_TYPES)) {
+        if (table) {
+          const isActionApplicable = pageHasControlId(this.context.view, table.getId());
+          if (isActionApplicable) {
+            this.control = table;
+            break;
+          }
+        }
+      }
+    }
+    async execute() {
+      if (!this.control) {
+        return [];
+      }
+      const entitySet = isA(SMART_TABLE_TYPE, this.control) ? this.control.getEntitySet() : undefined;
+      const command = await prepareManifestChange(this.context, 'component/settings', this.control, COMPONENT, entitySet, {
+        enableTableFilterInPageVariant: !this.isDisabled
+      });
+      return command;
+    }
+  }
+  var __exports = {
+    __esModule: true
+  };
+  __exports.ENABLE_TABLE_FILTERING = ENABLE_TABLE_FILTERING;
+  __exports.EnableTableFilteringQuickAction = EnableTableFilteringQuickAction;
+  return __exports;
+});
+//# sourceMappingURL=lr-enable-table-filtering.js.map