@magmamath/students-features 1.3.26-rc.4 → 1.3.26-rc.6

package/dist/commonjs/features/fluency/components/matrix/components/CellTooltip.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CellTooltip = 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 CellTooltip = ({
+  label
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+  style: styles.container,
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.bubble,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.label,
+      children: label
+    })
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.arrow
+  })]
+});
+exports.CellTooltip = CellTooltip;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    alignItems: 'center'
+  },
+  bubble: {
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    borderRadius: _reactNativeUi.BORDER_RADIUS[150],
+    paddingHorizontal: _reactNativeUi.SPACING[200],
+    paddingVertical: _reactNativeUi.SPACING[100],
+    ..._reactNativeUi.SHADOWS[4]
+  },
+  label: {
+    fontSize: 13,
+    lineHeight: 16,
+    color: _reactNativeUi.COLORS.NEUTRAL_9,
+    textAlign: 'center'
+  },
+  arrow: {
+    width: 0,
+    height: 0,
+    borderLeftWidth: 9,
+    borderRightWidth: 9,
+    borderTopWidth: 12,
+    borderStyle: 'solid',
+    borderLeftColor: 'transparent',
+    borderRightColor: 'transparent',
+    borderTopColor: _reactNativeUi.COLORS.NEUTRAL_1
+  }
+});
+//# sourceMappingURL=CellTooltip.js.map

package/dist/commonjs/features/fluency/components/matrix/components/CellTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_jsxRuntime","e","__esModule","default","CellTooltip","label","jsxs","View","style","styles","container","children","jsx","bubble","Text","arrow","exports","StyleSheet","create","alignItems","backgroundColor","COLORS","NEUTRAL_1","borderRadius","BORDER_RADIUS","paddingHorizontal","SPACING","paddingVertical","SHADOWS","fontSize","lineHeight","color","NEUTRAL_9","textAlign","width","height","borderLeftWidth","borderRightWidth","borderTopWidth","borderStyle","borderLeftColor","borderRightColor","borderTopColor"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/matrix/components/CellTooltip.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAAoF,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAM7E,MAAMG,WAAW,GAAGA,CAAC;EAAEC;AAAwB,CAAC,kBACrD,IAAAL,WAAA,CAAAM,IAAA,EAACR,YAAA,CAAAS,IAAI;EAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;EAAAC,QAAA,gBAC5B,IAAAX,WAAA,CAAAY,GAAA,EAACd,YAAA,CAAAS,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACI,MAAO;IAAAF,QAAA,eACzB,IAAAX,WAAA,CAAAY,GAAA,EAACd,YAAA,CAAAgB,IAAI;MAACN,KAAK,EAAEC,MAAM,CAACJ,KAAM;MAAAM,QAAA,EAAEN;IAAK,CAAO;EAAC,CACrC,CAAC,eACP,IAAAL,WAAA,CAAAY,GAAA,EAACd,YAAA,CAAAS,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACM;EAAM,CAAE,CAAC;AAAA,CACzB,CACP;AAAAC,OAAA,CAAAZ,WAAA,GAAAA,WAAA;AAED,MAAMK,MAAM,GAAGQ,uBAAU,CAACC,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTS,UAAU,EAAE;EACd,CAAC;EACDN,MAAM,EAAE;IACNO,eAAe,EAAEC,qBAAM,CAACC,SAAS;IACjCC,YAAY,EAAEC,4BAAa,CAAC,GAAG,CAAC;IAChCC,iBAAiB,EAAEC,sBAAO,CAAC,GAAG,CAAC;IAC/BC,eAAe,EAAED,sBAAO,CAAC,GAAG,CAAC;IAC7B,GAAGE,sBAAO,CAAC,CAAC;EACd,CAAC;EACDvB,KAAK,EAAE;IACLwB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,KAAK,EAAEV,qBAAM,CAACW,SAAS;IACvBC,SAAS,EAAE;EACb,CAAC;EACDlB,KAAK,EAAE;IACLmB,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,eAAe,EAAE,CAAC;IAClBC,gBAAgB,EAAE,CAAC;IACnBC,cAAc,EAAE,EAAE;IAClBC,WAAW,EAAE,OAAO;IACpBC,eAAe,EAAE,aAAa;IAC9BC,gBAAgB,EAAE,aAAa;IAC/BC,cAAc,EAAErB,qBAAM,CAACC;EACzB;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/commonjs/features/fluency/components/matrix/components/MatrixCell.js

@@ -4,21 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MatrixCell = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeUi = require("@magmamath/react-native-ui");
 var _fluencyHelpers = require("../../../fluency.helpers.js");
 var _fluencyConstants = require("../../../fluency.constants.js");
 var _StarFillIcon = require("../../../assets/StarFillIcon.js");
+var _CellTooltip = require("./CellTooltip.js");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 MatrixCell = ({
   label,
   box,
   isHeader,
   levelColors,
-  divisor
+  tooltipLabel
 }) => {
+  const [isActive, setIsActive] = (0, _react.useState)(false);
   const masteryLevel = box ? (0, _fluencyHelpers.getMasteryLevelByBox)(box) : null;
   const isMastered = masteryLevel === _fluencyConstants.FluencyMasteryLevel.MASTERED;
   const bgColor = (() => {
@@ -26,51 +29,64 @@ const MatrixCell = ({
     if (isHeader) return _reactNativeUi.COLORS.NEUTRAL_5;
     return _reactNativeUi.COLORS.NEUTRAL_2;
   })();
+  const showTooltip = isActive && !!tooltipLabel;
+  const activate = () => setIsActive(true);
+  const deactivate = () => setIsActive(false);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [styles.cell, {
-      backgroundColor: bgColor
-    }],
-    children: [divisor !== null ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.starContainer,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-        style: styles.divisorText,
-        children: ["\xF7", divisor]
+    style: [styles.wrapper, showTooltip && styles.wrapperActive],
+    children: [showTooltip && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.tooltipContainer,
+      pointerEvents: "none",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CellTooltip.CellTooltip, {
+        label: tooltipLabel
       })
-    }) : isMastered && /*#__PURE__*/(0, _jsxRuntime.jsx)(_StarFillIcon.StarFillIcon, {}), label !== null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: divisor ? styles.cellNumber : styles.headerText,
-      children: label
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+      style: [styles.cell, {
+        backgroundColor: bgColor
+      }],
+      onHoverIn: activate,
+      onHoverOut: deactivate,
+      onPressIn: activate,
+      onPressOut: deactivate,
+      children: [isMastered && /*#__PURE__*/(0, _jsxRuntime.jsx)(_StarFillIcon.StarFillIcon, {
+        color: isActive ? _reactNativeUi.COLORS.PRIMARY_YELLOW : undefined
+      }), label !== null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: typeof label === 'string' ? styles.symbolText : styles.headerText,
+        children: label
+      })]
     })]
   });
 };
 exports.MatrixCell = MatrixCell;
 const styles = _reactNative.StyleSheet.create({
+  wrapper: {
+    flex: 1
+  },
+  wrapperActive: {
+    zIndex: 1
+  },
   cell: {
     flex: 1,
     borderRadius: _reactNativeUi.BORDER_RADIUS[100],
     alignItems: 'center',
     justifyContent: 'center'
   },
-  starContainer: {
+  tooltipContainer: {
     position: 'absolute',
-    top: 3,
-    right: _reactNativeUi.SPACING[100]
-  },
-  divisorText: {
-    fontSize: 10,
-    fontWeight: '500',
-    color: _reactNativeUi.COLORS.NEUTRAL_1,
-    lineHeight: _reactNativeUi.SPACING[300]
-  },
-  cellNumber: {
-    fontSize: 14,
-    fontWeight: '700',
-    color: _reactNativeUi.COLORS.NEUTRAL_3,
-    lineHeight: _reactNativeUi.SPACING[400]
+    bottom: '100%',
+    left: 0,
+    right: 0,
+    alignItems: 'center',
+    paddingBottom: _reactNativeUi.SPACING[50]
   },
   headerText: {
     fontSize: 12,
     fontWeight: '600',
     color: _reactNativeUi.COLORS.NEUTRAL_8
+  },
+  symbolText: {
+    fontSize: 24,
+    color: _reactNativeUi.COLORS.NEUTRAL_7
   }
 });
 //# sourceMappingURL=MatrixCell.js.map

package/dist/commonjs/features/fluency/components/matrix/components/MatrixCell.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_fluencyHelpers","_fluencyConstants","_StarFillIcon","_jsxRuntime","e","__esModule","default","MatrixCell","label","box","isHeader","levelColors","divisor","masteryLevel","getMasteryLevelByBox","isMastered","FluencyMasteryLevel","MASTERED","bgColor","COLORS","NEUTRAL_5","NEUTRAL_2","jsxs","View","style","styles","cell","backgroundColor","children","jsx","starContainer","Text","divisorText","StarFillIcon","cellNumber","headerText","exports","StyleSheet","create","flex","borderRadius","BORDER_RADIUS","alignItems","justifyContent","position","top","right","SPACING","fontSize","fontWeight","color","NEUTRAL_1","lineHeight","NEUTRAL_3","NEUTRAL_8"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/matrix/components/MatrixCell.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeUi","_fluencyHelpers","_fluencyConstants","_StarFillIcon","_CellTooltip","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","MatrixCell","label","box","isHeader","levelColors","tooltipLabel","isActive","setIsActive","useState","masteryLevel","getMasteryLevelByBox","isMastered","FluencyMasteryLevel","MASTERED","bgColor","COLORS","NEUTRAL_5","NEUTRAL_2","showTooltip","activate","deactivate","jsxs","View","style","styles","wrapper","wrapperActive","children","jsx","tooltipContainer","pointerEvents","CellTooltip","Pressable","cell","backgroundColor","onHoverIn","onHoverOut","onPressIn","onPressOut","StarFillIcon","color","PRIMARY_YELLOW","undefined","Text","symbolText","headerText","exports","StyleSheet","create","flex","zIndex","borderRadius","BORDER_RADIUS","alignItems","justifyContent","position","bottom","left","right","paddingBottom","SPACING","fontSize","fontWeight","NEUTRAL_8","NEUTRAL_7"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/matrix/components/MatrixCell.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/fluency/components/matrix/components/MatrixFill.js

@@ -24,10 +24,16 @@ const MatrixFill = () => {
     style: styles.grid,
     children: grid.map((row, rowIdx) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       style: styles.row,
-      children: row.map((cell, colIdx) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_MatrixCell.MatrixCell, {
-        ...cell,
-        levelColors: modePreset.colors.level
-      }, colIdx))
+      children: row.map((cell, colIdx) => {
+        const isOriginCell = rowIdx === 0 && colIdx === 0;
+        const tooltipLabel = cell.numbers ? `${cell.numbers[0]}${modePreset.symbol}${cell.numbers[1]}` : null;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MatrixCell.MatrixCell, {
+          ...cell,
+          label: isOriginCell ? modePreset.symbol : cell.label,
+          levelColors: modePreset.colors.level,
+          tooltipLabel: tooltipLabel
+        }, colIdx);
+      })
     }, rowIdx))
   });
 };

package/dist/commonjs/features/fluency/components/matrix/components/MatrixFill.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_effectorReact","_MatrixCell","_FluencyContext","_useFluencyModePreset","_jsxRuntime","e","__esModule","default","MatrixFill","model","useFluency","modePreset","useFluencyModePreset","grid","useUnit","matrix","$matrix","jsx","View","style","styles","children","map","row","rowIdx","cell","colIdx","MatrixCell","levelColors","colors","level","exports","StyleSheet","create","flex","gap","SPACING","minHeight","flexDirection"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/matrix/components/MatrixFill.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,WAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AACA,IAAAM,qBAAA,GAAAN,OAAA;AAA0E,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAD,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEnE,MAAMG,UAAU,GAAGA,CAAA,KAAM;EAC9B,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,0BAAU,EAAC,CAAC;EAC9B,MAAMC,UAAU,GAAG,IAAAC,0CAAoB,EAAC,CAAC;EACzC,MAAMC,IAAI,GAAG,IAAAC,sBAAO,EAACL,KAAK,CAACM,MAAM,CAACC,OAAO,CAAC;EAE1C,IAAI,CAACH,IAAI,EAAE,OAAO,IAAI;EAEtB,oBACE,IAAAT,WAAA,CAAAa,GAAA,EAACnB,YAAA,CAAAoB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACP,IAAK;IAAAQ,QAAA,EACtBR,IAAI,CAACS,GAAG,CAAC,CAACC,GAAG,EAAEC,MAAM,kBACpB,IAAApB,WAAA,CAAAa,GAAA,EAACnB,YAAA,CAAAoB,IAAI;MAAcC,KAAK,EAAEC,MAAM,CAACG,GAAI;MAAAF,QAAA,EAClCE,GAAG,CAACD,GAAG,CAAC,CAACG,IAAI,EAAEC,MAAM,kBACpB,IAAAtB,WAAA,CAAAa,GAAA,EAAChB,WAAA,CAAA0B,UAAU;QAAA,GAAkBF,IAAI;QAAEG,WAAW,EAAEjB,UAAU,CAACkB,MAAM,CAACC;MAAM,GAAvDJ,MAAyD,CAC3E;IAAC,GAHOF,MAIL,CACP;EAAC,CACE,CAAC;AAEX,CAAC;AAAAO,OAAA,CAAAvB,UAAA,GAAAA,UAAA;AAED,MAAMY,MAAM,GAAGY,uBAAU,CAACC,MAAM,CAAC;EAC/BpB,IAAI,EAAE;IACJqB,IAAI,EAAE,CAAC;IACPC,GAAG,EAAEC,sBAAO,CAAC,GAAG;EAClB,CAAC;EACDb,GAAG,EAAE;IACHW,IAAI,EAAE,CAAC;IACPG,SAAS,EAAED,sBAAO,CAAC,GAAG,CAAC;IACvBE,aAAa,EAAE,KAAK;IACpBH,GAAG,EAAEC,sBAAO,CAAC,GAAG;EAClB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_effectorReact","_MatrixCell","_FluencyContext","_useFluencyModePreset","_jsxRuntime","e","__esModule","default","MatrixFill","model","useFluency","modePreset","useFluencyModePreset","grid","useUnit","matrix","$matrix","jsx","View","style","styles","children","map","row","rowIdx","cell","colIdx","isOriginCell","tooltipLabel","numbers","symbol","MatrixCell","label","levelColors","colors","level","exports","StyleSheet","create","flex","gap","SPACING","minHeight","flexDirection"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/matrix/components/MatrixFill.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,WAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AACA,IAAAM,qBAAA,GAAAN,OAAA;AAA0E,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAD,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEnE,MAAMG,UAAU,GAAGA,CAAA,KAAM;EAC9B,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,0BAAU,EAAC,CAAC;EAC9B,MAAMC,UAAU,GAAG,IAAAC,0CAAoB,EAAC,CAAC;EACzC,MAAMC,IAAI,GAAG,IAAAC,sBAAO,EAACL,KAAK,CAACM,MAAM,CAACC,OAAO,CAAC;EAE1C,IAAI,CAACH,IAAI,EAAE,OAAO,IAAI;EAEtB,oBACE,IAAAT,WAAA,CAAAa,GAAA,EAACnB,YAAA,CAAAoB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACP,IAAK;IAAAQ,QAAA,EACtBR,IAAI,CAACS,GAAG,CAAC,CAACC,GAAG,EAAEC,MAAM,kBACpB,IAAApB,WAAA,CAAAa,GAAA,EAACnB,YAAA,CAAAoB,IAAI;MAAcC,KAAK,EAAEC,MAAM,CAACG,GAAI;MAAAF,QAAA,EAClCE,GAAG,CAACD,GAAG,CAAC,CAACG,IAAI,EAAEC,MAAM,KAAK;QACzB,MAAMC,YAAY,GAAGH,MAAM,KAAK,CAAC,IAAIE,MAAM,KAAK,CAAC;QACjD,MAAME,YAAY,GAAGH,IAAI,CAACI,OAAO,GAC7B,GAAGJ,IAAI,CAACI,OAAO,CAAC,CAAC,CAAC,GAAGlB,UAAU,CAACmB,MAAM,GAAGL,IAAI,CAACI,OAAO,CAAC,CAAC,CAAC,EAAE,GAC1D,IAAI;QAER,oBACE,IAAAzB,WAAA,CAAAa,GAAA,EAAChB,WAAA,CAAA8B,UAAU;UAAA,GAELN,IAAI;UACRO,KAAK,EAAEL,YAAY,GAAGhB,UAAU,CAACmB,MAAM,GAAGL,IAAI,CAACO,KAAM;UACrDC,WAAW,EAAEtB,UAAU,CAACuB,MAAM,CAACC,KAAM;UACrCP,YAAY,EAAEA;QAAa,GAJtBF,MAKN,CAAC;MAEN,CAAC;IAAC,GAhBOF,MAiBL,CACP;EAAC,CACE,CAAC;AAEX,CAAC;AAAAY,OAAA,CAAA5B,UAAA,GAAAA,UAAA;AAED,MAAMY,MAAM,GAAGiB,uBAAU,CAACC,MAAM,CAAC;EAC/BzB,IAAI,EAAE;IACJ0B,IAAI,EAAE,CAAC;IACPC,GAAG,EAAEC,sBAAO,CAAC,GAAG;EAClB,CAAC;EACDlB,GAAG,EAAE;IACHgB,IAAI,EAAE,CAAC;IACPG,SAAS,EAAED,sBAAO,CAAC,GAAG,CAAC;IACvBE,aAAa,EAAE,KAAK;IACpBH,GAAG,EAAEC,sBAAO,CAAC,GAAG;EAClB;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/commonjs/features/fluency/components/matrix/components/MatrixLegend.js

@@ -10,14 +10,17 @@ var _reactNativeUi = require("@magmamath/react-native-ui");
 var _useFluencyModePreset = require("../../../hooks/useFluencyModePreset.js");
 var _FluencyContext = require("../../../context/FluencyContext.js");
 var _i18n = require("../../../../../i18n/i18n.js");
+var _effectorReact = require("effector-react");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const MatrixLegend = () => {
   const t = (0, _i18n.useText)();
   const modePreset = (0, _useFluencyModePreset.useFluencyModePreset)();
   const {
+    model,
     onPracticePress
   } = (0, _FluencyContext.useFluency)();
+  const mode = (0, _effectorReact.useUnit)(model.matrix.$mode);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: styles.container,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
@@ -34,7 +37,10 @@ const MatrixLegend = () => {
         })]
       }, item.label))
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
-      onPress: onPracticePress,
+      onPress: () => {
+        model.solving.start(mode);
+        onPracticePress?.();
+      },
       variant: _reactNativeUi.ButtonVariant.PRIMARY,
       size: _reactNativeUi.ButtonSize.MEDIUM,
       colorScheme: modePreset.colors.button,

package/dist/commonjs/features/fluency/components/matrix/components/MatrixLegend.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_useFluencyModePreset","_FluencyContext","_i18n","_jsxRuntime","e","__esModule","default","MatrixLegend","t","useText","modePreset","useFluencyModePreset","onPracticePress","useFluency","jsxs","View","style","styles","container","children","jsx","legendItems","legend","items","map","item","legendItem","legendDot","backgroundColor","color","withBorder","legendDotBorder","Text","legendLabel","label","Button","onPress","variant","ButtonVariant","PRIMARY","size","ButtonSize","MEDIUM","colorScheme","colors","button","icon","PlayIcon","COLORS","NEUTRAL_1","raiseLevel","practiceButton","text","practiceButtonText","exports","StyleSheet","create","height","flexDirection","alignItems","justifyContent","NEUTRAL_2","borderBottomColor","NEUTRAL_5","paddingHorizontal","SPACING","paddingVertical","borderTopLeftRadius","BORDER_RADIUS","borderTopRightRadius","SHADOWS","gap","width","borderRadius","borderWidth","borderColor","fontSize","NEUTRAL_7","alignSelf","textTransform"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/matrix/components/MatrixLegend.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_useFluencyModePreset","_FluencyContext","_i18n","_effectorReact","_jsxRuntime","e","__esModule","default","MatrixLegend","t","useText","modePreset","useFluencyModePreset","model","onPracticePress","useFluency","mode","useUnit","matrix","$mode","jsxs","View","style","styles","container","children","jsx","legendItems","legend","items","map","item","legendItem","legendDot","backgroundColor","color","withBorder","legendDotBorder","Text","legendLabel","label","Button","onPress","solving","start","variant","ButtonVariant","PRIMARY","size","ButtonSize","MEDIUM","colorScheme","colors","button","icon","PlayIcon","COLORS","NEUTRAL_1","raiseLevel","practiceButton","text","practiceButtonText","exports","StyleSheet","create","height","flexDirection","alignItems","justifyContent","NEUTRAL_2","borderBottomColor","NEUTRAL_5","paddingHorizontal","SPACING","paddingVertical","borderTopLeftRadius","BORDER_RADIUS","borderTopRightRadius","SHADOWS","gap","width","borderRadius","borderWidth","borderColor","fontSize","NEUTRAL_7","alignSelf","textTransform"],"sourceRoot":"../../../../../../../src","sources":["features/fluency/components/matrix/components/MatrixLegend.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/fluency/components/select-math-operator/ProgressBar.js

@@ -9,56 +9,6 @@ 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 PROGRESS_COLOR_SHADES = {
-  [_reactNativeUi.SelectOptionColor.GREEN]: {
-    low: _reactNativeUi.COLORS.GREEN_2,
-    medium: _reactNativeUi.COLORS.GREEN_3,
-    high: _reactNativeUi.COLORS.GREEN_6,
-    max: _reactNativeUi.COLORS.GREEN_7
-  },
-  [_reactNativeUi.SelectOptionColor.ORANGE]: {
-    low: _reactNativeUi.COLORS.ORANGE_2,
-    medium: _reactNativeUi.COLORS.ORANGE_3,
-    high: _reactNativeUi.COLORS.ORANGE_6,
-    max: _reactNativeUi.COLORS.ORANGE_7
-  },
-  [_reactNativeUi.SelectOptionColor.BLUE]: {
-    low: _reactNativeUi.COLORS.BLUE_2,
-    medium: _reactNativeUi.COLORS.BLUE_3,
-    high: _reactNativeUi.COLORS.BLUE_6,
-    max: _reactNativeUi.COLORS.BLUE_7
-  },
-  [_reactNativeUi.SelectOptionColor.RED]: {
-    low: _reactNativeUi.COLORS.RED_2,
-    medium: _reactNativeUi.COLORS.RED_3,
-    high: _reactNativeUi.COLORS.RED_6,
-    max: _reactNativeUi.COLORS.RED_7
-  },
-  [_reactNativeUi.SelectOptionColor.YELLOW]: {
-    low: _reactNativeUi.COLORS.YELLOW_2,
-    medium: _reactNativeUi.COLORS.YELLOW_3,
-    high: _reactNativeUi.COLORS.YELLOW_6,
-    max: _reactNativeUi.COLORS.YELLOW_7
-  },
-  [_reactNativeUi.SelectOptionColor.PURPLE]: {
-    low: _reactNativeUi.COLORS.PURPLE_2,
-    medium: _reactNativeUi.COLORS.PURPLE_3,
-    high: _reactNativeUi.COLORS.PURPLE_6,
-    max: _reactNativeUi.COLORS.PURPLE_7
-  },
-  [_reactNativeUi.SelectOptionColor.GREY]: {
-    low: _reactNativeUi.COLORS.NEUTRAL_2,
-    medium: _reactNativeUi.COLORS.NEUTRAL_3,
-    high: _reactNativeUi.COLORS.NEUTRAL_6,
-    max: _reactNativeUi.COLORS.NEUTRAL_7
-  },
-  [_reactNativeUi.SelectOptionColor.SUNSET]: {
-    low: _reactNativeUi.COLORS.RED_2,
-    medium: _reactNativeUi.COLORS.RED_3,
-    high: _reactNativeUi.COLORS.RED_6,
-    max: _reactNativeUi.COLORS.RED_7
-  }
-};
 const PRIMARY_COLOR_MAP = {
   [_reactNativeUi.SelectOptionColor.GREEN]: _reactNativeUi.COLORS.PRIMARY_GREEN,
   [_reactNativeUi.SelectOptionColor.ORANGE]: _reactNativeUi.COLORS.PRIMARY_ORANGE,
@@ -69,18 +19,12 @@ const PRIMARY_COLOR_MAP = {
   [_reactNativeUi.SelectOptionColor.GREY]: _reactNativeUi.COLORS.NEUTRAL_6,
   [_reactNativeUi.SelectOptionColor.SUNSET]: _reactNativeUi.COLORS.PRIMARY_RED
 };
-const getFillColor = (shades, progress) => {
-  if (progress <= 10) return shades.low;
-  if (progress <= 20) return shades.medium;
-  if (progress <= 80) return shades.high;
-  return shades.max;
-};
 const ProgressBar = ({
   progress,
   color = _reactNativeUi.SelectOptionColor.GREEN
 }) => {
   const normalized = Math.round(Math.min(100, Math.max(0, progress)));
-  const fillColor = getFillColor(PROGRESS_COLOR_SHADES[color], normalized);
+  const fillColor = PRIMARY_COLOR_MAP[color];
   const textColor = PRIMARY_COLOR_MAP[color];
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: styles.container,

package/dist/commonjs/features/fluency/components/select-math-operator/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_jsxRuntime","e","__esModule","default","PROGRESS_COLOR_SHADES","SelectOptionColor","GREEN","low","COLORS","GREEN_2","medium","GREEN_3","high","GREEN_6","max","GREEN_7","ORANGE","ORANGE_2","ORANGE_3","ORANGE_6","ORANGE_7","BLUE","BLUE_2","BLUE_3","BLUE_6","BLUE_7","RED","RED_2","RED_3","RED_6","RED_7","YELLOW","YELLOW_2","YELLOW_3","YELLOW_6","YELLOW_7","PURPLE","PURPLE_2","PURPLE_3","PURPLE_6","PURPLE_7","GREY","NEUTRAL_2","NEUTRAL_3","NEUTRAL_6","NEUTRAL_7","SUNSET","PRIMARY_COLOR_MAP","PRIMARY_GREEN","PRIMARY_ORANGE","PRIMARY_BLUE","PRIMARY_RED","PRIMARY_YELLOW","PRIMARY_PURPLE","getFillColor","shades","progress","ProgressBar","color","normalized","Math","round","min","fillColor","textColor","jsxs","View","style","styles","container","children","jsx","track","fill","backgroundColor","width","Typography","variant","HeadingVariants","H10","exports","StyleSheet","create","flexDirection","marginTop","SPACING","gap","alignItems","flex","height","borderRadius","BORDER_RADIUS","overflow"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/select-math-operator/ProgressBar.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_jsxRuntime","e","__esModule","default","PRIMARY_COLOR_MAP","SelectOptionColor","GREEN","COLORS","PRIMARY_GREEN","ORANGE","PRIMARY_ORANGE","BLUE","PRIMARY_BLUE","RED","PRIMARY_RED","YELLOW","PRIMARY_YELLOW","PURPLE","PRIMARY_PURPLE","GREY","NEUTRAL_6","SUNSET","ProgressBar","progress","color","normalized","Math","round","min","max","fillColor","textColor","jsxs","View","style","styles","container","children","jsx","track","fill","backgroundColor","width","Typography","variant","HeadingVariants","H10","exports","StyleSheet","create","flexDirection","marginTop","SPACING","gap","alignItems","flex","height","NEUTRAL_3","borderRadius","BORDER_RADIUS","overflow"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/select-math-operator/ProgressBar.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/fluency/components/select-math-operator/SelectMathOperator.js

@@ -27,15 +27,17 @@ const SelectMathOperator = () => {
     children: _fluencyConstants.FLUENCY_MODES.map(({
       mode,
       label,
-      icon: Icon,
+      symbol,
       select
     }, index) => {
       const isSelectedMode = mode === fluencyMode;
       const progress = (matrix?.operations[mode].completionRate ?? 0) * 100;
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MathOperatorRow.MathOperatorRow, {
         title: t(label),
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
-          color: isSelectedMode ? _reactNativeUi.COLORS.NEUTRAL_1 : undefined
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+          variant: _reactNativeUi.HeadingVariants.H6,
+          style: [styles.symbol, isSelectedMode && styles.symbolSelected],
+          children: symbol
         }),
         progress: progress,
         color: select,
@@ -54,11 +56,17 @@ const styles = _reactNative.StyleSheet.create({
   container: {
     alignSelf: 'flex-start',
     width: 270,
-    paddingVertical: _reactNativeUi.SPACING[400],
-    paddingHorizontal: _reactNativeUi.SPACING[200],
+    padding: _reactNativeUi.SPACING[400],
     borderRadius: _reactNativeUi.BORDER_RADIUS[400],
     backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
     ..._reactNativeUi.SHADOWS[1]
+  },
+  symbol: {
+    fontSize: 32,
+    fontWeight: '100'
+  },
+  symbolSelected: {
+    color: _reactNativeUi.COLORS.NEUTRAL_1
   }
 });
 //# sourceMappingURL=SelectMathOperator.js.map

package/dist/commonjs/features/fluency/components/select-math-operator/SelectMathOperator.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_effectorReact","_fluencyConstants","_MathOperatorRow","_FluencyContext","_i18n","_jsxRuntime","e","__esModule","default","SelectMathOperator","t","useText","model","onModeSelectPress","useFluency","fluencyMode","useUnit","matrix","$mode","$data","jsx","View","style","styles","container","children","FLUENCY_MODES","map","mode","label","icon","Icon","select","index","isSelectedMode","progress","operations","completionRate","MathOperatorRow","title","color","COLORS","NEUTRAL_1","undefined","selected","onSelect","setMode","showDivider","length","exports","StyleSheet","create","alignSelf","width","paddingVertical","SPACING","paddingHorizontal","borderRadius","BORDER_RADIUS","backgroundColor","SHADOWS"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/select-math-operator/SelectMathOperator.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,iBAAA,GAAAJ,OAAA;AACA,IAAAK,gBAAA,GAAAL,OAAA;AACA,IAAAM,eAAA,GAAAN,OAAA;AACA,IAAAO,KAAA,GAAAP,OAAA;AAA+C,IAAAQ,WAAA,GAAAR,OAAA;AAAA,SAAAD,uBAAAU,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAExC,MAAMG,kBAAkB,GAAGA,CAAA,KAAM;EACtC,MAAMC,CAAC,GAAG,IAAAC,aAAO,EAAC,CAAC;EACnB,MAAM;IAAEC,KAAK;IAAEC;EAAkB,CAAC,GAAG,IAAAC,0BAAU,EAAC,CAAC;EACjD,MAAMC,WAAW,GAAG,IAAAC,sBAAO,EAACJ,KAAK,CAACK,MAAM,CAACC,KAAK,CAAC;EAC/C,MAAMD,MAAM,GAAG,IAAAD,sBAAO,EAACJ,KAAK,CAACK,MAAM,CAACE,KAAK,CAAC;EAE1C,oBACE,IAAAd,WAAA,CAAAe,GAAA,EAACtB,YAAA,CAAAuB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,EAC3BC,+BAAa,CAACC,GAAG,CAAC,CAAC;MAAEC,IAAI;MAAEC,KAAK;MAAEC,IAAI,EAAEC,IAAI;MAAEC;IAAO,CAAC,EAAEC,KAAK,KAAK;MACjE,MAAMC,cAAc,GAAGN,IAAI,KAAKb,WAAW;MAC3C,MAAMoB,QAAQ,GAAG,CAAClB,MAAM,EAAEmB,UAAU,CAACR,IAAI,CAAC,CAACS,cAAc,IAAI,CAAC,IAAI,GAAG;MAErE,oBACE,IAAAhC,WAAA,CAAAe,GAAA,EAAClB,gBAAA,CAAAoC,eAAe;QAEdC,KAAK,EAAE7B,CAAC,CAACmB,KAAK,CAAE;QAChBC,IAAI,eAAE,IAAAzB,WAAA,CAAAe,GAAA,EAACW,IAAI;UAACS,KAAK,EAAEN,cAAc,GAAGO,qBAAM,CAACC,SAAS,GAAGC;QAAU,CAAE,CAAE;QACrER,QAAQ,EAAEA,QAAS;QACnBK,KAAK,EAAER,MAAO;QACdY,QAAQ,EAAEV,cAAe;QACzBW,QAAQ,EAAEA,CAAA,KAAM;UACdjC,KAAK,CAACK,MAAM,CAAC6B,OAAO,CAAClB,IAAI,CAAC;UAC1Bf,iBAAiB,GAAGe,IAAI,CAAC;QAC3B,CAAE;QACFmB,WAAW,EAAEd,KAAK,GAAGP,+BAAa,CAACsB,MAAM,GAAG;MAAE,GAVzCpB,IAWN,CAAC;IAEN,CAAC;EAAC,CACE,CAAC;AAEX,CAAC;AAAAqB,OAAA,CAAAxC,kBAAA,GAAAA,kBAAA;AAED,MAAMc,MAAM,GAAG2B,uBAAU,CAACC,MAAM,CAAC;EAC/B3B,SAAS,EAAE;IACT4B,SAAS,EAAE,YAAY;IACvBC,KAAK,EAAE,GAAG;IACVC,eAAe,EAAEC,sBAAO,CAAC,GAAG,CAAC;IAC7BC,iBAAiB,EAAED,sBAAO,CAAC,GAAG,CAAC;IAC/BE,YAAY,EAAEC,4BAAa,CAAC,GAAG,CAAC;IAChCC,eAAe,EAAElB,qBAAM,CAACC,SAAS;IACjC,GAAGkB,sBAAO,CAAC,CAAC;EACd;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_effectorReact","_fluencyConstants","_MathOperatorRow","_FluencyContext","_i18n","_jsxRuntime","e","__esModule","default","SelectMathOperator","t","useText","model","onModeSelectPress","useFluency","fluencyMode","useUnit","matrix","$mode","$data","jsx","View","style","styles","container","children","FLUENCY_MODES","map","mode","label","symbol","select","index","isSelectedMode","progress","operations","completionRate","MathOperatorRow","title","icon","Typography","variant","HeadingVariants","H6","symbolSelected","color","selected","onSelect","setMode","showDivider","length","exports","StyleSheet","create","alignSelf","width","padding","SPACING","borderRadius","BORDER_RADIUS","backgroundColor","COLORS","NEUTRAL_1","SHADOWS","fontSize","fontWeight"],"sourceRoot":"../../../../../../src","sources":["features/fluency/components/select-math-operator/SelectMathOperator.tsx"],"mappings":"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","ignoreList":[]}