@magmamath/students-features 1.4.1 → 1.4.2

package/dist/commonjs/features/fluency-teacher/components/drawer/DrawerMasteryLegend.js

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DrawerMasteryLegend = 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 _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const MASTERY_LEVEL_CONFIG = [{
+  labelKey: 'student.fluency.notStarted',
+  color: _reactNativeUi.COLORS.NEUTRAL_3
+}, {
+  labelKey: 'student.fluency.masteryLearning',
+  color: _reactNativeUi.COLORS.GREEN_2
+}, {
+  labelKey: 'student.fluency.masteryGrowing',
+  color: _reactNativeUi.COLORS.GREEN_3
+}, {
+  labelKey: 'student.fluency.masteryStrong',
+  color: _reactNativeUi.COLORS.GREEN_4
+}, {
+  labelKey: 'student.fluency.masteryMastered',
+  color: _reactNativeUi.COLORS.GREEN_7
+}];
+const DrawerMasteryLegend = () => {
+  const t = (0, _i18n.useText)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.container,
+    children: MASTERY_LEVEL_CONFIG.map(({
+      labelKey,
+      color
+    }) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.item,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.swatch, {
+          backgroundColor: color
+        }]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.label,
+        children: t(labelKey)
+      })]
+    }, labelKey))
+  });
+};
+exports.DrawerMasteryLegend = DrawerMasteryLegend;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: _reactNativeUi.SPACING[300],
+    paddingVertical: _reactNativeUi.SPACING[150],
+    paddingHorizontal: _reactNativeUi.SPACING[300],
+    borderRadius: 999,
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    borderWidth: 1,
+    borderColor: _reactNativeUi.COLORS.NEUTRAL_4,
+    alignSelf: 'center'
+  },
+  item: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: _reactNativeUi.SPACING[150]
+  },
+  swatch: {
+    width: 14,
+    height: 14,
+    borderRadius: 4
+  },
+  label: {
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAiresSemiBold,
+    fontSize: 12,
+    fontWeight: '600',
+    color: _reactNativeUi.COLORS.NEUTRAL_8
+  }
+});
+//# sourceMappingURL=DrawerMasteryLegend.js.map

package/dist/commonjs/features/fluency-teacher/components/drawer/DrawerMasteryLegend.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_i18n","_jsxRuntime","e","__esModule","default","MASTERY_LEVEL_CONFIG","labelKey","color","COLORS","NEUTRAL_3","GREEN_2","GREEN_3","GREEN_4","GREEN_7","DrawerMasteryLegend","t","useText","jsx","View","style","styles","container","children","map","jsxs","item","swatch","backgroundColor","Text","label","exports","StyleSheet","create","flexDirection","alignItems","gap","SPACING","paddingVertical","paddingHorizontal","borderRadius","NEUTRAL_1","borderWidth","borderColor","NEUTRAL_4","alignSelf","width","height","fontFamily","FONT_FAMILY","buenosAiresSemiBold","fontSize","fontWeight","NEUTRAL_8"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/drawer/DrawerMasteryLegend.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/fluency-teacher/components/drawer/DrawerMatrixes.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DrawerMatrixes = 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 _DrawerOperatorBox = require("./DrawerOperatorBox.js");
+var _fluencyTeacherConstants = require("../../fluencyTeacher.constants.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const DrawerMatrixes = () => {
+  const t = (0, _i18n.useText)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.grid,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DrawerOperatorBox.DrawerOperatorBox, {
+      title: t('student.fluency.addition'),
+      symbol: _fluencyTeacherConstants.FluencyMathOperatorSymbol.ADDITION,
+      iconBg: _reactNativeUi.COLORS.GREEN_1,
+      iconColor: _reactNativeUi.COLORS.GREEN_7,
+      operator: _fluencyTeacherConstants.FluencyOperator.ADDITION
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DrawerOperatorBox.DrawerOperatorBox, {
+      title: t('student.fluency.subtraction'),
+      symbol: _fluencyTeacherConstants.FluencyMathOperatorSymbol.SUBTRACTION,
+      iconBg: _reactNativeUi.COLORS.ORANGE_1,
+      iconColor: _reactNativeUi.COLORS.ORANGE_7,
+      operator: _fluencyTeacherConstants.FluencyOperator.SUBTRACTION
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DrawerOperatorBox.DrawerOperatorBox, {
+      title: t('student.fluency.multiplication'),
+      symbol: _fluencyTeacherConstants.FluencyMathOperatorSymbol.MULTIPLICATION,
+      iconBg: _reactNativeUi.COLORS.BLUE_1,
+      iconColor: _reactNativeUi.COLORS.BLUE_7,
+      operator: _fluencyTeacherConstants.FluencyOperator.MULTIPLICATION
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DrawerOperatorBox.DrawerOperatorBox, {
+      title: t('student.fluency.division'),
+      symbol: _fluencyTeacherConstants.FluencyMathOperatorSymbol.DIVISION,
+      iconBg: _reactNativeUi.COLORS.PURPLE_1,
+      iconColor: _reactNativeUi.COLORS.PURPLE_7,
+      operator: _fluencyTeacherConstants.FluencyOperator.DIVISION
+    })]
+  });
+};
+exports.DrawerMatrixes = DrawerMatrixes;
+const styles = _reactNative.StyleSheet.create({
+  grid: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    gap: _reactNativeUi.SPACING[300],
+    marginTop: _reactNativeUi.SPACING[300],
+    marginBottom: _reactNativeUi.SPACING[600]
+  }
+});
+//# sourceMappingURL=DrawerMatrixes.js.map

package/dist/commonjs/features/fluency-teacher/components/drawer/DrawerMatrixes.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_i18n","_DrawerOperatorBox","_fluencyTeacherConstants","_jsxRuntime","e","__esModule","default","DrawerMatrixes","t","useText","jsxs","View","style","styles","grid","children","jsx","DrawerOperatorBox","title","symbol","FluencyMathOperatorSymbol","ADDITION","iconBg","COLORS","GREEN_1","iconColor","GREEN_7","operator","FluencyOperator","SUBTRACTION","ORANGE_1","ORANGE_7","MULTIPLICATION","BLUE_1","BLUE_7","DIVISION","PURPLE_1","PURPLE_7","exports","StyleSheet","create","flexDirection","flexWrap","gap","SPACING","marginTop","marginBottom"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/drawer/DrawerMatrixes.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,kBAAA,GAAAJ,OAAA;AACA,IAAAK,wBAAA,GAAAL,OAAA;AAA2F,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEpF,MAAMG,cAAc,GAAGA,CAAA,KAAM;EAClC,MAAMC,CAAC,GAAG,IAAAC,aAAO,EAAC,CAAC;EACnB,oBACE,IAAAN,WAAA,CAAAO,IAAA,EAACZ,YAAA,CAAAa,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,IAAK;IAAAC,QAAA,gBACvB,IAAAZ,WAAA,CAAAa,GAAA,EAACf,kBAAA,CAAAgB,iBAAiB;MAChBC,KAAK,EAAEV,CAAC,CAAC,0BAA0B,CAAE;MACrCW,MAAM,EAAEC,kDAAyB,CAACC,QAAS;MAC3CC,MAAM,EAAEC,qBAAM,CAACC,OAAQ;MACvBC,SAAS,EAAEF,qBAAM,CAACG,OAAQ;MAC1BC,QAAQ,EAAEC,wCAAe,CAACP;IAAS,CACpC,CAAC,eACF,IAAAlB,WAAA,CAAAa,GAAA,EAACf,kBAAA,CAAAgB,iBAAiB;MAChBC,KAAK,EAAEV,CAAC,CAAC,6BAA6B,CAAE;MACxCW,MAAM,EAAEC,kDAAyB,CAACS,WAAY;MAC9CP,MAAM,EAAEC,qBAAM,CAACO,QAAS;MACxBL,SAAS,EAAEF,qBAAM,CAACQ,QAAS;MAC3BJ,QAAQ,EAAEC,wCAAe,CAACC;IAAY,CACvC,CAAC,eACF,IAAA1B,WAAA,CAAAa,GAAA,EAACf,kBAAA,CAAAgB,iBAAiB;MAChBC,KAAK,EAAEV,CAAC,CAAC,gCAAgC,CAAE;MAC3CW,MAAM,EAAEC,kDAAyB,CAACY,cAAe;MACjDV,MAAM,EAAEC,qBAAM,CAACU,MAAO;MACtBR,SAAS,EAAEF,qBAAM,CAACW,MAAO;MACzBP,QAAQ,EAAEC,wCAAe,CAACI;IAAe,CAC1C,CAAC,eACF,IAAA7B,WAAA,CAAAa,GAAA,EAACf,kBAAA,CAAAgB,iBAAiB;MAChBC,KAAK,EAAEV,CAAC,CAAC,0BAA0B,CAAE;MACrCW,MAAM,EAAEC,kDAAyB,CAACe,QAAS;MAC3Cb,MAAM,EAAEC,qBAAM,CAACa,QAAS;MACxBX,SAAS,EAAEF,qBAAM,CAACc,QAAS;MAC3BV,QAAQ,EAAEC,wCAAe,CAACO;IAAS,CACpC,CAAC;EAAA,CACE,CAAC;AAEX,CAAC;AAAAG,OAAA,CAAA/B,cAAA,GAAAA,cAAA;AAED,MAAMM,MAAM,GAAG0B,uBAAU,CAACC,MAAM,CAAC;EAC/B1B,IAAI,EAAE;IACJ2B,aAAa,EAAE,KAAK;IACpBC,QAAQ,EAAE,MAAM;IAChBC,GAAG,EAAEC,sBAAO,CAAC,GAAG,CAAC;IACjBC,SAAS,EAAED,sBAAO,CAAC,GAAG,CAAC;IACvBE,YAAY,EAAEF,sBAAO,CAAC,GAAG;EAC3B;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/commonjs/features/fluency-teacher/components/drawer/DrawerOperatorBox.js

@@ -0,0 +1,123 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DrawerOperatorBox = 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 _useDrawerMatrix = require("../../hooks/useDrawerMatrix.js");
+var _DrawerMatrix = require("../matrix/DrawerMatrix.js");
+var _TeacherFluencyContext = require("../../context/TeacherFluencyContext.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const DrawerOperatorBox = ({
+  title,
+  symbol,
+  iconBg,
+  iconColor,
+  operator
+}) => {
+  const t = (0, _i18n.useText)();
+  const {
+    model
+  } = (0, _TeacherFluencyContext.useTeacherFluency)();
+  const isLoading = (0, _effectorReact.useUnit)(model.api.getStudentDetailsFx.pending);
+  const matrixProps = (0, _useDrawerMatrix.useDrawerMatrix)(operator);
+  const factsLabel = matrixProps.grid ? t('teacher.fluency.factsGridLabel', {
+    cols: matrixProps.grid.colLabels.length,
+    rows: matrixProps.grid.rows.length
+  }) : '';
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.header,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.iconBox, {
+          backgroundColor: iconBg
+        }],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.symbol, {
+            color: iconColor
+          }],
+          children: symbol
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.title,
+        children: title
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.spacer
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.factsLabel,
+        children: factsLabel
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.content,
+      children: 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.jsx)(_DrawerMatrix.DrawerMatrix, {
+        ...matrixProps
+      })
+    })]
+  });
+};
+exports.DrawerOperatorBox = DrawerOperatorBox;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    width: 315,
+    height: 315,
+    borderWidth: 1,
+    borderColor: _reactNativeUi.COLORS.NEUTRAL_4,
+    borderRadius: _reactNativeUi.BORDER_RADIUS[300],
+    padding: _reactNativeUi.SPACING[400]
+  },
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: _reactNativeUi.SPACING[200],
+    marginBottom: _reactNativeUi.SPACING[300]
+  },
+  iconBox: {
+    width: 24,
+    height: 24,
+    borderRadius: 6,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  symbol: {
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAiresBold,
+    fontSize: 20,
+    marginBottom: 2
+  },
+  title: {
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAiresSemiBold,
+    fontWeight: '700',
+    fontSize: 15,
+    color: _reactNativeUi.COLORS.NEUTRAL_10
+  },
+  spacer: {
+    flex: 1
+  },
+  factsLabel: {
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAiresSemiBold,
+    fontSize: 13,
+    fontWeight: '600',
+    color: _reactNativeUi.COLORS.NEUTRAL_7
+  },
+  content: {
+    flex: 1
+  },
+  loader: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+//# sourceMappingURL=DrawerOperatorBox.js.map

package/dist/commonjs/features/fluency-teacher/components/drawer/DrawerOperatorBox.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_effectorReact","_reactNativeUi","_i18n","_useDrawerMatrix","_DrawerMatrix","_TeacherFluencyContext","_jsxRuntime","e","__esModule","default","DrawerOperatorBox","title","symbol","iconBg","iconColor","operator","t","useText","model","useTeacherFluency","isLoading","useUnit","api","getStudentDetailsFx","pending","matrixProps","useDrawerMatrix","factsLabel","grid","cols","colLabels","length","rows","jsxs","View","style","styles","container","children","header","jsx","iconBox","backgroundColor","Text","color","spacer","content","loader","ActivityIndicator","size","COLORS","PRIMARY_BLUE","DrawerMatrix","exports","StyleSheet","create","width","height","borderWidth","borderColor","NEUTRAL_4","borderRadius","BORDER_RADIUS","padding","SPACING","flexDirection","alignItems","gap","marginBottom","justifyContent","fontFamily","FONT_FAMILY","buenosAiresBold","fontSize","buenosAiresSemiBold","fontWeight","NEUTRAL_10","flex","NEUTRAL_7"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/drawer/DrawerOperatorBox.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/fluency-teacher/components/drawer/DrawerOperatorStatCard.js

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DrawerOperatorStatCard = 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 DrawerOperatorStatCard = ({
+  title,
+  value,
+  symbol,
+  color
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+  style: styles.container,
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.iconContainer, {
+      backgroundColor: color + '26'
+    }],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.symbol, {
+        color
+      }],
+      children: symbol
+    })
+  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.title,
+      children: title
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+      style: styles.value,
+      children: [value, "%"]
+    })]
+  })]
+});
+exports.DrawerOperatorStatCard = DrawerOperatorStatCard;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: _reactNativeUi.SPACING[300],
+    padding: _reactNativeUi.SPACING[300],
+    borderRadius: _reactNativeUi.SPACING[300],
+    borderWidth: 1,
+    borderColor: _reactNativeUi.COLORS.NEUTRAL_4,
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_2
+  },
+  iconContainer: {
+    width: 32,
+    height: 32,
+    borderRadius: _reactNativeUi.SPACING[200],
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  symbol: {
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAiresBold,
+    fontSize: 28,
+    marginBottom: 2
+  },
+  title: {
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires,
+    fontWeight: '400',
+    fontSize: 12,
+    color: _reactNativeUi.COLORS.NEUTRAL_7
+  },
+  value: {
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAiresBold,
+    fontWeight: '700',
+    fontSize: 18,
+    color: _reactNativeUi.COLORS.NEUTRAL_10
+  }
+});
+//# sourceMappingURL=DrawerOperatorStatCard.js.map

package/dist/commonjs/features/fluency-teacher/components/drawer/DrawerOperatorStatCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_jsxRuntime","e","__esModule","default","DrawerOperatorStatCard","title","value","symbol","color","jsxs","View","style","styles","container","children","jsx","iconContainer","backgroundColor","Text","exports","StyleSheet","create","flex","flexDirection","alignItems","gap","SPACING","padding","borderRadius","borderWidth","borderColor","COLORS","NEUTRAL_4","NEUTRAL_2","width","height","justifyContent","fontFamily","FONT_FAMILY","buenosAiresBold","fontSize","marginBottom","buenosAires","fontWeight","NEUTRAL_7","NEUTRAL_10"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/drawer/DrawerOperatorStatCard.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAAyE,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AASlE,MAAMG,sBAAsB,GAAGA,CAAC;EACrCC,KAAK;EACLC,KAAK;EACLC,MAAM;EACNC;AAC2B,CAAC,kBAC5B,IAAAR,WAAA,CAAAS,IAAA,EAACX,YAAA,CAAAY,IAAI;EAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;EAAAC,QAAA,gBAC5B,IAAAd,WAAA,CAAAe,GAAA,EAACjB,YAAA,CAAAY,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACI,aAAa,EAAE;MAAEC,eAAe,EAAET,KAAK,GAAG;IAAK,CAAC,CAAE;IAAAM,QAAA,eACrE,IAAAd,WAAA,CAAAe,GAAA,EAACjB,YAAA,CAAAoB,IAAI;MAACP,KAAK,EAAE,CAACC,MAAM,CAACL,MAAM,EAAE;QAAEC;MAAM,CAAC,CAAE;MAAAM,QAAA,EAAEP;IAAM,CAAO;EAAC,CACpD,CAAC,eACP,IAAAP,WAAA,CAAAS,IAAA,EAACX,YAAA,CAAAY,IAAI;IAAAI,QAAA,gBACH,IAAAd,WAAA,CAAAe,GAAA,EAACjB,YAAA,CAAAoB,IAAI;MAACP,KAAK,EAAEC,MAAM,CAACP,KAAM;MAAAS,QAAA,EAAET;IAAK,CAAO,CAAC,eACzC,IAAAL,WAAA,CAAAS,IAAA,EAACX,YAAA,CAAAoB,IAAI;MAACP,KAAK,EAAEC,MAAM,CAACN,KAAM;MAAAQ,QAAA,GAAER,KAAK,EAAC,GAAC;IAAA,CAAM,CAAC;EAAA,CACtC,CAAC;AAAA,CACH,CACP;AAAAa,OAAA,CAAAf,sBAAA,GAAAA,sBAAA;AAED,MAAMQ,MAAM,GAAGQ,uBAAU,CAACC,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTS,IAAI,EAAE,CAAC;IACPC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAEC,sBAAO,CAAC,GAAG,CAAC;IACjBC,OAAO,EAAED,sBAAO,CAAC,GAAG,CAAC;IACrBE,YAAY,EAAEF,sBAAO,CAAC,GAAG,CAAC;IAC1BG,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEC,qBAAM,CAACC,SAAS;IAC7Bf,eAAe,EAAEc,qBAAM,CAACE;EAC1B,CAAC;EACDjB,aAAa,EAAE;IACbkB,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVP,YAAY,EAAEF,sBAAO,CAAC,GAAG,CAAC;IAC1BF,UAAU,EAAE,QAAQ;IACpBY,cAAc,EAAE;EAClB,CAAC;EACD7B,MAAM,EAAE;IACN8B,UAAU,EAAEC,0BAAW,CAACC,eAAe;IACvCC,QAAQ,EAAE,EAAE;IACZC,YAAY,EAAE;EAChB,CAAC;EACDpC,KAAK,EAAE;IACLgC,UAAU,EAAEC,0BAAW,CAACI,WAAW;IACnCC,UAAU,EAAE,KAAK;IACjBH,QAAQ,EAAE,EAAE;IACZhC,KAAK,EAAEuB,qBAAM,CAACa;EAChB,CAAC;EACDtC,KAAK,EAAE;IACL+B,UAAU,EAAEC,0BAAW,CAACC,eAAe;IACvCI,UAAU,EAAE,KAAK;IACjBH,QAAQ,EAAE,EAAE;IACZhC,KAAK,EAAEuB,qBAAM,CAACc;EAChB;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/commonjs/features/fluency-teacher/components/drawer/DrawerStats.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DrawerStats = 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 _DrawerOperatorStatCard = require("./DrawerOperatorStatCard.js");
+var _fluencyTeacherConstants = require("../../fluencyTeacher.constants.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const DrawerStats = ({
+  scores
+}) => {
+  const t = (0, _i18n.useText)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DrawerOperatorStatCard.DrawerOperatorStatCard, {
+      title: t('student.fluency.addition'),
+      symbol: _fluencyTeacherConstants.FluencyMathOperatorSymbol.ADDITION,
+      color: _reactNativeUi.COLORS.PRIMARY_GREEN,
+      value: scores.addition
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DrawerOperatorStatCard.DrawerOperatorStatCard, {
+      title: t('student.fluency.subtraction'),
+      symbol: _fluencyTeacherConstants.FluencyMathOperatorSymbol.SUBTRACTION,
+      color: _reactNativeUi.COLORS.PRIMARY_ORANGE,
+      value: scores.subtraction
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DrawerOperatorStatCard.DrawerOperatorStatCard, {
+      title: t('student.fluency.multiplication'),
+      symbol: _fluencyTeacherConstants.FluencyMathOperatorSymbol.MULTIPLICATION,
+      color: _reactNativeUi.COLORS.PRIMARY_BLUE,
+      value: scores.multiplication
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DrawerOperatorStatCard.DrawerOperatorStatCard, {
+      title: t('student.fluency.division'),
+      symbol: _fluencyTeacherConstants.FluencyMathOperatorSymbol.DIVISION,
+      color: _reactNativeUi.COLORS.PRIMARY_PURPLE,
+      value: scores.division
+    })]
+  });
+};
+exports.DrawerStats = DrawerStats;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    gap: _reactNativeUi.SPACING[300],
+    paddingBottom: _reactNativeUi.SPACING[300]
+  }
+});
+//# sourceMappingURL=DrawerStats.js.map

package/dist/commonjs/features/fluency-teacher/components/drawer/DrawerStats.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_i18n","_DrawerOperatorStatCard","_fluencyTeacherConstants","_jsxRuntime","e","__esModule","default","DrawerStats","scores","t","useText","jsxs","View","style","styles","container","children","jsx","DrawerOperatorStatCard","title","symbol","FluencyMathOperatorSymbol","ADDITION","color","COLORS","PRIMARY_GREEN","value","addition","SUBTRACTION","PRIMARY_ORANGE","subtraction","MULTIPLICATION","PRIMARY_BLUE","multiplication","DIVISION","PRIMARY_PURPLE","division","exports","StyleSheet","create","flexDirection","gap","SPACING","paddingBottom"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/drawer/DrawerStats.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,uBAAA,GAAAJ,OAAA;AAGA,IAAAK,wBAAA,GAAAL,OAAA;AAA0E,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAMnE,MAAMG,WAAW,GAAGA,CAAC;EAAEC;AAAyB,CAAC,KAAK;EAC3D,MAAMC,CAAC,GAAG,IAAAC,aAAO,EAAC,CAAC;EACnB,oBACE,IAAAP,WAAA,CAAAQ,IAAA,EAACb,YAAA,CAAAc,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5B,IAAAb,WAAA,CAAAc,GAAA,EAAChB,uBAAA,CAAAiB,sBAAsB;MACrBC,KAAK,EAAEV,CAAC,CAAC,0BAA0B,CAAE;MACrCW,MAAM,EAAEC,kDAAyB,CAACC,QAAS;MAC3CC,KAAK,EAAEC,qBAAM,CAACC,aAAc;MAC5BC,KAAK,EAAElB,MAAM,CAACmB;IAAS,CACxB,CAAC,eACF,IAAAxB,WAAA,CAAAc,GAAA,EAAChB,uBAAA,CAAAiB,sBAAsB;MACrBC,KAAK,EAAEV,CAAC,CAAC,6BAA6B,CAAE;MACxCW,MAAM,EAAEC,kDAAyB,CAACO,WAAY;MAC9CL,KAAK,EAAEC,qBAAM,CAACK,cAAe;MAC7BH,KAAK,EAAElB,MAAM,CAACsB;IAAY,CAC3B,CAAC,eACF,IAAA3B,WAAA,CAAAc,GAAA,EAAChB,uBAAA,CAAAiB,sBAAsB;MACrBC,KAAK,EAAEV,CAAC,CAAC,gCAAgC,CAAE;MAC3CW,MAAM,EAAEC,kDAAyB,CAACU,cAAe;MACjDR,KAAK,EAAEC,qBAAM,CAACQ,YAAa;MAC3BN,KAAK,EAAElB,MAAM,CAACyB;IAAe,CAC9B,CAAC,eACF,IAAA9B,WAAA,CAAAc,GAAA,EAAChB,uBAAA,CAAAiB,sBAAsB;MACrBC,KAAK,EAAEV,CAAC,CAAC,0BAA0B,CAAE;MACrCW,MAAM,EAAEC,kDAAyB,CAACa,QAAS;MAC3CX,KAAK,EAAEC,qBAAM,CAACW,cAAe;MAC7BT,KAAK,EAAElB,MAAM,CAAC4B;IAAS,CACxB,CAAC;EAAA,CACE,CAAC;AAEX,CAAC;AAAAC,OAAA,CAAA9B,WAAA,GAAAA,WAAA;AAED,MAAMO,MAAM,GAAGwB,uBAAU,CAACC,MAAM,CAAC;EAC/BxB,SAAS,EAAE;IACTyB,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAEC,sBAAO,CAAC,GAAG,CAAC;IACjBC,aAAa,EAAED,sBAAO,CAAC,GAAG;EAC5B;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/commonjs/features/fluency-teacher/components/drawer/FluencyTeacherDrawer.js

@@ -0,0 +1,114 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FluencyTeacherDrawer = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _effectorReact = require("effector-react");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _DrawerHeader = require("./DrawerHeader.js");
+var _DrawerStats = require("./DrawerStats.js");
+var _DrawerMatrixes = require("./DrawerMatrixes.js");
+var _TeacherFluencyContext = require("../../context/TeacherFluencyContext.js");
+var _DrawerMasteryLegend = require("./DrawerMasteryLegend.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 DRAWER_WIDTH = 700;
+const BACKDROP_COLOR = 'rgba(0, 0, 0, 0.2)';
+const backdropOpacity = new _reactNative.Animated.Value(0);
+const drawerTranslateX = new _reactNative.Animated.Value(DRAWER_WIDTH);
+const FluencyTeacherDrawer = () => {
+  const {
+    model
+  } = (0, _TeacherFluencyContext.useTeacherFluency)();
+  const student = (0, _effectorReact.useUnit)(model.table.$studentInfoDrawer);
+  const isVisible = student !== null;
+  (0, _react.useEffect)(() => {
+    if (!isVisible) return;
+    _reactNative.Animated.parallel([_reactNative.Animated.timing(backdropOpacity, {
+      toValue: 1,
+      duration: 200,
+      useNativeDriver: true
+    }), _reactNative.Animated.timing(drawerTranslateX, {
+      toValue: 0,
+      duration: 250,
+      useNativeDriver: true
+    })]).start();
+  }, [isVisible]);
+  if (!isVisible) return null;
+  const closeDrawer = () => {
+    _reactNative.Animated.parallel([_reactNative.Animated.timing(backdropOpacity, {
+      toValue: 0,
+      duration: 200,
+      useNativeDriver: true
+    }), _reactNative.Animated.timing(drawerTranslateX, {
+      toValue: DRAWER_WIDTH,
+      duration: 250,
+      useNativeDriver: true
+    })]).start(() => model.table.setStudentInfoDrawer(null));
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
+    visible: isVisible,
+    transparent: true,
+    animationType: "none",
+    onRequestClose: closeDrawer,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.root,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+        style: [styles.backdrop, {
+          opacity: backdropOpacity
+        }],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+          style: _reactNative.StyleSheet.absoluteFill,
+          onPress: closeDrawer
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
+        style: [styles.drawer, {
+          transform: [{
+            translateX: drawerTranslateX
+          }]
+        }],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DrawerHeader.DrawerHeader, {
+          student: student,
+          onClose: closeDrawer
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.content,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DrawerStats.DrawerStats, {
+            scores: student.scores
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
+            showsVerticalScrollIndicator: false,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DrawerMatrixes.DrawerMatrixes, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DrawerMasteryLegend.DrawerMasteryLegend, {})]
+          })]
+        })]
+      })]
+    })
+  });
+};
+exports.FluencyTeacherDrawer = FluencyTeacherDrawer;
+const styles = _reactNative.StyleSheet.create({
+  root: {
+    flex: 1
+  },
+  backdrop: {
+    ..._reactNative.StyleSheet.absoluteFillObject,
+    backgroundColor: BACKDROP_COLOR
+  },
+  drawer: {
+    position: 'absolute',
+    top: 0,
+    right: 0,
+    bottom: 0,
+    width: DRAWER_WIDTH,
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    ..._reactNativeUi.SHADOWS[3]
+  },
+  content: {
+    flex: 1,
+    paddingVertical: _reactNativeUi.SPACING[500],
+    paddingHorizontal: _reactNativeUi.SPACING[700]
+  }
+});
+//# sourceMappingURL=FluencyTeacherDrawer.js.map

package/dist/commonjs/features/fluency-teacher/components/drawer/FluencyTeacherDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_effectorReact","_reactNativeUi","_DrawerHeader","_DrawerStats","_DrawerMatrixes","_TeacherFluencyContext","_DrawerMasteryLegend","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DRAWER_WIDTH","BACKDROP_COLOR","backdropOpacity","Animated","Value","drawerTranslateX","FluencyTeacherDrawer","model","useTeacherFluency","student","useUnit","table","$studentInfoDrawer","isVisible","useEffect","parallel","timing","toValue","duration","useNativeDriver","start","closeDrawer","setStudentInfoDrawer","jsx","Modal","visible","transparent","animationType","onRequestClose","children","jsxs","View","style","styles","root","backdrop","opacity","Pressable","StyleSheet","absoluteFill","onPress","drawer","transform","translateX","DrawerHeader","onClose","content","DrawerStats","scores","ScrollView","showsVerticalScrollIndicator","DrawerMatrixes","DrawerMasteryLegend","exports","create","flex","absoluteFillObject","backgroundColor","position","top","right","bottom","width","COLORS","NEUTRAL_1","SHADOWS","paddingVertical","SPACING","paddingHorizontal"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/drawer/FluencyTeacherDrawer.tsx"],"mappings":"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","ignoreList":[]}