@taikai/rocket-kit 3.0.4 → 3.0.6

package/dist/atoms/checkbox/index.d.ts

@@ -1,5 +1,5 @@
 import React, { CSSProperties } from 'react';
-interface Props {
+export interface CheckboxProps {
     value: string;
     label?: string | React.ReactNode;
     checked?: boolean | undefined;
@@ -11,5 +11,5 @@ interface Props {
     dataTestId?: string;
     required?: boolean;
 }
-declare const Checkbox: ({ label, value, checked, onChange, error, disabled, className, style, dataTestId, required, }: Props) => React.JSX.Element;
+declare const Checkbox: ({ label, value, checked, onChange, error, disabled, className, style, dataTestId, required, }: CheckboxProps) => React.JSX.Element;
 export default Checkbox;

package/dist/atoms/error-field/index.d.ts

@@ -1,6 +1,6 @@
 import React, { CSSProperties } from 'react';
 import { ErrorFieldColor } from './types';
-interface ErrorFieldProps {
+export interface ErrorFieldProps {
     color?: ErrorFieldColor;
     error: string;
     className?: string;

package/dist/atoms/spinner/index.d.ts

@@ -1,5 +1,5 @@
 import React, { CSSProperties } from 'react';
-interface SpinnerProps {
+export interface SpinnerProps {
     fill?: string;
     size?: string;
     className?: string;

package/dist/atoms/text-field/index.d.ts

@@ -1,6 +1,6 @@
 import React, { CSSProperties } from 'react';
 import { TextFieldType } from './types';
-interface TextFieldProps {
+export interface TextFieldProps {
     type?: TextFieldType;
     error?: string;
     icon?: string;

package/dist/index.d.ts

@@ -22,6 +22,7 @@ export { default as ProgressBar } from './atoms/progress-bar';
 export { default as Toggle } from './atoms/toggle';
 export { default as FilePicker } from './atoms/file-picker';
 export { default as ActionsMenu } from './molecules/actions-menu';
+export { ActionMenuList } from './molecules/actions-menu';
 export { default as CardValue } from './molecules/card-value';
 export { default as EmptyTable } from './molecules/empty-table';
 export { default as ModalFooter } from './molecules/modal-footer';

package/dist/molecules/actions-menu/index.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 import { ActionMenu } from './types';
-interface ActionsMenuListInterface<T> {
+export interface ActionsMenuListInterface<T> {
     actions: ActionMenu<T>[];
     data?: any;
     rowIndex?: number;
     handleOptionClick?: () => void;
 }
-interface ActionsMenuInterface<T> {
+export interface ActionsMenuInterface<T> {
     className?: string;
     ariaLabel?: string;
     actions: ActionMenu<T>[];

package/dist/molecules/field-with-button/index.d.ts

@@ -15,5 +15,5 @@ export interface FieldWidthButtonProps {
     buttonDisabled?: boolean;
     clearFieldAfterSubmit?: boolean;
 }
-declare const FieldWidthButton: (props: FieldWidthButtonProps) => React.JSX.Element;
+declare const FieldWidthButton: ({ label, type, name, placeholder, value, onChange, dataTestId, buttonIcon, buttonValue, buttonAction, buttonDisabled, disabled, clearFieldAfterSubmit, }: FieldWidthButtonProps) => React.JSX.Element;
 export default FieldWidthButton;

package/dist/molecules/note-card/index.d.ts

@@ -1,6 +1,6 @@
 import React, { CSSProperties } from 'react';
 import { NoteColor } from './types';
-interface NoteCardProps {
+export interface NoteCardProps {
     color?: NoteColor;
     value: any;
     buttonValue?: string;

package/dist/rocket-kit.cjs.development.js

@@ -457,7 +457,7 @@ const CheckboxLabel = /*#__PURE__*/_styled__default.span.withConfig({
 const CheckboxInput = /*#__PURE__*/_styled__default.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__default.span.withConfig({
   displayName: "styles__Checkmark",
   componentId: "sc-w5t014-3"
@@ -5336,24 +5336,23 @@ const Field = _styled__default.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] = React.useState(false);
-  const [fieldValue, setFieldValue] = React.useState(value ?? null);
+  const [fieldValue, setFieldValue] = React.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);
@@ -5364,6 +5363,10 @@ const FieldWidthButton = props => {
     }
     clearFieldAfterSubmit && setFieldValue('');
   };
+  React.useEffect(() => {
+    if (!value) return;
+    setFieldValue(value);
+  }, [value]);
   return /*#__PURE__*/React__default.createElement(Wrapper$e, null, label && /*#__PURE__*/React__default.createElement(Label, {
     value: label
   }), /*#__PURE__*/React__default.createElement(Field, null, /*#__PURE__*/React__default.createElement(TextField, {
@@ -6021,6 +6024,7 @@ const GridCol$1 = props => {
   }, children);
 };
 
+exports.ActionMenuList = ActionMenuList;
 exports.ActionsMenu = ActionsMenu;
 exports.AvatarImage = AvatarImage;
 exports.Button = Button;