@synerise/ds-item-picker 0.15.8 → 0.16.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.
Files changed (8) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/README.md +1 -0
  3. package/dist/ItemPicker.js +3 -1
  4. package/dist/ItemPicker.types.d.ts +1 -0
  5. package/dist/ItemPickerDropdown/ItemPickerDropdown.d.ts +1 -1
  6. package/dist/ItemPickerDropdown/ItemPickerDropdown.js +2 -1
  7. package/dist/ItemPickerDropdown/ItemPickerDropdown.types.d.ts +1 -0
  8. package/package.json +17 -17
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
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
+ # [0.16.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-item-picker@0.15.8...@synerise/ds-item-picker@0.16.0) (2025-02-27)
7
+
8
+
9
+ ### Features
10
+
11
+ * **item-picker:** adds prop hideSearchBar ([4e38e91](https://github.com/Synerise/synerise-design/commit/4e38e91e88bd878752408532a55239fe97e4886d))
12
+
13
+
14
+
15
+
16
+
6
17
  ## [0.15.8](https://github.com/Synerise/synerise-design/compare/@synerise/ds-item-picker@0.15.7...@synerise/ds-item-picker@0.15.8) (2025-02-21)
7
18
 
8
19
  **Note:** Version bump only for package @synerise/ds-item-picker
package/README.md CHANGED
@@ -61,6 +61,7 @@ import ItemPicker from '@synerise/ds-item-picker'
61
61
  | onChange | Callback executed when item from dropdown is clicked | (item: [MenuItemProps](https://design.synerise.com/docs/components/menu#menuitemprops)) => void | - |
62
62
  | selectedItem? | Selected item data | [MenuItemProps](https://design.synerise.com/docs/components/menu#menuitemprops) | - |
63
63
  | searchBarProps? | Additional props passed to the SearchBar component | [SearchBarProps](https://design.synerise.com/docs/components/search-bar#api) | - |
64
+ | hideSearchBar? | Hides searchBar | boolean | - |
64
65
  | size? | Size of ItemPicker component | 'small', 'large' | - |
65
66
  | label? | Label of component | string, React.ReactNode | - |
66
67
  | description? | Description of component | string, React.ReactNode | - |
package/dist/ItemPicker.js CHANGED
@@ -55,6 +55,7 @@ var ItemPicker = function ItemPicker(_ref) {
55
55
  defaultMessage: 'Search'
56
56
  }) : _ref$searchPlaceholde,
57
57
  searchBarProps = _ref.searchBarProps,
58
+ hideSearchBar = _ref.hideSearchBar,
58
59
  selectedItem = _ref.selectedItem,
59
60
  tooltip = _ref.tooltip,
60
61
  _ref$size = _ref.size,
@@ -93,6 +94,7 @@ var ItemPicker = function ItemPicker(_ref) {
93
94
  }, [setDropdownOpened, onBlur]);
94
95
  var dropdownOverlay = useMemo(function () {
95
96
  return /*#__PURE__*/React.createElement(ItemPickerDropdown, {
97
+ hideSearchBar: hideSearchBar,
96
98
  searchBarProps: searchBarProps,
97
99
  clearSearchQuery: clearSearchBarValue.current,
98
100
  onChange: onChange,
@@ -107,7 +109,7 @@ var ItemPicker = function ItemPicker(_ref) {
107
109
  isDropdownOpened: dropdownOpened,
108
110
  scrollbarProps: scrollbarProps
109
111
  });
110
- }, [searchBarProps, onChange, dataSource, searchPlaceholder, closeDropdown, noResults, dropdownVisibleRows, dropdownRowHeight, dropdownBottomAction, closeOnBottomAction, dropdownOpened, scrollbarProps]);
112
+ }, [searchBarProps, onChange, dataSource, searchPlaceholder, closeDropdown, noResults, dropdownVisibleRows, dropdownRowHeight, dropdownBottomAction, closeOnBottomAction, dropdownOpened, scrollbarProps, hideSearchBar]);
111
113
  var renderTrigger = useMemo(function () {
112
114
  return /*#__PURE__*/React.createElement(Trigger, {
113
115
  clear: clear,
package/dist/ItemPicker.types.d.ts CHANGED
@@ -32,6 +32,7 @@ export type ItemPickerProps = {
32
32
  placeholderIcon?: ReactNode;
33
33
  searchPlaceholder?: string;
34
34
  searchBarProps?: Partial<SearchBarProps>;
35
+ hideSearchBar?: boolean;
35
36
  selectedItem?: ListItemProps | undefined;
36
37
  size?: ItemPickerSize;
37
38
  tooltip?: ReactNode;
package/dist/ItemPickerDropdown/ItemPickerDropdown.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import React from 'react';
2
2
  import { ItemPickerDropdownProps } from './ItemPickerDropdown.types';
3
- declare const ItemPickerDropdown: ({ onChange, placeholder, dataSource, closeDropdown, noResults, dropdownVisibleRows, dropdownRowHeight, dropdownBottomAction, closeOnBottomAction, isDropdownOpened, searchBarProps, scrollbarProps, clearSearchQuery, }: ItemPickerDropdownProps) => React.JSX.Element;
3
+ declare const ItemPickerDropdown: ({ onChange, placeholder, dataSource, closeDropdown, noResults, dropdownVisibleRows, dropdownRowHeight, dropdownBottomAction, closeOnBottomAction, isDropdownOpened, searchBarProps, hideSearchBar, scrollbarProps, clearSearchQuery, }: ItemPickerDropdownProps) => React.JSX.Element;
4
4
  export default ItemPickerDropdown;
package/dist/ItemPickerDropdown/ItemPickerDropdown.js CHANGED
@@ -20,6 +20,7 @@ var ItemPickerDropdown = function ItemPickerDropdown(_ref) {
20
20
  closeOnBottomAction = _ref.closeOnBottomAction,
21
21
  isDropdownOpened = _ref.isDropdownOpened,
22
22
  searchBarProps = _ref.searchBarProps,
23
+ hideSearchBar = _ref.hideSearchBar,
23
24
  scrollbarProps = _ref.scrollbarProps,
24
25
  clearSearchQuery = _ref.clearSearchQuery;
25
26
  var rowCount = dropdownVisibleRows || DEFAULT_VISIBLE_ROWS;
@@ -56,7 +57,7 @@ var ItemPickerDropdown = function ItemPickerDropdown(_ref) {
56
57
  };
57
58
  return /*#__PURE__*/React.createElement(S.DropdownWrapper, {
58
59
  "data-testid": "ds-item-picker-dropdown"
59
- }, /*#__PURE__*/React.createElement(SearchBar, _extends({
60
+ }, hideSearchBar !== true && /*#__PURE__*/React.createElement(SearchBar, _extends({
60
61
  iconLeft: /*#__PURE__*/React.createElement(Icon, {
61
62
  component: /*#__PURE__*/React.createElement(SearchM, null)
62
63
  }),
package/dist/ItemPickerDropdown/ItemPickerDropdown.types.d.ts CHANGED
@@ -16,5 +16,6 @@ export type ItemPickerDropdownProps = {
16
16
  isDropdownOpened: boolean;
17
17
  searchBarProps?: Partial<SearchBarProps>;
18
18
  scrollbarProps?: ScrollbarAdditionalProps;
19
+ hideSearchBar?: boolean;
19
20
  };
20
21
  export type Props = ItemPickerDropdownProps;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-item-picker",
3
- "version": "0.15.8",
3
+ "version": "0.16.0",
4
4
  "description": "ItemPicker UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "Synerise/synerise-design",
@@ -34,22 +34,22 @@
34
34
  ],
35
35
  "types": "dist/index.d.ts",
36
36
  "dependencies": {
37
- "@synerise/ds-avatar": "^0.18.6",
38
- "@synerise/ds-button": "^0.23.1",
39
- "@synerise/ds-dropdown": "^0.19.6",
37
+ "@synerise/ds-avatar": "^0.18.7",
38
+ "@synerise/ds-button": "^0.23.2",
39
+ "@synerise/ds-dropdown": "^0.19.7",
40
40
  "@synerise/ds-flag": "^0.6.0",
41
- "@synerise/ds-icon": "^0.71.1",
42
- "@synerise/ds-information-card": "^0.9.1",
43
- "@synerise/ds-input": "^0.25.6",
44
- "@synerise/ds-list-item": "^0.7.4",
45
- "@synerise/ds-popconfirm": "^0.11.1",
46
- "@synerise/ds-result": "^0.8.5",
47
- "@synerise/ds-scrollbar": "^0.12.4",
48
- "@synerise/ds-search": "^0.10.6",
49
- "@synerise/ds-search-bar": "^0.8.6",
50
- "@synerise/ds-tooltip": "^0.16.0",
51
- "@synerise/ds-typography": "^0.17.4",
52
- "@synerise/ds-utils": "^0.32.1"
41
+ "@synerise/ds-icon": "^0.71.2",
42
+ "@synerise/ds-information-card": "^0.9.2",
43
+ "@synerise/ds-input": "^0.25.7",
44
+ "@synerise/ds-list-item": "^0.7.5",
45
+ "@synerise/ds-popconfirm": "^0.11.2",
46
+ "@synerise/ds-result": "^0.8.6",
47
+ "@synerise/ds-scrollbar": "^0.12.5",
48
+ "@synerise/ds-search": "^0.10.7",
49
+ "@synerise/ds-search-bar": "^0.8.7",
50
+ "@synerise/ds-tooltip": "^0.16.1",
51
+ "@synerise/ds-typography": "^0.17.5",
52
+ "@synerise/ds-utils": "^0.32.2"
53
53
  },
54
54
  "peerDependencies": {
55
55
  "@synerise/ds-core": "*",
@@ -57,5 +57,5 @@
57
57
  "react-intl": ">=3.12.0 <= 6.8",
58
58
  "styled-components": "^5.3.3"
59
59
  },
60
- "gitHead": "4c0b561a53624f2bbb21360d2150d07f4019484c"
60
+ "gitHead": "23054ac8e90293b1a722acdec723b4bfd5abd6c9"
61
61
  }