JavaScript Kanban version 1.6

Released on November 13, 2024

Review of release on the blog

New functionality

• The ability to change how many assigned users are displayed on a card via the cardShape.users.maxCount property (see the example)
• The ability to change the content of column headers via the columnShape property (see the example)
• The ability to change the view and content of search results via the items.searchResult property of the Toolbar search control (see the example)
• The ability to display the editor as a modal window via the editor.placement property (see the example)
• The ability to enable voting for a card (using the vote icon on the card) via the cardShape.votes.clicable property (see the example)
• The ability to apply a theme via the setTheme() method

Updates

• Properties

  • The cardShape property is extended by the users.maxCount and votes.clickable parameters
  • The columnShape property is extended by the headerTemplate and collapsedTemplate parameters
  • The editor property is extended by the placement parameter
  • The items property of the Toolbar search control is extended by the searchResult parameter

• Events

  • The set-edit event is extended by the eventSource parameter (see the example)

• Methods

  • The setConfig() method functionality was updated in the following way:

    • The method doesn't change history (you cannot change history at all)
    • The method doesn't change themes (use the new setTheme() method instead)
    • The method doesn't destroy Kanban datastore. You don't need to recreate event listeners and reattach Toolbar to Kanban

Fixes

• A comment in progress of editing can be removed and text area for new comments disappears
• Add missing localization strings
• Drag-n-drop does not work if you combine scrollType: "column" and renderType: "lazy" settings
• The editor cannot be closed via the close icon
• The right part of the editor has same color as the progress bar background (in the Willow skin only)

JavaScript Kanban version 1.5

Released on September 12, 2024

Review of release on the blog

New functionality

• An ability to set and delete links between cards at runtime
• An ability to manage links between cards on the server side
• An ability to fix column headers (see the example)

New API

• Methods

  • addLink()
  • deleteLink()
  • getLinks()

• Routes

  • DELETE /links
  • GET /links
  • POST /links

Updates

• The setLocale() method of Toolbar was extended by the api parameter
• The columnShape property is extended by the fixedHeaders parameter
• An ability to import component as ES module

Fixes

• The "Make cover" button does not appear if the extention is uppercase
• Clicking on a disabled Multiselect control occurs an error
• Scrolling after the addCard() method call throws an error with column scroll and lazy rendering
• No comments are saved as "" instead of []
• Editor style is overridden by global styles with a same-name non-unique class selector. See the migration section
• Intercept regression: return false does not prevent inner events
• Disabled files allow files
• Kanban CSS variables of the Dark willow skin are lost for Toolbar and Portals
• Comments and votes changes are not applied to form values when autosave is disabled
• Custom column submenu receives null in onClick function argument
• Unable to set editable mode for Datepickers in Editor
• Console warnings in Kanban examples
• Broken build on npm server
• Add the select parameter into the duplicate-card event and the duplicateCard() method
• Incorrect styles for the comment field in the Kanban editor
• Regression in changing theme
• Kanban affects other widget styles
• Custom column submenu items with disabled: true are still active
• Inability to set custom upload function for the Uploader control
• The missing currentUser TS definition in the IKanbanConfig type
• The disabled: true configuration doesn't work for card menu items
• Unwanted console warnings in Kanban examples
• It is not possible to reset the priority of a task
• Drop-down controls in the Kanban editor don't close on click outside
• Regression in npm packages
• Previously uploaded files remain in the form after switching to another card
• File upload via drag-and-drop doesn't work
• Unexpected deletion of cards while the user presses the Delete key and the form is opens
• The "Search in" dropdown input becomes empty after a card was selected through search
• Added links are not deleted on the backend when the add-link operation is undone
• Correct TypeScript definitions generation
• Links cannot be parsed at runtime, exported, or serialized
• Creating comments section fails if users section was not activated
• Links in store mutates original data and aren't saved properly
• Lazy rendering breaks styles of collapsed columns hover area
• Cards moved to newly created columns disappear
• Textarea for a new comment is not closed when start editing

JavaScript Kanban version 1.4

Released on September 29, 2022

Review of release on the blog

New functionality

• An ability to add comments (Example)
• An ability to apply the material, willow and willow-dark themes (Example)
• An ability to limit users (Example)
• An ability to set links between cards (Example)
• An ability to votes for a card (Example)

New API

• Events:
  add-comment,
  add-link,
  delete-comment,
  delete-link,
  drag-card,
  end-drag-card,
  start-drag-card, and
  update-comment

• Methods:

  • addComment(),
  • deleteComment(), and
  • updateComment()

• Properties:

  • currentUser,
  • links,
  • theme (Kanban), and
  • theme (Toolbar)

Updates

• Methods

  • The api.getState() method is updated

• Properties

  • The cards property is extended by the css, comments and votes parameters
  • The cardShape property is extended by the comments, votes (Example) and css (Example) parameters.
  • The cardTemplate property has an ability to display context menu
  • The columns property is extended by the css (Example) and overlay (Example) parameters
  • The columnShape property is extended by the css parameter (Example)
  • The editorShape property is extended by the comments and links types, and format parameter for date/dateRange types
  • The rows property is extended by the css parameter (Example)
  • The rowShape property is extended by the css parameter (Example)

Deprecated API

• Properties

  • label in menu item objects in cardShape.menu.items, columnShape.menu.items, and rowShape.menu.items

Fixes

• Menu position is wrong when Kanban is inside a container with margins
• Wrong position of collapsed columns in case of custom column width
• Dropping a card into a collapsed column results in the card's disappearing
• Wrong position of collapsed columns in case of custom column width
• Swimlanes. The context menu of the card is overlapped by the editing panel and therefore the card cannot be deleted

JavaScript Kanban version 1.3

Released on September 29, 2022

Review of release on the blog

New functionality

• Duplicating cards via API, a context menu (3 dots icon) or the Ctrl (Command) + D shortcuts (allows duplicating multiple cards)
• Exporting Kanban data to a JSON file
• Managing Kanban history:
  • via Undo and Redo controls on Toolbar
  • via shortcuts:
    • Ctrl (Command)+Z - undo action
    • Ctrl (Command)+Y or Ctrl (Command)+Shift+Z - redo action
  • via API

New API

• Events:
  duplicate-card

• Methods:
  duplicateCard(),
  export.json(),
  getUsers(),
  redo() and
  undo()

• Properties:
  editor and
  history

• Common settings:
  $meta

Deprecated API

• Properties:
  editorAutoSave

Updates

• Events

  • The update-card event of Kanban is updated
  • The update-column event of Kanban is updated
  • The update-row event of Kanban is updated

• Methods

  • The updateCard() method of Kanban is updated
  • The updateColumn() method of Kanban is updated
  • The updateRow() method of Kanban is updated

• Properties

  • The items property of Toolbar is extended by the "undo" and "redo" parameters (controls)
  • The editorShape property is extended by the dateRange type

JavaScript Kanban version 1.2

Released on June 29, 2022

New functionality

• Adding new cards via a column menu (see the example)
• Lazy rendering (see the example)
• Scrolling for separate columns (see the example)
• Scrolling Kanban to the new created cards, columns and rows (API and UI) (see the example)
• Sorting cards (API and UI) see the (example)

New API

• Events:
  scroll
set-edit
set-sort

• Methods:
  scroll()
setEdit()
setSort()

• Properties:
  cardHeight
columnShape
rowShape
renderType
scrollType

Updates

Properties

• The items property of Toolbar is updated
• The start_date, end_date, menu and users parameters (fields) of the cardShape property are updated
• The multiselect type of the editorShape property is updated

Methods

• The api.getReactiveState() method is updated
• The api.getState() method is updated
• The api.getStores() method is updated
• The setLocale() method of Kanban is updated
• The setLocale() method of Toolbar is updated

Common

• Prefixes of CSS classes (see the Stylization section)
• Locale structure (see the Localization section)

Fixes

• Binding cards to swimlanes via the rowKey config works incorrectly
• Clicking on card menu opens editor
• Dragging several cards works incorrectly
• Editing cards when select: false (readonly config) works incorrectly
• Selecting new added cards via the addCard() method works incorrectly
• The label: false and menu: false parameters of the cardShape property work incorrectly

JavaScript Kanban version 1.1

Released on February 15, 2022

New functionality

• The ability to collapse/uncollapse columns using an arrow on the left of the column label
• The ability to limit the number of cards for the columns and swimlanes
• The ability to move columns via the context menu (a 3 dots icon)
• The ability to move rows via the context menu (a 3 dots icon)
• The ability to select multiple cards of the same column using the familiar Shift + click combination
• The ability to use TypeScript definitions of Kanban

New API

• New events for moving columns and rows: move-column and move-row
• New methods for moving columns and rows: moveColumn() and moveRow()

Updates

The columns property was updated and extended by the following parameters:

• collapsed
• limit
• strictLimit

JavaScript Kanban version 1.0

Released on November 23, 2021

Initial functionality

• Ability to work with cards in the following way:
  • add new cards
  • select cards (multiselection)
  • delete cards
  • search for cards
  • reorder cards by dragging them to the desired column (and row)
  • manage the card data via the editor:
    • label
    • description
    • progress
    • start date
    • end date
    • color
    • priority
    • attachment (files and pictures)
    • custom fields
• Ability to work with columns and rows in the following way:
  • add new columns and rows
  • delete columns and rows
  • rename columns and rows
  • collapse/uncollapse rows
• Localization
• Integration with backend (Go and Node)
• Cross browser compatibility
• Touch support