@sap-ux/preview-middleware 0.16.64 → 0.16.66

package/dist/client/adp/quick-actions/fe-v2/lr-toggle-clear-filter-bar.ts

@@ -2,36 +2,27 @@ import FlexCommand from 'sap/ui/rta/command/FlexCommand';
 import CommandFactory from 'sap/ui/rta/command/CommandFactory';
 import type FilterBar from 'sap/ui/comp/filterbar/FilterBar';
 
-import { SIMPLE_QUICK_ACTION_KIND, SimpleQuickAction } from '@sap-ux-private/control-property-editor-common';
-
 import { QuickActionContext, SimpleQuickActionDefinition } from '../../../cpe/quick-actions/quick-action-definition';
-
 import { pageHasControlId } from '../../../cpe/quick-actions/utils';
 import { getControlById } from '../../../utils/core';
+import { SimpleQuickActionDefinitionBase } from '../simple-quick-action-base';
 
 export const ENABLE_CLEAR_FILTER_BAR_TYPE = 'enable-clear-filter-bar';
 const PROPERTY_NAME = 'showClearOnFB';
-
 const CONTROL_TYPE = 'sap.ui.comp.smartfilterbar.SmartFilterBar';
 
 /**
  * Quick Action for toggling the visibility of "clear filter bar" button in List Report page.
  */
-export class ToggleClearFilterBarQuickAction implements SimpleQuickActionDefinition {
-    readonly kind = SIMPLE_QUICK_ACTION_KIND;
-    readonly type = ENABLE_CLEAR_FILTER_BAR_TYPE;
-
-    public get id(): string {
-        return `${this.context.key}-${this.type}`;
-    }
-
-    public get isActive(): boolean {
-        return !!this.filterBar;
+export class ToggleClearFilterBarQuickAction
+    extends SimpleQuickActionDefinitionBase
+    implements SimpleQuickActionDefinition
+{
+    constructor(context: QuickActionContext) {
+        super(ENABLE_CLEAR_FILTER_BAR_TYPE, [], '', context);
     }
 
     private isClearButtonEnabled = false;
-    private filterBar: FilterBar | undefined;
-    constructor(private context: QuickActionContext) {}
 
     initialize(): void {
         const controls = this.context.controlIndex[CONTROL_TYPE] ?? [];
@@ -40,25 +31,19 @@ export class ToggleClearFilterBarQuickAction implements SimpleQuickActionDefinit
             const modifiedControl = getControlById<FilterBar>(control.controlId);
             if (isActionApplicable && modifiedControl) {
                 this.isClearButtonEnabled = modifiedControl.getShowClearOnFB();
-                this.filterBar = modifiedControl;
+                this.control = modifiedControl;
             }
         }
     }
 
-    getActionObject(): SimpleQuickAction {
-        const key = this.isClearButtonEnabled
+    protected get textKey() {
+        return this.isClearButtonEnabled
             ? 'V2_QUICK_ACTION_LR_DISABLE_CLEAR_FILTER_BAR'
             : 'V2_QUICK_ACTION_LR_ENABLE_CLEAR_FILTER_BAR';
-        return {
-            kind: SIMPLE_QUICK_ACTION_KIND,
-            id: this.id,
-            enabled: this.isActive,
-            title: this.context.resourceBundle.getText(key)
-        };
     }
 
     async execute(): Promise<FlexCommand[]> {
-        if (this.filterBar) {
+        if (this.control) {
             const { flexSettings } = this.context;
 
             const modifiedValue = {
@@ -68,7 +53,7 @@ export class ToggleClearFilterBarQuickAction implements SimpleQuickActionDefinit
             };
 
             const command = await CommandFactory.getCommandFor<FlexCommand>(
-                this.filterBar,
+                this.control,
                 'Property',
                 modifiedValue,
                 null,

package/dist/client/adp/quick-actions/fe-v2/registry.js

@@ -1,6 +1,6 @@
 "use strict";
 
-sap.ui.define(["sap/ui/core/mvc/XMLView", "sap/ui/core/ComponentContainer", "../../../cpe/quick-actions/registry", "../common/add-controller-to-page", "./lr-toggle-clear-filter-bar", "./change-table-columns", "../common/op-add-header-field"], function (XMLView, ComponentContainer, _____cpe_quick_actions_registry, ___common_add_controller_to_page, ___lr_toggle_clear_filter_bar, ___change_table_columns, ___common_op_add_header_field) {
+sap.ui.define(["sap/ui/core/mvc/XMLView", "sap/ui/core/ComponentContainer", "../../../cpe/quick-actions/registry", "../common/add-controller-to-page", "./lr-toggle-clear-filter-bar", "./change-table-columns", "../common/op-add-header-field", "../common/op-add-custom-section"], function (XMLView, ComponentContainer, _____cpe_quick_actions_registry, ___common_add_controller_to_page, ___lr_toggle_clear_filter_bar, ___change_table_columns, ___common_op_add_header_field, ___common_op_add_custom_section) {
   "use strict";
 
   const QuickActionDefinitionRegistry = _____cpe_quick_actions_registry["QuickActionDefinitionRegistry"];
@@ -8,6 +8,7 @@ sap.ui.define(["sap/ui/core/mvc/XMLView", "sap/ui/core/ComponentContainer", "../
   const ToggleClearFilterBarQuickAction = ___lr_toggle_clear_filter_bar["ToggleClearFilterBarQuickAction"];
   const ChangeTableColumnsQuickAction = ___change_table_columns["ChangeTableColumnsQuickAction"];
   const AddHeaderFieldQuickAction = ___common_op_add_header_field["AddHeaderFieldQuickAction"];
+  const AddCustomSectionQuickAction = ___common_op_add_custom_section["AddCustomSectionQuickAction"];
   const OBJECT_PAGE_TYPE = 'sap.suite.ui.generic.template.ObjectPage.view.Details';
   const LIST_REPORT_TYPE = 'sap.suite.ui.generic.template.ListReport.view.ListReport';
 
@@ -37,7 +38,7 @@ sap.ui.define(["sap/ui/core/mvc/XMLView", "sap/ui/core/ComponentContainer", "../
         } else if (name === 'objectPage') {
           definitionGroups.push({
             title: 'OBJECT PAGE',
-            definitions: [AddControllerToPageQuickAction, ChangeTableColumnsQuickAction, AddHeaderFieldQuickAction],
+            definitions: [AddControllerToPageQuickAction, ChangeTableColumnsQuickAction, AddHeaderFieldQuickAction, AddCustomSectionQuickAction],
             view,
             key: name + index
           });

package/dist/client/adp/quick-actions/fe-v2/registry.ts

@@ -13,6 +13,7 @@ import { AddControllerToPageQuickAction } from '../common/add-controller-to-page
 import { ToggleClearFilterBarQuickAction } from './lr-toggle-clear-filter-bar';
 import { ChangeTableColumnsQuickAction } from './change-table-columns';
 import { AddHeaderFieldQuickAction } from '../common/op-add-header-field';
+import { AddCustomSectionQuickAction } from '../common/op-add-custom-section';
 
 type PageName = 'listReport' | 'objectPage';
 
@@ -50,7 +51,8 @@ export default class FEV2QuickActionRegistry extends QuickActionDefinitionRegist
                     definitions: [
                         AddControllerToPageQuickAction,
                         ChangeTableColumnsQuickAction,
-                        AddHeaderFieldQuickAction
+                        AddHeaderFieldQuickAction,
+                        AddCustomSectionQuickAction
                     ],
                     view,
                     key: name + index

package/dist/client/adp/quick-actions/fe-v4/lr-toggle-clear-filter-bar.js

@@ -1,88 +1,81 @@
-'use strict';
-sap.ui.define([
-    'sap/ui/rta/command/CommandFactory',
-    'open/ux/preview/client/thirdparty/@sap-ux-private/control-property-editor-common',
-    '../../../cpe/quick-actions/utils',
-    '../../../utils/core',
-    './utils'
-], function (CommandFactory, ___sap_ux_private_control_property_editor_common, _____cpe_quick_actions_utils, _____utils_core, ___utils) {
-    'use strict';
-    const SIMPLE_QUICK_ACTION_KIND = ___sap_ux_private_control_property_editor_common['SIMPLE_QUICK_ACTION_KIND'];
-    const pageHasControlId = _____cpe_quick_actions_utils['pageHasControlId'];
-    const getControlById = _____utils_core['getControlById'];
-    const getAppComponent = ___utils['getAppComponent'];
-    const getPageName = ___utils['getPageName'];
-    const getReference = ___utils['getReference'];
-    const ENABLE_CLEAR_FILTER_BAR_TYPE = 'enable-clear-filter-bar';
-    const PROPERTY_PATH = 'controlConfiguration/@com.sap.vocabularies.UI.v1.SelectionFields/showClearButton';
-    const CONTROL_TYPE = 'sap.fe.macros.controls.FilterBar';
-    class ToggleClearFilterBarQuickAction {
-        kind = SIMPLE_QUICK_ACTION_KIND;
-        type = ENABLE_CLEAR_FILTER_BAR_TYPE;
-        forceRefreshAfterExecution = true;
-        get id() {
-            return `${ this.context.key }-${ this.type }`;
-        }
-        isActive = false;
-        isClearButtonEnabled = false;
-        constructor(context) {
-            this.context = context;
+"use strict";
+
+sap.ui.define(["sap/ui/rta/command/CommandFactory", "../../../cpe/quick-actions/utils", "../../../utils/core", "./utils", "../simple-quick-action-base"], function (CommandFactory, _____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 getAppComponent = ___utils["getAppComponent"];
+  const getPageName = ___utils["getPageName"];
+  const getReference = ___utils["getReference"];
+  const SimpleQuickActionDefinitionBase = ___simple_quick_action_base["SimpleQuickActionDefinitionBase"];
+  const ENABLE_CLEAR_FILTER_BAR_TYPE = 'enable-clear-filter-bar';
+  const PROPERTY_PATH = 'controlConfiguration/@com.sap.vocabularies.UI.v1.SelectionFields/showClearButton';
+  const CONTROL_TYPE = 'sap.fe.macros.controls.FilterBar';
+
+  /**
+   * Quick Action for toggling the visibility of "clear filter bar" button in List Report page.
+   */
+  class ToggleClearFilterBarQuickAction extends SimpleQuickActionDefinitionBase {
+    constructor(context) {
+      super(ENABLE_CLEAR_FILTER_BAR_TYPE, [], '', context);
+    }
+    forceRefreshAfterExecution = true;
+    isClearButtonEnabled = 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;
+          this.isClearButtonEnabled = filterBar.getShowClearButton();
         }
-        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.isActive = true;
-                    this.isClearButtonEnabled = filterBar.getShowClearButton();
-                }
-            }
+      }
+    }
+    get textKey() {
+      return this.isClearButtonEnabled ? 'V4_QUICK_ACTION_LR_DISABLE_CLEAR_FILTER_BAR' : 'V4_QUICK_ACTION_LR_ENABLE_CLEAR_FILTER_BAR';
+    }
+    async execute() {
+      const controls = this.context.controlIndex[CONTROL_TYPE] ?? [];
+      const control = controls[0];
+      if (control) {
+        const modifiedControl = getControlById(control.controlId);
+        if (!modifiedControl) {
+          return [];
         }
-        getActionObject() {
-            const key = this.isClearButtonEnabled ? 'V4_QUICK_ACTION_LR_DISABLE_CLEAR_FILTER_BAR' : 'V4_QUICK_ACTION_LR_ENABLE_CLEAR_FILTER_BAR';
-            return {
-                kind: SIMPLE_QUICK_ACTION_KIND,
-                id: this.id,
-                enabled: this.isActive,
-                title: this.context.resourceBundle.getText(key)
-            };
+        const {
+          flexSettings
+        } = this.context;
+        const parent = modifiedControl.getParent();
+        if (!parent) {
+          return [];
         }
-        async execute() {
-            const controls = this.context.controlIndex[CONTROL_TYPE] ?? [];
-            const control = controls[0];
-            if (control) {
-                const modifiedControl = getControlById(control.controlId);
-                if (!modifiedControl) {
-                    return [];
-                }
-                const {flexSettings} = this.context;
-                const parent = modifiedControl.getParent();
-                if (!parent) {
-                    return [];
-                }
-                const modifiedValue = {
-                    reference: getReference(modifiedControl),
-                    appComponent: getAppComponent(modifiedControl),
-                    changeType: 'appdescr_fe_changePageConfiguration',
-                    parameters: {
-                        page: getPageName(parent),
-                        entityPropertyChange: {
-                            propertyPath: PROPERTY_PATH,
-                            propertyValue: !this.isClearButtonEnabled,
-                            operation: 'UPSERT'
-                        }
-                    }
-                };
-                const command = await CommandFactory.getCommandFor(modifiedControl, 'appDescriptor', modifiedValue, null, flexSettings);
-                this.isClearButtonEnabled = !this.isClearButtonEnabled;
-                return [command];
+        const modifiedValue = {
+          reference: getReference(modifiedControl),
+          appComponent: getAppComponent(modifiedControl),
+          changeType: 'appdescr_fe_changePageConfiguration',
+          parameters: {
+            page: getPageName(parent),
+            entityPropertyChange: {
+              propertyPath: PROPERTY_PATH,
+              propertyValue: !this.isClearButtonEnabled,
+              operation: 'UPSERT'
             }
-            return [];
-        }
+          }
+        };
+        const command = await CommandFactory.getCommandFor(modifiedControl, 'appDescriptor', modifiedValue, null, flexSettings);
+        this.isClearButtonEnabled = !this.isClearButtonEnabled;
+        return [command];
+      }
+      return [];
     }
-    var __exports = { __esModule: true };
-    __exports.ENABLE_CLEAR_FILTER_BAR_TYPE = ENABLE_CLEAR_FILTER_BAR_TYPE;
-    __exports.ToggleClearFilterBarQuickAction = ToggleClearFilterBarQuickAction;
-    return __exports;
-});
+  }
+  var __exports = {
+    __esModule: true
+  };
+  __exports.ENABLE_CLEAR_FILTER_BAR_TYPE = ENABLE_CLEAR_FILTER_BAR_TYPE;
+  __exports.ToggleClearFilterBarQuickAction = ToggleClearFilterBarQuickAction;
+  return __exports;
+});
+//# sourceMappingURL=lr-toggle-clear-filter-bar.js.map

package/dist/client/adp/quick-actions/fe-v4/lr-toggle-clear-filter-bar.ts

@@ -2,12 +2,11 @@ import FlexCommand from 'sap/ui/rta/command/FlexCommand';
 import CommandFactory from 'sap/ui/rta/command/CommandFactory';
 import FilterBar from 'sap/ui/mdc/FilterBar';
 
-import { SIMPLE_QUICK_ACTION_KIND, SimpleQuickAction } from '@sap-ux-private/control-property-editor-common';
-
 import { QuickActionContext, SimpleQuickActionDefinition } from '../../../cpe/quick-actions/quick-action-definition';
 import { pageHasControlId } from '../../../cpe/quick-actions/utils';
 import { getControlById } from '../../../utils/core';
 import { getAppComponent, getPageName, getReference } from './utils';
+import { SimpleQuickActionDefinitionBase } from '../simple-quick-action-base';
 
 export const ENABLE_CLEAR_FILTER_BAR_TYPE = 'enable-clear-filter-bar';
 const PROPERTY_PATH = 'controlConfiguration/@com.sap.vocabularies.UI.v1.SelectionFields/showClearButton';
@@ -16,16 +15,15 @@ const CONTROL_TYPE = 'sap.fe.macros.controls.FilterBar';
 /**
  * Quick Action for toggling the visibility of "clear filter bar" button in List Report page.
  */
-export class ToggleClearFilterBarQuickAction implements SimpleQuickActionDefinition {
-    readonly kind = SIMPLE_QUICK_ACTION_KIND;
-    readonly type = ENABLE_CLEAR_FILTER_BAR_TYPE;
-    readonly forceRefreshAfterExecution = true;
-    public get id(): string {
-        return `${this.context.key}-${this.type}`;
+export class ToggleClearFilterBarQuickAction
+    extends SimpleQuickActionDefinitionBase
+    implements SimpleQuickActionDefinition
+{
+    constructor(context: QuickActionContext) {
+        super(ENABLE_CLEAR_FILTER_BAR_TYPE, [], '', context);
     }
-    isActive = false;
+    readonly forceRefreshAfterExecution = true;
     private isClearButtonEnabled = false;
-    constructor(private context: QuickActionContext) {}
 
     initialize(): void {
         const controls = this.context.controlIndex[CONTROL_TYPE] ?? [];
@@ -33,22 +31,16 @@ export class ToggleClearFilterBarQuickAction implements SimpleQuickActionDefinit
             const isActionApplicable = pageHasControlId(this.context.view, control.controlId);
             const filterBar = getControlById<FilterBar>(control.controlId);
             if (isActionApplicable && filterBar) {
-                this.isActive = true;
+                this.control = filterBar;
                 this.isClearButtonEnabled = filterBar.getShowClearButton();
             }
         }
     }
 
-    getActionObject(): SimpleQuickAction {
-        const key = this.isClearButtonEnabled
+    protected get textKey() {
+        return this.isClearButtonEnabled
             ? 'V4_QUICK_ACTION_LR_DISABLE_CLEAR_FILTER_BAR'
             : 'V4_QUICK_ACTION_LR_ENABLE_CLEAR_FILTER_BAR';
-        return {
-            kind: SIMPLE_QUICK_ACTION_KIND,
-            id: this.id,
-            enabled: this.isActive,
-            title: this.context.resourceBundle.getText(key)
-        };
     }
 
     async execute(): Promise<FlexCommand[]> {

package/dist/client/adp/quick-actions/fe-v4/registry.js

@@ -1,6 +1,6 @@
 "use strict";
 
-sap.ui.define(["../../../cpe/quick-actions/registry", "../common/add-controller-to-page", "./lr-toggle-clear-filter-bar", "./change-table-columns", "../common/op-add-header-field"], function (_____cpe_quick_actions_registry, ___common_add_controller_to_page, ___lr_toggle_clear_filter_bar, ___change_table_columns, ___common_op_add_header_field) {
+sap.ui.define(["../../../cpe/quick-actions/registry", "../common/add-controller-to-page", "./lr-toggle-clear-filter-bar", "./change-table-columns", "../common/op-add-header-field", "../common/op-add-custom-section"], function (_____cpe_quick_actions_registry, ___common_add_controller_to_page, ___lr_toggle_clear_filter_bar, ___change_table_columns, ___common_op_add_header_field, ___common_op_add_custom_section) {
   "use strict";
 
   const QuickActionDefinitionRegistry = _____cpe_quick_actions_registry["QuickActionDefinitionRegistry"];
@@ -8,6 +8,7 @@ sap.ui.define(["../../../cpe/quick-actions/registry", "../common/add-controller-
   const ToggleClearFilterBarQuickAction = ___lr_toggle_clear_filter_bar["ToggleClearFilterBarQuickAction"];
   const ChangeTableColumnsQuickAction = ___change_table_columns["ChangeTableColumnsQuickAction"];
   const AddHeaderFieldQuickAction = ___common_op_add_header_field["AddHeaderFieldQuickAction"];
+  const AddCustomSectionQuickAction = ___common_op_add_custom_section["AddCustomSectionQuickAction"];
   const LIST_REPORT_TYPE = 'sap.fe.templates.ListReport.ListReport';
   const OBJECT_PAGE_TYPE = 'sap.fe.templates.ObjectPage.ObjectPage';
 
@@ -37,7 +38,7 @@ sap.ui.define(["../../../cpe/quick-actions/registry", "../common/add-controller-
         } else if (name === 'objectPage') {
           definitionGroups.push({
             title: 'OBJECT PAGE',
-            definitions: [AddControllerToPageQuickAction, ChangeTableColumnsQuickAction, AddHeaderFieldQuickAction],
+            definitions: [AddControllerToPageQuickAction, ChangeTableColumnsQuickAction, AddHeaderFieldQuickAction, AddCustomSectionQuickAction],
             view,
             key: name + index
           });

package/dist/client/adp/quick-actions/fe-v4/registry.ts

@@ -8,6 +8,7 @@ import { AddControllerToPageQuickAction } from '../common/add-controller-to-page
 import { ToggleClearFilterBarQuickAction } from './lr-toggle-clear-filter-bar';
 import { ChangeTableColumnsQuickAction } from './change-table-columns';
 import { AddHeaderFieldQuickAction } from '../common/op-add-header-field';
+import { AddCustomSectionQuickAction } from '../common/op-add-custom-section';
 
 type PageName = 'listReport' | 'objectPage';
 
@@ -46,7 +47,8 @@ export default class FEV4QuickActionRegistry extends QuickActionDefinitionRegist
                     definitions: [
                         AddControllerToPageQuickAction,
                         ChangeTableColumnsQuickAction,
-                        AddHeaderFieldQuickAction
+                        AddHeaderFieldQuickAction,
+                        AddCustomSectionQuickAction
                     ],
                     view,
                     key: name + index

package/dist/client/adp/quick-actions/simple-quick-action-base.js

@@ -0,0 +1,44 @@
+'use strict';
+sap.ui.define([
+    'open/ux/preview/client/thirdparty/@sap-ux-private/control-property-editor-common',
+    '../../cpe/quick-actions/utils'
+], function (___sap_ux_private_control_property_editor_common, ____cpe_quick_actions_utils) {
+    'use strict';
+    const SIMPLE_QUICK_ACTION_KIND = ___sap_ux_private_control_property_editor_common['SIMPLE_QUICK_ACTION_KIND'];
+    const getRelevantControlFromActivePage = ____cpe_quick_actions_utils['getRelevantControlFromActivePage'];
+    class SimpleQuickActionDefinitionBase {
+        kind = SIMPLE_QUICK_ACTION_KIND;
+        get id() {
+            return `${ this.context.key }-${ this.type }`;
+        }
+        get isActive() {
+            return this.control !== undefined;
+        }
+        get textKey() {
+            return this.defaultTextKey;
+        }
+        constructor(type, controlTypes, defaultTextKey, context) {
+            this.type = type;
+            this.controlTypes = controlTypes;
+            this.defaultTextKey = defaultTextKey;
+            this.context = context;
+        }
+        initialize() {
+            for (const control of getRelevantControlFromActivePage(this.context.controlIndex, this.context.view, this.controlTypes)) {
+                this.control = control;
+                break;
+            }
+        }
+        getActionObject() {
+            return {
+                kind: SIMPLE_QUICK_ACTION_KIND,
+                id: this.id,
+                enabled: this.isActive,
+                title: this.context.resourceBundle.getText(this.textKey)
+            };
+        }
+    }
+    var __exports = { __esModule: true };
+    __exports.SimpleQuickActionDefinitionBase = SimpleQuickActionDefinitionBase;
+    return __exports;
+});

package/dist/client/adp/quick-actions/simple-quick-action-base.ts

@@ -0,0 +1,53 @@
+import UI5Element from 'sap/ui/core/Element';
+
+import { SIMPLE_QUICK_ACTION_KIND, SimpleQuickAction } from '@sap-ux-private/control-property-editor-common';
+
+import { getRelevantControlFromActivePage } from '../../cpe/quick-actions/utils';
+import { QuickActionContext } from '../../cpe/quick-actions/quick-action-definition';
+
+/**
+ * Base class for all simple quick actions.
+ */
+export abstract class SimpleQuickActionDefinitionBase {
+    readonly kind = SIMPLE_QUICK_ACTION_KIND;
+    public get id(): string {
+        return `${this.context.key}-${this.type}`;
+    }
+
+    public get isActive(): boolean {
+        return this.control !== undefined;
+    }
+
+    protected get textKey(): string {
+        return this.defaultTextKey;
+    }
+
+    protected control: UI5Element | undefined;
+
+    constructor(
+        public readonly type: string,
+        protected readonly controlTypes: string[],
+        protected readonly defaultTextKey: string,
+        protected readonly context: QuickActionContext
+    ) {}
+
+    initialize(): void {
+        for (const control of getRelevantControlFromActivePage(
+            this.context.controlIndex,
+            this.context.view,
+            this.controlTypes
+        )) {
+            this.control = control;
+            break;
+        }
+    }
+
+    getActionObject(): SimpleQuickAction {
+        return {
+            kind: SIMPLE_QUICK_ACTION_KIND,
+            id: this.id,
+            enabled: this.isActive,
+            title: this.context.resourceBundle.getText(this.textKey)
+        };
+    }
+}

package/dist/client/cpe/changes/service.js

@@ -104,7 +104,7 @@ sap.ui.define([
                     }
                     return {
                         type: 'saved',
-                        kind: 'valid',
+                        kind: 'property',
                         fileName: change.fileName,
                         controlId: change.selector.id,
                         propertyName: change.content.property,
@@ -118,6 +118,7 @@ sap.ui.define([
                         const unknownChange = {
                             type: 'saved',
                             kind: 'unknown',
+                            changeType: change.changeType,
                             fileName: change.fileName,
                             controlId: change.selector?.id
                         };
@@ -197,6 +198,7 @@ sap.ui.define([
             if (changeType === 'propertyChange' || changeType === 'propertyBindingChange') {
                 result = {
                     type: 'pending',
+                    kind: 'property',
                     changeType,
                     controlId: selectorId,
                     propertyName: command.getProperty('propertyName'),
@@ -208,6 +210,7 @@ sap.ui.define([
             } else {
                 result = {
                     type: 'pending',
+                    kind: 'unknown',
                     controlId: selectorId,
                     changeType,
                     isActive: index >= inactiveCommandCount,

package/dist/client/cpe/changes/service.ts

@@ -187,7 +187,7 @@ export class ChangeService {
                         }
                         return {
                             type: 'saved',
-                            kind: 'valid',
+                            kind: 'property',
                             fileName: change.fileName,
                             controlId: change.selector.id,
                             propertyName: change.content.property,
@@ -202,6 +202,7 @@ export class ChangeService {
                             const unknownChange: UnknownSavedChange = {
                                 type: 'saved',
                                 kind: 'unknown',
+                                changeType: change.changeType,
                                 fileName: change.fileName,
                                 controlId: change.selector?.id // some changes may not have selector
                             };
@@ -319,6 +320,7 @@ export class ChangeService {
         if (changeType === 'propertyChange' || changeType === 'propertyBindingChange') {
             result = {
                 type: 'pending',
+                kind: 'property',
                 changeType,
                 controlId: selectorId,
                 propertyName: command.getProperty('propertyName') as string,
@@ -330,6 +332,7 @@ export class ChangeService {
         } else {
             result = {
                 type: 'pending',
+                kind: 'unknown',
                 controlId: selectorId,
                 changeType,
                 isActive: index >= inactiveCommandCount,

package/dist/client/messagebundle.properties

@@ -1,6 +1,7 @@
 QUICK_ACTION_ADD_PAGE_CONTROLLER=Add Controller to Page
 QUICK_ACTION_SHOW_PAGE_CONTROLLER=Show Page Controller
 QUICK_ACTION_OP_ADD_HEADER_FIELD=Add Header Field
+QUICK_ACTION_OP_ADD_CUSTOM_SECTION=Add Custom Section
 
 V2_QUICK_ACTION_CHANGE_TABLE_COLUMNS=Change Table Columns
 

package/dist/client/thirdparty/@sap-ux-private/control-property-editor-common.js

@@ -8,7 +8,7 @@ sap.ui.define((function () { 'use strict';
 
 	(function (exports) {
 		Object.defineProperty(exports, "__esModule", { value: true });
-		exports.executeQuickAction = exports.updateQuickAction = exports.quickActionListChanged = exports.save = exports.redo = exports.undo = exports.appLoaded = exports.setSaveEnablement = exports.setUndoRedoEnablement = exports.setAppMode = exports.storageFileChanged = exports.reloadApplication = exports.showMessage = exports.changeStackModified = exports.propertyChangeFailed = exports.propertyChanged = exports.changeProperty = exports.outlineChanged = exports.deletePropertyChanges = exports.addExtensionPoint = exports.selectControl = exports.controlSelected = exports.iconsLoaded = exports.EXTERNAL_ACTION_PREFIX = exports.NESTED_QUICK_ACTION_KIND = exports.SIMPLE_QUICK_ACTION_KIND = exports.SCENARIO = exports.CHECKBOX_EDITOR_TYPE = exports.DROPDOWN_EDITOR_TYPE = exports.INPUT_EDITOR_TYPE = exports.STRING_VALUE_TYPE = exports.FLOAT_VALUE_TYPE = exports.INTEGER_VALUE_TYPE = exports.BOOLEAN_VALUE_TYPE = void 0;
+		exports.executeQuickAction = exports.updateQuickAction = exports.quickActionListChanged = exports.save = exports.redo = exports.undo = exports.appLoaded = exports.setSaveEnablement = exports.setUndoRedoEnablement = exports.setAppMode = exports.storageFileChanged = exports.reloadApplication = exports.showMessage = exports.changeStackModified = exports.propertyChangeFailed = exports.propertyChanged = exports.changeProperty = exports.outlineChanged = exports.deletePropertyChanges = exports.addExtensionPoint = exports.selectControl = exports.controlSelected = exports.iconsLoaded = exports.EXTERNAL_ACTION_PREFIX = exports.NESTED_QUICK_ACTION_KIND = exports.SIMPLE_QUICK_ACTION_KIND = exports.UNKNOWN_CHANGE_KIND = exports.PROPERTY_CHANGE_KIND = exports.SAVED_CHANGE_TYPE = exports.PENDING_CHANGE_TYPE = exports.SCENARIO = exports.CHECKBOX_EDITOR_TYPE = exports.DROPDOWN_EDITOR_TYPE = exports.INPUT_EDITOR_TYPE = exports.STRING_VALUE_TYPE = exports.FLOAT_VALUE_TYPE = exports.INTEGER_VALUE_TYPE = exports.BOOLEAN_VALUE_TYPE = void 0;
 		exports.BOOLEAN_VALUE_TYPE = 'boolean';
 		exports.INTEGER_VALUE_TYPE = 'integer';
 		exports.FLOAT_VALUE_TYPE = 'float';
@@ -23,6 +23,10 @@ sap.ui.define((function () { 'use strict';
 		    FioriElementsFromScratch: 'FE_FROM_SCRATCH',
 		    UiAdaptation: 'UI_ADAPTATION'
 		};
+		exports.PENDING_CHANGE_TYPE = 'pending';
+		exports.SAVED_CHANGE_TYPE = 'saved';
+		exports.PROPERTY_CHANGE_KIND = 'property';
+		exports.UNKNOWN_CHANGE_KIND = 'unknown';
 		exports.SIMPLE_QUICK_ACTION_KIND = 'simple';
 		exports.NESTED_QUICK_ACTION_KIND = 'nested';
 		/**

package/package.json

@@ -9,7 +9,7 @@
   "bugs": {
     "url": "https://github.com/SAP/open-ux-tools/issues?q=is%3Aopen+is%3Aissue+label%3Abug+label%3Apreview-middleware"
   },
-  "version": "0.16.64",
+  "version": "0.16.66",
   "license": "Apache-2.0",
   "author": "@SAP/ux-tools-team",
   "main": "dist/index.js",
@@ -25,11 +25,11 @@
     "ejs": "3.1.10",
     "mem-fs": "2.1.0",
     "mem-fs-editor": "9.4.0",
-    "@sap-ux/logger": "0.6.0",
     "@sap-ux/btp-utils": "0.15.2",
-    "@sap-ux/adp-tooling": "0.12.47",
-    "@sap-ux/control-property-editor-sources": "npm:@sap-ux/control-property-editor@0.5.2",
-    "@sap-ux/project-access": "1.27.2"
+    "@sap-ux/logger": "0.6.0",
+    "@sap-ux/adp-tooling": "0.12.49",
+    "@sap-ux/control-property-editor-sources": "npm:@sap-ux/control-property-editor@0.5.5",
+    "@sap-ux/project-access": "1.27.3"
   },
   "devDependencies": {
     "@types/ejs": "3.1.2",
@@ -39,13 +39,13 @@
     "copyfiles": "2.4.1",
     "@types/mem-fs": "1.1.2",
     "@types/mem-fs-editor": "7.0.1",
-    "express": "4.19.2",
+    "express": "4.21.0",
     "npm-run-all2": "6.2.0",
     "nock": "13.4.0",
     "supertest": "6.3.3",
     "@sap-ux-private/playwright": "0.1.0",
     "dotenv": "16.3.1",
-    "@private/preview-middleware-client": "npm:@sap-ux-private/preview-middleware-client@0.11.3",
+    "@private/preview-middleware-client": "npm:@sap-ux-private/preview-middleware-client@0.11.4",
     "@sap-ux/axios-extension": "1.16.6",
     "@sap-ux/store": "0.9.1",
     "@sap-ux/ui5-info": "0.8.1",