@bpmn-io/form-js-editor 1.20.0 → 1.21.0

package/dist/types/FormEditor.d.ts

@@ -173,6 +173,7 @@ export class FormEditor {
     } | {
         __init__: string[];
         renderInjector: (string | typeof import("./features/render-injection/RenderInjector").RenderInjector)[];
+        slotFillManager: (string | typeof import("./features/render-injection/SlotFillManager").SlotFillManager)[];
     } | {
         __init__: string[];
         repeatRenderManager: (string | typeof import("./features/repeat-render").EditorRepeatRenderManager)[];

package/dist/types/features/render-injection/SlotFillManager.d.ts

@@ -0,0 +1,85 @@
+/**
+ * Framework-agnostic service for managing slot fills.
+ *
+ * Fills are registered as render callbacks: `(container: HTMLElement) => (() => void) | void`.
+ * The optional return value is a cleanup function called when the fill is removed or the slot unmounts.
+ *
+ * @example
+ *
+ * // Via config (simplest):
+ * new FormEditor({
+ *   slots: {
+ *     'editor-empty-state__footer': (container) => {
+ *       container.textContent = 'Hello from vanilla JS';
+ *     }
+ *   }
+ * });
+ *
+ * // Via config (multiple fills per slot):
+ * new FormEditor({
+ *   slots: {
+ *     'editor-empty-state__footer': [
+ *       (container) => { container.textContent = 'First'; },
+ *       { render: (container) => { container.textContent = 'Second'; }, priority: 10 }
+ *     ]
+ *   }
+ * });
+ *
+ * // Via service (runtime):
+ * const slotFillManager = editor.get('slotFillManager');
+ * slotFillManager.addFill('editor-empty-state__footer', 'my-fill', {
+ *   render: (container) => { ... },
+ *   priority: 10,
+ *   group: 'custom'
+ * });
+ */
+export class SlotFillManager {
+    /**
+     * @param {Object} slotsConfig
+     * @param {import('../../core/EventBus').EventBus} eventBus
+     */
+    constructor(slotsConfig: any, eventBus: import("../../core/EventBus").EventBus);
+    _eventBus: import("diagram-js/lib/core/EventBus").default<null>;
+    /** @type {Array<{ slotName: string, fillId: string, render: Function, priority: number, group: string }>} */
+    _fills: Array<{
+        slotName: string;
+        fillId: string;
+        render: Function;
+        priority: number;
+        group: string;
+    }>;
+    /**
+     * Register a fill for a named slot.
+     *
+     * @param {string} slotName - The slot to fill.
+     * @param {string} fillId - Unique identifier for this fill.
+     * @param {Function|Object} options - A render callback `(container) => cleanup`, or `{ render, priority?, group? }`.
+     */
+    addFill(slotName: string, fillId: string, options: Function | any): void;
+    /**
+     * Remove a fill by its ID.
+     *
+     * @param {string} fillId
+     */
+    removeFill(fillId: string): void;
+    /**
+     * Get fills for a given slot, sorted by group (alphabetical) then priority (descending).
+     *
+     * @param {string} slotName
+     * @returns {Array<{ slotName: string, fillId: string, render: Function, priority: number, group: string }>}
+     */
+    getFills(slotName: string): Array<{
+        slotName: string;
+        fillId: string;
+        render: Function;
+        priority: number;
+        group: string;
+    }>;
+    /**
+     * @private
+     */
+    private _populateFromConfig;
+}
+export namespace SlotFillManager {
+    let $inject: string[];
+}

package/dist/types/features/render-injection/index.d.ts

@@ -1,5 +1,7 @@
 export namespace RenderInjectionModule {
     let __init__: string[];
     let renderInjector: (string | typeof RenderInjector)[];
+    let slotFillManager: (string | typeof SlotFillManager)[];
 }
 import { RenderInjector } from './RenderInjector';
+import { SlotFillManager } from './SlotFillManager';

package/dist/types/features/render-injection/slot-fill/Slot.d.ts

@@ -1,7 +1,7 @@
 export function Slot(props: {
     name: string;
-    fillRoot: Function;
-    groupFn: Function;
-    separatorFn: Function;
-    limit: number;
-}): any[];
+    fillRoot?: Function;
+    groupFn?: Function;
+    separatorFn?: Function;
+    limit?: number;
+}): import("preact").VNode;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bpmn-io/form-js-editor",
-  "version": "1.20.0",
+  "version": "1.21.0",
   "description": "Edit forms - powered by bpmn.io",
   "exports": {
     ".": {
@@ -23,10 +23,10 @@
   "scripts": {
     "all": "run-s lint test build",
     "build": "run-p bundle bundle:scss generate-types",
-    "bundle": "rollup -c --failAfterWarnings --bundleConfigAsCjs",
+    "bundle": "rollup -c --failAfterWarnings",
     "bundle:scss": "sass --no-source-map --load-path=\"../../node_modules\" assets/index.scss dist/assets/form-js-editor.css",
     "bundle:watch": "run-p bundle:watch-js bundle:watch-scss",
-    "bundle:watch-js": "rollup -c -w --bundleConfigAsCjs",
+    "bundle:watch-js": "rollup -c -w",
     "bundle:watch-scss": "npm run bundle:scss -- --watch",
     "dev": "npm test -- --auto-watch --no-single-run",
     "example:dev": "cd example && npm start",
@@ -48,14 +48,14 @@
   },
   "dependencies": {
     "@bpmn-io/draggle": "^4.1.2",
-    "@bpmn-io/form-js-viewer": "^1.20.0",
+    "@bpmn-io/form-js-viewer": "1.21.0",
     "@bpmn-io/properties-panel": "^3.40.3",
     "array-move": "^4.0.0",
     "big.js": "^7.0.1",
     "ids": "^3.0.1",
     "min-dash": "^5.0.0",
     "min-dom": "^5.2.0",
-    "preact": "^10.5.14"
+    "preact": ">=10.5.14 <=10.15.1"
   },
   "sideEffects": [
     "*.css"
@@ -63,5 +63,5 @@
   "files": [
     "dist"
   ],
-  "gitHead": "99083c967e6c5fcd8ad15a96558296eae4e02b69"
+  "gitHead": "19daa3fe06157ae0ae52ae27345fc9dc236b61ca"
 }