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

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

@@ -0,0 +1,110 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AllPupilsTableRow = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _effectorReact = require("effector-react");
+var _TeacherFluencyContext = require("../../context/TeacherFluencyContext.js");
+var _fluencyTeacherHelpers = require("../../fluencyTeacher.helpers.js");
+var _fluencyTeacherConstants = require("../../fluencyTeacher.constants.js");
+var _TableRowAverageProgress = require("./TableRowAverageProgress.js");
+var _OperatorBadge = require("./OperatorBadge.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const AllPupilsTableRow = () => {
+  const {
+    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: styles.name,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.icon,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.StudentsIcon, {
+          size: 25,
+          color: _reactNativeUi.COLORS.NEUTRAL_7
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+        variant: _reactNativeUi.HeadingVariants.H7,
+        style: styles.nameText,
+        numberOfLines: 1,
+        children: "All pupils"
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.average,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableRowAverageProgress.TableRowAverageProgress, {
+        percent: stats.classAverage,
+        label: (0, _fluencyTeacherHelpers.toAverageLabel)(stats.classAverage / 100)
+      })
+    }), /*#__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: stats.operatorAverages[operator],
+          bgColor: badgeBg,
+          textColor: badgeText
+        })
+      }, operator))
+    })]
+  });
+};
+exports.AllPupilsTableRow = AllPupilsTableRow;
+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_2,
+    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=AllPupilsTableRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_effectorReact","_TeacherFluencyContext","_fluencyTeacherHelpers","_fluencyTeacherConstants","_TableRowAverageProgress","_OperatorBadge","_jsxRuntime","e","__esModule","default","AllPupilsTableRow","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

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AverageSortButton = 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 _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const AverageSortButton = ({
+  sort,
+  onPress
+}) => {
+  const isActive = sort.column === 'average';
+  const color = isActive ? _reactNativeUi.COLORS.NEUTRAL_1 : _reactNativeUi.COLORS.NEUTRAL_7;
+  const ActiveSortIcon = (() => {
+    return sort.direction === '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: "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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_SortDefaultIcon","_jsxRuntime","e","__esModule","default","AverageSortButton","sort","onPress","isActive","column","color","COLORS","NEUTRAL_1","NEUTRAL_7","ActiveSortIcon","direction","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/FluencyTeacherFilters.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FluencyTeacherFilters = 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 _TeacherFluencyContext = require("../../context/TeacherFluencyContext.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const FluencyTeacherFilters = () => {
+  const {
+    model
+  } = (0, _TeacherFluencyContext.useTeacherFluency)();
+  const searchValue = (0, _effectorReact.useUnit)(model.filters.$search);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.container,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Search, {
+      placeholder: "Search",
+      onChangeText: model.filters.setSearch,
+      value: searchValue
+    })
+  });
+};
+exports.FluencyTeacherFilters = FluencyTeacherFilters;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    gap: _reactNativeUi.SPACING[400],
+    width: 250
+  }
+});
+//# sourceMappingURL=FluencyTeacherFilters.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_effectorReact","_reactNativeUi","_TeacherFluencyContext","_jsxRuntime","e","__esModule","default","FluencyTeacherFilters","model","useTeacherFluency","searchValue","useUnit","filters","$search","jsx","View","style","styles","container","children","Search","placeholder","onChangeText","setSearch","value","exports","StyleSheet","create","gap","SPACING","width"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/table/FluencyTeacherFilters.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,sBAAA,GAAAJ,OAAA;AAAuE,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhE,MAAMG,qBAAqB,GAAGA,CAAA,KAAM;EACzC,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,wCAAiB,EAAC,CAAC;EACrC,MAAMC,WAAW,GAAG,IAAAC,sBAAO,EAACH,KAAK,CAACI,OAAO,CAACC,OAAO,CAAC;EAElD,oBACE,IAAAV,WAAA,CAAAW,GAAA,EAACf,YAAA,CAAAgB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,eAC5B,IAAAhB,WAAA,CAAAW,GAAA,EAACb,cAAA,CAAAmB,MAAM;MAACC,WAAW,EAAC,QAAQ;MAACC,YAAY,EAAEd,KAAK,CAACI,OAAO,CAACW,SAAU;MAACC,KAAK,EAAEd;IAAY,CAAE;EAAC,CACtF,CAAC;AAEX,CAAC;AAAAe,OAAA,CAAAlB,qBAAA,GAAAA,qBAAA;AAED,MAAMU,MAAM,GAAGS,uBAAU,CAACC,MAAM,CAAC;EAC/BT,SAAS,EAAE;IACTU,GAAG,EAAEC,sBAAO,CAAC,GAAG,CAAC;IACjBC,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,149 @@
+"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 _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 {
+    model
+  } = (0, _TeacherFluencyContext.useTeacherFluency)();
+  const {
+    sort,
+    search,
+    isLoading
+  } = (0, _effectorReact.useUnit)({
+    sort: model.filters.$sort,
+    search: model.filters.$search,
+    isLoading: model.api.getClassSummaryFx.pending
+  });
+  const sortedStudents = (0, _effectorReact.useStoreMap)({
+    store: model.table.$table,
+    keys: [search, sort],
+    fn: (students, [searchTerm, sortState]) => {
+      const filtered = searchTerm ? students.filter(s => s.name.toLowerCase().includes(searchTerm.toLowerCase())) : students;
+      return [...filtered].sort((a, b) => {
+        const aVal = sortState.column === 'average' ? a.averagePercent : a.scores[sortState.column];
+        const bVal = sortState.column === 'average' ? b.averagePercent : b.scores[sortState.column];
+        return sortState.direction === 'desc' ? bVal - aVal : aVal - bVal;
+      });
+    }
+  });
+  return /*#__PURE__*/(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('average')
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.operators,
+        children: _fluencyTeacherConstants.TABLE_OPERATOR_COLUMNS.map(({
+          operator,
+          label,
+          symbol,
+          badgeBg,
+          badgeText
+        }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.operator,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableColumnSortButton.TableColumnSortButton, {
+            symbol: symbol,
+            label: label,
+            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: sortedStudents,
+        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: student.averageLabel,
+          scores: student.scores
+        })
+      })]
+    })]
+  });
+};
+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'
+  }
+});
+//# 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","_TeacherFluencyContext","_TableRow","_fluencyTeacherConstants","_TableColumnSortButton","_AllPupilsTableRow","_AverageSortButton","_jsxRuntime","e","__esModule","default","FluencyTeacherStudentsTable","model","useTeacherFluency","sort","search","isLoading","useUnit","filters","$sort","$search","api","getClassSummaryFx","pending","sortedStudents","useStoreMap","store","table","$table","keys","fn","students","searchTerm","sortState","filtered","filter","s","name","toLowerCase","includes","a","b","aVal","column","averagePercent","scores","bVal","direction","jsxs","View","style","styles","container","children","row","headerRow","jsx","nameCell","average","AverageSortButton","onPress","toggleSort","operators","TABLE_OPERATOR_COLUMNS","map","operator","label","symbol","badgeBg","badgeText","TableColumnSortButton","isActive","activeBg","activeText","loader","ActivityIndicator","size","color","COLORS","PRIMARY_BLUE","Fragment","AllPupilsTableRow","FlatList","data","keyExtractor","student","id","renderItem","item","TableRow","setStudentInfoDrawer","averageLabel","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"],"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,84 @@
+"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 _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 === '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","_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","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":[]}