New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
@syncfusion/ej2-react-kanban
Advanced tools
@syncfusion/ej2-react-kanban - npm Package Compare versions
Comparing version 20.3.60 to 20.4.38
@@ -9,22 +9,4 @@ # Changelog | ||
| - `#F178602` - Now, the ability to drag & drop several cards onto the same column works properly. | ||
| - `#F178604` - Now, the arrangement of several cards in descending order after drag and drop is now resolved. | ||
| - `#FB37690` - Now, the dragged card is positioned properly when the swimlane is frozen with a fixed height for kanban. | ||
| ## 20.3.59 (2022-11-29) | ||
| ### Kanban | ||
| #### Bug Fixes | ||
| - `#FB37730` - Now, dragging and dropping cards quickly onto empty columns works properly. | ||
| - `#F178105` - Now, dragging and dropping cards between the columns for the first time will trigger the `dataSourceChanged` event properly. | ||
| ## 20.3.49 (2022-10-11) | ||
| ### Kanban | ||
| #### Bug Fixes | ||
| - `#I407975` - Now, the column clones are created properly when dragging the card when the horizontal page scroll appears and it is scrolled. | ||
| ## 20.2.44 (2022-08-16) | ||
@@ -31,0 +13,0 @@ |
@@ -6,3 +6,3 @@ { | ||
| "keywords": { | ||
| "common": ["ej2", "syncfusion", "web-components", "kanban", "Kanban-board", "swimlane", "wip"], | ||
| "common": ["ej2", "syncfusion", "kanban", "Kanban-board", "swimlane", "wip", "task-management", "sprint-board", "scrum-board", "agile-board"], | ||
| "angular": ["angular", "ng", "ng-kanban", "angular-kanban", "angular-kanban-board"], | ||
@@ -9,0 +9,0 @@ "react": ["react", "react-kanban", "react-kanban-board"], |
| /*! | ||
| * filename: ej2-react-kanban.min.js | ||
| * version : 20.3.60 | ||
| * version : 20.4.38 | ||
| * Copyright Syncfusion Inc. 2001 - 2020. All rights reserved. | ||
@@ -5,0 +5,0 @@ * Use of this code is subject to the terms of our license. |
| /*! | ||
| * filename: ej2-react-kanban.umd.min.js | ||
| * version : 20.3.60 | ||
| * version : 20.4.38 | ||
| * Copyright Syncfusion Inc. 2001 - 2020. All rights reserved. | ||
@@ -5,0 +5,0 @@ * Use of this code is subject to the terms of our license. |
| { | ||
| "_from": "@syncfusion/ej2-react-kanban@*", | ||
| "_id": "@syncfusion/ej2-react-kanban@20.3.59", | ||
| "_id": "@syncfusion/ej2-react-kanban@19.11.4", | ||
| "_inBundle": false, | ||
| "_integrity": "sha512-6c8SiTbJe5v6sRp+WD/PlRJ83CB8rm46ajLJvsKp8/Y0tbg3IAYOtxCWS/IaB0SJWsVZeqNUbwPIBUtjmlG03Q==", | ||
| "_integrity": "sha512-PG6IT7e8KwOCtN9uUJfMKCid3Xa1Aw5O3/r8Yney98skPVDiG436oQwLn3MqrHJlUdWwPAzPPtQWKN/N6IFRyQ==", | ||
| "_location": "/@syncfusion/ej2-react-kanban", | ||
@@ -22,4 +22,4 @@ "_phantomChildren": {}, | ||
| ], | ||
| "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-kanban/-/ej2-react-kanban-20.3.59.tgz", | ||
| "_shasum": "f12153ff5efc83e79a1fed6e17943e466123f410", | ||
| "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-react-kanban/-/ej2-react-kanban-19.11.4.tgz", | ||
| "_shasum": "bbd3ba9a25cd52af0dc84642a2e0144f5805c667", | ||
| "_spec": "@syncfusion/ej2-react-kanban@*", | ||
@@ -35,5 +35,5 @@ "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included", | ||
| "dependencies": { | ||
| "@syncfusion/ej2-base": "~20.3.56", | ||
| "@syncfusion/ej2-kanban": "20.3.60", | ||
| "@syncfusion/ej2-react-base": "~20.3.56" | ||
| "@syncfusion/ej2-base": "~20.4.38", | ||
| "@syncfusion/ej2-kanban": "20.4.38", | ||
| "@syncfusion/ej2-react-base": "~20.4.38" | ||
| }, | ||
@@ -48,3 +48,2 @@ "deprecated": false, | ||
| "syncfusion", | ||
| "web-components", | ||
| "kanban", | ||
@@ -54,2 +53,6 @@ "Kanban-board", | ||
| "wip", | ||
| "task-management", | ||
| "sprint-board", | ||
| "scrum-board", | ||
| "agile-board", | ||
| "react", | ||
@@ -67,4 +70,4 @@ "react-kanban", | ||
| }, | ||
| "version": "20.3.60", | ||
| "version": "20.4.38", | ||
| "sideEffects": false | ||
| } |
154
README.md
@@ -1,68 +0,140 @@ | ||
| # ej2-react-kanban | ||
| # React Kanban Component | ||
| The Kanban Board component is an efficient way to visualize workflow at each stage along its path to completion. The control supports necessary features to design task scheduling applications. The key features are swimlanes, customizable cards, binding from local and remote data sources, columns mapping, stacked headers, WIP validation, templating, responsiveness, filtering, and editing. | ||
| The [React Kanban](https://www.syncfusion.com/react-components/react-kanban-board?utm_source=npm&utm_medium=listing&utm_campaign=react-kanban-npm) component is a popular tool for visualizing and managing work in a variety of contexts, including software development, project management, and personal productivity. The control supports necessary features to design task scheduling applications. The key features are swimlanes, customizable cards, binding from local and remote data sources, columns mapping, stacked headers, WIP validation, templating, responsiveness, filtering, and editing. | ||
| > This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's [EULA](https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at [here](https://www.syncfusion.com/sales/products) or start a free 30-day trial from [here](https://www.syncfusion.com/account/manage-trials/start-trials). | ||
| > A free community [license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers. | ||
| <p align="center"> | ||
| <a href="https://ej2.syncfusion.com/react/documentation/kanban/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=react-kanban-npm">Getting started</a> . | ||
| <a href="https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-kanban-npm#/bootstrap5/kanban/overview">Online demos</a> . | ||
| <a href="https://www.syncfusion.com/react-components/react-kanban-board?utm_source=npm&utm_medium=listing&utm_campaign=react-kanban-npm">Learn more</a> | ||
| </p> | ||
| <p align="center"> | ||
| <img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/react/react-kanban.png" alt="React Kanban Component"/> | ||
| </p> | ||
| <p align="center"> | ||
| Trusted by the world's leading companies | ||
| <a href="https://www.syncfusion.com"> | ||
| <img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/syncfusion/syncfusion-trusted-companies.webp" alt="Bootstrap logo"> | ||
| </a> | ||
| </p> | ||
| ## Setup | ||
| ### Create a React Application | ||
| You can use [`create-react-app`](https://github.com/facebookincubator/create-react-app) to setup applications. To create React app use the following command. | ||
| ```bash | ||
| npx create-react-app my-app --template typescript | ||
| cd my-app | ||
| npm start | ||
| ``` | ||
| ### Adding Syncfusion Kanban package | ||
| To install Kanban and its dependent packages, use the following command. | ||
| ```sh | ||
| npm install @syncfusion/ej2-react-kanban | ||
| npm install @syncfusion/ej2-react-kanban --save | ||
| ``` | ||
| ## Resources | ||
| ### Adding CSS references for Kanban | ||
| * [Getting Started](https://ej2.syncfusion.com/react/documentation/kanban/getting-started/index.html) | ||
| * [View Online Demos](https://ej2.syncfusion.com/react/demos/#/material/kanban/overview) | ||
| * [Product Page](https://www.syncfusion.com/react-ui-components/react-kanban-board) | ||
| Add CSS references needed for Kanban in **src/App.css** from **../node_modules/@syncfusion** package folder. | ||
| ## Supported Frameworks | ||
| ```css | ||
| @import "../node_modules/@syncfusion/ej2-base/styles/bootstrap5.css"; | ||
| @import '../node_modules/@syncfusion/ej2-buttons/styles/bootstrap5.css'; | ||
| @import "../node_modules/@syncfusion/ej2-layouts/styles/bootstrap5.css"; | ||
| @import '../node_modules/@syncfusion/ej2-dropdowns/styles/bootstrap5.css'; | ||
| @import '../node_modules/@syncfusion/ej2-inputs/styles/bootstrap5.css'; | ||
| @import "../node_modules/@syncfusion/ej2-navigations/styles/bootstrap5.css"; | ||
| @import "../node_modules/@syncfusion/ej2-popups/styles/bootstrap5.css"; | ||
| @import "../node_modules/@syncfusion/ej2-react-kanban/styles/bootstrap5.css"; | ||
| ``` | ||
| The Kanban control is also available in following list of frameworks. | ||
| ### Add Kanban Component | ||
| 1. [Angular](https://www.syncfusion.com/angular-ui-components/angular-kanban-board) | ||
| 2. [Vue](https://www.syncfusion.com/vue-ui-components/vue-kanban-board) | ||
| 3. [Blazor](https://www.syncfusion.com/blazor-components/blazor-kanban-board) | ||
| 4. [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls/kanban-board) | ||
| 5. [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls/kanban-board) | ||
| 6. [JavaScript (ES5)](https://www.syncfusion.com/javascript-ui-controls/js-kanban-board) | ||
| In **src/App.tsx** file, use the following code snippet to render the Syncfusion React Kanban control and import **App.css** to apply styles to the kanban: | ||
| ## Key Features | ||
| ```typescript | ||
| import { KanbanComponent, ColumnsDirective, ColumnDirective } from "@syncfusion/ej2-react-kanban"; | ||
| import * as React from 'react'; | ||
| import './App.css'; | ||
| * [**Data binding**](https://ej2.syncfusion.com/react/demos/#/material/kanban/remote-data) - Seamless data binding with various local and remote data sources. | ||
| * [**Swimlane**](https://ej2.syncfusion.com/react/demos/#/material/kanban/swimlane): The horizontal categorization of cards in the kanban, which brings transparency to the workflow. The swimlane rows can be expanded and collapsed. | ||
| * **Key mapping**: Map one or multiple keys to single columns. | ||
| * [**Toggle Columns**](https://ej2.syncfusion.com/react/demos/#/material/kanban/toggle-columns): The columns can be expanded and collapsed. | ||
| * [**WIP Validation**](https://ej2.syncfusion.com/react/demos/#/material/kanban/wip-validation): Set a minimum and maximum number of cards in a column. | ||
| * [**Dialog Editing**](https://ej2.syncfusion.com/react/demos/#/material/kanban/dialog-editing): The dialog editing support is used to perform CRUD actions such as add new card, edit or delete existing cards. | ||
| * [**Drag and Drop**](https://ej2.syncfusion.com/react/demos/#/material/kanban/overview): Cards can be easily dragged and dropped from one column to another. You can also drag them from one swim lane to another. | ||
| * [**Stacked headers**](https://ej2.syncfusion.com/react/demos/#/material/kanban/stacked-header): Additional column headers can be added in a stacked manner. | ||
| * [**Tooltip**](https://ej2.syncfusion.com/react/demos/#/material/kanban/tooltip-template): Display the card information with a default tooltip and templated tooltip. | ||
| * **Selection**: Select a single or multiple cards. | ||
| * [**Templates**](https://ej2.syncfusion.com/react/demos/#/material/kanban/card-template): The key elements such as cards, column headers, swimlanes and tooltip come with template support for embedding any kind of HTML element and CSS style. | ||
| * **Responsive rendering**: Adapts with optimal user interfaces to mobile and desktop form-factors. | ||
| * **Localization**: All the static text content can be localized to any desired language. | ||
| * **RTL**: Display the control contents from right to left. | ||
| * **Built-in themes**: Material, Fabric, Bootstrap 3 and 4, and high contrast themes can be used to present a better UI appearance. | ||
| function App() { | ||
| let data = [ | ||
| { Id: 1, Status: 'Open', Summary: 'Analyze the new requirements gathered from the customer.', Type: 'Story', Priority: 'Low', Tags: 'Analyze,Customer', Estimate: 3.5, Assignee: 'Nancy Davloio', RankId: 1 }, | ||
| { Id: 2, Status: 'InProgress', Summary: 'Fix the issues reported in the IE browser.', Type: 'Bug', Priority: 'Release Breaker', Tags: 'IE', Estimate: 2.5, Assignee: 'Janet Leverling', RankId: 2 }, | ||
| { Id: 3, Status: 'Testing', Summary: 'Fix the issues reported by the customer.', Type: 'Bug', Priority: 'Low', Tags: 'Customer', Estimate: '3.5', Assignee: 'Steven walker', RankId: 1 }, | ||
| { Id: 4, Status: 'Close', Summary: 'Arrange a web meeting with the customer to get the login page requirements.', Type: 'Others', Priority: 'Low', Tags: 'Meeting', Estimate: 2, Assignee: 'Michael Suyama', RankId: 1 }, | ||
| { Id: 5, Status: 'Validate', Summary: 'Validate new requirements', Type: 'Improvement', Priority: 'Low', Tags: 'Validation', Estimate: 1.5, Assignee: 'Robert King', RankId: 1 } | ||
| ]; | ||
| return ( | ||
| <div className="App"> | ||
| <KanbanComponent id="kanban" keyField="Status" dataSource={data} cardSettings={{ contentField: "Summary", headerField: "Id" }}> | ||
| <ColumnsDirective> | ||
| <ColumnDirective headerText="To Do" keyField="Open"/> | ||
| <ColumnDirective headerText="In Progress" keyField="InProgress"/> | ||
| <ColumnDirective headerText="Testing" keyField="Testing"/> | ||
| <ColumnDirective headerText="Done" keyField="Close"/> | ||
| </ColumnsDirective> | ||
| </KanbanComponent> | ||
| </div> | ||
| ); | ||
| }; | ||
| export default App; | ||
| ``` | ||
| ## Support | ||
| ## Supported frameworks | ||
| Product support is available through following mediums. | ||
| Kanban component is also offered in the following list of frameworks. | ||
| * Creating incident through Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents) support system or [Community forum](https://www.syncfusion.com/forums/essential-js2). | ||
| * New [GitHub issue](https://github.com/syncfusion/ej2-react-ui-components/issues/new). | ||
| * Ask your query in Stack Overflow with tag `syncfusion`, `ej2`. | ||
| | [<img src="https://ej2.syncfusion.com/github/images/js.svg" height="50" />](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github)<br/> [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github) | [<img src="https://ej2.syncfusion.com/github/images/angular.svg" height="50" />](https://www.syncfusion.com/angular-components/?utm_medium=listing&utm_source=github)<br/> [Angular](https://www.syncfusion.com/angular-components/?utm_medium=listing&utm_source=github) | [<img src="https://ej2.syncfusion.com/github/images/vue.svg" height="50" />](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)<br/> [Vue](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github) | [<img src="https://ej2.syncfusion.com/github/images/netcore.svg" height="50" />](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)<br/> [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github) | [<img src="https://ej2.syncfusion.com/github/images/netmvc.svg" height="50" />](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)<br/> [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github) | | ||
| | :-----: | :-----: | :-----: | :-----: | :-----: | | ||
| ## License | ||
| ## Showcase samples | ||
| Check the license detail [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/license). | ||
| * Loan Calculator - [Source](https://github.com/syncfusion/ej2-showcase-react-loan-calculator), [Live Demo](https://ej2.syncfusion.com/showcase/react/loancalculator/?utm_source=npm&utm_medium=listing&utm_campaign=react-kanban-npm#/default) | ||
| * Fitness Tracker - [Source](https://github.com/SyncfusionExamples/showcase-react-health-tracker-dashboard-demo), [Live Demo](https://ej2.syncfusion.com/showcase/react/fitness-tracker-app/) | ||
| ## Key features | ||
| * [Data binding](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-kanban-npm#/material/kanban/remote-data) - Seamless data binding refers to the process of linking the data displayed on a Kanban board with a variety of data sources, such as array of JSON objects or DataManager. | ||
| * [Swimlane](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-kanban-npm#/material/kanban/swimlane) - Swimlanes are typically represented as rows within the board, with each row containing its own set of columns and cards. The rows can be expanded and collapsed as needed to show or hide the contained cards, which can be useful for reducing clutter and focusing on specific areas of work. | ||
| * [Toggle columns](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-kanban-npm#/material/kanban/toggle-columns) - To expand and collapse the columns as needed in order to focus on specific areas of work or reduce clutter on the board. | ||
| * [WIP validation](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-kanban-npm#/material/kanban/wip-validation) - Work-in-progress (WIP) validation is a common practice in Kanban boards, and it involves setting limits on the number of tasks or cards that can be in progress at any given time. This helps to prevent overloading team members and ensures that work is being completed in a timely and efficient manner. | ||
| * [Dialog editing](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-kanban-npm#/material/kanban/dialog-editing) - Dialog editing support refers to the ability to perform create, read, update, and delete (CRUD) actions on the cards using dialog box. This can be useful for allowing users to quickly and easily add new tasks or make changes to existing ones without having to navigate away from the Kanban board. | ||
| * [Drag and drop](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-kanban-npm#/material/kanban/overview) - Cards can be easily dragged and dropped from one column to another, as well as from one swimlane to another, in order to indicate progress and changes in status. This can be a convenient and intuitive way for users to manage their work and collaborate with team members. | ||
| * [Stacked headers](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-kanban-npm#/material/kanban/stacked-header) - To add additional column headers in a stacked manner, which can be useful for displaying additional information or for organizing the columns in a more visually appealing way. | ||
| * [Card tooltip](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-kanban-npm#/material/kanban/tooltip-template) - To display the information for a card using a tooltip template, which can be a convenient way for users to view and interact with the data without having to open a separate dialog or window. | ||
| * [Templates](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_medium=listing&utm_campaign=react-kanban-npm#/material/kanban/card-template) - Templates to customize the appearance and behavior of the key elements, such as cards, column headers, swimlanes, and tooltips. This can be useful for embedding any kind of HTML element or CSS style, and for creating a more personalized and interactive user experience. | ||
| * [Responsive rendering](https://ej2.syncfusion.com/react/documentation/kanban/responsive-mode/?utm_source=npm&utm_medium=listing&utm_campaign=react-kanban-npm#responsive-mode) - A Kanban board can be designed to adapt to different form-factors, such as mobile and desktop, in order to provide an optimal user experience across different devices and screen sizes. | ||
| * [Localization support](https://ej2.syncfusion.com/react/documentation/kanban/localization/?utm_source=npm&utm_medium=listing&utm_campaign=react-kanban-npm#globalization) - To localize the static text content to any desired language in order to make the control more accessible and user-friendly for international users. | ||
| * [RTL support](https://ej2.syncfusion.com/react/documentation/kanban/localization/?utm_source=npm&utm_medium=listing&utm_campaign=react-kanban-npm#right-to-left-rtl) - To display the control contents from right to left (RTL) in order to support languages that are written in this direction, such as Arabic or Hebrew. | ||
| ## Support | ||
| Product support is available through the following mediums. | ||
| * [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support | ||
| * [Community forum](https://www.syncfusion.com/forums/react-js2?utm_source=npm&utm_medium=listing&utm_campaign=react-kanban-npm) | ||
| * [GitHub issues](https://github.com/syncfusion/ej2-react-ui-components/issues/new) | ||
| * [Request feature or report bug](https://www.syncfusion.com/feedback/react?utm_source=npm&utm_medium=listing&utm_campaign=react-kanban-npm) | ||
| * Live chat | ||
| ## Changelog | ||
| Check the changelog [here](https://ej2.syncfusion.com/react/documentation/release-notes). | ||
| Check the changelog [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/components/kanban/CHANGELOG.md?utm_source=npm&utm_medium=listing&utm_campaign=react-kanban-npm). Get minor improvements and bug fixes every week to stay up to date with frequent updates. | ||
| ## License and copyright | ||
| > This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 80+ [React UI components](https://www.syncfusion.com/react-components), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials). | ||
| > A free community [license](https://github.com/syncfusion/ej2-react-ui-components/blob/master/license?utm_source=npm&utm_medium=listing&utm_campaign=react-kanban-npm) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers. | ||
| See [LICENSE FILE](https://github.com/syncfusion/ej2-react-ui-components/blob/master/license?utm_source=npm&utm_medium=listing&utm_campaign=react-kanban-npm) for more info. | ||
| © Copyright 2022 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution. |
No alert changes
Improved metrics
- Total package byte prevSize
- increased by0.58%
1409373
- Number of lines in readme file
- increased by105.88%
140
Dependency changes
+ Added@syncfusion/ej2-base@20.4.51(transitive)
+ Added@syncfusion/ej2-buttons@20.4.53(transitive)
+ Added@syncfusion/ej2-data@20.4.48(transitive)
+ Added@syncfusion/ej2-dropdowns@20.4.54(transitive)
+ Added@syncfusion/ej2-icons@20.4.48(transitive)
+ Added@syncfusion/ej2-inputs@20.4.54(transitive)
+ Added@syncfusion/ej2-kanban@20.4.38(transitive)
+ Added@syncfusion/ej2-layouts@20.4.53(transitive)
+ Added@syncfusion/ej2-lists@20.4.50(transitive)
+ Added@syncfusion/ej2-navigations@20.4.53(transitive)
+ Added@syncfusion/ej2-popups@20.4.53(transitive)
+ Added@syncfusion/ej2-react-base@20.4.54(transitive)
+ Added@syncfusion/ej2-splitbuttons@20.4.50(transitive)
- Removed@syncfusion/ej2-base@20.3.56(transitive)
- Removed@syncfusion/ej2-buttons@20.3.58(transitive)
- Removed@syncfusion/ej2-data@20.3.60(transitive)
- Removed@syncfusion/ej2-dropdowns@20.3.60(transitive)
- Removed@syncfusion/ej2-icons@20.3.56(transitive)
- Removed@syncfusion/ej2-inputs@20.3.57(transitive)
- Removed@syncfusion/ej2-kanban@20.3.60(transitive)
- Removed@syncfusion/ej2-layouts@20.3.58(transitive)
- Removed@syncfusion/ej2-lists@20.3.56(transitive)
- Removed@syncfusion/ej2-navigations@20.3.60(transitive)
- Removed@syncfusion/ej2-popups@20.3.60(transitive)
- Removed@syncfusion/ej2-react-base@20.3.56(transitive)
- Removed@syncfusion/ej2-splitbuttons@20.3.56(transitive)