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

package/dist/module/features/fluency-teacher/assets/SortDefaultIcon.js

@@ -0,0 +1,23 @@
+"use strict";
+
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { COLORS } from '@magmamath/react-native-ui';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const SortDefaultIcon = ({
+  color = COLORS.NEUTRAL_9,
+  size = 10
+}) => /*#__PURE__*/_jsxs(Svg, {
+  width: size,
+  height: size,
+  viewBox: "0 0 10 10",
+  fill: "none",
+  children: [/*#__PURE__*/_jsx(Path, {
+    d: "M5 1 L8 4 H2 Z",
+    fill: color
+  }), /*#__PURE__*/_jsx(Path, {
+    d: "M5 9 L2 6 H8 Z",
+    fill: color
+  })]
+});
+//# sourceMappingURL=SortDefaultIcon.js.map

package/dist/module/features/fluency-teacher/assets/SortDefaultIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Svg","Path","COLORS","jsx","_jsx","jsxs","_jsxs","SortDefaultIcon","color","NEUTRAL_9","size","width","height","viewBox","fill","children","d"],"sourceRoot":"../../../../../src","sources":["features/fluency-teacher/assets/SortDefaultIcon.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAC5C,SAASC,MAAM,QAAmB,4BAA4B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE9D,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAAEC,KAAK,GAAGN,MAAM,CAACO,SAAS;EAAEC,IAAI,GAAG;AAAc,CAAC,kBAChFJ,KAAA,CAACN,GAAG;EAACW,KAAK,EAAED,IAAK;EAACE,MAAM,EAAEF,IAAK;EAACG,OAAO,EAAC,WAAW;EAACC,IAAI,EAAC,MAAM;EAAAC,QAAA,gBAC7DX,IAAA,CAACH,IAAI;IAACe,CAAC,EAAC,gBAAgB;IAACF,IAAI,EAAEN;EAAM,CAAE,CAAC,eACxCJ,IAAA,CAACH,IAAI;IAACe,CAAC,EAAC,gBAAgB;IAACF,IAAI,EAAEN;EAAM,CAAE,CAAC;AAAA,CACrC,CACN","ignoreList":[]}

package/dist/module/features/fluency-teacher/components/FluencyTeacher.js

@@ -0,0 +1,39 @@
+"use strict";
+
+import React from 'react';
+import { useGate } from 'effector-react';
+import { View, StyleSheet } from 'react-native';
+import { SPACING } from '@magmamath/react-native-ui';
+import { FluencyTeacherStudentsTable } from "./table/FluencyTeacherStudentsTable.js";
+import { FluencyTeacherFilters } from "./table/FluencyTeacherFilters.js";
+import { FluencyTeacherHeader } from "./header/FluencyTeacherHeader.js";
+import { FluencyTeacherDrawer } from "./drawer/FluencyTeacherDrawer.js";
+import { FluencyTeacherFooter } from "./FluencyTeacherFooter.js";
+import { TeacherFluencyProvider } from "../context/TeacherFluencyContext.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const FluencyTeacher = ({
+  model,
+  students,
+  grade
+}) => {
+  useGate(model.gate, {
+    students,
+    grade
+  });
+  return /*#__PURE__*/_jsx(TeacherFluencyProvider, {
+    value: {
+      model
+    },
+    children: /*#__PURE__*/_jsxs(View, {
+      style: styles.container,
+      children: [/*#__PURE__*/_jsx(FluencyTeacherHeader, {}), /*#__PURE__*/_jsx(FluencyTeacherFilters, {}), /*#__PURE__*/_jsx(FluencyTeacherStudentsTable, {}), /*#__PURE__*/_jsx(FluencyTeacherDrawer, {}), /*#__PURE__*/_jsx(FluencyTeacherFooter, {})]
+    })
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    gap: SPACING[400]
+  }
+});
+//# sourceMappingURL=FluencyTeacher.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useGate","View","StyleSheet","SPACING","FluencyTeacherStudentsTable","FluencyTeacherFilters","FluencyTeacherHeader","FluencyTeacherDrawer","FluencyTeacherFooter","TeacherFluencyProvider","jsx","_jsx","jsxs","_jsxs","FluencyTeacher","model","students","grade","gate","value","children","style","styles","container","create","flex","gap"],"sourceRoot":"../../../../../src","sources":["features/fluency-teacher/components/FluencyTeacher.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,OAAO,QAAQ,4BAA4B;AAEpD,SAASC,2BAA2B,QAAQ,wCAAqC;AACjF,SAASC,qBAAqB,QAAQ,kCAA+B;AACrE,SAASC,oBAAoB,QAAQ,kCAA+B;AACpE,SAASC,oBAAoB,QAAQ,kCAA+B;AACpE,SAASC,oBAAoB,QAAQ,2BAAwB;AAE7D,SAASC,sBAAsB,QAAQ,qCAAkC;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQzE,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAAEC,KAAK;EAAEC,QAAQ;EAAEC;AAA2B,CAAC,KAAK;EACjFjB,OAAO,CAACe,KAAK,CAACG,IAAI,EAAE;IAAEF,QAAQ;IAAEC;EAAM,CAAC,CAAC;EAExC,oBACEN,IAAA,CAACF,sBAAsB;IAACU,KAAK,EAAE;MAAEJ;IAAM,CAAE;IAAAK,QAAA,eACvCP,KAAA,CAACZ,IAAI;MAACoB,KAAK,EAAEC,MAAM,CAACC,SAAU;MAAAH,QAAA,gBAC5BT,IAAA,CAACL,oBAAoB,IAAE,CAAC,eACxBK,IAAA,CAACN,qBAAqB,IAAE,CAAC,eACzBM,IAAA,CAACP,2BAA2B,IAAE,CAAC,eAC/BO,IAAA,CAACJ,oBAAoB,IAAE,CAAC,eACxBI,IAAA,CAACH,oBAAoB,IAAE,CAAC;IAAA,CACpB;EAAC,CACe,CAAC;AAE7B,CAAC;AAED,MAAMc,MAAM,GAAGpB,UAAU,CAACsB,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTE,IAAI,EAAE,CAAC;IACPC,GAAG,EAAEvB,OAAO,CAAC,GAAG;EAClB;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/fluency-teacher/components/FluencyTeacherFooter.js

@@ -0,0 +1,37 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { COLORS, FONT_FAMILY, HeadingVariants, InfoIcon, SPACING, Typography } from '@magmamath/react-native-ui';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const FluencyTeacherFooter = () => /*#__PURE__*/_jsx(View, {
+  style: styles.footer,
+  children: /*#__PURE__*/_jsxs(View, {
+    style: styles.hint,
+    children: [/*#__PURE__*/_jsx(InfoIcon, {
+      size: 13,
+      color: COLORS.NEUTRAL_7
+    }), /*#__PURE__*/_jsx(Typography, {
+      variant: HeadingVariants.H10,
+      style: styles.text,
+      children: "Click a student row to see their full fluency breakdown."
+    })]
+  })
+});
+const styles = StyleSheet.create({
+  footer: {
+    flexDirection: 'row',
+    justifyContent: 'flex-start',
+    alignItems: 'center'
+  },
+  hint: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: SPACING[100]
+  },
+  text: {
+    color: COLORS.NEUTRAL_7,
+    fontFamily: FONT_FAMILY.buenosAiresSemiBold
+  }
+});
+//# sourceMappingURL=FluencyTeacherFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","COLORS","FONT_FAMILY","HeadingVariants","InfoIcon","SPACING","Typography","jsx","_jsx","jsxs","_jsxs","FluencyTeacherFooter","style","styles","footer","children","hint","size","color","NEUTRAL_7","variant","H10","text","create","flexDirection","justifyContent","alignItems","gap","fontFamily","buenosAiresSemiBold"],"sourceRoot":"../../../../../src","sources":["features/fluency-teacher/components/FluencyTeacherFooter.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SACEC,MAAM,EACNC,WAAW,EACXC,eAAe,EACfC,QAAQ,EACRC,OAAO,EACPC,UAAU,QACL,4BAA4B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEnC,OAAO,MAAMC,oBAAoB,GAAGA,CAAA,kBAClCH,IAAA,CAACR,IAAI;EAACY,KAAK,EAAEC,MAAM,CAACC,MAAO;EAAAC,QAAA,eACzBL,KAAA,CAACV,IAAI;IAACY,KAAK,EAAEC,MAAM,CAACG,IAAK;IAAAD,QAAA,gBACvBP,IAAA,CAACJ,QAAQ;MAACa,IAAI,EAAE,EAAG;MAACC,KAAK,EAAEjB,MAAM,CAACkB;IAAU,CAAE,CAAC,eAC/CX,IAAA,CAACF,UAAU;MAACc,OAAO,EAAEjB,eAAe,CAACkB,GAAI;MAACT,KAAK,EAAEC,MAAM,CAACS,IAAK;MAAAP,QAAA,EAAC;IAE9D,CAAY,CAAC;EAAA,CACT;AAAC,CACH,CACP;AAED,MAAMF,MAAM,GAAGd,UAAU,CAACwB,MAAM,CAAC;EAC/BT,MAAM,EAAE;IACNU,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,YAAY;IAC5BC,UAAU,EAAE;EACd,CAAC;EACDV,IAAI,EAAE;IACJQ,aAAa,EAAE,KAAK;IACpBE,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAEtB,OAAO,CAAC,GAAG;EAClB,CAAC;EACDiB,IAAI,EAAE;IACJJ,KAAK,EAAEjB,MAAM,CAACkB,SAAS;IACvBS,UAAU,EAAE1B,WAAW,CAAC2B;EAC1B;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,89 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { Button, ButtonColor, COLORS, CrossIcon, FONT_FAMILY, HeadingVariants, SPACING, Typography } from '@magmamath/react-native-ui';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const DrawerHeader = ({
+  student,
+  onClose
+}) => /*#__PURE__*/_jsxs(View, {
+  style: styles.container,
+  children: [/*#__PURE__*/_jsxs(View, {
+    style: styles.left,
+    children: [/*#__PURE__*/_jsx(Typography, {
+      variant: HeadingVariants.H9,
+      style: styles.label,
+      children: "Student Fluency"
+    }), /*#__PURE__*/_jsx(Text, {
+      style: styles.name,
+      children: student.name
+    })]
+  }), /*#__PURE__*/_jsxs(View, {
+    style: styles.right,
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: styles.masteryLabel,
+      children: "Overall mastery"
+    }), /*#__PURE__*/_jsxs(Text, {
+      style: styles.masteryValue,
+      children: [student.averagePercent, "%"]
+    })]
+  }), /*#__PURE__*/_jsx(Button, {
+    variant: "secondary",
+    colorScheme: ButtonColor.WHITE,
+    icon: /*#__PURE__*/_jsx(CrossIcon, {
+      size: 18,
+      color: COLORS.NEUTRAL_7
+    }),
+    onPress: onClose,
+    style: {
+      container: styles.closeButton
+    }
+  })]
+});
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingVertical: SPACING[500],
+    paddingHorizontal: SPACING[700],
+    borderTopWidth: 1,
+    borderBottomWidth: 1,
+    borderColor: COLORS.NEUTRAL_4
+  },
+  left: {
+    marginLeft: 48
+  },
+  label: {
+    color: COLORS.GREEN_7,
+    fontFamily: FONT_FAMILY.buenosAiresSemiBold,
+    fontWeight: '600'
+  },
+  name: {
+    fontFamily: FONT_FAMILY.buenosAiresBold,
+    fontWeight: '700',
+    fontSize: 22,
+    color: COLORS.NEUTRAL_10
+  },
+  right: {
+    alignItems: 'flex-end',
+    marginLeft: 'auto'
+  },
+  masteryLabel: {
+    fontFamily: FONT_FAMILY.buenosAiresBold,
+    fontWeight: '700',
+    fontSize: 13,
+    color: COLORS.NEUTRAL_7
+  },
+  masteryValue: {
+    fontFamily: FONT_FAMILY.buenosAiresBold,
+    fontWeight: '700',
+    fontSize: 28,
+    color: COLORS.GREEN_7
+  },
+  closeButton: {
+    alignSelf: 'center',
+    marginLeft: SPACING[600]
+  }
+});
+//# sourceMappingURL=DrawerHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Text","View","Button","ButtonColor","COLORS","CrossIcon","FONT_FAMILY","HeadingVariants","SPACING","Typography","jsx","_jsx","jsxs","_jsxs","DrawerHeader","student","onClose","style","styles","container","children","left","variant","H9","label","name","right","masteryLabel","masteryValue","averagePercent","colorScheme","WHITE","icon","size","color","NEUTRAL_7","onPress","closeButton","create","flexDirection","alignItems","paddingVertical","paddingHorizontal","borderTopWidth","borderBottomWidth","borderColor","NEUTRAL_4","marginLeft","GREEN_7","fontFamily","buenosAiresSemiBold","fontWeight","buenosAiresBold","fontSize","NEUTRAL_10","alignSelf"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/drawer/DrawerHeader.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,67 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { COLORS, FONT_FAMILY, SPACING } from '@magmamath/react-native-ui';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const MASTERY_LEVELS = [{
+  label: 'Not started',
+  color: COLORS.NEUTRAL_3
+}, {
+  label: 'Learning',
+  color: COLORS.GREEN_2
+}, {
+  label: 'Growing',
+  color: COLORS.GREEN_3
+}, {
+  label: 'Strong',
+  color: COLORS.GREEN_4
+}, {
+  label: 'Mastered',
+  color: COLORS.GREEN_7
+}];
+export const DrawerMasteryLegend = () => /*#__PURE__*/_jsx(View, {
+  style: styles.container,
+  children: MASTERY_LEVELS.map(item => /*#__PURE__*/_jsxs(View, {
+    style: styles.item,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [styles.swatch, {
+        backgroundColor: item.color
+      }]
+    }), /*#__PURE__*/_jsx(Text, {
+      style: styles.label,
+      children: item.label
+    })]
+  }, item.label))
+});
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: SPACING[300],
+    paddingVertical: SPACING[150],
+    paddingHorizontal: SPACING[300],
+    borderRadius: 999,
+    backgroundColor: COLORS.NEUTRAL_1,
+    borderWidth: 1,
+    borderColor: COLORS.NEUTRAL_4,
+    alignSelf: 'center'
+  },
+  item: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: SPACING[150]
+  },
+  swatch: {
+    width: 14,
+    height: 14,
+    borderRadius: 4
+  },
+  label: {
+    fontFamily: FONT_FAMILY.buenosAiresSemiBold,
+    fontSize: 12,
+    fontWeight: '600',
+    color: COLORS.NEUTRAL_8
+  }
+});
+//# sourceMappingURL=DrawerMasteryLegend.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Text","View","COLORS","FONT_FAMILY","SPACING","jsx","_jsx","jsxs","_jsxs","MASTERY_LEVELS","label","color","NEUTRAL_3","GREEN_2","GREEN_3","GREEN_4","GREEN_7","DrawerMasteryLegend","style","styles","container","children","map","item","swatch","backgroundColor","create","flexDirection","alignItems","gap","paddingVertical","paddingHorizontal","borderRadius","NEUTRAL_1","borderWidth","borderColor","NEUTRAL_4","alignSelf","width","height","fontFamily","buenosAiresSemiBold","fontSize","fontWeight","NEUTRAL_8"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/drawer/DrawerMasteryLegend.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACrD,SAASC,MAAM,EAAEC,WAAW,EAAEC,OAAO,QAAQ,4BAA4B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEzE,MAAMC,cAAc,GAAG,CACrB;EAAEC,KAAK,EAAE,aAAa;EAAEC,KAAK,EAAET,MAAM,CAACU;AAAU,CAAC,EACjD;EAAEF,KAAK,EAAE,UAAU;EAAEC,KAAK,EAAET,MAAM,CAACW;AAAQ,CAAC,EAC5C;EAAEH,KAAK,EAAE,SAAS;EAAEC,KAAK,EAAET,MAAM,CAACY;AAAQ,CAAC,EAC3C;EAAEJ,KAAK,EAAE,QAAQ;EAAEC,KAAK,EAAET,MAAM,CAACa;AAAQ,CAAC,EAC1C;EAAEL,KAAK,EAAE,UAAU;EAAEC,KAAK,EAAET,MAAM,CAACc;AAAQ,CAAC,CAC7C;AAED,OAAO,MAAMC,mBAAmB,GAAGA,CAAA,kBACjCX,IAAA,CAACL,IAAI;EAACiB,KAAK,EAAEC,MAAM,CAACC,SAAU;EAAAC,QAAA,EAC3BZ,cAAc,CAACa,GAAG,CAAEC,IAAI,iBACvBf,KAAA,CAACP,IAAI;IAAkBiB,KAAK,EAAEC,MAAM,CAACI,IAAK;IAAAF,QAAA,gBACxCf,IAAA,CAACL,IAAI;MAACiB,KAAK,EAAE,CAACC,MAAM,CAACK,MAAM,EAAE;QAAEC,eAAe,EAAEF,IAAI,CAACZ;MAAM,CAAC;IAAE,CAAE,CAAC,eACjEL,IAAA,CAACN,IAAI;MAACkB,KAAK,EAAEC,MAAM,CAACT,KAAM;MAAAW,QAAA,EAAEE,IAAI,CAACb;IAAK,CAAO,CAAC;EAAA,GAFrCa,IAAI,CAACb,KAGV,CACP;AAAC,CACE,CACP;AAED,MAAMS,MAAM,GAAGpB,UAAU,CAAC2B,MAAM,CAAC;EAC/BN,SAAS,EAAE;IACTO,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAEzB,OAAO,CAAC,GAAG,CAAC;IACjB0B,eAAe,EAAE1B,OAAO,CAAC,GAAG,CAAC;IAC7B2B,iBAAiB,EAAE3B,OAAO,CAAC,GAAG,CAAC;IAC/B4B,YAAY,EAAE,GAAG;IACjBP,eAAe,EAAEvB,MAAM,CAAC+B,SAAS;IACjCC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEjC,MAAM,CAACkC,SAAS;IAC7BC,SAAS,EAAE;EACb,CAAC;EACDd,IAAI,EAAE;IACJI,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAEzB,OAAO,CAAC,GAAG;EAClB,CAAC;EACDoB,MAAM,EAAE;IACNc,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVP,YAAY,EAAE;EAChB,CAAC;EACDtB,KAAK,EAAE;IACL8B,UAAU,EAAErC,WAAW,CAACsC,mBAAmB;IAC3CC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBhC,KAAK,EAAET,MAAM,CAAC0C;EAChB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,46 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { COLORS, SPACING } from '@magmamath/react-native-ui';
+import { DrawerOperatorBox } from "./DrawerOperatorBox.js";
+import { FluencyMathOperatorSymbol, FluencyOperator } from "../../fluencyTeacher.types.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const DrawerMatrixes = () => /*#__PURE__*/_jsxs(View, {
+  style: styles.grid,
+  children: [/*#__PURE__*/_jsx(DrawerOperatorBox, {
+    title: "Addition",
+    symbol: FluencyMathOperatorSymbol.ADDITION,
+    iconBg: COLORS.GREEN_1,
+    iconColor: COLORS.GREEN_7,
+    operator: FluencyOperator.ADDITION
+  }), /*#__PURE__*/_jsx(DrawerOperatorBox, {
+    title: "Subtraction",
+    symbol: FluencyMathOperatorSymbol.SUBTRACTION,
+    iconBg: COLORS.ORANGE_1,
+    iconColor: COLORS.ORANGE_7,
+    operator: FluencyOperator.SUBTRACTION
+  }), /*#__PURE__*/_jsx(DrawerOperatorBox, {
+    title: "Multiplication",
+    symbol: FluencyMathOperatorSymbol.MULTIPLICATION,
+    iconBg: COLORS.BLUE_1,
+    iconColor: COLORS.BLUE_7,
+    operator: FluencyOperator.MULTIPLICATION
+  }), /*#__PURE__*/_jsx(DrawerOperatorBox, {
+    title: "Division",
+    symbol: FluencyMathOperatorSymbol.DIVISION,
+    iconBg: COLORS.PURPLE_1,
+    iconColor: COLORS.PURPLE_7,
+    operator: FluencyOperator.DIVISION
+  })]
+});
+const styles = StyleSheet.create({
+  grid: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    gap: SPACING[300],
+    marginTop: SPACING[300],
+    marginBottom: SPACING[600]
+  }
+});
+//# sourceMappingURL=DrawerMatrixes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","COLORS","SPACING","DrawerOperatorBox","FluencyMathOperatorSymbol","FluencyOperator","jsx","_jsx","jsxs","_jsxs","DrawerMatrixes","style","styles","grid","children","title","symbol","ADDITION","iconBg","GREEN_1","iconColor","GREEN_7","operator","SUBTRACTION","ORANGE_1","ORANGE_7","MULTIPLICATION","BLUE_1","BLUE_7","DIVISION","PURPLE_1","PURPLE_7","create","flexDirection","flexWrap","gap","marginTop","marginBottom"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/drawer/DrawerMatrixes.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,MAAM,EAAEC,OAAO,QAAQ,4BAA4B;AAC5D,SAASC,iBAAiB,QAAQ,wBAAqB;AACvD,SAASC,yBAAyB,EAAEC,eAAe,QAAQ,+BAA4B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEvF,OAAO,MAAMC,cAAc,GAAGA,CAAA,kBAC5BD,KAAA,CAACT,IAAI;EAACW,KAAK,EAAEC,MAAM,CAACC,IAAK;EAAAC,QAAA,gBACvBP,IAAA,CAACJ,iBAAiB;IAChBY,KAAK,EAAC,UAAU;IAChBC,MAAM,EAAEZ,yBAAyB,CAACa,QAAS;IAC3CC,MAAM,EAAEjB,MAAM,CAACkB,OAAQ;IACvBC,SAAS,EAAEnB,MAAM,CAACoB,OAAQ;IAC1BC,QAAQ,EAAEjB,eAAe,CAACY;EAAS,CACpC,CAAC,eACFV,IAAA,CAACJ,iBAAiB;IAChBY,KAAK,EAAC,aAAa;IACnBC,MAAM,EAAEZ,yBAAyB,CAACmB,WAAY;IAC9CL,MAAM,EAAEjB,MAAM,CAACuB,QAAS;IACxBJ,SAAS,EAAEnB,MAAM,CAACwB,QAAS;IAC3BH,QAAQ,EAAEjB,eAAe,CAACkB;EAAY,CACvC,CAAC,eACFhB,IAAA,CAACJ,iBAAiB;IAChBY,KAAK,EAAC,gBAAgB;IACtBC,MAAM,EAAEZ,yBAAyB,CAACsB,cAAe;IACjDR,MAAM,EAAEjB,MAAM,CAAC0B,MAAO;IACtBP,SAAS,EAAEnB,MAAM,CAAC2B,MAAO;IACzBN,QAAQ,EAAEjB,eAAe,CAACqB;EAAe,CAC1C,CAAC,eACFnB,IAAA,CAACJ,iBAAiB;IAChBY,KAAK,EAAC,UAAU;IAChBC,MAAM,EAAEZ,yBAAyB,CAACyB,QAAS;IAC3CX,MAAM,EAAEjB,MAAM,CAAC6B,QAAS;IACxBV,SAAS,EAAEnB,MAAM,CAAC8B,QAAS;IAC3BT,QAAQ,EAAEjB,eAAe,CAACwB;EAAS,CACpC,CAAC;AAAA,CACE,CACP;AAED,MAAMjB,MAAM,GAAGb,UAAU,CAACiC,MAAM,CAAC;EAC/BnB,IAAI,EAAE;IACJoB,aAAa,EAAE,KAAK;IACpBC,QAAQ,EAAE,MAAM;IAChBC,GAAG,EAAEjC,OAAO,CAAC,GAAG,CAAC;IACjBkC,SAAS,EAAElC,OAAO,CAAC,GAAG,CAAC;IACvBmC,YAAY,EAAEnC,OAAO,CAAC,GAAG;EAC3B;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,112 @@
+"use strict";
+
+import React from 'react';
+import { ActivityIndicator, StyleSheet, Text, View } from 'react-native';
+import { useUnit } from 'effector-react';
+import { BORDER_RADIUS, COLORS, FONT_FAMILY, SPACING } from '@magmamath/react-native-ui';
+import { useDrawerMatrix } from "../../hooks/useDrawerMatrix.js";
+import { DrawerMatrix } from "../matrix/DrawerMatrix.js";
+import { useTeacherFluency } from "../../context/TeacherFluencyContext.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const DrawerOperatorBox = ({
+  title,
+  symbol,
+  iconBg,
+  iconColor,
+  operator
+}) => {
+  const {
+    model
+  } = useTeacherFluency();
+  const isLoading = useUnit(model.api.getStudentDetailsFx.pending);
+  const matrixProps = useDrawerMatrix(operator);
+  const factsLabel = matrixProps.grid ? `${matrixProps.grid.colLabels.length}×${matrixProps.grid.rows.length} facts` : '';
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.header,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: [styles.iconBox, {
+          backgroundColor: iconBg
+        }],
+        children: /*#__PURE__*/_jsx(Text, {
+          style: [styles.symbol, {
+            color: iconColor
+          }],
+          children: symbol
+        })
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.title,
+        children: title
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.spacer
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.factsLabel,
+        children: factsLabel
+      })]
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.content,
+      children: isLoading ? /*#__PURE__*/_jsx(View, {
+        style: styles.loader,
+        children: /*#__PURE__*/_jsx(ActivityIndicator, {
+          size: "large",
+          color: COLORS.PRIMARY_BLUE
+        })
+      }) : /*#__PURE__*/_jsx(DrawerMatrix, {
+        ...matrixProps
+      })
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    width: 315,
+    height: 315,
+    borderWidth: 1,
+    borderColor: COLORS.NEUTRAL_4,
+    borderRadius: BORDER_RADIUS[300],
+    padding: SPACING[400]
+  },
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: SPACING[200],
+    marginBottom: SPACING[300]
+  },
+  iconBox: {
+    width: 24,
+    height: 24,
+    borderRadius: 6,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  symbol: {
+    fontFamily: FONT_FAMILY.buenosAiresBold,
+    fontSize: 20,
+    marginBottom: 2
+  },
+  title: {
+    fontFamily: FONT_FAMILY.buenosAiresSemiBold,
+    fontWeight: '700',
+    fontSize: 15,
+    color: COLORS.NEUTRAL_10
+  },
+  spacer: {
+    flex: 1
+  },
+  factsLabel: {
+    fontFamily: FONT_FAMILY.buenosAiresSemiBold,
+    fontSize: 13,
+    fontWeight: '600',
+    color: COLORS.NEUTRAL_7
+  },
+  content: {
+    flex: 1
+  },
+  loader: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+//# sourceMappingURL=DrawerOperatorBox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","ActivityIndicator","StyleSheet","Text","View","useUnit","BORDER_RADIUS","COLORS","FONT_FAMILY","SPACING","useDrawerMatrix","DrawerMatrix","useTeacherFluency","jsx","_jsx","jsxs","_jsxs","DrawerOperatorBox","title","symbol","iconBg","iconColor","operator","model","isLoading","api","getStudentDetailsFx","pending","matrixProps","factsLabel","grid","colLabels","length","rows","style","styles","container","children","header","iconBox","backgroundColor","color","spacer","content","loader","size","PRIMARY_BLUE","create","width","height","borderWidth","borderColor","NEUTRAL_4","borderRadius","padding","flexDirection","alignItems","gap","marginBottom","justifyContent","fontFamily","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/module/features/fluency-teacher/components/drawer/DrawerOperatorStatCard.js

@@ -0,0 +1,71 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { COLORS, FONT_FAMILY, SPACING } from '@magmamath/react-native-ui';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const DrawerOperatorStatCard = ({
+  title,
+  value,
+  symbol,
+  color
+}) => /*#__PURE__*/_jsxs(View, {
+  style: styles.container,
+  children: [/*#__PURE__*/_jsx(View, {
+    style: [styles.iconContainer, {
+      backgroundColor: color + '26'
+    }],
+    children: /*#__PURE__*/_jsx(Text, {
+      style: [styles.symbol, {
+        color
+      }],
+      children: symbol
+    })
+  }), /*#__PURE__*/_jsxs(View, {
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: styles.title,
+      children: title
+    }), /*#__PURE__*/_jsxs(Text, {
+      style: styles.value,
+      children: [value, "%"]
+    })]
+  })]
+});
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: SPACING[300],
+    padding: SPACING[300],
+    borderRadius: SPACING[300],
+    borderWidth: 1,
+    borderColor: COLORS.NEUTRAL_4,
+    backgroundColor: COLORS.NEUTRAL_2
+  },
+  iconContainer: {
+    width: 32,
+    height: 32,
+    borderRadius: SPACING[200],
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  symbol: {
+    fontFamily: FONT_FAMILY.buenosAiresBold,
+    fontSize: 28,
+    marginBottom: 2
+  },
+  title: {
+    fontFamily: FONT_FAMILY.buenosAires,
+    fontWeight: '400',
+    fontSize: 12,
+    color: COLORS.NEUTRAL_7
+  },
+  value: {
+    fontFamily: FONT_FAMILY.buenosAiresBold,
+    fontWeight: '700',
+    fontSize: 18,
+    color: COLORS.NEUTRAL_10
+  }
+});
+//# sourceMappingURL=DrawerOperatorStatCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Text","View","COLORS","FONT_FAMILY","SPACING","jsx","_jsx","jsxs","_jsxs","DrawerOperatorStatCard","title","value","symbol","color","style","styles","container","children","iconContainer","backgroundColor","create","flex","flexDirection","alignItems","gap","padding","borderRadius","borderWidth","borderColor","NEUTRAL_4","NEUTRAL_2","width","height","justifyContent","fontFamily","buenosAiresBold","fontSize","marginBottom","buenosAires","fontWeight","NEUTRAL_7","NEUTRAL_10"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/drawer/DrawerOperatorStatCard.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACrD,SAASC,MAAM,EAAEC,WAAW,EAAEC,OAAO,QAAQ,4BAA4B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AASzE,OAAO,MAAMC,sBAAsB,GAAGA,CAAC;EACrCC,KAAK;EACLC,KAAK;EACLC,MAAM;EACNC;AAC2B,CAAC,kBAC5BL,KAAA,CAACP,IAAI;EAACa,KAAK,EAAEC,MAAM,CAACC,SAAU;EAAAC,QAAA,gBAC5BX,IAAA,CAACL,IAAI;IAACa,KAAK,EAAE,CAACC,MAAM,CAACG,aAAa,EAAE;MAAEC,eAAe,EAAEN,KAAK,GAAG;IAAK,CAAC,CAAE;IAAAI,QAAA,eACrEX,IAAA,CAACN,IAAI;MAACc,KAAK,EAAE,CAACC,MAAM,CAACH,MAAM,EAAE;QAAEC;MAAM,CAAC,CAAE;MAAAI,QAAA,EAAEL;IAAM,CAAO;EAAC,CACpD,CAAC,eACPJ,KAAA,CAACP,IAAI;IAAAgB,QAAA,gBACHX,IAAA,CAACN,IAAI;MAACc,KAAK,EAAEC,MAAM,CAACL,KAAM;MAAAO,QAAA,EAAEP;IAAK,CAAO,CAAC,eACzCF,KAAA,CAACR,IAAI;MAACc,KAAK,EAAEC,MAAM,CAACJ,KAAM;MAAAM,QAAA,GAAEN,KAAK,EAAC,GAAC;IAAA,CAAM,CAAC;EAAA,CACtC,CAAC;AAAA,CACH,CACP;AAED,MAAMI,MAAM,GAAGhB,UAAU,CAACqB,MAAM,CAAC;EAC/BJ,SAAS,EAAE;IACTK,IAAI,EAAE,CAAC;IACPC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAEpB,OAAO,CAAC,GAAG,CAAC;IACjBqB,OAAO,EAAErB,OAAO,CAAC,GAAG,CAAC;IACrBsB,YAAY,EAAEtB,OAAO,CAAC,GAAG,CAAC;IAC1BuB,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE1B,MAAM,CAAC2B,SAAS;IAC7BV,eAAe,EAAEjB,MAAM,CAAC4B;EAC1B,CAAC;EACDZ,aAAa,EAAE;IACba,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVN,YAAY,EAAEtB,OAAO,CAAC,GAAG,CAAC;IAC1BmB,UAAU,EAAE,QAAQ;IACpBU,cAAc,EAAE;EAClB,CAAC;EACDrB,MAAM,EAAE;IACNsB,UAAU,EAAE/B,WAAW,CAACgC,eAAe;IACvCC,QAAQ,EAAE,EAAE;IACZC,YAAY,EAAE;EAChB,CAAC;EACD3B,KAAK,EAAE;IACLwB,UAAU,EAAE/B,WAAW,CAACmC,WAAW;IACnCC,UAAU,EAAE,KAAK;IACjBH,QAAQ,EAAE,EAAE;IACZvB,KAAK,EAAEX,MAAM,CAACsC;EAChB,CAAC;EACD7B,KAAK,EAAE;IACLuB,UAAU,EAAE/B,WAAW,CAACgC,eAAe;IACvCI,UAAU,EAAE,KAAK;IACjBH,QAAQ,EAAE,EAAE;IACZvB,KAAK,EAAEX,MAAM,CAACuC;EAChB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,42 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { COLORS, SPACING } from '@magmamath/react-native-ui';
+import { DrawerOperatorStatCard } from "./DrawerOperatorStatCard.js";
+import { FluencyMathOperatorSymbol } from "../../fluencyTeacher.types.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const DrawerStats = ({
+  scores
+}) => /*#__PURE__*/_jsxs(View, {
+  style: styles.container,
+  children: [/*#__PURE__*/_jsx(DrawerOperatorStatCard, {
+    title: "Addition",
+    symbol: FluencyMathOperatorSymbol.ADDITION,
+    color: COLORS.PRIMARY_GREEN,
+    value: scores.addition
+  }), /*#__PURE__*/_jsx(DrawerOperatorStatCard, {
+    title: "Subtraction",
+    symbol: FluencyMathOperatorSymbol.SUBTRACTION,
+    color: COLORS.PRIMARY_ORANGE,
+    value: scores.subtraction
+  }), /*#__PURE__*/_jsx(DrawerOperatorStatCard, {
+    title: "Multiplication",
+    symbol: FluencyMathOperatorSymbol.MULTIPLICATION,
+    color: COLORS.PRIMARY_BLUE,
+    value: scores.multiplication
+  }), /*#__PURE__*/_jsx(DrawerOperatorStatCard, {
+    title: "Division",
+    symbol: FluencyMathOperatorSymbol.DIVISION,
+    color: COLORS.PRIMARY_PURPLE,
+    value: scores.division
+  })]
+});
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    gap: SPACING[300],
+    paddingBottom: SPACING[300]
+  }
+});
+//# sourceMappingURL=DrawerStats.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","COLORS","SPACING","DrawerOperatorStatCard","FluencyMathOperatorSymbol","jsx","_jsx","jsxs","_jsxs","DrawerStats","scores","style","styles","container","children","title","symbol","ADDITION","color","PRIMARY_GREEN","value","addition","SUBTRACTION","PRIMARY_ORANGE","subtraction","MULTIPLICATION","PRIMARY_BLUE","multiplication","DIVISION","PRIMARY_PURPLE","division","create","flexDirection","gap","paddingBottom"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/drawer/DrawerStats.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,MAAM,EAAEC,OAAO,QAAQ,4BAA4B;AAC5D,SAASC,sBAAsB,QAAQ,6BAA0B;AAEjE,SAASC,yBAAyB,QAAQ,+BAA4B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAMtE,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAAEC;AAAyB,CAAC,kBACtDF,KAAA,CAACR,IAAI;EAACW,KAAK,EAAEC,MAAM,CAACC,SAAU;EAAAC,QAAA,gBAC5BR,IAAA,CAACH,sBAAsB;IACrBY,KAAK,EAAC,UAAU;IAChBC,MAAM,EAAEZ,yBAAyB,CAACa,QAAS;IAC3CC,KAAK,EAAEjB,MAAM,CAACkB,aAAc;IAC5BC,KAAK,EAAEV,MAAM,CAACW;EAAS,CACxB,CAAC,eACFf,IAAA,CAACH,sBAAsB;IACrBY,KAAK,EAAC,aAAa;IACnBC,MAAM,EAAEZ,yBAAyB,CAACkB,WAAY;IAC9CJ,KAAK,EAAEjB,MAAM,CAACsB,cAAe;IAC7BH,KAAK,EAAEV,MAAM,CAACc;EAAY,CAC3B,CAAC,eACFlB,IAAA,CAACH,sBAAsB;IACrBY,KAAK,EAAC,gBAAgB;IACtBC,MAAM,EAAEZ,yBAAyB,CAACqB,cAAe;IACjDP,KAAK,EAAEjB,MAAM,CAACyB,YAAa;IAC3BN,KAAK,EAAEV,MAAM,CAACiB;EAAe,CAC9B,CAAC,eACFrB,IAAA,CAACH,sBAAsB;IACrBY,KAAK,EAAC,UAAU;IAChBC,MAAM,EAAEZ,yBAAyB,CAACwB,QAAS;IAC3CV,KAAK,EAAEjB,MAAM,CAAC4B,cAAe;IAC7BT,KAAK,EAAEV,MAAM,CAACoB;EAAS,CACxB,CAAC;AAAA,CACE,CACP;AAED,MAAMlB,MAAM,GAAGb,UAAU,CAACgC,MAAM,CAAC;EAC/BlB,SAAS,EAAE;IACTmB,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAE/B,OAAO,CAAC,GAAG,CAAC;IACjBgC,aAAa,EAAEhC,OAAO,CAAC,GAAG;EAC5B;AACF,CAAC,CAAC","ignoreList":[]}