@nualang/nualang-ui-components 0.1.1399 → 0.2.0

package/dist/Forms/UpdateClassroom/UpdateClassroom.js

@@ -1,368 +0,0 @@
-import { useEffect, useRef } from "react";
-import { Divider, Button, Grid, Card, CardActions, CardContent, CardHeader, Typography } from "@mui/material";
-import { makeStyles } from "tss-react/mui";
-import { Formik } from "formik";
-import { ClassroomInformation, ClassroomSettings, Customization, CourseSettings } from "../CreateClassroom/Steps";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const useStyles = makeStyles()(theme => ({
-  padding: {
-    padding: theme.spacing(2, 3)
-  },
-  formContent: {
-    padding: theme.spacing(3)
-  }
-}));
-export default function UpdateClassroom({
-  t = text => text,
-  initialValues = {
-    classroomName: "",
-    description: "",
-    learnLang: "",
-    forLang: "",
-    visibility: "",
-    enrolmentKey: "",
-    vchatEnabledInSettings: false,
-    allowedDomains: [],
-    collaborators: [],
-    tags: [],
-    picture: null,
-    courseSettings: {},
-    isDynamicResponsesEnabled: "enabled"
-  },
-  onSubmit,
-  enableReinitialize,
-  languages,
-  forLanguages,
-  fileSizeLimit,
-  classroomId,
-  subscription = {
-    isUpgradePossible: true
-  },
-  courses,
-  scrollToDiscuss,
-  setScrollToDiscuss,
-  scrollToDynamicResponses,
-  setScrollToDynamicResponses,
-  isClassroomArchived = false,
-  verificationStatus,
-  isVideoChatEnabled
-}) {
-  const {
-    classes
-  } = useStyles();
-  const {
-    classroomName,
-    description,
-    learnLang,
-    forLang,
-    visibility,
-    enrolmentKey,
-    allowedDomains,
-    vchatEnabled,
-    vchatEnabledInSettings = initialValues.vchatEnabledInSettings ?? initialValues.vchatEnabled ?? false,
-    collaborators,
-    picture,
-    banner,
-    tags,
-    courseSettings,
-    isDynamicResponsesEnabled
-  } = initialValues;
-  const courseIds = courses.map(course => course.courseId);
-  let validatedCourseSettings;
-  if (courseSettings === undefined) {
-    // If courseSettings is undefined, set default values
-    validatedCourseSettings = courseIds.reduce((obj, courseId) => {
-      obj[courseId] = {
-        translationEnabled: "default",
-        wordBankEnabled: "default",
-        shuffleEnabled: "default",
-        isDynamicResponsesEnabled: "default"
-      };
-      return obj;
-    }, {});
-  } else {
-    // If courseSettings is defined but is missing settings for a course, add it with default values
-    validatedCourseSettings = {
-      ...courseSettings
-    };
-    courseIds.forEach(courseId => {
-      if (!validatedCourseSettings[courseId]) {
-        validatedCourseSettings[courseId] = {
-          translationEnabled: "default",
-          wordBankEnabled: "default",
-          shuffleEnabled: "default",
-          isDynamicResponsesEnabled: "default"
-        };
-      }
-    });
-  }
-  const courseSettingsRef = useRef(null);
-  useEffect(() => {
-    if (localStorage.getItem("focusCourseSettings")) {
-      setTimeout(() => {
-        courseSettingsRef.current.scrollIntoView({
-          behavior: "smooth"
-        });
-        localStorage.removeItem("focusCourseSettings");
-      }, 500);
-    }
-  }, [courseSettingsRef.current]);
-  return /*#__PURE__*/_jsxs("div", {
-    children: [/*#__PURE__*/_jsx(Formik, {
-      initialValues: {
-        classroomName,
-        description,
-        learnLang,
-        forLang,
-        tags
-      },
-      enableReinitialize: enableReinitialize,
-      validationSchema: ClassroomInformation.validationSchema,
-      onSubmit: onSubmit,
-      render: ({
-        handleChange,
-        handleSubmit,
-        isSubmitting,
-        dirty,
-        values,
-        ...otherProps
-      }) => /*#__PURE__*/_jsx("form", {
-        onSubmit: handleSubmit,
-        children: /*#__PURE__*/_jsx(Grid, {
-          container: true,
-          sx: {
-            width: "100%"
-          },
-          spacing: 1,
-          children: /*#__PURE__*/_jsx(Grid, {
-            size: 12,
-            children: /*#__PURE__*/_jsxs(Card, {
-              children: [/*#__PURE__*/_jsx(CardHeader, {
-                title: /*#__PURE__*/_jsx(Typography, {
-                  variant: "h5",
-                  component: "h2",
-                  children: t(ClassroomInformation.label)
-                }),
-                className: classes.padding
-              }), /*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsx(CardContent, {
-                className: classes.formContent,
-                children: /*#__PURE__*/_jsx(ClassroomInformation, {
-                  t: t,
-                  languages: languages,
-                  forLanguages: forLanguages,
-                  handleChange: handleChange,
-                  handleSubmit: handleSubmit,
-                  isSubmitting: isSubmitting,
-                  dirty: dirty,
-                  values: values,
-                  ...otherProps
-                })
-              }), /*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsx(CardActions, {
-                className: classes.padding,
-                children: /*#__PURE__*/_jsx(Button, {
-                  type: "submit",
-                  color: "primary",
-                  variant: "contained",
-                  disabled: isSubmitting || !dirty || isClassroomArchived,
-                  children: t("save_changes")
-                })
-              })]
-            })
-          })
-        })
-      })
-    }), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx(Formik, {
-      initialValues: {
-        visibility,
-        enrolmentKey,
-        allowedDomains,
-        collaborators,
-        vchatEnabled,
-        vchatEnabledInSettings,
-        isDynamicResponsesEnabled
-      },
-      enableReinitialize: enableReinitialize,
-      validationSchema: ClassroomSettings.validationSchema,
-      onSubmit: onSubmit,
-      render: ({
-        handleChange,
-        handleSubmit,
-        isSubmitting,
-        dirty,
-        values,
-        ...otherProps
-      }) => /*#__PURE__*/_jsx("form", {
-        onSubmit: handleSubmit,
-        children: /*#__PURE__*/_jsx(Grid, {
-          container: true,
-          sx: {
-            width: "100%"
-          },
-          spacing: 1,
-          children: /*#__PURE__*/_jsx(Grid, {
-            size: 12,
-            children: /*#__PURE__*/_jsxs(Card, {
-              children: [/*#__PURE__*/_jsx(CardHeader, {
-                title: /*#__PURE__*/_jsx(Typography, {
-                  variant: "h5",
-                  component: "h2",
-                  children: t(ClassroomSettings.label)
-                }),
-                className: classes.padding
-              }), /*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsx(CardContent, {
-                className: classes.formContent,
-                children: /*#__PURE__*/_jsx(ClassroomSettings, {
-                  t: t,
-                  classroomId: classroomId,
-                  subscription: subscription,
-                  handleChange: handleChange,
-                  handleSubmit: handleSubmit,
-                  isSubmitting: isSubmitting,
-                  isUpdateClassroom: true,
-                  dirty: dirty,
-                  values: values,
-                  scrollToDiscuss: scrollToDiscuss,
-                  setScrollToDiscuss: setScrollToDiscuss,
-                  scrollToDynamicResponses: scrollToDynamicResponses,
-                  setScrollToDynamicResponses: setScrollToDynamicResponses,
-                  isVideoChatEnabled: isVideoChatEnabled,
-                  ...otherProps
-                })
-              }), /*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsx(CardActions, {
-                className: classes.padding,
-                children: /*#__PURE__*/_jsx(Button, {
-                  type: "submit",
-                  color: "primary",
-                  variant: "contained",
-                  disabled: isSubmitting || !dirty || isClassroomArchived,
-                  "data-cy": "save-classroom-settings",
-                  children: t("save_changes")
-                })
-              })]
-            })
-          })
-        })
-      })
-    }), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx(Formik, {
-      initialValues: {
-        picture,
-        banner
-      },
-      enableReinitialize: enableReinitialize,
-      validationSchema: Customization.validationSchema,
-      onSubmit: onSubmit,
-      render: ({
-        handleChange,
-        handleSubmit,
-        isSubmitting,
-        dirty,
-        values,
-        ...otherProps
-      }) => /*#__PURE__*/_jsx("form", {
-        onSubmit: handleSubmit,
-        children: /*#__PURE__*/_jsx(Grid, {
-          container: true,
-          sx: {
-            width: "100%"
-          },
-          spacing: 1,
-          children: /*#__PURE__*/_jsx(Grid, {
-            size: 12,
-            children: /*#__PURE__*/_jsxs(Card, {
-              children: [/*#__PURE__*/_jsx(CardHeader, {
-                title: /*#__PURE__*/_jsx(Typography, {
-                  variant: "h5",
-                  component: "h2",
-                  children: t(Customization.label)
-                }),
-                className: classes.padding
-              }), /*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsx(CardContent, {
-                className: classes.formContent,
-                children: /*#__PURE__*/_jsx(Customization, {
-                  t: t,
-                  handleChange: handleChange,
-                  handleSubmit: handleSubmit,
-                  isSubmitting: isSubmitting,
-                  dirty: dirty,
-                  values: values,
-                  fileSizeLimit: fileSizeLimit,
-                  isUpdateClassroom: true,
-                  ...otherProps,
-                  verificationStatus: verificationStatus
-                })
-              }), /*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsx(CardActions, {
-                className: classes.padding,
-                children: /*#__PURE__*/_jsx(Button, {
-                  type: "submit",
-                  color: "primary",
-                  variant: "contained",
-                  disabled: isSubmitting || !dirty || isClassroomArchived,
-                  children: t("save_changes")
-                })
-              })]
-            })
-          })
-        })
-      })
-    }), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx(Formik, {
-      initialValues: {
-        courseSettings: validatedCourseSettings
-      },
-      enableReinitialize: enableReinitialize,
-      validationSchema: Customization.validationSchema,
-      onSubmit: onSubmit,
-      render: ({
-        handleChange,
-        handleSubmit,
-        isSubmitting,
-        dirty,
-        values,
-        setFieldValue,
-        ...otherProps
-      }) => /*#__PURE__*/_jsx("form", {
-        onSubmit: handleSubmit,
-        children: /*#__PURE__*/_jsx(Grid, {
-          container: true,
-          sx: {
-            width: "100%"
-          },
-          spacing: 1,
-          ref: courseSettingsRef,
-          children: /*#__PURE__*/_jsx(Grid, {
-            size: 12,
-            children: /*#__PURE__*/_jsxs(Card, {
-              children: [/*#__PURE__*/_jsx(CardHeader, {
-                title: /*#__PURE__*/_jsx(Typography, {
-                  variant: "h5",
-                  component: "h2",
-                  children: t(CourseSettings.label)
-                }),
-                className: classes.padding
-              }), /*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsx(CardContent, {
-                className: classes.formContent,
-                children: /*#__PURE__*/_jsx(CourseSettings, {
-                  courses: courses,
-                  t: t,
-                  values: values,
-                  handleChange: handleChange,
-                  setFieldValue: setFieldValue,
-                  classroomIsDynamicResponsesEnabled: isDynamicResponsesEnabled,
-                  ...otherProps
-                })
-              }), /*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsx(CardActions, {
-                className: classes.padding,
-                children: /*#__PURE__*/_jsx(Button, {
-                  type: "submit",
-                  color: "primary",
-                  variant: "contained",
-                  disabled: isSubmitting || !dirty || isClassroomArchived,
-                  children: t("save_changes")
-                })
-              })]
-            })
-          })
-        })
-      })
-    })]
-  });
-}

package/dist/Forms/UpdateClassroom/UpdateClassroom.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 UpdateClassroom from "./UpdateClassroom";
-import { props } from "./UpdateClassroom.stories";
-import { jsx as _jsx } from "react/jsx-runtime";
-describe("UpdateClassroom", () => {
-  it("renders without crashing", () => {
-    const theme = createTheme();
-    const {
-      unmount
-    } = render(/*#__PURE__*/_jsx(ThemeProvider, {
-      theme: theme,
-      children: /*#__PURE__*/_jsx(UpdateClassroom, {
-        ...props
-      })
-    }));
-    unmount();
-  });
-});

package/dist/Forms/UpdateClassroom/package.json

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

package/dist/Forms/UpdateCourse/UpdateCourse.js

@@ -1,260 +0,0 @@
-import { Divider, Button, Grid, Card, CardActions, CardContent, CardHeader, MenuItem, Typography } from "@mui/material";
-import { makeStyles } from "tss-react/mui";
-import { Formik } from "formik";
-import { CourseInformation, CourseSettings, Customization } from "../CreateCourse/Steps";
-import { randomId } from "../../utils/index";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const useStyles = makeStyles()(theme => ({
-  padding: {
-    padding: theme.spacing(2, 3)
-  },
-  formContent: {
-    padding: theme.spacing(3)
-  }
-}));
-export default function UpdateCourse({
-  t = text => text,
-  initialValues = {
-    courseName: "",
-    description: "",
-    difficulty: "",
-    learnLang: "",
-    forLang: "",
-    visibility: "",
-    enrolmentKey: "",
-    allowedDomains: [],
-    tags: [],
-    collaborators: [],
-    picture: null,
-    isShareable: "",
-    duplicated: false,
-    duplicatedBy: ""
-  },
-  difficulties = ["A1", "A2", "B1", "B2", "C1", "C2"],
-  onSubmit,
-  enableReinitialize,
-  languages,
-  forLanguages,
-  fileSizeLimit,
-  subscription,
-  verificationStatus,
-  attributes
-}) {
-  const difficultyOptions = difficulties.map((d, idx) => {
-    const keyId = `crearolax${randomId()}${idx}`;
-    return /*#__PURE__*/_jsx(MenuItem, {
-      value: d,
-      children: t(d)
-    }, keyId);
-  });
-  const {
-    classes
-  } = useStyles();
-  const {
-    courseName,
-    description,
-    difficulty,
-    learnLang,
-    forLang,
-    visibility,
-    enrolmentKey,
-    allowedDomains,
-    picture,
-    banner,
-    tags,
-    collaborators,
-    isShareable,
-    duplicated,
-    duplicatedBy
-  } = initialValues;
-  return /*#__PURE__*/_jsxs("div", {
-    children: [/*#__PURE__*/_jsx(Formik, {
-      initialValues: {
-        courseName,
-        description,
-        difficulty,
-        learnLang,
-        forLang,
-        tags
-      },
-      enableReinitialize: enableReinitialize,
-      validationSchema: CourseInformation.validationSchema,
-      onSubmit: onSubmit,
-      render: ({
-        handleChange,
-        handleSubmit,
-        isSubmitting,
-        dirty,
-        values,
-        ...otherProps
-      }) => /*#__PURE__*/_jsx("form", {
-        onSubmit: handleSubmit,
-        children: /*#__PURE__*/_jsx(Grid, {
-          container: true,
-          sx: {
-            width: "100%"
-          },
-          spacing: 1,
-          children: /*#__PURE__*/_jsx(Grid, {
-            size: 12,
-            children: /*#__PURE__*/_jsxs(Card, {
-              children: [/*#__PURE__*/_jsx(CardHeader, {
-                title: /*#__PURE__*/_jsx(Typography, {
-                  variant: "h5",
-                  component: "h2",
-                  children: t(CourseInformation.label)
-                }),
-                className: classes.padding
-              }), /*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsx(CardContent, {
-                className: classes.formContent,
-                children: /*#__PURE__*/_jsx(CourseInformation, {
-                  t: t,
-                  languageOptions: languages,
-                  forLanguageOptions: forLanguages,
-                  difficultyOptions: difficultyOptions,
-                  handleChange: handleChange,
-                  handleSubmit: handleSubmit,
-                  isSubmitting: isSubmitting,
-                  dirty: dirty,
-                  values: values,
-                  ...otherProps
-                })
-              }), /*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsx(CardActions, {
-                className: classes.padding,
-                children: /*#__PURE__*/_jsx(Button, {
-                  type: "submit",
-                  color: "primary",
-                  variant: "contained",
-                  disabled: isSubmitting || !dirty,
-                  children: t("save_changes")
-                })
-              })]
-            })
-          })
-        })
-      })
-    }), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx(Formik, {
-      initialValues: {
-        visibility,
-        enrolmentKey,
-        allowedDomains,
-        collaborators,
-        isShareable: isShareable ?? "collaborators",
-        duplicated,
-        duplicatedBy
-      },
-      enableReinitialize: enableReinitialize,
-      validationSchema: CourseSettings.validationSchema,
-      onSubmit: onSubmit,
-      render: ({
-        handleChange,
-        handleSubmit,
-        isSubmitting,
-        dirty,
-        values,
-        ...otherProps
-      }) => /*#__PURE__*/_jsx("form", {
-        onSubmit: handleSubmit,
-        children: /*#__PURE__*/_jsx(Grid, {
-          container: true,
-          sx: {
-            width: "100%"
-          },
-          spacing: 1,
-          children: /*#__PURE__*/_jsx(Grid, {
-            size: 12,
-            children: /*#__PURE__*/_jsxs(Card, {
-              children: [/*#__PURE__*/_jsx(CardHeader, {
-                title: /*#__PURE__*/_jsx(Typography, {
-                  variant: "h5",
-                  component: "h2",
-                  children: t(CourseSettings.label)
-                }),
-                className: classes.padding
-              }), /*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsx(CardContent, {
-                className: classes.formContent,
-                children: /*#__PURE__*/_jsx(CourseSettings, {
-                  t: t,
-                  attributes: attributes,
-                  subscription: subscription,
-                  handleChange: handleChange,
-                  handleSubmit: handleSubmit,
-                  isSubmitting: isSubmitting,
-                  dirty: dirty,
-                  values: values,
-                  ...otherProps
-                })
-              }), /*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsx(CardActions, {
-                className: classes.padding,
-                children: /*#__PURE__*/_jsx(Button, {
-                  type: "submit",
-                  color: "primary",
-                  variant: "contained",
-                  disabled: isSubmitting || !dirty,
-                  children: t("save_changes")
-                })
-              })]
-            })
-          })
-        })
-      })
-    }), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx(Formik, {
-      initialValues: {
-        picture,
-        banner
-      },
-      enableReinitialize: enableReinitialize,
-      validationSchema: Customization.validationSchema,
-      onSubmit: onSubmit,
-      render: ({
-        handleChange,
-        handleSubmit,
-        isSubmitting,
-        dirty,
-        values,
-        ...otherProps
-      }) => /*#__PURE__*/_jsx("form", {
-        onSubmit: handleSubmit,
-        children: /*#__PURE__*/_jsx(Grid, {
-          container: true,
-          sx: {
-            width: "100%"
-          },
-          spacing: 1,
-          children: /*#__PURE__*/_jsx(Grid, {
-            size: 12,
-            children: /*#__PURE__*/_jsxs(Card, {
-              children: [/*#__PURE__*/_jsx(CardHeader, {
-                title: t(Customization.label),
-                className: classes.padding
-              }), /*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsx(CardContent, {
-                className: classes.formContent,
-                children: /*#__PURE__*/_jsx(Customization, {
-                  t: t,
-                  handleChange: handleChange,
-                  handleSubmit: handleSubmit,
-                  isSubmitting: isSubmitting,
-                  dirty: dirty,
-                  values: values,
-                  fileSizeLimit: fileSizeLimit,
-                  isUpdateCourse: true,
-                  verificationStatus: verificationStatus,
-                  ...otherProps
-                })
-              }), /*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsx(CardActions, {
-                className: classes.padding,
-                children: /*#__PURE__*/_jsx(Button, {
-                  type: "submit",
-                  color: "primary",
-                  variant: "contained",
-                  disabled: isSubmitting || !dirty,
-                  children: t("save_changes")
-                })
-              })]
-            })
-          })
-        })
-      })
-    })]
-  });
-}

package/dist/Forms/UpdateCourse/UpdateCourse.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 UpdateCourse from "./UpdateCourse";
-import { props } from "./UpdateCourse.stories";
-import { jsx as _jsx } from "react/jsx-runtime";
-describe("UpdateCourse", () => {
-  it("renders without crashing", () => {
-    const theme = createTheme();
-    const {
-      unmount
-    } = render(/*#__PURE__*/_jsx(ThemeProvider, {
-      theme: theme,
-      children: /*#__PURE__*/_jsx(UpdateCourse, {
-        ...props
-      })
-    }));
-    unmount();
-  });
-});

package/dist/Forms/UpdateCourse/package.json

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