devexpress-reporting 23.2.6 → 24.1.2-beta

package/designer/internal/fieldlist/_renameDataSourceStrategy.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\internal\fieldlist\_renameDataSourceStrategy.d.ts)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/designer/internal/fieldlist/_renameDataSourceStrategy.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\internal\fieldlist\_renameDataSourceStrategy.js)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/designer/internal/fieldlist/_treelistFactory.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\internal\fieldlist\_treelistFactory.d.ts)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/designer/internal/fieldlist/_treelistFactory.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\internal\fieldlist\_treelistFactory.js)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/designer/internal/fieldlist/_treelistItem.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\internal\fieldlist\_treelistItem.d.ts)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -34,7 +34,7 @@ export declare class ReportDesignerTreelistItem extends TreeListItemViewModel {
     _getCssRules(): {
         [key: string]: boolean;
     };
-    constructor(options: ITreeListOptions, path: string[], onItemsVisibilityChanged: () => undefined, rtl: boolean, resolver: CodeResolver, _fieldListItemFactory: FieldListItemFactory);
+    constructor(options: ITreeListOptions, path: string[], onItemsVisibilityChanged: () => any, rtl: boolean, resolver: CodeResolver, _fieldListItemFactory: FieldListItemFactory);
     onPropertyChanged(args: PropertyChangedEventArgs<ReportDesignerTreelistItem> | ArrayPropertyChangedEventArgs<ReportDesignerTreelistItem>): void;
     updateViewModel(args: PropertyChangedEventArgs<ReportDesignerTreelistItem> | ArrayPropertyChangedEventArgs<ReportDesignerTreelistItem>): void;
     createViewModel(): IReportDesignerTreeListItem;

package/designer/internal/fieldlist/_treelistItem.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\internal\fieldlist\_treelistItem.js)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -11,12 +11,21 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { CodeResolver, nameValidationRules } from '@devexpress/analytics-core/analytics-internal';
+import { $unwrap, CodeResolver, nameValidationRules } from '@devexpress/analytics-core/analytics-internal';
 import { createViewModelGenerator, mutable } from '@devexpress/analytics-core/analytics-serializer-native';
 import { TreeListItemViewModel } from '@devexpress/analytics-core/analytics-widgets-internal';
-import * as $ from 'jquery';
 export class ReportDesignerTreelistItem extends TreeListItemViewModel {
-    constructor(options, path = [], onItemsVisibilityChanged = $.noop, rtl = false, resolver = new CodeResolver(), _fieldListItemFactory) {
+    _isDisabled() {
+        return this._fieldListItemFactory.renameInProgress && !this.isSelected;
+    }
+    _rename(val) {
+        this.data['rename'](val);
+        this.renameMode = false;
+    }
+    _getCssRules() {
+        return Object.assign({ 'dx-treelist-item-disabled': this.disabled }, super._getCssRules());
+    }
+    constructor(options, path = [], onItemsVisibilityChanged = () => void (0), rtl = false, resolver = new CodeResolver(), _fieldListItemFactory) {
         super(options, path, onItemsVisibilityChanged, rtl, resolver);
         this.resolver = resolver;
         this._fieldListItemFactory = _fieldListItemFactory;
@@ -35,8 +44,10 @@ export class ReportDesignerTreelistItem extends TreeListItemViewModel {
             },
             onInitialized: (event) => {
                 setTimeout(() => {
+                    var _a;
                     event.component.focus();
-                    $.fn.constructor(event.component.element()).find('input')[0].select();
+                    const element = $unwrap(event.component.element());
+                    (_a = element === null || element === void 0 ? void 0 : element.querySelector('input')) === null || _a === void 0 ? void 0 : _a.select();
                 });
             },
             onKeyUp: (event) => {
@@ -60,16 +71,6 @@ export class ReportDesignerTreelistItem extends TreeListItemViewModel {
             this.disabled = this._isDisabled();
         });
     }
-    _isDisabled() {
-        return this._fieldListItemFactory.renameInProgress && !this.isSelected;
-    }
-    _rename(val) {
-        this.data['rename'](val);
-        this.renameMode = false;
-    }
-    _getCssRules() {
-        return Object.assign({ 'dx-treelist-item-disabled': this.disabled }, super._getCssRules());
-    }
     onPropertyChanged(args) {
         super.onPropertyChanged(args);
         if (args.propertyName === 'renameMode') {

package/designer/internal/fieldlist/_watermarksViewModel.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\internal\fieldlist\_watermarksViewModel.d.ts)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/designer/internal/fieldlist/_watermarksViewModel.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\internal\fieldlist\_watermarksViewModel.js)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/designer/internal/parameterLayout/_parameterLayoutDragDropHandler.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\internal\parameterLayout\_parameterLayoutDragDropHandler.d.ts)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/designer/internal/parameterLayout/_parameterLayoutDragDropHandler.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\internal\parameterLayout\_parameterLayoutDragDropHandler.js)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/designer/internal/parameterLayout/_parametersLayoutItemsProvider.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\internal\parameterLayout\_parametersLayoutItemsProvider.d.ts)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -12,4 +12,5 @@ import { IParameterContainer, ParameterPanelLayoutItem } from '../../dataObjects
 export declare class ParametersLayoutItemsProvider extends ObjectExplorerProvider {
     constructor(report: IParameterContainer, member: ko.Observable<ParameterPanelLayoutItem>);
     createArrayItem(currentTarget: ParameterPanelLayoutItem[], result: IDataMemberInfo[], propertyName?: any): void;
+    private _noDragable;
 }

package/designer/internal/parameterLayout/_parametersLayoutItemsProvider.js

@@ -1,20 +1,20 @@
 /**
 * DevExpress HTML/JS Reporting (designer\internal\parameterLayout\_parametersLayoutItemsProvider.js)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
-import { ObjectExplorerProvider } from '@devexpress/analytics-core/analytics-internal';
-import * as $ from 'jquery';
+import { DxDeferred, ObjectExplorerProvider } from '@devexpress/analytics-core/analytics-internal';
 import * as ko from 'knockout';
 import { ParameterPanelLayoutItem } from '../../dataObjects/parameters/layoutItems';
 const arrayName = 'parameterPanelLayoutItems';
 export class ParametersLayoutItemsProvider extends ObjectExplorerProvider {
     constructor(report, member) {
         super([{ model: report, name: 'Report' }], [arrayName], member, null);
+        this._noDragable = false;
         this.getItems = (pathRequest) => {
-            const result = $.Deferred();
+            const result = new DxDeferred();
             if (!pathRequest.fullPath) {
                 const resultItems = [];
                 this.createArrayItem(report.parameterPanelLayoutItems(), resultItems, `Report.${arrayName}`);
@@ -33,6 +33,7 @@ export class ParametersLayoutItemsProvider extends ObjectExplorerProvider {
                 return 'Report';
             }
         };
+        this._noDragable = !report.parameterHelper._parameterEditingSettings.allowReorderParameters;
     }
     createArrayItem(currentTarget, result, propertyName) {
         currentTarget.forEach((element, index) => {
@@ -44,7 +45,7 @@ export class ParametersLayoutItemsProvider extends ObjectExplorerProvider {
                 isList: element[arrayName] && ko.unwrap(element[arrayName]).length > 0,
                 data: element,
                 dragData: {
-                    noDragable: false
+                    noDragable: this._noDragable
                 }
             });
         });

package/designer/internal/parameterLayout/_parametersLayoutTreeListController.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\internal\parameterLayout\_parametersLayoutTreeListController.d.ts)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -10,14 +10,16 @@ import { IAction } from '@devexpress/analytics-core/analytics-utils';
 import { TreeListItemViewModel } from '@devexpress/analytics-core/analytics-widgets-internal';
 import * as ko from 'knockout';
 import { IParameterContainer, ParameterPanelLayoutItem } from '../../dataObjects/parameters/layoutItems';
+import { IReportDesignerParameterEditingSettings } from '../../utils/inititalizer';
 export declare class ParametersLayoutTreeListController extends ObjectStructureTreeListController {
     private _report;
     private _selectedItemModel;
+    private _parameterEditingSettings;
     private _innerSwap;
     private _outerSwap;
     private _siblingsSwap;
     private _checkIndex;
-    constructor(_report: IParameterContainer, _selectedItemModel: ko.Observable<ParameterPanelLayoutItem>);
+    constructor(_report: IParameterContainer, _selectedItemModel: ko.Observable<ParameterPanelLayoutItem>, _parameterEditingSettings: IReportDesignerParameterEditingSettings);
     addItem(item: ParameterPanelLayoutItem): void;
     move(goUp?: boolean): void;
     delete(item?: ParameterPanelLayoutItem): void;

package/designer/internal/parameterLayout/_parametersLayoutTreeListController.js

@@ -1,34 +1,16 @@
 /**
 * DevExpress HTML/JS Reporting (designer\internal\parameterLayout\_parametersLayoutTreeListController.js)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
 import { getLocalization, ObjectStructureTreeListController } from '@devexpress/analytics-core/analytics-internal';
 import * as ko from 'knockout';
 import { ReportViewModel } from '../../controls/xrReport';
-import { GroupLayoutItem, ParameterLayoutItem } from '../../dataObjects/parameters/layoutItems';
+import { GroupLayoutItem, ParameterLayoutItem, SeparatorLayoutItem } from '../../dataObjects/parameters/layoutItems';
 import { ParameterLayoutDragDropHandler } from './_parameterLayoutDragDropHandler';
 export class ParametersLayoutTreeListController extends ObjectStructureTreeListController {
-    constructor(_report, _selectedItemModel) {
-        super(undefined, undefined);
-        this._report = _report;
-        this._selectedItemModel = _selectedItemModel;
-        this.getActions = (item) => {
-            const model = item && item.data && item.data['data'];
-            const imageTemplateName = model instanceof GroupLayoutItem ? 'dxrd-svg-actions-ungroup' : 'dxrd-svg-operations-recycle_bin';
-            const imageClassName = model instanceof GroupLayoutItem ? 'dxrd-image-ungroup' : 'dxrd-image-recycle-bin';
-            return [{
-                    text: 'Delete',
-                    displayText: () => getLocalization('Delete', 'AnalyticsCoreStringId.Cmd_Delete'),
-                    imageClassName: imageClassName,
-                    imageTemplateName: imageTemplateName,
-                    clickAction: (treeListItem) => this.delete(treeListItem.data['data'])
-                }];
-        };
-        this._disposables.push(this.dragDropHandler = new ParameterLayoutDragDropHandler(_selectedItemModel));
-    }
     _innerSwap(selectedItemModel, swapElement, goUp, currentCollection) {
         currentCollection.remove(selectedItemModel);
         if (goUp) {
@@ -56,6 +38,41 @@ export class ParametersLayoutTreeListController extends ObjectStructureTreeListC
     _checkIndex(index, goUp, parentModel) {
         return goUp ? index > 0 : parentModel.parameterPanelLayoutItems().length - 1 > index;
     }
+    constructor(_report, _selectedItemModel, _parameterEditingSettings) {
+        super(undefined, undefined);
+        this._report = _report;
+        this._selectedItemModel = _selectedItemModel;
+        this._parameterEditingSettings = _parameterEditingSettings;
+        this.getActions = (item) => {
+            const model = item && item.data && item.data['data'];
+            const imageTemplateName = model instanceof GroupLayoutItem ? 'dxrd-svg-actions-ungroup' : 'dxrd-svg-operations-recycle_bin';
+            const imageClassName = model instanceof GroupLayoutItem ? 'dxrd-image-ungroup' : 'dxrd-image-recycle-bin';
+            if (model) {
+                if (model instanceof ParameterLayoutItem) {
+                    if (!this._parameterEditingSettings.allowEditParameterCollection || !model.canRemove) {
+                        return [];
+                    }
+                }
+                else if (model instanceof GroupLayoutItem && (!this._parameterEditingSettings.allowEditParameterGroups || !model.canRemove)) {
+                    return [];
+                }
+                else if (model instanceof SeparatorLayoutItem && (!this._parameterEditingSettings.allowEditParameterSeparators || !model.canRemove)) {
+                    return [];
+                }
+            }
+            const actions = [];
+            const deleteAction = {
+                text: 'Delete',
+                displayText: () => getLocalization('Delete', 'AnalyticsCoreStringId.Cmd_Delete'),
+                imageClassName: imageClassName,
+                imageTemplateName: imageTemplateName,
+                clickAction: (treeListItem) => this.delete(treeListItem.data['data'])
+            };
+            actions.push(deleteAction);
+            return actions;
+        };
+        this._disposables.push(this.dragDropHandler = new ParameterLayoutDragDropHandler(_selectedItemModel));
+    }
     addItem(item) {
         let selectedItemModel = this._selectedItemModel();
         let root = this._report;

package/designer/internal/reportExplorer/_reportExplorer.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\internal\reportExplorer\_reportExplorer.d.ts)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/designer/internal/reportExplorer/_reportExplorer.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\internal\reportExplorer\_reportExplorer.js)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -19,62 +19,6 @@ import { XRTableCellViewModel } from '../../controls/xrTableCell';
 import { XRTableRowViewModel } from '../../controls/xrTableRow';
 import { DataBindingMode } from '../_dataBindingMode';
 export class ReportExplorerModel extends Disposable {
-    constructor(reportModel, editableObject, clickHandler, dragDropHandler, selection, _dataSourceSettings) {
-        super();
-        this._dataSourceSettings = _dataSourceSettings;
-        this._disposables.push(this.itemsProvider = new ObjectExplorerProvider([
-            { model: reportModel, name: 'Report', displayName: getLocalization('Report', 'ASPxReportsStringId.DocumentViewer_RibbonReportGroupText'), className: 'master_report', data: reportModel, hasContextMenu: true },
-            { model: ko.pureComputed(() => { return reportModel() && reportModel().styles(); }), name: 'Styles', displayName: getLocalization('Styles', 'DevExpress.XtraReports.UI.XRPivotGrid.Styles'), className: 'styles' },
-            { model: ko.pureComputed(() => { return reportModel() && reportModel().formattingRuleSheet(); }), name: 'Formatting Rules', displayName: getLocalization('Formatting Rules', 'DevExpress.XtraReports.UI.XRControl.FormattingRules'), className: 'formattingrules' },
-            { model: ko.pureComputed(() => { return reportModel() && reportModel().crossBandControls(); }), name: 'Crossband Controls', displayName: getLocalization('Cross-Band Controls', 'ASPxReportsStringId.ReportDesigner_CrossBandControls'), className: 'xrcrossbandbox', hasContextMenu: true },
-            { model: ko.pureComputed(() => { return reportModel() && reportModel().components(); }), name: 'Components', displayName: getLocalization('Data Sources', 'ASPxReportsStringId.ReportDesigner_DataSources'), className: 'components' }
-        ], ['bands', 'controls', 'rows', 'cells'], editableObject, (model) => {
-            let path = ReportExplorerModel.getPathByMember(model);
-            if (!path) {
-                if (model === (reportModel() && reportModel().styles())) {
-                    path = 'Styles';
-                }
-                else if (model === (reportModel() && reportModel().formattingRuleSheet())) {
-                    path = 'Formatting Rules';
-                }
-                else if (model === (reportModel() && reportModel().components())) {
-                    path = 'Components';
-                }
-                else if (model instanceof StyleModel) {
-                    path = this._getPathNonControl(model, 'Styles', 'styles', editableObject, reportModel);
-                }
-                else if (model instanceof FormattingRule) {
-                    path = this._getPathNonControl(model, 'Formatting Rules', 'formattingRuleSheet', editableObject, reportModel);
-                }
-                else if (model instanceof ComponentsModel) {
-                    path = this._getPathNonControl(model, 'Components', 'components', editableObject, reportModel);
-                }
-                else if (model === (reportModel() && reportModel().crossBandControls())) {
-                    path = 'Crossband Controls';
-                }
-            }
-            return path;
-        }));
-        const exprPropertyNames = ['bands', 'controls', 'rows', 'cells', 'Report', 'Styles', 'Crossband Controls', 'Components'];
-        const bindingPropertyNames = [].concat(exprPropertyNames, 'Formatting Rules');
-        this._disposables.push(this.treeListController = new ObjectStructureTreeListController(exprPropertyNames));
-        this.treeListController.itemsFilter = (item) => {
-            const realPropertyName = item.name.split('.')[0];
-            const propertyNames = reportModel() && reportModel()._dataBindingMode() !== DataBindingMode.Bindings ? exprPropertyNames : bindingPropertyNames;
-            return propertyNames ? propertyNames.indexOf(realPropertyName) !== -1 || isNumeric(realPropertyName) : true;
-        };
-        this.treeListController.getActions = (item) => {
-            if (item.data && item.data.name !== 'Crossband Controls' && item.data.name !== 'Components') {
-                if (item.data.name !== 'Styles' && item.data.name !== 'Formatting Rules') {
-                    return this._createActionsForOneElement(clickHandler, selection, editableObject, reportModel, item);
-                }
-                else {
-                    return this._createActionsForArray(item, reportModel);
-                }
-            }
-        };
-        this.treeListController.dragDropHandler = dragDropHandler;
-    }
     static getPathByMember(model) {
         if (model.parentModel && model.parentModel()) {
             if (model instanceof BandViewModel) {
@@ -175,4 +119,60 @@ export class ReportExplorerModel extends Disposable {
         }
         return [rootName, rootName, index].join('.');
     }
+    constructor(reportModel, editableObject, clickHandler, dragDropHandler, selection, _dataSourceSettings) {
+        super();
+        this._dataSourceSettings = _dataSourceSettings;
+        this._disposables.push(this.itemsProvider = new ObjectExplorerProvider([
+            { model: reportModel, name: 'Report', displayName: getLocalization('Report', 'ASPxReportsStringId.DocumentViewer_RibbonReportGroupText'), className: 'master_report', data: reportModel, hasContextMenu: true },
+            { model: ko.pureComputed(() => { return reportModel() && reportModel().styles(); }), name: 'Styles', displayName: getLocalization('Styles', 'DevExpress.XtraReports.UI.XRPivotGrid.Styles'), className: 'styles' },
+            { model: ko.pureComputed(() => { return reportModel() && reportModel().formattingRuleSheet(); }), name: 'Formatting Rules', displayName: getLocalization('Formatting Rules', 'DevExpress.XtraReports.UI.XRControl.FormattingRules'), className: 'formattingrules' },
+            { model: ko.pureComputed(() => { return reportModel() && reportModel().crossBandControls(); }), name: 'Crossband Controls', displayName: getLocalization('Cross-Band Controls', 'ASPxReportsStringId.ReportDesigner_CrossBandControls'), className: 'xrcrossbandbox', hasContextMenu: true },
+            { model: ko.pureComputed(() => { return reportModel() && reportModel().components(); }), name: 'Components', displayName: getLocalization('Data Sources', 'ASPxReportsStringId.ReportDesigner_DataSources'), className: 'components' }
+        ], ['bands', 'controls', 'rows', 'cells'], editableObject, (model) => {
+            let path = ReportExplorerModel.getPathByMember(model);
+            if (!path) {
+                if (model === (reportModel() && reportModel().styles())) {
+                    path = 'Styles';
+                }
+                else if (model === (reportModel() && reportModel().formattingRuleSheet())) {
+                    path = 'Formatting Rules';
+                }
+                else if (model === (reportModel() && reportModel().components())) {
+                    path = 'Components';
+                }
+                else if (model instanceof StyleModel) {
+                    path = this._getPathNonControl(model, 'Styles', 'styles', editableObject, reportModel);
+                }
+                else if (model instanceof FormattingRule) {
+                    path = this._getPathNonControl(model, 'Formatting Rules', 'formattingRuleSheet', editableObject, reportModel);
+                }
+                else if (model instanceof ComponentsModel) {
+                    path = this._getPathNonControl(model, 'Components', 'components', editableObject, reportModel);
+                }
+                else if (model === (reportModel() && reportModel().crossBandControls())) {
+                    path = 'Crossband Controls';
+                }
+            }
+            return path;
+        }));
+        const exprPropertyNames = ['bands', 'controls', 'rows', 'cells', 'Report', 'Styles', 'Crossband Controls', 'Components'];
+        const bindingPropertyNames = [].concat(exprPropertyNames, 'Formatting Rules');
+        this._disposables.push(this.treeListController = new ObjectStructureTreeListController(exprPropertyNames));
+        this.treeListController.itemsFilter = (item) => {
+            const realPropertyName = item.name.split('.')[0];
+            const propertyNames = reportModel() && reportModel()._dataBindingMode() !== DataBindingMode.Bindings ? exprPropertyNames : bindingPropertyNames;
+            return propertyNames ? propertyNames.indexOf(realPropertyName) !== -1 || isNumeric(realPropertyName) : true;
+        };
+        this.treeListController.getActions = (item) => {
+            if (item.data && item.data.name !== 'Crossband Controls' && item.data.name !== 'Components') {
+                if (item.data.name !== 'Styles' && item.data.name !== 'Formatting Rules') {
+                    return this._createActionsForOneElement(clickHandler, selection, editableObject, reportModel, item);
+                }
+                else {
+                    return this._createActionsForArray(item, reportModel);
+                }
+            }
+        };
+        this.treeListController.dragDropHandler = dragDropHandler;
+    }
 }

package/designer/internal/reportExplorer/_reportItemsProvider.d.ts

@@ -1,13 +1,13 @@
 /**
 * DevExpress HTML/JS Reporting (designer\internal\reportExplorer\_reportItemsProvider.d.ts)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
-import { DesignControlsHelper } from '@devexpress/analytics-core/analytics-internal';
+import { DesignControlsHelper, DxPromise } from '@devexpress/analytics-core/analytics-internal';
 import { Disposable, IDataMemberInfo, IItemsProvider, IPathRequest } from '@devexpress/analytics-core/analytics-utils';
-export declare type IReportItemsProviderRootItems = {
+export type IReportItemsProviderRootItems = {
     [key: string]: (path: string, controlsHelper: DesignControlsHelper) => IDataMemberInfo[];
 };
 export declare class ReportItemsProvider extends Disposable implements IItemsProvider {
@@ -16,8 +16,8 @@ export declare class ReportItemsProvider extends Disposable implements IItemsPro
     private _getProperties;
     private _tryGenerateGetItemsFunc;
     getReportElementsByPath(controlsHelper: any, path: string[]): IDataMemberInfo[];
-    getItems: (path: IPathRequest, rootItems?: IReportItemsProviderRootItems) => JQueryPromise<IDataMemberInfo[]>;
-    getItemByPath: (path: IPathRequest, rootItems?: IReportItemsProviderRootItems) => JQueryPromise<IDataMemberInfo>;
+    getItems: (path: IPathRequest, rootItems?: IReportItemsProviderRootItems) => DxPromise<IDataMemberInfo[]>;
+    getItemByPath: (path: IPathRequest, rootItems?: IReportItemsProviderRootItems) => DxPromise<IDataMemberInfo>;
     constructor(controlsHelper: DesignControlsHelper, fieldListProvider: IItemsProvider);
-    _getItemByPath(pathParts: string[], rootItems: IReportItemsProviderRootItems, propertyName: string): JQueryPromise<IDataMemberInfo>;
+    _getItemByPath(pathParts: string[], rootItems: IReportItemsProviderRootItems, propertyName: string): DxPromise<IDataMemberInfo>;
 }

package/designer/internal/reportExplorer/_reportItemsProvider.js

@@ -1,51 +1,16 @@
 /**
 * DevExpress HTML/JS Reporting (designer\internal\reportExplorer\_reportItemsProvider.js)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
+import { DxDeferred, extend } from '@devexpress/analytics-core/analytics-internal';
 import { Disposable, PathRequest } from '@devexpress/analytics-core/analytics-utils';
-import * as $ from 'jquery';
 import { ReportViewModel } from '../../controls/xrReport';
 import { CalculatedField } from '../../dataObjects/calculatedField';
 import { createIDataMemberInfoByName } from '../_createIDataMemberInfoByName';
 export class ReportItemsProvider extends Disposable {
-    constructor(controlsHelper, fieldListProvider) {
-        super();
-        this._rootItems = {
-            'ReportItems': (path, controlsHelper) => this.getReportElementsByPath(controlsHelper, path.split('.'))
-        };
-        this.getItems = (path, rootItems) => {
-            rootItems = $.extend({}, this._rootItems, rootItems);
-            let getItemsFunc = undefined;
-            Object.keys(rootItems).some((currentName) => {
-                const rootItem = { propertyName: currentName, getItems: rootItems[currentName] };
-                getItemsFunc = this._tryGenerateGetItemsFunc(rootItem, path.path) || this._tryGenerateGetItemsFunc(rootItem, path.fullPath);
-                return !!getItemsFunc;
-            });
-            if (getItemsFunc) {
-                const $deferred = $.Deferred();
-                const items = getItemsFunc(controlsHelper);
-                items && $deferred.resolve(items) || $deferred.reject();
-                return $deferred.promise();
-            }
-            else if (path.fullPath === 'Root') {
-                const $deferred = $.Deferred();
-                const result = Object.keys(rootItems).map(name => createIDataMemberInfoByName(name));
-                $deferred.resolve(result);
-                return $deferred.promise();
-            }
-            else {
-                return fieldListProvider.getItems(path);
-            }
-        };
-        this.getItemByPath = (pathRequest, rootItems) => {
-            const parts = pathRequest.fullPath.split('.');
-            const propertyName = parts.pop();
-            return this._getItemByPath(parts, rootItems, propertyName);
-        };
-    }
     _getControlByName(controlsHelper, name) {
         if (name === 'Report') {
             return controlsHelper.allControls().filter(x => x instanceof ReportViewModel)[0];
@@ -88,8 +53,43 @@ export class ReportItemsProvider extends Disposable {
             return null;
         }
     }
+    constructor(controlsHelper, fieldListProvider) {
+        super();
+        this._rootItems = {
+            'ReportItems': (path, controlsHelper) => this.getReportElementsByPath(controlsHelper, path.split('.'))
+        };
+        this.getItems = (path, rootItems) => {
+            rootItems = extend({}, this._rootItems, rootItems);
+            let getItemsFunc = undefined;
+            Object.keys(rootItems).some((currentName) => {
+                const rootItem = { propertyName: currentName, getItems: rootItems[currentName] };
+                getItemsFunc = this._tryGenerateGetItemsFunc(rootItem, path.path) || this._tryGenerateGetItemsFunc(rootItem, path.fullPath);
+                return !!getItemsFunc;
+            });
+            if (getItemsFunc) {
+                const $deferred = new DxDeferred();
+                const items = getItemsFunc(controlsHelper);
+                items && $deferred.resolve(items) || $deferred.reject();
+                return $deferred.promise();
+            }
+            else if (path.fullPath === 'Root') {
+                const $deferred = new DxDeferred();
+                const result = Object.keys(rootItems).map(name => createIDataMemberInfoByName(name));
+                $deferred.resolve(result);
+                return $deferred.promise();
+            }
+            else {
+                return fieldListProvider.getItems(path);
+            }
+        };
+        this.getItemByPath = (pathRequest, rootItems) => {
+            const parts = pathRequest.fullPath.split('.');
+            const propertyName = parts.pop();
+            return this._getItemByPath(parts, rootItems, propertyName);
+        };
+    }
     _getItemByPath(pathParts, rootItems, propertyName) {
-        const $deferred = $.Deferred();
+        const $deferred = new DxDeferred();
         let currentPropertyName = propertyName;
         if (pathParts.length === 0)
             return $deferred.reject().promise();

package/designer/internal/scripting/_eventArgsTypes.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\internal\scripting\_eventArgsTypes.d.ts)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/designer/internal/scripting/_eventArgsTypes.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\internal\scripting\_eventArgsTypes.js)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */