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

package/dist/index.cjs.js

@@ -2080,7 +2080,7 @@ var ValueReaction = /*#__PURE__*/function (_super) {
     };
     return ValueReaction;
 }(BaseMulticast);
-var value$1 = function (value, initialSubscription) {
+var value = 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$1(transform$$1(init));
+    var raw = value(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$1(init);
+    var raw = value(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$1(to, function (v) {
+            raw: value(to, function (v) {
                 return props.elementStyler.set(key, v);
             })
         });
@@ -27836,7 +27836,6 @@ 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,
@@ -27857,6 +27856,9 @@ var SearchableSelect = function SearchableSelect(_ref) {
     name: SELECT_ALL,
     value: SELECT_ALL
   };
+  var completeOptionsList = [selectAllOption].concat(_toConsumableArray(itemList.sort(function (a, b) {
+    return a.name.toLowerCase().localeCompare(b.name.toLowerCase());
+  })));
   React.useEffect(function () {
     return setItemList(items);
   }, [items, selectedItems]);
@@ -27888,33 +27890,16 @@ 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, /*#__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$find2;
+  }, /*#__PURE__*/React__default.createElement(Stack, null, completeOptionsList.map(function (option) {
     return /*#__PURE__*/React__default.createElement(Checkbox$1, {
-      key: value.name,
-      title: value.name,
-      name: value.name,
-      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$find2 !== void 0 ? _selectedItems$find2 : false,
+      key: option.name,
+      title: option.name,
+      name: option.name,
+      checked: !!(selectedItems !== null && selectedItems !== void 0 && selectedItems.find(function (item) {
+        return (item === null || item === void 0 ? void 0 : item.name) === (option === null || option === void 0 ? void 0 : option.name);
+      })),
       onChange: function onChange() {
-        return handleSelect(value);
+        return handleSelect(option);
       },
       textExtraStyles: "margin: 0;",
       disabled: disabled,