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

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

@@ -0,0 +1,143 @@
+"use strict";
+
+import React from 'react';
+import { ActivityIndicator, FlatList, StyleSheet, View } from 'react-native';
+import { useStoreMap, useUnit } from 'effector-react';
+import { BORDER_RADIUS, COLORS, SHADOWS, SPACING } from '@magmamath/react-native-ui';
+import { useTeacherFluency } from "../../context/TeacherFluencyContext.js";
+import { TableRow } from "./TableRow.js";
+import { TABLE_OPERATOR_COLUMNS } from "../../fluencyTeacher.constants.js";
+import { TableColumnSortButton } from "./TableColumnSortButton.js";
+import { AllPupilsTableRow } from "./AllPupilsTableRow.js";
+import { AverageSortButton } from "./AverageSortButton.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export const FluencyTeacherStudentsTable = () => {
+  const {
+    model
+  } = useTeacherFluency();
+  const {
+    sort,
+    search,
+    isLoading
+  } = useUnit({
+    sort: model.filters.$sort,
+    search: model.filters.$search,
+    isLoading: model.api.getClassSummaryFx.pending
+  });
+  const sortedStudents = useStoreMap({
+    store: model.table.$table,
+    keys: [search, sort],
+    fn: (students, [searchTerm, sortState]) => {
+      const filtered = searchTerm ? students.filter(s => s.name.toLowerCase().includes(searchTerm.toLowerCase())) : students;
+      return [...filtered].sort((a, b) => {
+        const aVal = sortState.column === 'average' ? a.averagePercent : a.scores[sortState.column];
+        const bVal = sortState.column === 'average' ? b.averagePercent : b.scores[sortState.column];
+        return sortState.direction === 'desc' ? bVal - aVal : aVal - bVal;
+      });
+    }
+  });
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: [styles.row, styles.headerRow],
+      children: [/*#__PURE__*/_jsx(View, {
+        style: styles.nameCell
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.average,
+        children: /*#__PURE__*/_jsx(AverageSortButton, {
+          sort: sort,
+          onPress: () => model.filters.toggleSort('average')
+        })
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.operators,
+        children: TABLE_OPERATOR_COLUMNS.map(({
+          operator,
+          label,
+          symbol,
+          badgeBg,
+          badgeText
+        }) => /*#__PURE__*/_jsx(View, {
+          style: styles.operator,
+          children: /*#__PURE__*/_jsx(TableColumnSortButton, {
+            symbol: symbol,
+            label: label,
+            isActive: sort.column === operator,
+            direction: sort.direction,
+            activeBg: badgeBg,
+            activeText: badgeText,
+            onPress: () => model.filters.toggleSort(operator)
+          })
+        }, operator))
+      })]
+    }), isLoading ? /*#__PURE__*/_jsx(View, {
+      style: styles.loader,
+      children: /*#__PURE__*/_jsx(ActivityIndicator, {
+        size: "large",
+        color: COLORS.PRIMARY_BLUE
+      })
+    }) : /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(AllPupilsTableRow, {}), /*#__PURE__*/_jsx(FlatList, {
+        data: sortedStudents,
+        keyExtractor: student => student.id,
+        renderItem: ({
+          item: student
+        }) => /*#__PURE__*/_jsx(TableRow, {
+          name: student.name,
+          onPress: () => model.table.setStudentInfoDrawer(student),
+          averagePercent: student.averagePercent,
+          averageLabel: student.averageLabel,
+          scores: student.scores
+        })
+      })]
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    borderRadius: BORDER_RADIUS[300],
+    overflow: 'hidden',
+    ...SHADOWS[1]
+  },
+  loader: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: SPACING[400],
+    paddingVertical: SPACING[200],
+    gap: SPACING[400],
+    backgroundColor: COLORS.NEUTRAL_1,
+    borderBottomWidth: 1,
+    borderBottomColor: COLORS.NEUTRAL_4
+  },
+  headerRow: {
+    paddingVertical: SPACING[100],
+    backgroundColor: COLORS.NEUTRAL_2
+  },
+  nameCell: {
+    width: 137,
+    height: 40
+  },
+  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=FluencyTeacherStudentsTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","ActivityIndicator","FlatList","StyleSheet","View","useStoreMap","useUnit","BORDER_RADIUS","COLORS","SHADOWS","SPACING","useTeacherFluency","TableRow","TABLE_OPERATOR_COLUMNS","TableColumnSortButton","AllPupilsTableRow","AverageSortButton","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","FluencyTeacherStudentsTable","model","sort","search","isLoading","filters","$sort","$search","api","getClassSummaryFx","pending","sortedStudents","store","table","$table","keys","fn","students","searchTerm","sortState","filtered","filter","s","name","toLowerCase","includes","a","b","aVal","column","averagePercent","scores","bVal","direction","style","styles","container","children","row","headerRow","nameCell","average","onPress","toggleSort","operators","map","operator","label","symbol","badgeBg","badgeText","isActive","activeBg","activeText","loader","size","color","PRIMARY_BLUE","data","keyExtractor","student","id","renderItem","item","setStudentInfoDrawer","averageLabel","create","flex","borderRadius","overflow","justifyContent","alignItems","flexDirection","paddingHorizontal","paddingVertical","gap","backgroundColor","NEUTRAL_1","borderBottomWidth","borderBottomColor","NEUTRAL_4","NEUTRAL_2","width","height"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/table/FluencyTeacherStudentsTable.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,34 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { BORDER_RADIUS, HeadingVariants, SPACING, Typography } from '@magmamath/react-native-ui';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+export const OperatorBadge = ({
+  value,
+  bgColor,
+  textColor
+}) => /*#__PURE__*/_jsx(View, {
+  style: [styles.badge, {
+    backgroundColor: bgColor
+  }],
+  children: /*#__PURE__*/_jsxs(Typography, {
+    variant: HeadingVariants.H9,
+    style: [styles.badgeText, {
+      color: textColor
+    }],
+    children: [value, "%"]
+  })
+});
+const styles = StyleSheet.create({
+  badge: {
+    width: 90,
+    paddingVertical: SPACING[200],
+    borderRadius: BORDER_RADIUS[200],
+    alignItems: 'center'
+  },
+  badgeText: {
+    textAlign: 'center'
+  }
+});
+//# sourceMappingURL=OperatorBadge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","BORDER_RADIUS","HeadingVariants","SPACING","Typography","jsxs","_jsxs","jsx","_jsx","OperatorBadge","value","bgColor","textColor","style","styles","badge","backgroundColor","children","variant","H9","badgeText","color","create","width","paddingVertical","borderRadius","alignItems","textAlign"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/table/OperatorBadge.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,aAAa,EAAEC,eAAe,EAAEC,OAAO,EAAEC,UAAU,QAAQ,4BAA4B;AAAA,SAAAC,IAAA,IAAAC,KAAA,EAAAC,GAAA,IAAAC,IAAA;AAQhG,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAAEC,KAAK;EAAEC,OAAO;EAAEC;AAA8B,CAAC,kBAC7EJ,IAAA,CAACR,IAAI;EAACa,KAAK,EAAE,CAACC,MAAM,CAACC,KAAK,EAAE;IAAEC,eAAe,EAAEL;EAAQ,CAAC,CAAE;EAAAM,QAAA,eACxDX,KAAA,CAACF,UAAU;IAACc,OAAO,EAAEhB,eAAe,CAACiB,EAAG;IAACN,KAAK,EAAE,CAACC,MAAM,CAACM,SAAS,EAAE;MAAEC,KAAK,EAAET;IAAU,CAAC,CAAE;IAAAK,QAAA,GACtFP,KAAK,EAAC,GACT;EAAA,CAAY;AAAC,CACT,CACP;AAED,MAAMI,MAAM,GAAGf,UAAU,CAACuB,MAAM,CAAC;EAC/BP,KAAK,EAAE;IACLQ,KAAK,EAAE,EAAE;IACTC,eAAe,EAAErB,OAAO,CAAC,GAAG,CAAC;IAC7BsB,YAAY,EAAExB,aAAa,CAAC,GAAG,CAAC;IAChCyB,UAAU,EAAE;EACd,CAAC;EACDN,SAAS,EAAE;IACTO,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,78 @@
+"use strict";
+
+import React from 'react';
+import { Pressable, StyleSheet, Text } from 'react-native';
+import { CaretDownIcon, CaretUpIcon, COLORS, FONT_FAMILY, SHADOWS, SPACING } from '@magmamath/react-native-ui';
+import { SortDefaultIcon } from "../../assets/SortDefaultIcon.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const TableColumnSortButton = ({
+  symbol,
+  label,
+  isActive,
+  direction,
+  activeBg,
+  activeText,
+  onPress
+}) => {
+  const contentColor = isActive ? activeText : COLORS.NEUTRAL_7;
+  return /*#__PURE__*/_jsxs(Pressable, {
+    onPress: onPress,
+    style: [styles.sortButton, isActive && {
+      backgroundColor: activeBg,
+      borderColor: activeBg
+    }],
+    children: [/*#__PURE__*/_jsx(Text, {
+      selectable: false,
+      style: [styles.sortButtonSymbol, {
+        color: contentColor
+      }],
+      children: symbol
+    }), /*#__PURE__*/_jsx(Text, {
+      selectable: false,
+      style: [styles.sortButtonLabel, {
+        color: contentColor
+      }],
+      children: label
+    }), isActive ? direction === 'desc' ? /*#__PURE__*/_jsx(CaretDownIcon, {
+      size: 12,
+      color: contentColor
+    }) : /*#__PURE__*/_jsx(CaretUpIcon, {
+      size: 12,
+      color: contentColor
+    }) : /*#__PURE__*/_jsx(SortDefaultIcon, {
+      size: 10,
+      color: contentColor
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  sortButton: {
+    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]
+  },
+  sortButtonSymbol: {
+    width: 12,
+    height: 12,
+    lineHeight: 10,
+    marginHorizontal: SPACING[100],
+    textAlign: 'center',
+    fontFamily: FONT_FAMILY.buenosAiresBold,
+    fontSize: 24
+  },
+  sortButtonLabel: {
+    fontFamily: FONT_FAMILY.buenosAiresBold,
+    fontSize: 12,
+    letterSpacing: 0.24,
+    textTransform: 'uppercase'
+  }
+});
+//# sourceMappingURL=TableColumnSortButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Pressable","StyleSheet","Text","CaretDownIcon","CaretUpIcon","COLORS","FONT_FAMILY","SHADOWS","SPACING","SortDefaultIcon","jsx","_jsx","jsxs","_jsxs","TableColumnSortButton","symbol","label","isActive","direction","activeBg","activeText","onPress","contentColor","NEUTRAL_7","style","styles","sortButton","backgroundColor","borderColor","children","selectable","sortButtonSymbol","color","sortButtonLabel","size","create","flexDirection","alignItems","gap","paddingLeft","paddingRight","paddingVertical","borderRadius","borderWidth","NEUTRAL_3","NEUTRAL_1","width","height","lineHeight","marginHorizontal","textAlign","fontFamily","buenosAiresBold","fontSize","letterSpacing","textTransform"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/table/TableColumnSortButton.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC1D,SACEC,aAAa,EACbC,WAAW,EACXC,MAAM,EACNC,WAAW,EACXC,OAAO,EACPC,OAAO,QACF,4BAA4B;AACnC,SAASC,eAAe,QAAQ,iCAA8B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAa9D,OAAO,MAAMC,qBAAqB,GAAGA,CAAC;EACpCC,MAAM;EACNC,KAAK;EACLC,QAAQ;EACRC,SAAS;EACTC,QAAQ;EACRC,UAAU;EACVC;AAC0B,CAAC,KAAK;EAChC,MAAMC,YAAY,GAAGL,QAAQ,GAAGG,UAAU,GAAGf,MAAM,CAACkB,SAAS;EAC7D,oBACEV,KAAA,CAACb,SAAS;IACRqB,OAAO,EAAEA,OAAQ;IACjBG,KAAK,EAAE,CAACC,MAAM,CAACC,UAAU,EAAET,QAAQ,IAAI;MAAEU,eAAe,EAAER,QAAQ;MAAES,WAAW,EAAET;IAAS,CAAC,CAAE;IAAAU,QAAA,gBAE7FlB,IAAA,CAACT,IAAI;MAAC4B,UAAU,EAAE,KAAM;MAACN,KAAK,EAAE,CAACC,MAAM,CAACM,gBAAgB,EAAE;QAAEC,KAAK,EAAEV;MAAa,CAAC,CAAE;MAAAO,QAAA,EAChFd;IAAM,CACH,CAAC,eACPJ,IAAA,CAACT,IAAI;MAAC4B,UAAU,EAAE,KAAM;MAACN,KAAK,EAAE,CAACC,MAAM,CAACQ,eAAe,EAAE;QAAED,KAAK,EAAEV;MAAa,CAAC,CAAE;MAAAO,QAAA,EAC/Eb;IAAK,CACF,CAAC,EACNC,QAAQ,GACPC,SAAS,KAAK,MAAM,gBAClBP,IAAA,CAACR,aAAa;MAAC+B,IAAI,EAAE,EAAG;MAACF,KAAK,EAAEV;IAAa,CAAE,CAAC,gBAEhDX,IAAA,CAACP,WAAW;MAAC8B,IAAI,EAAE,EAAG;MAACF,KAAK,EAAEV;IAAa,CAAE,CAC9C,gBAEDX,IAAA,CAACF,eAAe;MAACyB,IAAI,EAAE,EAAG;MAACF,KAAK,EAAEV;IAAa,CAAE,CAClD;EAAA,CACQ,CAAC;AAEhB,CAAC;AAED,MAAMG,MAAM,GAAGxB,UAAU,CAACkC,MAAM,CAAC;EAC/BT,UAAU,EAAE;IACVU,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAE9B,OAAO,CAAC,GAAG,CAAC;IACjB+B,WAAW,EAAE,CAAC;IACdC,YAAY,EAAEhC,OAAO,CAAC,GAAG,CAAC;IAC1BiC,eAAe,EAAEjC,OAAO,CAAC,GAAG,CAAC;IAC7BkC,YAAY,EAAE,CAAC;IACfC,WAAW,EAAE,GAAG;IAChBf,WAAW,EAAEvB,MAAM,CAACuC,SAAS;IAC7BjB,eAAe,EAAEtB,MAAM,CAACwC,SAAS;IACjC,GAAGtC,OAAO,CAAC,CAAC;EACd,CAAC;EACDwB,gBAAgB,EAAE;IAChBe,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,EAAE;IACdC,gBAAgB,EAAEzC,OAAO,CAAC,GAAG,CAAC;IAC9B0C,SAAS,EAAE,QAAQ;IACnBC,UAAU,EAAE7C,WAAW,CAAC8C,eAAe;IACvCC,QAAQ,EAAE;EACZ,CAAC;EACDpB,eAAe,EAAE;IACfkB,UAAU,EAAE7C,WAAW,CAAC8C,eAAe;IACvCC,QAAQ,EAAE,EAAE;IACZC,aAAa,EAAE,IAAI;IACnBC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,121 @@
+"use strict";
+
+import React, { useRef } from 'react';
+import { Animated, Pressable, StyleSheet, View } from 'react-native';
+import { COLORS, HeadingVariants, SPACING, Typography } from '@magmamath/react-native-ui';
+import { TABLE_OPERATOR_COLUMNS } from "../../fluencyTeacher.constants.js";
+import { OperatorBadge } from "./OperatorBadge.js";
+import { TableRowAverageProgress } from "./TableRowAverageProgress.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
+export const TableRow = ({
+  name,
+  scores,
+  averagePercent = 0,
+  averageLabel = '',
+  onPress
+}) => {
+  const hoverProgress = useRef(new Animated.Value(0)).current;
+  const fadeIn = () => {
+    Animated.timing(hoverProgress, {
+      toValue: 1,
+      duration: 150,
+      useNativeDriver: false
+    }).start();
+  };
+  const fadeOut = () => {
+    Animated.timing(hoverProgress, {
+      toValue: 0,
+      duration: 150,
+      useNativeDriver: false
+    }).start();
+  };
+  const backgroundColor = hoverProgress.interpolate({
+    inputRange: [0, 1],
+    outputRange: [COLORS.NEUTRAL_1, COLORS.NEUTRAL_2]
+  });
+  return /*#__PURE__*/_jsxs(AnimatedPressable, {
+    onHoverIn: fadeIn,
+    onHoverOut: fadeOut,
+    onPress: onPress,
+    style: [styles.row, {
+      backgroundColor
+    }],
+    children: [/*#__PURE__*/_jsx(View, {
+      style: styles.name,
+      children: /*#__PURE__*/_jsx(Typography, {
+        variant: HeadingVariants.H7,
+        style: styles.nameText,
+        numberOfLines: 1,
+        children: name
+      })
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.average,
+      children: /*#__PURE__*/_jsx(TableRowAverageProgress, {
+        percent: averagePercent,
+        label: averageLabel
+      })
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.operators,
+      children: TABLE_OPERATOR_COLUMNS.map(({
+        operator,
+        badgeBg,
+        badgeText
+      }) => /*#__PURE__*/_jsx(View, {
+        style: styles.operator,
+        children: /*#__PURE__*/_jsx(OperatorBadge, {
+          value: scores[operator],
+          bgColor: badgeBg,
+          textColor: badgeText
+        })
+      }, operator))
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: SPACING[400],
+    paddingVertical: SPACING[200],
+    gap: SPACING[400],
+    backgroundColor: COLORS.NEUTRAL_1,
+    borderBottomWidth: 1,
+    borderBottomColor: COLORS.NEUTRAL_4
+  },
+  name: {
+    width: 137,
+    height: 40,
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 12
+  },
+  icon: {
+    width: 25,
+    height: 25,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  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=TableRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","Animated","Pressable","StyleSheet","View","COLORS","HeadingVariants","SPACING","Typography","TABLE_OPERATOR_COLUMNS","OperatorBadge","TableRowAverageProgress","jsx","_jsx","jsxs","_jsxs","AnimatedPressable","createAnimatedComponent","TableRow","name","scores","averagePercent","averageLabel","onPress","hoverProgress","Value","current","fadeIn","timing","toValue","duration","useNativeDriver","start","fadeOut","backgroundColor","interpolate","inputRange","outputRange","NEUTRAL_1","NEUTRAL_2","onHoverIn","onHoverOut","style","styles","row","children","variant","H7","nameText","numberOfLines","average","percent","label","operators","map","operator","badgeBg","badgeText","value","bgColor","textColor","create","flexDirection","alignItems","paddingHorizontal","paddingVertical","gap","borderBottomWidth","borderBottomColor","NEUTRAL_4","width","height","icon","justifyContent","color","NEUTRAL_9","flex"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/table/TableRow.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,65 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { COLORS, FONT_FAMILY, HeadingVariants, SPACING, Typography } from '@magmamath/react-native-ui';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const TableRowAverageProgress = ({
+  percent,
+  label
+}) => /*#__PURE__*/_jsxs(View, {
+  style: styles.progressTrack,
+  children: [/*#__PURE__*/_jsx(View, {
+    style: [styles.progressFill, {
+      width: `${percent}%`
+    }]
+  }), /*#__PURE__*/_jsxs(View, {
+    style: styles.progressOverlay,
+    children: [/*#__PURE__*/_jsxs(Typography, {
+      variant: HeadingVariants.H9,
+      style: styles.progressPercent,
+      children: [percent, "%"]
+    }), /*#__PURE__*/_jsx(Text, {
+      style: styles.progressLabel,
+      numberOfLines: 1,
+      children: label
+    })]
+  })]
+});
+const styles = StyleSheet.create({
+  progressTrack: {
+    height: 16,
+    borderRadius: 36,
+    backgroundColor: COLORS.NEUTRAL_3,
+    overflow: 'hidden'
+  },
+  progressFill: {
+    position: 'absolute',
+    top: 0,
+    bottom: 0,
+    left: 0,
+    borderRadius: 36,
+    backgroundColor: COLORS.YELLOW_4
+  },
+  progressOverlay: {
+    position: 'absolute',
+    top: 0,
+    bottom: 0,
+    left: 0,
+    right: 0,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingHorizontal: SPACING[200]
+  },
+  progressPercent: {
+    color: COLORS.NEUTRAL_9
+  },
+  progressLabel: {
+    fontFamily: FONT_FAMILY.buenosAiresSemiBold,
+    fontSize: 10,
+    color: COLORS.NEUTRAL_9,
+    textTransform: 'uppercase'
+  }
+});
+//# sourceMappingURL=TableRowAverageProgress.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Text","View","COLORS","FONT_FAMILY","HeadingVariants","SPACING","Typography","jsx","_jsx","jsxs","_jsxs","TableRowAverageProgress","percent","label","style","styles","progressTrack","children","progressFill","width","progressOverlay","variant","H9","progressPercent","progressLabel","numberOfLines","create","height","borderRadius","backgroundColor","NEUTRAL_3","overflow","position","top","bottom","left","YELLOW_4","right","flexDirection","alignItems","justifyContent","paddingHorizontal","color","NEUTRAL_9","fontFamily","buenosAiresSemiBold","fontSize","textTransform"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/table/TableRowAverageProgress.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACrD,SACEC,MAAM,EACNC,WAAW,EACXC,eAAe,EACfC,OAAO,EACPC,UAAU,QACL,4BAA4B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAOnC,OAAO,MAAMC,uBAAuB,GAAGA,CAAC;EAAEC,OAAO;EAAEC;AAAoC,CAAC,kBACtFH,KAAA,CAACT,IAAI;EAACa,KAAK,EAAEC,MAAM,CAACC,aAAc;EAAAC,QAAA,gBAChCT,IAAA,CAACP,IAAI;IAACa,KAAK,EAAE,CAACC,MAAM,CAACG,YAAY,EAAE;MAAEC,KAAK,EAAE,GAAGP,OAAO;IAAI,CAAC;EAAE,CAAE,CAAC,eAChEF,KAAA,CAACT,IAAI;IAACa,KAAK,EAAEC,MAAM,CAACK,eAAgB;IAAAH,QAAA,gBAClCP,KAAA,CAACJ,UAAU;MAACe,OAAO,EAAEjB,eAAe,CAACkB,EAAG;MAACR,KAAK,EAAEC,MAAM,CAACQ,eAAgB;MAAAN,QAAA,GACpEL,OAAO,EAAC,GACX;IAAA,CAAY,CAAC,eACbJ,IAAA,CAACR,IAAI;MAACc,KAAK,EAAEC,MAAM,CAACS,aAAc;MAACC,aAAa,EAAE,CAAE;MAAAR,QAAA,EACjDJ;IAAK,CACF,CAAC;EAAA,CACH,CAAC;AAAA,CACH,CACP;AAED,MAAME,MAAM,GAAGhB,UAAU,CAAC2B,MAAM,CAAC;EAC/BV,aAAa,EAAE;IACbW,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,EAAE;IAChBC,eAAe,EAAE3B,MAAM,CAAC4B,SAAS;IACjCC,QAAQ,EAAE;EACZ,CAAC;EACDb,YAAY,EAAE;IACZc,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,MAAM,EAAE,CAAC;IACTC,IAAI,EAAE,CAAC;IACPP,YAAY,EAAE,EAAE;IAChBC,eAAe,EAAE3B,MAAM,CAACkC;EAC1B,CAAC;EACDhB,eAAe,EAAE;IACfY,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,MAAM,EAAE,CAAC;IACTC,IAAI,EAAE,CAAC;IACPE,KAAK,EAAE,CAAC;IACRC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,eAAe;IAC/BC,iBAAiB,EAAEpC,OAAO,CAAC,GAAG;EAChC,CAAC;EACDkB,eAAe,EAAE;IACfmB,KAAK,EAAExC,MAAM,CAACyC;EAChB,CAAC;EACDnB,aAAa,EAAE;IACboB,UAAU,EAAEzC,WAAW,CAAC0C,mBAAmB;IAC3CC,QAAQ,EAAE,EAAE;IACZJ,KAAK,EAAExC,MAAM,CAACyC,SAAS;IACvBI,aAAa,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/fluency-teacher/context/TeacherFluencyContext.js

@@ -0,0 +1,11 @@
+"use strict";
+
+import { createContext, useContext } from 'react';
+const TeacherFluencyContext = /*#__PURE__*/createContext(null);
+export const useTeacherFluency = () => {
+  const value = useContext(TeacherFluencyContext);
+  if (!value) throw new Error('useTeacherFluency must be used within TeacherFluencyProvider');
+  return value;
+};
+export const TeacherFluencyProvider = TeacherFluencyContext.Provider;
+//# sourceMappingURL=TeacherFluencyContext.js.map

package/dist/module/features/fluency-teacher/context/TeacherFluencyContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","TeacherFluencyContext","useTeacherFluency","value","Error","TeacherFluencyProvider","Provider"],"sourceRoot":"../../../../../src","sources":["features/fluency-teacher/context/TeacherFluencyContext.ts"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAOjD,MAAMC,qBAAqB,gBAAGF,aAAa,CAAoC,IAAI,CAAC;AAEpF,OAAO,MAAMG,iBAAiB,GAAGA,CAAA,KAAkC;EACjE,MAAMC,KAAK,GAAGH,UAAU,CAACC,qBAAqB,CAAC;EAC/C,IAAI,CAACE,KAAK,EAAE,MAAM,IAAIC,KAAK,CAAC,8DAA8D,CAAC;EAC3F,OAAOD,KAAK;AACd,CAAC;AAED,OAAO,MAAME,sBAAsB,GAAGJ,qBAAqB,CAACK,QAAQ","ignoreList":[]}

package/dist/module/features/fluency-teacher/fluencyTeacher.constants.js

@@ -0,0 +1,57 @@
+"use strict";
+
+import { COLORS } from '@magmamath/react-native-ui';
+import { FluencyMathOperatorSymbol, FluencyOperator } from "./fluencyTeacher.types.js";
+export const TEACHER_FLUENCY_GOAL_MINUTES = 25;
+export const MATRIX_CELL_COLORS = {
+  [FluencyOperator.ADDITION]: {
+    1: COLORS.GREEN_2,
+    2: COLORS.GREEN_3,
+    3: COLORS.PRIMARY_GREEN,
+    4: COLORS.GREEN_6
+  },
+  [FluencyOperator.SUBTRACTION]: {
+    1: COLORS.ORANGE_2,
+    2: COLORS.ORANGE_3,
+    3: COLORS.PRIMARY_ORANGE,
+    4: COLORS.ORANGE_6
+  },
+  [FluencyOperator.MULTIPLICATION]: {
+    1: COLORS.BLUE_2,
+    2: COLORS.BLUE_3,
+    3: COLORS.PRIMARY_BLUE,
+    4: COLORS.BLUE_6
+  },
+  [FluencyOperator.DIVISION]: {
+    1: COLORS.PURPLE_2,
+    2: COLORS.PURPLE_3,
+    3: COLORS.PRIMARY_PURPLE,
+    4: COLORS.PURPLE_6
+  }
+};
+export const TABLE_OPERATOR_COLUMNS = [{
+  operator: FluencyOperator.ADDITION,
+  label: 'Addition',
+  symbol: FluencyMathOperatorSymbol.ADDITION,
+  badgeBg: COLORS.GREEN_3,
+  badgeText: COLORS.GREEN_8
+}, {
+  operator: FluencyOperator.SUBTRACTION,
+  label: 'Subtraction',
+  symbol: FluencyMathOperatorSymbol.SUBTRACTION,
+  badgeBg: COLORS.ORANGE_3,
+  badgeText: COLORS.ORANGE_8
+}, {
+  operator: FluencyOperator.DIVISION,
+  label: 'Division',
+  symbol: FluencyMathOperatorSymbol.DIVISION,
+  badgeBg: COLORS.BLUE_3,
+  badgeText: COLORS.BLUE_8
+}, {
+  operator: FluencyOperator.MULTIPLICATION,
+  label: 'Multiplication',
+  symbol: FluencyMathOperatorSymbol.MULTIPLICATION,
+  badgeBg: COLORS.PURPLE_2,
+  badgeText: COLORS.PURPLE_8
+}];
+//# sourceMappingURL=fluencyTeacher.constants.js.map

package/dist/module/features/fluency-teacher/fluencyTeacher.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["COLORS","FluencyMathOperatorSymbol","FluencyOperator","TEACHER_FLUENCY_GOAL_MINUTES","MATRIX_CELL_COLORS","ADDITION","GREEN_2","GREEN_3","PRIMARY_GREEN","GREEN_6","SUBTRACTION","ORANGE_2","ORANGE_3","PRIMARY_ORANGE","ORANGE_6","MULTIPLICATION","BLUE_2","BLUE_3","PRIMARY_BLUE","BLUE_6","DIVISION","PURPLE_2","PURPLE_3","PRIMARY_PURPLE","PURPLE_6","TABLE_OPERATOR_COLUMNS","operator","label","symbol","badgeBg","badgeText","GREEN_8","ORANGE_8","BLUE_8","PURPLE_8"],"sourceRoot":"../../../../src","sources":["features/fluency-teacher/fluencyTeacher.constants.ts"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,4BAA4B;AACnD,SAASC,yBAAyB,EAAEC,eAAe,QAAmC,2BAAwB;AAE9G,OAAO,MAAMC,4BAA4B,GAAG,EAAE;AAE9C,OAAO,MAAMC,kBAAmE,GAAG;EACjF,CAACF,eAAe,CAACG,QAAQ,GAAG;IAC1B,CAAC,EAAEL,MAAM,CAACM,OAAO;IACjB,CAAC,EAAEN,MAAM,CAACO,OAAO;IACjB,CAAC,EAAEP,MAAM,CAACQ,aAAa;IACvB,CAAC,EAAER,MAAM,CAACS;EACZ,CAAC;EACD,CAACP,eAAe,CAACQ,WAAW,GAAG;IAC7B,CAAC,EAAEV,MAAM,CAACW,QAAQ;IAClB,CAAC,EAAEX,MAAM,CAACY,QAAQ;IAClB,CAAC,EAAEZ,MAAM,CAACa,cAAc;IACxB,CAAC,EAAEb,MAAM,CAACc;EACZ,CAAC;EACD,CAACZ,eAAe,CAACa,cAAc,GAAG;IAChC,CAAC,EAAEf,MAAM,CAACgB,MAAM;IAChB,CAAC,EAAEhB,MAAM,CAACiB,MAAM;IAChB,CAAC,EAAEjB,MAAM,CAACkB,YAAY;IACtB,CAAC,EAAElB,MAAM,CAACmB;EACZ,CAAC;EACD,CAACjB,eAAe,CAACkB,QAAQ,GAAG;IAC1B,CAAC,EAAEpB,MAAM,CAACqB,QAAQ;IAClB,CAAC,EAAErB,MAAM,CAACsB,QAAQ;IAClB,CAAC,EAAEtB,MAAM,CAACuB,cAAc;IACxB,CAAC,EAAEvB,MAAM,CAACwB;EACZ;AACF,CAAC;AAED,OAAO,MAAMC,sBAAuD,GAAG,CACrE;EACEC,QAAQ,EAAExB,eAAe,CAACG,QAAQ;EAClCsB,KAAK,EAAE,UAAU;EACjBC,MAAM,EAAE3B,yBAAyB,CAACI,QAAQ;EAC1CwB,OAAO,EAAE7B,MAAM,CAACO,OAAO;EACvBuB,SAAS,EAAE9B,MAAM,CAAC+B;AACpB,CAAC,EACD;EACEL,QAAQ,EAAExB,eAAe,CAACQ,WAAW;EACrCiB,KAAK,EAAE,aAAa;EACpBC,MAAM,EAAE3B,yBAAyB,CAACS,WAAW;EAC7CmB,OAAO,EAAE7B,MAAM,CAACY,QAAQ;EACxBkB,SAAS,EAAE9B,MAAM,CAACgC;AACpB,CAAC,EACD;EACEN,QAAQ,EAAExB,eAAe,CAACkB,QAAQ;EAClCO,KAAK,EAAE,UAAU;EACjBC,MAAM,EAAE3B,yBAAyB,CAACmB,QAAQ;EAC1CS,OAAO,EAAE7B,MAAM,CAACiB,MAAM;EACtBa,SAAS,EAAE9B,MAAM,CAACiC;AACpB,CAAC,EACD;EACEP,QAAQ,EAAExB,eAAe,CAACa,cAAc;EACxCY,KAAK,EAAE,gBAAgB;EACvBC,MAAM,EAAE3B,yBAAyB,CAACc,cAAc;EAChDc,OAAO,EAAE7B,MAAM,CAACqB,QAAQ;EACxBS,SAAS,EAAE9B,MAAM,CAACkC;AACpB,CAAC,CACF","ignoreList":[]}

package/dist/module/features/fluency-teacher/fluencyTeacher.helpers.js

@@ -0,0 +1,67 @@
+"use strict";
+
+import { COLORS } from '@magmamath/react-native-ui';
+export const getCellColor = (box, colorMap) => box ? colorMap[box] ?? COLORS.NEUTRAL_2 : COLORS.NEUTRAL_2;
+export const toAverageLabel = overallPercent => {
+  if (overallPercent >= 0.9) return 'Very Strong';
+  if (overallPercent >= 0.8) return 'Strong';
+  if (overallPercent >= 0.7) return 'Moderate';
+  if (overallPercent > 0) return 'Weak';
+  return 'Not started';
+};
+const toPercent = decimal => Math.round(decimal * 100);
+const buildOperatorAverages = response => {
+  const count = response.students.length;
+  if (count === 0) return {
+    addition: 0,
+    subtraction: 0,
+    multiplication: 0,
+    division: 0
+  };
+  const sums = response.students.reduce((acc, row) => ({
+    addition: acc.addition + row.byOperator.addition,
+    subtraction: acc.subtraction + row.byOperator.subtraction,
+    multiplication: acc.multiplication + row.byOperator.multiplication,
+    division: acc.division + row.byOperator.division
+  }), {
+    addition: 0,
+    subtraction: 0,
+    multiplication: 0,
+    division: 0
+  });
+  return {
+    addition: toPercent(sums.addition / count),
+    subtraction: toPercent(sums.subtraction / count),
+    multiplication: toPercent(sums.multiplication / count),
+    division: toPercent(sums.division / count)
+  };
+};
+export const buildClassAverageStats = response => ({
+  ...response,
+  classAverage: toPercent(response.classAverage),
+  operatorAverages: buildOperatorAverages(response)
+});
+export const buildStudentsFluencyTable = ({
+  students,
+  response
+}) => {
+  return response.students.map(row => {
+    const student = students.find(({
+      id
+    }) => id === row.studentId);
+    if (!student) return null;
+    return {
+      id: row.studentId,
+      name: student?.name ?? '',
+      averagePercent: toPercent(row.overallPercent),
+      averageLabel: toAverageLabel(row.overallPercent),
+      scores: {
+        addition: toPercent(row.byOperator.addition),
+        subtraction: toPercent(row.byOperator.subtraction),
+        multiplication: toPercent(row.byOperator.multiplication),
+        division: toPercent(row.byOperator.division)
+      }
+    };
+  }).filter(item => item !== null);
+};
+//# sourceMappingURL=fluencyTeacher.helpers.js.map

package/dist/module/features/fluency-teacher/fluencyTeacher.helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["COLORS","getCellColor","box","colorMap","NEUTRAL_2","toAverageLabel","overallPercent","toPercent","decimal","Math","round","buildOperatorAverages","response","count","students","length","addition","subtraction","multiplication","division","sums","reduce","acc","row","byOperator","buildClassAverageStats","classAverage","operatorAverages","buildStudentsFluencyTable","map","student","find","id","studentId","name","averagePercent","averageLabel","scores","filter","item"],"sourceRoot":"../../../../src","sources":["features/fluency-teacher/fluencyTeacher.helpers.ts"],"mappings":"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","ignoreList":[]}