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

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

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SliceShapeGenerator = void 0;
+var _d3Shape = require("d3-shape");
+class SliceShapeGenerator {
+  innerRadius = 0;
+  d3Pie = (0, _d3Shape.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 (0, _d3Shape.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 (0, _d3Shape.arc)().outerRadius(outerRadius).innerRadius(innerRadius).cornerRadius(cornerRadius).padAngle(this.padAngle).padRadius(this.config.outerRadius)({
+      startAngle: slice.startAngle,
+      endAngle: slice.endAngle,
+      innerRadius,
+      outerRadius
+    });
+  }
+}
+exports.SliceShapeGenerator = SliceShapeGenerator;
+//# sourceMappingURL=SliceShapeGenerator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_d3Shape","require","SliceShapeGenerator","innerRadius","d3Pie","pie","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","arc","padAngle","padRadius","generateFillBorderPath","sliceCount","gapBetweenSlices","exports"],"sourceRoot":"../../../../../../../src","sources":["features/pmProgress/components/chart/model/SliceShapeGenerator.ts"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PmProgressContent = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _effectorReact = require("effector-react");
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _PmTeacherRecs = require("../recs/PmTeacherRecs.js");
+var _PmDomainList = require("../list/PmDomainList.js");
+var _PmInsights = require("../insights/PmInsights.js");
+var _PmStatusOverlay = require("../locked/PmStatusOverlay.js");
+var _PmProgressContext = require("../../context/PmProgressContext.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const PmProgressContent = () => {
+  const {
+    model
+  } = (0, _PmProgressContext.usePmProgress)();
+  const status = (0, _effectorReact.useUnit)(model.tree.$status);
+  if (status) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PmStatusOverlay.PmStatusOverlay, {
+      status: status
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.content,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.column,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_PmTeacherRecs.PmTeacherRecs, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PmDomainList.PmDomainList, {})]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PmInsights.PmInsights, {})]
+  });
+};
+exports.PmProgressContent = PmProgressContent;
+const styles = _reactNative.StyleSheet.create({
+  content: {
+    flex: 1,
+    flexDirection: 'row',
+    overflow: 'hidden'
+  },
+  column: {
+    flex: 1,
+    overflow: 'hidden',
+    marginRight: _reactNativeUi.SPACING[500],
+    gap: _reactNativeUi.SPACING[200]
+  }
+});
+//# sourceMappingURL=PmContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_effectorReact","_reactNative","_reactNativeUi","_PmTeacherRecs","_PmDomainList","_PmInsights","_PmStatusOverlay","_PmProgressContext","_jsxRuntime","e","__esModule","default","PmProgressContent","model","usePmProgress","status","useUnit","tree","$status","jsx","PmStatusOverlay","jsxs","View","style","styles","content","children","column","PmTeacherRecs","PmDomainList","PmInsights","exports","StyleSheet","create","flex","flexDirection","overflow","marginRight","SPACING","gap"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/content/PmContent.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AACA,IAAAO,gBAAA,GAAAP,OAAA;AACA,IAAAQ,kBAAA,GAAAR,OAAA;AAA+D,IAAAS,WAAA,GAAAT,OAAA;AAAA,SAAAD,uBAAAW,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGxD,MAAMG,iBAAiB,GAAGA,CAAA,KAAM;EACrC,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,gCAAa,EAAC,CAAC;EACjC,MAAMC,MAAM,GAAG,IAAAC,sBAAO,EAACH,KAAK,CAACI,IAAI,CAACC,OAAO,CAAC;EAE1C,IAAIH,MAAM,EAAE;IACV,oBAAO,IAAAP,WAAA,CAAAW,GAAA,EAACb,gBAAA,CAAAc,eAAe;MAACL,MAAM,EAAEA;IAAO,CAAE,CAAC;EAC5C;EAEA,oBACE,IAAAP,WAAA,CAAAa,IAAA,EAACpB,YAAA,CAAAqB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,OAAQ;IAAAC,QAAA,gBAC1B,IAAAlB,WAAA,CAAAa,IAAA,EAACpB,YAAA,CAAAqB,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACG,MAAO;MAAAD,QAAA,gBACzB,IAAAlB,WAAA,CAAAW,GAAA,EAAChB,cAAA,CAAAyB,aAAa,IAAE,CAAC,eACjB,IAAApB,WAAA,CAAAW,GAAA,EAACf,aAAA,CAAAyB,YAAY,IAAE,CAAC;IAAA,CACZ,CAAC,eAEP,IAAArB,WAAA,CAAAW,GAAA,EAACd,WAAA,CAAAyB,UAAU,IAAE,CAAC;EAAA,CACV,CAAC;AAEX,CAAC;AAAAC,OAAA,CAAAnB,iBAAA,GAAAA,iBAAA;AAED,MAAMY,MAAM,GAAGQ,uBAAU,CAACC,MAAM,CAAC;EAC/BR,OAAO,EAAE;IACPS,IAAI,EAAE,CAAC;IACPC,aAAa,EAAE,KAAK;IACpBC,QAAQ,EAAE;EACZ,CAAC;EACDT,MAAM,EAAE;IACNO,IAAI,EAAE,CAAC;IACPE,QAAQ,EAAE,QAAQ;IAClBC,WAAW,EAAEC,sBAAO,CAAC,GAAG,CAAC;IACzBC,GAAG,EAAED,sBAAO,CAAC,GAAG;EAClB;AACF,CAAC,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_SketchArrowRight","_SliceDiamondIcon","_index","_effectorReact","_PmProgressContext","_pmProgressHelpers","_pmProgressConstants","_StartButton","_jsxRuntime","e","__esModule","default","NextUp","t","useText","model","onStartPress","usePmProgress","status","useUnit","tree","$status","loaderOpeningId","solving","$loaderOpeningId","nextUp","useStoreMap","$domains","domains","find","domain","isFluency","isFluencyDomain","title","isDomainCompleted","standards","every","standard","isCompleted","isLoading","OpeningLoaderId","START_BUTTON","isSkillOpeningActionPending","jsxs","View","style","styles","container","children","Fragment","content","jsx","subtitle","Typography","variant","HeadingVariants","H2","dark","row","tilted","H7","muted","diamond","SliceDiamondIcon","color","arrow","SketchArrowRight","StartButton","onPress","setLoaderOpeningId","skill","start","type","SolvingFlow","MAGMA","disabled","isActive","withPulsation","exports","StyleSheet","create","flexDirection","alignItems","gap","SPACING","COLORS","NEUTRAL_9","transform","rotate","marginRight","NEUTRAL_8","bottom"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/header/NextUp.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/pmProgress/components/header/PmProgressHeader.js

@@ -0,0 +1,133 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PmProgressHeader = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _commonConstants = require("../../../../shared/common.constants.js");
+var _index = require("../../../../shared/translation/index.js");
+var _effectorReact = require("effector-react");
+var _PmProgressContext = require("../../context/PmProgressContext.js");
+var _pmProgressHelpers = require("../../shared/pmProgress.helpers.js");
+var _MenuIcon = require("../../../../shared/icons/MenuIcon.js");
+var _NextUp = require("./NextUp.js");
+var _studentsFeatures = require("@magmamath/students-features");
+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 menuItemProps = {
+  style: {
+    text: {
+      whiteSpace: 'nowrap'
+    }
+  }
+};
+const PmProgressHeader = () => {
+  const t = (0, _index.useText)();
+  const {
+    model,
+    customGradeLabels,
+    readOnly,
+    onMenuPress
+  } = (0, _PmProgressContext.usePmProgress)();
+  const [isDropdownOpen, setIsDropdownOpen] = (0, _react.useState)(false);
+  const dimensions = (0, _reactNative.useWindowDimensions)();
+  const withMenuButton = _commonConstants.isWeb && dimensions.width <= _studentsFeatures.BURGER_MENU_BREAKPOINT;
+  const grade = (0, _effectorReact.useUnit)(model.tree.$grade);
+  const grades = (0, _effectorReact.useStoreMap)({
+    store: model.tree.$grades,
+    keys: [customGradeLabels],
+    fn: grades => grades.map(grade => ({
+      key: grade.value,
+      title: (0, _pmProgressHelpers.formatGradeLabel)(grade.value, customGradeLabels),
+      disabled: grade.isLocked,
+      ...menuItemProps
+    }))
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.title,
+      children: [withMenuButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.burgerMenu,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
+          onPress: onMenuPress,
+          variant: _reactNativeUi.ButtonVariant.TERTIARY,
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuIcon.MenuIcon, {
+            size: 24
+          })
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+        variant: _reactNativeUi.HeadingVariants.H2,
+        style: styles.dark,
+        children: t('pmProgress.title')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Dropdown, {
+        isOpen: isDropdownOpen,
+        onDismiss: () => setIsDropdownOpen(false),
+        anchor: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeUi.Button, {
+          variant: _reactNativeUi.ButtonVariant.TERTIARY,
+          onPress: () => setIsDropdownOpen(prev => !prev),
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+            variant: _reactNativeUi.HeadingVariants.H8,
+            style: styles.dark,
+            children: grade !== null ? (0, _pmProgressHelpers.formatGradeLabel)(grade, customGradeLabels) : t('pmProgress.grade')
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: styles.caret,
+            children: isDropdownOpen ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.CaretUpIcon, {
+              color: _reactNativeUi.COLORS.NEUTRAL_9
+            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.CaretDownIcon, {
+              color: _reactNativeUi.COLORS.NEUTRAL_9
+            })
+          })]
+        }),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Menu, {
+          style: styles.menu,
+          items: grades,
+          onItemPress: item => {
+            model.tree.setGrade(item.key);
+            setIsDropdownOpen(false);
+          }
+        })
+      })]
+    }), !readOnly && /*#__PURE__*/(0, _jsxRuntime.jsx)(_NextUp.NextUp, {})]
+  });
+};
+exports.PmProgressHeader = PmProgressHeader;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    marginBottom: _reactNativeUi.SPACING[400],
+    zIndex: 1
+  },
+  burgerMenu: {
+    marginRight: _reactNativeUi.SPACING[200]
+  },
+  title: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: _reactNativeUi.SPACING[200]
+  },
+  dark: {
+    color: _reactNativeUi.COLORS.NEUTRAL_9
+  },
+  caret: {
+    marginLeft: _reactNativeUi.SPACING[100]
+  },
+  menu: {
+    top: _reactNativeUi.SPACING[100],
+    minWidth: 110,
+    overflow: 'scroll',
+    maxHeight: _studentsFeatures.MENU_MAX_HEIGHT,
+    ..._reactNative.Platform.select({
+      web: {
+        scrollbarWidth: 'none'
+      }
+    })
+  }
+});
+//# sourceMappingURL=PmProgressHeader.js.map

package/dist/commonjs/features/pmProgress/components/header/PmProgressHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeUi","_commonConstants","_index","_effectorReact","_PmProgressContext","_pmProgressHelpers","_MenuIcon","_NextUp","_studentsFeatures","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","menuItemProps","style","text","whiteSpace","PmProgressHeader","useText","model","customGradeLabels","readOnly","onMenuPress","usePmProgress","isDropdownOpen","setIsDropdownOpen","useState","dimensions","useWindowDimensions","withMenuButton","isWeb","width","BURGER_MENU_BREAKPOINT","grade","useUnit","tree","$grade","grades","useStoreMap","store","$grades","keys","fn","map","key","value","title","formatGradeLabel","disabled","isLocked","jsxs","View","styles","container","children","jsx","burgerMenu","Button","onPress","variant","ButtonVariant","TERTIARY","icon","MenuIcon","size","Typography","HeadingVariants","H2","dark","Dropdown","isOpen","onDismiss","anchor","prev","H8","caret","CaretUpIcon","color","COLORS","NEUTRAL_9","CaretDownIcon","Menu","menu","items","onItemPress","item","setGrade","NextUp","exports","StyleSheet","create","flexDirection","justifyContent","alignItems","marginBottom","SPACING","zIndex","marginRight","gap","marginLeft","top","minWidth","overflow","maxHeight","MENU_MAX_HEIGHT","Platform","select","web","scrollbarWidth"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/header/PmProgressHeader.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/pmProgress/components/header/StartButton.js

@@ -0,0 +1,126 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StartButton = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _index = require("../../../../shared/translation/index.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 PULSATION_COLOR = '#FFBE4E66';
+const PULSE_OVERFLOW_X = 16;
+const PULSE_OVERFLOW_Y = 18;
+const PULSE_OFFSET_TOP = -6;
+const PULSE_OFFSET_LEFT = -8;
+const PULSE_DURATION = 1000;
+const PULSE_DELAY = 1000;
+const MIN_SCALE_X = 0.7;
+const StartButton = ({
+  onPress,
+  disabled,
+  isLoading,
+  isActive,
+  withPulsation
+}) => {
+  const t = (0, _index.useText)();
+  const [sizes, setSizes] = (0, _react.useState)(null);
+  const [aspectRatio, setAspectRatio] = (0, _react.useState)(null);
+  const showPulsation = withPulsation && sizes && aspectRatio;
+  const scaleAnimValue = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const fadeAnimValue = (0, _react.useRef)(new _reactNative.Animated.Value(1)).current;
+  (0, _react.useEffect)(() => {
+    if (!sizes || !withPulsation) return;
+    const scaleAnimation = _reactNative.Animated.timing(scaleAnimValue, {
+      toValue: 1,
+      duration: PULSE_DURATION,
+      useNativeDriver: true
+    });
+    const fadeOutAnimation = _reactNative.Animated.timing(fadeAnimValue, {
+      toValue: 0,
+      duration: PULSE_DURATION,
+      useNativeDriver: true
+    });
+    const pulsation = _reactNative.Animated.loop(_reactNative.Animated.sequence([scaleAnimation, _reactNative.Animated.delay(PULSE_DELAY), fadeOutAnimation]));
+    pulsation.start();
+    return () => {
+      pulsation.stop();
+      scaleAnimValue.setValue(0);
+      fadeAnimValue.setValue(1);
+    };
+  }, [sizes, withPulsation]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    onLayout: event => {
+      setSizes({
+        width: event.nativeEvent.layout.width + PULSE_OVERFLOW_X,
+        height: event.nativeEvent.layout.height + PULSE_OVERFLOW_Y
+      });
+      setAspectRatio(event.nativeEvent.layout.width / event.nativeEvent.layout.height);
+    },
+    children: [showPulsation && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+      style: [styles.animatedBackground, {
+        width: sizes.width,
+        height: sizes.height,
+        top: PULSE_OFFSET_TOP,
+        left: PULSE_OFFSET_LEFT,
+        transform: [{
+          scaleX: scaleAnimValue.interpolate({
+            inputRange: [0, 1],
+            outputRange: [aspectRatio / 10 > MIN_SCALE_X ? MIN_SCALE_X : aspectRatio / 10, 1]
+          })
+        }, {
+          scaleY: scaleAnimValue.interpolate({
+            inputRange: [0, 1],
+            outputRange: [0, 1]
+          })
+        }],
+        opacity: fadeAnimValue
+      }]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
+      onPress: onPress,
+      disabled: disabled,
+      isLoading: isLoading,
+      isActive: isActive,
+      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.PlayIcon, {
+        size: 16,
+        color: _reactNativeUi.COLORS.NEUTRAL_1
+      }),
+      variant: _reactNativeUi.ButtonVariant.PRIMARY,
+      size: _reactNativeUi.ButtonSize.LARGE,
+      colorScheme: _reactNativeUi.ButtonColor.YELLOW,
+      raiseLevel: 6,
+      style: {
+        container: styles.startButton
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+        variant: _reactNativeUi.HeadingVariants.H6,
+        style: styles.startButtonText,
+        children: t('pmProgress.startButton')
+      })
+    })]
+  });
+};
+exports.StartButton = StartButton;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    marginRight: _reactNativeUi.SPACING[200]
+  },
+  startButton: {
+    minWidth: 145
+  },
+  startButtonText: {
+    fontWeight: '700',
+    textTransform: 'uppercase',
+    color: _reactNativeUi.COLORS.NEUTRAL_1
+  },
+  animatedBackground: {
+    backgroundColor: PULSATION_COLOR,
+    position: 'absolute',
+    borderRadius: 50
+  }
+});
+//# sourceMappingURL=StartButton.js.map

package/dist/commonjs/features/pmProgress/components/header/StartButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeUi","_index","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","PULSATION_COLOR","PULSE_OVERFLOW_X","PULSE_OVERFLOW_Y","PULSE_OFFSET_TOP","PULSE_OFFSET_LEFT","PULSE_DURATION","PULSE_DELAY","MIN_SCALE_X","StartButton","onPress","disabled","isLoading","isActive","withPulsation","useText","sizes","setSizes","useState","aspectRatio","setAspectRatio","showPulsation","scaleAnimValue","useRef","Animated","Value","current","fadeAnimValue","useEffect","scaleAnimation","timing","toValue","duration","useNativeDriver","fadeOutAnimation","pulsation","loop","sequence","delay","start","stop","setValue","jsxs","View","style","styles","container","onLayout","event","width","nativeEvent","layout","height","children","jsx","animatedBackground","top","left","transform","scaleX","interpolate","inputRange","outputRange","scaleY","opacity","Button","icon","PlayIcon","size","color","COLORS","NEUTRAL_1","variant","ButtonVariant","PRIMARY","ButtonSize","LARGE","colorScheme","ButtonColor","YELLOW","raiseLevel","startButton","Typography","HeadingVariants","H6","startButtonText","exports","StyleSheet","create","marginRight","SPACING","minWidth","fontWeight","textTransform","backgroundColor","position","borderRadius"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/header/StartButton.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/pmProgress/components/insights/PmInsights.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PmInsights = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _effectorReact = require("effector-react");
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _PracticeProgressPieChart = require("../chart/components/PracticeProgressPieChart.js");
+var _PmTimeframeStats = require("./PmTimeframeStats.js");
+var _PmProgressContext = require("../../context/PmProgressContext.js");
+var _pmProgressHelpers = require("../../shared/pmProgress.helpers.js");
+var _pmProgressConstants = require("../../shared/pmProgress.constants.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 PmInsights = () => {
+  const {
+    model
+  } = (0, _PmProgressContext.usePmProgress)();
+  const [chartSize, setChartSize] = (0, _react.useState)(_pmProgressConstants.MAX_PIE_CHART_SIZE);
+  const chartData = (0, _effectorReact.useStoreMap)(model.tree.$domains, domains => domains.map(domain => ({
+    value: 1,
+    fillPercent: Math.round(domain.scorePercentage),
+    fillColor: domain.color,
+    borderColor: domain.borderColor,
+    backgroundColor: domain.backgroundColor
+  })));
+  const chartConfig = (0, _react.useMemo)(() => {
+    const size = Math.max(0, chartSize - _reactNativeUi.SPACING[400]);
+    return (0, _pmProgressHelpers.createChartConfig)(size);
+  }, [chartSize]);
+  const measureLayout = event => {
+    const height = event.nativeEvent.layout.height;
+    const size = Math.min(height - _pmProgressConstants.STATS_MAX_HEIGHT - _reactNativeUi.SPACING[800], _pmProgressConstants.MAX_PIE_CHART_SIZE);
+    setChartSize(size);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    onLayout: measureLayout,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.chart, {
+        width: chartSize,
+        height: chartSize
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PracticeProgressPieChart.PracticeProgressPieChart, {
+        data: chartData.length > 0 ? chartData : _pmProgressConstants.EMPTY_PIE_CHART_DATA,
+        config: chartConfig
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PmTimeframeStats.PmTimeframeStats, {})]
+  });
+};
+exports.PmInsights = PmInsights;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    height: '100%'
+  },
+  chart: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    borderRadius: _reactNativeUi.BORDER_RADIUS[250],
+    padding: _reactNativeUi.SPACING[400],
+    marginBottom: _reactNativeUi.SPACING[400],
+    marginTop: _reactNativeUi.SPACING[400]
+  }
+});
+//# sourceMappingURL=PmInsights.js.map