@compill/admin 1.0.94 → 1.0.98

package/index.cjs.js

@@ -2076,6 +2076,7 @@ function ItemDeleteDialog(_a) {
   var {
       title,
       actionButtonLabel,
+      closeActionButtonLabel = "Cancel",
       itemLabel,
       queryId = "",
       api: api$1,
@@ -2086,13 +2087,17 @@ function ItemDeleteDialog(_a) {
       md_boxSizing,
       msg,
       show,
-      onClose
+      onClose,
+      onSuccess
     } = _a,
-    props = tslib.__rest(_a, ["title", "actionButtonLabel", "itemLabel", "queryId", "api", "apiFn", "invalidateQueriesOnSuccess", "invalidateQueryKey", "size", "md_boxSizing", "msg", "show", "onClose"]);
+    props = tslib.__rest(_a, ["title", "actionButtonLabel", "closeActionButtonLabel", "itemLabel", "queryId", "api", "apiFn", "invalidateQueriesOnSuccess", "invalidateQueryKey", "size", "md_boxSizing", "msg", "show", "onClose", "onSuccess"]);
   const fn = apiFn ? api$1[apiFn] : api$1.delete;
   const mutation = invalidateQueriesOnSuccess ? api.useInvalidateParentMutation(fn, invalidateQueryKey !== null && invalidateQueryKey !== void 0 ? invalidateQueryKey : api$1.queryKey) : api.useApiMutation(fn, api$1.queryKey);
   const mutate = api.useMutate(mutation, {
-    onSuccess: () => onClose === null || onClose === void 0 ? void 0 : onClose()
+    onSuccess: () => {
+      onClose === null || onClose === void 0 ? void 0 : onClose();
+      onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
+    }
   });
   const handleDelete = React.useCallback(() => mutate(queryId), [mutate, queryId]);
   return jsxRuntime.jsxs(ui.Modal, Object.assign({
@@ -2113,19 +2118,19 @@ function ItemDeleteDialog(_a) {
       placeContent: "end",
       spaceX: "3",
       children: [jsxRuntime.jsx(ui.Button, {
-        disabled: mutation.isLoading,
+        disabled: mutation.isPending,
         onClick: onClose,
         variant: "borderless",
-        scheme: "secondary",
+        scheme: "dark",
         me: "2",
-        children: "Cancel"
+        children: closeActionButtonLabel
       }), jsxRuntime.jsx(ui.Button, {
         scheme: "danger",
-        disabled: mutation.isLoading,
+        disabled: mutation.isPending,
         onClick: handleDelete,
         children: actionButtonLabel || "Delete"
       })]
-    }), mutation.isLoading && jsxRuntime.jsx(components.ModalLoadingOverlay, {})]
+    }), mutation.isPending && jsxRuntime.jsx(components.ModalLoadingOverlay, {})]
   }));
 }
 

package/index.esm.js

@@ -2074,6 +2074,7 @@ function ItemDeleteDialog(_a) {
   var {
       title,
       actionButtonLabel,
+      closeActionButtonLabel = "Cancel",
       itemLabel,
       queryId = "",
       api,
@@ -2084,13 +2085,17 @@ function ItemDeleteDialog(_a) {
       md_boxSizing,
       msg,
       show,
-      onClose
+      onClose,
+      onSuccess
     } = _a,
-    props = __rest(_a, ["title", "actionButtonLabel", "itemLabel", "queryId", "api", "apiFn", "invalidateQueriesOnSuccess", "invalidateQueryKey", "size", "md_boxSizing", "msg", "show", "onClose"]);
+    props = __rest(_a, ["title", "actionButtonLabel", "closeActionButtonLabel", "itemLabel", "queryId", "api", "apiFn", "invalidateQueriesOnSuccess", "invalidateQueryKey", "size", "md_boxSizing", "msg", "show", "onClose", "onSuccess"]);
   const fn = apiFn ? api[apiFn] : api.delete;
   const mutation = invalidateQueriesOnSuccess ? useInvalidateParentMutation(fn, invalidateQueryKey !== null && invalidateQueryKey !== void 0 ? invalidateQueryKey : api.queryKey) : useApiMutation(fn, api.queryKey);
   const mutate = useMutate(mutation, {
-    onSuccess: () => onClose === null || onClose === void 0 ? void 0 : onClose()
+    onSuccess: () => {
+      onClose === null || onClose === void 0 ? void 0 : onClose();
+      onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
+    }
   });
   const handleDelete = React.useCallback(() => mutate(queryId), [mutate, queryId]);
   return jsxs(Modal, Object.assign({
@@ -2111,19 +2116,19 @@ function ItemDeleteDialog(_a) {
       placeContent: "end",
       spaceX: "3",
       children: [jsx(Button, {
-        disabled: mutation.isLoading,
+        disabled: mutation.isPending,
         onClick: onClose,
         variant: "borderless",
-        scheme: "secondary",
+        scheme: "dark",
         me: "2",
-        children: "Cancel"
+        children: closeActionButtonLabel
       }), jsx(Button, {
         scheme: "danger",
-        disabled: mutation.isLoading,
+        disabled: mutation.isPending,
         onClick: handleDelete,
         children: actionButtonLabel || "Delete"
       })]
-    }), mutation.isLoading && jsx(ModalLoadingOverlay, {})]
+    }), mutation.isPending && jsx(ModalLoadingOverlay, {})]
   }));
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@compill/admin",
-    "version": "1.0.94",
+    "version": "1.0.98",
     "module": "./index.esm.js",
     "main": "./index.cjs.js"
 }

package/src/lib/json/dialog/ItemDeleteDialog.d.ts

@@ -10,6 +10,8 @@ export interface ItemDeleteDialogProps extends ModalProps {
     invalidateQueryKey?: string[];
     msg?: (itemLabel: string) => string | React.ReactNode;
     actionButtonLabel?: string;
+    closeActionButtonLabel?: string;
     title?: string;
+    onSuccess?: () => void;
 }
-export declare function ItemDeleteDialog({ title, actionButtonLabel, itemLabel, queryId, api, apiFn, invalidateQueriesOnSuccess, invalidateQueryKey, size, md_boxSizing, msg, show, onClose, ...props }: ItemDeleteDialogProps): JSX.Element;
+export declare function ItemDeleteDialog({ title, actionButtonLabel, closeActionButtonLabel, itemLabel, queryId, api, apiFn, invalidateQueriesOnSuccess, invalidateQueryKey, size, md_boxSizing, msg, show, onClose, onSuccess, ...props }: ItemDeleteDialogProps): JSX.Element;