Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@syncfusion/ej2-kanban

Package Overview
Dependencies
Maintainers
3
Versions
105
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@syncfusion/ej2-kanban - npm Package Compare versions

Comparing version 18.2.57 to 18.3.35

6

CHANGELOG.md

@@ -7,2 +7,8 @@ # Changelog

- `#287430` - The issue with "Mismatch in the events argument type information" has been resolved.
## 18.2.57 (2020-09-08)
### Kanban
#### Bug Fixes

@@ -9,0 +15,0 @@

2

dist/global/index.d.ts
/*!
* filename: index.d.ts
* version : 18.2.57
* version : 18.3.35
* Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.

@@ -5,0 +5,0 @@ * Use of this code is subject to the terms of our license.

26

package.json
{
"_from": "@syncfusion/ej2-kanban@*",
"_id": "@syncfusion/ej2-kanban@18.2.54",
"_id": "@syncfusion/ej2-kanban@0.21.1",
"_inBundle": false,
"_integrity": "sha512-Nej93l+bXn3NAWfRMCuEqCa+sYnsDwzJ1bW1VD91Qb8C2I1/FOLPgDPn2IbP2dJjP0hHDfBYL5G4sXToekQDXg==",
"_integrity": "sha512-MRtNZI74irXCsq3dl4bbu488aWA6Mz1nRDrKeGkGXryk94U+vKU89WMlT3vC6MXp2Fu9h15S2Z+dqOv9e2RwZQ==",
"_location": "/@syncfusion/ej2-kanban",

@@ -26,4 +26,4 @@ "_phantomChildren": {},

],
"_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-kanban/-/ej2-kanban-18.2.54.tgz",
"_shasum": "91b5192f1db72420e793aff19562d1007e8c8285",
"_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-kanban/-/ej2-kanban-0.21.1.tgz",
"_shasum": "f49eb938fe2081f52b8eeebe6a4173cbe366a68d",
"_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.2.57",
"@syncfusion/ej2-buttons": "~18.2.54",
"@syncfusion/ej2-data": "~18.2.54",
"@syncfusion/ej2-dropdowns": "~18.2.57",
"@syncfusion/ej2-inputs": "~18.2.56",
"@syncfusion/ej2-layouts": "~18.2.54",
"@syncfusion/ej2-navigations": "~18.2.57",
"@syncfusion/ej2-popups": "~18.2.54"
"@syncfusion/ej2-base": "~18.3.35",
"@syncfusion/ej2-buttons": "~18.3.35",
"@syncfusion/ej2-data": "~18.3.35",
"@syncfusion/ej2-dropdowns": "~18.3.35",
"@syncfusion/ej2-inputs": "~18.3.35",
"@syncfusion/ej2-layouts": "~18.3.35",
"@syncfusion/ej2-navigations": "~18.3.35",
"@syncfusion/ej2-popups": "~18.3.35"
},

@@ -75,4 +75,4 @@ "deprecated": false,

"typings": "index.d.ts",
"version": "18.2.57",
"version": "18.3.35",
"sideEffects": false
}

7

src/kanban/actions/dialog.js

@@ -66,3 +66,5 @@ import { append, createElement, remove, isNullOrUndefined, closest, extend } from '@syncfusion/ej2-base';

}
append(this.parent.templateParser(this.parent.dialogSettings.template)(args), form);
var templateId = this.parent.element.id + '_dialogTemplate';
var dialogTemplate = this.parent.templateParser(this.parent.dialogSettings.template)(args, this.parent, 'template', templateId, false);
append(dialogTemplate, form);
}

@@ -138,3 +140,4 @@ else {

var controlObj;
var fieldValue = this.parent.activeCardData.data ? this.parent.activeCardData.data[field.key] : null;
var fieldValue = this.parent.activeCardData.data ?
this.parent.activeCardData.data[field.key] : null;
switch (field.type) {

@@ -141,0 +144,0 @@ case 'DropDown':

15

src/kanban/actions/drag.js

@@ -59,3 +59,3 @@ import { Draggable, formatUnit, createElement, isNullOrUndefined, addClass, closest } from '@syncfusion/ej2-base';

className: cls.DROPPED_CLONE_CLASS,
styles: 'width:' + formatUnit(this.dragObj.element.offsetWidth) + ';height:' + formatUnit(this.dragObj.element.offsetHeight)
styles: 'width:100%;height:' + formatUnit(this.dragObj.element.offsetHeight)
});

@@ -193,6 +193,2 @@ this.dragObj.modifiedData = [];

this.parent.notify(events.contentReady, {});
var cloneCell = closest(target, '.' + cls.CONTENT_CELLS_CLASS + ':not(.' + cls.COLLAPSED_CLASS + ')');
if (cloneCell) {
this.dragObj.targetClone.style.width = formatUnit((cloneCell.offsetWidth - 2) - events.cardSpace);
}
var multiKeyTarget = closest(target, '.' + cls.MULTI_COLUMN_KEY_CLASS);

@@ -224,5 +220,3 @@ if (multiKeyTarget) {

this.updateScrollPosition(e);
var dragArgs = {
data: this.dragObj.cardDetails, event: e, element: this.dragObj.selectedCards
};
var dragArgs = { data: this.dragObj.cardDetails, event: e, element: this.dragObj.selectedCards };
this.parent.trigger(events.drag, dragArgs);

@@ -251,6 +245,3 @@ };

var key = keys_1[_i];
var colKey = createElement('div', {
className: cls.MULTI_COLUMN_KEY_CLASS,
attrs: { 'data-key': key.trim() }
});
var colKey = createElement('div', { className: cls.MULTI_COLUMN_KEY_CLASS, attrs: { 'data-key': key.trim() } });
var text = createElement('div', { className: 'e-text', innerHTML: key.trim() });

@@ -257,0 +248,0 @@ contentCell.appendChild(this.dragObj.targetCloneMulti).appendChild(colKey).appendChild(text);

1

src/kanban/actions/tooltip.d.ts

@@ -12,3 +12,4 @@ import { Tooltip } from '@syncfusion/ej2-popups';

private onBeforeRender;
private onBeforeClose;
destroy(): void;
}

10

src/kanban/actions/tooltip.js

@@ -21,3 +21,4 @@ import { createElement, append, closest, addClass } from '@syncfusion/ej2-base';

target: '.' + cls.TOOLTIP_TEXT_CLASS,
beforeRender: this.onBeforeRender.bind(this)
beforeRender: this.onBeforeRender.bind(this),
beforeClose: this.onBeforeClose.bind(this)
});

@@ -37,4 +38,6 @@ this.tooltipObj.appendTo(this.parent.element);

var data = this.parent.getCardDetails(target);
var tooltipTemplate = this.parent.templateParser(this.parent.tooltipTemplate)(data);
var templateId = this.parent.element.id + '_tooltipTemplate';
var tooltipTemplate = this.parent.templateParser(this.parent.tooltipTemplate)(data, this.parent, 'tooltipTemplate', templateId, false);
append(tooltipTemplate, tooltipContent);
this.parent.renderTemplates();
}

@@ -46,2 +49,5 @@ else {

};
KanbanTooltip.prototype.onBeforeClose = function () {
this.parent.resetTemplates(['tooltipTemplate']);
};
KanbanTooltip.prototype.destroy = function () {

@@ -48,0 +54,0 @@ this.tooltipObj.destroy();

30

src/kanban/base/interface.d.ts

@@ -30,3 +30,3 @@ import { BaseEventArgs, Draggable } from '@syncfusion/ej2-base';

[key: string]: Object;
};
} | Object;
/** Defines the cancel option for the action taking place. */

@@ -65,3 +65,3 @@ cancel?: boolean;

[key: string]: Object;
};
} | Object;
/**

@@ -87,3 +87,3 @@ * Returns the actual HTML element on which the required custom styling can be applied.

[key: string]: Object;
}[];
}[] | Object[];
/** Returns the mouse event. */

@@ -101,3 +101,3 @@ event: MouseEvent;

[key: string]: Object;
};
} | Object;
/**

@@ -129,9 +129,9 @@

[key: string]: Object;
}[];
}[] | Object[];
changedRecords: {
[key: string]: Object;
}[];
}[] | Object[];
deletedRecords: {
[key: string]: Object;
}[];
}[] | Object[];
}

@@ -160,6 +160,6 @@ /** @hidden */

[key: string]: Object;
}[];
}[] | Object[];
modifiedData?: {
[key: string]: Object;
}[];
}[] | Object[];
}

@@ -179,1 +179,13 @@ /** @hidden */

}
/** @hidden */
export interface ScrollPosition {
content: ScrollOffset;
column: {
[key: string]: ScrollOffset;
};
}
/** @hidden */
export interface ScrollOffset {
left?: number;
top?: number;
}

2

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

@@ -1,2 +0,2 @@

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 { SortSettingsModel } 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';import { SortSettings } from '../models/sort-settings';
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 { SortSettings } from '../models/sort-settings';import { CardSettingsModel, ColumnsModel, SwimlaneSettingsModel, StackedHeadersModel, DialogSettingsModel } from '../models/index';import { SortSettingsModel } from '../models/index';import { ActionEventArgs, CardClickEventArgs, CardRenderedEventArgs, DragEventArgs, ScrollPosition } 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';
import {ComponentModel} from '@syncfusion/ej2-base';

@@ -3,0 +3,0 @@

12

src/kanban/base/kanban.d.ts

@@ -8,3 +8,3 @@ import { Component, ModuleDeclaration } from '@syncfusion/ej2-base';

import { SortSettingsModel } from '../models/index';
import { ActionEventArgs, CardClickEventArgs, CardRenderedEventArgs, DragEventArgs } from './interface';
import { ActionEventArgs, CardClickEventArgs, CardRenderedEventArgs, DragEventArgs, ScrollPosition } from './interface';
import { QueryCellInfoEventArgs, DialogEventArgs } from './interface';

@@ -48,2 +48,4 @@ import { ReturnType, ConstraintType, CurrentAction } from './type';

swimlaneToggleArray: string[];
scrollPosition: ScrollPosition;
isInitialRender: boolean;
/**

@@ -286,2 +288,10 @@ * It is used to customize the Kanban, which accepts custom CSS class names that defines specific user-defined

*/
renderTemplates(): void;
/**
* @hidden
*/
resetTemplates(templates?: string[]): void;
/**
* @hidden
*/
isBlazorRender(): boolean;

@@ -288,0 +298,0 @@ /**

22

src/kanban/base/kanban.js

@@ -29,2 +29,3 @@ var __extends = (this && this.__extends) || (function () {

import { StackedHeaders } from '../models/stacked-headers';
import { SortSettings } from '../models/sort-settings';
import { Action } from '../actions/action';

@@ -40,3 +41,2 @@ import { Crud } from '../actions/crud';

import * as cls from './css-constant';
import { SortSettings } from '../models/sort-settings';
/**

@@ -94,2 +94,4 @@ * The Kanban component is an efficient way to visually depict various stages of a process using cards with transparent workflows.

}
this.scrollPosition = { content: { left: 0, top: 0 }, column: {} };
this.isInitialRender = true;
};

@@ -334,2 +336,20 @@ /**

*/
Kanban.prototype.renderTemplates = function () {
// tslint:disable-next-line:no-any
if (this.isReact) {
this.renderReactTemplates();
}
};
/**
* @hidden
*/
Kanban.prototype.resetTemplates = function (templates) {
// tslint:disable-next-line:no-any
if (this.isReact) {
this.clearTemplate(templates);
}
};
/**
* @hidden
*/
Kanban.prototype.isBlazorRender = function () {

@@ -336,0 +356,0 @@ return isBlazor() && this.isServerRendered;

2

src/kanban/base/layout-render.d.ts

@@ -31,2 +31,3 @@ import { Kanban } from '../base/kanban';

private onContentScroll;
private onColumnScroll;
private onAdaptiveScroll;

@@ -49,2 +50,3 @@ private isColumnVisible;

refreshCards(): void;
updateScrollPosition(): void;
wireEvents(): void;

@@ -51,0 +53,0 @@ unWireEvents(): void;

59

src/kanban/base/layout-render.js

@@ -69,2 +69,3 @@ var __extends = (this && this.__extends) || (function () {

this.renderValidation();
this.parent.renderTemplates();
}

@@ -76,2 +77,5 @@ else {

this.wireEvents();
if (this.parent.isInitialRender) {
this.parent.isInitialRender = false;
}
};

@@ -120,3 +124,4 @@ LayoutRender.prototype.renderHeader = function (header) {

addClass([th_1], cls.TEMPLATE_CLASS);
var templateHeader = this_1.parent.templateParser(column.template)(templateArgs);
var templateId = this_1.parent.element.id + '_columnTemplate';
var templateHeader = this_1.parent.templateParser(column.template)(templateArgs, this_1.parent, 'template', templateId, false);
append(templateHeader, headerTitle);

@@ -268,3 +273,4 @@ }

addClass([td], cls.TEMPLATE_CLASS);
var swimlaneTemplate = this.parent.templateParser(this.parent.swimlaneSettings.template)(templateArgs);
var templateId = this.parent.element.id + '_swimlaneTemplate';
var swimlaneTemplate = this.parent.templateParser(this.parent.swimlaneSettings.template)(templateArgs, this.parent, 'template', templateId, false);
append(swimlaneTemplate, headerWrap);

@@ -326,3 +332,4 @@ }

addClass([cardElement], cls.TEMPLATE_CLASS);
var cardTemplate = _this.parent.templateParser(_this.parent.cardSettings.template)(data);
var templateId = _this.parent.element.id + '_cardTemplate';
var cardTemplate = _this.parent.templateParser(_this.parent.cardSettings.template)(data, _this.parent, 'template', templateId, false);
append(cardTemplate, cardElement);

@@ -543,7 +550,17 @@ }

});
this.updateScrollPosition();
};
LayoutRender.prototype.onContentScroll = function (e) {
var header = this.parent.element.querySelector('.' + cls.HEADER_CLASS + ' div');
header.scrollLeft = e.target.scrollLeft;
var target = e.target;
var header = this.parent.element.querySelector('.' + cls.HEADER_CLASS);
[].slice.call(header.children).forEach(function (node) { node.scrollLeft = target.scrollLeft; });
this.parent.scrollPosition.content = { left: target.scrollLeft, top: target.scrollTop };
};
LayoutRender.prototype.onColumnScroll = function (e) {
var target = e.target;
if (target.offsetParent) {
var columnKey = target.offsetParent.getAttribute('data-key');
this.parent.scrollPosition.column[columnKey] = { left: target.scrollLeft, top: target.scrollTop };
}
};
LayoutRender.prototype.onAdaptiveScroll = function (e) {

@@ -709,5 +726,3 @@ if (this.parent.touchModule.tabHold && !this.parent.touchModule.mobilePopup) {

else {
cards.forEach(function (card) {
card.setAttribute('aria-selected', 'false');
});
cards.forEach(function (card) { card.setAttribute('aria-selected', 'false'); });
}

@@ -750,3 +765,20 @@ };

};
LayoutRender.prototype.updateScrollPosition = function () {
var _this = this;
var content = this.parent.element.querySelector('.' + cls.CONTENT_CLASS);
if (content) {
content.scrollTo(this.parent.scrollPosition.content.left, this.parent.scrollPosition.content.top);
}
var cardWrapper = [].slice.call(this.parent.element.querySelectorAll('.' + cls.CARD_WRAPPER_CLASS));
cardWrapper.forEach(function (wrapper) {
if (wrapper.offsetParent) {
var scrollData = _this.parent.scrollPosition.column[wrapper.offsetParent.getAttribute('data-key')];
if (scrollData) {
wrapper.scrollTo(scrollData.left, scrollData.top);
}
}
});
};
LayoutRender.prototype.wireEvents = function () {
var _this = this;
EventHandler.add(this.parent.element, 'click', this.parent.actionModule.clickHandler, this.parent.actionModule);

@@ -757,2 +789,9 @@ EventHandler.add(this.parent.element, 'dblclick', this.parent.actionModule.doubleClickHandler, this.parent.actionModule);

EventHandler.add(content, 'scroll', this.onContentScroll, this);
var cardWrapper = [].slice.call(this.parent.element.querySelectorAll('.' + cls.CARD_WRAPPER_CLASS));
cardWrapper.forEach(function (wrapper) {
if (_this.parent.isInitialRender && wrapper.offsetParent) {
_this.parent.scrollPosition.column[wrapper.offsetParent.getAttribute('data-key')] = { left: 0, top: 0 };
}
EventHandler.add(wrapper, 'scroll', _this.onColumnScroll, _this);
});
if (this.parent.isAdaptive) {

@@ -765,2 +804,3 @@ this.parent.touchModule.wireTouchEvents();

LayoutRender.prototype.unWireEvents = function () {
var _this = this;
EventHandler.remove(this.parent.element, 'click', this.parent.actionModule.clickHandler);

@@ -776,2 +816,4 @@ EventHandler.remove(this.parent.element, 'dblclick', this.parent.actionModule.doubleClickHandler);

}
var cardWrapper = [].slice.call(this.parent.element.querySelectorAll('.' + cls.CARD_WRAPPER_CLASS));
cardWrapper.forEach(function (wrapper) { EventHandler.remove(wrapper, 'scroll', _this.onColumnScroll); });
if (this.parent.isAdaptive) {

@@ -791,2 +833,3 @@ this.parent.touchModule.unWireTouchEvents();

LayoutRender.prototype.destroy = function () {
this.parent.resetTemplates();
this.parent.off(events.dataReady, this.initRender);

@@ -793,0 +836,0 @@ this.parent.off(events.contentReady, this.scrollUiUpdate);

dist/ej2-kanban.umd.min.js

Sorry, the diff of this file is too big to display

dist/ej2-kanban.umd.min.js.map

Sorry, the diff of this file is not supported yet

dist/es6/ej2-kanban.es2015.js

Sorry, the diff of this file is too big to display

dist/es6/ej2-kanban.es2015.js.map

Sorry, the diff of this file is not supported yet

dist/es6/ej2-kanban.es5.js

Sorry, the diff of this file is too big to display

dist/es6/ej2-kanban.es5.js.map

Sorry, the diff of this file is not supported yet

dist/global/ej2-kanban.min.js

Sorry, the diff of this file is too big to display

dist/global/ej2-kanban.min.js.map

Sorry, the diff of this file is not supported yet

styles/bootstrap-dark.css

Sorry, the diff of this file is not supported yet

styles/bootstrap.css

Sorry, the diff of this file is not supported yet

styles/bootstrap4.css

Sorry, the diff of this file is not supported yet

styles/fabric-dark.css

Sorry, the diff of this file is not supported yet

styles/fabric.css

Sorry, the diff of this file is not supported yet

styles/highcontrast-light.css

Sorry, the diff of this file is not supported yet

styles/highcontrast.css

Sorry, the diff of this file is not supported yet

styles/kanban/_layout.scss

Sorry, the diff of this file is not supported yet

styles/kanban/_theme.scss

Sorry, the diff of this file is not supported yet

styles/kanban/bootstrap-dark.css

Sorry, the diff of this file is not supported yet

styles/kanban/bootstrap.css

Sorry, the diff of this file is not supported yet

styles/kanban/bootstrap4.css

Sorry, the diff of this file is not supported yet

styles/kanban/fabric-dark.css

Sorry, the diff of this file is not supported yet

styles/kanban/fabric.css

Sorry, the diff of this file is not supported yet

styles/kanban/highcontrast-light.css

Sorry, the diff of this file is not supported yet

styles/kanban/highcontrast.css

Sorry, the diff of this file is not supported yet

styles/kanban/material-dark.css

Sorry, the diff of this file is not supported yet

styles/kanban/material.css

Sorry, the diff of this file is not supported yet

styles/material-dark.css

Sorry, the diff of this file is not supported yet

styles/material.css

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc