@magmamath/students-features 1.8.4-rc.14 → 1.8.4-rc.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/commonjs/features/profile/components/modals/JoinClassModal.js +9 -0
- package/dist/commonjs/features/profile/components/modals/JoinClassModal.js.map +1 -1
- package/dist/module/features/profile/components/modals/JoinClassModal.js +9 -0
- package/dist/module/features/profile/components/modals/JoinClassModal.js.map +1 -1
- package/dist/typescript/commonjs/features/profile/components/modals/JoinClassModal.d.ts.map +1 -1
- package/dist/typescript/module/features/profile/components/modals/JoinClassModal.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/features/profile/components/modals/JoinClassModal.tsx +7 -0
|
@@ -12,6 +12,7 @@ var _reactNativeUi = require("@magmamath/react-native-ui");
|
|
|
12
12
|
var _studentsQa = require("@magmamath/students-qa");
|
|
13
13
|
var _i18n = require("../../../../i18n/i18n.js");
|
|
14
14
|
var _useKeyboardOffset = require("../../../../shared/hooks/useKeyboardOffset.js");
|
|
15
|
+
var _commonConstants = require("../../../../shared/common.constants.js");
|
|
15
16
|
var _profileConstants = require("../../shared/profile.constants.js");
|
|
16
17
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
18
|
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); }
|
|
@@ -102,6 +103,7 @@ const JoinClassModal = ({
|
|
|
102
103
|
onChangeText: setCode,
|
|
103
104
|
cellCount: _profileConstants.CLASS_CODE_LENGTH,
|
|
104
105
|
rootStyle: styles.codeRoot,
|
|
106
|
+
textInputStyle: styles.codeInput,
|
|
105
107
|
autoFocus: true,
|
|
106
108
|
autoComplete: "off",
|
|
107
109
|
textContentType: "oneTimeCode",
|
|
@@ -155,6 +157,13 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
155
157
|
gap: CELL_GAP,
|
|
156
158
|
justifyContent: 'center'
|
|
157
159
|
},
|
|
160
|
+
codeInput: {
|
|
161
|
+
borderWidth: 0,
|
|
162
|
+
// kill the WebKit/iPad focus ring on the hidden input — focus is shown by the cells
|
|
163
|
+
...(_commonConstants.isWeb && {
|
|
164
|
+
outlineStyle: 'none'
|
|
165
|
+
})
|
|
166
|
+
},
|
|
158
167
|
cell: {
|
|
159
168
|
alignItems: 'center',
|
|
160
169
|
aspectRatio: CELL_ASPECT,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_effectorReact","_reactNativeConfirmationCodeField","_reactNativeUi","_studentsQa","_i18n","_useKeyboardOffset","_profileConstants","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CODE_PLACEHOLDER","MAX_MODAL_WIDTH","SCREEN_MARGIN","CELL_GAP","SPACING","MODAL_H_PADDING","CELL_ASPECT","CELL_RADIUS_RATIO","CELL_FONT_RATIO","MAX_CELL_RADIUS","CLOSE_ICON_SIZE","KEYBOARD_LIFT_RATIO","JoinClassModal","modal","closeModal","params","useText","model","width","useWindowDimensions","code","isComplete","isPending","useUnit","joinClass","$code","$isComplete","api","joinClassFx","pending","modalWidth","Math","min","cellSize","CLASS_CODE_LENGTH","cellRadius","cellFontSize","setCode","value","toUpperCase","cellProps","getCellOnLayoutHandler","useClearByFocusCell","setValue","useEffect","subscription","finally","watch","reset","unsubscribe","closeAndReset","submit","keyboardHeight","useKeyboardOffset","liftStyle","useMemo","transform","translateY","Animated","multiply","jsx","View","style","children","BaseModal","onClose","closeButton","Button","variant","ButtonVariant","TERTIARY","icon","CrossIcon","size","color","COLORS","NEUTRAL_7","onPress","testID","TEST_IDS","JOIN_CLASS_CLOSE_BUTTON","container","styles","header","content","CodeField","nativeID","onChangeText","cellCount","rootStyle","codeRoot","autoFocus","autoComplete","textContentType","keyboardType","returnKeyType","onSubmitEditing","JOIN_CLASS_INPUT","renderCell","index","symbol","isFocused","isPlaceholder","cell","borderRadius","onLayout","Text","cellText","fontSize","cellPlaceholder","Cursor","footer","ReanimatedButton","PRIMARY","colorScheme","ButtonColor","ORANGE","ButtonSize","LARGE","disabled","isLoading","JOIN_CLASS_SUBMIT_BUTTON","buttonStyle","exports","StyleSheet","create","gap","paddingHorizontal","flexDirection","justifyContent","alignItems","aspectRatio","backgroundColor","NEUTRAL_1","borderColor","NEUTRAL_5","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_effectorReact","_reactNativeConfirmationCodeField","_reactNativeUi","_studentsQa","_i18n","_useKeyboardOffset","_commonConstants","_profileConstants","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CODE_PLACEHOLDER","MAX_MODAL_WIDTH","SCREEN_MARGIN","CELL_GAP","SPACING","MODAL_H_PADDING","CELL_ASPECT","CELL_RADIUS_RATIO","CELL_FONT_RATIO","MAX_CELL_RADIUS","CLOSE_ICON_SIZE","KEYBOARD_LIFT_RATIO","JoinClassModal","modal","closeModal","params","useText","model","width","useWindowDimensions","code","isComplete","isPending","useUnit","joinClass","$code","$isComplete","api","joinClassFx","pending","modalWidth","Math","min","cellSize","CLASS_CODE_LENGTH","cellRadius","cellFontSize","setCode","value","toUpperCase","cellProps","getCellOnLayoutHandler","useClearByFocusCell","setValue","useEffect","subscription","finally","watch","reset","unsubscribe","closeAndReset","submit","keyboardHeight","useKeyboardOffset","liftStyle","useMemo","transform","translateY","Animated","multiply","jsx","View","style","children","BaseModal","onClose","closeButton","Button","variant","ButtonVariant","TERTIARY","icon","CrossIcon","size","color","COLORS","NEUTRAL_7","onPress","testID","TEST_IDS","JOIN_CLASS_CLOSE_BUTTON","container","styles","header","content","CodeField","nativeID","onChangeText","cellCount","rootStyle","codeRoot","textInputStyle","codeInput","autoFocus","autoComplete","textContentType","keyboardType","returnKeyType","onSubmitEditing","JOIN_CLASS_INPUT","renderCell","index","symbol","isFocused","isPlaceholder","cell","borderRadius","onLayout","Text","cellText","fontSize","cellPlaceholder","Cursor","footer","ReanimatedButton","PRIMARY","colorScheme","ButtonColor","ORANGE","ButtonSize","LARGE","disabled","isLoading","JOIN_CLASS_SUBMIT_BUTTON","buttonStyle","exports","StyleSheet","create","gap","paddingHorizontal","flexDirection","justifyContent","borderWidth","isWeb","outlineStyle","alignItems","aspectRatio","backgroundColor","NEUTRAL_1","borderColor","NEUTRAL_5","NEUTRAL_9","fontFamily","FONT_FAMILY","buenosAiresSemiBold","textAlign","text","textTransform"],"sourceRoot":"../../../../../../src","sources":["features/profile/components/modals/JoinClassModal.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -8,6 +8,7 @@ import { BaseModal, Button, ButtonColor, ButtonSize, ButtonVariant, COLORS, Cros
|
|
|
8
8
|
import { TEST_IDS } from '@magmamath/students-qa';
|
|
9
9
|
import { useText } from "../../../../i18n/i18n.js";
|
|
10
10
|
import { useKeyboardOffset } from "../../../../shared/hooks/useKeyboardOffset.js";
|
|
11
|
+
import { isWeb } from "../../../../shared/common.constants.js";
|
|
11
12
|
import { CLASS_CODE_LENGTH } from "../../shared/profile.constants.js";
|
|
12
13
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
14
|
const CODE_PLACEHOLDER = '0';
|
|
@@ -96,6 +97,7 @@ export const JoinClassModal = ({
|
|
|
96
97
|
onChangeText: setCode,
|
|
97
98
|
cellCount: CLASS_CODE_LENGTH,
|
|
98
99
|
rootStyle: styles.codeRoot,
|
|
100
|
+
textInputStyle: styles.codeInput,
|
|
99
101
|
autoFocus: true,
|
|
100
102
|
autoComplete: "off",
|
|
101
103
|
textContentType: "oneTimeCode",
|
|
@@ -148,6 +150,13 @@ const styles = StyleSheet.create({
|
|
|
148
150
|
gap: CELL_GAP,
|
|
149
151
|
justifyContent: 'center'
|
|
150
152
|
},
|
|
153
|
+
codeInput: {
|
|
154
|
+
borderWidth: 0,
|
|
155
|
+
// kill the WebKit/iPad focus ring on the hidden input — focus is shown by the cells
|
|
156
|
+
...(isWeb && {
|
|
157
|
+
outlineStyle: 'none'
|
|
158
|
+
})
|
|
159
|
+
},
|
|
151
160
|
cell: {
|
|
152
161
|
alignItems: 'center',
|
|
153
162
|
aspectRatio: CELL_ASPECT,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","useMemo","Animated","StyleSheet","Text","useWindowDimensions","View","useUnit","CodeField","Cursor","useClearByFocusCell","BaseModal","Button","ButtonColor","ButtonSize","ButtonVariant","COLORS","CrossIcon","FONT_FAMILY","ReanimatedButton","SPACING","TEST_IDS","useText","useKeyboardOffset","CLASS_CODE_LENGTH","jsx","_jsx","CODE_PLACEHOLDER","MAX_MODAL_WIDTH","SCREEN_MARGIN","CELL_GAP","MODAL_H_PADDING","CELL_ASPECT","CELL_RADIUS_RATIO","CELL_FONT_RATIO","MAX_CELL_RADIUS","CLOSE_ICON_SIZE","KEYBOARD_LIFT_RATIO","JoinClassModal","modal","closeModal","params","t","model","width","code","isComplete","isPending","joinClass","$code","$isComplete","api","joinClassFx","pending","modalWidth","Math","min","cellSize","cellRadius","cellFontSize","setCode","value","toUpperCase","cellProps","getCellOnLayoutHandler","setValue","subscription","finally","watch","reset","unsubscribe","closeAndReset","submit","keyboardHeight","liftStyle","transform","translateY","multiply","style","children","onClose","closeButton","variant","TERTIARY","icon","size","color","NEUTRAL_7","onPress","testID","JOIN_CLASS_CLOSE_BUTTON","container","styles","header","content","nativeID","onChangeText","cellCount","rootStyle","codeRoot","autoFocus","autoComplete","textContentType","keyboardType","returnKeyType","onSubmitEditing","JOIN_CLASS_INPUT","renderCell","index","symbol","isFocused","isPlaceholder","cell","borderRadius","onLayout","cellText","fontSize","cellPlaceholder","footer","PRIMARY","colorScheme","ORANGE","LARGE","disabled","isLoading","JOIN_CLASS_SUBMIT_BUTTON","buttonStyle","create","gap","paddingHorizontal","flexDirection","justifyContent","alignItems","aspectRatio","backgroundColor","NEUTRAL_1","borderColor","NEUTRAL_5","
|
|
1
|
+
{"version":3,"names":["React","useEffect","useMemo","Animated","StyleSheet","Text","useWindowDimensions","View","useUnit","CodeField","Cursor","useClearByFocusCell","BaseModal","Button","ButtonColor","ButtonSize","ButtonVariant","COLORS","CrossIcon","FONT_FAMILY","ReanimatedButton","SPACING","TEST_IDS","useText","useKeyboardOffset","isWeb","CLASS_CODE_LENGTH","jsx","_jsx","CODE_PLACEHOLDER","MAX_MODAL_WIDTH","SCREEN_MARGIN","CELL_GAP","MODAL_H_PADDING","CELL_ASPECT","CELL_RADIUS_RATIO","CELL_FONT_RATIO","MAX_CELL_RADIUS","CLOSE_ICON_SIZE","KEYBOARD_LIFT_RATIO","JoinClassModal","modal","closeModal","params","t","model","width","code","isComplete","isPending","joinClass","$code","$isComplete","api","joinClassFx","pending","modalWidth","Math","min","cellSize","cellRadius","cellFontSize","setCode","value","toUpperCase","cellProps","getCellOnLayoutHandler","setValue","subscription","finally","watch","reset","unsubscribe","closeAndReset","submit","keyboardHeight","liftStyle","transform","translateY","multiply","style","children","onClose","closeButton","variant","TERTIARY","icon","size","color","NEUTRAL_7","onPress","testID","JOIN_CLASS_CLOSE_BUTTON","container","styles","header","content","nativeID","onChangeText","cellCount","rootStyle","codeRoot","textInputStyle","codeInput","autoFocus","autoComplete","textContentType","keyboardType","returnKeyType","onSubmitEditing","JOIN_CLASS_INPUT","renderCell","index","symbol","isFocused","isPlaceholder","cell","borderRadius","onLayout","cellText","fontSize","cellPlaceholder","footer","PRIMARY","colorScheme","ORANGE","LARGE","disabled","isLoading","JOIN_CLASS_SUBMIT_BUTTON","buttonStyle","create","gap","paddingHorizontal","flexDirection","justifyContent","borderWidth","outlineStyle","alignItems","aspectRatio","backgroundColor","NEUTRAL_1","borderColor","NEUTRAL_5","NEUTRAL_9","fontFamily","buenosAiresSemiBold","textAlign","text","textTransform"],"sourceRoot":"../../../../../../src","sources":["features/profile/components/modals/JoinClassModal.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JoinClassModal.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/profile/components/modals/JoinClassModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"JoinClassModal.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/profile/components/modals/JoinClassModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAA;AAsBjD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAcvE,eAAO,MAAM,cAAc,sCAAuC,iBAAiB,sBAyGlF,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JoinClassModal.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/profile/components/modals/JoinClassModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"JoinClassModal.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/profile/components/modals/JoinClassModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAA;AAsBjD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAcvE,eAAO,MAAM,cAAc,sCAAuC,iBAAiB,sBAyGlF,CAAA"}
|
package/package.json
CHANGED
|
@@ -18,6 +18,7 @@ import { TEST_IDS } from '@magmamath/students-qa'
|
|
|
18
18
|
|
|
19
19
|
import { useText } from '../../../../i18n/i18n'
|
|
20
20
|
import { useKeyboardOffset } from '../../../../shared/hooks/useKeyboardOffset'
|
|
21
|
+
import { isWeb } from '../../../../shared/common.constants'
|
|
21
22
|
import { CLASS_CODE_LENGTH } from '../../shared/profile.constants'
|
|
22
23
|
import type { ProfileModalProps } from '../../model/profileModal.types'
|
|
23
24
|
|
|
@@ -95,6 +96,7 @@ export const JoinClassModal = ({ modal: { closeModal, params } }: ProfileModalPr
|
|
|
95
96
|
onChangeText={setCode}
|
|
96
97
|
cellCount={CLASS_CODE_LENGTH}
|
|
97
98
|
rootStyle={styles.codeRoot}
|
|
99
|
+
textInputStyle={styles.codeInput}
|
|
98
100
|
autoFocus
|
|
99
101
|
autoComplete="off"
|
|
100
102
|
textContentType="oneTimeCode"
|
|
@@ -149,6 +151,11 @@ const styles = StyleSheet.create({
|
|
|
149
151
|
gap: CELL_GAP,
|
|
150
152
|
justifyContent: 'center',
|
|
151
153
|
},
|
|
154
|
+
codeInput: {
|
|
155
|
+
borderWidth: 0,
|
|
156
|
+
// kill the WebKit/iPad focus ring on the hidden input — focus is shown by the cells
|
|
157
|
+
...(isWeb && { outlineStyle: 'none' }),
|
|
158
|
+
},
|
|
152
159
|
cell: {
|
|
153
160
|
alignItems: 'center',
|
|
154
161
|
aspectRatio: CELL_ASPECT,
|