@taikai/rocket-kit 3.0.4 → 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, {
@@ -6012,5 +6015,5 @@ const GridCol$1 = props => {
   }, children);
 };
 
-export { ActionsMenu, AvatarImage, Button, ButtonDropdown, ButtonLink, CardValue, Checkbox, CheckboxButton, CheckboxGroup, DataWarning, EmptyTable, Error, ErrorField, FieldWidthButton, FilePicker, FormGroup, GridCol$1 as GridCol, TabsPanel$1 as GridContainer, GridRow$1 as GridRow, HorizontalNav, Icon, Label, LoadingState, Modal, ModalDrawer, ModalFooter, NoteCard, NumberInputSpinner, PaginationControl, ProgressBar, RadioGroup, Select, SelectInteractive, Slideshow, Spinner, Table$1 as Table, TableDnD, TabsPanel, Tag, TagNumber, TextArea, TextField, TextFieldAppendix, Toggle, TruncateLine, VideoPlayer, WizardSteps };
+export { ActionMenuList, ActionsMenu, AvatarImage, Button, ButtonDropdown, ButtonLink, CardValue, Checkbox, CheckboxButton, CheckboxGroup, DataWarning, EmptyTable, Error, ErrorField, FieldWidthButton, FilePicker, FormGroup, GridCol$1 as GridCol, TabsPanel$1 as GridContainer, GridRow$1 as GridRow, HorizontalNav, Icon, Label, LoadingState, Modal, ModalDrawer, ModalFooter, NoteCard, NumberInputSpinner, PaginationControl, ProgressBar, RadioGroup, Select, SelectInteractive, Slideshow, Spinner, Table$1 as Table, TableDnD, TabsPanel, Tag, TagNumber, TextArea, TextField, TextFieldAppendix, Toggle, TruncateLine, VideoPlayer, WizardSteps };
 //# sourceMappingURL=rocket-kit.esm.js.map