@cuemath/leap 3.1.8-aa2 → 3.1.8-aa3

package/dist/features/cue-canvas/toolbar/toolbar.js

@@ -1,20 +1,20 @@
-import { jsx as i, jsxs as m } from "react/jsx-runtime";
-import { memo as c, useEffect as f } from "react";
+import { jsx as n, jsxs as c } from "react/jsx-runtime";
+import { memo as m, useEffect as f } from "react";
 import u from "../../ui/layout/flex-view.js";
 import { getColorsForUser as C, getUserTools as p } from "../cue-canvas-helpers.js";
-import { useCueCanvasActions as v } from "../hooks/use-cue-canvas-actions.js";
-import x from "./color-picker-menu.js";
-import b from "./tool.js";
-import d from "./whiteboard-toolbar.js";
-const $ = c(({ userType: t, renderAs: r }) => {
-  const s = p(t, r), { activeInstance: o, activeTool: a, activeColor: l } = v(), e = C(t, r);
+import { useCueCanvasActions as d } from "../hooks/use-cue-canvas-actions.js";
+import v from "./color-picker-menu.js";
+import g from "./tool.js";
+import x from "./whiteboard-toolbar.js";
+const b = m(({ userType: t, renderAs: e }) => {
+  const i = p(t, e), { activeInstance: o, activeTool: a, activeColor: r } = d(), s = C(t, e);
   return f(() => {
-    o && (!e.includes(l) && e[0] ? o.setColor(e[0]) : o.setColor(l), o.setTool(a));
-  }, [o]), r === "whiteboard" ? /* @__PURE__ */ i(d, { tools: s, userType: t }) : /* @__PURE__ */ m(u, { $flexDirection: "row", $alignItems: "center", $justifyContent: "center", $flexGapX: 0.5, children: [
-    s.map((n) => /* @__PURE__ */ i(b, { tool: n, shouldAnimate: !0 }, n)),
-    /* @__PURE__ */ i(x, { userType: t, renderAs: "canvas" })
+    console.log("cueCanvas instance changed, setting tool and color", r, a), o && (!s.includes(r) && s[0] ? o.setColor(s[0]) : o.setColor(r), o.setTool(a));
+  }, [o]), e === "whiteboard" ? /* @__PURE__ */ n(x, { tools: i, userType: t }) : /* @__PURE__ */ c(u, { $flexDirection: "row", $alignItems: "center", $justifyContent: "center", $flexGapX: 0.5, children: [
+    i.map((l) => /* @__PURE__ */ n(g, { tool: l, shouldAnimate: !0 }, l)),
+    /* @__PURE__ */ n(v, { userType: t, renderAs: "canvas" })
   ] });
-}), k = $;
+}), k = b;
 export {
   k as default
 };

package/dist/features/cue-canvas/toolbar/toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar.js","sources":["../../../../src/features/cue-canvas/toolbar/toolbar.tsx"],"sourcesContent":["import type { IToolbarProps } from '../types/toolbar';\n\nimport React, { memo, useEffect } from 'react';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport { getColorsForUser, getUserTools } from '../cue-canvas-helpers';\nimport { useCueCanvasActions } from '../hooks/use-cue-canvas-actions';\nimport ColorPickerMenu from './color-picker-menu';\nimport Tool from './tool';\nimport WhiteboardToolbar from './whiteboard-toolbar';\n\nconst Toolbar: React.FC<IToolbarProps> = memo(({ userType, renderAs }) => {\n  const tools = getUserTools(userType, renderAs);\n  const { activeInstance: cueCanvas, activeTool, activeColor } = useCueCanvasActions();\n  const colors = getColorsForUser(userType, renderAs);\n\n  // This effect ensures that the selected tool and color are applied to the cueCanvas instance\n  // whenever it changes. For example, if a user selects a tool and color, then navigates to a\n  // different question (causing a new cueCanvas instance), the same tool and color will be set\n  // on the new instance.\n  useEffect(() => {\n    if (cueCanvas) {\n      if (!colors.includes(activeColor) && colors[0]) {\n        cueCanvas.setColor(colors[0]);\n      } else {\n        cueCanvas.setColor(activeColor);\n      }\n      cueCanvas.setTool(activeTool);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [cueCanvas]);\n\n  if (renderAs === 'whiteboard') {\n    return <WhiteboardToolbar tools={tools} userType={userType} />;\n  }\n\n  return (\n    <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"center\" $flexGapX={0.5}>\n      {tools.map(tool => (\n        <Tool tool={tool} key={tool} shouldAnimate />\n      ))}\n      <ColorPickerMenu userType={userType} renderAs=\"canvas\" />\n    </FlexView>\n  );\n});\n\nexport default Toolbar;\n"],"names":["Toolbar","memo","userType","renderAs","tools","getUserTools","cueCanvas","activeTool","activeColor","useCueCanvasActions","colors","getColorsForUser","useEffect","jsx","WhiteboardToolbar","jsxs","FlexView","Tool","tool","ColorPickerMenu","Toolbar$1"],"mappings":";;;;;;;;AAWA,MAAMA,IAAmCC,EAAK,CAAC,EAAE,UAAAC,GAAU,UAAAC,QAAe;AAClE,QAAAC,IAAQC,EAAaH,GAAUC,CAAQ,GACvC,EAAE,gBAAgBG,GAAW,YAAAC,GAAY,aAAAC,EAAA,IAAgBC,KACzDC,IAASC,EAAiBT,GAAUC,CAAQ;AAkBlD,SAZAS,EAAU,MAAM;AACd,IAAIN,MACE,CAACI,EAAO,SAASF,CAAW,KAAKE,EAAO,CAAC,IACjCJ,EAAA,SAASI,EAAO,CAAC,CAAC,IAE5BJ,EAAU,SAASE,CAAW,GAEhCF,EAAU,QAAQC,CAAU;AAAA,EAC9B,GAEC,CAACD,CAAS,CAAC,GAEVH,MAAa,eACR,gBAAAU,EAACC,GAAkB,EAAA,OAAAV,GAAc,UAAAF,EAAoB,CAAA,IAI5D,gBAAAa,EAACC,KAAS,gBAAe,OAAM,aAAY,UAAS,iBAAgB,UAAS,WAAW,KACrF,UAAA;AAAA,IAAMZ,EAAA,IAAI,OACR,gBAAAS,EAAAI,GAAA,EAAK,MAAAC,GAAuB,eAAa,GAAA,GAAnBA,CAAoB,CAC5C;AAAA,IACA,gBAAAL,EAAAM,GAAA,EAAgB,UAAAjB,GAAoB,UAAS,SAAS,CAAA;AAAA,EACzD,EAAA,CAAA;AAEJ,CAAC,GAEDkB,IAAepB;"}
+{"version":3,"file":"toolbar.js","sources":["../../../../src/features/cue-canvas/toolbar/toolbar.tsx"],"sourcesContent":["import type { IToolbarProps } from '../types/toolbar';\n\nimport React, { memo, useEffect } from 'react';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport { getColorsForUser, getUserTools } from '../cue-canvas-helpers';\nimport { useCueCanvasActions } from '../hooks/use-cue-canvas-actions';\nimport ColorPickerMenu from './color-picker-menu';\nimport Tool from './tool';\nimport WhiteboardToolbar from './whiteboard-toolbar';\n\nconst Toolbar: React.FC<IToolbarProps> = memo(({ userType, renderAs }) => {\n  const tools = getUserTools(userType, renderAs);\n  const { activeInstance: cueCanvas, activeTool, activeColor } = useCueCanvasActions();\n  const colors = getColorsForUser(userType, renderAs);\n\n  // This effect ensures that the selected tool and color are applied to the cueCanvas instance\n  // whenever it changes. For example, if a user selects a tool and color, then navigates to a\n  // different question (causing a new cueCanvas instance), the same tool and color will be set\n  // on the new instance.\n  useEffect(() => {\n    console.log('cueCanvas instance changed, setting tool and color', activeColor, activeTool);\n    if (cueCanvas) {\n      if (!colors.includes(activeColor) && colors[0]) {\n        cueCanvas.setColor(colors[0]);\n      } else {\n        cueCanvas.setColor(activeColor);\n      }\n      cueCanvas.setTool(activeTool);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [cueCanvas]);\n\n  if (renderAs === 'whiteboard') {\n    return <WhiteboardToolbar tools={tools} userType={userType} />;\n  }\n\n  return (\n    <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"center\" $flexGapX={0.5}>\n      {tools.map(tool => (\n        <Tool tool={tool} key={tool} shouldAnimate />\n      ))}\n      <ColorPickerMenu userType={userType} renderAs=\"canvas\" />\n    </FlexView>\n  );\n});\n\nexport default Toolbar;\n"],"names":["Toolbar","memo","userType","renderAs","tools","getUserTools","cueCanvas","activeTool","activeColor","useCueCanvasActions","colors","getColorsForUser","useEffect","jsx","WhiteboardToolbar","jsxs","FlexView","Tool","tool","ColorPickerMenu","Toolbar$1"],"mappings":";;;;;;;;AAWA,MAAMA,IAAmCC,EAAK,CAAC,EAAE,UAAAC,GAAU,UAAAC,QAAe;AAClE,QAAAC,IAAQC,EAAaH,GAAUC,CAAQ,GACvC,EAAE,gBAAgBG,GAAW,YAAAC,GAAY,aAAAC,EAAA,IAAgBC,KACzDC,IAASC,EAAiBT,GAAUC,CAAQ;AAmBlD,SAbAS,EAAU,MAAM;AACN,YAAA,IAAI,sDAAsDJ,GAAaD,CAAU,GACrFD,MACE,CAACI,EAAO,SAASF,CAAW,KAAKE,EAAO,CAAC,IACjCJ,EAAA,SAASI,EAAO,CAAC,CAAC,IAE5BJ,EAAU,SAASE,CAAW,GAEhCF,EAAU,QAAQC,CAAU;AAAA,EAC9B,GAEC,CAACD,CAAS,CAAC,GAEVH,MAAa,eACR,gBAAAU,EAACC,GAAkB,EAAA,OAAAV,GAAc,UAAAF,EAAoB,CAAA,IAI5D,gBAAAa,EAACC,KAAS,gBAAe,OAAM,aAAY,UAAS,iBAAgB,UAAS,WAAW,KACrF,UAAA;AAAA,IAAMZ,EAAA,IAAI,OACR,gBAAAS,EAAAI,GAAA,EAAK,MAAAC,GAAuB,eAAa,GAAA,GAAnBA,CAAoB,CAC5C;AAAA,IACA,gBAAAL,EAAAM,GAAA,EAAgB,UAAAjB,GAAoB,UAAS,SAAS,CAAA;AAAA,EACzD,EAAA,CAAA;AAEJ,CAAC,GAEDkB,IAAepB;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "3.1.8-aa2",
+  "version": "3.1.8-aa3",
   "type": "module",
   "files": [
     "dist"