@squaredr/fieldcraft-pro 1.3.0 → 1.4.0

package/dist/index.mjs

@@ -1,13 +1,13 @@
-export { DEFAULT_PALETTE, DEFAULT_SCHEMA, FormBuilder, FormBuilderThemeProvider, QUESTION_TYPE_INFO, addOption, addQuestion, addSection, cleanPreset, duplicateQuestion, duplicateSection, findQuestion, findSection, generateId, generateOptionId, generateQuestionId, generateSectionId, moveOption, moveQuestion, moveSection, removeOption, removeQuestion, removeSection, squaredrDarkPreset, updateOption, updateQuestion, updateSection, useBuilderState, useBuilderTheme, useDragDrop, useUndoRedo } from './chunk-GNBXIG63.mjs';
-export { ResponseViewer } from './chunk-4BX7FCXH.mjs';
+export { DEFAULT_PALETTE, DEFAULT_SCHEMA, FormBuilder, FormBuilderThemeProvider, QUESTION_TYPE_INFO, addOption, addQuestion, addSection, cleanPreset, duplicateQuestion, duplicateSection, findQuestion, findSection, generateId, generateOptionId, generateQuestionId, generateSectionId, moveOption, moveQuestion, moveSection, removeOption, removeQuestion, removeSection, squaredrDarkPreset, updateOption, updateQuestion, updateSection, useBuilderState, useBuilderTheme, useDragDrop, useUndoRedo } from './chunk-BYT2P3I6.mjs';
+export { ResponseViewer } from './chunk-BK4SMEW4.mjs';
 export { cn } from './chunk-QQ4JZGTD.mjs';
-export { PREVIEW_SCHEMA, ThemeEditor, ThemeEditorInner } from './chunk-7LQW5QYT.mjs';
+export { PREVIEW_SCHEMA, ThemeEditor, ThemeEditorInner } from './chunk-22T5PY6L.mjs';
 export { FieldCraftProProvider, UnlicensedOverlay, isProductionEnvironment, requireLicense, useLicense, validateLicense } from './chunk-VECQKSWS.mjs';
 
 // src/index.ts
 if (typeof globalThis !== "undefined" && typeof globalThis.process !== "undefined" && globalThis.process.env?.NODE_ENV !== "production") {
   const _fc_banner = `
-%c FieldCraft Pro %c v1.3.0 
+%c FieldCraft Pro %c v1.4.0 
 
 %cForm Builder \xB7 Response Viewer \xB7 Theme Editor
 

package/dist/preview-schema-DFvV4y6J.d.mts

@@ -0,0 +1,66 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FormEngineTheme, FormEngineSchema } from '@squaredr/fieldcraft-core';
+
+/**
+ * ThemeEditor chrome theme configuration.
+ * Controls the appearance of the editor UI (toolbar, controls, panels)
+ * — NOT the form preview, which uses the FormEngineTheme being edited.
+ *
+ * All values are CSS color strings (hex, oklch, hsl, etc.).
+ */
+type ThemeEditorTheme = {
+    /** Main background of the entire editor */
+    background?: string;
+    /** Surface background (toolbar, panels, editor column) */
+    surface?: string;
+    /** Surface hover state */
+    surfaceHover?: string;
+    /** Primary text color */
+    text?: string;
+    /** Muted text color (labels, secondary info) */
+    textMuted?: string;
+    /** Dim text color (suffixes, tertiary info) */
+    textDim?: string;
+    /** Default border color */
+    border?: string;
+    /** Strong border color (inputs, emphasis) */
+    borderStrong?: string;
+    /** Input background color */
+    inputBackground?: string;
+    /** Primary accent color (buttons, focus) */
+    accent?: string;
+    /** Text color on accent backgrounds */
+    accentForeground?: string;
+};
+
+type ThemeEditorProps = {
+    /** Initial theme to load. Defaults to draftingTealPreset. */
+    initialTheme?: FormEngineTheme;
+    /** Called on every theme change. */
+    onChange?: (theme: FormEngineTheme) => void;
+    /** Called when user clicks Save or presses Ctrl+S. */
+    onSave?: (theme: FormEngineTheme) => void;
+    /** Editor chrome theme. Controls toolbar, panel, and control appearance. */
+    theme?: ThemeEditorTheme;
+    /** Container height. */
+    height?: string | number;
+    /** Container width. */
+    width?: string | number;
+    /** Additional CSS class on root element. */
+    className?: string;
+    /** Extra content in the toolbar. */
+    toolbarExtra?: ReactNode;
+    /** Show live preview panel. Default: true. */
+    showPreview?: boolean;
+};
+
+declare const ThemeEditor: react.ComponentType<ThemeEditorProps>;
+
+declare function ThemeEditorInner({ initialTheme, onChange, onSave, theme: chromeTheme, height, width, className, toolbarExtra, showPreview, }: ThemeEditorProps): react_jsx_runtime.JSX.Element;
+
+/** Compact schema used in the ThemeEditor live preview panel. */
+declare const PREVIEW_SCHEMA: FormEngineSchema;
+
+export { PREVIEW_SCHEMA as P, ThemeEditor as T, ThemeEditorInner as a, type ThemeEditorProps as b, type ThemeEditorTheme as c };

package/dist/preview-schema-DFvV4y6J.d.ts

@@ -0,0 +1,66 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FormEngineTheme, FormEngineSchema } from '@squaredr/fieldcraft-core';
+
+/**
+ * ThemeEditor chrome theme configuration.
+ * Controls the appearance of the editor UI (toolbar, controls, panels)
+ * — NOT the form preview, which uses the FormEngineTheme being edited.
+ *
+ * All values are CSS color strings (hex, oklch, hsl, etc.).
+ */
+type ThemeEditorTheme = {
+    /** Main background of the entire editor */
+    background?: string;
+    /** Surface background (toolbar, panels, editor column) */
+    surface?: string;
+    /** Surface hover state */
+    surfaceHover?: string;
+    /** Primary text color */
+    text?: string;
+    /** Muted text color (labels, secondary info) */
+    textMuted?: string;
+    /** Dim text color (suffixes, tertiary info) */
+    textDim?: string;
+    /** Default border color */
+    border?: string;
+    /** Strong border color (inputs, emphasis) */
+    borderStrong?: string;
+    /** Input background color */
+    inputBackground?: string;
+    /** Primary accent color (buttons, focus) */
+    accent?: string;
+    /** Text color on accent backgrounds */
+    accentForeground?: string;
+};
+
+type ThemeEditorProps = {
+    /** Initial theme to load. Defaults to draftingTealPreset. */
+    initialTheme?: FormEngineTheme;
+    /** Called on every theme change. */
+    onChange?: (theme: FormEngineTheme) => void;
+    /** Called when user clicks Save or presses Ctrl+S. */
+    onSave?: (theme: FormEngineTheme) => void;
+    /** Editor chrome theme. Controls toolbar, panel, and control appearance. */
+    theme?: ThemeEditorTheme;
+    /** Container height. */
+    height?: string | number;
+    /** Container width. */
+    width?: string | number;
+    /** Additional CSS class on root element. */
+    className?: string;
+    /** Extra content in the toolbar. */
+    toolbarExtra?: ReactNode;
+    /** Show live preview panel. Default: true. */
+    showPreview?: boolean;
+};
+
+declare const ThemeEditor: react.ComponentType<ThemeEditorProps>;
+
+declare function ThemeEditorInner({ initialTheme, onChange, onSave, theme: chromeTheme, height, width, className, toolbarExtra, showPreview, }: ThemeEditorProps): react_jsx_runtime.JSX.Element;
+
+/** Compact schema used in the ThemeEditor live preview panel. */
+declare const PREVIEW_SCHEMA: FormEngineSchema;
+
+export { PREVIEW_SCHEMA as P, ThemeEditor as T, ThemeEditorInner as a, type ThemeEditorProps as b, type ThemeEditorTheme as c };

package/dist/response-viewer/index.d.mts

@@ -20,8 +20,16 @@ type ResponseViewerProps = {
     onExport?: (format: "csv" | "json", count: number) => void;
     /** Number of responses per page in table/card views. Defaults to 25. */
     pageSize?: 10 | 25 | 50 | 100;
+    /** Callback to delete a single response by its sessionToken. */
+    onDelete?: (sessionToken: string) => void;
+    /** Callback to bulk-delete responses by sessionToken. */
+    onBulkDelete?: (sessionTokens: string[]) => void;
+    /** Callback to bulk-export selected responses. */
+    onBulkExport?: (responses: FormResponse[]) => void;
+    /** Enable checkbox selection for bulk operations. */
+    selectable?: boolean;
 };
-type ViewMode = "table" | "card" | "detail";
+type ViewMode = "table" | "card" | "detail" | "timeline";
 type ResponseField = {
     questionId: string;
     label: string;

package/dist/response-viewer/index.d.ts

@@ -20,8 +20,16 @@ type ResponseViewerProps = {
     onExport?: (format: "csv" | "json", count: number) => void;
     /** Number of responses per page in table/card views. Defaults to 25. */
     pageSize?: 10 | 25 | 50 | 100;
+    /** Callback to delete a single response by its sessionToken. */
+    onDelete?: (sessionToken: string) => void;
+    /** Callback to bulk-delete responses by sessionToken. */
+    onBulkDelete?: (sessionTokens: string[]) => void;
+    /** Callback to bulk-export selected responses. */
+    onBulkExport?: (responses: FormResponse[]) => void;
+    /** Enable checkbox selection for bulk operations. */
+    selectable?: boolean;
 };
-type ViewMode = "table" | "card" | "detail";
+type ViewMode = "table" | "card" | "detail" | "timeline";
 type ResponseField = {
     questionId: string;
     label: string;