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

package/dist/commonjs/features/fluency/visual-scaffolding/components/RelationalBlock.js

@@ -0,0 +1,279 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RelationalBlock = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
+var _reactNativeUi = require("@magmamath/react-native-ui");
+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; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// L2 — shifts focus from absolute counting to relative part-whole structures.
+const RelationalBlock = ({
+  spec,
+  colors
+}) => {
+  if (spec.model.type === 'bond') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(NumberBond, {
+      top: spec.model.top,
+      bottomLeft: spec.model.bottomLeft,
+      bottomRight: spec.model.bottomRight,
+      colors: colors
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AreaModel, {
+    top: spec.model.top,
+    side: spec.model.side,
+    center: spec.model.center,
+    colors: colors
+  });
+};
+
+// ── Number bond (addition / subtraction) ────────────────────────────────────
+exports.RelationalBlock = RelationalBlock;
+const VB_W = 220;
+const VB_H = 126;
+const R = 28;
+const NODES = {
+  top: {
+    cx: 110,
+    cy: 32
+  },
+  left: {
+    cx: 58,
+    cy: 94
+  },
+  right: {
+    cx: 162,
+    cy: 94
+  }
+};
+const NumberBond = ({
+  top,
+  bottomLeft,
+  bottomRight,
+  colors
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.bondWrapper,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+      width: "100%",
+      height: "100%",
+      viewBox: `0 0 ${VB_W} ${VB_H}`,
+      preserveAspectRatio: "xMidYMid meet",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Line, {
+        x1: NODES.top.cx,
+        y1: NODES.top.cy,
+        x2: NODES.left.cx,
+        y2: NODES.left.cy,
+        stroke: colors.mid,
+        strokeWidth: 2.5
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Line, {
+        x1: NODES.top.cx,
+        y1: NODES.top.cy,
+        x2: NODES.right.cx,
+        y2: NODES.right.cy,
+        stroke: colors.mid,
+        strokeWidth: 2.5
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(BondNode, {
+        pos: NODES.top,
+        value: top,
+        colors: colors
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(BondNode, {
+        pos: NODES.left,
+        value: bottomLeft,
+        colors: colors
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(BondNode, {
+        pos: NODES.right,
+        value: bottomRight,
+        colors: colors
+      })]
+    })
+  });
+};
+const BondNode = ({
+  pos,
+  value,
+  colors
+}) => {
+  const isUnknown = value === null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
+      cx: pos.cx,
+      cy: pos.cy,
+      r: R,
+      fill: isUnknown ? _reactNativeUi.COLORS.NEUTRAL_1 : colors.bg,
+      stroke: colors.accent,
+      strokeWidth: 2.5,
+      strokeDasharray: isUnknown ? '5 4' : undefined
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Text, {
+      x: pos.cx,
+      y: pos.cy + 10,
+      fontSize: 28,
+      fontWeight: "700",
+      fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires,
+      fill: isUnknown ? colors.accent : colors.dark,
+      textAnchor: "middle",
+      children: isUnknown ? '?' : value
+    })]
+  });
+};
+
+// ── Area model (multiplication / division) ──────────────────────────────────
+
+// The rectangle is proportional to the factors using ONE shared unit, so the
+// shape is representative: 4×4 is square, and the larger factor always gives
+// the longer side. `unit` grows until either dimension hits its available cap,
+// so most facts fill the height-limited zone; `maxUnit` only bounds very small
+// facts (e.g. 1×1) so they don't balloon to the full box.
+const AREA = {
+  availW: 300,
+  availH: 52,
+  maxUnit: 18,
+  minDim: 18,
+  divHeight: 44
+};
+const asFactor = value => typeof value === 'number' && value > 0 ? value : null;
+const areaDims = (top, side) => {
+  const a = asFactor(top);
+  const b = asFactor(side);
+  if (a !== null && b !== null) {
+    const unit = Math.min(AREA.availW / a, AREA.availH / b, AREA.maxUnit);
+    return {
+      width: Math.max(AREA.minDim, a * unit),
+      height: Math.max(AREA.minDim, b * unit)
+    };
+  }
+  // One dimension unknown (division): scale the known side, leave a neutral height.
+  if (a !== null) {
+    const unit = Math.min(AREA.availW / a, AREA.maxUnit);
+    return {
+      width: Math.max(AREA.minDim, a * unit),
+      height: AREA.divHeight
+    };
+  }
+  return {
+    width: AREA.divHeight,
+    height: AREA.divHeight
+  };
+};
+const AreaModel = ({
+  top,
+  side,
+  center,
+  colors
+}) => {
+  const {
+    width,
+    height
+  } = areaDims(top, side);
+
+  // Two aligned rows with a matched side column on BOTH sides of the rect, so the
+  // rect is centered horizontally: the side label sits in the left column, an
+  // equal-width spacer balances the right. The top label box matches the rect
+  // width so it centers over the rect.
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.areaContainer,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.areaRow,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.sideCol
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.topCol, {
+          width
+        }],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Dimension, {
+          value: top,
+          colors: colors
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.sideCol
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.areaRow,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.sideCol, styles.sideLabel],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Dimension, {
+          value: side,
+          colors: colors
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.rect, {
+          width,
+          height,
+          borderColor: colors.accent,
+          backgroundColor: colors.bg
+        }],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Dimension, {
+          value: center,
+          colors: colors,
+          large: true
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.sideCol
+      })]
+    })]
+  });
+};
+const Dimension = ({
+  value,
+  colors,
+  large = false
+}) => {
+  const isUnknown = value === null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+    style: [styles.dimText, large && styles.dimTextLarge, {
+      color: isUnknown ? colors.accent : colors.dark
+    }],
+    children: isUnknown ? '?' : value
+  });
+};
+const styles = _reactNative.StyleSheet.create({
+  bondWrapper: {
+    // Size by HEIGHT so the bond fits the short visual zone (card 260 → flex-4
+    // zone ≈104px − padding ≈88px content); width follows the viewBox ratio.
+    // Width-driven sizing overshot because the zone is wide but short.
+    height: 84,
+    aspectRatio: VB_W / VB_H,
+    alignSelf: 'center'
+  },
+  areaContainer: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: _reactNativeUi.SPACING[100]
+  },
+  areaRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: _reactNativeUi.SPACING[200]
+  },
+  sideCol: {
+    width: 32
+  },
+  sideLabel: {
+    alignItems: 'flex-end',
+    justifyContent: 'center'
+  },
+  topCol: {
+    alignItems: 'center'
+  },
+  rect: {
+    borderWidth: 2,
+    borderRadius: _reactNativeUi.BORDER_RADIUS[200],
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  dimText: {
+    fontSize: 17,
+    fontWeight: '700',
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires
+  },
+  dimTextLarge: {
+    fontSize: 24
+  }
+});
+//# sourceMappingURL=RelationalBlock.js.map

package/dist/commonjs/features/fluency/visual-scaffolding/components/RelationalBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSvg","_interopRequireWildcard","_reactNativeUi","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","RelationalBlock","spec","colors","model","type","jsx","NumberBond","top","bottomLeft","bottomRight","AreaModel","side","center","exports","VB_W","VB_H","R","NODES","cx","cy","left","right","View","style","styles","bondWrapper","children","jsxs","width","height","viewBox","preserveAspectRatio","Line","x1","y1","x2","y2","stroke","mid","strokeWidth","BondNode","pos","value","isUnknown","Fragment","Circle","fill","COLORS","NEUTRAL_1","bg","accent","strokeDasharray","undefined","Text","x","y","fontSize","fontWeight","fontFamily","FONT_FAMILY","buenosAires","dark","textAnchor","AREA","availW","availH","maxUnit","minDim","divHeight","asFactor","areaDims","b","unit","Math","min","max","areaContainer","areaRow","sideCol","topCol","Dimension","sideLabel","rect","borderColor","backgroundColor","large","Typography","dimText","dimTextLarge","color","StyleSheet","create","aspectRatio","alignSelf","alignItems","justifyContent","gap","SPACING","flexDirection","borderWidth","borderRadius","BORDER_RADIUS"],"sourceRoot":"../../../../../../src","sources":["features/fluency/visual-scaffolding/components/RelationalBlock.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/fluency/visual-scaffolding/components/visualColors.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VISUAL_COLORS = void 0;
+var _reactNativeUi = require("@magmamath/react-native-ui");
+/**
+ * Per-operation color set (spec §6):
+ *   accent → dots / lines / fills
+ *   bg     → the tinted visual-zone background (lightest tint)
+ *   mid    → the "second" quantity (2nd addend, dashed group outline)
+ *   dark   → small text labels (number-line tick/jump captions)
+ */
+
+const VISUAL_COLORS = exports.VISUAL_COLORS = {
+  addition: {
+    accent: _reactNativeUi.COLORS.PRIMARY_GREEN,
+    bg: _reactNativeUi.COLORS.GREEN_1,
+    // Second addend: a darker green than the first so the tokens stay legible
+    // (GREEN_3 was too light against the frame).
+    mid: _reactNativeUi.COLORS.GREEN_6,
+    dark: _reactNativeUi.COLORS.GREEN_7
+  },
+  subtraction: {
+    accent: _reactNativeUi.COLORS.PRIMARY_ORANGE,
+    bg: _reactNativeUi.COLORS.ORANGE_1,
+    mid: _reactNativeUi.COLORS.ORANGE_3,
+    dark: _reactNativeUi.COLORS.ORANGE_7
+  },
+  multiplication: {
+    accent: _reactNativeUi.COLORS.PRIMARY_BLUE,
+    bg: _reactNativeUi.COLORS.BLUE_1,
+    mid: _reactNativeUi.COLORS.BLUE_3,
+    dark: _reactNativeUi.COLORS.BLUE_7
+  },
+  division: {
+    accent: _reactNativeUi.COLORS.PRIMARY_PURPLE,
+    bg: _reactNativeUi.COLORS.PURPLE_1,
+    mid: _reactNativeUi.COLORS.PURPLE_3,
+    dark: _reactNativeUi.COLORS.PURPLE_7
+  }
+};
+//# sourceMappingURL=visualColors.js.map

package/dist/commonjs/features/fluency/visual-scaffolding/components/visualColors.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeUi","require","VISUAL_COLORS","exports","addition","accent","COLORS","PRIMARY_GREEN","bg","GREEN_1","mid","GREEN_6","dark","GREEN_7","subtraction","PRIMARY_ORANGE","ORANGE_1","ORANGE_3","ORANGE_7","multiplication","PRIMARY_BLUE","BLUE_1","BLUE_3","BLUE_7","division","PRIMARY_PURPLE","PURPLE_1","PURPLE_3","PURPLE_7"],"sourceRoot":"../../../../../../src","sources":["features/fluency/visual-scaffolding/components/visualColors.ts"],"mappings":";;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;;AAQO,MAAMC,aAA8C,GAAAC,OAAA,CAAAD,aAAA,GAAG;EAC5DE,QAAQ,EAAE;IACRC,MAAM,EAAEC,qBAAM,CAACC,aAAa;IAC5BC,EAAE,EAAEF,qBAAM,CAACG,OAAO;IAClB;IACA;IACAC,GAAG,EAAEJ,qBAAM,CAACK,OAAO;IACnBC,IAAI,EAAEN,qBAAM,CAACO;EACf,CAAC;EACDC,WAAW,EAAE;IACXT,MAAM,EAAEC,qBAAM,CAACS,cAAc;IAC7BP,EAAE,EAAEF,qBAAM,CAACU,QAAQ;IACnBN,GAAG,EAAEJ,qBAAM,CAACW,QAAQ;IACpBL,IAAI,EAAEN,qBAAM,CAACY;EACf,CAAC;EACDC,cAAc,EAAE;IACdd,MAAM,EAAEC,qBAAM,CAACc,YAAY;IAC3BZ,EAAE,EAAEF,qBAAM,CAACe,MAAM;IACjBX,GAAG,EAAEJ,qBAAM,CAACgB,MAAM;IAClBV,IAAI,EAAEN,qBAAM,CAACiB;EACf,CAAC;EACDC,QAAQ,EAAE;IACRnB,MAAM,EAAEC,qBAAM,CAACmB,cAAc;IAC7BjB,EAAE,EAAEF,qBAAM,CAACoB,QAAQ;IACnBhB,GAAG,EAAEJ,qBAAM,CAACqB,QAAQ;IACpBf,IAAI,EAAEN,qBAAM,CAACsB;EACf;AACF,CAAC","ignoreList":[]}

package/dist/commonjs/features/fluency/visual-scaffolding/index.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  renderFact: true,
+  hasVisual: true,
+  levelForBox: true,
+  TEN_FRAME_CAPACITY: true,
+  FactVisual: true,
+  VISUAL_COLORS: true,
+  toFactPresentation: true
+};
+Object.defineProperty(exports, "FactVisual", {
+  enumerable: true,
+  get: function () {
+    return _FactVisual.FactVisual;
+  }
+});
+Object.defineProperty(exports, "TEN_FRAME_CAPACITY", {
+  enumerable: true,
+  get: function () {
+    return _renderFact.TEN_FRAME_CAPACITY;
+  }
+});
+Object.defineProperty(exports, "VISUAL_COLORS", {
+  enumerable: true,
+  get: function () {
+    return _visualColors.VISUAL_COLORS;
+  }
+});
+Object.defineProperty(exports, "hasVisual", {
+  enumerable: true,
+  get: function () {
+    return _renderFact.hasVisual;
+  }
+});
+Object.defineProperty(exports, "levelForBox", {
+  enumerable: true,
+  get: function () {
+    return _renderFact.levelForBox;
+  }
+});
+Object.defineProperty(exports, "renderFact", {
+  enumerable: true,
+  get: function () {
+    return _renderFact.renderFact;
+  }
+});
+Object.defineProperty(exports, "toFactPresentation", {
+  enumerable: true,
+  get: function () {
+    return _adapter.toFactPresentation;
+  }
+});
+var _types = require("./types.js");
+Object.keys(_types).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _types[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _types[key];
+    }
+  });
+});
+var _renderFact = require("./renderFact.js");
+var _FactVisual = require("./components/FactVisual.js");
+var _visualColors = require("./components/visualColors.js");
+var _adapter = require("./adapter.js");
+//# sourceMappingURL=index.js.map

package/dist/commonjs/features/fluency/visual-scaffolding/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_types","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_renderFact","_FactVisual","_visualColors","_adapter"],"sourceRoot":"../../../../../src","sources":["features/fluency/visual-scaffolding/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAb,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,WAAA,GAAAb,OAAA;AACA,IAAAc,WAAA,GAAAd,OAAA;AACA,IAAAe,aAAA,GAAAf,OAAA;AACA,IAAAgB,QAAA,GAAAhB,OAAA","ignoreList":[]}