@cuemath/leap 2.8.50-as1 → 2.8.50-as3

package/dist/features/cue-canvas/hooks/use-tool-state.js

@@ -1,34 +0,0 @@
-import { useEffect as l, useCallback as s } from "react";
-import { CANVAS_COLORS as m } from "../constants/constants.js";
-import { SINGLE_CLICK_TOOLS as n } from "../cue-canvas-helpers.js";
-import { useCueCanvasActions as T } from "./use-cue-canvas-actions.js";
-const A = () => {
-  const {
-    activeInstance: o,
-    activeTool: i,
-    setActiveTool: e,
-    activeColor: r
-  } = T();
-  l(() => {
-    o && (r && o.setColor(m[r]), i && (o == null || o.setTool(i)));
-  }, [r, i, o]);
-  const c = s(
-    (t) => {
-      o == null || o.setTool(t), n.has(t) || e(t);
-    },
-    [o, e]
-  ), f = s(
-    (t) => {
-      o == null || o.changeGrid(t);
-    },
-    [o]
-  );
-  return {
-    onToolClick: c,
-    onGridOptionClick: f
-  };
-};
-export {
-  A as useToolState
-};
-//# sourceMappingURL=use-tool-state.js.map

package/dist/features/cue-canvas/hooks/use-tool-state.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-tool-state.js","sources":["../../../../src/features/cue-canvas/hooks/use-tool-state.ts"],"sourcesContent":["import type { TCueCanvasGridName, TCueCanvasTool } from '../types/cue-canvas';\n\nimport { useCallback, useEffect } from 'react';\n\nimport { CANVAS_COLORS } from '../constants/constants';\nimport { SINGLE_CLICK_TOOLS } from '../cue-canvas-helpers';\nimport { useCueCanvasActions } from './use-cue-canvas-actions';\n\nexport const useToolState = () => {\n  const {\n    activeInstance: cueCanvas,\n    activeTool,\n    setActiveTool,\n    activeColor,\n  } = useCueCanvasActions();\n\n  useEffect(() => {\n    if (cueCanvas) {\n      if (activeColor) {\n        cueCanvas.setColor(CANVAS_COLORS[activeColor]);\n      }\n\n      if (activeTool) {\n        cueCanvas?.setTool(activeTool);\n      }\n    }\n  }, [activeColor, activeTool, cueCanvas]);\n\n  const onToolClick = useCallback(\n    (tool: TCueCanvasTool) => {\n      cueCanvas?.setTool(tool);\n\n      if (!SINGLE_CLICK_TOOLS.has(tool)) {\n        setActiveTool(tool);\n      }\n    },\n    [cueCanvas, setActiveTool],\n  );\n\n  const onGridOptionClick = useCallback(\n    (gridOption: TCueCanvasGridName) => {\n      cueCanvas?.changeGrid(gridOption);\n    },\n    [cueCanvas],\n  );\n\n  return {\n    onToolClick,\n    onGridOptionClick,\n  };\n};\n"],"names":["useToolState","cueCanvas","activeTool","setActiveTool","activeColor","useCueCanvasActions","useEffect","CANVAS_COLORS","onToolClick","useCallback","tool","SINGLE_CLICK_TOOLS","onGridOptionClick","gridOption"],"mappings":";;;;AAQO,MAAMA,IAAe,MAAM;AAC1B,QAAA;AAAA,IACJ,gBAAgBC;AAAA,IAChB,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,aAAAC;AAAA,MACEC,EAAoB;AAExB,EAAAC,EAAU,MAAM;AACd,IAAIL,MACEG,KACQH,EAAA,SAASM,EAAcH,CAAW,CAAC,GAG3CF,MACFD,KAAA,QAAAA,EAAW,QAAQC;AAAA,EAGtB,GAAA,CAACE,GAAaF,GAAYD,CAAS,CAAC;AAEvC,QAAMO,IAAcC;AAAA,IAClB,CAACC,MAAyB;AACxB,MAAAT,KAAA,QAAAA,EAAW,QAAQS,IAEdC,EAAmB,IAAID,CAAI,KAC9BP,EAAcO,CAAI;AAAA,IAEtB;AAAA,IACA,CAACT,GAAWE,CAAa;AAAA,EAAA,GAGrBS,IAAoBH;AAAA,IACxB,CAACI,MAAmC;AAClC,MAAAZ,KAAA,QAAAA,EAAW,WAAWY;AAAA,IACxB;AAAA,IACA,CAACZ,CAAS;AAAA,EAAA;AAGL,SAAA;AAAA,IACL,aAAAO;AAAA,IACA,mBAAAI;AAAA,EAAA;AAEJ;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"color-pallete.js","sources":["../../../../src/features/cue-canvas/toolbar/color-pallete.tsx"],"sourcesContent":["import type { TUserTypes } from '../../ui/types';\nimport type { TCueCanvasColors } from '../types/cue-canvas';\n\nimport { memo, useCallback, useMemo } from 'react';\n\nimport Clickable from '../../ui/buttons/clickable/clickable';\nimport FlexView from '../../ui/layout/flex-view';\nimport { getColorsForUser } from '../cue-canvas-helpers';\nimport { StyledCheckIcon } from '../cue-cavas-styled';\nimport { ColorPicker } from '../cue-cavas-styled';\n\ninterface IColorPallete {\n  setActiveColor: (color: TCueCanvasColors) => void;\n  activeColor: TCueCanvasColors;\n  userType: TUserTypes;\n}\n\nconst ColorPallete: React.FC<IColorPallete> = memo(({ setActiveColor, activeColor, userType }) => {\n  const handleColorChange = useCallback(\n    (color: TCueCanvasColors) => {\n      setActiveColor(color);\n    },\n    [setActiveColor],\n  );\n  const colors = useMemo(() => getColorsForUser(userType), [userType]);\n\n  return (\n    <>\n      {colors.map((color, index) => (\n        <Clickable\n          key={index}\n          onClick={() => handleColorChange(color)}\n          label={`Color Picker - ${color}`}\n        >\n          <FlexView\n            $width={22}\n            $height={22}\n            $borderRadius={11}\n            $justifyContent=\"center\"\n            $background={activeColor === color ? 'BLACK' : 'WHITE'}\n            $alignItems=\"center\"\n          >\n            <ColorPicker\n              $width={20}\n              $height={20}\n              $borderRadius={10}\n              $color={color}\n              $alignItems=\"center\"\n              $justifyContent=\"center\"\n            >\n              {activeColor === color && <StyledCheckIcon />}\n            </ColorPicker>\n          </FlexView>\n        </Clickable>\n      ))}\n    </>\n  );\n});\n\nexport default ColorPallete;\n"],"names":["ColorPallete","memo","setActiveColor","activeColor","userType","handleColorChange","useCallback","color","colors","useMemo","getColorsForUser","jsx","Fragment","index","Clickable","FlexView","ColorPicker","StyledCheckIcon"],"mappings":";;;;;;AAiBA,MAAMA,IAAwCC,EAAK,CAAC,EAAE,gBAAAC,GAAgB,aAAAC,GAAa,UAAAC,QAAe;AAChG,QAAMC,IAAoBC;AAAA,IACxB,CAACC,MAA4B;AAC3B,MAAAL,EAAeK,CAAK;AAAA,IACtB;AAAA,IACA,CAACL,CAAc;AAAA,EAAA,GAEXM,IAASC,EAAQ,MAAMC,EAAiBN,CAAQ,GAAG,CAACA,CAAQ,CAAC;AAEnE,SAEK,gBAAAO,EAAAC,GAAA,EAAA,UAAAJ,EAAO,IAAI,CAACD,GAAOM,MAClB,gBAAAF;AAAA,IAACG;AAAA,IAAA;AAAA,MAEC,SAAS,MAAMT,EAAkBE,CAAK;AAAA,MACtC,OAAO,kBAAkBA,CAAK;AAAA,MAE9B,UAAA,gBAAAI;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,eAAe;AAAA,UACf,iBAAgB;AAAA,UAChB,aAAaZ,MAAgBI,IAAQ,UAAU;AAAA,UAC/C,aAAY;AAAA,UAEZ,UAAA,gBAAAI;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,QAAQ;AAAA,cACR,SAAS;AAAA,cACT,eAAe;AAAA,cACf,QAAQT;AAAA,cACR,aAAY;AAAA,cACZ,iBAAgB;AAAA,cAEf,UAAAJ,MAAgBI,KAAS,gBAAAI,EAACM,GAAgB,CAAA,CAAA;AAAA,YAAA;AAAA,UAC7C;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,IAtBKJ;AAAA,EAwBR,CAAA,EACH,CAAA;AAEJ,CAAC;"}

package/dist/features/cue-canvas/toolbar/color-picker-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"color-picker-button.js","sources":["../../../../src/features/cue-canvas/toolbar/color-picker-button.tsx"],"sourcesContent":["import type { TUserTypes } from '../../ui/types';\nimport type { FC } from 'react';\n\nimport { memo, useRef } from 'react';\n\nimport Clickable from '../../ui/buttons/clickable/clickable';\nimport useContextMenuClickHandler from '../../ui/hooks/use-context-menu-click-handler';\nimport FlexView from '../../ui/layout/flex-view';\nimport { ColorPicker, PalleteWrapper } from '../cue-cavas-styled';\nimport { useCueCanvasActions } from '../hooks/use-cue-canvas-actions';\nimport ColorPallete from './color-pallete';\n\ninterface ColorPickerButtonProps {\n  userType: TUserTypes;\n}\n\nconst ColorPickerButton: FC<ColorPickerButtonProps> = memo(({ userType }) => {\n  const colorPalleteRef = useRef(null);\n  const { activeColor, setActiveColor, isWritingToolActive } = useCueCanvasActions();\n\n  const { menuVisible, onMenuClick } = useContextMenuClickHandler(\n    colorPalleteRef,\n    undefined,\n    true,\n    undefined,\n  );\n\n  return (\n    <FlexView\n      $width={32}\n      $height={32}\n      $alignItems=\"center\"\n      $justifyContent=\"center\"\n      $borderRadius={16}\n      $background=\"WHITE\"\n    >\n      <Clickable onClick={onMenuClick} label=\"Color Picker\" disabled={!isWritingToolActive}>\n        <ColorPicker\n          $width={22}\n          $height={22}\n          $borderRadius={11}\n          $color={activeColor}\n          $opacity={isWritingToolActive ? 1 : 0.5}\n          ref={colorPalleteRef}\n        />\n      </Clickable>\n      {menuVisible && (\n        <PalleteWrapper\n          $background=\"WHITE\"\n          $gutterX={0.5}\n          $gapX={0.5}\n          $borderRadius={10}\n          $flexDirection=\"row\"\n        >\n          <ColorPallete\n            setActiveColor={setActiveColor}\n            activeColor={activeColor}\n            userType={userType}\n          />\n        </PalleteWrapper>\n      )}\n    </FlexView>\n  );\n});\n\nexport default ColorPickerButton;\n"],"names":["ColorPickerButton","memo","userType","colorPalleteRef","useRef","activeColor","setActiveColor","isWritingToolActive","useCueCanvasActions","menuVisible","onMenuClick","useContextMenuClickHandler","jsxs","FlexView","jsx","Clickable","ColorPicker","PalleteWrapper","ColorPallete"],"mappings":";;;;;;;;AAgBA,MAAMA,IAAgDC,EAAK,CAAC,EAAE,UAAAC,QAAe;AACrE,QAAAC,IAAkBC,EAAO,IAAI,GAC7B,EAAE,aAAAC,GAAa,gBAAAC,GAAgB,qBAAAC,MAAwBC,EAAoB,GAE3E,EAAE,aAAAC,GAAa,aAAAC,EAAA,IAAgBC;AAAA,IACnCR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAIA,SAAA,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,eAAe;AAAA,MACf,aAAY;AAAA,MAEZ,UAAA;AAAA,QAAA,gBAAAC,EAACC,KAAU,SAASL,GAAa,OAAM,gBAAe,UAAU,CAACH,GAC/D,UAAA,gBAAAO;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,eAAe;AAAA,YACf,QAAQX;AAAA,YACR,UAAUE,IAAsB,IAAI;AAAA,YACpC,KAAKJ;AAAA,UAAA;AAAA,QAAA,GAET;AAAA,QACCM,KACC,gBAAAK;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,aAAY;AAAA,YACZ,UAAU;AAAA,YACV,OAAO;AAAA,YACP,eAAe;AAAA,YACf,gBAAe;AAAA,YAEf,UAAA,gBAAAH;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,gBAAAZ;AAAA,gBACA,aAAAD;AAAA,gBACA,UAAAH;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;"}

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

@@ -1,21 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import { memo as a } from "react";
-import p from "../../ui/buttons/clickable/clickable.js";
-import { getIsWritingTool as f } from "../cue-canvas-helpers.js";
-import { StyledWrapper as s } from "../cue-cavas-styled.js";
-import { useCueCanvasActions as u } from "../hooks/use-cue-canvas-actions.js";
-import C from "./grid-menu.js";
-import { TOOLS_TO_COMP as d } from "./icon-map.js";
-const k = a(
-  ({ tools: t, onToolClick: m, onGridOptionClick: n }) => {
-    const { activeColor: c, activeTool: e } = u();
-    return t.map((r) => {
-      const o = d[r];
-      return r === "grid" ? /* @__PURE__ */ i(C, { onGridOptionClick: n, GridIcon: o }, r) : /* @__PURE__ */ i(p, { onClick: () => m(r), label: r, children: f(r) ? /* @__PURE__ */ i(o, { $active: e === r, $activeColor: c }) : /* @__PURE__ */ i(s, { $active: e === r, children: /* @__PURE__ */ i(o, {}) }) }, r);
-    });
-  }
-);
-export {
-  k as default
-};
-//# sourceMappingURL=tool-buttons.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"tool-buttons.js","sources":["../../../../src/features/cue-canvas/toolbar/tool-buttons.tsx"],"sourcesContent":["import type { IToolButtonList, TToolComponentType } from '../types/toolbar';\n\nimport React, { memo } from 'react';\n\nimport Clickable from '../../ui/buttons/clickable/clickable';\nimport { getIsWritingTool } from '../cue-canvas-helpers';\nimport { StyledWrapper } from '../cue-cavas-styled';\nimport { useCueCanvasActions } from '../hooks/use-cue-canvas-actions';\nimport GridMenu from './grid-menu';\nimport { TOOLS_TO_COMP } from './icon-map';\n\nconst ToolButtonList: React.FC<IToolButtonList> = memo(\n  ({ tools, onToolClick, onGridOptionClick }) => {\n    const { activeColor, activeTool } = useCueCanvasActions();\n\n    return tools.map(tool => {\n      const ToolComponent = TOOLS_TO_COMP[tool] as TToolComponentType;\n\n      if (tool === 'grid') {\n        return (\n          <GridMenu key={tool} onGridOptionClick={onGridOptionClick} GridIcon={ToolComponent} />\n        );\n      }\n\n      return (\n        <Clickable onClick={() => onToolClick(tool)} label={tool} key={tool}>\n          {getIsWritingTool(tool) ? (\n            <ToolComponent $active={activeTool === tool} $activeColor={activeColor} />\n          ) : (\n            <StyledWrapper $active={activeTool === tool}>\n              <ToolComponent />\n            </StyledWrapper>\n          )}\n        </Clickable>\n      );\n    });\n  },\n);\n\nexport default ToolButtonList;\n"],"names":["ToolButtonList","memo","tools","onToolClick","onGridOptionClick","activeColor","activeTool","useCueCanvasActions","tool","ToolComponent","TOOLS_TO_COMP","jsx","GridMenu","Clickable","getIsWritingTool","StyledWrapper"],"mappings":";;;;;;;;AAWA,MAAMA,IAA4CC;AAAA,EAChD,CAAC,EAAE,OAAAC,GAAO,aAAAC,GAAa,mBAAAC,QAAwB;AAC7C,UAAM,EAAE,aAAAC,GAAa,YAAAC,EAAW,IAAIC,EAAoB;AAEjD,WAAAL,EAAM,IAAI,CAAQM,MAAA;AACjB,YAAAC,IAAgBC,EAAcF,CAAI;AAExC,aAAIA,MAAS,SAER,gBAAAG,EAAAC,GAAA,EAAoB,mBAAAR,GAAsC,UAAUK,KAAtDD,CAAqE,IAKrF,gBAAAG,EAAAE,GAAA,EAAU,SAAS,MAAMV,EAAYK,CAAI,GAAG,OAAOA,GACjD,UAAAM,EAAiBN,CAAI,IACnB,gBAAAG,EAAAF,GAAA,EAAc,SAASH,MAAeE,GAAM,cAAcH,GAAa,IAEvE,gBAAAM,EAAAI,GAAA,EAAc,SAAST,MAAeE,GACrC,UAAA,gBAAAG,EAACF,GAAc,CAAA,CAAA,EAAA,CACjB,KAN2DD,CAQ/D;AAAA,IAAA,CAEH;AAAA,EACH;AACF;"}