@magmamath/students-features 1.3.26-rc.11 → 1.3.26-rc.13

package/dist/module/features/fluency-teacher/components/drawer/FluencyTeacherDrawer.js

@@ -0,0 +1,107 @@
+"use strict";
+
+import React, { useEffect } from 'react';
+import { Animated, Modal, Pressable, ScrollView, StyleSheet, View } from 'react-native';
+import { useUnit } from 'effector-react';
+import { COLORS, SHADOWS, SPACING } from '@magmamath/react-native-ui';
+import { DrawerHeader } from "./DrawerHeader.js";
+import { DrawerStats } from "./DrawerStats.js";
+import { DrawerMatrixes } from "./DrawerMatrixes.js";
+import { useTeacherFluency } from "../../context/TeacherFluencyContext.js";
+import { DrawerMasteryLegend } from "./DrawerMasteryLegend.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const DRAWER_WIDTH = 700;
+const BACKDROP_COLOR = 'rgba(0, 0, 0, 0.2)';
+const backdropOpacity = new Animated.Value(0);
+const drawerTranslateX = new Animated.Value(DRAWER_WIDTH);
+export const FluencyTeacherDrawer = () => {
+  const {
+    model
+  } = useTeacherFluency();
+  const student = useUnit(model.table.$studentInfoDrawer);
+  const isVisible = student !== null;
+  useEffect(() => {
+    if (!isVisible) return;
+    Animated.parallel([Animated.timing(backdropOpacity, {
+      toValue: 1,
+      duration: 200,
+      useNativeDriver: true
+    }), Animated.timing(drawerTranslateX, {
+      toValue: 0,
+      duration: 250,
+      useNativeDriver: true
+    })]).start();
+  }, [isVisible]);
+  if (!isVisible) return null;
+  const closeDrawer = () => {
+    Animated.parallel([Animated.timing(backdropOpacity, {
+      toValue: 0,
+      duration: 200,
+      useNativeDriver: true
+    }), Animated.timing(drawerTranslateX, {
+      toValue: DRAWER_WIDTH,
+      duration: 250,
+      useNativeDriver: true
+    })]).start(() => model.table.setStudentInfoDrawer(null));
+  };
+  return /*#__PURE__*/_jsx(Modal, {
+    visible: isVisible,
+    transparent: true,
+    animationType: "none",
+    onRequestClose: closeDrawer,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: styles.root,
+      children: [/*#__PURE__*/_jsx(Animated.View, {
+        style: [styles.backdrop, {
+          opacity: backdropOpacity
+        }],
+        children: /*#__PURE__*/_jsx(Pressable, {
+          style: StyleSheet.absoluteFill,
+          onPress: closeDrawer
+        })
+      }), /*#__PURE__*/_jsxs(Animated.View, {
+        style: [styles.drawer, {
+          transform: [{
+            translateX: drawerTranslateX
+          }]
+        }],
+        children: [/*#__PURE__*/_jsx(DrawerHeader, {
+          student: student,
+          onClose: closeDrawer
+        }), /*#__PURE__*/_jsxs(View, {
+          style: styles.content,
+          children: [/*#__PURE__*/_jsx(DrawerStats, {
+            scores: student.scores
+          }), /*#__PURE__*/_jsxs(ScrollView, {
+            showsVerticalScrollIndicator: false,
+            children: [/*#__PURE__*/_jsx(DrawerMatrixes, {}), /*#__PURE__*/_jsx(DrawerMasteryLegend, {})]
+          })]
+        })]
+      })]
+    })
+  });
+};
+const styles = StyleSheet.create({
+  root: {
+    flex: 1
+  },
+  backdrop: {
+    ...StyleSheet.absoluteFillObject,
+    backgroundColor: BACKDROP_COLOR
+  },
+  drawer: {
+    position: 'absolute',
+    top: 0,
+    right: 0,
+    bottom: 0,
+    width: DRAWER_WIDTH,
+    backgroundColor: COLORS.NEUTRAL_1,
+    ...SHADOWS[3]
+  },
+  content: {
+    flex: 1,
+    paddingVertical: SPACING[500],
+    paddingHorizontal: SPACING[700]
+  }
+});
+//# sourceMappingURL=FluencyTeacherDrawer.js.map

package/dist/module/features/fluency-teacher/components/drawer/FluencyTeacherDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","Animated","Modal","Pressable","ScrollView","StyleSheet","View","useUnit","COLORS","SHADOWS","SPACING","DrawerHeader","DrawerStats","DrawerMatrixes","useTeacherFluency","DrawerMasteryLegend","jsx","_jsx","jsxs","_jsxs","DRAWER_WIDTH","BACKDROP_COLOR","backdropOpacity","Value","drawerTranslateX","FluencyTeacherDrawer","model","student","table","$studentInfoDrawer","isVisible","parallel","timing","toValue","duration","useNativeDriver","start","closeDrawer","setStudentInfoDrawer","visible","transparent","animationType","onRequestClose","children","style","styles","root","backdrop","opacity","absoluteFill","onPress","drawer","transform","translateX","onClose","content","scores","showsVerticalScrollIndicator","create","flex","absoluteFillObject","backgroundColor","position","top","right","bottom","width","NEUTRAL_1","paddingVertical","paddingHorizontal"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/drawer/FluencyTeacherDrawer.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/fluency-teacher/components/header/AverageTimePerStudent.js

@@ -0,0 +1,129 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { BORDER_RADIUS, COLORS, FONT_FAMILY, HeadingVariants, SHADOWS, SPACING, TimerIcon, Typography } from '@magmamath/react-native-ui';
+import { useTeacherFluency } from "../../context/TeacherFluencyContext.js";
+import { useUnit } from 'effector-react';
+import { TEACHER_FLUENCY_GOAL_MINUTES } from "../../fluencyTeacher.constants.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const AverageTimePerStudent = () => {
+  const {
+    model
+  } = useTeacherFluency();
+  const data = useUnit(model.table.$stats);
+  const students = data?.students ?? [];
+  const totalWeeklyMs = students.reduce((sum, {
+    weeklyTimeMs
+  }) => sum + weeklyTimeMs, 0);
+  const currentMinutes = students.length > 0 ? Math.round(totalWeeklyMs / students.length / 60000) : 0;
+  const fillPercent = Math.min(currentMinutes / TEACHER_FLUENCY_GOAL_MINUTES, 1);
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    testID: "average-time-per-student",
+    children: [/*#__PURE__*/_jsx(View, {
+      style: styles.accentBar
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.content,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.header,
+        children: [/*#__PURE__*/_jsx(TimerIcon, {
+          size: 16,
+          color: COLORS.PRIMARY_PURPLE
+        }), /*#__PURE__*/_jsx(Typography, {
+          variant: HeadingVariants.H9,
+          style: styles.title,
+          children: "Avg Time / Student"
+        })]
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.divider
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.data,
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: styles.time,
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: styles.bigNumber,
+            children: currentMinutes
+          }), /*#__PURE__*/_jsxs(Typography, {
+            variant: HeadingVariants.H2,
+            style: styles.goalText,
+            children: ["/ ", TEACHER_FLUENCY_GOAL_MINUTES, " min goal"]
+          })]
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.progressTrack,
+          children: /*#__PURE__*/_jsx(View, {
+            style: [styles.progressFill, {
+              width: `${fillPercent * 100}%`
+            }]
+          })
+        })]
+      })]
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    width: 282,
+    height: 170,
+    flexDirection: 'row',
+    borderRadius: BORDER_RADIUS[300],
+    overflow: 'hidden',
+    ...SHADOWS[1]
+  },
+  accentBar: {
+    width: 6,
+    backgroundColor: COLORS.PRIMARY_PURPLE
+  },
+  content: {
+    flex: 1,
+    backgroundColor: COLORS.NEUTRAL_1,
+    padding: SPACING[200],
+    gap: SPACING[100]
+  },
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: SPACING[200],
+    padding: SPACING[100]
+  },
+  title: {
+    flex: 1,
+    color: COLORS.NEUTRAL_6
+  },
+  divider: {
+    height: 1,
+    backgroundColor: COLORS.NEUTRAL_3
+  },
+  data: {
+    flex: 1,
+    justifyContent: 'flex-end',
+    gap: SPACING[200]
+  },
+  time: {
+    flexDirection: 'row',
+    alignItems: 'flex-end',
+    gap: SPACING[200],
+    padding: SPACING[100]
+  },
+  bigNumber: {
+    fontFamily: FONT_FAMILY.buenosAiresBold,
+    fontSize: 64,
+    lineHeight: 64,
+    color: COLORS.PRIMARY_PURPLE
+  },
+  goalText: {
+    color: COLORS.NEUTRAL_6
+  },
+  progressTrack: {
+    height: 26,
+    backgroundColor: COLORS.NEUTRAL_3,
+    borderRadius: 36,
+    overflow: 'hidden'
+  },
+  progressFill: {
+    height: '100%',
+    backgroundColor: COLORS.PRIMARY_PURPLE,
+    borderRadius: 36
+  }
+});
+//# sourceMappingURL=AverageTimePerStudent.js.map

package/dist/module/features/fluency-teacher/components/header/AverageTimePerStudent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Text","View","BORDER_RADIUS","COLORS","FONT_FAMILY","HeadingVariants","SHADOWS","SPACING","TimerIcon","Typography","useTeacherFluency","useUnit","TEACHER_FLUENCY_GOAL_MINUTES","jsx","_jsx","jsxs","_jsxs","AverageTimePerStudent","model","data","table","$stats","students","totalWeeklyMs","reduce","sum","weeklyTimeMs","currentMinutes","length","Math","round","fillPercent","min","style","styles","container","testID","children","accentBar","content","header","size","color","PRIMARY_PURPLE","variant","H9","title","divider","time","bigNumber","H2","goalText","progressTrack","progressFill","width","create","height","flexDirection","borderRadius","overflow","backgroundColor","flex","NEUTRAL_1","padding","gap","alignItems","NEUTRAL_6","NEUTRAL_3","justifyContent","fontFamily","buenosAiresBold","fontSize","lineHeight"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/header/AverageTimePerStudent.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/fluency-teacher/components/header/FluencyTeacherHeader.js

@@ -0,0 +1,29 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { COLORS, HeadingVariants, SPACING, Typography } from '@magmamath/react-native-ui';
+import { AverageTimePerStudent } from "./AverageTimePerStudent.js";
+import { TopHardestFacts } from "./TopHardestFacts.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const FluencyTeacherHeader = () => /*#__PURE__*/_jsxs(View, {
+  style: styles.container,
+  testID: "teacher-fluency-header",
+  children: [/*#__PURE__*/_jsx(Typography, {
+    variant: HeadingVariants.H2,
+    style: styles.title,
+    children: "Fact Fluency"
+  }), /*#__PURE__*/_jsx(TopHardestFacts, {}), /*#__PURE__*/_jsx(AverageTimePerStudent, {})]
+});
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'flex-start',
+    gap: SPACING[400]
+  },
+  title: {
+    flex: 1,
+    color: COLORS.NEUTRAL_9
+  }
+});
+//# sourceMappingURL=FluencyTeacherHeader.js.map

package/dist/module/features/fluency-teacher/components/header/FluencyTeacherHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","COLORS","HeadingVariants","SPACING","Typography","AverageTimePerStudent","TopHardestFacts","jsx","_jsx","jsxs","_jsxs","FluencyTeacherHeader","style","styles","container","testID","children","variant","H2","title","create","flexDirection","alignItems","gap","flex","color","NEUTRAL_9"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/header/FluencyTeacherHeader.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,MAAM,EAAEC,eAAe,EAAEC,OAAO,EAAEC,UAAU,QAAQ,4BAA4B;AACzF,SAASC,qBAAqB,QAAQ,4BAAyB;AAC/D,SAASC,eAAe,QAAQ,sBAAmB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEnD,OAAO,MAAMC,oBAAoB,GAAGA,CAAA,kBAClCD,KAAA,CAACV,IAAI;EAACY,KAAK,EAAEC,MAAM,CAACC,SAAU;EAACC,MAAM,EAAC,wBAAwB;EAAAC,QAAA,gBAC5DR,IAAA,CAACJ,UAAU;IAACa,OAAO,EAAEf,eAAe,CAACgB,EAAG;IAACN,KAAK,EAAEC,MAAM,CAACM,KAAM;IAAAH,QAAA,EAAC;EAE9D,CAAY,CAAC,eAEbR,IAAA,CAACF,eAAe,IAAE,CAAC,eACnBE,IAAA,CAACH,qBAAqB,IAAE,CAAC;AAAA,CACrB,CACP;AAED,MAAMQ,MAAM,GAAGd,UAAU,CAACqB,MAAM,CAAC;EAC/BN,SAAS,EAAE;IACTO,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,YAAY;IACxBC,GAAG,EAAEpB,OAAO,CAAC,GAAG;EAClB,CAAC;EACDgB,KAAK,EAAE;IACLK,IAAI,EAAE,CAAC;IACPC,KAAK,EAAExB,MAAM,CAACyB;EAChB;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/fluency-teacher/components/header/HardestFact.js

@@ -0,0 +1,96 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { BORDER_RADIUS, COLORS, HeadingVariants, SPACING, Typography } from '@magmamath/react-native-ui';
+import { PersonIcon } from "../../assets/PersonIcon.js";
+import { FluencyMathOperatorSymbol, FluencyOperator } from "../../fluencyTeacher.types.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const OPERATOR_CONFIG = {
+  [FluencyOperator.ADDITION]: {
+    symbol: FluencyMathOperatorSymbol.ADDITION,
+    color: COLORS.PRIMARY_GREEN
+  },
+  [FluencyOperator.SUBTRACTION]: {
+    symbol: FluencyMathOperatorSymbol.SUBTRACTION,
+    color: COLORS.PRIMARY_ORANGE
+  },
+  [FluencyOperator.MULTIPLICATION]: {
+    symbol: FluencyMathOperatorSymbol.MULTIPLICATION,
+    color: COLORS.PRIMARY_BLUE
+  },
+  [FluencyOperator.DIVISION]: {
+    symbol: FluencyMathOperatorSymbol.DIVISION,
+    color: COLORS.PRIMARY_PURPLE
+  }
+};
+export const HardestFact = ({
+  symbol,
+  leftOperand,
+  rightOperand,
+  studentsCount
+}) => {
+  const {
+    symbol: mathOperatorSymbol,
+    color
+  } = OPERATOR_CONFIG[symbol];
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.equation,
+      children: [/*#__PURE__*/_jsx(Typography, {
+        variant: HeadingVariants.H3,
+        style: styles.operand,
+        children: leftOperand
+      }), /*#__PURE__*/_jsx(Typography, {
+        variant: HeadingVariants.H3,
+        style: [styles.operator, {
+          color
+        }],
+        children: mathOperatorSymbol
+      }), /*#__PURE__*/_jsx(Typography, {
+        variant: HeadingVariants.H3,
+        style: styles.operand,
+        children: rightOperand
+      })]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.studentCount,
+      children: [/*#__PURE__*/_jsx(Typography, {
+        variant: HeadingVariants.H3,
+        style: styles.count,
+        children: studentsCount
+      }), /*#__PURE__*/_jsx(PersonIcon, {
+        size: 16,
+        color: COLORS.PRIMARY_RED
+      })]
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    padding: SPACING[100],
+    borderRadius: BORDER_RADIUS[200]
+  },
+  equation: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    flex: 1,
+    gap: SPACING[100]
+  },
+  operand: {
+    color: COLORS.NEUTRAL_9
+  },
+  operator: {},
+  studentCount: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: SPACING[100]
+  },
+  count: {
+    color: COLORS.PRIMARY_RED
+  }
+});
+//# sourceMappingURL=HardestFact.js.map

package/dist/module/features/fluency-teacher/components/header/HardestFact.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","BORDER_RADIUS","COLORS","HeadingVariants","SPACING","Typography","PersonIcon","FluencyMathOperatorSymbol","FluencyOperator","jsx","_jsx","jsxs","_jsxs","OPERATOR_CONFIG","ADDITION","symbol","color","PRIMARY_GREEN","SUBTRACTION","PRIMARY_ORANGE","MULTIPLICATION","PRIMARY_BLUE","DIVISION","PRIMARY_PURPLE","HardestFact","leftOperand","rightOperand","studentsCount","mathOperatorSymbol","style","styles","container","children","equation","variant","H3","operand","operator","studentCount","count","size","PRIMARY_RED","create","flexDirection","alignItems","justifyContent","padding","borderRadius","flex","gap","NEUTRAL_9"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/header/HardestFact.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/fluency-teacher/components/header/TopHardestFacts.js

@@ -0,0 +1,93 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { useUnit } from 'effector-react';
+import { BORDER_RADIUS, COLORS, HeadingVariants, InfoIcon, SHADOWS, SPACING, Typography } from '@magmamath/react-native-ui';
+import { useTeacherFluency } from "../../context/TeacherFluencyContext.js";
+import { HardestFact } from "./HardestFact.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const TopHardestFacts = () => {
+  const {
+    model
+  } = useTeacherFluency();
+  const stats = useUnit(model.table.$stats);
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    testID: "top-hardest-facts",
+    children: [/*#__PURE__*/_jsx(View, {
+      style: styles.accentBar
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.content,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.header,
+        children: [/*#__PURE__*/_jsx(InfoIcon, {
+          size: 16,
+          color: COLORS.PRIMARY_RED
+        }), /*#__PURE__*/_jsx(Typography, {
+          variant: HeadingVariants.H9,
+          style: styles.title,
+          children: "Top 3 Hardest Facts"
+        })]
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.divider
+      }), stats?.hardestFacts?.length ? stats.hardestFacts.map(fact => /*#__PURE__*/_jsx(HardestFact, {
+        symbol: fact.operator,
+        leftOperand: fact.numbers[0],
+        rightOperand: fact.numbers[1],
+        studentsCount: fact.strugglingStudentIds.length
+      }, fact.factId)) : /*#__PURE__*/_jsx(View, {
+        style: styles.empty,
+        children: /*#__PURE__*/_jsx(Typography, {
+          variant: HeadingVariants.H9,
+          style: styles.emptyText,
+          children: "No hardest facts yet"
+        })
+      })]
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    width: 282,
+    height: 170,
+    flexDirection: 'row',
+    borderRadius: BORDER_RADIUS[300],
+    overflow: 'hidden',
+    ...SHADOWS[1]
+  },
+  accentBar: {
+    width: 6,
+    backgroundColor: COLORS.PRIMARY_RED
+  },
+  content: {
+    flex: 1,
+    backgroundColor: COLORS.NEUTRAL_1,
+    padding: SPACING[200],
+    gap: SPACING[100]
+  },
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: SPACING[200],
+    padding: SPACING[100]
+  },
+  title: {
+    flex: 1,
+    color: COLORS.NEUTRAL_6
+  },
+  divider: {
+    height: 1,
+    backgroundColor: COLORS.NEUTRAL_3
+  },
+  empty: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  emptyText: {
+    color: COLORS.NEUTRAL_6,
+    textAlign: 'center'
+  }
+});
+//# sourceMappingURL=TopHardestFacts.js.map

package/dist/module/features/fluency-teacher/components/header/TopHardestFacts.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","useUnit","BORDER_RADIUS","COLORS","HeadingVariants","InfoIcon","SHADOWS","SPACING","Typography","useTeacherFluency","HardestFact","jsx","_jsx","jsxs","_jsxs","TopHardestFacts","model","stats","table","$stats","style","styles","container","testID","children","accentBar","content","header","size","color","PRIMARY_RED","variant","H9","title","divider","hardestFacts","length","map","fact","symbol","operator","leftOperand","numbers","rightOperand","studentsCount","strugglingStudentIds","factId","empty","emptyText","create","width","height","flexDirection","borderRadius","overflow","backgroundColor","flex","NEUTRAL_1","padding","gap","alignItems","NEUTRAL_6","NEUTRAL_3","justifyContent","textAlign"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/header/TopHardestFacts.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/fluency-teacher/components/matrix/DrawerMatrix.js

@@ -0,0 +1,44 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { MatrixHeaderRow } from "./MatrixHeaderRow.js";
+import { MatrixRow } from "./MatrixRow.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const DrawerMatrix = ({
+  grid,
+  cellSize,
+  fontSize,
+  borderRadius,
+  cellColorMap,
+  onLayout
+}) => /*#__PURE__*/_jsx(View, {
+  style: styles.container,
+  onLayout: onLayout,
+  children: grid && cellSize > 0 && /*#__PURE__*/_jsxs(View, {
+    style: styles.grid,
+    children: [/*#__PURE__*/_jsx(MatrixHeaderRow, {
+      colLabels: grid.colLabels,
+      cellSize: cellSize,
+      fontSize: fontSize
+    }), grid.rows.map(row => /*#__PURE__*/_jsx(MatrixRow, {
+      label: row.label,
+      cells: row.cells,
+      cellSize: cellSize,
+      borderRadius: borderRadius,
+      colorMap: cellColorMap,
+      fontSize: fontSize
+    }, row.label))]
+  })
+});
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  grid: {
+    gap: 2
+  }
+});
+//# sourceMappingURL=DrawerMatrix.js.map

package/dist/module/features/fluency-teacher/components/matrix/DrawerMatrix.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","MatrixHeaderRow","MatrixRow","jsx","_jsx","jsxs","_jsxs","DrawerMatrix","grid","cellSize","fontSize","borderRadius","cellColorMap","onLayout","style","styles","container","children","colLabels","rows","map","row","label","cells","colorMap","create","flex","alignItems","justifyContent","gap"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/matrix/DrawerMatrix.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,SAASC,eAAe,QAAQ,sBAAmB;AACnD,SAASC,SAAS,QAAQ,gBAAa;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAYvC,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAC3BC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC,YAAY;EACZC,YAAY;EACZC;AACiB,CAAC,kBAClBT,IAAA,CAACJ,IAAI;EAACc,KAAK,EAAEC,MAAM,CAACC,SAAU;EAACH,QAAQ,EAAEA,QAAS;EAAAI,QAAA,EAC/CT,IAAI,IAAIC,QAAQ,GAAG,CAAC,iBACnBH,KAAA,CAACN,IAAI;IAACc,KAAK,EAAEC,MAAM,CAACP,IAAK;IAAAS,QAAA,gBACvBb,IAAA,CAACH,eAAe;MAACiB,SAAS,EAAEV,IAAI,CAACU,SAAU;MAACT,QAAQ,EAAEA,QAAS;MAACC,QAAQ,EAAEA;IAAS,CAAE,CAAC,EACrFF,IAAI,CAACW,IAAI,CAACC,GAAG,CAAEC,GAAG,iBACjBjB,IAAA,CAACF,SAAS;MAERoB,KAAK,EAAED,GAAG,CAACC,KAAM;MACjBC,KAAK,EAAEF,GAAG,CAACE,KAAM;MACjBd,QAAQ,EAAEA,QAAS;MACnBE,YAAY,EAAEA,YAAa;MAC3Ba,QAAQ,EAAEZ,YAAa;MACvBF,QAAQ,EAAEA;IAAS,GANdW,GAAG,CAACC,KAOV,CACF,CAAC;EAAA,CACE;AACP,CACG,CACP;AAED,MAAMP,MAAM,GAAGhB,UAAU,CAAC0B,MAAM,CAAC;EAC/BT,SAAS,EAAE;IACTU,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDpB,IAAI,EAAE;IACJqB,GAAG,EAAE;EACP;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/fluency-teacher/components/matrix/MatrixCell.js

@@ -0,0 +1,42 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { COLORS, FONT_FAMILY } from '@magmamath/react-native-ui';
+import { getCellColor } from "../../fluencyTeacher.helpers.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const MatrixCell = ({
+  box,
+  isEmpty,
+  cellSize,
+  borderRadius,
+  colorMap,
+  fontSize
+}) => /*#__PURE__*/_jsx(View, {
+  style: [styles.cell, {
+    width: cellSize,
+    height: cellSize,
+    borderRadius
+  }, {
+    backgroundColor: isEmpty ? 'transparent' : getCellColor(box, colorMap)
+  }],
+  children: isEmpty && /*#__PURE__*/_jsx(Text, {
+    style: [styles.label, {
+      fontSize
+    }],
+    children: "-"
+  })
+});
+const styles = StyleSheet.create({
+  cell: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  label: {
+    color: COLORS.NEUTRAL_7,
+    fontFamily: FONT_FAMILY.buenosAires,
+    fontWeight: '600',
+    textAlign: 'center'
+  }
+});
+//# sourceMappingURL=MatrixCell.js.map

package/dist/module/features/fluency-teacher/components/matrix/MatrixCell.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Text","View","COLORS","FONT_FAMILY","getCellColor","jsx","_jsx","MatrixCell","box","isEmpty","cellSize","borderRadius","colorMap","fontSize","style","styles","cell","width","height","backgroundColor","children","label","create","alignItems","justifyContent","color","NEUTRAL_7","fontFamily","buenosAires","fontWeight","textAlign"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/matrix/MatrixCell.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACrD,SAASC,MAAM,EAAEC,WAAW,QAAQ,4BAA4B;AAChE,SAASC,YAAY,QAAQ,iCAA8B;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAW3D,OAAO,MAAMC,UAAU,GAAGA,CAAC;EAAEC,GAAG;EAAEC,OAAO;EAAEC,QAAQ;EAAEC,YAAY;EAAEC,QAAQ;EAAEC;AAA0B,CAAC,kBACtGP,IAAA,CAACL,IAAI;EACHa,KAAK,EAAE,CACLC,MAAM,CAACC,IAAI,EACX;IAAEC,KAAK,EAAEP,QAAQ;IAAEQ,MAAM,EAAER,QAAQ;IAAEC;EAAa,CAAC,EACnD;IAAEQ,eAAe,EAAEV,OAAO,GAAG,aAAa,GAAGL,YAAY,CAACI,GAAG,EAAEI,QAAQ;EAAE,CAAC,CAC1E;EAAAQ,QAAA,EAEDX,OAAO,iBAAIH,IAAA,CAACN,IAAI;IAACc,KAAK,EAAE,CAACC,MAAM,CAACM,KAAK,EAAE;MAAER;IAAS,CAAC,CAAE;IAAAO,QAAA,EAAC;EAAC,CAAM;AAAC,CAC3D,CACP;AAED,MAAML,MAAM,GAAGhB,UAAU,CAACuB,MAAM,CAAC;EAC/BN,IAAI,EAAE;IACJO,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDH,KAAK,EAAE;IACLI,KAAK,EAAEvB,MAAM,CAACwB,SAAS;IACvBC,UAAU,EAAExB,WAAW,CAACyB,WAAW;IACnCC,UAAU,EAAE,KAAK;IACjBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/fluency-teacher/components/matrix/MatrixHeaderRow.js

@@ -0,0 +1,47 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { COLORS, FONT_FAMILY } from '@magmamath/react-native-ui';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const MatrixHeaderRow = ({
+  colLabels,
+  cellSize,
+  fontSize
+}) => /*#__PURE__*/_jsxs(View, {
+  style: styles.row,
+  children: [/*#__PURE__*/_jsx(View, {
+    style: {
+      width: cellSize,
+      height: cellSize
+    }
+  }), colLabels.map(col => /*#__PURE__*/_jsx(View, {
+    style: [styles.labelCell, {
+      width: cellSize,
+      height: cellSize
+    }],
+    children: /*#__PURE__*/_jsx(Text, {
+      style: [styles.label, {
+        fontSize
+      }],
+      children: col
+    })
+  }, col))]
+});
+const styles = StyleSheet.create({
+  row: {
+    flexDirection: 'row',
+    gap: 2
+  },
+  labelCell: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  label: {
+    color: COLORS.NEUTRAL_7,
+    fontFamily: FONT_FAMILY.buenosAires,
+    fontWeight: '600',
+    textAlign: 'center'
+  }
+});
+//# sourceMappingURL=MatrixHeaderRow.js.map

package/dist/module/features/fluency-teacher/components/matrix/MatrixHeaderRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Text","View","COLORS","FONT_FAMILY","jsx","_jsx","jsxs","_jsxs","MatrixHeaderRow","colLabels","cellSize","fontSize","style","styles","row","children","width","height","map","col","labelCell","label","create","flexDirection","gap","alignItems","justifyContent","color","NEUTRAL_7","fontFamily","buenosAires","fontWeight","textAlign"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/matrix/MatrixHeaderRow.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACrD,SAASC,MAAM,EAAEC,WAAW,QAAQ,4BAA4B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQhE,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAAEC,SAAS;EAAEC,QAAQ;EAAEC;AAA+B,CAAC,kBACrFJ,KAAA,CAACN,IAAI;EAACW,KAAK,EAAEC,MAAM,CAACC,GAAI;EAAAC,QAAA,gBACtBV,IAAA,CAACJ,IAAI;IAACW,KAAK,EAAE;MAAEI,KAAK,EAAEN,QAAQ;MAAEO,MAAM,EAAEP;IAAS;EAAE,CAAE,CAAC,EACrDD,SAAS,CAACS,GAAG,CAAEC,GAAG,iBACjBd,IAAA,CAACJ,IAAI;IAAWW,KAAK,EAAE,CAACC,MAAM,CAACO,SAAS,EAAE;MAAEJ,KAAK,EAAEN,QAAQ;MAAEO,MAAM,EAAEP;IAAS,CAAC,CAAE;IAAAK,QAAA,eAC/EV,IAAA,CAACL,IAAI;MAACY,KAAK,EAAE,CAACC,MAAM,CAACQ,KAAK,EAAE;QAAEV;MAAS,CAAC,CAAE;MAAAI,QAAA,EAAEI;IAAG,CAAO;EAAC,GAD9CA,GAEL,CACP,CAAC;AAAA,CACE,CACP;AAED,MAAMN,MAAM,GAAGd,UAAU,CAACuB,MAAM,CAAC;EAC/BR,GAAG,EAAE;IACHS,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAE;EACP,CAAC;EACDJ,SAAS,EAAE;IACTK,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDL,KAAK,EAAE;IACLM,KAAK,EAAEzB,MAAM,CAAC0B,SAAS;IACvBC,UAAU,EAAE1B,WAAW,CAAC2B,WAAW;IACnCC,UAAU,EAAE,KAAK;IACjBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}