@synerise/ds-item-picker 1.18.3 → 2.0.0
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.
- package/CHANGELOG.md +4 -0
- package/README.md +3 -3
- package/dist/components/ItemPickerDropdown/ItemPickerDropdown.js +1 -1
- package/dist/components/ItemPickerList/ItemPickerList.js +1 -1
- package/dist/components/ItemPickerList/components/ErrorItem.js +2 -2
- package/dist/components/ItemPickerList/components/NoMoreItem.js +2 -2
- package/package.json +23 -23
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,10 @@
|
|
|
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.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-item-picker@1.18.3...@synerise/ds-item-picker@2.0.0) (2026-08-26)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @synerise/ds-item-picker
|
|
9
|
+
|
|
6
10
|
## [1.18.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-item-picker@1.18.2...@synerise/ds-item-picker@1.18.3) (2026-08-18)
|
|
7
11
|
|
|
8
12
|
**Note:** Version bump only for package @synerise/ds-item-picker
|
package/README.md
CHANGED
|
@@ -47,7 +47,7 @@ import ItemPicker from '@synerise/ds-item-picker'
|
|
|
47
47
|
|
|
48
48
|
| Property | Description | Type | Default |
|
|
49
49
|
| --------------------------- | -------------------------------------------------------- | ----------------------------------------------------------------------------------------------- | ---------------------------------------- |
|
|
50
|
-
| dataSource | Array of items to display in menu | [
|
|
50
|
+
| dataSource | Array of items to display in menu | [ListItemProps[]](https://design.synerise.com/docs/components/list-item#listitemprops) | - |
|
|
51
51
|
| dropdownVisibleRows | Visible rows count displayed in the dropdown | number | 10 |
|
|
52
52
|
| dropdownProps | Antd dropdown props | [DropdownProps](https://design.synerise.com/docs/components/dropdown#dropdown) | {} |
|
|
53
53
|
| dropdownRowHeight | Height of the row displayed in the dropdown | number | 32 |
|
|
@@ -57,8 +57,8 @@ import ItemPicker from '@synerise/ds-item-picker'
|
|
|
57
57
|
| clear | Clear button tooltip | string, React.ReactNode | 'Clear' |
|
|
58
58
|
| searchPlaceholder | Placeholder of SearchBar in dropdown | string | 'Search' |
|
|
59
59
|
| onClear | Callback executed when clear icon is clicked | () => void | - |
|
|
60
|
-
| onChange | Callback executed when item from dropdown is clicked | (item: [
|
|
61
|
-
| selectedItem? | Selected item data | [
|
|
60
|
+
| onChange | Callback executed when item from dropdown is clicked | (item: [ListItemProps](https://design.synerise.com/docs/components/list-item#listitemprops)) => void | - |
|
|
61
|
+
| selectedItem? | Selected item data | [ListItemProps](https://design.synerise.com/docs/components/list-item#listitemprops) | - |
|
|
62
62
|
| searchBarProps? | Additional props passed to the SearchBar component | [SearchBarProps](https://design.synerise.com/docs/components/search-bar#api) | - |
|
|
63
63
|
| hideSearchBar? | Hides searchBar | boolean | - |
|
|
64
64
|
| size? | Size of ItemPicker component | 'small', 'large' | - |
|
|
@@ -69,7 +69,7 @@ const ItemPickerDropdown = ({
|
|
|
69
69
|
paddingRight: "8px"
|
|
70
70
|
}, ...scrollbarProps, children: /* @__PURE__ */ jsx(SearchItems, { data: filteredDataSource, highlight: searchBarProps?.value ?? searchQuery, itemRender: (item) => /* @__PURE__ */ jsx(ListItem, { ...item }, item?.text), onItemClick: (i) => handleChange(i), rowHeight, height: rowCount * rowHeight, visibleRows: rowCount, listProps: {
|
|
71
71
|
scrollTop
|
|
72
|
-
}, width: "100%"
|
|
72
|
+
}, width: "100%" }) })
|
|
73
73
|
] }),
|
|
74
74
|
renderBottomAction()
|
|
75
75
|
] });
|
|
@@ -12,7 +12,7 @@ import { useDefaultTexts } from "../../hooks/useDefaultTexts.js";
|
|
|
12
12
|
import { StyledScrollbar, ScrollContent, StyledList, ListContainer, ListWrapper } from "./ItemPickerList.styles.js";
|
|
13
13
|
import { EmptyListMessage } from "./components/EmptyListMessage.js";
|
|
14
14
|
import { ErrorMessage } from "./components/ErrorMessage.js";
|
|
15
|
-
import "@synerise/ds-alert";
|
|
15
|
+
import "@synerise/ds-inline-alert";
|
|
16
16
|
import { ItemPickerListFooter } from "./components/ItemPickerListFooter.js";
|
|
17
17
|
import { ItemPickerListRow } from "./components/ItemPickerListRow.js";
|
|
18
18
|
import { ItemPickerListSkeleton } from "./components/ItemPickerListSkeleton.js";
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import InlineAlert from "@synerise/ds-inline-alert";
|
|
3
3
|
const ErrorItem = ({
|
|
4
4
|
label
|
|
5
5
|
}) => {
|
|
6
|
-
return /* @__PURE__ */ jsx(
|
|
6
|
+
return /* @__PURE__ */ jsx(InlineAlert, { type: "alert", message: label });
|
|
7
7
|
};
|
|
8
8
|
export {
|
|
9
9
|
ErrorItem
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import InlineAlert from "@synerise/ds-inline-alert";
|
|
3
3
|
const NoMoreItem = ({
|
|
4
4
|
label
|
|
5
5
|
}) => {
|
|
6
|
-
return /* @__PURE__ */ jsx(
|
|
6
|
+
return /* @__PURE__ */ jsx(InlineAlert, { type: "info", message: label });
|
|
7
7
|
};
|
|
8
8
|
export {
|
|
9
9
|
NoMoreItem
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@synerise/ds-item-picker",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "2.0.0",
|
|
4
4
|
"description": "ItemPicker UI Component for the Synerise Design System",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"repository": "Synerise/synerise-design",
|
|
@@ -42,27 +42,27 @@
|
|
|
42
42
|
],
|
|
43
43
|
"types": "dist/index.d.ts",
|
|
44
44
|
"dependencies": {
|
|
45
|
-
"@synerise/ds-
|
|
46
|
-
"@synerise/ds-
|
|
47
|
-
"@synerise/ds-
|
|
48
|
-
"@synerise/ds-
|
|
49
|
-
"@synerise/ds-
|
|
50
|
-
"@synerise/ds-
|
|
51
|
-
"@synerise/ds-
|
|
52
|
-
"@synerise/ds-
|
|
53
|
-
"@synerise/ds-
|
|
54
|
-
"@synerise/ds-list-item": "^
|
|
55
|
-
"@synerise/ds-loader": "^
|
|
56
|
-
"@synerise/ds-popconfirm": "^
|
|
57
|
-
"@synerise/ds-result": "^
|
|
58
|
-
"@synerise/ds-scrollbar": "^
|
|
59
|
-
"@synerise/ds-search": "^
|
|
60
|
-
"@synerise/ds-search-bar": "^
|
|
61
|
-
"@synerise/ds-short-cuts": "^
|
|
62
|
-
"@synerise/ds-skeleton": "^
|
|
63
|
-
"@synerise/ds-tooltip": "^
|
|
64
|
-
"@synerise/ds-typography": "^
|
|
65
|
-
"@synerise/ds-utils": "^
|
|
45
|
+
"@synerise/ds-avatar": "^2.0.0",
|
|
46
|
+
"@synerise/ds-button": "^2.0.0",
|
|
47
|
+
"@synerise/ds-dropdown": "^2.0.0",
|
|
48
|
+
"@synerise/ds-empty-states": "^2.0.0",
|
|
49
|
+
"@synerise/ds-flag": "^2.0.0",
|
|
50
|
+
"@synerise/ds-form-field": "^2.0.0",
|
|
51
|
+
"@synerise/ds-icon": "^2.0.0",
|
|
52
|
+
"@synerise/ds-information-card": "^2.0.0",
|
|
53
|
+
"@synerise/ds-inline-alert": "^2.0.0",
|
|
54
|
+
"@synerise/ds-list-item": "^2.0.0",
|
|
55
|
+
"@synerise/ds-loader": "^2.0.0",
|
|
56
|
+
"@synerise/ds-popconfirm": "^2.0.0",
|
|
57
|
+
"@synerise/ds-result": "^2.0.0",
|
|
58
|
+
"@synerise/ds-scrollbar": "^2.0.0",
|
|
59
|
+
"@synerise/ds-search": "^2.0.0",
|
|
60
|
+
"@synerise/ds-search-bar": "^2.0.0",
|
|
61
|
+
"@synerise/ds-short-cuts": "^2.0.0",
|
|
62
|
+
"@synerise/ds-skeleton": "^2.0.0",
|
|
63
|
+
"@synerise/ds-tooltip": "^2.0.0",
|
|
64
|
+
"@synerise/ds-typography": "^2.0.0",
|
|
65
|
+
"@synerise/ds-utils": "^2.0.0",
|
|
66
66
|
"lodash.debounce": "^4.0.8",
|
|
67
67
|
"react-window": "^1.8.11",
|
|
68
68
|
"uuid": "^8.3.2"
|
|
@@ -77,5 +77,5 @@
|
|
|
77
77
|
"styled-components": "^5.3.3",
|
|
78
78
|
"vitest": "4"
|
|
79
79
|
},
|
|
80
|
-
"gitHead": "
|
|
80
|
+
"gitHead": "033854a18f038079e9a16b0ff250f8401a2287c2"
|
|
81
81
|
}
|