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

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

@@ -12,26 +12,50 @@ 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
+    model,
+    grade
   } = (0, _TeacherFluencyContext.useTeacherFluency)();
   const {
     sort,
     isLoading,
     table,
-    filteredTable
+    filteredTable,
+    studentInfoDrawer
   } = (0, _effectorReact.useUnit)({
     sort: model.filters.$sort,
     table: model.table.$table,
     filteredTable: model.table.$filteredTable,
-    isLoading: model.api.getClassSummaryFx.pending
+    isLoading: model.api.getClassSummaryFx.pending,
+    studentInfoDrawer: model.table.$studentInfoDrawer
   });
   const hasStudents = table.length > 0;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
@@ -41,28 +65,24 @@ const FluencyTeacherStudentsTable = () => {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
         style: styles.nameCell
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.average,
+        style: _tableCellStyles.tableCellStyles.headerAverage,
         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(({
+        style: _tableCellStyles.tableCellStyles.operators,
+        children: (0, _fluencyTeacherHelpers.getTableOperatorColumns)(grade).map(({
           operator,
-          labelKey,
-          symbol,
-          badgeBg,
-          badgeText
+          labelKey
         }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: styles.operator,
+          style: _tableCellStyles.tableCellStyles.operator,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableColumnSortButton.TableColumnSortButton, {
-            symbol: symbol,
+            Icon: OPERATOR_COLUMN_DISPLAY[operator].Icon,
+            activeColor: OPERATOR_COLUMN_DISPLAY[operator].activeColor,
             label: t(labelKey),
             isActive: sort.column === operator,
             direction: sort.direction,
-            activeBg: badgeBg,
-            activeText: badgeText,
             onPress: () => model.filters.toggleSort(operator)
           })
         }, operator))
@@ -76,6 +96,7 @@ 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
@@ -83,8 +104,8 @@ const FluencyTeacherStudentsTable = () => {
           name: student.name,
           onPress: () => model.table.setStudentInfoDrawer(student),
           averagePercent: student.averagePercent,
-          averageLabel: t(student.averageLabel),
-          scores: student.scores
+          scores: student.scores,
+          isSelected: studentInfoDrawer?.id === student.id
         }),
         contentContainerStyle: filteredTable.length === 0 ? styles.emptyContainer : undefined,
         ListEmptyComponent: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
@@ -102,13 +123,13 @@ const FluencyTeacherStudentsTable = () => {
 exports.FluencyTeacherStudentsTable = FluencyTeacherStudentsTable;
 const styles = _reactNative.StyleSheet.create({
   container: {
-    flex: 1,
+    flexShrink: 1,
     borderRadius: _reactNativeUi.BORDER_RADIUS[300],
     overflow: 'hidden',
     ..._reactNativeUi.SHADOWS[1]
   },
   loader: {
-    flex: 1,
+    minHeight: 200,
     justifyContent: 'center',
     alignItems: 'center'
   },
@@ -118,40 +139,21 @@ const styles = _reactNative.StyleSheet.create({
     paddingHorizontal: _reactNativeUi.SPACING[400],
     paddingVertical: _reactNativeUi.SPACING[200],
     gap: _reactNativeUi.SPACING[400],
-    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
-    borderBottomWidth: 1,
-    borderBottomColor: _reactNativeUi.COLORS.NEUTRAL_4
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_2
   },
   headerRow: {
-    paddingVertical: _reactNativeUi.SPACING[100],
-    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_2
+    paddingVertical: _reactNativeUi.SPACING[100]
   },
   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","_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":[]}
+{"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":[]}

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

@@ -7,34 +7,43 @@ 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,
-  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
+  operator
+}) => {
+  const {
+    background,
+    text
+  } = (0, _fluencyTeacherHelpers.getOperatorBandColors)(operator, value);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.badge, {
+      backgroundColor: background
     }],
-    children: [value, "%"]
-  })
-});
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeUi.Typography, {
+      variant: _reactNativeUi.HeadingVariants.H9,
+      style: [styles.badgeText, {
+        color: text
+      }],
+      children: [value, "%"]
+    })
+  });
+};
 exports.OperatorBadge = OperatorBadge;
 const styles = _reactNative.StyleSheet.create({
   badge: {
-    width: 90,
+    width: 64,
+    height: 32,
     paddingVertical: _reactNativeUi.SPACING[200],
     borderRadius: _reactNativeUi.BORDER_RADIUS[200],
-    alignItems: 'center'
+    alignItems: 'center',
+    justifyContent: 'center'
   },
   badgeText: {
-    textAlign: 'center'
+    textAlign: 'center',
+    textTransform: 'uppercase'
   }
 });
 //# 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","_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":[]}
+{"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":[]}

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

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SortOrderCarets = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _commonConstants = require("../../../../shared/common.constants.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const getCaretColor = isHighlighted => isHighlighted ? _reactNativeUi.COLORS.NEUTRAL_9 : _reactNativeUi.COLORS.NEUTRAL_5;
+const SortOrderCarets = ({
+  isActive,
+  direction
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+  style: styles.container,
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.upCaret,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.CaretUpIcon, {
+      size: 16,
+      color: getCaretColor(isActive && direction === _commonConstants.SortingDirection.ASC)
+    })
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.CaretDownIcon, {
+    size: 16,
+    color: getCaretColor(isActive && direction === _commonConstants.SortingDirection.DESC)
+  })]
+});
+exports.SortOrderCarets = SortOrderCarets;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  upCaret: {
+    marginBottom: -5
+  }
+});
+//# sourceMappingURL=SortOrderCarets.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_commonConstants","_jsxRuntime","e","__esModule","default","getCaretColor","isHighlighted","COLORS","NEUTRAL_9","NEUTRAL_5","SortOrderCarets","isActive","direction","jsxs","View","style","styles","container","children","jsx","upCaret","CaretUpIcon","size","color","SortingDirection","ASC","CaretDownIcon","DESC","exports","StyleSheet","create","alignItems","justifyContent","marginBottom"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/table/SortOrderCarets.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AAAsE,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAOtE,MAAMG,aAAa,GAAIC,aAAsB,IAC3CA,aAAa,GAAGC,qBAAM,CAACC,SAAS,GAAGD,qBAAM,CAACE,SAAS;AAE9C,MAAMC,eAAe,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAgC,CAAC,kBAC3E,IAAAX,WAAA,CAAAY,IAAA,EAACf,YAAA,CAAAgB,IAAI;EAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;EAAAC,QAAA,gBAC5B,IAAAjB,WAAA,CAAAkB,GAAA,EAACrB,YAAA,CAAAgB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACI,OAAQ;IAAAF,QAAA,eAC1B,IAAAjB,WAAA,CAAAkB,GAAA,EAACpB,cAAA,CAAAsB,WAAW;MACVC,IAAI,EAAE,EAAG;MACTC,KAAK,EAAElB,aAAa,CAACM,QAAQ,IAAIC,SAAS,KAAKY,iCAAgB,CAACC,GAAG;IAAE,CACtE;EAAC,CACE,CAAC,eACP,IAAAxB,WAAA,CAAAkB,GAAA,EAACpB,cAAA,CAAA2B,aAAa;IACZJ,IAAI,EAAE,EAAG;IACTC,KAAK,EAAElB,aAAa,CAACM,QAAQ,IAAIC,SAAS,KAAKY,iCAAgB,CAACG,IAAI;EAAE,CACvE,CAAC;AAAA,CACE,CACP;AAAAC,OAAA,CAAAlB,eAAA,GAAAA,eAAA;AAED,MAAMM,MAAM,GAAGa,uBAAU,CAACC,MAAM,CAAC;EAC/Bb,SAAS,EAAE;IACTc,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDZ,OAAO,EAAE;IACPa,YAAY,EAAE,CAAC;EACjB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -7,55 +7,53 @@ 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 _SortOrderCarets = require("./SortOrderCarets.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const TableColumnSortButton = ({
-  symbol,
+  Icon,
   label,
   isActive,
+  activeColor = _reactNativeUi.COLORS.PRIMARY_YELLOW,
   direction,
-  activeBg,
-  activeText,
   onPress
 }) => {
-  const contentColor = isActive ? activeText : _reactNativeUi.COLORS.NEUTRAL_7;
+  const contentColor = isActive ? _reactNativeUi.COLORS.NEUTRAL_1 : _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
+    style: styles.wrap,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [styles.button, isActive && {
+        backgroundColor: activeColor
       }],
-      children: symbol
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      selectable: false,
-      style: [styles.sortButtonLabel, {
+      children: [Icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
+        size: 16,
         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
+      }), /*#__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
     })]
   });
 };
 exports.TableColumnSortButton = TableColumnSortButton;
 const styles = _reactNative.StyleSheet.create({
-  sortButton: {
+  wrap: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: _reactNativeUi.SPACING[100],
+    paddingLeft: _reactNativeUi.SPACING[100]
+  },
+  button: {
     flexDirection: 'row',
     alignItems: 'center',
+    justifyContent: 'center',
     gap: _reactNativeUi.SPACING[100],
     paddingLeft: 6,
     paddingRight: _reactNativeUi.SPACING[200],
@@ -66,16 +64,8 @@ const styles = _reactNative.StyleSheet.create({
     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: {
+  label: {
+    paddingHorizontal: _reactNativeUi.SPACING[100],
     fontFamily: _reactNativeUi.FONT_FAMILY.buenosAiresBold,
     fontSize: 12,
     letterSpacing: 0.24,

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

@@ -1 +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":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_SortOrderCarets","_jsxRuntime","e","__esModule","default","TableColumnSortButton","Icon","label","isActive","activeColor","COLORS","PRIMARY_YELLOW","direction","onPress","contentColor","NEUTRAL_1","NEUTRAL_7","jsxs","Pressable","style","styles","wrap","children","View","button","backgroundColor","jsx","size","color","Text","selectable","SortOrderCarets","exports","StyleSheet","create","flexDirection","alignItems","gap","SPACING","paddingLeft","justifyContent","paddingRight","paddingVertical","borderRadius","borderWidth","borderColor","NEUTRAL_3","SHADOWS","paddingHorizontal","fontFamily","FONT_FAMILY","buenosAiresBold","fontSize","letterSpacing","textTransform"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/table/TableColumnSortButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAEA,IAAAG,gBAAA,GAAAH,OAAA;AAAmD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAW5C,MAAMG,qBAAqB,GAAGA,CAAC;EACpCC,IAAI;EACJC,KAAK;EACLC,QAAQ;EACRC,WAAW,GAAGC,qBAAM,CAACC,cAAc;EACnCC,SAAS;EACTC;AAC0B,CAAC,KAAK;EAChC,MAAMC,YAAY,GAAGN,QAAQ,GAAGE,qBAAM,CAACK,SAAS,GAAGL,qBAAM,CAACM,SAAS;EACnE,oBACE,IAAAf,WAAA,CAAAgB,IAAA,EAACnB,YAAA,CAAAoB,SAAS;IAACL,OAAO,EAAEA,OAAQ;IAACM,KAAK,EAAEC,MAAM,CAACC,IAAK;IAAAC,QAAA,gBAC9C,IAAArB,WAAA,CAAAgB,IAAA,EAACnB,YAAA,CAAAyB,IAAI;MAACJ,KAAK,EAAE,CAACC,MAAM,CAACI,MAAM,EAAEhB,QAAQ,IAAI;QAAEiB,eAAe,EAAEhB;MAAY,CAAC,CAAE;MAAAa,QAAA,GACxEhB,IAAI,iBAAI,IAAAL,WAAA,CAAAyB,GAAA,EAACpB,IAAI;QAACqB,IAAI,EAAE,EAAG;QAACC,KAAK,EAAEd;MAAa,CAAE,CAAC,eAChD,IAAAb,WAAA,CAAAyB,GAAA,EAAC5B,YAAA,CAAA+B,IAAI;QAACC,UAAU,EAAE,KAAM;QAACX,KAAK,EAAE,CAACC,MAAM,CAACb,KAAK,EAAE;UAAEqB,KAAK,EAAEd;QAAa,CAAC,CAAE;QAAAQ,QAAA,EACrEf;MAAK,CACF,CAAC;IAAA,CACH,CAAC,eACP,IAAAN,WAAA,CAAAyB,GAAA,EAAC1B,gBAAA,CAAA+B,eAAe;MAACvB,QAAQ,EAAEA,QAAS;MAACI,SAAS,EAAEA;IAAU,CAAE,CAAC;EAAA,CACpD,CAAC;AAEhB,CAAC;AAAAoB,OAAA,CAAA3B,qBAAA,GAAAA,qBAAA;AAED,MAAMe,MAAM,GAAGa,uBAAU,CAACC,MAAM,CAAC;EAC/Bb,IAAI,EAAE;IACJc,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAEC,sBAAO,CAAC,GAAG,CAAC;IACjBC,WAAW,EAAED,sBAAO,CAAC,GAAG;EAC1B,CAAC;EACDd,MAAM,EAAE;IACNW,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBI,cAAc,EAAE,QAAQ;IACxBH,GAAG,EAAEC,sBAAO,CAAC,GAAG,CAAC;IACjBC,WAAW,EAAE,CAAC;IACdE,YAAY,EAAEH,sBAAO,CAAC,GAAG,CAAC;IAC1BI,eAAe,EAAEJ,sBAAO,CAAC,GAAG,CAAC;IAC7BK,YAAY,EAAE,CAAC;IACfC,WAAW,EAAE,GAAG;IAChBC,WAAW,EAAEnC,qBAAM,CAACoC,SAAS;IAC7BrB,eAAe,EAAEf,qBAAM,CAACK,SAAS;IACjC,GAAGgC,sBAAO,CAAC,CAAC;EACd,CAAC;EACDxC,KAAK,EAAE;IACLyC,iBAAiB,EAAEV,sBAAO,CAAC,GAAG,CAAC;IAC/BW,UAAU,EAAEC,0BAAW,CAACC,eAAe;IACvCC,QAAQ,EAAE,EAAE;IACZC,aAAa,EAAE,IAAI;IACnBC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}