@harshshahcg/survey-render 1.3.1 → 1.5.0

package/dist/components/QuestionListCarousel.d.ts

@@ -1,4 +1,5 @@
 export type QuestionStatus = "completed" | "unanswered" | "required" | "error";
+export type CarouselVariant = "default" | "PLC";
 export interface QuestionListCarouselProps {
     /** Ordered list of visible question IDs (e.g. Q1, Q2, Q6.1) */
     questions: string[];
@@ -9,5 +10,7 @@ export interface QuestionListCarouselProps {
     /** Optional map of questionId -> status for styling */
     questionStatusMap?: Record<string, QuestionStatus>;
     className?: string;
+    /** Visual variant. "PLC" matches the legacy training-app design. Default: "default" */
+    variant?: CarouselVariant;
 }
-export declare function QuestionListCarousel({ questions, activeQuestionId, onQuestionSelect, questionStatusMap, className, }: QuestionListCarouselProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function QuestionListCarousel({ questions, activeQuestionId, onQuestionSelect, questionStatusMap, className, variant, }: QuestionListCarouselProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/QuestionMapper.d.ts

@@ -1,4 +1,5 @@
 import type { SurveyQuestion } from "../types/survey.types";
+import { type MCQVariant } from "./custom/MCQSelect";
 import type { EffectiveMediaConfig } from "../utils/fileUtils";
 export interface QuestionMapperProps {
     question: SurveyQuestion;
@@ -9,5 +10,6 @@ export interface QuestionMapperProps {
     disabled?: boolean;
     mediaConfig?: EffectiveMediaConfig | null;
     className?: string;
+    variant?: MCQVariant;
 }
-export default function QuestionMapper({ question, value, onChange, error, touched, disabled, mediaConfig, className, }: QuestionMapperProps): import("react/jsx-runtime").JSX.Element;
+export default function QuestionMapper({ question, value, onChange, error, touched, disabled, mediaConfig, className, variant, }: QuestionMapperProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/QuestionRenderer.d.ts

@@ -1,5 +1,6 @@
 import type { SurveyQuestion } from "../types/survey.types";
 import type { EffectiveMediaConfig } from "../utils/fileUtils";
+import type { MCQVariant } from "./custom/MCQSelect";
 export interface QuestionRendererProps {
     question: SurveyQuestion;
     value: unknown;
@@ -12,5 +13,6 @@ export interface QuestionRendererProps {
     }>;
     mediaConfig?: EffectiveMediaConfig | null;
     className?: string;
+    variant?: MCQVariant;
 }
-export declare function QuestionRenderer({ question, value, onChange, disabled, error, validationErrors, mediaConfig, className, }: QuestionRendererProps): import("react/jsx-runtime").JSX.Element;
+export declare function QuestionRenderer({ question, value, onChange, disabled, error, validationErrors, mediaConfig, className, variant, }: QuestionRendererProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/SurveyContainer.d.ts

@@ -1,4 +1,5 @@
 import type { SurveyConfig, SurveySubmitPayload } from "../types/survey.types";
+import type { MCQVariant } from "./custom/MCQSelect";
 export interface SurveyProgressBarConfig {
     /** "position" = progress by step index. "completion" = by answered mandatory (FMB logic). Default: "completion" */
     progressMode?: "position" | "completion";
@@ -27,5 +28,7 @@ export interface SurveyContainerProps {
     theme?: string;
     /** Progress bar configuration. Omit to use defaults. Pass false to hide. */
     progressBar?: SurveyProgressBarConfig | false;
+    /** Visual variant for MCQ + carousel. "PLC" uses the legacy training-app design. Default: "default" */
+    variant?: MCQVariant;
 }
-export declare function SurveyContainer({ data, onSubmit, onSave, onExit, isSubmitting, className, showHeader, theme, progressBar, }: SurveyContainerProps): import("react/jsx-runtime").JSX.Element;
+export declare function SurveyContainer({ data, onSubmit, onSave, onExit, isSubmitting, className, showHeader, theme, progressBar, variant, }: SurveyContainerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/SurveyRenderer.d.ts

@@ -1,6 +1,7 @@
 import type { SurveyConfig, SurveySubmitPayload } from "../types/survey.types";
 import type { PLCSurveyConfig } from "../converters/types";
 import type { SurveyProgressBarConfig } from "./SurveyContainer";
+import type { MCQVariant } from "./custom/MCQSelect";
 /** Survey input: FMB (internal format) or PLC (converted to FMB at runtime). */
 export type SurveyInputData = SurveyConfig | PLCSurveyConfig;
 /** Payload passed to onSubmit/onSave: FMB or PLC depending on input data type. */
@@ -20,6 +21,8 @@ export interface SurveyRendererProps {
     theme?: string;
     /** Progress bar config. Omit for defaults. Pass false to hide. */
     progressBar?: SurveyProgressBarConfig | false;
+    /** Visual variant for MCQ + carousel. "PLC" uses the legacy training-app design. Default: "default" */
+    variant?: MCQVariant;
 }
 /**
  * Main entry component. Renders a full survey from JSON config.

package/dist/components/custom/MCQSelect.d.ts

@@ -2,6 +2,7 @@ export interface MCQOption {
     id: string;
     text: string;
 }
+export type MCQVariant = "default" | "PLC";
 export interface MCQSelectProps {
     options: MCQOption[];
     selectionMode: "single" | "multiple";
@@ -9,5 +10,6 @@ export interface MCQSelectProps {
     onOptionSelect: (optionId: string | string[]) => void;
     className?: string;
     disabled?: boolean;
+    variant?: MCQVariant;
 }
-export default function MCQSelect({ options, selectionMode, selectedOptions, onOptionSelect, className, disabled, }: MCQSelectProps): import("react/jsx-runtime").JSX.Element;
+export default function MCQSelect({ options, selectionMode, selectedOptions, onOptionSelect, className, disabled, variant, }: MCQSelectProps): import("react/jsx-runtime").JSX.Element;

package/dist/index.d.ts

@@ -16,7 +16,8 @@ export { SubmissionLoadingOverlay } from "./components/SubmissionLoadingOverlay"
 export type { SurveyRendererProps } from "./components/SurveyRenderer";
 export type { SurveyContainerProps, SurveyProgressBarConfig, } from "./components/SurveyContainer";
 export type { QuestionRendererProps } from "./components/QuestionRenderer";
-export type { QuestionListCarouselProps, QuestionStatus as CarouselQuestionStatus } from "./components/QuestionListCarousel";
+export type { QuestionListCarouselProps, QuestionStatus as CarouselQuestionStatus, CarouselVariant, } from "./components/QuestionListCarousel";
+export type { MCQVariant } from "./components/custom/MCQSelect";
 export type { QuestionOverviewPanelProps } from "./components/QuestionOverviewPanel";
 export type { ValidationDialogProps } from "./components/ValidationDialog";
 export type { ExitConfirmationDialogProps } from "./components/ExitConfirmationDialog";