testomatio-editor-blocks 0.4.54 → 0.4.55

package/package/editor/blocks/step.js

@@ -404,7 +404,7 @@ export const stepBlock = createReactBlockSpec({
         if (!effectiveVertical) {
             return (_jsx(StepHorizontalView, { ref: containerRef, blockId: block.id, stepNumber: stepNumber, stepValue: combinedStepValue, expectedResult: expectedResult, onStepChange: handleCombinedStepChange, onExpectedChange: handleExpectedChange, onInsertNextStep: handleInsertNextStep, onFieldFocus: handleFieldFocus, viewToggle: viewToggleButton }));
         }
-        return (_jsxs("div", { className: "bn-teststep", "data-block-id": block.id, ref: containerRef, children: [_jsxs("div", { className: "bn-teststep__timeline", children: [_jsx("span", { className: "bn-teststep__number", children: stepNumber }), _jsx("div", { className: "bn-teststep__line" })] }), _jsxs("div", { className: "bn-teststep__content", children: [_jsxs("div", { className: "bn-teststep__header", children: [_jsx("span", { className: "bn-teststep__title", children: "Step" }), viewToggleButton] }), _jsx(StepField, { label: "Step", showLabel: false, value: stepTitle, placeholder: STEP_TITLE_PLACEHOLDER, onChange: handleStepTitleChange, autoFocus: stepTitle.length === 0, multiline: true, enableAutocomplete: true, fieldName: "title", suggestionFilter: (suggestion) => suggestion.isSnippet !== true, onFieldFocus: handleFieldFocus, enableImageUpload: false, showFormattingButtons: true, onImageFile: async (file) => {
+        return (_jsxs("div", { className: "bn-teststep", "data-block-id": block.id, ref: containerRef, children: [_jsxs("div", { className: "bn-teststep__timeline", children: [_jsx("span", { className: "bn-teststep__number", children: stepNumber }), _jsx("div", { className: "bn-teststep__line" })] }), _jsxs("div", { className: "bn-teststep__content", children: [_jsxs("div", { className: "bn-teststep__header", children: [_jsx("span", { className: "bn-teststep__title", children: "Step" }), viewToggleButton] }), _jsx(StepField, { label: "Step", showLabel: false, value: stepTitle, placeholder: STEP_TITLE_PLACEHOLDER, onChange: handleStepTitleChange, autoFocus: stepTitle.length === 0, multiline: true, disableNewlines: true, enableAutocomplete: true, fieldName: "title", suggestionFilter: (suggestion) => suggestion.isSnippet !== true, onFieldFocus: handleFieldFocus, enableImageUpload: false, showFormattingButtons: true, onImageFile: async (file) => {
                                 if (!uploadImage) {
                                     return;
                                 }

package/package/editor/blocks/stepField.d.ts

@@ -16,6 +16,7 @@ type StepFieldProps = {
     autoFocus?: boolean;
     focusSignal?: number;
     multiline?: boolean;
+    disableNewlines?: boolean;
     enableAutocomplete?: boolean;
     fieldName?: string;
     suggestionFilter?: (suggestion: Suggestion) => boolean;
@@ -53,5 +54,5 @@ export declare function applyInlineExclusion(formatting: FormattingMeta[], links
     links: LinkMeta[];
 };
 export declare function buildFullMarkdown(plainText: string, links: LinkMeta[], formatting: FormattingMeta[]): string;
-export declare function StepField({ label, showLabel, labelToggle, labelAction, placeholder, value, onChange, autoFocus, focusSignal, multiline, enableAutocomplete, fieldName, suggestionFilter, suggestionsOverride, onSuggestionSelect, readOnly, showSuggestionsOnFocus, enableImageUpload, onImageFile, rightAction, showFormattingButtons, showImageButton, onFieldFocus, }: StepFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function StepField({ label, showLabel, labelToggle, labelAction, placeholder, value, onChange, autoFocus, focusSignal, multiline, disableNewlines, enableAutocomplete, fieldName, suggestionFilter, suggestionsOverride, onSuggestionSelect, readOnly, showSuggestionsOnFocus, enableImageUpload, onImageFile, rightAction, showFormattingButtons, showImageButton, onFieldFocus, }: StepFieldProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/package/editor/blocks/stepField.js

@@ -532,7 +532,7 @@ function markdownToPlainText(markdown) {
         return markdown.replace(/!\[[^\]]*]\([^)]+\)/g, "").replace(/\[[^\]]*]\([^)]+\)/g, "").replace(/[*_`~]/g, "").replace(/\s+/g, " ").trim();
     }
 }
-export function StepField({ label, showLabel = true, labelToggle, labelAction, placeholder, value, onChange, autoFocus, focusSignal, multiline = false, enableAutocomplete = false, fieldName, suggestionFilter, suggestionsOverride, onSuggestionSelect, readOnly = false, showSuggestionsOnFocus = false, enableImageUpload = false, onImageFile, rightAction, showFormattingButtons = false, showImageButton = false, onFieldFocus, }) {
+export function StepField({ label, showLabel = true, labelToggle, labelAction, placeholder, value, onChange, autoFocus, focusSignal, multiline = false, disableNewlines = false, enableAutocomplete = false, fieldName, suggestionFilter, suggestionsOverride, onSuggestionSelect, readOnly = false, showSuggestionsOnFocus = false, enableImageUpload = false, onImageFile, rightAction, showFormattingButtons = false, showImageButton = false, onFieldFocus, }) {
     var _a, _b;
     const stepSuggestions = useStepAutocomplete();
     const suggestions = suggestionsOverride !== null && suggestionsOverride !== void 0 ? suggestionsOverride : stepSuggestions;
@@ -1390,6 +1390,11 @@ export function StepField({ label, showLabel = true, labelToggle, labelAction, p
                 setShowAllSuggestions(true);
                 return;
             }
+            if (disableNewlines && (event.key === "Enter" || event.code === "Enter")) {
+                event.preventDefault();
+                event.stopImmediatePropagation();
+                return;
+            }
             if (event.key === "Tab") {
                 const moved = focusAdjacentField(event.shiftKey ? -1 : 1);
                 if (moved) {
@@ -1398,7 +1403,7 @@ export function StepField({ label, showLabel = true, labelToggle, labelAction, p
                 }
             }
         };
-    }, [activeSuggestionIndex, applySuggestion, enableAutocomplete, filteredSuggestions, focusAdjacentField, handleToolbarAction, readOnly, shouldShowAutocomplete]);
+    }, [activeSuggestionIndex, applySuggestion, disableNewlines, enableAutocomplete, filteredSuggestions, focusAdjacentField, handleToolbarAction, readOnly, shouldShowAutocomplete]);
     useEffect(() => {
         if (!textareaNode) {
             return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "testomatio-editor-blocks",
-  "version": "0.4.54",
+  "version": "0.4.55",
   "description": "Custom BlockNote schema, markdown conversion helpers, and UI for Testomatio-style test cases and steps.",
   "type": "module",
   "main": "./package/index.js",

package/src/App.tsx

@@ -384,7 +384,13 @@ function App() {
     schema: customSchema,
     pasteHandler: createMarkdownPasteHandler(markdownToBlocks),
     uploadFile: async (file: File) => {
-      return `https://placehold.co/600x400?text=${encodeURIComponent(file.name)}`;
+      const url = `https://placehold.co/600x400?text=${encodeURIComponent(file.name)}`;
+      return {
+        props: {
+          url,
+          name: file.name,
+        },
+      };
     },
   });
   const [markdown, setMarkdown] = useState("");
@@ -474,8 +480,14 @@ function App() {
           if (typeof result === "string") {
             return { url: result };
           }
-          if (result && typeof result === "object" && "url" in result && typeof (result as any).url === "string") {
-            return { url: (result as any).url as string };
+          if (result && typeof result === "object") {
+            if ("url" in result && typeof (result as any).url === "string") {
+              return { url: (result as any).url as string };
+            }
+            const propsUrl = (result as any).props?.url;
+            if (typeof propsUrl === "string") {
+              return { url: propsUrl };
+            }
           }
           throw new Error("uploadFile did not return a URL");
         }

package/src/editor/blocks/step.tsx

@@ -512,6 +512,7 @@ export const stepBlock = createReactBlockSpec(
               onChange={handleStepTitleChange}
               autoFocus={stepTitle.length === 0}
               multiline
+              disableNewlines
               enableAutocomplete
               fieldName="title"
               suggestionFilter={(suggestion) => (suggestion as StepSuggestion).isSnippet !== true}

package/src/editor/blocks/stepField.tsx

@@ -25,6 +25,7 @@ type StepFieldProps = {
   autoFocus?: boolean;
   focusSignal?: number;
   multiline?: boolean;
+  disableNewlines?: boolean;
   enableAutocomplete?: boolean;
   fieldName?: string;
   suggestionFilter?: (suggestion: Suggestion) => boolean;
@@ -671,6 +672,7 @@ export function StepField({
   autoFocus,
   focusSignal,
   multiline = false,
+  disableNewlines = false,
   enableAutocomplete = false,
   fieldName,
   suggestionFilter,
@@ -1699,6 +1701,12 @@ export function StepField({
         return;
       }
 
+      if (disableNewlines && (event.key === "Enter" || event.code === "Enter")) {
+        event.preventDefault();
+        event.stopImmediatePropagation();
+        return;
+      }
+
       if (event.key === "Tab") {
         const moved = focusAdjacentField(event.shiftKey ? -1 : 1);
         if (moved) {
@@ -1707,7 +1715,7 @@ export function StepField({
         }
       }
     };
-  }, [activeSuggestionIndex, applySuggestion, enableAutocomplete, filteredSuggestions, focusAdjacentField, handleToolbarAction, readOnly, shouldShowAutocomplete]);
+  }, [activeSuggestionIndex, applySuggestion, disableNewlines, enableAutocomplete, filteredSuggestions, focusAdjacentField, handleToolbarAction, readOnly, shouldShowAutocomplete]);
 
   useEffect(() => {
     if (!textareaNode) {