qucoon-components 0.0.6 → 0.0.7

package/dist/types/utilities/types/modalTypes.d.ts

@@ -1,6 +1,3 @@
-import { ConfirmationModalLayoutProps } from '../../components/layouts/confirmationModalLayout';
-import { NotificationModalLayoutProps } from '../../components/layouts/notificationModalLayout';
-import { ModalEnum } from '../enums/modalEnum';
 export type ModalPosition = 'center' | 'top-center' | 'bottom-center' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'fullscreen';
 export type StackingBehavior = 'overlay' | 'queue' | 'push' | 'replace';
 export type ModalBaseConfig = {
@@ -16,18 +13,38 @@ export type ModalBaseConfig = {
     autoClose?: boolean | number;
     animation?: 'fade' | 'slide' | 'scale' | 'none';
     containerClassName?: string;
+    containerStyle?: React.CSSProperties;
+    theme?: 'default' | 'minimal' | 'glass' | 'elevated';
+    size?: 'sm' | 'md' | 'lg' | 'xl' | 'auto';
+    cssProps?: Record<string, string>;
+    backdropClassName?: string;
+    backdropStyle?: React.CSSProperties;
 };
-export interface BaseModalRegistry {
-    [ModalEnum.ConfirmationModal]: {
-        data: ConfirmationModalLayoutProps;
-        result: boolean;
-        config: ModalBaseConfig;
-    };
-    [ModalEnum.NotificationModal]: {
-        data: NotificationModalLayoutProps;
-        result: void;
-        config: ModalBaseConfig;
-    };
+export interface ModalRegistrationConfig<TData = any, TResult = any> {
+    key: string;
+    component: React.ComponentType<TData>;
+    defaultConfig?: ModalBaseConfig;
+    containerClassName?: string;
+    containerStyle?: React.CSSProperties;
+    theme?: 'default' | 'minimal' | 'glass' | 'elevated';
+    size?: 'sm' | 'md' | 'lg' | 'xl' | 'auto';
+    cssProps?: Record<string, string>;
 }
-export interface ModalRegistry extends BaseModalRegistry {
+export type ModalTheme = 'default' | 'minimal' | 'glass' | 'elevated';
+export type ModalSize = 'sm' | 'md' | 'lg' | 'xl' | 'auto';
+export type ModalId = string;
+export type ModalType = string;
+export type ModalAnimation = 'fade' | 'slide' | 'scale' | 'none';
+export type ModalBackdrop = 'transparent' | 'blur' | 'solid';
+export interface CommonModalProps {
+    id: string;
+    children: React.ReactNode;
+    position?: ModalPosition;
+    animation?: ModalAnimation;
+    backdrop?: ModalBackdrop;
+    closeOnBackdropClick?: boolean;
+    closeOnEscape?: boolean;
+    onClose?: () => void;
+    onFocus?: () => void;
 }
+export type ModalRegistry = any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qucoon-components",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "private": false,
   "type": "module",
   "main": "dist/index.cjs.js",