@syncfusion/ej2-querybuilder 19.2.60 → 19.3.53
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.eslintrc.json +1 -1
- package/CHANGELOG.md +17 -0
- package/dist/ej2-querybuilder.umd.min.js +2 -2
- package/dist/ej2-querybuilder.umd.min.js.map +1 -1
- package/dist/es6/ej2-querybuilder.es2015.js +176 -66
- package/dist/es6/ej2-querybuilder.es2015.js.map +1 -1
- package/dist/es6/ej2-querybuilder.es5.js +174 -64
- package/dist/es6/ej2-querybuilder.es5.js.map +1 -1
- package/dist/global/ej2-querybuilder.min.js +2 -2
- package/dist/global/ej2-querybuilder.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/helpers/e2e/index.d.ts +1 -0
- package/helpers/e2e/index.js +6 -0
- package/helpers/e2e/querybuilderHelper.d.ts +37 -0
- package/helpers/e2e/querybuilderHelper.js +36 -0
- package/package.json +11 -11
- package/src/query-builder/query-builder-model.d.ts +10 -3
- package/src/query-builder/query-builder.d.ts +17 -2
- package/src/query-builder/query-builder.js +174 -64
- package/styles/bootstrap5-dark.css +962 -0
- package/styles/bootstrap5-dark.scss +1 -0
- package/styles/bootstrap5.css +962 -0
- package/styles/bootstrap5.scss +1 -0
- package/styles/material-dark.css +3 -3
- package/styles/query-builder/_bootstrap5-dark-definition.scss +1 -0
- package/styles/query-builder/_bootstrap5-definition.scss +107 -0
- package/styles/query-builder/_tailwind-dark-definition.scss +1 -106
- package/styles/query-builder/_tailwind-definition.scss +17 -16
- package/styles/query-builder/_theme.scss +1 -1
- package/styles/query-builder/bootstrap5-dark.css +962 -0
- package/styles/query-builder/bootstrap5-dark.scss +15 -0
- package/styles/query-builder/bootstrap5.css +962 -0
- package/styles/query-builder/bootstrap5.scss +15 -0
- package/styles/query-builder/icons/_bootstrap5-dark.scss +1 -0
- package/styles/query-builder/icons/_bootstrap5.scss +8 -0
- package/styles/query-builder/icons/_tailwind.scss +1 -1
- package/styles/query-builder/material-dark.css +3 -3
- package/styles/query-builder/tailwind-dark.css +9 -9
- package/styles/query-builder/tailwind.css +10 -10
- package/styles/tailwind-dark.css +9 -9
- package/styles/tailwind.css +10 -10
package/dist/global/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* filename: index.d.ts
|
|
3
|
-
* version : 19.
|
|
3
|
+
* version : 19.3.53
|
|
4
4
|
* Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
|
|
5
5
|
* Use of this code is subject to the terms of our license.
|
|
6
6
|
* A copy of the current license can be obtained at any time by e-mailing
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './querybuilderHelper';
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { TestHelper } from '@syncfusion/ej2-base/helpers/e2e';
|
|
2
|
+
/**
|
|
3
|
+
* E2E test helpers for QueryBuilder to easily interact and the test the component
|
|
4
|
+
*/
|
|
5
|
+
export declare class QueryBuilderHelper extends TestHelper {
|
|
6
|
+
id: string;
|
|
7
|
+
wrapperFn: Function;
|
|
8
|
+
/**
|
|
9
|
+
* Initialize the Querybuilder E2E helpers
|
|
10
|
+
* @param id Element id of the Querybuilder element
|
|
11
|
+
* @param wrapperFn Pass the wrapper function
|
|
12
|
+
* @return Querybuilder any
|
|
13
|
+
*/
|
|
14
|
+
constructor(id: string, wrapperFn: Function);
|
|
15
|
+
/**
|
|
16
|
+
* Used to get the root element of the Querybuilder component.
|
|
17
|
+
* @return Element
|
|
18
|
+
*/
|
|
19
|
+
getElement(): any;
|
|
20
|
+
/**
|
|
21
|
+
* The setModel method is used to set values for the property. It will accepts two arguments.
|
|
22
|
+
* @param property - Specifies the name of the property whose value has to be updated.
|
|
23
|
+
* @param value - Specifies the corresponding value to the property.
|
|
24
|
+
*/
|
|
25
|
+
setModel(property: any, value: any): any;
|
|
26
|
+
/**
|
|
27
|
+
* The getModel method is used to return value for the property.
|
|
28
|
+
* @param property - Specifies the name of the property.
|
|
29
|
+
*/
|
|
30
|
+
getModel(property: any): any;
|
|
31
|
+
/**
|
|
32
|
+
* The invoke method is used to access the public methods available in Querybuilder control.
|
|
33
|
+
* @param fName - Specifies the method name of the Querybuilder control.
|
|
34
|
+
* @param args - Specifies the arguments. This is optional.
|
|
35
|
+
*/
|
|
36
|
+
invoke(fName: any, args?: any): any;
|
|
37
|
+
}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const e2e_1 = require("@syncfusion/ej2-base/helpers/e2e");
|
|
4
|
+
class QueryBuilderHelper extends e2e_1.TestHelper {
|
|
5
|
+
constructor(id, wrapperFn) {
|
|
6
|
+
super();
|
|
7
|
+
this.id = id;
|
|
8
|
+
if (wrapperFn !== undefined) {
|
|
9
|
+
this.wrapperFn = wrapperFn;
|
|
10
|
+
}
|
|
11
|
+
return this;
|
|
12
|
+
}
|
|
13
|
+
getElement() {
|
|
14
|
+
return this.selector('#' + this.id);
|
|
15
|
+
}
|
|
16
|
+
setModel(property, value) {
|
|
17
|
+
let cy;
|
|
18
|
+
return cy.get('#' + this.id).then((ele) => {
|
|
19
|
+
return ele[0].ej2_instances[0][property] = value;
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
getModel(property) {
|
|
23
|
+
let cy;
|
|
24
|
+
return cy.get('#' + this.id).then((ele) => {
|
|
25
|
+
return ele[0].ej2_instances[0][property];
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
invoke(fName, args = []) {
|
|
29
|
+
let cy;
|
|
30
|
+
return cy.get('#' + this.id).then((ele) => {
|
|
31
|
+
var inst = ele[0].ej2_instances[0];
|
|
32
|
+
return inst[fName].apply(inst, args);
|
|
33
|
+
});
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
exports.QueryBuilderHelper = QueryBuilderHelper;
|
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"_from": "@syncfusion/ej2-querybuilder@*",
|
|
3
|
-
"_id": "@syncfusion/ej2-querybuilder@19.
|
|
3
|
+
"_id": "@syncfusion/ej2-querybuilder@19.3.44",
|
|
4
4
|
"_inBundle": false,
|
|
5
|
-
"_integrity": "sha512-
|
|
5
|
+
"_integrity": "sha512-09QEK5/zsLWCUcU8dZGD2qk5aP0Vy3Ijo7Pamb7CWc0YQcwkyeaZPLkB1T1P+AUaAxsVT8NnPS9BF6trJru/Hg==",
|
|
6
6
|
"_location": "/@syncfusion/ej2-querybuilder",
|
|
7
7
|
"_phantomChildren": {},
|
|
8
8
|
"_requested": {
|
|
@@ -23,8 +23,8 @@
|
|
|
23
23
|
"/@syncfusion/ej2-react-querybuilder",
|
|
24
24
|
"/@syncfusion/ej2-vue-querybuilder"
|
|
25
25
|
],
|
|
26
|
-
"_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-querybuilder/-/ej2-querybuilder-19.
|
|
27
|
-
"_shasum": "
|
|
26
|
+
"_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-querybuilder/-/ej2-querybuilder-19.3.44.tgz",
|
|
27
|
+
"_shasum": "637c4decfba3777ceb4fe97e49962ed750d254d2",
|
|
28
28
|
"_spec": "@syncfusion/ej2-querybuilder@*",
|
|
29
29
|
"_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
|
|
30
30
|
"author": {
|
|
@@ -32,12 +32,12 @@
|
|
|
32
32
|
},
|
|
33
33
|
"bundleDependencies": false,
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@syncfusion/ej2-base": "~19.
|
|
36
|
-
"@syncfusion/ej2-buttons": "~19.
|
|
37
|
-
"@syncfusion/ej2-calendars": "~19.
|
|
38
|
-
"@syncfusion/ej2-dropdowns": "~19.
|
|
39
|
-
"@syncfusion/ej2-inputs": "~19.
|
|
40
|
-
"@syncfusion/ej2-splitbuttons": "~19.
|
|
35
|
+
"@syncfusion/ej2-base": "~19.3.53",
|
|
36
|
+
"@syncfusion/ej2-buttons": "~19.3.53",
|
|
37
|
+
"@syncfusion/ej2-calendars": "~19.3.53",
|
|
38
|
+
"@syncfusion/ej2-dropdowns": "~19.3.53",
|
|
39
|
+
"@syncfusion/ej2-inputs": "~19.3.53",
|
|
40
|
+
"@syncfusion/ej2-splitbuttons": "~19.3.53"
|
|
41
41
|
},
|
|
42
42
|
"deprecated": false,
|
|
43
43
|
"description": "Essential JS 2 QueryBuilder",
|
|
@@ -69,6 +69,6 @@
|
|
|
69
69
|
"url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/querybuilder"
|
|
70
70
|
},
|
|
71
71
|
"typings": "index.d.ts",
|
|
72
|
-
"version": "19.
|
|
72
|
+
"version": "19.3.53",
|
|
73
73
|
"sideEffects": false
|
|
74
74
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { Component, INotifyPropertyChanged, NotifyPropertyChanges, getComponent, MouseEventArgs, Browser } from '@syncfusion/ej2-base';import { Property, ChildProperty, Complex, L10n, closest, extend, isNullOrUndefined, Collection, cldrData } from '@syncfusion/ej2-base';import { getInstance, addClass, removeClass, rippleEffect, detach, classList } from '@syncfusion/ej2-base';import { Internationalization, DateFormatOptions, KeyboardEventArgs, getUniqueID, select } from '@syncfusion/ej2-base';import { Button, CheckBox, RadioButton, ChangeEventArgs as ButtonChangeEventArgs, RadioButtonModel } from '@syncfusion/ej2-buttons';import { DropDownList, ChangeEventArgs as DropDownChangeEventArgs, FieldSettingsModel, CheckBoxSelection } from '@syncfusion/ej2-dropdowns';import { MultiSelect, MultiSelectChangeEventArgs, PopupEventArgs, MultiSelectModel, DropDownListModel } from '@syncfusion/ej2-dropdowns';import { EmitType, Event, EventHandler, getValue, Animation, BaseEventArgs } from '@syncfusion/ej2-base';import { Query, Predicate, DataManager, Deferred } from '@syncfusion/ej2-data';import { TextBox, NumericTextBox, InputEventArgs, ChangeEventArgs as InputChangeEventArgs } from '@syncfusion/ej2-inputs';import { TextBoxModel, NumericTextBoxModel } from '@syncfusion/ej2-inputs';import { DatePicker, ChangeEventArgs as CalendarChangeEventArgs, DatePickerModel } from '@syncfusion/ej2-calendars';import { DropDownButton, ItemModel, MenuEventArgs } from '@syncfusion/ej2-splitbuttons';import { Tooltip, createSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';import { compile as templateCompiler } from '@syncfusion/ej2-base';
|
|
2
|
-
import {TemplateColumn,Validation,FormatObject,ActionEventArgs,ChangeEventArgs,RuleChangeEventArgs,DisplayMode,SortDirection} from "./query-builder";
|
|
1
|
+
import { Component, INotifyPropertyChanged, NotifyPropertyChanges, getComponent, MouseEventArgs, Browser } from '@syncfusion/ej2-base';import { Property, ChildProperty, Complex, L10n, closest, extend, isNullOrUndefined, Collection, cldrData } from '@syncfusion/ej2-base';import { getInstance, addClass, removeClass, rippleEffect, detach, classList } from '@syncfusion/ej2-base';import { Internationalization, DateFormatOptions, KeyboardEventArgs, getUniqueID, select } from '@syncfusion/ej2-base';import { Button, CheckBox, RadioButton, ChangeEventArgs as ButtonChangeEventArgs, RadioButtonModel } from '@syncfusion/ej2-buttons';import { DropDownList, ChangeEventArgs as DropDownChangeEventArgs, FieldSettingsModel, CheckBoxSelection, DropDownTreeModel, DropDownTree } from '@syncfusion/ej2-dropdowns';import { MultiSelect, MultiSelectChangeEventArgs, PopupEventArgs, MultiSelectModel, DropDownListModel } from '@syncfusion/ej2-dropdowns';import { EmitType, Event, EventHandler, getValue, Animation, BaseEventArgs } from '@syncfusion/ej2-base';import { Query, Predicate, DataManager, Deferred } from '@syncfusion/ej2-data';import { TextBox, NumericTextBox, InputEventArgs, ChangeEventArgs as InputChangeEventArgs } from '@syncfusion/ej2-inputs';import { TextBoxModel, NumericTextBoxModel } from '@syncfusion/ej2-inputs';import { DatePicker, ChangeEventArgs as CalendarChangeEventArgs, DatePickerModel } from '@syncfusion/ej2-calendars';import { DropDownButton, ItemModel, MenuEventArgs } from '@syncfusion/ej2-splitbuttons';import { Tooltip, createSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';import { compile as templateCompiler } from '@syncfusion/ej2-base';
|
|
2
|
+
import {TemplateColumn,Validation,FormatObject,ActionEventArgs,ChangeEventArgs,RuleChangeEventArgs,FieldMode,DisplayMode,SortDirection} from "./query-builder";
|
|
3
3
|
import {ComponentModel} from '@syncfusion/ej2-base';
|
|
4
4
|
|
|
5
5
|
/**
|
|
@@ -311,6 +311,13 @@ export interface QueryBuilderModel extends ComponentModel{
|
|
|
311
311
|
*/
|
|
312
312
|
allowValidation?: boolean;
|
|
313
313
|
|
|
314
|
+
/**
|
|
315
|
+
* Specifies the fieldMode as DropDownList or DropDownTree.
|
|
316
|
+
*
|
|
317
|
+
* @default 'Default'
|
|
318
|
+
*/
|
|
319
|
+
fieldMode?: FieldMode;
|
|
320
|
+
|
|
314
321
|
/**
|
|
315
322
|
* Specifies columns to create filters.
|
|
316
323
|
*
|
|
@@ -323,7 +330,7 @@ export interface QueryBuilderModel extends ComponentModel{
|
|
|
323
330
|
*
|
|
324
331
|
* @default null
|
|
325
332
|
*/
|
|
326
|
-
fieldModel?: DropDownListModel;
|
|
333
|
+
fieldModel?: DropDownListModel | DropDownTreeModel;
|
|
327
334
|
|
|
328
335
|
/**
|
|
329
336
|
* Specifies the property for operator.
|
|
@@ -5,6 +5,7 @@ import { Component, INotifyPropertyChanged } from '@syncfusion/ej2-base';
|
|
|
5
5
|
import { ChildProperty } from '@syncfusion/ej2-base';
|
|
6
6
|
import { QueryBuilderModel, ShowButtonsModel, ColumnsModel, RuleModel, ValueModel } from './query-builder-model';
|
|
7
7
|
import { RadioButtonModel } from '@syncfusion/ej2-buttons';
|
|
8
|
+
import { DropDownTreeModel } from '@syncfusion/ej2-dropdowns';
|
|
8
9
|
import { MultiSelectModel, DropDownListModel } from '@syncfusion/ej2-dropdowns';
|
|
9
10
|
import { EmitType, BaseEventArgs } from '@syncfusion/ej2-base';
|
|
10
11
|
import { Query, Predicate, DataManager } from '@syncfusion/ej2-data';
|
|
@@ -216,7 +217,15 @@ export interface FormatObject {
|
|
|
216
217
|
skeleton?: string;
|
|
217
218
|
}
|
|
218
219
|
/**
|
|
219
|
-
*
|
|
220
|
+
* Specifies the fieldMode as DropDownList or DropDownTree.
|
|
221
|
+
*/
|
|
222
|
+
export declare type FieldMode =
|
|
223
|
+
/** Display the DropdownList */
|
|
224
|
+
'Default' |
|
|
225
|
+
/** Display the DropdownTree */
|
|
226
|
+
'DropdownTree';
|
|
227
|
+
/**
|
|
228
|
+
* Specifies the displayMode as Horizontal or Vertical.
|
|
220
229
|
*/
|
|
221
230
|
export declare type DisplayMode =
|
|
222
231
|
/** Display the Horizontal UI */
|
|
@@ -336,6 +345,12 @@ export declare class QueryBuilder extends Component<HTMLDivElement> implements I
|
|
|
336
345
|
* @default false
|
|
337
346
|
*/
|
|
338
347
|
allowValidation: boolean;
|
|
348
|
+
/**
|
|
349
|
+
* Specifies the fieldMode as DropDownList or DropDownTree.
|
|
350
|
+
*
|
|
351
|
+
* @default 'Default'
|
|
352
|
+
*/
|
|
353
|
+
fieldMode: FieldMode;
|
|
339
354
|
/**
|
|
340
355
|
* Specifies columns to create filters.
|
|
341
356
|
*
|
|
@@ -347,7 +362,7 @@ export declare class QueryBuilder extends Component<HTMLDivElement> implements I
|
|
|
347
362
|
*
|
|
348
363
|
* @default null
|
|
349
364
|
*/
|
|
350
|
-
fieldModel: DropDownListModel;
|
|
365
|
+
fieldModel: DropDownListModel | DropDownTreeModel;
|
|
351
366
|
/**
|
|
352
367
|
* Specifies the property for operator.
|
|
353
368
|
*
|