@synerise/ds-context-selector 0.19.23 → 0.19.25
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
CHANGED
|
@@ -3,6 +3,22 @@
|
|
|
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.19.25](https://github.com/Synerise/synerise-design/compare/@synerise/ds-context-selector@0.19.24...@synerise/ds-context-selector@0.19.25) (2024-01-17)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @synerise/ds-context-selector
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
## [0.19.24](https://github.com/Synerise/synerise-design/compare/@synerise/ds-context-selector@0.19.23...@synerise/ds-context-selector@0.19.24) (2024-01-15)
|
|
15
|
+
|
|
16
|
+
**Note:** Version bump only for package @synerise/ds-context-selector
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
6
22
|
## [0.19.23](https://github.com/Synerise/synerise-design/compare/@synerise/ds-context-selector@0.19.22...@synerise/ds-context-selector@0.19.23) (2023-12-14)
|
|
7
23
|
|
|
8
24
|
**Note:** Version bump only for package @synerise/ds-context-selector
|
package/README.md
CHANGED
|
@@ -79,9 +79,6 @@ import ContextSelector from '@synerise/ds-context-selector'
|
|
|
79
79
|
|
|
80
80
|
<iframe src="/storybook-static/iframe.html?id=components-context-selector--default"></iframe>
|
|
81
81
|
|
|
82
|
-
## API
|
|
83
|
-
|
|
84
|
-
|
|
85
82
|
## API
|
|
86
83
|
|
|
87
84
|
| Property | Description | Type | Default |
|
|
@@ -102,6 +99,7 @@ import ContextSelector from '@synerise/ds-context-selector'
|
|
|
102
99
|
| onClickOutsideEvents | Overwrite default events for document listener | HandledEventsType[] \ undefined | - |
|
|
103
100
|
| onClickOutside | Callback called when user click outside dropdown | () => void \ undefined | - |
|
|
104
101
|
| onSearch | Callback called when user enter any char in search input | (query: string) => void | - |
|
|
102
|
+
| hideSearchField | Whether to hide the search field in the dropdown | boolean | false |
|
|
105
103
|
| onFetchData | Callback called when user scrolls to the end of dropdown list | () => void | - |
|
|
106
104
|
| onActivate | Callback called when user opens dropdown | (fieldType: string) => void | - |
|
|
107
105
|
| onDeactivate | Callback called when user closes dropdown | () => void | - |
|
package/dist/ContextSelector.js
CHANGED
|
@@ -35,6 +35,8 @@ var ContextSelector = function ContextSelector(_ref) {
|
|
|
35
35
|
onClickOutsideEvents = _ref.onClickOutsideEvents,
|
|
36
36
|
onClickOutside = _ref.onClickOutside,
|
|
37
37
|
onSearch = _ref.onSearch,
|
|
38
|
+
_ref$hideSearchField = _ref.hideSearchField,
|
|
39
|
+
hideSearchField = _ref$hideSearchField === void 0 ? false : _ref$hideSearchField,
|
|
38
40
|
hasMoreItems = _ref.hasMoreItems,
|
|
39
41
|
onFetchData = _ref.onFetchData,
|
|
40
42
|
onActivate = _ref.onActivate,
|
|
@@ -164,6 +166,7 @@ var ContextSelector = function ContextSelector(_ref) {
|
|
|
164
166
|
onClickOutsideEvents: onClickOutsideEvents,
|
|
165
167
|
onClickOutside: onClickOutside,
|
|
166
168
|
onSearch: onSearch,
|
|
169
|
+
hideSearchField: hideSearchField,
|
|
167
170
|
hasMoreItems: hasMoreItems,
|
|
168
171
|
onFetchData: onFetchData
|
|
169
172
|
})
|
|
@@ -59,6 +59,7 @@ export type ContextProps = {
|
|
|
59
59
|
onClickOutsideEvents?: HandledEventsType[];
|
|
60
60
|
onClickOutside?: () => void;
|
|
61
61
|
onSearch?: (query: string) => void;
|
|
62
|
+
hideSearchField?: boolean;
|
|
62
63
|
onFetchData?: () => void;
|
|
63
64
|
onOpen?: () => void;
|
|
64
65
|
hasMoreItems?: boolean;
|
|
@@ -76,6 +77,7 @@ export type ContextDropdownProps = {
|
|
|
76
77
|
value: ContextItem | undefined;
|
|
77
78
|
onSetGroup?: (val: ContextItem | ContextGroup) => void;
|
|
78
79
|
visible?: boolean;
|
|
80
|
+
hideSearchField?: boolean;
|
|
79
81
|
loading?: boolean;
|
|
80
82
|
menuItemHeight?: ItemSize;
|
|
81
83
|
dropdownWrapperStyles?: CSSProperties;
|
|
@@ -42,6 +42,8 @@ var ContextSelectorDropdown = function ContextSelectorDropdown(_ref) {
|
|
|
42
42
|
setDropdownVisible = _ref.setDropdownVisible,
|
|
43
43
|
value = _ref.value,
|
|
44
44
|
visible = _ref.visible,
|
|
45
|
+
_ref$hideSearchField = _ref.hideSearchField,
|
|
46
|
+
hideSearchField = _ref$hideSearchField === void 0 ? false : _ref$hideSearchField,
|
|
45
47
|
loading = _ref.loading,
|
|
46
48
|
menuItemHeight = _ref.menuItemHeight,
|
|
47
49
|
dropdownWrapperStyles = _ref.dropdownWrapperStyles,
|
|
@@ -278,7 +280,7 @@ var ContextSelectorDropdown = function ContextSelectorDropdown(_ref) {
|
|
|
278
280
|
setSearchInputFocus(true);
|
|
279
281
|
});
|
|
280
282
|
}
|
|
281
|
-
}, /*#__PURE__*/React.createElement(Dropdown.SearchInput, {
|
|
283
|
+
}, !hideSearchField && /*#__PURE__*/React.createElement(Dropdown.SearchInput, {
|
|
282
284
|
onSearchChange: handleSearch,
|
|
283
285
|
onClearInput: function onClearInput() {
|
|
284
286
|
handleSearch('');
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@synerise/ds-context-selector",
|
|
3
|
-
"version": "0.19.
|
|
3
|
+
"version": "0.19.25",
|
|
4
4
|
"description": "ContextSelector UI Component for the Synerise Design System",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"repository": "Synerise/synerise-design",
|
|
@@ -27,24 +27,24 @@
|
|
|
27
27
|
"test:watch": "npm run test -- --watchAll",
|
|
28
28
|
"types": "tsc --noEmit"
|
|
29
29
|
},
|
|
30
|
-
"gitHead": "
|
|
30
|
+
"gitHead": "16918244eff3f4e37db24ae3d90687d4e6a233a4",
|
|
31
31
|
"sideEffects": [
|
|
32
32
|
"dist/style/*",
|
|
33
33
|
"*.less"
|
|
34
34
|
],
|
|
35
35
|
"types": "dist/index.d.ts",
|
|
36
36
|
"dependencies": {
|
|
37
|
-
"@synerise/ds-button": "^0.18.
|
|
38
|
-
"@synerise/ds-dropdown": "^0.17.
|
|
39
|
-
"@synerise/ds-factors": "^0.20.
|
|
40
|
-
"@synerise/ds-icon": "^0.
|
|
41
|
-
"@synerise/ds-information-card": "^0.3.
|
|
42
|
-
"@synerise/ds-loader": "^0.2.
|
|
43
|
-
"@synerise/ds-menu": "^0.18.
|
|
44
|
-
"@synerise/ds-result": "^0.6.
|
|
45
|
-
"@synerise/ds-scrollbar": "^0.7.
|
|
46
|
-
"@synerise/ds-tabs": "^0.13.
|
|
47
|
-
"@synerise/ds-utils": "^0.24.
|
|
37
|
+
"@synerise/ds-button": "^0.18.11",
|
|
38
|
+
"@synerise/ds-dropdown": "^0.17.93",
|
|
39
|
+
"@synerise/ds-factors": "^0.20.18",
|
|
40
|
+
"@synerise/ds-icon": "^0.59.1",
|
|
41
|
+
"@synerise/ds-information-card": "^0.3.53",
|
|
42
|
+
"@synerise/ds-loader": "^0.2.52",
|
|
43
|
+
"@synerise/ds-menu": "^0.18.10",
|
|
44
|
+
"@synerise/ds-result": "^0.6.42",
|
|
45
|
+
"@synerise/ds-scrollbar": "^0.7.2",
|
|
46
|
+
"@synerise/ds-tabs": "^0.13.91",
|
|
47
|
+
"@synerise/ds-utils": "^0.24.24",
|
|
48
48
|
"react-window": "1.8.5",
|
|
49
49
|
"uuid": "^8.3.2"
|
|
50
50
|
},
|