@cuemath/leap 2.8.50 → 2.8.51

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

@@ -1,49 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { memo as d, useCallback as m, useMemo as $ } from "react";
-import s from "../../ui/buttons/clickable/clickable.js";
-import n from "../../ui/layout/flex-view.js";
-import { getColorsForUser as h } from "../cue-canvas-helpers.js";
-import { PalleteWrapper as u, ColorPicker as C, StyledCheckIcon as f } from "../cue-cavas-styled.js";
-const x = d(({ setActiveColor: o, activeColor: t, userType: i }) => {
-  const l = m(
-    (e) => {
-      o(e);
-    },
-    [o]
-  ), a = $(() => h(i), [i]);
-  return /* @__PURE__ */ r(u, { $background: "WHITE", $gutterX: 0.5, $gapX: 0.5, $borderRadius: 10, children: /* @__PURE__ */ r(n, { $flexDirection: "row", children: a.map((e, c) => /* @__PURE__ */ r(
-    s,
-    {
-      onClick: () => l(e),
-      label: `Color Picker - ${e}`,
-      children: /* @__PURE__ */ r(
-        n,
-        {
-          $width: 22,
-          $height: 22,
-          $borderRadius: 11,
-          $justifyContent: "center",
-          $background: t === e ? "BLACK" : "WHITE",
-          $alignItems: "center",
-          children: /* @__PURE__ */ r(
-            C,
-            {
-              $width: 20,
-              $height: 20,
-              $borderRadius: 10,
-              $color: e,
-              $alignItems: "center",
-              $justifyContent: "center",
-              children: t === e && /* @__PURE__ */ r(f, {})
-            }
-          )
-        }
-      )
-    },
-    c
-  )) }) });
-});
-export {
-  x as default
-};
-//# sourceMappingURL=color-pallete.js.map

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 { PalleteWrapper, 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    <PalleteWrapper $background=\"WHITE\" $gutterX={0.5} $gapX={0.5} $borderRadius={10}>\n      <FlexView $flexDirection=\"row\">\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      </FlexView>\n    </PalleteWrapper>\n  );\n});\n\nexport default ColorPallete;\n"],"names":["ColorPallete","memo","setActiveColor","activeColor","userType","handleColorChange","useCallback","color","colors","useMemo","getColorsForUser","PalleteWrapper","jsx","FlexView","index","Clickable","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,2BACGO,GAAe,EAAA,aAAY,SAAQ,UAAU,KAAK,OAAO,KAAK,eAAe,IAC5E,UAAA,gBAAAC,EAACC,KAAS,gBAAe,OACtB,YAAO,IAAI,CAACN,GAAOO,MAClB,gBAAAF;AAAA,IAACG;AAAA,IAAA;AAAA,MAEC,SAAS,MAAMV,EAAkBE,CAAK;AAAA,MACtC,OAAO,kBAAkBA,CAAK;AAAA,MAE9B,UAAA,gBAAAK;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,eAAe;AAAA,UACf,iBAAgB;AAAA,UAChB,aAAaV,MAAgBI,IAAQ,UAAU;AAAA,UAC/C,aAAY;AAAA,UAEZ,UAAA,gBAAAK;AAAA,YAACI;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,gBAAAK,EAACK,GAAgB,CAAA,CAAA;AAAA,YAAA;AAAA,UAC7C;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,IAtBKH;AAAA,EAAA,CAwBR,GACH,EACF,CAAA;AAEJ,CAAC;"}