@magmamath/students-features 1.2.1-rc.2 → 1.2.1-rc.21

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

@@ -0,0 +1,192 @@
+"use strict";
+
+import React, { useState } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { Button, ButtonColor, ButtonSize, ButtonVariant, CaretDownIcon, CaretUpIcon, COLORS, Dropdown, HeadingVariants, Menu, PlayIcon, SPACING, Typography } from '@magmamath/react-native-ui';
+import { SketchArrowRight } from "../../../../shared/icons/SketchArrowRight.js";
+import { SliceDiamondIcon } from "../../../../shared/icons/SliceDiamondIcon.js";
+import { useText } from "../../../../shared/translation/index.js";
+import { useStoreMap, useUnit } from 'effector-react';
+import { usePmProgress } from "../../context/PmProgressContext.js";
+import { formatGradeName, isFluencyDomain } from "../../shared/pmProgress.helpers.js";
+import { SolvingFlow } from "../../shared/pmProgress.constants.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const PmProgressHeader = () => {
+  const t = useText();
+  const {
+    model,
+    onStartPress
+  } = usePmProgress();
+  const [isDropdownOpen, setIsDropdownOpen] = useState(false);
+  const grade = useUnit(model.tree.$grade);
+  const grades = useStoreMap(model.tree.$grades, grades => grades.map(grade => ({
+    key: grade.value,
+    title: grade.name,
+    disabled: grade.isLocked
+  })));
+  const nextUp = useStoreMap(model.tree.$domains, domains => domains.find(domain => {
+    const isFluency = isFluencyDomain(domain.title);
+    const isCompleted = domain.skillsCount.achieved === domain.skillsCount.total;
+    return !isFluency && !isCompleted;
+  }));
+  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: t('pmProgress.title')
+      }), /*#__PURE__*/_jsx(Dropdown, {
+        isOpen: isDropdownOpen,
+        onDismiss: () => setIsDropdownOpen(false),
+        anchor: /*#__PURE__*/_jsxs(Button, {
+          variant: ButtonVariant.TERTIARY,
+          onPress: () => setIsDropdownOpen(prev => !prev),
+          children: [/*#__PURE__*/_jsx(Typography, {
+            variant: HeadingVariants.H8,
+            style: styles.dark,
+            children: grade !== null ? formatGradeName(grade) : t('pmProgress.grade')
+          }), /*#__PURE__*/_jsx(View, {
+            style: styles.caret,
+            children: isDropdownOpen ? /*#__PURE__*/_jsx(CaretUpIcon, {
+              color: COLORS.NEUTRAL_9
+            }) : /*#__PURE__*/_jsx(CaretDownIcon, {
+              color: COLORS.NEUTRAL_9
+            })
+          })]
+        }),
+        children: /*#__PURE__*/_jsx(Menu, {
+          style: styles.menu,
+          items: grades,
+          onItemPress: item => {
+            model.tree.setGrade(item.key);
+            setIsDropdownOpen(false);
+          }
+        })
+      })]
+    }), /*#__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: t('pmProgress.nextUp')
+          })
+        }), /*#__PURE__*/_jsxs(View, {
+          style: [styles.row, styles.tilted],
+          children: [/*#__PURE__*/_jsx(Typography, {
+            variant: HeadingVariants.H7,
+            style: styles.muted,
+            children: nextUp?.title
+          }), /*#__PURE__*/_jsx(View, {
+            style: styles.diamond,
+            children: /*#__PURE__*/_jsx(SliceDiamondIcon, {
+              color: nextUp?.color
+            })
+          })]
+        })]
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.arrow,
+        children: /*#__PURE__*/_jsx(SketchArrowRight, {})
+      }), /*#__PURE__*/_jsx(Button, {
+        onPress: async () => {
+          const skill = await model.solving.start({
+            type: SolvingFlow.MAGMA
+          });
+          onStartPress?.(skill);
+        },
+        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: t('pmProgress.startButton')
+        })
+      })]
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    marginBottom: SPACING[400],
+    zIndex: 1
+  },
+  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,
+    transform: [{
+      rotate: '5deg'
+    }]
+  },
+  arrow: {
+    transform: [{
+      rotate: '358deg'
+    }]
+  },
+  startButton: {
+    minWidth: 145
+  },
+  startButtonText: {
+    fontWeight: '700',
+    textTransform: 'uppercase',
+    color: COLORS.NEUTRAL_1
+  }
+});
+//# sourceMappingURL=PmProgressHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","StyleSheet","View","Button","ButtonColor","ButtonSize","ButtonVariant","CaretDownIcon","CaretUpIcon","COLORS","Dropdown","HeadingVariants","Menu","PlayIcon","SPACING","Typography","SketchArrowRight","SliceDiamondIcon","useText","useStoreMap","useUnit","usePmProgress","formatGradeName","isFluencyDomain","SolvingFlow","jsx","_jsx","jsxs","_jsxs","PmProgressHeader","t","model","onStartPress","isDropdownOpen","setIsDropdownOpen","grade","tree","$grade","grades","$grades","map","key","value","title","name","disabled","isLocked","nextUp","$domains","domains","find","domain","isFluency","isCompleted","skillsCount","achieved","total","style","styles","container","children","variant","H2","dark","isOpen","onDismiss","anchor","TERTIARY","onPress","prev","H8","caret","color","NEUTRAL_9","menu","items","onItemPress","item","setGrade","content","subtitle","row","tilted","H7","muted","diamond","arrow","skill","solving","start","type","MAGMA","icon","size","NEUTRAL_1","PRIMARY","LARGE","colorScheme","YELLOW","raiseLevel","startButton","H6","startButtonText","create","flexDirection","justifyContent","alignItems","marginBottom","zIndex","gap","marginLeft","top","minWidth","transform","rotate","marginRight","NEUTRAL_8","bottom","fontWeight","textTransform"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/header/PmProgressHeader.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,63 @@
+"use strict";
+
+import React, { useMemo, useState } from 'react';
+import { useStoreMap } from 'effector-react';
+import { StyleSheet, View } from 'react-native';
+import { BORDER_RADIUS, COLORS, SPACING } from '@magmamath/react-native-ui';
+import { PracticeProgressPieChart } from "../chart/components/PracticeProgressPieChart.js";
+import { PmTimeframeStats } from "./PmTimeframeStats.js";
+import { usePmProgress } from "../../context/PmProgressContext.js";
+import { createChartConfig } from "../../shared/pmProgress.helpers.js";
+import { EMPTY_PIE_CHART_DATA, MAX_PIE_CHART_SIZE, STATS_MAX_HEIGHT } from "../../shared/pmProgress.constants.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const PmInsights = () => {
+  const {
+    model
+  } = usePmProgress();
+  const [chartSize, setChartSize] = useState(MAX_PIE_CHART_SIZE);
+  const chartData = 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 = useMemo(() => {
+    const size = Math.max(0, chartSize - SPACING[400]);
+    return createChartConfig(size);
+  }, [chartSize]);
+  const measureLayout = event => {
+    const height = event.nativeEvent.layout.height;
+    const size = Math.min(height - STATS_MAX_HEIGHT - SPACING[800], MAX_PIE_CHART_SIZE);
+    setChartSize(size);
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    onLayout: measureLayout,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [styles.chart, {
+        width: chartSize,
+        height: chartSize
+      }],
+      children: /*#__PURE__*/_jsx(PracticeProgressPieChart, {
+        data: chartData.length > 0 ? chartData : EMPTY_PIE_CHART_DATA,
+        config: chartConfig
+      })
+    }), /*#__PURE__*/_jsx(PmTimeframeStats, {})]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    height: '100%'
+  },
+  chart: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: COLORS.NEUTRAL_1,
+    borderRadius: BORDER_RADIUS[250],
+    padding: SPACING[400],
+    marginBottom: SPACING[400],
+    marginTop: SPACING[400]
+  }
+});
+//# sourceMappingURL=PmInsights.js.map

package/dist/module/features/pmProgress/components/insights/PmInsights.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","useState","useStoreMap","StyleSheet","View","BORDER_RADIUS","COLORS","SPACING","PracticeProgressPieChart","PmTimeframeStats","usePmProgress","createChartConfig","EMPTY_PIE_CHART_DATA","MAX_PIE_CHART_SIZE","STATS_MAX_HEIGHT","jsx","_jsx","jsxs","_jsxs","PmInsights","model","chartSize","setChartSize","chartData","tree","$domains","domains","map","domain","value","fillPercent","Math","round","scorePercentage","fillColor","color","borderColor","backgroundColor","chartConfig","size","max","measureLayout","event","height","nativeEvent","layout","min","style","styles","container","onLayout","children","chart","width","data","length","config","create","alignItems","justifyContent","NEUTRAL_1","borderRadius","padding","marginBottom","marginTop"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/insights/PmInsights.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/pmProgress/components/insights/PmTimeframeStats.js

@@ -0,0 +1,89 @@
+"use strict";
+
+import React 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 { BORDER_RADIUS } from '@magmamath/react-native-ui';
+import { useText } from "../../../../shared/translation/index.js";
+import { useUnit } from 'effector-react';
+import { formatTime } from "../../shared/pmProgress.helpers.js";
+import { InsightsTimeframe, STATS_MAX_HEIGHT } from "../../shared/pmProgress.constants.js";
+import { usePmProgress } from "../../context/PmProgressContext.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const PmTimeframeStats = () => {
+  const t = useText();
+  const {
+    model
+  } = usePmProgress();
+  const timeframe = useUnit(model.insights.$timeframe);
+  const insights = useUnit(model.insights.$insights);
+  const OPTIONS = [{
+    key: InsightsTimeframe.WEEK,
+    title: t('pmProgress.thisWeek')
+  }, {
+    key: InsightsTimeframe.LAST_WEEK,
+    title: t('pmProgress.lastWeek')
+  }, {
+    key: InsightsTimeframe.ALL,
+    title: t('pmProgress.allTime')
+  }];
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.container,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: styles.content,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.cards,
+        children: [/*#__PURE__*/_jsx(StatsCard, {
+          value: insights?.numberOfStars ?? 0,
+          label: t('pmProgress.stars'),
+          color: COLORS.PRIMARY_YELLOW,
+          icon: /*#__PURE__*/_jsx(StarIcon, {})
+        }), /*#__PURE__*/_jsx(StatsCard, {
+          value: formatTime(insights?.timeInPracticeMs ?? 0),
+          label: t('pmProgress.time'),
+          color: COLORS.PRIMARY_PURPLE,
+          icon: /*#__PURE__*/_jsx(TimerIcon, {})
+        })]
+      }), /*#__PURE__*/_jsx(SelectGroup, {
+        color: SelectOptionColor.GREY,
+        options: OPTIONS,
+        selectedOptions: OPTIONS.filter(({
+          key
+        }) => key === timeframe),
+        onOptionChange: ({
+          key
+        }) => model.insights.setTimeframe(key)
+      })]
+    })
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    maxHeight: STATS_MAX_HEIGHT,
+    height: '100%',
+    padding: SPACING[200],
+    backgroundColor: COLORS.NEUTRAL_1,
+    borderRadius: BORDER_RADIUS[300],
+    shadowColor: COLORS.NEUTRAL_9,
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    shadowOpacity: 0.1,
+    shadowRadius: 3,
+    elevation: 2
+  },
+  content: {
+    gap: SPACING[100],
+    marginBottom: 4
+  },
+  cards: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    gap: SPACING[300]
+  }
+});
+//# sourceMappingURL=PmTimeframeStats.js.map

package/dist/module/features/pmProgress/components/insights/PmTimeframeStats.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","COLORS","SelectGroup","SelectOptionColor","SPACING","StatsCard","StarIcon","TimerIcon","BORDER_RADIUS","useText","useUnit","formatTime","InsightsTimeframe","STATS_MAX_HEIGHT","usePmProgress","jsx","_jsx","jsxs","_jsxs","PmTimeframeStats","t","model","timeframe","insights","$timeframe","$insights","OPTIONS","key","WEEK","title","LAST_WEEK","ALL","style","styles","container","children","content","cards","value","numberOfStars","label","color","PRIMARY_YELLOW","icon","timeInPracticeMs","PRIMARY_PURPLE","GREY","options","selectedOptions","filter","onOptionChange","setTimeframe","create","maxHeight","height","padding","backgroundColor","NEUTRAL_1","borderRadius","shadowColor","NEUTRAL_9","shadowOffset","width","shadowOpacity","shadowRadius","elevation","gap","marginBottom","flexDirection","justifyContent"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/insights/PmTimeframeStats.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/pmProgress/components/insights/StatsCard.js

@@ -0,0 +1,65 @@
+"use strict";
+
+import React from 'react';
+import { View, StyleSheet, Text } from 'react-native';
+import { COLORS, FONT_FAMILY } from '@magmamath/react-native-ui';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const StatsCard = ({
+  value,
+  label,
+  color,
+  icon
+}) => {
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.card, {
+      borderColor: color
+    }],
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [styles.iconContainer, {
+        backgroundColor: color
+      }],
+      children: icon
+    }), /*#__PURE__*/_jsxs(View, {
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: [styles.value, {
+          color
+        }],
+        children: value
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.label,
+        children: label
+      })]
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  card: {
+    flex: 1,
+    height: 65,
+    alignItems: 'center',
+    flexDirection: 'row',
+    borderRadius: 12,
+    borderWidth: 4,
+    padding: 8,
+    gap: 8
+  },
+  iconContainer: {
+    width: 42,
+    height: 42,
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: 100
+  },
+  value: {
+    fontSize: 32,
+    fontWeight: '700',
+    fontFamily: FONT_FAMILY.buenosAires
+  },
+  label: {
+    color: COLORS.NEUTRAL_8,
+    fontSize: 12,
+    fontFamily: FONT_FAMILY.buenosAires,
+    top: -6
+  }
+});
+//# sourceMappingURL=StatsCard.js.map

package/dist/module/features/pmProgress/components/insights/StatsCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","Text","COLORS","FONT_FAMILY","jsx","_jsx","jsxs","_jsxs","StatsCard","value","label","color","icon","style","styles","card","borderColor","children","iconContainer","backgroundColor","create","flex","height","alignItems","flexDirection","borderRadius","borderWidth","padding","gap","width","justifyContent","fontSize","fontWeight","fontFamily","buenosAires","NEUTRAL_8","top"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/insights/StatsCard.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAqB,OAAO;AACxC,SAASC,IAAI,EAAEC,UAAU,EAAEC,IAAI,QAAkB,cAAc;AAC/D,SAASC,MAAM,EAAEC,WAAW,QAAQ,4BAA4B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAShE,OAAO,MAAMC,SAAS,GAAGA,CAAC;EAAEC,KAAK;EAAEC,KAAK;EAAEC,KAAK;EAAEC;AAAqB,CAAC,KAAK;EAC1E,oBACEL,KAAA,CAACR,IAAI;IAACc,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAE;MAAEC,WAAW,EAAEL;IAAM,CAAC,CAAE;IAAAM,QAAA,gBACjDZ,IAAA,CAACN,IAAI;MAACc,KAAK,EAAE,CAACC,MAAM,CAACI,aAAa,EAAE;QAAEC,eAAe,EAAER;MAAM,CAAC,CAAE;MAAAM,QAAA,EAAEL;IAAI,CAAO,CAAC,eAC9EL,KAAA,CAACR,IAAI;MAAAkB,QAAA,gBACHZ,IAAA,CAACJ,IAAI;QAACY,KAAK,EAAE,CAACC,MAAM,CAACL,KAAK,EAAE;UAAEE;QAAM,CAAC,CAAE;QAAAM,QAAA,EAAER;MAAK,CAAO,CAAC,eACtDJ,IAAA,CAACJ,IAAI;QAACY,KAAK,EAAEC,MAAM,CAACJ,KAAM;QAAAO,QAAA,EAAEP;MAAK,CAAO,CAAC;IAAA,CACrC,CAAC;EAAA,CACH,CAAC;AAEX,CAAC;AAED,MAAMI,MAAM,GAAGd,UAAU,CAACoB,MAAM,CAAC;EAC/BL,IAAI,EAAE;IACJM,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE,KAAK;IACpBC,YAAY,EAAE,EAAE;IAChBC,WAAW,EAAE,CAAC;IACdC,OAAO,EAAE,CAAC;IACVC,GAAG,EAAE;EACP,CAAC;EACDV,aAAa,EAAE;IACbW,KAAK,EAAE,EAAE;IACTP,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBO,cAAc,EAAE,QAAQ;IACxBL,YAAY,EAAE;EAChB,CAAC;EACDhB,KAAK,EAAE;IACLsB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAE9B,WAAW,CAAC+B;EAC1B,CAAC;EACDxB,KAAK,EAAE;IACLC,KAAK,EAAET,MAAM,CAACiC,SAAS;IACvBJ,QAAQ,EAAE,EAAE;IACZE,UAAU,EAAE9B,WAAW,CAAC+B,WAAW;IACnCE,GAAG,EAAE,CAAC;EACR;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/pmProgress/components/list/Fluency.js

@@ -0,0 +1,63 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { ListCard } from "./ListCard.js";
+import { COLORS, SPACING } from '@magmamath/react-native-ui';
+import { SliceDiamondIcon } from "../../../../shared/icons/SliceDiamondIcon.js";
+import { useText } from "../../../../shared/translation/index.js";
+import { useUnit } from 'effector-react';
+import { CustomDomain, SolvingFlow } from "../../shared/pmProgress.constants.js";
+import { usePmProgress } from "../../context/PmProgressContext.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const Fluency = ({
+  data
+}) => {
+  const t = useText();
+  const {
+    model,
+    onStandardPress
+  } = usePmProgress();
+  const expandedId = useUnit(model.highlight.$expandedId);
+  if (!data) return null;
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: styles.separator
+    }), /*#__PURE__*/_jsx(ListCard, {
+      title: t('pmProgress.fluency'),
+      items: data.standards.map(standard => ({
+        ...standard,
+        id: standard.standardId
+      })),
+      progress: data.scorePercentage,
+      color: COLORS.PRIMARY_ORANGE,
+      onPress: () => model.highlight.expand(CustomDomain.FLUENCY),
+      onItemPress: async item => {
+        const skill = await model.solving.start({
+          type: SolvingFlow.STANDARD,
+          standardId: item.standardId
+        });
+        onStandardPress?.(skill);
+      },
+      isFirst: true,
+      isLast: true,
+      isExpanded: expandedId === CustomDomain.FLUENCY,
+      icon: /*#__PURE__*/_jsx(SliceDiamondIcon, {
+        color: COLORS.PRIMARY_ORANGE
+      })
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    marginBottom: SPACING[800]
+  },
+  separator: {
+    height: 1,
+    marginHorizontal: SPACING[100],
+    marginVertical: SPACING[200],
+    backgroundColor: COLORS.NEUTRAL_4
+  }
+});
+//# sourceMappingURL=Fluency.js.map

package/dist/module/features/pmProgress/components/list/Fluency.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","ListCard","COLORS","SPACING","SliceDiamondIcon","useText","useUnit","CustomDomain","SolvingFlow","usePmProgress","jsx","_jsx","jsxs","_jsxs","Fluency","data","t","model","onStandardPress","expandedId","highlight","$expandedId","style","styles","container","children","separator","title","items","standards","map","standard","id","standardId","progress","scorePercentage","color","PRIMARY_ORANGE","onPress","expand","FLUENCY","onItemPress","item","skill","solving","start","type","STANDARD","isFirst","isLast","isExpanded","icon","create","marginBottom","height","marginHorizontal","marginVertical","backgroundColor","NEUTRAL_4"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/list/Fluency.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,QAAQ,QAAQ,eAAY;AACrC,SAASC,MAAM,EAAEC,OAAO,QAAQ,4BAA4B;AAC5D,SAASC,gBAAgB,QAAQ,8CAA2C;AAC5E,SAASC,OAAO,QAAQ,yCAAgC;AACxD,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SAASC,YAAY,EAAEC,WAAW,QAAQ,sCAAmC;AAE7E,SAASC,aAAa,QAAQ,oCAAiC;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAM/D,OAAO,MAAMC,OAAO,GAAGA,CAAC;EAAEC;AAAmB,CAAC,KAAK;EACjD,MAAMC,CAAC,GAAGX,OAAO,CAAC,CAAC;EACnB,MAAM;IAAEY,KAAK;IAAEC;EAAgB,CAAC,GAAGT,aAAa,CAAC,CAAC;EAClD,MAAMU,UAAU,GAAGb,OAAO,CAACW,KAAK,CAACG,SAAS,CAACC,WAAW,CAAC;EAEvD,IAAI,CAACN,IAAI,EAAE,OAAO,IAAI;EAEtB,oBACEF,KAAA,CAACb,IAAI;IAACsB,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5Bd,IAAA,CAACX,IAAI;MAACsB,KAAK,EAAEC,MAAM,CAACG;IAAU,CAAE,CAAC,eACjCf,IAAA,CAACV,QAAQ;MACP0B,KAAK,EAAEX,CAAC,CAAC,oBAAoB,CAAE;MAC/BY,KAAK,EAAEb,IAAI,CAACc,SAAS,CAACC,GAAG,CAAEC,QAAQ,KAAM;QAAE,GAAGA,QAAQ;QAAEC,EAAE,EAAED,QAAQ,CAACE;MAAW,CAAC,CAAC,CAAE;MACpFC,QAAQ,EAAEnB,IAAI,CAACoB,eAAgB;MAC/BC,KAAK,EAAElC,MAAM,CAACmC,cAAe;MAC7BC,OAAO,EAAEA,CAAA,KAAMrB,KAAK,CAACG,SAAS,CAACmB,MAAM,CAAChC,YAAY,CAACiC,OAAO,CAAE;MAC5DC,WAAW,EAAE,MAAOC,IAAI,IAAK;QAC3B,MAAMC,KAAK,GAAG,MAAM1B,KAAK,CAAC2B,OAAO,CAACC,KAAK,CAAC;UACtCC,IAAI,EAAEtC,WAAW,CAACuC,QAAQ;UAC1Bd,UAAU,EAAES,IAAI,CAACT;QACnB,CAAC,CAAC;QACFf,eAAe,GAAGyB,KAAK,CAAC;MAC1B,CAAE;MACFK,OAAO;MACPC,MAAM;MACNC,UAAU,EAAE/B,UAAU,KAAKZ,YAAY,CAACiC,OAAQ;MAChDW,IAAI,eAAExC,IAAA,CAACP,gBAAgB;QAACgC,KAAK,EAAElC,MAAM,CAACmC;MAAe,CAAE;IAAE,CAC1D,CAAC;EAAA,CACE,CAAC;AAEX,CAAC;AAED,MAAMd,MAAM,GAAGxB,UAAU,CAACqD,MAAM,CAAC;EAC/B5B,SAAS,EAAE;IACT6B,YAAY,EAAElD,OAAO,CAAC,GAAG;EAC3B,CAAC;EACDuB,SAAS,EAAE;IACT4B,MAAM,EAAE,CAAC;IACTC,gBAAgB,EAAEpD,OAAO,CAAC,GAAG,CAAC;IAC9BqD,cAAc,EAAErD,OAAO,CAAC,GAAG,CAAC;IAC5BsD,eAAe,EAAEvD,MAAM,CAACwD;EAC1B;AACF,CAAC,CAAC","ignoreList":[]}