tw-react-components 0.0.180 → 0.0.183

package/index.esm.js

@@ -1478,8 +1478,9 @@ const FormGroup = ({ className, label, children }) => (jsxs(Flex, { className: c
 
 function withForm(Component) {
     return (props) => {
-        const _a = props, { name, pattern, validate } = _a, restProps = __rest(_a, ["name", "pattern", "validate"]);
+        const _a = props, { name, pattern, validate } = _a, _restProps = __rest(_a, ["name", "pattern", "validate"]);
         const { control, formState } = useFormContext();
+        const restProps = _restProps;
         return (jsx(Controller, { name: name, control: control, rules: {
                 required: restProps.required,
                 min: restProps.min,
@@ -1490,7 +1491,9 @@ function withForm(Component) {
                 validate,
             }, render: ({ field, fieldState }) => {
                 var _a, _b;
-                return (jsx(Component, Object.assign({}, restProps, field, { value: (_a = field.value) !== null && _a !== void 0 ? _a : '', disabled: ((_b = field.disabled) !== null && _b !== void 0 ? _b : restProps.disabled) ||
+                return (jsx(Component, Object.assign({}, restProps, field, { onChange: Component === NumberInput
+                        ? (value) => field.onChange(value.target.valueAsNumber)
+                        : field.onChange, value: (_a = field.value) !== null && _a !== void 0 ? _a : '', disabled: ((_b = field.disabled) !== null && _b !== void 0 ? _b : restProps.disabled) ||
                         formState.isSubmitting, hasErrors: fieldState.error })));
             } }));
     };
@@ -1773,12 +1776,20 @@ const Dialog = Object.assign($Dialog, {
 });
 
 const ConfirmDialog = ({ open, title, children, yesLabel, noLabel, onConfirm, onClose, dataTestId = 'confirm-dialog', }) => {
+    const { toast } = useToast();
     const [loading, setLoading] = useState(false);
     const handleConfirm = () => __awaiter(void 0, void 0, void 0, function* () {
         setLoading(true);
         try {
             yield onConfirm();
         }
+        catch (error) {
+            toast({
+                variant: 'destructive',
+                title: 'Error',
+                description: error instanceof Error ? error.message : 'Something went wrong',
+            });
+        }
         finally {
             setLoading(false);
         }
@@ -1847,7 +1858,20 @@ const Sheet = Object.assign(DialogPrimitive.Root, {
 
 const FormDialog = ({ className, formClassName, open, title, form, children, submitLabel = 'Submit', cancelLabel = 'Cancel', extraAction, as: As = Sheet, onSubmit, onInvalid, onClose, dataTestId = 'form-dialog', }) => {
     const id = useId();
-    return (jsx(As, { open: open, onOpenChange: (value) => !value && onClose(), children: jsxs(As.Content, { className: className, dataTestId: `${dataTestId}-content`, children: [jsx(As.Header, { dataTestId: `${dataTestId}-header`, children: jsx(As.Title, { dataTestId: `${dataTestId}-title`, children: title }) }), jsx(FormProvider, Object.assign({}, form, { children: jsx("form", { id: `form-${id}`, className: cn('flex h-full w-full flex-col gap-2 overflow-auto', formClassName), onSubmit: form.handleSubmit(onSubmit, onInvalid), "data-testid": `${dataTestId}-form`, children: children }) })), jsxs(As.Footer, { className: "w-full sm:justify-between", dataTestId: `${dataTestId}-footer`, children: [extraAction, jsxs(As.Footer, { className: "ml-auto", dataTestId: `${dataTestId}-actions`, children: [jsx(As.Close, { asChild: true, children: jsx(Button, { color: "red", dataTestId: `${dataTestId}-cancel-button`, disabled: form.formState.isSubmitting, children: cancelLabel }) }), jsx(Button, { color: "green", type: "submit", form: `form-${id}`, loading: form.formState.isSubmitting, dataTestId: `${dataTestId}-submit-button`, children: submitLabel })] })] })] }) }));
+    const { toast } = useToast();
+    const handleSubmit = (data, event) => __awaiter(void 0, void 0, void 0, function* () {
+        try {
+            yield onSubmit(data, event);
+        }
+        catch (error) {
+            toast({
+                variant: 'destructive',
+                title: 'Error',
+                description: error instanceof Error ? error.message : 'Something went wrong',
+            });
+        }
+    });
+    return (jsx(As, { open: open, onOpenChange: (value) => !value && onClose(), children: jsxs(As.Content, { className: className, dataTestId: `${dataTestId}-content`, children: [jsx(As.Header, { dataTestId: `${dataTestId}-header`, children: jsx(As.Title, { dataTestId: `${dataTestId}-title`, children: title }) }), jsx(FormProvider, Object.assign({}, form, { children: jsx("form", { id: `form-${id}`, className: cn('flex h-full w-full flex-col gap-2 overflow-auto', formClassName), onSubmit: form.handleSubmit(handleSubmit, onInvalid), "data-testid": `${dataTestId}-form`, children: children }) })), jsxs(As.Footer, { className: "w-full sm:justify-between", dataTestId: `${dataTestId}-footer`, children: [extraAction, jsxs(As.Footer, { className: "ml-auto", dataTestId: `${dataTestId}-actions`, children: [jsx(As.Close, { asChild: true, children: jsx(Button, { color: "red", dataTestId: `${dataTestId}-cancel-button`, disabled: form.formState.isSubmitting, children: cancelLabel }) }), jsx(Button, { color: "green", type: "submit", form: `form-${id}`, loading: form.formState.isSubmitting, dataTestId: `${dataTestId}-submit-button`, children: submitLabel })] })] })] }) }));
 };
 
 function ListSorter({ className, items, dataTestId = 'list-sorter', idResolver, renderer, onChange, }) {
@@ -1877,6 +1901,7 @@ function SortableItem({ item, index, dataTestId, renderer, }) {
 }
 
 function ListSorterDialog({ className, open, title, items, idResolver, renderer, cancelLabel, submitLabel, onSubmit, onClose, dataTestId = 'list-sorter-dialog', }) {
+    const { toast } = useToast();
     const [sortedItems, setSortedItems] = useState(structuredClone(items));
     const [loading, setLoading] = useState(false);
     useEffect(() => {
@@ -1889,6 +1914,13 @@ function ListSorterDialog({ className, open, title, items, idResolver, renderer,
         try {
             yield onSubmit(sortedItems);
         }
+        catch (error) {
+            toast({
+                variant: 'destructive',
+                title: 'Error',
+                description: error instanceof Error ? error.message : 'Something went wrong',
+            });
+        }
         finally {
             setLoading(false);
         }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tw-react-components",
   "description": "A set of React components build with TailwindCSS to make a nice dashboard.",
-  "version": "0.0.180",
+  "version": "0.0.183",
   "license": "MIT",
   "homepage": "https://bacali95.github.io/tw-react-components",
   "type": "module",