@selfcommunity/react-ui 0.10.2-courses.178 → 0.10.2-courses.179

package/lib/cjs/components/Composer/Content/ContentLesson/ContentLesson.js

@@ -50,6 +50,7 @@ exports.default = (props) => {
     (0, react_1.useEffect)(() => {
         if (openLink && linkInputRef.current) {
             linkInputRef.current.scrollIntoView({ behavior: 'smooth' });
+            console.log('scroll debug');
         }
     }, [openLink]);
     // RENDER

package/lib/cjs/components/Course/Course.js

@@ -158,7 +158,7 @@ function Course(inProps) {
                         }), { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body2" }, { children: (_e = scCourse.created_by) === null || _e === void 0 ? void 0 : _e.username })) })), (0, jsx_runtime_1.jsx)(react_core_1.Link, Object.assign({ to: scRoutingContext.url(react_core_1.SCRoutes.COURSE_ROUTE_NAME, scCourse), className: classes.previewNameWrapper }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "h6", className: classes.previewName }, { children: scCourse.name })) })), (0, jsx_runtime_1.jsxs)(material_1.Typography, Object.assign({ className: classes.previewInfo }, { children: [(0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: scCourse.privacy ? `ui.course.privacy.${scCourse.privacy}` : 'ui.course.privacy.draft', defaultMessage: scCourse.privacy ? `ui.course.privacy.${scCourse.privacy}` : 'ui.course.privacy.draft' }), "-", (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: `ui.course.type.${scCourse.type}`, defaultMessage: `ui.course.type.${scCourse.type}` })] })), (0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ className: classes.previewCategory }, { children: scCourse.categories.map((category) => ((0, jsx_runtime_1.jsx)(material_1.Chip, { size: "small", label: category.name }, category.id))) })), (0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ className: classes.previewProgress }, { children: renderProgress() }))] })), actions !== null && actions !== void 0 ? actions : ((0, jsx_runtime_1.jsx)(material_1.CardActions, Object.assign({ className: classes.previewActions }, { children: (0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ variant: "outlined", size: "small", component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.COURSE_ROUTE_NAME, scCourse) }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { defaultMessage: "ui.course.see", id: "ui.course.see" }) })) })))] })));
     }
     else {
-        contentObj = ((0, jsx_runtime_1.jsx)(SnippetRoot, { elevation: 0, className: classes.snippetRoot, image: (0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ className: classes.snippetImage }, { children: [(0, jsx_runtime_1.jsx)(material_1.Avatar, { variant: "square", alt: scCourse.name, src: scCourse.image_medium, className: userProfileSnippet ? classes.snippetAvatarUserProfile : classes.snippetAvatar }), !userProfileSnippet && (isCourseAdmin || (0, course_2.isCourseCompleted)(scCourse) || (0, course_2.isCourseNew)(scCourse)) && ((0, jsx_runtime_1.jsx)(material_1.Chip, { size: "small", component: "div", color: (0, course_2.isCourseCompleted)(scCourse) || (isCourseAdmin && scCourse.privacy)
+        contentObj = ((0, jsx_runtime_1.jsx)(SnippetRoot, { ButtonBaseProps: { component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.COURSE_ROUTE_NAME, scCourse) }, elevation: 0, className: classes.snippetRoot, image: (0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ className: classes.snippetImage }, { children: [(0, jsx_runtime_1.jsx)(material_1.Avatar, { variant: "square", alt: scCourse.name, src: scCourse.image_medium, className: userProfileSnippet ? classes.snippetAvatarUserProfile : classes.snippetAvatar }), !userProfileSnippet && (isCourseAdmin || (0, course_2.isCourseCompleted)(scCourse) || (0, course_2.isCourseNew)(scCourse)) && ((0, jsx_runtime_1.jsx)(material_1.Chip, { size: "small", component: "div", color: (0, course_2.isCourseCompleted)(scCourse) || (isCourseAdmin && scCourse.privacy)
                             ? 'primary'
                             : isCourseAdmin && !scCourse.privacy
                                 ? 'default'

package/lib/cjs/components/CourseDashboard/Student.js

@@ -66,11 +66,12 @@ function getUrlNextLesson(course) {
         return data;
     }
     (_a = course.sections) === null || _a === void 0 ? void 0 : _a.some((section) => {
+        var _a;
         const isNextLessonInThisSection = section.num_lessons_completed < section.num_lessons;
         if (isNextLessonInThisSection) {
             Object.assign(data, {
                 section_id: section.id,
-                lesson_id: section.lessons.find((lesson) => lesson.completion_status === types_1.SCCourseLessonCompletionStatusType.UNCOMPLETED).id
+                lesson_id: (_a = section.lessons.find((lesson) => lesson.completion_status === types_1.SCCourseLessonCompletionStatusType.UNCOMPLETED)) === null || _a === void 0 ? void 0 : _a.id
             });
         }
         return isNextLessonInThisSection;

package/lib/cjs/components/CourseDashboard/Teacher/Students.js

@@ -32,7 +32,7 @@ function Students(props) {
     const [state, dispatch] = (0, react_1.useReducer)(widget_1.dataWidgetReducer, {
         isLoadingNext: false,
         next: null,
-        cacheKey: react_core_1.SCCache.getWidgetStateCacheKey(react_core_1.SCCache.USER_PARTECIPANTS_COURSES_STATE_CACHE_PREFIX_KEY, course === null || course === void 0 ? void 0 : course.id),
+        cacheKey: react_core_1.SCCache.getWidgetStateCacheKey(react_core_1.SCCache.STUDENTS_PARTECIPANTS_COURSES_STATE_CACHE_PREFIX_KEY, course.id),
         cacheStrategy: utils_1.CacheStrategies.CACHE_FIRST,
         visibleItems: endpointQueryParams.limit
     }, widget_1.stateWidgetInitializer);

package/lib/cjs/components/EditCourse/Requests.js

@@ -42,7 +42,7 @@ function Requests(props) {
         isLoadingPrevious: false,
         isLoadingNext: false,
         next: null,
-        cacheKey: react_core_1.SCCache.getWidgetStateCacheKey(react_core_1.SCCache.USER_REQUESTS_COURSES_STATE_CACHE_PREFIX_KEY, course.id),
+        cacheKey: react_core_1.SCCache.getWidgetStateCacheKey(react_core_1.SCCache.USERS_REQUESTS_COURSES_STATE_CACHE_PREFIX_KEY, course.id),
         cacheStrategy: utils_1.CacheStrategies.CACHE_FIRST,
         visibleItems: endpointQueryParams.limit
     }, widget_1.stateWidgetInitializer);

package/lib/cjs/components/EditCourse/Users.js

@@ -48,7 +48,7 @@ function Users(props) {
     const [state, dispatch] = (0, react_1.useReducer)(widget_1.dataWidgetReducer, {
         isLoadingNext: false,
         next: null,
-        cacheKey: react_core_1.SCCache.getWidgetStateCacheKey(react_core_1.SCCache.USER_PARTECIPANTS_COURSES_STATE_CACHE_PREFIX_KEY, course.id),
+        cacheKey: react_core_1.SCCache.getWidgetStateCacheKey(react_core_1.SCCache.USERS_PARTECIPANTS_COURSES_STATE_CACHE_PREFIX_KEY, course.id),
         cacheStrategy: utils_1.CacheStrategies.CACHE_FIRST,
         visibleItems: endpointQueryParams.limit
     }, widget_1.stateWidgetInitializer);

package/lib/cjs/components/Editor/Editor.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { MediaPluginProps } from './plugins';
 import { ToolbarPluginProps } from './plugins/ToolbarPlugin';
+import { MediaPluginProps } from './plugins';
 import { SCMediaType } from '@selfcommunity/types';
 export declare type EditorRef = {
     focus: () => void;

package/lib/cjs/components/Editor/Editor.js

@@ -11,19 +11,19 @@ const system_1 = require("@mui/system");
 const nodes_1 = tslib_1.__importDefault(require("./nodes"));
 const LexicalComposer_1 = require("@lexical/react/LexicalComposer");
 const LexicalContentEditable_1 = require("@lexical/react/LexicalContentEditable");
-const LexicalHistoryPlugin_1 = require("@lexical/react/LexicalHistoryPlugin");
+const ToolbarPlugin_1 = tslib_1.__importDefault(require("./plugins/ToolbarPlugin"));
+const constants_1 = require("./constants");
+const HorizontalRulePlugin_1 = require("./plugins/HorizontalRulePlugin");
 const LexicalRichTextPlugin_1 = require("./plugins/LexicalRichTextPlugin");
-const LexicalErrorBoundary_1 = tslib_1.__importDefault(require("@lexical/react/LexicalErrorBoundary"));
-const LexicalHorizontalRulePlugin_1 = require("@lexical/react/LexicalHorizontalRulePlugin");
+const LexicalErrorBoundary_1 = require("@lexical/react/LexicalErrorBoundary");
 const plugins_1 = require("./plugins");
+const OnBlurPlugin_1 = tslib_1.__importDefault(require("./plugins/OnBlurPlugin"));
+const OnFocusPlugin_1 = tslib_1.__importDefault(require("./plugins/OnFocusPlugin"));
 const LexicalLinkPlugin_1 = require("@lexical/react/LexicalLinkPlugin");
+const FloatingLinkPlugin_1 = tslib_1.__importDefault(require("./plugins/FloatingLinkPlugin"));
 const ApiPlugin_1 = tslib_1.__importDefault(require("./plugins/ApiPlugin"));
-const ToolbarPlugin_1 = tslib_1.__importDefault(require("./plugins/ToolbarPlugin"));
+const LexicalHistoryPlugin_1 = require("@lexical/react/LexicalHistoryPlugin");
 const LexicalListPlugin_1 = require("@lexical/react/LexicalListPlugin");
-const FloatingLinkPlugin_1 = tslib_1.__importDefault(require("./plugins/FloatingLinkPlugin"));
-const OnBlurPlugin_1 = tslib_1.__importDefault(require("./plugins/OnBlurPlugin"));
-const OnFocusPlugin_1 = tslib_1.__importDefault(require("./plugins/OnFocusPlugin"));
-const constants_1 = require("./constants");
 const classes = {
     root: `${constants_1.PREFIX}-root`,
     focused: `${constants_1.PREFIX}-focused`,
@@ -148,6 +148,6 @@ const Editor = (inProps, ref) => {
         nodes: [...nodes_1.default],
         theme: editorTheme
     }), [editable]);
-    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ id: id, className: (0, classnames_1.default)(classes.root, className, { [classes.toolbar]: toolbar, [classes.focused]: focused }) }, { children: (0, jsx_runtime_1.jsxs)(LexicalComposer_1.LexicalComposer, Object.assign({ initialConfig: initialConfig }, { children: [toolbar ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ToolbarPlugin_1.default, Object.assign({ uploadImage: uploadImage, uploadFile: uploadFile, MediaPluginProps: { onMediaAdd: handleMediaChange } }, ToolBarProps)), (0, jsx_runtime_1.jsx)(LexicalListPlugin_1.ListPlugin, {}), (0, jsx_runtime_1.jsx)(LexicalHorizontalRulePlugin_1.HorizontalRulePlugin, {})] })) : ((0, jsx_runtime_1.jsxs)(material_1.Stack, Object.assign({ className: classes.actions, direction: "row" }, { children: [uploadImage && (0, jsx_runtime_1.jsx)(plugins_1.ImagePlugin, {}), uploadFile && (0, jsx_runtime_1.jsx)(plugins_1.MediaPlugin, Object.assign({}, MediaPluginProps)), (0, jsx_runtime_1.jsx)(plugins_1.EmojiPlugin, {}), action && action] }))), (0, jsx_runtime_1.jsx)(LexicalRichTextPlugin_1.RichTextPlugin, { contentEditable: (0, jsx_runtime_1.jsx)(LexicalContentEditable_1.ContentEditable, { className: classes.content }), placeholder: (0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ className: classes.placeholder, onClick: handleFocus }, { children: placeholder })), ErrorBoundary: LexicalErrorBoundary_1.default }), (0, jsx_runtime_1.jsx)(plugins_1.DefaultHtmlValuePlugin, { defaultValue: defaultValue }), (0, jsx_runtime_1.jsx)(LexicalHistoryPlugin_1.HistoryPlugin, {}), (0, jsx_runtime_1.jsx)(plugins_1.OnChangePlugin, { onChange: handleChange }), (0, jsx_runtime_1.jsx)(OnBlurPlugin_1.default, { onBlur: handleHasBlur }), (0, jsx_runtime_1.jsx)(OnFocusPlugin_1.default, { onFocus: handleHasFocus }), (0, jsx_runtime_1.jsx)(plugins_1.AutoLinkPlugin, {}), (0, jsx_runtime_1.jsx)(plugins_1.MentionsPlugin, {}), (0, jsx_runtime_1.jsx)(LexicalLinkPlugin_1.LinkPlugin, {}), (0, jsx_runtime_1.jsx)(FloatingLinkPlugin_1.default, {}), (0, jsx_runtime_1.jsx)(ApiPlugin_1.default, { ref: apiRef })] })) })));
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ id: id, className: (0, classnames_1.default)(classes.root, className, { [classes.toolbar]: toolbar, [classes.focused]: focused }) }, { children: (0, jsx_runtime_1.jsxs)(LexicalComposer_1.LexicalComposer, Object.assign({ initialConfig: initialConfig }, { children: [toolbar ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ToolbarPlugin_1.default, Object.assign({ uploadImage: uploadImage, uploadFile: uploadFile, MediaPluginProps: { onMediaAdd: handleMediaChange } }, ToolBarProps)), (0, jsx_runtime_1.jsx)(LexicalListPlugin_1.ListPlugin, {}), (0, jsx_runtime_1.jsx)(HorizontalRulePlugin_1.HorizontalRulePlugin, {})] })) : ((0, jsx_runtime_1.jsxs)(material_1.Stack, Object.assign({ className: classes.actions, direction: "row" }, { children: [uploadImage && (0, jsx_runtime_1.jsx)(plugins_1.ImagePlugin, {}), uploadFile && (0, jsx_runtime_1.jsx)(plugins_1.MediaPlugin, Object.assign({}, MediaPluginProps)), (0, jsx_runtime_1.jsx)(plugins_1.EmojiPlugin, {}), action && action] }))), (0, jsx_runtime_1.jsx)(LexicalRichTextPlugin_1.RichTextPlugin, { contentEditable: (0, jsx_runtime_1.jsx)(LexicalContentEditable_1.ContentEditable, { className: classes.content }), placeholder: (0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ className: classes.placeholder, onClick: handleFocus }, { children: placeholder })), ErrorBoundary: LexicalErrorBoundary_1.LexicalErrorBoundary }), (0, jsx_runtime_1.jsx)(plugins_1.DefaultHtmlValuePlugin, { defaultValue: defaultValue }), (0, jsx_runtime_1.jsx)(LexicalHistoryPlugin_1.HistoryPlugin, {}), (0, jsx_runtime_1.jsx)(plugins_1.OnChangePlugin, { onChange: handleChange }), (0, jsx_runtime_1.jsx)(OnBlurPlugin_1.default, { onBlur: handleHasBlur }), (0, jsx_runtime_1.jsx)(OnFocusPlugin_1.default, { onFocus: handleHasFocus }), (0, jsx_runtime_1.jsx)(plugins_1.AutoLinkPlugin, {}), (0, jsx_runtime_1.jsx)(plugins_1.MentionsPlugin, {}), (0, jsx_runtime_1.jsx)(LexicalLinkPlugin_1.LinkPlugin, {}), (0, jsx_runtime_1.jsx)(FloatingLinkPlugin_1.default, {}), (0, jsx_runtime_1.jsx)(ApiPlugin_1.default, { ref: apiRef })] })) })));
 };
 exports.default = (0, react_1.forwardRef)(Editor);

package/lib/cjs/components/Editor/plugins/HorizontalRulePlugin.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+export declare function HorizontalRulePlugin(): null;

package/lib/cjs/components/Editor/plugins/HorizontalRulePlugin.js

@@ -0,0 +1,34 @@
+"use strict";
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HorizontalRulePlugin = void 0;
+const LexicalComposerContext_1 = require("@lexical/react/LexicalComposerContext");
+const LexicalHorizontalRuleNode_1 = require("@lexical/react/LexicalHorizontalRuleNode");
+const utils_1 = require("@lexical/utils");
+const lexical_1 = require("lexical");
+const react_1 = require("react");
+function HorizontalRulePlugin() {
+    const [editor] = (0, LexicalComposerContext_1.useLexicalComposerContext)();
+    (0, react_1.useEffect)(() => {
+        return editor.registerCommand(LexicalHorizontalRuleNode_1.INSERT_HORIZONTAL_RULE_COMMAND, (type) => {
+            const selection = (0, lexical_1.$getSelection)();
+            if (!(0, lexical_1.$isRangeSelection)(selection)) {
+                return false;
+            }
+            const focusNode = selection.focus.getNode();
+            if (focusNode !== null) {
+                const horizontalRuleNode = (0, LexicalHorizontalRuleNode_1.$createHorizontalRuleNode)();
+                (0, utils_1.$insertNodeToNearestRoot)(horizontalRuleNode);
+            }
+            return true;
+        }, lexical_1.COMMAND_PRIORITY_EDITOR);
+    }, [editor]);
+    return null;
+}
+exports.HorizontalRulePlugin = HorizontalRulePlugin;

package/lib/cjs/components/Editor/plugins/LexicalRichTextPlugin.d.ts

@@ -1,6 +1,6 @@
 import { ErrorBoundaryType } from '../shared/useDecorators';
 export declare function RichTextPlugin({ contentEditable, placeholder, ErrorBoundary }: {
     contentEditable: JSX.Element;
-    placeholder: ((isEditable: boolean) => null | JSX.Element) | null | JSX.Element;
-    ErrorBoundary: ErrorBoundaryType;
+    placeholder?: ((isEditable: boolean) => null | JSX.Element) | null | JSX.Element;
+    ErrorBoundary?: ErrorBoundaryType;
 }): JSX.Element;

package/lib/cjs/components/Editor/plugins/LexicalRichTextPlugin.js

@@ -1,10 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RichTextPlugin = void 0;
-const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const LexicalComposerContext_1 = require("@lexical/react/LexicalComposerContext");
-const useLexicalEditable_1 = tslib_1.__importDefault(require("@lexical/react/useLexicalEditable"));
+const useLexicalEditable_1 = require("@lexical/react/useLexicalEditable");
 const useDecorators_1 = require("../shared/useDecorators");
 const useEditorFocus_1 = require("../shared/useEditorFocus");
 const useCanShowPlaceholder_1 = require("../shared/useCanShowPlaceholder");
@@ -19,7 +18,7 @@ exports.RichTextPlugin = RichTextPlugin;
 function Placeholder({ content }) {
     const [editor] = (0, LexicalComposerContext_1.useLexicalComposerContext)();
     const showPlaceholder = (0, useCanShowPlaceholder_1.useCanShowPlaceholder)(editor);
-    const editable = (0, useLexicalEditable_1.default)();
+    const editable = (0, useLexicalEditable_1.useLexicalEditable)();
     const hasFocus = (0, useEditorFocus_1.useEditorFocus)();
     if (!showPlaceholder || hasFocus) {
         return null;

package/lib/cjs/components/LessonReleaseMenu/LessonReleaseMenu.js

@@ -67,7 +67,7 @@ function LessonReleaseMenu(inProps) {
     // CONTEXT
     const scContext = (0, react_core_1.useSCContext)();
     // STATE
-    const [drippedAt, setDrippedAt] = (0, react_1.useState)((section === null || section === void 0 ? void 0 : section.dripped_at) ? new Date(section === null || section === void 0 ? void 0 : section.dripped_at) : null);
+    const [drippedAt, setDrippedAt] = (0, react_1.useState)(null);
     const { delay, _unit } = (0, course_1.getDripDelayAndUnit)((section === null || section === void 0 ? void 0 : section.drip_delay) || 0);
     const [dripDelay, setDripDelay] = (0, react_1.useState)(delay);
     const [unit, setUnit] = (0, react_1.useState)(_unit);
@@ -80,6 +80,20 @@ function LessonReleaseMenu(inProps) {
     const handleUnitChange = (e) => {
         setUnit(e.target.value);
     };
+    // EFFECTS
+    (0, react_1.useEffect)(() => {
+        if (section && section.dripped_at) {
+            setDrippedAt(new Date(section.dripped_at));
+        }
+        else {
+            setDrippedAt(null);
+        }
+    }, [section, setDrippedAt]);
+    (0, react_1.useEffect)(() => {
+        if (section) {
+            setDripDelay(delay);
+        }
+    }, [section, setDripDelay]);
     // HANDLERS
     const handleClick = (event) => {
         setAnchorEl(event.currentTarget);
@@ -125,7 +139,7 @@ function LessonReleaseMenu(inProps) {
                 okButtonLabel: `${intl.formatMessage(messages.pickerOkMessage)}`,
                 cancelButtonLabel: `${intl.formatMessage(messages.pickerCancelMessage)}`,
                 clearButtonLabel: `${intl.formatMessage(messages.pickerClearMessage)}`
-            } }, { children: (0, jsx_runtime_1.jsx)(x_date_pickers_1.MobileDateTimePicker, { className: classes.picker, disablePast: true, label: drippedAt && ((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.lessonReleaseMenu.scheduled.picker.placeholder", defaultMessage: "ui.lessonReleaseMenu.scheduled.picker.placeholder" })), defaultValue: drippedAt, slots: {
+            } }, { children: (0, jsx_runtime_1.jsx)(x_date_pickers_1.MobileDateTimePicker, { className: classes.picker, disablePast: true, label: drippedAt && ((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.lessonReleaseMenu.scheduled.picker.placeholder", defaultMessage: "ui.lessonReleaseMenu.scheduled.picker.placeholder" })), value: drippedAt, slots: {
                     //actionBar: PickerActionBar,
                     tabs: (props) => (0, jsx_runtime_1.jsx)(x_date_pickers_1.DateTimePickerTabs, Object.assign({}, props)),
                     textField: (params) => ((0, jsx_runtime_1.jsx)(material_1.TextField, Object.assign({}, params, { error: false, InputProps: Object.assign(Object.assign({}, params.InputProps), { placeholder: `${intl.formatMessage(messages.pickerPlaceholder)}`, endAdornment: ((0, jsx_runtime_1.jsx)(material_1.InputAdornment, Object.assign({ position: "end" }, { children: (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ disabled: isDisabled }, { children: (0, jsx_runtime_1.jsx)(material_1.Icon, { children: "expand_more" }) })) }))) }) })))
@@ -141,7 +155,7 @@ function LessonReleaseMenu(inProps) {
                     actionBar: {
                         actions: ['cancel', 'clear', 'accept']
                     }
-                }, onChange: (value) => setDrippedAt(value), onAccept: handleUpdate, onClear: () => setDrippedAt(null), disabled: isDisabled }) }))) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.TextField, { size: "small", placeholder: placeholderStructured, defaultValue: null, onClick: isDisabled ? undefined : handleClick, InputProps: {
+                }, onChange: (value) => setDrippedAt(value), onAccept: handleUpdate, onClear: () => setDrippedAt(null), disabled: isDisabled }) }))) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.TextField, { size: "small", value: placeholderStructured, onClick: isDisabled ? undefined : handleClick, InputProps: {
                         endAdornment: ((0, jsx_runtime_1.jsx)(material_1.InputAdornment, Object.assign({ position: "end" }, { children: (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ onClick: handleClick, disabled: isDisabled }, { children: (0, jsx_runtime_1.jsx)(material_1.Icon, { children: "expand_more" }) })) })))
                     }, disabled: isDisabled }), (0, jsx_runtime_1.jsxs)(PopoverRoot, Object.assign({ className: classes.popoverRoot, open: open, anchorEl: anchorEl, onClose: handleClose, anchorOrigin: {
                         vertical: 'bottom',

package/lib/cjs/utils/buttonCounters.d.ts

@@ -1 +1,2 @@
+export declare const DEFAULT_COUNTERS_LIMIT = 3;
 export declare function numberFormatter(num: number): JSX.Element;

package/lib/cjs/utils/buttonCounters.js

@@ -1,13 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.numberFormatter = void 0;
+exports.numberFormatter = exports.DEFAULT_COUNTERS_LIMIT = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+exports.DEFAULT_COUNTERS_LIMIT = 3;
 function numberFormatter(num) {
-    const surplus = num - 3;
+    const surplus = num === exports.DEFAULT_COUNTERS_LIMIT ? 1 : num < exports.DEFAULT_COUNTERS_LIMIT ? num : num - exports.DEFAULT_COUNTERS_LIMIT;
     if (surplus > 999999) {
         return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["+", (Math.abs(surplus) / 1000000).toFixed(1), "M"] });
     }
-    else if (num > 999) {
+    else if (surplus > 999) {
         return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["+", (Math.abs(surplus) / 1000).toFixed(1), "K"] });
     }
     return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["+", surplus] });

package/lib/esm/components/Composer/Content/ContentLesson/ContentLesson.js

@@ -47,6 +47,7 @@ export default (props) => {
     useEffect(() => {
         if (openLink && linkInputRef.current) {
             linkInputRef.current.scrollIntoView({ behavior: 'smooth' });
+            console.log('scroll debug');
         }
     }, [openLink]);
     // RENDER

package/lib/esm/components/Course/Course.js

@@ -156,7 +156,7 @@ export default function Course(inProps) {
                         }), { children: _jsx(Typography, Object.assign({ variant: "body2" }, { children: (_e = scCourse.created_by) === null || _e === void 0 ? void 0 : _e.username })) })), _jsx(Link, Object.assign({ to: scRoutingContext.url(SCRoutes.COURSE_ROUTE_NAME, scCourse), className: classes.previewNameWrapper }, { children: _jsx(Typography, Object.assign({ variant: "h6", className: classes.previewName }, { children: scCourse.name })) })), _jsxs(Typography, Object.assign({ className: classes.previewInfo }, { children: [_jsx(FormattedMessage, { id: scCourse.privacy ? `ui.course.privacy.${scCourse.privacy}` : 'ui.course.privacy.draft', defaultMessage: scCourse.privacy ? `ui.course.privacy.${scCourse.privacy}` : 'ui.course.privacy.draft' }), "-", _jsx(FormattedMessage, { id: `ui.course.type.${scCourse.type}`, defaultMessage: `ui.course.type.${scCourse.type}` })] })), _jsx(Box, Object.assign({ className: classes.previewCategory }, { children: scCourse.categories.map((category) => (_jsx(Chip, { size: "small", label: category.name }, category.id))) })), _jsx(Box, Object.assign({ className: classes.previewProgress }, { children: renderProgress() }))] })), actions !== null && actions !== void 0 ? actions : (_jsx(CardActions, Object.assign({ className: classes.previewActions }, { children: _jsx(Button, Object.assign({ variant: "outlined", size: "small", component: Link, to: scRoutingContext.url(SCRoutes.COURSE_ROUTE_NAME, scCourse) }, { children: _jsx(FormattedMessage, { defaultMessage: "ui.course.see", id: "ui.course.see" }) })) })))] })));
     }
     else {
-        contentObj = (_jsx(SnippetRoot, { elevation: 0, className: classes.snippetRoot, image: _jsxs(Box, Object.assign({ className: classes.snippetImage }, { children: [_jsx(Avatar, { variant: "square", alt: scCourse.name, src: scCourse.image_medium, className: userProfileSnippet ? classes.snippetAvatarUserProfile : classes.snippetAvatar }), !userProfileSnippet && (isCourseAdmin || isCourseCompleted(scCourse) || isCourseNew(scCourse)) && (_jsx(Chip, { size: "small", component: "div", color: isCourseCompleted(scCourse) || (isCourseAdmin && scCourse.privacy)
+        contentObj = (_jsx(SnippetRoot, { ButtonBaseProps: { component: Link, to: scRoutingContext.url(SCRoutes.COURSE_ROUTE_NAME, scCourse) }, elevation: 0, className: classes.snippetRoot, image: _jsxs(Box, Object.assign({ className: classes.snippetImage }, { children: [_jsx(Avatar, { variant: "square", alt: scCourse.name, src: scCourse.image_medium, className: userProfileSnippet ? classes.snippetAvatarUserProfile : classes.snippetAvatar }), !userProfileSnippet && (isCourseAdmin || isCourseCompleted(scCourse) || isCourseNew(scCourse)) && (_jsx(Chip, { size: "small", component: "div", color: isCourseCompleted(scCourse) || (isCourseAdmin && scCourse.privacy)
                             ? 'primary'
                             : isCourseAdmin && !scCourse.privacy
                                 ? 'default'

package/lib/esm/components/CourseDashboard/Student.js

@@ -64,11 +64,12 @@ function getUrlNextLesson(course) {
         return data;
     }
     (_a = course.sections) === null || _a === void 0 ? void 0 : _a.some((section) => {
+        var _a;
         const isNextLessonInThisSection = section.num_lessons_completed < section.num_lessons;
         if (isNextLessonInThisSection) {
             Object.assign(data, {
                 section_id: section.id,
-                lesson_id: section.lessons.find((lesson) => lesson.completion_status === SCCourseLessonCompletionStatusType.UNCOMPLETED).id
+                lesson_id: (_a = section.lessons.find((lesson) => lesson.completion_status === SCCourseLessonCompletionStatusType.UNCOMPLETED)) === null || _a === void 0 ? void 0 : _a.id
             });
         }
         return isNextLessonInThisSection;

package/lib/esm/components/CourseDashboard/Teacher/Students.js

@@ -29,7 +29,7 @@ function Students(props) {
     const [state, dispatch] = useReducer(dataWidgetReducer, {
         isLoadingNext: false,
         next: null,
-        cacheKey: SCCache.getWidgetStateCacheKey(SCCache.USER_PARTECIPANTS_COURSES_STATE_CACHE_PREFIX_KEY, course === null || course === void 0 ? void 0 : course.id),
+        cacheKey: SCCache.getWidgetStateCacheKey(SCCache.STUDENTS_PARTECIPANTS_COURSES_STATE_CACHE_PREFIX_KEY, course.id),
         cacheStrategy: CacheStrategies.CACHE_FIRST,
         visibleItems: endpointQueryParams.limit
     }, stateWidgetInitializer);

package/lib/esm/components/EditCourse/Requests.js

@@ -39,7 +39,7 @@ function Requests(props) {
         isLoadingPrevious: false,
         isLoadingNext: false,
         next: null,
-        cacheKey: SCCache.getWidgetStateCacheKey(SCCache.USER_REQUESTS_COURSES_STATE_CACHE_PREFIX_KEY, course.id),
+        cacheKey: SCCache.getWidgetStateCacheKey(SCCache.USERS_REQUESTS_COURSES_STATE_CACHE_PREFIX_KEY, course.id),
         cacheStrategy: CacheStrategies.CACHE_FIRST,
         visibleItems: endpointQueryParams.limit
     }, stateWidgetInitializer);

package/lib/esm/components/EditCourse/Users.js

@@ -45,7 +45,7 @@ function Users(props) {
     const [state, dispatch] = useReducer(dataWidgetReducer, {
         isLoadingNext: false,
         next: null,
-        cacheKey: SCCache.getWidgetStateCacheKey(SCCache.USER_PARTECIPANTS_COURSES_STATE_CACHE_PREFIX_KEY, course.id),
+        cacheKey: SCCache.getWidgetStateCacheKey(SCCache.USERS_PARTECIPANTS_COURSES_STATE_CACHE_PREFIX_KEY, course.id),
         cacheStrategy: CacheStrategies.CACHE_FIRST,
         visibleItems: endpointQueryParams.limit
     }, stateWidgetInitializer);

package/lib/esm/components/Editor/Editor.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { MediaPluginProps } from './plugins';
 import { ToolbarPluginProps } from './plugins/ToolbarPlugin';
+import { MediaPluginProps } from './plugins';
 import { SCMediaType } from '@selfcommunity/types';
 export declare type EditorRef = {
     focus: () => void;

package/lib/esm/components/Editor/Editor.js

@@ -8,19 +8,19 @@ import { useThemeProps } from '@mui/system';
 import nodes from './nodes';
 import { LexicalComposer } from '@lexical/react/LexicalComposer';
 import { ContentEditable } from '@lexical/react/LexicalContentEditable';
-import { HistoryPlugin } from '@lexical/react/LexicalHistoryPlugin';
+import ToolbarPlugin from './plugins/ToolbarPlugin';
+import { PREFIX } from './constants';
+import { HorizontalRulePlugin } from './plugins/HorizontalRulePlugin';
 import { RichTextPlugin } from './plugins/LexicalRichTextPlugin';
-import LexicalErrorBoundary from '@lexical/react/LexicalErrorBoundary';
-import { HorizontalRulePlugin } from '@lexical/react/LexicalHorizontalRulePlugin';
+import { LexicalErrorBoundary } from '@lexical/react/LexicalErrorBoundary';
 import { AutoLinkPlugin, DefaultHtmlValuePlugin, EmojiPlugin, ImagePlugin, MediaPlugin, MentionsPlugin, OnChangePlugin } from './plugins';
+import OnBlurPlugin from './plugins/OnBlurPlugin';
+import OnFocusPlugin from './plugins/OnFocusPlugin';
 import { LinkPlugin } from '@lexical/react/LexicalLinkPlugin';
+import FloatingLinkPlugin from './plugins/FloatingLinkPlugin';
 import ApiPlugin from './plugins/ApiPlugin';
-import ToolbarPlugin from './plugins/ToolbarPlugin';
+import { HistoryPlugin } from '@lexical/react/LexicalHistoryPlugin';
 import { ListPlugin } from '@lexical/react/LexicalListPlugin';
-import FloatingLinkPlugin from './plugins/FloatingLinkPlugin';
-import OnBlurPlugin from './plugins/OnBlurPlugin';
-import OnFocusPlugin from './plugins/OnFocusPlugin';
-import { PREFIX } from './constants';
 const classes = {
     root: `${PREFIX}-root`,
     focused: `${PREFIX}-focused`,

package/lib/esm/components/Editor/plugins/HorizontalRulePlugin.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+export declare function HorizontalRulePlugin(): null;

package/lib/esm/components/Editor/plugins/HorizontalRulePlugin.js

@@ -0,0 +1,30 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { $createHorizontalRuleNode, INSERT_HORIZONTAL_RULE_COMMAND } from '@lexical/react/LexicalHorizontalRuleNode';
+import { $insertNodeToNearestRoot } from '@lexical/utils';
+import { $getSelection, $isRangeSelection, COMMAND_PRIORITY_EDITOR } from 'lexical';
+import { useEffect } from 'react';
+export function HorizontalRulePlugin() {
+    const [editor] = useLexicalComposerContext();
+    useEffect(() => {
+        return editor.registerCommand(INSERT_HORIZONTAL_RULE_COMMAND, (type) => {
+            const selection = $getSelection();
+            if (!$isRangeSelection(selection)) {
+                return false;
+            }
+            const focusNode = selection.focus.getNode();
+            if (focusNode !== null) {
+                const horizontalRuleNode = $createHorizontalRuleNode();
+                $insertNodeToNearestRoot(horizontalRuleNode);
+            }
+            return true;
+        }, COMMAND_PRIORITY_EDITOR);
+    }, [editor]);
+    return null;
+}

package/lib/esm/components/Editor/plugins/LexicalRichTextPlugin.d.ts

@@ -1,6 +1,6 @@
 import { ErrorBoundaryType } from '../shared/useDecorators';
 export declare function RichTextPlugin({ contentEditable, placeholder, ErrorBoundary }: {
     contentEditable: JSX.Element;
-    placeholder: ((isEditable: boolean) => null | JSX.Element) | null | JSX.Element;
-    ErrorBoundary: ErrorBoundaryType;
+    placeholder?: ((isEditable: boolean) => null | JSX.Element) | null | JSX.Element;
+    ErrorBoundary?: ErrorBoundaryType;
 }): JSX.Element;

package/lib/esm/components/Editor/plugins/LexicalRichTextPlugin.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import useLexicalEditable from '@lexical/react/useLexicalEditable';
+import { useLexicalEditable } from '@lexical/react/useLexicalEditable';
 import { useDecorators } from '../shared/useDecorators';
 import { useEditorFocus } from '../shared/useEditorFocus';
 import { useCanShowPlaceholder } from '../shared/useCanShowPlaceholder';

package/lib/esm/components/LessonReleaseMenu/LessonReleaseMenu.js

@@ -1,6 +1,6 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 import { styled } from '@mui/material/styles';
 import { useThemeProps } from '@mui/system';
 import classNames from 'classnames';
@@ -65,7 +65,7 @@ export default function LessonReleaseMenu(inProps) {
     // CONTEXT
     const scContext = useSCContext();
     // STATE
-    const [drippedAt, setDrippedAt] = useState((section === null || section === void 0 ? void 0 : section.dripped_at) ? new Date(section === null || section === void 0 ? void 0 : section.dripped_at) : null);
+    const [drippedAt, setDrippedAt] = useState(null);
     const { delay, _unit } = getDripDelayAndUnit((section === null || section === void 0 ? void 0 : section.drip_delay) || 0);
     const [dripDelay, setDripDelay] = useState(delay);
     const [unit, setUnit] = useState(_unit);
@@ -78,6 +78,20 @@ export default function LessonReleaseMenu(inProps) {
     const handleUnitChange = (e) => {
         setUnit(e.target.value);
     };
+    // EFFECTS
+    useEffect(() => {
+        if (section && section.dripped_at) {
+            setDrippedAt(new Date(section.dripped_at));
+        }
+        else {
+            setDrippedAt(null);
+        }
+    }, [section, setDrippedAt]);
+    useEffect(() => {
+        if (section) {
+            setDripDelay(delay);
+        }
+    }, [section, setDripDelay]);
     // HANDLERS
     const handleClick = (event) => {
         setAnchorEl(event.currentTarget);
@@ -123,7 +137,7 @@ export default function LessonReleaseMenu(inProps) {
                 okButtonLabel: `${intl.formatMessage(messages.pickerOkMessage)}`,
                 cancelButtonLabel: `${intl.formatMessage(messages.pickerCancelMessage)}`,
                 clearButtonLabel: `${intl.formatMessage(messages.pickerClearMessage)}`
-            } }, { children: _jsx(MobileDateTimePicker, { className: classes.picker, disablePast: true, label: drippedAt && (_jsx(FormattedMessage, { id: "ui.lessonReleaseMenu.scheduled.picker.placeholder", defaultMessage: "ui.lessonReleaseMenu.scheduled.picker.placeholder" })), defaultValue: drippedAt, slots: {
+            } }, { children: _jsx(MobileDateTimePicker, { className: classes.picker, disablePast: true, label: drippedAt && (_jsx(FormattedMessage, { id: "ui.lessonReleaseMenu.scheduled.picker.placeholder", defaultMessage: "ui.lessonReleaseMenu.scheduled.picker.placeholder" })), value: drippedAt, slots: {
                     //actionBar: PickerActionBar,
                     tabs: (props) => _jsx(DateTimePickerTabs, Object.assign({}, props)),
                     textField: (params) => (_jsx(TextField, Object.assign({}, params, { error: false, InputProps: Object.assign(Object.assign({}, params.InputProps), { placeholder: `${intl.formatMessage(messages.pickerPlaceholder)}`, endAdornment: (_jsx(InputAdornment, Object.assign({ position: "end" }, { children: _jsx(IconButton, Object.assign({ disabled: isDisabled }, { children: _jsx(Icon, { children: "expand_more" }) })) }))) }) })))
@@ -139,7 +153,7 @@ export default function LessonReleaseMenu(inProps) {
                     actionBar: {
                         actions: ['cancel', 'clear', 'accept']
                     }
-                }, onChange: (value) => setDrippedAt(value), onAccept: handleUpdate, onClear: () => setDrippedAt(null), disabled: isDisabled }) }))) : (_jsxs(_Fragment, { children: [_jsx(TextField, { size: "small", placeholder: placeholderStructured, defaultValue: null, onClick: isDisabled ? undefined : handleClick, InputProps: {
+                }, onChange: (value) => setDrippedAt(value), onAccept: handleUpdate, onClear: () => setDrippedAt(null), disabled: isDisabled }) }))) : (_jsxs(_Fragment, { children: [_jsx(TextField, { size: "small", value: placeholderStructured, onClick: isDisabled ? undefined : handleClick, InputProps: {
                         endAdornment: (_jsx(InputAdornment, Object.assign({ position: "end" }, { children: _jsx(IconButton, Object.assign({ onClick: handleClick, disabled: isDisabled }, { children: _jsx(Icon, { children: "expand_more" }) })) })))
                     }, disabled: isDisabled }), _jsxs(PopoverRoot, Object.assign({ className: classes.popoverRoot, open: open, anchorEl: anchorEl, onClose: handleClose, anchorOrigin: {
                         vertical: 'bottom',

package/lib/esm/utils/buttonCounters.d.ts

@@ -1 +1,2 @@
+export declare const DEFAULT_COUNTERS_LIMIT = 3;
 export declare function numberFormatter(num: number): JSX.Element;

package/lib/esm/utils/buttonCounters.js

@@ -1,10 +1,11 @@
 import { Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export const DEFAULT_COUNTERS_LIMIT = 3;
 export function numberFormatter(num) {
-    const surplus = num - 3;
+    const surplus = num === DEFAULT_COUNTERS_LIMIT ? 1 : num < DEFAULT_COUNTERS_LIMIT ? num : num - DEFAULT_COUNTERS_LIMIT;
     if (surplus > 999999) {
         return _jsxs(_Fragment, { children: ["+", (Math.abs(surplus) / 1000000).toFixed(1), "M"] });
     }
-    else if (num > 999) {
+    else if (surplus > 999) {
         return _jsxs(_Fragment, { children: ["+", (Math.abs(surplus) / 1000).toFixed(1), "K"] });
     }
     return _jsxs(_Fragment, { children: ["+", surplus] });