@taikai/rocket-kit 3.0.5 → 3.0.6

package/dist/rocket-kit.esm.js

@@ -448,7 +448,7 @@ const CheckboxLabel = /*#__PURE__*/_styled.span.withConfig({
 const CheckboxInput = /*#__PURE__*/_styled.input.withConfig({
   displayName: "styles__CheckboxInput",
   componentId: "sc-w5t014-2"
-})(["position:absolute;left:0;opacity:0;cursor:pointer;&:checked:not(:disabled)[aria-checked='true'] ~ span{background-color:", ";border-color:", ";&:after{display:block;}}&:checked:disabled[aria-checked='true'] ~ span{border-color:transparent;background-color:", ";color:", ";&:after{display:block;}}&:not(:checked):disabled ~ span{border-color:", ";background-color:", ";}&:hover:not(:disabled){border-color:", ";&:checked ~ span{border-color:", ";}}"], props => props.error ? field.errorBackgroundColor : field.successBackgroundColor, props => props.error ? field.errorBorderColor : field.successBorderColor, field.disabledBackgroundColor, field.disabledColor, field.disabledBackgroundColor, field.backgroundColor, props => props.error ? field.errorBorderColor : field.activeBorderColor, props => props.error ? field.errorBorderColor : field.successBorderColor);
+})(["position:absolute;left:0;opacity:0;cursor:pointer;"]);
 const Checkmark = /*#__PURE__*/_styled.span.withConfig({
   displayName: "styles__Checkmark",
   componentId: "sc-w5t014-3"
@@ -5327,24 +5327,23 @@ const Field = _styled.div`
   }
 `;
 
-const FieldWidthButton = props => {
-  const {
-    label,
-    type = 'text',
-    name,
-    placeholder,
-    value,
-    onChange,
-    dataTestId,
-    buttonIcon,
-    buttonValue,
-    buttonAction,
-    buttonDisabled,
-    disabled = true,
-    clearFieldAfterSubmit = false
-  } = props;
+const FieldWidthButton = ({
+  label,
+  type = 'text',
+  name,
+  placeholder,
+  value,
+  onChange,
+  dataTestId,
+  buttonIcon,
+  buttonValue,
+  buttonAction,
+  buttonDisabled,
+  disabled = true,
+  clearFieldAfterSubmit = false
+}) => {
   const [loading, setLoading] = useState(false);
-  const [fieldValue, setFieldValue] = useState(value ?? null);
+  const [fieldValue, setFieldValue] = useState(value ?? '');
   const handleOnClickAction = async () => {
     if ((buttonAction === null || buttonAction === void 0 ? void 0 : buttonAction.constructor.name) !== 'AsyncFunction') {
       buttonAction === null || buttonAction === void 0 ? void 0 : buttonAction(fieldValue);
@@ -5355,6 +5354,10 @@ const FieldWidthButton = props => {
     }
     clearFieldAfterSubmit && setFieldValue('');
   };
+  useEffect(() => {
+    if (!value) return;
+    setFieldValue(value);
+  }, [value]);
   return /*#__PURE__*/React.createElement(Wrapper$e, null, label && /*#__PURE__*/React.createElement(Label, {
     value: label
   }), /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(TextField, {