@synerise/ds-items-roll 1.5.43 → 2.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/CLAUDE.md +1 -2
  3. package/README.md +1 -1
  4. package/dist/ItemsRoll.styles.js +1 -13
  5. package/dist/ItemsRoll.types.d.ts +2 -3
  6. package/dist/ItemsRollComponents/Header.types.d.ts +1 -2
  7. package/package.json +13 -14
package/CHANGELOG.md CHANGED
@@ -3,6 +3,14 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [2.0.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-items-roll@2.0.0...@synerise/ds-items-roll@2.0.1) (2026-09-02)
7
+
8
+ **Note:** Version bump only for package @synerise/ds-items-roll
9
+
10
+ # [2.0.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-items-roll@1.5.43...@synerise/ds-items-roll@2.0.0) (2026-08-26)
11
+
12
+ **Note:** Version bump only for package @synerise/ds-items-roll
13
+
6
14
  ## [1.5.43](https://github.com/Synerise/synerise-design/compare/@synerise/ds-items-roll@1.5.42...@synerise/ds-items-roll@1.5.43) (2026-08-18)
7
15
 
8
16
  **Note:** Version bump only for package @synerise/ds-items-roll
package/CLAUDE.md CHANGED
@@ -62,7 +62,7 @@ Rendered inside `@synerise/ds-panel` with `radius={3} p={12}`.
62
62
  #### `ItemRollElement<BaseType>`
63
63
 
64
64
  ```ts
65
- type ItemRollElement<BaseType extends ListItemProps | MenuItemProps = ListItemProps> =
65
+ type ItemRollElement<BaseType extends ListItemProps = ListItemProps> =
66
66
  BaseType & { id: string; group?: string };
67
67
  ```
68
68
 
@@ -115,7 +115,6 @@ import ItemsRoll from '@synerise/ds-items-roll';
115
115
  - **Pagination state:** `visibleItemsAmount` state is reset to `maxToShowItems` via `useEffect` whenever the `maxToShowItems` prop changes.
116
116
  - **`isDisabled` behaviour:** Passes `undefined` for `onItemRemove` and `onClearAll` to child components — it does not render disabled UI; it fully hides the controls.
117
117
  - **Footer visibility:** Footer only renders when `useFooter={true}` AND `visibleItems.length > 0`. The footer divider is hidden when in search mode and `itemsCount <= maxToShowItems`.
118
- - **Antd class selectors:** `ListWrapper` styled-component targets `.ant-menu-*` and `.-item-group*` class selectors directly for group title and divider styling — these will break if the antd Menu is replaced.
119
118
  - **Deep import:** `Header.tsx` imports `SearchInput` from `@synerise/ds-search/dist/Elements` — a fragile internal path that breaks if `ds-search` restructures its dist output.
120
119
  - **Deprecated props:** `useVirtualizedList`, `virtualizedRowHeight`, `virtualizedRowWidth` exist in `ListProps` but are never read in `List.tsx`. `intl` prop is accepted at the top level but never forwarded anywhere (component uses `useIntl()` hook directly).
121
120
  - Uses **Jest** (not Vitest) — `jest.config.js` present.
package/README.md CHANGED
@@ -72,7 +72,7 @@ import ItemsRoll from '@synerise/ds-items-roll';
72
72
  | group | Define affiliation to a specific group in groups Array passed as props to ItemsRoll | string | - |
73
73
  | id | Unique identifier for element. Used as a key in map | string | - |
74
74
 
75
- Rest of the `ItemRollElement` props is inherited from `ListItemProps` (default) or `MenuItemProps` — the generic `BaseType` parameter controls which base type is used.
75
+ Rest of the `ItemRollElement` props is inherited from `ListItemProps` (the generic `BaseType` parameter, which defaults to `ListItemProps`).
76
76
 
77
77
  #### Texts
78
78
 
package/dist/ItemsRoll.styles.js CHANGED
@@ -23,19 +23,7 @@ const ShowButtonsWrapper = /* @__PURE__ */ styled.div.withConfig({
23
23
  const ListWrapper = /* @__PURE__ */ styled.div.withConfig({
24
24
  displayName: "ItemsRollstyles__ListWrapper",
25
25
  componentId: "sc-579u47-4"
26
- })(["&&&{.ant-menu-inline,.-inline{border:none;}.ant-menu{.items-roll-list-item{padding-left:12px !important;:hover{svg{fill:", ";}.element-remove-icon{svg{fill:", " !important;:hover{fill:", " !important;}}}}:focus{box-shadow:none !important;background:transparent;}:focus:hover{background-color:", ";}}.ant-menu-item-group-list,.-item-group-list{margin-left:-12px;}.ant-menu-item-group-title,.-item-group-title{font-size:10px;text-transform:uppercase;color:", ";font-weight:500;padding-left:0;padding-right:0;margin-left:-12px;}.ant-menu-item-group:not(:first-child):before,.-item-group:not(:first-child):before{content:'';width:calc(100% + 12px);height:1px;display:block;border-bottom:1px dashed ", ";margin:12px 0px 12px -12px;}}}"], ({
27
- theme
28
- }) => theme.palette["blue-600"], ({
29
- theme
30
- }) => theme.palette["red-600"], ({
31
- theme
32
- }) => theme.palette["red-600"], ({
33
- theme
34
- }) => theme.palette["grey-050"], ({
35
- theme
36
- }) => theme.palette["grey-500"], ({
37
- theme
38
- }) => theme.palette["grey-300"]);
26
+ })([""]);
39
27
  const Bold = /* @__PURE__ */ styled.span.withConfig({
40
28
  displayName: "ItemsRollstyles__Bold",
41
29
  componentId: "sc-579u47-5"
package/dist/ItemsRoll.types.d.ts CHANGED
@@ -2,14 +2,13 @@ import { CSSProperties, ReactNode, SVGProps } from 'react';
2
2
  import { IntlShape } from 'react-intl';
3
3
  import { DropdownProps } from '@synerise/ds-dropdown';
4
4
  import { ListItemProps } from '@synerise/ds-list-item';
5
- import { MenuItemProps } from '@synerise/ds-menu';
6
- export type ItemRollElement<BaseType extends ListItemProps | MenuItemProps = ListItemProps> = BaseType & {
5
+ export type ItemRollElement<BaseType extends ListItemProps = ListItemProps> = BaseType & {
7
6
  id: string;
8
7
  group?: string;
9
8
  };
10
9
  export type Texts = 'changeSelectionLabel' | 'clearAllLabel' | 'itemsLabel' | 'moreLabel' | 'noResultsLabel' | 'popconfirmNoLabel' | 'popconfirmTitleLabel' | 'popconfirmYesLabel' | 'removeTooltipLabel' | 'searchClearTooltipLabel' | 'showLabel' | 'showLessLabel';
11
10
  export type ItemsRollGroup = string;
12
- export type ItemsRollProps<ActionItemType extends ListItemProps | MenuItemProps = ListItemProps> = {
11
+ export type ItemsRollProps<ActionItemType extends ListItemProps = ListItemProps> = {
13
12
  intl?: IntlShape;
14
13
  isDisabled?: boolean;
15
14
  items: ItemRollElement[];
package/dist/ItemsRollComponents/Header.types.d.ts CHANGED
@@ -1,8 +1,7 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { ListItemProps } from '@synerise/ds-list-item';
3
- import { MenuItemProps } from '@synerise/ds-menu';
4
3
  import { ItemsRollProps, Texts } from '../ItemsRoll.types';
5
- export type HeaderProps<ActionItemType extends ListItemProps | MenuItemProps = ListItemProps> = Pick<ItemsRollProps<ActionItemType>, 'actions' | 'changeSelectionIcon' | 'changeSelectionDropdownProps' | 'onChangeSelection' | 'onSearch' | 'onSearchClear' | 'searchValue' | 'searchPlaceholder' | 'hideSearch' | 'customSidebarActions'> & {
4
+ export type HeaderProps<ActionItemType extends ListItemProps = ListItemProps> = Pick<ItemsRollProps<ActionItemType>, 'actions' | 'changeSelectionIcon' | 'changeSelectionDropdownProps' | 'onChangeSelection' | 'onSearch' | 'onSearchClear' | 'searchValue' | 'searchPlaceholder' | 'hideSearch' | 'customSidebarActions'> & {
6
5
  allTexts: {
7
6
  [k in Texts]: ReactNode;
8
7
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-items-roll",
3
- "version": "1.5.43",
3
+ "version": "2.0.1",
4
4
  "description": "ItemsRoll UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "Synerise/synerise-design",
@@ -42,18 +42,17 @@
42
42
  ],
43
43
  "types": "dist/index.d.ts",
44
44
  "dependencies": {
45
- "@synerise/ds-button": "^1.5.37",
46
- "@synerise/ds-divider": "^1.3.18",
47
- "@synerise/ds-dropdown": "^1.4.0",
48
- "@synerise/ds-icon": "^1.18.5",
49
- "@synerise/ds-list-item": "^1.6.5",
50
- "@synerise/ds-menu": "^1.4.34",
51
- "@synerise/ds-panel": "^1.2.19",
52
- "@synerise/ds-popconfirm": "^1.5.0",
53
- "@synerise/ds-popover": "^1.7.0",
54
- "@synerise/ds-search": "^1.5.38",
55
- "@synerise/ds-tooltip": "^1.6.0",
56
- "@synerise/ds-utils": "^1.10.2",
45
+ "@synerise/ds-button": "^2.0.1",
46
+ "@synerise/ds-divider": "^2.0.1",
47
+ "@synerise/ds-dropdown": "^2.0.1",
48
+ "@synerise/ds-icon": "^2.1.0",
49
+ "@synerise/ds-list-item": "^2.0.1",
50
+ "@synerise/ds-panel": "^2.0.1",
51
+ "@synerise/ds-popconfirm": "^2.0.1",
52
+ "@synerise/ds-popover": "^2.0.0",
53
+ "@synerise/ds-search": "^2.0.1",
54
+ "@synerise/ds-tooltip": "^2.0.1",
55
+ "@synerise/ds-utils": "^2.0.0",
57
56
  "react-intl": "^6.8.7"
58
57
  },
59
58
  "devDependencies": {
@@ -66,5 +65,5 @@
66
65
  "styled-components": "^5.3.3",
67
66
  "vitest": "4"
68
67
  },
69
- "gitHead": "e1fece64a41fd18a78583ecb6c21ee00fe8c0759"
68
+ "gitHead": "1dc97a2bae9f1d20c3f35e6672d059d502c90d1a"
70
69
  }