@hydralms/components 0.2.0 → 0.3.0

package/dist/sections/LessonPage/types.d.ts

@@ -33,6 +33,12 @@ export interface LessonPageProps {
     showDuration?: boolean;
     /** When true, disables interactive elements */
     readOnly?: boolean;
+    /** Render skeleton placeholders instead of content */
+    isLoading?: boolean;
+    /** Error message — renders an error state with optional retry */
+    error?: string | null;
+    /** Called when the user clicks retry in the error state */
+    onRetry?: () => void;
     /** CSS class name for the root element */
     className?: string;
     /** Inline styles for the root element */

package/dist/sections/PracticeQuiz/PracticeQuiz.d.ts

@@ -1,2 +1,2 @@
 import { PracticeQuizProps } from './types';
-export declare function PracticeQuiz({ questions: questionsProp, instantFeedback, allowRetry, onComplete, shuffled, readOnly, className, style, }: PracticeQuizProps): import("react/jsx-runtime").JSX.Element;
+export declare function PracticeQuiz({ questions: questionsProp, instantFeedback, allowRetry, onComplete, shuffled, readOnly, isLoading, error, onRetry, className, style, }: PracticeQuizProps): import("react/jsx-runtime").JSX.Element;

package/dist/sections/PracticeQuiz/types.d.ts

@@ -27,6 +27,12 @@ export interface PracticeQuizProps {
     shuffled?: boolean;
     /** When true, all inputs are disabled */
     readOnly?: boolean;
+    /** Render skeleton placeholders instead of content */
+    isLoading?: boolean;
+    /** Error message — renders an error state with optional retry */
+    error?: string | null;
+    /** Called when the user clicks retry in the error state */
+    onRetry?: () => void;
     /** CSS class name for the root element */
     className?: string;
     /** Inline styles for the root element */

package/dist/sections/ProgressDashboard/ProgressDashboard.d.ts

@@ -1,2 +1,2 @@
 import { ProgressDashboardProps } from './types';
-export declare function ProgressDashboard({ overallProgress, totalTimeSpent, modules, recentActivity, streak, achievements, recentActivityLimit, onModuleClick, className, style, }: ProgressDashboardProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProgressDashboard({ overallProgress, totalTimeSpent, modules, recentActivity, streak, achievements, recentActivityLimit, onModuleClick, isLoading, error, onRetry, className, style, }: ProgressDashboardProps): import("react/jsx-runtime").JSX.Element;

package/dist/sections/ProgressDashboard/types.d.ts

@@ -32,6 +32,12 @@ export interface ProgressDashboardProps {
     recentActivityLimit?: number;
     /** Called when the user clicks a module */
     onModuleClick?: (moduleUid: string) => void;
+    /** Render skeleton placeholders instead of content */
+    isLoading?: boolean;
+    /** Error message — renders an error state with optional retry */
+    error?: string | null;
+    /** Called when the user clicks retry in the error state */
+    onRetry?: () => void;
     /** CSS class name for the root element */
     className?: string;
     /** Inline styles for the root element */

package/dist/sections/QuizSession/QuizSession.d.ts

@@ -1,2 +1,2 @@
 import { QuizSessionProps } from './types';
-export declare function QuizSession({ questions, initialAnswers, onSubmit, onAnswerChange, timeElapsedSeconds, timeLimitSeconds, questionMaterials, isSubmitting, readOnly, className, style, }: QuizSessionProps): import("react/jsx-runtime").JSX.Element;
+export declare function QuizSession({ questions, initialAnswers, onSubmit, onAnswerChange, timeElapsedSeconds, timeLimitSeconds, questionMaterials, isSubmitting, readOnly, isLoading, error, onRetry, className, style, }: QuizSessionProps): import("react/jsx-runtime").JSX.Element;

package/dist/sections/QuizSession/types.d.ts

@@ -44,6 +44,12 @@ export interface QuizSessionProps {
     questionMaterials?: QuestionMaterial[];
     /** When true, all inputs are disabled (e.g. after submission) */
     readOnly?: boolean;
+    /** Render skeleton placeholders instead of content */
+    isLoading?: boolean;
+    /** Error message — renders an error state with optional retry */
+    error?: string | null;
+    /** Called when the user clicks retry in the error state */
+    onRetry?: () => void;
     /** CSS class name for the root element */
     className?: string;
     /** Inline styles for the root element */

package/dist/sections/RequirementsChecklist/RequirementsChecklist.d.ts

@@ -5,4 +5,4 @@ import { RequirementsChecklistProps } from './types';
  * Displays a vertical list of requirements with an overall progress bar.
  * Incomplete items can be clicked to navigate to the relevant content.
  */
-export declare function RequirementsChecklist({ title, requirements, onRequirementClick, className, style, }: RequirementsChecklistProps): import("react/jsx-runtime").JSX.Element;
+export declare function RequirementsChecklist({ title, requirements, onRequirementClick, isLoading, error, onRetry, className, style, }: RequirementsChecklistProps): import("react/jsx-runtime").JSX.Element;

package/dist/sections/RequirementsChecklist/types.d.ts

@@ -18,6 +18,12 @@ export interface RequirementsChecklistProps {
     requirements: Requirement[];
     /** Called when the user clicks an incomplete requirement */
     onRequirementClick?: (uid: string) => void;
+    /** Render skeleton placeholders instead of content */
+    isLoading?: boolean;
+    /** Error message — renders an error state with optional retry */
+    error?: string | null;
+    /** Called when the user clicks retry in the error state */
+    onRetry?: () => void;
     /** CSS class name for the root element */
     className?: string;
     /** Inline styles for the root element */

package/dist/sections/ResourceLibrary/ResourceLibrary.d.ts

@@ -1,2 +1,2 @@
 import { ResourceLibraryProps } from './types';
-export declare function ResourceLibrary({ resources, categories, onResourceClick, onDownload, viewMode: initialViewMode, allowViewToggle, showSearch, emptyMessage, readOnly, className, style, }: ResourceLibraryProps): import("react/jsx-runtime").JSX.Element;
+export declare function ResourceLibrary({ resources, categories, onResourceClick, onDownload, viewMode: initialViewMode, allowViewToggle, showSearch, emptyMessage, readOnly, isLoading, error, onRetry, pageSize, currentPage, totalItems, onPageChange, className, style, }: ResourceLibraryProps): import("react/jsx-runtime").JSX.Element;

package/dist/sections/ResourceLibrary/types.d.ts

@@ -20,7 +20,7 @@ export interface ResourceLibraryProps {
         label: string;
     }[];
     /** Called when the user clicks a resource */
-    onResourceClick: (resource: Resource) => void;
+    onResourceClick?: (resource: Resource) => void;
     /** Called when the user downloads a resource */
     onDownload?: (resource: Resource) => void;
     /** Layout view mode */
@@ -33,6 +33,20 @@ export interface ResourceLibraryProps {
     emptyMessage?: string;
     /** When true, disables interactions */
     readOnly?: boolean;
+    /** Render skeleton placeholders instead of content */
+    isLoading?: boolean;
+    /** Error message — renders an error state with optional retry */
+    error?: string | null;
+    /** Called when the user clicks retry in the error state */
+    onRetry?: () => void;
+    /** Number of items per page (enables pagination when set with onPageChange) */
+    pageSize?: number;
+    /** Current page (1-indexed) */
+    currentPage?: number;
+    /** Total number of items (for server-side pagination) */
+    totalItems?: number;
+    /** Called when the user navigates to a different page */
+    onPageChange?: (page: number) => void;
     /** CSS class name for the root element */
     className?: string;
     /** Inline styles for the root element */

package/dist/sections/RubricView/RubricView.d.ts

@@ -6,4 +6,4 @@ import { RubricViewProps } from './types';
  * shows an overall score. Useful inside AssignmentModule for showing grading criteria
  * and results.
  */
-export declare function RubricView({ criteria, selectedLevels, totalScore, maxScore, feedback, className, style, }: RubricViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function RubricView({ criteria, selectedLevels, totalScore, maxScore, feedback, isLoading, error, onRetry, className, style, }: RubricViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/sections/RubricView/types.d.ts

@@ -23,6 +23,12 @@ export interface RubricViewProps {
     maxScore?: number;
     /** Instructor feedback text */
     feedback?: string;
+    /** Render skeleton placeholders instead of content */
+    isLoading?: boolean;
+    /** Error message — renders an error state with optional retry */
+    error?: string | null;
+    /** Called when the user clicks retry in the error state */
+    onRetry?: () => void;
     /** CSS class name for the root element */
     className?: string;
     /** Inline styles for the root element */

package/dist/sections/ScrollableQuiz/ScrollableQuiz.d.ts

@@ -1,2 +1,2 @@
 import { ScrollableQuizProps } from './types';
-export declare function ScrollableQuiz({ questions, initialAnswers, onSubmit, onAnswerChange, showNavigator, showQuestionNumbers, questionGroups, isSubmitting, readOnly, className, style, }: ScrollableQuizProps): import("react/jsx-runtime").JSX.Element;
+export declare function ScrollableQuiz({ questions, initialAnswers, onSubmit, onAnswerChange, showNavigator, showQuestionNumbers, questionGroups, isSubmitting, readOnly, isLoading, error, onRetry, className, style, }: ScrollableQuizProps): import("react/jsx-runtime").JSX.Element;

package/dist/sections/ScrollableQuiz/types.d.ts

@@ -35,6 +35,12 @@ export interface ScrollableQuizProps {
     isSubmitting?: boolean;
     /** When true, all inputs are disabled */
     readOnly?: boolean;
+    /** Render skeleton placeholders instead of content */
+    isLoading?: boolean;
+    /** Error message — renders an error state with optional retry */
+    error?: string | null;
+    /** Called when the user clicks retry in the error state */
+    onRetry?: () => void;
     /** CSS class name for the root element */
     className?: string;
     /** Inline styles for the root element */

package/dist/sections/StudentProfile/StudentProfile.d.ts

@@ -0,0 +1,2 @@
+import { StudentProfileProps } from './types';
+export declare function StudentProfile({ student, enrolledCourses, achievements, certificates, stats, showCourses, showAchievements, onCourseClick, onCertificateClick, readOnly, isLoading, error, onRetry, className, style, }: StudentProfileProps): import("react/jsx-runtime").JSX.Element;

package/dist/sections/StudentProfile/types.d.ts

@@ -0,0 +1,98 @@
+/**
+ * StudentProfile section — a student profile overview.
+ *
+ * Displays student info header, stat cards, enrolled courses list,
+ * achievements grid, and certificates list.
+ *
+ * @example
+ * <StudentProfile
+ *   student={{ uid: "s1", displayName: "Jane Doe", email: "jane@example.com" }}
+ *   enrolledCourses={courses}
+ *   achievements={badges}
+ *   onCourseClick={(uid) => navigate(`/courses/${uid}`)}
+ * />
+ */
+export interface StudentProfileProps {
+    /** Student information */
+    student: StudentInfo;
+    /** Enrolled courses */
+    enrolledCourses?: EnrolledCourse[];
+    /** Earned achievements */
+    achievements?: ProfileAchievement[];
+    /** Earned certificates */
+    certificates?: ProfileCertificate[];
+    /** Custom stat cards to display */
+    stats?: {
+        label: string;
+        value: string;
+        icon?: React.ReactNode;
+    }[];
+    /** When false, hides the Enrolled Courses section. @default true */
+    showCourses?: boolean;
+    /** When false, hides the Achievements section. @default true */
+    showAchievements?: boolean;
+    /** Called when a course is clicked */
+    onCourseClick?: (courseUid: string) => void;
+    /** Called when a certificate is clicked */
+    onCertificateClick?: (certificateUid: string) => void;
+    /** When true, disables interactions */
+    readOnly?: boolean;
+    /** Render skeleton placeholders instead of content */
+    isLoading?: boolean;
+    /** Error message — renders an error state with optional retry */
+    error?: string | null;
+    /** Called when the user clicks retry in the error state */
+    onRetry?: () => void;
+    /** CSS class name for the root element */
+    className?: string;
+    /** Inline styles for the root element */
+    style?: React.CSSProperties;
+}
+export interface StudentInfo {
+    /** Unique identifier */
+    uid: string;
+    /** Display name */
+    displayName: string;
+    /** Avatar URL */
+    avatarUrl?: string;
+    /** Email address */
+    email?: string;
+    /** Short bio */
+    bio?: string;
+    /** Join date as ISO string */
+    joinedAt?: string;
+    /** Role label */
+    role?: string;
+}
+export interface EnrolledCourse {
+    /** Course UID */
+    uid: string;
+    /** Course title */
+    title: string;
+    /** Progress percentage (0-100) */
+    progress: number;
+    /** Last accessed as ISO string */
+    lastAccessedAt?: string;
+}
+export interface ProfileAchievement {
+    /** Unique identifier */
+    uid: string;
+    /** Achievement name */
+    name: string;
+    /** Achievement description */
+    description: string;
+    /** Icon URL */
+    iconUrl?: string;
+    /** Date earned as ISO string */
+    earnedAt: string;
+}
+export interface ProfileCertificate {
+    /** Unique identifier */
+    uid: string;
+    /** Course name */
+    courseName: string;
+    /** Date issued as ISO string */
+    issuedAt: string;
+    /** Certificate URL */
+    certificateUrl?: string;
+}

package/dist/sections/SurveyForm/SurveyForm.d.ts

@@ -1,2 +1,2 @@
 import { SurveyFormProps } from './types';
-export declare function SurveyForm({ title, description, questions, initialAnswers, onSubmit, onAnswerChange, showProgress, requireAll, submitLabel, isSubmitting, readOnly, className, style, }: SurveyFormProps): import("react/jsx-runtime").JSX.Element;
+export declare function SurveyForm({ title, description, questions, initialAnswers, onSubmit, onAnswerChange, showProgress, requireAll, submitLabel, isSubmitting, readOnly, isLoading, error, onRetry, className, style, }: SurveyFormProps): import("react/jsx-runtime").JSX.Element;

package/dist/sections/SurveyForm/types.d.ts

@@ -37,6 +37,12 @@ export interface SurveyFormProps {
     isSubmitting?: boolean;
     /** When true, all inputs are disabled */
     readOnly?: boolean;
+    /** Render skeleton placeholders instead of content */
+    isLoading?: boolean;
+    /** Error message — renders an error state with optional retry */
+    error?: string | null;
+    /** Called when the user clicks retry in the error state */
+    onRetry?: () => void;
     /** CSS class name for the root element */
     className?: string;
     /** Inline styles for the root element */

package/dist/sections/_shared/merge-answers.d.ts

@@ -0,0 +1,9 @@
+import { SessionAnswer } from '../../questions/types';
+/**
+ * Replaces all existing answers for `questionUid` with `rawAnswers`,
+ * then invokes an optional change callback with the merged array.
+ */
+export declare function mergeSessionAnswers(prev: SessionAnswer[], questionUid: string, rawAnswers: {
+    uid: string;
+    content?: string;
+}[], onChange?: (merged: SessionAnswer[]) => void): SessionAnswer[];

package/dist/sections/_shared/section-shell.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+export interface SectionShellProps {
+    isLoading?: boolean;
+    error?: string | null;
+    onRetry?: () => void;
+    /** Skeleton placeholder rendered when `isLoading` is true. */
+    skeleton?: ReactNode;
+    /** Extra class merged into the loading wrapper (default `"space-y-4"`). */
+    loadingClassName?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    children: ReactNode;
+}
+/**
+ * Shared wrapper that handles loading skeleton and error states
+ * so individual sections don't repeat the same early-return blocks.
+ *
+ * When neither loading nor error, renders children directly (no extra wrapper).
+ */
+export declare function SectionShell({ isLoading, error, onRetry, skeleton, loadingClassName, className, style, children, }: SectionShellProps): import("react/jsx-runtime").JSX.Element;

package/dist/sections/_shared/use-assessment-session.d.ts

@@ -0,0 +1,30 @@
+import { QuestionNavigatorItem } from '../../assessment-toolbar/types';
+import { QuestionData, QuestionMaterial, SessionAnswer } from '../../questions/types';
+export interface UseAssessmentSessionOptions {
+    questions: QuestionData[];
+    initialAnswers?: SessionAnswer[];
+    onAnswerChange?: (answers: SessionAnswer[]) => void;
+    questionMaterials?: QuestionMaterial[];
+}
+export declare function useAssessmentSession({ questions, initialAnswers, onAnswerChange, questionMaterials, }: UseAssessmentSessionOptions): {
+    currentIndex: number;
+    currentQuestion: QuestionData;
+    sessionAnswers: SessionAnswer[];
+    flaggedUids: Set<string>;
+    materialsOpen: boolean;
+    setMaterialsOpen: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    questionAreaRef: import('react').RefObject<HTMLDivElement | null>;
+    currentQuestionAnswers: SessionAnswer[];
+    currentMaterials: QuestionMaterial[];
+    navigatorItems: QuestionNavigatorItem[];
+    handleAnswer: (rawAnswers: {
+        uid: string;
+        content?: string;
+    }[]) => void;
+    handleNavigate: (uid: string) => void;
+    handleToggleFlag: (uid: string) => void;
+    goNext: () => void;
+    goPrevious: () => void;
+    hasNext: boolean;
+    hasPrevious: boolean;
+};

package/dist/sections/index.d.ts

@@ -38,3 +38,9 @@ export { RequirementsChecklist } from './RequirementsChecklist/RequirementsCheck
 export type { RequirementsChecklistProps, Requirement, } from './RequirementsChecklist/types';
 export { ForumBoard } from './ForumBoard/ForumBoard';
 export type { ForumBoardProps, ForumTopic, ForumSortOrder } from './ForumBoard/types';
+export { EnrollmentWizard } from './EnrollmentWizard/EnrollmentWizard';
+export type { EnrollmentWizardProps, EnrollmentCourse, Prerequisite, } from './EnrollmentWizard/types';
+export { CourseCatalog } from './CourseCatalog/CourseCatalog';
+export type { CourseCatalogProps, CourseInfo, } from './CourseCatalog/types';
+export { StudentProfile } from './StudentProfile/StudentProfile';
+export type { StudentProfileProps, StudentInfo, EnrolledCourse, ProfileAchievement, ProfileCertificate, } from './StudentProfile/types';

package/dist/sections.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./ForumBoard-d1w5-r6n.cjs"),e=require("react/jsx-runtime"),u=require("react"),s=require("./tabs-DRM2Iq_J.cjs"),L=require("lucide-react");function E({questions:a,initialAnswers:h=[],onSubmit:j,onAnswerChange:b,showNavigator:C=!0,showQuestionNumbers:T=!0,questionGroups:g,isSubmitting:N=!1,readOnly:p=!1,className:z,style:k}){var U;const[f,w]=u.useState(h),[i,m]=u.useState(((U=a[0])==null?void 0:U.uid)??null),o=u.useRef(new Map),x=u.useMemo(()=>{const n=new Map;for(const r of f){const l=n.get(r.uid);l?l.push(r):n.set(r.uid,[r])}return n},[f]),P=u.useMemo(()=>a.filter(n=>x.has(n.uid)).length,[a,x]);u.useEffect(()=>{const n=new IntersectionObserver(r=>{for(const l of r)l.isIntersecting&&m(l.target.getAttribute("data-question-uid"))},{rootMargin:"-20% 0px -60% 0px"});return o.current.forEach(r=>n.observe(r)),()=>n.disconnect()},[a]);const Q=u.useCallback((n,r)=>{r?o.current.set(n,r):o.current.delete(n)},[]);function t(n,r){const l=r.map(c=>({uid:n,answerUid:c.uid,content:c.content}));w(c=>{const R=[...c.filter(F=>F.uid!==n),...l];return b==null||b(R),R})}function v(n){var r;(r=o.current.get(n))==null||r.scrollIntoView({behavior:"smooth",block:"center"})}const y=u.useMemo(()=>{if(!g)return[{label:null,questions:a}];const n=g.map(c=>({label:c.label,questions:c.questionUids.map(S=>a.find(R=>R.uid===S)).filter(Boolean)})),r=new Set(g.flatMap(c=>c.questionUids)),l=a.filter(c=>!r.has(c.uid));return l.length>0&&n.push({label:null,questions:l}),n},[a,g]);let A=0;return e.jsxs("div",{className:s.cn("flex gap-3",z),style:k,children:[e.jsxs("div",{className:"flex-1 min-w-0",children:[y.map((n,r)=>e.jsxs("div",{children:[n.label&&e.jsx("p",{className:s.cn("text-lg font-semibold mb-2 text-foreground",r>0&&"mt-4"),children:n.label}),n.questions.map(l=>{const c=A++;return e.jsx(s.Card,{ref:S=>Q(l.uid,S),"data-question-uid":l.uid,className:"mb-2",children:e.jsxs(s.CardContent,{className:"pt-6",children:[T&&e.jsxs("p",{className:"font-semibold text-sm text-muted-foreground mb-1",children:["Question ",c+1]}),e.jsx(s.QuestionRenderer,{question:l,sessionAnswers:x.get(l.uid)??[],onAnswer:S=>t(l.uid,S),readOnly:p})]})},l.uid)})]},n.label??`ungrouped-${r}`)),e.jsx(s.Separator,{className:"my-3"}),e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsxs("span",{className:"text-sm text-muted-foreground",children:[P," of ",a.length," answered"]}),e.jsx(s.Button,{onClick:()=>j(f),disabled:N||p,children:N?"Submitting...":"Submit"})]})]}),C&&e.jsx(s.Card,{className:"hidden md:block w-50 shrink-0 sticky top-4 self-start",children:e.jsxs(s.CardContent,{className:"p-3",children:[e.jsx("p",{className:"font-semibold text-sm mb-1 text-foreground",children:"Questions"}),e.jsx("div",{className:"flex flex-wrap gap-1",children:a.map((n,r)=>{const l=x.has(n.uid),c=i===n.uid;return e.jsx("button",{type:"button",className:s.cn("inline-flex items-center justify-center text-xs font-medium min-w-9 px-1 py-0.5 rounded-full cursor-pointer border transition-colors",c?"bg-primary border-primary text-primary-foreground":l?"border-success text-success bg-transparent":"border-border text-foreground bg-transparent hover:bg-muted"),onClick:()=>v(n.uid),children:r+1},n.uid)})})]})})]})}const B={pdf:"document",document:"document",video:"video",link:"link",image:"document",archive:"document",other:"document"};function I({resources:a,categories:h,onResourceClick:j,onDownload:b,viewMode:C="list",allowViewToggle:T=!0,showSearch:g=!0,emptyMessage:N="No resources found",readOnly:p=!1,className:z,style:k}){const[f,w]=u.useState(""),[i,m]=u.useState(null),[o,x]=u.useState(C),P=u.useMemo(()=>{let t=a;if(i&&(t=t.filter(v=>v.categoryUid===i)),f.trim()){const v=f.toLowerCase();t=t.filter(y=>{var A;return y.name.toLowerCase().includes(v)||((A=y.description)==null?void 0:A.toLowerCase().includes(v))})}return t},[a,i,f]);function Q(t){const v=B[t.type]??"document";return e.jsxs("div",{className:s.cn("flex items-center gap-3 px-3 py-2",!p&&"cursor-pointer hover:bg-muted",p&&"opacity-70"),onClick:()=>!p&&j(t),children:[e.jsx("div",{className:"min-w-10",children:e.jsx(s.LearningObjectIcon,{type:v,size:20})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("span",{className:"text-sm text-foreground",children:t.name}),(t.description||t.fileSize!=null)&&e.jsx("span",{className:"block text-xs text-muted-foreground",children:[t.description,t.fileSize!=null&&s.formatFileSize(t.fileSize)].filter(Boolean).join(" · ")})]}),b&&e.jsxs(s.Tooltip,{children:[e.jsx(s.TooltipTrigger,{children:e.jsx(s.Button,{variant:"ghost",size:"icon-xs","aria-label":"Download",onClick:y=>{y.stopPropagation(),b(t)},children:e.jsx(L.Download,{size:16})})}),e.jsx(s.TooltipContent,{children:"Download"})]})]},t.uid)}return e.jsxs("div",{className:z,style:k,children:[e.jsxs("div",{className:"flex gap-2 items-center mb-2",children:[g&&e.jsx("div",{className:"flex-1 max-w-80",children:e.jsx(s.SearchInput,{value:f,onChange:w,placeholder:"Search resources...",size:"small"})}),T&&e.jsxs("div",{className:"flex gap-0.5",children:[e.jsxs(s.Tooltip,{children:[e.jsx(s.TooltipTrigger,{children:e.jsx(s.Button,{variant:"ghost",size:"icon-xs","aria-label":"List view",className:s.cn(o==="list"&&"text-primary"),onClick:()=>x("list"),children:e.jsx(L.List,{size:18})})}),e.jsx(s.TooltipContent,{children:"List view"})]}),e.jsxs(s.Tooltip,{children:[e.jsx(s.TooltipTrigger,{children:e.jsx(s.Button,{variant:"ghost",size:"icon-xs","aria-label":"Grid view",className:s.cn(o==="grid"&&"text-primary"),onClick:()=>x("grid"),children:e.jsx(L.Grid,{size:18})})}),e.jsx(s.TooltipContent,{children:"Grid view"})]})]})]}),h&&h.length>0&&e.jsx(s.Tabs,{value:i??"all",onValueChange:t=>m(t==="all"?null:t),className:"mb-2",children:e.jsxs(s.TabsList,{children:[e.jsx(s.TabsTrigger,{value:"all",children:"All"}),h.map(t=>e.jsx(s.TabsTrigger,{value:t.uid,children:t.label},t.uid))]})}),P.length===0?e.jsx(s.EmptyState,{title:N,description:"Try adjusting your search or filter."}):o==="list"?e.jsx(s.Card,{children:P.map(Q)}):e.jsx("div",{className:"grid grid-cols-[repeat(auto-fill,minmax(240px,1fr))] gap-2",children:P.map(t=>e.jsx(s.Card,{className:s.cn("transition-colors",!p&&"cursor-pointer hover:border-primary"),onClick:()=>!p&&j(t),children:e.jsxs(s.CardContent,{className:"pt-4 pb-4",children:[e.jsxs("div",{className:"flex gap-1 items-center mb-1",children:[e.jsx(s.LearningObjectIcon,{type:B[t.type]??"document",size:20}),e.jsx("span",{className:"font-semibold text-sm text-foreground truncate",children:t.name})]}),t.description&&e.jsx("p",{className:"text-sm text-muted-foreground mb-1 truncate",children:t.description}),t.fileSize!=null&&e.jsx("span",{className:"text-xs text-muted-foreground",children:s.formatFileSize(t.fileSize)})]})},t.uid))})]})}function M({announcements:a,onMarkRead:h,onSelect:j,showAvatars:b=!0,previewLines:C=3,emptyMessage:T="No announcements yet",readOnly:g=!1,className:N,style:p}){const[z,k]=u.useState(new Set),f=u.useMemo(()=>{const i=a.filter(o=>o.isPinned),m=a.filter(o=>!o.isPinned);return[...i,...m]},[a]);function w(i){k(o=>{const x=new Set(o);return x.has(i)?x.delete(i):x.add(i),x});const m=a.find(o=>o.uid===i);m&&!m.isRead&&(h==null||h(i))}return f.length===0?e.jsx("div",{className:N,style:p,children:e.jsx(s.EmptyState,{title:T})}):e.jsx("div",{className:s.cn("flex flex-col gap-2",N),style:p,children:f.map(i=>{const m=z.has(i.uid);return e.jsx(s.Card,{className:s.cn(i.isRead&&"opacity-85",j&&"cursor-pointer",i.isPinned&&"border-l-4 border-l-warning"),onClick:()=>j&&!g?j(i):w(i.uid),children:e.jsx(s.CardContent,{className:"py-4",children:e.jsxs("div",{className:"flex gap-1.5 items-start",children:[b&&e.jsx(s.UserAvatar,{displayName:i.author.displayName,avatarUrl:i.author.avatarUrl,role:i.author.role,size:"medium"}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-1 mb-0.5",children:[i.isPinned&&e.jsx(L.Pin,{size:14}),e.jsx("span",{className:s.cn("text-foreground",i.isRead?"font-normal":"font-semibold"),children:i.title}),!i.isRead&&e.jsx(s.Badge,{variant:"destructive",className:"text-[10px] px-1.5 py-0",children:"New"})]}),e.jsxs("span",{className:"block text-xs text-muted-foreground mb-1",children:[i.author.displayName," · ",s.formatTimestamp(i.createdAt)]}),e.jsx("span",{className:s.cn("text-sm text-foreground",!m&&"line-clamp-(--preview-lines) overflow-hidden"),style:m?void 0:{"--preview-lines":C},children:i.content}),!m&&i.content.length>200&&e.jsx(s.Button,{variant:"link",size:"xs",className:"px-0 mt-0.5 h-auto",onClick:o=>{o.stopPropagation(),w(i.uid)},children:"Read more"})]})]})})},i.uid)})})}exports.AssessmentReview=d.AssessmentReview;exports.AssignmentSubmission=d.AssignmentSubmission;exports.CertificateViewer=d.CertificateViewer;exports.CourseOutline=d.CourseOutline;exports.DiscussionThread=d.DiscussionThread;exports.ExamSession=d.ExamSession;exports.FlashcardStudySession=d.FlashcardStudySession;exports.ForumBoard=d.ForumBoard;exports.GradebookTable=d.GradebookTable;exports.LecturePlayer=d.LecturePlayer;exports.LessonPage=d.LessonPage;exports.PracticeQuiz=d.PracticeQuiz;exports.ProgressDashboard=d.ProgressDashboard;exports.QuizSession=d.QuizSession;exports.RequirementsChecklist=d.RequirementsChecklist;exports.RubricView=d.RubricView;exports.SurveyForm=d.SurveyForm;exports.AnnouncementFeed=M;exports.ResourceLibrary=I;exports.ScrollableQuiz=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./StudentProfile-BVfZMbnV.cjs"),e=require("react/jsx-runtime"),a=require("react"),s=require("./tabs-BsfVo2Bl.cjs"),Q=require("lucide-react"),V=[];function D({questions:o,initialAnswers:S=[],onSubmit:d,onAnswerChange:N,showNavigator:E=!0,showQuestionNumbers:F=!0,questionGroups:j,isSubmitting:z=!1,readOnly:f=!1,isLoading:B,error:k,onRetry:L,className:u,style:p}){var c;const[y,b]=a.useState(S),[T,C]=a.useState(((c=o[0])==null?void 0:c.uid)??null),x=a.useRef(new Map),g=a.useMemo(()=>{const i=new Map;for(const n of y){const l=i.get(n.uid);l?l.push(n):i.set(n.uid,[n])}return i},[y]),v=a.useMemo(()=>o.filter(i=>g.has(i.uid)).length,[o,g]);a.useEffect(()=>{const i=new IntersectionObserver(n=>{for(const l of n)l.isIntersecting&&C(l.target.getAttribute("data-question-uid"))},{rootMargin:"-20% 0px -60% 0px"});return x.current.forEach(n=>i.observe(n)),()=>i.disconnect()},[o]);const P=a.useCallback((i,n)=>{n?x.current.set(i,n):x.current.delete(i)},[]),w=a.useRef(N);w.current=N;const M=a.useCallback((i,n)=>{b(l=>r.mergeSessionAnswers(l,i,n,w.current))},[]);function h(i){var n;(n=x.current.get(i))==null||n.scrollIntoView({behavior:"smooth",block:"center"})}const I=a.useMemo(()=>{if(!j)return[{label:null,questions:o}];const i=j.map(m=>({label:m.label,questions:m.questionUids.map(A=>o.find(R=>R.uid===A)).filter(Boolean)})),n=new Set(j.flatMap(m=>m.questionUids)),l=o.filter(m=>!n.has(m.uid));return l.length>0&&i.push({label:null,questions:l}),i},[o,j]);let t=0;return e.jsx(r.SectionShell,{isLoading:B,error:k,onRetry:L,className:u,style:p,skeleton:e.jsxs(e.Fragment,{children:[e.jsx(s.Skeleton,{className:"h-32 w-full"}),e.jsx(s.Skeleton,{className:"h-32 w-full"}),e.jsx(s.Skeleton,{className:"h-32 w-full"})]}),children:e.jsxs("div",{className:"flex gap-3",children:[e.jsxs("div",{className:"flex-1 min-w-0",children:[I.map((i,n)=>e.jsxs("div",{children:[i.label&&e.jsx("p",{className:s.cn("text-lg font-semibold mb-2 text-foreground",n>0&&"mt-4"),children:i.label}),i.questions.map(l=>{const m=t++;return e.jsx(s.Card,{ref:A=>P(l.uid,A),"data-question-uid":l.uid,className:"mb-2",children:e.jsxs(s.CardContent,{className:"pt-6",children:[F&&e.jsxs("p",{className:"font-semibold text-sm text-muted-foreground mb-1",children:["Question ",m+1]}),e.jsx(s.QuestionRenderer,{question:l,sessionAnswers:g.get(l.uid)??V,onAnswer:A=>M(l.uid,A),readOnly:f})]})},l.uid)})]},i.label??`ungrouped-${n}`)),e.jsx(s.Separator,{className:"my-3"}),e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsxs("span",{className:"text-sm text-muted-foreground",children:[v," of ",o.length," answered"]}),e.jsx(s.Button,{onClick:()=>d(y),disabled:z||f,children:z?"Submitting...":"Submit"})]})]}),E&&e.jsx(s.Card,{className:"hidden md:block w-50 shrink-0 sticky top-4 self-start",children:e.jsxs(s.CardContent,{className:"p-3",children:[e.jsx("p",{className:"font-semibold text-sm mb-1 text-foreground",children:"Questions"}),e.jsx("div",{className:"flex flex-wrap gap-1",children:o.map((i,n)=>{const l=g.has(i.uid),m=T===i.uid;return e.jsx("button",{type:"button",className:s.cn("inline-flex items-center justify-center text-xs font-medium min-w-9 px-1 py-0.5 rounded-full cursor-pointer border transition-colors",m?"bg-primary border-primary text-primary-foreground":l?"border-success text-success bg-transparent":"border-border text-foreground bg-transparent hover:bg-muted"),onClick:()=>h(i.uid),children:n+1},i.uid)})})]})})]})})}const U={pdf:"document",document:"document",video:"video",link:"link",image:"document",archive:"document",other:"document"};function _({resources:o,categories:S,onResourceClick:d,onDownload:N,viewMode:E="list",allowViewToggle:F=!0,showSearch:j=!0,emptyMessage:z="No resources found",readOnly:f=!1,isLoading:B,error:k,onRetry:L,pageSize:u,currentPage:p=1,totalItems:y,onPageChange:b,className:T,style:C}){const[x,g]=a.useState(""),[v,P]=a.useState(null),[w,M]=a.useState(E),h=a.useMemo(()=>{let t=o;if(v&&(t=t.filter(c=>c.categoryUid===v)),x.trim()){const c=x.toLowerCase();t=t.filter(i=>{var n;return i.name.toLowerCase().includes(c)||((n=i.description)==null?void 0:n.toLowerCase().includes(c))})}return t},[o,v,x]);if(B)return e.jsxs("div",{className:s.cn("space-y-4",T),style:C,children:[e.jsx(s.Skeleton,{className:"h-9 w-full"}),e.jsx("div",{className:"grid grid-cols-3 gap-4",children:Array.from({length:6}).map((t,c)=>e.jsx(s.Skeleton,{className:"h-32 w-full rounded-lg"},c))})]});if(k)return e.jsx("div",{className:s.cn("py-12",T),style:C,children:e.jsx(s.EmptyState,{icon:e.jsx(Q.AlertCircle,{className:"size-10 text-destructive"}),title:"Something went wrong",description:k,action:L?e.jsx(s.Button,{variant:"outline",onClick:L,children:"Retry"}):void 0})});function I(t){const c=U[t.type]??"document";return e.jsxs("div",{className:s.cn("flex items-center gap-3 px-3 py-2",!f&&d&&"cursor-pointer hover:bg-muted",(f||!d)&&"opacity-70"),onClick:()=>!f&&(d==null?void 0:d(t)),children:[e.jsx("div",{className:"min-w-10",children:e.jsx(s.LearningObjectIcon,{type:c,size:20})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("span",{className:"text-sm text-foreground",children:t.name}),(t.description||t.fileSize!=null)&&e.jsx("span",{className:"block text-xs text-muted-foreground",children:[t.description,t.fileSize!=null&&s.formatFileSize(t.fileSize)].filter(Boolean).join(" · ")})]}),N&&e.jsxs(s.Tooltip,{children:[e.jsx(s.TooltipTrigger,{children:e.jsx(s.Button,{variant:"ghost",size:"icon-xs","aria-label":"Download",onClick:i=>{i.stopPropagation(),N(t)},children:e.jsx(Q.Download,{size:16})})}),e.jsx(s.TooltipContent,{children:"Download"})]})]},t.uid)}return e.jsxs("div",{className:T,style:C,children:[e.jsxs("div",{className:"flex gap-2 items-center mb-2",children:[j&&e.jsx("div",{className:"flex-1 max-w-80",children:e.jsx(s.SearchInput,{value:x,onChange:g,placeholder:"Search resources...",size:"small"})}),F&&e.jsxs("div",{className:"flex gap-0.5",children:[e.jsxs(s.Tooltip,{children:[e.jsx(s.TooltipTrigger,{children:e.jsx(s.Button,{variant:"ghost",size:"icon-xs","aria-label":"List view",className:s.cn(w==="list"&&"text-primary"),onClick:()=>M("list"),children:e.jsx(Q.List,{size:18})})}),e.jsx(s.TooltipContent,{children:"List view"})]}),e.jsxs(s.Tooltip,{children:[e.jsx(s.TooltipTrigger,{children:e.jsx(s.Button,{variant:"ghost",size:"icon-xs","aria-label":"Grid view",className:s.cn(w==="grid"&&"text-primary"),onClick:()=>M("grid"),children:e.jsx(Q.Grid,{size:18})})}),e.jsx(s.TooltipContent,{children:"Grid view"})]})]})]}),S&&S.length>0&&e.jsx(s.Tabs,{value:v??"all",onValueChange:t=>P(t==="all"?null:t),className:"mb-2",children:e.jsxs(s.TabsList,{children:[e.jsx(s.TabsTrigger,{value:"all",children:"All"}),S.map(t=>e.jsx(s.TabsTrigger,{value:t.uid,children:t.label},t.uid))]})}),h.length===0?e.jsx(s.EmptyState,{title:z,description:"Try adjusting your search or filter."}):w==="list"?e.jsx(s.Card,{children:(b&&u?h.slice((p-1)*u,p*u):h).map(I)}):e.jsx("div",{className:"grid grid-cols-[repeat(auto-fill,minmax(240px,1fr))] gap-2",children:(b&&u?h.slice((p-1)*u,p*u):h).map(t=>e.jsx(s.Card,{className:s.cn("transition-colors",!f&&d&&"cursor-pointer hover:border-primary"),onClick:()=>!f&&(d==null?void 0:d(t)),children:e.jsxs(s.CardContent,{className:"pt-4 pb-4",children:[e.jsxs("div",{className:"flex gap-1 items-center mb-1",children:[e.jsx(s.LearningObjectIcon,{type:U[t.type]??"document",size:20}),e.jsx("span",{className:"font-semibold text-sm text-foreground truncate",children:t.name})]}),t.description&&e.jsx("p",{className:"text-sm text-muted-foreground mb-1 truncate",children:t.description}),t.fileSize!=null&&e.jsx("span",{className:"text-xs text-muted-foreground",children:s.formatFileSize(t.fileSize)})]})},t.uid))}),b&&u&&h.length>0&&e.jsx(s.Pagination,{currentPage:p,totalPages:Math.ceil((y??h.length)/u),onPageChange:b,className:"mt-4"})]})}exports.AnnouncementFeed=r.AnnouncementFeed;exports.AssessmentReview=r.AssessmentReview;exports.AssignmentSubmission=r.AssignmentSubmission;exports.CertificateViewer=r.CertificateViewer;exports.CourseCatalog=r.CourseCatalog;exports.CourseOutline=r.CourseOutline;exports.DiscussionThread=r.DiscussionThread;exports.EnrollmentWizard=r.EnrollmentWizard;exports.ExamSession=r.ExamSession;exports.FlashcardStudySession=r.FlashcardStudySession;exports.ForumBoard=r.ForumBoard;exports.GradebookTable=r.GradebookTable;exports.LecturePlayer=r.LecturePlayer;exports.LessonPage=r.LessonPage;exports.PracticeQuiz=r.PracticeQuiz;exports.ProgressDashboard=r.ProgressDashboard;exports.QuizSession=r.QuizSession;exports.RequirementsChecklist=r.RequirementsChecklist;exports.RubricView=r.RubricView;exports.StudentProfile=r.StudentProfile;exports.SurveyForm=r.SurveyForm;exports.ResourceLibrary=_;exports.ScrollableQuiz=D;