@nualang/nualang-ui-components 0.1.1399 → 0.2.0

package/dist/Tables/Phrases/Phrases.js

@@ -1,200 +0,0 @@
-import { useState } from "react";
-import { makeStyles } from "tss-react/mui";
-
-// components
-import { IconButton, Button, Table, Paper, TableHead, TableBody, TableRow, TableCell, TablePagination, Box } from "@mui/material";
-import RecordVoiceOver from "@mui/icons-material/RecordVoiceOver";
-import ListenerDialog from "../../Dialogs/Listener/Listener";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const useStyles = makeStyles()(theme => ({
-  table: {
-    minWidth: 340,
-    marginBottom: `0 !important`
-  },
-  tableCell: {
-    paddingRight: `4px !important`,
-    paddingLeft: `16px !important`,
-    [theme.breakpoints.up("600")]: {
-      paddingRight: `4px !important`,
-      paddingLeft: `24px !important`
-    }
-  },
-  tablePagination: {
-    paddingRight: 4
-  },
-  grow: {
-    flexGrow: 1
-  },
-  speakButton: {
-    marginLeft: theme.spacing(2)
-  },
-  addPhraseButton: {
-    marginLeft: theme.spacing(1),
-    [theme.breakpoints.up("md")]: {
-      marginLeft: theme.spacing(2)
-    }
-  },
-  delete: {
-    color: theme.palette.error.main
-  }
-}));
-function Phrase({
-  t,
-  index,
-  isCreator,
-  learnLang,
-  row,
-  handleSpeak,
-  voices,
-  userAttributes,
-  handleUpdatePhrase,
-  handleRemovePhrase
-}) {
-  const {
-    classes
-  } = useStyles();
-  const [isListenerOpen, setIsListenerOpen] = useState(false);
-  const handleClickOpenListener = () => {
-    setIsListenerOpen(true);
-  };
-  const handleCloseListener = () => {
-    setIsListenerOpen(false);
-  };
-  const combinedVoices = row.voices && row.voices.length > 0 ? [{
-    label: "Uploaded",
-    voiceOptions: row.voices
-  }, ...Object.values(voices)] : Object.values(voices);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsxs(TableRow, {
-      children: [/*#__PURE__*/_jsxs(TableCell, {
-        component: "th",
-        scope: "row",
-        className: classes.tableCell,
-        children: [row.phrase || "", /*#__PURE__*/_jsx(IconButton, {
-          onClick: handleClickOpenListener,
-          className: classes.speakButton,
-          "aria-label": "Delete",
-          size: "large",
-          children: /*#__PURE__*/_jsx(RecordVoiceOver, {
-            fontSize: "small"
-          })
-        })]
-      }), /*#__PURE__*/_jsx(TableCell, {
-        className: classes.tableCell,
-        children: (row.translations || []).toString()
-      }), /*#__PURE__*/_jsx(TableCell, {
-        className: classes.tableCell,
-        children: isCreator ? /*#__PURE__*/_jsx(Button, {
-          className: classes.delete,
-          onClick: () => handleRemovePhrase(row.phraseId),
-          children: t("remove")
-        }) : null
-      })]
-    }), /*#__PURE__*/_jsx(ListenerDialog, {
-      t: t,
-      open: isListenerOpen,
-      handleClose: handleCloseListener,
-      dialogTitle: row.phrase,
-      text: row.phrase,
-      learnLang: learnLang,
-      handleSpeak: handleSpeak,
-      voices: combinedVoices,
-      userAttributes: userAttributes,
-      isCreator: isCreator,
-      phrase: row,
-      phraseIndex: index,
-      handleUpdatePhrase: handleUpdatePhrase
-    })]
-  });
-}
-function Phrases({
-  t = text => text,
-  learnLang,
-  handleSpeak,
-  phrases = [],
-  voices = [],
-  userAttributes,
-  handleClickOpenCreatePhrase,
-  handleUpdatePhrase,
-  handleRemovePhrase,
-  isCreator
-}) {
-  const {
-    classes
-  } = useStyles();
-  const [page, setPage] = useState(0);
-  const [rowsPerPage, setRowsPerPage] = useState(5);
-  const handleChangePage = (event, page) => setPage(page);
-  const handleChangeRowsPerPage = event => setRowsPerPage(event.target.value);
-  const emptyRows = rowsPerPage - Math.min(rowsPerPage, phrases.length - page * rowsPerPage);
-  return /*#__PURE__*/_jsxs(Paper, {
-    children: [/*#__PURE__*/_jsxs(Table, {
-      className: classes.table,
-      children: [/*#__PURE__*/_jsx(TableHead, {
-        children: /*#__PURE__*/_jsxs(TableRow, {
-          children: [/*#__PURE__*/_jsx(TableCell, {
-            className: classes.tableCell,
-            children: t("phrase")
-          }), /*#__PURE__*/_jsx(TableCell, {
-            className: classes.tableCell,
-            children: t("translations")
-          }), /*#__PURE__*/_jsx(TableCell, {
-            className: classes.tableCell
-          })]
-        })
-      }), /*#__PURE__*/_jsxs(TableBody, {
-        children: [phrases.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage).map((row, idx) => {
-          return /*#__PURE__*/_jsx(Phrase, {
-            t: t,
-            index: idx,
-            row: row,
-            handleSpeak: handleSpeak,
-            handleUpdatePhrase: handleUpdatePhrase,
-            handleRemovePhrase: handleRemovePhrase,
-            isCreator: isCreator,
-            learnLang: learnLang,
-            voices: voices,
-            userAttributes: userAttributes
-          }, idx);
-        }), emptyRows > 0 && /*#__PURE__*/_jsx(TableRow, {
-          style: {
-            height: 49 * emptyRows
-          },
-          children: /*#__PURE__*/_jsx(TableCell, {
-            colSpan: 6,
-            className: classes.tableCell
-          })
-        })]
-      })]
-    }), /*#__PURE__*/_jsxs(Box, {
-      sx: {
-        display: 'flex',
-        justifyContent: 'space-between',
-        flexWrap: 'wrap'
-      },
-      children: [isCreator && /*#__PURE__*/_jsx(Button, {
-        className: classes.addPhraseButton,
-        color: "primary",
-        onClick: handleClickOpenCreatePhrase,
-        children: t("add_phrase")
-      }), /*#__PURE__*/_jsx(TablePagination, {
-        className: classes.tablePagination,
-        rowsPerPageOptions: [5, 10, 25],
-        component: "div",
-        count: phrases.length,
-        rowsPerPage: rowsPerPage,
-        page: page,
-        backIconButtonProps: {
-          "aria-label": "Previous Page"
-        },
-        nextIconButtonProps: {
-          "aria-label": "Next Page"
-        },
-        onPageChange: handleChangePage,
-        onRowsPerPageChange: handleChangeRowsPerPage
-      })]
-    })]
-  });
-}
-Phrases.propTypes = {};
-export default Phrases;

package/dist/Tables/Phrases/Phrases.test.js

@@ -1,20 +0,0 @@
-import { render } from "@testing-library/react";
-import { describe, it } from "vitest";
-import { createTheme, ThemeProvider } from "@mui/material/styles";
-import Phrases from "./Phrases";
-import { jsx as _jsx } from "react/jsx-runtime";
-describe("Phrases", () => {
-  it("renders without crashing", () => {
-    let props = {};
-    const theme = createTheme();
-    const {
-      unmount
-    } = render(/*#__PURE__*/_jsx(ThemeProvider, {
-      theme: theme,
-      children: /*#__PURE__*/_jsx(Phrases, {
-        ...props
-      })
-    }));
-    unmount();
-  });
-});

package/dist/Tables/Phrases/package.json

@@ -1,6 +0,0 @@
-{
-  "name": "Phrases",
-  "version": "0.0.0",
-  "private": true,
-  "main": "./Phrases.js"
-}

package/dist/Tables/Plans/Plans.js

@@ -1,74 +0,0 @@
-import { TableContainer, Table, TableRow, TableCell, TableBody, Card } from "@mui/material";
-import CheckIcon from "@mui/icons-material/Check";
-import CloseIcon from "@mui/icons-material/Close";
-import HelpOutlinedIcon from "@mui/icons-material/HelpOutlined";
-import Tooltip from "@mui/material/Tooltip";
-import { makeStyles } from "tss-react/mui";
-import plans from "./plans.json";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const useStyles = makeStyles()(theme => ({
-  card: {
-    borderRadius: theme.spacing(2),
-    border: `2px solid ${theme.palette.divider}`,
-    borderTop: `0px`,
-    borderTopLeftRadius: `0px`,
-    borderTopRightRadius: `0px`
-  },
-  tableContainer: {
-    //maxHeight: 440,
-  },
-  tableCell: {
-    paddingRight: `4px !important`,
-    paddingLeft: `16px !important`
-  },
-  table: {
-    minWidth: 340,
-    marginBottom: `0 !important`
-  },
-  checkIcon: {
-    color: theme.palette.success.main
-  }
-}));
-function Plans() {
-  const {
-    classes
-  } = useStyles();
-  return /*#__PURE__*/_jsx(Card, {
-    className: classes.card,
-    children: /*#__PURE__*/_jsx(TableContainer, {
-      className: classes.tableContainer,
-      children: /*#__PURE__*/_jsx(Table, {
-        stickyHeader: true,
-        className: classes.table,
-        children: /*#__PURE__*/_jsx(TableBody, {
-          children: plans.features.map(feature => /*#__PURE__*/_jsxs(TableRow, {
-            children: [/*#__PURE__*/_jsxs(TableCell, {
-              className: classes.tableCell,
-              width: "30%",
-              children: [feature.name, feature.tooltip && /*#__PURE__*/_jsx(Tooltip, {
-                title: feature.tooltip,
-                style: {
-                  float: "right"
-                },
-                children: /*#__PURE__*/_jsx(HelpOutlinedIcon, {
-                  color: "disabled",
-                  fontSize: "small"
-                })
-              })]
-            }), feature.availability.map(availability => /*#__PURE__*/_jsx(TableCell, {
-              className: classes.tableCell,
-              align: "center",
-              width: "17%",
-              children: availability ? /*#__PURE__*/_jsx(CheckIcon, {
-                className: classes.checkIcon
-              }) : /*#__PURE__*/_jsx(CloseIcon, {
-                color: "disabled"
-              })
-            }))]
-          }))
-        })
-      })
-    })
-  });
-}
-export default Plans;

package/dist/Tables/Plans/plans.json

@@ -1,162 +0,0 @@
-{
-  "plans": [
-    {
-      "name": "Student",
-      "price": "Free"
-    },
-    {
-      "name": "Basic Teach",
-      "price": "Free"
-    },
-    {
-      "name": "Teach",
-      "price": "$8.25 / m"
-    },
-    {
-      "name": "School & District",
-      "price": "Custom"
-    }
-  ],
-  "features": [
-    {
-      "name": "Explore Nualang",
-      "tooltip": "Search Nualang's Content Library (Roleplays, Bots, Courses)",
-      "availability": [true, true, true, true]
-    },
-    {
-      "name": "6 Languages: English, Spanish, Portuguese, Italian, German and French",
-      "tooltip": null,
-      "availability": [true, true, true, true]
-    },
-    {
-      "name": "Access all public content",
-      "tooltip": null,
-      "availability": [true, true, true, true]
-    },
-    {
-      "name": "Join a Course",
-      "tooltip": "Join a Course as a student and learn a language using the activities inside each topic",
-      "availability": [true, true, true, true]
-    },
-    {
-      "name": "Join a Classroom",
-      "tooltip": "Join a Classroom and explore the included courses.",
-      "availability": [true, true, true, true]
-    },
-    {
-      "name": "Pronunciation Practice",
-      "tooltip": "Practice your pronunciation with our speech recognition technology and get instant feedback on your accuracy.",
-      "availability": [true, true, true, true]
-    },
-    {
-      "name": "Listening Practice",
-      "tooltip": "Practice your listening skills throughout multiple different exercises such as the Listening, Roleplay and Bot exercise.",
-      "availability": [true, true, true, true]
-    },
-    {
-      "name": "Translation Practice",
-      "tooltip": "Test your translation skills in the Translation exercise.",
-      "availability": [true, true, true, true]
-    },
-    {
-      "name": "Spelling Practice",
-      "tooltip": "Practice your spelling in the Listening, Roleplay and Bot exercises.",
-      "availability": [true, true, true, true]
-    },
-    {
-      "name": "Conversation Practice",
-      "tooltip": "Practice the flow of a conversation using our Roleplay and Bot exercises.",
-      "availability": [true, true, true, true]
-    },
-    {
-      "name": "Create a Personal Avatar",
-      "tooltip": "Use our fun avatar generator to create a Nualang avatar.",
-      "availability": [true, true, true, true]
-    },
-    {
-      "name": "Create Private Content",
-      "tooltip": "Create private content which will not appear in search results on Nualang. Students would need to be invited to use this content. (Students can only use content created by someone on the 'Teach' plan.",
-      "availability": [false, true, true, true]
-    },
-    {
-      "name": "Upload Phrases and automatically create exercises",
-      "tooltip": "Quickly and easily add phrases to your topic which automatically generates Translation, Listening and Pronunciation exercises for your students.",
-      "availability": [false, true, true, true]
-    },
-    {
-      "name": "Record your own pronuciation of phrases",
-      "tooltip": "Record your version of the pronunciation of the phrase for your students to listen to.",
-      "availability": [false, true, true, true]
-    },
-    {
-      "name": "Upload Roleplays via Spreadsheet",
-      "tooltip": "Easily create Roleplay scripts using our Roleplay editor or edit a script using your favourite spreadsheet editor.",
-      "availability": [false, true, true, true]
-    },
-    {
-      "name": "Access Pixabay Image Library",
-      "tooltip": "Quickly find relevant images for your content using the Pixabay image library.",
-      "availability": [false, true, true, true]
-    },
-    {
-      "name": "Upload Images",
-      "tooltip": "If you can't find the right picture in our library, upload the perfect image for your content.",
-      "availability": [false, true, true, true]
-    },
-    {
-      "name": "Duplicate Existing Public Content & Edit",
-      "tooltip": "Use publicly created content as a starting point for your new creation.",
-      "availability": [false, true, true, true]
-    },
-    {
-      "name": "Create a Classroom",
-      "tooltip": "Setup a place to manage your students and share courses with them.",
-      "availability": [false, false, true, true]
-    },
-    {
-      "name": "Allow Students to join Courses/Classrooms",
-      "tooltip": "Essential for teaching with Nualang, allow students to join your created Courses and Classrooms",
-      "availability": [false, false, true, true]
-    },
-    {
-      "name": "Provide unique access codes to select Students",
-      "tooltip": null,
-      "availability": [false, false, true, true]
-    },
-    {
-      "name": "Share Course to Google Classroom",
-      "tooltip": "Share your content directly to Google Classroom, allowing teachers to make assignments etc.",
-      "availability": [false, false, true, true]
-    },
-    {
-      "name": "Add Course/Classroom Collaborators",
-      "tooltip": "Add a collaborator to your course or classroom",
-      "availability": [false, false, true, true]
-    },
-    {
-      "name": "Track Classroom Student Progress",
-      "tooltip": "See how your student's are progressing on Nualang.",
-      "availability": [false, false, true, true]
-    },
-    {
-      "name": "Download & Print Student Reports",
-      "tooltip": "Download reports as a spreadsheet or a pdf.",
-      "availability": [false, false, true, true]
-    },
-    {
-      "name": "Create Public Content\n- Courses\n- Topics\n- Roleplays\n- Bots",
-      "tooltip": "Create public content will can be found via search on Nualang and can be used as a starting point for new creations.",
-      "availability": [false, false, true, true]
-    },
-    {
-      "name": "All Course Reviews by fellow teachers",
-      "tooltip": "Engage in the Nualang creator community by leaving reviews on courses.",
-      "availability": [false, false, true, true]
-    },
-    {
-      "name": "Allow Multiple World Language Teachers access",
-      "tooltip": "Allow multiple teachers to have full access to the ideal language teaching toolkit.",
-      "availability": [false, false, false, true]
-    }
-  ]
-}

package/dist/Tables/Plans/plans2.json

@@ -1,151 +0,0 @@
-{
-  "plans": [
-    "Basic Learn (Free)",
-    "Basic Teach (Free)",
-    "Teach",
-    "School",
-    "District"
-  ],
-  "features": [
-    {
-      "name": "Explore Nualang",
-      "tooltip": "Search Nualang's Content Library (Roleplays, Bots, Courses)",
-      "availability": [true, true, true, true, true]
-    },
-    {
-      "name": "6 Languages: English, Spanish, Portuguese, Italian, German and French",
-      "tooltip": null,
-      "availability": [true, true, true, true, true]
-    },
-    {
-      "name": "Access all public content",
-      "tooltip": null,
-      "availability": [true, true, true, true, true]
-    },
-    {
-      "name": "Join a Course",
-      "tooltip": "Join a Course as a student and learn a language using the activities inside each topic",
-      "availability": [true, true, true, true, true]
-    },
-    {
-      "name": "Join a Classroom",
-      "tooltip": "Join a Classroom and explore the included courses.",
-      "availability": [true, true, true, true, true]
-    },
-    {
-      "name": "Pronunciation Practice",
-      "tooltip": "Practice your pronunciation with our speech recognition technology and get instant feedback on your accuracy.",
-      "availability": [true, true, true, true, true]
-    },
-    {
-      "name": "Listening Practice",
-      "tooltip": "Practice your listening skills throughout multiple different exercises such as the Listening, Roleplay and Bot exercise.",
-      "availability": [true, true, true, true, true]
-    },
-    {
-      "name": "Translation Practice",
-      "tooltip": "Test your translation skills in the Translation exercise.",
-      "availability": [true, true, true, true, true]
-    },
-    {
-      "name": "Spelling Practice",
-      "tooltip": "Practice your spelling in the Listening, Roleplay and Bot exercises.",
-      "availability": [true, true, true, true, true]
-    },
-    {
-      "name": "Conversation Practice",
-      "tooltip": "Practice the flow of a conversation using our Roleplay and Bot exercises.",
-      "availability": [true, true, true, true, true]
-    },
-    {
-      "name": "Create a Personal Avatar",
-      "tooltip": "Use our fun avatar generator to create a Nualang avatar.",
-      "availability": [true, true, true, true, true]
-    },
-    {
-      "name": "Create Private Content",
-      "tooltip": "Create private content which will not appear in search results on Nualang. Students would need to be invited to use this content. (Students can only use content created by someone on the 'Teach' plan.",
-      "availability": [false, true, true, true, true]
-    },
-    {
-      "name": "Upload Phrases and automatically create exercises",
-      "tooltip": "Quickly and easily add phrases to your topic which automatically generates Translation, Listening and Pronunciation exercises for your students.",
-      "availability": [false, true, true, true, true]
-    },
-    {
-      "name": "Record your own pronuciation of phrases",
-      "tooltip": "Record your version of the pronunciation of the phrase for your students to listen to.",
-      "availability": [false, true, true, true, true]
-    },
-    {
-      "name": "Upload Roleplays via Spreadsheet",
-      "tooltip": "Easily create Roleplay scripts using our Roleplay editor or edit a script using your favourite spreadsheet editor.",
-      "availability": [false, true, true, true, true]
-    },
-    {
-      "name": "Access Pixabay Image Library",
-      "tooltip": "Quickly find relevant images for your content using the Pixabay image library.",
-      "availability": [false, true, true, true, true]
-    },
-    {
-      "name": "Upload Images",
-      "tooltip": "If you can't find the right picture in our library, upload the perfect image for your content.",
-      "availability": [false, true, true, true, true]
-    },
-    {
-      "name": "Duplicate Existing Public Content & Edit",
-      "tooltip": "Use publicly created content as a starting point for your new creation.",
-      "availability": [false, true, true, true, true]
-    },
-    {
-      "name": "Create a Classroom",
-      "tooltip": "Setup a place to manage your students and share courses with them.",
-      "availability": [false, false, true, true, true]
-    },
-    {
-      "name": "Allow Students to join Courses/Classrooms",
-      "tooltip": "Essential for teaching with Nualang, allow students to join your created Courses and Classrooms",
-      "availability": [false, false, true, true, true]
-    },
-    {
-      "name": "Provide unique access codes to select Students",
-      "tooltip": null,
-      "availability": [false, false, true, true, true]
-    },
-    {
-      "name": "Share Course to Google Classroom",
-      "tooltip": "Share your content directly to Google Classroom, allowing teachers to make assignments etc.",
-      "availability": [false, false, true, true, true]
-    },
-    {
-      "name": "Add Course/Classroom Collaborators",
-      "tooltip": "Add a collaborator to your course or classroom",
-      "availability": [false, false, true, true, true]
-    },
-    {
-      "name": "Track Classroom Student Progress",
-      "tooltip": "See how your student's are progressing on Nualang.",
-      "availability": [false, false, true, true, true]
-    },
-    {
-      "name": "Download & Print Student Reports",
-      "tooltip": "Download reports as a spreadsheet or a pdf.",
-      "availability": [false, false, true, true, true]
-    },
-    {
-      "name": "Create Public Content\n- Courses\n- Topics\n- Roleplays\n- Bots",
-      "tooltip": "Create public content will can be found via search on Nualang and can be used as a starting point for new creations.",
-      "availability": [false, false, true, true, true]
-    },
-    {
-      "name": "All Course Reviews by fellow teachers",
-      "tooltip": "Engage in the Nualang creator community by leaving reviews on courses.",
-      "availability": [false, false, true, true, true]
-    },
-    {
-      "name": "Allow Multiple World Language Teachers access",
-      "tooltip": "Allow multiple teachers to have full access to the ideal language teaching toolkit.",
-      "availability": [false, false, false, true, true]
-    }
-  ]
-}