@bpmnkit/plugins 0.0.18 → 0.0.23

package/dist/config-panel/renderer.js

@@ -679,10 +679,25 @@ export class ConfigPanelRenderer {
             templateLabel.textContent = reg.schema.templateName;
             info.appendChild(templateLabel);
         }
-        const nameLabel = document.createElement("div");
-        nameLabel.className = "bpmnkit-cfg-full-name";
-        nameLabel.textContent = this._elementName || "(unnamed)";
-        info.appendChild(nameLabel);
+        const nameInput = document.createElement("input");
+        nameInput.type = "text";
+        nameInput.className = "bpmnkit-cfg-full-name";
+        nameInput.setAttribute("data-field-key", "name");
+        nameInput.value = this._elementName;
+        nameInput.placeholder = "(unnamed)";
+        nameInput.setAttribute("spellcheck", "false");
+        nameInput.setAttribute("autocomplete", "off");
+        if (this._readonly)
+            nameInput.readOnly = true;
+        nameInput.addEventListener("input", () => {
+            this._elementName = nameInput.value;
+            this._applyField("name", nameInput.value);
+        });
+        nameInput.addEventListener("keydown", (e) => {
+            if (e.key === "Enter" || e.key === "Escape")
+                nameInput.blur();
+        });
+        info.appendChild(nameInput);
         header.appendChild(info);
         // Docs link — shown when the schema provides a documentation URL
         if (reg.schema.docsUrl) {

package/dist/config-panel-bpmn/index.d.ts

@@ -25,6 +25,7 @@
  * @packageDocumentation
  */
 import type { CanvasPlugin } from "@bpmnkit/canvas";
+import type { BpmnDefinitions } from "@bpmnkit/core";
 import { ELEMENT_TYPE_LABELS } from "@bpmnkit/editor";
 import type { ConfigPanelPlugin } from "../config-panel/index.js";
 import type { ElementTemplate } from "./template-types.js";
@@ -36,6 +37,23 @@ export interface ConfigPanelBpmnOptions {
      * Typically implemented by calling `tabsPlugin.api.openTab({ type: "feel", ... })`.
      */
     openFeelPlayground?: (expression: string) => void;
+    /**
+     * Called when a new validation DMN should be created.
+     * Receives the DMN XML content, a suggested file name, and the decision ID.
+     * Typically implemented by saving a new DMN model in the studio's model storage.
+     */
+    onCreateValidationDmn?: (dmnXml: string, fileName: string, decisionId: string) => void;
+    /**
+     * Called when the user clicks "Edit Validation DMN".
+     * Receives the decision ID so the host can navigate to the DMN model.
+     */
+    onEditValidationDmn?: (decisionId: string) => void;
+    /**
+     * Applies a change to the current BPMN definitions.
+     * Required for input validation insert/remove to work.
+     * Typically: `(fn) => editorRef.current?.applyChange(fn)`.
+     */
+    applyChange?: (fn: (defs: BpmnDefinitions) => BpmnDefinitions) => void;
 }
 /**
  * Creates the BPMN config panel extension plugin.