@cuemath/leap 3.0.12-ays4 → 3.0.12-ays6

package/dist/features/ui/border-path-animation/border-path-animation.js

@@ -0,0 +1,108 @@
+import { jsxs as p, Fragment as g, jsx as s } from "react/jsx-runtime";
+import { memo as b, useState as d, useMemo as l, useRef as u, useLayoutEffect as C } from "react";
+import { keyframes as L } from "styled-components";
+import { TopLineContainer as k, Line as c, RightLineContainer as W, BottomLineContainer as R, LeftLineContainer as D } from "./border-path-animation-styled.js";
+const F = (i, r) => {
+  const t = (i + r) * 2, o = i, e = r, y = i / t, n = (i + r) / t, a = (i + r + i) / t;
+  return {
+    top: [
+      [0, { x: 0, y: 0, o: 1 }],
+      [y, { x: o, y: 0, o: 1 }],
+      [y + 1e-3, { x: o, y: 0, o: 0 }],
+      [n - 1e-3, { x: -o, y: 0, o: 0 }],
+      [n, { x: -o, y: 0, o: 1 }],
+      [a, { x: 0, y: 0, o: 1 }],
+      [1, { x: 0, y: 0, o: 1 }]
+    ],
+    right: [
+      [0, { x: 0, y: 0, o: 1 }],
+      [y, { x: 0, y: 0, o: 1 }],
+      [n, { x: 0, y: e, o: 1 }],
+      [n + 1e-3, { x: 0, y: e, o: 0 }],
+      [a - 1e-3, { x: 0, y: -e, o: 0 }],
+      [a, { x: 0, y: -e, o: 1 }],
+      [1, { x: 0, y: 0, o: 1 }]
+    ],
+    bottom: [
+      [0, { x: o, y: 0, o: 1 }],
+      [y, { x: 0, y: 0, o: 1 }],
+      [n, { x: 0, y: 0, o: 1 }],
+      [a, { x: -o, y: 0, o: 1 }],
+      [a + 1e-3, { x: -o, y: 0, o: 0 }],
+      [a + 2e-3, { x: o, y: 0, o: 0 }],
+      [1, { x: o, y: 0, o: 1 }]
+    ],
+    left: [
+      [0, { x: 0, y: e, o: 1 }],
+      [y, { x: 0, y: e, o: 1 }],
+      [n, { x: 0, y: 0, o: 1 }],
+      [a, { x: 0, y: 0, o: 1 }],
+      [1, { x: 0, y: -e, o: 1 }]
+    ]
+  };
+}, $ = (i) => L`
+    ${i.map(
+  ([r, { x: t, y: o, o: e }]) => `${r * 100}% {
+          transform: translate(${t}px, ${o}px);
+          opacity: ${e};
+        }`
+).join(" ")}
+  `, K = b((i) => {
+  const { animationDuration: r = 6, borderWidth: t = 1, borderColor: o = "YELLOW_3" } = i, [e, y] = d(1), [n, a] = d(1), m = l(() => F(e, n), [e, n]), x = l(
+    () => ({
+      top: $(m.top),
+      right: $(m.right),
+      bottom: $(m.bottom),
+      left: $(m.left)
+    }),
+    [m]
+  ), f = u(null), h = u(null);
+  return C(() => {
+    f.current && y(f.current.getBoundingClientRect().width), h.current && a(h.current.getBoundingClientRect().height);
+  }, []), /* @__PURE__ */ p(g, { children: [
+    /* @__PURE__ */ s(k, { className: "top-line", ref: f, $borderWidth: t, children: /* @__PURE__ */ s(
+      c,
+      {
+        $borderColor: o,
+        $width: e,
+        $height: t,
+        $animationDuration: r,
+        $keyframes: x.top
+      }
+    ) }),
+    /* @__PURE__ */ s(W, { ref: h, $borderWidth: t, children: /* @__PURE__ */ s(
+      c,
+      {
+        $width: t,
+        $height: n,
+        $borderColor: o,
+        $animationDuration: r,
+        $keyframes: x.right
+      }
+    ) }),
+    /* @__PURE__ */ s(R, { $borderWidth: t, children: /* @__PURE__ */ s(
+      c,
+      {
+        $borderColor: o,
+        $width: e,
+        $height: t,
+        $animationDuration: r,
+        $keyframes: x.bottom
+      }
+    ) }),
+    /* @__PURE__ */ s(D, { $borderWidth: t, children: /* @__PURE__ */ s(
+      c,
+      {
+        $width: t,
+        $height: n,
+        $borderColor: o,
+        $animationDuration: r,
+        $keyframes: x.left
+      }
+    ) })
+  ] });
+});
+export {
+  K as default
+};
+//# sourceMappingURL=border-path-animation.js.map

package/dist/features/ui/border-path-animation/border-path-animation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"border-path-animation.js","sources":["../../../../src/features/ui/border-path-animation/border-path-animation.tsx"],"sourcesContent":["import type {\n  IBorderPathAnimationProps,\n  IGetKeyFrames,\n  IGetKeyFramesConfig,\n} from './border-path-animation-types';\nimport type { FC } from 'react';\n\nimport { memo, useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport { keyframes } from 'styled-components';\n\nimport * as Styled from './border-path-animation-styled';\n\nconst getKeyFramesConfig: IGetKeyFramesConfig = (width, height) => {\n  const p = (width + height) * 2; // perimeter\n  const w = width;\n  const h = height;\n  const bp1 = width / p;\n  const bp2 = (width + height) / p;\n  const bp3 = (width + height + width) / p;\n\n  return {\n    top: [\n      [0, { x: 0, y: 0, o: 1 }],\n      [bp1, { x: w, y: 0, o: 1 }],\n\n      [bp1 + 0.001, { x: w, y: 0, o: 0 }],\n      [bp2 - 0.001, { x: -w, y: 0, o: 0 }],\n\n      [bp2, { x: -w, y: 0, o: 1 }],\n      [bp3, { x: 0, y: 0, o: 1 }],\n      [1, { x: 0, y: 0, o: 1 }],\n    ],\n    right: [\n      [0, { x: 0, y: 0, o: 1 }],\n      [bp1, { x: 0, y: 0, o: 1 }],\n      [bp2, { x: 0, y: h, o: 1 }],\n\n      [bp2 + 0.001, { x: 0, y: h, o: 0 }],\n      [bp3 - 0.001, { x: 0, y: -h, o: 0 }],\n\n      [bp3, { x: 0, y: -h, o: 1 }],\n      [1, { x: 0, y: 0, o: 1 }],\n    ],\n    bottom: [\n      [0, { x: w, y: 0, o: 1 }],\n      [bp1, { x: 0, y: 0, o: 1 }],\n      [bp2, { x: 0, y: 0, o: 1 }],\n      [bp3, { x: -w, y: 0, o: 1 }],\n\n      [bp3 + 0.001, { x: -w, y: 0, o: 0 }],\n      [bp3 + 0.002, { x: w, y: 0, o: 0 }],\n      [1, { x: w, y: 0, o: 1 }],\n    ],\n    left: [\n      [0, { x: 0, y: h, o: 1 }],\n      [bp1, { x: 0, y: h, o: 1 }],\n      [bp2, { x: 0, y: 0, o: 1 }],\n      [bp3, { x: 0, y: 0, o: 1 }],\n      [1, { x: 0, y: -h, o: 1 }],\n    ],\n  };\n};\n\nconst getKeyFrames: IGetKeyFrames = config => {\n  return keyframes`\n    ${config\n      .map(\n        ([percentage, { x, y, o }]) => `${percentage * 100}% {\n          transform: translate(${x}px, ${y}px);\n          opacity: ${o};\n        }`,\n      )\n      .join(' ')}\n  `;\n};\n\nconst BorderPathAnimation: FC<IBorderPathAnimationProps> = memo(props => {\n  const { animationDuration = 6, borderWidth = 1, borderColor = 'YELLOW_3' } = props;\n  const [width, setWidth] = useState(1);\n  const [height, setHeight] = useState(1);\n  const keyFramesConfig = useMemo(() => getKeyFramesConfig(width, height), [width, height]);\n  const keyFrames = useMemo(\n    () => ({\n      top: getKeyFrames(keyFramesConfig.top),\n      right: getKeyFrames(keyFramesConfig.right),\n      bottom: getKeyFrames(keyFramesConfig.bottom),\n      left: getKeyFrames(keyFramesConfig.left),\n    }),\n    [keyFramesConfig],\n  );\n  const topRef = useRef<HTMLDivElement>(null);\n  const rightRef = useRef<HTMLDivElement>(null);\n\n  useLayoutEffect(() => {\n    if (topRef.current) {\n      setWidth(topRef.current.getBoundingClientRect().width);\n    }\n\n    if (rightRef.current) {\n      setHeight(rightRef.current.getBoundingClientRect().height);\n    }\n  }, []);\n\n  return (\n    <>\n      <Styled.TopLineContainer className=\"top-line\" ref={topRef} $borderWidth={borderWidth}>\n        <Styled.Line\n          $borderColor={borderColor}\n          $width={width}\n          $height={borderWidth}\n          $animationDuration={animationDuration}\n          $keyframes={keyFrames.top}\n        />\n      </Styled.TopLineContainer>\n      <Styled.RightLineContainer ref={rightRef} $borderWidth={borderWidth}>\n        <Styled.Line\n          $width={borderWidth}\n          $height={height}\n          $borderColor={borderColor}\n          $animationDuration={animationDuration}\n          $keyframes={keyFrames.right}\n        />\n      </Styled.RightLineContainer>\n      <Styled.BottomLineContainer $borderWidth={borderWidth}>\n        <Styled.Line\n          $borderColor={borderColor}\n          $width={width}\n          $height={borderWidth}\n          $animationDuration={animationDuration}\n          $keyframes={keyFrames.bottom}\n        />\n      </Styled.BottomLineContainer>\n      <Styled.LeftLineContainer $borderWidth={borderWidth}>\n        <Styled.Line\n          $width={borderWidth}\n          $height={height}\n          $borderColor={borderColor}\n          $animationDuration={animationDuration}\n          $keyframes={keyFrames.left}\n        />\n      </Styled.LeftLineContainer>\n    </>\n  );\n});\n\nexport default BorderPathAnimation;\n"],"names":["getKeyFramesConfig","width","height","p","w","h","bp1","bp2","bp3","getKeyFrames","config","keyframes","percentage","x","y","o","BorderPathAnimation","memo","props","animationDuration","borderWidth","borderColor","setWidth","useState","setHeight","keyFramesConfig","useMemo","keyFrames","topRef","useRef","rightRef","useLayoutEffect","jsxs","Fragment","jsx","Styled.TopLineContainer","Styled.Line","Styled.RightLineContainer","Styled.BottomLineContainer","Styled.LeftLineContainer"],"mappings":"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"}

package/dist/index.d.ts

@@ -373,6 +373,7 @@ export declare const EVENTS: {
     UNLOCK_SHEETS: "UNLOCK_SHEETS";
     EXTRA_PRACTICE_ASSIGNED: "EXTRA_PRACTICE_ASSIGNED";
     CHANGE_LOCATION: "CHANGE_LOCATION";
+    SHEET_MARKED_AS_REVIEWED: "SHEET_MARKED_AS_REVIEWED";
     SHEET_STARTED: "SHEET_STARTED";
     SHEET_UNASSIGNED: "SHEET_UNASSIGNED";
     SHEET_REATTEMPTED: "SHEET_REATTEMPTED";
@@ -2203,7 +2204,7 @@ export declare const Info2Icon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
 export declare const InfoIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 declare interface INodeCardCallbacks {
-    onNodeAttempt?: (nodeData: INodeDataProps, homeworkId?: string) => void;
+    onNodeAttempt?: (nodeData: INodeDataProps, milestoneId?: string, homeworkId?: string) => void;
     onNodeView?: (nodeData: INodeDataProps, milestoneId?: string) => void;
     onNodeReview?: (nodeData: INodeDataProps, milestoneId?: string, homeworkId?: string) => void;
     onNodeReattempt?: (nodeData: INodeDataProps, milestoneId?: string) => void;
@@ -3057,7 +3058,7 @@ declare interface ITestsListProps {
     onNodeReattempt?: (sheetData: INodeDataProps, milestoneId?: string) => void;
     onNodeAssignAsHomework?: (sheetData: INodeDataProps, milestoneId?: string) => void;
     onTestPreview?: (sheetData: INodeDataProps, milestoneId: string) => void;
-    onTestStart?: (sheetData: INodeDataProps) => void;
+    onTestStart?: (sheetData: INodeDataProps, milestoneId: string) => void;
     onTestReview?: (sheetData: INodeDataProps, milestoneId: string) => void;
 }
 
@@ -4597,7 +4598,13 @@ export declare type TInclassMessage = {
         mediaState: Record<string, unknown>;
     };
 } | {
-    eventName: 'STUDENT_LEARNING_WORKSHEET_COMPLETED';
+    eventName: 'WORKSHEET_MARK_AS_REVIEWED';
+    eventPayload: {
+        studentId: string;
+        milestoneId?: string;
+    };
+} | {
+    eventName: typeof EVENTS.SHEET_MARKED_AS_REVIEWED;
     eventPayload: {
         worksheetId: string;
     };
@@ -4667,6 +4674,7 @@ export declare type TInclassMessage = {
     eventName: typeof EVENTS.SHEET_STARTED;
     eventPayload: {
         sheetIds: string[];
+        milestoneId?: string;
     };
 } | {
     eventName: typeof EVENTS.MILESTONE_NAME_UPDATED;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "3.0.12-ays4",
+  "version": "3.0.12-ays6",
   "type": "module",
   "files": [
     "dist"