@taikai/rocket-kit 3.0.2 → 3.0.3

package/dist/rocket-kit.esm.js

@@ -5348,27 +5348,54 @@ const FieldWidthButton = props => {
     name,
     placeholder,
     value,
+    onChange,
     dataTestId,
     buttonIcon,
     buttonValue,
     buttonAction,
-    buttonDisabled
+    buttonDisabled,
+    disabled = true
   } = props;
+  const [loading, setLoading] = useState(false);
+  const [fieldValue, setFieldValue] = useState(value != null ? value : null);
+  const handleOnClickAction = async () => {
+    if ((buttonAction == null ? void 0 : buttonAction.constructor.name) !== 'AsyncFunction') {
+      buttonAction == null ? void 0 : buttonAction(fieldValue);
+      return;
+    }
+    setLoading(true);
+    await (buttonAction == null ? void 0 : buttonAction(fieldValue));
+    setLoading(false);
+  };
   return /*#__PURE__*/React.createElement(Wrapper$e, null, label && /*#__PURE__*/React.createElement(Label, {
     value: label
   }), /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(TextField, {
     type: type,
     name: name,
-    value: value,
+    disabled: disabled,
     placeholder: placeholder,
     dataTestId: dataTestId,
-    disabled: true
+    value: fieldValue != null ? fieldValue : undefined,
+    onChange: e => {
+      e.preventDefault();
+      if (e.target.value === '' || e.target.value === ' ') {
+        setFieldValue(null);
+        onChange == null ? void 0 : onChange(e.target.value);
+      } else {
+        setFieldValue(e.target.value);
+        onChange == null ? void 0 : onChange(e.target.value);
+      }
+    }
   }), /*#__PURE__*/React.createElement(Button, {
     color: "purple100",
+    loading: loading,
     icon: buttonIcon,
     value: buttonValue,
-    action: buttonAction,
-    disabled: buttonDisabled
+    disabled: buttonDisabled,
+    action: e => {
+      e.preventDefault();
+      handleOnClickAction();
+    }
   })));
 };