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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_effectorReact","_reactNative","_reactNativeUi","_PracticeProgressPieChart","_PmTimeframeStats","_PmProgressContext","_pmProgressHelpers","_pmProgressConstants","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","PmInsights","model","usePmProgress","chartSize","setChartSize","useState","MAX_PIE_CHART_SIZE","chartData","useStoreMap","tree","$domains","domains","map","domain","value","fillPercent","Math","round","scorePercentage","fillColor","color","borderColor","backgroundColor","chartConfig","useMemo","size","max","SPACING","createChartConfig","measureLayout","event","height","nativeEvent","layout","min","STATS_MAX_HEIGHT","jsxs","View","style","styles","container","onLayout","children","jsx","chart","width","PracticeProgressPieChart","data","length","EMPTY_PIE_CHART_DATA","config","PmTimeframeStats","exports","StyleSheet","create","alignItems","justifyContent","COLORS","NEUTRAL_1","borderRadius","BORDER_RADIUS","padding","marginBottom","marginTop"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/insights/PmInsights.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PmTimeframeStats = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _StatsCard = require("./StatsCard.js");
+var _StarIcon = require("../../../../shared/icons/StarIcon.js");
+var _TimerIcon = require("../../../../shared/icons/TimerIcon.js");
+var _index = require("../../../../shared/translation/index.js");
+var _effectorReact = require("effector-react");
+var _pmProgressHelpers = require("../../shared/pmProgress.helpers.js");
+var _pmProgressConstants = require("../../shared/pmProgress.constants.js");
+var _PmProgressContext = require("../../context/PmProgressContext.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const PmTimeframeStats = () => {
+  const t = (0, _index.useText)();
+  const {
+    model
+  } = (0, _PmProgressContext.usePmProgress)();
+  const timeframe = (0, _effectorReact.useUnit)(model.insights.$timeframe);
+  const insights = (0, _effectorReact.useUnit)(model.insights.$insights);
+  const OPTIONS = [{
+    key: _pmProgressConstants.InsightsTimeframe.WEEK,
+    title: t('pmProgress.thisWeek')
+  }, {
+    key: _pmProgressConstants.InsightsTimeframe.LAST_WEEK,
+    title: t('pmProgress.lastWeek')
+  }, {
+    key: _pmProgressConstants.InsightsTimeframe.ALL,
+    title: t('pmProgress.allTime')
+  }];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.container,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.content,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.cards,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_StatsCard.StatsCard, {
+          value: insights?.numberOfStars ?? 0,
+          label: t('pmProgress.stars'),
+          color: _reactNativeUi.COLORS.PRIMARY_YELLOW,
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_StarIcon.StarIcon, {})
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_StatsCard.StatsCard, {
+          value: (0, _pmProgressHelpers.formatTime)(insights?.timeInPracticeMs ?? 0),
+          label: t('pmProgress.time'),
+          color: _reactNativeUi.COLORS.PRIMARY_PURPLE,
+          iconStyle: styles.timeIcon,
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TimerIcon.TimerIcon, {})
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.SelectGroup, {
+        color: _reactNativeUi.SelectOptionColor.GREY,
+        options: OPTIONS,
+        selectedOptions: OPTIONS.filter(({
+          key
+        }) => key === timeframe),
+        onOptionChange: ({
+          key
+        }) => model.insights.setTimeframe(key)
+      })]
+    })
+  });
+};
+exports.PmTimeframeStats = PmTimeframeStats;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    maxHeight: _pmProgressConstants.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
+  },
+  content: {
+    gap: _reactNativeUi.SPACING[100],
+    marginBottom: 4
+  },
+  cards: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    gap: _reactNativeUi.SPACING[300]
+  },
+  timeIcon: {
+    paddingBottom: 2,
+    paddingLeft: 2
+  }
+});
+//# sourceMappingURL=PmTimeframeStats.js.map

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

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

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

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StatsCard = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const StatsCard = ({
+  value,
+  label,
+  color,
+  icon,
+  iconStyle
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.card, {
+      borderColor: color
+    }],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.iconContainer, {
+        backgroundColor: color
+      }, iconStyle],
+      children: icon
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.value, {
+          color
+        }],
+        children: value
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.label,
+        children: label
+      })]
+    })]
+  });
+};
+exports.StatsCard = StatsCard;
+const styles = _reactNative.StyleSheet.create({
+  card: {
+    flex: 1,
+    height: 65,
+    alignItems: 'center',
+    flexDirection: 'row',
+    borderRadius: _reactNativeUi.BORDER_RADIUS[300],
+    borderWidth: 4,
+    padding: _reactNativeUi.SPACING[200],
+    gap: _reactNativeUi.SPACING[200]
+  },
+  iconContainer: {
+    width: 42,
+    height: 42,
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: 100
+  },
+  value: {
+    fontSize: 32,
+    fontWeight: '700',
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires
+  },
+  label: {
+    color: _reactNativeUi.COLORS.NEUTRAL_8,
+    fontSize: 12,
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires,
+    top: -6
+  }
+});
+//# sourceMappingURL=StatsCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_jsxRuntime","e","__esModule","default","StatsCard","value","label","color","icon","iconStyle","jsxs","View","style","styles","card","borderColor","children","jsx","iconContainer","backgroundColor","Text","exports","StyleSheet","create","flex","height","alignItems","flexDirection","borderRadius","BORDER_RADIUS","borderWidth","padding","SPACING","gap","width","justifyContent","fontSize","fontWeight","fontFamily","FONT_FAMILY","buenosAires","COLORS","NEUTRAL_8","top"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/insights/StatsCard.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAAwF,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAUjF,MAAMG,SAAS,GAAGA,CAAC;EAAEC,KAAK;EAAEC,KAAK;EAAEC,KAAK;EAAEC,IAAI;EAAEC;AAA0B,CAAC,KAAK;EACrF,oBACE,IAAAT,WAAA,CAAAU,IAAA,EAACZ,YAAA,CAAAa,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAE;MAAEC,WAAW,EAAER;IAAM,CAAC,CAAE;IAAAS,QAAA,gBACjD,IAAAhB,WAAA,CAAAiB,GAAA,EAACnB,YAAA,CAAAa,IAAI;MAACC,KAAK,EAAE,CAACC,MAAM,CAACK,aAAa,EAAE;QAAEC,eAAe,EAAEZ;MAAM,CAAC,EAAEE,SAAS,CAAE;MAAAO,QAAA,EAAER;IAAI,CAAO,CAAC,eACzF,IAAAR,WAAA,CAAAU,IAAA,EAACZ,YAAA,CAAAa,IAAI;MAAAK,QAAA,gBACH,IAAAhB,WAAA,CAAAiB,GAAA,EAACnB,YAAA,CAAAsB,IAAI;QAACR,KAAK,EAAE,CAACC,MAAM,CAACR,KAAK,EAAE;UAAEE;QAAM,CAAC,CAAE;QAAAS,QAAA,EAAEX;MAAK,CAAO,CAAC,eACtD,IAAAL,WAAA,CAAAiB,GAAA,EAACnB,YAAA,CAAAsB,IAAI;QAACR,KAAK,EAAEC,MAAM,CAACP,KAAM;QAAAU,QAAA,EAAEV;MAAK,CAAO,CAAC;IAAA,CACrC,CAAC;EAAA,CACH,CAAC;AAEX,CAAC;AAAAe,OAAA,CAAAjB,SAAA,GAAAA,SAAA;AAED,MAAMS,MAAM,GAAGS,uBAAU,CAACC,MAAM,CAAC;EAC/BT,IAAI,EAAE;IACJU,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE,KAAK;IACpBC,YAAY,EAAEC,4BAAa,CAAC,GAAG,CAAC;IAChCC,WAAW,EAAE,CAAC;IACdC,OAAO,EAAEC,sBAAO,CAAC,GAAG,CAAC;IACrBC,GAAG,EAAED,sBAAO,CAAC,GAAG;EAClB,CAAC;EACDd,aAAa,EAAE;IACbgB,KAAK,EAAE,EAAE;IACTT,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBS,cAAc,EAAE,QAAQ;IACxBP,YAAY,EAAE;EAChB,CAAC;EACDvB,KAAK,EAAE;IACL+B,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAEC,0BAAW,CAACC;EAC1B,CAAC;EACDlC,KAAK,EAAE;IACLC,KAAK,EAAEkC,qBAAM,CAACC,SAAS;IACvBN,QAAQ,EAAE,EAAE;IACZE,UAAU,EAAEC,0BAAW,CAACC,WAAW;IACnCG,GAAG,EAAE,CAAC;EACR;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Fluency = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _ListCard = require("./ListCard.js");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _SliceDiamondIcon = require("../../../../shared/icons/SliceDiamondIcon.js");
+var _index = require("../../../../shared/translation/index.js");
+var _effectorReact = require("effector-react");
+var _pmProgressConstants = require("../../shared/pmProgress.constants.js");
+var _PmProgressContext = require("../../context/PmProgressContext.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Fluency = ({
+  data
+}) => {
+  const t = (0, _index.useText)();
+  const {
+    model,
+    onStandardPress
+  } = (0, _PmProgressContext.usePmProgress)();
+  const expandedId = (0, _effectorReact.useUnit)(model.highlight.$expandedId);
+  const hoveredId = (0, _effectorReact.useUnit)(model.highlight.$hoveredId);
+  const loaderOpeningId = (0, _effectorReact.useUnit)(model.solving.$loaderOpeningId);
+  if (!data) return null;
+  const isExpanded = expandedId === data.domainId;
+  const isHighlighted = hoveredId === data.domainId || isExpanded;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.separator
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListCard.ListCard, {
+      title: t('pmProgress.fluency'),
+      items: data.standards.map(standard => ({
+        ...standard,
+        id: standard.standardId
+      })),
+      progress: data.scorePercentage,
+      color: _reactNativeUi.COLORS.PRIMARY_ORANGE,
+      onPress: () => model.highlight.expand(data.domainId),
+      onHoverIn: () => model.highlight.hover(data.domainId),
+      onHoverOut: () => model.highlight.hover(null),
+      onItemPress: async item => {
+        try {
+          model.solving.setLoaderOpeningId(item.id);
+          const skill = await model.solving.start({
+            type: _pmProgressConstants.SolvingFlow.STANDARD,
+            standardId: item.standardId
+          });
+          await onStandardPress?.(skill);
+        } finally {
+          model.solving.setLoaderOpeningId(null);
+        }
+      },
+      loadingItemId: loaderOpeningId,
+      isFirst: true,
+      isLast: true,
+      isExpanded: isExpanded,
+      isHighlighted: isHighlighted,
+      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SliceDiamondIcon.SliceDiamondIcon, {
+        color: _reactNativeUi.COLORS.PRIMARY_ORANGE
+      })
+    })]
+  });
+};
+exports.Fluency = Fluency;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    marginBottom: _reactNativeUi.SPACING[800]
+  },
+  separator: {
+    height: 1,
+    marginHorizontal: _reactNativeUi.SPACING[100],
+    marginVertical: _reactNativeUi.SPACING[200],
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_4
+  }
+});
+//# sourceMappingURL=Fluency.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ListCard","_reactNativeUi","_SliceDiamondIcon","_index","_effectorReact","_pmProgressConstants","_PmProgressContext","_jsxRuntime","e","__esModule","default","Fluency","data","t","useText","model","onStandardPress","usePmProgress","expandedId","useUnit","highlight","$expandedId","hoveredId","$hoveredId","loaderOpeningId","solving","$loaderOpeningId","isExpanded","domainId","isHighlighted","jsxs","View","style","styles","container","children","jsx","separator","ListCard","title","items","standards","map","standard","id","standardId","progress","scorePercentage","color","COLORS","PRIMARY_ORANGE","onPress","expand","onHoverIn","hover","onHoverOut","onItemPress","item","setLoaderOpeningId","skill","start","type","SolvingFlow","STANDARD","loadingItemId","isFirst","isLast","icon","SliceDiamondIcon","exports","StyleSheet","create","marginBottom","SPACING","height","marginHorizontal","marginVertical","backgroundColor","NEUTRAL_4"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/list/Fluency.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/pmProgress/components/list/ListCard.js

@@ -0,0 +1,207 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ListCard = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _ListItem = require("./ListItem.js");
+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 HEADER_HEIGHT = 60;
+const PROGRESS_BAR_WIDTH = 50;
+const PROGRESS_BAR_HEIGHT = 10;
+function getVisibleItems(items, maxItems) {
+  const visible = maxItems != null ? items.slice(0, maxItems) : items;
+  const remainingCount = maxItems != null ? Math.max(0, items.length - maxItems) : 0;
+  return {
+    visible,
+    remainingCount
+  };
+}
+const ListCard = ({
+  title,
+  icon,
+  color,
+  items,
+  isExpanded = false,
+  isHighlighted = false,
+  onPress,
+  onHoverIn,
+  onHoverOut,
+  onItemPress,
+  progress = 0,
+  rightContent,
+  isFirst,
+  isLast,
+  maxItems,
+  expandedColor = _reactNativeUi.COLORS.NEUTRAL_3,
+  isSkillsLeftHidden = false,
+  loadingItemId = null
+}) => {
+  const t = (0, _index.useText)();
+  const [isHovered, setIsHovered] = (0, _react.useState)(false);
+  const {
+    visible: standards,
+    remainingCount
+  } = getVisibleItems(items, maxItems);
+  const withHighlight = isHovered || isExpanded || isHighlighted;
+  const Caret = isExpanded ? _reactNativeUi.CaretDownIcon : _reactNativeUi.CaretRightIcon;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.container, !isFirst && styles.containerCollapsed, isFirst && styles.containerFirst, isLast && styles.containerLast, withHighlight && {
+      backgroundColor: expandedColor
+    }],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+      style: [styles.header, isFirst && styles.headerFirst, isLast && !isExpanded && styles.headerLast, withHighlight && {
+        backgroundColor: expandedColor
+      }],
+      onPress: onPress,
+      onHoverIn: () => {
+        setIsHovered(true);
+        onHoverIn?.();
+      },
+      onHoverOut: () => {
+        setIsHovered(false);
+        onHoverOut?.();
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        children: icon
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.caret,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Caret, {
+          color: _reactNativeUi.COLORS.NEUTRAL_9
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+        variant: _reactNativeUi.HeadingVariants.H6,
+        style: styles.title,
+        children: title
+      }), rightContent ?? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.progress,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeUi.Typography, {
+          variant: _reactNativeUi.HeadingVariants.H7,
+          style: [styles.percentage, {
+            color
+          }],
+          children: [Math.round(progress), "%"]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.track,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: [styles.fill, {
+              width: `${Math.round(progress)}%`,
+              backgroundColor: color
+            }]
+          })
+        })]
+      })]
+    }), isExpanded && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [styles.items, isLast && styles.itemsLast],
+      children: [standards.map(standard => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItem.ListItem, {
+        title: standard.title,
+        skillsLeft: standard.skillsLeft,
+        subtitle: standard.subtitle,
+        isFinished: standard.isCompleted,
+        isLoading: loadingItemId === standard.id,
+        isSkillsLeftHidden: isSkillsLeftHidden,
+        onPress: () => onItemPress?.(standard)
+      }, standard.id)), remainingCount > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+        variant: _reactNativeUi.HeadingVariants.H8,
+        style: styles.moreText,
+        children: t('pmProgress.andMore', {
+          count: `${remainingCount}`
+        })
+      })]
+    })]
+  });
+};
+exports.ListCard = ListCard;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    justifyContent: 'center',
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_2,
+    overflow: 'hidden',
+    ..._reactNative.Platform.select({
+      web: {
+        cursor: 'pointer'
+      }
+    })
+  },
+  containerCollapsed: {
+    marginTop: -1
+  },
+  containerFirst: {
+    borderTopLeftRadius: _reactNativeUi.BORDER_RADIUS[200],
+    borderTopRightRadius: _reactNativeUi.BORDER_RADIUS[200]
+  },
+  containerLast: {
+    borderBottomLeftRadius: _reactNativeUi.BORDER_RADIUS[200],
+    borderBottomRightRadius: _reactNativeUi.BORDER_RADIUS[200]
+  },
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    height: HEADER_HEIGHT,
+    padding: _reactNativeUi.SPACING[400],
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_2,
+    borderWidth: 1,
+    borderColor: _reactNativeUi.COLORS.NEUTRAL_4,
+    ..._reactNative.Platform.select({
+      web: {
+        cursor: 'pointer'
+      }
+    })
+  },
+  headerFirst: {
+    borderTopLeftRadius: _reactNativeUi.BORDER_RADIUS[200],
+    borderTopRightRadius: _reactNativeUi.BORDER_RADIUS[200]
+  },
+  headerLast: {
+    borderBottomLeftRadius: _reactNativeUi.BORDER_RADIUS[200],
+    borderBottomRightRadius: _reactNativeUi.BORDER_RADIUS[200]
+  },
+  caret: {
+    marginLeft: _reactNativeUi.SPACING[400]
+  },
+  title: {
+    color: _reactNativeUi.COLORS.NEUTRAL_9,
+    marginLeft: _reactNativeUi.SPACING[200],
+    flex: 1
+  },
+  progress: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: _reactNativeUi.SPACING[200]
+  },
+  percentage: {
+    textAlign: 'right'
+  },
+  track: {
+    width: PROGRESS_BAR_WIDTH,
+    height: PROGRESS_BAR_HEIGHT,
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_4,
+    borderRadius: _reactNativeUi.BORDER_RADIUS[200],
+    overflow: 'hidden'
+  },
+  fill: {
+    height: '100%',
+    borderRadius: _reactNativeUi.BORDER_RADIUS[200]
+  },
+  items: {
+    gap: _reactNativeUi.SPACING[200],
+    padding: _reactNativeUi.SPACING[200],
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1
+  },
+  itemsLast: {
+    borderBottomLeftRadius: _reactNativeUi.BORDER_RADIUS[200],
+    borderBottomRightRadius: _reactNativeUi.BORDER_RADIUS[200]
+  },
+  moreText: {
+    textAlign: 'center',
+    color: _reactNativeUi.COLORS.NEUTRAL_7,
+    marginVertical: _reactNativeUi.SPACING[200]
+  }
+});
+//# sourceMappingURL=ListCard.js.map

package/dist/commonjs/features/pmProgress/components/list/ListCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeUi","_ListItem","_index","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","HEADER_HEIGHT","PROGRESS_BAR_WIDTH","PROGRESS_BAR_HEIGHT","getVisibleItems","items","maxItems","visible","slice","remainingCount","Math","max","length","ListCard","title","icon","color","isExpanded","isHighlighted","onPress","onHoverIn","onHoverOut","onItemPress","progress","rightContent","isFirst","isLast","expandedColor","COLORS","NEUTRAL_3","isSkillsLeftHidden","loadingItemId","useText","isHovered","setIsHovered","useState","standards","withHighlight","Caret","CaretDownIcon","CaretRightIcon","jsxs","View","style","styles","container","containerCollapsed","containerFirst","containerLast","backgroundColor","children","Pressable","header","headerFirst","headerLast","jsx","caret","NEUTRAL_9","Typography","variant","HeadingVariants","H6","H7","percentage","round","track","fill","width","itemsLast","map","standard","ListItem","skillsLeft","subtitle","isFinished","isCompleted","isLoading","id","H8","moreText","count","exports","StyleSheet","create","justifyContent","NEUTRAL_2","overflow","Platform","select","web","cursor","marginTop","borderTopLeftRadius","BORDER_RADIUS","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","flexDirection","alignItems","height","padding","SPACING","borderWidth","borderColor","NEUTRAL_4","marginLeft","flex","gap","textAlign","borderRadius","NEUTRAL_1","NEUTRAL_7","marginVertical"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/list/ListCard.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/pmProgress/components/list/ListItem.js

@@ -0,0 +1,139 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ListItem = 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 CARD_HEIGHT = 52;
+const ICON_SIZE = 25;
+const SUBTITLE_FONT_SIZE = 10;
+const SUBTITLE_LINE_HEIGHT = 14;
+const ListItem = ({
+  title,
+  subtitle,
+  skillsLeft,
+  isFinished = false,
+  isLoading = false,
+  onPress,
+  isSkillsLeftHidden = false
+}) => {
+  const t = (0, _index.useText)();
+  const [isHovered, setIsHovered] = (0, _react.useState)(false);
+  const isSkillsLeftVisible = skillsLeft > 0 && !isFinished && !isSkillsLeftHidden;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+    onPress: onPress,
+    disabled: isLoading,
+    style: [styles.card, isFinished && styles.finished, isHovered && styles.hovered, isHovered && isFinished && styles.hoveredFinished, isLoading && styles.loading],
+    onHoverIn: () => setIsHovered(true),
+    onHoverOut: () => setIsHovered(false),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.content,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+        variant: _reactNativeUi.HeadingVariants.H10,
+        style: [styles.title, isFinished && styles.titleFinished],
+        numberOfLines: 1,
+        children: title
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+        style: [styles.subtitle, isFinished && styles.subtitleFinished],
+        numberOfLines: 1,
+        children: subtitle
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.trailing,
+      children: isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.loadingIndicator,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+          children: [t('pmProgress.loading'), " "]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+          size: "small",
+          color: _reactNativeUi.COLORS.NEUTRAL_7
+        })]
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [isSkillsLeftVisible && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeUi.Typography, {
+          variant: _reactNativeUi.HeadingVariants.H10,
+          style: styles.skills,
+          children: [skillsLeft, ' ', skillsLeft === 1 ? t('pmProgress.skillLeft') : t('pmProgress.skillsLeft')]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.icon,
+          children: isFinished ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.CheckIcon, {
+            color: _reactNativeUi.COLORS.PRIMARY_GREEN
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.ArrowRightIcon, {
+            color: _reactNativeUi.COLORS.NEUTRAL_9
+          })
+        })]
+      })
+    })]
+  });
+};
+exports.ListItem = ListItem;
+const styles = _reactNative.StyleSheet.create({
+  card: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    height: CARD_HEIGHT,
+    paddingLeft: _reactNativeUi.SPACING[800],
+    paddingRight: _reactNativeUi.SPACING[400],
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    borderRadius: _reactNativeUi.BORDER_RADIUS[300],
+    gap: _reactNativeUi.SPACING[200],
+    ..._reactNativeUi.SHADOWS['1']
+  },
+  finished: {
+    backgroundColor: _reactNativeUi.COLORS.GREEN_1,
+    ..._reactNativeUi.SHADOWS['1']
+  },
+  hovered: {
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_2,
+    boxShadow: '0px 0px 1px 0px #33333366, 0px 1px 3px 0px #3333331A, 4px 4px 10px rgba(51, 51, 51, 0.15)'
+  },
+  hoveredFinished: {
+    backgroundColor: _reactNativeUi.COLORS.GREEN_2
+  },
+  content: {
+    flex: 1
+  },
+  title: {
+    color: _reactNativeUi.COLORS.NEUTRAL_9
+  },
+  titleFinished: {
+    color: _reactNativeUi.COLORS.GREEN_7
+  },
+  subtitle: {
+    color: _reactNativeUi.COLORS.NEUTRAL_7,
+    fontSize: SUBTITLE_FONT_SIZE,
+    fontFamily: _reactNativeUi.FONT_FAMILY.buenosAires,
+    lineHeight: SUBTITLE_LINE_HEIGHT
+  },
+  subtitleFinished: {
+    color: _reactNativeUi.COLORS.GREEN_6
+  },
+  trailing: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 8
+  },
+  skills: {
+    color: _reactNativeUi.COLORS.NEUTRAL_9
+  },
+  icon: {
+    width: ICON_SIZE,
+    height: ICON_SIZE,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  loading: {
+    opacity: 0.5
+  },
+  loadingIndicator: {
+    flexDirection: 'row',
+    gap: _reactNativeUi.SPACING[200]
+  }
+});
+//# sourceMappingURL=ListItem.js.map