@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.
Files changed (41) hide show
  1. package/.eslintrc.json +1 -1
  2. package/CHANGELOG.md +17 -0
  3. package/dist/ej2-querybuilder.umd.min.js +2 -2
  4. package/dist/ej2-querybuilder.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-querybuilder.es2015.js +176 -66
  6. package/dist/es6/ej2-querybuilder.es2015.js.map +1 -1
  7. package/dist/es6/ej2-querybuilder.es5.js +174 -64
  8. package/dist/es6/ej2-querybuilder.es5.js.map +1 -1
  9. package/dist/global/ej2-querybuilder.min.js +2 -2
  10. package/dist/global/ej2-querybuilder.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/helpers/e2e/index.d.ts +1 -0
  13. package/helpers/e2e/index.js +6 -0
  14. package/helpers/e2e/querybuilderHelper.d.ts +37 -0
  15. package/helpers/e2e/querybuilderHelper.js +36 -0
  16. package/package.json +11 -11
  17. package/src/query-builder/query-builder-model.d.ts +10 -3
  18. package/src/query-builder/query-builder.d.ts +17 -2
  19. package/src/query-builder/query-builder.js +174 -64
  20. package/styles/bootstrap5-dark.css +962 -0
  21. package/styles/bootstrap5-dark.scss +1 -0
  22. package/styles/bootstrap5.css +962 -0
  23. package/styles/bootstrap5.scss +1 -0
  24. package/styles/material-dark.css +3 -3
  25. package/styles/query-builder/_bootstrap5-dark-definition.scss +1 -0
  26. package/styles/query-builder/_bootstrap5-definition.scss +107 -0
  27. package/styles/query-builder/_tailwind-dark-definition.scss +1 -106
  28. package/styles/query-builder/_tailwind-definition.scss +17 -16
  29. package/styles/query-builder/_theme.scss +1 -1
  30. package/styles/query-builder/bootstrap5-dark.css +962 -0
  31. package/styles/query-builder/bootstrap5-dark.scss +15 -0
  32. package/styles/query-builder/bootstrap5.css +962 -0
  33. package/styles/query-builder/bootstrap5.scss +15 -0
  34. package/styles/query-builder/icons/_bootstrap5-dark.scss +1 -0
  35. package/styles/query-builder/icons/_bootstrap5.scss +8 -0
  36. package/styles/query-builder/icons/_tailwind.scss +1 -1
  37. package/styles/query-builder/material-dark.css +3 -3
  38. package/styles/query-builder/tailwind-dark.css +9 -9
  39. package/styles/query-builder/tailwind.css +10 -10
  40. package/styles/tailwind-dark.css +9 -9
  41. package/styles/tailwind.css +10 -10
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: index.d.ts
3
- * version : 19.2.60
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,6 @@
1
+ "use strict";
2
+ function __export(m) {
3
+ for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
4
+ }
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ __export(require("./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.2.55",
3
+ "_id": "@syncfusion/ej2-querybuilder@19.3.44",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-gItVxUuj3/XgRoLGPVV7H2SrKrZO5qJc1ecuxXvu6JyA+GAYWnOMng4wD5rHA4cbffUSfhORp/wU6JyPEykbCQ==",
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.2.55.tgz",
27
- "_shasum": "6cef5534fbdad2b97142a06de08b1d0e2f165ff0",
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.2.60",
36
- "@syncfusion/ej2-buttons": "~19.2.60",
37
- "@syncfusion/ej2-calendars": "~19.2.60",
38
- "@syncfusion/ej2-dropdowns": "~19.2.60",
39
- "@syncfusion/ej2-inputs": "~19.2.60",
40
- "@syncfusion/ej2-splitbuttons": "~19.2.60"
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.2.60",
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
- * Specify Specifies the displayMode as Horizontal or Vertical.
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
  *