@magmamath/students-features 0.9.113 → 0.9.114-rc.0

package/dist/module/features/pmProgress/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/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/chart/model/PieChartManager.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["SliceShapeGenerator","OuterArcPatternGenerator","SliceHighlight","PieChartManager","constructor","config","shape","pattern","highlight","getCenter","x","size","y"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/chart/model/PieChartManager.ts"],"mappings":";;AAAA,SAASA,mBAAmB,QAAQ,0BAAuB;AAC3D,SAASC,wBAAwB,QAAQ,0BAAuB;AAChE,SAASC,cAAc,QAAQ,qBAAkB;AAGjD,OAAO,MAAMC,eAAe,CAAC;EAK3BC,WAAWA,CAAiBC,MAA6B,EAAE;IAAA,KAA/BA,MAA6B,GAA7BA,MAA6B;IACvD,IAAI,CAACC,KAAK,GAAG,IAAIN,mBAAmB,CAACK,MAAM,CAAC;IAC5C,IAAI,CAACE,OAAO,GAAG,IAAIN,wBAAwB,CAACI,MAAM,CAAC;IACnD,IAAI,CAACG,SAAS,GAAG,IAAIN,cAAc,CAACG,MAAM,CAAC;EAC7C;EAEOI,SAASA,CAAA,EAAG;IACjB,OAAO;MAAEC,CAAC,EAAE,IAAI,CAACL,MAAM,CAACM,IAAI,GAAG,CAAC;MAAEC,CAAC,EAAE,IAAI,CAACP,MAAM,CAACM,IAAI,GAAG;IAAE,CAAC;EAC7D;AACF","ignoreList":[]}

package/dist/module/features/pmProgress/chart/model/SliceHighlight.js

@@ -0,0 +1,15 @@
+"use strict";
+
+import { createEvent, createStore } from 'effector';
+export class SliceHighlight {
+  highlightSlice = createEvent();
+  resetHighlight = createEvent();
+  $highlightedIndex = createStore(null).on(this.highlightSlice, (_, index) => index).reset(this.resetHighlight);
+  constructor(config) {
+    this.config = config;
+  }
+  getTranslateY(isHighlighted) {
+    return isHighlighted ? -this.config.pressOffset : 0;
+  }
+}
+//# sourceMappingURL=SliceHighlight.js.map

package/dist/module/features/pmProgress/chart/model/SliceHighlight.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createEvent","createStore","SliceHighlight","highlightSlice","resetHighlight","$highlightedIndex","on","_","index","reset","constructor","config","getTranslateY","isHighlighted","pressOffset"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/chart/model/SliceHighlight.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,WAAW,QAAQ,UAAU;AAGnD,OAAO,MAAMC,cAAc,CAAC;EACVC,cAAc,GAAGH,WAAW,CAAS,CAAC;EACtCI,cAAc,GAAGJ,WAAW,CAAC,CAAC;EAE9BK,iBAAiB,GAAGJ,WAAW,CAAgB,IAAI,CAAC,CACjEK,EAAE,CAAC,IAAI,CAACH,cAAc,EAAE,CAACI,CAAC,EAAEC,KAAK,KAAKA,KAAK,CAAC,CAC5CC,KAAK,CAAC,IAAI,CAACL,cAAc,CAAC;EAE7BM,WAAWA,CAAkBC,MAA6B,EAAE;IAAA,KAA/BA,MAA6B,GAA7BA,MAA6B;EAAG;EAEtDC,aAAaA,CAACC,aAAsB,EAAU;IACnD,OAAOA,aAAa,GAAG,CAAC,IAAI,CAACF,MAAM,CAACG,WAAW,GAAG,CAAC;EACrD;AACF","ignoreList":[]}

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

@@ -0,0 +1,62 @@
+"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) {
+    const cornerRadius = this.getCornerRadius(100);
+    return this.buildArc(slice, this.config.outerRadius, cornerRadius);
+  }
+  generateFillPath(slice) {
+    const innerRadius = this.innerRadius;
+    const outerRadius = this.config.outerRadius;
+    const fillRadius = innerRadius + (outerRadius - innerRadius) * (slice.fillPercent / 100);
+    const radialThickness = fillRadius - innerRadius;
+    const cornerRadius = Math.min(this.getCornerRadius(slice.fillPercent), radialThickness / 2);
+    return this.buildArc(slice, fillRadius, cornerRadius);
+  }
+  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/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","cornerRadius","getCornerRadius","buildArc","outerRadius","generateFillPath","fillRadius","radialThickness","Math","min","sliceCount","padAngle","gapBetweenSlices","padRadius"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/chart/model/SliceShapeGenerator.ts"],"mappings":";;AAAA,SAASA,GAAG,EAAEC,GAAG,QAAQ,UAAU;AAGnC,OAAO,MAAMC,mBAAmB,CAAC;EACvBC,WAAW,GAAG,CAAC;EACNC,KAAK,GAAGH,GAAG,CAAiB,CAAC,CAC3CI,KAAK,CAAC,CAAC;IAAEA;EAAM,CAAC,KAAKA,KAAK,CAAC,CAC3BC,IAAI,CAAC,IAAI,CAAC;EAEbC,WAAWA,CAAkBC,MAA6B,EAAE;IAAA,KAA/BA,MAA6B,GAA7BA,MAA6B;EAAG;EAEtDC,cAAcA,CAACC,IAAsB,EAAgB;IAC1D,IAAI,CAACP,WAAW,GAAG,IAAI,CAACQ,cAAc,CAACD,IAAI,CAACE,MAAM,CAAC;IAEnD,OAAO,IAAI,CAACR,KAAK,CAACM,IAAI,CAAC,CAACG,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,MAAM;MAC7CA,KAAK;MACLC,UAAU,EAAEF,KAAK,CAACE,UAAU;MAC5BC,QAAQ,EAAEH,KAAK,CAACG,QAAQ;MACxBC,WAAW,EAAEJ,KAAK,CAACJ,IAAI,CAACQ,WAAW,IAAI,CAAC;MACxCC,eAAe,EAAEL,KAAK,CAACJ,IAAI,CAACS,eAAe,IAAI,IAAI,CAACX,MAAM,CAACY,MAAM,CAACC,UAAU;MAC5EC,SAAS,EAAER,KAAK,CAACJ,IAAI,CAACY,SAAS;MAC/BC,WAAW,EAAET,KAAK,CAACJ,IAAI,CAACa,WAAW;MACnCb,IAAI,EAAEI,KAAK,CAACJ;IACd,CAAC,CAAC,CAAC;EACL;EAEOc,iBAAiBA,CAACC,KAAiB,EAAU;IAClD,MAAMC,YAAY,GAAG,IAAI,CAACC,eAAe,CAAC,GAAG,CAAC;IAC9C,OAAO,IAAI,CAACC,QAAQ,CAACH,KAAK,EAAE,IAAI,CAACjB,MAAM,CAACqB,WAAW,EAAEH,YAAY,CAAC;EACpE;EAEOI,gBAAgBA,CAACL,KAAiB,EAAU;IACjD,MAAMtB,WAAW,GAAG,IAAI,CAACA,WAAW;IACpC,MAAM0B,WAAW,GAAG,IAAI,CAACrB,MAAM,CAACqB,WAAW;IAC3C,MAAME,UAAU,GAAG5B,WAAW,GAAG,CAAC0B,WAAW,GAAG1B,WAAW,KAAKsB,KAAK,CAACP,WAAW,GAAG,GAAG,CAAC;IACxF,MAAMc,eAAe,GAAGD,UAAU,GAAG5B,WAAW;IAChD,MAAMuB,YAAY,GAAGO,IAAI,CAACC,GAAG,CAAC,IAAI,CAACP,eAAe,CAACF,KAAK,CAACP,WAAW,CAAC,EAAEc,eAAe,GAAG,CAAC,CAAC;IAE3F,OAAO,IAAI,CAACJ,QAAQ,CAACH,KAAK,EAAEM,UAAU,EAAEL,YAAY,CAAC;EACvD;EAEQf,cAAcA,CAACwB,UAAkB,EAAU;IACjD,MAAM;MAAEhC;IAAY,CAAC,GAAG,IAAI,CAACK,MAAM;IACnC,OAAO,OAAOL,WAAW,KAAK,UAAU,GAAGA,WAAW,CAACgC,UAAU,CAAC,GAAGhC,WAAW;EAClF;EAEQwB,eAAeA,CAACT,WAAmB,EAAU;IACnD,MAAM;MAAEQ;IAAa,CAAC,GAAG,IAAI,CAAClB,MAAM;IACpC,OAAO,OAAOkB,YAAY,KAAK,UAAU,GAAGA,YAAY,CAACR,WAAW,CAAC,GAAGQ,YAAY;EACtF;EAEA,IAAYU,QAAQA,CAAA,EAAW;IAC7B,OAAO,IAAI,CAAC5B,MAAM,CAAC6B,gBAAgB,GAAG,IAAI,CAAC7B,MAAM,CAACqB,WAAW;EAC/D;EAEQD,QAAQA,CAACH,KAAiB,EAAEI,WAAmB,EAAEH,YAAoB,EAAU;IACrF,MAAMvB,WAAW,GAAG,IAAI,CAACA,WAAW;IAEpC,OAAOH,GAAG,CAAC,CAAC,CACT6B,WAAW,CAACA,WAAW,CAAC,CACxB1B,WAAW,CAACA,WAAW,CAAC,CACxBuB,YAAY,CAACA,YAAY,CAAC,CAC1BU,QAAQ,CAAC,IAAI,CAACA,QAAQ,CAAC,CACvBE,SAAS,CAAC,IAAI,CAAC9B,MAAM,CAACqB,WAAW,CAAC,CAAC;MACpCb,UAAU,EAAES,KAAK,CAACT,UAAU;MAC5BC,QAAQ,EAAEQ,KAAK,CAACR,QAAQ;MACxBd,WAAW;MACX0B;IACF,CAAC,CAAC;EACJ;AACF","ignoreList":[]}

package/dist/module/features/pmProgress/header/PracticeProgressHeader.js

@@ -0,0 +1,174 @@
+"use strict";
+
+import React, { useState } from 'react';
+import { View, StyleSheet } from 'react-native';
+import { Dropdown, HeadingVariants, Menu, Typography, CaretDownIcon, CaretUpIcon, Button, ButtonVariant, SPACING, ButtonSize, PlayIcon, COLORS, ButtonColor } from '@magmamath/react-native-ui';
+import { SketchArrowRight } from "../../../shared/icons/SketchArrowRight.js";
+import { SliceDiamondIcon } from "../../../shared/icons/SliceDiamondIcon.js";
+
+// TODO: temp, remove and pass from props
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const items = [{
+  key: 'item-1',
+  title: 'Grade1'
+}, {
+  key: 'item-1',
+  title: 'Grade2'
+}, {
+  key: 'item-1',
+  title: 'Grade3'
+}];
+export const PracticeProgressHeader = ({
+  title,
+  grade,
+  nextUp,
+  topic,
+  buttonLabel,
+  topicColor
+}) => {
+  const [isDropdownOpen, setIsDropdownOpen] = useState(false);
+  const CaretIcon = isDropdownOpen ? CaretUpIcon : CaretDownIcon;
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.title,
+      children: [/*#__PURE__*/_jsx(Typography, {
+        variant: HeadingVariants.H2,
+        style: styles.dark,
+        children: title
+      }), /*#__PURE__*/_jsx(Dropdown, {
+        isOpen: isDropdownOpen,
+        anchor: /*#__PURE__*/_jsxs(Button, {
+          variant: ButtonVariant.TERTIARY,
+          onPress: () => setIsDropdownOpen(prev => !prev),
+          children: [/*#__PURE__*/_jsx(Typography, {
+            variant: HeadingVariants.H8,
+            style: styles.dark,
+            children: grade
+          }), /*#__PURE__*/_jsx(View, {
+            style: styles.caret,
+            children: /*#__PURE__*/_jsx(CaretIcon, {
+              color: COLORS.NEUTRAL_9
+            })
+          })]
+        }),
+        children: /*#__PURE__*/_jsx(Menu, {
+          style: styles.menu,
+          items: items
+        })
+      })]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.nextUp,
+      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: nextUp
+          })
+        }), /*#__PURE__*/_jsxs(View, {
+          style: [styles.row, styles.tilted],
+          children: [/*#__PURE__*/_jsx(Typography, {
+            variant: HeadingVariants.H7,
+            style: styles.muted,
+            children: topic
+          }), /*#__PURE__*/_jsx(View, {
+            style: styles.diamond,
+            children: /*#__PURE__*/_jsx(SliceDiamondIcon, {
+              color: topicColor
+            })
+          })]
+        })]
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.arrow,
+        children: /*#__PURE__*/_jsx(SketchArrowRight, {})
+      }), /*#__PURE__*/_jsx(Button, {
+        icon: /*#__PURE__*/_jsx(PlayIcon, {
+          size: 16,
+          color: COLORS.NEUTRAL_1
+        }),
+        variant: ButtonVariant.PRIMARY,
+        size: ButtonSize.LARGE,
+        colorScheme: ButtonColor.YELLOW,
+        raiseLevel: 6,
+        style: {
+          container: styles.startButton
+        },
+        children: /*#__PURE__*/_jsx(Typography, {
+          variant: HeadingVariants.H6,
+          style: styles.startButtonText,
+          children: buttonLabel
+        })
+      })]
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    marginBottom: SPACING[400]
+  },
+  title: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: SPACING[200]
+  },
+  dark: {
+    color: COLORS.NEUTRAL_9
+  },
+  caret: {
+    marginLeft: SPACING[100]
+  },
+  menu: {
+    top: SPACING[100],
+    minWidth: 110
+  },
+  nextUp: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: SPACING[400]
+  },
+  content: {
+    alignItems: 'center',
+    gap: SPACING[100]
+  },
+  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
+  },
+  arrow: {
+    transform: [{
+      rotate: '358deg'
+    }]
+  },
+  startButton: {
+    minWidth: 145
+  },
+  startButtonText: {
+    fontWeight: '700',
+    textTransform: 'uppercase',
+    color: COLORS.NEUTRAL_1
+  }
+});
+//# sourceMappingURL=PracticeProgressHeader.js.map

package/dist/module/features/pmProgress/header/PracticeProgressHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","View","StyleSheet","Dropdown","HeadingVariants","Menu","Typography","CaretDownIcon","CaretUpIcon","Button","ButtonVariant","SPACING","ButtonSize","PlayIcon","COLORS","ButtonColor","SketchArrowRight","SliceDiamondIcon","jsx","_jsx","jsxs","_jsxs","items","key","title","PracticeProgressHeader","grade","nextUp","topic","buttonLabel","topicColor","isDropdownOpen","setIsDropdownOpen","CaretIcon","style","styles","container","children","variant","H2","dark","isOpen","anchor","TERTIARY","onPress","prev","H8","caret","color","NEUTRAL_9","menu","content","subtitle","row","tilted","H7","muted","diamond","arrow","icon","size","NEUTRAL_1","PRIMARY","LARGE","colorScheme","YELLOW","raiseLevel","startButton","H6","startButtonText","create","flexDirection","justifyContent","alignItems","marginBottom","gap","marginLeft","top","minWidth","transform","rotate","marginRight","NEUTRAL_8","bottom","fontWeight","textTransform"],"sourceRoot":"../../../../../src","sources":["features/pmProgress/header/PracticeProgressHeader.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/pmProgress/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { PracticeProgress } from "./PracticeProgress.js";
+//# sourceMappingURL=index.js.map

package/dist/module/features/pmProgress/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PracticeProgress"],"sourceRoot":"../../../../src","sources":["features/pmProgress/index.ts"],"mappings":";;AAAA,SAASA,gBAAgB,QAAQ,uBAAoB","ignoreList":[]}

package/dist/module/features/pmProgress/list/ListCard.js

@@ -0,0 +1,121 @@
+"use strict";
+
+import React, { useState } from 'react';
+import { Pressable, View, StyleSheet } from 'react-native';
+import { BORDER_RADIUS, CaretDownIcon, CaretUpIcon, COLORS, HeadingVariants, SPACING, Typography } from '@magmamath/react-native-ui';
+import { ListItem } from "./ListItem.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const HEADER_HEIGHT = 60;
+const RADIUS = BORDER_RADIUS[200];
+const PROGRESS_BAR_WIDTH = 50;
+const PROGRESS_BAR_HEIGHT = 10;
+export const ListCard = ({
+  title,
+  icon,
+  color,
+  items,
+  progress = 0,
+  rightContent,
+  isFirst,
+  isLast
+}) => {
+  const [expanded, setExpanded] = useState(false);
+  const Caret = expanded ? CaretUpIcon : CaretDownIcon;
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, isFirst && styles.first, isLast && styles.last],
+    children: [/*#__PURE__*/_jsxs(Pressable, {
+      style: styles.header,
+      onPress: () => setExpanded(prev => !prev),
+      children: [icon, /*#__PURE__*/_jsx(View, {
+        style: styles.caret,
+        children: /*#__PURE__*/_jsx(Caret, {
+          color: COLORS.NEUTRAL_9
+        })
+      }), /*#__PURE__*/_jsx(Typography, {
+        variant: HeadingVariants.H6,
+        style: styles.title,
+        children: title
+      }), rightContent ?? /*#__PURE__*/_jsxs(View, {
+        style: styles.progress,
+        children: [/*#__PURE__*/_jsxs(Typography, {
+          variant: HeadingVariants.H7,
+          style: [styles.percentage, {
+            color
+          }],
+          children: [Math.round(progress), "%"]
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.track,
+          children: /*#__PURE__*/_jsx(View, {
+            style: [styles.fill, {
+              width: `${progress}%`,
+              backgroundColor: color
+            }]
+          })
+        })]
+      })]
+    }), expanded && /*#__PURE__*/_jsx(View, {
+      style: styles.items,
+      children: items.map((item, index) => /*#__PURE__*/_jsx(ListItem, {
+        ...item
+      }, index))
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    justifyContent: 'center',
+    backgroundColor: COLORS.NEUTRAL_2,
+    borderWidth: 1,
+    borderColor: COLORS.NEUTRAL_4,
+    borderTopWidth: 0,
+    overflow: 'hidden'
+  },
+  first: {
+    borderTopWidth: 1,
+    borderTopLeftRadius: RADIUS,
+    borderTopRightRadius: RADIUS
+  },
+  last: {
+    borderBottomLeftRadius: RADIUS,
+    borderBottomRightRadius: RADIUS
+  },
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    height: HEADER_HEIGHT,
+    padding: SPACING[400],
+    backgroundColor: COLORS.NEUTRAL_2
+  },
+  caret: {
+    marginLeft: SPACING[400]
+  },
+  title: {
+    marginLeft: SPACING[200],
+    flex: 1
+  },
+  progress: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: SPACING[200]
+  },
+  percentage: {
+    textAlign: 'right'
+  },
+  track: {
+    width: PROGRESS_BAR_WIDTH,
+    height: PROGRESS_BAR_HEIGHT,
+    backgroundColor: COLORS.NEUTRAL_4,
+    borderRadius: BORDER_RADIUS[200],
+    overflow: 'hidden'
+  },
+  fill: {
+    height: '100%',
+    borderRadius: BORDER_RADIUS[200]
+  },
+  items: {
+    gap: SPACING[200],
+    padding: SPACING[200],
+    backgroundColor: COLORS.NEUTRAL_1
+  }
+});
+//# sourceMappingURL=ListCard.js.map

package/dist/module/features/pmProgress/list/ListCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","Pressable","View","StyleSheet","BORDER_RADIUS","CaretDownIcon","CaretUpIcon","COLORS","HeadingVariants","SPACING","Typography","ListItem","jsx","_jsx","jsxs","_jsxs","HEADER_HEIGHT","RADIUS","PROGRESS_BAR_WIDTH","PROGRESS_BAR_HEIGHT","ListCard","title","icon","color","items","progress","rightContent","isFirst","isLast","expanded","setExpanded","Caret","style","styles","container","first","last","children","header","onPress","prev","caret","NEUTRAL_9","variant","H6","H7","percentage","Math","round","track","fill","width","backgroundColor","map","item","index","create","justifyContent","NEUTRAL_2","borderWidth","borderColor","NEUTRAL_4","borderTopWidth","overflow","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","flexDirection","alignItems","height","padding","marginLeft","flex","gap","textAlign","borderRadius","NEUTRAL_1"],"sourceRoot":"../../../../../src","sources":["features/pmProgress/list/ListCard.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/pmProgress/list/ListItem.js

@@ -0,0 +1,122 @@
+"use strict";
+
+import React from 'react';
+import { View, Text, StyleSheet } from 'react-native';
+import { ArrowRightIcon, CheckIcon } from '@magmamath/react-native-ui';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const TEXT_COLOR = '#4D4D63';
+const SUBTITLE_COLOR = '#80808F';
+const FINISHED_BG = '#EFFBF5';
+const FINISHED_TITLE = '#00804A';
+const FINISHED_SUBTITLE = '#29A96F';
+const FINISHED_ICON = '#5CD497';
+const SHADOW_COLOR = '#333333';
+const ICON_SIZE = 25;
+const FONT_FAMILY = 'Buenos Aires';
+export const ListItem = ({
+  title,
+  subtitle,
+  skillsLeft,
+  isFinished = false
+}) => {
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.card, isFinished && styles.finished],
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.content,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: [styles.title, isFinished && styles.titleFinished],
+        numberOfLines: 1,
+        children: title
+      }), /*#__PURE__*/_jsx(Text, {
+        style: [styles.subtitle, isFinished && styles.subtitleFinished],
+        numberOfLines: 1,
+        children: subtitle
+      })]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.trailing,
+      children: [!isFinished && /*#__PURE__*/_jsxs(Text, {
+        style: styles.skills,
+        children: [skillsLeft, " skills left"]
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.icon,
+        children: isFinished ? /*#__PURE__*/_jsx(CheckIcon, {
+          color: FINISHED_ICON
+        }) : /*#__PURE__*/_jsx(ArrowRightIcon, {
+          color: TEXT_COLOR
+        })
+      })]
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  card: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingVertical: 8,
+    paddingLeft: 32,
+    paddingRight: 16,
+    backgroundColor: 'white',
+    borderRadius: 12,
+    gap: 8,
+    shadowColor: SHADOW_COLOR,
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 3,
+    elevation: 3
+  },
+  finished: {
+    backgroundColor: FINISHED_BG,
+    shadowOffset: {
+      width: 0,
+      height: 0
+    },
+    shadowOpacity: 0.4,
+    shadowRadius: 0.5,
+    elevation: 1
+  },
+  content: {
+    flex: 1
+  },
+  title: {
+    color: TEXT_COLOR,
+    fontSize: 13,
+    fontFamily: FONT_FAMILY,
+    fontWeight: '400',
+    lineHeight: 18.2
+  },
+  titleFinished: {
+    color: FINISHED_TITLE
+  },
+  subtitle: {
+    color: SUBTITLE_COLOR,
+    fontSize: 10,
+    fontFamily: FONT_FAMILY,
+    fontWeight: '400',
+    lineHeight: 14
+  },
+  subtitleFinished: {
+    color: FINISHED_SUBTITLE
+  },
+  trailing: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 8
+  },
+  skills: {
+    color: TEXT_COLOR,
+    fontSize: 13,
+    fontFamily: FONT_FAMILY,
+    fontWeight: '400',
+    lineHeight: 18.2
+  },
+  icon: {
+    width: ICON_SIZE,
+    height: ICON_SIZE,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+//# sourceMappingURL=ListItem.js.map

package/dist/module/features/pmProgress/list/ListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","StyleSheet","ArrowRightIcon","CheckIcon","jsx","_jsx","jsxs","_jsxs","TEXT_COLOR","SUBTITLE_COLOR","FINISHED_BG","FINISHED_TITLE","FINISHED_SUBTITLE","FINISHED_ICON","SHADOW_COLOR","ICON_SIZE","FONT_FAMILY","ListItem","title","subtitle","skillsLeft","isFinished","style","styles","card","finished","children","content","titleFinished","numberOfLines","subtitleFinished","trailing","skills","icon","color","create","flexDirection","alignItems","paddingVertical","paddingLeft","paddingRight","backgroundColor","borderRadius","gap","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","flex","fontSize","fontFamily","fontWeight","lineHeight","justifyContent"],"sourceRoot":"../../../../../src","sources":["features/pmProgress/list/ListItem.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/pmProgress/recs/TeacherRecs.js

@@ -0,0 +1,11 @@
+"use strict";
+
+import React from 'react';
+import { Text, View } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const TeacherRecs = () => {
+  return /*#__PURE__*/_jsx(View, {
+    children: /*#__PURE__*/_jsx(Text, {})
+  });
+};
+//# sourceMappingURL=TeacherRecs.js.map

package/dist/module/features/pmProgress/recs/TeacherRecs.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","View","jsx","_jsx","TeacherRecs","children"],"sourceRoot":"../../../../../src","sources":["features/pmProgress/recs/TeacherRecs.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAEzC,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC/B,oBACED,IAAA,CAACF,IAAI;IAAAI,QAAA,eACHF,IAAA,CAACH,IAAI,IAAO;EAAC,CACT,CAAC;AAEX,CAAC","ignoreList":[]}

package/dist/module/features/pmProgress/stats/PracticeProgressStats.js

@@ -0,0 +1,56 @@
+"use strict";
+
+import React, { useState } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { COLORS, SelectGroup, SelectOptionColor, SPACING } from '@magmamath/react-native-ui';
+import { StatsCard } from "./StatsCard.js";
+import { StarIcon } from "../../../shared/icons/StarIcon.js";
+import { TimerIcon } from "../../../shared/icons/TimerIcon.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const OPTIONS = [{
+  key: '1',
+  title: 'This week'
+}, {
+  key: '2',
+  title: 'Last week'
+}, {
+  key: '3',
+  title: 'All time'
+}];
+const DEFAULT_SELECTED = [OPTIONS[0]];
+export const PracticeProgressStats = () => {
+  const [selected, setSelected] = useState(DEFAULT_SELECTED);
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.cards,
+      children: [/*#__PURE__*/_jsx(StatsCard, {
+        value: "46",
+        label: "Practice stars",
+        color: COLORS.PRIMARY_YELLOW,
+        icon: /*#__PURE__*/_jsx(StarIcon, {})
+      }), /*#__PURE__*/_jsx(StatsCard, {
+        value: "24m",
+        label: "Practice time",
+        color: COLORS.PRIMARY_PURPLE,
+        icon: /*#__PURE__*/_jsx(TimerIcon, {})
+      })]
+    }), /*#__PURE__*/_jsx(SelectGroup, {
+      color: SelectOptionColor.GREY,
+      options: OPTIONS,
+      selectedOptions: selected,
+      onOptionChange: option => setSelected([option])
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    gap: SPACING[100]
+  },
+  cards: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    gap: SPACING[300]
+  }
+});
+//# sourceMappingURL=PracticeProgressStats.js.map