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

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":";;AAAA,OAAOA,KAAK,IAAIC,MAAM,QAAQ,OAAO;AACrC,SAASC,QAAQ,EAAEC,SAAS,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AACpE,SAASC,MAAM,EAAEC,eAAe,EAAEC,OAAO,EAAEC,UAAU,QAAQ,4BAA4B;AACzF,SAASC,sBAAsB,QAAQ,mCAAgC;AACvE,SAASC,aAAa,QAAQ,oBAAiB;AAC/C,SAASC,uBAAuB,QAAQ,8BAA2B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAWnE,MAAMC,iBAAiB,GAAGf,QAAQ,CAACgB,uBAAuB,CAACf,SAAS,CAAC;AAErE,OAAO,MAAMgB,QAAQ,GAAGA,CAAC;EACvBC,IAAI;EACJC,MAAM;EACNC,cAAc,GAAG,CAAC;EAClBC,YAAY,GAAG,EAAE;EACjBC;AACa,CAAC,KAAK;EACnB,MAAMC,aAAa,GAAGxB,MAAM,CAAC,IAAIC,QAAQ,CAACwB,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAE3D,MAAMC,MAAM,GAAGA,CAAA,KAAM;IACnB1B,QAAQ,CAAC2B,MAAM,CAACJ,aAAa,EAAE;MAAEK,OAAO,EAAE,CAAC;MAAEC,QAAQ,EAAE,GAAG;MAAEC,eAAe,EAAE;IAAM,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;EAC/F,CAAC;EAED,MAAMC,OAAO,GAAGA,CAAA,KAAM;IACpBhC,QAAQ,CAAC2B,MAAM,CAACJ,aAAa,EAAE;MAAEK,OAAO,EAAE,CAAC;MAAEC,QAAQ,EAAE,GAAG;MAAEC,eAAe,EAAE;IAAM,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;EAC/F,CAAC;EAED,MAAME,eAAe,GAAGV,aAAa,CAACW,WAAW,CAAC;IAChDC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAClBC,WAAW,EAAE,CAAChC,MAAM,CAACiC,SAAS,EAAEjC,MAAM,CAACkC,SAAS;EAClD,CAAC,CAAC;EAEF,oBACExB,KAAA,CAACC,iBAAiB;IAChBwB,SAAS,EAAEb,MAAO;IAClBc,UAAU,EAAER,OAAQ;IACpBV,OAAO,EAAEA,OAAQ;IACjBmB,KAAK,EAAE,CAACC,MAAM,CAACC,GAAG,EAAE;MAAEV;IAAgB,CAAC,CAAE;IAAAW,QAAA,gBAEzChC,IAAA,CAACT,IAAI;MAACsC,KAAK,EAAEC,MAAM,CAACxB,IAAK;MAAA0B,QAAA,eACvBhC,IAAA,CAACL,UAAU;QAACsC,OAAO,EAAExC,eAAe,CAACyC,EAAG;QAACL,KAAK,EAAEC,MAAM,CAACK,QAAS;QAACC,aAAa,EAAE,CAAE;QAAAJ,QAAA,EAC/E1B;MAAI,CACK;IAAC,CACT,CAAC,eAEPN,IAAA,CAACT,IAAI;MAACsC,KAAK,EAAEC,MAAM,CAACO,OAAQ;MAAAL,QAAA,eAC1BhC,IAAA,CAACF,uBAAuB;QAACwC,OAAO,EAAE9B,cAAe;QAAC+B,KAAK,EAAE9B;MAAa,CAAE;IAAC,CACrE,CAAC,eAEPT,IAAA,CAACT,IAAI;MAACsC,KAAK,EAAEC,MAAM,CAACU,SAAU;MAAAR,QAAA,EAC3BpC,sBAAsB,CAAC6C,GAAG,CAAC,CAAC;QAAEC,QAAQ;QAAEC,OAAO;QAAEC;MAAU,CAAC,kBAC3D5C,IAAA,CAACT,IAAI;QAAgBsC,KAAK,EAAEC,MAAM,CAACY,QAAS;QAAAV,QAAA,eAC1ChC,IAAA,CAACH,aAAa;UAACgD,KAAK,EAAEtC,MAAM,CAACmC,QAAQ,CAAE;UAACI,OAAO,EAAEH,OAAQ;UAACI,SAAS,EAAEH;QAAU,CAAE;MAAC,GADzEF,QAEL,CACP;IAAC,CACE,CAAC;EAAA,CACU,CAAC;AAExB,CAAC;AAED,MAAMZ,MAAM,GAAGxC,UAAU,CAAC0D,MAAM,CAAC;EAC/BjB,GAAG,EAAE;IACHkB,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,iBAAiB,EAAEzD,OAAO,CAAC,GAAG,CAAC;IAC/B0D,eAAe,EAAE1D,OAAO,CAAC,GAAG,CAAC;IAC7B2D,GAAG,EAAE3D,OAAO,CAAC,GAAG,CAAC;IACjB2B,eAAe,EAAE7B,MAAM,CAACiC,SAAS;IACjC6B,iBAAiB,EAAE,CAAC;IACpBC,iBAAiB,EAAE/D,MAAM,CAACgE;EAC5B,CAAC;EACDlD,IAAI,EAAE;IACJmD,KAAK,EAAE,GAAG;IACVC,MAAM,EAAE,EAAE;IACVT,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBG,GAAG,EAAE;EACP,CAAC;EACDM,IAAI,EAAE;IACJF,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVR,UAAU,EAAE,QAAQ;IACpBU,cAAc,EAAE;EAClB,CAAC;EACDzB,QAAQ,EAAE;IACRsB,KAAK,EAAE,GAAG;IACVI,KAAK,EAAErE,MAAM,CAACsE;EAChB,CAAC;EACDzB,OAAO,EAAE;IACPoB,KAAK,EAAE,GAAG;IACVC,MAAM,EAAE,EAAE;IACVP,iBAAiB,EAAE,EAAE;IACrBS,cAAc,EAAE;EAClB,CAAC;EACDpB,SAAS,EAAE;IACTuB,IAAI,EAAE,CAAC;IACPL,MAAM,EAAE,EAAE;IACVT,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,iBAAiB,EAAEzD,OAAO,CAAC,GAAG;EAChC,CAAC;EACDgD,QAAQ,EAAE;IACRqB,IAAI,EAAE,CAAC;IACPb,UAAU,EAAE;EACd;AACF,CAAC,CAAC","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":[]}

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

@@ -0,0 +1,17 @@
+"use strict";
+
+export let FluencyOperator = /*#__PURE__*/function (FluencyOperator) {
+  FluencyOperator["ADDITION"] = "addition";
+  FluencyOperator["SUBTRACTION"] = "subtraction";
+  FluencyOperator["MULTIPLICATION"] = "multiplication";
+  FluencyOperator["DIVISION"] = "division";
+  return FluencyOperator;
+}({});
+export let FluencyMathOperatorSymbol = /*#__PURE__*/function (FluencyMathOperatorSymbol) {
+  FluencyMathOperatorSymbol["ADDITION"] = "+";
+  FluencyMathOperatorSymbol["SUBTRACTION"] = "\u2212";
+  FluencyMathOperatorSymbol["MULTIPLICATION"] = "\xD7";
+  FluencyMathOperatorSymbol["DIVISION"] = "\xF7";
+  return FluencyMathOperatorSymbol;
+}({});
+//# sourceMappingURL=fluencyTeacher.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["FluencyOperator","FluencyMathOperatorSymbol"],"sourceRoot":"../../../../src","sources":["features/fluency-teacher/fluencyTeacher.types.ts"],"mappings":";;AAAA,WAAYA,eAAe,0BAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAA,OAAfA,eAAe;AAAA;AAO3B,WAAYC,yBAAyB,0BAAzBA,yBAAyB;EAAzBA,yBAAyB;EAAzBA,yBAAyB;EAAzBA,yBAAyB;EAAzBA,yBAAyB;EAAA,OAAzBA,yBAAyB;AAAA","ignoreList":[]}

package/dist/module/features/fluency-teacher/hooks/useDrawerGrid.js

@@ -0,0 +1,55 @@
+"use strict";
+
+import { useMemo } from 'react';
+import { useUnit } from 'effector-react';
+import { FluencyOperator } from "../fluencyTeacher.types.js";
+import { useTeacherFluency } from "../context/TeacherFluencyContext.js";
+export const useDrawerGrid = operator => {
+  const {
+    model
+  } = useTeacherFluency();
+  const drawerInfo = useUnit(model.table.$studentInfoDrawer);
+  return useMemo(() => {
+    const factRecord = drawerInfo?.details?.operations[operator]?.facts ?? {};
+    const factList = Object.values(factRecord);
+    if (!factList.length) return null;
+    const isDivision = operator === FluencyOperator.DIVISION;
+    const isSubtraction = operator === FluencyOperator.SUBTRACTION;
+    const isCommutative = operator === FluencyOperator.ADDITION || operator === FluencyOperator.MULTIPLICATION;
+    const maxRow = Math.max(...factList.map(f => f.position.row));
+    const maxCol = Math.max(...factList.map(f => f.position.column));
+    const factAt = (row, col) => factList.find(f => f.position.row === row && f.position.column === col);
+    const colLabels = isDivision ? Array.from({
+      length: maxCol
+    }, (_, i) => i + 1) : Array.from({
+      length: maxCol + 1
+    }, (_, i) => i);
+    const maxMinuend = isSubtraction ? Math.max(...factList.map(f => f.numbers[0])) : maxRow;
+    const rowNums = Array.from({
+      length: maxMinuend + 1
+    }, (_, i) => i);
+    const rows = rowNums.map(rowNum => ({
+      label: rowNum,
+      cells: colLabels.map(colLabel => {
+        if (isSubtraction && colLabel > rowNum) return {
+          box: null,
+          isEmpty: true
+        };
+        const fact = isSubtraction ? factAt(rowNum - colLabel, colLabel) : factAt(rowNum, colLabel);
+        const mirrorFact = isCommutative ? factAt(colLabel, rowNum) : null;
+        const primaryBox = fact?.box ?? null;
+        const mirrorBox = mirrorFact?.box ?? null;
+        const box = primaryBox !== null && mirrorBox !== null ? Math.max(primaryBox, mirrorBox) : primaryBox ?? mirrorBox;
+        return {
+          box,
+          isEmpty: false
+        };
+      })
+    }));
+    return {
+      colLabels,
+      rows
+    };
+  }, [drawerInfo, operator]);
+};
+//# sourceMappingURL=useDrawerGrid.js.map

package/dist/module/features/fluency-teacher/hooks/useDrawerGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","useUnit","FluencyOperator","useTeacherFluency","useDrawerGrid","operator","model","drawerInfo","table","$studentInfoDrawer","factRecord","details","operations","facts","factList","Object","values","length","isDivision","DIVISION","isSubtraction","SUBTRACTION","isCommutative","ADDITION","MULTIPLICATION","maxRow","Math","max","map","f","position","row","maxCol","column","factAt","col","find","colLabels","Array","from","_","i","maxMinuend","numbers","rowNums","rows","rowNum","label","cells","colLabel","box","isEmpty","fact","mirrorFact","primaryBox","mirrorBox"],"sourceRoot":"../../../../../src","sources":["features/fluency-teacher/hooks/useDrawerGrid.ts"],"mappings":"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","ignoreList":[]}

package/dist/module/features/fluency-teacher/hooks/useDrawerMatrix.js

@@ -0,0 +1,32 @@
+"use strict";
+
+import { useMemo, useState } from 'react';
+import { MATRIX_CELL_COLORS } from "../fluencyTeacher.constants.js";
+import { useDrawerGrid } from "./useDrawerGrid.js";
+const MATRIX_CELL_GAP = 2;
+export const useDrawerMatrix = operator => {
+  const grid = useDrawerGrid(operator);
+  const [containerWidth, setContainerWidth] = useState(0);
+  const [containerHeight, setContainerHeight] = useState(0);
+  const onLayout = e => {
+    setContainerWidth(e.nativeEvent.layout.width);
+    setContainerHeight(e.nativeEvent.layout.height);
+  };
+  const cellSize = useMemo(() => {
+    if (!grid || !containerWidth || !containerHeight) return 0;
+    const totalCols = grid.colLabels.length + 1;
+    const totalRows = grid.rows.length + 1;
+    const cellW = Math.floor((containerWidth - MATRIX_CELL_GAP * (totalCols - 1)) / totalCols);
+    const cellH = Math.floor((containerHeight - MATRIX_CELL_GAP * (totalRows - 1)) / totalRows);
+    return Math.min(cellW, cellH);
+  }, [grid, containerWidth, containerHeight]);
+  return {
+    grid,
+    cellSize,
+    fontSize: Math.max(8, Math.floor(cellSize * 0.55)),
+    borderRadius: Math.max(2, Math.floor(cellSize * 0.25)),
+    cellColorMap: MATRIX_CELL_COLORS[operator],
+    onLayout
+  };
+};
+//# sourceMappingURL=useDrawerMatrix.js.map

package/dist/module/features/fluency-teacher/hooks/useDrawerMatrix.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","useState","MATRIX_CELL_COLORS","useDrawerGrid","MATRIX_CELL_GAP","useDrawerMatrix","operator","grid","containerWidth","setContainerWidth","containerHeight","setContainerHeight","onLayout","e","nativeEvent","layout","width","height","cellSize","totalCols","colLabels","length","totalRows","rows","cellW","Math","floor","cellH","min","fontSize","max","borderRadius","cellColorMap"],"sourceRoot":"../../../../../src","sources":["features/fluency-teacher/hooks/useDrawerMatrix.ts"],"mappings":";;AAAA,SAASA,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAGzC,SAASC,kBAAkB,QAAQ,gCAA6B;AAChE,SAASC,aAAa,QAAyB,oBAAiB;AAEhE,MAAMC,eAAe,GAAG,CAAC;AAWzB,OAAO,MAAMC,eAAe,GAAIC,QAAyB,IAAyB;EAChF,MAAMC,IAAI,GAAGJ,aAAa,CAACG,QAAQ,CAAC;EACpC,MAAM,CAACE,cAAc,EAAEC,iBAAiB,CAAC,GAAGR,QAAQ,CAAC,CAAC,CAAC;EACvD,MAAM,CAACS,eAAe,EAAEC,kBAAkB,CAAC,GAAGV,QAAQ,CAAC,CAAC,CAAC;EAEzD,MAAMW,QAAQ,GAAIC,CAAoB,IAAK;IACzCJ,iBAAiB,CAACI,CAAC,CAACC,WAAW,CAACC,MAAM,CAACC,KAAK,CAAC;IAC7CL,kBAAkB,CAACE,CAAC,CAACC,WAAW,CAACC,MAAM,CAACE,MAAM,CAAC;EACjD,CAAC;EAED,MAAMC,QAAQ,GAAGlB,OAAO,CAAC,MAAM;IAC7B,IAAI,CAACO,IAAI,IAAI,CAACC,cAAc,IAAI,CAACE,eAAe,EAAE,OAAO,CAAC;IAC1D,MAAMS,SAAS,GAAGZ,IAAI,CAACa,SAAS,CAACC,MAAM,GAAG,CAAC;IAC3C,MAAMC,SAAS,GAAGf,IAAI,CAACgB,IAAI,CAACF,MAAM,GAAG,CAAC;IACtC,MAAMG,KAAK,GAAGC,IAAI,CAACC,KAAK,CAAC,CAAClB,cAAc,GAAGJ,eAAe,IAAIe,SAAS,GAAG,CAAC,CAAC,IAAIA,SAAS,CAAC;IAC1F,MAAMQ,KAAK,GAAGF,IAAI,CAACC,KAAK,CAAC,CAAChB,eAAe,GAAGN,eAAe,IAAIkB,SAAS,GAAG,CAAC,CAAC,IAAIA,SAAS,CAAC;IAC3F,OAAOG,IAAI,CAACG,GAAG,CAACJ,KAAK,EAAEG,KAAK,CAAC;EAC/B,CAAC,EAAE,CAACpB,IAAI,EAAEC,cAAc,EAAEE,eAAe,CAAC,CAAC;EAE3C,OAAO;IACLH,IAAI;IACJW,QAAQ;IACRW,QAAQ,EAAEJ,IAAI,CAACK,GAAG,CAAC,CAAC,EAAEL,IAAI,CAACC,KAAK,CAACR,QAAQ,GAAG,IAAI,CAAC,CAAC;IAClDa,YAAY,EAAEN,IAAI,CAACK,GAAG,CAAC,CAAC,EAAEL,IAAI,CAACC,KAAK,CAACR,QAAQ,GAAG,IAAI,CAAC,CAAC;IACtDc,YAAY,EAAE9B,kBAAkB,CAACI,QAAQ,CAAC;IAC1CM;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/module/features/fluency-teacher/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export { TeacherFluencyModel } from "./model/TeacherFluencyModel.js";
+export { FluencyTeacher } from "./components/FluencyTeacher.js";
+//# sourceMappingURL=index.js.map

package/dist/module/features/fluency-teacher/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TeacherFluencyModel","FluencyTeacher"],"sourceRoot":"../../../../src","sources":["features/fluency-teacher/index.ts"],"mappings":";;AAAA,SAASA,mBAAmB,QAAQ,gCAA6B;AACjE,SAASC,cAAc,QAAQ,gCAA6B","ignoreList":[]}

package/dist/module/features/fluency-teacher/model/TeacherFluencyApiModel.js

@@ -0,0 +1,10 @@
+"use strict";
+
+import { createEffect } from 'effector';
+export class TeacherFluencyApiModel {
+  constructor(api) {
+    this.getClassSummaryFx = createEffect(api.getClassSummary);
+    this.getStudentDetailsFx = createEffect(api.getStudentDetails);
+  }
+}
+//# sourceMappingURL=TeacherFluencyApiModel.js.map

package/dist/module/features/fluency-teacher/model/TeacherFluencyApiModel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createEffect","TeacherFluencyApiModel","constructor","api","getClassSummaryFx","getClassSummary","getStudentDetailsFx","getStudentDetails"],"sourceRoot":"../../../../../src","sources":["features/fluency-teacher/model/TeacherFluencyApiModel.ts"],"mappings":";;AAAA,SAASA,YAAY,QAAgB,UAAU;AAS/C,OAAO,MAAMC,sBAAsB,CAAC;EAIlCC,WAAWA,CAACC,GAAoC,EAAE;IAChD,IAAI,CAACC,iBAAiB,GAAGJ,YAAY,CAACG,GAAG,CAACE,eAAe,CAAC;IAC1D,IAAI,CAACC,mBAAmB,GAAGN,YAAY,CAACG,GAAG,CAACI,iBAAiB,CAAC;EAChE;AACF","ignoreList":[]}

package/dist/module/features/fluency-teacher/model/TeacherFluencyFiltersModel.js

@@ -0,0 +1,23 @@
+"use strict";
+
+import { createEvent, createStore, restore } from 'effector';
+export class TeacherFluencyFiltersModel {
+  setSearch = createEvent();
+  $search = restore(this.setSearch, '');
+  toggleSort = createEvent();
+  $sort = createStore({
+    column: 'average',
+    direction: 'desc'
+  }).on(this.toggleSort, (state, column) => {
+    if (state.column !== column) return {
+      column,
+      direction: 'desc'
+    };
+    const direction = state.direction === 'desc' ? 'asc' : 'desc';
+    return {
+      column,
+      direction
+    };
+  });
+}
+//# sourceMappingURL=TeacherFluencyFiltersModel.js.map

package/dist/module/features/fluency-teacher/model/TeacherFluencyFiltersModel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createEvent","createStore","restore","TeacherFluencyFiltersModel","setSearch","$search","toggleSort","$sort","column","direction","on","state"],"sourceRoot":"../../../../../src","sources":["features/fluency-teacher/model/TeacherFluencyFiltersModel.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,WAAW,EAAEC,OAAO,QAAQ,UAAU;AAG5D,OAAO,MAAMC,0BAA0B,CAAC;EACtBC,SAAS,GAAGJ,WAAW,CAAS,CAAC;EACjCK,OAAO,GAAGH,OAAO,CAAC,IAAI,CAACE,SAAS,EAAE,EAAE,CAAC;EAErCE,UAAU,GAAGN,WAAW,CAAa,CAAC;EACtCO,KAAK,GAAGN,WAAW,CAAY;IAAEO,MAAM,EAAE,SAAS;IAAEC,SAAS,EAAE;EAAO,CAAC,CAAC,CAACC,EAAE,CACzF,IAAI,CAACJ,UAAU,EACf,CAACK,KAAK,EAAEH,MAAM,KAAK;IACjB,IAAIG,KAAK,CAACH,MAAM,KAAKA,MAAM,EAAE,OAAO;MAAEA,MAAM;MAAEC,SAAS,EAAE;IAAO,CAAC;IACjE,MAAMA,SAAS,GAAGE,KAAK,CAACF,SAAS,KAAK,MAAM,GAAG,KAAK,GAAG,MAAM;IAC7D,OAAO;MAAED,MAAM;MAAEC;IAAU,CAAC;EAC9B,CACF,CAAC;AACH","ignoreList":[]}

package/dist/module/features/fluency-teacher/model/TeacherFluencyModel.js

@@ -0,0 +1,35 @@
+"use strict";
+
+import { sample } from 'effector';
+import { createGate } from 'effector-react';
+import { TeacherFluencyApiModel } from "./TeacherFluencyApiModel.js";
+import { TeacherFluencyFiltersModel } from "./TeacherFluencyFiltersModel.js";
+import { TeacherFluencyTableModel } from "./TeacherFluencyTableModel.js";
+export class TeacherFluencyModel {
+  gate = createGate();
+  constructor({
+    api
+  }) {
+    this.api = new TeacherFluencyApiModel(api);
+    this.filters = new TeacherFluencyFiltersModel();
+    this.table = new TeacherFluencyTableModel(this.api);
+    this.init();
+  }
+  init() {
+    sample({
+      clock: this.gate.open,
+      target: this.table.initFx
+    });
+    sample({
+      clock: this.table.setStudentInfoDrawer,
+      source: this.gate.state,
+      filter: (_, student) => student !== null,
+      fn: (gateProps, student) => ({
+        studentId: student.id,
+        grade: gateProps.grade
+      }),
+      target: this.api.getStudentDetailsFx
+    });
+  }
+}
+//# sourceMappingURL=TeacherFluencyModel.js.map

package/dist/module/features/fluency-teacher/model/TeacherFluencyModel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sample","createGate","TeacherFluencyApiModel","TeacherFluencyFiltersModel","TeacherFluencyTableModel","TeacherFluencyModel","gate","constructor","api","filters","table","init","clock","open","target","initFx","setStudentInfoDrawer","source","state","filter","_","student","fn","gateProps","studentId","id","grade","getStudentDetailsFx"],"sourceRoot":"../../../../../src","sources":["features/fluency-teacher/model/TeacherFluencyModel.ts"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,UAAU;AACjC,SAASC,UAAU,QAAQ,gBAAgB;AAC3C,SAASC,sBAAsB,QAAQ,6BAA0B;AACjE,SAASC,0BAA0B,QAAQ,iCAA8B;AACzE,SAASC,wBAAwB,QAAQ,+BAA4B;AAGrE,OAAO,MAAMC,mBAAmB,CAAC;EACfC,IAAI,GAAGL,UAAU,CAA0B,CAAC;EAM5DM,WAAWA,CAAC;IAAEC;EAA8B,CAAC,EAAE;IAC7C,IAAI,CAACA,GAAG,GAAG,IAAIN,sBAAsB,CAACM,GAAG,CAAC;IAC1C,IAAI,CAACC,OAAO,GAAG,IAAIN,0BAA0B,CAAC,CAAC;IAC/C,IAAI,CAACO,KAAK,GAAG,IAAIN,wBAAwB,CAAC,IAAI,CAACI,GAAG,CAAC;IACnD,IAAI,CAACG,IAAI,CAAC,CAAC;EACb;EAEQA,IAAIA,CAAA,EAAG;IACbX,MAAM,CAAC;MACLY,KAAK,EAAE,IAAI,CAACN,IAAI,CAACO,IAAI;MACrBC,MAAM,EAAE,IAAI,CAACJ,KAAK,CAACK;IACrB,CAAC,CAAC;IAEFf,MAAM,CAAC;MACLY,KAAK,EAAE,IAAI,CAACF,KAAK,CAACM,oBAAoB;MACtCC,MAAM,EAAE,IAAI,CAACX,IAAI,CAACY,KAAK;MACvBC,MAAM,EAAEA,CAACC,CAAC,EAAEC,OAAO,KAAKA,OAAO,KAAK,IAAI;MACxCC,EAAE,EAAEA,CAACC,SAAS,EAAEF,OAAO,MAAM;QAAEG,SAAS,EAAEH,OAAO,CAAEI,EAAE;QAAEC,KAAK,EAAEH,SAAS,CAACG;MAAM,CAAC,CAAC;MAChFZ,MAAM,EAAE,IAAI,CAACN,GAAG,CAACmB;IACnB,CAAC,CAAC;EACJ;AACF","ignoreList":[]}

package/dist/module/features/fluency-teacher/model/TeacherFluencyTableModel.js

@@ -0,0 +1,44 @@
+"use strict";
+
+import { createEvent, createStore, createEffect } from 'effector';
+import { spread } from 'patronum';
+import { buildClassAverageStats, buildStudentsFluencyTable } from "../fluencyTeacher.helpers.js";
+export class TeacherFluencyTableModel {
+  reset = createEvent();
+  $stats = createStore(null).reset(this.reset);
+  $table = createStore([]).reset(this.reset);
+  setStudentInfoDrawer = createEvent();
+  $studentInfoDrawer = createStore(null).reset(this.reset).on(this.setStudentInfoDrawer, (_, student) => student ? {
+    ...student,
+    details: null
+  } : null);
+  constructor(api) {
+    this.api = api;
+    spread({
+      source: this.initFx.doneData,
+      targets: {
+        stats: this.$stats,
+        table: this.$table
+      }
+    });
+    this.$studentInfoDrawer.on(this.api.getStudentDetailsFx.doneData, (state, details) => state ? {
+      ...state,
+      details
+    } : null);
+  }
+  initFx = createEffect(async props => {
+    const response = await this.api.getClassSummaryFx({
+      studentIds: props.students.map(({
+        id
+      }) => id)
+    });
+    return {
+      stats: buildClassAverageStats(response),
+      table: buildStudentsFluencyTable({
+        response,
+        students: props.students
+      })
+    };
+  });
+}
+//# sourceMappingURL=TeacherFluencyTableModel.js.map

package/dist/module/features/fluency-teacher/model/TeacherFluencyTableModel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createEvent","createStore","createEffect","spread","buildClassAverageStats","buildStudentsFluencyTable","TeacherFluencyTableModel","reset","$stats","$table","setStudentInfoDrawer","$studentInfoDrawer","on","_","student","details","constructor","api","source","initFx","doneData","targets","stats","table","getStudentDetailsFx","state","props","response","getClassSummaryFx","studentIds","students","map","id"],"sourceRoot":"../../../../../src","sources":["features/fluency-teacher/model/TeacherFluencyTableModel.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,WAAW,EAAEC,YAAY,QAAQ,UAAU;AACjE,SAASC,MAAM,QAAQ,UAAU;AAEjC,SAASC,sBAAsB,EAAEC,yBAAyB,QAAQ,8BAA2B;AAQ7F,OAAO,MAAMC,wBAAwB,CAAC;EACpBC,KAAK,GAAGP,WAAW,CAAC,CAAC;EAErBQ,MAAM,GAAGP,WAAW,CAA2B,IAAI,CAAC,CAACM,KAAK,CAAC,IAAI,CAACA,KAAK,CAAC;EACtEE,MAAM,GAAGR,WAAW,CAAkB,EAAE,CAAC,CAACM,KAAK,CAAC,IAAI,CAACA,KAAK,CAAC;EAE3DG,oBAAoB,GAAGV,WAAW,CAAuB,CAAC;EAC1DW,kBAAkB,GAAGV,WAAW,CAA2B,IAAI,CAAC,CAC7EM,KAAK,CAAC,IAAI,CAACA,KAAK,CAAC,CACjBK,EAAE,CAAC,IAAI,CAACF,oBAAoB,EAAE,CAACG,CAAC,EAAEC,OAAO,KAAMA,OAAO,GAAG;IAAE,GAAGA,OAAO;IAAEC,OAAO,EAAE;EAAK,CAAC,GAAG,IAAK,CAAC;EAElGC,WAAWA,CAAkBC,GAA2B,EAAE;IAAA,KAA7BA,GAA2B,GAA3BA,GAA2B;IACtDd,MAAM,CAAC;MACLe,MAAM,EAAE,IAAI,CAACC,MAAM,CAACC,QAAQ;MAC5BC,OAAO,EAAE;QACPC,KAAK,EAAE,IAAI,CAACd,MAAM;QAClBe,KAAK,EAAE,IAAI,CAACd;MACd;IACF,CAAC,CAAC;IAEF,IAAI,CAACE,kBAAkB,CAACC,EAAE,CAAC,IAAI,CAACK,GAAG,CAACO,mBAAmB,CAACJ,QAAQ,EAAE,CAACK,KAAK,EAAEV,OAAO,KAC/EU,KAAK,GAAG;MAAE,GAAGA,KAAK;MAAEV;IAAQ,CAAC,GAAG,IAClC,CAAC;EACH;EAEgBI,MAAM,GAAGjB,YAAY,CAAC,MAAOwB,KAA8B,IAAK;IAC9E,MAAMC,QAAQ,GAAG,MAAM,IAAI,CAACV,GAAG,CAACW,iBAAiB,CAAC;MAChDC,UAAU,EAAEH,KAAK,CAACI,QAAQ,CAACC,GAAG,CAAC,CAAC;QAAEC;MAAG,CAAC,KAAKA,EAAE;IAC/C,CAAC,CAAC;IACF,OAAO;MACLV,KAAK,EAAElB,sBAAsB,CAACuB,QAAQ,CAAC;MACvCJ,KAAK,EAAElB,yBAAyB,CAAC;QAAEsB,QAAQ;QAAEG,QAAQ,EAAEJ,KAAK,CAACI;MAAS,CAAC;IACzE,CAAC;EACH,CAAC,CAAC;AACJ","ignoreList":[]}