@dreamcommerce/aurora 2.1.14 → 2.1.15
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/build/cjs/packages/aurora/src/components/controls/hoc/control_multi_select/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_select/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/dropdown/components/select.js +3 -2
- package/build/cjs/packages/aurora/src/components/dropdown/components/select.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/dropdown/hoc/multiselect/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/dropdown/hoc/select/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_multi_select/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_select/index.js +2 -2
- package/build/esm/packages/aurora/src/components/dropdown/components/select.js +3 -2
- package/build/esm/packages/aurora/src/components/dropdown/components/select.js.map +1 -1
- package/build/esm/packages/aurora/src/components/dropdown/hoc/multiselect/index.js +2 -2
- package/build/esm/packages/aurora/src/components/dropdown/hoc/select/index.js +2 -2
- package/build/esm/packages/aurora/src/components/dropdown/types.d.ts +2 -0
- package/package.json +1 -1
|
@@ -11,14 +11,14 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
11
11
|
|
|
12
12
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
13
|
|
|
14
|
-
const ControlMultiSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true } }) => {
|
|
14
|
+
const ControlMultiSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, hasCloseIcon }) => {
|
|
15
15
|
return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
|
|
16
16
|
(label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
|
|
17
17
|
label,
|
|
18
18
|
hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
19
19
|
React__default['default'].createElement(index['default'].Content, null,
|
|
20
20
|
React__default['default'].createElement(index['default'].Element, null,
|
|
21
|
-
React__default['default'].createElement(index$2['default'], { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, onChange: onChange, onToggle: onToggle }))),
|
|
21
|
+
React__default['default'].createElement(index$2['default'], { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, onChange: onChange, onToggle: onToggle, hasCloseIcon: hasCloseIcon }))),
|
|
22
22
|
React__default['default'].createElement(index['default'].Errors, null)));
|
|
23
23
|
};
|
|
24
24
|
|
|
@@ -26,14 +26,14 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
26
26
|
* />
|
|
27
27
|
* )
|
|
28
28
|
*/
|
|
29
|
-
const ControlSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, placeholder, additionalInfo, onScroll, innerAdditionalContent }) => {
|
|
29
|
+
const ControlSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, placeholder, additionalInfo, onScroll, innerAdditionalContent, hasCloseIcon }) => {
|
|
30
30
|
return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
|
|
31
31
|
(label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
|
|
32
32
|
label,
|
|
33
33
|
hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
34
34
|
React__default['default'].createElement(index['default'].Content, null,
|
|
35
35
|
React__default['default'].createElement(index['default'].Element, null,
|
|
36
|
-
React__default['default'].createElement(index$2['default'], { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, placeholder: placeholder, onChange: onChange, onToggle: onToggle, onScroll: onScroll, innerAdditionalContent: innerAdditionalContent }))),
|
|
36
|
+
React__default['default'].createElement(index$2['default'], { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, placeholder: placeholder, onChange: onChange, onToggle: onToggle, onScroll: onScroll, innerAdditionalContent: innerAdditionalContent, hasCloseIcon: hasCloseIcon }))),
|
|
37
37
|
React__default['default'].createElement(index['default'].Errors, null),
|
|
38
38
|
additionalInfo && React__default['default'].createElement(index['default'].AdditionalInfo, null, additionalInfo)));
|
|
39
39
|
};
|
|
@@ -37,7 +37,7 @@ isReadonly = false,
|
|
|
37
37
|
/**
|
|
38
38
|
* array of selected options
|
|
39
39
|
*/
|
|
40
|
-
selectedOptions, placeholder, onRemoveOptions }) => {
|
|
40
|
+
selectedOptions, placeholder, onRemoveOptions, hasCloseIcon }) => {
|
|
41
41
|
const ref = React.useRef(null);
|
|
42
42
|
/**
|
|
43
43
|
* get values from dropdown context
|
|
@@ -58,7 +58,8 @@ selectedOptions, placeholder, onRemoveOptions }) => {
|
|
|
58
58
|
onRemoveOptions && onRemoveOptions();
|
|
59
59
|
};
|
|
60
60
|
return (React__default['default'].createElement("div", { className: main_module['default']['select'], "aria-expanded": isOpen, "aria-haspopup": "listbox", ref: ref },
|
|
61
|
-
React__default['default'].createElement(input_wrapper['default'], { value: value, isFocused: Boolean(isOpen), isDisabled: isDisabled, isReadOnly: isReadonly, onClick: toggleDropdown, placeholder: placeholder, postElements: !!selectedOptions.length &&
|
|
61
|
+
React__default['default'].createElement(input_wrapper['default'], { value: value, isFocused: Boolean(isOpen), isDisabled: isDisabled, isReadOnly: isReadonly, onClick: toggleDropdown, placeholder: placeholder, postElements: !!selectedOptions.length &&
|
|
62
|
+
hasCloseIcon && (React__default['default'].createElement("button", { className: main_module$1['default'][css_classes.cssControlInputRemoveButton], onClick: handleOnClick },
|
|
62
63
|
React__default['default'].createElement(icon_close['default'], { size: "s" }))) }),
|
|
63
64
|
$hiddenInputs));
|
|
64
65
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -79,7 +79,7 @@ onToggle,
|
|
|
79
79
|
/**
|
|
80
80
|
* called on option change
|
|
81
81
|
*/
|
|
82
|
-
onChange }) => {
|
|
82
|
+
onChange, hasCloseIcon }) => {
|
|
83
83
|
/**
|
|
84
84
|
* reference to dropdown wrapper element
|
|
85
85
|
*/
|
|
@@ -106,7 +106,7 @@ onChange }) => {
|
|
|
106
106
|
use_set_options_on_close.useSetOptionsOnClose(isWithSearch, isOpen, setOptionsList, options);
|
|
107
107
|
return (React__default['default'].createElement(index.DropdownContext.Provider, { value: value },
|
|
108
108
|
React__default['default'].createElement("div", { ref: wrapperRef, className: main_module['default'][css_classes.cssDropdown] },
|
|
109
|
-
React__default['default'].createElement(index$1['default'].Select, { name: name, isReadonly: isReadonly, isDisabled: isDisabled, selectedOptions: selectedValues, onRemoveOptions: setSelectedValues }),
|
|
109
|
+
React__default['default'].createElement(index$1['default'].Select, { name: name, isReadonly: isReadonly, isDisabled: isDisabled, selectedOptions: selectedValues, onRemoveOptions: setSelectedValues, hasCloseIcon: hasCloseIcon }),
|
|
110
110
|
React__default['default'].createElement(index$1['default'].Content, null,
|
|
111
111
|
isWithSearch && React__default['default'].createElement(index$1['default'].Search, { onKeyUp: (ev) => utilities.handleSearchKeyUp(ev, options, setOptionsList) }),
|
|
112
112
|
React__default['default'].createElement(index$1['default'].List, { isWithGroups: isWithGroups }, optionsList === null || optionsList === void 0 ? void 0 : optionsList.map((option) => {
|
|
@@ -83,7 +83,7 @@ onChange,
|
|
|
83
83
|
* Place where portal should be placed, by default to body
|
|
84
84
|
* this can be used to put modal inside modal
|
|
85
85
|
*/
|
|
86
|
-
portalContainer, placeholder, onScroll, innerAdditionalContent }) => {
|
|
86
|
+
portalContainer, placeholder, onScroll, innerAdditionalContent, hasCloseIcon }) => {
|
|
87
87
|
/**
|
|
88
88
|
* reference to dropdown wrapper element
|
|
89
89
|
*/
|
|
@@ -113,7 +113,7 @@ portalContainer, placeholder, onScroll, innerAdditionalContent }) => {
|
|
|
113
113
|
}, [options]);
|
|
114
114
|
return (React__default['default'].createElement(index.DropdownContext.Provider, { value: value },
|
|
115
115
|
React__default['default'].createElement("div", { ref: wrapperRef, className: main_module['default'][css_classes.cssDropdown] },
|
|
116
|
-
React__default['default'].createElement(index$1['default'].Select, { name: name, isReadonly: isReadonly, isDisabled: isDisabled, selectedOptions: selectedValues, placeholder: placeholder, onRemoveOptions: setSelectedValues }),
|
|
116
|
+
React__default['default'].createElement(index$1['default'].Select, { name: name, isReadonly: isReadonly, isDisabled: isDisabled, selectedOptions: selectedValues, placeholder: placeholder, onRemoveOptions: setSelectedValues, hasCloseIcon: hasCloseIcon }),
|
|
117
117
|
React__default['default'].createElement(index$1['default'].Content, { portalContainer: portalContainer },
|
|
118
118
|
isWithSearch && React__default['default'].createElement(index$1['default'].Search, { onKeyUp: (ev) => utilities.handleSearchKeyUp(ev, options, setOptionsList) }),
|
|
119
119
|
React__default['default'].createElement(index$1['default'].List, { isWithGroups: isWithGroups, onScroll: onScroll }, optionsList === null || optionsList === void 0 ? void 0 :
|
|
@@ -3,14 +3,14 @@ import Control from '../../index.js';
|
|
|
3
3
|
import Hint from '../../../hint/index.js';
|
|
4
4
|
import Multiple from '../../../dropdown/hoc/multiselect/index.js';
|
|
5
5
|
|
|
6
|
-
const ControlMultiSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true } }) => {
|
|
6
|
+
const ControlMultiSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, hasCloseIcon }) => {
|
|
7
7
|
return (React.createElement(Control, { errors: errors, name: name, id: id },
|
|
8
8
|
(label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
|
|
9
9
|
label,
|
|
10
10
|
hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
11
11
|
React.createElement(Control.Content, null,
|
|
12
12
|
React.createElement(Control.Element, null,
|
|
13
|
-
React.createElement(Multiple, { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, onChange: onChange, onToggle: onToggle }))),
|
|
13
|
+
React.createElement(Multiple, { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, onChange: onChange, onToggle: onToggle, hasCloseIcon: hasCloseIcon }))),
|
|
14
14
|
React.createElement(Control.Errors, null)));
|
|
15
15
|
};
|
|
16
16
|
|
|
@@ -18,14 +18,14 @@ import Select from '../../../dropdown/hoc/select/index.js';
|
|
|
18
18
|
* />
|
|
19
19
|
* )
|
|
20
20
|
*/
|
|
21
|
-
const ControlSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, placeholder, additionalInfo, onScroll, innerAdditionalContent }) => {
|
|
21
|
+
const ControlSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, placeholder, additionalInfo, onScroll, innerAdditionalContent, hasCloseIcon }) => {
|
|
22
22
|
return (React.createElement(Control, { errors: errors, name: name, id: id },
|
|
23
23
|
(label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
|
|
24
24
|
label,
|
|
25
25
|
hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
|
|
26
26
|
React.createElement(Control.Content, null,
|
|
27
27
|
React.createElement(Control.Element, null,
|
|
28
|
-
React.createElement(Select, { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, placeholder: placeholder, onChange: onChange, onToggle: onToggle, onScroll: onScroll, innerAdditionalContent: innerAdditionalContent }))),
|
|
28
|
+
React.createElement(Select, { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, placeholder: placeholder, onChange: onChange, onToggle: onToggle, onScroll: onScroll, innerAdditionalContent: innerAdditionalContent, hasCloseIcon: hasCloseIcon }))),
|
|
29
29
|
React.createElement(Control.Errors, null),
|
|
30
30
|
additionalInfo && React.createElement(Control.AdditionalInfo, null, additionalInfo)));
|
|
31
31
|
};
|
|
@@ -29,7 +29,7 @@ isReadonly = false,
|
|
|
29
29
|
/**
|
|
30
30
|
* array of selected options
|
|
31
31
|
*/
|
|
32
|
-
selectedOptions, placeholder, onRemoveOptions }) => {
|
|
32
|
+
selectedOptions, placeholder, onRemoveOptions, hasCloseIcon }) => {
|
|
33
33
|
const ref = useRef(null);
|
|
34
34
|
/**
|
|
35
35
|
* get values from dropdown context
|
|
@@ -50,7 +50,8 @@ selectedOptions, placeholder, onRemoveOptions }) => {
|
|
|
50
50
|
onRemoveOptions && onRemoveOptions();
|
|
51
51
|
};
|
|
52
52
|
return (React.createElement("div", { className: cssClasses['select'], "aria-expanded": isOpen, "aria-haspopup": "listbox", ref: ref },
|
|
53
|
-
React.createElement(InputWrapper, { value: value, isFocused: Boolean(isOpen), isDisabled: isDisabled, isReadOnly: isReadonly, onClick: toggleDropdown, placeholder: placeholder, postElements: !!selectedOptions.length &&
|
|
53
|
+
React.createElement(InputWrapper, { value: value, isFocused: Boolean(isOpen), isDisabled: isDisabled, isReadOnly: isReadonly, onClick: toggleDropdown, placeholder: placeholder, postElements: !!selectedOptions.length &&
|
|
54
|
+
hasCloseIcon && (React.createElement("button", { className: inputCssClasses[cssControlInputRemoveButton], onClick: handleOnClick },
|
|
54
55
|
React.createElement(IconClose, { size: "s" }))) }),
|
|
55
56
|
$hiddenInputs));
|
|
56
57
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -71,7 +71,7 @@ onToggle,
|
|
|
71
71
|
/**
|
|
72
72
|
* called on option change
|
|
73
73
|
*/
|
|
74
|
-
onChange }) => {
|
|
74
|
+
onChange, hasCloseIcon }) => {
|
|
75
75
|
/**
|
|
76
76
|
* reference to dropdown wrapper element
|
|
77
77
|
*/
|
|
@@ -98,7 +98,7 @@ onChange }) => {
|
|
|
98
98
|
useSetOptionsOnClose(isWithSearch, isOpen, setOptionsList, options);
|
|
99
99
|
return (React.createElement(DropdownContext.Provider, { value: value },
|
|
100
100
|
React.createElement("div", { ref: wrapperRef, className: cssClasses[cssDropdown] },
|
|
101
|
-
React.createElement(Dropdown.Select, { name: name, isReadonly: isReadonly, isDisabled: isDisabled, selectedOptions: selectedValues, onRemoveOptions: setSelectedValues }),
|
|
101
|
+
React.createElement(Dropdown.Select, { name: name, isReadonly: isReadonly, isDisabled: isDisabled, selectedOptions: selectedValues, onRemoveOptions: setSelectedValues, hasCloseIcon: hasCloseIcon }),
|
|
102
102
|
React.createElement(Dropdown.Content, null,
|
|
103
103
|
isWithSearch && React.createElement(Dropdown.Search, { onKeyUp: (ev) => handleSearchKeyUp(ev, options, setOptionsList) }),
|
|
104
104
|
React.createElement(Dropdown.List, { isWithGroups: isWithGroups }, optionsList === null || optionsList === void 0 ? void 0 : optionsList.map((option) => {
|
|
@@ -75,7 +75,7 @@ onChange,
|
|
|
75
75
|
* Place where portal should be placed, by default to body
|
|
76
76
|
* this can be used to put modal inside modal
|
|
77
77
|
*/
|
|
78
|
-
portalContainer, placeholder, onScroll, innerAdditionalContent }) => {
|
|
78
|
+
portalContainer, placeholder, onScroll, innerAdditionalContent, hasCloseIcon }) => {
|
|
79
79
|
/**
|
|
80
80
|
* reference to dropdown wrapper element
|
|
81
81
|
*/
|
|
@@ -105,7 +105,7 @@ portalContainer, placeholder, onScroll, innerAdditionalContent }) => {
|
|
|
105
105
|
}, [options]);
|
|
106
106
|
return (React.createElement(DropdownContext.Provider, { value: value },
|
|
107
107
|
React.createElement("div", { ref: wrapperRef, className: cssClasses[cssDropdown] },
|
|
108
|
-
React.createElement(Dropdown.Select, { name: name, isReadonly: isReadonly, isDisabled: isDisabled, selectedOptions: selectedValues, placeholder: placeholder, onRemoveOptions: setSelectedValues }),
|
|
108
|
+
React.createElement(Dropdown.Select, { name: name, isReadonly: isReadonly, isDisabled: isDisabled, selectedOptions: selectedValues, placeholder: placeholder, onRemoveOptions: setSelectedValues, hasCloseIcon: hasCloseIcon }),
|
|
109
109
|
React.createElement(Dropdown.Content, { portalContainer: portalContainer },
|
|
110
110
|
isWithSearch && React.createElement(Dropdown.Search, { onKeyUp: (ev) => handleSearchKeyUp(ev, options, setOptionsList) }),
|
|
111
111
|
React.createElement(Dropdown.List, { isWithGroups: isWithGroups, onScroll: onScroll }, optionsList === null || optionsList === void 0 ? void 0 :
|
|
@@ -27,6 +27,7 @@ export interface IDropdownSelectProps {
|
|
|
27
27
|
isDisabled?: boolean;
|
|
28
28
|
isReadonly?: boolean;
|
|
29
29
|
placeholder?: string;
|
|
30
|
+
hasCloseIcon?: boolean;
|
|
30
31
|
onRemoveOptions?: (...args: any[]) => any;
|
|
31
32
|
}
|
|
32
33
|
export interface IDropdownLabelProps {
|
|
@@ -96,6 +97,7 @@ export interface ISelectProps extends IDropdownProps {
|
|
|
96
97
|
isWithSearch?: boolean;
|
|
97
98
|
placeholder?: string;
|
|
98
99
|
innerAdditionalContent?: React.ReactNode;
|
|
100
|
+
hasCloseIcon?: boolean;
|
|
99
101
|
onChange?: (selectedOption: ISelectOption) => void;
|
|
100
102
|
onScroll?: (event: React.UIEvent<HTMLElement>) => void;
|
|
101
103
|
}
|