@selfcommunity/react-templates 0.4.5-courses.195 → 0.4.5-courses.196

package/lib/cjs/components/Lesson/Lesson.js

@@ -15,6 +15,7 @@ const api_services_1 = require("@selfcommunity/api-services");
 const react_intl_1 = require("react-intl");
 const lab_1 = require("@mui/lab");
 const notistack_1 = require("notistack");
+const react_ui_2 = require("@selfcommunity/react-ui");
 const classes = {
     root: `${constants_1.PREFIX}-root`,
     containerRoot: `${constants_1.PREFIX}-container-root`,
@@ -26,22 +27,14 @@ const classes = {
 const Root = (0, styles_1.styled)(material_1.Box, {
     name: constants_1.PREFIX,
     slot: 'Root',
-    overridesResolver: (props, styles) => [styles.root]
+    overridesResolver: (_props, styles) => [styles.root]
 })(() => ({}));
 const Container = (0, styles_1.styled)(material_1.Box, {
     name: constants_1.PREFIX,
     slot: 'ContainerRoot',
-    overridesResolver: (props, styles) => styles.containerRoot,
+    overridesResolver: (_props, styles) => styles.containerRoot,
     shouldForwardProp: (prop) => prop !== 'open'
 })(() => ({}));
-function getUrlLesson(course, lesson) {
-    return {
-        id: course.id,
-        slug: course.slug,
-        section_id: lesson.section_id,
-        lesson_id: lesson.id
-    };
-}
 function Lesson(inProps) {
     var _a, _b, _c;
     // PROPS
@@ -202,7 +195,7 @@ function Lesson(inProps) {
         return (0, jsx_runtime_1.jsx)(react_ui_1.HiddenPlaceholder, {});
     }
     return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest, { children: [(0, jsx_runtime_1.jsx)(react_ui_1.LessonAppbar, Object.assign({ showComments: scLesson.comments_enabled, editMode: editMode, activePanel: activePanel, title: scCourse.name, handleOpen: handleOpenDrawer, onSave: handleLessonUpdate, updating: updating }, LessonAppbarProps)), (0, jsx_runtime_1.jsxs)(Container, Object.assign({ open: Boolean(activePanel) || editMode, className: classes.containerRoot }, { children: [previewMode && ((0, jsx_runtime_1.jsx)(material_1.Alert, Object.assign({ severity: "info", className: classes.previewInfo }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body1" }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "templates.lesson.previewMode", defaultMessage: "templates.lesson.previewMode", values: {
-                                            link: (...chunks) => ((0, jsx_runtime_1.jsx)(react_core_1.Link, Object.assign({ to: scRoutingContext.url(react_core_1.SCRoutes.COURSE_LESSON_EDIT_ROUTE_NAME, getUrlLesson(scCourse, scLesson)) }, { children: chunks }))),
+                                            link: (...chunks) => ((0, jsx_runtime_1.jsx)(react_core_1.Link, Object.assign({ to: scRoutingContext.url(react_core_1.SCRoutes.COURSE_LESSON_EDIT_ROUTE_NAME, (0, react_ui_2.getUrlLesson)(scCourse, scLesson)) }, { children: chunks }))),
                                             linkBack: (...chunks) => (0, jsx_runtime_1.jsx)(react_core_1.Link, Object.assign({ to: scRoutingContext.url(react_core_1.SCRoutes.COURSE_DASHBOARD_ROUTE_NAME, scCourse) }, { children: chunks }))
                                         } }) })) }))), (0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ className: classes.navigation }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body2", color: "text.secondary" }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "templates.lesson.number", defaultMessage: "templates.lesson.number", values: { from: currentLessonIndex + 1, to: availableLessons.length } }) })) })), (0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ className: classes.navigationTitle }, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "h5" }, { children: scLesson.name })), (0, jsx_runtime_1.jsxs)(material_1.Box, { children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ onClick: handlePrev, disabled: isPrevDisabled }, { children: (0, jsx_runtime_1.jsx)(material_1.Icon, { children: "arrow_back" }) })), (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ onClick: handleNext, disabled: isNextDisabled }, { children: (0, jsx_runtime_1.jsx)(material_1.Icon, { children: "arrow_next" }) }))] })] })), (0, jsx_runtime_1.jsx)(react_ui_1.LessonObject, { course: scCourse, lesson: scLesson, editMode: editMode, onContentChange: handleLessonContentEdit, onMediaChange: handleLessonMediaEdit }), !isCourseAdmin && !editMode && !previewMode && ((0, jsx_runtime_1.jsx)(lab_1.LoadingButton, Object.assign({ className: classes.button, loading: loading, size: "small", variant: completed ? 'outlined' : 'contained', startIcon: !completed && (0, jsx_runtime_1.jsx)(material_1.Icon, { children: "arrow_next" }), endIcon: completed && (0, jsx_runtime_1.jsx)(material_1.Icon, { children: "circle_checked" }), onClick: toggleLessonCompletion }, { children: completed ? ((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "templates.lesson.button.completed", defaultMessage: "templates.lesson.button.completed" })) : ((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "templates.lesson.button.complete", defaultMessage: "templates.lesson.button.complete" })) })))] })), (0, jsx_runtime_1.jsx)(react_ui_1.LessonDrawer, Object.assign({ course: scCourse, lesson: scLesson, editMode: isMobile ? activePanel === react_ui_1.SCLessonActionsType.SETTINGS : editMode, previewMode: previewMode, activePanel: activePanel, handleClose: handleCloseDrawer, handleChangeLesson: handleChangeLesson, LessonEditFormProps: { lesson: scLesson, onSave: handleLessonUpdate, updating: updating, onSettingsChange: handleSettingsChange } }, LessonDrawerProps))] })), openDialog && (0, jsx_runtime_1.jsx)(react_ui_1.CourseCompletedDialog, { course: scCourse, onClose: handleCloseDialog })] }));
 }

package/lib/esm/components/Lesson/Lesson.js

@@ -13,6 +13,7 @@ import { CourseInfoViewType, CourseService } from '@selfcommunity/api-services';
 import { FormattedMessage } from 'react-intl';
 import { LoadingButton } from '@mui/lab';
 import { useSnackbar } from 'notistack';
+import { getUrlLesson } from '@selfcommunity/react-ui';
 const classes = {
     root: `${PREFIX}-root`,
     containerRoot: `${PREFIX}-container-root`,
@@ -24,22 +25,14 @@ const classes = {
 const Root = styled(Box, {
     name: PREFIX,
     slot: 'Root',
-    overridesResolver: (props, styles) => [styles.root]
+    overridesResolver: (_props, styles) => [styles.root]
 })(() => ({}));
 const Container = styled(Box, {
     name: PREFIX,
     slot: 'ContainerRoot',
-    overridesResolver: (props, styles) => styles.containerRoot,
+    overridesResolver: (_props, styles) => styles.containerRoot,
     shouldForwardProp: (prop) => prop !== 'open'
 })(() => ({}));
-function getUrlLesson(course, lesson) {
-    return {
-        id: course.id,
-        slug: course.slug,
-        section_id: lesson.section_id,
-        lesson_id: lesson.id
-    };
-}
 export default function Lesson(inProps) {
     var _a, _b, _c;
     // PROPS