@xqmsg/ui-core 0.24.6 → 0.24.8

package/dist/ui-core.esm.js

@@ -1189,7 +1189,8 @@ var StackedSelect = /*#__PURE__*/React__default.forwardRef(function (_ref2, _ref
     value: isFocussed ? searchValue : selectedOption,
     autoComplete: "off",
     onChange: handleInput,
-    onKeyDown: handleOnKeyDown
+    onKeyDown: handleOnKeyDown,
+    disabled: disabled
   })), /*#__PURE__*/React__default.createElement(InputRightElement, {
     cursor: disabled ? 'not-allowed' : 'pointer',
     onClick: function onClick() {
@@ -1358,7 +1359,8 @@ var StackedMultiSelect = /*#__PURE__*/React__default.forwardRef(function (_ref2,
     }
   }, [boundingClientRect]);
   useOnClickOutside(dropdownRef, function () {
-    return setIsFocussed(false);
+    setSearchValue('');
+    setIsFocussed(false);
   });
   // gets latest watched form value (common delimited) from RHF state and creates a list
   useEffect(function () {
@@ -1566,7 +1568,6 @@ var StackedMultiSelect = /*#__PURE__*/React__default.forwardRef(function (_ref2,
     width: "0",
     autoComplete: "off",
     type: "text",
-    ref: inputRef,
     tabIndex: -1,
     _focus: {
       boxShadow: 'none !important'
@@ -1588,6 +1589,7 @@ var StackedMultiSelect = /*#__PURE__*/React__default.forwardRef(function (_ref2,
     optionIndex: optionIndex,
     loading: loadingOptions
   }, /*#__PURE__*/React__default.createElement(Input$2, {
+    ref: inputRef,
     value: searchValue,
     onChange: handleInput,
     disabled: loadingOptions
@@ -1796,7 +1798,7 @@ var StackedPilledInput = /*#__PURE__*/React__default.forwardRef(function (_ref2,
       }
     },
     ref: scrollRef,
-    zIndex: 100,
+    zIndex: 99,
     onKeyDown: onHandleKeyDown
   }, lastestFormValueToArray.length ? lastestFormValueToArray.map(function (label, index) {
     return /*#__PURE__*/React__default.createElement(Box, {
@@ -1939,6 +1941,10 @@ function Input(_ref) {
     loadingOptions = _ref$loadingOptions === void 0 ? false : _ref$loadingOptions,
     truncatePillLength = _ref.truncatePillLength;
   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, {
@@ -1959,7 +1965,9 @@ function Input(_ref) {
           defaultValue: defaultValue,
           value: value,
           variant: variant,
-          label: label
+          label: label,
+          setError: setError,
+          clearErrors: clearErrors
         });
       case 'radio':
         return /*#__PURE__*/React__default.createElement(StackedRadioGroup, {
@@ -1986,6 +1994,8 @@ function Input(_ref) {
           onBlur: onBlur,
           setValue: setValue,
           control: control,
+          setError: setError,
+          clearErrors: clearErrors,
           ref: ref,
           disabled: disabled,
           value: value,
@@ -2109,7 +2119,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));
+      }), 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());
     }
   });
 }