@syncfusion/ej2-treegrid 31.1.17 → 31.1.21

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 31.1.17
+*  version : 31.1.21
 *  Copyright Syncfusion Inc. 2001 - 2024. 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,51 +1,19 @@
 {
-  "_from": "@syncfusion/ej2-treegrid@*",
-  "_id": "@syncfusion/ej2-treegrid@20.13.0",
-  "_inBundle": false,
-  "_integrity": "sha512-GMC0p8nWtl3jD49ADd/wqepdA9S0FEKGwk/CHVkjZVDJDep+PxgdHZL6xIMS3yrwU38egx9K7HLy5CucnuygGg==",
-  "_location": "/@syncfusion/ej2-treegrid",
-  "_phantomChildren": {},
-  "_requested": {
-    "type": "range",
-    "registry": true,
-    "raw": "@syncfusion/ej2-treegrid@*",
-    "name": "@syncfusion/ej2-treegrid",
-    "escapedName": "@syncfusion%2fej2-treegrid",
-    "scope": "@syncfusion",
-    "rawSpec": "*",
-    "saveSpec": null,
-    "fetchSpec": "*"
-  },
-  "_requiredBy": [
-    "/",
-    "/@syncfusion/ej2",
-    "/@syncfusion/ej2-angular-treegrid",
-    "/@syncfusion/ej2-gantt",
-    "/@syncfusion/ej2-react-treegrid",
-    "/@syncfusion/ej2-vue-treegrid"
-  ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-development/@syncfusion/ej2-treegrid/-/ej2-treegrid-20.13.0.tgz",
-  "_shasum": "7b67b44c412dafac81d7f6f4eefe8f4c5e10e6f7",
-  "_spec": "@syncfusion/ej2-treegrid@*",
-  "_where": "D:\\SF3992\\WFH\\Nexus\\release",
-  "author": {
-    "name": "Syncfusion Inc."
-  },
-  "bugs": {
-    "url": "https://github.com/syncfusion/ej2-treegrid/issues"
-  },
-  "bundleDependencies": false,
+  "name": "@syncfusion/ej2-treegrid",
+  "version": "31.1.21",
+  "description": "Essential JS 2 TreeGrid Component",
+  "author": "Syncfusion Inc.",
+  "license": "SEE LICENSE IN license",
+  "main": "./dist/ej2-treegrid.umd.min.js",
+  "module": "./index.js",
+  "es2015": "./dist/es6/ej2-treegrid.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~31.1.17",
+    "@syncfusion/ej2-base": "~31.1.20",
     "@syncfusion/ej2-data": "~31.1.17",
-    "@syncfusion/ej2-grids": "~31.1.17",
-    "@syncfusion/ej2-popups": "~31.1.17"
+    "@syncfusion/ej2-grids": "~31.1.21",
+    "@syncfusion/ej2-popups": "~31.1.20"
   },
-  "deprecated": false,
-  "description": "Essential JS 2 TreeGrid Component",
   "devDependencies": {},
-  "es2015": "./dist/es6/ej2-treegrid.es5.js",
-  "homepage": "https://www.syncfusion.com/javascript-ui-controls",
   "keywords": [
     "ej2",
     "syncfusion",
@@ -67,15 +35,11 @@
     "collapsible-table",
     "multi-level-table"
   ],
-  "license": "SEE LICENSE IN license",
-  "main": "./dist/ej2-treegrid.umd.min.js",
-  "module": "./index.js",
-  "name": "@syncfusion/ej2-treegrid",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/syncfusion/ej2-treegrid.git"
+    "url": "https://github.com/syncfusion/ej2-treegrid.git"
   },
   "typings": "index.d.ts",
-  "version": "31.1.17",
-  "sideEffects": false
+  "sideEffects": false,
+  "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

package/src/treegrid/actions/edit.js

@@ -817,7 +817,7 @@ var Edit = /** @class */ (function () {
             this.addRowRecord = this.parent.flatData[args.index];
             this.addRowIndex = args.index;
         }
-        if (this.parent.editSettings.newRowPosition === 'Child' && this.isIndexUndefined &&
+        if (this.parent.editSettings.newRowPosition === 'Child' && (this.isIndexUndefined || this.isAddedRowByMethod) &&
             !isNullOrUndefined(this.parent.getSelectedRecords()[0])) {
             this.addRowRecord = this.parent.getSelectedRecords()[0];
             this.isIndexUndefined = false;

package/src/treegrid/actions/rowdragdrop.js

@@ -468,9 +468,18 @@ var RowDD = /** @class */ (function () {
             && !isNullOrUndefined(droppedRecord.taskData)) {
             var keys = Object.keys(temporaryDataSource);
             for (var i = 0; i < keys.length; i++) {
-                if (temporaryDataSource[parseInt(i.toString(), 10)][this.parent.childMapping] ===
-                    droppedRecord.taskData[this.parent.childMapping]) {
-                    indexOfDroppedRecord = i;
+                if (temporaryDataSource[parseInt(i.toString(), 10)][this.parent.childMapping]) {
+                    if (temporaryDataSource[parseInt(i.toString(), 10)][this.parent.childMapping] ===
+                        droppedRecord.taskData[this.parent.childMapping]) {
+                        indexOfDroppedRecord = i;
+                    }
+                }
+                else {
+                    var primaryKeyField = this.parent.getPrimaryKeyFieldNames()[0];
+                    if (temporaryDataSource[parseInt(i.toString(), 10)]["" + primaryKeyField] ===
+                        droppedRecord.taskData["" + primaryKeyField]) {
+                        indexOfDroppedRecord = i;
+                    }
                 }
             }
             if (!this.parent.idMapping) {

package/styles/bootstrap4-lite.css

@@ -88,6 +88,14 @@
   font-size: 12px;
 }
 
+.e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
+.e-input-group.e-control-wrapper.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
+.e-float-input.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
+.e-float-input.e-control-wrapper.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon {
+  background: transparent;
+  color: #495057;
+}
+
 .e-small .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
 .e-small.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
   font-size: 10px;

package/styles/bootstrap4.css

@@ -88,6 +88,14 @@
   font-size: 12px;
 }
 
+.e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
+.e-input-group.e-control-wrapper.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
+.e-float-input.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
+.e-float-input.e-control-wrapper.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon {
+  background: transparent;
+  color: #495057;
+}
+
 .e-small .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
 .e-small.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
   font-size: 10px;

package/styles/treegrid/bootstrap4.css

@@ -88,6 +88,14 @@
   font-size: 12px;
 }
 
+.e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
+.e-input-group.e-control-wrapper.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
+.e-float-input.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
+.e-float-input.e-control-wrapper.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon {
+  background: transparent;
+  color: #495057;
+}
+
 .e-small .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
 .e-small.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
   font-size: 10px;

package/dist/ts/index.d.ts

@@ -1,4 +0,0 @@
-/**
- * Export TreeGrid component
- */
-export * from './treegrid/index';

package/dist/ts/index.ts

@@ -1,4 +0,0 @@
-/**
- * Export TreeGrid component
- */
-export * from './treegrid/index';

package/dist/ts/treegrid/actions/batch-edit.d.ts

@@ -1,74 +0,0 @@
-import { TreeGrid } from '../base';
-/**
- * `BatchEdit` module is used to handle batch editing actions.
- *
- * @hidden
- */
-export declare class BatchEdit {
-    private parent;
-    private isSelfReference;
-    private addRowRecord;
-    private batchChildCount;
-    private addedRecords;
-    private deletedRecords;
-    private matrix;
-    private batchRecords;
-    private currentViewRecords;
-    private batchAddedRecords;
-    private batchDeletedRecords;
-    private batchIndex;
-    private batchAddRowRecord;
-    private isAdd;
-    private newBatchRowAdded;
-    private selectedIndex;
-    private addRowIndex;
-    constructor(parent: TreeGrid);
-    addEventListener(): void;
-    /**
-     * @hidden
-     * @returns {void}
-     */
-    removeEventListener(): void;
-    /**
-     * To destroy the editModule
-     *
-     * @returns {void}
-     * @hidden
-     */
-    destroy(): void;
-    /**
-     * @hidden
-     * @returns {Object[]} Returns modified records in batch editing.
-     */
-    getBatchRecords(): Object[];
-    /**
-     * @hidden
-     * @returns {number} Returns index of newly add row
-     */
-    getAddRowIndex(): number;
-    /**
-     * @hidden
-     * @returns {number} Returns selected row index
-     */
-    getSelectedIndex(): number;
-    /**
-     * @hidden
-     * @returns {number} Returns newly added child count
-     */
-    getBatchChildCount(): number;
-    private batchPageAction;
-    private cellSaved;
-    private beforeBatchAdd;
-    private batchAdd;
-    private beforeBatchDelete;
-    private updateRowIndex;
-    private updateChildCount;
-    private beforeBatchSave;
-    private deleteUniqueID;
-    private batchCancelAction;
-    private batchSave;
-    private getActualRowObjectIndex;
-    private immutableBatchAction;
-    private nextCellIndex;
-    private onCellFocused;
-}