@cwncollab-org/mui-component-kit 0.9.2 → 0.10.0

package/dist/common-dialogs/ConfirmDeleteDialog.d.ts

@@ -0,0 +1,21 @@
+import { ButtonProps, TextFieldProps } from '@mui/material';
+import { DialogProps } from '../dialogs/types';
+export type ConfirmDeleteDialogOptions = {
+    title?: string;
+    message?: string | React.ReactNode;
+    confirmText?: string;
+    cancelText?: string;
+    confirmInputText?: string;
+    inputLabel?: string;
+    inputPlaceholder?: string;
+    slotProps?: {
+        confirm?: ButtonProps;
+        cancel?: ButtonProps;
+        input?: Omit<TextFieldProps, 'value' | 'onChange'>;
+    };
+    dialogKey?: string;
+};
+type ConfirmDeleteDialogProps = DialogProps<ConfirmDeleteDialogOptions>;
+export declare function ConfirmDeleteDialog(props: ConfirmDeleteDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ConfirmDeleteDialog.d.ts.map

package/dist/common-dialogs/ConfirmDeleteDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDeleteDialog.d.ts","sourceRoot":"","sources":["../../src/lib/common-dialogs/ConfirmDeleteDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,EAOX,cAAc,EACf,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAE,WAAW,EAAgB,MAAM,kBAAkB,CAAA;AAE5D,MAAM,MAAM,0BAA0B,GAAG;IACvC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAClC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,SAAS,CAAC,EAAE;QACV,OAAO,CAAC,EAAE,WAAW,CAAA;QACrB,MAAM,CAAC,EAAE,WAAW,CAAA;QACpB,KAAK,CAAC,EAAE,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,UAAU,CAAC,CAAA;KACnD,CAAA;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,KAAK,wBAAwB,GAAG,WAAW,CAAC,0BAA0B,CAAC,CAAA;AAEvE,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CA8ElE"}

package/dist/common-dialogs/ConfirmDeleteDialog.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, TextField, } from '@mui/material';
+import { useState } from 'react';
+export function ConfirmDeleteDialog(props) {
+    const { open, onClose, payload, ...rest } = props;
+    const [inputValue, setInputValue] = useState('');
+    const title = payload?.title ?? 'Confirm Delete';
+    const message = payload?.message ?? 'Are you sure you want to delete this item?';
+    const confirmText = payload?.confirmText ?? 'Delete';
+    const cancelText = payload?.cancelText ?? 'Cancel';
+    const confirmInputText = payload?.confirmInputText;
+    const inputLabel = payload?.inputLabel ?? 'Type to confirm';
+    const inputPlaceholder = payload?.inputPlaceholder ?? confirmInputText;
+    const requiresInput = !!confirmInputText;
+    const isConfirmEnabled = !requiresInput || inputValue === confirmInputText;
+    const confirmProps = {
+        color: 'error',
+        variant: 'contained',
+        ...payload?.slotProps?.confirm,
+        onClick: () => onClose({}, { success: true }),
+        disabled: !isConfirmEnabled,
+    };
+    const cancelProps = {
+        color: 'primary',
+        variant: 'outlined',
+        ...payload?.slotProps?.cancel,
+        onClick: () => onClose({}, { success: false }),
+    };
+    const inputProps = {
+        autoFocus: true,
+        margin: 'dense',
+        label: inputLabel,
+        placeholder: inputPlaceholder,
+        fullWidth: true,
+        sx: { mt: 2 },
+        ...payload?.slotProps?.input,
+    };
+    const handleDialogClose = (ev, reason) => {
+        onClose(ev, reason);
+    };
+    const handleTransitionExited = () => {
+        setInputValue('');
+    };
+    return (_jsxs(Dialog, { open: open, onClose: handleDialogClose, onTransitionExited: handleTransitionExited, maxWidth: 'sm', fullWidth: true, ...rest, children: [_jsx(DialogTitle, { children: title }), _jsxs(DialogContent, { children: [_jsx(DialogContentText, { children: message }), requiresInput && (_jsx(TextField, { ...inputProps, value: inputValue, onChange: e => setInputValue(e.target.value) }))] }), _jsxs(DialogActions, { sx: { px: 3, pb: 2 }, children: [_jsx(Button, { ...cancelProps, children: cancelText }), _jsx(Button, { ...confirmProps, children: confirmText })] })] }));
+}
+//# sourceMappingURL=ConfirmDeleteDialog.js.map

package/dist/common-dialogs/ConfirmDeleteDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDeleteDialog.js","sourceRoot":"","sources":["../../src/lib/common-dialogs/ConfirmDeleteDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,MAAM,EAEN,MAAM,EACN,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,WAAW,EACX,SAAS,GAEV,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAqBhC,MAAM,UAAU,mBAAmB,CAAC,KAA+B;IACjE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IACjD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAEhD,MAAM,KAAK,GAAG,OAAO,EAAE,KAAK,IAAI,gBAAgB,CAAA;IAChD,MAAM,OAAO,GACX,OAAO,EAAE,OAAO,IAAI,4CAA4C,CAAA;IAClE,MAAM,WAAW,GAAG,OAAO,EAAE,WAAW,IAAI,QAAQ,CAAA;IACpD,MAAM,UAAU,GAAG,OAAO,EAAE,UAAU,IAAI,QAAQ,CAAA;IAClD,MAAM,gBAAgB,GAAG,OAAO,EAAE,gBAAgB,CAAA;IAClD,MAAM,UAAU,GAAG,OAAO,EAAE,UAAU,IAAI,iBAAiB,CAAA;IAC3D,MAAM,gBAAgB,GAAG,OAAO,EAAE,gBAAgB,IAAI,gBAAgB,CAAA;IAEtE,MAAM,aAAa,GAAG,CAAC,CAAC,gBAAgB,CAAA;IACxC,MAAM,gBAAgB,GAAG,CAAC,aAAa,IAAI,UAAU,KAAK,gBAAgB,CAAA;IAE1E,MAAM,YAAY,GAAgB;QAChC,KAAK,EAAE,OAAO;QACd,OAAO,EAAE,WAAW;QACpB,GAAG,OAAO,EAAE,SAAS,EAAE,OAAO;QAC9B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;QAC7C,QAAQ,EAAE,CAAC,gBAAgB;KAC5B,CAAA;IAED,MAAM,WAAW,GAAgB;QAC/B,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,UAAU;QACnB,GAAG,OAAO,EAAE,SAAS,EAAE,MAAM;QAC7B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;KAC/C,CAAA;IAED,MAAM,UAAU,GAA+C;QAC7D,SAAS,EAAE,IAAI;QACf,MAAM,EAAE,OAAO;QACf,KAAK,EAAE,UAAU;QACjB,WAAW,EAAE,gBAAgB;QAC7B,SAAS,EAAE,IAAI;QACf,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE;QACb,GAAG,OAAO,EAAE,SAAS,EAAE,KAAK;KAC7B,CAAA;IAED,MAAM,iBAAiB,GAAG,CACxB,EAAM,EACN,MAA+D,EAC/D,EAAE;QACF,OAAO,CAAC,EAAE,EAAE,MAAM,CAAC,CAAA;IACrB,CAAC,CAAA;IAED,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAClC,aAAa,CAAC,EAAE,CAAC,CAAA;IACnB,CAAC,CAAA;IAED,OAAO,CACL,MAAC,MAAM,IACL,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,iBAAiB,EAC1B,kBAAkB,EAAE,sBAAsB,EAC1C,QAAQ,EAAC,IAAI,EACb,SAAS,WACL,IAAI,aAER,KAAC,WAAW,cAAE,KAAK,GAAe,EAClC,MAAC,aAAa,eACZ,KAAC,iBAAiB,cAAE,OAAO,GAAqB,EAC/C,aAAa,IAAI,CAChB,KAAC,SAAS,OACJ,UAAU,EACd,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAC5C,CACH,IACa,EAChB,MAAC,aAAa,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,aACjC,KAAC,MAAM,OAAK,WAAW,YAAG,UAAU,GAAU,EAC9C,KAAC,MAAM,OAAK,YAAY,YAAG,WAAW,GAAU,IAClC,IACT,CACV,CAAA;AACH,CAAC"}

package/dist/common-dialogs/index.d.ts

@@ -1,4 +1,5 @@
 export { type ConfirmDialogOptions } from './ConfirmDialog';
+export { type ConfirmDeleteDialogOptions } from './ConfirmDeleteDialog';
 export { useConfirmDialog } from './useConfirmDialog';
 export { useConfirmDeleteDialog } from './useConfirmDeleteDialog';
 //# sourceMappingURL=index.d.ts.map

package/dist/common-dialogs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/common-dialogs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,iBAAiB,CAAA;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/common-dialogs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,iBAAiB,CAAA;AAC3D,OAAO,EAAE,KAAK,0BAA0B,EAAE,MAAM,uBAAuB,CAAA;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA"}

package/dist/common-dialogs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lib/common-dialogs/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lib/common-dialogs/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA"}

package/dist/common-dialogs/useConfirmDeleteDialog.d.ts

@@ -1,3 +1,3 @@
-import { ConfirmDialogOptions } from './ConfirmDialog';
-export declare function useConfirmDeleteDialog(): (options?: ConfirmDialogOptions) => Promise<import("..").DialogResult<undefined>>;
+import { ConfirmDeleteDialogOptions } from './ConfirmDeleteDialog';
+export declare function useConfirmDeleteDialog(): (options?: ConfirmDeleteDialogOptions) => Promise<import("..").DialogResult<undefined>>;
 //# sourceMappingURL=useConfirmDeleteDialog.d.ts.map

package/dist/common-dialogs/useConfirmDeleteDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useConfirmDeleteDialog.d.ts","sourceRoot":"","sources":["../../src/lib/common-dialogs/useConfirmDeleteDialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAA;AAGtD,wBAAgB,sBAAsB,eAEG,oBAAoB,mDAe5D"}
+{"version":3,"file":"useConfirmDeleteDialog.d.ts","sourceRoot":"","sources":["../../src/lib/common-dialogs/useConfirmDeleteDialog.ts"],"names":[],"mappings":"AAEA,OAAO,EAEL,0BAA0B,EAC3B,MAAM,uBAAuB,CAAA;AAE9B,wBAAgB,sBAAsB,eAGvB,0BAA0B,mDAoBxC"}

package/dist/common-dialogs/useConfirmDeleteDialog.js

@@ -1,8 +1,13 @@
-import { useConfirmDialog } from './useConfirmDialog';
+import { useCallback } from 'react';
+import { useDialogs } from '../dialogs/dialogsHooks';
+import { ConfirmDeleteDialog, } from './ConfirmDeleteDialog';
 export function useConfirmDeleteDialog() {
-    const confirm = useConfirmDialog();
-    const confirmDelete = async (options) => {
-        return await confirm({
+    const { openDialog } = useDialogs();
+    const confirmDelete = useCallback((options) => openDialog(ConfirmDeleteDialog, {
+        dialogKey: 'confirm-delete-dialog',
+        payload: {
+            title: 'Confirm Delete',
+            confirmText: 'Delete',
             ...options,
             slotProps: {
                 ...options?.slotProps,
@@ -12,9 +17,8 @@ export function useConfirmDeleteDialog() {
                     ...options?.slotProps?.confirm,
                 },
             },
-            dialogKey: 'confirm-delete-dialog',
-        });
-    };
+        },
+    }), [openDialog]);
     return confirmDelete;
 }
 //# sourceMappingURL=useConfirmDeleteDialog.js.map

package/dist/common-dialogs/useConfirmDeleteDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"useConfirmDeleteDialog.js","sourceRoot":"","sources":["../../src/lib/common-dialogs/useConfirmDeleteDialog.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAErD,MAAM,UAAU,sBAAsB;IACpC,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAA;IAClC,MAAM,aAAa,GAAG,KAAK,EAAE,OAA8B,EAAE,EAAE;QAC7D,OAAO,MAAM,OAAO,CAAC;YACnB,GAAG,OAAO;YACV,SAAS,EAAE;gBACT,GAAG,OAAO,EAAE,SAAS;gBACrB,OAAO,EAAE;oBACP,KAAK,EAAE,OAAO;oBACd,OAAO,EAAE,WAAW;oBACpB,GAAG,OAAO,EAAE,SAAS,EAAE,OAAO;iBAC/B;aACF;YACD,SAAS,EAAE,uBAAuB;SACnC,CAAC,CAAA;IACJ,CAAC,CAAA;IACD,OAAO,aAAa,CAAA;AACtB,CAAC"}
+{"version":3,"file":"useConfirmDeleteDialog.js","sourceRoot":"","sources":["../../src/lib/common-dialogs/useConfirmDeleteDialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EACL,mBAAmB,GAEpB,MAAM,uBAAuB,CAAA;AAE9B,MAAM,UAAU,sBAAsB;IACpC,MAAM,EAAE,UAAU,EAAE,GAAG,UAAU,EAAE,CAAA;IACnC,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,OAAoC,EAAE,EAAE,CACvC,UAAU,CAAC,mBAAmB,EAAE;QAC9B,SAAS,EAAE,uBAAuB;QAClC,OAAO,EAAE;YACP,KAAK,EAAE,gBAAgB;YACvB,WAAW,EAAE,QAAQ;YACrB,GAAG,OAAO;YACV,SAAS,EAAE;gBACT,GAAG,OAAO,EAAE,SAAS;gBACrB,OAAO,EAAE;oBACP,KAAK,EAAE,OAAO;oBACd,OAAO,EAAE,WAAW;oBACpB,GAAG,OAAO,EAAE,SAAS,EAAE,OAAO;iBAC/B;aACF;SACF;KACF,CAAC,EACJ,CAAC,UAAU,CAAC,CACb,CAAA;IACD,OAAO,aAAa,CAAA;AACtB,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cwncollab-org/mui-component-kit",
   "private": false,
-  "version": "0.9.2",
+  "version": "0.10.0",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",