student-review-screen 0.0.1

package/dist/components/Organisms/TeacherEvaluation/TeacherEditableBlock.js

@@ -0,0 +1,75 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_2 = require("@chakra-ui/react");
+const bi_1 = require("react-icons/bi");
+const ISEditor_1 = __importDefault(require("../ISEditor-V3/ISEditor"));
+const TeacherEvaluation_styles_1 = require("./TeacherEvaluation.styles");
+const EDITOR_CONFIG = {
+    toolbar: [
+        "heading",
+        "bold",
+        "italic",
+        "underline",
+        "link",
+        "bulletedList",
+        "numberedList",
+        "math",
+    ],
+};
+/**
+ * A titled block ("Summary", "Reference answer") with an inline rich text
+ * editor behind an edit button.
+ *
+ * `readView` renders the saved content; `value` is what the editor edits.
+ * `onSave` may return `false` to signal the save failed — the block then
+ * restores the previously saved value.
+ */
+const TeacherEditableBlock = ({ title, editLabel, value = "", readView, onSave, icons, theme = TeacherEvaluation_styles_1.THEMES.DARK, testId, }) => {
+    const styles = (0, react_1.useMemo)(() => (0, TeacherEvaluation_styles_1.getStyles)(theme), [theme]);
+    const [isEditing, setIsEditing] = (0, react_1.useState)(false);
+    const [draft, setDraft] = (0, react_1.useState)(value);
+    const [isSaving, setIsSaving] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        setDraft(value);
+    }, [value]);
+    const isEditable = !!onSave;
+    const handleSave = async () => {
+        setIsSaving(true);
+        try {
+            const result = await onSave(draft);
+            if (result === false)
+                setDraft(value);
+        }
+        catch (error) {
+            console.error("Error saving teacher evaluation block:", error);
+            setDraft(value);
+        }
+        finally {
+            setIsSaving(false);
+            setIsEditing(false);
+        }
+    };
+    const handleCancel = () => {
+        setDraft(value);
+        setIsEditing(false);
+    };
+    /* Only Edit lives in the title row; Cancel / Save sit under the editor. */
+    const renderEditButton = () => {
+        if (!isEditable || isEditing)
+            return null;
+        return ((0, jsx_runtime_1.jsxs)(react_2.Flex, { sx: styles.editButton, onClick: () => setIsEditing(true), "data-testid": `${testId}-edit`, children: [(0, jsx_runtime_1.jsx)(bi_1.BiEditAlt, { size: 16 }), (0, jsx_runtime_1.jsx)(react_2.Text, { margin: 0, children: editLabel })] }));
+    };
+    const renderEditorActions = () => {
+        if (!isEditing)
+            return null;
+        return ((0, jsx_runtime_1.jsxs)(react_2.Flex, { sx: styles.editorActions, children: [(0, jsx_runtime_1.jsx)(react_2.Flex, { sx: { ...styles.editorActionButton, ...styles.editorCancelButton }, onClick: handleCancel, "data-testid": `${testId}-cancel`, children: (0, jsx_runtime_1.jsx)(react_2.Text, { margin: 0, children: "Cancel" }) }), (0, jsx_runtime_1.jsx)(react_2.Flex, { sx: { ...styles.editorActionButton, ...styles.editorSaveButton }, opacity: isSaving ? 0.6 : 1, pointerEvents: isSaving ? "none" : "auto", onClick: handleSave, "data-testid": `${testId}-save`, children: (0, jsx_runtime_1.jsx)(react_2.Text, { margin: 0, children: isSaving ? "Saving..." : "Save" }) })] }));
+    };
+    return ((0, jsx_runtime_1.jsxs)(react_2.Box, { sx: styles.blockSection, "data-testid": testId, children: [(0, jsx_runtime_1.jsxs)(react_2.Flex, { sx: styles.blockTitleRow, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: styles.blockTitle, "data-testid": `${testId}-title`, children: title }), renderEditButton()] }), isEditing ? ((0, jsx_runtime_1.jsxs)(react_2.Box, { sx: styles.editorWrapper, children: [(0, jsx_runtime_1.jsx)(ISEditor_1.default, { data: draft, handleChange: (updated) => setDraft(updated), config: EDITOR_CONFIG, icons: icons, allowAddTable: false }), renderEditorActions()] })) : ((0, jsx_runtime_1.jsx)(react_2.Box, { sx: styles.contentCard, "data-testid": `${testId}-content`, children: readView }))] }));
+};
+exports.default = TeacherEditableBlock;
+//# sourceMappingURL=TeacherEditableBlock.js.map

package/dist/components/Organisms/TeacherEvaluation/TeacherEditableBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TeacherEditableBlock.js","sourceRoot":"","sources":["../../../../src/components/Organisms/TeacherEvaluation/TeacherEditableBlock.jsx"],"names":[],"mappings":"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"}