@sap/ux-ui5-tooling 1.20.4 → 1.21.0

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

@@ -0,0 +1,81 @@
+import OverlayUtil from 'sap/ui/dt/OverlayUtil';
+import FlexCommand from 'sap/ui/rta/command/FlexCommand';
+import UI5Element from 'sap/ui/core/Element';
+import { QuickActionContext, NestedQuickActionDefinition } from '../../../cpe/quick-actions/quick-action-definition';
+import { getControlById, findNestedElements } from '../../../utils/core';
+import { TableQuickActionDefinitionBase } from '../table-quick-action-base';
+import { MDC_ACTION_TOOLBAR_TYPE, MDC_TABLE_TYPE } from '../control-types';
+import { getRelevantControlFromActivePage } from '../../../cpe/quick-actions/utils';
+import { NestedQuickActionChild } from '@sap-ux-private/control-property-editor-common';
+import { preprocessActionExecution } from '../fe-v2/create-table-custom-column';
+import { DIALOG_ENABLEMENT_VALIDATOR } from '../dialog-enablement-validator';
+
+export const CHANGE_TABLE_ACTIONS = 'change-table-actions';
+const ACTION_ID = 'CTX_SETTINGS';
+
+/**
+ * Quick Action for changing table columns.
+ */
+export class ChangeTableActionsQuickAction
+    extends TableQuickActionDefinitionBase
+    implements NestedQuickActionDefinition
+{
+    public toolbarsMap: Record<string, UI5Element | undefined> = {};
+
+    constructor(context: QuickActionContext) {
+        super(CHANGE_TABLE_ACTIONS, [MDC_TABLE_TYPE], 'V4_QUICK_ACTION_CHANGE_TABLE_ACTIONS', context, undefined, [
+            DIALOG_ENABLEMENT_VALIDATOR
+        ]);
+    }
+
+    async initialize(): Promise<void> {
+        const toolbars = getRelevantControlFromActivePage(this.context.controlIndex, this.context.view, [
+            MDC_ACTION_TOOLBAR_TYPE
+        ]);
+
+        const processChild = async (child: NestedQuickActionChild, mapKey: string) => {
+            const mapEntry = this.tableMap[mapKey];
+            if (mapEntry) {
+                const tableToolbar = findNestedElements(mapEntry.table, toolbars)[0];
+                this.toolbarsMap[mapKey] = tableToolbar;
+                const actions = tableToolbar ? await this.context.actionService.get(tableToolbar.getId()) : [];
+                const changeToolbarContentAction = actions.find((action) => action.id === ACTION_ID);
+
+                child.enabled = !!changeToolbarContentAction?.enabled;
+                let tooltip: string | undefined;
+                if (!tableToolbar) {
+                    tooltip = this.context.resourceBundle.getText('TABLE_HEADER_TOOLBAR_NOT_AVAILABLE');
+                } else if (!child.enabled) {
+                    tooltip = this.context.resourceBundle.getText('TABLE_HEADER_TOOLBAR_NOT_CHANGEABLE');
+                }
+                child.tooltip = tooltip ?? child.tooltip;
+            }
+            for (let idx = 0; idx < child.children.length; idx++) {
+                await processChild(child.children[idx], `${mapKey}/${idx}`);
+            }
+        };
+
+        await super.initialize();
+
+        // disable nested actions based on conditions
+        for (let idx = 0; idx < this.children.length; idx++) {
+            await processChild(this.children[idx], `${idx}`);
+        }
+    }
+
+    async execute(path: string): Promise<FlexCommand[]> {
+        const { table, sectionInfo, iconTabBarFilterKey } = this.tableMap[path];
+        const toolbar = this.toolbarsMap[path];
+        if (!table || !toolbar) {
+            return [];
+        }
+        preprocessActionExecution(table, sectionInfo, this.iconTabBar, iconTabBarFilterKey);
+        const toolbarControl = getControlById(toolbar.getId());
+        const controlOverlay = OverlayUtil.getClosestOverlayFor(toolbarControl);
+        if (controlOverlay) {
+            controlOverlay.setSelected(true);
+            await this.context.actionService.execute(toolbar.getId(), ACTION_ID);
+        }
+        return [];
+    }
+}

package/dist/preview-middleware/dist/client/adp/quick-actions/fe-v4/change-table-columns.js

@@ -0,0 +1,90 @@
+"use strict";
+
+sap.ui.define(["sap/ui/dt/OverlayUtil", "sap/ui/fl/apply/api/FlexRuntimeInfoAPI", "../../../utils/core", "../table-quick-action-base", "../control-types", "../dialog-enablement-validator", "../../../cpe/quick-actions/utils"], function (OverlayUtil, FlexRuntimeInfoAPI, _____utils_core, ___table_quick_action_base, ___control_types, ___dialog_enablement_validator, _____cpe_quick_actions_utils) {
+  "use strict";
+
+  const getControlById = _____utils_core["getControlById"];
+  const TableQuickActionDefinitionBase = ___table_quick_action_base["TableQuickActionDefinitionBase"];
+  const MDC_TABLE_TYPE = ___control_types["MDC_TABLE_TYPE"];
+  const DIALOG_ENABLEMENT_VALIDATOR = ___dialog_enablement_validator["DIALOG_ENABLEMENT_VALIDATOR"];
+  const getRelevantControlFromActivePage = _____cpe_quick_actions_utils["getRelevantControlFromActivePage"];
+  const CHANGE_TABLE_COLUMNS = 'change-table-columns';
+  const ACTION_ID = 'CTX_SETTINGS0';
+
+  /**
+   * Quick Action for changing table columns.
+   */
+  class ChangeTableColumnsQuickAction extends TableQuickActionDefinitionBase {
+    constructor(context) {
+      super(CHANGE_TABLE_COLUMNS, [MDC_TABLE_TYPE], 'V4_QUICK_ACTION_CHANGE_TABLE_COLUMNS', context, undefined, [DIALOG_ENABLEMENT_VALIDATOR]);
+    }
+    async initialize() {
+      for (const smartTable of getRelevantControlFromActivePage(this.context.controlIndex, this.context.view, this.controlTypes)) {
+        const hasVariantManagement = FlexRuntimeInfoAPI.hasVariantManagement({
+          element: smartTable
+        });
+        const path = this.children.length.toString();
+        const tableHeader = smartTable.getHeader() || 'Unnamed';
+        const tableLabel = `'${tableHeader}' table`;
+        if (!hasVariantManagement) {
+          this.children.push({
+            path,
+            label: tableLabel,
+            enabled: false,
+            tooltip: this.context.resourceBundle.getText('TABLE_ACTION_DISABLED_VARIANT_MANAGEMENT_NOT_AVAILABLE'),
+            children: []
+          });
+          this.tableMap[path] = {
+            table: smartTable,
+            tableUpdateEventAttachedOnce: false
+          };
+          continue;
+        }
+        const actions = await this.context.actionService.get(smartTable.getId());
+        const changeColumnAction = actions.find(action => action.id === ACTION_ID);
+        if (changeColumnAction) {
+          this.children.push({
+            path,
+            label: tableLabel,
+            enabled: true,
+            children: []
+          });
+          this.tableMap[path] = {
+            table: smartTable,
+            tableUpdateEventAttachedOnce: false
+          };
+        }
+      }
+      if (this.children.length > 0) {
+        this.isApplicable = true;
+      }
+    }
+    async execute(path) {
+      const {
+        table
+      } = this.tableMap[path];
+      if (!table) {
+        return [];
+      }
+      const tableControl = getControlById(table.getId());
+      const controlOverlay = OverlayUtil.getClosestOverlayFor(tableControl);
+      if (controlOverlay) {
+        controlOverlay.setSelected(true);
+      }
+      const hasVariantManagement = FlexRuntimeInfoAPI.hasVariantManagement({
+        element: table
+      });
+      if (hasVariantManagement) {
+        await this.context.actionService.execute(table.getId(), ACTION_ID);
+      }
+      return [];
+    }
+  }
+  var __exports = {
+    __esModule: true
+  };
+  __exports.CHANGE_TABLE_COLUMNS = CHANGE_TABLE_COLUMNS;
+  __exports.ChangeTableColumnsQuickAction = ChangeTableColumnsQuickAction;
+  return __exports;
+});
+//# sourceMappingURL=change-table-columns.js.map

package/dist/preview-middleware/dist/client/adp/quick-actions/fe-v4/change-table-columns.ts

@@ -0,0 +1,97 @@
+import OverlayUtil from 'sap/ui/dt/OverlayUtil';
+import type FlexCommand from 'sap/ui/rta/command/FlexCommand';
+import FlexRuntimeInfoAPI from 'sap/ui/fl/apply/api/FlexRuntimeInfoAPI';
+import type {
+    QuickActionContext,
+    NestedQuickActionDefinition
+} from '../../../cpe/quick-actions/quick-action-definition';
+import { getControlById } from '../../../utils/core';
+import { TableQuickActionDefinitionBase } from '../table-quick-action-base';
+import { MDC_TABLE_TYPE } from '../control-types';
+import { DIALOG_ENABLEMENT_VALIDATOR } from '../dialog-enablement-validator';
+import { getRelevantControlFromActivePage } from '../../../cpe/quick-actions/utils';
+import type Table from 'sap/ui/mdc/Table';
+
+export const CHANGE_TABLE_COLUMNS = 'change-table-columns';
+const ACTION_ID = 'CTX_SETTINGS0';
+
+/**
+ * Quick Action for changing table columns.
+ */
+export class ChangeTableColumnsQuickAction
+    extends TableQuickActionDefinitionBase
+    implements NestedQuickActionDefinition
+{
+    constructor(context: QuickActionContext) {
+        super(CHANGE_TABLE_COLUMNS, [MDC_TABLE_TYPE], 'V4_QUICK_ACTION_CHANGE_TABLE_COLUMNS', context, undefined, [
+            DIALOG_ENABLEMENT_VALIDATOR
+        ]);
+    }
+
+    async initialize(): Promise<void> {
+        for (const smartTable of getRelevantControlFromActivePage(
+            this.context.controlIndex,
+            this.context.view,
+            this.controlTypes
+        )) {
+            const hasVariantManagement = FlexRuntimeInfoAPI.hasVariantManagement({ element: smartTable });
+            const path = this.children.length.toString();
+            const tableHeader = (smartTable as Table).getHeader() || 'Unnamed';
+            const tableLabel = `'${tableHeader}' table`;
+
+            if (!hasVariantManagement) {
+                this.children.push({
+                    path,
+                    label: tableLabel,
+                    enabled: false,
+                    tooltip: this.context.resourceBundle.getText(
+                        'TABLE_ACTION_DISABLED_VARIANT_MANAGEMENT_NOT_AVAILABLE'
+                    ),
+                    children: []
+                });
+                this.tableMap[path] = {
+                    table: smartTable,
+                    tableUpdateEventAttachedOnce: false
+                };
+                continue;
+            }
+
+            const actions = await this.context.actionService.get(smartTable.getId());
+            const changeColumnAction = actions.find((action) => action.id === ACTION_ID);
+            if (changeColumnAction) {
+                this.children.push({
+                    path,
+                    label: tableLabel,
+                    enabled: true,
+                    children: []
+                });
+                this.tableMap[path] = {
+                    table: smartTable,
+                    tableUpdateEventAttachedOnce: false
+                };
+            }
+        }
+
+        if (this.children.length > 0) {
+            this.isApplicable = true;
+        }
+    }
+
+    async execute(path: string): Promise<FlexCommand[]> {
+        const { table } = this.tableMap[path];
+        if (!table) {
+            return [];
+        }
+        const tableControl = getControlById(table.getId());
+        const controlOverlay = OverlayUtil.getClosestOverlayFor(tableControl);
+        if (controlOverlay) {
+            controlOverlay.setSelected(true);
+        }
+        const hasVariantManagement = FlexRuntimeInfoAPI.hasVariantManagement({ element: table });
+        if (hasVariantManagement) {
+            await this.context.actionService.execute(table.getId(), ACTION_ID);
+        }
+
+        return [];
+    }
+}

package/dist/preview-middleware/dist/client/adp/quick-actions/fe-v4/create-page-action.js

@@ -0,0 +1,81 @@
+"use strict";
+
+sap.ui.define(["sap/ui/dt/OverlayRegistry", "../../dialog-factory", "../simple-quick-action-base", "../../../utils/version", "../dialog-enablement-validator", "../../api-handler", "../../utils", "../../../utils/fe-v4", "../../../utils/core"], function (OverlayRegistry, ____dialog_factory, ___simple_quick_action_base, _____utils_version, ___dialog_enablement_validator, ____api_handler, ____utils, _____utils_fe_v4, _____utils_core) {
+  "use strict";
+
+  const DialogFactory = ____dialog_factory["DialogFactory"];
+  const DialogNames = ____dialog_factory["DialogNames"];
+  const SimpleQuickActionDefinitionBase = ___simple_quick_action_base["SimpleQuickActionDefinitionBase"];
+  const getUi5Version = _____utils_version["getUi5Version"];
+  const isLowerThanMinimalUi5Version = _____utils_version["isLowerThanMinimalUi5Version"];
+  const DIALOG_ENABLEMENT_VALIDATOR = ___dialog_enablement_validator["DIALOG_ENABLEMENT_VALIDATOR"];
+  const getExistingController = ____api_handler["getExistingController"];
+  const getControllerInfoForControl = ____utils["getControllerInfoForControl"];
+  const getV4AppComponent = _____utils_fe_v4["getV4AppComponent"];
+  const isA = _____utils_core["isA"];
+  const ADD_PAGE_ACTION = 'add-page-action';
+  const CONTROL_TYPES = ['sap.f.DynamicPageTitle', 'sap.uxap.ObjectPageLayout'];
+  /**
+   * Quick Action for adding a custom page action.
+   */
+  class AddPageActionQuickAction extends SimpleQuickActionDefinitionBase {
+    constructor(context) {
+      super(ADD_PAGE_ACTION, CONTROL_TYPES, 'QUICK_ACTION_ADD_CUSTOM_PAGE_ACTION', context, [DIALOG_ENABLEMENT_VALIDATOR]);
+    }
+    async initialize() {
+      this.pageId = this.context.view.getViewData()?.stableId.split('::').pop();
+      const version = await getUi5Version();
+      if (isLowerThanMinimalUi5Version(version, {
+        major: 1,
+        minor: 120
+      })) {
+        return;
+      }
+      await super.initialize();
+    }
+    async execute() {
+      if (this.control) {
+        const overlay = OverlayRegistry.getOverlay(this.control) || [];
+        const controlInfo = getControllerInfoForControl(this.control);
+        const data = await getExistingController(controlInfo.controllerName);
+        const controllerPath = data.controllerPathFromRoot.replaceAll(/\//g, '.').replace(/\.[^.]+$/, '');
+        await DialogFactory.createDialog(overlay, this.context.rta, DialogNames.ADD_ACTION, undefined, {
+          title: 'QUICK_ACTION_ADD_CUSTOM_PAGE_ACTION',
+          controllerReference: controllerPath ? `.extension.${controllerPath}.<REPLACE_WITH_YOUR_HANDLER_NAME>` : '.extension.<ApplicationId.FolderName.ScriptFilename.methodName>',
+          appDescriptor: {
+            appComponent: getV4AppComponent(this.context.view),
+            appType: 'fe-v4',
+            pageId: this.pageId,
+            projectId: this.context.flexSettings.projectId
+          },
+          validateActionId: actionId => {
+            const headerActions = [...this.context.changeService.getAllPendingConfigPropertyPath()].filter(path => path.includes('content/header/actions/'));
+            const idInPendingChanges = headerActions.length && headerActions.includes(`content/header/actions/${actionId}`);
+            if (idInPendingChanges) {
+              return false;
+            }
+            if (isA('sap.f.DynamicPageTitle', this.control) && this.control.getActions().every(action => !action.getId().endsWith(`CustomAction::${actionId}`))) {
+              return true;
+            }
+            if (isA('sap.uxap.ObjectPageLayout', this.control) && this.control.getHeaderTitle()?.getActions().every(action => !action.getId().endsWith(`CustomAction::${actionId}`))) {
+              return true;
+            }
+            return false;
+          },
+          propertyPath: 'content/header/actions/'
+        }, {
+          actionName: this.type,
+          telemetryEventIdentifier: this.getTelemetryIdentifier()
+        });
+      }
+      return [];
+    }
+  }
+  var __exports = {
+    __esModule: true
+  };
+  __exports.ADD_PAGE_ACTION = ADD_PAGE_ACTION;
+  __exports.AddPageActionQuickAction = AddPageActionQuickAction;
+  return __exports;
+});
+//# sourceMappingURL=create-page-action.js.map

package/dist/preview-middleware/dist/client/adp/quick-actions/fe-v4/create-page-action.ts

@@ -0,0 +1,98 @@
+import OverlayRegistry from 'sap/ui/dt/OverlayRegistry';
+import FlexCommand from 'sap/ui/rta/command/FlexCommand';
+
+import { DialogFactory, DialogNames } from '../../dialog-factory';
+import { QuickActionContext, SimpleQuickActionDefinition } from '../../../cpe/quick-actions/quick-action-definition';
+import { SimpleQuickActionDefinitionBase } from '../simple-quick-action-base';
+import { getUi5Version, isLowerThanMinimalUi5Version } from '../../../utils/version';
+import { DIALOG_ENABLEMENT_VALIDATOR } from '../dialog-enablement-validator';
+import { getExistingController } from '../../api-handler';
+import { getControllerInfoForControl } from '../../utils';
+import { getV4AppComponent } from '../../../utils/fe-v4';
+import { isA } from '../../../utils/core';
+import DynamicPageTitle from 'sap/f/DynamicPageTitle';
+import ObjectPageLayout from 'sap/uxap/ObjectPageLayout';
+import ObjectPageDynamicHeaderTitle from 'sap/uxap/ObjectPageDynamicHeaderTitle';
+
+export const ADD_PAGE_ACTION = 'add-page-action';
+const CONTROL_TYPES = ['sap.f.DynamicPageTitle', 'sap.uxap.ObjectPageLayout'];
+interface ViewDataType {
+    stableId: string;
+}
+/**
+ * Quick Action for adding a custom page action.
+ */
+export class AddPageActionQuickAction extends SimpleQuickActionDefinitionBase implements SimpleQuickActionDefinition {
+    protected pageId: string | undefined;
+    constructor(context: QuickActionContext) {
+        super(ADD_PAGE_ACTION, CONTROL_TYPES, 'QUICK_ACTION_ADD_CUSTOM_PAGE_ACTION', context, [
+            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(): Promise<FlexCommand[]> {
+        if (this.control) {
+            const overlay = OverlayRegistry.getOverlay(this.control) || [];
+            const controlInfo = getControllerInfoForControl(this.control);
+            const data = await getExistingController(controlInfo.controllerName);
+            const controllerPath = data.controllerPathFromRoot.replaceAll(/\//g, '.').replace(/\.[^.]+$/, '');
+            await DialogFactory.createDialog(
+                overlay,
+                this.context.rta,
+                DialogNames.ADD_ACTION,
+                undefined,
+                {
+                    title: 'QUICK_ACTION_ADD_CUSTOM_PAGE_ACTION',
+                    controllerReference: controllerPath
+                        ? `.extension.${controllerPath}.<REPLACE_WITH_YOUR_HANDLER_NAME>`
+                        : '.extension.<ApplicationId.FolderName.ScriptFilename.methodName>',
+                    appDescriptor: {
+                        appComponent: getV4AppComponent(this.context.view)!,
+                        appType: 'fe-v4',
+                        pageId: this.pageId!,
+                        projectId: this.context.flexSettings.projectId
+                    },
+                    validateActionId: (actionId) => {
+                        const headerActions = [...this.context.changeService.getAllPendingConfigPropertyPath()].filter(
+                            (path) => path.includes('content/header/actions/')
+                        );
+                        const idInPendingChanges =
+                            headerActions.length && headerActions.includes(`content/header/actions/${actionId}`);
+                        if (idInPendingChanges) {
+                            return false;
+                        }
+                        if (
+                            isA('sap.f.DynamicPageTitle', this.control) &&
+                            (this.control as DynamicPageTitle)
+                                .getActions()
+                                .every((action) => !action.getId().endsWith(`CustomAction::${actionId}`))
+                        ) {
+                            return true;
+                        }
+                        if (
+                            isA('sap.uxap.ObjectPageLayout', this.control) &&
+                            ((this.control as ObjectPageLayout).getHeaderTitle() as ObjectPageDynamicHeaderTitle)
+                                ?.getActions()
+                                .every((action) => !action.getId().endsWith(`CustomAction::${actionId}`))
+                        ) {
+                            return true;
+                        }
+                        return false;
+                    },
+                    propertyPath: 'content/header/actions/'
+                },
+                { actionName: this.type, telemetryEventIdentifier: this.getTelemetryIdentifier() }
+            );
+        }
+        return [];
+    }
+}

package/dist/preview-middleware/dist/client/adp/quick-actions/fe-v4/create-table-action-config-change.js

@@ -0,0 +1,129 @@
+"use strict";
+
+sap.ui.define(["sap/ui/dt/OverlayRegistry", "../../dialog-factory", "../../../utils/version", "../dialog-enablement-validator", "../../api-handler", "../../utils", "../../../utils/fe-v4", "../table-quick-action-base", "../control-types", "../../../utils/core", "./utils"], function (OverlayRegistry, ____dialog_factory, _____utils_version, ___dialog_enablement_validator, ____api_handler, ____utils, _____utils_fe_v4, ___table_quick_action_base, ___control_types, _____utils_core, ___utils) {
+  "use strict";
+
+  const DialogFactory = ____dialog_factory["DialogFactory"];
+  const DialogNames = ____dialog_factory["DialogNames"];
+  const getUi5Version = _____utils_version["getUi5Version"];
+  const isLowerThanMinimalUi5Version = _____utils_version["isLowerThanMinimalUi5Version"];
+  const DIALOG_ENABLEMENT_VALIDATOR = ___dialog_enablement_validator["DIALOG_ENABLEMENT_VALIDATOR"];
+  const getExistingController = ____api_handler["getExistingController"];
+  const getControllerInfoForControl = ____utils["getControllerInfoForControl"];
+  const getV4AppComponent = _____utils_fe_v4["getV4AppComponent"];
+  const TableQuickActionDefinitionBase = ___table_quick_action_base["TableQuickActionDefinitionBase"];
+  const MDC_TABLE_TYPE = ___control_types["MDC_TABLE_TYPE"];
+  const isA = _____utils_core["isA"];
+  const getPropertyPath = ___utils["getPropertyPath"];
+  const CREATE_TABLE_ACTION = 'create-table-action';
+  const regexForAnnotationPath = /controlConfiguration\/(?:[^@]+\/)?@com\.sap\.vocabularies\.UI\.v1\.LineItem(?:#[^/]+)?\/actions\//;
+
+  /**
+   * Quick Action for adding a custom page action.
+   */
+  class AddTableActionQuickAction extends TableQuickActionDefinitionBase {
+    constructor(context) {
+      super(CREATE_TABLE_ACTION, [MDC_TABLE_TYPE], 'QUICK_ACTION_ADD_CUSTOM_TABLE_ACTION', context, undefined, [DIALOG_ENABLEMENT_VALIDATOR]);
+    }
+    async initialize() {
+      this.pageId = this.context.view.getViewData()?.stableId.split('::').pop();
+      const version = await getUi5Version();
+      if (isLowerThanMinimalUi5Version(version, {
+        major: 1,
+        minor: 120
+      })) {
+        return;
+      }
+      await super.initialize();
+    }
+    async execute(path) {
+      const {
+        table
+      } = this.tableMap[path];
+      const propertyPath = `${getPropertyPath(table)}`;
+      if (!table || !propertyPath) {
+        return [];
+      }
+      if (table) {
+        const overlay = OverlayRegistry.getOverlay(table) || [];
+        const controlInfo = getControllerInfoForControl(table);
+        const data = await getExistingController(controlInfo.controllerName);
+        const controllerPath = data.controllerPathFromRoot.replaceAll('/', '.').replace(/\.[^.]+$/, '');
+        await DialogFactory.createDialog(overlay, this.context.rta, DialogNames.ADD_ACTION, undefined, {
+          title: 'QUICK_ACTION_ADD_CUSTOM_TABLE_ACTION',
+          controllerReference: controllerPath ? `.extension.${controllerPath}.<methodName>` : '.extension.<ApplicationId.FolderName.ScriptFilename.methodName>',
+          actionType: 'tableAction',
+          appDescriptor: {
+            appComponent: getV4AppComponent(this.context.view),
+            appType: 'fe-v4',
+            pageId: this.pageId,
+            projectId: this.context.flexSettings.projectId
+          },
+          validateActionId: actionId => {
+            const actionPaths = [...this.context.changeService.getAllPendingConfigPropertyPath()].filter(path => regexForAnnotationPath.test(path));
+            const idInPendingChanges = actionPaths.includes(`${propertyPath}${actionId}`);
+            if (idInPendingChanges) {
+              return false;
+            }
+            if (isA(MDC_TABLE_TYPE, table) && table.getActions().every(action => !action.getAction().getId().endsWith(`CustomAction::${actionId}`))) {
+              return true;
+            }
+            return false;
+          },
+          position: calculatePosition(table, this.context.view),
+          propertyPath
+        }, {
+          actionName: this.type,
+          telemetryEventIdentifier: this.getTelemetryIdentifier()
+        });
+      }
+      return [];
+    }
+  }
+  function calculatePosition(table, view) {
+    const actions = table.getActions();
+    if (!actions.length) {
+      return undefined;
+    }
+    const annotationAction = actions.findIndex(action => action.getAction().getId().includes('::DataFieldForAction::'));
+    const customAction = actions.findIndex(action => action.getAction().getId().includes('::CustomAction::'));
+    if (annotationAction === -1 && customAction === -1) {
+      return undefined;
+    }
+    // determine the least index of either annotation or custom action
+    let actionIndex;
+    if (annotationAction === -1) {
+      actionIndex = customAction;
+    } else if (customAction === -1) {
+      actionIndex = annotationAction;
+    } else {
+      actionIndex = Math.min(annotationAction, customAction);
+    }
+    const actionToolBarAction = actions[actionIndex];
+    let anchor;
+    let action = actionToolBarAction?.getAction();
+    if (action) {
+      const localId = view.getLocalId(action.getId()) ?? '';
+      if (localId.includes('CustomAction::')) {
+        const str = localId.substring(Math.max(0, localId.lastIndexOf('CustomAction::')));
+        anchor = str.split('::').pop();
+      } else {
+        anchor = localId.substring(localId.lastIndexOf('DataFieldForAction::'));
+      }
+    }
+    if (!anchor) {
+      return undefined;
+    }
+    return {
+      placement: 'Before',
+      anchor
+    };
+  }
+  var __exports = {
+    __esModule: true
+  };
+  __exports.CREATE_TABLE_ACTION = CREATE_TABLE_ACTION;
+  __exports.AddTableActionQuickAction = AddTableActionQuickAction;
+  return __exports;
+});
+//# sourceMappingURL=create-table-action-config-change.js.map