feat(textfield): apply spread syntax to sing textfield InputProps

lunit-io · Oct 12, 2023 · 3172c3e · 3172c3e
1 parent 9d87c79
commit 3172c3e
Showing 1 changed file with 18 additions and 14 deletions.
diff --git a/packages/design-system/src/components/TextField/TextField.tsx b/packages/design-system/src/components/TextField/TextField.tsx
@@ -18,6 +18,7 @@ const SingleTextField = (props: SingleTextFieldProps) => {
     rightIconSx,
     onLeftIconClick,
     onRightIconClick,
+    InputProps,
     ...restProps
   } = props;
 
@@ -28,20 +29,23 @@ const SingleTextField = (props: SingleTextFieldProps) => {
       hasLeftIcon={Boolean(leftIcon)}
       hasRightIcon={Boolean(rightIcon)}
       InputProps={{
-        startAdornment: leftIcon && (
-          <TextFieldIcon
-            sx={{ marginRight: "4px", ...leftIconSx }}
-            icon={leftIcon}
-            onIconClick={onLeftIconClick}
-          />
-        ),
-        endAdornment: rightIcon && (
-          <TextFieldIcon
-            sx={{ marginLeft: "4px", ...rightIconSx }}
-            icon={rightIcon}
-            onIconClick={onRightIconClick}
-          />
-        ),
+        ...{
+          startAdornment: leftIcon && (
+            <TextFieldIcon
+              sx={{ marginRight: "4px", ...leftIconSx }}
+              icon={leftIcon}
+              onIconClick={onLeftIconClick}
+            />
+          ),
+          endAdornment: rightIcon && (
+            <TextFieldIcon
+              sx={{ marginLeft: "4px", ...rightIconSx }}
+              icon={rightIcon}
+              onIconClick={onRightIconClick}
+            />
+          ),
+        },
+        ...InputProps,
       }}
     />
   );