@dartech/arsenal-ui 1.4.73 → 1.4.75

package/index.js

@@ -979,6 +979,10 @@ function ControlQueryAutocomplete(_a) {
   const [inputValue, setInputValue] = useState('');
   const [searchValue, setSearchValue] = useState('');
   const [page, setPage] = useState(0);
+  const openPanel = useMemo(() => {
+    if (!options.length) return false;
+    return open;
+  }, [open, options]);
   const {
     data,
     isFetching
@@ -1030,6 +1034,7 @@ function ControlQueryAutocomplete(_a) {
     } else setSearchValue(val);
   }, 500);
   const handleInputChange = useCallback((_, value) => {
+    setOptions([]);
     setInputValue(value);
     debouncedChange(value);
   }, [debouncedChange]);
@@ -1080,7 +1085,7 @@ function ControlQueryAutocomplete(_a) {
     onChange: handleValueChange,
     loading: isFetching,
     clearOnBlur: false,
-    open: open,
+    open: openPanel,
     filterOptions: x => x,
     onOpen: handleOpen,
     onClose: handleClose,
@@ -1114,10 +1119,14 @@ function ControlQueryAutocomplete(_a) {
       },
       InputProps: Object.assign(Object.assign({}, params.InputProps), {
         endAdornment: endAdornment ? endAdornment : jsxs(React.Fragment, {
-          children: [isFetching ? jsx(CircularProgress, {
-            color: "inherit",
-            size: 20
-          }) : null, params.InputProps.endAdornment]
+          children: [isFetching ? jsx(InputAdornment, Object.assign({
+            position: "end"
+          }, {
+            children: jsx(CircularProgress, {
+              color: "inherit",
+              size: 20
+            })
+          })) : null, params.InputProps.endAdornment]
         }),
         startAdornment: startAdornment ? startAdornment : params.InputProps.startAdornment
       })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dartech/arsenal-ui",
-  "version": "1.4.73",
+  "version": "1.4.75",
   "author": "DAR",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"