@magmamath/students-features 1.3.4-rc.3 → 1.3.5-rc.0

package/dist/module/features/pmProgress/components/chart/components/SlicesPaths.js

@@ -0,0 +1,85 @@
+"use strict";
+
+import React from 'react';
+import { Platform, StyleSheet } from 'react-native';
+import { G, Path } from 'react-native-svg';
+import { useUnit } from 'effector-react';
+import { SliceBackgroundColor } from "./layers/SliceBackgroundColor.js";
+import { SliceFillColor } from "./layers/SliceFillColor.js";
+import { SliceArcPattern } from "./layers/SliceArcPattern.js";
+import { usePmProgress } from "../../../context/PmProgressContext.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export const SlicesPaths = ({
+  slices,
+  pieChartManager,
+  config
+}) => {
+  const {
+    model
+  } = usePmProgress();
+  const [hoveredId, expandedId, domains] = useUnit([model.highlight.$hoveredId, model.highlight.$expandedId, model.tree.$domains]);
+  const highlightedId = hoveredId ?? expandedId;
+  const highlightedIndex = highlightedId ? domains.findIndex(({
+    domainId
+  }) => domainId === highlightedId) : null;
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: slices.map(slice => {
+      const id = `${slice.index}`;
+      const shapeSvg = pieChartManager.shape.generateSlicePath(slice);
+      const fillSvg = pieChartManager.shape.generateFillPath(slice);
+      const fillBorderSvg = pieChartManager.shape.generateFillBorderPath(slice);
+      const isHighlighted = highlightedIndex === slice.index;
+      const translateY = isHighlighted ? -config.pressOffset : 0;
+      const borderWidth = isHighlighted ? config.borderWidth : 0;
+      const domainId = domains[slice.index]?.domainId;
+      return /*#__PURE__*/_jsxs(G, {
+        style: styles.container,
+        onPress: () => domainId && model.highlight.expand(domainId),
+        onMouseEnter: () => domainId && model.highlight.hover(domainId),
+        onMouseLeave: () => model.highlight.hover(null),
+        children: [/*#__PURE__*/_jsx(Path, {
+          d: shapeSvg,
+          fill: "transparent"
+        }), /*#__PURE__*/_jsxs(G, {
+          style: styles.visual,
+          transform: `translate(0, ${translateY})`,
+          children: [/*#__PURE__*/_jsx(SliceBackgroundColor, {
+            path: shapeSvg,
+            color: isHighlighted ? config.colors.highlightedBackground : slice.backgroundColor
+          }), /*#__PURE__*/_jsx(SliceFillColor, {
+            clipPathId: id,
+            shapeSvg: shapeSvg,
+            fillSvg: fillSvg,
+            fillBorderSvg: fillBorderSvg,
+            color: slice.fillColor,
+            percent: slice.fillPercent,
+            borderColor: isHighlighted ? slice.borderColor : undefined,
+            borderWidth: borderWidth
+          }), /*#__PURE__*/_jsx(SliceArcPattern, {
+            clipPathId: id,
+            slice: slice,
+            config: config,
+            pieChartManager: pieChartManager
+          })]
+        })]
+      }, id);
+    })
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    ...Platform.select({
+      web: {
+        cursor: 'pointer'
+      }
+    })
+  },
+  visual: {
+    ...Platform.select({
+      web: {
+        transition: 'transform 0.1s ease-in-out'
+      }
+    })
+  }
+});
+//# sourceMappingURL=SlicesPaths.js.map

package/dist/module/features/pmProgress/components/chart/components/SlicesPaths.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Platform","StyleSheet","G","Path","useUnit","SliceBackgroundColor","SliceFillColor","SliceArcPattern","usePmProgress","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","SlicesPaths","slices","pieChartManager","config","model","hoveredId","expandedId","domains","highlight","$hoveredId","$expandedId","tree","$domains","highlightedId","highlightedIndex","findIndex","domainId","children","map","slice","id","index","shapeSvg","shape","generateSlicePath","fillSvg","generateFillPath","fillBorderSvg","generateFillBorderPath","isHighlighted","translateY","pressOffset","borderWidth","style","styles","container","onPress","expand","onMouseEnter","hover","onMouseLeave","d","fill","visual","transform","path","color","colors","highlightedBackground","backgroundColor","clipPathId","fillColor","percent","fillPercent","borderColor","undefined","create","select","web","cursor","transition"],"sourceRoot":"../../../../../../../src","sources":["features/pmProgress/components/chart/components/SlicesPaths.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/pmProgress/components/chart/components/layers/SliceArcPattern.js

@@ -0,0 +1,32 @@
+"use strict";
+
+import React from 'react';
+import { G, Path } from 'react-native-svg';
+import { getSliceClipId } from "../../chart.helpers.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const SliceArcPattern = ({
+  clipPathId,
+  slice,
+  pieChartManager,
+  config
+}) => {
+  const patternSizes = pieChartManager.pattern.getPatternTrackSizes();
+  return /*#__PURE__*/_jsx(G, {
+    clipPath: `url(#${getSliceClipId(clipPathId)})`,
+    children: patternSizes.map((radius, rowIndex) => {
+      const arcPath = pieChartManager.pattern.generateArcPath(slice, radius);
+      const dashWidth = pieChartManager.pattern.getDashWidthForRadius(radius);
+      const dashOffset = pieChartManager.pattern.getDashOffset(rowIndex, radius);
+      return /*#__PURE__*/_jsx(Path, {
+        d: arcPath,
+        fill: "none",
+        stroke: config.outerArc.color,
+        strokeWidth: config.outerArc.strokeWidth,
+        strokeDasharray: [dashWidth, dashWidth],
+        strokeDashoffset: dashOffset,
+        strokeLinecap: "butt"
+      }, rowIndex);
+    })
+  });
+};
+//# sourceMappingURL=SliceArcPattern.js.map

package/dist/module/features/pmProgress/components/chart/components/layers/SliceArcPattern.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","G","Path","getSliceClipId","jsx","_jsx","SliceArcPattern","clipPathId","slice","pieChartManager","config","patternSizes","pattern","getPatternTrackSizes","clipPath","children","map","radius","rowIndex","arcPath","generateArcPath","dashWidth","getDashWidthForRadius","dashOffset","getDashOffset","d","fill","stroke","outerArc","color","strokeWidth","strokeDasharray","strokeDashoffset","strokeLinecap"],"sourceRoot":"../../../../../../../../src","sources":["features/pmProgress/components/chart/components/layers/SliceArcPattern.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,CAAC,EAAEC,IAAI,QAAQ,kBAAkB;AAC1C,SAASC,cAAc,QAAQ,wBAAqB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAWpD,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAC9BC,UAAU;EACVC,KAAK;EACLC,eAAe;EACfC;AACoB,CAAC,KAAK;EAC1B,MAAMC,YAAY,GAAGF,eAAe,CAACG,OAAO,CAACC,oBAAoB,CAAC,CAAC;EAEnE,oBACER,IAAA,CAACJ,CAAC;IAACa,QAAQ,EAAE,QAAQX,cAAc,CAACI,UAAU,CAAC,GAAI;IAAAQ,QAAA,EAChDJ,YAAY,CAACK,GAAG,CAAC,CAACC,MAAM,EAAEC,QAAQ,KAAK;MACtC,MAAMC,OAAO,GAAGV,eAAe,CAACG,OAAO,CAACQ,eAAe,CAACZ,KAAK,EAAES,MAAM,CAAC;MACtE,MAAMI,SAAS,GAAGZ,eAAe,CAACG,OAAO,CAACU,qBAAqB,CAACL,MAAM,CAAC;MACvE,MAAMM,UAAU,GAAGd,eAAe,CAACG,OAAO,CAACY,aAAa,CAACN,QAAQ,EAAED,MAAM,CAAC;MAE1E,oBACEZ,IAAA,CAACH,IAAI;QAEHuB,CAAC,EAAEN,OAAQ;QACXO,IAAI,EAAC,MAAM;QACXC,MAAM,EAAEjB,MAAM,CAACkB,QAAQ,CAACC,KAAM;QAC9BC,WAAW,EAAEpB,MAAM,CAACkB,QAAQ,CAACE,WAAY;QACzCC,eAAe,EAAE,CAACV,SAAS,EAAEA,SAAS,CAAE;QACxCW,gBAAgB,EAAET,UAAW;QAC7BU,aAAa,EAAC;MAAM,GAPff,QAQN,CAAC;IAEN,CAAC;EAAC,CACD,CAAC;AAER,CAAC","ignoreList":[]}

package/dist/module/features/pmProgress/components/chart/components/layers/SliceBackgroundColor.js

@@ -0,0 +1,15 @@
+"use strict";
+
+import React from 'react';
+import { Path } from 'react-native-svg';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const SliceBackgroundColor = ({
+  path,
+  color
+}) => {
+  return /*#__PURE__*/_jsx(Path, {
+    d: path,
+    fill: color
+  });
+};
+//# sourceMappingURL=SliceBackgroundColor.js.map

package/dist/module/features/pmProgress/components/chart/components/layers/SliceBackgroundColor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Path","jsx","_jsx","SliceBackgroundColor","path","color","d","fill"],"sourceRoot":"../../../../../../../../src","sources":["features/pmProgress/components/chart/components/layers/SliceBackgroundColor.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAOvC,OAAO,MAAMC,oBAAoB,GAAGA,CAAC;EAAEC,IAAI;EAAEC;AAA4B,CAAC,KAAK;EAC7E,oBAAOH,IAAA,CAACF,IAAI;IAACM,CAAC,EAAEF,IAAK;IAACG,IAAI,EAAEF;EAAM,CAAE,CAAC;AACvC,CAAC","ignoreList":[]}

package/dist/module/features/pmProgress/components/chart/components/layers/SliceFillColor.js

@@ -0,0 +1,49 @@
+"use strict";
+
+import React from 'react';
+import { ClipPath, Defs, G, Path } from 'react-native-svg';
+import { getSliceClipId } from "../../chart.helpers.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export const SliceFillColor = ({
+  clipPathId,
+  shapeSvg,
+  fillSvg,
+  fillBorderSvg,
+  color,
+  percent,
+  borderColor,
+  borderWidth = 0
+}) => {
+  const isFullyFilled = percent >= 100;
+  const isPartiallyFilled = percent > 0;
+  const hasBorder = borderColor != null && borderWidth != null && borderWidth > 0;
+  if (!isPartiallyFilled && !isFullyFilled) return null;
+  const sliceClipId = getSliceClipId(clipPathId);
+  const borderClipId = `${sliceClipId}-border`;
+  const fillPath = isFullyFilled ? shapeSvg : fillSvg;
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [hasBorder && /*#__PURE__*/_jsx(Defs, {
+      children: /*#__PURE__*/_jsx(ClipPath, {
+        id: borderClipId,
+        children: /*#__PURE__*/_jsx(Path, {
+          d: fillBorderSvg
+        })
+      })
+    }), /*#__PURE__*/_jsxs(G, {
+      clipPath: `url(#${sliceClipId})`,
+      children: [/*#__PURE__*/_jsx(Path, {
+        d: fillPath,
+        fill: color
+      }), hasBorder && /*#__PURE__*/_jsx(G, {
+        clipPath: `url(#${borderClipId})`,
+        children: /*#__PURE__*/_jsx(Path, {
+          d: fillBorderSvg,
+          fill: "none",
+          stroke: borderColor,
+          strokeWidth: borderWidth * 2
+        })
+      })]
+    })]
+  });
+};
+//# sourceMappingURL=SliceFillColor.js.map

package/dist/module/features/pmProgress/components/chart/components/layers/SliceFillColor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ClipPath","Defs","G","Path","getSliceClipId","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","SliceFillColor","clipPathId","shapeSvg","fillSvg","fillBorderSvg","color","percent","borderColor","borderWidth","isFullyFilled","isPartiallyFilled","hasBorder","sliceClipId","borderClipId","fillPath","children","id","d","clipPath","fill","stroke","strokeWidth"],"sourceRoot":"../../../../../../../../src","sources":["features/pmProgress/components/chart/components/layers/SliceFillColor.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,EAAEC,IAAI,EAAEC,CAAC,EAAEC,IAAI,QAAQ,kBAAkB;AAC1D,SAASC,cAAc,QAAQ,wBAAqB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAapD,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAC7BC,UAAU;EACVC,QAAQ;EACRC,OAAO;EACPC,aAAa;EACbC,KAAK;EACLC,OAAO;EACPC,WAAW;EACXC,WAAW,GAAG;AACK,CAAC,KAAK;EACzB,MAAMC,aAAa,GAAGH,OAAO,IAAI,GAAG;EACpC,MAAMI,iBAAiB,GAAGJ,OAAO,GAAG,CAAC;EACrC,MAAMK,SAAS,GAAGJ,WAAW,IAAI,IAAI,IAAIC,WAAW,IAAI,IAAI,IAAIA,WAAW,GAAG,CAAC;EAE/E,IAAI,CAACE,iBAAiB,IAAI,CAACD,aAAa,EAAE,OAAO,IAAI;EAErD,MAAMG,WAAW,GAAGnB,cAAc,CAACQ,UAAU,CAAC;EAC9C,MAAMY,YAAY,GAAG,GAAGD,WAAW,SAAS;EAC5C,MAAME,QAAQ,GAAGL,aAAa,GAAGP,QAAQ,GAAGC,OAAO;EAEnD,oBACEN,KAAA,CAAAE,SAAA;IAAAgB,QAAA,GACGJ,SAAS,iBACRhB,IAAA,CAACL,IAAI;MAAAyB,QAAA,eACHpB,IAAA,CAACN,QAAQ;QAAC2B,EAAE,EAAEH,YAAa;QAAAE,QAAA,eACzBpB,IAAA,CAACH,IAAI;UAACyB,CAAC,EAAEb;QAAc,CAAE;MAAC,CAClB;IAAC,CACP,CACP,eACDP,KAAA,CAACN,CAAC;MAAC2B,QAAQ,EAAE,QAAQN,WAAW,GAAI;MAAAG,QAAA,gBAClCpB,IAAA,CAACH,IAAI;QAACyB,CAAC,EAAEH,QAAS;QAACK,IAAI,EAAEd;MAAM,CAAE,CAAC,EACjCM,SAAS,iBACRhB,IAAA,CAACJ,CAAC;QAAC2B,QAAQ,EAAE,QAAQL,YAAY,GAAI;QAAAE,QAAA,eACnCpB,IAAA,CAACH,IAAI;UACHyB,CAAC,EAAEb,aAAc;UACjBe,IAAI,EAAC,MAAM;UACXC,MAAM,EAAEb,WAAY;UACpBc,WAAW,EAAEb,WAAW,GAAG;QAAE,CAC9B;MAAC,CACD,CACJ;IAAA,CACA,CAAC;EAAA,CACJ,CAAC;AAEP,CAAC","ignoreList":[]}

package/dist/module/features/pmProgress/components/chart/model/ArcPatternGenerator.js

@@ -0,0 +1,44 @@
+"use strict";
+
+export class OuterArcPatternGenerator {
+  constructor(config) {
+    this.config = config;
+  }
+  generateArcPath(slice, radius) {
+    const gapAngle = this.config.gapBetweenSlices / (2 * radius);
+    const startAngle = slice.startAngle + gapAngle;
+    const endAngle = slice.endAngle - gapAngle;
+    const startPoint = this.polarToCartesian(radius, startAngle);
+    const endPoint = this.polarToCartesian(radius, endAngle);
+    const largeArcFlag = endAngle - startAngle > Math.PI ? 1 : 0;
+    return `M ${startPoint.x} ${startPoint.y} A ${radius} ${radius} 0 ${largeArcFlag} 1 ${endPoint.x} ${endPoint.y}`;
+  }
+
+  /** Returns the sizes of the two rings where the checkerboard dashes are drawn. */
+  getPatternTrackSizes() {
+    const {
+      outerRadius,
+      outerArc
+    } = this.config;
+    return [outerRadius - outerArc.strokeWidth / 2, outerRadius - outerArc.strokeWidth * 1.5];
+  }
+  getDashWidthForRadius(radius) {
+    return this.config.outerArc.dashWidth * (radius / this.config.outerRadius);
+  }
+  getDashOffset(rowIndex, radius) {
+    const dashAngle = this.config.outerArc.dashWidth / this.config.outerRadius;
+    const dashWidthAtRadius = dashAngle * radius;
+    const baseOffset = dashWidthAtRadius / 2;
+    if (rowIndex === 1) {
+      return baseOffset - dashWidthAtRadius;
+    }
+    return baseOffset;
+  }
+  polarToCartesian(radius, angleInRadians) {
+    return {
+      x: radius * Math.sin(angleInRadians),
+      y: -radius * Math.cos(angleInRadians)
+    };
+  }
+}
+//# sourceMappingURL=ArcPatternGenerator.js.map

package/dist/module/features/pmProgress/components/chart/model/ArcPatternGenerator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["OuterArcPatternGenerator","constructor","config","generateArcPath","slice","radius","gapAngle","gapBetweenSlices","startAngle","endAngle","startPoint","polarToCartesian","endPoint","largeArcFlag","Math","PI","x","y","getPatternTrackSizes","outerRadius","outerArc","strokeWidth","getDashWidthForRadius","dashWidth","getDashOffset","rowIndex","dashAngle","dashWidthAtRadius","baseOffset","angleInRadians","sin","cos"],"sourceRoot":"../../../../../../../src","sources":["features/pmProgress/components/chart/model/ArcPatternGenerator.ts"],"mappings":";;AAEA,OAAO,MAAMA,wBAAwB,CAAC;EACpCC,WAAWA,CAAkBC,MAA6B,EAAE;IAAA,KAA/BA,MAA6B,GAA7BA,MAA6B;EAAG;EAEtDC,eAAeA,CAACC,KAAiB,EAAEC,MAAc,EAAE;IACxD,MAAMC,QAAQ,GAAG,IAAI,CAACJ,MAAM,CAACK,gBAAgB,IAAI,CAAC,GAAGF,MAAM,CAAC;IAC5D,MAAMG,UAAU,GAAGJ,KAAK,CAACI,UAAU,GAAGF,QAAQ;IAC9C,MAAMG,QAAQ,GAAGL,KAAK,CAACK,QAAQ,GAAGH,QAAQ;IAE1C,MAAMI,UAAU,GAAG,IAAI,CAACC,gBAAgB,CAACN,MAAM,EAAEG,UAAU,CAAC;IAC5D,MAAMI,QAAQ,GAAG,IAAI,CAACD,gBAAgB,CAACN,MAAM,EAAEI,QAAQ,CAAC;IACxD,MAAMI,YAAY,GAAGJ,QAAQ,GAAGD,UAAU,GAAGM,IAAI,CAACC,EAAE,GAAG,CAAC,GAAG,CAAC;IAE5D,OAAO,KAAKL,UAAU,CAACM,CAAC,IAAIN,UAAU,CAACO,CAAC,MAAMZ,MAAM,IAAIA,MAAM,MAAMQ,YAAY,MAAMD,QAAQ,CAACI,CAAC,IAAIJ,QAAQ,CAACK,CAAC,EAAE;EAClH;;EAEA;EACOC,oBAAoBA,CAAA,EAAqB;IAC9C,MAAM;MAAEC,WAAW;MAAEC;IAAS,CAAC,GAAG,IAAI,CAAClB,MAAM;IAC7C,OAAO,CACLiB,WAAW,GAAGC,QAAQ,CAACC,WAAW,GAAG,CAAC,EACtCF,WAAW,GAAGC,QAAQ,CAACC,WAAW,GAAG,GAAG,CACzC;EACH;EAEOC,qBAAqBA,CAACjB,MAAc,EAAE;IAC3C,OAAO,IAAI,CAACH,MAAM,CAACkB,QAAQ,CAACG,SAAS,IAAIlB,MAAM,GAAG,IAAI,CAACH,MAAM,CAACiB,WAAW,CAAC;EAC5E;EAEOK,aAAaA,CAACC,QAAgB,EAAEpB,MAAc,EAAE;IACrD,MAAMqB,SAAS,GAAG,IAAI,CAACxB,MAAM,CAACkB,QAAQ,CAACG,SAAS,GAAG,IAAI,CAACrB,MAAM,CAACiB,WAAW;IAC1E,MAAMQ,iBAAiB,GAAGD,SAAS,GAAGrB,MAAM;IAC5C,MAAMuB,UAAU,GAAGD,iBAAiB,GAAG,CAAC;IAExC,IAAIF,QAAQ,KAAK,CAAC,EAAE;MAClB,OAAOG,UAAU,GAAGD,iBAAiB;IACvC;IACA,OAAOC,UAAU;EACnB;EAEQjB,gBAAgBA,CAACN,MAAc,EAAEwB,cAAsB,EAAE;IAC/D,OAAO;MACLb,CAAC,EAAEX,MAAM,GAAGS,IAAI,CAACgB,GAAG,CAACD,cAAc,CAAC;MACpCZ,CAAC,EAAE,CAACZ,MAAM,GAAGS,IAAI,CAACiB,GAAG,CAACF,cAAc;IACtC,CAAC;EACH;AACF","ignoreList":[]}

package/dist/module/features/pmProgress/components/chart/model/PieChartManager.js

@@ -0,0 +1,18 @@
+"use strict";
+
+import { SliceShapeGenerator } from "./SliceShapeGenerator.js";
+import { OuterArcPatternGenerator } from "./ArcPatternGenerator.js";
+export class PieChartManager {
+  constructor(config) {
+    this.config = config;
+    this.shape = new SliceShapeGenerator(config);
+    this.pattern = new OuterArcPatternGenerator(config);
+  }
+  getCenter() {
+    return {
+      x: this.config.size / 2,
+      y: this.config.size / 2
+    };
+  }
+}
+//# sourceMappingURL=PieChartManager.js.map

package/dist/module/features/pmProgress/components/chart/model/PieChartManager.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SliceShapeGenerator","OuterArcPatternGenerator","PieChartManager","constructor","config","shape","pattern","getCenter","x","size","y"],"sourceRoot":"../../../../../../../src","sources":["features/pmProgress/components/chart/model/PieChartManager.ts"],"mappings":";;AAAA,SAASA,mBAAmB,QAAQ,0BAAuB;AAC3D,SAASC,wBAAwB,QAAQ,0BAAuB;AAGhE,OAAO,MAAMC,eAAe,CAAC;EAI3BC,WAAWA,CAAiBC,MAA6B,EAAE;IAAA,KAA/BA,MAA6B,GAA7BA,MAA6B;IACvD,IAAI,CAACC,KAAK,GAAG,IAAIL,mBAAmB,CAACI,MAAM,CAAC;IAC5C,IAAI,CAACE,OAAO,GAAG,IAAIL,wBAAwB,CAACG,MAAM,CAAC;EACrD;EAEOG,SAASA,CAAA,EAAG;IACjB,OAAO;MAAEC,CAAC,EAAE,IAAI,CAACJ,MAAM,CAACK,IAAI,GAAG,CAAC;MAAEC,CAAC,EAAE,IAAI,CAACN,MAAM,CAACK,IAAI,GAAG;IAAE,CAAC;EAC7D;AACF","ignoreList":[]}

package/dist/module/features/pmProgress/components/chart/model/SliceShapeGenerator.js

@@ -0,0 +1,74 @@
+"use strict";
+
+import { arc, pie } from 'd3-shape';
+export class SliceShapeGenerator {
+  innerRadius = 0;
+  d3Pie = pie().value(({
+    value
+  }) => value).sort(null);
+  constructor(config) {
+    this.config = config;
+  }
+  generateSlices(data) {
+    this.innerRadius = this.getInnerRadius(data.length);
+    return this.d3Pie(data).map((datum, index) => ({
+      index,
+      startAngle: datum.startAngle,
+      endAngle: datum.endAngle,
+      fillPercent: datum.data.fillPercent ?? 0,
+      backgroundColor: datum.data.backgroundColor ?? this.config.colors.background,
+      fillColor: datum.data.fillColor,
+      borderColor: datum.data.borderColor,
+      data: datum.data
+    }));
+  }
+  generateSlicePath(slice) {
+    return this.buildArc(slice, this.config.outerRadius, this.getCornerRadius(100));
+  }
+  generateFillPath(slice) {
+    const fillRadius = this.getFillRadius(slice);
+    const cornerRadius = this.getCornerRadius(slice.fillPercent);
+
+    // Build with innerRadius 0 so d3 only rounds the outer corners.
+    // The slice clip path will cut the inner edge to the correct boundary.
+    return arc().outerRadius(fillRadius).innerRadius(0).cornerRadius(cornerRadius).padAngle(this.padAngle).padRadius(this.config.outerRadius)({
+      startAngle: slice.startAngle,
+      endAngle: slice.endAngle,
+      innerRadius: 0,
+      outerRadius: fillRadius
+    });
+  }
+  generateFillBorderPath(slice) {
+    const fillRadius = this.getFillRadius(slice);
+    const cornerRadius = this.getCornerRadius(slice.fillPercent);
+    return this.buildArc(slice, fillRadius, cornerRadius);
+  }
+  getFillRadius(slice) {
+    return this.innerRadius + (this.config.outerRadius - this.innerRadius) * (slice.fillPercent / 100);
+  }
+  getInnerRadius(sliceCount) {
+    const {
+      innerRadius
+    } = this.config;
+    return typeof innerRadius === 'function' ? innerRadius(sliceCount) : innerRadius;
+  }
+  getCornerRadius(fillPercent) {
+    const {
+      cornerRadius
+    } = this.config;
+    return typeof cornerRadius === 'function' ? cornerRadius(fillPercent) : cornerRadius;
+  }
+  get padAngle() {
+    return this.config.gapBetweenSlices / this.config.outerRadius;
+  }
+  buildArc(slice, outerRadius, cornerRadius) {
+    const innerRadius = this.innerRadius;
+    return arc().outerRadius(outerRadius).innerRadius(innerRadius).cornerRadius(cornerRadius).padAngle(this.padAngle).padRadius(this.config.outerRadius)({
+      startAngle: slice.startAngle,
+      endAngle: slice.endAngle,
+      innerRadius,
+      outerRadius
+    });
+  }
+}
+//# sourceMappingURL=SliceShapeGenerator.js.map

package/dist/module/features/pmProgress/components/chart/model/SliceShapeGenerator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["arc","pie","SliceShapeGenerator","innerRadius","d3Pie","value","sort","constructor","config","generateSlices","data","getInnerRadius","length","map","datum","index","startAngle","endAngle","fillPercent","backgroundColor","colors","background","fillColor","borderColor","generateSlicePath","slice","buildArc","outerRadius","getCornerRadius","generateFillPath","fillRadius","getFillRadius","cornerRadius","padAngle","padRadius","generateFillBorderPath","sliceCount","gapBetweenSlices"],"sourceRoot":"../../../../../../../src","sources":["features/pmProgress/components/chart/model/SliceShapeGenerator.ts"],"mappings":"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","ignoreList":[]}

package/dist/module/features/pmProgress/components/content/PmContent.js

@@ -0,0 +1,42 @@
+"use strict";
+
+import React from 'react';
+import { useUnit } from 'effector-react';
+import { StyleSheet, View } from 'react-native';
+import { SPACING } from '@magmamath/react-native-ui';
+import { PmTeacherRecs } from "../recs/PmTeacherRecs.js";
+import { PmDomainList } from "../list/PmDomainList.js";
+import { PmInsights } from "../insights/PmInsights.js";
+import { PmStatusOverlay } from "../locked/PmStatusOverlay.js";
+import { usePmProgress } from "../../context/PmProgressContext.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const PmProgressContent = () => {
+  const {
+    model
+  } = usePmProgress();
+  const status = useUnit(model.tree.$status);
+  if (status) {
+    return /*#__PURE__*/_jsx(PmStatusOverlay, {
+      status: status
+    });
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.content,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.column,
+      children: [/*#__PURE__*/_jsx(PmTeacherRecs, {}), /*#__PURE__*/_jsx(PmDomainList, {})]
+    }), /*#__PURE__*/_jsx(PmInsights, {})]
+  });
+};
+const styles = StyleSheet.create({
+  content: {
+    flex: 1,
+    flexDirection: 'row'
+  },
+  column: {
+    flex: 1,
+    marginRight: SPACING[500],
+    gap: SPACING[200]
+  }
+});
+//# sourceMappingURL=PmContent.js.map

package/dist/module/features/pmProgress/components/content/PmContent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useUnit","StyleSheet","View","SPACING","PmTeacherRecs","PmDomainList","PmInsights","PmStatusOverlay","usePmProgress","jsx","_jsx","jsxs","_jsxs","PmProgressContent","model","status","tree","$status","style","styles","content","children","column","create","flex","flexDirection","marginRight","gap"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/content/PmContent.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,OAAO,QAAQ,4BAA4B;AACpD,SAASC,aAAa,QAAQ,0BAAuB;AACrD,SAASC,YAAY,QAAQ,yBAAsB;AACnD,SAASC,UAAU,QAAQ,2BAAwB;AACnD,SAASC,eAAe,QAAQ,8BAA2B;AAC3D,SAASC,aAAa,QAAQ,oCAAiC;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG/D,OAAO,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EACrC,MAAM;IAAEC;EAAM,CAAC,GAAGN,aAAa,CAAC,CAAC;EACjC,MAAMO,MAAM,GAAGf,OAAO,CAACc,KAAK,CAACE,IAAI,CAACC,OAAO,CAAC;EAE1C,IAAIF,MAAM,EAAE;IACV,oBAAOL,IAAA,CAACH,eAAe;MAACQ,MAAM,EAAEA;IAAO,CAAE,CAAC;EAC5C;EAEA,oBACEH,KAAA,CAACV,IAAI;IAACgB,KAAK,EAAEC,MAAM,CAACC,OAAQ;IAAAC,QAAA,gBAC1BT,KAAA,CAACV,IAAI;MAACgB,KAAK,EAAEC,MAAM,CAACG,MAAO;MAAAD,QAAA,gBACzBX,IAAA,CAACN,aAAa,IAAE,CAAC,eACjBM,IAAA,CAACL,YAAY,IAAE,CAAC;IAAA,CACZ,CAAC,eAEPK,IAAA,CAACJ,UAAU,IAAE,CAAC;EAAA,CACV,CAAC;AAEX,CAAC;AAED,MAAMa,MAAM,GAAGlB,UAAU,CAACsB,MAAM,CAAC;EAC/BH,OAAO,EAAE;IACPI,IAAI,EAAE,CAAC;IACPC,aAAa,EAAE;EACjB,CAAC;EACDH,MAAM,EAAE;IACNE,IAAI,EAAE,CAAC;IACPE,WAAW,EAAEvB,OAAO,CAAC,GAAG,CAAC;IACzBwB,GAAG,EAAExB,OAAO,CAAC,GAAG;EAClB;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/pmProgress/components/header/NextUp.js

@@ -0,0 +1,121 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { COLORS, HeadingVariants, SPACING, Typography } from '@magmamath/react-native-ui';
+import { SketchArrowRight } from "../../../../shared/icons/SketchArrowRight.js";
+import { SliceDiamondIcon } from "../../../../shared/icons/SliceDiamondIcon.js";
+import { useText } from "../../../../shared/translation/index.js";
+import { useUnit, useStoreMap } from 'effector-react';
+import { usePmProgress } from "../../context/PmProgressContext.js";
+import { isFluencyDomain } from "../../shared/pmProgress.helpers.js";
+import { OpeningLoaderId, SolvingFlow } from "../../shared/pmProgress.constants.js";
+import { StartButton } from "./StartButton.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export const NextUp = () => {
+  const t = useText();
+  const {
+    model,
+    onStartPress
+  } = usePmProgress();
+  const status = useUnit(model.tree.$status);
+  const loaderOpeningId = useUnit(model.solving.$loaderOpeningId);
+  const nextUp = useStoreMap(model.tree.$domains, domains => domains.find(domain => {
+    const isFluency = isFluencyDomain(domain.title);
+    const isDomainCompleted = domain.standards.every(standard => standard.isCompleted);
+    return !isFluency && !isDomainCompleted;
+  }));
+  const isLoading = loaderOpeningId === OpeningLoaderId.START_BUTTON;
+  const isSkillOpeningActionPending = !!(loaderOpeningId !== null || status);
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [nextUp && !status && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.content,
+        children: [/*#__PURE__*/_jsx(View, {
+          style: styles.subtitle,
+          children: /*#__PURE__*/_jsx(Typography, {
+            variant: HeadingVariants.H2,
+            style: styles.dark,
+            children: t('pmProgress.nextUp')
+          })
+        }), /*#__PURE__*/_jsxs(View, {
+          style: [styles.row, styles.tilted],
+          children: [/*#__PURE__*/_jsx(Typography, {
+            variant: HeadingVariants.H7,
+            style: styles.muted,
+            children: nextUp?.title
+          }), /*#__PURE__*/_jsx(View, {
+            style: styles.diamond,
+            children: /*#__PURE__*/_jsx(SliceDiamondIcon, {
+              color: nextUp?.color
+            })
+          })]
+        })]
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.arrow,
+        children: /*#__PURE__*/_jsx(SketchArrowRight, {})
+      })]
+    }), /*#__PURE__*/_jsx(StartButton, {
+      onPress: async () => {
+        try {
+          model.solving.setLoaderOpeningId(OpeningLoaderId.START_BUTTON);
+          const skill = await model.solving.start({
+            type: SolvingFlow.MAGMA
+          });
+          await onStartPress?.(skill);
+        } finally {
+          model.solving.setLoaderOpeningId(null);
+        }
+      },
+      disabled: isSkillOpeningActionPending,
+      isLoading: isLoading,
+      isActive: isLoading,
+      withPulsation: !!nextUp && !isLoading && !isSkillOpeningActionPending && !status
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: SPACING[400]
+  },
+  content: {
+    alignItems: 'center',
+    gap: SPACING[100]
+  },
+  dark: {
+    color: COLORS.NEUTRAL_9
+  },
+  subtitle: {
+    transform: [{
+      rotate: '355deg'
+    }],
+    marginRight: SPACING[300]
+  },
+  tilted: {
+    transform: [{
+      rotate: '355deg'
+    }]
+  },
+  row: {
+    flexDirection: 'row',
+    gap: SPACING[100]
+  },
+  muted: {
+    color: COLORS.NEUTRAL_8
+  },
+  diamond: {
+    bottom: 10,
+    transform: [{
+      rotate: '5deg'
+    }]
+  },
+  arrow: {
+    transform: [{
+      rotate: '358deg'
+    }]
+  }
+});
+//# sourceMappingURL=NextUp.js.map

package/dist/module/features/pmProgress/components/header/NextUp.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","COLORS","HeadingVariants","SPACING","Typography","SketchArrowRight","SliceDiamondIcon","useText","useUnit","useStoreMap","usePmProgress","isFluencyDomain","OpeningLoaderId","SolvingFlow","StartButton","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","NextUp","t","model","onStartPress","status","tree","$status","loaderOpeningId","solving","$loaderOpeningId","nextUp","$domains","domains","find","domain","isFluency","title","isDomainCompleted","standards","every","standard","isCompleted","isLoading","START_BUTTON","isSkillOpeningActionPending","style","styles","container","children","content","subtitle","variant","H2","dark","row","tilted","H7","muted","diamond","color","arrow","onPress","setLoaderOpeningId","skill","start","type","MAGMA","disabled","isActive","withPulsation","create","flexDirection","alignItems","gap","NEUTRAL_9","transform","rotate","marginRight","NEUTRAL_8","bottom"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/header/NextUp.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,MAAM,EAAEC,eAAe,EAAEC,OAAO,EAAEC,UAAU,QAAQ,4BAA4B;AACzF,SAASC,gBAAgB,QAAQ,8CAA2C;AAC5E,SAASC,gBAAgB,QAAQ,8CAA2C;AAC5E,SAASC,OAAO,QAAQ,yCAAgC;AACxD,SAASC,OAAO,EAAEC,WAAW,QAAQ,gBAAgB;AACrD,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,eAAe,QAAQ,oCAAiC;AACjE,SAASC,eAAe,EAAEC,WAAW,QAAQ,sCAAmC;AAChF,SAASC,WAAW,QAAQ,kBAAe;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAE3C,OAAO,MAAMC,MAAM,GAAGA,CAAA,KAAM;EAC1B,MAAMC,CAAC,GAAGf,OAAO,CAAC,CAAC;EACnB,MAAM;IAAEgB,KAAK;IAAEC;EAAa,CAAC,GAAGd,aAAa,CAAC,CAAC;EAE/C,MAAMe,MAAM,GAAGjB,OAAO,CAACe,KAAK,CAACG,IAAI,CAACC,OAAO,CAAC;EAC1C,MAAMC,eAAe,GAAGpB,OAAO,CAACe,KAAK,CAACM,OAAO,CAACC,gBAAgB,CAAC;EAE/D,MAAMC,MAAM,GAAGtB,WAAW,CAACc,KAAK,CAACG,IAAI,CAACM,QAAQ,EAAGC,OAAO,IACtDA,OAAO,CAACC,IAAI,CAAEC,MAAM,IAAK;IACvB,MAAMC,SAAS,GAAGzB,eAAe,CAACwB,MAAM,CAACE,KAAK,CAAC;IAC/C,MAAMC,iBAAiB,GAAGH,MAAM,CAACI,SAAS,CAACC,KAAK,CAAEC,QAAQ,IAAKA,QAAQ,CAACC,WAAW,CAAC;IACpF,OAAO,CAACN,SAAS,IAAI,CAACE,iBAAiB;EACzC,CAAC,CACH,CAAC;EAED,MAAMK,SAAS,GAAGf,eAAe,KAAKhB,eAAe,CAACgC,YAAY;EAClE,MAAMC,2BAA2B,GAAG,CAAC,EAAEjB,eAAe,KAAK,IAAI,IAAIH,MAAM,CAAC;EAE1E,oBACEP,KAAA,CAAClB,IAAI;IAAC8C,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,GAC3BlB,MAAM,IAAI,CAACN,MAAM,iBAChBP,KAAA,CAAAE,SAAA;MAAA6B,QAAA,gBACE/B,KAAA,CAAClB,IAAI;QAAC8C,KAAK,EAAEC,MAAM,CAACG,OAAQ;QAAAD,QAAA,gBAC1BjC,IAAA,CAAChB,IAAI;UAAC8C,KAAK,EAAEC,MAAM,CAACI,QAAS;UAAAF,QAAA,eAC3BjC,IAAA,CAACZ,UAAU;YAACgD,OAAO,EAAElD,eAAe,CAACmD,EAAG;YAACP,KAAK,EAAEC,MAAM,CAACO,IAAK;YAAAL,QAAA,EACzD3B,CAAC,CAAC,mBAAmB;UAAC,CACb;QAAC,CACT,CAAC,eACPJ,KAAA,CAAClB,IAAI;UAAC8C,KAAK,EAAE,CAACC,MAAM,CAACQ,GAAG,EAAER,MAAM,CAACS,MAAM,CAAE;UAAAP,QAAA,gBACvCjC,IAAA,CAACZ,UAAU;YAACgD,OAAO,EAAElD,eAAe,CAACuD,EAAG;YAACX,KAAK,EAAEC,MAAM,CAACW,KAAM;YAAAT,QAAA,EAC1DlB,MAAM,EAAEM;UAAK,CACJ,CAAC,eACbrB,IAAA,CAAChB,IAAI;YAAC8C,KAAK,EAAEC,MAAM,CAACY,OAAQ;YAAAV,QAAA,eAC1BjC,IAAA,CAACV,gBAAgB;cAACsD,KAAK,EAAE7B,MAAM,EAAE6B;YAAM,CAAE;UAAC,CACtC,CAAC;QAAA,CACH,CAAC;MAAA,CACH,CAAC,eACP5C,IAAA,CAAChB,IAAI;QAAC8C,KAAK,EAAEC,MAAM,CAACc,KAAM;QAAAZ,QAAA,eACxBjC,IAAA,CAACX,gBAAgB,IAAE;MAAC,CAChB,CAAC;IAAA,CACP,CACH,eAEDW,IAAA,CAACF,WAAW;MACVgD,OAAO,EAAE,MAAAA,CAAA,KAAY;QACnB,IAAI;UACFvC,KAAK,CAACM,OAAO,CAACkC,kBAAkB,CAACnD,eAAe,CAACgC,YAAY,CAAC;UAC9D,MAAMoB,KAAK,GAAG,MAAMzC,KAAK,CAACM,OAAO,CAACoC,KAAK,CAAC;YAAEC,IAAI,EAAErD,WAAW,CAACsD;UAAM,CAAC,CAAC;UACpE,MAAM3C,YAAY,GAAGwC,KAAK,CAAC;QAC7B,CAAC,SAAS;UACRzC,KAAK,CAACM,OAAO,CAACkC,kBAAkB,CAAC,IAAI,CAAC;QACxC;MACF,CAAE;MACFK,QAAQ,EAAEvB,2BAA4B;MACtCF,SAAS,EAAEA,SAAU;MACrB0B,QAAQ,EAAE1B,SAAU;MACpB2B,aAAa,EAAE,CAAC,CAACvC,MAAM,IAAI,CAACY,SAAS,IAAI,CAACE,2BAA2B,IAAI,CAACpB;IAAO,CAClF,CAAC;EAAA,CACE,CAAC;AAEX,CAAC;AAED,MAAMsB,MAAM,GAAGhD,UAAU,CAACwE,MAAM,CAAC;EAC/BvB,SAAS,EAAE;IACTwB,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAEvE,OAAO,CAAC,GAAG;EAClB,CAAC;EACD+C,OAAO,EAAE;IACPuB,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAEvE,OAAO,CAAC,GAAG;EAClB,CAAC;EACDmD,IAAI,EAAE;IACJM,KAAK,EAAE3D,MAAM,CAAC0E;EAChB,CAAC;EACDxB,QAAQ,EAAE;IACRyB,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAS,CAAC,CAAC;IACjCC,WAAW,EAAE3E,OAAO,CAAC,GAAG;EAC1B,CAAC;EACDqD,MAAM,EAAE;IACNoB,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAS,CAAC;EAClC,CAAC;EACDtB,GAAG,EAAE;IACHiB,aAAa,EAAE,KAAK;IACpBE,GAAG,EAAEvE,OAAO,CAAC,GAAG;EAClB,CAAC;EACDuD,KAAK,EAAE;IACLE,KAAK,EAAE3D,MAAM,CAAC8E;EAChB,CAAC;EACDpB,OAAO,EAAE;IACPqB,MAAM,EAAE,EAAE;IACVJ,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAO,CAAC;EAChC,CAAC;EACDhB,KAAK,EAAE;IACLe,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAS,CAAC;EAClC;AACF,CAAC,CAAC","ignoreList":[]}