@easyquery/ui 7.4.0-rc04 → 7.4.0

package/dist/easyquery.ui.cjs.js

@@ -615,10 +615,39 @@ class EntitiesPanel extends core.Widget {
 
 exports.ColumnsEditMode = void 0;
 (function (ColumnsEditMode) {
+    /**
+     * ReadOnly edit mode allows to view columns but doesn't allow to change them.
+     */
     ColumnsEditMode[ColumnsEditMode["ReadOnly"] = 0] = "ReadOnly";
+    /**
+     * FixedList edit mode allows to edit some columns parameters (formats, sorting) and change their order
+     * but doesn't allow to add or delete columns.
+     */
     ColumnsEditMode[ColumnsEditMode["FixedList"] = 16] = "FixedList";
+    /**
+     * Full edit mode allows to add, delete and change columns in any way.
+     */
     ColumnsEditMode[ColumnsEditMode["Full"] = 255] = "Full";
 })(exports.ColumnsEditMode || (exports.ColumnsEditMode = {}));
+exports.ConditionsEditMode = void 0;
+(function (ConditionsEditMode) {
+    /**
+     * No edit mode means that conditions are not editable at all.
+     */
+    ConditionsEditMode[ConditionsEditMode["Default"] = 0] = "Default";
+    /**
+     * ReadOnly edit mode allows to view conditions but doesn't allow to change them, including the condition type, operator, value, etc.
+     */
+    ConditionsEditMode[ConditionsEditMode["ReadOnly"] = 1] = "ReadOnly";
+    /**
+     * FixedList edit mode allows to modify some parameters of conditions (like their operators or values) but doesn't allow to add or delete conditions.
+     */
+    ConditionsEditMode[ConditionsEditMode["FixedList"] = 16] = "FixedList";
+    /**
+     * Full edit mode allows to add, delete and change conditions in any way.
+     */
+    ConditionsEditMode[ConditionsEditMode["Full"] = 255] = "Full";
+})(exports.ConditionsEditMode || (exports.ConditionsEditMode = {}));
 
 class MenuLevel {
     get applyItem() {
@@ -3362,6 +3391,18 @@ class ColumnsPanel extends core.Widget {
     getWidgetType() {
         return 'columnsPanel';
     }
+    /**
+     * Gets or sets the current edit mode. When setting, automatically refreshes the widget.
+     */
+    get editMode() {
+        return this.options.editMode || exports.ColumnsEditMode.Full;
+    }
+    set editMode(value) {
+        if (this.options.editMode !== value) {
+            this.options.editMode = value;
+            this.refresh();
+        }
+    }
     init(context, options) {
         super.init(context, options);
         this.setOptions(options);
@@ -4755,6 +4796,18 @@ class ColumnsBar extends core.Widget {
         // Only allow drag-drop in All and FixedList modes
         return this.options.allowDragDrop && this.options.editMode > exports.ColumnsEditMode.ReadOnly;
     }
+    /**
+     * Gets or sets the current edit mode. When setting, automatically refreshes the widget.
+     */
+    get editMode() {
+        return this.options.editMode || exports.ColumnsEditMode.Full;
+    }
+    set editMode(value) {
+        if (this.options.editMode !== value) {
+            this.options.editMode = value;
+            this.refresh();
+        }
+    }
     init(context, options) {
         super.init(context, options);
         this.setOptions(options);
@@ -5861,14 +5914,14 @@ exports.QPEditablePart = void 0;
 (function (QPEditablePart) {
     QPEditablePart[QPEditablePart["None"] = 0] = "None";
     QPEditablePart[QPEditablePart["Value"] = 1] = "Value";
-    QPEditablePart[QPEditablePart["Attribute"] = 2] = "Attribute";
-    QPEditablePart[QPEditablePart["Operator"] = 4] = "Operator";
+    QPEditablePart[QPEditablePart["Operator"] = 2] = "Operator";
+    QPEditablePart[QPEditablePart["Attribute"] = 4] = "Attribute";
     QPEditablePart[QPEditablePart["Addition"] = 8] = "Addition";
     QPEditablePart[QPEditablePart["Removal"] = 16] = "Removal";
     QPEditablePart[QPEditablePart["All"] = 255] = "All";
     QPEditablePart[QPEditablePart["NoAddition"] = -9] = "NoAddition";
     QPEditablePart[QPEditablePart["NoRemoval"] = -17] = "NoRemoval";
-    QPEditablePart[QPEditablePart["FixedConditionList"] = 5] = "FixedConditionList";
+    QPEditablePart[QPEditablePart["FixedConditionList"] = 3] = "FixedConditionList";
 })(exports.QPEditablePart || (exports.QPEditablePart = {}));
 
 class TextRenderer {
@@ -5940,7 +5993,8 @@ class ConditionRenderer {
         return this.element;
     }
     isEditable() {
-        return this.condition.enabled && !this.condition.isReadOnly();
+        return this.condition.enabled && !this.condition.isReadOnly()
+            && !(this.condition.isGroup() && this.panel.isFixed());
     }
 }
 class SimpleConditionRenderer extends ConditionRenderer {
@@ -6065,7 +6119,7 @@ class SimpleConditionRenderer extends ConditionRenderer {
         return null;
     }
     renderCheckbox() {
-        if (this.panel.options.showCheckboxes && !this.condition.isReadOnly()) {
+        if (this.panel.options.showCheckboxes && !this.condition.isReadOnly() && !this.panel.isFixed()) {
             return ui.domel("div")
                 .title(core$1.i18n.getText('CmdToggleEnable'))
                 .attr('tabIndex', '0')
@@ -6292,7 +6346,8 @@ class SimpleConditionRenderer extends ConditionRenderer {
                 });
             });
         }
-        if (this.getButtonsToShow().indexOf("enable") >= 0 && this.condition.getParent() && this.condition.getParent().enabled) {
+        if (this.getButtonsToShow().indexOf("enable") >= 0 && this.condition.getParent() && this.condition.getParent().enabled
+            && !this.panel.options.showCheckboxes && !this.panel.isFixed()) {
             builder.addChild("div", b => {
                 b.addClass(`${this.cssPrefix}-button-placeholder`)
                     .data("btnplaceholder", "")
@@ -6330,7 +6385,7 @@ class SimpleConditionRenderer extends ConditionRenderer {
                 });
             });
         }
-        if (this.getButtonsToShow().indexOf("menu") >= 0) {
+        if (this.getButtonsToShow().indexOf("menu") >= 0 && !this.panel.isFixed()) {
             builder.addChild("div", b => {
                 b.addClass(`${this.cssPrefix}-button-placeholder`)
                     .data("btnplaceholder", "")
@@ -7691,7 +7746,8 @@ class QueryPanel extends core.Widget {
             onOperatorRendered: null,
             onGetAddRowRenderer: null,
             defaultQuery: null,
-            showIndicatorOnLoad: true
+            showIndicatorOnLoad: true,
+            editMode: exports.ConditionsEditMode.Default
         };
         this.customQuery = null;
         this.landingSlot = ui.domel('div')
@@ -7722,8 +7778,9 @@ class QueryPanel extends core.Widget {
         //detach previously defined query observer (if any)
         this.detachQueryObserver();
         this.attachQueryObserver();
+        this.convertEditModelToEditableParts();
         ui.eqDragManager.removeDropContainer(this.slot);
-        if (this.options.allowDragDrop) {
+        if (this.options.allowDragDrop && (this.options.editableParts & exports.QPEditablePart.Addition) == exports.QPEditablePart.Addition) {
             const model = this.getContext().getModel();
             ui.eqDragManager.registerDropContainer({
                 element: this.slot,
@@ -7759,6 +7816,22 @@ class QueryPanel extends core.Widget {
             });
         }
     }
+    convertEditModelToEditableParts() {
+        // Convert editMode to editableParts for backward compatibility
+        if (this.options.editMode !== exports.ConditionsEditMode.Default) {
+            switch (this.options.editMode) {
+                case exports.ConditionsEditMode.ReadOnly:
+                    this.options.editableParts = exports.QPEditablePart.None;
+                    break;
+                case exports.ConditionsEditMode.FixedList:
+                    this.options.editableParts = exports.QPEditablePart.FixedConditionList;
+                    break;
+                default:
+                    this.options.editableParts = exports.QPEditablePart.All;
+                    break;
+            }
+        }
+    }
     destroyCore() {
         ui.eqDragManager.removeDropContainer(this.slot);
         this.detachQueryObserver();
@@ -7895,6 +7968,31 @@ class QueryPanel extends core.Widget {
         }
         return this.context.getQuery();
     }
+    /**
+     * Gets `true` if the query panel is in read-only mode. Otherwise - `false`.
+     */
+    isReadOnly() {
+        return (this.options.editableParts == exports.QPEditablePart.None);
+    }
+    /**
+     * Gets `true` if the query panel is in FixedList edit mode. Otherwise - `false`.
+     */
+    isFixed() {
+        return this.options.editableParts < exports.QPEditablePart.Attribute;
+    }
+    /**
+     * Gets or sets the current edit mode. When setting, automatically refreshes the widget.
+     */
+    get editMode() {
+        return this.options.editMode || exports.ConditionsEditMode.Default;
+    }
+    set editMode(value) {
+        if (this.options.editMode !== value) {
+            this.options.editMode = value;
+            this.convertEditModelToEditableParts();
+            this.refresh();
+        }
+    }
     refreshCore() {
         this.clear();
         this.render();
@@ -7940,7 +8038,7 @@ class QueryPanel extends core.Widget {
             if (renderer) {
                 renderer.render();
             }
-            if (this.options.showAddRow) {
+            if (this.options.showAddRow && (this.options.editableParts & exports.QPEditablePart.Addition) == exports.QPEditablePart.Addition) {
                 this.addRowElement = ui.domel('div', this.slot)
                     .toDOM();
                 const addrowRenderer = this.getAddRowRenderer(this.addRowElement);

package/dist/easyquery.ui.esm.js

@@ -613,10 +613,39 @@ class EntitiesPanel extends Widget {
 
 var ColumnsEditMode;
 (function (ColumnsEditMode) {
+    /**
+     * ReadOnly edit mode allows to view columns but doesn't allow to change them.
+     */
     ColumnsEditMode[ColumnsEditMode["ReadOnly"] = 0] = "ReadOnly";
+    /**
+     * FixedList edit mode allows to edit some columns parameters (formats, sorting) and change their order
+     * but doesn't allow to add or delete columns.
+     */
     ColumnsEditMode[ColumnsEditMode["FixedList"] = 16] = "FixedList";
+    /**
+     * Full edit mode allows to add, delete and change columns in any way.
+     */
     ColumnsEditMode[ColumnsEditMode["Full"] = 255] = "Full";
 })(ColumnsEditMode || (ColumnsEditMode = {}));
+var ConditionsEditMode;
+(function (ConditionsEditMode) {
+    /**
+     * No edit mode means that conditions are not editable at all.
+     */
+    ConditionsEditMode[ConditionsEditMode["Default"] = 0] = "Default";
+    /**
+     * ReadOnly edit mode allows to view conditions but doesn't allow to change them, including the condition type, operator, value, etc.
+     */
+    ConditionsEditMode[ConditionsEditMode["ReadOnly"] = 1] = "ReadOnly";
+    /**
+     * FixedList edit mode allows to modify some parameters of conditions (like their operators or values) but doesn't allow to add or delete conditions.
+     */
+    ConditionsEditMode[ConditionsEditMode["FixedList"] = 16] = "FixedList";
+    /**
+     * Full edit mode allows to add, delete and change conditions in any way.
+     */
+    ConditionsEditMode[ConditionsEditMode["Full"] = 255] = "Full";
+})(ConditionsEditMode || (ConditionsEditMode = {}));
 
 class MenuLevel {
     get applyItem() {
@@ -3360,6 +3389,18 @@ class ColumnsPanel extends Widget {
     getWidgetType() {
         return 'columnsPanel';
     }
+    /**
+     * Gets or sets the current edit mode. When setting, automatically refreshes the widget.
+     */
+    get editMode() {
+        return this.options.editMode || ColumnsEditMode.Full;
+    }
+    set editMode(value) {
+        if (this.options.editMode !== value) {
+            this.options.editMode = value;
+            this.refresh();
+        }
+    }
     init(context, options) {
         super.init(context, options);
         this.setOptions(options);
@@ -4753,6 +4794,18 @@ class ColumnsBar extends Widget {
         // Only allow drag-drop in All and FixedList modes
         return this.options.allowDragDrop && this.options.editMode > ColumnsEditMode.ReadOnly;
     }
+    /**
+     * Gets or sets the current edit mode. When setting, automatically refreshes the widget.
+     */
+    get editMode() {
+        return this.options.editMode || ColumnsEditMode.Full;
+    }
+    set editMode(value) {
+        if (this.options.editMode !== value) {
+            this.options.editMode = value;
+            this.refresh();
+        }
+    }
     init(context, options) {
         super.init(context, options);
         this.setOptions(options);
@@ -5859,14 +5912,14 @@ var QPEditablePart;
 (function (QPEditablePart) {
     QPEditablePart[QPEditablePart["None"] = 0] = "None";
     QPEditablePart[QPEditablePart["Value"] = 1] = "Value";
-    QPEditablePart[QPEditablePart["Attribute"] = 2] = "Attribute";
-    QPEditablePart[QPEditablePart["Operator"] = 4] = "Operator";
+    QPEditablePart[QPEditablePart["Operator"] = 2] = "Operator";
+    QPEditablePart[QPEditablePart["Attribute"] = 4] = "Attribute";
     QPEditablePart[QPEditablePart["Addition"] = 8] = "Addition";
     QPEditablePart[QPEditablePart["Removal"] = 16] = "Removal";
     QPEditablePart[QPEditablePart["All"] = 255] = "All";
     QPEditablePart[QPEditablePart["NoAddition"] = -9] = "NoAddition";
     QPEditablePart[QPEditablePart["NoRemoval"] = -17] = "NoRemoval";
-    QPEditablePart[QPEditablePart["FixedConditionList"] = 5] = "FixedConditionList";
+    QPEditablePart[QPEditablePart["FixedConditionList"] = 3] = "FixedConditionList";
 })(QPEditablePart || (QPEditablePart = {}));
 
 class TextRenderer {
@@ -5938,7 +5991,8 @@ class ConditionRenderer {
         return this.element;
     }
     isEditable() {
-        return this.condition.enabled && !this.condition.isReadOnly();
+        return this.condition.enabled && !this.condition.isReadOnly()
+            && !(this.condition.isGroup() && this.panel.isFixed());
     }
 }
 class SimpleConditionRenderer extends ConditionRenderer {
@@ -6063,7 +6117,7 @@ class SimpleConditionRenderer extends ConditionRenderer {
         return null;
     }
     renderCheckbox() {
-        if (this.panel.options.showCheckboxes && !this.condition.isReadOnly()) {
+        if (this.panel.options.showCheckboxes && !this.condition.isReadOnly() && !this.panel.isFixed()) {
             return domel("div")
                 .title(i18n.getText('CmdToggleEnable'))
                 .attr('tabIndex', '0')
@@ -6290,7 +6344,8 @@ class SimpleConditionRenderer extends ConditionRenderer {
                 });
             });
         }
-        if (this.getButtonsToShow().indexOf("enable") >= 0 && this.condition.getParent() && this.condition.getParent().enabled) {
+        if (this.getButtonsToShow().indexOf("enable") >= 0 && this.condition.getParent() && this.condition.getParent().enabled
+            && !this.panel.options.showCheckboxes && !this.panel.isFixed()) {
             builder.addChild("div", b => {
                 b.addClass(`${this.cssPrefix}-button-placeholder`)
                     .data("btnplaceholder", "")
@@ -6328,7 +6383,7 @@ class SimpleConditionRenderer extends ConditionRenderer {
                 });
             });
         }
-        if (this.getButtonsToShow().indexOf("menu") >= 0) {
+        if (this.getButtonsToShow().indexOf("menu") >= 0 && !this.panel.isFixed()) {
             builder.addChild("div", b => {
                 b.addClass(`${this.cssPrefix}-button-placeholder`)
                     .data("btnplaceholder", "")
@@ -7689,7 +7744,8 @@ class QueryPanel extends Widget {
             onOperatorRendered: null,
             onGetAddRowRenderer: null,
             defaultQuery: null,
-            showIndicatorOnLoad: true
+            showIndicatorOnLoad: true,
+            editMode: ConditionsEditMode.Default
         };
         this.customQuery = null;
         this.landingSlot = domel('div')
@@ -7720,8 +7776,9 @@ class QueryPanel extends Widget {
         //detach previously defined query observer (if any)
         this.detachQueryObserver();
         this.attachQueryObserver();
+        this.convertEditModelToEditableParts();
         eqDragManager.removeDropContainer(this.slot);
-        if (this.options.allowDragDrop) {
+        if (this.options.allowDragDrop && (this.options.editableParts & QPEditablePart.Addition) == QPEditablePart.Addition) {
             const model = this.getContext().getModel();
             eqDragManager.registerDropContainer({
                 element: this.slot,
@@ -7757,6 +7814,22 @@ class QueryPanel extends Widget {
             });
         }
     }
+    convertEditModelToEditableParts() {
+        // Convert editMode to editableParts for backward compatibility
+        if (this.options.editMode !== ConditionsEditMode.Default) {
+            switch (this.options.editMode) {
+                case ConditionsEditMode.ReadOnly:
+                    this.options.editableParts = QPEditablePart.None;
+                    break;
+                case ConditionsEditMode.FixedList:
+                    this.options.editableParts = QPEditablePart.FixedConditionList;
+                    break;
+                default:
+                    this.options.editableParts = QPEditablePart.All;
+                    break;
+            }
+        }
+    }
     destroyCore() {
         eqDragManager.removeDropContainer(this.slot);
         this.detachQueryObserver();
@@ -7893,6 +7966,31 @@ class QueryPanel extends Widget {
         }
         return this.context.getQuery();
     }
+    /**
+     * Gets `true` if the query panel is in read-only mode. Otherwise - `false`.
+     */
+    isReadOnly() {
+        return (this.options.editableParts == QPEditablePart.None);
+    }
+    /**
+     * Gets `true` if the query panel is in FixedList edit mode. Otherwise - `false`.
+     */
+    isFixed() {
+        return this.options.editableParts < QPEditablePart.Attribute;
+    }
+    /**
+     * Gets or sets the current edit mode. When setting, automatically refreshes the widget.
+     */
+    get editMode() {
+        return this.options.editMode || ConditionsEditMode.Default;
+    }
+    set editMode(value) {
+        if (this.options.editMode !== value) {
+            this.options.editMode = value;
+            this.convertEditModelToEditableParts();
+            this.refresh();
+        }
+    }
     refreshCore() {
         this.clear();
         this.render();
@@ -7938,7 +8036,7 @@ class QueryPanel extends Widget {
             if (renderer) {
                 renderer.render();
             }
-            if (this.options.showAddRow) {
+            if (this.options.showAddRow && (this.options.editableParts & QPEditablePart.Addition) == QPEditablePart.Addition) {
                 this.addRowElement = domel('div', this.slot)
                     .toDOM();
                 const addrowRenderer = this.getAddRowRenderer(this.addRowElement);
@@ -14532,4 +14630,4 @@ if (!Array.prototype.findIndex) {
     };
 }
 
-export { AddRowRenderer, AdvancedSearchView, AggrFuncColumnRendererCB, AggrFuncColumnRendererCP, AggrSettingsDialog, AggrSettingsRenderer, AggregationBar, AttrColumnRendererCB, AttrColumnRendererCP, AttributeExpressionRenderer, BaseElementRenderer, ChartFacet, ChartJsWidget, ChartType, ChartWidget, ColumnAction, ColumnRendererCB, ColumnRendererCP, ColumnsBar, ColumnsEditMode, ColumnsPanel, ConditionAction, ConditionGroupRenderer, ConditionGroupRowRenderer, ConditionRenderer, ConstColumnRendererCP, CustomListExpressionRenderer, CustomSqlColumnRendererCP, DataFilterView, DataTableFacet, DateTimeExpressionRenderer, DomDropDownElementBuilder, DropDownRenderer, EasyGridWidget, EntitiesPanel, EqHtmlGrid, ExportDialog, ExportWidget, ExpressionRenderer, FacetContainer, FacetType, FilterBar, GoogleChartWidget, Grid, HtmlContentWidget, HtmlDataFilterView, InputExpressionRenderer, ListExpressionRenderer, ManageDrillDownWidget, OperatorRenderer, PivotTableFacet, PopupMenu, ProcessWidget, QPEditablePart, QueryPanel, ReportView, ResultFacet, ResultFacetsPanel, SimpleConditionRenderer, SortingBar, SqlListExpressionRenderer, StatementPanel, SubQueryExpressionRenderer, TextRenderer, View, dropdown };
+export { AddRowRenderer, AdvancedSearchView, AggrFuncColumnRendererCB, AggrFuncColumnRendererCP, AggrSettingsDialog, AggrSettingsRenderer, AggregationBar, AttrColumnRendererCB, AttrColumnRendererCP, AttributeExpressionRenderer, BaseElementRenderer, ChartFacet, ChartJsWidget, ChartType, ChartWidget, ColumnAction, ColumnRendererCB, ColumnRendererCP, ColumnsBar, ColumnsEditMode, ColumnsPanel, ConditionAction, ConditionGroupRenderer, ConditionGroupRowRenderer, ConditionRenderer, ConditionsEditMode, ConstColumnRendererCP, CustomListExpressionRenderer, CustomSqlColumnRendererCP, DataFilterView, DataTableFacet, DateTimeExpressionRenderer, DomDropDownElementBuilder, DropDownRenderer, EasyGridWidget, EntitiesPanel, EqHtmlGrid, ExportDialog, ExportWidget, ExpressionRenderer, FacetContainer, FacetType, FilterBar, GoogleChartWidget, Grid, HtmlContentWidget, HtmlDataFilterView, InputExpressionRenderer, ListExpressionRenderer, ManageDrillDownWidget, OperatorRenderer, PivotTableFacet, PopupMenu, ProcessWidget, QPEditablePart, QueryPanel, ReportView, ResultFacet, ResultFacetsPanel, SimpleConditionRenderer, SortingBar, SqlListExpressionRenderer, StatementPanel, SubQueryExpressionRenderer, TextRenderer, View, dropdown };

package/dist/types/types/qp_editable_part.d.ts

@@ -4,12 +4,12 @@
 export declare enum QPEditablePart {
     None = 0,
     Value = 1,
-    Attribute = 2,
-    Operator = 4,
+    Operator = 2,
+    Attribute = 4,
     Addition = 8,
     Removal = 16,
     All = 255,
     NoAddition = -9,
     NoRemoval = -17,
-    FixedConditionList = 5
+    FixedConditionList = 3
 }

package/dist/types/widgets/columns_bar.d.ts

@@ -1,6 +1,6 @@
 import { EqContext, Query, QueryColumn, Widget } from '@easyquery/core';
 import { PopupMenu } from '../utils/popup_menu';
-import { ColumnsBarOptions } from './widget_options';
+import { ColumnsBarOptions, ColumnsEditMode } from './widget_options';
 export declare class ColumnsBar extends Widget {
     private static globalCounter;
     options: ColumnsBarOptions;
@@ -21,6 +21,11 @@ export declare class ColumnsBar extends Widget {
     constructor(slot: HTMLElement, customQuery?: Query);
     getWidgetType(): string;
     isDraggable(): boolean;
+    /**
+     * Gets or sets the current edit mode. When setting, automatically refreshes the widget.
+     */
+    get editMode(): ColumnsEditMode;
+    set editMode(value: ColumnsEditMode);
     init(context: EqContext, options?: ColumnsBarOptions): void;
     private attachQueryObserver;
     getQuery(): Query;

package/dist/types/widgets/columns_panel.d.ts

@@ -1,5 +1,5 @@
 import { EqContext, QueryColumn, Widget } from '@easyquery/core';
-import { ColumnsPanelOptions } from './widget_options';
+import { ColumnsEditMode, ColumnsPanelOptions } from './widget_options';
 import { PopupMenu } from '../utils/popup_menu';
 export declare class ColumnsPanel extends Widget {
     options: ColumnsPanelOptions;
@@ -14,6 +14,11 @@ export declare class ColumnsPanel extends Widget {
     protected get cssPrefix(): string;
     constructor(slot: HTMLElement);
     getWidgetType(): string;
+    /**
+     * Gets or sets the current edit mode. When setting, automatically refreshes the widget.
+     */
+    get editMode(): ColumnsEditMode;
+    set editMode(value: ColumnsEditMode);
     init(context: EqContext, options?: ColumnsPanelOptions): void;
     protected renderBaseElements(): void;
     protected destroyCore(): void;

package/dist/types/widgets/query_panel.d.ts

@@ -1,6 +1,6 @@
 import { Widget, EqContext, Condition, Expression, Query } from '@easyquery/core';
 import { PopupMenu, PopupMenuOptions } from '../utils/popup_menu';
-import { QueryPanelOptions } from './widget_options';
+import { ConditionsEditMode, QueryPanelOptions } from './widget_options';
 import { ConditionRenderer } from './renderers/querypanel/condition_renderer';
 import { ExpressionRenderer } from './renderers/querypanel/expression_renderer';
 import { BaseElementRenderer } from './renderers/base_element_renderer';
@@ -32,6 +32,7 @@ export declare class QueryPanel extends Widget {
      * @param options The options.
      */
     init(context: EqContext, options?: QueryPanelOptions): void;
+    private convertEditModelToEditableParts;
     protected destroyCore(): void;
     getEntitiesMenu(): PopupMenu;
     getConditionMenu(): PopupMenu;
@@ -40,6 +41,19 @@ export declare class QueryPanel extends Widget {
     private attachQueryObserver;
     private detachQueryObserver;
     getQuery(): Query;
+    /**
+     * Gets `true` if the query panel is in read-only mode. Otherwise - `false`.
+     */
+    isReadOnly(): boolean;
+    /**
+     * Gets `true` if the query panel is in FixedList edit mode. Otherwise - `false`.
+     */
+    isFixed(): boolean;
+    /**
+     * Gets or sets the current edit mode. When setting, automatically refreshes the widget.
+     */
+    get editMode(): ConditionsEditMode;
+    set editMode(value: ConditionsEditMode);
     protected refreshCore(): void;
     protected setOptions(options?: QueryPanelOptions): void;
     protected clear(): void;

package/dist/types/widgets/widget_options.d.ts

@@ -16,8 +16,36 @@ export interface UseInOptions {
     useInSorting: boolean;
 }
 export declare enum ColumnsEditMode {
+    /**
+     * ReadOnly edit mode allows to view columns but doesn't allow to change them.
+     */
     ReadOnly = 0,
+    /**
+     * FixedList edit mode allows to edit some columns parameters (formats, sorting) and change their order
+     * but doesn't allow to add or delete columns.
+     */
     FixedList = 16,
+    /**
+     * Full edit mode allows to add, delete and change columns in any way.
+     */
+    Full = 255
+}
+export declare enum ConditionsEditMode {
+    /**
+     * No edit mode means that conditions are not editable at all.
+     */
+    Default = 0,
+    /**
+     * ReadOnly edit mode allows to view conditions but doesn't allow to change them, including the condition type, operator, value, etc.
+     */
+    ReadOnly = 1,
+    /**
+     * FixedList edit mode allows to modify some parameters of conditions (like their operators or values) but doesn't allow to add or delete conditions.
+     */
+    FixedList = 16,
+    /**
+     * Full edit mode allows to add, delete and change conditions in any way.
+     */
     Full = 255
 }
 /** EntitiesPanel options */
@@ -173,7 +201,7 @@ export interface ColumnsPanelOptions {
     showAddAllForEntity?: boolean;
     /** Gets or sets a value indicating whether a progress indicator should appear while the model is loading */
     showIndicatorOnLoad?: boolean;
-    /** Gets or sets the edit mode option: All, FixedList or ReadOnly */
+    /** Gets or sets the edit mode option: Full, FixedList or ReadOnly */
     editMode?: ColumnsEditMode;
     [name: string]: any;
 }
@@ -352,6 +380,8 @@ export interface QueryPanelOptions {
     adjustEntitiesMenuHeight?: boolean;
     domWriteItemsId?: boolean;
     dateTimePickerResolver?: (options: DateTimePickerOptions) => DateTimePicker;
+    /** Gets or sets the edit mode option: Full, FixedList or ReadOnly */
+    editMode?: ConditionsEditMode;
 }
 /**
  * Grid options type.
@@ -361,8 +391,6 @@ export interface GridOptions {
     beforeTableRendering?: (dataTable: EasyDataTable) => void;
     /** Function thart formats column header */
     formatColumnHeader?: (dataTable: EasyDataTable, index: number, colLabel: string) => string;
-    /** A callback function that allows users to format value in a particular cell */
-    formatGridCell?: (dataTable: EasyDataTable, rowIndex: number, colIndex: number, text: string) => string;
     /** pageItem css class */
     pageItemCssClass?: string;
     /** Max count of buttons */

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@easyquery/ui",
-    "version": "7.4.0-rc04",
+    "version": "7.4.0",
     "description": "EasyQuery.JS Community UI widgets",
     "types": "./dist/types/public_api.d.ts",
     "main": "./dist/easyquery.ui.cjs.js",
@@ -30,7 +30,7 @@
     "bugs": "https://korzh.com/support",
     "license": "LGPL-3.0",
     "peerDependencies": {
-        "@easyquery/core": "^7.4.0-rc04"
+        "@easyquery/core": "^7.4.0"
     },
     "files": [
         "dist",