@easyquery/ui 7.4.0 → 7.4.1-rc02

package/dist/assets/css/easyquery.ui.css

@@ -4692,7 +4692,7 @@ input.eqjs-invalid {
     padding: 0;
     position: absolute;
     right: 0;
-    display: flex;
+    /*display: flex;*/
     align-items: center;
     justify-content: flex-end;
     /*border: 1px solid red;*/
@@ -5073,16 +5073,6 @@ input.eqjs-invalid {
     color: #ffffff;
 }
 
-/* Debug styles */
-
-/*.eqjs-qc-row {*/
-/*    border: 1px solid blue;*/
-/*}*/
-
-/*.eqjs-qc-expr-block a, .eqjs-qc-captionelement a {*/
-/*    border: 1px solid red!important;*/
-/*}*/
-
 /* Mobile */
 .eqjs-qc-row.eqjs-mobile, .eqjs-qp-row.eqjs-mobile {
     padding: 4px 8px;
@@ -5097,13 +5087,38 @@ input.eqjs-invalid {
     top: 6px;
 }
 
+.eqjs-menu-scrollDiv.eqjs-mobile {
+    height: calc(100vh - 50px)!important;
+    max-height: calc(100vh - 50px)!important;
+}
+
+.eqjs-qp-row.eqjs-mobile {
+    padding: 0 10px;
+    margin: 4px 4px 0 4px;
+}
+
+.eqjs-qp-row-group.eqjs-mobile {
+    padding: 4px 10px!important;
+}
+
+.eqjs-qp-condition-buttonsBlock.eqjs-mobile {
+    top: 0!important;
+}
+
+.eqjs-cb-addrow.eqjs-mobile a, .eqjs-sb-addrow.eqjs-mobile a {
+    background: none!important;
+}
+
+.eqjs-qc-row.eqjs-mobile {
+    border-style: solid;
+}
+
 /* Legacy */
 .eqjs-addrow > a:hover {
     text-decoration: none;
     border-bottom: 1px dashed;
 }
 
-/* Legacy */
 .eqjs-qc-captionelement {
     border: 1px solid transparent;
     padding: 2px;
@@ -5114,25 +5129,9 @@ input.eqjs-invalid {
     width: auto;
 }
 
-.eqjs-qp-row {
-    padding: 0 10px!important;
-}
 .eqjs-qp-condition-buttonsBlock, .eqjs-facets-total-buttons {
     margin-right: 10px;
 }
-
-.eqjs-qp-row.eqjs-mobile {
-    border-style: solid!important;
-    margin: 0 4px;
-}
-
-.eqjs-qp-condition-buttonsBlock.eqjs-mobile {
-    top: 0!important;
-}
-
-.eqjs-cb-addrow.eqjs-mobile a, .eqjs-sb-addrow.eqjs-mobile a {
-    background: none!important;
-}
 
 /*setting to all page */
 #eqv-main{

package/dist/assets/css/upgrade.css

@@ -14,7 +14,7 @@
     padding: 0;
     position: absolute;
     right: 0;
-    display: flex;
+    /*display: flex;*/
     align-items: center;
     justify-content: flex-end;
     /*border: 1px solid red;*/
@@ -393,16 +393,6 @@
     color: #ffffff;
 }
 
-/* Debug styles */
-
-/*.eqjs-qc-row {*/
-/*    border: 1px solid blue;*/
-/*}*/
-
-/*.eqjs-qc-expr-block a, .eqjs-qc-captionelement a {*/
-/*    border: 1px solid red!important;*/
-/*}*/
-
 /* Mobile */
 .eqjs-qc-row.eqjs-mobile, .eqjs-qp-row.eqjs-mobile {
     padding: 4px 8px;
@@ -417,13 +407,38 @@
     top: 6px;
 }
 
+.eqjs-menu-scrollDiv.eqjs-mobile {
+    height: calc(100vh - 50px)!important;
+    max-height: calc(100vh - 50px)!important;
+}
+
+.eqjs-qp-row.eqjs-mobile {
+    padding: 0 10px;
+    margin: 4px 4px 0 4px;
+}
+
+.eqjs-qp-row-group.eqjs-mobile {
+    padding: 4px 10px!important;
+}
+
+.eqjs-qp-condition-buttonsBlock.eqjs-mobile {
+    top: 0!important;
+}
+
+.eqjs-cb-addrow.eqjs-mobile a, .eqjs-sb-addrow.eqjs-mobile a {
+    background: none!important;
+}
+
+.eqjs-qc-row.eqjs-mobile {
+    border-style: solid;
+}
+
 /* Legacy */
 .eqjs-addrow > a:hover {
     text-decoration: none;
     border-bottom: 1px dashed;
 }
 
-/* Legacy */
 .eqjs-qc-captionelement {
     border: 1px solid transparent;
     padding: 2px;
@@ -434,22 +449,6 @@
     width: auto;
 }
 
-.eqjs-qp-row {
-    padding: 0 10px!important;
-}
 .eqjs-qp-condition-buttonsBlock, .eqjs-facets-total-buttons {
     margin-right: 10px;
 }
-
-.eqjs-qp-row.eqjs-mobile {
-    border-style: solid!important;
-    margin: 0 4px;
-}
-
-.eqjs-qp-condition-buttonsBlock.eqjs-mobile {
-    top: 0!important;
-}
-
-.eqjs-cb-addrow.eqjs-mobile a, .eqjs-sb-addrow.eqjs-mobile a {
-    background: none!important;
-}

package/dist/easyquery.ui.cjs.js

@@ -8439,7 +8439,7 @@ class FilterBar extends core.Widget {
         ui.domel(this.headerTextElement)
             .text(text)
             .attr('title', text);
-        if (!query || query.isEmptyConditions()) { //empty query, don't show query panel and arrow, show link in header
+        if (!query || query.isEmptyConditions()) { //empty query, don't show query panel and arrow, show a link in the header
             ui.domel(this.headerTextElement).hide();
             ui.domel(this.headerLinkElement).show();
             if (!ui.domel(this.qpBlock).isVisible()) {
@@ -8465,6 +8465,7 @@ class FilterBar extends core.Widget {
         this.textResize();
     }
     render() {
+        this.slot.innerHTML = '';
         ui.domel(this.slot)
             .addClass(`${this.cssPrefix}-container`)
             .addClass(getMobileCssClass())
@@ -8543,14 +8544,13 @@ class FilterBar extends core.Widget {
         });
         this.updateHeader();
         this.queryPanel.refresh();
-        setTimeout(() => this.textResize(), 500);
     }
     refreshCore() {
         this.clear();
         this.render();
     }
     clear() {
-        this.slot.innerHTML = "";
+        this.slot.innerHTML = '';
     }
     applyFilter() {
         if (this.options.applyFilterCallback) {
@@ -8577,7 +8577,12 @@ class FilterBar extends core.Widget {
     attachQueryObserver() {
         const query = this.getContext().getQuery();
         this.queryEventCallbackId = query.addChangedCallback(event => {
-            this.updateHeader();
+            if (this.headerElement) {
+                this.updateHeader();
+            }
+            else {
+                this.render();
+            }
         });
     }
     detachQueryObserver() {
@@ -12389,7 +12394,7 @@ class View {
                 this.domRoots = this.domRoots.concat(options.shadowRoots);
             this.viewOptions = this.initOptions(options);
             this.resultOptions = core$1.utils.assignDeep(this.defaultViewOptions.result, this.viewOptions.result);
-            this.initWidgets(this.viewOptions);
+            this.createWidgets(this.viewOptions);
             this.context.init(this.viewOptions);
             this.initDone();
         }
@@ -12417,7 +12422,7 @@ class View {
         options.widgets.exportWidget.enableExport = this.enableExport;
         return options;
     }
-    initWidgets(options) {
+    createWidgets(options) {
         let queryPanel = "QueryPanel";
         let columnsPanel = "ColumnsPanel";
         let entitiesPanel = "EntitiesPanel";
@@ -12959,8 +12964,8 @@ class AdvancedSearchView extends View {
         }
         return options;
     }
-    initWidgets(options) {
-        super.initWidgets(options);
+    createWidgets(options) {
+        super.createWidgets(options);
         let exportClass = "eqjs-export";
         let queryContentInputId = "QueryContentJson";
         let clearQueryButtonId = "ClearQueryButton";
@@ -13575,8 +13580,8 @@ class DataFilterView extends View {
         this.context.addEventListener('ready', this.fetchData.bind(this));
         return options;
     }
-    initWidgets(options) {
-        super.initWidgets(options);
+    createWidgets(options) {
+        super.createWidgets(options);
         if (this.sortingBarWidget) {
             this.context.getQuery().addChangedCallback((ev) => {
                 const edata = ev.data;
@@ -13754,8 +13759,8 @@ class ReportView extends View {
             });
         }, 100);
     }
-    initWidgets(options) {
-        super.initWidgets(options);
+    createWidgets(options) {
+        super.createWidgets(options);
         let clearReportButton = "ClearReportButton";
         let newReportButton = "NewReportButton";
         let loadReportButton = "LoadReportButton";

package/dist/easyquery.ui.esm.js

@@ -8437,7 +8437,7 @@ class FilterBar extends Widget {
         domel(this.headerTextElement)
             .text(text)
             .attr('title', text);
-        if (!query || query.isEmptyConditions()) { //empty query, don't show query panel and arrow, show link in header
+        if (!query || query.isEmptyConditions()) { //empty query, don't show query panel and arrow, show a link in the header
             domel(this.headerTextElement).hide();
             domel(this.headerLinkElement).show();
             if (!domel(this.qpBlock).isVisible()) {
@@ -8463,6 +8463,7 @@ class FilterBar extends Widget {
         this.textResize();
     }
     render() {
+        this.slot.innerHTML = '';
         domel(this.slot)
             .addClass(`${this.cssPrefix}-container`)
             .addClass(getMobileCssClass())
@@ -8541,14 +8542,13 @@ class FilterBar extends Widget {
         });
         this.updateHeader();
         this.queryPanel.refresh();
-        setTimeout(() => this.textResize(), 500);
     }
     refreshCore() {
         this.clear();
         this.render();
     }
     clear() {
-        this.slot.innerHTML = "";
+        this.slot.innerHTML = '';
     }
     applyFilter() {
         if (this.options.applyFilterCallback) {
@@ -8575,7 +8575,12 @@ class FilterBar extends Widget {
     attachQueryObserver() {
         const query = this.getContext().getQuery();
         this.queryEventCallbackId = query.addChangedCallback(event => {
-            this.updateHeader();
+            if (this.headerElement) {
+                this.updateHeader();
+            }
+            else {
+                this.render();
+            }
         });
     }
     detachQueryObserver() {
@@ -12387,7 +12392,7 @@ class View {
                 this.domRoots = this.domRoots.concat(options.shadowRoots);
             this.viewOptions = this.initOptions(options);
             this.resultOptions = utils.assignDeep(this.defaultViewOptions.result, this.viewOptions.result);
-            this.initWidgets(this.viewOptions);
+            this.createWidgets(this.viewOptions);
             this.context.init(this.viewOptions);
             this.initDone();
         }
@@ -12415,7 +12420,7 @@ class View {
         options.widgets.exportWidget.enableExport = this.enableExport;
         return options;
     }
-    initWidgets(options) {
+    createWidgets(options) {
         let queryPanel = "QueryPanel";
         let columnsPanel = "ColumnsPanel";
         let entitiesPanel = "EntitiesPanel";
@@ -12957,8 +12962,8 @@ class AdvancedSearchView extends View {
         }
         return options;
     }
-    initWidgets(options) {
-        super.initWidgets(options);
+    createWidgets(options) {
+        super.createWidgets(options);
         let exportClass = "eqjs-export";
         let queryContentInputId = "QueryContentJson";
         let clearQueryButtonId = "ClearQueryButton";
@@ -13573,8 +13578,8 @@ class DataFilterView extends View {
         this.context.addEventListener('ready', this.fetchData.bind(this));
         return options;
     }
-    initWidgets(options) {
-        super.initWidgets(options);
+    createWidgets(options) {
+        super.createWidgets(options);
         if (this.sortingBarWidget) {
             this.context.getQuery().addChangedCallback((ev) => {
                 const edata = ev.data;
@@ -13752,8 +13757,8 @@ class ReportView extends View {
             });
         }, 100);
     }
-    initWidgets(options) {
-        super.initWidgets(options);
+    createWidgets(options) {
+        super.createWidgets(options);
         let clearReportButton = "ClearReportButton";
         let newReportButton = "NewReportButton";
         let loadReportButton = "LoadReportButton";

package/dist/types/views/adv_search_view.d.ts

@@ -45,7 +45,7 @@ export declare class AdvancedSearchView extends View {
     constructor();
     protected refreshQueryList(): void;
     protected initOptions(options: EqViewOptions): EqViewOptions;
-    protected initWidgets(options?: EqViewOptions): void;
+    protected createWidgets(options?: EqViewOptions): void;
     protected initDone(): void;
     /**
     * Sends current query to the backend.

package/dist/types/views/data_filter_view.d.ts

@@ -6,7 +6,7 @@ import { View } from './view';
 export declare class DataFilterView extends View {
     constructor();
     protected initOptions(options?: EqViewOptions): EqViewOptions;
-    protected initWidgets(options?: EqViewOptions): void;
+    protected createWidgets(options?: EqViewOptions): void;
     /**
      * Obsolete. Left for backward compatibility.
      * Use fetchData() instead

package/dist/types/views/report_view.d.ts

@@ -45,7 +45,7 @@ export declare class ReportView extends View {
     constructor();
     protected initOptions(options?: ReportViewOptions): ReportViewOptions;
     protected initDone(): void;
-    protected initWidgets(options?: ReportViewOptions): void;
+    protected createWidgets(options?: ReportViewOptions): void;
     private _reportSaveTemplate;
     /**
     * Creates a new report.

package/dist/types/views/view.d.ts

@@ -31,7 +31,7 @@ export declare abstract class View {
     getDialogService(): DialogService;
     init(options: EqViewOptions): void;
     protected initOptions(options?: EqViewOptions): EqViewOptions;
-    protected initWidgets(options?: EqViewOptions): void;
+    protected createWidgets(options?: EqViewOptions): void;
     protected initDone(): void;
     protected resolveElement(elementOrId: string | HTMLElement): HTMLElement;
     protected resolveElementsByClassName(className: string): Element[];

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@easyquery/ui",
-    "version": "7.4.0",
+    "version": "7.4.1-rc02",
     "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"
+        "@easyquery/core": "^7.4.1-rc02"
     },
     "files": [
         "dist",