@syncfusion/ej2-kanban - npm Package Compare versions

Comparing version 18.1.42 to 18.1.46

CHANGELOG.md

@@ -7,2 +7,11 @@ # Changelog
 
+#### Bug Fixes
+
+- `#274505` - An issue with server post triggered without showing Spinner has been fixed.
+- `#274710` - An issue with dropped clone not created at first position when drag the cards has been fixed.
+
+## 18.1.42 (2020-04-01)
+
+### Kanban
+
 #### New Features
@@ -9,0 +18,0 @@

dist/global/index.d.ts

 /*!
 *  filename: index.d.ts
-*  version : 18.1.42
+*  version : 18.1.46
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
@@ -5,0 +5,0 @@ *  Use of this code is subject to the terms of our license.

package.json

 {
   "_from": "@syncfusion/ej2-kanban@*",
-  "_id": "@syncfusion/ej2-kanban@0.21.1",
+  "_id": "@syncfusion/ej2-kanban@18.1.42",
   "_inBundle": false,
-  "_integrity": "sha512-K+/XlEJJ8lwOfKtM5gO/mufb/S/M8Ltvpga2pK68B9kOfBCSkrFQuvPtyYSgABx1AmF01sOhAOhMHVFw7mSQXQ==",
+  "_integrity": "sha512-m7EJEwDEuayiSQRZ+8VknNR6wP2HukuMW3rB8gJqtjni3mKnX04RVQwfaYnDbmU/yOSMls1V2zvNuULlMklUiA==",
   "_location": "/@syncfusion/ej2-kanban",
@@ -26,4 +26,4 @@ "_phantomChildren": {},
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-kanban/-/ej2-kanban-0.21.1.tgz",
-  "_shasum": "69f371b26f0afc3c6c47cfa52191d41d58c981e6",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-kanban/-/ej2-kanban-18.1.42.tgz",
+  "_shasum": "41cf290ea69367ae8050e47f1a8d4af65f12098b",
   "_spec": "@syncfusion/ej2-kanban@*",
@@ -39,10 +39,10 @@ "_where": "/jenkins/workspace/automation_release_18.1.0.1-52JLNOGRCDHXRVQM3W564VPLFCPHWUYDYU3I3DVRABSR7F6AIFYQ/packages/included",
   "dependencies": {
-    "@syncfusion/ej2-base": "~18.1.42",
-    "@syncfusion/ej2-buttons": "~18.1.42",
-    "@syncfusion/ej2-data": "~18.1.42",
-    "@syncfusion/ej2-dropdowns": "~18.1.42",
-    "@syncfusion/ej2-inputs": "~18.1.42",
-    "@syncfusion/ej2-layouts": "~18.1.42",
-    "@syncfusion/ej2-navigations": "~18.1.42",
-    "@syncfusion/ej2-popups": "~18.1.42"
+    "@syncfusion/ej2-base": "~18.1.44",
+    "@syncfusion/ej2-buttons": "~18.1.43",
+    "@syncfusion/ej2-data": "~18.1.43",
+    "@syncfusion/ej2-dropdowns": "~18.1.46",
+    "@syncfusion/ej2-inputs": "~18.1.45",
+    "@syncfusion/ej2-layouts": "~18.1.46",
+    "@syncfusion/ej2-navigations": "~18.1.46",
+    "@syncfusion/ej2-popups": "~18.1.46"
   },
@@ -75,4 +75,4 @@ "deprecated": false,
   "typings": "index.d.ts",
-  "version": "18.1.42",
+  "version": "18.1.46",
   "sideEffects": false
 }

README.md

@@ -26,3 +26,8 @@ # ej2-kanban
 
-1. [JavaScript (ES5)](https://ej2.syncfusion.com/javascript/demos/#/material/kanban/overview.html)
+1. [JavaScript (ES5)](https://www.syncfusion.com/javascript-ui-controls/js-kanban-board)
+2. [Angular](https://github.com/syncfusion/ej2-angular-ui-components/tree/master/components/kanban)
+3. [React](https://github.com/syncfusion/ej2-react-ui-components/tree/master/components/kanban)
+4. [VueJS](https://github.com/syncfusion/ej2-vue-ui-components/tree/master/components/kanban)
+5. [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls/kanban-board)
+6. [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls/kanban-board)
 
@@ -29,0 +34,0 @@ ## Key Features

src/kanban/actions/crud.js

@@ -59,2 +59,3 @@ import * as events from '../base/constant';
             if (!addArgs.cancel) {
+                _this.parent.showSpinner();
                 var promise = null;
@@ -106,2 +107,3 @@ var modifiedData = [];
             if (!updateArgs.cancel) {
+                _this.parent.showSpinner();
                 var promise = null;
@@ -161,2 +163,3 @@ if (_this.parent.cardSettings.priority) {
             if (!deleteArgs.cancel) {
+                _this.parent.showSpinner();
                 var promise = null;
@@ -163,0 +166,0 @@ if (editParms.deletedRecords.length > 1) {

src/kanban/actions/dialog.js

@@ -1,4 +0,4 @@
-import { append, createElement, remove, isNullOrUndefined, closest } from '@syncfusion/ej2-base';
+import { append, createElement, remove, isNullOrUndefined, closest, extend } from '@syncfusion/ej2-base';
 import { DropDownList } from '@syncfusion/ej2-dropdowns';
-import { FormValidator, NumericTextBox, TextBox, Input } from '@syncfusion/ej2-inputs';
+import { FormValidator, NumericTextBox, TextBox } from '@syncfusion/ej2-inputs';
 import { Dialog } from '@syncfusion/ej2-popups';
@@ -37,5 +37,5 @@ import * as events from '../base/constant';
             header: this.parent.localeObj.getConstant(action === 'Add' ? 'addTitle' : action === 'Edit' ? 'editTitle' : 'deleteTitle'),
-            height: this.parent.isAdaptive ? '100%' : 'auto',
+            height: 'auto',
             isModal: true,
-            showCloseIcon: this.parent.isAdaptive ? false : true,
+            showCloseIcon: true,
             target: document.body,
@@ -47,3 +47,3 @@ width: (action === 'Delete') ? 400 : 350,
         };
-        this.dialogObj = new Dialog(dialogModel, this.element);
+        this.dialogObj = new Dialog(extend(dialogModel, action !== 'Delete' ? (this.parent.dialogSettings.model || {}) : {}), this.element);
         if (action !== 'Delete') {
@@ -94,3 +94,3 @@ this.applyFormValidation();
             fields = [
-                { text: 'ID', key: this.parent.cardSettings.headerField, type: 'Input' },
+                { text: 'ID', key: this.parent.cardSettings.headerField, type: 'TextBox' },
                 { key: this.parent.keyField, type: 'DropDown' },
@@ -165,13 +165,5 @@ { key: this.parent.cardSettings.contentField, type: 'TextArea' }
                 controlObj = new TextBox({ value: fieldValue });
-                break;
-            case 'Input':
-                if (fieldValue) {
-                    element.value = fieldValue;
-                }
                 if (fieldValue && this.parent.cardSettings.headerField === field.key) {
-                    Input.createInput({ element: element, properties: { enabled: false } });
+                    controlObj.enabled = false;
                 }
-                else {
-                    Input.createInput({ element: element });
-                }
                 break;
@@ -178,0 +170,0 @@ case 'TextArea':

src/kanban/actions/drag.js

@@ -132,4 +132,4 @@ import { Draggable, formatUnit, createElement, isNullOrUndefined, addClass, closest } from '@syncfusion/ej2-base';
                 if (target.classList.contains(cls.CARD_CLASS)) {
-                    var insertClone = (isNullOrUndefined(target.previousElementSibling) &&
-                        ((this.dragObj.pageY - target.offsetTop) / 2) < 25) ? 'beforebegin' : 'afterend';
+                    var insertClone = (isNullOrUndefined(target.previousElementSibling) && (this.dragObj.pageY -
+                        (this.parent.element.offsetTop + target.offsetTop)) < (target.offsetHeight / 2)) ? 'beforebegin' : 'afterend';
                     target.insertAdjacentElement(insertClone, this.dragObj.targetClone);
@@ -136,0 +136,0 @@ }

src/kanban/actions/keyboard.js

@@ -87,3 +87,5 @@ import { KeyboardEvents, addClass, removeClass, classList, closest } from '@syncfusion/ej2-base';
                 var selectedCards = [].slice.call(this.parent.element.querySelectorAll(className));
-                selectedCards.forEach(function (selected) { return _this.parent.crudModule.deleteCard(_this.parent.getCardDetails(selected)); });
+                var selectedCardsData_1 = [];
+                selectedCards.forEach(function (selected) { selectedCardsData_1.push(_this.parent.getCardDetails(selected)); });
+                this.parent.crudModule.deleteCard(selectedCardsData_1);
                 break;
@@ -90,0 +92,0 @@ }

src/kanban/base/kanban-model.d.ts

@@ -60,3 +60,5 @@ import { Component, ModuleDeclaration, NotifyPropertyChanges, Property, Complex, Collection, detach } from '@syncfusion/ej2-base';import { addClass, classList, removeClass, compile, formatUnit, L10n, Browser, Event, EmitType, isBlazor } from '@syncfusion/ej2-base';import { DataManager, Query } from '@syncfusion/ej2-data';import { createSpinner, hideSpinner, showSpinner } from '@syncfusion/ej2-popups';import { Data } from './data';import { SwimlaneSettings } from '../models/swimlane-settings';import { CardSettings } from '../models/card-settings';import { DialogSettings } from '../models/dialog-settings';import { Columns } from '../models/columns';import { StackedHeaders } from '../models/stacked-headers';import { CardSettingsModel, ColumnsModel, SwimlaneSettingsModel, StackedHeadersModel, DialogSettingsModel } from '../models/index';import { ActionEventArgs, CardClickEventArgs, CardRenderedEventArgs, DragEventArgs } from './interface';import { QueryCellInfoEventArgs, DialogEventArgs } from './interface';import { ReturnType, ConstraintType, CurrentAction } from './type';import { Action } from '../actions/action';import { Crud } from '../actions/crud';import { DragAndDrop } from '../actions/drag';import { KanbanDialog } from '../actions/dialog';import { Keyboard } from '../actions/keyboard';import { KanbanTooltip } from '../actions/tooltip';import { KanbanTouch } from '../actions/touch';import { LayoutRender } from './layout-render';import * as events from '../base/constant';import * as cls from './css-constant';
     /**
-     * Defines the constraint type used to apply validation based on column or swimlane.
+     * Defines the constraint type used to apply validation based on column or swimlane. The possible values are:
+     * * Column
+     * * Swimlane
      * @default column
@@ -63,0 +65,0 @@ */

src/kanban/base/kanban.d.ts

@@ -91,3 +91,5 @@ import { Component, ModuleDeclaration } from '@syncfusion/ej2-base';
     /**
-     * Defines the constraint type used to apply validation based on column or swimlane.
+     * Defines the constraint type used to apply validation based on column or swimlane. The possible values are:
+     * * Column
+     * * Swimlane
      * @default column
@@ -336,3 +338,3 @@ */
      * @param {CurrentAction} action Defines the action for which the dialog needs to be opened such as either for new card creation or
-     *  editing of existing cards or deletion of existing card. The applicable action names are `Add`, `Edit` and `Delete`.
+     *  editing of existing cards. The applicable action names are `Add` and `Edit`.
      * @param {Object} data It can be card data.
@@ -339,0 +341,0 @@ * @returns {void}

src/kanban/base/kanban.js

@@ -438,3 +438,3 @@ var __extends = (this && this.__extends) || (function () {
      * @param {CurrentAction} action Defines the action for which the dialog needs to be opened such as either for new card creation or
-     *  editing of existing cards or deletion of existing card. The applicable action names are `Add`, `Edit` and `Delete`.
+     *  editing of existing cards. The applicable action names are `Add` and `Edit`.
      * @param {Object} data It can be card data.
@@ -441,0 +441,0 @@ * @returns {void}

src/kanban/base/type.d.ts

@@ -32,2 +32,2 @@ /**
  */
-export declare type DialogFieldType = 'String' | 'Numeric' | 'TextArea' | 'DropDown' | 'Input' | 'TextBox';
+export declare type DialogFieldType = 'TextBox' | 'DropDown' | 'Numeric' | 'TextArea';

src/kanban/models/card-settings-model.d.ts

@@ -40,3 +40,6 @@ import { Property, ChildProperty } from '@syncfusion/ej2-base';import { SelectionType } from '../base/type';
     /**
-     * Defines the card selection type.
+     * It defines the card selection type, which accepts either of the following values.
+     * * Single
+     * * Multiple
+     * * None
      * @default 'Single'
@@ -43,0 +46,0 @@ */

src/kanban/models/card-settings.d.ts

@@ -34,3 +34,6 @@ import { ChildProperty } from '@syncfusion/ej2-base';
     /**
-     * Defines the card selection type.
+     * It defines the card selection type, which accepts either of the following values.
+     * * Single
+     * * Multiple
+     * * None
      * @default 'Single'
@@ -37,0 +40,0 @@ */

src/kanban/models/dialog-fields-model.d.ts

@@ -21,3 +21,7 @@ import { Property, ChildProperty } from '@syncfusion/ej2-base';import { DialogFieldType } from '../base/type';
     /**
-     * Defines the field type
+     * It defines the field type, which accepts either of the following values.
+     * * TextBox
+     * * DropDown
+     * * Numeric
+     * * TextArea
      * @default null
@@ -24,0 +28,0 @@ */

src/kanban/models/dialog-fields.d.ts

@@ -18,3 +18,7 @@ import { ChildProperty } from '@syncfusion/ej2-base';
     /**
-     * Defines the field type
+     * It defines the field type, which accepts either of the following values.
+     * * TextBox
+     * * DropDown
+     * * Numeric
+     * * TextArea
      * @default null
@@ -21,0 +25,0 @@ */

src/kanban/models/dialog-settings-model.d.ts

@@ -1,2 +0,2 @@
-import { Property, ChildProperty } from '@syncfusion/ej2-base';import { DialogFieldsModel } from './dialog-fields-model';
+import { Property, ChildProperty } from '@syncfusion/ej2-base';import { DialogFieldsModel } from './dialog-fields-model';import { DialogModel } from '@syncfusion/ej2-popups';
 
@@ -22,2 +22,9 @@ /**
 
+    /**
+     * Customize the model object configuration for the edit or add Dialog component.
+
+     * @default null
+     */
+    model?: DialogModel;
+
 }

src/kanban/models/dialog-settings.d.ts

 import { ChildProperty } from '@syncfusion/ej2-base';
 import { DialogFieldsModel } from './dialog-fields-model';
+import { DialogModel } from '@syncfusion/ej2-popups';
 /**
@@ -19,2 +20,8 @@ * Holds the configuration of editor settings.
     fields: DialogFieldsModel[];
+    /**
+     * Customize the model object configuration for the edit or add Dialog component.
+
+     * @default null
+     */
+    model: DialogModel;
 }

src/kanban/models/dialog-settings.js

@@ -35,4 +35,7 @@ var __extends = (this && this.__extends) || (function () {
     ], DialogSettings.prototype, "fields", void 0);
+    __decorate([
+        Property(null)
+    ], DialogSettings.prototype, "model", void 0);
     return DialogSettings;
 }(ChildProperty));
 export { DialogSettings };

src/kanban/models/swimlane-settings-model.d.ts

@@ -46,3 +46,5 @@ import { Property, ChildProperty } from '@syncfusion/ej2-base';import { SortType } from '../base/type';
     /**
-     * Sort the swimlane resources in ascending or descending order.
+     * Sort the swimlane resources. The possible values are:
+     * * Ascending
+     * * Descending
      * @default 'Ascending'
@@ -49,0 +51,0 @@ */

src/kanban/models/swimlane-settings.d.ts

@@ -39,3 +39,5 @@ import { ChildProperty } from '@syncfusion/ej2-base';
     /**
-     * Sort the swimlane resources in ascending or descending order.
+     * Sort the swimlane resources. The possible values are:
+     * * Ascending
+     * * Descending
      * @default 'Ascending'
@@ -42,0 +44,0 @@ */

No alert changes

Improved metrics

Total package byte prevSize

2372602

increased by0.79%

Lines of code

26006

increased by0.76%

Number of lines in readme file

69

increased by7.81%

Dependency changes

• Updated@syncfusion/ej2-base@~18.1.44

• Updated@syncfusion/ej2-buttons@~18.1.43

• Updated@syncfusion/ej2-data@~18.1.43

• Updated@syncfusion/ej2-dropdowns@~18.1.46

• Updated@syncfusion/ej2-inputs@~18.1.45

• Updated@syncfusion/ej2-layouts@~18.1.46

• Updated@syncfusion/ej2-navigations@~18.1.46

• Updated@syncfusion/ej2-popups@~18.1.46