@magmamath/students-features 1.2.1-rc.5 → 1.2.1-rc.6
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/voice/recording/components/VoiceRecordButton.js +8 -5
- package/dist/commonjs/features/voice/recording/components/VoiceRecordButton.js.map +1 -1
- package/dist/module/features/voice/recording/components/VoiceRecordButton.js +8 -5
- package/dist/module/features/voice/recording/components/VoiceRecordButton.js.map +1 -1
- package/package.json +1 -1
- package/src/features/voice/recording/components/VoiceRecordButton.tsx +12 -5
|
@@ -30,7 +30,6 @@ const VoiceRecordButton = ({
|
|
|
30
30
|
const isRecording = voiceRecordState === _constants.VoiceRecorderState.RECORDING;
|
|
31
31
|
const isIdle = voiceRecordState === _constants.VoiceRecorderState.IDLE;
|
|
32
32
|
const hasInputs = availableInputs.length > 0;
|
|
33
|
-
const disabled = isButtonDisabled || !hasInputs;
|
|
34
33
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
|
|
35
34
|
onPressIn: e => {
|
|
36
35
|
if (hasInputs) return;
|
|
@@ -38,13 +37,14 @@ const VoiceRecordButton = ({
|
|
|
38
37
|
model.notification.warning(t('voice.noMicrophoneFound'));
|
|
39
38
|
},
|
|
40
39
|
pointerEvents: !hasInputs || isInitializing ? 'box-only' : 'auto',
|
|
40
|
+
style: isButtonDisabled ? styles.disabledCursor : undefined,
|
|
41
41
|
children: model.recordButtonVariant === _types.RecordButtonVariant.ADVANCED ? /*#__PURE__*/(0, _jsxRuntime.jsx)(AdvancedButton, {
|
|
42
42
|
isRecording: isRecording,
|
|
43
43
|
isIdle: isIdle,
|
|
44
|
-
disabled:
|
|
44
|
+
disabled: isButtonDisabled,
|
|
45
45
|
onPressIn: () => model.recorderButtonHandler()
|
|
46
46
|
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
|
|
47
|
-
disabled:
|
|
47
|
+
disabled: isButtonDisabled,
|
|
48
48
|
onPressIn: () => model.recorderButtonHandler(),
|
|
49
49
|
style: defaultButtonStyles,
|
|
50
50
|
size: _reactNativeUi.ButtonSize.LARGE,
|
|
@@ -70,7 +70,7 @@ const AdvancedButton = ({
|
|
|
70
70
|
disabled,
|
|
71
71
|
onPressIn
|
|
72
72
|
}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
|
|
73
|
-
style: styles.advancedButtonContainer,
|
|
73
|
+
style: [styles.advancedButtonContainer, _reactNativeUi.IS_WEB && disabled && styles.disabledCursor],
|
|
74
74
|
onPressIn: onPressIn,
|
|
75
75
|
disabled: disabled,
|
|
76
76
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
@@ -86,7 +86,7 @@ const AdvancedButton = ({
|
|
|
86
86
|
width: 14,
|
|
87
87
|
height: 19
|
|
88
88
|
},
|
|
89
|
-
color: isIdle ? _reactNativeUi.COLORS.NEUTRAL_9 : _reactNativeUi.COLORS.NEUTRAL_1
|
|
89
|
+
color: disabled ? _reactNativeUi.COLORS.NEUTRAL_5 : isIdle ? _reactNativeUi.COLORS.NEUTRAL_9 : _reactNativeUi.COLORS.NEUTRAL_1
|
|
90
90
|
})
|
|
91
91
|
})
|
|
92
92
|
});
|
|
@@ -106,6 +106,9 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
106
106
|
borderRadius: _reactNativeUi.BORDER_RADIUS[300],
|
|
107
107
|
justifyContent: 'center',
|
|
108
108
|
alignItems: 'center'
|
|
109
|
+
},
|
|
110
|
+
disabledCursor: {
|
|
111
|
+
cursor: 'not-allowed'
|
|
109
112
|
}
|
|
110
113
|
});
|
|
111
114
|
//# sourceMappingURL=VoiceRecordButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeUi","_reactNative","_effectorReact","_constants","_index","_types","_jsxRuntime","e","__esModule","default","defaultButtonStyles","button","width","height","VoiceRecordButton","model","t","useText","availableInputs","useUnit","recorderModel","$availableInputs","voiceRecordState","$voiceRecordState","isButtonDisabled","$isButtonDisabled","isInitializing","initializeRecording","pending","isRecording","VoiceRecorderState","RECORDING","isIdle","IDLE","hasInputs","length","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeUi","_reactNative","_effectorReact","_constants","_index","_types","_jsxRuntime","e","__esModule","default","defaultButtonStyles","button","width","height","VoiceRecordButton","model","t","useText","availableInputs","useUnit","recorderModel","$availableInputs","voiceRecordState","$voiceRecordState","isButtonDisabled","$isButtonDisabled","isInitializing","initializeRecording","pending","isRecording","VoiceRecorderState","RECORDING","isIdle","IDLE","hasInputs","length","jsx","Pressable","onPressIn","preventDefault","notification","warning","pointerEvents","style","styles","disabledCursor","undefined","children","recordButtonVariant","RecordButtonVariant","ADVANCED","AdvancedButton","disabled","recorderButtonHandler","Button","size","ButtonSize","LARGE","variant","ButtonVariant","SECONDARY","colorScheme","ButtonColor","WHITE","icon","CheckIcon","MicrophoneIcon","IS_WEB","minWidth","minHeight","exports","advancedButtonContainer","View","advancedIconContainer","borderRadius","backgroundColor","COLORS","PRIMARY_BLUE","color","NEUTRAL_1","NEUTRAL_5","NEUTRAL_9","StyleSheet","create","alignItems","justifyContent","BORDER_RADIUS","boxShadow","cursor"],"sourceRoot":"../../../../../../src","sources":["features/voice/recording/components/VoiceRecordButton.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -25,7 +25,6 @@ export const VoiceRecordButton = ({
|
|
|
25
25
|
const isRecording = voiceRecordState === VoiceRecorderState.RECORDING;
|
|
26
26
|
const isIdle = voiceRecordState === VoiceRecorderState.IDLE;
|
|
27
27
|
const hasInputs = availableInputs.length > 0;
|
|
28
|
-
const disabled = isButtonDisabled || !hasInputs;
|
|
29
28
|
return /*#__PURE__*/_jsx(Pressable, {
|
|
30
29
|
onPressIn: e => {
|
|
31
30
|
if (hasInputs) return;
|
|
@@ -33,13 +32,14 @@ export const VoiceRecordButton = ({
|
|
|
33
32
|
model.notification.warning(t('voice.noMicrophoneFound'));
|
|
34
33
|
},
|
|
35
34
|
pointerEvents: !hasInputs || isInitializing ? 'box-only' : 'auto',
|
|
35
|
+
style: isButtonDisabled ? styles.disabledCursor : undefined,
|
|
36
36
|
children: model.recordButtonVariant === RecordButtonVariant.ADVANCED ? /*#__PURE__*/_jsx(AdvancedButton, {
|
|
37
37
|
isRecording: isRecording,
|
|
38
38
|
isIdle: isIdle,
|
|
39
|
-
disabled:
|
|
39
|
+
disabled: isButtonDisabled,
|
|
40
40
|
onPressIn: () => model.recorderButtonHandler()
|
|
41
41
|
}) : /*#__PURE__*/_jsx(Button, {
|
|
42
|
-
disabled:
|
|
42
|
+
disabled: isButtonDisabled,
|
|
43
43
|
onPressIn: () => model.recorderButtonHandler(),
|
|
44
44
|
style: defaultButtonStyles,
|
|
45
45
|
size: ButtonSize.LARGE,
|
|
@@ -64,7 +64,7 @@ const AdvancedButton = ({
|
|
|
64
64
|
disabled,
|
|
65
65
|
onPressIn
|
|
66
66
|
}) => /*#__PURE__*/_jsx(Pressable, {
|
|
67
|
-
style: styles.advancedButtonContainer,
|
|
67
|
+
style: [styles.advancedButtonContainer, IS_WEB && disabled && styles.disabledCursor],
|
|
68
68
|
onPressIn: onPressIn,
|
|
69
69
|
disabled: disabled,
|
|
70
70
|
children: /*#__PURE__*/_jsx(View, {
|
|
@@ -80,7 +80,7 @@ const AdvancedButton = ({
|
|
|
80
80
|
width: 14,
|
|
81
81
|
height: 19
|
|
82
82
|
},
|
|
83
|
-
color: isIdle ? COLORS.NEUTRAL_9 : COLORS.NEUTRAL_1
|
|
83
|
+
color: disabled ? COLORS.NEUTRAL_5 : isIdle ? COLORS.NEUTRAL_9 : COLORS.NEUTRAL_1
|
|
84
84
|
})
|
|
85
85
|
})
|
|
86
86
|
});
|
|
@@ -100,6 +100,9 @@ const styles = StyleSheet.create({
|
|
|
100
100
|
borderRadius: BORDER_RADIUS[300],
|
|
101
101
|
justifyContent: 'center',
|
|
102
102
|
alignItems: 'center'
|
|
103
|
+
},
|
|
104
|
+
disabledCursor: {
|
|
105
|
+
cursor: 'not-allowed'
|
|
103
106
|
}
|
|
104
107
|
});
|
|
105
108
|
//# sourceMappingURL=VoiceRecordButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","BORDER_RADIUS","Button","ButtonColor","ButtonSize","ButtonVariant","CheckIcon","COLORS","IS_WEB","MicrophoneIcon","Pressable","StyleSheet","View","useUnit","VoiceRecorderState","useText","RecordButtonVariant","jsx","_jsx","defaultButtonStyles","button","width","height","VoiceRecordButton","model","t","availableInputs","recorderModel","$availableInputs","voiceRecordState","$voiceRecordState","isButtonDisabled","$isButtonDisabled","isInitializing","initializeRecording","pending","isRecording","RECORDING","isIdle","IDLE","hasInputs","length","
|
|
1
|
+
{"version":3,"names":["React","BORDER_RADIUS","Button","ButtonColor","ButtonSize","ButtonVariant","CheckIcon","COLORS","IS_WEB","MicrophoneIcon","Pressable","StyleSheet","View","useUnit","VoiceRecorderState","useText","RecordButtonVariant","jsx","_jsx","defaultButtonStyles","button","width","height","VoiceRecordButton","model","t","availableInputs","recorderModel","$availableInputs","voiceRecordState","$voiceRecordState","isButtonDisabled","$isButtonDisabled","isInitializing","initializeRecording","pending","isRecording","RECORDING","isIdle","IDLE","hasInputs","length","onPressIn","e","preventDefault","notification","warning","pointerEvents","style","styles","disabledCursor","undefined","children","recordButtonVariant","ADVANCED","AdvancedButton","disabled","recorderButtonHandler","size","LARGE","variant","SECONDARY","colorScheme","WHITE","icon","minWidth","minHeight","advancedButtonContainer","advancedIconContainer","borderRadius","backgroundColor","PRIMARY_BLUE","color","NEUTRAL_1","NEUTRAL_5","NEUTRAL_9","create","alignItems","justifyContent","boxShadow","cursor"],"sourceRoot":"../../../../../../src","sources":["features/voice/recording/components/VoiceRecordButton.tsx"],"mappings":"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","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -40,7 +40,6 @@ export const VoiceRecordButton = ({ model }: VoiceRecordButtonProps) => {
|
|
|
40
40
|
const isRecording = voiceRecordState === VoiceRecorderState.RECORDING
|
|
41
41
|
const isIdle = voiceRecordState === VoiceRecorderState.IDLE
|
|
42
42
|
const hasInputs = availableInputs.length > 0
|
|
43
|
-
const disabled = isButtonDisabled || !hasInputs
|
|
44
43
|
|
|
45
44
|
return (
|
|
46
45
|
<Pressable
|
|
@@ -50,17 +49,18 @@ export const VoiceRecordButton = ({ model }: VoiceRecordButtonProps) => {
|
|
|
50
49
|
model.notification.warning(t('voice.noMicrophoneFound'))
|
|
51
50
|
}}
|
|
52
51
|
pointerEvents={!hasInputs || isInitializing ? 'box-only' : 'auto'}
|
|
52
|
+
style={isButtonDisabled ? styles.disabledCursor : undefined}
|
|
53
53
|
>
|
|
54
54
|
{model.recordButtonVariant === RecordButtonVariant.ADVANCED ? (
|
|
55
55
|
<AdvancedButton
|
|
56
56
|
isRecording={isRecording}
|
|
57
57
|
isIdle={isIdle}
|
|
58
|
-
disabled={
|
|
58
|
+
disabled={isButtonDisabled}
|
|
59
59
|
onPressIn={() => model.recorderButtonHandler()}
|
|
60
60
|
/>
|
|
61
61
|
) : (
|
|
62
62
|
<Button
|
|
63
|
-
disabled={
|
|
63
|
+
disabled={isButtonDisabled}
|
|
64
64
|
onPressIn={() => model.recorderButtonHandler()}
|
|
65
65
|
style={defaultButtonStyles}
|
|
66
66
|
size={ButtonSize.LARGE}
|
|
@@ -87,7 +87,11 @@ type AdvancedButtonProps = {
|
|
|
87
87
|
}
|
|
88
88
|
|
|
89
89
|
const AdvancedButton = ({ isRecording, isIdle, disabled, onPressIn }: AdvancedButtonProps) => (
|
|
90
|
-
<Pressable
|
|
90
|
+
<Pressable
|
|
91
|
+
style={[styles.advancedButtonContainer, IS_WEB && disabled && styles.disabledCursor]}
|
|
92
|
+
onPressIn={onPressIn}
|
|
93
|
+
disabled={disabled}
|
|
94
|
+
>
|
|
91
95
|
<View
|
|
92
96
|
style={[
|
|
93
97
|
styles.advancedIconContainer,
|
|
@@ -99,7 +103,7 @@ const AdvancedButton = ({ isRecording, isIdle, disabled, onPressIn }: AdvancedBu
|
|
|
99
103
|
) : (
|
|
100
104
|
<MicrophoneIcon
|
|
101
105
|
style={{ width: 14, height: 19 }}
|
|
102
|
-
color={isIdle ? COLORS.NEUTRAL_9 : COLORS.NEUTRAL_1}
|
|
106
|
+
color={disabled ? COLORS.NEUTRAL_5 : isIdle ? COLORS.NEUTRAL_9 : COLORS.NEUTRAL_1}
|
|
103
107
|
/>
|
|
104
108
|
)}
|
|
105
109
|
</View>
|
|
@@ -123,4 +127,7 @@ const styles = StyleSheet.create({
|
|
|
123
127
|
justifyContent: 'center',
|
|
124
128
|
alignItems: 'center',
|
|
125
129
|
},
|
|
130
|
+
disabledCursor: {
|
|
131
|
+
cursor: 'not-allowed' as 'auto',
|
|
132
|
+
},
|
|
126
133
|
})
|