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
  }
@@ -24,6 +24,7 @@ interface OptionProps {
24
24
  searchBox?: boolean;
25
25
  searchBoxTextLength?: number;
26
26
  NoOptionsText?: string;
27
+ selectAllChecked?: boolean;
27
28
  }
28
29
  declare const OptionComponent: React.FC<OptionProps>;
29
30
  export default OptionComponent;
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