active-table

This release includes an update to the Active Table's integration in React.

Previously, when devs were using create react app or other React integrations - they would sometimes run into an error that would contain something along the lines of the following:

...
module with javascript mimetype, a '*.mjs' file, or a '*.js' file where the package.json contains '"type": "module"'
...

We have now fixed this issue by bundling the project using vite.

This release contains a bug fix for exporting pasted data.

Previously, if the user pasted data into an empty cell, Active Table would not register that data, hence it was not returned via getData method and was not present in the exported table.

This issue is now fixed.

The table is now better at parsing CSV content that is separated by double quotes. E.g. if the user inserted the following:
Test,"Hi, this doesn't work"

Result
Before:
Test | Hi | this doesn't work
Now:
Test | "Hi, this doesn't work"

This has been implemented for CSV file uploads and CSV pasting.

This release introduces a new property called enterKeyMoveDown which can change the behaviour of the ENTER key to move down to the cell that is below the current row.

This release also contains a bug fix for positioning the rowDropdown when the parent element contains a top or translateY style property.

This release features a new capability that allows the user to change column and row positions by dragging them using the mouse.
Read more in the dragColumns and dragRows descriptions.

In this release the content property has been renamed to data.

The reason for this change is motivated by the fact that content being an already existing html attribute - info. Hence the Active Table's property was clashing with this and was causing TypeScript errors.

This change has also called for other property updates like onDataUpdate and getData to keep the overall API comprehensive.

The release also contains a package upgrade to not use the "@types/xlsx" package in favour of creating a custom one in order to remove critical security vulnerabilities that were flagged during installation.

Active Table has been migrated to use the new Lit Element version 3. This update also includes other package updates for maintainability and security purposes.

availableDefaultColumnTypes and customColumnTypes properties were previously using Enums in their types, which were forcing TypeScript devs to additionally import them when assigning their values. These enums have now been replaced with string types to make development easier for all.

This release contains changes that optimize the user experience when changing column types for custom columns defined in the customColumnsSettings. Previously, if the user changed the header cell text on a custom column with a defaultColumnTypeName, the type would simple be reset back to the "Text" type. Now, the type is retained unless the user explicitly changes the column type or changes the header cell text to another custom column's header name.

Fixing a bug where the top left header row cell that is part of the index would not get its headerStyles reapplied after new header row is inserted or moved. This is now fixed.

This update includes a fix for the Safari browser where previously when the user hovered the header row with their mouse - the header row would expand by half a pixel which would also increase the table height.

Fixed a bug where striped rows did not have their style set.

This release contains a bug fix for moving rows and columns. Previously, if columns were using types other than "Text" and they were moved by the user, the table would have thrown an error and not displayed any of the moved data correctly.
This has now been fixed!

Fixed a bug in Firefox where the upon opening the color picker for a label cell, the label dropdown can be closed without closing the color picker, hence the cell colors could be edited out of sync. This bug is now fixed.

Fixing a bug where previously if the user clicked on either the new color or remove option buttons inside the dropdown of a label cell and then clicked on the whitespace area of a date cell, the dropdown would not close and any further actions would throw errors.
This has now been fixed.

Adding a new configuration property called rootCell which allows devs to style the initial cell (when there is no text) to their preference.

We are excited to release the first official major version for the Active Table component!