labsense-ui-kit 1.4.38 → 1.4.40
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.
|
@@ -59,6 +59,9 @@ interface MultiSelectDropdownProps {
|
|
|
59
59
|
NoOptionsText?: string;
|
|
60
60
|
selectAllOption?: boolean;
|
|
61
61
|
selectAllLabel?: string;
|
|
62
|
+
/** Controlled checked state for the Select All row. When omitted, it is
|
|
63
|
+
* derived from whether every option is currently selected (default). */
|
|
64
|
+
selectAllChecked?: boolean;
|
|
62
65
|
dropdownPosition?: 'topLeft' | 'topCenter' | 'topRight' | 'bottomLeft' | 'bottomCenter' | 'bottomRight';
|
|
63
66
|
showAllSelected?: boolean;
|
|
64
67
|
}
|
package/dist/index.js
CHANGED
|
@@ -9240,7 +9240,8 @@ var OptionComponent = function OptionComponent(_ref11) {
|
|
|
9240
9240
|
searchBox = _ref11$searchBox === void 0 ? true : _ref11$searchBox,
|
|
9241
9241
|
_ref11$searchBoxTextL = _ref11.searchBoxTextLength,
|
|
9242
9242
|
searchBoxTextLength = _ref11$searchBoxTextL === void 0 ? 50 : _ref11$searchBoxTextL,
|
|
9243
|
-
NoOptionsText = _ref11.NoOptionsText
|
|
9243
|
+
NoOptionsText = _ref11.NoOptionsText,
|
|
9244
|
+
selectAllChecked = _ref11.selectAllChecked;
|
|
9244
9245
|
var _useState = React.useState(''),
|
|
9245
9246
|
searchQuery = _useState[0],
|
|
9246
9247
|
setSearchQuery = _useState[1];
|
|
@@ -9358,7 +9359,7 @@ var OptionComponent = function OptionComponent(_ref11) {
|
|
|
9358
9359
|
}, React__default.createElement("input", {
|
|
9359
9360
|
id: option.value,
|
|
9360
9361
|
type: 'checkbox',
|
|
9361
|
-
checked: option.value === '__SELECT_ALL__' ? options.filter(function (o) {
|
|
9362
|
+
checked: option.value === '__SELECT_ALL__' ? selectAllChecked != null ? selectAllChecked : options.filter(function (o) {
|
|
9362
9363
|
return o.value !== '__SELECT_ALL__';
|
|
9363
9364
|
}).every(function (o) {
|
|
9364
9365
|
return selectedOptions.includes(o.value);
|
|
@@ -9503,7 +9504,7 @@ var TitleText = styled__default.div(_templateObject3$5 || (_templateObject3$5 =
|
|
|
9503
9504
|
return $titleColor;
|
|
9504
9505
|
}
|
|
9505
9506
|
});
|
|
9506
|
-
var Container$2 = styled__default.div(_templateObject4$4 || (_templateObject4$4 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: 8px;\n"])));
|
|
9507
|
+
var Container$2 = styled__default.div(_templateObject4$4 || (_templateObject4$4 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: 8px;\n height: 100%;\n"])));
|
|
9507
9508
|
var LabelText = styled__default.div(_templateObject5$4 || (_templateObject5$4 = _taggedTemplateLiteralLoose(["\n font-size: 14px;\n font-weight: 400;\n font-style:", ";\n color: ", ";\n"])), function (_ref20) {
|
|
9508
9509
|
var $labelStyle = _ref20.$labelStyle;
|
|
9509
9510
|
return $labelStyle;
|
|
@@ -9713,6 +9714,7 @@ var MultiSelectDropdown = function MultiSelectDropdown(_ref35) {
|
|
|
9713
9714
|
selectAllOption = _ref35$selectAllOptio === void 0 ? false : _ref35$selectAllOptio,
|
|
9714
9715
|
_ref35$selectAllLabel = _ref35.selectAllLabel,
|
|
9715
9716
|
selectAllLabel = _ref35$selectAllLabel === void 0 ? 'Select All' : _ref35$selectAllLabel,
|
|
9717
|
+
selectAllChecked = _ref35.selectAllChecked,
|
|
9716
9718
|
dropdownPosition = _ref35.dropdownPosition,
|
|
9717
9719
|
_ref35$showAllSelecte = _ref35.showAllSelected,
|
|
9718
9720
|
showAllSelected = _ref35$showAllSelecte === void 0 ? false : _ref35$showAllSelecte;
|
|
@@ -9847,7 +9849,7 @@ var MultiSelectDropdown = function MultiSelectDropdown(_ref35) {
|
|
|
9847
9849
|
});
|
|
9848
9850
|
var handleOptionChange = function handleOptionChange(values) {
|
|
9849
9851
|
if (values.includes(SELECT_ALL_VALUE)) {
|
|
9850
|
-
var isAllSelected = allOptionValues.every(function (v) {
|
|
9852
|
+
var isAllSelected = selectAllChecked != null ? selectAllChecked : allOptionValues.every(function (v) {
|
|
9851
9853
|
return selectedOptions.includes(v);
|
|
9852
9854
|
});
|
|
9853
9855
|
handleSelectChange(isAllSelected ? [] : allOptionValues);
|
|
@@ -10017,7 +10019,8 @@ var MultiSelectDropdown = function MultiSelectDropdown(_ref35) {
|
|
|
10017
10019
|
searchBoxBackground: searchBoxBackground,
|
|
10018
10020
|
searchBox: searchBox,
|
|
10019
10021
|
searchBoxTextLength: searchBoxTextLength,
|
|
10020
|
-
NoOptionsText: NoOptionsText
|
|
10022
|
+
NoOptionsText: NoOptionsText,
|
|
10023
|
+
selectAllChecked: selectAllChecked
|
|
10021
10024
|
}))));
|
|
10022
10025
|
};
|
|
10023
10026
|
|