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

package/dist/commonjs/features/fluency-teacher/components/drawer/DrawerOperatorBox.js

@@ -0,0 +1,118 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DrawerOperatorBox = 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 _useDrawerMatrix = require("../../hooks/useDrawerMatrix.js");
+var _DrawerMatrix = require("../matrix/DrawerMatrix.js");
+var _TeacherFluencyContext = require("../../context/TeacherFluencyContext.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const DrawerOperatorBox = ({
+  title,
+  symbol,
+  iconBg,
+  iconColor,
+  operator
+}) => {
+  const {
+    model
+  } = (0, _TeacherFluencyContext.useTeacherFluency)();
+  const isLoading = (0, _effectorReact.useUnit)(model.api.getStudentDetailsFx.pending);
+  const matrixProps = (0, _useDrawerMatrix.useDrawerMatrix)(operator);
+  const factsLabel = matrixProps.grid ? `${matrixProps.grid.colLabels.length}×${matrixProps.grid.rows.length} facts` : '';
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.header,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.iconBox, {
+          backgroundColor: iconBg
+        }],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.symbol, {
+            color: iconColor
+          }],
+          children: symbol
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.title,
+        children: title
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.spacer
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.factsLabel,
+        children: factsLabel
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.content,
+      children: isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.loader,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+          size: "large",
+          color: _reactNativeUi.COLORS.PRIMARY_BLUE
+        })
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_DrawerMatrix.DrawerMatrix, {
+        ...matrixProps
+      })
+    })]
+  });
+};
+exports.DrawerOperatorBox = DrawerOperatorBox;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    width: 315,
+    height: 315,
+    borderWidth: 1,
+    borderColor: _reactNativeUi.COLORS.NEUTRAL_4,
+    borderRadius: _reactNativeUi.BORDER_RADIUS[300],
+    padding: _reactNativeUi.SPACING[400]
+  },
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: _reactNativeUi.SPACING[200],
+    marginBottom: _reactNativeUi.SPACING[300]
+  },
+  iconBox: {
+    width: 24,
+    height: 24,
+    borderRadius: 6,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  symbol: {
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAiresBold,
+    fontSize: 20,
+    marginBottom: 2
+  },
+  title: {
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAiresSemiBold,
+    fontWeight: '700',
+    fontSize: 15,
+    color: _reactNativeUi.COLORS.NEUTRAL_10
+  },
+  spacer: {
+    flex: 1
+  },
+  factsLabel: {
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAiresSemiBold,
+    fontSize: 13,
+    fontWeight: '600',
+    color: _reactNativeUi.COLORS.NEUTRAL_7
+  },
+  content: {
+    flex: 1
+  },
+  loader: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+//# sourceMappingURL=DrawerOperatorBox.js.map

package/dist/commonjs/features/fluency-teacher/components/drawer/DrawerOperatorBox.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_effectorReact","_reactNativeUi","_useDrawerMatrix","_DrawerMatrix","_TeacherFluencyContext","_jsxRuntime","e","__esModule","default","DrawerOperatorBox","title","symbol","iconBg","iconColor","operator","model","useTeacherFluency","isLoading","useUnit","api","getStudentDetailsFx","pending","matrixProps","useDrawerMatrix","factsLabel","grid","colLabels","length","rows","jsxs","View","style","styles","container","children","header","jsx","iconBox","backgroundColor","Text","color","spacer","content","loader","ActivityIndicator","size","COLORS","PRIMARY_BLUE","DrawerMatrix","exports","StyleSheet","create","width","height","borderWidth","borderColor","NEUTRAL_4","borderRadius","BORDER_RADIUS","padding","SPACING","flexDirection","alignItems","gap","marginBottom","justifyContent","fontFamily","FONT_FAMILY","buenosAiresBold","fontSize","buenosAiresSemiBold","fontWeight","NEUTRAL_10","flex","NEUTRAL_7"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/drawer/DrawerOperatorBox.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/fluency-teacher/components/drawer/DrawerOperatorStatCard.js

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DrawerOperatorStatCard = 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 DrawerOperatorStatCard = ({
+  title,
+  value,
+  symbol,
+  color
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+  style: styles.container,
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.iconContainer, {
+      backgroundColor: color + '26'
+    }],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.symbol, {
+        color
+      }],
+      children: symbol
+    })
+  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.title,
+      children: title
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+      style: styles.value,
+      children: [value, "%"]
+    })]
+  })]
+});
+exports.DrawerOperatorStatCard = DrawerOperatorStatCard;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: _reactNativeUi.SPACING[300],
+    padding: _reactNativeUi.SPACING[300],
+    borderRadius: _reactNativeUi.SPACING[300],
+    borderWidth: 1,
+    borderColor: _reactNativeUi.COLORS.NEUTRAL_4,
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_2
+  },
+  iconContainer: {
+    width: 32,
+    height: 32,
+    borderRadius: _reactNativeUi.SPACING[200],
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  symbol: {
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAiresBold,
+    fontSize: 28,
+    marginBottom: 2
+  },
+  title: {
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires,
+    fontWeight: '400',
+    fontSize: 12,
+    color: _reactNativeUi.COLORS.NEUTRAL_7
+  },
+  value: {
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAiresBold,
+    fontWeight: '700',
+    fontSize: 18,
+    color: _reactNativeUi.COLORS.NEUTRAL_10
+  }
+});
+//# sourceMappingURL=DrawerOperatorStatCard.js.map

package/dist/commonjs/features/fluency-teacher/components/drawer/DrawerOperatorStatCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_jsxRuntime","e","__esModule","default","DrawerOperatorStatCard","title","value","symbol","color","jsxs","View","style","styles","container","children","jsx","iconContainer","backgroundColor","Text","exports","StyleSheet","create","flex","flexDirection","alignItems","gap","SPACING","padding","borderRadius","borderWidth","borderColor","COLORS","NEUTRAL_4","NEUTRAL_2","width","height","justifyContent","fontFamily","FONT_FAMILY","buenosAiresBold","fontSize","marginBottom","buenosAires","fontWeight","NEUTRAL_7","NEUTRAL_10"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/drawer/DrawerOperatorStatCard.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAAyE,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AASlE,MAAMG,sBAAsB,GAAGA,CAAC;EACrCC,KAAK;EACLC,KAAK;EACLC,MAAM;EACNC;AAC2B,CAAC,kBAC5B,IAAAR,WAAA,CAAAS,IAAA,EAACX,YAAA,CAAAY,IAAI;EAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;EAAAC,QAAA,gBAC5B,IAAAd,WAAA,CAAAe,GAAA,EAACjB,YAAA,CAAAY,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACI,aAAa,EAAE;MAAEC,eAAe,EAAET,KAAK,GAAG;IAAK,CAAC,CAAE;IAAAM,QAAA,eACrE,IAAAd,WAAA,CAAAe,GAAA,EAACjB,YAAA,CAAAoB,IAAI;MAACP,KAAK,EAAE,CAACC,MAAM,CAACL,MAAM,EAAE;QAAEC;MAAM,CAAC,CAAE;MAAAM,QAAA,EAAEP;IAAM,CAAO;EAAC,CACpD,CAAC,eACP,IAAAP,WAAA,CAAAS,IAAA,EAACX,YAAA,CAAAY,IAAI;IAAAI,QAAA,gBACH,IAAAd,WAAA,CAAAe,GAAA,EAACjB,YAAA,CAAAoB,IAAI;MAACP,KAAK,EAAEC,MAAM,CAACP,KAAM;MAAAS,QAAA,EAAET;IAAK,CAAO,CAAC,eACzC,IAAAL,WAAA,CAAAS,IAAA,EAACX,YAAA,CAAAoB,IAAI;MAACP,KAAK,EAAEC,MAAM,CAACN,KAAM;MAAAQ,QAAA,GAAER,KAAK,EAAC,GAAC;IAAA,CAAM,CAAC;EAAA,CACtC,CAAC;AAAA,CACH,CACP;AAAAa,OAAA,CAAAf,sBAAA,GAAAA,sBAAA;AAED,MAAMQ,MAAM,GAAGQ,uBAAU,CAACC,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTS,IAAI,EAAE,CAAC;IACPC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAEC,sBAAO,CAAC,GAAG,CAAC;IACjBC,OAAO,EAAED,sBAAO,CAAC,GAAG,CAAC;IACrBE,YAAY,EAAEF,sBAAO,CAAC,GAAG,CAAC;IAC1BG,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEC,qBAAM,CAACC,SAAS;IAC7Bf,eAAe,EAAEc,qBAAM,CAACE;EAC1B,CAAC;EACDjB,aAAa,EAAE;IACbkB,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVP,YAAY,EAAEF,sBAAO,CAAC,GAAG,CAAC;IAC1BF,UAAU,EAAE,QAAQ;IACpBY,cAAc,EAAE;EAClB,CAAC;EACD7B,MAAM,EAAE;IACN8B,UAAU,EAAEC,0BAAW,CAACC,eAAe;IACvCC,QAAQ,EAAE,EAAE;IACZC,YAAY,EAAE;EAChB,CAAC;EACDpC,KAAK,EAAE;IACLgC,UAAU,EAAEC,0BAAW,CAACI,WAAW;IACnCC,UAAU,EAAE,KAAK;IACjBH,QAAQ,EAAE,EAAE;IACZhC,KAAK,EAAEuB,qBAAM,CAACa;EAChB,CAAC;EACDtC,KAAK,EAAE;IACL+B,UAAU,EAAEC,0BAAW,CAACC,eAAe;IACvCI,UAAU,EAAE,KAAK;IACjBH,QAAQ,EAAE,EAAE;IACZhC,KAAK,EAAEuB,qBAAM,CAACc;EAChB;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/commonjs/features/fluency-teacher/components/drawer/DrawerStats.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DrawerStats = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _DrawerOperatorStatCard = require("./DrawerOperatorStatCard.js");
+var _fluencyTeacherTypes = require("../../fluencyTeacher.types.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const DrawerStats = ({
+  scores
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+  style: styles.container,
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DrawerOperatorStatCard.DrawerOperatorStatCard, {
+    title: "Addition",
+    symbol: _fluencyTeacherTypes.FluencyMathOperatorSymbol.ADDITION,
+    color: _reactNativeUi.COLORS.PRIMARY_GREEN,
+    value: scores.addition
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DrawerOperatorStatCard.DrawerOperatorStatCard, {
+    title: "Subtraction",
+    symbol: _fluencyTeacherTypes.FluencyMathOperatorSymbol.SUBTRACTION,
+    color: _reactNativeUi.COLORS.PRIMARY_ORANGE,
+    value: scores.subtraction
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DrawerOperatorStatCard.DrawerOperatorStatCard, {
+    title: "Multiplication",
+    symbol: _fluencyTeacherTypes.FluencyMathOperatorSymbol.MULTIPLICATION,
+    color: _reactNativeUi.COLORS.PRIMARY_BLUE,
+    value: scores.multiplication
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DrawerOperatorStatCard.DrawerOperatorStatCard, {
+    title: "Division",
+    symbol: _fluencyTeacherTypes.FluencyMathOperatorSymbol.DIVISION,
+    color: _reactNativeUi.COLORS.PRIMARY_PURPLE,
+    value: scores.division
+  })]
+});
+exports.DrawerStats = DrawerStats;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    gap: _reactNativeUi.SPACING[300],
+    paddingBottom: _reactNativeUi.SPACING[300]
+  }
+});
+//# sourceMappingURL=DrawerStats.js.map

package/dist/commonjs/features/fluency-teacher/components/drawer/DrawerStats.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_DrawerOperatorStatCard","_fluencyTeacherTypes","_jsxRuntime","e","__esModule","default","DrawerStats","scores","jsxs","View","style","styles","container","children","jsx","DrawerOperatorStatCard","title","symbol","FluencyMathOperatorSymbol","ADDITION","color","COLORS","PRIMARY_GREEN","value","addition","SUBTRACTION","PRIMARY_ORANGE","subtraction","MULTIPLICATION","PRIMARY_BLUE","multiplication","DIVISION","PRIMARY_PURPLE","division","exports","StyleSheet","create","flexDirection","gap","SPACING","paddingBottom"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/drawer/DrawerStats.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,uBAAA,GAAAH,OAAA;AAEA,IAAAI,oBAAA,GAAAJ,OAAA;AAAsE,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAM/D,MAAMG,WAAW,GAAGA,CAAC;EAAEC;AAAyB,CAAC,kBACtD,IAAAL,WAAA,CAAAM,IAAA,EAACV,YAAA,CAAAW,IAAI;EAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;EAAAC,QAAA,gBAC5B,IAAAX,WAAA,CAAAY,GAAA,EAACd,uBAAA,CAAAe,sBAAsB;IACrBC,KAAK,EAAC,UAAU;IAChBC,MAAM,EAAEC,8CAAyB,CAACC,QAAS;IAC3CC,KAAK,EAAEC,qBAAM,CAACC,aAAc;IAC5BC,KAAK,EAAEhB,MAAM,CAACiB;EAAS,CACxB,CAAC,eACF,IAAAtB,WAAA,CAAAY,GAAA,EAACd,uBAAA,CAAAe,sBAAsB;IACrBC,KAAK,EAAC,aAAa;IACnBC,MAAM,EAAEC,8CAAyB,CAACO,WAAY;IAC9CL,KAAK,EAAEC,qBAAM,CAACK,cAAe;IAC7BH,KAAK,EAAEhB,MAAM,CAACoB;EAAY,CAC3B,CAAC,eACF,IAAAzB,WAAA,CAAAY,GAAA,EAACd,uBAAA,CAAAe,sBAAsB;IACrBC,KAAK,EAAC,gBAAgB;IACtBC,MAAM,EAAEC,8CAAyB,CAACU,cAAe;IACjDR,KAAK,EAAEC,qBAAM,CAACQ,YAAa;IAC3BN,KAAK,EAAEhB,MAAM,CAACuB;EAAe,CAC9B,CAAC,eACF,IAAA5B,WAAA,CAAAY,GAAA,EAACd,uBAAA,CAAAe,sBAAsB;IACrBC,KAAK,EAAC,UAAU;IAChBC,MAAM,EAAEC,8CAAyB,CAACa,QAAS;IAC3CX,KAAK,EAAEC,qBAAM,CAACW,cAAe;IAC7BT,KAAK,EAAEhB,MAAM,CAAC0B;EAAS,CACxB,CAAC;AAAA,CACE,CACP;AAAAC,OAAA,CAAA5B,WAAA,GAAAA,WAAA;AAED,MAAMK,MAAM,GAAGwB,uBAAU,CAACC,MAAM,CAAC;EAC/BxB,SAAS,EAAE;IACTyB,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAEC,sBAAO,CAAC,GAAG,CAAC;IACjBC,aAAa,EAAED,sBAAO,CAAC,GAAG;EAC5B;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,114 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FluencyTeacherDrawer = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _effectorReact = require("effector-react");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _DrawerHeader = require("./DrawerHeader.js");
+var _DrawerStats = require("./DrawerStats.js");
+var _DrawerMatrixes = require("./DrawerMatrixes.js");
+var _TeacherFluencyContext = require("../../context/TeacherFluencyContext.js");
+var _DrawerMasteryLegend = require("./DrawerMasteryLegend.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const DRAWER_WIDTH = 700;
+const BACKDROP_COLOR = 'rgba(0, 0, 0, 0.2)';
+const backdropOpacity = new _reactNative.Animated.Value(0);
+const drawerTranslateX = new _reactNative.Animated.Value(DRAWER_WIDTH);
+const FluencyTeacherDrawer = () => {
+  const {
+    model
+  } = (0, _TeacherFluencyContext.useTeacherFluency)();
+  const student = (0, _effectorReact.useUnit)(model.table.$studentInfoDrawer);
+  const isVisible = student !== null;
+  (0, _react.useEffect)(() => {
+    if (!isVisible) return;
+    _reactNative.Animated.parallel([_reactNative.Animated.timing(backdropOpacity, {
+      toValue: 1,
+      duration: 200,
+      useNativeDriver: true
+    }), _reactNative.Animated.timing(drawerTranslateX, {
+      toValue: 0,
+      duration: 250,
+      useNativeDriver: true
+    })]).start();
+  }, [isVisible]);
+  if (!isVisible) return null;
+  const closeDrawer = () => {
+    _reactNative.Animated.parallel([_reactNative.Animated.timing(backdropOpacity, {
+      toValue: 0,
+      duration: 200,
+      useNativeDriver: true
+    }), _reactNative.Animated.timing(drawerTranslateX, {
+      toValue: DRAWER_WIDTH,
+      duration: 250,
+      useNativeDriver: true
+    })]).start(() => model.table.setStudentInfoDrawer(null));
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
+    visible: isVisible,
+    transparent: true,
+    animationType: "none",
+    onRequestClose: closeDrawer,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.root,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+        style: [styles.backdrop, {
+          opacity: backdropOpacity
+        }],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+          style: _reactNative.StyleSheet.absoluteFill,
+          onPress: closeDrawer
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
+        style: [styles.drawer, {
+          transform: [{
+            translateX: drawerTranslateX
+          }]
+        }],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DrawerHeader.DrawerHeader, {
+          student: student,
+          onClose: closeDrawer
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.content,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DrawerStats.DrawerStats, {
+            scores: student.scores
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
+            showsVerticalScrollIndicator: false,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DrawerMatrixes.DrawerMatrixes, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DrawerMasteryLegend.DrawerMasteryLegend, {})]
+          })]
+        })]
+      })]
+    })
+  });
+};
+exports.FluencyTeacherDrawer = FluencyTeacherDrawer;
+const styles = _reactNative.StyleSheet.create({
+  root: {
+    flex: 1
+  },
+  backdrop: {
+    ..._reactNative.StyleSheet.absoluteFillObject,
+    backgroundColor: BACKDROP_COLOR
+  },
+  drawer: {
+    position: 'absolute',
+    top: 0,
+    right: 0,
+    bottom: 0,
+    width: DRAWER_WIDTH,
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    ..._reactNativeUi.SHADOWS[3]
+  },
+  content: {
+    flex: 1,
+    paddingVertical: _reactNativeUi.SPACING[500],
+    paddingHorizontal: _reactNativeUi.SPACING[700]
+  }
+});
+//# sourceMappingURL=FluencyTeacherDrawer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_effectorReact","_reactNativeUi","_DrawerHeader","_DrawerStats","_DrawerMatrixes","_TeacherFluencyContext","_DrawerMasteryLegend","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DRAWER_WIDTH","BACKDROP_COLOR","backdropOpacity","Animated","Value","drawerTranslateX","FluencyTeacherDrawer","model","useTeacherFluency","student","useUnit","table","$studentInfoDrawer","isVisible","useEffect","parallel","timing","toValue","duration","useNativeDriver","start","closeDrawer","setStudentInfoDrawer","jsx","Modal","visible","transparent","animationType","onRequestClose","children","jsxs","View","style","styles","root","backdrop","opacity","Pressable","StyleSheet","absoluteFill","onPress","drawer","transform","translateX","DrawerHeader","onClose","content","DrawerStats","scores","ScrollView","showsVerticalScrollIndicator","DrawerMatrixes","DrawerMasteryLegend","exports","create","flex","absoluteFillObject","backgroundColor","position","top","right","bottom","width","COLORS","NEUTRAL_1","SHADOWS","paddingVertical","SPACING","paddingHorizontal"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/drawer/FluencyTeacherDrawer.tsx"],"mappings":"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","ignoreList":[]}

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":[]}