@nualang/nualang-ui-components 0.1.1164 → 0.1.1165
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/Dialogs/Listener/Listener.js +2 -1
- package/dist/Dialogs/WaveformDialog/WaveformDialog.js +2 -1
- package/dist/Exercises/Pronouncer/Pronouncer.js +2 -1
- package/dist/Lists/Voices/Voices.js +4 -2
- package/dist/Misc/AnswerResult/AnswerResult.js +2 -1
- package/dist/Screens/Courses/SearchCourses/SearchCourses.js +19 -9
- package/dist/Tables/Progress/Progress.js +17 -14
- package/dist/Tables/Progress/SelectMembers.js +1 -1
- package/package.json +1 -1
|
@@ -75,7 +75,8 @@ function Listener({
|
|
|
75
75
|
onClick: addVoice
|
|
76
76
|
}, t("add_voice")), audioURL && /*#__PURE__*/_react.default.createElement(_Waveform.default, {
|
|
77
77
|
src: audioURL,
|
|
78
|
-
theme: theme
|
|
78
|
+
theme: theme,
|
|
79
|
+
controls: true
|
|
79
80
|
})) : null, /*#__PURE__*/_react.default.createElement(_Voices.default, _extends({
|
|
80
81
|
t: t,
|
|
81
82
|
isCreator: isCreator,
|
|
@@ -96,7 +96,8 @@ function WaveformDialog({
|
|
|
96
96
|
}, /*#__PURE__*/_react.default.createElement(_Waveform.default, {
|
|
97
97
|
src: attempt.voiceAttempt,
|
|
98
98
|
autoPlay: true,
|
|
99
|
-
theme: theme
|
|
99
|
+
theme: theme,
|
|
100
|
+
controls: true
|
|
100
101
|
}))));
|
|
101
102
|
}
|
|
102
103
|
var _default = exports.default = WaveformDialog;
|
|
@@ -708,7 +708,8 @@ function Pronouncer({
|
|
|
708
708
|
"aria-labelledby": finalTranscript
|
|
709
709
|
}, attemptAudioURL && /*#__PURE__*/_react.default.createElement(_Waveform.default, {
|
|
710
710
|
src: attemptAudioURL,
|
|
711
|
-
theme: theme
|
|
711
|
+
theme: theme,
|
|
712
|
+
controls: true
|
|
712
713
|
}))), /*#__PURE__*/_react.default.createElement(_ExerciseBottomBar.default, {
|
|
713
714
|
t: t,
|
|
714
715
|
handleSubmit: () => handleContinue(false, currentPhrase),
|
|
@@ -88,10 +88,12 @@ function Voice(props) {
|
|
|
88
88
|
};
|
|
89
89
|
const Wave = src || base64 ? src ? /*#__PURE__*/_react.default.createElement(_Waveform.default, {
|
|
90
90
|
src: src,
|
|
91
|
-
theme: theme
|
|
91
|
+
theme: theme,
|
|
92
|
+
controls: true
|
|
92
93
|
}) : /*#__PURE__*/_react.default.createElement(_Waveform.default, {
|
|
93
94
|
base64: base64,
|
|
94
|
-
theme: theme
|
|
95
|
+
theme: theme,
|
|
96
|
+
controls: true
|
|
95
97
|
}) : null;
|
|
96
98
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ListItem.default, {
|
|
97
99
|
disableGutters: disableGutters
|
|
@@ -440,7 +440,8 @@ function AnswerResult({
|
|
|
440
440
|
}), " ");
|
|
441
441
|
}) : null), attemptAudioURL && /*#__PURE__*/_react.default.createElement(_Waveform.default, {
|
|
442
442
|
src: attemptAudioURL,
|
|
443
|
-
theme: theme
|
|
443
|
+
theme: theme,
|
|
444
|
+
controls: true
|
|
444
445
|
})), (exercise === "pronunciation" || exercise === "roleplay") && attemptAudioURL ? /*#__PURE__*/_react.default.createElement(_material.FormGroup, {
|
|
445
446
|
className: classes.checkBox
|
|
446
447
|
}, /*#__PURE__*/_react.default.createElement(_material.FormControlLabel, {
|
|
@@ -94,7 +94,15 @@ function SearchFilters({
|
|
|
94
94
|
}, /*#__PURE__*/_react.default.createElement(_material.Grid, {
|
|
95
95
|
item: true,
|
|
96
96
|
xs: 12,
|
|
97
|
-
|
|
97
|
+
md: 9.5
|
|
98
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Grid, {
|
|
99
|
+
container: true,
|
|
100
|
+
direction: "row",
|
|
101
|
+
alignItems: "center",
|
|
102
|
+
spacing: 1
|
|
103
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Grid, {
|
|
104
|
+
item: true,
|
|
105
|
+
xs: 12,
|
|
98
106
|
md: 2
|
|
99
107
|
}, /*#__PURE__*/_react.default.createElement(_LanguageSelector.default, {
|
|
100
108
|
id: "learnLang",
|
|
@@ -110,7 +118,6 @@ function SearchFilters({
|
|
|
110
118
|
})), /*#__PURE__*/_react.default.createElement(_material.Grid, {
|
|
111
119
|
item: true,
|
|
112
120
|
xs: 12,
|
|
113
|
-
sm: 12,
|
|
114
121
|
md: 2
|
|
115
122
|
}, /*#__PURE__*/_react.default.createElement(_LanguageSelector.default, {
|
|
116
123
|
id: "forLang",
|
|
@@ -126,7 +133,6 @@ function SearchFilters({
|
|
|
126
133
|
})), /*#__PURE__*/_react.default.createElement(_material.Grid, {
|
|
127
134
|
item: true,
|
|
128
135
|
xs: 12,
|
|
129
|
-
sm: 12,
|
|
130
136
|
md: 2
|
|
131
137
|
}, /*#__PURE__*/_react.default.createElement(_material.TextField, {
|
|
132
138
|
select: true,
|
|
@@ -142,7 +148,6 @@ function SearchFilters({
|
|
|
142
148
|
}, difficultyOptions)), /*#__PURE__*/_react.default.createElement(_material.Grid, {
|
|
143
149
|
item: true,
|
|
144
150
|
xs: 12,
|
|
145
|
-
sm: 12,
|
|
146
151
|
md: 2
|
|
147
152
|
}, /*#__PURE__*/_react.default.createElement(_SortBySelector.default, {
|
|
148
153
|
id: "sortBy",
|
|
@@ -159,7 +164,6 @@ function SearchFilters({
|
|
|
159
164
|
})), /*#__PURE__*/_react.default.createElement(_material.Grid, {
|
|
160
165
|
item: true,
|
|
161
166
|
xs: 12,
|
|
162
|
-
sm: 12,
|
|
163
167
|
md: searchText ? 3.35 : 2.5,
|
|
164
168
|
sx: theme => ({
|
|
165
169
|
transition: theme.transitions.create("all", {
|
|
@@ -189,7 +193,6 @@ function SearchFilters({
|
|
|
189
193
|
})), /*#__PURE__*/_react.default.createElement(_material.Grid, {
|
|
190
194
|
item: true,
|
|
191
195
|
xs: 12,
|
|
192
|
-
sm: 12,
|
|
193
196
|
md: searchText ? 0.15 : 1,
|
|
194
197
|
sx: theme => ({
|
|
195
198
|
transition: theme.transitions.create("all", {
|
|
@@ -197,11 +200,18 @@ function SearchFilters({
|
|
|
197
200
|
duration: theme.transitions.duration.leavingScreen
|
|
198
201
|
})
|
|
199
202
|
})
|
|
200
|
-
}), /*#__PURE__*/_react.default.createElement(_material.Grid, {
|
|
203
|
+
}))), /*#__PURE__*/_react.default.createElement(_material.Grid, {
|
|
201
204
|
item: true,
|
|
202
205
|
xs: 12,
|
|
203
|
-
sm: 12,
|
|
204
206
|
md: 2.5
|
|
207
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Grid, {
|
|
208
|
+
container: true,
|
|
209
|
+
direction: "row",
|
|
210
|
+
alignItems: "center",
|
|
211
|
+
spacing: 1
|
|
212
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Grid, {
|
|
213
|
+
item: true,
|
|
214
|
+
xs: 12
|
|
205
215
|
}, /*#__PURE__*/_react.default.createElement(_material.Button, {
|
|
206
216
|
onClick: handleCreateCourse,
|
|
207
217
|
variant: "contained",
|
|
@@ -209,7 +219,7 @@ function SearchFilters({
|
|
|
209
219
|
endIcon: /*#__PURE__*/_react.default.createElement(_Add.default, null),
|
|
210
220
|
fullWidth: true,
|
|
211
221
|
role: "link"
|
|
212
|
-
}, t("create_course"))))));
|
|
222
|
+
}, t("create_course"))))))));
|
|
213
223
|
}
|
|
214
224
|
function SearchCourses({
|
|
215
225
|
t = text => text,
|
|
@@ -90,7 +90,7 @@ const TableToolbar = ({
|
|
|
90
90
|
margin: "dense",
|
|
91
91
|
variant: "outlined",
|
|
92
92
|
sx: {
|
|
93
|
-
width:
|
|
93
|
+
width: 300
|
|
94
94
|
}
|
|
95
95
|
}, reportFilterOptions)))), filter !== "discuss" && /*#__PURE__*/_react.default.createElement(_Grid.default, {
|
|
96
96
|
item: true
|
|
@@ -104,31 +104,34 @@ const TableToolbar = ({
|
|
|
104
104
|
}, /*#__PURE__*/_react.default.createElement(_DefaultColourButton.default, {
|
|
105
105
|
variant: "contained",
|
|
106
106
|
color: "primary",
|
|
107
|
-
startIcon: /*#__PURE__*/_react.default.createElement(
|
|
108
|
-
|
|
109
|
-
|
|
107
|
+
startIcon: /*#__PURE__*/_react.default.createElement(_Refresh.default, null),
|
|
108
|
+
size: "small",
|
|
109
|
+
onClick: () => {
|
|
110
|
+
queryClient.invalidateQueries({
|
|
111
|
+
queryKey: ["memberCourseProgress"]
|
|
112
|
+
});
|
|
113
|
+
}
|
|
114
|
+
}, t("refresh"))), /*#__PURE__*/_react.default.createElement(_Grid.default, {
|
|
110
115
|
item: true,
|
|
111
116
|
mb: 2,
|
|
112
117
|
mr: 1
|
|
113
118
|
}, /*#__PURE__*/_react.default.createElement(_DefaultColourButton.default, {
|
|
114
119
|
variant: "contained",
|
|
115
120
|
color: "primary",
|
|
116
|
-
startIcon: /*#__PURE__*/_react.default.createElement(
|
|
117
|
-
|
|
118
|
-
|
|
121
|
+
startIcon: /*#__PURE__*/_react.default.createElement(_Download.default, null),
|
|
122
|
+
size: "small",
|
|
123
|
+
onClick: () => generateOverview(filter)
|
|
124
|
+
}, t("download"))), /*#__PURE__*/_react.default.createElement(_Grid.default, {
|
|
119
125
|
item: true,
|
|
120
126
|
mb: 2,
|
|
121
127
|
mr: 1
|
|
122
128
|
}, /*#__PURE__*/_react.default.createElement(_DefaultColourButton.default, {
|
|
123
129
|
variant: "contained",
|
|
124
130
|
color: "primary",
|
|
125
|
-
startIcon: /*#__PURE__*/_react.default.createElement(
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
});
|
|
130
|
-
}
|
|
131
|
-
}, t("refresh"))))));
|
|
131
|
+
startIcon: /*#__PURE__*/_react.default.createElement(_Print.default, null),
|
|
132
|
+
size: "small",
|
|
133
|
+
onClick: () => window.print()
|
|
134
|
+
}, t("print"))))));
|
|
132
135
|
};
|
|
133
136
|
function Progress({
|
|
134
137
|
t = text => text,
|