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

package/dist/commonjs/features/pmProgress/PracticeProgress.js

@@ -0,0 +1,264 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PracticeProgress = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _PracticeProgressPieChart = require("./chart/components/PracticeProgressPieChart.js");
+var _temp = require("./temp.js");
+var _PracticeProgressHeader = require("./header/PracticeProgressHeader.js");
+var _PracticeProgressStats = require("./stats/PracticeProgressStats.js");
+var _ListCard = require("./list/ListCard.js");
+var _SliceDiamondIcon = require("../../shared/icons/SliceDiamondIcon.js");
+var _PentagonIcon = require("../../shared/icons/PentagonIcon.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const SAMPLE_ITEMS = [{
+  title: 'Solve real-world problems',
+  subtitle: '4.NS.3B',
+  skillsLeft: 3
+}, {
+  title: 'Divide fractions',
+  subtitle: '4.NS.3A',
+  skillsLeft: 0,
+  isFinished: true
+}, {
+  title: 'Add and subtract fractions',
+  subtitle: '4.NS.2A',
+  skillsLeft: 5
+}, {
+  title: 'Multiply whole numbers',
+  subtitle: '4.NS.1C',
+  skillsLeft: 0,
+  isFinished: true
+}];
+const LIST_DATA = [...Array.from({
+  length: 11
+}, (_, i) => ({
+  id: `algebra-${i}`,
+  title: 'Algebra and Functions',
+  color: _reactNativeUi.COLORS.PRIMARY_INDIGO,
+  icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SliceDiamondIcon.SliceDiamondIcon, {
+    color: _reactNativeUi.COLORS.PRIMARY_INDIGO
+  }),
+  items: SAMPLE_ITEMS,
+  progress: Math.round(10 + i * 8)
+})), {
+  id: 'data-analysis',
+  title: 'Data Analysis and Probability',
+  color: _reactNativeUi.COLORS.PRIMARY_BLUE,
+  icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SliceDiamondIcon.SliceDiamondIcon, {
+    color: _reactNativeUi.COLORS.PRIMARY_BLUE
+  }),
+  items: SAMPLE_ITEMS,
+  progress: 63
+}, {
+  id: 'ratios',
+  title: 'Ratios and Proportionality',
+  color: _reactNativeUi.COLORS.PRIMARY_RED,
+  icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SliceDiamondIcon.SliceDiamondIcon, {
+    color: _reactNativeUi.COLORS.PRIMARY_RED
+  }),
+  items: SAMPLE_ITEMS,
+  progress: 27
+}];
+const FLUENCY_DATA = {
+  id: 'fluency',
+  title: 'Fluency',
+  color: _reactNativeUi.COLORS.PRIMARY_ORANGE,
+  icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SliceDiamondIcon.SliceDiamondIcon, {
+    color: _reactNativeUi.COLORS.PRIMARY_ORANGE
+  }),
+  items: SAMPLE_ITEMS,
+  progress: 85
+};
+const SCROLLBAR_WIDTH = 8;
+const BADGE_SIZE = 20;
+const BADGE_OFFSET = -8;
+const BADGE_FONT_SIZE = 12;
+const CHART_SIZE = 432;
+const STATS_MAX_HEIGHT = 136;
+const ListFooter = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.separator
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListCard.ListCard, {
+    icon: FLUENCY_DATA.icon,
+    title: FLUENCY_DATA.title,
+    color: FLUENCY_DATA.color,
+    items: FLUENCY_DATA.items,
+    progress: FLUENCY_DATA.progress,
+    isFirst: true,
+    isLast: true
+  })]
+});
+const PracticeProgress = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+  style: styles.container,
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_PracticeProgressHeader.PracticeProgressHeader, {
+    title: "Practice & Progress",
+    buttonLabel: "START",
+    grade: "Grade 4",
+    nextUp: "Next up!",
+    topic: "Algebra and functions",
+    topicColor: _reactNativeUi.COLORS.PRIMARY_RED
+  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.content,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.column,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.recommendations,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.badgeWrapper,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListCard.ListCard, {
+            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PentagonIcon.PentagonIcon, {
+              color: _reactNativeUi.COLORS.PRIMARY_YELLOW
+            }),
+            title: "Teacher Recommendations",
+            color: _reactNativeUi.COLORS.PRIMARY_YELLOW,
+            items: SAMPLE_ITEMS,
+            progress: 42,
+            isFirst: true,
+            isLast: true,
+            rightContent: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
+              size: _reactNativeUi.ButtonSize.SMALL,
+              variant: _reactNativeUi.ButtonVariant.SECONDARY,
+              children: "PRACTICE"
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: styles.badge,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: styles.badgeText,
+              children: "7"
+            })
+          })]
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.cards,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.ScrollableList, {
+          style: styles.scroll,
+          scrollbarWidth: SCROLLBAR_WIDTH,
+          hideShadow: true,
+          data: LIST_DATA,
+          renderItem: ({
+            item,
+            index
+          }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListCard.ListCard, {
+            icon: item.icon,
+            title: item.title,
+            color: item.color,
+            items: item.items,
+            progress: item.progress,
+            isFirst: index === 0,
+            isLast: index === LIST_DATA.length - 1
+          }),
+          keyExtractor: item => item.id,
+          contentContainerStyle: styles.list,
+          ListFooterComponent: ListFooter
+        })
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.metrics,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.chart,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PracticeProgressPieChart.PracticeProgressPieChart, {
+          data: _temp.SAMPLE_DATA,
+          config: _temp.DEFAULT_CONFIG
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.stats,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PracticeProgressStats.PracticeProgressStats, {})
+      })]
+    })]
+  })]
+});
+exports.PracticeProgress = PracticeProgress;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  content: {
+    flex: 1,
+    flexDirection: 'row'
+  },
+  column: {
+    flex: 1,
+    gap: _reactNativeUi.SPACING[200],
+    marginRight: _reactNativeUi.SPACING[400] + _reactNativeUi.SPACING[50]
+  },
+  recommendations: {
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    padding: _reactNativeUi.SPACING[200],
+    borderRadius: _reactNativeUi.BORDER_RADIUS[400],
+    overflow: 'visible'
+  },
+  badgeWrapper: {
+    position: 'relative'
+  },
+  badge: {
+    position: 'absolute',
+    top: BADGE_OFFSET,
+    right: BADGE_OFFSET,
+    width: BADGE_SIZE,
+    height: BADGE_SIZE,
+    backgroundColor: _reactNativeUi.COLORS.PRIMARY_RED,
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: BADGE_SIZE / 2
+  },
+  badgeText: {
+    fontSize: BADGE_FONT_SIZE,
+    fontWeight: '600',
+    color: _reactNativeUi.COLORS.NEUTRAL_1,
+    textAlign: 'center'
+  },
+  cards: {
+    flex: 1,
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    padding: _reactNativeUi.SPACING[200],
+    borderRadius: _reactNativeUi.BORDER_RADIUS[400],
+    overflow: 'visible'
+  },
+  scroll: {
+    flex: 1
+  },
+  list: {
+    marginRight: _reactNativeUi.SPACING[400]
+  },
+  separator: {
+    height: 1,
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_4,
+    marginHorizontal: _reactNativeUi.SPACING[100],
+    marginVertical: _reactNativeUi.SPACING[200]
+  },
+  metrics: {
+    height: '100%'
+  },
+  chart: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    borderRadius: _reactNativeUi.BORDER_RADIUS[250],
+    width: CHART_SIZE,
+    height: CHART_SIZE,
+    marginBottom: _reactNativeUi.SPACING[400],
+    marginTop: _reactNativeUi.SPACING[400]
+  },
+  stats: {
+    maxHeight: STATS_MAX_HEIGHT,
+    height: '100%',
+    padding: _reactNativeUi.SPACING[200],
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    borderRadius: _reactNativeUi.BORDER_RADIUS[300],
+    shadowColor: _reactNativeUi.COLORS.NEUTRAL_9,
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    shadowOpacity: 0.1,
+    shadowRadius: 3,
+    elevation: 2
+  }
+});
+//# sourceMappingURL=PracticeProgress.js.map

package/dist/commonjs/features/pmProgress/PracticeProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_PracticeProgressPieChart","_temp","_PracticeProgressHeader","_PracticeProgressStats","_ListCard","_SliceDiamondIcon","_PentagonIcon","_jsxRuntime","e","__esModule","default","SAMPLE_ITEMS","title","subtitle","skillsLeft","isFinished","LIST_DATA","Array","from","length","_","i","id","color","COLORS","PRIMARY_INDIGO","icon","jsx","SliceDiamondIcon","items","progress","Math","round","PRIMARY_BLUE","PRIMARY_RED","FLUENCY_DATA","PRIMARY_ORANGE","SCROLLBAR_WIDTH","BADGE_SIZE","BADGE_OFFSET","BADGE_FONT_SIZE","CHART_SIZE","STATS_MAX_HEIGHT","ListFooter","jsxs","Fragment","children","View","style","styles","separator","ListCard","isFirst","isLast","PracticeProgress","container","PracticeProgressHeader","buttonLabel","grade","nextUp","topic","topicColor","content","column","recommendations","badgeWrapper","PentagonIcon","PRIMARY_YELLOW","rightContent","Button","size","ButtonSize","SMALL","variant","ButtonVariant","SECONDARY","badge","Text","badgeText","cards","ScrollableList","scroll","scrollbarWidth","hideShadow","data","renderItem","item","index","keyExtractor","contentContainerStyle","list","ListFooterComponent","metrics","chart","PracticeProgressPieChart","SAMPLE_DATA","config","DEFAULT_CONFIG","stats","PracticeProgressStats","exports","StyleSheet","create","flex","flexDirection","gap","SPACING","marginRight","backgroundColor","NEUTRAL_1","padding","borderRadius","BORDER_RADIUS","overflow","position","top","right","width","height","alignItems","justifyContent","fontSize","fontWeight","textAlign","NEUTRAL_4","marginHorizontal","marginVertical","marginBottom","marginTop","maxHeight","shadowColor","NEUTRAL_9","shadowOffset","shadowOpacity","shadowRadius","elevation"],"sourceRoot":"../../../../src","sources":["features/pmProgress/PracticeProgress.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/pmProgress/chart/chart.helpers.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getSliceClipId = exports.getFillClipId = exports.dynamicInnerRadius = exports.dynamicCornerRadius = void 0;
+const getSliceClipId = index => `slice-clip-${index}`;
+exports.getSliceClipId = getSliceClipId;
+const getFillClipId = index => `fill-clip-${index}`;
+exports.getFillClipId = getFillClipId;
+const dynamicInnerRadius = sliceCount => {
+  if (sliceCount > 5) return 16;
+  if (sliceCount > 3) return 20;
+  return 30;
+};
+exports.dynamicInnerRadius = dynamicInnerRadius;
+const dynamicCornerRadius = fillPercent => {
+  return 8;
+  if (fillPercent >= 75) return 8;
+  if (fillPercent >= 40) return 5;
+  return 2;
+};
+exports.dynamicCornerRadius = dynamicCornerRadius;
+//# sourceMappingURL=chart.helpers.js.map

package/dist/commonjs/features/pmProgress/chart/chart.helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getSliceClipId","index","exports","getFillClipId","dynamicInnerRadius","sliceCount","dynamicCornerRadius","fillPercent"],"sourceRoot":"../../../../../src","sources":["features/pmProgress/chart/chart.helpers.ts"],"mappings":";;;;;;AAAO,MAAMA,cAAc,GAAIC,KAAsB,IAAK,cAAcA,KAAK,EAAE;AAAAC,OAAA,CAAAF,cAAA,GAAAA,cAAA;AACxE,MAAMG,aAAa,GAAIF,KAAsB,IAAK,aAAaA,KAAK,EAAE;AAAAC,OAAA,CAAAC,aAAA,GAAAA,aAAA;AAEtE,MAAMC,kBAAkB,GAAIC,UAAkB,IAAa;EAChE,IAAIA,UAAU,GAAG,CAAC,EAAE,OAAO,EAAE;EAC7B,IAAIA,UAAU,GAAG,CAAC,EAAE,OAAO,EAAE;EAC7B,OAAO,EAAE;AACX,CAAC;AAAAH,OAAA,CAAAE,kBAAA,GAAAA,kBAAA;AAEM,MAAME,mBAAmB,GAAIC,WAAmB,IAAa;EAClE,OAAO,CAAC;EACR,IAAIA,WAAW,IAAI,EAAE,EAAE,OAAO,CAAC;EAC/B,IAAIA,WAAW,IAAI,EAAE,EAAE,OAAO,CAAC;EAC/B,OAAO,CAAC;AACV,CAAC;AAAAL,OAAA,CAAAI,mBAAA,GAAAA,mBAAA","ignoreList":[]}

package/dist/commonjs/features/pmProgress/chart/chart.types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=chart.types.js.map

package/dist/commonjs/features/pmProgress/chart/chart.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["features/pmProgress/chart/chart.types.ts"],"mappings":"","ignoreList":[]}

package/dist/commonjs/features/pmProgress/chart/components/PracticeProgressPieChart.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PracticeProgressPieChart = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
+var _PieChartManager = require("../model/PieChartManager.js");
+var _SlicesClipPaths = require("./SlicesClipPaths.js");
+var _SlicesPaths = require("./SlicesPaths.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 PracticeProgressPieChart = exports.PracticeProgressPieChart = /*#__PURE__*/(0, _react.memo)(({
+  data,
+  config
+}) => {
+  const [pieChartManager] = (0, _react.useState)(() => new _PieChartManager.PieChartManager(config));
+  const center = pieChartManager.getCenter();
+  const slices = (0, _react.useMemo)(() => {
+    return pieChartManager.shape.generateSlices(data);
+  }, [data]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.default, {
+      width: config.size,
+      height: config.size,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.G, {
+        x: center.x,
+        y: center.y,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SlicesClipPaths.SlicesClipPaths, {
+          slices: slices,
+          pieChartManager: pieChartManager
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SlicesPaths.SlicesPaths, {
+          slices: slices,
+          pieChartManager: pieChartManager,
+          config: config
+        })]
+      })
+    })
+  });
+});
+//# sourceMappingURL=PracticeProgressPieChart.js.map

package/dist/commonjs/features/pmProgress/chart/components/PracticeProgressPieChart.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeSvg","_PieChartManager","_SlicesClipPaths","_SlicesPaths","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","PracticeProgressPieChart","exports","memo","data","config","pieChartManager","useState","PieChartManager","center","getCenter","slices","useMemo","shape","generateSlices","jsx","View","children","width","size","height","jsxs","G","x","y","SlicesClipPaths","SlicesPaths"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/chart/components/PracticeProgressPieChart.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/pmProgress/chart/components/SlicesClipPaths.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SlicesClipPaths = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNativeSvg = require("react-native-svg");
+var _chartHelpers = require("../chart.helpers.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const SlicesClipPaths = ({
+  slices,
+  pieChartManager
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Defs, {
+    children: slices.map(slice => {
+      const isPartiallyFilled = slice.fillPercent > 0 && slice.fillPercent < 100;
+      const shapeId = (0, _chartHelpers.getSliceClipId)(slice.index);
+      const fillId = (0, _chartHelpers.getFillClipId)(slice.index);
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.ClipPath, {
+          id: shapeId,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+            d: pieChartManager.shape.generateSlicePath(slice)
+          })
+        }), isPartiallyFilled && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.ClipPath, {
+          id: fillId,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+            d: pieChartManager.shape.generateFillPath(slice)
+          })
+        })]
+      }, slice.index);
+    })
+  });
+};
+exports.SlicesClipPaths = SlicesClipPaths;
+//# sourceMappingURL=SlicesClipPaths.js.map

package/dist/commonjs/features/pmProgress/chart/components/SlicesClipPaths.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeSvg","_chartHelpers","_jsxRuntime","e","__esModule","default","SlicesClipPaths","slices","pieChartManager","jsx","Defs","children","map","slice","isPartiallyFilled","fillPercent","shapeId","getSliceClipId","index","fillId","getFillClipId","jsxs","Fragment","ClipPath","id","Path","d","shape","generateSlicePath","generateFillPath","exports"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/chart/components/SlicesClipPaths.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAAgE,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AASzD,MAAMG,eAAe,GAAGA,CAAC;EAAEC,MAAM;EAAEC;AAAsC,CAAC,KAAK;EACpF,oBACE,IAAAN,WAAA,CAAAO,GAAA,EAACT,eAAA,CAAAU,IAAI;IAAAC,QAAA,EACFJ,MAAM,CAACK,GAAG,CAAEC,KAAK,IAAK;MACrB,MAAMC,iBAAiB,GAAGD,KAAK,CAACE,WAAW,GAAG,CAAC,IAAIF,KAAK,CAACE,WAAW,GAAG,GAAG;MAC1E,MAAMC,OAAO,GAAG,IAAAC,4BAAc,EAACJ,KAAK,CAACK,KAAK,CAAC;MAC3C,MAAMC,MAAM,GAAG,IAAAC,2BAAa,EAACP,KAAK,CAACK,KAAK,CAAC;MAEzC,oBACE,IAAAhB,WAAA,CAAAmB,IAAA,EAACxB,MAAA,CAAAQ,OAAK,CAACiB,QAAQ;QAAAX,QAAA,gBACb,IAAAT,WAAA,CAAAO,GAAA,EAACT,eAAA,CAAAuB,QAAQ;UAACC,EAAE,EAAER,OAAQ;UAAAL,QAAA,eACpB,IAAAT,WAAA,CAAAO,GAAA,EAACT,eAAA,CAAAyB,IAAI;YAACC,CAAC,EAAElB,eAAe,CAACmB,KAAK,CAACC,iBAAiB,CAACf,KAAK;UAAE,CAAE;QAAC,CACnD,CAAC,EAEVC,iBAAiB,iBAChB,IAAAZ,WAAA,CAAAO,GAAA,EAACT,eAAA,CAAAuB,QAAQ;UAACC,EAAE,EAAEL,MAAO;UAAAR,QAAA,eACnB,IAAAT,WAAA,CAAAO,GAAA,EAACT,eAAA,CAAAyB,IAAI;YAACC,CAAC,EAAElB,eAAe,CAACmB,KAAK,CAACE,gBAAgB,CAAChB,KAAK;UAAE,CAAE;QAAC,CAClD,CACX;MAAA,GATkBA,KAAK,CAACK,KAUX,CAAC;IAErB,CAAC;EAAC,CACE,CAAC;AAEX,CAAC;AAAAY,OAAA,CAAAxB,eAAA,GAAAA,eAAA","ignoreList":[]}

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

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SlicesPaths = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeSvg = require("react-native-svg");
+var _effectorReact = require("effector-react");
+var _SliceBackgroundColor = require("./layers/SliceBackgroundColor.js");
+var _SliceFillColor = require("./layers/SliceFillColor.js");
+var _SliceArcPattern = require("./layers/SliceArcPattern.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const SlicesPaths = ({
+  slices,
+  pieChartManager,
+  config
+}) => {
+  const highlightedIndex = (0, _effectorReact.useUnit)(pieChartManager.highlight.$highlightedIndex);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: slices.map(slice => {
+      const id = `${slice.index}`;
+      const shapeSvg = pieChartManager.shape.generateSlicePath(slice);
+      const fillSvg = pieChartManager.shape.generateFillPath(slice);
+      const isHighlighted = highlightedIndex === slice.index;
+      const translateY = pieChartManager.highlight.getTranslateY(isHighlighted);
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.G, {
+        style: styles.container,
+        translateY: translateY,
+        onPressIn: () => pieChartManager.highlight.highlightSlice(slice.index),
+        onPressOut: () => pieChartManager.highlight.resetHighlight(),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SliceBackgroundColor.SliceBackgroundColor, {
+          path: shapeSvg,
+          color: slice.backgroundColor
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SliceFillColor.SliceFillColor, {
+          clipPathId: id,
+          shapeSvg: shapeSvg,
+          fillSvg: fillSvg,
+          color: slice.fillColor,
+          percent: slice.fillPercent,
+          borderColor: isHighlighted ? slice.borderColor : undefined,
+          borderWidth: isHighlighted ? config.borderWidth : undefined
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SliceArcPattern.SliceArcPattern, {
+          clipPathId: id,
+          slice: slice,
+          config: config,
+          pieChartManager: pieChartManager
+        })]
+      }, id);
+    })
+  });
+};
+exports.SlicesPaths = SlicesPaths;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    cursor: 'pointer',
+    ...(_reactNative.Platform.OS === 'web' ? {
+      transition: 'transform 0.1s ease-in-out'
+    } : {})
+  }
+});
+//# sourceMappingURL=SlicesPaths.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSvg","_effectorReact","_SliceBackgroundColor","_SliceFillColor","_SliceArcPattern","_jsxRuntime","e","__esModule","default","SlicesPaths","slices","pieChartManager","config","highlightedIndex","useUnit","highlight","$highlightedIndex","jsx","Fragment","children","map","slice","id","index","shapeSvg","shape","generateSlicePath","fillSvg","generateFillPath","isHighlighted","translateY","getTranslateY","jsxs","G","style","styles","container","onPressIn","highlightSlice","onPressOut","resetHighlight","SliceBackgroundColor","path","color","backgroundColor","SliceFillColor","clipPathId","fillColor","percent","fillPercent","borderColor","undefined","borderWidth","SliceArcPattern","exports","StyleSheet","create","cursor","Platform","OS","transition"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/chart/components/SlicesPaths.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SliceArcPattern = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNativeSvg = require("react-native-svg");
+var _chartHelpers = require("../../chart.helpers.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const SliceArcPattern = ({
+  clipPathId,
+  slice,
+  pieChartManager,
+  config
+}) => {
+  const patternSizes = pieChartManager.pattern.getPatternTrackSizes();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.G, {
+    clipPath: `url(#${(0, _chartHelpers.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__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+        d: arcPath,
+        fill: "none",
+        stroke: config.outerArc.color,
+        strokeWidth: config.outerArc.strokeWidth,
+        strokeDasharray: [dashWidth, dashWidth],
+        strokeDashoffset: dashOffset,
+        strokeLinecap: "butt"
+      }, rowIndex);
+    })
+  });
+};
+exports.SliceArcPattern = SliceArcPattern;
+//# sourceMappingURL=SliceArcPattern.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeSvg","_chartHelpers","_jsxRuntime","e","__esModule","default","SliceArcPattern","clipPathId","slice","pieChartManager","config","patternSizes","pattern","getPatternTrackSizes","jsx","G","clipPath","getSliceClipId","children","map","radius","rowIndex","arcPath","generateArcPath","dashWidth","getDashWidthForRadius","dashOffset","getDashOffset","Path","d","fill","stroke","outerArc","color","strokeWidth","strokeDasharray","strokeDashoffset","strokeLinecap","exports"],"sourceRoot":"../../../../../../../src","sources":["features/pmProgress/chart/components/layers/SliceArcPattern.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAAoD,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAW7C,MAAMG,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,oBACE,IAAAX,WAAA,CAAAY,GAAA,EAACd,eAAA,CAAAe,CAAC;IAACC,QAAQ,EAAE,QAAQ,IAAAC,4BAAc,EAACV,UAAU,CAAC,GAAI;IAAAW,QAAA,EAChDP,YAAY,CAACQ,GAAG,CAAC,CAACC,MAAM,EAAEC,QAAQ,KAAK;MACtC,MAAMC,OAAO,GAAGb,eAAe,CAACG,OAAO,CAACW,eAAe,CAACf,KAAK,EAAEY,MAAM,CAAC;MACtE,MAAMI,SAAS,GAAGf,eAAe,CAACG,OAAO,CAACa,qBAAqB,CAACL,MAAM,CAAC;MACvE,MAAMM,UAAU,GAAGjB,eAAe,CAACG,OAAO,CAACe,aAAa,CAACN,QAAQ,EAAED,MAAM,CAAC;MAE1E,oBACE,IAAAlB,WAAA,CAAAY,GAAA,EAACd,eAAA,CAAA4B,IAAI;QAEHC,CAAC,EAAEP,OAAQ;QACXQ,IAAI,EAAC,MAAM;QACXC,MAAM,EAAErB,MAAM,CAACsB,QAAQ,CAACC,KAAM;QAC9BC,WAAW,EAAExB,MAAM,CAACsB,QAAQ,CAACE,WAAY;QACzCC,eAAe,EAAE,CAACX,SAAS,EAAEA,SAAS,CAAE;QACxCY,gBAAgB,EAAEV,UAAW;QAC7BW,aAAa,EAAC;MAAM,GAPfhB,QAQN,CAAC;IAEN,CAAC;EAAC,CACD,CAAC;AAER,CAAC;AAAAiB,OAAA,CAAAhC,eAAA,GAAAA,eAAA","ignoreList":[]}

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

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SliceBackgroundColor = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNativeSvg = require("react-native-svg");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const SliceBackgroundColor = ({
+  path,
+  color
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+    d: path,
+    fill: color
+  });
+};
+exports.SliceBackgroundColor = SliceBackgroundColor;
+//# sourceMappingURL=SliceBackgroundColor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeSvg","_jsxRuntime","e","__esModule","default","SliceBackgroundColor","path","color","jsx","Path","d","fill","exports"],"sourceRoot":"../../../../../../../src","sources":["features/pmProgress/chart/components/layers/SliceBackgroundColor.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAAuC,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAOhC,MAAMG,oBAAoB,GAAGA,CAAC;EAAEC,IAAI;EAAEC;AAA4B,CAAC,KAAK;EAC7E,oBAAO,IAAAN,WAAA,CAAAO,GAAA,EAACR,eAAA,CAAAS,IAAI;IAACC,CAAC,EAAEJ,IAAK;IAACK,IAAI,EAAEJ;EAAM,CAAE,CAAC;AACvC,CAAC;AAAAK,OAAA,CAAAP,oBAAA,GAAAA,oBAAA","ignoreList":[]}

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

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SliceFillColor = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNativeSvg = require("react-native-svg");
+var _chartHelpers = require("../../chart.helpers.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const SliceFillColor = ({
+  clipPathId,
+  shapeSvg,
+  fillSvg,
+  color,
+  percent,
+  borderColor,
+  borderWidth
+}) => {
+  const isFullyFilled = percent >= 100;
+  const isPartiallyFilled = percent > 0;
+  const hasBorder = borderColor != null && borderWidth != null && borderWidth > 0;
+  if (isFullyFilled) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.G, {
+      clipPath: `url(#${(0, _chartHelpers.getSliceClipId)(clipPathId)})`,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+        d: shapeSvg,
+        fill: color,
+        stroke: hasBorder ? borderColor : undefined,
+        strokeWidth: hasBorder ? borderWidth * 2 : undefined
+      })
+    });
+  }
+  if (isPartiallyFilled) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.G, {
+      clipPath: `url(#${(0, _chartHelpers.getFillClipId)(clipPathId)})`,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+        d: fillSvg,
+        fill: color,
+        stroke: hasBorder ? borderColor : undefined,
+        strokeWidth: hasBorder ? borderWidth * 2 : undefined
+      })
+    });
+  }
+  return null;
+};
+exports.SliceFillColor = SliceFillColor;
+//# sourceMappingURL=SliceFillColor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeSvg","_chartHelpers","_jsxRuntime","e","__esModule","default","SliceFillColor","clipPathId","shapeSvg","fillSvg","color","percent","borderColor","borderWidth","isFullyFilled","isPartiallyFilled","hasBorder","jsx","G","clipPath","getSliceClipId","children","Path","d","fill","stroke","undefined","strokeWidth","getFillClipId","exports"],"sourceRoot":"../../../../../../../src","sources":["features/pmProgress/chart/components/layers/SliceFillColor.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAAmE,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAY5D,MAAMG,cAAc,GAAGA,CAAC;EAC7BC,UAAU;EACVC,QAAQ;EACRC,OAAO;EACPC,KAAK;EACLC,OAAO;EACPC,WAAW;EACXC;AACmB,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,IAAIC,aAAa,EAAE;IACjB,oBACE,IAAAZ,WAAA,CAAAe,GAAA,EAACjB,eAAA,CAAAkB,CAAC;MAACC,QAAQ,EAAE,QAAQ,IAAAC,4BAAc,EAACb,UAAU,CAAC,GAAI;MAAAc,QAAA,eACjD,IAAAnB,WAAA,CAAAe,GAAA,EAACjB,eAAA,CAAAsB,IAAI;QACHC,CAAC,EAAEf,QAAS;QACZgB,IAAI,EAAEd,KAAM;QACZe,MAAM,EAAET,SAAS,GAAGJ,WAAW,GAAGc,SAAU;QAC5CC,WAAW,EAAEX,SAAS,GAAGH,WAAW,GAAG,CAAC,GAAGa;MAAU,CACtD;IAAC,CACD,CAAC;EAER;EAEA,IAAIX,iBAAiB,EAAE;IACrB,oBACE,IAAAb,WAAA,CAAAe,GAAA,EAACjB,eAAA,CAAAkB,CAAC;MAACC,QAAQ,EAAE,QAAQ,IAAAS,2BAAa,EAACrB,UAAU,CAAC,GAAI;MAAAc,QAAA,eAChD,IAAAnB,WAAA,CAAAe,GAAA,EAACjB,eAAA,CAAAsB,IAAI;QACHC,CAAC,EAAEd,OAAQ;QACXe,IAAI,EAAEd,KAAM;QACZe,MAAM,EAAET,SAAS,GAAGJ,WAAW,GAAGc,SAAU;QAC5CC,WAAW,EAAEX,SAAS,GAAGH,WAAW,GAAG,CAAC,GAAGa;MAAU,CACtD;IAAC,CACD,CAAC;EAER;EAEA,OAAO,IAAI;AACb,CAAC;AAAAG,OAAA,CAAAvB,cAAA,GAAAA,cAAA","ignoreList":[]}