Task Board – Change Log
Version 5.6.9
2024-04-09LOCALE 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
Version 5.6.8
2024-03-04BUG FIXES
- 8668 –
beforeColumn
isundefined
when column is dropped in the same place - 8678 – DOCS Document
resourceAvatarClick
andresourceAvatarOverflowClick
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
Version 5.6.7
2024-02-22BUG FIXES
- 8394 –
selectionChange
event firesundefined
when usingTaskMenuItem
- 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
Version 5.6.6
2024-01-31FEATURES / 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 astores
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 from6.0.0
version. UseBryntumTaskBoardProjectModel
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
Version 5.6.5
2024-01-09BUG 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
Version 5.6.4
2023-12-21FEATURES / 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
Version 5.6.3
2023-12-13FEATURES / 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 after6.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
Version 5.6.2
2023-11-24BUG 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
Version 5.6.1
2023-11-17BUG 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
Version 5.6.0
2023-10-26FEATURES / 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 insass/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 theCore.util.helper.Rectangle
module. Check upgrading guide for the details - BREAKING TypeScript
ScrollOptions
typedef has been renamed toBryntumScrollOptions
to not interfere with TypeScript interfaceScrollOptions
. Check upgrading guide for the details (7385) - FRAMEWORKSDEPRECATED
BryntumProjectModel
wrapper component has been renamed toBryntumTaskBoardProjectModel
. 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 returningfalse
from abeforeTaskDrag
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
Version 5.5.5
2023-10-23FEATURES / ENHANCEMENTS
- Task
template
items can now optionally be rendered when the value of the backing field isnull
orundefined
. To opt-in, configure the item withrenderNull: true
. Useful to displayNo value
,Empty
or similar (7625)
BUG FIXES
- 7345 – Swimlane collapsing issue when static height is set for virtualize
Version 5.5.4
2023-10-05BUG 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
Version 5.5.3
2023-09-15FEATURES / ENHANCEMENTS
TaskDrag
feature now supports adragTouchStartDelay
controlling how long to tap-hold before a card drag can start (6915)
Version 5.5.2
2023-08-30FEATURES / ENHANCEMENTS
- TaskBoard now fires many new useful events:
columnCollapse
,columnExpand
,columnToggle
,swimlaneCollapse
,swimlaneExpand
,swimlaneToggle
,swimlaneHeaderClick
,swimlaneHeaderDblClick
,swimlaneContextMenu
(7136)
BUG FIXES
Version 5.5.1
2023-08-16BUG FIXES
- 7275 – Bad UX on creating new item when
simpleTaskEdit
feature enabled
Version 5.5.0
2023-07-31This 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
Version 5.4.2
2023-07-26FEATURES / ENHANCEMENTS
- Internal code improvements and bugfixes
Version 5.4.1
2023-07-13FEATURES / 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
Version 5.4.0
2023-06-30FEATURES / ENHANCEMENTS
Widget
has a new config,maximizeOnMobile
which takes effect only onfloating
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 aslidetoggle
widget. The API and value is the same, it is just a more appropriate UI for the platform - The
TaskEditor's
color fieldTaskColorCombo
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 GridColorColumn
- 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)
Version 5.3.7
2023-06-20BUG FIXES
Version 5.3.6
2023-05-26FEATURES / ENHANCEMENTS
- Internal code improvements and bugfixes
Version 5.3.5
2023-05-11BUG FIXES
Version 5.3.3
2023-04-21FEATURES / 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 inexamples/frameworks/angular/angular-11
folder - ANGULAR
inline-data
demo has been upgraded to use Angular 15. Demo is located inexamples/frameworks/angular/inline-data
folder
BUG FIXES
- 6460 – Missing taskboard translation for swimlane expand/collapse tooltips
Version 5.3.1
2023-03-17API 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
Version 5.3.0
2023-03-02FEATURES / 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 agetTaskHeight()
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 asRecord<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 checkaddQueryParamsToBody
argument in the method documentation (2855)
API CHANGES
- DEPRECATED
LocaleManager.registerLocale
andLocaleManager.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
Version 5.2.10
2023-02-17API CHANGES
- Recently browsers have added support for Unicode 15, which changes the output of
Intl.DateTimeFormat
when formatting time to includeAM
/PM
. Those browsers now use "thin space" (\u202f
) instead of regular space. This affects theDateHelper.format()
function, but likely you do not need to take any action in your application. It also affectsDateHelper.parse()
, which has been updated to support the new unicode space (6193)
Version 5.2.9
2023-01-30FEATURES / 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
Version 5.2.8
2023-01-19BUG FIXES
- 5386 – Improved panel collapse animation when collapsed panel header is perpendicular to expanded
Version 5.2.7
2023-01-11FEATURES / ENHANCEMENTS
- Internal code improvements and bugfixes
Version 5.2.6
2022-12-28FEATURES / ENHANCEMENTS
- REACT React wrapper now supports React components in widgets and tooltips (774)
BUG FIXES
- 5784 – TaskBoard UI should respect the
singleAssignment
flag
Version 5.2.5
2022-12-16BUG FIXES
Version 5.2.4
2022-11-28FEATURES / 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) andcancel
events to theTaskEdit
feature (5448)
BUG FIXES
- 5595 – Fix panel collapse icon directions
Version 5.2.3
2022-11-17BUG FIXES
Version 5.2.2
2022-11-08API 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)
Version 5.2.1
2022-10-28FEATURES / ENHANCEMENTS
- The
showMenuFor
function in theTaskMenu
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
Version 5.2.0
2022-10-13FEATURES / 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 theisEventSelectable
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 theResponsive
mixin now support aonce
property to allow configs to only be set on first activation of the state - The
Core.helper.DateHelper
class has a new methodformatRange
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
Version 5.1.5
2022-10-12FEATURES / ENHANCEMENTS
- New records are assigned a generated
id
if none is provided. The generatedid
is meant to be temporary (a phantomid
), and should be replaced by the backend on commit. Previously theid
was based on a global counter incremented with each assignment. That simplistic scheme assured no two records got the sameid
during a session, but if an application serialized the generatedid
(note, they should not) and then reloaded it, it would eventually collide with a new generatedid
. To prevent this, the generatedid
s are now based on a random UUID instead - Stores now by default show a warning on console when loading records that has generated
id
s, as a reminder that it should be replaced by the backend on commit
BUG FIXES
Version 5.1.4
2022-09-29API CHANGES
- Added
renderTasks
event which is triggered when all tasks in the task board are rendered (5224)
BUG FIXES
Version 5.1.3
2022-09-09BUG FIXES
Version 5.1.2
2022-08-29FEATURES / 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 toPartial<TooltipConfig>
in typings) when using such configs, but also improves our docs by linking to the configs of the type
BUG FIXES
Version 5.1.1
2022-07-28BUG FIXES
- 4966 – TaskBoard
taskboard.module.wc
bundle with WebComponents doesn't export all classes
Version 5.1.0
2022-07-21FEATURES / 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 asdock: string
is nowdock : '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
andsyncUrl
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 toWidget
and therefore available to allWidget
'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. ConfigureforceSync : true
to enable this new behaviour (4575)
API CHANGES
- DEPRECATED The
breakpoints
config of theCore.widget.mixin.Responsive
mixin is deprecated in favor of its newresponsive
config. Theresponsive
config is more easily customized when used in the default configuration of widgets - DEPRECATED The
responsiveWidthChange
andresponsiveHeightChange
events of theCore.widget.mixin.Responsive
mixin are deprecated in favor of its newresponsiveStateChange
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 istaskboard.wc.module.js
BUG FIXES
Version 5.0.7
2022-07-13BUG FIXES
Version 5.0.6
2022-06-20BUG FIXES
Version 5.0.4
2022-05-11FEATURES / ENHANCEMENTS
- Adding custom colors to tasks, column and swimlanes was slightly simplified in this release by making the
color
field ofTaskModel
,ColumnModel
&SwimlaneModel
accept color codes (#, rgb, hsl) in addition to predefined named colors. Used in the updatedscrolling
demo - TaskBoard has a new function that removes one or more tasks,
removeTask()
. It fires an async preventablebeforeTaskRemove
event, allowing apps a chance to show confirmation dialogs etc. The new fn is called by theRemove task
context menu item. Simple implementation added to thetask-menu
demo (3813) - The
TaskEdit
feature now fires an async preventablebeforeTaskEdit
event to for example allow preventing the editor from showing for certain tasks. It also triggers abeforeTaskEditShow
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. Thetask-edit
demo was updated to use both events (4215)
BUG FIXES
Version 5.0.3
2022-04-26FEATURES / ENHANCEMENTS
- WRAPPERS
ProjectModel
wrapper component reference can now be used asproject
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 inexamples/frameworks/angular/inline-data
folder - REACT New demo showing use of inline data and
ProjectModel
wrapper. Demo located inexamples/frameworks/react/javascript/inline-data
folder - VUE-3 New demo showing use of inline data and
ProjectModel
wrapper. Demo located inexamples/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
andswimlaneField
at runtime (4418)
API CHANGES
- The
validateResponse
flag onProjectModel
has been changed to default totrue
. 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 tofalse
). When set totrue
, 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
Version 5.0.2
2022-04-13BUG FIXES
Older versions
- Full release version history can be found here.