v0.22.6

What’s Changed

• Change style of sticky columns padding when using dividers (#828) @federico-ercoles

v0.22.5

What’s Changed

• Search lastStickyColumnIndex by column id if set; search headers only inside tableContainer (#827) @federico-ercoles

v0.22.4

What’s Changed

• Allow control of Select open-on-focus behavior (#824) @federico-ercoles

v0.22.3

What’s Changed

• Add vertical dividers to Table columns (#823) @federico-ercoles

v0.22.2

What’s Changed

• Add clearable prop to single-select SelectField (#822) @gabro

v0.22.1

What’s Changed

• Change BaseTextInput width to full (#818) @federico-ercoles

🐞 Bug fixes

• Re-add export of type SelectOption (#817) @federico-ercoles

v0.22.0

What’s Changed

💥 Breaking changes

• Add text and select input (#814) @federico-ercoles

Migration guide

New versions of input components have been added.

• NumberInput has been renamed to BaseNumberInput.
• New NumberInput, TextInput and SelectInput components have been added, providing the same functionality as the *Field component, but without automatically having a label or support for error and descriptive messages.
• New BaseTextInput and BaseSelect components have been added, which include only the graphical part of the previous components, allowing the user to manually control the input functionality (similarly to BaseNumberInput).

🐞 Bug fixes

• Bugfix: TextField discards type other than "text" or "password" (#815) @gabro

🔧 Dependency updates

• Update dependency @fontsource/lexend to v5.0.17 (#806) @renovate-bot

v0.21.2

What’s Changed

🐞 Bug fixes

• Fix withBentoTheme types (#810) @gabro
• Fix config types for navigation.activeNavigation (#809) @gabro

v0.21.1

What’s Changed

• Allow Table columns to have footers (#804) @federico-ercoles

🔧 Dependency updates

• Update dependency @babel/traverse to v7.23.2 [SECURITY] (#803) @renovate-bot
• Update dependency @testing-library/jest-dom to v6.1.4 (#801) @renovate-bot
• Update dependency @tanstack/virtual-core to v3.0.0-beta.65 (#800) @renovate-bot
• Update dependency @tanstack/react-virtual to v3.0.0-beta.65 (#799) @renovate-bot
• Update dependency @storybook/testing-library to v0.2.2 (#797) @renovate-bot
• Update dependency @fontsource/lexend to v5.0.15 (#796) @renovate-bot
• Update dependency postcss to v8.4.31 [SECURITY] (#795) @renovate-bot
• Update dependency @tanstack/react-virtual to v3.0.0-beta.61 (#792) @renovate-bot
• Update dependency @fontsource/lexend to v5.0.13 (#791) @renovate-bot
• Pin dependencies (#790) @renovate-bot

v0.21.0

What’s Changed

• Allow virtualizing rows when groupBy is active (#779) @giogonzo

💥 Breaking changes

• Reimplement DateField with react-aria (#696) @veej

Migration guide

The DateField has been rewritten from scratch using react-aria, which greatly improves the accessibility, by better supporting the wide range of possible inputs (mouse, keyboard, touch, screen reader).

We introduced some subtle changes in the UI and UX of the field, to better align with the rest of Bento. These changes are breaking in the sense that there's no way to get the old UI and UX back, but we don't expect to have a disruptive impact, in practice.

From a technical stanpoint, the only breaking change is the value accepted by the DateField when type="range".
Previously, the value (and the matching onChange) would be of type [Date | null, Date | null], meaning each of the ranges could be independently null at any point, to represent a partially selected range. This transient state is now managed internally to the component, and the type of value (and the matching onChange) is now [Date, Date] | null. In other words, DateField will not accept nor return a partial range, when in "range" mode.

Again, we don't expect this to be particularly disruptive, but if this is causing unexpected troubles, let us know by opening an issue.

🐞 Bug fixes

• Correctly re-export Time and CalendarDate (#789) @gabro

🔧 Dependency updates

• Update dependency @testing-library/dom to v9.3.3 (#783) @renovate-bot
• Update dependency @phosphor-icons/react to v2.0.13 (#782) @renovate-bot

⚙️ Configurator

• Implement HomePage and MyTheme page (#732) @veej