@xqmsg/ui-core 0.24.8 → 0.24.10

package/dist/ui-core.esm.js

@@ -1034,7 +1034,7 @@ var Dropdown$1 = function Dropdown(_ref) {
   });
 };
 
-var _excluded$1 = ["isRequired", "options", "name", "setValue", "handleOnChange", "disabled", "value", "fullOptions", "loadingOptions"];
+var _excluded$1 = ["isRequired", "options", "name", "setValue", "handleOnChange", "disabled", "value", "fullOptions", "loadingOptions", "searchable"];
 /**
  * A functional React component utilized to render the `StackedSelect` component.
  */
@@ -1049,6 +1049,8 @@ var StackedSelect = /*#__PURE__*/React__default.forwardRef(function (_ref2, _ref
     value = _ref2.value,
     fullOptions = _ref2.fullOptions,
     loadingOptions = _ref2.loadingOptions,
+    _ref2$searchable = _ref2.searchable,
+    searchable = _ref2$searchable === void 0 ? true : _ref2$searchable,
     props = _objectWithoutPropertiesLoose(_ref2, _excluded$1);
   var dropdownRef = useRef(null);
   var dropdownMenuRef = useRef(null);
@@ -1167,11 +1169,13 @@ var StackedSelect = /*#__PURE__*/React__default.forwardRef(function (_ref2, _ref
     }));
   }, [options, searchValue]);
   var handleInput = function handleInput(e) {
-    var _filteredOptions$;
-    var initialOptionIndex = filteredOptions.length && ((_filteredOptions$ = filteredOptions[0]) == null ? void 0 : _filteredOptions$.value) === 'section_header' ? 1 : 0;
-    setOptionIndex(initialOptionIndex);
-    var value = e.target.value;
-    setSearchValue(value);
+    if (searchable) {
+      var _filteredOptions$;
+      var initialOptionIndex = filteredOptions.length && ((_filteredOptions$ = filteredOptions[0]) == null ? void 0 : _filteredOptions$.value) === 'section_header' ? 1 : 0;
+      setOptionIndex(initialOptionIndex);
+      var _value = e.target.value;
+      setSearchValue(_value);
+    }
   };
   return /*#__PURE__*/React__default.createElement(Box, {
     ref: dropdownRef,
@@ -1184,7 +1188,6 @@ var StackedSelect = /*#__PURE__*/React__default.forwardRef(function (_ref2, _ref
       return setIsFocussed(!isFocussed);
     },
     cursor: isFocussed ? 'default' : 'pointer',
-    color: loadingOptions ? 'transparent' : 'inital',
     fontSize: "13px",
     value: isFocussed ? searchValue : selectedOption,
     autoComplete: "off",
@@ -1568,6 +1571,7 @@ var StackedMultiSelect = /*#__PURE__*/React__default.forwardRef(function (_ref2,
     width: "0",
     autoComplete: "off",
     type: "text",
+    ref: inputRef,
     tabIndex: -1,
     _focus: {
       boxShadow: 'none !important'
@@ -1589,7 +1593,7 @@ var StackedMultiSelect = /*#__PURE__*/React__default.forwardRef(function (_ref2,
     optionIndex: optionIndex,
     loading: loadingOptions
   }, /*#__PURE__*/React__default.createElement(Input$2, {
-    ref: inputRef,
+    autoFocus: true,
     value: searchValue,
     onChange: handleInput,
     disabled: loadingOptions
@@ -1939,12 +1943,9 @@ function Input(_ref) {
     separators = _ref.separators,
     _ref$loadingOptions = _ref.loadingOptions,
     loadingOptions = _ref$loadingOptions === void 0 ? false : _ref$loadingOptions,
-    truncatePillLength = _ref.truncatePillLength;
+    truncatePillLength = _ref.truncatePillLength,
+    searchable = _ref.searchable;
   function selectedInputField(onChange, onBlur, ref, value) {
-    if (inputType === 'text') {
-      console.log(errorText);
-      console.log(isInvalid);
-    }
     switch (inputType) {
       case 'text':
         return /*#__PURE__*/React__default.createElement(StackedInput, {
@@ -1965,9 +1966,7 @@ function Input(_ref) {
           defaultValue: defaultValue,
           value: value,
           variant: variant,
-          label: label,
-          setError: setError,
-          clearErrors: clearErrors
+          label: label
         });
       case 'radio':
         return /*#__PURE__*/React__default.createElement(StackedRadioGroup, {
@@ -1994,15 +1993,14 @@ function Input(_ref) {
           onBlur: onBlur,
           setValue: setValue,
           control: control,
-          setError: setError,
-          clearErrors: clearErrors,
           ref: ref,
           disabled: disabled,
           value: value,
           defaultValue: defaultValue,
           placeholder: placeholder,
           fullOptions: fullOptions,
-          loadingOptions: loadingOptions
+          loadingOptions: loadingOptions,
+          searchable: searchable
         });
       case 'textarea':
         return /*#__PURE__*/React__default.createElement(StackedTextarea, {
@@ -2119,7 +2117,7 @@ function Input(_ref) {
         tooltipText: tooltipText,
         label: label,
         isRequired: isRequired
-      }), selectedInputField(onChange ? onChange : fieldOnChange, onBlur, ref, value), isInvalid && /*#__PURE__*/React__default.createElement(FormErrorMessage, null, errorText), helperText && /*#__PURE__*/React__default.createElement(FormHelperText, null, helperText), errorText, " ", isInvalid == null ? void 0 : isInvalid.toString());
+      }), selectedInputField(onChange ? onChange : fieldOnChange, onBlur, ref, value), isInvalid && /*#__PURE__*/React__default.createElement(FormErrorMessage, null, errorText), helperText && /*#__PURE__*/React__default.createElement(FormHelperText, null, helperText));
     }
   });
 }
@@ -3035,7 +3033,8 @@ var Workspace = function Workspace(_ref) {
     filled = _ref$filled === void 0 ? false : _ref$filled;
   if (filled) {
     return /*#__PURE__*/React__default.createElement(Memo$w, {
-      boxSize: boxSize
+      width: boxSize,
+      height: boxSize
     });
   }
   return /*#__PURE__*/React__default.createElement(Image$1, {