@selfcommunity/react-templates 0.4.5-courses.129 → 0.4.5-courses.131

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/lib/cjs/components/Lesson/Lesson.d.ts +5 -0
  2. package/lib/cjs/components/Lesson/Lesson.js +3 -1
  3. package/lib/esm/components/Lesson/Lesson.d.ts +5 -0
  4. package/lib/esm/components/Lesson/Lesson.js +3 -1
  5. package/lib/umd/react-templates.js +1 -1
  6. package/package.json +6 -6
package/lib/cjs/components/Lesson/Lesson.d.ts CHANGED
@@ -52,6 +52,11 @@ export interface LessonProps {
52
52
  * @default null
53
53
  */
54
54
  onLessonChange?: (lessonId: any, sectionId: any) => void;
55
+ /**
56
+ * Handler on panel change
57
+ * @default null
58
+ */
59
+ onActivePanelChange?: (panel: any) => void;
55
60
  /**
56
61
  * Any other properties
57
62
  */
package/lib/cjs/components/Lesson/Lesson.js CHANGED
@@ -36,7 +36,7 @@ function Lesson(inProps) {
36
36
  props: inProps,
37
37
  name: constants_1.PREFIX
38
38
  });
39
- const { className = null, course, courseId, sectionId, lesson = null, lessonId, LessonAppbarProps = {}, LessonDrawerProps = {}, editMode = false, onEditModeClose = null, onLessonChange = null } = props, rest = tslib_1.__rest(props, ["className", "course", "courseId", "sectionId", "lesson", "lessonId", "LessonAppbarProps", "LessonDrawerProps", "editMode", "onEditModeClose", "onLessonChange"]);
39
+ const { className = null, course, courseId, sectionId, lesson = null, lessonId, LessonAppbarProps = {}, LessonDrawerProps = {}, editMode = false, onEditModeClose = null, onLessonChange = null, onActivePanelChange = null } = props, rest = tslib_1.__rest(props, ["className", "course", "courseId", "sectionId", "lesson", "lessonId", "LessonAppbarProps", "LessonDrawerProps", "editMode", "onEditModeClose", "onLessonChange", "onActivePanelChange"]);
40
40
  // HOOKS
41
41
  const theme = (0, material_1.useTheme)();
42
42
  const isMobile = (0, material_1.useMediaQuery)(theme.breakpoints.down('md'));
@@ -60,10 +60,12 @@ function Lesson(inProps) {
60
60
  };
61
61
  const handleOpenDrawer = (panel) => {
62
62
  setActivePanel((prevPanel) => (prevPanel === panel ? null : panel));
63
+ onActivePanelChange && onActivePanelChange(panel);
63
64
  };
64
65
  const handleCloseDrawer = () => {
65
66
  setActivePanel(null);
66
67
  onEditModeClose && onEditModeClose();
68
+ onActivePanelChange && onActivePanelChange(null);
67
69
  };
68
70
  const handleLessonContentEdit = (html) => {
69
71
  setLessonContent(html);
package/lib/esm/components/Lesson/Lesson.d.ts CHANGED
@@ -52,6 +52,11 @@ export interface LessonProps {
52
52
  * @default null
53
53
  */
54
54
  onLessonChange?: (lessonId: any, sectionId: any) => void;
55
+ /**
56
+ * Handler on panel change
57
+ * @default null
58
+ */
59
+ onActivePanelChange?: (panel: any) => void;
55
60
  /**
56
61
  * Any other properties
57
62
  */
package/lib/esm/components/Lesson/Lesson.js CHANGED
@@ -34,7 +34,7 @@ export default function Lesson(inProps) {
34
34
  props: inProps,
35
35
  name: PREFIX
36
36
  });
37
- const { className = null, course, courseId, sectionId, lesson = null, lessonId, LessonAppbarProps = {}, LessonDrawerProps = {}, editMode = false, onEditModeClose = null, onLessonChange = null } = props, rest = __rest(props, ["className", "course", "courseId", "sectionId", "lesson", "lessonId", "LessonAppbarProps", "LessonDrawerProps", "editMode", "onEditModeClose", "onLessonChange"]);
37
+ const { className = null, course, courseId, sectionId, lesson = null, lessonId, LessonAppbarProps = {}, LessonDrawerProps = {}, editMode = false, onEditModeClose = null, onLessonChange = null, onActivePanelChange = null } = props, rest = __rest(props, ["className", "course", "courseId", "sectionId", "lesson", "lessonId", "LessonAppbarProps", "LessonDrawerProps", "editMode", "onEditModeClose", "onLessonChange", "onActivePanelChange"]);
38
38
  // HOOKS
39
39
  const theme = useTheme();
40
40
  const isMobile = useMediaQuery(theme.breakpoints.down('md'));
@@ -58,10 +58,12 @@ export default function Lesson(inProps) {
58
58
  };
59
59
  const handleOpenDrawer = (panel) => {
60
60
  setActivePanel((prevPanel) => (prevPanel === panel ? null : panel));
61
+ onActivePanelChange && onActivePanelChange(panel);
61
62
  };
62
63
  const handleCloseDrawer = () => {
63
64
  setActivePanel(null);
64
65
  onEditModeClose && onEditModeClose();
66
+ onActivePanelChange && onActivePanelChange(null);
65
67
  };
66
68
  const handleLessonContentEdit = (html) => {
67
69
  setLessonContent(html);