@case-framework/survey-editor-ui 0.1.1 → 0.3.0

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/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/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/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;
   }