v7.3.0

Bryntum TaskBoard version history

7.3.x - Unreleased

FEATURES / ENHANCEMENTS

  • We've added a new AI feature which provides an AI agent for the TaskBoard. By using the provided chat panel, the user can ask the agent to interact with the TaskBoard using natural language. For example, the user can ask the agent to move tasks between columns, filter, highlight or select tasks, and manage resources. The agent can also perform data manipulation operations such as adding, updating, and deleting tasks. The feature and all its related components are marked as experimental and are subject to change
  • Added new TaskHighlighting mixin with highlightTasks() and unhighlightTasks() methods for programmatically highlighting tasks on the board, dimming non-highlighted cards to 20% opacity

STYLING CHANGES

  • Removed content: var(--fa) convenience CSS rule from .b-icon::before / .b-fw-icon::before. Font Awesome icon classes like fa-book now require the fa base class (e.g., fa fa-book) (#12790)

DEMOS

  • [VUE-3-NUXT] "Basic" (NUXT) demo shows using TaskBoard in NUXT. The demo is located in frameworks/vue-3-nuxt/basic folder (#10220)
  • Added ai-taskboard demo showing the AI agent in action. Demo is located in the examples/ai-taskboard folder

7.2.3 - 2026-04-09

BUG FIXES

  • #12586 - Bryntum TaskBoard responsive configs issue

VERSIONS SUPPORT

  • NodeJS: >= 20.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 3.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0
  • Remix: >= 2.15.0

7.2.2 - 2026-03-19

BUG FIXES

  • #12738 - Bryntum TaskBoard: Multiple resourceAvatars name duplication in tooltip
  • #12798 - HSL color definitions missing % on saturation broke colors on older Safari/iOS

VERSIONS SUPPORT

  • NodeJS: >= 20.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 3.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0
  • Remix: >= 2.15.0

7.2.1 - 2026-02-26

BUG FIXES

  • #12663 - Crash when adding task with SimpleTaskEdit feature while TaskBoard is hidden

VERSIONS SUPPORT

  • NodeJS: >= 20.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 3.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0
  • Remix: >= 2.15.0

7.2.0 - 2026-02-24

FEATURES / ENHANCEMENTS

  • TaskBoard and its TaskStore now support sparseIndex to improve sync performance with large datasets (#11978)

DEMOS

  • Added a new Kitchen Sink demo showcasing all the various widgets included in the Bryntum TaskBoard package. The demo is located in the examples/kitchen-sink folder (#3961)
  • A new demo showcasing TaskBoard using sparseIndex has been added to our TaskBoard examples. This demo uses a mocked backend built with a service worker and IndexedDB to demonstrate the backend synchronization

VERSIONS SUPPORT

  • NodeJS: >= 20.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 3.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0
  • Remix: >= 2.15.0

7.1.3 - 2026-02-18

STYLING CHANGES

  • The default value for --b-task-board-card-selected-background was changed from --b-primary-98 to --b-primary-96 to improve visibility of selected cards (#12583)

BUG FIXES

  • #12618 - TaskDrag feature should not allow dragging task records that have draggable set to false
  • #12620 - Change TaskBoard column sort icon
  • #12621 - TaskBoard problems with adding new columns and tasks

VERSIONS SUPPORT

  • NodeJS: >= 20.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 3.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0
  • Remix: >= 2.15.0

7.1.2 - 2026-02-09

BUG FIXES

  • #11911 - [NPM] Incorrect source maps in npm packages (@bryntum/taskboard, @bryntum/taskboard-trial)
  • #12094 - Undoing a card move within a column using the STM does not work
  • #12378 - Moving task to a filtered column does not re-apply filtering
  • #12410 - Should be possible to edit a newly added task when filter is applied

VERSIONS SUPPORT

  • NodeJS: >= 20.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 3.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0
  • Remix: >= 2.15.0

7.1.1 - 2026-01-22

BUG FIXES

  • #10476 - ColumnPickerButton not showing submenu when in overflow menu
  • #12422 - Improve documentation for TaskStorechainFilters config
  • #12444 - [HIGH PRIO] TaskBoardFilterBar/ColumnFilter/ColumnSort should all support toggling per column

VERSIONS SUPPORT

  • NodeJS: >= 20.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 3.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0
  • Remix: >= 2.15.0

7.1.0 - 2025-12-19

FEATURES / ENHANCEMENTS

  • Feature FilterBar now supports multi-word search across multiple fields (#12043), and highlighting of matches (#11589)

STYLING CHANGES

  • Added a new fluent2 theme, available in both a light and dark variant (#10338)

BUG FIXES

  • #12381 - Non-circular task count badge when collapsing column with lots of tasks
  • #12408 - Restore highlighting when task editor is canceled without change

VERSIONS SUPPORT

  • NodeJS: >= 20.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 3.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0
  • Remix: >= 2.15.0

7.0.2 - 2025-12-16

FEATURES / ENHANCEMENTS

  • Internal code improvements and bugfixes

VERSIONS SUPPORT

  • NodeJS: >= 20.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 3.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0
  • Remix: >= 2.15.0

7.0.1 - 2025-12-05

STYLING CHANGES

  • TaskBoard now uses container queries to hide card count & expand / collapse / menu buttons from the column header on smaller column widths (#12283)

BUG FIXES

  • #12000 - Task card doesn't appear when moved via swimlanes
  • #12296 - Column resize handles having zero width in some examples

VERSIONS SUPPORT

  • NodeJS: >= 20.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 3.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0
  • Remix: >= 2.15.0

7.0.0 - 2025-11-25

  • We are proud to announce version 7.0 of our products. In this update we have overhauled the look and feel of all products, introducing a new CSS variable based theming system with the following new themes available:
    • Svalbard - our new default theme, flat and modern
    • Visby - inspired by the town's old ring wall, uses more borders
    • Material3 - newer material, up from v1
    • Stockholm - a refreshed classic
    • High contrast - more contrast between text and backgrounds
  • A special thanks to everyone who helped us by testing our alpha and beta versions. Your feedback and support have been invaluable

FEATURES / ENHANCEMENTS

  • All Bryntum products have had a major visual overhaul, modernizing not only their look but also the underlying CSS. See the "Styling changes" section below for more details, and be sure to check out our updated demos
  • Updated versioning scheme: for Alpha and Beta pre-releases now follow semantic versioning format (e.g., 7.0.0-alpha.1, 7.0.0-beta.1)
  • [TypeScript] Improved TypeScript definitions to support function parameters in typedef declarations

API CHANGES

  • [BREAKING] DatePicker's cellRenderer is now passed the cell element as the cell property of its render context. The inner element into which new content can be added is passed as innerCell. Previously the inner element was passed in the cell property. This will only affect your apps if you have implemented a cellRenderer in any DatePicker
  • Added a new parameter clearChanges to the store's applyChangeset method which, when passed as false, applies changes to the store without committing them, keeping the store dirty. By default, it is true. (#11089)

STYLING CHANGES

  • [BREAKING] The styling of all Bryntum products has been migrated from SASS to nested CSS with custom properties (CSS variables). This change makes it much easier to create custom themes, and to change styling settings at runtime. But the change is not backwards compatible, any custom themes will have to be remade using the new system. The built-in themes and how they are applied to an app have also changed, we now ship 4 themes: Material3, Stockholm, Svalbard & Visby + a high contrast theme. Each theme has a light and dark variant. Check out the what's new guide and the updated styling guides for more information
  • [BREAKING] Bryntum CSS selectors have been normalized to use consistent hyphenated names (kebab-casing). For example, the TabPanel class used to have the b-tabpanel class, but is now b-tab-panel. This change is not backwards compatible, so any custom CSS will have to be updated
  • [BREAKING] FontAwesome Free is no longer built into the Bryntum CSS, you will have to include it in your app for the default icons to show up as intended. This also means that the b-fa- prefix no longer exists, any icons in your app relying on that has to be changed to FontAwesome's default fa- prefix. This change was done to reduce bloat for anyone using another icon set, and also makes it easier for apps to use a different version of FontAwesome

BUG FIXES

  • #12149 - TaskBoard web components not switching to dark theme

VERSIONS SUPPORT

  • NodeJS: >= 20.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 3.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0
  • Remix: >= 2.15.0

6.3.4 - 2025-11-20

FEATURES / ENHANCEMENTS

  • [VUE-3] Vue 3 npm wrapper packages now include types declaration in package.json (#12014)

BUG FIXES

  • #12124 - TaskBoardcolumnResize feature collides with columnLock
  • #12146 - Collapse/expand arrows for locked column pointing the wrong direction

VERSIONS SUPPORT

  • NodeJS: >= 20.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 3.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0
  • Sass: >= 1.78.0
  • Remix: >= 2.15.0

6.3.3 - 2025-10-06

DEMOS

  • Our new Salesforce Community page is up and running. It solves the problem caused by recent change in Salesforce policy regarding Non-Revenue Orgs. Look up "Device Activation Is Always Required for Non-Revenue Orgs"

BUG FIXES

  • #11923 - Filter popup draggable is not configurable

VERSIONS SUPPORT

  • NodeJS: >= 20.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 3.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0
  • Sass: >= 1.78.0
  • Remix: >= 2.15.0

6.3.2 - 2025-09-15

BUG FIXES

  • #11651 - TaskFilterField does not update UI and only filters store
  • #11800 - Column resize feature missing on frameworks bundles

VERSIONS SUPPORT

  • NodeJS: >= 20.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 3.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0
  • Sass: >= 1.78.0
  • Remix: >= 2.15.0

6.3.1 - 2025-08-07

BUG FIXES

  • #11643 - Add config option to auto-close column sort menu in TaskBoard
  • #11664 - StoreSort should be able to invert the sort order when a sort function is used

VERSIONS SUPPORT

  • NodeJS: >= 20.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 3.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0
  • Sass: >= 1.78.0
  • Remix: >= 2.15.0

6.3.0 - 2025-07-21

FEATURES / ENHANCEMENTS

  • TaskBoard now supports adding a "catch-all" column that displays all tasks that do not fit into any other column. To use it, add a column with id: '*' (#11506)
  • TaskBoard has a new feature to provide per-column sorting capabilities (#11509)
  • Added the feature ColumnFilter which allows applying granular filtering to each column separately (#10292)
  • Added a new CollapseItem that can be used to collapse / expand a card (#10450)
  • Added ColumnResize feature, which allows changing the width of columns by dragging the invisible separator between column headers. When the spacing between headers is zero or very small, the separator element overlaps the adjacent headers by a small amount (#10481)
  • Bryntum now ships a Chart module (chart.module.thin.js), to easier integrate Chart.js-based charts with our products. Used in the new charts demo
  • Bryntum npm repository provides charts thin package @bryntum/chart-thin and wrapper packages for major frameworks: Angular (@bryntum/chart-angular-thin), React (@bryntum/chart-react-thin) and Vue 3 (@bryntum/chart-vue-3-thin)
  • Added a new ChartItem that can be used to display a chart in a card

API CHANGES

  • [DEPRECATED] The tasksData, resourcesData and assignmentsData configs and properties on the ProjectModel have been deprecated. Use events, resources and assignments instead (#9778)
  • Added a new FilterBar feature, which allows applying simple filtering to each column separately (#11507)

STYLING CHANGES

  • Introduced a CSS custom property --taskboard-column-resize-handle-min-width

LOCALE UPDATES

  • Added translations for the ColumnFilter feature

DEMOS

  • New catch-all-column demo to demonstrate how to add a column holding tasks not matching any other column
  • New column-sort demo to explore per-column single sorting or menu sorting
  • The task-edit demo was updated to show how to use a rich text editor in the task editor, using the TinyMCE editor (#2698)
  • New charts demo, showcasing how to combine the new Chart widget with a TaskBoard
  • Updated the config-panel and task-items demos to use collapsible tasks
  • New column-filtering demo to explore per-column filter configuration
  • Updated the columns and column-header-menu demos to show column resizing
  • The Vue 2 simple demo has been removed. The CSS in this release uses modern syntax that the build process for it cannot handle, and since we announced in 6.1.3 that we no longer support Vue 2, we decided to remove the demo
  • New column-search demo to explore per-column simple filtering

VERSIONS SUPPORT

  • NodeJS: >= 20.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 3.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0
  • Sass: >= 1.78.0
  • Remix: >= 2.15.0

6.2.5 - 2025-07-09

FEATURES / ENHANCEMENTS

  • Internal code improvements and bugfixes

VERSIONS SUPPORT

  • NodeJS: >= 20.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 3.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0
  • Sass: >= 1.78.0
  • Remix: >= 2.15.0

6.2.4 - 2025-06-18

BUG FIXES

  • #11489 - TaskBoard recomposes twice on changes

VERSIONS SUPPORT

  • NodeJS: >= 20.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 3.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0
  • Sass: >= 1.78.0
  • Remix: >= 2.15.0

6.2.3 - 2025-05-27

BUG FIXES

  • #11313 - [HIGH PRIO] SharePoint demos across Bryntum Suite are broken

VERSIONS SUPPORT

  • NodeJS: >= 20.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 3.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0
  • Sass: >= 1.78.0
  • Remix: >= 2.15.0

6.2.2 - 2025-05-13

STYLING CHANGES

  • The column title is now moved in DOM from column header to column body when column is collapsed. CSS class b-rotate-title has been removed (#11273)

DEMOS

  • [ANGULAR] New locked-column demo added that shows how to properly lock a column. The demo is located in the examples/frameworks/angular/locked-column folder

BUG FIXES

  • #7589 - Incorrect card count in column headers in gantt-taskboard demo
  • #9286 - Should be possible to unassign resource in single-assignment mode
  • #9969 - TaskBoard animation is glitching when moving column through collapsed columns
  • #11073 - Changing multiSelect at runtime doesn't work in TaskBoard
  • #11137 - [ANGULAR] Enabling locked columns feature triggers an error
  • #11168 - Pressing right/left arrow in editing mode in SimpleTaskEdit should not move to the next task
  • #11273 - Collapsed columns text overlaps with locked column

VERSIONS SUPPORT

  • NodeJS: >= 20.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 3.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0
  • Sass: >= 1.78.0
  • Remix: >= 2.15.0

6.2.1 - 2025-04-23

FEATURES / ENHANCEMENTS

  • Internal code improvements and bugfixes

VERSIONS SUPPORT

  • NodeJS: >= 20.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 3.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0
  • Sass: >= 1.78.0
  • Remix: >= 2.15.0

6.2.0 - 2025-04-10

FEATURES / ENHANCEMENTS

  • Readonly tasks now consistently display a non-editable information modal that can be invoked by double-click or context menu. The associated menu item Edit is no longer disabled, but replaced by Show task when the task item cannot be edited
  • Inline editing of readonly tasks is now properly disabled and replaced by displaying the information modal on double click
  • We've improved search in the documentation with new context-aware algorithms, delivering more accurate and relevant results from the API, guides & examples
  • [BREAKING] Since most apps have a build process that includes a transpilation step, starting with v6.2.0 we use the minimum possible transpile polyfills for the source code inside the @bryntum/taskboard-thin npm package to ensure that it works for all currently supported frameworks. Previously, each source file was transpiled with more polyfills, which introduced unnecessary overhead from transpilation helper functions. After this change, the size of your built app should be reduced. If you encounter issues with your framework's builder parsing the code, consider upgrading to a newer framework version that supports the latest ECMAScript specification (#10797)
  • You can now lock columns to the left or right of other columns using the new Column.locked config and by activating ColumnLock feature (#10480)

API CHANGES

  • [BREAKING] The AjaxHelper.fetch() utility function no longer applies credentials: 'include' by default, to better match how the native fetch API works. This change also affects AjaxStore and ProjectModel, if used by your app to handle remote data (#10886)
  • For performance reasons, task selection now directly adds / removes the b-selected CSS class from card elements. Previously it would refresh the UI, calling any taskRenderers in the process. If your task renderer has conditionals that depend on the task being selected, you will have to force a refresh when selection changes to restore the old behavior

LOCALE UPDATES

  • Added translation key TaskBoard.showTask

DEMOS

  • New locked-column demo added that shows how to properly lock a column. The demo is localed in examples/locked-column folder

BUG FIXES

  • #11019 - [HIGH PRIO] Locked column behavior in Bryntum TaskBoard
  • #11030 - [HIGH PRIO] taskRenderer called many times when open cell editor

VERSIONS SUPPORT

  • NodeJS: >= 20.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 3.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0
  • Sass: >= 1.78.0
  • Remix: >= 2.15.0

6.1.9 - 2025-04-07

BUG FIXES

  • #8782 - [Salesforce] LWS support in Firefox

VERSIONS SUPPORT

  • NodeJS: >= 20.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 3.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0
  • Sass: >= 1.78.0
  • Remix: >= 2.15.0

6.1.8 - 2025-04-01

API CHANGES

  • We've launched nightly npm package builds on our Bryntum npm server. Versions follow the format X.Y.Z-nightly.YYYYMMDD (e.g. 6.1.8-nightly.20250330), reflecting the current version and publish date
  • The rtl config property of widgets is now public. By default, widgets conform to the writing direction of the element they are rendered to. But with the now public rtl property, you can force a widget, and all descendant widgets to lay out from right to left (#10859)

DEMOS

  • We have introduced UI localization for our Vanilla JavaScript demos, supporting all 45 currently available locales
  • Custom theme demo (JavaScript) shows how to create a custom theme by modifying SCSS variables. The new demo is located in the examples/custom-theme folder (#10287)

BUG FIXES

  • #10795 - [SALESFORCE] Remove Map/Set polyfills
  • #10938 - [HIGH PRIO] Incorrect CSS sourceMappingURL in Bryntum thin npm packages

VERSIONS SUPPORT

  • NodeJS: >= 20.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 3.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0
  • Sass: >= 1.78.0
  • Remix: >= 2.15.0

6.1.7 - 2025-02-21

FEATURES / ENHANCEMENTS

  • Internal code improvements and bugfixes

VERSIONS SUPPORT

  • NodeJS: >= 20.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 3.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0
  • Sass: >= 1.78.0
  • Remix: >= 2.15.0

6.1.6 - 2025-01-31

BUG FIXES

  • #10643 - Changing columns using changeColumn menu from taskMenu is not working

VERSIONS SUPPORT

  • NodeJS: >= 20.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 3.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0
  • Sass: >= 1.38.0

6.1.5 - 2024-12-25

BUG FIXES

  • #10476 - ColumnPickerButton not showing submenu when in overflow menu

VERSIONS SUPPORT

  • NodeJS: >= 20.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 3.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0
  • Sass: >= 1.38.0

6.1.4 - 2024-12-09

FEATURES / ENHANCEMENTS

  • TaskEditor beforeSave event now supports async listener functions (#10412)
  • Starting with the 6.1.4 release, there are now trial versions of thin NPM packages available on our NPM server. These can be used to evaluate combining multiple products before purchasing a license. Please check the "What's new" guide for the details
  • New CollapseItem task item letting users collapse a task card to occupy minimal height by hiding the card body and footer

DEMOS

  • [ANGULAR] Added new Angular basic-thin demo showing use of thin NPM packages. Demo is located in examples/frameworks/angular/basic-thin folder
  • [REACT] Added new React basic-thin demo showing use of thin NPM packages. Demo is located in examples/frameworks/react-vite/basic-thin folder
  • [VUE-3] Added new Vue-3 basic-thin demo showing use of thin NPM packages. Demo is located in examples/frameworks/vue-3-vite/basic-thin folder
  • [WEBPACK] Added new Webpack basic-thin demo showing use of thin NPM packages. Demo is located in examples/frameworks/webpack/basic-thin folder

BUG FIXES

  • #10250 - Not all resources are being shown in the resourceAvatars for a task
  • #10448 - [REACT] JSX renderers are not supported with React 19

VERSIONS SUPPORT

  • NodeJS: >= 20.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 3.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0
  • Sass: >= 1.38.0

6.1.3 - 2024-11-18

FEATURES / ENHANCEMENTS

  • Salesforce LWC build now using generators instead of async/await as a workaround for Firefox bug. LWC bundle is now compiled with "chrome": "54" babel target (#7849)

API CHANGES

  • [VUE 2] reached end of life on December 31, 2023. As a result, we will no longer be updating our Vue 2 components. While the components will continue to exist, we will remove them in a future release and recommend that you upgrade to Vue 3 for continued support

STYLING CHANGES

  • Certain color adjustment functions in SASS has been deprecated and will be removed from SASS in a future version. To be prepared for that, we have replaced our usages of these functions with the new ones. In general, this should not affect the look of components, with reservation for minor color variations (for more information, see https://sass-lang.com/documentation/breaking-changes/color-functions)

BUG FIXES

  • #9018 - [HIGH PRIO] Localization doesn't work for Microsoft Dynamics CRM Online
  • #10305 - Updating task values in beforeSave event have not affect

VERSIONS SUPPORT

  • NodeJS: >= 20.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 3.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0
  • Sass: >= 1.38.0

6.1.2 - 2024-10-11

DEMOS

  • [VUE-3-VITE] New basic demo (Vue 3 vite) shows how to use Bryntum TaskBoard in Vue 3 project with TypeScript. The demo is located in examples/frameworks/vue-3-vite/basic folder (#9808)

FRAMEWORK SUPPORT

  • NodeJS: >= 20.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 2.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0

6.1.1 - 2024-09-27

FEATURES / ENHANCEMENTS

  • Internal code improvements and bugfixes

FRAMEWORK SUPPORT

  • NodeJS: >= 20.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 2.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0

6.1.0 - 2024-09-18

FEATURES / ENHANCEMENTS

  • The regular non-Ajax Store now has the ability to accept remote paging, sorting and filtering (#6860, #8180, #9363)
  • TaskBoard projects now supports also loading / syncing columns data (#9666)

API CHANGES

  • ColumnModel fields are now marked as non persistable (except the name field)

DEMOS

  • New columns-remote demo showing how to load columns data remotely

FRAMEWORK SUPPORT

  • NodeJS: >= 20.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 2.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0

6.0.6 - 2024-09-13

STYLING CHANGES

  • Predefined colors available as eventColor has been normalized between Scheduler, Calendar and TaskBoard

FRAMEWORK SUPPORT

  • NodeJS: >= 20.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 2.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0

6.0.5 - 2024-08-30

BUG FIXES

  • #5233 - [ANGULAR] Frameworks wrappers components not triggering some events
  • #9678 - TaskBoard column drag animation broken
  • #9718 - [VUE-3] Preventable events don't work in Vue wrapper

FRAMEWORK SUPPORT

  • NodeJS: >= 20.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 2.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0

6.0.4 - 2024-08-02

FEATURES / ENHANCEMENTS

  • Internal code improvements and bugfixes

FRAMEWORK SUPPORT

  • NodeJS: >= 20.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 2.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0

6.0.3 - 2024-07-26

FEATURES / ENHANCEMENTS

  • The plugin processing has been updated to correctly handle multiple plugin configurations

FRAMEWORK SUPPORT

  • NodeJS: >= 20.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 2.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0

6.0.2 - 2024-07-24

FEATURES / ENHANCEMENTS

  • Bumped the built-in version of FontAwesome Free to v6.6.0, which includes a new table-cells-row-unlock icon sponsored by Bryntum

DEMOS

  • [REACT-REMIX] "Basic" (React + Remix) demo shows using TaskBoard component in Remix. The demo is located in frameworks/react-remix/basic folder (#4912)
  • [SHAREPOINT] Added a new demo for SharePoint Framework (SPFx) in the frameworks/react/typescript/sharepoint-fabric folder (#9224)

FRAMEWORK SUPPORT

  • NodeJS: >= 20.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 2.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0

6.0.1 - 2024-07-05

FEATURES / ENHANCEMENTS

  • Internal code improvements and bugfixes

FRAMEWORK SUPPORT

  • NodeJS: >= 20.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 2.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0

6.0.0 - 2024-06-28

  • We are thrilled to announce version 6.0 of our TaskBoard product. This release marks a significant milestone for us after more than two years of dedicated development. In this update, we are excited to bring you:
  • New ColumnRename feature allowing users to change column titles
  • Support for rendering custom HTML into the column headers
  • TaskBoard Calendar combination demo
  • Improved accessibility support
  • Improved TypeScript typings
  • A new code editor in the examples for easy fiddling
  • Bug fixes and other enhancements requested by our community
  • A special thanks to everyone who helped us by testing our alpha and beta versions. Your feedback and support have been invaluable

FEATURES / ENHANCEMENTS

  • Column header can now contain HTML content after setting htmlEncodeHeaderText to false on a column (#7160)
  • New columnHeaderRenderer method allow you to customize contents of column headers. Showcased in the updated columns demo (#8290)
  • New ColumnRename feature allowing users to change column titles (#8313)
  • The context menu resource picker now uses same selected icon independent of singleAssignment mode (#8461)
  • New events fired by the TaskBoard instance when clicking a column header or column header title
  • The code editor in examples is now implemented with the VS Code engine. Code folding, search and replace, full undo/redo is now available when editing examples
  • [TypeScript] Class configs *Config (e.g. ButtonConfig) now provide type declarations for listeners parameter in *.d.ts files
  • [TypeScript] Class configs *Config (e.g. ButtonConfig) types now have optional parameters in *.d.ts files. *Config type can be used instead of Partial<*Config> declaration
  • Bumped the built-in version of FontAwesome Free to v6.5.2, which includes a new table-cells-row-lock icon sponsored by Bryntum
  • [Angular] Bryntum Angular wrapper now exports Bryntum...Props types (e.g. BryntumTaskBoardProps) which match the config required for a wrapper components (e.g. BryntumTaskBoardComponent).Wrappers code is now delivered with documentation inside, that helps in setting up the components
  • EventHelper no longer mutates the DOM event object to fix browser quirks and add utility properties. It now wraps the DOM event with a Proxy, which exposes all the properties of the DOM event and also accepts any new properties added to it. The original DOM event is available in the browserEvent property.

API CHANGES

  • [VUE-3] Bryntum Vue-3 wrapper now exports Bryntum...Props types (e.g. BryntumTaskBoardProps) which match the configs available for a wrapper component (e.g. <bryntum-task-board>). Wrappers code is now delivered with documentation and TypeScript sources inside (#3085)
  • [DEPRECATED] The WidgetHelper utility class has been deprecated and will be removed in a future release. Use the corresponding widget class instead - Widget, Toast or Mask (#6103)
  • [BREAKING] The useRawData setting on Store is now enabled by default, but with all sub-settings disabled. This means that the incoming data object will be used as is, without being cloned. Which will boost data loading performance, but is potentially a breaking change if the data object is reused / used in other parts of the application (#8335)
  • [BREAKING] In 6.0.0-alpha-2 we changed the default value for useRawData on stores to true. This boosted record creation performance by not cloning the incoming data object. However, this change has lead to some issues, and we are now taking a step back. It will once again default to false when supplying data inline, and instead only to true when data is loaded remotely using an AjaxStore or a CrudManager (#9289)
  • [DEPRECATED] @bryntum/babel-preset-react-app, @bryntum/cra-template-typescript-taskboard, @bryntum/cra-template-javascript-taskboard npm packages are deprecated, and will not get any further updates. Versions prior to 6.0.0 are still accessible
  • [BREAKING] [ANGULAR] [REACT] [VUE] BryntumProjectModel framework wrapper is no longer available since 6.0.0. Use BryntumTaskBoardModel instead. Check the upgrade guide for the details

STYLING CHANGES

  • The Stockholm theme got some slight tweaks to panel header (removed bottom border) and tab panel styling (replaced active tab background with thick bottom border) for a more modern look (#8440)

DEMOS

  • TaskBoard Calendar combination demo has been updated (#8432)
  • The backend-sync demo PHP backend has been improved

BUG FIXES

  • #6441 - Instance config values should not be overridden by responsive configs
  • #6854 - Pressed state lost as button in ButtonGroup enters an overflow menu
  • #7760 - [HIGH PRIO] [TypeScript] Type intersection with any might be wrong
  • #8523 - SlideToggle inside overflow menu triggers 2 change events
  • #9360 - Alt text missing from buttons on the task board

FRAMEWORK SUPPORT

  • NodeJS: >= 20.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 2.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0

5.6.13 - 2024-06-26

FEATURES / ENHANCEMENTS

  • Internal code improvements and bugfixes

FRAMEWORK SUPPORT

  • NodeJS: >= 14.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 2.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0

5.6.12 - 2024-06-13

API CHANGES

  • [VUE] [REACT] When using wrappers for Vue or React, syncDataOnLoad is by default set to true on all stores configured on the wrapped Widget. Starting from 5.6.12, stores with a configured readUrl or that belongs to a project configured with a loadUrl, will have their syncDataOnLoad default to null

BUG FIXES

  • #9032 - [SALESFORCE] Resource avatars do not overlap

FRAMEWORK SUPPORT

  • NodeJS: >= 14.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 2.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0

5.6.11 - 2024-05-21

FEATURES / ENHANCEMENTS

  • A new static boolean property, Widget.accessibility was added, which, when set to true causes tooltips to be activated on focus in addition to mouseover (#5539)
  • Added aria-label attributes to resource avatar rendering + overflow item
  • Vanilla JavaScript documentation has a new section on Multiple Products, showing how to use multiple components in a single page using thin components (#8756)

API CHANGES

  • After a docs regression, several APIs flagged to be hidden in subclasses were still visible in the docs. These APIs are now correctly hidden (#9140)

BUG FIXES

  • #9045 - Number of overflowing resources in TaskBoard looks inconsistent

FRAMEWORK SUPPORT

  • NodeJS: >= 14.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 2.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0

5.6.10 - 2024-04-24

DEMOS

  • [REACT-VITE] New "Redux data store" (React + Vite) example demonstrates how to use a Redux store with Bryntum Taskboard. Located in the frameworks/react-vite/redux folder (#8908)

BUG FIXES

  • #8677 - [HIGH PRIO] Inconsistent Task position index when dropping
  • #8992 - [ANGULAR] implement support of ViewEncapsulation.ShadowDom

FRAMEWORK SUPPORT

  • NodeJS: >= 14.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 2.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0

5.6.9 - 2024-04-09

LOCALE UPDATES

  • Added Brazilian Portuguese translation ('PtBr') (#8747)

DEMOS

  • [VUE-3-VITE] New "Customized task menu" demo (Vue 3 + Vite) demonstrates how to customize the task menu. The demo is located in frameworks/vue-3-vite/task-menu folder (#8193)
  • [REACT-VITE] New "Customized task menu" demo (React + Vite) demonstrates how to customize the task menu. The demo is located in frameworks/react-vite/task-menu folder (#8194)
  • [ANGULAR] New "Customized task menu" demo (Angular) demonstrates how to customize the task menu. The demo is located in frameworks/angular/task-menu folder (#8195)

BUG FIXES

  • #8812 - Adding a combo item on unmatch doesn't trigger sync

FRAMEWORK SUPPORT

  • NodeJS: >= 14.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 2.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0

5.6.8 - 2024-03-04

BUG FIXES

  • #8668 - beforeColumn is undefined when column is dropped in the same place
  • #8678 - [DOCS] Document resourceAvatarClick and resourceAvatarOverflowClick events

FRAMEWORK SUPPORT

  • NodeJS: >= 14.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 2.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0

5.6.7 - 2024-02-22

BUG FIXES

  • #8394 - selectionChange event fires undefined when using TaskMenuItem
  • #8423 - [HIGH PRIO] [LWC] Engine performance is too low with LWS enabled
  • #8539 - Crash when toggling full screen

FRAMEWORK SUPPORT

  • NodeJS: >= 14.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 2.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0

5.6.6 - 2024-01-31

FEATURES / ENHANCEMENTS

  • Bumped built-in FontAwesome Free to version 6.5.1
  • All frameworks demo applications have been verified and updated to be compatible with Node.js 20

API CHANGES

  • To boost record creation performance, records now cache their id (it is accessed very frequently, helps performance a bit) and join their store(s) in a more efficient way. As a side effect, a record no longer has a stores array prior to joining a store, previously it was there as an empty array from start. We don't think this will affect any code, but wanted to share the change in case it does
  • [DEPRECATED] [ANGULAR] [REACT] [VUE] BryntumProjectModel framework wrapper will be removed starting from 6.0.0 version. Use BryntumTaskBoardProjectModel instead. Check the upgrade guide for the details

BUG FIXES

  • #8200 - Webpack build failed with .min.css file

FRAMEWORK SUPPORT

  • NodeJS: >= 14.0.0
  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 2.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0

5.6.5 - 2024-01-09

BUG FIXES

  • #7403 - Make a guide on how to make a theme selector in frameworks
  • #7964 - [REACT] JSX doesn't work in Popups
  • #8092 - TaskBoard task editor is not vertically scrollable
  • #8118 - Text contrast issue for items in label combo
  • #8120 - Header menu button doesn't show menu in TaskBoard Task Menu demo

FRAMEWORK SUPPORT

  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 2.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0

5.6.4 - 2023-12-21

FEATURES / ENHANCEMENTS

  • Internal code improvements and bugfixes

FRAMEWORK SUPPORT

  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 2.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0

5.6.3 - 2023-12-13

FEATURES / ENHANCEMENTS

  • [REACT] Documentation in "Quick start" and "Guide" is now updated with how to build React application in Vite for higher efficiency and better performance in development

API CHANGES

  • [DEPRECATED] Please kindly note that @bryntum/babel-preset-react-app and @bryntum/cra-template-typescript-taskboard, @bryntum/cra-template-javascript-taskboard packages will not get any updates after 6.0.0 version

BUG FIXES

  • #8036 - Copy to clipboard doesn't work in some code blocks

FRAMEWORK SUPPORT

  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 2.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0

5.6.2 - 2023-11-24

BUG FIXES

  • #7092 - Feature mixin on-owner events are not exposed on class

FRAMEWORK SUPPORT

  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 2.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0

5.6.1 - 2023-11-17

BUG FIXES

  • #5719 - [YARN] Can not install @bryntum product packages using yarn v2/v3
  • #7750 - Vite error @charset must precede all other statements
  • #7754 - [Frameworks] Thin packages not working with pnpm
  • #7820 - globalThis should be defined in locales to support LWC

FRAMEWORK SUPPORT

  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 2.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0

5.6.0 - 2023-10-26

FEATURES / ENHANCEMENTS

  • This release introduces a new set of npm packages and framework components, that allows combining multiple Bryntum products in the same application. These packages contain the product specific code only, as opposed to the current packages that has all code for the products each product builds upon (for example Scheduler contains Grid & Core). The new packages are called thin packages, and moving forward it will be the recommended way of using Bryntum products in npm based applications (for all supported frameworks). See the "What's new" guide for more information
  • [REACT] TaskBoard now supports React components (JSX) as header, body or footer items (#4600)
  • [REACT] New React + Vite demo JSX Task items shows how to use React components as task items. The demo is located in frameworks/react-vite/task-items folder
  • @bryntum/taskboard-thin bundle includes scss theme files in sass/themes folder (#7445)
  • [TypeScript] Functions and events declarations in typings were improved to contain all available parameters and return type (#6961, #4456)

API CHANGES

  • [BREAKING] Core.util.helper.Point class has been moved to solve circular module dependencies. It is now a named export of the Core.util.helper.Rectangle module. Check upgrading guide for the details
  • [BREAKING] [TypeScript] ScrollOptions typedef has been renamed to BryntumScrollOptions to not interfere with TypeScript interface ScrollOptions. Check upgrading guide for the details (#7385)
  • [FRAMEWORKS][DEPRECATED] BryntumProjectModel wrapper component has been renamed to BryntumTaskBoardProjectModel. Please see the upgrade guide for details
  • The taskDragAbort event was mistakenly fired on touch devices for any touch started on a card, even if the card was not dragged. It was also triggered when preventing a drag by returning false from a beforeTaskDrag event handler, even though that doing so prevents the drag from ever starting. Both these "misfires" have been fixed (#7198)

BUG FIXES

  • #7313 - Taskboard ignores state updates to display data

FRAMEWORK SUPPORT

  • TypeScript: >= 3.6.0
  • Angular: >= 9.0.0
  • React: >= 16.0.0
  • Vue: >= 2.0.0
  • Ionic: >= 5.0.0
  • Vite: >= 4.0.0
  • Webpack: >= 4.0.0

5.5.5 - 2023-10-23

FEATURES / ENHANCEMENTS

  • Task template items can now optionally be rendered when the value of the backing field is null or undefined. To opt-in, configure the item with renderNull: true. Useful to display No value, Empty or similar (#7625)

BUG FIXES

  • #7345 - Swimlane collapsing issue when static height is set for virtualize

5.5.4 - 2023-10-05

BUG FIXES

  • #4859 - Task dragging causes crash
  • #7195 - Drag and drop task cards sometimes works incorrect on iPad
  • #7310 - Cards content don't collapse on time when fixed height used
  • #7378 - Column header text not shown in collapsed column
  • #7485 - TaskBoard column's minWidth is used when collapsed
  • #7591 - Limit overflow tooltip to Bryntum owned DOM

5.5.3 - 2023-09-15

FEATURES / ENHANCEMENTS

  • TaskDrag feature now supports a dragTouchStartDelay controlling how long to tap-hold before a card drag can start (#6915)

5.5.2 - 2023-08-30

FEATURES / ENHANCEMENTS

  • TaskBoard now fires many new useful events: columnCollapse, columnExpand, columnToggle, swimlaneCollapse, swimlaneExpand, swimlaneToggle, swimlaneHeaderClick, swimlaneHeaderDblClick, swimlaneContextMenu (#7136)

BUG FIXES

  • #7313 - Taskboard ignores state updates to display data
  • #7336 - Dynamic swimlanes not collapsing and throwing an error

5.5.1 - 2023-08-16

BUG FIXES

  • #7275 - Bad UX on creating new item when simpleTaskEdit feature enabled

5.5.0 - 2023-07-31

  • This release is a replacement for the 5.4.3 patch release. It was changed to a minor version because of some larger changes behind the scenes to pave the way for future support for live updates in Scheduler Pro and Gantt.

BUG FIXES

  • #7221 - [VUE] Vue vite app doesn't compile with Bryntum vue wrappers

5.4.2 - 2023-07-26

FEATURES / ENHANCEMENTS

  • Internal code improvements and bugfixes

5.4.1 - 2023-07-13

FEATURES / ENHANCEMENTS

  • We have created a public repository to showcase Salesforce demos. All previous demos are merged into one Lightning Application which is easy to install to a new scratch org. You can find more information in updated guides and in this repository: https://github.com/bryntum/bryntum-salesforce-showcase#bryntum-salesforce-showcase
  • We have created a public Salesforce org where this app is preinstalled. You can find link to it and login credentials on the updated examples page

BUG FIXES

  • #6077 - [TypeScript] Model constructors should allow second param

5.4.0 - 2023-06-30

FEATURES / ENHANCEMENTS

  • Widget has a new config, maximizeOnMobile which takes effect only on floating widgets on a mobile device. It causes the widget to be maximized instead of positioned in order to accommodate the mobile virtual keyboard. This will make event editing much easier to use on mobile devices (#6522)
  • On mobile devices, type : 'checkbox' is rendered as a slidetoggle widget. The API and value is the same, it is just a more appropriate UI for the platform
  • The TaskEditor's color field TaskColorCombo has been updated with a more compact color picker. The field is also the same field used in other products when editing color values. The picker is also used in newly added context menus color options as well as the new Grid ColorColumn
  • For a slightly better docs experience for most users, the docs browser now by default hides some more obscure APIs normally only used when implementing own widgets and features. Advanced users in need of these APIs can still opt in to see them using the Show menu in the docs browser
  • TaskBoard now uses an index to lookup tasks in each column / swimlane intersection. Before this change, it did a linear search per intersection. The new approach greatly boosts rendering performance with a large amount of swimlanes and columns. Tradeoff is more expensive processing on column and swimlane CRUD, to rebuild the index (#6992)

5.3.8 - 2023-06-28

BUG FIXES

  • #6712 - Avatar clipped when hovered

5.3.7 - 2023-06-20

BUG FIXES

  • #6910 - Bug on filtering tasks demo
  • #7023 - Column label does not render when collapsed

5.3.6 - 2023-05-26

FEATURES / ENHANCEMENTS

  • Internal code improvements and bugfixes

5.3.5 - 2023-05-11

BUG FIXES

  • #6384 - Inconsistent tool order in header of inline collapsed panel
  • #6701 - [IONIC] Scrollbar width could not be determined under Ionic framework

5.3.4 - 2023-04-28

BUG FIXES

  • #6652 - Minified UMD bundle does not export bryntum namespace

5.3.3 - 2023-04-21

FEATURES / ENHANCEMENTS

  • [ANGULAR] Bryntum TaskBoard now ships with two npm Angular wrapper packages to support different versions of Angular framework. Existing @bryntum/schedulerpro-angular package is now designed to work with Angular 12 and newer versions, which use the IVY rendering engine. New @bryntum/taskboard-angular-view package is designed to work with Angular 11 and older versions, which use the View Engine rendering. Check Upgrading and Angular integration guides in documentation for more information (#6270)
  • [ANGULAR] angular-11 demo has been updated to show use of @bryntum/taskboard-angular-view package with Angular 11. Demo is located in examples/frameworks/angular/angular-11 folder
  • [ANGULAR] inline-data demo has been upgraded to use Angular 15. Demo is located in examples/frameworks/angular/inline-data folder

BUG FIXES

  • #6460 - Missing taskboard translation for swimlane expand/collapse tooltips

5.3.2 - 2023-04-04

BUG FIXES

  • #6395 - [ANGULAR] Cannot use StateProvider with a production build

5.3.1 - 2023-03-17

API CHANGES

  • Date parsing was made more forgiving in regard to character used to separate date parts. For example these strings are now all acceptable as HH:mm: 10:20, 10 20, 10-20, 10/20 (#6344)

BUG FIXES

  • #6222 - Long column title is not showing properly
  • #6249 - ContextMenuBase#showContextMenu() should allow async ${type}MenuBeforeShow handlers
  • #6351 - Components do not render into containers not already in DOM
  • #6374 - Rendering artefact when moving task between swimlanes

5.3.0 - 2023-03-02

FEATURES / ENHANCEMENTS

  • TaskBoard now supports partial virtualized rendering, which improves performance when using thousands of tasks. Enable the new virtualized config to activate this mode. When doing so, note that since the full height of all tasks is not known, the scrollbar will be jittery as you scroll. Be supplying a getTaskHeight() function that returns the height of all tasks, the full height will be known and scrolling will be smooth (#3414, #6172)
  • The CSS with predefined colors for Button, Checkbox, Radio, SlideToggle & Toast was changed to reduce file sizes (cuts away ~20% of the size of TaskBoard's standalone CSS-bundles), while also making it easier for us to add more colors in the future
  • Localization demos updated to show up-to-date localization approach
  • Lots (but not all) of the not so informative object types in our TypeScript typings have been replaced with more specific types. Objects that in our JavaScript are used as maps are now declared as Record<keyType, valueType>, and for functions that accept object arguments many are replaced with anonymous type declarations, such as { foo: string, bar: number } (Partially fixed #5176)
  • Buttons for collapsing and expanding columns and swimlanes are now keyboard accessible. Also applies to task menu buttons in the cards (#6170)
  • AjaxHelper.fetch now supports using request body to pass parameters for non-GET requests. Please check addQueryParamsToBody argument in the method documentation (#2855)

API CHANGES

  • [DEPRECATED] LocaleManager.registerLocale and LocaleManager.extendLocale are deprecated. LocaleHelper.publishLocale should be used instead.

LOCALE UPDATES

  • Locales format and process for applying locales have been simplified
  • New locales for 31 languages have been added. Currently available languages are listed in the localization guide (Guides/Customization/Localization)

BUG FIXES

  • #6273 - TaskBoard does not apply the TaskModel's cls field to the card in the DOM

5.2.10 - 2023-02-17

API CHANGES

  • Recently browsers have added support for Unicode 15, which changes the output of Intl.DateTimeFormat when formatting time to include AM/PM. Those browsers now use "thin space" (\u202f) instead of regular space. This affects the DateHelper.format() function, but likely you do not need to take any action in your application. It also affects DateHelper.parse(), which has been updated to support the new unicode space (#6193)

5.2.9 - 2023-01-30

FEATURES / ENHANCEMENTS

  • The backend-sync demo was updated to be compatible with PHP 8.2

BUG FIXES

  • #6019 - [TypeScript] Feature classes and configs have on event handlers exposed on owner class

5.2.8 - 2023-01-19

BUG FIXES

  • #5386 - Improved panel collapse animation when collapsed panel header is perpendicular to expanded

5.2.7 - 2023-01-11

FEATURES / ENHANCEMENTS

  • Internal code improvements and bugfixes

5.2.6 - 2022-12-28

FEATURES / ENHANCEMENTS

  • [REACT] React wrapper now supports React components in widgets and tooltips (#774)

BUG FIXES

  • #5784 - TaskBoard UI should respect the singleAssignment flag

5.2.5 - 2022-12-16

BUG FIXES

  • #5592 - Typo property of ProjectModel.toJson() result
  • #5699 - Overlap when dragging multiple tasks in Columns demo

5.2.4 - 2022-11-28

FEATURES / ENHANCEMENTS

  • We recently launched a new homepage over at bryntum.com, and have now slightly updated the styling for demos and docs to better match it (new logo, new header color, new font). Please note that this is not a change to our themes, only the look of the demos, and it won't affect your application
  • Added beforeSave (preventable), save, beforeCancel (preventable) and cancel events to the TaskEdit feature (#5448)

BUG FIXES

  • #5595 - Fix panel collapse icon directions

5.2.3 - 2022-11-17

BUG FIXES

  • #5418 - Swimlane names with certain special characters are double encoded
  • #5543 - Swimlanes should update after sorting them

5.2.2 - 2022-11-08

API CHANGES

  • [DEPRECATED] The behaviour of the store.data getter will be changed in 6.0. Currently, it returns the initial raw dataset, in 6.0 it will be changed to have the more expected behaviour of returning the data objects for the current state instead. See Grid's upgrade guide for more information (#5499)

5.2.1 - 2022-10-28

FEATURES / ENHANCEMENTS

  • The showMenuFor function in the TaskMenu feature was made public. It now also accepts a CSS selector to show the menu aligned to a specific element in the task's card (#5320)

BUG FIXES

  • #5149 - Angular demos now use component-local styles using ViewEncapsulation.None

5.2.0 - 2022-10-13

FEATURES / ENHANCEMENTS

  • Added a new isTaskSelectable config, to which you can supply a fn used to determine if a task is selectable in the UI, matching the isEventSelectable functionality in Scheduler (#4213)
  • Added a showCollapseTooltip config, allowing apps to opt out of the tooltip shown when hovering the expand/collapse button for columns and swimlanes (#4818)
  • Menu has a separator config to make it easier to visually separate menu items
  • The responsive state objects used in the responsive config of the Responsive mixin now support a once property to allow configs to only be set on first activation of the state
  • The Core.helper.DateHelper class has a new method formatRange method which can format date ranges, as well as new formatting options for week numbers

BUG FIXES

  • #5245 - Too low contrast on buttons in dark theme

5.1.5 - 2022-10-12

FEATURES / ENHANCEMENTS

  • New records are assigned a generated id if none is provided. The generated id is meant to be temporary (a phantom id), and should be replaced by the backend on commit. Previously the id was based on a global counter incremented with each assignment. That simplistic scheme assured no two records got the same id during a session, but if an application serialized the generated id (note, they should not) and then reloaded it, it would eventually collide with a new generated id. To prevent this, the generated ids are now based on a random UUID instead
  • Stores now by default show a warning on console when loading records that has generated ids, as a reminder that it should be replaced by the backend on commit

BUG FIXES

  • #4645 - Improve error message "Bryntum bundle included twice"
  • #4654 - [REACT] Bryntum widget wrappers don't accept all component properties in React 18

5.1.4 - 2022-09-29

API CHANGES

  • Added renderTasks event which is triggered when all tasks in the task board are rendered (#5224)

BUG FIXES

  • #4419 - Add getters/setters to work with project data to TaskBoard instance level
  • #5229 - Should allow viewing editor panel for readonly task
  • #5276 - Error when trying to update swimlanes and columns at same time

5.1.3 - 2022-09-09

BUG FIXES

  • #415 - Improve docs on formatting currency values on NumberField
  • #5101 - Should expand when clicking anywhere on a collapsed Kanban column
  • #5125 - Setting an initial value for activeTab on a TabPanel no longer animates that tab into view

5.1.2 - 2022-08-29

FEATURES / ENHANCEMENTS

  • Configs that accept configuration options for a widget (or other class) are now (mostly) documented to accept a typed config object rather than a plain object. For example instead of {Object} tooltip - A tooltip configuration object, it is now {TooltipConfig} tooltip - A tooltip configuration object. This improves our TypeScript typings (transforms to Partial<TooltipConfig> in typings) when using such configs, but also improves our docs by linking to the configs of the type

BUG FIXES

  • #4826 - Error occurred when using dot character in column id
  • #5017 - [TypeScript] Property type is missing in DataFieldConfig
  • #5018 - [Vue] Prop Validation fails for String options

5.1.1 - 2022-07-28

BUG FIXES

  • #4966 - TaskBoard taskboard.module.wc bundle with WebComponents doesn't export all classes

5.1.0 - 2022-07-21

FEATURES / ENHANCEMENTS

  • Our TypeScript typings for string types that have a predefined set of alternatives was improved to only accept those alternatives. For example previously the dock config which was previously declared as dock: string is now dock : 'top'|'right'|'bottom'|'left'
  • Create React App templates now available
  • Configuring the crud manager functionality of the project was made a little easier by introducing shortcuts for setting load and sync urls using the new loadUrl and syncUrl configs
  • Updated the built-in version of FontAwesome Free to 6.1.1
  • KeyMap is a mixin that allows for standardized and customizable keyboard shortcuts functionality. KeyMap is by default mixed in to Widget and therefore available to all Widget's child classes. There is a new guide Guides/Customization/Keyboard shortcuts describing how to customize currently integrated keyboard shortcuts (#4300, #4313, #4328)
  • Project optionally allows sync() calls without local changes, to retrieve changes from the backend. Configure forceSync : true to enable this new behaviour (#4575)

API CHANGES

  • [DEPRECATED] The breakpoints config of the Core.widget.mixin.Responsive mixin is deprecated in favor of its new responsive config. The responsive config is more easily customized when used in the default configuration of widgets
  • [DEPRECATED] The responsiveWidthChange and responsiveHeightChange events of the Core.widget.mixin.Responsive mixin are deprecated in favor of its new responsiveStateChange event
  • [BREAKING] [ANGULAR] Angular wrappers now use the more modern module bundle by default, instead of the legacy umd bundle. Hence application imports must be changed to match. This will slightly improve application size and performance (#2786)
  • [BREAKING] taskboard.lite.umd.js bundle is no longer available
  • [BREAKING] WebComponents has been removed from taskboard.module.js ES modules bundle. New bundle with WebComponents is taskboard.wc.module.js

BUG FIXES

  • #4696 - Parents sorted below children in docs
  • #4697 - Too dark code background in docs
  • #4923 - Column names with certain special characters are double encoded
  • #4924 - taskBoard.columns.insert appends 2 columns at once

5.0.7 - 2022-07-13

BUG FIXES

  • #4810 - Backend sync demo not saving assignments
  • #4861 - taskDragEnd don't have event property
  • #4916 - Fullscreen is not working on mobile Safari

5.0.6 - 2022-06-20

BUG FIXES

  • #4700 - Fields not saved after clicking outside editor
  • #4808 - Typings are wrong for async functions
  • #4811 - When all TaskBoard columns are collapsed, icon badly positioned

5.0.5 - 2022-05-30

BUG FIXES

  • #4607 - [VUE] Incorrect prop types in Vue wrapper

5.0.4 - 2022-05-11

FEATURES / ENHANCEMENTS

  • Adding custom colors to tasks, column and swimlanes was slightly simplified in this release by making the color field of TaskModel, ColumnModel & SwimlaneModel accept color codes (#, rgb, hsl) in addition to predefined named colors. Used in the updated scrolling demo
  • TaskBoard has a new function that removes one or more tasks, removeTask(). It fires an async preventable beforeTaskRemove event, allowing apps a chance to show confirmation dialogs etc. The new fn is called by the Remove task context menu item. Simple implementation added to the task-menu demo (#3813)
  • The TaskEdit feature now fires an async preventable beforeTaskEdit event to for example allow preventing the editor from showing for certain tasks. It also triggers a beforeTaskEditShow event a bit later in the process, after the editor has been created but before data is loaded into it. It allows apps to manipulate the editor at runtime. The task-edit demo was updated to use both events (#4215)

BUG FIXES

  • #4542 - With simple task edit enabled click new and task scrolls out of view
  • #4558 - Configuration panel demo sidebar overflow issue
  • #4562 - [REACT] React wrappers have incorrect source mapping urls
  • #4576 - Focus is lost when adding new tasks

5.0.3 - 2022-04-26

FEATURES / ENHANCEMENTS

  • [WRAPPERS] ProjectModel wrapper component reference can now be used as project parameter for Bryntum TaskBoard wrapper component in Angular and Vue applications (#4238)
  • [WRAPPERS] TaskBoard has a new ProjectModel framework wrapper available for React, Vue and Angular. It simplifies sharing data between multiple Bryntum components (#4382)
  • [ANGULAR] New demo showing use of inline data and ProjectModel wrapper. Demo located in examples/frameworks/angular/inline-data folder
  • [REACT] New demo showing use of inline data and ProjectModel wrapper. Demo located in examples/frameworks/react/javascript/inline-data folder
  • [VUE-3] New demo showing use of inline data and ProjectModel wrapper. Demo located in examples/frameworks/vue-3/javascript/inline-data folder
  • [REACT] New basic React demo with TypeScript. Demo located in examples/frameworks/react/typescript/basic folder
  • TaskBoard now officially supports changing columnField and swimlaneField at runtime (#4418)

API CHANGES

  • The validateResponse flag on ProjectModel has been changed to default to true. When enabled, it validates responses from the backend and outputs a message on console if the format isn't valid. This is helpful during the development phase, but can be turned off in production
  • New Vue 2/3 wrapper config option relayStoreEvents (defaults to false). When set to true, the events fired by stores are relayed to the Bryntum Grid instance
  • [REACT] React wrappers now include TypeScript definitions (#3378)

BUG FIXES

  • #4081 - A race-condition exception when creating a new task with remote data
  • #4127 - [LWC] DomHelper.isInView() throws
  • #4222 - [LWC] Performance degradation in 5.0 release
  • #4329 - TaskBoard column rendering breaks after adding and collapsing lots of columns
  • #4432 - [LWC] Mouse events do not work
  • #4461 - [Vue] wrapper triggers doubled dataChange events with different params

5.0.2 - 2022-04-13

BUG FIXES

  • #3548 - SimpleEdit should cancel when scrolled out of view
  • #4406 - Fixed items in disabled fieldset/radiogroup not being disabled

5.0.1 - 2022-03-04

FEATURES / ENHANCEMENTS

  • TaskBoard now triggers beforeSimpleTaskEdit, simpleTaskEditComplete (on success) and simpleTaskEditCancel (when aborted) events when using the SimpleTaskEdit feature to edit tasks inline (#3156)

BUG FIXES

  • #4244 - Corrected RadioGroup interaction with autoUpdateRecord not producing the correct value. This presented in the task edit example's department custom editor field not properly saving its value

5.0.0 - 2022-02-21

  • We are thrilled to announce version 5.0 of our Kanban TaskBoard product. This release marks a big milestone for us, after more than a year of development. This update makes it much easier to combine multiple Bryntum products, and also includes improvements to our demos and other enhancements requested by our community. A big thanks to our customers who helped us with testing our alpha & beta versions
  • You are most welcome to join us on March 16th, at 9am PST (6pm CET) for a 5.0 walkthrough webinar, demonstrating all the shiny new features Click here to register
  • We hope you will enjoy this release and we are looking forward to hearing your feedback of what you would like us to develop next

*/ Mats Bryntse, CEO @Bryntum

FEATURES / ENHANCEMENTS

  • Each product has a new "thin" JavaScript bundle. The thin bundle only contains product specific code, letting you combine multiple Bryntum products without downloading the shared code multiple times (previously only possible with custom-built bundles from sources). Find out more in the What's new guide (#2805)
  • Each theme is now available in a version that only has product specific CSS in it, called a thin version. These files are name [product].[theme].thin.css - taskboard.stockholm.thin.css for example. They are intended for using when you have multiple different bryntum products on the same page, to avoid including shared CSS multiple times Read more about it in the What's new section in docs (#3276)
  • The context menu used to assign resources can now be configured to show resource avatars using the showAvatars config on the TaskMenu feature
  • Model has a new readOnly field that is respected by UI level editing features to disallow editing records having readOnly : true. It does not directly affect the datalayer, meaning that you can still programmatically edit the records (#665)
  • New ProjectModel setters/getters for events, resources (#4043)
  • Columns can now show a tooltip when being hovered, configured through tooltip in the column data (#4087)
  • window references are replaced with globalThis which is supported in all modern browsers and across different JS environments (#4071)
  • A new function called downloadTestCase() was added to Bryntum widgets, it is intended to simplify creating test cases for reporting issues on Bryntum's support forum. Running it collects the current value for the configs your app is using, inlines the current dataset and compiles that into a JavaScript app that is then downloaded. The app will most likely require a fair amount of manual tweaking to reproduce the issue, but we are hoping it will simplify the process for you. Run taskboard.downloadTestCase() on the console in a demo to try it
  • Updated FontAwesome Free to version 6, which includes some new icons sponsored by Bryntum in the charts category: https://fontawesome.com/search?m=free&c=charts-diagrams&s=solid
  • Added a taskSorterFn config that allows overriding the sort order of the tasks on the UI level. By default tasks appear in store order, using this config you can affect that. Useful when sharing the project with another product where you might not want the same sort order as in TaskBoard

API CHANGES

  • [BREAKING] React wrappers now use the more modern module bundle by default, instead of the legacy umd bundle. Hence application imports must be changed to match. This will slightly improve application size and performance (#2787)
  • [BREAKING] TaskDrag used to reorder task records in the TaskStore on drop. This behaviour was made opt in, since it does not work as expected when sharing the data with other components. By default now only the column, swimlane and weight of tasks is changed on drop. If your app requires the old behavior, configure the feature with reorderTaskRecords : true

BUG FIXES

  • #4135 - Crash when double clicking task in basic demo

4.3.9 - 2022-02-17

FEATURES / ENHANCEMENTS

  • Internal code improvements and bugfixes

4.3.8 - 2022-02-07

BUG FIXES

  • #3748 - Date field is cleared unexpectedly

4.3.7 - 2022-02-02

BUG FIXES

  • #4082 - Relayed listeners do not trigger onFunctions

4.3.6 - 2022-01-13

FEATURES / ENHANCEMENTS

  • The focus outline for cards now uses CSS outline instead of an overlaid pseudo element to work better with custom styled cards

BUG FIXES

  • #3881 - TodoList updated even when cancelling task editing
  • #3894 - TaskBoard trapping focus when navigating by keyboard
  • #3990 - Chrome & Content Security Policy causes failure because of debug code section

4.3.5 - 2021-12-24

BUG FIXES

  • #3849 - 'todolist' defaultValue shared between all new tasks
  • #3896 - [TypeScript] Wrong typings of model class configs
  • #3907 - [TypeScript] Cannot pass Scheduler instance to Store.relayAll
  • #3928 - DateHelper k format behaves incorrectly

4.3.4 - 2021-12-13

BUG FIXES

  • #3475 - Error thrown when changing column field from editor
  • #3621 - [TypeScript] Improve typings of mixins
  • #3705 - SwimlanePickerButton not updated when swimlanes change
  • #3850 - [TypeScript] Missing static properties in typings
  • #3880 - Todo list widget crashes if null value is set

4.3.3 - 2021-11-30

BUG FIXES

  • #3648 - [DOCS] Content navigation is broken
  • #3712 - Required field not respected in TaskBoard editor
  • #3743 - [DOCS] web.config file for Windows IIS server

4.3.2 - 2021-10-29

FEATURES / ENHANCEMENTS

  • TaskCopyPaste feature now fires beforeCopy and beforePaste events to let you prevent the actions (#3303)

4.3.1 - 2021-10-21

FEATURES / ENHANCEMENTS

  • Bumped builtin Font Awesome Free to version 5.15.4

BUG FIXES

  • #3567 - Minified css bundle contains unicode chars

4.3.0 - 2021-10-12

FEATURES / ENHANCEMENTS

  • Pressing SHIFT during keyboard navigation now extends the selection, similar to how it works in Finder/Explorer
  • Tasks can now be flagged as readOnly, preventing them from being edited using the UI (#3049)

API CHANGES

  • [DEPRECATED] Buttons menuIconCls config was deprecated in favor of the new menuIcon config, which better matches the naming of other configs

4.2.7 - 2021-10-01

BUG FIXES

  • #3458 - Document nested fields

4.2.6 - 2021-09-15

FEATURES / ENHANCEMENTS

  • You can now configure which event should trigger the task edit feature (#3381)
  • TaskMenu now has a configurable triggerEvent allowing you to define which event (if any) should trigger it (#3399)

BUG FIXES

  • #3401 - Simple task editor not shown when adding new task which needs to be scrolled into view
  • #3408 - Updated typings to support spread operator for method parameters

4.2.5 - 2021-09-08

FEATURES / ENHANCEMENTS

  • The API documentation now better communicates when a field or property accepts multiple input types but uses a single type for output. For example date fields on models, which usually accepts a String or Date but always outputs a Date (#2933)
  • The key mapping for TaskBoard's card navigation and selection and relevant features (currently only SimpleTaskEdit) can now be easily changed using new keyMap configs (#3137)

BUG FIXES

  • #3322 - Add dataChange event to framework guides

4.2.4 - 2021-08-27

BUG FIXES

  • #3110 - Unnecessary sync request when card is dropped at the same place
  • #3241 - TaskMenu should close after selecting a new column to move the task to
  • #3265 - Docs are not scrolled to the referenced member
  • #3305 - Guides look bad in the docs search results
  • #3306 - Doc browser does not scroll to member

4.2.3 - 2021-08-05

FEATURES / ENHANCEMENTS

  • By default keyboard navigation moves focus between tasks without affecting selection. Pressing SPACE then toggles selection for that task (CTRL + SPACE to extend selection). Using the new selectOnNavigation config the behaviour can be changed to move both focus and selection on navigation (#3138)
  • [NPM] Bryntum Npm server now supports remote private repository access for Artifactory with username and password authentication (#2864)
  • Pressing SHIFT during keyboard navigation now extends the selection, similar to how it works in Finder/Explorer
  • Project can now log warnings to the browser console when it detects an unexpected response format. To enable these checks please use the validateResponse config (#2668)
  • TaskBoard has a new collapseTitle config that controls whether the column title is rotated or hidden on collapse By default it now rotates the titles. Please note that it does not apply when using swimlanes, since the column title would obscure the swimlane header. (#3084)
  • TaskDrag now fires events similar to what is available for Event/TaskDrag in Scheduler/Gantt: beforeTaskDrag, taskDragStart, taskDrag, beforeTaskDrop, taskDrop, taskDragAbort and taskDragEnd. On display in the new task-drag demo (#3050)
  • ColumnDrag fires a very similar set of events: beforeColumnDrag, columnDragStart, columnDrag, beforeColumnDrop, columnDrop, columnDragAbort and columnDragEnd. Try it out in the new column-drag demo (#3217)
  • [TYPINGS] Type definitions now contain typed features configs and properties (#2740)

BUG FIXES

  • #2948 - CrudManager should handle autoSync during sync
  • #3034 - Column scroll position is lost when adding new task
  • #3054 - Task drop is cancelled when dropping on swimlane or column header
  • #3083 - Task selection marquee not removed

4.2.2 - 2021-07-21

FEATURES / ENHANCEMENTS

  • [NPM] Bryntum Npm server now supports npm token command for managing access tokens for CI/CD (#2703)

BUG FIXES

  • #3167 - LWC bundle is missing from trial packages
  • #3178 - Syntax highlighter messes up code snippets in docs

4.2.1 - 2021-07-07

FEATURES / ENHANCEMENTS

  • The SimpleTaskEdit feature now has an editorConfig to configure its Editor (#3130)
  • [FRAMEWORKS] Added missing features to frameworks wrappers (#3135)

BUG FIXES

  • #3035 - Tasks drag does not start when pressing certain parts of the element
  • #3136 - [NPM] Running npm install twice creates modified package-lock.json file

4.2.0 - 2021-06-30

  • We are happy to announce the first version of our new TaskBoard!

FEATURES / ENHANCEMENTS

  • Added support for inline editing of cards, using the SimpleTaskEdit feature (#2813)
  • Added a localization demo (#2824)
  • Added Lightning Web Component demo, see examples/salesforce/src/lwc (#2827)
  • The TagCombo now tries to extract tags from the task store when it is not populated by the app
  • Added a new ProjectCombo widget, which allows picking from a set of urls to reload the project
  • Added a backend-sync demo, showing how to sync to a backend using built-in crud manager functionality (#2708)
  • Added transitions for adding, removing and sorting tasks (and more) linked to the useDomTransition flag
  • Added "Upgrade Font Awesome icons to Pro version" guide
  • Added "Replacing Font Awesome with Material Icons" guide
  • Added TaskMenu feature, which allows displaying and customizing a context menu for tasks
  • Configuring TaskEditor with autoUpdateRecords: false automatically displays a toolbar with save and cancel buttons
  • Added UndoRedo widget and demo showing how to set it up
  • New guides: "Working with columns", "Working with swimlanes" and "Customize task menu"
  • Added more task items, miniature widgets that you can populate your cards with. The following items are now available: Image, Progress, Rating, ResourceAvatars, Separator, Tags, Template and Text
  • Resource avatars can be configured to overlap
  • Column collapse buttons made larger + click area enlarged further to make them easier to hit
  • Swimlanes collapse on header click
  • Added new responsive demo
  • Added new zooming demo (#2707)
  • Added a new column header menu feature and accompanying demo (#2700)
  • Added new task menu demo, showing advanced custom menus
  • Added a new task item, TodoListItem, that displays todo lists with checkboxes on the cards. Accompanying it is a new field called TodoListField that can be used in the task editor to display and edit the lists there. Comes with a new demo, named todo-list
  • Added a tutorial to the docs (#2793)
  • New web component demo
  • New SimpleTaskEdit feature for inline editing of cards. Comes with a new demo (Partial fix #2813)
  • The "Add new task" button in column toolbars now scrolls the new task into view (#2814)
  • Bumped the @babel/preset-env config target to chrome: 75 for the UMD and Module bundles. This decreased bundle sizes and improved performance for modern browsers
  • Improved docs

BUG FIXES

  • #2710 - Column toolbar should stick to bottom
  • #2768 - Crash when removing task
  • #2823 - Responsive issue with resource avatar
  • #2825 - Wrong target drop area highlighted as dragged card enters new column
  • #2826 - Cards lose their place when dragged horizontally a bit
  • #2831 - ColumnHeaderMenu doesn't hide after showing
  • #2833 - Taskeditor does not close on Escape key in docs
  • #2835 - 'true' tooltip shown in docs
  • #2840 - TaskBoard docs: API diff grid not working
  • #2868 - Key navigation breaks when editing is completed with Enter key
  • #2869 - Task drag proxy is misplaced when vertical overflow changes
  • #2870 - Body scroll affects dragged task position
  • #2881 - Touch-dragging cards does not work if finger down on a resource avatar
  • #2967 - Prevent scrollbar showing when collapsing swimlane