@syncfusion/ej2-querybuilder 25.2.7 → 26.1.38

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 25.2.7
+*  version : 26.1.38
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-querybuilder@*",
-  "_id": "@syncfusion/ej2-querybuilder@25.2.4",
+  "_id": "@syncfusion/ej2-querybuilder@26.1.35",
   "_inBundle": false,
-  "_integrity": "sha512-3JAdE1LuotFDUJ/XQMJJDTGrKOep9LrmbDe9l09jDtNQJoc/Mvzww2z2eJcckpl1g6HLAotVx59Xt9s/j0vSKg==",
+  "_integrity": "sha512-OFo8+MEPI/tvAjZH5lLh3fjoH02CZ2Pq1A3Fw8O2uzXfEM+EGaFgPaQJ9n9vwDdI+gvK6/+FoZMVv7z9C5sHlA==",
   "_location": "/@syncfusion/ej2-querybuilder",
   "_phantomChildren": {},
   "_requested": {
@@ -23,21 +23,21 @@
     "/@syncfusion/ej2-react-querybuilder",
     "/@syncfusion/ej2-vue-querybuilder"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-querybuilder/-/ej2-querybuilder-25.2.4.tgz",
-  "_shasum": "cb648a4a4c92046ef6fec58ef71d9847040fa130",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-querybuilder/-/ej2-querybuilder-26.1.35.tgz",
+  "_shasum": "49f3e1ef5da4c1d0c6256072bbacb2873cf88e33",
   "_spec": "@syncfusion/ej2-querybuilder@*",
-  "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~25.2.7",
-    "@syncfusion/ej2-buttons": "~25.2.7",
-    "@syncfusion/ej2-calendars": "~25.2.7",
-    "@syncfusion/ej2-dropdowns": "~25.2.7",
-    "@syncfusion/ej2-inputs": "~25.2.6",
-    "@syncfusion/ej2-splitbuttons": "~25.2.4"
+    "@syncfusion/ej2-base": "~26.1.37",
+    "@syncfusion/ej2-buttons": "~26.1.35",
+    "@syncfusion/ej2-calendars": "~26.1.38",
+    "@syncfusion/ej2-dropdowns": "~26.1.38",
+    "@syncfusion/ej2-inputs": "~26.1.38",
+    "@syncfusion/ej2-splitbuttons": "~26.1.35"
   },
   "deprecated": false,
   "description": "Essential JS 2 QueryBuilder",
@@ -66,7 +66,7 @@
     "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/querybuilder"
   },
   "typings": "index.d.ts",
-  "version": "25.2.7",
+  "version": "26.1.38",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

package/src/query-builder/query-builder-model.d.ts

@@ -1,5 +1,5 @@
-import { Component, INotifyPropertyChanged, NotifyPropertyChanges, getComponent, MouseEventArgs, Browser, compile, append, ModuleDeclaration, getDefaultDateObject } 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, TooltipEventArgs } from '@syncfusion/ej2-popups';import { compile as templateCompiler } from '@syncfusion/ej2-base';
-import {TemplateColumn,Validation,FormatObject,ActionEventArgs,ChangeEventArgs,RuleChangeEventArgs,FieldMode,DisplayMode,SortDirection} from "./query-builder";
+import { Component, INotifyPropertyChanged, NotifyPropertyChanges, getComponent, MouseEventArgs, Browser, compile, append, ModuleDeclaration, Draggable, remove } 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, TooltipEventArgs } from '@syncfusion/ej2-popups';import { compile as templateCompiler } from '@syncfusion/ej2-base';
+import {TemplateColumn,Validation,FormatObject,ActionEventArgs,ChangeEventArgs,RuleChangeEventArgs,DragEventArgs,DropEventArgs,FieldMode,DisplayMode,SortDirection} from "./query-builder";
 import {ComponentModel} from '@syncfusion/ej2-base';
 
 /**
@@ -98,7 +98,6 @@ export interface ColumnsModel {
      * Specifies the sub fields in columns.
      *
      * @default null
-     *
      */
     columns?: ColumnsModel[];
 
@@ -325,6 +324,27 @@ export interface QueryBuilderModel extends ComponentModel{
      */
     ruleChange?: EmitType<RuleChangeEventArgs>;
 
+    /**
+     * Triggers when rule/ group dragging starts.
+     *
+     *
+     */
+    dragStart?: EmitType<DragEventArgs>;
+
+    /**
+     * Triggers when rule/ group are dragged (moved) continuously.
+     *
+     *
+     */
+    drag?: EmitType<DragEventArgs>;
+
+    /**
+     * Triggers when rule/ group are dropped on to the target rule/ group.
+     *
+     *
+     */
+    drop?: EmitType<DropEventArgs>;
+
     /**
      * Specifies the showButtons settings of the query builder component.
      * The showButtons can be enable Enables or disables the ruleDelete, groupInsert, and groupDelete buttons.
@@ -484,7 +504,6 @@ export interface QueryBuilderModel extends ComponentModel{
      * @remarks
      * If this property is true, the empty rule is inserted while inserting new group.
      * If set to false, the group is inserted without any rule.
-     *
      * @default true
      */
     addRuleToNewGroups?: boolean;
@@ -495,7 +514,6 @@ export interface QueryBuilderModel extends ComponentModel{
      * @remarks
      * If this property is true, the field dropdown list will render with the first value of the dropdown list.
      * If set to false, the dropdown list render with placeholder.
-     *
      * @default false
      */
     autoSelectField?: boolean;
@@ -506,7 +524,6 @@ export interface QueryBuilderModel extends ComponentModel{
      * @remarks
      * If this property is true, the operator dropdown list will render with the first value of the dropdown list.
      * If set to false, the dropdown list render with placeholder.
-     *
      * @default true
      */
     autoSelectOperator?: boolean;
@@ -518,6 +535,18 @@ export interface QueryBuilderModel extends ComponentModel{
      */
     separator?: string;
 
+    /**
+     * Specifies whether to enable separate connectors between rules/groups.
+     *
+     * @remarks
+     * When this property is set to true, each rule/group will have its own connector, allowing them to be connected independently with different connectors.
+     * When set to false, will result in connectors being shared between rules/groups, possibly connecting them with the same connector.
+     *
+     * @default false
+     *
+     */
+    enableSeparateConnector?: boolean;
+
     /**
      * Defines rules in the QueryBuilder.
      * Specifies the initial rule, which is JSON data.
@@ -526,4 +555,14 @@ export interface QueryBuilderModel extends ComponentModel{
      */
     rule?: RuleModel;
 
+    /**
+     * Specifies a boolean value whether to enable / disable the drag and drop support to move the rules/ groups.
+     *
+     * @remarks
+     * If this property is true, the drag handle will be rendered in front of the rule/ group element to perform, drag and drop.
+     * If set to false, the drag handle element is not rendered.
+     * @default false
+     */
+    allowDragAndDrop?: boolean;
+
 }

package/src/query-builder/query-builder.d.ts

@@ -96,7 +96,6 @@ export declare class Columns extends ChildProperty<Columns> {
      * Specifies the sub fields in columns.
      *
      * @default null
-     *
      */
     columns: ColumnsModel[];
 }
@@ -342,6 +341,11 @@ export declare class QueryBuilder extends Component<HTMLDivElement> implements I
     private isMiddleGroup;
     private cloneRuleBtnClick;
     private isNumInput;
+    private draggable;
+    private draggedRule;
+    private dragElement;
+    private prvtEvtTgrDaD;
+    private isDragEventPrevent;
     /**
      * Triggers when the component is created.
      *
@@ -384,6 +388,24 @@ export declare class QueryBuilder extends Component<HTMLDivElement> implements I
      * @blazorProperty 'RuleChanged'
      */
     ruleChange: EmitType<RuleChangeEventArgs>;
+    /**
+     * Triggers when rule/ group dragging starts.
+     *
+     *
+     */
+    dragStart: EmitType<DragEventArgs>;
+    /**
+     * Triggers when rule/ group are dragged (moved) continuously.
+     *
+     *
+     */
+    drag: EmitType<DragEventArgs>;
+    /**
+     * Triggers when rule/ group are dropped on to the target rule/ group.
+     *
+     *
+     */
+    drop: EmitType<DropEventArgs>;
     /**
      * Specifies the showButtons settings of the query builder component.
      * The showButtons can be enable Enables or disables the ruleDelete, groupInsert, and groupDelete buttons.
@@ -522,7 +544,6 @@ export declare class QueryBuilder extends Component<HTMLDivElement> implements I
      * @remarks
      * If this property is true, the empty rule is inserted while inserting new group.
      * If set to false, the group is inserted without any rule.
-     *
      * @default true
      */
     addRuleToNewGroups: boolean;
@@ -532,7 +553,6 @@ export declare class QueryBuilder extends Component<HTMLDivElement> implements I
      * @remarks
      * If this property is true, the field dropdown list will render with the first value of the dropdown list.
      * If set to false, the dropdown list render with placeholder.
-     *
      * @default false
      */
     autoSelectField: boolean;
@@ -542,7 +562,6 @@ export declare class QueryBuilder extends Component<HTMLDivElement> implements I
      * @remarks
      * If this property is true, the operator dropdown list will render with the first value of the dropdown list.
      * If set to false, the dropdown list render with placeholder.
-     *
      * @default true
      */
     autoSelectOperator: boolean;
@@ -552,6 +571,17 @@ export declare class QueryBuilder extends Component<HTMLDivElement> implements I
      * @default ''
      */
     separator: string;
+    /**
+     * Specifies whether to enable separate connectors between rules/groups.
+     *
+     * @remarks
+     * When this property is set to true, each rule/group will have its own connector, allowing them to be connected independently with different connectors.
+     * When set to false, will result in connectors being shared between rules/groups, possibly connecting them with the same connector.
+     *
+     * @default false
+     *
+     */
+    enableSeparateConnector: boolean;
     /**
      * Defines rules in the QueryBuilder.
      * Specifies the initial rule, which is JSON data.
@@ -559,6 +589,15 @@ export declare class QueryBuilder extends Component<HTMLDivElement> implements I
      * @default {}
      */
     rule: RuleModel;
+    /**
+     * Specifies a boolean value whether to enable / disable the drag and drop support to move the rules/ groups.
+     *
+     * @remarks
+     * If this property is true, the drag handle will be rendered in front of the rule/ group element to perform, drag and drop.
+     * If set to false, the drag handle element is not rendered.
+     * @default false
+     */
+    allowDragAndDrop: boolean;
     constructor(options?: QueryBuilderModel, element?: string | HTMLDivElement);
     protected getPersistData(): string;
     /**
@@ -598,7 +637,10 @@ export declare class QueryBuilder extends Component<HTMLDivElement> implements I
     private ruleTemplate;
     private addGroupElement;
     private addGroupSuccess;
+    private setMultiConnector;
+    private addHeaderDiv;
     private headerTemplateFn;
+    private enableSeparateConnectorInitialRule;
     /**
      * Notify the changes to component.
      *
@@ -695,6 +737,11 @@ export declare class QueryBuilder extends Component<HTMLDivElement> implements I
     onPropertyChanged(newProp: QueryBuilderModel, oldProp: QueryBuilderModel): void;
     protected preRender(): void;
     protected render(): void;
+    private initializeDrag;
+    private helper;
+    private dragStartHandler;
+    private dragHandler;
+    private dragStopHandler;
     private templateParser;
     private executeDataManager;
     private initControl;
@@ -910,8 +957,10 @@ export declare class QueryBuilder extends Component<HTMLDivElement> implements I
     lockGroup(groupID: string): void;
     private sqlParser;
     private parseSqlStrings;
+    private getDoubleQuoteString;
     private checkCondition;
     private getSingleQuoteString;
+    private combineSingleQuoteString;
     private checkLiteral;
     private checkNumberLiteral;
     private getOperator;
@@ -919,7 +968,6 @@ export declare class QueryBuilder extends Component<HTMLDivElement> implements I
     private getLabelFromColumn;
     private getLabelFromField;
     private processParser;
-    private getValueFromParser;
     /**
      * Clone the Group
      *
@@ -1054,3 +1102,52 @@ export interface ParameterizedNamedSql {
      */
     params: Record<string, object>;
 }
+/**
+ * Interface to define the DragEventArgs for dragging action of group and rules.
+ *
+ */
+export interface DragEventArgs {
+    /**
+     * Returns the ID of the rule id to be dragged.
+     *
+     * @returns {string} The ID of the rule where the drag action is performed.
+     */
+    dragRuleID: string;
+    /**
+     * Returns the ID of the group to be dragged.
+     *
+     * @returns {string} The ID of the group where the drag action is performed.
+     */
+    dragGroupID: string;
+    /**
+     * Determines whether to cancel the dragging action based on certain conditions.
+     *
+     * @returns {boolean} True if the dragging action should be cancelled, otherwise false.
+     *
+     */
+    cancel: boolean;
+}
+/**
+ * Interface to define the DropEventArgs for dropping action of group and rules.
+ *
+ */
+export interface DropEventArgs {
+    /**
+     * Determines whether to cancel the dropping action based on certain conditions.
+     *
+     * @returns {boolean} True if the dropping action should be cancelled, otherwise false.
+     */
+    cancel: boolean;
+    /**
+     * Returns the ID of the rule where the drop action is initiated.
+     *
+     * @returns {string} The ID of the rule where the drop action is performed.
+     */
+    dropRuleID: string;
+    /**
+     * Returns the ID of the group where the drop action is initiated.
+     *
+     * @returns {string} The ID of the group where the drop action is performed.
+     */
+    dropGroupID: string;
+}