@canonical/react-components 1.8.0 → 1.9.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.
|
@@ -25,6 +25,7 @@ export type MultiSelectProps = {
|
|
|
25
25
|
dropdownFooter?: ReactNode;
|
|
26
26
|
showDropdownFooter?: boolean;
|
|
27
27
|
variant?: "condensed" | "search";
|
|
28
|
+
scrollOverflow?: boolean;
|
|
28
29
|
};
|
|
29
30
|
type GroupFn = (items: Parameters<typeof getGroupedItems>[0]) => ReturnType<typeof getGroupedItems>;
|
|
30
31
|
type SortFn = typeof sortAlphabetically;
|
|
@@ -173,7 +173,8 @@ const MultiSelect = _ref4 => {
|
|
|
173
173
|
dropdownHeader,
|
|
174
174
|
dropdownFooter,
|
|
175
175
|
showDropdownFooter = true,
|
|
176
|
-
variant = "search"
|
|
176
|
+
variant = "search",
|
|
177
|
+
scrollOverflow = false
|
|
177
178
|
} = _ref4;
|
|
178
179
|
const buttonRef = (0, _react.useRef)();
|
|
179
180
|
const [isDropdownOpen, setIsDropdownOpen] = (0, _react.useState)(false);
|
|
@@ -267,7 +268,8 @@ const MultiSelect = _ref4 => {
|
|
|
267
268
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
268
269
|
className: "multi-select__condensed-text"
|
|
269
270
|
}, listSelected && selectedItems.length > 0 ? selectedItemsLabel : placeholder !== null && placeholder !== void 0 ? placeholder : "Select items")),
|
|
270
|
-
visible: isDropdownOpen
|
|
271
|
+
visible: isDropdownOpen,
|
|
272
|
+
scrollOverflow: scrollOverflow
|
|
271
273
|
}, /*#__PURE__*/_react.default.createElement(MultiSelectDropdown, {
|
|
272
274
|
id: dropdownId,
|
|
273
275
|
isOpen: isDropdownOpen,
|
|
@@ -312,5 +314,6 @@ MultiSelect.propTypes = {
|
|
|
312
314
|
dropdownHeader: _propTypes.default.node,
|
|
313
315
|
dropdownFooter: _propTypes.default.node,
|
|
314
316
|
showDropdownFooter: _propTypes.default.bool,
|
|
315
|
-
variant: _propTypes.default.oneOf(["condensed", "search"])
|
|
317
|
+
variant: _propTypes.default.oneOf(["condensed", "search"]),
|
|
318
|
+
scrollOverflow: _propTypes.default.bool
|
|
316
319
|
};
|
|
@@ -25,6 +25,7 @@ export type MultiSelectProps = {
|
|
|
25
25
|
dropdownFooter?: ReactNode;
|
|
26
26
|
showDropdownFooter?: boolean;
|
|
27
27
|
variant?: "condensed" | "search";
|
|
28
|
+
scrollOverflow?: boolean;
|
|
28
29
|
};
|
|
29
30
|
type GroupFn = (items: Parameters<typeof getGroupedItems>[0]) => ReturnType<typeof getGroupedItems>;
|
|
30
31
|
type SortFn = typeof sortAlphabetically;
|
|
@@ -166,7 +166,8 @@ export var MultiSelect = _ref4 => {
|
|
|
166
166
|
dropdownHeader,
|
|
167
167
|
dropdownFooter,
|
|
168
168
|
showDropdownFooter = true,
|
|
169
|
-
variant = "search"
|
|
169
|
+
variant = "search",
|
|
170
|
+
scrollOverflow = false
|
|
170
171
|
} = _ref4;
|
|
171
172
|
var buttonRef = useRef();
|
|
172
173
|
var [isDropdownOpen, setIsDropdownOpen] = useState(false);
|
|
@@ -260,7 +261,8 @@ export var MultiSelect = _ref4 => {
|
|
|
260
261
|
}, /*#__PURE__*/React.createElement("span", {
|
|
261
262
|
className: "multi-select__condensed-text"
|
|
262
263
|
}, listSelected && selectedItems.length > 0 ? selectedItemsLabel : placeholder !== null && placeholder !== void 0 ? placeholder : "Select items")),
|
|
263
|
-
visible: isDropdownOpen
|
|
264
|
+
visible: isDropdownOpen,
|
|
265
|
+
scrollOverflow: scrollOverflow
|
|
264
266
|
}, /*#__PURE__*/React.createElement(MultiSelectDropdown, {
|
|
265
267
|
id: dropdownId,
|
|
266
268
|
isOpen: isDropdownOpen,
|
|
@@ -304,5 +306,6 @@ MultiSelect.propTypes = {
|
|
|
304
306
|
dropdownHeader: _pt.node,
|
|
305
307
|
dropdownFooter: _pt.node,
|
|
306
308
|
showDropdownFooter: _pt.bool,
|
|
307
|
-
variant: _pt.oneOf(["condensed", "search"])
|
|
309
|
+
variant: _pt.oneOf(["condensed", "search"]),
|
|
310
|
+
scrollOverflow: _pt.bool
|
|
308
311
|
};
|