@case-framework/survey-editor-ui 0.2.0 → 0.3.1

package/dist/src/components/rich-text-editor/plugins/end-of-content-editing-area-plugin.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Adds editor-only room below non-empty content. Clicking it selects an existing
+ * trailing paragraph or creates one, without persisting a placeholder paragraph
+ * merely because the editor was opened.
+ */
+export declare function EndOfContentEditingAreaPlugin(): import("react/jsx-runtime").JSX.Element | null;

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

@@ -19,6 +19,8 @@ export interface RichTextEditorProps {
     wrapperClassName?: string;
     surfaceClassName?: string;
     contentClassName?: string;
+    /** Add generous editor-only space below non-empty content that continues in a new paragraph. */
+    endOfContentEditingArea?: boolean;
     placeholderClassName?: string;
     toolbarClassName?: string;
     commandMenuClassName?: string;
@@ -40,4 +42,4 @@ export interface RichTextEditorProps {
     onKeyDown?: KeyboardEventHandler<HTMLDivElement>;
     onKeyDownCapture?: KeyboardEventHandler<HTMLDivElement>;
 }
-export declare function RichTextEditor({ id, value, placeholder, autoFocus, editable, wrapperClassName, surfaceClassName, contentClassName, placeholderClassName, toolbarClassName, commandMenuClassName, styleControls, templateVariables, editorVariant, contentPolicy, resolveImageAssetUrl, imageAssets, registerImageAsset, imageAssetDeletion, linksEnabled, "aria-label": ariaLabel, onChange, onFocus, onBlur, onKeyDown, onKeyDownCapture, }: RichTextEditorProps): import("react/jsx-runtime").JSX.Element;
+export declare function RichTextEditor({ id, value, placeholder, autoFocus, editable, wrapperClassName, surfaceClassName, contentClassName, endOfContentEditingArea, placeholderClassName, toolbarClassName, commandMenuClassName, styleControls, templateVariables, editorVariant, contentPolicy, resolveImageAssetUrl, imageAssets, registerImageAsset, imageAssetDeletion, linksEnabled, "aria-label": ariaLabel, onChange, onFocus, onBlur, onKeyDown, onKeyDownCapture, }: RichTextEditorProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/index.d.ts

@@ -6,6 +6,6 @@ export { SortableTree } from './components/common/sortable-tree';
 export type { SortableTreeDropEvent, SortableTreeDropPosition, SortableTreeEmptyGroupProps, SortableTreeMoveEvent, SortableTreePosition, SortableTreeProps, SortableTreeRenderItemProps, } from './components/common/sortable-tree';
 export { cloneRegistryEntries, createComposedEditorRegistry, createRegistryEntries, createSurveyPlayerRegistry, getDefaultComposedEditorRegistry, getDefaultRegistryEntries, getDefaultSurveyPlayerRegistry, } from './modules/default-item-registry';
 export type { CreateComposedEditorRegistryOptions, CreateRegistryEntriesOptions, CreateSurveyPlayerRegistryOptions, RegistryConflictStrategy, } from './modules/default-item-registry';
-export type { SurveyEditorProps, SurveyEditorStateChange, SurveyEditorWorkspace, SurveyEditorWorkspacePanelOptions, SurveyEditorAssistantController, SurveyAssistantSnapshotOptions, CreateSnapshotSurveyEditorAIProviderOptions, UseSurveyEditorAssistantIntegrationOptions, SurveyEditorAITaskCacheOptions, SurveyEditorAITaskExecution, SurveyEditorAITaskExecutor, SurveyEditorLocation, EditorItemDefinition, EditorItemDefinitionRegistry, ComposedEditorItemRegistry, EntriesToComposedEditorRegistryOptions, EntriesToParticipantRegistryOptions, ItemEditorComponentProps, ItemIconComponent, ItemPreviewComponentProps, ItemPreviewMode, ItemRegistryEntry, ItemRendererComponentProps, ItemSearchAdapter, RegistryValidationIssue, RegistryValidationMode, RegistryValidationOptions, RegistryValidationResult, SurveyPlayerItemRegistry, SurveyEditorAIProvider, SurveyAIRequestOptions, RichTextEditorChange, RichTextEditorProps, RichTextBlockEditorChange, RichTextBlockEditorProps, RichTextContentPolicy, RichTextLinkPayload, RichTextStyleControl, RichTextTemplateVariable, RichTextContentViewProps, RichTextEditorVariant, RichTextStyleAttribute, RichTextSupportedBlockType, SerializedRichTextLinkNode, SerializedTemplateVariableNode, SurveyImageAssetManagerProps, ParsedSurveySession, ParsedSurveySessionFormat, } from './modules/survey-editor';
+export type { SurveyEditorProps, SurveyEditorStateChange, SurveyEditorWorkspace, SurveyEditorWorkspacePanelOptions, SurveyEditorAssistantController, SurveyAssistantSnapshotOptions, CreateSnapshotSurveyEditorAIProviderOptions, UseSurveyEditorAssistantIntegrationOptions, SurveyEditorAITaskCacheOptions, SurveyEditorAITaskExecution, SurveyEditorAITaskExecutor, SurveyEditorLocation, EditorItemDefinition, EditorItemDefinitionRegistry, ItemInitialDataContext, ComposedEditorItemRegistry, EntriesToComposedEditorRegistryOptions, EntriesToParticipantRegistryOptions, ItemEditorComponentProps, ItemIconComponent, ItemPreviewComponentProps, ItemPreviewMode, ItemRegistryEntry, ItemRendererComponentProps, ItemSearchAdapter, RegistryValidationIssue, RegistryValidationMode, RegistryValidationOptions, RegistryValidationResult, SurveyPlayerItemRegistry, SurveyEditorAIProvider, SurveyAIRequestOptions, RichTextEditorChange, RichTextEditorProps, RichTextBlockEditorChange, RichTextBlockEditorProps, RichTextContentPolicy, RichTextLinkPayload, RichTextStyleControl, RichTextTemplateVariable, RichTextContentViewProps, RichTextEditorVariant, RichTextStyleAttribute, RichTextSupportedBlockType, SerializedRichTextLinkNode, SerializedTemplateVariableNode, SurveyImageAssetManagerProps, ParsedSurveySession, ParsedSurveySessionFormat, } from './modules/survey-editor';
 export type { SurveyEditorDateLocales } from './modules/survey-editor/localization/date-fns';
 export type { FilepickerDropzoneLabels, FilepickerDropzoneProps, } from './components/c-ui/filepicker-dropzone';

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

@@ -13,6 +13,7 @@ export interface DeferredLocalizedRichTextFieldProps {
     wrapperClassName?: string;
     surfaceClassName?: string;
     contentClassName?: string;
+    endOfContentEditingArea?: boolean;
     placeholderClassName?: string;
     styleControls?: RichTextStyleControl[];
     templateVariables?: RichTextTemplateVariable[];

package/dist/src/modules/survey-editor/editor-card/index.d.ts

@@ -1,2 +1,6 @@
-declare const ItemEditorCard: React.FC;
+interface ItemEditorCardProps {
+    itemId?: string;
+    presentation?: "workspace" | "inline" | "fullscreen";
+}
+declare const ItemEditorCard: React.FC<ItemEditorCardProps>;
 export default ItemEditorCard;

package/dist/src/modules/survey-editor/editor-card/item-authoring-state-preview.d.ts

@@ -4,9 +4,10 @@ interface ItemAuthoringStatePreviewProps {
     state: ItemAuthoringState;
     itemTypeLabel: string;
     onEdit?: () => void;
+    description?: string;
     className?: string;
 }
-export declare function ItemAuthoringStatePreview({ state, itemTypeLabel, onEdit, className, }: ItemAuthoringStatePreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function ItemAuthoringStatePreview({ state, itemTypeLabel, onEdit, description, className, }: ItemAuthoringStatePreviewProps): import("react/jsx-runtime").JSX.Element;
 interface IncompleteItemPreviewFrameProps {
     children: ReactNode;
     onEdit?: () => void;

package/dist/src/modules/survey-editor/editor-card/recommended-item-types.d.ts

@@ -0,0 +1,10 @@
+interface RecommendedItemTypesProps {
+    targetParentId: string;
+    targetIndex?: number;
+    title: string;
+    browseLabel: string;
+    className?: string;
+    headingId?: string;
+}
+export declare const RecommendedItemTypes: ({ targetParentId, targetIndex, title, browseLabel, className, headingId, }: RecommendedItemTypesProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/modules/survey-editor/navigation/types.d.ts

@@ -9,6 +9,8 @@ export interface TranslationModeLocation {
 export interface PreviewModeLocation {
     view: "preview-mode";
     itemId?: string;
+    editingItemId?: string;
+    presentation?: "inline" | "fullscreen";
 }
 export interface AssetManagerLocation {
     view: "asset-manager";

package/dist/src/modules/survey-editor/registry/types.d.ts

@@ -87,11 +87,16 @@ export interface EditorItemDefinition {
     capabilities?: ItemEditorCapabilities;
     expressions?: AnyItemExpressionDefinition[];
     isRootOnly?: boolean;
-    getInitialItem?: () => ItemInitialData;
+    getInitialItem?: (context?: ItemInitialDataContext) => ItemInitialData;
     createItem?: (ctx: CreateItemContext) => string;
     searchAdapters?: ItemSearchAdapter[];
     includeDefaultSearchAdapter?: boolean;
 }
+/** Context available when the editor creates an item from a registry entry. */
+export interface ItemInitialDataContext {
+    /** The language currently selected in the editor. */
+    locale: string;
+}
 export type EditorItemDefinitionRegistry = Record<string, EditorItemDefinition>;
 export interface ComposedEditorItemRegistry {
     coreRegistry: ItemTypeRegistry;
@@ -142,7 +147,7 @@ export interface ItemRegistryEntry {
     /** Editor-only */
     capabilities?: ItemEditorCapabilities;
     /** Editor-only: default raw item when creating new */
-    getInitialItem?: () => ItemInitialData;
+    getInitialItem?: (context?: ItemInitialDataContext) => ItemInitialData;
     /** Editor-only: custom creation flow (advanced) */
     createItem?: (ctx: CreateItemContext) => string;
     /** Editor-only: hide from add-item options in non-root context */

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

@@ -5,6 +5,7 @@ interface SurveyPreviewCanvasProps {
     surveyEngine: SurveyEngineCore;
     preferences: PreviewPreferences;
     focusedItemId?: string;
+    editingItemId?: string;
     locateRequestKey: number;
     initialLocateReady: boolean;
     currentPageIndex: number;
@@ -12,5 +13,5 @@ interface SurveyPreviewCanvasProps {
     onResponseChanged: () => void;
     className?: string;
 }
-export declare const SurveyPreviewCanvas: ({ survey, surveyEngine, preferences, focusedItemId, locateRequestKey, initialLocateReady, currentPageIndex, onCurrentPageIndexChange, onResponseChanged, className, }: SurveyPreviewCanvasProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SurveyPreviewCanvas: ({ survey, surveyEngine, preferences, focusedItemId, editingItemId, locateRequestKey, initialLocateReady, currentPageIndex, onCurrentPageIndexChange, onResponseChanged, className, }: SurveyPreviewCanvasProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/modules/survey-editor/store/editor-store.d.ts

@@ -74,6 +74,8 @@ export interface EditorStore {
             };
         };
     }) => void;
+    addLocale: (locale: string) => boolean;
+    removeLocale: (locale: string) => boolean;
     getMaxItemsPerPage: () => {
         large: number;
         small: number;

package/dist/src/modules/survey-editor/store/item-navigation-location.d.ts

@@ -0,0 +1,2 @@
+import { SurveyEditorLocation } from '../navigation/types';
+export declare const getFocusedItemLocation: (location: SurveyEditorLocation, itemId?: string, itemType?: string, isRootItem?: boolean) => SurveyEditorLocation;

package/dist/survey-editor-animations.css

@@ -55,6 +55,24 @@
   will-change: transform, opacity;
 }
 
+.survey-editor-opening-inline-item {
+  animation: survey-editor-open-inline-item 180ms cubic-bezier(0.215, 0.61, 0.355, 1);
+  transform-origin: top center;
+  will-change: transform, opacity;
+}
+
+@keyframes survey-editor-open-inline-item {
+  from {
+    opacity: 0;
+    transform: translateY(8px) scale(0.99);
+  }
+
+  to {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+}
+
 @keyframes survey-editor-open-item {
   from {
     opacity: 0;
@@ -80,7 +98,8 @@
 @media (prefers-reduced-motion: reduce) {
   .survey-editor-opening-item,
   .survey-editor-opening-item > *,
-  .survey-editor-opening-preview {
+  .survey-editor-opening-preview,
+  .survey-editor-opening-inline-item {
     animation: none;
     will-change: auto;
   }