@magmamath/students-features 1.5.0 → 1.5.1

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

@@ -0,0 +1,165 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FluencyTeacherStudentsTable = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _effectorReact = require("effector-react");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _i18n = require("../../../../i18n/i18n.js");
+var _TeacherFluencyContext = require("../../context/TeacherFluencyContext.js");
+var _TableRow = require("./TableRow.js");
+var _fluencyTeacherConstants = require("../../fluencyTeacher.constants.js");
+var _TableColumnSortButton = require("./TableColumnSortButton.js");
+var _AllPupilsTableRow = require("./AllPupilsTableRow.js");
+var _AverageSortButton = require("./AverageSortButton.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const FluencyTeacherStudentsTable = () => {
+  const t = (0, _i18n.useText)();
+  const {
+    model
+  } = (0, _TeacherFluencyContext.useTeacherFluency)();
+  const {
+    sort,
+    isLoading,
+    table,
+    filteredTable
+  } = (0, _effectorReact.useUnit)({
+    sort: model.filters.$sort,
+    table: model.table.$table,
+    filteredTable: model.table.$filteredTable,
+    isLoading: model.api.getClassSummaryFx.pending
+  });
+  const hasStudents = table.length > 0;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [styles.row, styles.headerRow],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.nameCell
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        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: styles.operators,
+        children: _fluencyTeacherConstants.TABLE_OPERATOR_COLUMNS.map(({
+          operator,
+          labelKey,
+          symbol,
+          badgeBg,
+          badgeText
+        }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.operator,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableColumnSortButton.TableColumnSortButton, {
+            symbol: symbol,
+            label: t(labelKey),
+            isActive: sort.column === operator,
+            direction: sort.direction,
+            activeBg: badgeBg,
+            activeText: badgeText,
+            onPress: () => model.filters.toggleSort(operator)
+          })
+        }, operator))
+      })]
+    }), isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.loader,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+        size: "large",
+        color: _reactNativeUi.COLORS.PRIMARY_BLUE
+      })
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_AllPupilsTableRow.AllPupilsTableRow, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
+        data: filteredTable,
+        keyExtractor: student => student.id,
+        renderItem: ({
+          item: student
+        }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableRow.TableRow, {
+          name: student.name,
+          onPress: () => model.table.setStudentInfoDrawer(student),
+          averagePercent: student.averagePercent,
+          averageLabel: t(student.averageLabel),
+          scores: student.scores
+        }),
+        contentContainerStyle: filteredTable.length === 0 ? styles.emptyContainer : undefined,
+        ListEmptyComponent: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.emptyState,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+            variant: _reactNativeUi.HeadingVariants.H9,
+            style: styles.emptyText,
+            children: hasStudents ? t('teacher.fluency.noStudentsFound') : t('teacher.fluency.noStudents')
+          })
+        })
+      })]
+    })]
+  });
+};
+exports.FluencyTeacherStudentsTable = FluencyTeacherStudentsTable;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    borderRadius: _reactNativeUi.BORDER_RADIUS[300],
+    overflow: 'hidden',
+    ..._reactNativeUi.SHADOWS[1]
+  },
+  loader: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: _reactNativeUi.SPACING[400],
+    paddingVertical: _reactNativeUi.SPACING[200],
+    gap: _reactNativeUi.SPACING[400],
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    borderBottomWidth: 1,
+    borderBottomColor: _reactNativeUi.COLORS.NEUTRAL_4
+  },
+  headerRow: {
+    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,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  emptyText: {
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires,
+    fontWeight: '400',
+    fontSize: 32,
+    color: _reactNativeUi.COLORS.NEUTRAL_9
+  }
+});
+//# sourceMappingURL=FluencyTeacherStudentsTable.js.map

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

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

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OperatorBadge = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const OperatorBadge = ({
+  value,
+  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: [value, "%"]
+  })
+});
+exports.OperatorBadge = OperatorBadge;
+const styles = _reactNative.StyleSheet.create({
+  badge: {
+    width: 90,
+    paddingVertical: _reactNativeUi.SPACING[200],
+    borderRadius: _reactNativeUi.BORDER_RADIUS[200],
+    alignItems: 'center'
+  },
+  badgeText: {
+    textAlign: 'center'
+  }
+});
+//# sourceMappingURL=OperatorBadge.js.map

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

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

@@ -0,0 +1,85 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TableColumnSortButton = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+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 = ({
+  symbol,
+  label,
+  isActive,
+  direction,
+  activeBg,
+  activeText,
+  onPress
+}) => {
+  const contentColor = isActive ? activeText : _reactNativeUi.COLORS.NEUTRAL_7;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+    onPress: onPress,
+    style: [styles.sortButton, isActive && {
+      backgroundColor: activeBg,
+      borderColor: activeBg
+    }],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      selectable: false,
+      style: [styles.sortButtonSymbol, {
+        color: contentColor
+      }],
+      children: symbol
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      selectable: false,
+      style: [styles.sortButtonLabel, {
+        color: contentColor
+      }],
+      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({
+  sortButton: {
+    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]
+  },
+  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,
+    textTransform: 'uppercase'
+  }
+});
+//# sourceMappingURL=TableColumnSortButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_SortDefaultIcon","_commonConstants","_jsxRuntime","e","__esModule","default","TableColumnSortButton","symbol","label","isActive","direction","activeBg","activeText","onPress","contentColor","COLORS","NEUTRAL_7","jsxs","Pressable","style","styles","sortButton","backgroundColor","borderColor","children","jsx","Text","selectable","sortButtonSymbol","color","sortButtonLabel","SortingDirection","DESC","CaretDownIcon","size","CaretUpIcon","SortDefaultIcon","exports","StyleSheet","create","flexDirection","alignItems","gap","SPACING","paddingLeft","paddingRight","paddingVertical","borderRadius","borderWidth","NEUTRAL_3","NEUTRAL_1","SHADOWS","width","height","lineHeight","marginHorizontal","textAlign","fontFamily","FONT_FAMILY","buenosAiresBold","fontSize","letterSpacing","textTransform"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/table/TableColumnSortButton.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,128 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TableRow = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _fluencyTeacherConstants = require("../../fluencyTeacher.constants.js");
+var _OperatorBadge = require("./OperatorBadge.js");
+var _TableRowAverageProgress = require("./TableRowAverageProgress.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const AnimatedPressable = _reactNative.Animated.createAnimatedComponent(_reactNative.Pressable);
+const TableRow = ({
+  name,
+  scores,
+  averagePercent = 0,
+  averageLabel = '',
+  onPress
+}) => {
+  const hoverProgress = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const fadeIn = () => {
+    _reactNative.Animated.timing(hoverProgress, {
+      toValue: 1,
+      duration: 150,
+      useNativeDriver: false
+    }).start();
+  };
+  const fadeOut = () => {
+    _reactNative.Animated.timing(hoverProgress, {
+      toValue: 0,
+      duration: 150,
+      useNativeDriver: false
+    }).start();
+  };
+  const backgroundColor = hoverProgress.interpolate({
+    inputRange: [0, 1],
+    outputRange: [_reactNativeUi.COLORS.NEUTRAL_1, _reactNativeUi.COLORS.NEUTRAL_2]
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(AnimatedPressable, {
+    onHoverIn: fadeIn,
+    onHoverOut: fadeOut,
+    onPress: onPress,
+    style: [styles.row, {
+      backgroundColor
+    }],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.name,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+        variant: _reactNativeUi.HeadingVariants.H7,
+        style: styles.nameText,
+        numberOfLines: 1,
+        children: name
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.average,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableRowAverageProgress.TableRowAverageProgress, {
+        percent: averagePercent,
+        label: averageLabel
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.operators,
+      children: _fluencyTeacherConstants.TABLE_OPERATOR_COLUMNS.map(({
+        operator,
+        badgeBg,
+        badgeText
+      }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.operator,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_OperatorBadge.OperatorBadge, {
+          value: scores[operator],
+          bgColor: badgeBg,
+          textColor: badgeText
+        })
+      }, operator))
+    })]
+  });
+};
+exports.TableRow = TableRow;
+const styles = _reactNative.StyleSheet.create({
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: _reactNativeUi.SPACING[400],
+    paddingVertical: _reactNativeUi.SPACING[200],
+    gap: _reactNativeUi.SPACING[400],
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    borderBottomWidth: 1,
+    borderBottomColor: _reactNativeUi.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: _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=TableRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeUi","_fluencyTeacherConstants","_OperatorBadge","_TableRowAverageProgress","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AnimatedPressable","Animated","createAnimatedComponent","Pressable","TableRow","name","scores","averagePercent","averageLabel","onPress","hoverProgress","useRef","Value","current","fadeIn","timing","toValue","duration","useNativeDriver","start","fadeOut","backgroundColor","interpolate","inputRange","outputRange","COLORS","NEUTRAL_1","NEUTRAL_2","jsxs","onHoverIn","onHoverOut","style","styles","row","children","jsx","View","Typography","variant","HeadingVariants","H7","nameText","numberOfLines","average","TableRowAverageProgress","percent","label","operators","TABLE_OPERATOR_COLUMNS","map","operator","badgeBg","badgeText","OperatorBadge","value","bgColor","textColor","exports","StyleSheet","create","flexDirection","alignItems","paddingHorizontal","SPACING","paddingVertical","gap","borderBottomWidth","borderBottomColor","NEUTRAL_4","width","height","icon","justifyContent","color","NEUTRAL_9","flex"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/table/TableRow.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TableRowAverageProgress = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const TableRowAverageProgress = ({
+  percent,
+  label
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+  style: styles.progressTrack,
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.progressFill, {
+      width: `${percent}%`
+    }]
+  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.progressOverlay,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeUi.Typography, {
+      variant: _reactNativeUi.HeadingVariants.H9,
+      style: styles.progressPercent,
+      children: [percent, "%"]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.progressLabel,
+      numberOfLines: 1,
+      children: label
+    })]
+  })]
+});
+exports.TableRowAverageProgress = TableRowAverageProgress;
+const styles = _reactNative.StyleSheet.create({
+  progressTrack: {
+    height: 16,
+    borderRadius: 36,
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_3,
+    overflow: 'hidden'
+  },
+  progressFill: {
+    position: 'absolute',
+    top: 0,
+    bottom: 0,
+    left: 0,
+    borderRadius: 36,
+    backgroundColor: _reactNativeUi.COLORS.YELLOW_4
+  },
+  progressOverlay: {
+    position: 'absolute',
+    top: 0,
+    bottom: 0,
+    left: 0,
+    right: 0,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingHorizontal: _reactNativeUi.SPACING[200]
+  },
+  progressPercent: {
+    color: _reactNativeUi.COLORS.NEUTRAL_9
+  },
+  progressLabel: {
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAiresSemiBold,
+    fontSize: 10,
+    color: _reactNativeUi.COLORS.NEUTRAL_9,
+    textTransform: 'uppercase'
+  }
+});
+//# sourceMappingURL=TableRowAverageProgress.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_jsxRuntime","e","__esModule","default","TableRowAverageProgress","percent","label","jsxs","View","style","styles","progressTrack","children","jsx","progressFill","width","progressOverlay","Typography","variant","HeadingVariants","H9","progressPercent","Text","progressLabel","numberOfLines","exports","StyleSheet","create","height","borderRadius","backgroundColor","COLORS","NEUTRAL_3","overflow","position","top","bottom","left","YELLOW_4","right","flexDirection","alignItems","justifyContent","paddingHorizontal","SPACING","color","NEUTRAL_9","fontFamily","FONT_FAMILY","buenosAiresSemiBold","fontSize","textTransform"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/table/TableRowAverageProgress.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAMmC,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAO5B,MAAMG,uBAAuB,GAAGA,CAAC;EAAEC,OAAO;EAAEC;AAAoC,CAAC,kBACtF,IAAAN,WAAA,CAAAO,IAAA,EAACT,YAAA,CAAAU,IAAI;EAACC,KAAK,EAAEC,MAAM,CAACC,aAAc;EAAAC,QAAA,gBAChC,IAAAZ,WAAA,CAAAa,GAAA,EAACf,YAAA,CAAAU,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACI,YAAY,EAAE;MAAEC,KAAK,EAAE,GAAGV,OAAO;IAAI,CAAC;EAAE,CAAE,CAAC,eAChE,IAAAL,WAAA,CAAAO,IAAA,EAACT,YAAA,CAAAU,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACM,eAAgB;IAAAJ,QAAA,gBAClC,IAAAZ,WAAA,CAAAO,IAAA,EAACR,cAAA,CAAAkB,UAAU;MAACC,OAAO,EAAEC,8BAAe,CAACC,EAAG;MAACX,KAAK,EAAEC,MAAM,CAACW,eAAgB;MAAAT,QAAA,GACpEP,OAAO,EAAC,GACX;IAAA,CAAY,CAAC,eACb,IAAAL,WAAA,CAAAa,GAAA,EAACf,YAAA,CAAAwB,IAAI;MAACb,KAAK,EAAEC,MAAM,CAACa,aAAc;MAACC,aAAa,EAAE,CAAE;MAAAZ,QAAA,EACjDN;IAAK,CACF,CAAC;EAAA,CACH,CAAC;AAAA,CACH,CACP;AAAAmB,OAAA,CAAArB,uBAAA,GAAAA,uBAAA;AAED,MAAMM,MAAM,GAAGgB,uBAAU,CAACC,MAAM,CAAC;EAC/BhB,aAAa,EAAE;IACbiB,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,EAAE;IAChBC,eAAe,EAAEC,qBAAM,CAACC,SAAS;IACjCC,QAAQ,EAAE;EACZ,CAAC;EACDnB,YAAY,EAAE;IACZoB,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,MAAM,EAAE,CAAC;IACTC,IAAI,EAAE,CAAC;IACPR,YAAY,EAAE,EAAE;IAChBC,eAAe,EAAEC,qBAAM,CAACO;EAC1B,CAAC;EACDtB,eAAe,EAAE;IACfkB,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,EAAEC,sBAAO,CAAC,GAAG;EAChC,CAAC;EACDvB,eAAe,EAAE;IACfwB,KAAK,EAAEd,qBAAM,CAACe;EAChB,CAAC;EACDvB,aAAa,EAAE;IACbwB,UAAU,EAAEC,0BAAW,CAACC,mBAAmB;IAC3CC,QAAQ,EAAE,EAAE;IACZL,KAAK,EAAEd,qBAAM,CAACe,SAAS;IACvBK,aAAa,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTeacherFluency = exports.TeacherFluencyProvider = void 0;
+var _react = require("react");
+const TeacherFluencyContext = /*#__PURE__*/(0, _react.createContext)(null);
+const useTeacherFluency = () => {
+  const value = (0, _react.useContext)(TeacherFluencyContext);
+  if (!value) throw new Error('useTeacherFluency must be used within TeacherFluencyProvider');
+  return value;
+};
+exports.useTeacherFluency = useTeacherFluency;
+const TeacherFluencyProvider = exports.TeacherFluencyProvider = TeacherFluencyContext.Provider;
+//# sourceMappingURL=TeacherFluencyContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","TeacherFluencyContext","createContext","useTeacherFluency","value","useContext","Error","exports","TeacherFluencyProvider","Provider"],"sourceRoot":"../../../../../src","sources":["features/fluency-teacher/context/TeacherFluencyContext.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAOA,MAAMC,qBAAqB,gBAAG,IAAAC,oBAAa,EAAoC,IAAI,CAAC;AAE7E,MAAMC,iBAAiB,GAAGA,CAAA,KAAkC;EACjE,MAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACJ,qBAAqB,CAAC;EAC/C,IAAI,CAACG,KAAK,EAAE,MAAM,IAAIE,KAAK,CAAC,8DAA8D,CAAC;EAC3F,OAAOF,KAAK;AACd,CAAC;AAAAG,OAAA,CAAAJ,iBAAA,GAAAA,iBAAA;AAEM,MAAMK,sBAAsB,GAAAD,OAAA,CAAAC,sBAAA,GAAGP,qBAAqB,CAACQ,QAAQ","ignoreList":[]}

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

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TEACHER_FLUENCY_GOAL_MINUTES = exports.TABLE_OPERATOR_COLUMNS = exports.MATRIX_CELL_COLORS = exports.FluencyTableColumn = exports.FluencyOperator = exports.FluencyMathOperatorSymbol = void 0;
+var _reactNativeUi = require("@magmamath/react-native-ui");
+const TEACHER_FLUENCY_GOAL_MINUTES = exports.TEACHER_FLUENCY_GOAL_MINUTES = 25;
+let FluencyOperator = exports.FluencyOperator = /*#__PURE__*/function (FluencyOperator) {
+  FluencyOperator["ADDITION"] = "addition";
+  FluencyOperator["SUBTRACTION"] = "subtraction";
+  FluencyOperator["MULTIPLICATION"] = "multiplication";
+  FluencyOperator["DIVISION"] = "division";
+  return FluencyOperator;
+}({});
+const MATRIX_CELL_COLORS = exports.MATRIX_CELL_COLORS = {
+  [FluencyOperator.ADDITION]: {
+    1: _reactNativeUi.COLORS.GREEN_2,
+    2: _reactNativeUi.COLORS.GREEN_3,
+    3: _reactNativeUi.COLORS.PRIMARY_GREEN,
+    4: _reactNativeUi.COLORS.GREEN_6
+  },
+  [FluencyOperator.SUBTRACTION]: {
+    1: _reactNativeUi.COLORS.ORANGE_2,
+    2: _reactNativeUi.COLORS.ORANGE_3,
+    3: _reactNativeUi.COLORS.PRIMARY_ORANGE,
+    4: _reactNativeUi.COLORS.ORANGE_6
+  },
+  [FluencyOperator.MULTIPLICATION]: {
+    1: _reactNativeUi.COLORS.BLUE_2,
+    2: _reactNativeUi.COLORS.BLUE_3,
+    3: _reactNativeUi.COLORS.PRIMARY_BLUE,
+    4: _reactNativeUi.COLORS.BLUE_6
+  },
+  [FluencyOperator.DIVISION]: {
+    1: _reactNativeUi.COLORS.PURPLE_2,
+    2: _reactNativeUi.COLORS.PURPLE_3,
+    3: _reactNativeUi.COLORS.PRIMARY_PURPLE,
+    4: _reactNativeUi.COLORS.PURPLE_6
+  }
+};
+let FluencyTableColumn = exports.FluencyTableColumn = /*#__PURE__*/function (FluencyTableColumn) {
+  FluencyTableColumn["AVERAGE"] = "average";
+  FluencyTableColumn["ADDITION"] = "addition";
+  FluencyTableColumn["SUBTRACTION"] = "subtraction";
+  FluencyTableColumn["MULTIPLICATION"] = "multiplication";
+  FluencyTableColumn["DIVISION"] = "division";
+  return FluencyTableColumn;
+}({});
+let FluencyMathOperatorSymbol = exports.FluencyMathOperatorSymbol = /*#__PURE__*/function (FluencyMathOperatorSymbol) {
+  FluencyMathOperatorSymbol["ADDITION"] = "+";
+  FluencyMathOperatorSymbol["SUBTRACTION"] = "\u2212";
+  FluencyMathOperatorSymbol["MULTIPLICATION"] = "\xD7";
+  FluencyMathOperatorSymbol["DIVISION"] = "\xF7";
+  return FluencyMathOperatorSymbol;
+}({});
+const TABLE_OPERATOR_COLUMNS = exports.TABLE_OPERATOR_COLUMNS = [{
+  operator: FluencyTableColumn.ADDITION,
+  labelKey: 'student.fluency.addition',
+  symbol: FluencyMathOperatorSymbol.ADDITION,
+  badgeBg: _reactNativeUi.COLORS.GREEN_3,
+  badgeText: _reactNativeUi.COLORS.GREEN_8
+}, {
+  operator: FluencyTableColumn.SUBTRACTION,
+  labelKey: 'student.fluency.subtraction',
+  symbol: FluencyMathOperatorSymbol.SUBTRACTION,
+  badgeBg: _reactNativeUi.COLORS.ORANGE_3,
+  badgeText: _reactNativeUi.COLORS.ORANGE_8
+}, {
+  operator: FluencyTableColumn.DIVISION,
+  labelKey: 'student.fluency.division',
+  symbol: FluencyMathOperatorSymbol.DIVISION,
+  badgeBg: _reactNativeUi.COLORS.BLUE_3,
+  badgeText: _reactNativeUi.COLORS.BLUE_8
+}, {
+  operator: FluencyTableColumn.MULTIPLICATION,
+  labelKey: 'student.fluency.multiplication',
+  symbol: FluencyMathOperatorSymbol.MULTIPLICATION,
+  badgeBg: _reactNativeUi.COLORS.PURPLE_2,
+  badgeText: _reactNativeUi.COLORS.PURPLE_8
+}];
+//# sourceMappingURL=fluencyTeacher.constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeUi","require","TEACHER_FLUENCY_GOAL_MINUTES","exports","FluencyOperator","MATRIX_CELL_COLORS","ADDITION","COLORS","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","FluencyTableColumn","FluencyMathOperatorSymbol","TABLE_OPERATOR_COLUMNS","operator","labelKey","symbol","badgeBg","badgeText","GREEN_8","ORANGE_8","BLUE_8","PURPLE_8"],"sourceRoot":"../../../../src","sources":["features/fluency-teacher/fluencyTeacher.constants.ts"],"mappings":"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","ignoreList":[]}