@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.
@@ -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
- sm: 12,
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: 350
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(_Download.default, null),
108
- onClick: () => generateOverview(filter)
109
- }, t("download"))), /*#__PURE__*/_react.default.createElement(_Grid.default, {
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(_Print.default, null),
117
- onClick: () => window.print()
118
- }, t("print"))), /*#__PURE__*/_react.default.createElement(_Grid.default, {
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(_Refresh.default, null),
126
- onClick: () => {
127
- queryClient.invalidateQueries({
128
- queryKey: ["memberCourseProgress"]
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,
@@ -56,7 +56,7 @@ function SelectMembers({
56
56
  primary: option.username
57
57
  })),
58
58
  style: {
59
- width: 350
59
+ width: 300
60
60
  },
61
61
  renderInput: params => /*#__PURE__*/_react.default.createElement(_material.TextField, _extends({}, params, {
62
62
  label: "Search student name"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nualang/nualang-ui-components",
3
- "version": "0.1.1164",
3
+ "version": "0.1.1165",
4
4
  "main": "dist/index.js",
5
5
  "files": [
6
6
  "dist",