@visns-studio/visns-components 5.12.7 → 5.12.9

package/src/components/utils/ConfirmDialog.js

@@ -1,6 +1,8 @@
 import Swal from 'sweetalert2';
 import '../styles/SweetAlert.module.css';
 
+
+
 /**
  * A utility function that replaces react-confirm-alert with SweetAlert2
  * while maintaining a similar look and feel.
@@ -133,17 +135,9 @@ export const confirmDialog = (options) => {
 
     // Show SweetAlert2 dialog
     Swal.fire(swalOptions).then((result) => {
-        if (
-            result.isConfirmed &&
-            yesButton &&
-            typeof yesButton.onClick === 'function'
-        ) {
+        if (result.isConfirmed && yesButton && typeof yesButton.onClick === 'function') {
             yesButton.onClick();
-        } else if (
-            result.dismiss === Swal.DismissReason.cancel &&
-            noButton &&
-            typeof noButton.onClick === 'function'
-        ) {
+        } else if (result.dismiss === Swal.DismissReason.cancel && noButton && typeof noButton.onClick === 'function') {
             noButton.onClick();
         }
     });

package/src/index.js

@@ -1,8 +1,13 @@
 /** CMS Components */
 import DataGrid from './components/DataGrid';
 import DropZone from './components/DropZone';
+import CategorizedDropZone from './components/CategorizedDropZone';
 import SortableList from './components/sorting/List';
 
+/** Utility Components */
+import { confirmDialog } from './components/utils/ConfirmDialog';
+import { showConfirmDialog } from './components/generic/ConfirmationDialog';
+
 /** CRM Components */
 import AsyncSelect from './components/AsyncSelect';
 import AssociationManager from './components/AssociationManager';
@@ -94,12 +99,14 @@ export {
     CmsDetail,
     CmsIndex,
     CmsSort,
+    confirmDialog,
     CustomFetch,
     DataGrid,
     DataGridSearch,
     DatePickerPortal,
     Download,
     DropZone,
+    CategorizedDropZone,
     Field,
     Form,
     GalleryModal,
@@ -131,6 +138,7 @@ export {
     SectionTypeSelector,
     SelectList,
     Select,
+    showConfirmDialog,
     SortableList,
     StagePopupModal,
     Table,

package/src/utils/ConfirmDialog.jsx

@@ -1,67 +1,13 @@
-import { toast } from 'react-toastify';
-
 /**
- * A simple confirmation dialog using toast notifications
- * @param {Object} options - Configuration options
- * @param {string} options.title - Dialog title
- * @param {string} options.message - Dialog message
- * @param {string} options.confirmLabel - Label for the confirm button
- * @param {string} options.cancelLabel - Label for the cancel button
- * @param {Function} options.onConfirm - Function to call when confirmed
- * @param {Function} options.onCancel - Function to call when cancelled
+ * @deprecated This confirmDialog implementation using react-toastify is deprecated.
+ * Use the SweetAlert2 version from './components/utils/ConfirmDialog' instead.
+ * 
+ * Import path should be: import { confirmDialog } from './components/utils/ConfirmDialog';
+ * 
+ * This file exists only for backward compatibility and will be removed in a future version.
  */
-export const confirmDialog = ({
-    title = 'Confirm',
-    message = 'Are you sure?',
-    confirmLabel = 'Yes',
-    cancelLabel = 'No',
-    onConfirm = () => {},
-    onCancel = () => {}
-}) => {
-    // Create a custom toast with buttons
-    toast.info(
-        <div>
-            <div style={{ fontWeight: 'bold', marginBottom: '8px' }}>{title}</div>
-            <div style={{ marginBottom: '16px' }}>{message}</div>
-            <div style={{ display: 'flex', justifyContent: 'flex-end', gap: '8px' }}>
-                <button
-                    onClick={() => {
-                        toast.dismiss();
-                        onCancel();
-                    }}
-                    style={{
-                        padding: '6px 12px',
-                        background: '#f5f5f5',
-                        border: '1px solid #ddd',
-                        borderRadius: '4px',
-                        cursor: 'pointer'
-                    }}
-                >
-                    {cancelLabel}
-                </button>
-                <button
-                    onClick={() => {
-                        toast.dismiss();
-                        onConfirm();
-                    }}
-                    style={{
-                        padding: '6px 12px',
-                        background: '#2563eb',
-                        color: 'white',
-                        border: 'none',
-                        borderRadius: '4px',
-                        cursor: 'pointer'
-                    }}
-                >
-                    {confirmLabel}
-                </button>
-            </div>
-        </div>,
-        {
-            autoClose: false,
-            closeButton: false,
-            closeOnClick: false,
-            draggable: false
-        }
-    );
-};
+
+console.warn('DEPRECATED: You are importing confirmDialog from utils/ConfirmDialog.jsx (toastify version). Please update your import to use ./components/utils/ConfirmDialog (SweetAlert2 version) instead.');
+
+// Re-export the correct SweetAlert2 version
+export { confirmDialog } from '../components/utils/ConfirmDialog';