@case-framework/survey-editor-ui 0.4.0 → 0.4.2

package/dist/src/components/rich-text-editor/plugins/block-shortcut-plugin.d.ts

@@ -0,0 +1,7 @@
+export interface BlockShortcutPluginProps {
+    bulletListsEnabled: boolean;
+    headingsEnabled: boolean;
+}
+/** Converts an exact marker-only root paragraph while the space key is being handled. */
+export declare function $convertBlockShortcut(bulletListsEnabled: boolean, headingsEnabled: boolean): boolean;
+export declare function BlockShortcutPlugin({ bulletListsEnabled, headingsEnabled, }: BlockShortcutPluginProps): null;

package/dist/src/components/rich-text-editor/rich-text-editor-utils.d.ts

@@ -42,6 +42,11 @@ export type SerializedRichTextLinkNode = Spread<{
 }, SerializedTextNode>;
 /** Semantic buckets for slash menu grouping (visual sections in the picker). */
 export type SlashCommandGroupId = "formatting" | "blocks" | "insert";
+/**
+ * Block styles exposed by the rich-text toolbar.
+ */
+export type RichTextBlockStyle = "bullet-list" | "heading-1" | "heading-2" | "paragraph";
+export type RichTextBlockSelectionStyle = RichTextBlockStyle | "mixed";
 export declare const SLASH_COMMAND_GROUP_ORDER: Record<SlashCommandGroupId, number>;
 export type SlashCommandItem = {
     key: string;
@@ -76,6 +81,12 @@ export type SlashCommandItem = {
     group: SlashCommandGroupId;
     kind: "heading";
     level: RichTextHeadingBlock["level"];
+} | {
+    key: "paragraph";
+    label: string;
+    keywords: string[];
+    group: SlashCommandGroupId;
+    kind: "paragraph";
 } | {
     key: string;
     label: string;
@@ -106,6 +117,17 @@ export declare function resolveStyleControl(control: RichTextStyleControl): {
 };
 export declare function getSlashCommandItems(styleControls: RichTextStyleControl[], templateVariables: RichTextTemplateVariable[], linksEnabled?: boolean, bulletListsEnabled?: boolean, headingsEnabled?: boolean, infoBoxesEnabled?: boolean, imagesEnabled?: boolean, separatorsEnabled?: boolean): SlashCommandItem[];
 export declare function $insertSurveyRichTextHeading(level: RichTextHeadingBlock["level"]): boolean;
+export declare function $insertSurveyRichTextParagraph(): boolean;
+/** Returns a shared style, "mixed" for supported mixed blocks, or null if unsupported. */
+export declare function $getCurrentRichTextBlockStyle(): RichTextBlockSelectionStyle | null;
+/** Changes a supported selection through Lexical's normal block/list transforms. */
+export declare function $setCurrentRichTextBlockStyle(style: RichTextBlockStyle): boolean;
+/**
+ * Reuses an empty root paragraph, otherwise creates one immediately after the
+ * current root block. Insert commands use this staging block so existing
+ * content is never converted or replaced.
+ */
+export declare function $insertRichTextBlockAfterCurrentBlock(): boolean;
 /** Nearest paragraph or survey heading that supports Lexical element format (block text-align). */
 export declare function $getRichTextBlockForAlignment(selection: RangeSelection): ParagraphNode | SurveyRichTextHeadingNode | null;
 /** Direct children of the editor root that contain any part of the range (paragraph, list, image, etc.). */

package/dist/src/index.d.ts

@@ -1,4 +1,7 @@
 export { SurveyEditor } from './modules/survey-editor';
+export { getPreviewViewportScreenSize, getPreviewViewportWidth, PREVIEW_VIEWPORTS, PREVIEW_VIEWPORT_VALUES, } from './modules/survey-editor/preview-viewport';
+export type { PreviewViewport } from './modules/survey-editor/preview-viewport';
+export { PreviewViewportToggle } from './modules/survey-editor/preview-viewport-toggle';
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, } from './components/ui/dialog';
 export { APPLY_RICH_TEXT_STYLE_COMMAND, buildSurveyFileName, buildSurveyAssistantItemRegistryManifest, buildSurveyAssistantSnapshot, createSnapshotSurveyEditorAIProvider, useSurveyEditorAssistantIntegration, createBlankEditorState, createEditorStateFromRawSurvey, createRichTextEditorValueFromContent, createRichTextEditorValueFromPlainText, createRichTextEditorValueFromText, DEFAULT_EDITOR_LANGUAGE, DEFAULT_DATE_FNS_LOCALES, DEFAULT_CATEGORY_LABELS, DEFAULT_BLOCK_CONTENT_POLICY, DEFAULT_COMPACT_CONTENT_POLICY, defaultSurveyEditorLocalizations, RichTextEditor, RichTextBlockEditor, CONVERT_RICH_TEXT_LINK_TO_TEXT_COMMAND, INSERT_RICH_TEXT_LINK_COMMAND, INSERT_RICH_TEXT_TEMPLATE_VARIABLE_COMMAND, getDateFnsLocale, isBlockContentPolicyVariant, mergeDateFnsLocales, mergeEditorLocalizations, mergeRichTextContentPolicy, OPEN_RICH_TEXT_LINK_EDITOR_COMMAND, RichTextContentView, sanitizeContentForPolicy, SurveyImageAssetManager, surveyEditorEnMessages, surveyEditorNlMessages, UPDATE_RICH_TEXT_LINK_COMMAND, entriesToComposedEditorRegistry, entriesToParticipantRegistry, entriesToItemTypeRegistry, getRichTextContentFromEditorState, parseEditorStateFromJsonText, resolveCategoryLabel, serializeSurveyStateForFile, useSurveyAssets, useSurveyImageAssets, useUnusedSurveyAssetCount, validateRegistryEntries, } from './modules/survey-editor';
 export { FilepickerDropzone } from './components/c-ui/filepicker-dropzone';

package/dist/src/modules/default-item-registry/shared/question-editor/deferred-localized-rich-text-field.d.ts

@@ -9,6 +9,10 @@ export interface DeferredLocalizedRichTextFieldProps {
     description?: string;
     /** Omit Field chrome; use for inline question title/subtitle. */
     bare?: boolean;
+    /** Focus the editor as soon as it is mounted. */
+    autoFocus?: boolean;
+    /** Where to place the selection when the editor receives autofocus. */
+    autoFocusSelection?: "rootStart" | "rootEnd";
     contentPolicy?: RichTextContentPolicy;
     wrapperClassName?: string;
     surfaceClassName?: string;

package/dist/src/modules/survey-editor/editor-card/add-items/constants.d.ts

@@ -1,5 +1,3 @@
 export declare const LAST_USED_ADD_ITEM_PRESET_KEY = "case.survey-editor.last-used-add-item-preset";
 export declare const RECENT_ADD_ITEM_PRESETS_KEY = "case.survey-editor.recent-add-item-presets";
 export declare const MAX_RECENT_ITEM_TYPES = 5;
-export declare const DEFAULT_TOP_ITEM_TYPES: readonly ["infoItem", "formItem"];
-export declare const STRUCTURE_ITEM_TYPES: Set<string>;

package/dist/src/modules/survey-editor/editor-card/add-items/types.d.ts

@@ -1,18 +1,9 @@
-import { LucideIcon } from 'lucide-react';
 import { ItemTypeInfos } from '../../../../../modules/survey-editor/utils/item-type-infos';
-export type AddDialogView = "entry" | "blank-item" | "structure" | "catalogue";
 export interface ItemTypeOption extends ItemTypeInfos {
     presetId: string;
     itemType: string;
     categories: string[];
 }
-export interface EntryOption {
-    id: AddDialogView;
-    title: string;
-    description: string;
-    icon: LucideIcon;
-    enabled: boolean;
-}
 export interface TargetGroupInfo {
     id: string;
     itemKey?: string;

package/dist/src/modules/survey-editor/preview-viewport-toggle.d.ts

@@ -0,0 +1,11 @@
+import { PreviewViewport } from './preview-viewport';
+interface PreviewViewportToggleProps {
+    viewport: PreviewViewport;
+    onViewportChange: (viewport: PreviewViewport) => void;
+    ariaLabel: string;
+    getViewportLabel: (viewport: PreviewViewport) => string;
+    className?: string;
+}
+/** The viewport toggle shared by the expanded authoring preview and simulators. */
+export declare const PreviewViewportToggle: ({ viewport, onViewportChange, ariaLabel, getViewportLabel, className, }: PreviewViewportToggleProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/modules/survey-editor/preview-viewport.d.ts

@@ -0,0 +1,15 @@
+import { ScreenSize } from '@case-framework/survey-core';
+/**
+ * Named host widths used when previewing a survey in the editor or simulator.
+ *
+ * These widths describe the container supplied to the player. They are not a
+ * layout constraint imposed by the player or stored in the survey document.
+ */
+export type PreviewViewport = "mobile" | "tablet" | "desktop" | "wide";
+export declare const PREVIEW_VIEWPORT_VALUES: readonly ["mobile", "tablet", "desktop", "wide"];
+export declare const PREVIEW_VIEWPORTS: Record<PreviewViewport, {
+    width: number;
+    screenSize: ScreenSize;
+}>;
+export declare const getPreviewViewportWidth: (viewport: PreviewViewport) => number;
+export declare const getPreviewViewportScreenSize: (viewport: PreviewViewport) => ScreenSize;

package/dist/src/modules/survey-editor/routes/editor/preview-mode/preview-tree.d.ts

@@ -1,7 +1,6 @@
 import { Survey, SurveyItemCore } from '@case-framework/survey-core';
+import { PreviewViewport } from '../../../../../../modules/survey-editor/preview-viewport';
 export type PreviewLayout = "single" | "paginated";
-export type PreviewViewport = "mobile" | "tablet" | "desktop" | "wide";
-export declare const PREVIEW_VIEWPORT_WIDTHS: Record<PreviewViewport, number>;
 /** Returns every non-group item in authored tree order, including page breaks. */
 export declare const flattenPreviewItems: (survey: Survey) => SurveyItemCore[];
 /**

package/dist/src/modules/survey-editor/routes/editor/preview-mode/use-preview-preferences.d.ts

@@ -1,4 +1,5 @@
-import { PreviewLayout, PreviewViewport } from './preview-tree';
+import { PreviewLayout } from './preview-tree';
+import { PreviewViewport } from '../../../../../../modules/survey-editor/preview-viewport';
 export interface PreviewPreferences {
     layout: PreviewLayout;
     viewport: PreviewViewport;