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

package/dist/src/modules/survey-editor/routes/editor/_components/main.d.ts

@@ -1,6 +1,4 @@
 interface EditorMainProps {
-    onBackRequested?: () => void;
-    onSaveRequested: () => void;
     onSimulatorRequested?: () => void;
 }
 declare const EditorMain: React.FC<EditorMainProps>;

package/dist/src/modules/survey-editor/routes/editor/_components/workspace-panel-toggles.d.ts

@@ -0,0 +1,23 @@
+import { ReactNode } from 'react';
+interface WorkspacePanelTogglesState {
+    leftLabel?: string;
+    leftOpen: boolean;
+    onLeftToggle: () => void;
+    rightLabel?: string;
+    rightOpen: boolean;
+    onRightToggle: () => void;
+}
+export declare const WorkspacePanelTogglesProvider: ({ value, children, }: {
+    value: WorkspacePanelTogglesState;
+    children: ReactNode;
+}) => import("react").JSX.Element;
+type PanelToggleSeparator = "before" | "after";
+/** Shared left workspace-panel control for mode headers. */
+export declare const WorkspaceLeftPanelToggle: ({ separator }: {
+    separator?: PanelToggleSeparator;
+}) => import("react").JSX.Element;
+/** Shared right workspace-panel control for mode headers. */
+export declare const WorkspaceRightPanelToggle: ({ separator }: {
+    separator?: PanelToggleSeparator;
+}) => import("react").JSX.Element;
+export {};

package/dist/src/modules/survey-editor/routes/editor/asset-manager/index.d.ts

@@ -1,2 +1,2 @@
-declare const AssetManager: () => import("react/jsx-runtime").JSX.Element;
+declare const AssetManager: () => import("react").JSX.Element;
 export default AssetManager;

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

@@ -1,6 +1,4 @@
 interface EditorProps {
-    onBackRequested?: () => void;
-    onSaveRequested?: () => void;
     onSimulatorRequested?: () => void;
 }
 declare const Editor: React.FC<EditorProps>;

package/dist/src/modules/survey-editor/routes/editor/item-editor/_components/item-drag-drop.d.ts

@@ -0,0 +1,23 @@
+import { ReactNode } from 'react';
+import { ItemInsertionTarget } from '../../../../../../../modules/survey-editor/editor-card/add-items/hooks/use-insert-item-preset';
+export declare const SURVEY_ITEM_DRAG_TYPE = "survey-editor-item";
+export interface ItemPresetDragData {
+    kind: "item-preset";
+    presetId: string;
+}
+export declare const isItemPresetDragData: (data: unknown) => data is ItemPresetDragData;
+export declare const useItemPresetDragActive: () => boolean;
+export declare function SurveyItemDragDropProvider({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+interface ItemInsertionDropTargetProps {
+    target: ItemInsertionTarget;
+    surface: "outline" | "preview";
+    navigation?: "outline" | "preview" | "none";
+    className?: string;
+    activeClassName?: string;
+    idSuffix?: string;
+    children: ReactNode;
+}
+export declare function ItemInsertionDropTarget({ target, surface, navigation, className, activeClassName, idSuffix, children, }: ItemInsertionDropTargetProps): import("react").JSX.Element;
+export {};

package/dist/src/modules/survey-editor/routes/editor/item-editor/_components/item-editor-toolbar/language-picker.d.ts

@@ -1,2 +1,2 @@
-declare const LanguagePicker: () => import("react/jsx-runtime").JSX.Element;
+declare const LanguagePicker: () => import("react").JSX.Element;
 export default LanguagePicker;

package/dist/src/modules/survey-editor/routes/editor/item-editor/_components/survey-item-toolbox.d.ts

@@ -0,0 +1 @@
+export declare function SurveyItemToolbox(): import("react").JSX.Element;

package/dist/src/modules/survey-editor/routes/editor/item-editor/_components/survey-left-panel.d.ts

@@ -0,0 +1 @@
+export declare function SurveyLeftPanel(): import("react").JSX.Element;

package/dist/src/modules/survey-editor/routes/editor/item-editor/_components/survey-outline.d.ts

@@ -1,3 +1,3 @@
-export declare const NavigableSurveyOutline: () => import("react/jsx-runtime").JSX.Element;
-declare const EditableSurveyOutline: () => import("react/jsx-runtime").JSX.Element;
+export declare const NavigableSurveyOutline: () => import("react").JSX.Element;
+declare const EditableSurveyOutline: () => import("react").JSX.Element;
 export default EditableSurveyOutline;

package/dist/src/modules/survey-editor/routes/editor/item-editor/_components/survey-workspace.d.ts

@@ -5,8 +5,6 @@ interface SurveyWorkspaceProps {
     main: ReactNode;
     overlay?: ReactNode;
     mainLabel: string;
-    onBackRequested?: () => void;
-    onSaveRequested: () => void;
 }
-export declare const SurveyWorkspace: ({ mode, main, overlay, mainLabel, onBackRequested, onSaveRequested, }: SurveyWorkspaceProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SurveyWorkspace: ({ mode, main, overlay, mainLabel }: SurveyWorkspaceProps) => import("react").JSX.Element;
 export {};

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

@@ -1,6 +1,2 @@
-interface ItemEditorProps {
-    onBackRequested?: () => void;
-    onSaveRequested: () => void;
-}
-declare const ItemEditor: React.FC<ItemEditorProps>;
+declare const ItemEditor: React.FC;
 export default ItemEditor;

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

@@ -1,7 +1,5 @@
 interface PreviewModeProps {
-    onBackRequested?: () => void;
-    onSaveRequested: () => void;
     onSimulatorRequested?: () => void;
 }
-declare const PreviewMode: ({ onBackRequested, onSaveRequested, onSimulatorRequested, }: PreviewModeProps) => import("react/jsx-runtime").JSX.Element;
+declare const PreviewMode: ({ onSimulatorRequested }: PreviewModeProps) => import("react").JSX.Element;
 export default PreviewMode;

package/dist/src/modules/survey-editor/routes/editor/preview-mode/page-break-divider.d.ts

@@ -2,5 +2,5 @@ interface PageBreakDividerProps {
     itemId: string;
     highlighted: boolean;
 }
-export declare const PageBreakDivider: ({ itemId, highlighted }: PageBreakDividerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PageBreakDivider: ({ itemId, highlighted }: PageBreakDividerProps) => import("react").JSX.Element;
 export {};

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

@@ -11,5 +11,5 @@ interface PreviewControlsProps {
     onFullscreenChange: (fullscreen: boolean) => void;
     expanded?: boolean;
 }
-export declare const PreviewControls: ({ preferences, onPreferencesChange, canLocate, onLocate, canReset, onReset, onSimulatorRequested, fullscreen, onFullscreenChange, expanded, }: PreviewControlsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PreviewControls: ({ preferences, onPreferencesChange, canLocate, onLocate, canReset, onReset, onSimulatorRequested, fullscreen, onFullscreenChange, expanded, }: PreviewControlsProps) => import("react").JSX.Element;
 export {};

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

@@ -13,5 +13,5 @@ interface SurveyPreviewCanvasProps {
     onResponseChanged: () => void;
     className?: string;
 }
-export declare const SurveyPreviewCanvas: ({ survey, surveyEngine, preferences, focusedItemId, editingItemId, 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.Element;
 export {};

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

@@ -9,5 +9,5 @@ interface SurveyPreviewItemProps {
     onFocus: () => void;
     afterDeleteItemId: string | null;
 }
-export declare const SurveyPreviewItem: ({ item, renderedItem, preferences, focused, highlighted, onFocus, afterDeleteItemId, }: SurveyPreviewItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SurveyPreviewItem: ({ item, renderedItem, preferences, focused, highlighted, onFocus, afterDeleteItemId, }: SurveyPreviewItemProps) => import("react").JSX.Element;
 export {};

package/dist/src/modules/survey-editor/routes/editor/translation-mode/index.d.ts

@@ -1,2 +1,2 @@
-declare const TranslationMode: () => import("react/jsx-runtime").JSX.Element;
+declare const TranslationMode: () => import("react").JSX.Element;
 export default TranslationMode;

package/dist/src/modules/survey-editor/routes/editor/translation-mode/translation-left-panel.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Translation mode deliberately exposes language navigation only. Structural
+ * survey operations belong to the authoring workspace, not this panel.
+ */
+export declare const TranslationLeftPanel: () => import("react").JSX.Element;

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

@@ -10,6 +10,21 @@ import { LocalizationCatalog } from '@case-framework/ui-localization';
 import { SurveyEditorDateLocales } from './localization/date-fns';
 import { SurveyEditorWorkspace } from './workspace';
 export type SurveyEditorStateChange = EditorStateChangePayload;
+/** Current editor status intended for application-owned controls. */
+export interface SurveyEditorHostState {
+    sessionId: string | null;
+    revision: number;
+    dirty: boolean;
+    canUndo: boolean;
+    canRedo: boolean;
+    readOnly: boolean;
+}
+/** Commands a host application may invoke from controls outside the editor. */
+export interface SurveyEditorController {
+    getSerializedState: () => SerializedSurveyEditor | null;
+    undo: () => boolean;
+    redo: () => boolean;
+}
 export interface SurveyEditorProps {
     initialEditorState?: SerializedSurveyEditor;
     initialSessionId?: string;
@@ -21,6 +36,10 @@ export interface SurveyEditorProps {
     /** Override or extend default add-item category headings (merged with built-in defaults). */
     categoryLabels?: Partial<Record<ItemCategory, ItemLocaleMap>>;
     onEditorStateChange?: (change: SurveyEditorStateChange) => void;
+    /** Receives immediate status updates for application-owned editor controls. */
+    onHostStateChange?: (state: SurveyEditorHostState) => void;
+    /** Optional imperative bridge for application-owned editor controls. */
+    controllerRef?: React.Ref<SurveyEditorController | null>;
     /** Prevent user-authored survey mutations while preserving preview and navigation. */
     readOnly?: boolean;
     /** Optional imperative bridge for a survey assistant host. */
@@ -35,9 +54,7 @@ export interface SurveyEditorProps {
     /** Configure the initial main panel and workspace panels. */
     workspace?: SurveyEditorWorkspace;
     aiProvider?: SurveyEditorAIProvider | null;
-    onBackRequested?: () => void;
     onSimulatorRequested?: () => void;
-    onSaveRequested?: () => void;
 }
 declare const SurveyEditor: React.FC<SurveyEditorProps>;
 export { SurveyEditor };

package/dist/survey-editor-defaults.css

@@ -1,6 +1,10 @@
 .survey-editor {
   /* Editor card / preview canvas — neutral near-white */
   --surface-bg-color: oklch(99.1% 0 0);
+  --survey-editor-workspace-radius: 0.75rem;
+  --survey-editor-workspace-border-top-width: 1px;
+  --survey-editor-footer-padding-inline: 0px;
+  --survey-editor-footer-padding-bottom: 0px;
 
   /*
      * Rich text emphasis (Lexical + preview). Chosen for strong contrast on
@@ -13,3 +17,13 @@
   --rich-text-editor-primary-color: oklch(0.36 0.12 264);
   --rich-text-editor-accent-color: oklch(0.44 0.15 48);
 }
+
+.survey-editor-workspace-surface {
+  border-radius: var(--survey-editor-workspace-radius);
+  border-top-width: var(--survey-editor-workspace-border-top-width);
+}
+
+.survey-editor-footer {
+  padding-inline: var(--survey-editor-footer-padding-inline);
+  padding-bottom: var(--survey-editor-footer-padding-bottom);
+}