@nualang/nualang-ui-components 0.1.1165 → 0.1.1166

package/dist/Dialogs/GenerateBot/GenerateBot.js

@@ -236,7 +236,8 @@ function GenerateBotDialog({
     id: "topicGoal",
     name: "topicGoal",
     "data-cy": "topicGoal",
-    label: t("enter_a_topic_goal"),
+    label: t("topic_goal"),
+    placeholder: t("topic_goal_placeholder"),
     value: topicGoal,
     type: "text",
     margin: "normal",

package/dist/Dialogs/GeneratePhrases/GeneratePhrases.js

@@ -200,7 +200,8 @@ function GeneratePhrases({
     id: "topicGoal",
     name: "topicGoal",
     "data-cy": "topicGoal",
-    label: t("enter_a_topic_goal"),
+    label: t("topic_goal"),
+    placeholder: t("topic_goal_placeholder"),
     value: values.topicGoal,
     type: "text",
     margin: "normal",

package/dist/Dialogs/GenerateRoleplay/GenerateRoleplay.js

@@ -368,7 +368,8 @@ function GenerateRoleplayDialog({
   }, /*#__PURE__*/_react.default.createElement(_material.TextField, {
     id: "topicGoal",
     name: "topicGoal",
-    label: t("enter_a_topic_goal"),
+    label: t("topic_goal"),
+    placeholder: t("topic_goal_placeholder"),
     value: topicGoal,
     type: "text",
     margin: "normal",

package/dist/Editors/Phrases/Phrases.js

@@ -56,7 +56,6 @@ const useStyles = (0, _mui.makeStyles)()(theme => ({
     paddingRight: theme.spacing()
   },
   actionButton: {
-    marginLeft: theme.spacing(),
     marginTop: theme.spacing(0.5),
     marginBottom: theme.spacing(0.5),
     marginRight: theme.spacing()
@@ -435,16 +434,28 @@ function PhrasesEditor(props) {
     size: "small",
     onClick: deleteSelectedRow,
     endIcon: /*#__PURE__*/_react.default.createElement(_Delete.default, null),
-    disabled: !Number.isInteger(selectedRow)
+    disabled: !Number.isInteger(selectedRow),
+    sx: {
+      ml: 1
+    }
   }, t("delete_selected_row"))), /*#__PURE__*/_react.default.createElement(_material.Box, {
     className: classes.toggleBox
   }, (isCreator || isCreator && isMember) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, subscription?.isPaidUser && /*#__PURE__*/_react.default.createElement(_material.Button, {
+    className: classes.actionButton,
     onClick: handleOpenGeneratePhrases,
     color: "secondary",
     variant: "contained",
-    startIcon: /*#__PURE__*/_react.default.createElement(_AutoFixHigh.default, null),
+    endIcon: /*#__PURE__*/_react.default.createElement(_AutoFixHigh.default, null),
+    size: "small"
+  }, t("generate_phrases")), isCreator && mode === Modes.NORMAL && /*#__PURE__*/_react.default.createElement(_material.Button, {
+    className: classes.actionButton,
+    color: "primary",
+    "data-cy": "add-phrase",
+    onClick: () => setIsCreatePhraseDialogOpen(true),
+    variant: "contained",
+    endIcon: /*#__PURE__*/_react.default.createElement(_Add.default, null),
     size: "small"
-  }, t("generate_phrases")), /*#__PURE__*/_react.default.createElement(_DefaultColourButton.default, {
+  }, t("add_phrase")), /*#__PURE__*/_react.default.createElement(_DefaultColourButton.default, {
     className: classes.actionButton,
     size: "small",
     variant: "contained",
@@ -456,15 +467,7 @@ function PhrasesEditor(props) {
     size: "small",
     onClick: handleScriptDownload,
     endIcon: /*#__PURE__*/_react.default.createElement(_GetApp.default, null)
-  }, t("download"))), isCreator && mode === Modes.NORMAL && /*#__PURE__*/_react.default.createElement(_material.Button, {
-    className: classes.actionButton,
-    color: "primary",
-    "data-cy": "add-phrase",
-    onClick: () => setIsCreatePhraseDialogOpen(true),
-    variant: "contained",
-    endIcon: /*#__PURE__*/_react.default.createElement(_Add.default, null),
-    size: "small"
-  }, t("add_phrase")), /*#__PURE__*/_react.default.createElement(_material.ToggleButtonGroup, {
+  }, t("download"))), /*#__PURE__*/_react.default.createElement(_material.ToggleButtonGroup, {
     className: classes.actionButton,
     size: "medium",
     value: mode,

package/dist/Forms/CreateTopic/Steps/TopicInformation/TopicInformation.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _material = require("@mui/material");
+var _Info = _interopRequireDefault(require("@mui/icons-material/Info"));
 var Yup = _interopRequireWildcard(require("yup"));
 var _InputHelper = _interopRequireDefault(require("../../../../Forms/InputHelper"));
 var _ChipInput = _interopRequireDefault(require("../../../../Forms/ChipInput"));
@@ -100,12 +101,13 @@ function TopicInformation({
   }, difficultyOptions)), /*#__PURE__*/_react.default.createElement(_material.Grid, {
     item: true,
     xs: 12
-  }, /*#__PURE__*/_react.default.createElement(_InputHelper.default, {
+  }, /*#__PURE__*/_react.default.createElement(_material.TextField, {
     t: t,
     id: "topicGoal",
     name: "topicGoal",
     "data-cy": "topicGoal",
     label: t("topic_goal"),
+    placeholder: t("topic_goal_placeholder"),
     value: topicGoal,
     onChange: handleChange,
     onBlur: handleBlur,
@@ -116,7 +118,20 @@ function TopicInformation({
     variant: "outlined",
     multiline: true,
     fullWidth: true,
-    maxLength: 1000
+    maxLength: 1000,
+    InputProps: {
+      endAdornment: /*#__PURE__*/_react.default.createElement(_material.InputAdornment, {
+        position: "end"
+      }, /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
+        title: t("topic_goal_info_text"),
+        placement: "top"
+      }, /*#__PURE__*/_react.default.createElement(_Info.default, {
+        fontSize: "small",
+        style: {
+          color: "lightgrey"
+        }
+      })))
+    }
   })), /*#__PURE__*/_react.default.createElement(_material.Grid, {
     item: true,
     xs: 12

package/dist/Lists/Exercises/Exercises.js

@@ -48,9 +48,8 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 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); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } // styles
-const sxRoot = theme => ({
-  width: "100%",
-  backgroundColor: theme.palette.background.paper
+const sxRoot = () => ({
+  width: "100%"
 });
 const sxNested = theme => ({
   paddingLeft: theme.spacing(9)

package/dist/Lists/Phrases/Phrases.js

@@ -27,8 +27,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const useStyles = (0, _mui.makeStyles)()(theme => ({
   root: {
-    width: "100%",
-    backgroundColor: theme.palette.background.paper
+    width: "100%"
   },
   phraseText: {
     width: "80%",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nualang/nualang-ui-components",
-  "version": "0.1.1165",
+  "version": "0.1.1166",
   "main": "dist/index.js",
   "files": [
     "dist",