Skip to content

Version Packages #2011

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Version Packages #2011

wants to merge 1 commit into from

Conversation

github-actions[bot]
Copy link
Contributor

@github-actions github-actions bot commented Apr 30, 2025 •
edited
Loading

This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated.

Releases

@sl-design-system/[email protected]

Major Changes

  • #2031 79c250d - Breaking change:

    • Remove action slot for action buttons. The action slot has been removed due to accessibility reasons. We do not recommend using inline messages with interactive elements inside.

    Other changes:

    • Remove role - announcer (aria-live) is used in the component instead.
    • Added announcer to the component (for the danger variant there is aria-live="assertive" used, for the rest: aria-live="polite").

Patch Changes

@sl-design-system/[email protected]

Minor Changes

  • #2034 1072075 - Big improvements to the data-source package:

    DataSource

    • Now a fully abstract class without any implementation details
    • Removed the id parameter for setSort()
    • Changed the DataSourceSort interface to be simpler:
    export type DataSourceSort<Model> = {
  by: DataSourceSortFunction<Model> | PathKeys<Model>;
  direction: DataSourceSortDirection;
};

    ListDataSource

    Instead of <sl-grid> using ListDataSource and having a GridViewModel class and using SelectionController, ListDataSource now is setup to handle all the view model logic internally. This means <sl-grid> no longer needs a separate view model and selection controller.

    If you try to combine grouping with pagination, it will log a warning to the console. Grouping and pagination are not compatible with each other. You can either group or paginate, but not both at the same time.

    • Added ListDataSourceItem, ListDataSourceDataItem and ListDataSourceGroupItem view model types
    • Added constructor options for filtering, grouping, pagination and sorting
    • Added the ability to customize how groups are sorted by adding groupSortBy and groupSortDirection options
    • Added selects property for single, multiple or no selection mode at all
    • Moved selection methods from SelectionController into this class
    • Emits a new sl-selection-change event when the selection changes
    • Defines collapseGroup(), expandGroup(), toggleGroup() and isGroupCollapsed() abstract methods
    • Changed reorder() to be an abstract method

    ArrayListDataSource

    • Refactored to use the new view model types from ListDataSource
    • Implemented group sorting
    • Implemented selection logic for groups (selected, unselected, indeterminate)

    FetchListDataSource

    • Refactored to use the new view model types from ListDataSource
    • Added groups constructor option when you want to use groups, but lazy load the data
    • Added ability to lazy load group items (per page)
    • Added the current group id to the fetchPage() method arguments as well

Patch Changes

  • #2072 77b348d - Fix regression with basic drag and drop of rows within grid

  • #1975 4a6f8ba - Several bug fixes:

    • Fix text being parsed as floating point numbers during sorting
    • Fix the DataSourceFilterFunction to include the value in the function

  • #2024 a343e29 - Expand ListDataSource.setGroupBy by adding a parameter for the label path

  • Updated dependencies [1072075, 4a6f8ba]:

@sl-design-system/[email protected]

Minor Changes

  • #2034 1072075 - Big improvements:

    • New visual styles throughout all components
    • Refactored to use the new ListDataSource class and view model types
    • Removed SelectionController since that logic is now part of ListDataSource
    • Replaced the clickable-row property with selects; this new property combines the functionality of clickable-row and selection mode into a single property
      • single-row: Only one row can be selected at a time, by clicking anywhere on the row.
      • multiple: Multiple rows can be selected, but just by clicking on the selection column.
      • multiple-row: Multiple rows can be selected by clicking anywhere on the row.
    • Removed the sl-active-item-change change event. Use the sl-selection-change event in combination with selects="single-row" to get the same behavior
    • Fixed removing sort unnecessarily in certain cases
    • Fixed superfluous calls to dataSource.update() when the data source was not changed

  • #2064 fbc2ba9 - Add activeRow property to grid with accompanying event

    This changes adds a new activeRow property to the <sl-grid> component. This allows users to specify which row should be marked as active. The active row is marked using the active DOM part. It is styled similarly to a selected row. In order to enable the ability to activate a row, you need to add the activatable-row attribute to the <sl-grid> component. When the active row changes, an sl-grid-active-row-change event is dispatched.

    You can combine the activatable-row feature with selects="multiple" feature to allow users to both activate and select a row.

  • #2024 a343e29 - Grid improvements:

    • Add "Cancel selection" button to the bulk action toolbar
    • Add column argument to GridColumnHeaderRenderer type
    • Fix missing aria-label on a selection column checkbox
    • Fix styling so a small button does not expand the header row above 48px
    • Fix styling so a row has a height of 40px
    • Fix empty class attributes
    • Fix missing role="columnheader" on the header cells

  • #1975 4a6f8ba - Various improvements:

    • Bulk selection actions are now shown in a floating tool-bar instead of replacing the header
    • Filter column uses inline filters instead of popovers
    • Filter column inherits from the sort column
    • Filter column now supports custom filter functions
    • Selection column now supports clicking anywhere inside the cell
    • Sort column uses the new contextual tokens
    • Fixes unregistering filter & sort columns
    • Fixes styling issue with rows scrolling underneath a sticky header
    • Fixes unnecessary updates to data-source, view-model and grid
    • New waitForGridToRenderData utility method to be used in tests; available through the @sl-design-system/grid/utils.js import

Patch Changes

@sl-design-system/[email protected]

Minor Changes

  • #1975 4a6f8ba - Minor improvements:
    • Add the ability to slot a different icon in the prefix slot
    • Use the same clearable button style as the select component

Patch Changes

@sl-design-system/[email protected]

Minor Changes

  • #2034 1072075 - Removed SelectionController since it has been removed from grid and that was the only user.

    See the data-source changes for more details.

Patch Changes

  • #1975 4a6f8ba - Use the default any type for the SlSelectionChangeEvent

@sl-design-system/[email protected]

Minor Changes

@sl-design-system/[email protected]

Minor Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

  • #2036 b411a41 - Improved translations by using id to prevent unnecessary overwriting, which will also help with adding translations in more languages in the future.

  • Updated dependencies []:

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

  • #2037 094e4c7 - Added overflow-wrap to force words to break when options are shown in a very narrow container.

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

  • #2036 b411a41 - Improved translations by using id to prevent unnecessary overwriting, which will also help with adding translations in more languages in the future.

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

  • #2013 03717fb - Fixes issue where the gradient overlay doesn't match the background color set on the tabs with a ::part(container) selector.

  • #2036 b411a41 - Improved translations by using id to prevent unnecessary overwriting, which will also help with adding translations in more languages in the future.

  • Updated dependencies [1072075, 4a6f8ba]:

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

  • #1975 4a6f8ba - Update translations for grid

  • #2036 b411a41 - Improved translations by using id to prevent unnecessary overwriting, which will also help with adding translations in more languages in the future.

  • #2024 a343e29 - New grid translations

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@github-actions github-actions bot force-pushed the changeset-release/main branch 4 times, most recently from db0d06f to a31551b Compare May 8, 2025 11:13
@github-actions github-actions bot force-pushed the changeset-release/main branch 4 times, most recently from 39718d0 to d963c89 Compare May 15, 2025 12:22
@github-actions github-actions bot force-pushed the changeset-release/main branch 6 times, most recently from e86de2b to ecbd5a4 Compare May 25, 2025 10:39
@github-actions github-actions bot force-pushed the changeset-release/main branch 8 times, most recently from 263030b to 2c8c352 Compare June 3, 2025 12:00
@github-actions github-actions bot force-pushed the changeset-release/main branch from 2c8c352 to 2e11973 Compare June 3, 2025 14:11
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@anna-lach anna-lach Awaiting requested review from anna-lach anna-lach is a code owner

@Diaan Diaan Awaiting requested review from Diaan Diaan is a code owner

@jpzwarte jpzwarte Awaiting requested review from jpzwarte jpzwarte is a code owner

At least 1 approving review is required to merge this pull request.

Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
0 participants