@magmamath/students-features 1.8.0 → 1.8.1-rc.0

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","Text","View","BORDER_RADIUS","FONT_FAMILY","SPACING","getOperatorBandColors","jsx","_jsx","jsxs","_jsxs","DrawerOperatorStatCard","title","value","symbol","operator","background","border","text","style","styles","container","backgroundColor","borderColor","children","titleRow","color","numberOfLines","create","flex","justifyContent","gap","padding","borderRadius","borderWidth","flexDirection","alignItems","width","fontFamily","buenosAiresBold","fontSize","textAlign","flexShrink","buenosAires","fontWeight","buenosAiresSemiBold"],"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,aAAa,EAAEC,WAAW,EAAEC,OAAO,QAAQ,4BAA4B;AAChF,SAASC,qBAAqB,QAAQ,iCAA8B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAUpE,OAAO,MAAMC,sBAAsB,GAAGA,CAAC;EACrCC,KAAK;EACLC,KAAK;EACLC,MAAM;EACNC;AAC2B,CAAC,KAAK;EACjC,MAAM;IAAEC,UAAU;IAAEC,MAAM;IAAEC;EAAK,CAAC,GAAGZ,qBAAqB,CAACS,QAAQ,EAAEF,KAAK,CAAC;EAC3E,oBACEH,KAAA,CAACR,IAAI;IAACiB,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAEN,UAAU;MAAEO,WAAW,EAAEN;IAAO,CAAC,CAAE;IAAAO,QAAA,gBACpFd,KAAA,CAACR,IAAI;MAACiB,KAAK,EAAEC,MAAM,CAACK,QAAS;MAAAD,QAAA,gBAC3BhB,IAAA,CAACP,IAAI;QAACkB,KAAK,EAAE,CAACC,MAAM,CAACN,MAAM,EAAE;UAAEY,KAAK,EAAER;QAAK,CAAC,CAAE;QAAAM,QAAA,EAAEV;MAAM,CAAO,CAAC,eAC9DN,IAAA,CAACP,IAAI;QAACkB,KAAK,EAAE,CAACC,MAAM,CAACR,KAAK,EAAE;UAAEc,KAAK,EAAER;QAAK,CAAC,CAAE;QAACS,aAAa,EAAE,CAAE;QAAAH,QAAA,EAC5DZ;MAAK,CACF,CAAC;IAAA,CACH,CAAC,eACPF,KAAA,CAACT,IAAI;MAACkB,KAAK,EAAE,CAACC,MAAM,CAACP,KAAK,EAAE;QAAEa,KAAK,EAAER;MAAK,CAAC,CAAE;MAAAM,QAAA,GAAEX,KAAK,EAAC,GAAC;IAAA,CAAM,CAAC;EAAA,CACzD,CAAC;AAEX,CAAC;AAED,MAAMO,MAAM,GAAGpB,UAAU,CAAC4B,MAAM,CAAC;EAC/BP,SAAS,EAAE;IACTQ,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE,QAAQ;IACxBC,GAAG,EAAE1B,OAAO,CAAC,GAAG,CAAC;IACjB2B,OAAO,EAAE3B,OAAO,CAAC,GAAG,CAAC;IACrB4B,YAAY,EAAE9B,aAAa,CAAC,GAAG,CAAC;IAChC+B,WAAW,EAAE;EACf,CAAC;EACDT,QAAQ,EAAE;IACRU,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBL,GAAG,EAAE1B,OAAO,CAAC,GAAG;EAClB,CAAC;EACDS,MAAM,EAAE;IACNuB,KAAK,EAAE,EAAE;IACTC,UAAU,EAAElC,WAAW,CAACmC,eAAe;IACvCC,QAAQ,EAAE,EAAE;IACZC,SAAS,EAAE;EACb,CAAC;EACD7B,KAAK,EAAE;IACL8B,UAAU,EAAE,CAAC;IACbJ,UAAU,EAAElC,WAAW,CAACuC,WAAW;IACnCC,UAAU,EAAE,KAAK;IACjBJ,QAAQ,EAAE;EACZ,CAAC;EACD3B,KAAK,EAAE;IACLyB,UAAU,EAAElC,WAAW,CAACyC,mBAAmB;IAC3CD,UAAU,EAAE,KAAK;IACjBJ,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"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

@@ -2,35 +2,45 @@
 
 import React from 'react';
 import { StyleSheet, View } from 'react-native';
-import { SPACING } from '@magmamath/react-native-ui';
+import { COLORS, SPACING } from '@magmamath/react-native-ui';
 import { useText } from "../../../../i18n/i18n.js";
-import { useTeacherFluency } from "../../context/TeacherFluencyContext.js";
 import { DrawerOperatorStatCard } from "./DrawerOperatorStatCard.js";
-import { OPERATOR_CARD_CONFIG, OPERATOR_TO_COLUMN } from "../../fluencyTeacher.constants.js";
-import { getOperatorsForGrade } from "../../fluencyTeacher.helpers.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { FluencyMathOperatorSymbol } from "../../fluencyTeacher.constants.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const DrawerStats = ({
   scores
 }) => {
   const t = useText();
-  const {
-    grade
-  } = useTeacherFluency();
-  return /*#__PURE__*/_jsx(View, {
+  return /*#__PURE__*/_jsxs(View, {
     style: styles.container,
-    children: getOperatorsForGrade(grade).map(operator => /*#__PURE__*/_jsx(DrawerOperatorStatCard, {
-      title: t(OPERATOR_CARD_CONFIG[operator].labelKey),
-      symbol: OPERATOR_CARD_CONFIG[operator].symbol,
-      operator: operator,
-      value: scores[OPERATOR_TO_COLUMN[operator]]
-    }, operator))
+    children: [/*#__PURE__*/_jsx(DrawerOperatorStatCard, {
+      title: t('student.fluency.addition'),
+      symbol: FluencyMathOperatorSymbol.ADDITION,
+      color: COLORS.PRIMARY_GREEN,
+      value: scores.addition
+    }), /*#__PURE__*/_jsx(DrawerOperatorStatCard, {
+      title: t('student.fluency.subtraction'),
+      symbol: FluencyMathOperatorSymbol.SUBTRACTION,
+      color: COLORS.PRIMARY_ORANGE,
+      value: scores.subtraction
+    }), /*#__PURE__*/_jsx(DrawerOperatorStatCard, {
+      title: t('student.fluency.multiplication'),
+      symbol: FluencyMathOperatorSymbol.MULTIPLICATION,
+      color: COLORS.PRIMARY_BLUE,
+      value: scores.multiplication
+    }), /*#__PURE__*/_jsx(DrawerOperatorStatCard, {
+      title: t('student.fluency.division'),
+      symbol: FluencyMathOperatorSymbol.DIVISION,
+      color: COLORS.PRIMARY_PURPLE,
+      value: scores.division
+    })]
   });
 };
 const styles = StyleSheet.create({
   container: {
     flexDirection: 'row',
-    gap: SPACING[400],
-    paddingBottom: SPACING[400]
+    gap: SPACING[300],
+    paddingBottom: SPACING[300]
   }
 });
 //# sourceMappingURL=DrawerStats.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","SPACING","useText","useTeacherFluency","DrawerOperatorStatCard","OPERATOR_CARD_CONFIG","OPERATOR_TO_COLUMN","getOperatorsForGrade","jsx","_jsx","DrawerStats","scores","t","grade","style","styles","container","children","map","operator","title","labelKey","symbol","value","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,OAAO,QAAQ,4BAA4B;AACpD,SAASC,OAAO,QAAQ,0BAAuB;AAC/C,SAASC,iBAAiB,QAAQ,wCAAqC;AACvE,SAASC,sBAAsB,QAAQ,6BAA0B;AAGjE,SAASC,oBAAoB,EAAEC,kBAAkB,QAAQ,mCAAgC;AACzF,SAASC,oBAAoB,QAAQ,iCAA8B;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAMnE,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAAEC;AAAyB,CAAC,KAAK;EAC3D,MAAMC,CAAC,GAAGV,OAAO,CAAC,CAAC;EACnB,MAAM;IAAEW;EAAM,CAAC,GAAGV,iBAAiB,CAAC,CAAC;EACrC,oBACEM,IAAA,CAACT,IAAI;IAACc,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,EAC3BV,oBAAoB,CAACM,KAAK,CAAC,CAACK,GAAG,CAAEC,QAAQ,iBACxCV,IAAA,CAACL,sBAAsB;MAErBgB,KAAK,EAAER,CAAC,CAACP,oBAAoB,CAACc,QAAQ,CAAC,CAACE,QAAQ,CAAE;MAClDC,MAAM,EAAEjB,oBAAoB,CAACc,QAAQ,CAAC,CAACG,MAAO;MAC9CH,QAAQ,EAAEA,QAAS;MACnBI,KAAK,EAAEZ,MAAM,CAACL,kBAAkB,CAACa,QAAQ,CAAC;IAAE,GAJvCA,QAKN,CACF;EAAC,CACE,CAAC;AAEX,CAAC;AAED,MAAMJ,MAAM,GAAGhB,UAAU,CAACyB,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTS,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAEzB,OAAO,CAAC,GAAG,CAAC;IACjB0B,aAAa,EAAE1B,OAAO,CAAC,GAAG;EAC5B;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","View","COLORS","SPACING","useText","DrawerOperatorStatCard","FluencyMathOperatorSymbol","jsx","_jsx","jsxs","_jsxs","DrawerStats","scores","t","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,OAAO,QAAQ,0BAAuB;AAC/C,SAASC,sBAAsB,QAAQ,6BAA0B;AAGjE,SAASC,yBAAyB,QAAQ,mCAAgC;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAM1E,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAAEC;AAAyB,CAAC,KAAK;EAC3D,MAAMC,CAAC,GAAGT,OAAO,CAAC,CAAC;EACnB,oBACEM,KAAA,CAACT,IAAI;IAACa,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5BT,IAAA,CAACH,sBAAsB;MACrBa,KAAK,EAAEL,CAAC,CAAC,0BAA0B,CAAE;MACrCM,MAAM,EAAEb,yBAAyB,CAACc,QAAS;MAC3CC,KAAK,EAAEnB,MAAM,CAACoB,aAAc;MAC5BC,KAAK,EAAEX,MAAM,CAACY;IAAS,CACxB,CAAC,eACFhB,IAAA,CAACH,sBAAsB;MACrBa,KAAK,EAAEL,CAAC,CAAC,6BAA6B,CAAE;MACxCM,MAAM,EAAEb,yBAAyB,CAACmB,WAAY;MAC9CJ,KAAK,EAAEnB,MAAM,CAACwB,cAAe;MAC7BH,KAAK,EAAEX,MAAM,CAACe;IAAY,CAC3B,CAAC,eACFnB,IAAA,CAACH,sBAAsB;MACrBa,KAAK,EAAEL,CAAC,CAAC,gCAAgC,CAAE;MAC3CM,MAAM,EAAEb,yBAAyB,CAACsB,cAAe;MACjDP,KAAK,EAAEnB,MAAM,CAAC2B,YAAa;MAC3BN,KAAK,EAAEX,MAAM,CAACkB;IAAe,CAC9B,CAAC,eACFtB,IAAA,CAACH,sBAAsB;MACrBa,KAAK,EAAEL,CAAC,CAAC,0BAA0B,CAAE;MACrCM,MAAM,EAAEb,yBAAyB,CAACyB,QAAS;MAC3CV,KAAK,EAAEnB,MAAM,CAAC8B,cAAe;MAC7BT,KAAK,EAAEX,MAAM,CAACqB;IAAS,CACxB,CAAC;EAAA,CACE,CAAC;AAEX,CAAC;AAED,MAAMlB,MAAM,GAAGf,UAAU,CAACkC,MAAM,CAAC;EAC/BlB,SAAS,EAAE;IACTmB,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAEjC,OAAO,CAAC,GAAG,CAAC;IACjBkC,aAAa,EAAElC,OAAO,CAAC,GAAG;EAC5B;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -8,8 +8,9 @@ import { DrawerHeader } from "./DrawerHeader.js";
 import { DrawerStats } from "./DrawerStats.js";
 import { DrawerMatrixes } from "./DrawerMatrixes.js";
 import { useTeacherFluency } from "../../context/TeacherFluencyContext.js";
+import { DrawerMasteryLegend } from "./DrawerMasteryLegend.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const DRAWER_WIDTH = 815;
+const DRAWER_WIDTH = 700;
 const BACKDROP_COLOR = 'rgba(0, 0, 0, 0.2)';
 const backdropOpacity = new Animated.Value(0);
 const drawerTranslateX = new Animated.Value(DRAWER_WIDTH);
@@ -71,9 +72,9 @@ export const FluencyTeacherDrawer = () => {
           style: styles.content,
           children: [/*#__PURE__*/_jsx(DrawerStats, {
             scores: student.scores
-          }), /*#__PURE__*/_jsx(ScrollView, {
+          }), /*#__PURE__*/_jsxs(ScrollView, {
             showsVerticalScrollIndicator: false,
-            children: /*#__PURE__*/_jsx(DrawerMatrixes, {})
+            children: [/*#__PURE__*/_jsx(DrawerMatrixes, {}), /*#__PURE__*/_jsx(DrawerMasteryLegend, {})]
           })]
         })]
       })]
@@ -94,14 +95,13 @@ const styles = StyleSheet.create({
     right: 0,
     bottom: 0,
     width: DRAWER_WIDTH,
-    maxWidth: '100%',
     backgroundColor: COLORS.NEUTRAL_1,
     ...SHADOWS[3]
   },
   content: {
     flex: 1,
-    paddingVertical: SPACING[200],
-    paddingHorizontal: SPACING[400]
+    paddingVertical: SPACING[500],
+    paddingHorizontal: SPACING[700]
   }
 });
 //# sourceMappingURL=FluencyTeacherDrawer.js.map

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","Text","View","COLORS","FONT_FAMILY","useText","MatrixHeaderRow","MatrixRow","jsx","_jsx","jsxs","_jsxs","DrawerMatrix","grid","cellSize","fontSize","borderRadius","cellColorMap","onLayout","t","style","styles","container","children","emptyText","colLabels","rows","map","row","label","cells","colorMap","create","flex","alignItems","justifyContent","gap","fontFamily","buenosAiresSemiBold","color","NEUTRAL_6","textAlign"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/matrix/DrawerMatrix.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAErD,SAASC,MAAM,EAAEC,WAAW,QAAQ,4BAA4B;AAChE,SAASC,OAAO,QAAQ,0BAAuB;AAC/C,SAASC,eAAe,QAAQ,sBAAmB;AACnD,SAASC,SAAS,QAAQ,gBAAa;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAavC,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAC3BC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC,YAAY;EACZC,YAAY;EACZC;AACiB,CAAC,KAAK;EACvB,MAAMC,CAAC,GAAGd,OAAO,CAAC,CAAC;EACnB,oBACEI,IAAA,CAACP,IAAI;IAACkB,KAAK,EAAEC,MAAM,CAACC,SAAU;IAACJ,QAAQ,EAAEA,QAAS;IAAAK,QAAA,EAC/C,CAACV,IAAI,gBACJJ,IAAA,CAACR,IAAI;MAACmB,KAAK,EAAEC,MAAM,CAACG,SAAU;MAAAD,QAAA,EAAEJ,CAAC,CAAC,kCAAkC;IAAC,CAAO,CAAC,GAE7EL,QAAQ,GAAG,CAAC,iBACVH,KAAA,CAACT,IAAI;MAACkB,KAAK,EAAEC,MAAM,CAACR,IAAK;MAAAU,QAAA,gBACvBd,IAAA,CAACH,eAAe;QAACmB,SAAS,EAAEZ,IAAI,CAACY,SAAU;QAACX,QAAQ,EAAEA,QAAS;QAACC,QAAQ,EAAEA;MAAS,CAAE,CAAC,EACrFF,IAAI,CAACa,IAAI,CAACC,GAAG,CAAEC,GAAG,iBACjBnB,IAAA,CAACF,SAAS;QAERsB,KAAK,EAAED,GAAG,CAACC,KAAM;QACjBC,KAAK,EAAEF,GAAG,CAACE,KAAM;QACjBhB,QAAQ,EAAEA,QAAS;QACnBE,YAAY,EAAEA,YAAa;QAC3Be,QAAQ,EAAEd,YAAa;QACvBF,QAAQ,EAAEA;MAAS,GANda,GAAG,CAACC,KAOV,CACF,CAAC;IAAA,CACE;EAET,CACG,CAAC;AAEX,CAAC;AAED,MAAMR,MAAM,GAAGrB,UAAU,CAACgC,MAAM,CAAC;EAC/BV,SAAS,EAAE;IACTW,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDtB,IAAI,EAAE;IACJuB,GAAG,EAAE;EACP,CAAC;EACDZ,SAAS,EAAE;IACTa,UAAU,EAAEjC,WAAW,CAACkC,mBAAmB;IAC3CvB,QAAQ,EAAE,EAAE;IACZwB,KAAK,EAAEpC,MAAM,CAACqC,SAAS;IACvBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","Text","View","COLORS","FONT_FAMILY","useText","MatrixHeaderRow","MatrixRow","jsx","_jsx","jsxs","_jsxs","DrawerMatrix","grid","cellSize","fontSize","borderRadius","cellColorMap","onLayout","t","style","styles","container","children","emptyText","colLabels","rows","map","row","label","cells","colorMap","create","flex","alignItems","justifyContent","gap","fontFamily","buenosAiresSemiBold","color","NEUTRAL_6","textAlign"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/matrix/DrawerMatrix.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAErD,SAASC,MAAM,EAAEC,WAAW,QAAQ,4BAA4B;AAChE,SAASC,OAAO,QAAQ,0BAAuB;AAC/C,SAASC,eAAe,QAAQ,sBAAmB;AACnD,SAASC,SAAS,QAAQ,gBAAa;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAYvC,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAC3BC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC,YAAY;EACZC,YAAY;EACZC;AACiB,CAAC,KAAK;EACvB,MAAMC,CAAC,GAAGd,OAAO,CAAC,CAAC;EACnB,oBACEI,IAAA,CAACP,IAAI;IAACkB,KAAK,EAAEC,MAAM,CAACC,SAAU;IAACJ,QAAQ,EAAEA,QAAS;IAAAK,QAAA,EAC/C,CAACV,IAAI,gBACJJ,IAAA,CAACR,IAAI;MAACmB,KAAK,EAAEC,MAAM,CAACG,SAAU;MAAAD,QAAA,EAAEJ,CAAC,CAAC,kCAAkC;IAAC,CAAO,CAAC,GAE7EL,QAAQ,GAAG,CAAC,iBACVH,KAAA,CAACT,IAAI;MAACkB,KAAK,EAAEC,MAAM,CAACR,IAAK;MAAAU,QAAA,gBACvBd,IAAA,CAACH,eAAe;QAACmB,SAAS,EAAEZ,IAAI,CAACY,SAAU;QAACX,QAAQ,EAAEA,QAAS;QAACC,QAAQ,EAAEA;MAAS,CAAE,CAAC,EACrFF,IAAI,CAACa,IAAI,CAACC,GAAG,CAAEC,GAAG,iBACjBnB,IAAA,CAACF,SAAS;QAERsB,KAAK,EAAED,GAAG,CAACC,KAAM;QACjBC,KAAK,EAAEF,GAAG,CAACE,KAAM;QACjBhB,QAAQ,EAAEA,QAAS;QACnBE,YAAY,EAAEA,YAAa;QAC3Be,QAAQ,EAAEd,YAAa;QACvBF,QAAQ,EAAEA;MAAS,GANda,GAAG,CAACC,KAOV,CACF,CAAC;IAAA,CACE;EAET,CACG,CAAC;AAEX,CAAC;AAED,MAAMR,MAAM,GAAGrB,UAAU,CAACgC,MAAM,CAAC;EAC/BV,SAAS,EAAE;IACTW,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDtB,IAAI,EAAE;IACJuB,GAAG,EAAE;EACP,CAAC;EACDZ,SAAS,EAAE;IACTa,UAAU,EAAEjC,WAAW,CAACkC,mBAAmB;IAC3CvB,QAAQ,EAAE,EAAE;IACZwB,KAAK,EAAEpC,MAAM,CAACqC,SAAS;IACvBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

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

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

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

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

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

@@ -30,7 +30,8 @@ export const MatrixRow = ({
     isEmpty: cell.isEmpty,
     cellSize: cellSize,
     borderRadius: borderRadius,
-    colorMap: colorMap
+    colorMap: colorMap,
+    fontSize: fontSize
   }, i))]
 });
 const styles = StyleSheet.create({

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","Text","View","COLORS","FONT_FAMILY","MatrixCell","jsx","_jsx","jsxs","_jsxs","MatrixRow","label","cells","cellSize","borderRadius","colorMap","fontSize","style","styles","row","children","labelCell","width","height","map","cell","i","box","isEmpty","create","flexDirection","gap","alignItems","justifyContent","color","NEUTRAL_7","fontFamily","buenosAires","fontWeight","textAlign"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/matrix/MatrixRow.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACrD,SAASC,MAAM,EAAEC,WAAW,QAAQ,4BAA4B;AAChE,SAASC,UAAU,QAAQ,iBAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAazC,OAAO,MAAMC,SAAS,GAAGA,CAAC;EACxBC,KAAK;EACLC,KAAK;EACLC,QAAQ;EACRC,YAAY;EACZC,QAAQ;EACRC;AACc,CAAC,kBACfP,KAAA,CAACP,IAAI;EAACe,KAAK,EAAEC,MAAM,CAACC,GAAI;EAAAC,QAAA,gBACtBb,IAAA,CAACL,IAAI;IAACe,KAAK,EAAE,CAACC,MAAM,CAACG,SAAS,EAAE;MAAEC,KAAK,EAAET,QAAQ;MAAEU,MAAM,EAAEV;IAAS,CAAC,CAAE;IAAAO,QAAA,eACrEb,IAAA,CAACN,IAAI;MAACgB,KAAK,EAAE,CAACC,MAAM,CAACP,KAAK,EAAE;QAAEK;MAAS,CAAC,CAAE;MAAAI,QAAA,EAAET;IAAK,CAAO;EAAC,CACrD,CAAC,EACNC,KAAK,CAACY,GAAG,CAAC,CAACC,IAAI,EAAEC,CAAC,kBACjBnB,IAAA,CAACF,UAAU;IAETsB,GAAG,EAAEF,IAAI,CAACE,GAAI;IACdC,OAAO,EAAEH,IAAI,CAACG,OAAQ;IACtBf,QAAQ,EAAEA,QAAS;IACnBC,YAAY,EAAEA,YAAa;IAC3BC,QAAQ,EAAEA;EAAS,GALdW,CAMN,CACF,CAAC;AAAA,CACE,CACP;AAED,MAAMR,MAAM,GAAGlB,UAAU,CAAC6B,MAAM,CAAC;EAC/BV,GAAG,EAAE;IACHW,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAE;EACP,CAAC;EACDV,SAAS,EAAE;IACTW,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDtB,KAAK,EAAE;IACLuB,KAAK,EAAE/B,MAAM,CAACgC,SAAS;IACvBC,UAAU,EAAEhC,WAAW,CAACiC,WAAW;IACnCC,UAAU,EAAE,KAAK;IACjBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","Text","View","COLORS","FONT_FAMILY","MatrixCell","jsx","_jsx","jsxs","_jsxs","MatrixRow","label","cells","cellSize","borderRadius","colorMap","fontSize","style","styles","row","children","labelCell","width","height","map","cell","i","box","isEmpty","create","flexDirection","gap","alignItems","justifyContent","color","NEUTRAL_7","fontFamily","buenosAires","fontWeight","textAlign"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/matrix/MatrixRow.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACrD,SAASC,MAAM,EAAEC,WAAW,QAAQ,4BAA4B;AAChE,SAASC,UAAU,QAAQ,iBAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAYzC,OAAO,MAAMC,SAAS,GAAGA,CAAC;EACxBC,KAAK;EACLC,KAAK;EACLC,QAAQ;EACRC,YAAY;EACZC,QAAQ;EACRC;AACc,CAAC,kBACfP,KAAA,CAACP,IAAI;EAACe,KAAK,EAAEC,MAAM,CAACC,GAAI;EAAAC,QAAA,gBACtBb,IAAA,CAACL,IAAI;IAACe,KAAK,EAAE,CAACC,MAAM,CAACG,SAAS,EAAE;MAAEC,KAAK,EAAET,QAAQ;MAAEU,MAAM,EAAEV;IAAS,CAAC,CAAE;IAAAO,QAAA,eACrEb,IAAA,CAACN,IAAI;MAACgB,KAAK,EAAE,CAACC,MAAM,CAACP,KAAK,EAAE;QAAEK;MAAS,CAAC,CAAE;MAAAI,QAAA,EAAET;IAAK,CAAO;EAAC,CACrD,CAAC,EACNC,KAAK,CAACY,GAAG,CAAC,CAACC,IAAI,EAAEC,CAAC,kBACjBnB,IAAA,CAACF,UAAU;IAETsB,GAAG,EAAEF,IAAI,CAACE,GAAI;IACdC,OAAO,EAAEH,IAAI,CAACG,OAAQ;IACtBf,QAAQ,EAAEA,QAAS;IACnBC,YAAY,EAAEA,YAAa;IAC3BC,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA;EAAS,GANdU,CAON,CACF,CAAC;AAAA,CACE,CACP;AAED,MAAMR,MAAM,GAAGlB,UAAU,CAAC6B,MAAM,CAAC;EAC/BV,GAAG,EAAE;IACHW,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAE;EACP,CAAC;EACDV,SAAS,EAAE;IACTW,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDtB,KAAK,EAAE;IACLuB,KAAK,EAAE/B,MAAM,CAACgC,SAAS;IACvBC,UAAU,EAAEhC,WAAW,CAACiC,WAAW;IACnCC,UAAU,EAAE,KAAK;IACjBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/fluency-teacher/components/table/AllPupilsTableRow.js

@@ -6,24 +6,22 @@ import { COLORS, HeadingVariants, SPACING, StudentsIcon, Typography } from '@mag
 import { useUnit } from 'effector-react';
 import { useText } from "../../../../i18n/i18n.js";
 import { useTeacherFluency } from "../../context/TeacherFluencyContext.js";
-import { COLUMN_TO_OPERATOR } from "../../fluencyTeacher.constants.js";
-import { getTableOperatorColumns } from "../../fluencyTeacher.helpers.js";
-import { AverageCell } from "./AverageCell.js";
+import { toAverageLabel } from "../../fluencyTeacher.helpers.js";
+import { TABLE_OPERATOR_COLUMNS } from "../../fluencyTeacher.constants.js";
+import { TableRowAverageProgress } from "./TableRowAverageProgress.js";
 import { OperatorBadge } from "./OperatorBadge.js";
-import { tableCellStyles } from "./tableCell.styles.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const AllPupilsTableRow = () => {
   const t = useText();
   const {
-    model,
-    grade
+    model
   } = useTeacherFluency();
   const stats = useUnit(model.table.$stats);
   if (!stats) return null;
   return /*#__PURE__*/_jsxs(View, {
     style: styles.row,
     children: [/*#__PURE__*/_jsxs(View, {
-      style: tableCellStyles.name,
+      style: styles.name,
       children: [/*#__PURE__*/_jsx(View, {
         style: styles.icon,
         children: /*#__PURE__*/_jsx(StudentsIcon, {
@@ -37,19 +35,23 @@ export const AllPupilsTableRow = () => {
         children: t('teacher.fluency.allPupils')
       })]
     }), /*#__PURE__*/_jsx(View, {
-      style: tableCellStyles.average,
-      children: /*#__PURE__*/_jsx(AverageCell, {
-        percent: stats.classAverage
+      style: styles.average,
+      children: /*#__PURE__*/_jsx(TableRowAverageProgress, {
+        percent: stats.classAverage,
+        label: t(toAverageLabel(stats.classAverage / 100))
       })
     }), /*#__PURE__*/_jsx(View, {
-      style: tableCellStyles.operators,
-      children: getTableOperatorColumns(grade).map(({
-        operator
+      style: styles.operators,
+      children: TABLE_OPERATOR_COLUMNS.map(({
+        operator,
+        badgeBg,
+        badgeText
       }) => /*#__PURE__*/_jsx(View, {
-        style: tableCellStyles.operator,
+        style: styles.operator,
         children: /*#__PURE__*/_jsx(OperatorBadge, {
           value: stats.operatorAverages[operator],
-          operator: COLUMN_TO_OPERATOR[operator]
+          bgColor: badgeBg,
+          textColor: badgeText
         })
       }, operator))
     })]
@@ -64,7 +66,14 @@ const styles = StyleSheet.create({
     gap: SPACING[400],
     backgroundColor: COLORS.NEUTRAL_2,
     borderBottomWidth: 1,
-    borderBottomColor: COLORS.NEUTRAL_6
+    borderBottomColor: COLORS.NEUTRAL_4
+  },
+  name: {
+    width: 137,
+    height: 40,
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 12
   },
   icon: {
     width: 25,
@@ -75,6 +84,23 @@ const styles = StyleSheet.create({
   nameText: {
     width: 100,
     color: COLORS.NEUTRAL_9
+  },
+  average: {
+    width: 145,
+    height: 40,
+    paddingHorizontal: 12,
+    justifyContent: 'center'
+  },
+  operators: {
+    flex: 1,
+    height: 40,
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: SPACING[800]
+  },
+  operator: {
+    flex: 1,
+    alignItems: 'center'
   }
 });
 //# sourceMappingURL=AllPupilsTableRow.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","COLORS","HeadingVariants","SPACING","StudentsIcon","Typography","useUnit","useText","useTeacherFluency","COLUMN_TO_OPERATOR","getTableOperatorColumns","AverageCell","OperatorBadge","tableCellStyles","jsx","_jsx","jsxs","_jsxs","AllPupilsTableRow","t","model","grade","stats","table","$stats","style","styles","row","children","name","icon","size","color","NEUTRAL_7","variant","H7","nameText","numberOfLines","average","percent","classAverage","operators","map","operator","value","operatorAverages","create","flexDirection","alignItems","paddingHorizontal","paddingVertical","gap","backgroundColor","NEUTRAL_2","borderBottomWidth","borderBottomColor","NEUTRAL_6","width","height","justifyContent","NEUTRAL_9"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/table/AllPupilsTableRow.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","View","COLORS","HeadingVariants","SPACING","StudentsIcon","Typography","useUnit","useText","useTeacherFluency","toAverageLabel","TABLE_OPERATOR_COLUMNS","TableRowAverageProgress","OperatorBadge","jsx","_jsx","jsxs","_jsxs","AllPupilsTableRow","t","model","stats","table","$stats","style","styles","row","children","name","icon","size","color","NEUTRAL_7","variant","H7","nameText","numberOfLines","average","percent","classAverage","label","operators","map","operator","badgeBg","badgeText","value","operatorAverages","bgColor","textColor","create","flexDirection","alignItems","paddingHorizontal","paddingVertical","gap","backgroundColor","NEUTRAL_2","borderBottomWidth","borderBottomColor","NEUTRAL_4","width","height","justifyContent","NEUTRAL_9","flex"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/table/AllPupilsTableRow.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/fluency-teacher/components/table/AverageSortButton.js

@@ -1,20 +1,76 @@
 "use strict";
 
 import React from 'react';
+import { Pressable, StyleSheet, Text, View } from 'react-native';
+import { CaretDownIcon, CaretUpIcon, COLORS, FONT_FAMILY, SHADOWS, SPACING, StudentsIcon } from '@magmamath/react-native-ui';
 import { useText } from "../../../../i18n/i18n.js";
+import { SortDefaultIcon } from "../../assets/SortDefaultIcon.js";
+import { SortingDirection } from "../../../../shared/common.constants.js";
 import { FluencyTableColumn } from "../../fluencyTeacher.constants.js";
-import { TableColumnSortButton } from "./TableColumnSortButton.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const AverageSortButton = ({
   sort,
   onPress
 }) => {
   const t = useText();
-  return /*#__PURE__*/_jsx(TableColumnSortButton, {
-    label: t('teacher.fluency.average'),
-    isActive: sort.column === FluencyTableColumn.AVERAGE,
-    direction: sort.direction,
-    onPress: onPress
+  const isActive = sort.column === FluencyTableColumn.AVERAGE;
+  const color = isActive ? COLORS.NEUTRAL_1 : COLORS.NEUTRAL_7;
+  const ActiveSortIcon = (() => {
+    return sort.direction === SortingDirection.DESC ? /*#__PURE__*/_jsx(CaretUpIcon, {
+      size: 12,
+      color: color
+    }) : /*#__PURE__*/_jsx(CaretDownIcon, {
+      size: 12,
+      color: color
+    });
+  })();
+  return /*#__PURE__*/_jsxs(Pressable, {
+    onPress: onPress,
+    style: [styles.button, isActive && styles.buttonActive],
+    children: [/*#__PURE__*/_jsx(View, {
+      style: styles.iconWrapper,
+      children: /*#__PURE__*/_jsx(StudentsIcon, {
+        size: 16,
+        color: color
+      })
+    }), /*#__PURE__*/_jsx(Text, {
+      selectable: false,
+      style: [styles.label, {
+        color
+      }],
+      children: t('teacher.fluency.average')
+    }), isActive ? ActiveSortIcon : /*#__PURE__*/_jsx(SortDefaultIcon, {
+      size: 10,
+      color: color
+    })]
   });
 };
+const styles = StyleSheet.create({
+  button: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: SPACING[100],
+    paddingLeft: 6,
+    paddingRight: SPACING[200],
+    paddingVertical: SPACING[100],
+    borderRadius: 6,
+    borderWidth: 0.5,
+    borderColor: COLORS.NEUTRAL_3,
+    backgroundColor: COLORS.NEUTRAL_1,
+    ...SHADOWS[2]
+  },
+  buttonActive: {
+    backgroundColor: COLORS.PRIMARY_YELLOW,
+    borderColor: COLORS.PRIMARY_YELLOW
+  },
+  iconWrapper: {
+    marginHorizontal: SPACING[100]
+  },
+  label: {
+    fontFamily: FONT_FAMILY.buenosAiresBold,
+    fontSize: 12,
+    letterSpacing: 0.24,
+    textTransform: 'uppercase'
+  }
+});
 //# sourceMappingURL=AverageSortButton.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useText","FluencyTableColumn","TableColumnSortButton","jsx","_jsx","AverageSortButton","sort","onPress","t","label","isActive","column","AVERAGE","direction"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/table/AverageSortButton.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,QAAQ,0BAAuB;AAE/C,SAASC,kBAAkB,QAAQ,mCAAgC;AACnE,SAASC,qBAAqB,QAAQ,4BAAyB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAO/D,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,IAAI;EAAEC;AAAgC,CAAC,KAAK;EAC9E,MAAMC,CAAC,GAAGR,OAAO,CAAC,CAAC;EACnB,oBACEI,IAAA,CAACF,qBAAqB;IACpBO,KAAK,EAAED,CAAC,CAAC,yBAAyB,CAAE;IACpCE,QAAQ,EAAEJ,IAAI,CAACK,MAAM,KAAKV,kBAAkB,CAACW,OAAQ;IACrDC,SAAS,EAAEP,IAAI,CAACO,SAAU;IAC1BN,OAAO,EAAEA;EAAQ,CAClB,CAAC;AAEN,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Pressable","StyleSheet","Text","View","CaretDownIcon","CaretUpIcon","COLORS","FONT_FAMILY","SHADOWS","SPACING","StudentsIcon","useText","SortDefaultIcon","SortingDirection","FluencyTableColumn","jsx","_jsx","jsxs","_jsxs","AverageSortButton","sort","onPress","t","isActive","column","AVERAGE","color","NEUTRAL_1","NEUTRAL_7","ActiveSortIcon","direction","DESC","size","style","styles","button","buttonActive","children","iconWrapper","selectable","label","create","flexDirection","alignItems","gap","paddingLeft","paddingRight","paddingVertical","borderRadius","borderWidth","borderColor","NEUTRAL_3","backgroundColor","PRIMARY_YELLOW","marginHorizontal","fontFamily","buenosAiresBold","fontSize","letterSpacing","textTransform"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/table/AverageSortButton.tsx"],"mappings":"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","ignoreList":[]}