@cuemath/leap 3.1.7-aa7 → 3.1.7-gg1

package/dist/features/ui/modals/use-modal-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-modal-actions.js","sources":["../../../../src/features/ui/modals/use-modal-actions.ts"],"sourcesContent":["import type { IUseModalActions } from './modal-types';\n\nimport { useContext } from 'react';\n\nimport ModalContext from './modal-context';\n\nconst useModalActions: IUseModalActions = () => {\n  const { openModal, closeModal, isClosing } = useContext(ModalContext);\n\n  return { openModal, closeModal, isClosing };\n};\n\nexport default useModalActions;\n"],"names":["useModalActions","openModal","closeModal","isClosing","useContext","ModalContext","useModalActions$1"],"mappings":";;AAMA,MAAMA,IAAoC,MAAM;AAC9C,QAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,WAAAC,EAAU,IAAIC,EAAWC,CAAY;AAE7D,SAAA,EAAE,WAAAJ,GAAW,YAAAC,GAAY,WAAAC;AAClC,GAEAG,IAAeN;"}

package/dist/features/ui/modals/use-modal-params.js

@@ -0,0 +1,10 @@
+import { useContext as a } from "react";
+import t from "./modal-context.js";
+const r = () => {
+  const { modalParams: o } = a(t);
+  return o;
+}, m = r;
+export {
+  m as default
+};
+//# sourceMappingURL=use-modal-params.js.map

package/dist/features/ui/modals/use-modal-params.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-modal-params.js","sources":["../../../../src/features/ui/modals/use-modal-params.ts"],"sourcesContent":["import type { IUseModalParams } from './modal-types';\n\nimport { useContext } from 'react';\n\nimport ModalContext from './modal-context';\n\nconst useModalParams: IUseModalParams = <T = undefined>(): T => {\n  const { modalParams } = useContext(ModalContext);\n\n  return modalParams as T;\n};\n\nexport default useModalParams;\n"],"names":["useModalParams","modalParams","useContext","ModalContext","useModalParams$1"],"mappings":";;AAMA,MAAMA,IAAkC,MAAwB;AAC9D,QAAM,EAAE,aAAAC,EAAA,IAAgBC,EAAWC,CAAY;AAExC,SAAAF;AACT,GAEAG,IAAeJ;"}

package/dist/index.d.ts

@@ -807,8 +807,6 @@ declare interface ICalloutProps {
 declare interface ICanvasUpdateConfig {
     dimesion?: IViewport;
     gridName?: TCueCanvasGridName;
-    height?: number;
-    users?: Record<string, IUserCanvasConfig>;
 }
 
 declare interface ICascadeSelectValue {
@@ -2362,6 +2360,45 @@ declare interface IMilestoneWidgetResourcesProps extends INodeCardCallbacks {
     canUpdatePlan?: boolean;
 }
 
+/**
+ * Configuration for a modal component
+ */
+export declare interface IModal {
+    /** Unique identifier for the modal */
+    name: string;
+    /** Content to display inside the modal */
+    element: JSX.Element;
+    /** Rendering style of the modal */
+    renderAs?: 'modal' | 'fullscreen' | 'spotlight';
+    /** Whether the modal can be dismissed by clicking outside or ESC key (default: true) */
+    isDismissable?: boolean;
+    /** Whether the modal requires authentication to view (default: true) */
+    isPrivate?: boolean;
+    /** Width of the modal in CSS units (e.g., '500px', '80vw') */
+    modalWidth: string;
+}
+
+/**
+ * Context for managing modals throughout the application
+ */
+declare interface IModalContext {
+    /** Currently active modal or null if no modal is open */
+    modal: IModal | null;
+    /** Parameters passed to the modal when opened */
+    modalParams?: Record<string, unknown>;
+    /** Opens a modal by name with optional parameters */
+    openModal: <T = undefined>(name: string, params?: T) => void;
+    /** Closes the currently open modal */
+    closeModal: () => void;
+    /** Whether the modal is in the process of closing (for animation) */
+    isClosing?: boolean;
+}
+
+declare interface IModalProviderProps extends PropsWithChildren {
+    modals: IModal[];
+    isUserAuthenticated?: boolean;
+}
+
 export declare interface IMultiplayerWebGameProps extends IBaseWebGameProps, ISyncableWebGameProps {
     enablePlayerTurnIndicators?: boolean;
 }
@@ -3566,6 +3603,14 @@ declare interface IUseIsTabBlocked {
     (): IMultiTabBlockerContextValue;
 }
 
+declare interface IUseModalActions {
+    (): Pick<IModalContext, 'openModal' | 'closeModal' | 'isClosing'>;
+}
+
+declare interface IUseModalParams {
+    <T = undefined>(): T;
+}
+
 declare interface IusePointerSyncMethods {
     publishMouseMove?: (data: IPointerData) => void;
     susbcribeMouseMove?: (qrId: string, cb: (data: IPointerData) => void) => void;
@@ -3576,11 +3621,6 @@ declare interface IusePointerSyncProps {
     targetUserId?: string;
 }
 
-declare interface IUserCanvasConfig {
-    tool?: TCueCanvasTool;
-    color?: TCueCanvasColors;
-}
-
 export declare interface IUserChapterData {
     chapter_code: string;
     chapter_id: string;
@@ -4123,6 +4163,11 @@ export declare const MistakeIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare const Mobile: React.FC<React.SVGProps<SVGSVGElement>>;
 
+/**
+ * Provider component that manages modal state and provides modal context to child components
+ */
+export declare const ModalProvider: FC<IModalProviderProps>;
+
 export declare const MoreVerticalIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare const MultiTabBlocker: FC<PropsWithChildren<IMultiTabBlockerProps>>;
@@ -4786,12 +4831,8 @@ declare type TCreateOnPresubmit = (options: TOnPreSubmitOptions) => void;
 
 declare type TCueCanvasChangeDataObject = Record<string, TDrawingData[]>;
 
-declare type TCueCanvasColors = 'CANVAS_RED' | 'CANVAS_YELLOW' | 'CANVAS_GREEN' | 'CANVAS_BLUE' | 'CANVAS_PURPLE' | 'CANVAS_PINK' | 'LIGHT_ORANGE' | 'LIGHT_RED' | 'LIGHT_PINK' | 'LIGHT_PURPLE' | 'LIGHT_BLUE' | 'LIGHT_TEAL' | 'LIGHT_GREEN' | 'LIGHT_YELLOW' | 'WHITE' | 'ORANGE' | 'RED' | 'PINK' | 'PURPLE' | 'BLUE' | 'TEAL' | 'GREEN' | 'YELLOW' | 'GREY' | 'DARK_ORANGE' | 'DARK_RED' | 'DARK_PINK' | 'DARK_PURPLE' | 'DARK_BLUE' | 'DARK_TEAL' | 'DARK_GREEN' | 'DARK_YELLOW' | 'BLACK';
-
 declare type TCueCanvasGridName = 'none' | 'square2-grid' | 'square-checked' | 'square-dots' | 'square-grid' | 'tri-dots' | 'tri-grid' | 'tri2-dots' | 'tri2-grid';
 
-declare type TCueCanvasTool = 'pen' | 'eraser' | 'move' | 'undo' | 'redo' | 'marker' | 'highlighter' | 'ruler' | 'pan' | 'clearAll' | 'text' | 'equation' | 'grid' | 'home' | 'lock' | 'unlock' | 'zoomIn' | 'zoomOut' | 'upload' | 'download';
-
 declare type TCueProgramData = {
     description: string;
     id: string;
@@ -5841,6 +5882,10 @@ export declare const useIsTabBlocked: IUseIsTabBlocked;
 
 export declare const useJourney: () => IJourneyContext;
 
+export declare const useModalActions: IUseModalActions;
+
+export declare const useModalParams: IUseModalParams;
+
 export declare const usePointerSync: ({ userType, targetUserId, }: IusePointerSyncProps) => IusePointerSyncMethods;
 
 export declare const User2Icon: React.FC<React.SVGProps<SVGSVGElement>>;