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

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_MatrixCell","_jsxRuntime","e","__esModule","default","MatrixRow","label","cells","cellSize","borderRadius","colorMap","fontSize","jsxs","View","style","styles","row","children","jsx","labelCell","width","height","Text","map","cell","i","MatrixCell","box","isEmpty","exports","StyleSheet","create","flexDirection","gap","alignItems","justifyContent","color","COLORS","NEUTRAL_7","fontFamily","FONT_FAMILY","buenosAires","fontWeight","textAlign"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/matrix/MatrixRow.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAAyC,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAalC,MAAMG,SAAS,GAAGA,CAAC;EACxBC,KAAK;EACLC,KAAK;EACLC,QAAQ;EACRC,YAAY;EACZC,QAAQ;EACRC;AACc,CAAC,kBACf,IAAAV,WAAA,CAAAW,IAAA,EAACd,YAAA,CAAAe,IAAI;EAACC,KAAK,EAAEC,MAAM,CAACC,GAAI;EAAAC,QAAA,gBACtB,IAAAhB,WAAA,CAAAiB,GAAA,EAACpB,YAAA,CAAAe,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACI,SAAS,EAAE;MAAEC,KAAK,EAAEZ,QAAQ;MAAEa,MAAM,EAAEb;IAAS,CAAC,CAAE;IAAAS,QAAA,eACrE,IAAAhB,WAAA,CAAAiB,GAAA,EAACpB,YAAA,CAAAwB,IAAI;MAACR,KAAK,EAAE,CAACC,MAAM,CAACT,KAAK,EAAE;QAAEK;MAAS,CAAC,CAAE;MAAAM,QAAA,EAAEX;IAAK,CAAO;EAAC,CACrD,CAAC,EACNC,KAAK,CAACgB,GAAG,CAAC,CAACC,IAAI,EAAEC,CAAC,kBACjB,IAAAxB,WAAA,CAAAiB,GAAA,EAAClB,WAAA,CAAA0B,UAAU;IAETC,GAAG,EAAEH,IAAI,CAACG,GAAI;IACdC,OAAO,EAAEJ,IAAI,CAACI,OAAQ;IACtBpB,QAAQ,EAAEA,QAAS;IACnBC,YAAY,EAAEA,YAAa;IAC3BC,QAAQ,EAAEA;EAAS,GALde,CAMN,CACF,CAAC;AAAA,CACE,CACP;AAAAI,OAAA,CAAAxB,SAAA,GAAAA,SAAA;AAED,MAAMU,MAAM,GAAGe,uBAAU,CAACC,MAAM,CAAC;EAC/Bf,GAAG,EAAE;IACHgB,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAE;EACP,CAAC;EACDd,SAAS,EAAE;IACTe,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACD7B,KAAK,EAAE;IACL8B,KAAK,EAAEC,qBAAM,CAACC,SAAS;IACvBC,UAAU,EAAEC,0BAAW,CAACC,WAAW;IACnCC,UAAU,EAAE,KAAK;IACjBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_MatrixCell","_jsxRuntime","e","__esModule","default","MatrixRow","label","cells","cellSize","borderRadius","colorMap","fontSize","jsxs","View","style","styles","row","children","jsx","labelCell","width","height","Text","map","cell","i","MatrixCell","box","isEmpty","exports","StyleSheet","create","flexDirection","gap","alignItems","justifyContent","color","COLORS","NEUTRAL_7","fontFamily","FONT_FAMILY","buenosAires","fontWeight","textAlign"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/matrix/MatrixRow.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAAyC,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAYlC,MAAMG,SAAS,GAAGA,CAAC;EACxBC,KAAK;EACLC,KAAK;EACLC,QAAQ;EACRC,YAAY;EACZC,QAAQ;EACRC;AACc,CAAC,kBACf,IAAAV,WAAA,CAAAW,IAAA,EAACd,YAAA,CAAAe,IAAI;EAACC,KAAK,EAAEC,MAAM,CAACC,GAAI;EAAAC,QAAA,gBACtB,IAAAhB,WAAA,CAAAiB,GAAA,EAACpB,YAAA,CAAAe,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACI,SAAS,EAAE;MAAEC,KAAK,EAAEZ,QAAQ;MAAEa,MAAM,EAAEb;IAAS,CAAC,CAAE;IAAAS,QAAA,eACrE,IAAAhB,WAAA,CAAAiB,GAAA,EAACpB,YAAA,CAAAwB,IAAI;MAACR,KAAK,EAAE,CAACC,MAAM,CAACT,KAAK,EAAE;QAAEK;MAAS,CAAC,CAAE;MAAAM,QAAA,EAAEX;IAAK,CAAO;EAAC,CACrD,CAAC,EACNC,KAAK,CAACgB,GAAG,CAAC,CAACC,IAAI,EAAEC,CAAC,kBACjB,IAAAxB,WAAA,CAAAiB,GAAA,EAAClB,WAAA,CAAA0B,UAAU;IAETC,GAAG,EAAEH,IAAI,CAACG,GAAI;IACdC,OAAO,EAAEJ,IAAI,CAACI,OAAQ;IACtBpB,QAAQ,EAAEA,QAAS;IACnBC,YAAY,EAAEA,YAAa;IAC3BC,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA;EAAS,GANdc,CAON,CACF,CAAC;AAAA,CACE,CACP;AAAAI,OAAA,CAAAxB,SAAA,GAAAA,SAAA;AAED,MAAMU,MAAM,GAAGe,uBAAU,CAACC,MAAM,CAAC;EAC/Bf,GAAG,EAAE;IACHgB,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAE;EACP,CAAC;EACDd,SAAS,EAAE;IACTe,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACD7B,KAAK,EAAE;IACL8B,KAAK,EAAEC,qBAAM,CAACC,SAAS;IACvBC,UAAU,EAAEC,0BAAW,CAACC,WAAW;IACnCC,UAAU,EAAE,KAAK;IACjBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -10,25 +10,23 @@ var _reactNativeUi = require("@magmamath/react-native-ui");
 var _effectorReact = require("effector-react");
 var _i18n = require("../../../../i18n/i18n.js");
 var _TeacherFluencyContext = require("../../context/TeacherFluencyContext.js");
-var _fluencyTeacherConstants = require("../../fluencyTeacher.constants.js");
 var _fluencyTeacherHelpers = require("../../fluencyTeacher.helpers.js");
-var _AverageCell = require("./AverageCell.js");
+var _fluencyTeacherConstants = require("../../fluencyTeacher.constants.js");
+var _TableRowAverageProgress = require("./TableRowAverageProgress.js");
 var _OperatorBadge = require("./OperatorBadge.js");
-var _tableCellStyles = require("./tableCell.styles.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const AllPupilsTableRow = () => {
   const t = (0, _i18n.useText)();
   const {
-    model,
-    grade
+    model
   } = (0, _TeacherFluencyContext.useTeacherFluency)();
   const stats = (0, _effectorReact.useUnit)(model.table.$stats);
   if (!stats) return null;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: styles.row,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: _tableCellStyles.tableCellStyles.name,
+      style: styles.name,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
         style: styles.icon,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.StudentsIcon, {
@@ -42,19 +40,23 @@ const AllPupilsTableRow = () => {
         children: t('teacher.fluency.allPupils')
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: _tableCellStyles.tableCellStyles.average,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AverageCell.AverageCell, {
-        percent: stats.classAverage
+      style: styles.average,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableRowAverageProgress.TableRowAverageProgress, {
+        percent: stats.classAverage,
+        label: t((0, _fluencyTeacherHelpers.toAverageLabel)(stats.classAverage / 100))
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: _tableCellStyles.tableCellStyles.operators,
-      children: (0, _fluencyTeacherHelpers.getTableOperatorColumns)(grade).map(({
-        operator
+      style: styles.operators,
+      children: _fluencyTeacherConstants.TABLE_OPERATOR_COLUMNS.map(({
+        operator,
+        badgeBg,
+        badgeText
       }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: _tableCellStyles.tableCellStyles.operator,
+        style: styles.operator,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_OperatorBadge.OperatorBadge, {
           value: stats.operatorAverages[operator],
-          operator: _fluencyTeacherConstants.COLUMN_TO_OPERATOR[operator]
+          bgColor: badgeBg,
+          textColor: badgeText
         })
       }, operator))
     })]
@@ -70,7 +72,14 @@ const styles = _reactNative.StyleSheet.create({
     gap: _reactNativeUi.SPACING[400],
     backgroundColor: _reactNativeUi.COLORS.NEUTRAL_2,
     borderBottomWidth: 1,
-    borderBottomColor: _reactNativeUi.COLORS.NEUTRAL_6
+    borderBottomColor: _reactNativeUi.COLORS.NEUTRAL_4
+  },
+  name: {
+    width: 137,
+    height: 40,
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 12
   },
   icon: {
     width: 25,
@@ -81,6 +90,23 @@ const styles = _reactNative.StyleSheet.create({
   nameText: {
     width: 100,
     color: _reactNativeUi.COLORS.NEUTRAL_9
+  },
+  average: {
+    width: 145,
+    height: 40,
+    paddingHorizontal: 12,
+    justifyContent: 'center'
+  },
+  operators: {
+    flex: 1,
+    height: 40,
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: _reactNativeUi.SPACING[800]
+  },
+  operator: {
+    flex: 1,
+    alignItems: 'center'
   }
 });
 //# sourceMappingURL=AllPupilsTableRow.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_effectorReact","_i18n","_TeacherFluencyContext","_fluencyTeacherConstants","_fluencyTeacherHelpers","_AverageCell","_OperatorBadge","_tableCellStyles","_jsxRuntime","e","__esModule","default","AllPupilsTableRow","t","useText","model","grade","useTeacherFluency","stats","useUnit","table","$stats","jsxs","View","style","styles","row","children","tableCellStyles","name","jsx","icon","StudentsIcon","size","color","COLORS","NEUTRAL_7","Typography","variant","HeadingVariants","H7","nameText","numberOfLines","average","AverageCell","percent","classAverage","operators","getTableOperatorColumns","map","operator","OperatorBadge","value","operatorAverages","COLUMN_TO_OPERATOR","exports","StyleSheet","create","flexDirection","alignItems","paddingHorizontal","SPACING","paddingVertical","gap","backgroundColor","NEUTRAL_2","borderBottomWidth","borderBottomColor","NEUTRAL_6","width","height","justifyContent","NEUTRAL_9"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/table/AllPupilsTableRow.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_effectorReact","_i18n","_TeacherFluencyContext","_fluencyTeacherHelpers","_fluencyTeacherConstants","_TableRowAverageProgress","_OperatorBadge","_jsxRuntime","e","__esModule","default","AllPupilsTableRow","t","useText","model","useTeacherFluency","stats","useUnit","table","$stats","jsxs","View","style","styles","row","children","name","jsx","icon","StudentsIcon","size","color","COLORS","NEUTRAL_7","Typography","variant","HeadingVariants","H7","nameText","numberOfLines","average","TableRowAverageProgress","percent","classAverage","label","toAverageLabel","operators","TABLE_OPERATOR_COLUMNS","map","operator","badgeBg","badgeText","OperatorBadge","value","operatorAverages","bgColor","textColor","exports","StyleSheet","create","flexDirection","alignItems","paddingHorizontal","SPACING","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/commonjs/features/fluency-teacher/components/table/AverageSortButton.js

@@ -5,9 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.AverageSortButton = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
 var _i18n = require("../../../../i18n/i18n.js");
+var _SortDefaultIcon = require("../../assets/SortDefaultIcon.js");
+var _commonConstants = require("../../../../shared/common.constants.js");
 var _fluencyTeacherConstants = require("../../fluencyTeacher.constants.js");
-var _TableColumnSortButton = require("./TableColumnSortButton.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const AverageSortButton = ({
@@ -15,12 +18,65 @@ const AverageSortButton = ({
   onPress
 }) => {
   const t = (0, _i18n.useText)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableColumnSortButton.TableColumnSortButton, {
-    label: t('teacher.fluency.average'),
-    isActive: sort.column === _fluencyTeacherConstants.FluencyTableColumn.AVERAGE,
-    direction: sort.direction,
-    onPress: onPress
+  const isActive = sort.column === _fluencyTeacherConstants.FluencyTableColumn.AVERAGE;
+  const color = isActive ? _reactNativeUi.COLORS.NEUTRAL_1 : _reactNativeUi.COLORS.NEUTRAL_7;
+  const ActiveSortIcon = (() => {
+    return sort.direction === _commonConstants.SortingDirection.DESC ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.CaretUpIcon, {
+      size: 12,
+      color: color
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.CaretDownIcon, {
+      size: 12,
+      color: color
+    });
+  })();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+    onPress: onPress,
+    style: [styles.button, isActive && styles.buttonActive],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.iconWrapper,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.StudentsIcon, {
+        size: 16,
+        color: color
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      selectable: false,
+      style: [styles.label, {
+        color
+      }],
+      children: t('teacher.fluency.average')
+    }), isActive ? ActiveSortIcon : /*#__PURE__*/(0, _jsxRuntime.jsx)(_SortDefaultIcon.SortDefaultIcon, {
+      size: 10,
+      color: color
+    })]
   });
 };
 exports.AverageSortButton = AverageSortButton;
+const styles = _reactNative.StyleSheet.create({
+  button: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: _reactNativeUi.SPACING[100],
+    paddingLeft: 6,
+    paddingRight: _reactNativeUi.SPACING[200],
+    paddingVertical: _reactNativeUi.SPACING[100],
+    borderRadius: 6,
+    borderWidth: 0.5,
+    borderColor: _reactNativeUi.COLORS.NEUTRAL_3,
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    ..._reactNativeUi.SHADOWS[2]
+  },
+  buttonActive: {
+    backgroundColor: _reactNativeUi.COLORS.PRIMARY_YELLOW,
+    borderColor: _reactNativeUi.COLORS.PRIMARY_YELLOW
+  },
+  iconWrapper: {
+    marginHorizontal: _reactNativeUi.SPACING[100]
+  },
+  label: {
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAiresBold,
+    fontSize: 12,
+    letterSpacing: 0.24,
+    textTransform: 'uppercase'
+  }
+});
 //# sourceMappingURL=AverageSortButton.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_fluencyTeacherConstants","_TableColumnSortButton","_jsxRuntime","e","__esModule","default","AverageSortButton","sort","onPress","t","useText","jsx","TableColumnSortButton","label","isActive","column","FluencyTableColumn","AVERAGE","direction","exports"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/table/AverageSortButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,wBAAA,GAAAF,OAAA;AACA,IAAAG,sBAAA,GAAAH,OAAA;AAA+D,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAOxD,MAAMG,iBAAiB,GAAGA,CAAC;EAAEC,IAAI;EAAEC;AAAgC,CAAC,KAAK;EAC9E,MAAMC,CAAC,GAAG,IAAAC,aAAO,EAAC,CAAC;EACnB,oBACE,IAAAR,WAAA,CAAAS,GAAA,EAACV,sBAAA,CAAAW,qBAAqB;IACpBC,KAAK,EAAEJ,CAAC,CAAC,yBAAyB,CAAE;IACpCK,QAAQ,EAAEP,IAAI,CAACQ,MAAM,KAAKC,2CAAkB,CAACC,OAAQ;IACrDC,SAAS,EAAEX,IAAI,CAACW,SAAU;IAC1BV,OAAO,EAAEA;EAAQ,CAClB,CAAC;AAEN,CAAC;AAAAW,OAAA,CAAAb,iBAAA,GAAAA,iBAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_i18n","_SortDefaultIcon","_commonConstants","_fluencyTeacherConstants","_jsxRuntime","e","__esModule","default","AverageSortButton","sort","onPress","t","useText","isActive","column","FluencyTableColumn","AVERAGE","color","COLORS","NEUTRAL_1","NEUTRAL_7","ActiveSortIcon","direction","SortingDirection","DESC","jsx","CaretUpIcon","size","CaretDownIcon","jsxs","Pressable","style","styles","button","buttonActive","children","View","iconWrapper","StudentsIcon","Text","selectable","label","SortDefaultIcon","exports","StyleSheet","create","flexDirection","alignItems","gap","SPACING","paddingLeft","paddingRight","paddingVertical","borderRadius","borderWidth","borderColor","NEUTRAL_3","backgroundColor","SHADOWS","PRIMARY_YELLOW","marginHorizontal","fontFamily","FONT_FAMILY","buenosAiresBold","fontSize","letterSpacing","textTransform"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/table/AverageSortButton.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -12,50 +12,26 @@ var _i18n = require("../../../../i18n/i18n.js");
 var _TeacherFluencyContext = require("../../context/TeacherFluencyContext.js");
 var _TableRow = require("./TableRow.js");
 var _fluencyTeacherConstants = require("../../fluencyTeacher.constants.js");
-var _fluencyTeacherHelpers = require("../../fluencyTeacher.helpers.js");
 var _TableColumnSortButton = require("./TableColumnSortButton.js");
 var _AllPupilsTableRow = require("./AllPupilsTableRow.js");
 var _AverageSortButton = require("./AverageSortButton.js");
-var _tableCellStyles = require("./tableCell.styles.js");
-var _DivisionIcon = require("../../assets/DivisionIcon.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const OPERATOR_COLUMN_DISPLAY = {
-  [_fluencyTeacherConstants.FluencyTableColumn.ADDITION]: {
-    Icon: _reactNativeUi.PlusIcon,
-    activeColor: _reactNativeUi.COLORS.PRIMARY_GREEN
-  },
-  [_fluencyTeacherConstants.FluencyTableColumn.SUBTRACTION]: {
-    Icon: _reactNativeUi.MinusIcon,
-    activeColor: _reactNativeUi.COLORS.PRIMARY_ORANGE
-  },
-  [_fluencyTeacherConstants.FluencyTableColumn.MULTIPLICATION]: {
-    Icon: _reactNativeUi.CrossIcon,
-    activeColor: _reactNativeUi.COLORS.PRIMARY_BLUE
-  },
-  [_fluencyTeacherConstants.FluencyTableColumn.DIVISION]: {
-    Icon: _DivisionIcon.DivisionIcon,
-    activeColor: _reactNativeUi.COLORS.PRIMARY_PURPLE
-  }
-};
 const FluencyTeacherStudentsTable = () => {
   const t = (0, _i18n.useText)();
   const {
-    model,
-    grade
+    model
   } = (0, _TeacherFluencyContext.useTeacherFluency)();
   const {
     sort,
     isLoading,
     table,
-    filteredTable,
-    studentInfoDrawer
+    filteredTable
   } = (0, _effectorReact.useUnit)({
     sort: model.filters.$sort,
     table: model.table.$table,
     filteredTable: model.table.$filteredTable,
-    isLoading: model.api.getClassSummaryFx.pending,
-    studentInfoDrawer: model.table.$studentInfoDrawer
+    isLoading: model.api.getClassSummaryFx.pending
   });
   const hasStudents = table.length > 0;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
@@ -65,24 +41,28 @@ const FluencyTeacherStudentsTable = () => {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
         style: styles.nameCell
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: _tableCellStyles.tableCellStyles.headerAverage,
+        style: styles.average,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AverageSortButton.AverageSortButton, {
           sort: sort,
           onPress: () => model.filters.toggleSort(_fluencyTeacherConstants.FluencyTableColumn.AVERAGE)
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: _tableCellStyles.tableCellStyles.operators,
-        children: (0, _fluencyTeacherHelpers.getTableOperatorColumns)(grade).map(({
+        style: styles.operators,
+        children: _fluencyTeacherConstants.TABLE_OPERATOR_COLUMNS.map(({
           operator,
-          labelKey
+          labelKey,
+          symbol,
+          badgeBg,
+          badgeText
         }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: _tableCellStyles.tableCellStyles.operator,
+          style: styles.operator,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableColumnSortButton.TableColumnSortButton, {
-            Icon: OPERATOR_COLUMN_DISPLAY[operator].Icon,
-            activeColor: OPERATOR_COLUMN_DISPLAY[operator].activeColor,
+            symbol: symbol,
             label: t(labelKey),
             isActive: sort.column === operator,
             direction: sort.direction,
+            activeBg: badgeBg,
+            activeText: badgeText,
             onPress: () => model.filters.toggleSort(operator)
           })
         }, operator))
@@ -96,7 +76,6 @@ const FluencyTeacherStudentsTable = () => {
     }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_AllPupilsTableRow.AllPupilsTableRow, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
         data: filteredTable,
-        extraData: studentInfoDrawer,
         keyExtractor: student => student.id,
         renderItem: ({
           item: student
@@ -104,8 +83,8 @@ const FluencyTeacherStudentsTable = () => {
           name: student.name,
           onPress: () => model.table.setStudentInfoDrawer(student),
           averagePercent: student.averagePercent,
-          scores: student.scores,
-          isSelected: studentInfoDrawer?.id === student.id
+          averageLabel: t(student.averageLabel),
+          scores: student.scores
         }),
         contentContainerStyle: filteredTable.length === 0 ? styles.emptyContainer : undefined,
         ListEmptyComponent: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
@@ -123,13 +102,13 @@ const FluencyTeacherStudentsTable = () => {
 exports.FluencyTeacherStudentsTable = FluencyTeacherStudentsTable;
 const styles = _reactNative.StyleSheet.create({
   container: {
-    flexShrink: 1,
+    flex: 1,
     borderRadius: _reactNativeUi.BORDER_RADIUS[300],
     overflow: 'hidden',
     ..._reactNativeUi.SHADOWS[1]
   },
   loader: {
-    minHeight: 200,
+    flex: 1,
     justifyContent: 'center',
     alignItems: 'center'
   },
@@ -139,21 +118,40 @@ const styles = _reactNative.StyleSheet.create({
     paddingHorizontal: _reactNativeUi.SPACING[400],
     paddingVertical: _reactNativeUi.SPACING[200],
     gap: _reactNativeUi.SPACING[400],
-    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_2
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    borderBottomWidth: 1,
+    borderBottomColor: _reactNativeUi.COLORS.NEUTRAL_4
   },
   headerRow: {
-    paddingVertical: _reactNativeUi.SPACING[100]
+    paddingVertical: _reactNativeUi.SPACING[100],
+    backgroundColor: _reactNativeUi.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: _reactNativeUi.SPACING[800]
+  },
+  operator: {
+    flex: 1,
+    alignItems: 'center'
+  },
   emptyContainer: {
     flexGrow: 1
   },
   emptyState: {
     flex: 1,
-    minHeight: 200,
     alignItems: 'center',
     justifyContent: 'center'
   },

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_effectorReact","_reactNativeUi","_i18n","_TeacherFluencyContext","_TableRow","_fluencyTeacherConstants","_fluencyTeacherHelpers","_TableColumnSortButton","_AllPupilsTableRow","_AverageSortButton","_tableCellStyles","_DivisionIcon","_jsxRuntime","e","__esModule","default","OPERATOR_COLUMN_DISPLAY","FluencyTableColumn","ADDITION","Icon","PlusIcon","activeColor","COLORS","PRIMARY_GREEN","SUBTRACTION","MinusIcon","PRIMARY_ORANGE","MULTIPLICATION","CrossIcon","PRIMARY_BLUE","DIVISION","DivisionIcon","PRIMARY_PURPLE","FluencyTeacherStudentsTable","t","useText","model","grade","useTeacherFluency","sort","isLoading","table","filteredTable","studentInfoDrawer","useUnit","filters","$sort","$table","$filteredTable","api","getClassSummaryFx","pending","$studentInfoDrawer","hasStudents","length","jsxs","View","style","styles","container","children","row","headerRow","jsx","nameCell","tableCellStyles","headerAverage","AverageSortButton","onPress","toggleSort","AVERAGE","operators","getTableOperatorColumns","map","operator","labelKey","TableColumnSortButton","label","isActive","column","direction","loader","ActivityIndicator","size","color","Fragment","AllPupilsTableRow","FlatList","data","extraData","keyExtractor","student","id","renderItem","item","TableRow","name","setStudentInfoDrawer","averagePercent","scores","isSelected","contentContainerStyle","emptyContainer","undefined","ListEmptyComponent","emptyState","Typography","variant","HeadingVariants","H9","emptyText","exports","StyleSheet","create","flexShrink","borderRadius","BORDER_RADIUS","overflow","SHADOWS","minHeight","justifyContent","alignItems","flexDirection","paddingHorizontal","SPACING","paddingVertical","gap","backgroundColor","NEUTRAL_2","width","height","flexGrow","flex","fontFamily","FONT_FAMILY","buenosAires","fontWeight","fontSize","NEUTRAL_9"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/table/FluencyTeacherStudentsTable.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_effectorReact","_reactNativeUi","_i18n","_TeacherFluencyContext","_TableRow","_fluencyTeacherConstants","_TableColumnSortButton","_AllPupilsTableRow","_AverageSortButton","_jsxRuntime","e","__esModule","default","FluencyTeacherStudentsTable","t","useText","model","useTeacherFluency","sort","isLoading","table","filteredTable","useUnit","filters","$sort","$table","$filteredTable","api","getClassSummaryFx","pending","hasStudents","length","jsxs","View","style","styles","container","children","row","headerRow","jsx","nameCell","average","AverageSortButton","onPress","toggleSort","FluencyTableColumn","AVERAGE","operators","TABLE_OPERATOR_COLUMNS","map","operator","labelKey","symbol","badgeBg","badgeText","TableColumnSortButton","label","isActive","column","direction","activeBg","activeText","loader","ActivityIndicator","size","color","COLORS","PRIMARY_BLUE","Fragment","AllPupilsTableRow","FlatList","data","keyExtractor","student","id","renderItem","item","TableRow","name","setStudentInfoDrawer","averagePercent","averageLabel","scores","contentContainerStyle","emptyContainer","undefined","ListEmptyComponent","emptyState","Typography","variant","HeadingVariants","H9","emptyText","exports","StyleSheet","create","flex","borderRadius","BORDER_RADIUS","overflow","SHADOWS","justifyContent","alignItems","flexDirection","paddingHorizontal","SPACING","paddingVertical","gap","backgroundColor","NEUTRAL_1","borderBottomWidth","borderBottomColor","NEUTRAL_4","NEUTRAL_2","width","height","flexGrow","fontFamily","FONT_FAMILY","buenosAires","fontWeight","fontSize","NEUTRAL_9"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/table/FluencyTeacherStudentsTable.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -7,43 +7,34 @@ exports.OperatorBadge = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeUi = require("@magmamath/react-native-ui");
-var _fluencyTeacherHelpers = require("../../fluencyTeacher.helpers.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const OperatorBadge = ({
   value,
-  operator
-}) => {
-  const {
-    background,
-    text
-  } = (0, _fluencyTeacherHelpers.getOperatorBandColors)(operator, value);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: [styles.badge, {
-      backgroundColor: background
+  bgColor,
+  textColor
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+  style: [styles.badge, {
+    backgroundColor: bgColor
+  }],
+  children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeUi.Typography, {
+    variant: _reactNativeUi.HeadingVariants.H9,
+    style: [styles.badgeText, {
+      color: textColor
     }],
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeUi.Typography, {
-      variant: _reactNativeUi.HeadingVariants.H9,
-      style: [styles.badgeText, {
-        color: text
-      }],
-      children: [value, "%"]
-    })
-  });
-};
+    children: [value, "%"]
+  })
+});
 exports.OperatorBadge = OperatorBadge;
 const styles = _reactNative.StyleSheet.create({
   badge: {
-    width: 64,
-    height: 32,
+    width: 90,
     paddingVertical: _reactNativeUi.SPACING[200],
     borderRadius: _reactNativeUi.BORDER_RADIUS[200],
-    alignItems: 'center',
-    justifyContent: 'center'
+    alignItems: 'center'
   },
   badgeText: {
-    textAlign: 'center',
-    textTransform: 'uppercase'
+    textAlign: 'center'
   }
 });
 //# sourceMappingURL=OperatorBadge.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_fluencyTeacherHelpers","_jsxRuntime","e","__esModule","default","OperatorBadge","value","operator","background","text","getOperatorBandColors","jsx","View","style","styles","badge","backgroundColor","children","jsxs","Typography","variant","HeadingVariants","H9","badgeText","color","exports","StyleSheet","create","width","height","paddingVertical","SPACING","borderRadius","BORDER_RADIUS","alignItems","justifyContent","textAlign","textTransform"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/table/OperatorBadge.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,sBAAA,GAAAH,OAAA;AAAoE,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQ7D,MAAMG,aAAa,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAA6B,CAAC,KAAK;EACxE,MAAM;IAAEC,UAAU;IAAEC;EAAK,CAAC,GAAG,IAAAC,4CAAqB,EAACH,QAAQ,EAAED,KAAK,CAAC;EACnE,oBACE,IAAAL,WAAA,CAAAU,GAAA,EAACb,YAAA,CAAAc,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,KAAK,EAAE;MAAEC,eAAe,EAAER;IAAW,CAAC,CAAE;IAAAS,QAAA,eAC3D,IAAAhB,WAAA,CAAAiB,IAAA,EAACnB,cAAA,CAAAoB,UAAU;MAACC,OAAO,EAAEC,8BAAe,CAACC,EAAG;MAACT,KAAK,EAAE,CAACC,MAAM,CAACS,SAAS,EAAE;QAAEC,KAAK,EAAEf;MAAK,CAAC,CAAE;MAAAQ,QAAA,GACjFX,KAAK,EAAC,GACT;IAAA,CAAY;EAAC,CACT,CAAC;AAEX,CAAC;AAAAmB,OAAA,CAAApB,aAAA,GAAAA,aAAA;AAED,MAAMS,MAAM,GAAGY,uBAAU,CAACC,MAAM,CAAC;EAC/BZ,KAAK,EAAE;IACLa,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,eAAe,EAAEC,sBAAO,CAAC,GAAG,CAAC;IAC7BC,YAAY,EAAEC,4BAAa,CAAC,GAAG,CAAC;IAChCC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDZ,SAAS,EAAE;IACTa,SAAS,EAAE,QAAQ;IACnBC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_jsxRuntime","e","__esModule","default","OperatorBadge","value","bgColor","textColor","jsx","View","style","styles","badge","backgroundColor","children","jsxs","Typography","variant","HeadingVariants","H9","badgeText","color","exports","StyleSheet","create","width","paddingVertical","SPACING","borderRadius","BORDER_RADIUS","alignItems","textAlign"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/table/OperatorBadge.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAAgG,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQzF,MAAMG,aAAa,GAAGA,CAAC;EAAEC,KAAK;EAAEC,OAAO;EAAEC;AAA8B,CAAC,kBAC7E,IAAAP,WAAA,CAAAQ,GAAA,EAACV,YAAA,CAAAW,IAAI;EAACC,KAAK,EAAE,CAACC,MAAM,CAACC,KAAK,EAAE;IAAEC,eAAe,EAAEP;EAAQ,CAAC,CAAE;EAAAQ,QAAA,eACxD,IAAAd,WAAA,CAAAe,IAAA,EAAChB,cAAA,CAAAiB,UAAU;IAACC,OAAO,EAAEC,8BAAe,CAACC,EAAG;IAACT,KAAK,EAAE,CAACC,MAAM,CAACS,SAAS,EAAE;MAAEC,KAAK,EAAEd;IAAU,CAAC,CAAE;IAAAO,QAAA,GACtFT,KAAK,EAAC,GACT;EAAA,CAAY;AAAC,CACT,CACP;AAAAiB,OAAA,CAAAlB,aAAA,GAAAA,aAAA;AAED,MAAMO,MAAM,GAAGY,uBAAU,CAACC,MAAM,CAAC;EAC/BZ,KAAK,EAAE;IACLa,KAAK,EAAE,EAAE;IACTC,eAAe,EAAEC,sBAAO,CAAC,GAAG,CAAC;IAC7BC,YAAY,EAAEC,4BAAa,CAAC,GAAG,CAAC;IAChCC,UAAU,EAAE;EACd,CAAC;EACDV,SAAS,EAAE;IACTW,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -7,53 +7,55 @@ exports.TableColumnSortButton = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeUi = require("@magmamath/react-native-ui");
-var _SortOrderCarets = require("./SortOrderCarets.js");
+var _SortDefaultIcon = require("../../assets/SortDefaultIcon.js");
+var _commonConstants = require("../../../../shared/common.constants.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const TableColumnSortButton = ({
-  Icon,
+  symbol,
   label,
   isActive,
-  activeColor = _reactNativeUi.COLORS.PRIMARY_YELLOW,
   direction,
+  activeBg,
+  activeText,
   onPress
 }) => {
-  const contentColor = isActive ? _reactNativeUi.COLORS.NEUTRAL_1 : _reactNativeUi.COLORS.NEUTRAL_7;
+  const contentColor = isActive ? activeText : _reactNativeUi.COLORS.NEUTRAL_7;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
     onPress: onPress,
-    style: styles.wrap,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: [styles.button, isActive && {
-        backgroundColor: activeColor
+    style: [styles.sortButton, isActive && {
+      backgroundColor: activeBg,
+      borderColor: activeBg
+    }],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      selectable: false,
+      style: [styles.sortButtonSymbol, {
+        color: contentColor
       }],
-      children: [Icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
-        size: 16,
+      children: symbol
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      selectable: false,
+      style: [styles.sortButtonLabel, {
         color: contentColor
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        selectable: false,
-        style: [styles.label, {
-          color: contentColor
-        }],
-        children: label
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SortOrderCarets.SortOrderCarets, {
-      isActive: isActive,
-      direction: direction
+      }],
+      children: label
+    }), isActive ? direction === _commonConstants.SortingDirection.DESC ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.CaretDownIcon, {
+      size: 12,
+      color: contentColor
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.CaretUpIcon, {
+      size: 12,
+      color: contentColor
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_SortDefaultIcon.SortDefaultIcon, {
+      size: 10,
+      color: contentColor
     })]
   });
 };
 exports.TableColumnSortButton = TableColumnSortButton;
 const styles = _reactNative.StyleSheet.create({
-  wrap: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: _reactNativeUi.SPACING[100],
-    paddingLeft: _reactNativeUi.SPACING[100]
-  },
-  button: {
+  sortButton: {
     flexDirection: 'row',
     alignItems: 'center',
-    justifyContent: 'center',
     gap: _reactNativeUi.SPACING[100],
     paddingLeft: 6,
     paddingRight: _reactNativeUi.SPACING[200],
@@ -64,8 +66,16 @@ const styles = _reactNative.StyleSheet.create({
     backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
     ..._reactNativeUi.SHADOWS[2]
   },
-  label: {
-    paddingHorizontal: _reactNativeUi.SPACING[100],
+  sortButtonSymbol: {
+    width: 12,
+    height: 12,
+    lineHeight: 10,
+    marginHorizontal: _reactNativeUi.SPACING[100],
+    textAlign: 'center',
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAiresBold,
+    fontSize: 24
+  },
+  sortButtonLabel: {
     fontFamily: _reactNativeUi.FONT_FAMILY.buenosAiresBold,
     fontSize: 12,
     letterSpacing: 0.24,