@thecb/components 7.7.6-beta.7 → 7.7.6

package/dist/index.cjs.js

@@ -26064,7 +26064,9 @@ var SearchableSelect = function SearchableSelect(_ref) {
       fields = _ref.fields,
       actions = _ref.actions,
       disabled = _ref.disabled,
-      themeValues = _ref.themeValues;
+      themeValues = _ref.themeValues,
+      _ref$placeholder = _ref.placeholder,
+      placeholder = _ref$placeholder === void 0 ? "Search agencies" : _ref$placeholder;
 
   var _useState = React.useState([]),
       _useState2 = _slicedToArray(_useState, 2),
@@ -26095,15 +26097,15 @@ var SearchableSelect = function SearchableSelect(_ref) {
     padding: "1rem",
     border: themeValues.border,
     extraStyles: disabled && "color: #6e727e; background-color: #f7f7f7; pointer-events: none;"
-  }, /*#__PURE__*/React__default.createElement(Stack, null, /*#__PURE__*/React__default.createElement(FormInput$1, {
+  }, /*#__PURE__*/React__default.createElement(FormInput$1, {
     errorMessages: {},
     field: fields.searchTerm,
     fieldActions: actions.fields.searchTerm,
-    placeholder: "Search agencies",
+    placeholder: placeholder,
     disabled: disabled
   }), /*#__PURE__*/React__default.createElement(Box, {
-    padding: "0.5rem 0",
-    extraStyles: "overflow-y: scroll; height: 250px;"
+    padding: "0 0 0.5rem",
+    extraStyles: "overflow-y: scroll; max-height: 250px;"
   }, /*#__PURE__*/React__default.createElement(Stack, null, itemList.map(function (value) {
     var _selectedItems$find;
 
@@ -26119,9 +26121,9 @@ var SearchableSelect = function SearchableSelect(_ref) {
       },
       textExtraStyles: "margin: 0;",
       disabled: disabled,
-      extraStyles: "margin: 0 0.5rem;"
+      extraStyles: "margin: 0.5rem;"
     });
-  })))));
+  }))));
 };
 
 var SearchableSelect$1 = themeComponent(SearchableSelect, "SearchableSelect", fallbackValues$u, "default");