@nualang/nualang-ui-components 0.1.1266 → 0.1.1268

package/dist/Cards/Course/Course.js

@@ -92,7 +92,7 @@ function OverflowMenu({
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
         children: t("leave_course")
       })]
-    }), classroomId && !isClassroomArchived && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.MenuItem, {
+    }), isCreator && classroomId && !isClassroomArchived && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.MenuItem, {
       onClick: () => {
         localStorage.setItem("focusCourseSettings", true);
         window.location.hash = "Settings";

package/dist/Chat/BottomBar/BottomBar.js

@@ -127,6 +127,7 @@ function BottomBar({
       onKeyPress: handleKeyPress,
       placeholder: placeholder,
       inputProps: {
+        maxLength: 200,
         sx: theme => ({
           "&::placeholder": {
             color: theme.palette.mode === "light" ? _colors.grey[200] : _colors.grey[800],

package/dist/Dialogs/GenerateBot/GenerateBot.js

@@ -266,7 +266,8 @@ function GenerateBotDialog({
             required: true,
             onChange: handleChange,
             multiline: true,
-            rows: 3
+            rows: 3,
+            maxLength: 200
           })
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
           size: 12,
@@ -286,6 +287,9 @@ function GenerateBotDialog({
               marginBottom: 5
             },
             onChange: e => setTopicGoal(e.target.value),
+            inputProps: {
+              maxLength: 300
+            },
             InputProps: {
               endAdornment: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.InputAdornment, {
                 position: "end",

package/dist/Dialogs/GeneratePhrases/GeneratePhrases.js

@@ -244,7 +244,8 @@ function GeneratePhrases({
             required: true,
             onChange: handleChange,
             multiline: true,
-            rows: 3
+            rows: 3,
+            maxLength: 300
           })
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
           mb: 2,
@@ -261,6 +262,9 @@ function GeneratePhrases({
             variant: "outlined",
             fullWidth: true,
             onChange: handleChange,
+            inputProps: {
+              maxLength: 200
+            },
             InputProps: {
               endAdornment: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.InputAdornment, {
                 position: "end",

package/dist/Dialogs/GenerateRoleplay/GenerateRoleplay.js

@@ -394,7 +394,8 @@ function GenerateRoleplayDialog({
             required: true,
             onChange: handleChange,
             multiline: true,
-            rows: 3
+            rows: 3,
+            maxLength: 300
           })
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
           size: 12,
@@ -413,6 +414,9 @@ function GenerateRoleplayDialog({
               marginBottom: 5
             },
             onChange: e => setTopicGoal(e.target.value),
+            inputProps: {
+              maxLength: 300
+            },
             InputProps: {
               endAdornment: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.InputAdornment, {
                 position: "end",

package/dist/Lists/Phrases/Phrases.js

@@ -80,7 +80,8 @@ function Phrase(props) {
     selectedPhrases,
     handleSelectPhrase,
     verificationStatus,
-    isDragDisabled
+    isDragDisabled,
+    setDisableDrag
   } = props;
   const {
     phrase = "",
@@ -112,6 +113,7 @@ function Phrase(props) {
   const handleClickOpenListener = () => {
     if (isbrowserSupported) {
       setIsListenerOpen(true);
+      setDisableDrag(true);
     } else {
       setbrowserSupported(false);
       window.alert("Native microphone recording is only supported in https. Please use localhost for testing purposes");
@@ -123,12 +125,15 @@ function Phrase(props) {
   };
   const handleCloseListener = () => {
     setIsListenerOpen(false);
+    setDisableDrag(false);
   };
   const handleClickOpenUpdate = () => {
     setIsUpdateOpen(true);
+    setDisableDrag(true);
   };
   const handleCloseUpdate = () => {
     setIsUpdateOpen(false);
+    setDisableDrag(false);
   };
   const combinedVoices = props.phrase.voices && props.phrase.voices.length > 0 ? [{
     label: "Uploaded",
@@ -354,6 +359,7 @@ function PhraseList({
   const [confirm] = (0, _useConfirm.default)(t);
   const [phrasesArray, setPhrasesArray] = (0, _react.useState)([]);
   const [selectedPhrases, setSelectedPhrases] = (0, _react.useState)([]);
+  const [disableDrag, setDisableDrag] = (0, _react.useState)(false);
 
   // Used for useEffect as dependency to check for a phrase
   // update in array.
@@ -435,7 +441,7 @@ function PhraseList({
       }, index))
     });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_dragAndDrop.SortableDndContextWrapper, {
+  return !disableDrag ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_dragAndDrop.SortableDndContextWrapper, {
     onDragEnd: onDragEnd,
     items: phrasesArray.map(phrase => `phrase-${phrase.phraseId}`),
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.List, {
@@ -504,10 +510,81 @@ function PhraseList({
           handleRemovePhrase: handleRemovePhrase,
           handleDeletePhrases: handleDeletePhrases,
           isDragDisabled: isDragDisabled,
+          setDisableDrag: setDisableDrag,
           ...otherProps
         })
       }, `phrase-${phrase.phraseId}`))
     })
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.List, {
+    className: classes.root,
+    disablePadding: disablePadding,
+    subheader: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [isMember && !isCreator && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListSubheader, {
+        disableSticky: true,
+        disableGutters: disableGutters,
+        component: "div",
+        id: "nested-list-subheader",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+          variant: "subtitle1",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+            display: "flex",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+              fontWeight: "fontWeightBold",
+              flexGrow: 1,
+              alignSelf: "center",
+              children: [t("phrases"), " (", phrases.length, ")"]
+            })
+          })
+        })
+      }), isCreator && phrasesArray.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.ListSubheader, {
+        disableSticky: true,
+        disableGutters: disableGutters,
+        component: "div",
+        id: "nested-list-subheader",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tooltip, {
+          title: "Select all",
+          enterDelay: 200,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Checkbox, {
+            indeterminate: selectedPhrases.length > 0 && selectedPhrases.length < phrasesArray.length,
+            checked: selectedPhrases.length === phrasesArray.length,
+            onChange: handleSelectAll,
+            inputProps: {
+              "aria-label": "Select all phrases"
+            },
+            TooltipTitle: "Select all phrases"
+          })
+        }), selectedPhrases.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
+          variant: "contained",
+          color: "primary",
+          onClick: () => handleDeletePhrases(),
+          startIcon: isLargeScreen ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Delete.default, {}) : null,
+          style: {
+            marginLeft: "10px"
+          },
+          children: isLargeScreen ? t("Remove Phrases") : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Delete.default, {})
+        })]
+      })]
+    }),
+    children: phrasesArray.map((phrase, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_dragAndDrop.Sortable, {
+      disabled: isDragDisabled,
+      sortId: `phrase-${phrase.phraseId}`,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Phrase, {
+        t: t,
+        phraseIndex: index,
+        phrase: phrase,
+        isCreator: isCreator,
+        disableGutters: disableGutters,
+        disableActions: disableActions,
+        disableDragAndDrop: disableDragAndDrop,
+        selectedPhrases: selectedPhrases,
+        handleSelectPhrase: handleSelectPhrase,
+        handleRemovePhrase: handleRemovePhrase,
+        handleDeletePhrases: handleDeletePhrases,
+        isDragDisabled: isDragDisabled,
+        setDisableDrag: setDisableDrag,
+        ...otherProps
+      })
+    }, `phrase-${phrase.phraseId}`))
   });
 }
 function Phrases(props) {

package/dist/Tables/TrialUsers/TrialUsers.js

@@ -107,8 +107,8 @@ function UsersTable({
               target: "_blank",
               rel: "noopener noreferrer",
               style: {
-                color: "inherit",
-                textDecoration: "none"
+                color: "blue",
+                textDecoration: "underline"
               },
               children: row.Attributes.email || ""
             })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nualang/nualang-ui-components",
-  "version": "0.1.1266",
+  "version": "0.1.1268",
   "main": "dist/index.js",
   "files": [
     "dist",
@@ -20,7 +20,7 @@
     "@hookform/resolvers": "^3.6.0",
     "@json2csv/plainjs": "^7.0.1",
     "@nualang/avatars": "2.0.3",
-    "@nualang/nualang-api-and-queries": "^1.1.3",
+    "@nualang/nualang-api-and-queries": "^1.1.5",
     "@storybook/theming": "^8.6.12",
     "@stripe/react-stripe-js": "^2.1.1",
     "@stripe/stripe-js": "^1.54.2",