@magmamath/students-features 1.5.0 → 1.5.1

package/dist/module/features/fluency-teacher/components/header/TopHardestFacts.js

@@ -0,0 +1,95 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { useUnit } from 'effector-react';
+import { BORDER_RADIUS, COLORS, HeadingVariants, InfoIcon, SHADOWS, SPACING, Typography } from '@magmamath/react-native-ui';
+import { useText } from "../../../../i18n/i18n.js";
+import { useTeacherFluency } from "../../context/TeacherFluencyContext.js";
+import { HardestFact } from "./HardestFact.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const TopHardestFacts = () => {
+  const t = useText();
+  const {
+    model
+  } = useTeacherFluency();
+  const stats = useUnit(model.table.$stats);
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    testID: "top-hardest-facts",
+    children: [/*#__PURE__*/_jsx(View, {
+      style: styles.accentBar
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.content,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.header,
+        children: [/*#__PURE__*/_jsx(InfoIcon, {
+          size: 16,
+          color: COLORS.PRIMARY_RED
+        }), /*#__PURE__*/_jsx(Typography, {
+          variant: HeadingVariants.H9,
+          style: styles.title,
+          children: t('teacher.fluency.hardestFactsTitle')
+        })]
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.divider
+      }), stats?.hardestFacts?.length ? stats.hardestFacts.map(fact => /*#__PURE__*/_jsx(HardestFact, {
+        symbol: fact.operator,
+        leftOperand: fact.numbers[0],
+        rightOperand: fact.numbers[1],
+        studentsCount: fact.strugglingStudentIds.length
+      }, fact.factId)) : /*#__PURE__*/_jsx(View, {
+        style: styles.empty,
+        children: /*#__PURE__*/_jsx(Typography, {
+          variant: HeadingVariants.H9,
+          style: styles.emptyText,
+          children: t('teacher.fluency.hardestFactsEmpty')
+        })
+      })]
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    width: 282,
+    height: 170,
+    flexDirection: 'row',
+    borderRadius: BORDER_RADIUS[300],
+    overflow: 'hidden',
+    ...SHADOWS[1]
+  },
+  accentBar: {
+    width: 6,
+    backgroundColor: COLORS.PRIMARY_RED
+  },
+  content: {
+    flex: 1,
+    backgroundColor: COLORS.NEUTRAL_1,
+    padding: SPACING[200],
+    gap: SPACING[100]
+  },
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: SPACING[200],
+    padding: SPACING[100]
+  },
+  title: {
+    flex: 1,
+    color: COLORS.NEUTRAL_6
+  },
+  divider: {
+    height: 1,
+    backgroundColor: COLORS.NEUTRAL_3
+  },
+  empty: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  emptyText: {
+    color: COLORS.NEUTRAL_6,
+    textAlign: 'center'
+  }
+});
+//# sourceMappingURL=TopHardestFacts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","useUnit","BORDER_RADIUS","COLORS","HeadingVariants","InfoIcon","SHADOWS","SPACING","Typography","useText","useTeacherFluency","HardestFact","jsx","_jsx","jsxs","_jsxs","TopHardestFacts","t","model","stats","table","$stats","style","styles","container","testID","children","accentBar","content","header","size","color","PRIMARY_RED","variant","H9","title","divider","hardestFacts","length","map","fact","symbol","operator","leftOperand","numbers","rightOperand","studentsCount","strugglingStudentIds","factId","empty","emptyText","create","width","height","flexDirection","borderRadius","overflow","backgroundColor","flex","NEUTRAL_1","padding","gap","alignItems","NEUTRAL_6","NEUTRAL_3","justifyContent","textAlign"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/header/TopHardestFacts.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,58 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { COLORS, FONT_FAMILY } from '@magmamath/react-native-ui';
+import { useText } from "../../../../i18n/i18n.js";
+import { MatrixHeaderRow } from "./MatrixHeaderRow.js";
+import { MatrixRow } from "./MatrixRow.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const DrawerMatrix = ({
+  grid,
+  cellSize,
+  fontSize,
+  borderRadius,
+  cellColorMap,
+  onLayout
+}) => {
+  const t = useText();
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.container,
+    onLayout: onLayout,
+    children: !grid ? /*#__PURE__*/_jsx(Text, {
+      style: styles.emptyText,
+      children: t('teacher.fluency.noFactsPracticed')
+    }) : cellSize > 0 && /*#__PURE__*/_jsxs(View, {
+      style: styles.grid,
+      children: [/*#__PURE__*/_jsx(MatrixHeaderRow, {
+        colLabels: grid.colLabels,
+        cellSize: cellSize,
+        fontSize: fontSize
+      }), grid.rows.map(row => /*#__PURE__*/_jsx(MatrixRow, {
+        label: row.label,
+        cells: row.cells,
+        cellSize: cellSize,
+        borderRadius: borderRadius,
+        colorMap: cellColorMap,
+        fontSize: fontSize
+      }, row.label))]
+    })
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  grid: {
+    gap: 2
+  },
+  emptyText: {
+    fontFamily: FONT_FAMILY.buenosAiresSemiBold,
+    fontSize: 13,
+    color: COLORS.NEUTRAL_6,
+    textAlign: 'center'
+  }
+});
+//# sourceMappingURL=DrawerMatrix.js.map

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

@@ -0,0 +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;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

@@ -0,0 +1,42 @@
+"use strict";
+
+import React from 'react';
+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 = ({
+  box,
+  isEmpty,
+  cellSize,
+  borderRadius,
+  colorMap,
+  fontSize
+}) => /*#__PURE__*/_jsx(View, {
+  style: [styles.cell, {
+    width: cellSize,
+    height: cellSize,
+    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

@@ -0,0 +1 @@
+{"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/MatrixHeaderRow.js

@@ -0,0 +1,47 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { COLORS, FONT_FAMILY } from '@magmamath/react-native-ui';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const MatrixHeaderRow = ({
+  colLabels,
+  cellSize,
+  fontSize
+}) => /*#__PURE__*/_jsxs(View, {
+  style: styles.row,
+  children: [/*#__PURE__*/_jsx(View, {
+    style: {
+      width: cellSize,
+      height: cellSize
+    }
+  }), colLabels.map(col => /*#__PURE__*/_jsx(View, {
+    style: [styles.labelCell, {
+      width: cellSize,
+      height: cellSize
+    }],
+    children: /*#__PURE__*/_jsx(Text, {
+      style: [styles.label, {
+        fontSize
+      }],
+      children: col
+    })
+  }, col))]
+});
+const styles = StyleSheet.create({
+  row: {
+    flexDirection: 'row',
+    gap: 2
+  },
+  labelCell: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  label: {
+    color: COLORS.NEUTRAL_7,
+    fontFamily: FONT_FAMILY.buenosAires,
+    fontWeight: '600',
+    textAlign: 'center'
+  }
+});
+//# sourceMappingURL=MatrixHeaderRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Text","View","COLORS","FONT_FAMILY","jsx","_jsx","jsxs","_jsxs","MatrixHeaderRow","colLabels","cellSize","fontSize","style","styles","row","children","width","height","map","col","labelCell","label","create","flexDirection","gap","alignItems","justifyContent","color","NEUTRAL_7","fontFamily","buenosAires","fontWeight","textAlign"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/matrix/MatrixHeaderRow.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACrD,SAASC,MAAM,EAAEC,WAAW,QAAQ,4BAA4B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQhE,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAAEC,SAAS;EAAEC,QAAQ;EAAEC;AAA+B,CAAC,kBACrFJ,KAAA,CAACN,IAAI;EAACW,KAAK,EAAEC,MAAM,CAACC,GAAI;EAAAC,QAAA,gBACtBV,IAAA,CAACJ,IAAI;IAACW,KAAK,EAAE;MAAEI,KAAK,EAAEN,QAAQ;MAAEO,MAAM,EAAEP;IAAS;EAAE,CAAE,CAAC,EACrDD,SAAS,CAACS,GAAG,CAAEC,GAAG,iBACjBd,IAAA,CAACJ,IAAI;IAAWW,KAAK,EAAE,CAACC,MAAM,CAACO,SAAS,EAAE;MAAEJ,KAAK,EAAEN,QAAQ;MAAEO,MAAM,EAAEP;IAAS,CAAC,CAAE;IAAAK,QAAA,eAC/EV,IAAA,CAACL,IAAI;MAACY,KAAK,EAAE,CAACC,MAAM,CAACQ,KAAK,EAAE;QAAEV;MAAS,CAAC,CAAE;MAAAI,QAAA,EAAEI;IAAG,CAAO;EAAC,GAD9CA,GAEL,CACP,CAAC;AAAA,CACE,CACP;AAED,MAAMN,MAAM,GAAGd,UAAU,CAACuB,MAAM,CAAC;EAC/BR,GAAG,EAAE;IACHS,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAE;EACP,CAAC;EACDJ,SAAS,EAAE;IACTK,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDL,KAAK,EAAE;IACLM,KAAK,EAAEzB,MAAM,CAAC0B,SAAS;IACvBC,UAAU,EAAE1B,WAAW,CAAC2B,WAAW;IACnCC,UAAU,EAAE,KAAK;IACjBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,53 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { COLORS, FONT_FAMILY } from '@magmamath/react-native-ui';
+import { MatrixCell } from "./MatrixCell.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const MatrixRow = ({
+  label,
+  cells,
+  cellSize,
+  borderRadius,
+  colorMap,
+  fontSize
+}) => /*#__PURE__*/_jsxs(View, {
+  style: styles.row,
+  children: [/*#__PURE__*/_jsx(View, {
+    style: [styles.labelCell, {
+      width: cellSize,
+      height: cellSize
+    }],
+    children: /*#__PURE__*/_jsx(Text, {
+      style: [styles.label, {
+        fontSize
+      }],
+      children: label
+    })
+  }), cells.map((cell, i) => /*#__PURE__*/_jsx(MatrixCell, {
+    box: cell.box,
+    isEmpty: cell.isEmpty,
+    cellSize: cellSize,
+    borderRadius: borderRadius,
+    colorMap: colorMap,
+    fontSize: fontSize
+  }, i))]
+});
+const styles = StyleSheet.create({
+  row: {
+    flexDirection: 'row',
+    gap: 2
+  },
+  labelCell: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  label: {
+    color: COLORS.NEUTRAL_7,
+    fontFamily: FONT_FAMILY.buenosAires,
+    fontWeight: '600',
+    textAlign: 'center'
+  }
+});
+//# sourceMappingURL=MatrixRow.js.map

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

@@ -0,0 +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;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

@@ -0,0 +1,106 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { COLORS, HeadingVariants, SPACING, StudentsIcon, Typography } from '@magmamath/react-native-ui';
+import { useUnit } from 'effector-react';
+import { useText } from "../../../../i18n/i18n.js";
+import { useTeacherFluency } from "../../context/TeacherFluencyContext.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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const AllPupilsTableRow = () => {
+  const t = useText();
+  const {
+    model
+  } = useTeacherFluency();
+  const stats = useUnit(model.table.$stats);
+  if (!stats) return null;
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.row,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.name,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: styles.icon,
+        children: /*#__PURE__*/_jsx(StudentsIcon, {
+          size: 25,
+          color: COLORS.NEUTRAL_7
+        })
+      }), /*#__PURE__*/_jsx(Typography, {
+        variant: HeadingVariants.H7,
+        style: styles.nameText,
+        numberOfLines: 1,
+        children: t('teacher.fluency.allPupils')
+      })]
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.average,
+      children: /*#__PURE__*/_jsx(TableRowAverageProgress, {
+        percent: stats.classAverage,
+        label: t(toAverageLabel(stats.classAverage / 100))
+      })
+    }), /*#__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: stats.operatorAverages[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_2,
+    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=AllPupilsTableRow.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const AverageSortButton = ({
+  sort,
+  onPress
+}) => {
+  const t = useText();
+  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

@@ -0,0 +1 @@
+{"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":[]}

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

@@ -0,0 +1,31 @@
+"use strict";
+
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { useUnit } from 'effector-react';
+import { Search, SPACING } from '@magmamath/react-native-ui';
+import { useText } from "../../../../i18n/i18n.js";
+import { useTeacherFluency } from "../../context/TeacherFluencyContext.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const FluencyTeacherFilters = () => {
+  const t = useText();
+  const {
+    model
+  } = useTeacherFluency();
+  const searchValue = useUnit(model.filters.$search);
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.container,
+    children: /*#__PURE__*/_jsx(Search, {
+      placeholder: t('teacher.fluency.search'),
+      onChangeText: model.filters.setSearch,
+      value: searchValue
+    })
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    gap: SPACING[400],
+    width: 250
+  }
+});
+//# sourceMappingURL=FluencyTeacherFilters.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","useUnit","Search","SPACING","useText","useTeacherFluency","jsx","_jsx","FluencyTeacherFilters","t","model","searchValue","filters","$search","style","styles","container","children","placeholder","onChangeText","setSearch","value","create","gap","width"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/table/FluencyTeacherFilters.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SAASC,MAAM,EAAEC,OAAO,QAAQ,4BAA4B;AAC5D,SAASC,OAAO,QAAQ,0BAAuB;AAC/C,SAASC,iBAAiB,QAAQ,wCAAqC;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAEvE,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;EACzC,MAAMC,CAAC,GAAGL,OAAO,CAAC,CAAC;EACnB,MAAM;IAAEM;EAAM,CAAC,GAAGL,iBAAiB,CAAC,CAAC;EACrC,MAAMM,WAAW,GAAGV,OAAO,CAACS,KAAK,CAACE,OAAO,CAACC,OAAO,CAAC;EAElD,oBACEN,IAAA,CAACR,IAAI;IAACe,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,eAC5BV,IAAA,CAACL,MAAM;MACLgB,WAAW,EAAET,CAAC,CAAC,wBAAwB,CAAE;MACzCU,YAAY,EAAET,KAAK,CAACE,OAAO,CAACQ,SAAU;MACtCC,KAAK,EAAEV;IAAY,CACpB;EAAC,CACE,CAAC;AAEX,CAAC;AAED,MAAMI,MAAM,GAAGf,UAAU,CAACsB,MAAM,CAAC;EAC/BN,SAAS,EAAE;IACTO,GAAG,EAAEpB,OAAO,CAAC,GAAG,CAAC;IACjBqB,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}