@thecb/components 9.4.0-beta.0 → 9.4.0-beta.1

package/dist/index.cjs.js

@@ -2080,7 +2080,7 @@ var ValueReaction = /*#__PURE__*/function (_super) {
     };
     return ValueReaction;
 }(BaseMulticast);
-var value = function (value, initialSubscription) {
+var value$1 = function (value, initialSubscription) {
     return new ValueReaction({ value: value, initialSubscription: initialSubscription });
 };
 
@@ -3678,7 +3678,7 @@ var getValueType$1 = function (v) {
 };
 
 var createPassiveValue = function (init, parent, transform$$1) {
-    var raw = value(transform$$1(init));
+    var raw = value$1(transform$$1(init));
     parent.raw.subscribe(function (v) {
         return raw.update(transform$$1(v));
     });
@@ -3686,7 +3686,7 @@ var createPassiveValue = function (init, parent, transform$$1) {
 };
 var createValue = function (init) {
     var type = getValueType$1(init);
-    var raw = value(init);
+    var raw = value$1(init);
     return { raw: raw, type: type };
 };
 var addActionDelay = function (delay$$1, transition) {
@@ -3979,7 +3979,7 @@ var setValue = function (_a, key, to) {
         raw.update(to);
     } else {
         values.set(key, {
-            raw: value(to, function (v) {
+            raw: value$1(to, function (v) {
                 return props.elementStyler.set(key, v);
             })
         });
@@ -27836,6 +27836,7 @@ var fallbackValues$w = {
 
 var SELECT_ALL = "Select All";
 var SearchableSelect = function SearchableSelect(_ref) {
+  var _selectedItems$find;
   var autocompleteValue = _ref.autocompleteValue,
     items = _ref.items,
     selectedItems = _ref.selectedItems,
@@ -27852,6 +27853,10 @@ var SearchableSelect = function SearchableSelect(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     itemList = _useState2[0],
     setItemList = _useState2[1];
+  var selectAllOption = {
+    name: SELECT_ALL,
+    value: SELECT_ALL
+  };
   React.useEffect(function () {
     return setItemList(items);
   }, [items, selectedItems]);
@@ -27883,17 +27888,31 @@ var SearchableSelect = function SearchableSelect(_ref) {
   }), /*#__PURE__*/React__default.createElement(Box, {
     padding: "0 0 0.5rem",
     extraStyles: "overflow-y: scroll; max-height: 250px;"
-  }, /*#__PURE__*/React__default.createElement(Stack, null, itemList.sort(function (a, b) {
+  }, /*#__PURE__*/React__default.createElement(Stack, null, /*#__PURE__*/React__default.createElement(Checkbox$1, {
+    key: selectAllOption.name,
+    title: selectAllOption.name,
+    name: selectAllOption.name,
+    checked: (_selectedItems$find = selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.find(function (item) {
+      var _value;
+      return (item === null || item === void 0 ? void 0 : item.name) === ((_value = value) === null || _value === void 0 ? void 0 : _value.name);
+    })) !== null && _selectedItems$find !== void 0 ? _selectedItems$find : false,
+    onChange: function onChange() {
+      return handleSelect(value);
+    },
+    textExtraStyles: "margin: 0;",
+    disabled: disabled,
+    extraStyles: "margin: 0.5rem;"
+  }), itemList.sort(function (a, b) {
     return a.name.toLowerCase().localeCompare(b.name.toLowerCase());
   }).map(function (value) {
-    var _selectedItems$find;
+    var _selectedItems$find2;
     return /*#__PURE__*/React__default.createElement(Checkbox$1, {
       key: value.name,
       title: value.name,
       name: value.name,
-      checked: (_selectedItems$find = selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.find(function (item) {
+      checked: (_selectedItems$find2 = selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.find(function (item) {
         return (item === null || item === void 0 ? void 0 : item.name) === (value === null || value === void 0 ? void 0 : value.name);
-      })) !== null && _selectedItems$find !== void 0 ? _selectedItems$find : false,
+      })) !== null && _selectedItems$find2 !== void 0 ? _selectedItems$find2 : false,
       onChange: function onChange() {
         return handleSelect(value);
       },