@cuemath/leap 3.1.5-aa3 → 3.1.5-aa4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,4 @@
1
- const E = 70, A = {
1
+ const E = 70, A = 530, L = {
2
2
  CANVAS_BLUE: "#006BE5",
3
3
  CANVAS_PURPLE: "#3C1B98",
4
4
  CANVAS_PINK: "#DE52E0",
@@ -37,7 +37,8 @@ const E = 70, A = {
37
37
  //WhiteBoard Colors Up from polypad
38
38
  };
39
39
  export {
40
- A as CANVAS_COLORS,
41
- E as TOOLBAR_HEIGHT
40
+ L as CANVAS_COLORS,
41
+ E as TOOLBAR_HEIGHT,
42
+ A as WHITEBOARD_HEIGHT_DEFAULT
42
43
  };
43
44
  //# sourceMappingURL=constants.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"constants.js","sources":["../../../../src/features/cue-canvas/constants/constants.ts"],"sourcesContent":["import type { TCueCanvasColors } from '../types/cue-canvas';\n\nexport const TOOLBAR_HEIGHT = 70;\n\nexport const CANVAS_COLORS: Record<TCueCanvasColors, string> = {\n CANVAS_BLUE: '#006BE5',\n CANVAS_PURPLE: '#3C1B98',\n CANVAS_PINK: '#DE52E0',\n //Studnet Colors Up Canvas Worksheet\n\n CANVAS_RED: '#E52900',\n CANVAS_YELLOW: '#FFBF00',\n CANVAS_GREEN: '#1AC76B',\n //Teacher Colors Up Canvas Worksheet\n\n LIGHT_ORANGE: '#fec680',\n LIGHT_RED: '#f5a393',\n LIGHT_PINK: '#e687b3',\n LIGHT_PURPLE: '#b69ddf',\n LIGHT_BLUE: '#87c1f9',\n LIGHT_TEAL: '#80cfd3',\n LIGHT_GREEN: '#91d592',\n LIGHT_YELLOW: '#dfe189',\n WHITE: '#eeeeee',\n ORANGE: '#fd8c00',\n RED: '#eb4726',\n PINK: '#cd0e66',\n PURPLE: '#6d3bbf',\n BLUE: '#0f82f2',\n TEAL: '#009ea6',\n GREEN: '#22ab24',\n YELLOW: '#bfc212',\n GREY: '#777777',\n DARK_ORANGE: '#b16200',\n DARK_RED: '#a5321b',\n DARK_PINK: '#900a47',\n DARK_PURPLE: '#4c2986',\n DARK_BLUE: '#0b5ba9',\n DARK_TEAL: '#006f74',\n DARK_GREEN: '#187819',\n DARK_YELLOW: '#86880d',\n BLACK: '#111111',\n //WhiteBoard Colors Up from polypad\n};\n"],"names":["TOOLBAR_HEIGHT","CANVAS_COLORS"],"mappings":"AAEO,MAAMA,IAAiB,IAEjBC,IAAkD;AAAA,EAC7D,aAAa;AAAA,EACb,eAAe;AAAA,EACf,aAAa;AAAA;AAAA,EAGb,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,cAAc;AAAA;AAAA,EAGd,cAAc;AAAA,EACd,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,aAAa;AAAA,EACb,UAAU;AAAA,EACV,WAAW;AAAA,EACX,aAAa;AAAA,EACb,WAAW;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,OAAO;AAAA;AAET;"}
1
+ {"version":3,"file":"constants.js","sources":["../../../../src/features/cue-canvas/constants/constants.ts"],"sourcesContent":["import type { TCueCanvasColors } from '../types/cue-canvas';\n\nexport const TOOLBAR_HEIGHT = 70;\nexport const WHITEBOARD_HEIGHT_DEFAULT = 530;\n\nexport const CANVAS_COLORS: Record<TCueCanvasColors, string> = {\n CANVAS_BLUE: '#006BE5',\n CANVAS_PURPLE: '#3C1B98',\n CANVAS_PINK: '#DE52E0',\n //Studnet Colors Up Canvas Worksheet\n\n CANVAS_RED: '#E52900',\n CANVAS_YELLOW: '#FFBF00',\n CANVAS_GREEN: '#1AC76B',\n //Teacher Colors Up Canvas Worksheet\n\n LIGHT_ORANGE: '#fec680',\n LIGHT_RED: '#f5a393',\n LIGHT_PINK: '#e687b3',\n LIGHT_PURPLE: '#b69ddf',\n LIGHT_BLUE: '#87c1f9',\n LIGHT_TEAL: '#80cfd3',\n LIGHT_GREEN: '#91d592',\n LIGHT_YELLOW: '#dfe189',\n WHITE: '#eeeeee',\n ORANGE: '#fd8c00',\n RED: '#eb4726',\n PINK: '#cd0e66',\n PURPLE: '#6d3bbf',\n BLUE: '#0f82f2',\n TEAL: '#009ea6',\n GREEN: '#22ab24',\n YELLOW: '#bfc212',\n GREY: '#777777',\n DARK_ORANGE: '#b16200',\n DARK_RED: '#a5321b',\n DARK_PINK: '#900a47',\n DARK_PURPLE: '#4c2986',\n DARK_BLUE: '#0b5ba9',\n DARK_TEAL: '#006f74',\n DARK_GREEN: '#187819',\n DARK_YELLOW: '#86880d',\n BLACK: '#111111',\n //WhiteBoard Colors Up from polypad\n};\n"],"names":["TOOLBAR_HEIGHT","WHITEBOARD_HEIGHT_DEFAULT","CANVAS_COLORS"],"mappings":"AAEO,MAAMA,IAAiB,IACjBC,IAA4B,KAE5BC,IAAkD;AAAA,EAC7D,aAAa;AAAA,EACb,eAAe;AAAA,EACf,aAAa;AAAA;AAAA,EAGb,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,cAAc;AAAA;AAAA,EAGd,cAAc;AAAA,EACd,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,aAAa;AAAA,EACb,UAAU;AAAA,EACV,WAAW;AAAA,EACX,aAAa;AAAA,EACb,WAAW;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,OAAO;AAAA;AAET;"}
@@ -37,7 +37,7 @@ const K = k(
37
37
  cueCanvasRef: t,
38
38
  canScribble: a,
39
39
  enabled: e === "canvas"
40
- }), F({ canvasConfig: d, renderAs: e, height: o, userId: f }), n(() => {
40
+ }), F({ canvasConfig: d, renderAs: e, userId: f }), n(() => {
41
41
  a && t.current && (t.current.resetViewPort(), c(t.current));
42
42
  }, [a, c]), n(() => {
43
43
  r && t.current && t.current.update(r);
@@ -1 +1 @@
1
- {"version":3,"file":"cue-canvas.js","sources":["../../../src/features/cue-canvas/cue-canvas.tsx"],"sourcesContent":["import type { ICueCanvas, TCueCanvasTool } from './types/cue-canvas';\n\nimport { memo, useCallback, useEffect, useRef } from 'react';\n\nimport useIsLearnosityLoaded from '../worksheet/learnosity-preloader/use-is-learnosity-loaded';\nimport { CueCanvasCore } from './cue-canvas-core';\nimport { getCanvasConfig, getCanvasSettings } from './cue-canvas-helpers';\nimport { CueCanvasWrapper } from './cue-cavas-styled';\nimport useConfigUpdater from './hooks/use-config-updater';\nimport { useCueCanvasActions } from './hooks/use-cue-canvas-actions';\nimport useHeightExtender from './hooks/use-height-extender';\nimport useUploadHelper from './hooks/use-upload-helper';\n\nconst CueCanvas: React.FC<ICueCanvas> = memo(\n ({\n canvasId,\n width,\n height,\n canRender,\n onUpdateHeight,\n initialData,\n onPublish,\n onSubscribe,\n userId,\n appended,\n canScribble,\n userType,\n renderAs = 'canvas',\n canvasConfig,\n updateCanvasConfig,\n }) => {\n const canvasElementRef = useRef<HTMLDivElement>(null);\n const { setActiveInstance: setActiveCueCanvas, setActiveTool } = useCueCanvasActions();\n const uploadImageToS3 = useUploadHelper({ userId, renderAs, userType });\n const { scriptStatus } = useIsLearnosityLoaded(); // This hook checks if the Polypad script is loaded + (additional scripts)\n\n const cueCanvasRef = useRef<CueCanvasCore | null>(null);\n\n const onUpdateActiveTool = useCallback(\n (tool: TCueCanvasTool) => {\n setActiveTool(tool);\n },\n [setActiveTool],\n );\n\n useHeightExtender({\n canvasElementRef,\n cueCanvasRef,\n canScribble,\n enabled: renderAs === 'canvas',\n });\n useConfigUpdater({ canvasConfig, renderAs, height, userId });\n\n useEffect(() => {\n if (canScribble && cueCanvasRef.current) {\n cueCanvasRef.current.resetViewPort();\n\n setActiveCueCanvas(cueCanvasRef.current);\n }\n }, [canScribble, setActiveCueCanvas]);\n\n useEffect(() => {\n if (initialData && cueCanvasRef.current) {\n cueCanvasRef.current.update(initialData);\n }\n }, [initialData]);\n\n useEffect(() => {\n if (height && cueCanvasRef.current) {\n cueCanvasRef.current.resetViewPort();\n }\n }, [height, width]);\n\n useEffect(() => {\n if (canRender && appended && !cueCanvasRef.current && scriptStatus === 'loaded') {\n const canvasCreateConfig = getCanvasConfig(width, height, renderAs, userType);\n const canvasSetting = getCanvasSettings(renderAs, userType);\n const cueCanvasCore = new CueCanvasCore({\n onPublish,\n onSubscribe,\n onUpdateActiveTool,\n onUpdateHeight,\n uploadImageToS3,\n height,\n userId,\n canvasId,\n userType,\n renderAs,\n updateCanvasConfig,\n });\n\n const createCueCanvas = async () => {\n await cueCanvasCore.create({\n canvasElementRef,\n canvasConfig: canvasCreateConfig,\n canvasSetting,\n initialData,\n });\n cueCanvasRef.current = cueCanvasCore;\n\n if (canScribble) {\n setActiveCueCanvas(cueCanvasCore);\n }\n };\n\n createCueCanvas();\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [onPublish, onSubscribe, setActiveCueCanvas, canRender, appended, scriptStatus]);\n\n useEffect(() => {\n return () => {\n if (cueCanvasRef.current) {\n cueCanvasRef.current.destroy();\n cueCanvasRef.current = null;\n }\n };\n }, []);\n\n return (\n <CueCanvasWrapper\n id={renderAs === 'whiteboard' ? 'canvasContainer' : canvasId}\n ref={canvasElementRef}\n $width={width}\n $height={height}\n $canScribble={canScribble}\n $canRender={canRender}\n $renderAs={renderAs}\n />\n );\n },\n);\n\nexport default CueCanvas;\n"],"names":["CueCanvas","memo","canvasId","width","height","canRender","onUpdateHeight","initialData","onPublish","onSubscribe","userId","appended","canScribble","userType","renderAs","canvasConfig","updateCanvasConfig","canvasElementRef","useRef","setActiveCueCanvas","setActiveTool","useCueCanvasActions","uploadImageToS3","useUploadHelper","scriptStatus","useIsLearnosityLoaded","cueCanvasRef","onUpdateActiveTool","useCallback","tool","useHeightExtender","useConfigUpdater","useEffect","canvasCreateConfig","getCanvasConfig","canvasSetting","getCanvasSettings","cueCanvasCore","CueCanvasCore","jsx","CueCanvasWrapper","CueCanvas$1"],"mappings":"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"}
1
+ {"version":3,"file":"cue-canvas.js","sources":["../../../src/features/cue-canvas/cue-canvas.tsx"],"sourcesContent":["import type { ICueCanvas, TCueCanvasTool } from './types/cue-canvas';\n\nimport { memo, useCallback, useEffect, useRef } from 'react';\n\nimport useIsLearnosityLoaded from '../worksheet/learnosity-preloader/use-is-learnosity-loaded';\nimport { CueCanvasCore } from './cue-canvas-core';\nimport { getCanvasConfig, getCanvasSettings } from './cue-canvas-helpers';\nimport { CueCanvasWrapper } from './cue-cavas-styled';\nimport useConfigUpdater from './hooks/use-config-updater';\nimport { useCueCanvasActions } from './hooks/use-cue-canvas-actions';\nimport useHeightExtender from './hooks/use-height-extender';\nimport useUploadHelper from './hooks/use-upload-helper';\n\nconst CueCanvas: React.FC<ICueCanvas> = memo(\n ({\n canvasId,\n width,\n height,\n canRender,\n onUpdateHeight,\n initialData,\n onPublish,\n onSubscribe,\n userId,\n appended,\n canScribble,\n userType,\n renderAs = 'canvas',\n canvasConfig,\n updateCanvasConfig,\n }) => {\n const canvasElementRef = useRef<HTMLDivElement>(null);\n const { setActiveInstance: setActiveCueCanvas, setActiveTool } = useCueCanvasActions();\n const uploadImageToS3 = useUploadHelper({ userId, renderAs, userType });\n const { scriptStatus } = useIsLearnosityLoaded(); // This hook checks if the Polypad script is loaded + (additional scripts)\n\n const cueCanvasRef = useRef<CueCanvasCore | null>(null);\n\n const onUpdateActiveTool = useCallback(\n (tool: TCueCanvasTool) => {\n setActiveTool(tool);\n },\n [setActiveTool],\n );\n\n useHeightExtender({\n canvasElementRef,\n cueCanvasRef,\n canScribble,\n enabled: renderAs === 'canvas',\n });\n useConfigUpdater({ canvasConfig, renderAs, userId });\n\n useEffect(() => {\n if (canScribble && cueCanvasRef.current) {\n cueCanvasRef.current.resetViewPort();\n\n setActiveCueCanvas(cueCanvasRef.current);\n }\n }, [canScribble, setActiveCueCanvas]);\n\n useEffect(() => {\n if (initialData && cueCanvasRef.current) {\n cueCanvasRef.current.update(initialData);\n }\n }, [initialData]);\n\n useEffect(() => {\n if (height && cueCanvasRef.current) {\n cueCanvasRef.current.resetViewPort();\n }\n }, [height, width]);\n\n useEffect(() => {\n if (canRender && appended && !cueCanvasRef.current && scriptStatus === 'loaded') {\n const canvasCreateConfig = getCanvasConfig(width, height, renderAs, userType);\n const canvasSetting = getCanvasSettings(renderAs, userType);\n const cueCanvasCore = new CueCanvasCore({\n onPublish,\n onSubscribe,\n onUpdateActiveTool,\n onUpdateHeight,\n uploadImageToS3,\n height,\n userId,\n canvasId,\n userType,\n renderAs,\n updateCanvasConfig,\n });\n\n const createCueCanvas = async () => {\n await cueCanvasCore.create({\n canvasElementRef,\n canvasConfig: canvasCreateConfig,\n canvasSetting,\n initialData,\n });\n cueCanvasRef.current = cueCanvasCore;\n\n if (canScribble) {\n setActiveCueCanvas(cueCanvasCore);\n }\n };\n\n createCueCanvas();\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [onPublish, onSubscribe, setActiveCueCanvas, canRender, appended, scriptStatus]);\n\n useEffect(() => {\n return () => {\n if (cueCanvasRef.current) {\n cueCanvasRef.current.destroy();\n cueCanvasRef.current = null;\n }\n };\n }, []);\n\n return (\n <CueCanvasWrapper\n id={renderAs === 'whiteboard' ? 'canvasContainer' : canvasId}\n ref={canvasElementRef}\n $width={width}\n $height={height}\n $canScribble={canScribble}\n $canRender={canRender}\n $renderAs={renderAs}\n />\n );\n },\n);\n\nexport default CueCanvas;\n"],"names":["CueCanvas","memo","canvasId","width","height","canRender","onUpdateHeight","initialData","onPublish","onSubscribe","userId","appended","canScribble","userType","renderAs","canvasConfig","updateCanvasConfig","canvasElementRef","useRef","setActiveCueCanvas","setActiveTool","useCueCanvasActions","uploadImageToS3","useUploadHelper","scriptStatus","useIsLearnosityLoaded","cueCanvasRef","onUpdateActiveTool","useCallback","tool","useHeightExtender","useConfigUpdater","useEffect","canvasCreateConfig","getCanvasConfig","canvasSetting","getCanvasSettings","cueCanvasCore","CueCanvasCore","jsx","CueCanvasWrapper","CueCanvas$1"],"mappings":"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"}
@@ -1,16 +1,19 @@
1
1
  import { useEffect as G } from "react";
2
- import { TOOLBAR_HEIGHT as I } from "../constants/constants.js";
3
- import { useCueCanvasActions as N } from "./use-cue-canvas-actions.js";
4
- const L = (T) => {
5
- const { canvasConfig: e, renderAs: i, height: h, userId: r } = T, { activeInstance: t, setActiveColor: d, setActiveTool: u } = N();
2
+ import { TOOLBAR_HEIGHT as s, WHITEBOARD_HEIGHT_DEFAULT as w } from "../constants/constants.js";
3
+ import { useCueCanvasActions as O } from "./use-cue-canvas-actions.js";
4
+ const L = (E) => {
5
+ const { canvasConfig: e, renderAs: h, userId: r } = E, { activeInstance: t, setActiveColor: i, setActiveTool: d } = O();
6
6
  G(() => {
7
- var m, l, o, p, H, s, w, A;
8
- if (!(!t || i === "canvas") && (e != null && e.gridName && t.changeGrid(e == null ? void 0 : e.gridName), e != null && e.dimesion && t.setViewPort(e == null ? void 0 : e.dimesion), (l = (m = e == null ? void 0 : e.users) == null ? void 0 : m[r]) != null && l.tool && u((p = (o = e.users) == null ? void 0 : o[r]) == null ? void 0 : p.tool), (s = (H = e == null ? void 0 : e.users) == null ? void 0 : H[r]) != null && s.color && d((A = (w = e == null ? void 0 : e.users) == null ? void 0 : w[r]) == null ? void 0 : A.color), e != null && e.height || (e == null ? void 0 : e.height) === void 0))
9
- if ((e == null ? void 0 : e.height) === void 0 || (e == null ? void 0 : e.height) > window.innerHeight - I) {
10
- const E = Math.min(h, window.innerHeight - I);
11
- t.updateHeight(E);
12
- } else (e == null ? void 0 : e.height) < h && t.updateHeight(e == null ? void 0 : e.height);
13
- }, [e, t, h, i, d, u, r]);
7
+ var u, m, H, l, o, p, A, T;
8
+ if (!(!t || h === "canvas") && (e != null && e.gridName && t.changeGrid(e == null ? void 0 : e.gridName), e != null && e.dimesion && t.setViewPort(e == null ? void 0 : e.dimesion), (m = (u = e == null ? void 0 : e.users) == null ? void 0 : u[r]) != null && m.tool && d((l = (H = e.users) == null ? void 0 : H[r]) == null ? void 0 : l.tool), (p = (o = e == null ? void 0 : e.users) == null ? void 0 : o[r]) != null && p.color && i((T = (A = e == null ? void 0 : e.users) == null ? void 0 : A[r]) == null ? void 0 : T.color), e != null && e.height || (e == null ? void 0 : e.height) === void 0))
9
+ if ((e == null ? void 0 : e.height) === void 0 || (e == null ? void 0 : e.height) > window.innerHeight - s) {
10
+ const I = Math.min(
11
+ w,
12
+ window.innerHeight - s
13
+ );
14
+ t.updateHeight(I);
15
+ } else (e == null ? void 0 : e.height) < w && t.updateHeight(e == null ? void 0 : e.height);
16
+ }, [e, t, h, i, d, r]);
14
17
  };
15
18
  export {
16
19
  L as default
@@ -1 +1 @@
1
- {"version":3,"file":"use-config-updater.js","sources":["../../../../src/features/cue-canvas/hooks/use-config-updater.ts"],"sourcesContent":["import type { ICanvasUpdateConfig, TRenderAs } from '../types/cue-canvas';\n\nimport { useEffect } from 'react';\n\nimport { TOOLBAR_HEIGHT } from '../constants/constants';\nimport { useCueCanvasActions } from './use-cue-canvas-actions';\n\ninterface IUseConfigUpdaterProps {\n canvasConfig: ICanvasUpdateConfig | null | undefined;\n renderAs: TRenderAs;\n height: number;\n userId: string;\n}\n\nconst useConfigUpdater = (props: IUseConfigUpdaterProps) => {\n const { canvasConfig, renderAs, height, userId } = props;\n const { activeInstance: cueCanvas, setActiveColor, setActiveTool } = useCueCanvasActions();\n\n useEffect(() => {\n if (!cueCanvas || renderAs === 'canvas') {\n return;\n }\n\n if (canvasConfig?.gridName) {\n cueCanvas.changeGrid(canvasConfig?.gridName);\n }\n\n if (canvasConfig?.dimesion) {\n cueCanvas.setViewPort(canvasConfig?.dimesion);\n }\n\n if (canvasConfig?.users?.[userId]?.tool) {\n setActiveTool(canvasConfig.users?.[userId]?.tool);\n }\n\n if (canvasConfig?.users?.[userId]?.color) {\n setActiveColor(canvasConfig?.users?.[userId]?.color);\n }\n\n if (canvasConfig?.height || canvasConfig?.height === undefined) {\n if (\n canvasConfig?.height === undefined ||\n canvasConfig?.height > window.innerHeight - TOOLBAR_HEIGHT\n ) {\n const canvasHeight = Math.min(height, window.innerHeight - TOOLBAR_HEIGHT);\n\n cueCanvas.updateHeight(canvasHeight);\n } else if (canvasConfig?.height < height) {\n cueCanvas.updateHeight(canvasConfig?.height);\n }\n }\n }, [canvasConfig, cueCanvas, height, renderAs, setActiveColor, setActiveTool, userId]);\n};\n\nexport default useConfigUpdater;\n"],"names":["useConfigUpdater","props","canvasConfig","renderAs","height","userId","cueCanvas","setActiveColor","setActiveTool","useCueCanvasActions","useEffect","_b","_a","_d","_c","_f","_e","_h","_g","TOOLBAR_HEIGHT","canvasHeight"],"mappings":";;;AAcM,MAAAA,IAAmB,CAACC,MAAkC;AAC1D,QAAM,EAAE,cAAAC,GAAc,UAAAC,GAAU,QAAAC,GAAQ,QAAAC,MAAWJ,GAC7C,EAAE,gBAAgBK,GAAW,gBAAAC,GAAgB,eAAAC,EAAA,IAAkBC;AAErE,EAAAC,EAAU,MAAM;;AACV,QAAA,GAACJ,KAAaH,MAAa,cAI3BD,KAAA,QAAAA,EAAc,YACNI,EAAA,WAAWJ,KAAA,gBAAAA,EAAc,QAAQ,GAGzCA,KAAA,QAAAA,EAAc,YACNI,EAAA,YAAYJ,KAAA,gBAAAA,EAAc,QAAQ,IAG1CS,KAAAC,IAAAV,KAAA,gBAAAA,EAAc,UAAd,gBAAAU,EAAsBP,OAAtB,QAAAM,EAA+B,QACjCH,GAAcK,KAAAC,IAAAZ,EAAa,UAAb,gBAAAY,EAAqBT,OAArB,gBAAAQ,EAA8B,IAAI,IAG9CE,KAAAC,IAAAd,KAAA,gBAAAA,EAAc,UAAd,gBAAAc,EAAsBX,OAAtB,QAAAU,EAA+B,SACjCR,GAAeU,KAAAC,IAAAhB,KAAA,gBAAAA,EAAc,UAAd,gBAAAgB,EAAsBb,OAAtB,gBAAAY,EAA+B,KAAK,GAGjDf,KAAA,QAAAA,EAAc,WAAUA,KAAA,gBAAAA,EAAc,YAAW;AACnD,WACEA,KAAA,gBAAAA,EAAc,YAAW,WACzBA,KAAA,gBAAAA,EAAc,UAAS,OAAO,cAAciB,GAC5C;AACA,cAAMC,IAAe,KAAK,IAAIhB,GAAQ,OAAO,cAAce,CAAc;AAEzE,QAAAb,EAAU,aAAac,CAAY;AAAA,MAAA,MACrC,EAAWlB,KAAA,gBAAAA,EAAc,UAASE,KACtBE,EAAA,aAAaJ,KAAA,gBAAAA,EAAc,MAAM;AAAA,EAE/C,GACC,CAACA,GAAcI,GAAWF,GAAQD,GAAUI,GAAgBC,GAAeH,CAAM,CAAC;AACvF;"}
1
+ {"version":3,"file":"use-config-updater.js","sources":["../../../../src/features/cue-canvas/hooks/use-config-updater.ts"],"sourcesContent":["import type { ICanvasUpdateConfig, TRenderAs } from '../types/cue-canvas';\n\nimport { useEffect } from 'react';\n\nimport { TOOLBAR_HEIGHT, WHITEBOARD_HEIGHT_DEFAULT } from '../constants/constants';\nimport { useCueCanvasActions } from './use-cue-canvas-actions';\n\ninterface IUseConfigUpdaterProps {\n canvasConfig: ICanvasUpdateConfig | null | undefined;\n renderAs: TRenderAs;\n userId: string;\n}\n\nconst useConfigUpdater = (props: IUseConfigUpdaterProps) => {\n const { canvasConfig, renderAs, userId } = props;\n const { activeInstance: cueCanvas, setActiveColor, setActiveTool } = useCueCanvasActions();\n\n useEffect(() => {\n if (!cueCanvas || renderAs === 'canvas') {\n return;\n }\n\n if (canvasConfig?.gridName) {\n cueCanvas.changeGrid(canvasConfig?.gridName);\n }\n\n if (canvasConfig?.dimesion) {\n cueCanvas.setViewPort(canvasConfig?.dimesion);\n }\n\n if (canvasConfig?.users?.[userId]?.tool) {\n setActiveTool(canvasConfig.users?.[userId]?.tool);\n }\n\n if (canvasConfig?.users?.[userId]?.color) {\n setActiveColor(canvasConfig?.users?.[userId]?.color);\n }\n\n if (canvasConfig?.height || canvasConfig?.height === undefined) {\n if (\n canvasConfig?.height === undefined ||\n canvasConfig?.height > window.innerHeight - TOOLBAR_HEIGHT\n ) {\n const canvasHeight = Math.min(\n WHITEBOARD_HEIGHT_DEFAULT,\n window.innerHeight - TOOLBAR_HEIGHT,\n );\n\n cueCanvas.updateHeight(canvasHeight);\n } else if (canvasConfig?.height < WHITEBOARD_HEIGHT_DEFAULT) {\n cueCanvas.updateHeight(canvasConfig?.height);\n }\n }\n }, [canvasConfig, cueCanvas, renderAs, setActiveColor, setActiveTool, userId]);\n};\n\nexport default useConfigUpdater;\n"],"names":["useConfigUpdater","props","canvasConfig","renderAs","userId","cueCanvas","setActiveColor","setActiveTool","useCueCanvasActions","useEffect","_b","_a","_d","_c","_f","_e","_h","_g","TOOLBAR_HEIGHT","canvasHeight","WHITEBOARD_HEIGHT_DEFAULT"],"mappings":";;;AAaM,MAAAA,IAAmB,CAACC,MAAkC;AAC1D,QAAM,EAAE,cAAAC,GAAc,UAAAC,GAAU,QAAAC,EAAA,IAAWH,GACrC,EAAE,gBAAgBI,GAAW,gBAAAC,GAAgB,eAAAC,EAAA,IAAkBC;AAErE,EAAAC,EAAU,MAAM;;AACV,QAAA,GAACJ,KAAaF,MAAa,cAI3BD,KAAA,QAAAA,EAAc,YACNG,EAAA,WAAWH,KAAA,gBAAAA,EAAc,QAAQ,GAGzCA,KAAA,QAAAA,EAAc,YACNG,EAAA,YAAYH,KAAA,gBAAAA,EAAc,QAAQ,IAG1CQ,KAAAC,IAAAT,KAAA,gBAAAA,EAAc,UAAd,gBAAAS,EAAsBP,OAAtB,QAAAM,EAA+B,QACjCH,GAAcK,KAAAC,IAAAX,EAAa,UAAb,gBAAAW,EAAqBT,OAArB,gBAAAQ,EAA8B,IAAI,IAG9CE,KAAAC,IAAAb,KAAA,gBAAAA,EAAc,UAAd,gBAAAa,EAAsBX,OAAtB,QAAAU,EAA+B,SACjCR,GAAeU,KAAAC,IAAAf,KAAA,gBAAAA,EAAc,UAAd,gBAAAe,EAAsBb,OAAtB,gBAAAY,EAA+B,KAAK,GAGjDd,KAAA,QAAAA,EAAc,WAAUA,KAAA,gBAAAA,EAAc,YAAW;AACnD,WACEA,KAAA,gBAAAA,EAAc,YAAW,WACzBA,KAAA,gBAAAA,EAAc,UAAS,OAAO,cAAcgB,GAC5C;AACA,cAAMC,IAAe,KAAK;AAAA,UACxBC;AAAA,UACA,OAAO,cAAcF;AAAA,QAAA;AAGvB,QAAAb,EAAU,aAAac,CAAY;AAAA,MAAA,MACrC,EAAWjB,KAAA,gBAAAA,EAAc,UAASkB,KACtBf,EAAA,aAAaH,KAAA,gBAAAA,EAAc,MAAM;AAAA,EAE/C,GACC,CAACA,GAAcG,GAAWF,GAAUG,GAAgBC,GAAeH,CAAM,CAAC;AAC/E;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cuemath/leap",
3
- "version": "3.1.5-aa3",
3
+ "version": "3.1.5-aa4",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist"