@magmamath/students-features 1.3.25-rc.10 → 1.3.25-rc.11

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

@@ -49,6 +49,10 @@ const PmProgressHeader = () => {
       ...menuItemProps
     }))
   });
+  const selectGrade = key => {
+    model.tree.setGrade(key);
+    setIsDropdownOpen(false);
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: styles.container,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
@@ -87,13 +91,13 @@ const PmProgressHeader = () => {
             })
           })]
         }),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Menu, {
-          style: styles.menu,
-          items: grades,
-          onItemPress: item => {
-            model.tree.setGrade(item.key);
-            setIsDropdownOpen(false);
-          }
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+          style: styles.menuScroll,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Menu, {
+            style: styles.menu,
+            items: grades,
+            onItemPress: item => selectGrade(item.key)
+          })
         })
       })]
     }), !readOnly && /*#__PURE__*/(0, _jsxRuntime.jsx)(_NextUp.NextUp, {})]
@@ -122,16 +126,15 @@ const styles = _reactNative.StyleSheet.create({
   caret: {
     marginLeft: _reactNativeUi.SPACING[100]
   },
-  menu: {
+  menuScroll: {
     top: _reactNativeUi.SPACING[100],
-    minWidth: 120,
-    overflow: 'scroll',
     maxHeight: _commonConstants.isWeb ? _studentsFeatures.MENU_MAX_HEIGHT : 490,
-    ..._reactNative.Platform.select({
-      web: {
-        scrollbarWidth: 'none'
-      }
-    })
+    borderRadius: _reactNativeUi.BORDER_RADIUS['300'],
+    overflow: 'hidden',
+    ..._reactNativeUi.SHADOWS[1]
+  },
+  menu: {
+    minWidth: 130
   }
 });
 //# sourceMappingURL=PmProgressHeader.js.map

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

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

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

@@ -1,8 +1,8 @@
 "use strict";
 
 import React, { useState } from 'react';
-import { Platform, StyleSheet, useWindowDimensions, View } from 'react-native';
-import { Button, ButtonVariant, CaretDownIcon, CaretUpIcon, COLORS, Dropdown, HeadingVariants, Menu, SPACING, Typography } from '@magmamath/react-native-ui';
+import { ScrollView, StyleSheet, useWindowDimensions, View } from 'react-native';
+import { BORDER_RADIUS, Button, ButtonVariant, CaretDownIcon, CaretUpIcon, COLORS, Dropdown, HeadingVariants, Menu, SHADOWS, SPACING, Typography } from '@magmamath/react-native-ui';
 import { isWeb } from "../../../../shared/common.constants.js";
 import { useStoreMap, useUnit } from 'effector-react';
 import { usePmProgress } from "../../context/PmProgressContext.js";
@@ -43,6 +43,10 @@ export const PmProgressHeader = () => {
       ...menuItemProps
     }))
   });
+  const selectGrade = key => {
+    model.tree.setGrade(key);
+    setIsDropdownOpen(false);
+  };
   return /*#__PURE__*/_jsxs(View, {
     style: styles.container,
     children: [/*#__PURE__*/_jsxs(View, {
@@ -81,13 +85,13 @@ export const PmProgressHeader = () => {
             })
           })]
         }),
-        children: /*#__PURE__*/_jsx(Menu, {
-          style: styles.menu,
-          items: grades,
-          onItemPress: item => {
-            model.tree.setGrade(item.key);
-            setIsDropdownOpen(false);
-          }
+        children: /*#__PURE__*/_jsx(ScrollView, {
+          style: styles.menuScroll,
+          children: /*#__PURE__*/_jsx(Menu, {
+            style: styles.menu,
+            items: grades,
+            onItemPress: item => selectGrade(item.key)
+          })
         })
       })]
     }), !readOnly && /*#__PURE__*/_jsx(NextUp, {})]
@@ -115,16 +119,15 @@ const styles = StyleSheet.create({
   caret: {
     marginLeft: SPACING[100]
   },
-  menu: {
+  menuScroll: {
     top: SPACING[100],
-    minWidth: 120,
-    overflow: 'scroll',
     maxHeight: isWeb ? MENU_MAX_HEIGHT : 490,
-    ...Platform.select({
-      web: {
-        scrollbarWidth: 'none'
-      }
-    })
+    borderRadius: BORDER_RADIUS['300'],
+    overflow: 'hidden',
+    ...SHADOWS[1]
+  },
+  menu: {
+    minWidth: 130
   }
 });
 //# sourceMappingURL=PmProgressHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useState","Platform","StyleSheet","useWindowDimensions","View","Button","ButtonVariant","CaretDownIcon","CaretUpIcon","COLORS","Dropdown","HeadingVariants","Menu","SPACING","Typography","isWeb","useStoreMap","useUnit","usePmProgress","formatGradeLabel","MenuIcon","TEST_IDS","NextUp","BURGER_MENU_BREAKPOINT","MENU_MAX_HEIGHT","useText","jsx","_jsx","jsxs","_jsxs","menuItemProps","style","text","whiteSpace","PmProgressHeader","t","model","customGradeLabels","readOnly","onMenuPress","isDropdownOpen","setIsDropdownOpen","dimensions","withMenuButton","width","grade","tree","$grade","grades","store","$grades","keys","fn","map","key","value","title","disabled","isLocked","testID","PM_PROGRESS_GRADE_ITEM","styles","container","children","burgerMenu","onPress","variant","TERTIARY","icon","size","PM_PROGRESS_BURGER_MENU_BUTTON","H2","dark","isOpen","onDismiss","anchor","prev","PM_PROGRESS_GRADE_DROPDOWN_BUTTON","H8","caret","color","NEUTRAL_9","menu","items","onItemPress","item","setGrade","create","flexDirection","justifyContent","alignItems","marginBottom","zIndex","marginRight","gap","marginLeft","top","minWidth","overflow","maxHeight","select","web","scrollbarWidth"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/header/PmProgressHeader.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","ScrollView","StyleSheet","useWindowDimensions","View","BORDER_RADIUS","Button","ButtonVariant","CaretDownIcon","CaretUpIcon","COLORS","Dropdown","HeadingVariants","Menu","SHADOWS","SPACING","Typography","isWeb","useStoreMap","useUnit","usePmProgress","formatGradeLabel","MenuIcon","TEST_IDS","NextUp","BURGER_MENU_BREAKPOINT","MENU_MAX_HEIGHT","useText","jsx","_jsx","jsxs","_jsxs","menuItemProps","style","text","whiteSpace","PmProgressHeader","t","model","customGradeLabels","readOnly","onMenuPress","isDropdownOpen","setIsDropdownOpen","dimensions","withMenuButton","width","grade","tree","$grade","grades","store","$grades","keys","fn","map","key","value","title","disabled","isLocked","testID","PM_PROGRESS_GRADE_ITEM","selectGrade","setGrade","styles","container","children","burgerMenu","onPress","variant","TERTIARY","icon","size","PM_PROGRESS_BURGER_MENU_BUTTON","H2","dark","isOpen","onDismiss","anchor","prev","PM_PROGRESS_GRADE_DROPDOWN_BUTTON","H8","caret","color","NEUTRAL_9","menuScroll","menu","items","onItemPress","item","create","flexDirection","justifyContent","alignItems","marginBottom","zIndex","marginRight","gap","marginLeft","top","maxHeight","borderRadius","overflow","minWidth"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/header/PmProgressHeader.tsx"],"mappings":"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","ignoreList":[]}

package/dist/typescript/commonjs/features/pmProgress/components/header/PmProgressHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PmProgressHeader.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/pmProgress/components/header/PmProgressHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AA+BvC,eAAO,MAAM,gBAAgB,yBA4E5B,CAAA"}
+{"version":3,"file":"PmProgressHeader.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/pmProgress/components/header/PmProgressHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAiCvC,eAAO,MAAM,gBAAgB,yBAgF5B,CAAA"}

package/dist/typescript/module/features/pmProgress/components/header/PmProgressHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PmProgressHeader.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/pmProgress/components/header/PmProgressHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AA+BvC,eAAO,MAAM,gBAAgB,yBA4E5B,CAAA"}
+{"version":3,"file":"PmProgressHeader.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/pmProgress/components/header/PmProgressHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAiCvC,eAAO,MAAM,gBAAgB,yBAgF5B,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magmamath/students-features",
-  "version": "1.3.25-rc.10",
+  "version": "1.3.25-rc.11",
   "description": "Magmamath features library",
   "source": "src/index.ts",
   "main": "src/index.ts",

package/src/features/pmProgress/components/header/PmProgressHeader.tsx

@@ -1,6 +1,7 @@
 import React, { useState } from 'react'
-import { Platform, StyleSheet, TextStyle, useWindowDimensions, View } from 'react-native'
+import { ScrollView, StyleSheet, TextStyle, useWindowDimensions, View } from 'react-native'
 import {
+  BORDER_RADIUS,
   Button,
   ButtonVariant,
   CaretDownIcon,
@@ -10,6 +11,7 @@ import {
   HeadingVariants,
   Menu,
   MenuItemProps,
+  SHADOWS,
   SPACING,
   Typography,
 } from '@magmamath/react-native-ui'
@@ -50,6 +52,11 @@ export const PmProgressHeader = () => {
       })),
   })
 
+  const selectGrade = (key: number) => {
+    model.tree.setGrade(key)
+    setIsDropdownOpen(false)
+  }
+
   return (
     <View style={styles.container}>
       <View style={styles.title}>
@@ -91,14 +98,13 @@ export const PmProgressHeader = () => {
             </Button>
           }
         >
-          <Menu
-            style={styles.menu}
-            items={grades}
-            onItemPress={(item) => {
-              model.tree.setGrade(item.key as number)
-              setIsDropdownOpen(false)
-            }}
-          />
+          <ScrollView style={styles.menuScroll}>
+            <Menu
+              style={styles.menu}
+              items={grades}
+              onItemPress={(item) => selectGrade(item.key as number)}
+            />
+          </ScrollView>
         </Dropdown>
       </View>
 
@@ -129,11 +135,14 @@ const styles = StyleSheet.create({
   caret: {
     marginLeft: SPACING[100],
   },
-  menu: {
+  menuScroll: {
     top: SPACING[100],
-    minWidth: 120,
-    overflow: 'scroll',
     maxHeight: isWeb ? MENU_MAX_HEIGHT : 490,
-    ...Platform.select({ web: { scrollbarWidth: 'none' } }),
+    borderRadius: BORDER_RADIUS['300'],
+    overflow: 'hidden',
+    ...SHADOWS[1],
+  },
+  menu: {
+    minWidth: 130,
   },
 })