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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_jsxRuntime","e","__esModule","default","DrawerHeader","student","onClose","jsxs","View","style","styles","container","children","left","jsx","Typography","variant","HeadingVariants","H9","label","Text","name","right","masteryLabel","masteryValue","averagePercent","Button","colorScheme","ButtonColor","WHITE","icon","CrossIcon","size","color","COLORS","NEUTRAL_7","onPress","closeButton","exports","StyleSheet","create","flexDirection","alignItems","paddingVertical","SPACING","paddingHorizontal","borderTopWidth","borderBottomWidth","borderColor","NEUTRAL_4","marginLeft","GREEN_7","fontFamily","FONT_FAMILY","buenosAiresSemiBold","fontWeight","buenosAiresBold","fontSize","NEUTRAL_10","alignSelf"],"sourceRoot":"../../../../../../src","sources":["features/fluency-teacher/components/drawer/DrawerHeader.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,73 @@
+"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 _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const MASTERY_LEVELS = [{
+  label: 'Not started',
+  color: _reactNativeUi.COLORS.NEUTRAL_3
+}, {
+  label: 'Learning',
+  color: _reactNativeUi.COLORS.GREEN_2
+}, {
+  label: 'Growing',
+  color: _reactNativeUi.COLORS.GREEN_3
+}, {
+  label: 'Strong',
+  color: _reactNativeUi.COLORS.GREEN_4
+}, {
+  label: 'Mastered',
+  color: _reactNativeUi.COLORS.GREEN_7
+}];
+const DrawerMasteryLegend = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+  style: styles.container,
+  children: MASTERY_LEVELS.map(item => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.item,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.swatch, {
+        backgroundColor: item.color
+      }]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.label,
+      children: item.label
+    })]
+  }, item.label))
+});
+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","_jsxRuntime","e","__esModule","default","MASTERY_LEVELS","label","color","COLORS","NEUTRAL_3","GREEN_2","GREEN_3","GREEN_4","GREEN_7","DrawerMasteryLegend","jsx","View","style","styles","container","children","map","item","jsxs","swatch","backgroundColor","Text","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":";;;;;;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;AAEzE,MAAMG,cAAc,GAAG,CACrB;EAAEC,KAAK,EAAE,aAAa;EAAEC,KAAK,EAAEC,qBAAM,CAACC;AAAU,CAAC,EACjD;EAAEH,KAAK,EAAE,UAAU;EAAEC,KAAK,EAAEC,qBAAM,CAACE;AAAQ,CAAC,EAC5C;EAAEJ,KAAK,EAAE,SAAS;EAAEC,KAAK,EAAEC,qBAAM,CAACG;AAAQ,CAAC,EAC3C;EAAEL,KAAK,EAAE,QAAQ;EAAEC,KAAK,EAAEC,qBAAM,CAACI;AAAQ,CAAC,EAC1C;EAAEN,KAAK,EAAE,UAAU;EAAEC,KAAK,EAAEC,qBAAM,CAACK;AAAQ,CAAC,CAC7C;AAEM,MAAMC,mBAAmB,GAAGA,CAAA,kBACjC,IAAAb,WAAA,CAAAc,GAAA,EAAChB,YAAA,CAAAiB,IAAI;EAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;EAAAC,QAAA,EAC3Bf,cAAc,CAACgB,GAAG,CAAEC,IAAI,iBACvB,IAAArB,WAAA,CAAAsB,IAAA,EAACxB,YAAA,CAAAiB,IAAI;IAAkBC,KAAK,EAAEC,MAAM,CAACI,IAAK;IAAAF,QAAA,gBACxC,IAAAnB,WAAA,CAAAc,GAAA,EAAChB,YAAA,CAAAiB,IAAI;MAACC,KAAK,EAAE,CAACC,MAAM,CAACM,MAAM,EAAE;QAAEC,eAAe,EAAEH,IAAI,CAACf;MAAM,CAAC;IAAE,CAAE,CAAC,eACjE,IAAAN,WAAA,CAAAc,GAAA,EAAChB,YAAA,CAAA2B,IAAI;MAACT,KAAK,EAAEC,MAAM,CAACZ,KAAM;MAAAc,QAAA,EAAEE,IAAI,CAAChB;IAAK,CAAO,CAAC;EAAA,GAFrCgB,IAAI,CAAChB,KAGV,CACP;AAAC,CACE,CACP;AAAAqB,OAAA,CAAAb,mBAAA,GAAAA,mBAAA;AAED,MAAMI,MAAM,GAAGU,uBAAU,CAACC,MAAM,CAAC;EAC/BV,SAAS,EAAE;IACTW,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAEC,sBAAO,CAAC,GAAG,CAAC;IACjBC,eAAe,EAAED,sBAAO,CAAC,GAAG,CAAC;IAC7BE,iBAAiB,EAAEF,sBAAO,CAAC,GAAG,CAAC;IAC/BG,YAAY,EAAE,GAAG;IACjBX,eAAe,EAAEjB,qBAAM,CAAC6B,SAAS;IACjCC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE/B,qBAAM,CAACgC,SAAS;IAC7BC,SAAS,EAAE;EACb,CAAC;EACDnB,IAAI,EAAE;IACJQ,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAEC,sBAAO,CAAC,GAAG;EAClB,CAAC;EACDT,MAAM,EAAE;IACNkB,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVP,YAAY,EAAE;EAChB,CAAC;EACD9B,KAAK,EAAE;IACLsC,UAAU,EAAEC,0BAAW,CAACC,mBAAmB;IAC3CC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBzC,KAAK,EAAEC,qBAAM,CAACyC;EAChB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,52 @@
+"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 _DrawerOperatorBox = require("./DrawerOperatorBox.js");
+var _fluencyTeacherTypes = require("../../fluencyTeacher.types.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const DrawerMatrixes = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+  style: styles.grid,
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DrawerOperatorBox.DrawerOperatorBox, {
+    title: "Addition",
+    symbol: _fluencyTeacherTypes.FluencyMathOperatorSymbol.ADDITION,
+    iconBg: _reactNativeUi.COLORS.GREEN_1,
+    iconColor: _reactNativeUi.COLORS.GREEN_7,
+    operator: _fluencyTeacherTypes.FluencyOperator.ADDITION
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DrawerOperatorBox.DrawerOperatorBox, {
+    title: "Subtraction",
+    symbol: _fluencyTeacherTypes.FluencyMathOperatorSymbol.SUBTRACTION,
+    iconBg: _reactNativeUi.COLORS.ORANGE_1,
+    iconColor: _reactNativeUi.COLORS.ORANGE_7,
+    operator: _fluencyTeacherTypes.FluencyOperator.SUBTRACTION
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DrawerOperatorBox.DrawerOperatorBox, {
+    title: "Multiplication",
+    symbol: _fluencyTeacherTypes.FluencyMathOperatorSymbol.MULTIPLICATION,
+    iconBg: _reactNativeUi.COLORS.BLUE_1,
+    iconColor: _reactNativeUi.COLORS.BLUE_7,
+    operator: _fluencyTeacherTypes.FluencyOperator.MULTIPLICATION
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DrawerOperatorBox.DrawerOperatorBox, {
+    title: "Division",
+    symbol: _fluencyTeacherTypes.FluencyMathOperatorSymbol.DIVISION,
+    iconBg: _reactNativeUi.COLORS.PURPLE_1,
+    iconColor: _reactNativeUi.COLORS.PURPLE_7,
+    operator: _fluencyTeacherTypes.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","_DrawerOperatorBox","_fluencyTeacherTypes","_jsxRuntime","e","__esModule","default","DrawerMatrixes","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,kBAAA,GAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAJ,OAAA;AAAuF,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhF,MAAMG,cAAc,GAAGA,CAAA,kBAC5B,IAAAJ,WAAA,CAAAK,IAAA,EAACT,YAAA,CAAAU,IAAI;EAACC,KAAK,EAAEC,MAAM,CAACC,IAAK;EAAAC,QAAA,gBACvB,IAAAV,WAAA,CAAAW,GAAA,EAACb,kBAAA,CAAAc,iBAAiB;IAChBC,KAAK,EAAC,UAAU;IAChBC,MAAM,EAAEC,8CAAyB,CAACC,QAAS;IAC3CC,MAAM,EAAEC,qBAAM,CAACC,OAAQ;IACvBC,SAAS,EAAEF,qBAAM,CAACG,OAAQ;IAC1BC,QAAQ,EAAEC,oCAAe,CAACP;EAAS,CACpC,CAAC,eACF,IAAAhB,WAAA,CAAAW,GAAA,EAACb,kBAAA,CAAAc,iBAAiB;IAChBC,KAAK,EAAC,aAAa;IACnBC,MAAM,EAAEC,8CAAyB,CAACS,WAAY;IAC9CP,MAAM,EAAEC,qBAAM,CAACO,QAAS;IACxBL,SAAS,EAAEF,qBAAM,CAACQ,QAAS;IAC3BJ,QAAQ,EAAEC,oCAAe,CAACC;EAAY,CACvC,CAAC,eACF,IAAAxB,WAAA,CAAAW,GAAA,EAACb,kBAAA,CAAAc,iBAAiB;IAChBC,KAAK,EAAC,gBAAgB;IACtBC,MAAM,EAAEC,8CAAyB,CAACY,cAAe;IACjDV,MAAM,EAAEC,qBAAM,CAACU,MAAO;IACtBR,SAAS,EAAEF,qBAAM,CAACW,MAAO;IACzBP,QAAQ,EAAEC,oCAAe,CAACI;EAAe,CAC1C,CAAC,eACF,IAAA3B,WAAA,CAAAW,GAAA,EAACb,kBAAA,CAAAc,iBAAiB;IAChBC,KAAK,EAAC,UAAU;IAChBC,MAAM,EAAEC,8CAAyB,CAACe,QAAS;IAC3Cb,MAAM,EAAEC,qBAAM,CAACa,QAAS;IACxBX,SAAS,EAAEF,qBAAM,CAACc,QAAS;IAC3BV,QAAQ,EAAEC,oCAAe,CAACO;EAAS,CACpC,CAAC;AAAA,CACE,CACP;AAAAG,OAAA,CAAA7B,cAAA,GAAAA,cAAA;AAED,MAAMI,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,118 @@
+"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 _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 {
+    model
+  } = (0, _TeacherFluencyContext.useTeacherFluency)();
+  const isLoading = (0, _effectorReact.useUnit)(model.api.getStudentDetailsFx.pending);
+  const matrixProps = (0, _useDrawerMatrix.useDrawerMatrix)(operator);
+  const factsLabel = matrixProps.grid ? `${matrixProps.grid.colLabels.length}×${matrixProps.grid.rows.length} facts` : '';
+  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","_useDrawerMatrix","_DrawerMatrix","_TeacherFluencyContext","_jsxRuntime","e","__esModule","default","DrawerOperatorBox","title","symbol","iconBg","iconColor","operator","model","useTeacherFluency","isLoading","useUnit","api","getStudentDetailsFx","pending","matrixProps","useDrawerMatrix","factsLabel","grid","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,48 @@
+"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 _DrawerOperatorStatCard = require("./DrawerOperatorStatCard.js");
+var _fluencyTeacherTypes = require("../../fluencyTeacher.types.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const DrawerStats = ({
+  scores
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+  style: styles.container,
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DrawerOperatorStatCard.DrawerOperatorStatCard, {
+    title: "Addition",
+    symbol: _fluencyTeacherTypes.FluencyMathOperatorSymbol.ADDITION,
+    color: _reactNativeUi.COLORS.PRIMARY_GREEN,
+    value: scores.addition
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DrawerOperatorStatCard.DrawerOperatorStatCard, {
+    title: "Subtraction",
+    symbol: _fluencyTeacherTypes.FluencyMathOperatorSymbol.SUBTRACTION,
+    color: _reactNativeUi.COLORS.PRIMARY_ORANGE,
+    value: scores.subtraction
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DrawerOperatorStatCard.DrawerOperatorStatCard, {
+    title: "Multiplication",
+    symbol: _fluencyTeacherTypes.FluencyMathOperatorSymbol.MULTIPLICATION,
+    color: _reactNativeUi.COLORS.PRIMARY_BLUE,
+    value: scores.multiplication
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DrawerOperatorStatCard.DrawerOperatorStatCard, {
+    title: "Division",
+    symbol: _fluencyTeacherTypes.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","_DrawerOperatorStatCard","_fluencyTeacherTypes","_jsxRuntime","e","__esModule","default","DrawerStats","scores","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,uBAAA,GAAAH,OAAA;AAEA,IAAAI,oBAAA,GAAAJ,OAAA;AAAsE,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAM/D,MAAMG,WAAW,GAAGA,CAAC;EAAEC;AAAyB,CAAC,kBACtD,IAAAL,WAAA,CAAAM,IAAA,EAACV,YAAA,CAAAW,IAAI;EAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;EAAAC,QAAA,gBAC5B,IAAAX,WAAA,CAAAY,GAAA,EAACd,uBAAA,CAAAe,sBAAsB;IACrBC,KAAK,EAAC,UAAU;IAChBC,MAAM,EAAEC,8CAAyB,CAACC,QAAS;IAC3CC,KAAK,EAAEC,qBAAM,CAACC,aAAc;IAC5BC,KAAK,EAAEhB,MAAM,CAACiB;EAAS,CACxB,CAAC,eACF,IAAAtB,WAAA,CAAAY,GAAA,EAACd,uBAAA,CAAAe,sBAAsB;IACrBC,KAAK,EAAC,aAAa;IACnBC,MAAM,EAAEC,8CAAyB,CAACO,WAAY;IAC9CL,KAAK,EAAEC,qBAAM,CAACK,cAAe;IAC7BH,KAAK,EAAEhB,MAAM,CAACoB;EAAY,CAC3B,CAAC,eACF,IAAAzB,WAAA,CAAAY,GAAA,EAACd,uBAAA,CAAAe,sBAAsB;IACrBC,KAAK,EAAC,gBAAgB;IACtBC,MAAM,EAAEC,8CAAyB,CAACU,cAAe;IACjDR,KAAK,EAAEC,qBAAM,CAACQ,YAAa;IAC3BN,KAAK,EAAEhB,MAAM,CAACuB;EAAe,CAC9B,CAAC,eACF,IAAA5B,WAAA,CAAAY,GAAA,EAACd,uBAAA,CAAAe,sBAAsB;IACrBC,KAAK,EAAC,UAAU;IAChBC,MAAM,EAAEC,8CAAyB,CAACa,QAAS;IAC3CX,KAAK,EAAEC,qBAAM,CAACW,cAAe;IAC7BT,KAAK,EAAEhB,MAAM,CAAC0B;EAAS,CACxB,CAAC;AAAA,CACE,CACP;AAAAC,OAAA,CAAA5B,WAAA,GAAAA,WAAA;AAED,MAAMK,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":[]}