@sqrzro/ui 4.0.0-alpha.72 → 4.0.0-alpha.73

package/dist/components/elements/Menu/index.js

@@ -12,6 +12,9 @@ function Menu({ actions, align, classNameProps, classNames, data, isDisabled, la
     const componentClassNames = useClassNames('menu', { props: classNameProps }, classNames);
     const { controlProps, ref, targetProps } = usePopover();
     const filteredActions = filterNull(actions);
-    return (_jsxs("div", { className: tw('relative', componentClassNames?.root), ref: ref, children: [_jsx(Button, { ...controlProps, classNameProps: classNameProps, isDisabled: isDisabled, children: label }), _jsx(Popover, { ...targetProps, align: align, classNameProps: classNameProps, vAlign: vAlign, children: _jsx("ul", { className: componentClassNames?.list, children: filteredActions.map((item, index) => (_jsx("li", { className: componentClassNames?.item, children: _jsx(Action, { ...item, data: data, render: (props) => (_jsx(MenuItem, { ...props, classNameProps: classNameProps })) }) }, index))) }) })] }));
+    return (_jsxs("div", { className: tw('relative', componentClassNames?.root), ref: ref, children: [_jsx(Button, { ...controlProps, classNameProps: classNameProps, isDisabled: isDisabled, children: label }), _jsx(Popover, { ...targetProps, align: align, classNameProps: classNameProps, vAlign: vAlign, children: _jsx("ul", { className: componentClassNames?.list, children: filteredActions.map((item, index) => (_jsx("li", { className: componentClassNames?.item, children: _jsx(Action, { ...item, data: data, onSuccess: (...args) => {
+                                item.onSuccess?.(...args);
+                                controlProps.onClick();
+                            }, render: (props) => (_jsx(MenuItem, { ...props, classNameProps: classNameProps })) }) }, index))) }) })] }));
 }
 export default Menu;

package/dist/hooks/useServerAction.d.ts

@@ -1,6 +1,10 @@
 import type { UseSuccessArgs } from './useSuccess';
+export interface ToastsArgs {
+    error?: string | false;
+    success?: string | false;
+}
 interface UseServerActionArgs<Response> extends UseSuccessArgs<Response> {
-    onSuccess?: (response: Response) => void;
+    toasts?: ToastsArgs | false;
 }
 interface UseServerActionReturn {
     handleClick: () => void;

package/dist/hooks/useServerAction.js

@@ -1,7 +1,19 @@
 import { useTransition } from 'react';
 import useSuccess from './useSuccess';
+import useToast from './useToast';
+const DEFAULT_TOAST_MESSAGES = {
+    error: 'There was a problem submitting your request. Please try again later.',
+    success: 'Your request was submitted successfully.',
+};
+function getToastMessage(key, toasts) {
+    if (toasts === false || toasts?.[key] === false) {
+        return '';
+    }
+    return toasts?.[key] || DEFAULT_TOAST_MESSAGES[key];
+}
 function useServerAction(fn, args = {}) {
     const { handleSuccess } = useSuccess(args);
+    const { toastSuccess } = useToast();
     const [isLoading, startTransition] = useTransition();
     function handleClick() {
         startTransition(async () => {
@@ -10,6 +22,7 @@ function useServerAction(fn, args = {}) {
             }
             const response = await fn();
             await handleSuccess(response);
+            toastSuccess(getToastMessage('success', args.toasts));
         });
     }
     return { handleClick, isLoading };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sqrzro/ui",
   "type": "module",
-  "version": "4.0.0-alpha.72",
+  "version": "4.0.0-alpha.73",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "license": "ISC",