@xqmsg/ui-core 0.24.9 → 0.24.10

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.24.9",
+  "version": "0.24.10",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/src/components/icons/workspace/index.tsx

@@ -16,7 +16,7 @@ export const Workspace: React.FC<WorkspaceProps> = ({
   filled = false,
 }) => {
   if (filled) {
-    return <WorkspaceIcon boxSize={boxSize} />;
+    return <WorkspaceIcon width={boxSize} height={boxSize} />;
   }
   return <Image src={path} boxSize={boxSize} />;
 };

package/src/components/input/Input.stories.tsx

@@ -221,6 +221,7 @@ const Template: Story<InputProps<StoryFormSchema>> = args => {
         setValue={form.setValue}
         name="prop4"
         defaultValue={'value1'}
+        searchable={false}
         tooltipText={
           <Box>
             <Text fontSize={13}>Explanation!</Text>

package/src/components/input/StackedMultiSelect/index.tsx

@@ -357,6 +357,7 @@ const StackedMultiSelect = React.forwardRef<
             loading={loadingOptions}
           >
             <Input
+              autoFocus
               value={searchValue}
               onChange={handleInput}
               disabled={loadingOptions}

package/src/components/input/StackedSelect/index.tsx

@@ -19,6 +19,7 @@ export interface StackedSelectProps extends StackedInputProps {
   control: Control<FieldValues, any>;
   handleOnChange: (value?: string) => void;
   loadingOptions?: boolean;
+  searchable?: boolean;
 }
 
 /**
@@ -36,6 +37,7 @@ const StackedSelect = React.forwardRef<HTMLInputElement, StackedSelectProps>(
       value,
       fullOptions,
       loadingOptions,
+      searchable = true,
       ...props
     },
     _ref
@@ -195,13 +197,16 @@ const StackedSelect = React.forwardRef<HTMLInputElement, StackedSelectProps>(
     }, [options, searchValue]);
 
     const handleInput = (e: React.ChangeEvent<HTMLInputElement>) => {
-      const initialOptionIndex =
-        filteredOptions.length && filteredOptions[0]?.value === 'section_header'
-          ? 1
-          : 0;
-      setOptionIndex(initialOptionIndex);
-      const { value } = e.target;
-      setSearchValue(value);
+      if (searchable) {
+        const initialOptionIndex =
+          filteredOptions.length &&
+          filteredOptions[0]?.value === 'section_header'
+            ? 1
+            : 0;
+        setOptionIndex(initialOptionIndex);
+        const { value } = e.target;
+        setSearchValue(value);
+      }
     };
 
     return (
@@ -213,7 +218,6 @@ const StackedSelect = React.forwardRef<HTMLInputElement, StackedSelectProps>(
             ref={_ref}
             onClick={() => setIsFocussed(!isFocussed)}
             cursor={isFocussed ? 'default' : 'pointer'}
-            color={loadingOptions ? 'transparent' : 'inital'}
             fontSize="13px"
             value={isFocussed ? searchValue : selectedOption}
             autoComplete="off"

package/src/components/input/index.tsx

@@ -52,6 +52,7 @@ export interface InputProps<T extends FieldValues = FieldValues>
   separators?: string[];
   loadingOptions?: boolean;
   truncatePillLength?: number;
+  searchable?: boolean;
 }
 
 /**
@@ -86,6 +87,7 @@ export function Input<T extends FieldValues>({
   separators,
   loadingOptions = false,
   truncatePillLength,
+  searchable,
 }: InputProps<T>) {
   function selectedInputField<T extends Element = Element>(
     onChange: ((e: ChangeEvent<T>) => void) | ((v?: string) => void),
@@ -152,6 +154,7 @@ export function Input<T extends FieldValues>({
             placeholder={placeholder}
             fullOptions={fullOptions}
             loadingOptions={loadingOptions}
+            searchable={searchable}
           />
         );
       case 'textarea':