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

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

@@ -0,0 +1,135 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AverageTimePerStudent = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _TeacherFluencyContext = require("../../context/TeacherFluencyContext.js");
+var _effectorReact = require("effector-react");
+var _fluencyTeacherConstants = require("../../fluencyTeacher.constants.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const AverageTimePerStudent = () => {
+  const {
+    model
+  } = (0, _TeacherFluencyContext.useTeacherFluency)();
+  const data = (0, _effectorReact.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 / _fluencyTeacherConstants.TEACHER_FLUENCY_GOAL_MINUTES, 1);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    testID: "average-time-per-student",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.accentBar
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.content,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.header,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.TimerIcon, {
+          size: 16,
+          color: _reactNativeUi.COLORS.PRIMARY_PURPLE
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+          variant: _reactNativeUi.HeadingVariants.H9,
+          style: styles.title,
+          children: "Avg Time / Student"
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.divider
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.data,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.time,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.bigNumber,
+            children: currentMinutes
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeUi.Typography, {
+            variant: _reactNativeUi.HeadingVariants.H2,
+            style: styles.goalText,
+            children: ["/ ", _fluencyTeacherConstants.TEACHER_FLUENCY_GOAL_MINUTES, " min goal"]
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.progressTrack,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: [styles.progressFill, {
+              width: `${fillPercent * 100}%`
+            }]
+          })
+        })]
+      })]
+    })]
+  });
+};
+exports.AverageTimePerStudent = AverageTimePerStudent;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    width: 282,
+    height: 170,
+    flexDirection: 'row',
+    borderRadius: _reactNativeUi.BORDER_RADIUS[300],
+    overflow: 'hidden',
+    ..._reactNativeUi.SHADOWS[1]
+  },
+  accentBar: {
+    width: 6,
+    backgroundColor: _reactNativeUi.COLORS.PRIMARY_PURPLE
+  },
+  content: {
+    flex: 1,
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    padding: _reactNativeUi.SPACING[200],
+    gap: _reactNativeUi.SPACING[100]
+  },
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: _reactNativeUi.SPACING[200],
+    padding: _reactNativeUi.SPACING[100]
+  },
+  title: {
+    flex: 1,
+    color: _reactNativeUi.COLORS.NEUTRAL_6
+  },
+  divider: {
+    height: 1,
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_3
+  },
+  data: {
+    flex: 1,
+    justifyContent: 'flex-end',
+    gap: _reactNativeUi.SPACING[200]
+  },
+  time: {
+    flexDirection: 'row',
+    alignItems: 'flex-end',
+    gap: _reactNativeUi.SPACING[200],
+    padding: _reactNativeUi.SPACING[100]
+  },
+  bigNumber: {
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAiresBold,
+    fontSize: 64,
+    lineHeight: 64,
+    color: _reactNativeUi.COLORS.PRIMARY_PURPLE
+  },
+  goalText: {
+    color: _reactNativeUi.COLORS.NEUTRAL_6
+  },
+  progressTrack: {
+    height: 26,
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_3,
+    borderRadius: 36,
+    overflow: 'hidden'
+  },
+  progressFill: {
+    height: '100%',
+    backgroundColor: _reactNativeUi.COLORS.PRIMARY_PURPLE,
+    borderRadius: 36
+  }
+});
+//# sourceMappingURL=AverageTimePerStudent.js.map

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

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

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

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FluencyTeacherHeader = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _AverageTimePerStudent = require("./AverageTimePerStudent.js");
+var _TopHardestFacts = require("./TopHardestFacts.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const FluencyTeacherHeader = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+  style: styles.container,
+  testID: "teacher-fluency-header",
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+    variant: _reactNativeUi.HeadingVariants.H2,
+    style: styles.title,
+    children: "Fact Fluency"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TopHardestFacts.TopHardestFacts, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_AverageTimePerStudent.AverageTimePerStudent, {})]
+});
+exports.FluencyTeacherHeader = FluencyTeacherHeader;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'flex-start',
+    gap: _reactNativeUi.SPACING[400]
+  },
+  title: {
+    flex: 1,
+    color: _reactNativeUi.COLORS.NEUTRAL_9
+  }
+});
+//# sourceMappingURL=FluencyTeacherHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_AverageTimePerStudent","_TopHardestFacts","_jsxRuntime","e","__esModule","default","FluencyTeacherHeader","jsxs","View","style","styles","container","testID","children","jsx","Typography","variant","HeadingVariants","H2","title","TopHardestFacts","AverageTimePerStudent","exports","StyleSheet","create","flexDirection","alignItems","gap","SPACING","flex","color","COLORS","NEUTRAL_9"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/header/FluencyTeacherHeader.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,sBAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AAAmD,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE5C,MAAMG,oBAAoB,GAAGA,CAAA,kBAClC,IAAAJ,WAAA,CAAAK,IAAA,EAACT,YAAA,CAAAU,IAAI;EAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;EAACC,MAAM,EAAC,wBAAwB;EAAAC,QAAA,gBAC5D,IAAAX,WAAA,CAAAY,GAAA,EAACf,cAAA,CAAAgB,UAAU;IAACC,OAAO,EAAEC,8BAAe,CAACC,EAAG;IAACT,KAAK,EAAEC,MAAM,CAACS,KAAM;IAAAN,QAAA,EAAC;EAE9D,CAAY,CAAC,eAEb,IAAAX,WAAA,CAAAY,GAAA,EAACb,gBAAA,CAAAmB,eAAe,IAAE,CAAC,eACnB,IAAAlB,WAAA,CAAAY,GAAA,EAACd,sBAAA,CAAAqB,qBAAqB,IAAE,CAAC;AAAA,CACrB,CACP;AAAAC,OAAA,CAAAhB,oBAAA,GAAAA,oBAAA;AAED,MAAMI,MAAM,GAAGa,uBAAU,CAACC,MAAM,CAAC;EAC/Bb,SAAS,EAAE;IACTc,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,YAAY;IACxBC,GAAG,EAAEC,sBAAO,CAAC,GAAG;EAClB,CAAC;EACDT,KAAK,EAAE;IACLU,IAAI,EAAE,CAAC;IACPC,KAAK,EAAEC,qBAAM,CAACC;EAChB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,102 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HardestFact = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _PersonIcon = require("../../assets/PersonIcon.js");
+var _fluencyTeacherTypes = require("../../fluencyTeacher.types.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const OPERATOR_CONFIG = {
+  [_fluencyTeacherTypes.FluencyOperator.ADDITION]: {
+    symbol: _fluencyTeacherTypes.FluencyMathOperatorSymbol.ADDITION,
+    color: _reactNativeUi.COLORS.PRIMARY_GREEN
+  },
+  [_fluencyTeacherTypes.FluencyOperator.SUBTRACTION]: {
+    symbol: _fluencyTeacherTypes.FluencyMathOperatorSymbol.SUBTRACTION,
+    color: _reactNativeUi.COLORS.PRIMARY_ORANGE
+  },
+  [_fluencyTeacherTypes.FluencyOperator.MULTIPLICATION]: {
+    symbol: _fluencyTeacherTypes.FluencyMathOperatorSymbol.MULTIPLICATION,
+    color: _reactNativeUi.COLORS.PRIMARY_BLUE
+  },
+  [_fluencyTeacherTypes.FluencyOperator.DIVISION]: {
+    symbol: _fluencyTeacherTypes.FluencyMathOperatorSymbol.DIVISION,
+    color: _reactNativeUi.COLORS.PRIMARY_PURPLE
+  }
+};
+const HardestFact = ({
+  symbol,
+  leftOperand,
+  rightOperand,
+  studentsCount
+}) => {
+  const {
+    symbol: mathOperatorSymbol,
+    color
+  } = OPERATOR_CONFIG[symbol];
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.equation,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+        variant: _reactNativeUi.HeadingVariants.H3,
+        style: styles.operand,
+        children: leftOperand
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+        variant: _reactNativeUi.HeadingVariants.H3,
+        style: [styles.operator, {
+          color
+        }],
+        children: mathOperatorSymbol
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+        variant: _reactNativeUi.HeadingVariants.H3,
+        style: styles.operand,
+        children: rightOperand
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.studentCount,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+        variant: _reactNativeUi.HeadingVariants.H3,
+        style: styles.count,
+        children: studentsCount
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PersonIcon.PersonIcon, {
+        size: 16,
+        color: _reactNativeUi.COLORS.PRIMARY_RED
+      })]
+    })]
+  });
+};
+exports.HardestFact = HardestFact;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    padding: _reactNativeUi.SPACING[100],
+    borderRadius: _reactNativeUi.BORDER_RADIUS[200]
+  },
+  equation: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    flex: 1,
+    gap: _reactNativeUi.SPACING[100]
+  },
+  operand: {
+    color: _reactNativeUi.COLORS.NEUTRAL_9
+  },
+  operator: {},
+  studentCount: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: _reactNativeUi.SPACING[100]
+  },
+  count: {
+    color: _reactNativeUi.COLORS.PRIMARY_RED
+  }
+});
+//# sourceMappingURL=HardestFact.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_effectorReact","_reactNativeUi","_TeacherFluencyContext","_HardestFact","_jsxRuntime","e","__esModule","default","TopHardestFacts","model","useTeacherFluency","stats","useUnit","table","$stats","jsxs","View","style","styles","container","testID","children","jsx","accentBar","content","header","InfoIcon","size","color","COLORS","PRIMARY_RED","Typography","variant","HeadingVariants","H9","title","divider","hardestFacts","length","map","fact","HardestFact","symbol","operator","leftOperand","numbers","rightOperand","studentsCount","strugglingStudentIds","factId","empty","emptyText","exports","StyleSheet","create","width","height","flexDirection","borderRadius","BORDER_RADIUS","overflow","SHADOWS","backgroundColor","flex","NEUTRAL_1","padding","SPACING","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/commonjs/features/fluency-teacher/components/matrix/DrawerMatrix.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DrawerMatrix = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _MatrixHeaderRow = require("./MatrixHeaderRow.js");
+var _MatrixRow = require("./MatrixRow.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const DrawerMatrix = ({
+  grid,
+  cellSize,
+  fontSize,
+  borderRadius,
+  cellColorMap,
+  onLayout
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+  style: styles.container,
+  onLayout: onLayout,
+  children: grid && cellSize > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.grid,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_MatrixHeaderRow.MatrixHeaderRow, {
+      colLabels: grid.colLabels,
+      cellSize: cellSize,
+      fontSize: fontSize
+    }), grid.rows.map(row => /*#__PURE__*/(0, _jsxRuntime.jsx)(_MatrixRow.MatrixRow, {
+      label: row.label,
+      cells: row.cells,
+      cellSize: cellSize,
+      borderRadius: borderRadius,
+      colorMap: cellColorMap,
+      fontSize: fontSize
+    }, row.label))]
+  })
+});
+exports.DrawerMatrix = DrawerMatrix;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  grid: {
+    gap: 2
+  }
+});
+//# sourceMappingURL=DrawerMatrix.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_MatrixHeaderRow","_MatrixRow","_jsxRuntime","e","__esModule","default","DrawerMatrix","grid","cellSize","fontSize","borderRadius","cellColorMap","onLayout","jsx","View","style","styles","container","children","jsxs","MatrixHeaderRow","colLabels","rows","map","row","MatrixRow","label","cells","colorMap","exports","StyleSheet","create","flex","alignItems","justifyContent","gap"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/matrix/DrawerMatrix.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,gBAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAAuC,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAYhC,MAAMG,YAAY,GAAGA,CAAC;EAC3BC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC,YAAY;EACZC,YAAY;EACZC;AACiB,CAAC,kBAClB,IAAAV,WAAA,CAAAW,GAAA,EAACd,YAAA,CAAAe,IAAI;EAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;EAACL,QAAQ,EAAEA,QAAS;EAAAM,QAAA,EAC/CX,IAAI,IAAIC,QAAQ,GAAG,CAAC,iBACnB,IAAAN,WAAA,CAAAiB,IAAA,EAACpB,YAAA,CAAAe,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACT,IAAK;IAAAW,QAAA,gBACvB,IAAAhB,WAAA,CAAAW,GAAA,EAACb,gBAAA,CAAAoB,eAAe;MAACC,SAAS,EAAEd,IAAI,CAACc,SAAU;MAACb,QAAQ,EAAEA,QAAS;MAACC,QAAQ,EAAEA;IAAS,CAAE,CAAC,EACrFF,IAAI,CAACe,IAAI,CAACC,GAAG,CAAEC,GAAG,iBACjB,IAAAtB,WAAA,CAAAW,GAAA,EAACZ,UAAA,CAAAwB,SAAS;MAERC,KAAK,EAAEF,GAAG,CAACE,KAAM;MACjBC,KAAK,EAAEH,GAAG,CAACG,KAAM;MACjBnB,QAAQ,EAAEA,QAAS;MACnBE,YAAY,EAAEA,YAAa;MAC3BkB,QAAQ,EAAEjB,YAAa;MACvBF,QAAQ,EAAEA;IAAS,GANde,GAAG,CAACE,KAOV,CACF,CAAC;EAAA,CACE;AACP,CACG,CACP;AAAAG,OAAA,CAAAvB,YAAA,GAAAA,YAAA;AAED,MAAMU,MAAM,GAAGc,uBAAU,CAACC,MAAM,CAAC;EAC/Bd,SAAS,EAAE;IACTe,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACD3B,IAAI,EAAE;IACJ4B,GAAG,EAAE;EACP;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MatrixCell = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _fluencyTeacherHelpers = require("../../fluencyTeacher.helpers.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const MatrixCell = ({
+  box,
+  isEmpty,
+  cellSize,
+  borderRadius,
+  colorMap,
+  fontSize
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+  style: [styles.cell, {
+    width: cellSize,
+    height: cellSize,
+    borderRadius
+  }, {
+    backgroundColor: isEmpty ? 'transparent' : (0, _fluencyTeacherHelpers.getCellColor)(box, colorMap)
+  }],
+  children: isEmpty && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+    style: [styles.label, {
+      fontSize
+    }],
+    children: "-"
+  })
+});
+exports.MatrixCell = MatrixCell;
+const styles = _reactNative.StyleSheet.create({
+  cell: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  label: {
+    color: _reactNativeUi.COLORS.NEUTRAL_7,
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires,
+    fontWeight: '600',
+    textAlign: 'center'
+  }
+});
+//# sourceMappingURL=MatrixCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_fluencyTeacherHelpers","_jsxRuntime","e","__esModule","default","MatrixCell","box","isEmpty","cellSize","borderRadius","colorMap","fontSize","jsx","View","style","styles","cell","width","height","backgroundColor","getCellColor","children","Text","label","exports","StyleSheet","create","alignItems","justifyContent","color","COLORS","NEUTRAL_7","fontFamily","FONT_FAMILY","buenosAires","fontWeight","textAlign"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/matrix/MatrixCell.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,sBAAA,GAAAH,OAAA;AAA2D,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAWpD,MAAMG,UAAU,GAAGA,CAAC;EAAEC,GAAG;EAAEC,OAAO;EAAEC,QAAQ;EAAEC,YAAY;EAAEC,QAAQ;EAAEC;AAA0B,CAAC,kBACtG,IAAAV,WAAA,CAAAW,GAAA,EAACd,YAAA,CAAAe,IAAI;EACHC,KAAK,EAAE,CACLC,MAAM,CAACC,IAAI,EACX;IAAEC,KAAK,EAAET,QAAQ;IAAEU,MAAM,EAAEV,QAAQ;IAAEC;EAAa,CAAC,EACnD;IAAEU,eAAe,EAAEZ,OAAO,GAAG,aAAa,GAAG,IAAAa,mCAAY,EAACd,GAAG,EAAEI,QAAQ;EAAE,CAAC,CAC1E;EAAAW,QAAA,EAEDd,OAAO,iBAAI,IAAAN,WAAA,CAAAW,GAAA,EAACd,YAAA,CAAAwB,IAAI;IAACR,KAAK,EAAE,CAACC,MAAM,CAACQ,KAAK,EAAE;MAAEZ;IAAS,CAAC,CAAE;IAAAU,QAAA,EAAC;EAAC,CAAM;AAAC,CAC3D,CACP;AAAAG,OAAA,CAAAnB,UAAA,GAAAA,UAAA;AAED,MAAMU,MAAM,GAAGU,uBAAU,CAACC,MAAM,CAAC;EAC/BV,IAAI,EAAE;IACJW,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDL,KAAK,EAAE;IACLM,KAAK,EAAEC,qBAAM,CAACC,SAAS;IACvBC,UAAU,EAAEC,0BAAW,CAACC,WAAW;IACnCC,UAAU,EAAE,KAAK;IACjBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MatrixHeaderRow = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const MatrixHeaderRow = ({
+  colLabels,
+  cellSize,
+  fontSize
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+  style: styles.row,
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      width: cellSize,
+      height: cellSize
+    }
+  }), colLabels.map(col => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.labelCell, {
+      width: cellSize,
+      height: cellSize
+    }],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.label, {
+        fontSize
+      }],
+      children: col
+    })
+  }, col))]
+});
+exports.MatrixHeaderRow = MatrixHeaderRow;
+const styles = _reactNative.StyleSheet.create({
+  row: {
+    flexDirection: 'row',
+    gap: 2
+  },
+  labelCell: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  label: {
+    color: _reactNativeUi.COLORS.NEUTRAL_7,
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires,
+    fontWeight: '600',
+    textAlign: 'center'
+  }
+});
+//# sourceMappingURL=MatrixHeaderRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_jsxRuntime","e","__esModule","default","MatrixHeaderRow","colLabels","cellSize","fontSize","jsxs","View","style","styles","row","children","jsx","width","height","map","col","labelCell","Text","label","exports","StyleSheet","create","flexDirection","gap","alignItems","justifyContent","color","COLORS","NEUTRAL_7","fontFamily","FONT_FAMILY","buenosAires","fontWeight","textAlign"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/matrix/MatrixHeaderRow.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAAgE,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQzD,MAAMG,eAAe,GAAGA,CAAC;EAAEC,SAAS;EAAEC,QAAQ;EAAEC;AAA+B,CAAC,kBACrF,IAAAP,WAAA,CAAAQ,IAAA,EAACV,YAAA,CAAAW,IAAI;EAACC,KAAK,EAAEC,MAAM,CAACC,GAAI;EAAAC,QAAA,gBACtB,IAAAb,WAAA,CAAAc,GAAA,EAAChB,YAAA,CAAAW,IAAI;IAACC,KAAK,EAAE;MAAEK,KAAK,EAAET,QAAQ;MAAEU,MAAM,EAAEV;IAAS;EAAE,CAAE,CAAC,EACrDD,SAAS,CAACY,GAAG,CAAEC,GAAG,iBACjB,IAAAlB,WAAA,CAAAc,GAAA,EAAChB,YAAA,CAAAW,IAAI;IAAWC,KAAK,EAAE,CAACC,MAAM,CAACQ,SAAS,EAAE;MAAEJ,KAAK,EAAET,QAAQ;MAAEU,MAAM,EAAEV;IAAS,CAAC,CAAE;IAAAO,QAAA,eAC/E,IAAAb,WAAA,CAAAc,GAAA,EAAChB,YAAA,CAAAsB,IAAI;MAACV,KAAK,EAAE,CAACC,MAAM,CAACU,KAAK,EAAE;QAAEd;MAAS,CAAC,CAAE;MAAAM,QAAA,EAAEK;IAAG,CAAO;EAAC,GAD9CA,GAEL,CACP,CAAC;AAAA,CACE,CACP;AAAAI,OAAA,CAAAlB,eAAA,GAAAA,eAAA;AAED,MAAMO,MAAM,GAAGY,uBAAU,CAACC,MAAM,CAAC;EAC/BZ,GAAG,EAAE;IACHa,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAE;EACP,CAAC;EACDP,SAAS,EAAE;IACTQ,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDP,KAAK,EAAE;IACLQ,KAAK,EAAEC,qBAAM,CAACC,SAAS;IACvBC,UAAU,EAAEC,0BAAW,CAACC,WAAW;IACnCC,UAAU,EAAE,KAAK;IACjBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/commonjs/features/fluency-teacher/components/matrix/MatrixRow.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MatrixRow = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _MatrixCell = require("./MatrixCell.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const MatrixRow = ({
+  label,
+  cells,
+  cellSize,
+  borderRadius,
+  colorMap,
+  fontSize
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+  style: styles.row,
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.labelCell, {
+      width: cellSize,
+      height: cellSize
+    }],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.label, {
+        fontSize
+      }],
+      children: label
+    })
+  }), cells.map((cell, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_MatrixCell.MatrixCell, {
+    box: cell.box,
+    isEmpty: cell.isEmpty,
+    cellSize: cellSize,
+    borderRadius: borderRadius,
+    colorMap: colorMap,
+    fontSize: fontSize
+  }, i))]
+});
+exports.MatrixRow = MatrixRow;
+const styles = _reactNative.StyleSheet.create({
+  row: {
+    flexDirection: 'row',
+    gap: 2
+  },
+  labelCell: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  label: {
+    color: _reactNativeUi.COLORS.NEUTRAL_7,
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires,
+    fontWeight: '600',
+    textAlign: 'center'
+  }
+});
+//# sourceMappingURL=MatrixRow.js.map

package/dist/commonjs/features/fluency-teacher/components/matrix/MatrixRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_MatrixCell","_jsxRuntime","e","__esModule","default","MatrixRow","label","cells","cellSize","borderRadius","colorMap","fontSize","jsxs","View","style","styles","row","children","jsx","labelCell","width","height","Text","map","cell","i","MatrixCell","box","isEmpty","exports","StyleSheet","create","flexDirection","gap","alignItems","justifyContent","color","COLORS","NEUTRAL_7","fontFamily","FONT_FAMILY","buenosAires","fontWeight","textAlign"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/matrix/MatrixRow.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAAyC,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAYlC,MAAMG,SAAS,GAAGA,CAAC;EACxBC,KAAK;EACLC,KAAK;EACLC,QAAQ;EACRC,YAAY;EACZC,QAAQ;EACRC;AACc,CAAC,kBACf,IAAAV,WAAA,CAAAW,IAAA,EAACd,YAAA,CAAAe,IAAI;EAACC,KAAK,EAAEC,MAAM,CAACC,GAAI;EAAAC,QAAA,gBACtB,IAAAhB,WAAA,CAAAiB,GAAA,EAACpB,YAAA,CAAAe,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACI,SAAS,EAAE;MAAEC,KAAK,EAAEZ,QAAQ;MAAEa,MAAM,EAAEb;IAAS,CAAC,CAAE;IAAAS,QAAA,eACrE,IAAAhB,WAAA,CAAAiB,GAAA,EAACpB,YAAA,CAAAwB,IAAI;MAACR,KAAK,EAAE,CAACC,MAAM,CAACT,KAAK,EAAE;QAAEK;MAAS,CAAC,CAAE;MAAAM,QAAA,EAAEX;IAAK,CAAO;EAAC,CACrD,CAAC,EACNC,KAAK,CAACgB,GAAG,CAAC,CAACC,IAAI,EAAEC,CAAC,kBACjB,IAAAxB,WAAA,CAAAiB,GAAA,EAAClB,WAAA,CAAA0B,UAAU;IAETC,GAAG,EAAEH,IAAI,CAACG,GAAI;IACdC,OAAO,EAAEJ,IAAI,CAACI,OAAQ;IACtBpB,QAAQ,EAAEA,QAAS;IACnBC,YAAY,EAAEA,YAAa;IAC3BC,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA;EAAS,GANdc,CAON,CACF,CAAC;AAAA,CACE,CACP;AAAAI,OAAA,CAAAxB,SAAA,GAAAA,SAAA;AAED,MAAMU,MAAM,GAAGe,uBAAU,CAACC,MAAM,CAAC;EAC/Bf,GAAG,EAAE;IACHgB,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAE;EACP,CAAC;EACDd,SAAS,EAAE;IACTe,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACD7B,KAAK,EAAE;IACL8B,KAAK,EAAEC,qBAAM,CAACC,SAAS;IACvBC,UAAU,EAAEC,0BAAW,CAACC,WAAW;IACnCC,UAAU,EAAE,KAAK;IACjBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}