@bpmn-io/form-js-viewer 1.11.0-alpha.0 → 1.11.0

package/dist/types/Form.d.ts

@@ -55,12 +55,11 @@ export class Form {
     /**
      * Submit the form, triggering all field validations.
      *
-     * @returns { { data: Data, errors: Errors, files: Map<string, File[]> } }
+     * @returns { { data: Data, errors: Errors } }
      */
     submit(): {
         data: Data;
         errors: Errors;
-        files: Map<string, File[]>;
     };
     reset(): void;
     /**

package/dist/types/core/FieldFactory.d.ts

@@ -9,7 +9,7 @@ export class FieldFactory {
     _formFieldRegistry: any;
     _pathRegistry: any;
     _formFields: any;
-    create(attrs: any, applyDefaults?: boolean): any;
+    create(attrs: any, isNewField?: boolean): any;
     _ensureId(field: any): void;
     _ensureKey(field: any): void;
     _enforceDefaultPath(field: any): void;

package/dist/types/core/FormFieldInstanceRegistry.d.ts

@@ -4,9 +4,8 @@ export class FormFieldInstanceRegistry {
     _formFieldRegistry: any;
     _formFields: any;
     _formFieldInstances: {};
-    syncInstance(instanceId: any, formFieldInfo: any): any;
-    cleanupInstance(instanceId: any): void;
-    get(instanceId: any): any;
+    add(instance: any): string;
+    remove(instanceId: any): void;
     getAll(): any[];
     getAllKeyed(): any[];
     clear(): void;

package/dist/types/core/index.d.ts

@@ -3,7 +3,6 @@ export namespace CoreModule {
         __init__: string[];
         formFields: (string | typeof import("../render").FormFields)[];
         renderer: (string | typeof import("../render/Renderer").Renderer)[];
-        fileRegistry: (string | typeof import("../render/FileRegistry").FileRegistry)[];
     }[];
     let eventBus: (string | typeof EventBus)[];
     let importer: (string | typeof Importer)[];

package/dist/types/features/repeatRender/RepeatRenderManager.d.ts

@@ -1,14 +1,9 @@
 export class RepeatRenderManager {
-    constructor(form: any, formFields: any, formFieldRegistry: any, pathRegistry: any, eventBus: any);
+    constructor(form: any, formFields: any, formFieldRegistry: any, pathRegistry: any);
     _form: any;
-    /** @type {import('../../render/FormFields').FormFields} */
-    _formFields: import('../../render/FormFields').FormFields;
-    /** @type {import('../../core/FormFieldRegistry').FormFieldRegistry} */
-    _formFieldRegistry: import('../../core/FormFieldRegistry').FormFieldRegistry;
-    /** @type {import('../../core/PathRegistry').PathRegistry} */
-    _pathRegistry: import('../../core/PathRegistry').PathRegistry;
-    /** @type {import('../../core/EventBus').EventBus} */
-    _eventBus: import('../../core/EventBus').EventBus;
+    _formFields: any;
+    _formFieldRegistry: any;
+    _pathRegistry: any;
     Repeater(props: any): import("preact").JSX.Element;
     RepeatFooter(props: any): import("preact").JSX.Element;
     /**

package/dist/types/index.d.ts

@@ -14,6 +14,6 @@ export * from "./util";
 export * from "./features";
 export type CreateFormOptions = import('./types').CreateFormOptions;
 import { Form } from './Form';
-export const schemaVersion: 16;
+export const schemaVersion: 17;
 export { Form };
 export { FormFieldRegistry, FormLayouter, Importer, FieldFactory, PathRegistry } from "./core";

package/dist/types/render/components/Util.d.ts

@@ -4,4 +4,5 @@ export function formFieldClasses(type: any, { errors, disabled, readonly }?: {
     readonly?: boolean;
 }): string;
 export function gridColumnClasses(formField: any): string;
+export function textToLabel(text: any): string;
 export function prefixId(id: any, formId: any, indexes: any): string;

package/dist/types/render/components/form-fields/Button.d.ts

@@ -3,9 +3,10 @@ export namespace Button {
     namespace config {
         export { type };
         export let keyed: boolean;
-        export let label: string;
+        export let name: string;
         export let group: string;
         export function create(options?: {}): {
+            label: string;
             action: string;
         };
     }

package/dist/types/render/components/form-fields/Checkbox.d.ts

@@ -3,13 +3,15 @@ export namespace Checkbox {
     namespace config {
         export { type };
         export let keyed: boolean;
-        export let label: string;
+        export let name: string;
         export let group: string;
         export let emptyValue: boolean;
         export function sanitizeValue({ value }: {
             value: any;
         }): boolean;
-        export function create(options?: {}): {};
+        export function create(options?: {}): {
+            label: string;
+        };
     }
 }
 declare const type: "checkbox";

package/dist/types/render/components/form-fields/Checklist.d.ts

@@ -3,14 +3,13 @@ export namespace Checklist {
     namespace config {
         export { type };
         export let keyed: boolean;
-        export let label: string;
+        export let name: string;
         export let group: string;
         export let emptyValue: any[];
         export { sanitizeMultiSelectValue as sanitizeValue };
-        export { createEmptyOptions as create };
+        export function create(options?: {}): any;
     }
 }
 declare const type: "checklist";
 import { sanitizeMultiSelectValue } from '../util/sanitizerUtil';
-import { createEmptyOptions } from '../util/optionsUtil';
 export {};

package/dist/types/render/components/form-fields/Datetime.d.ts

@@ -3,11 +3,12 @@ export namespace Datetime {
     namespace config {
         export { type };
         export let keyed: boolean;
-        export let label: string;
+        export let name: string;
         export let group: string;
         export let emptyValue: any;
         export { sanitizeDateTimePickerValue as sanitizeValue };
-        export function create(options?: {}): {};
+        export function create(options: {}, isNewField: any): {};
+        export function getSubheading(field: any): any;
     }
 }
 declare const type: "datetime";

package/dist/types/render/components/form-fields/Default.d.ts

@@ -8,5 +8,6 @@ export namespace Default {
         function create(options?: {}): {
             components: any[];
         };
+        function getSubheading(field: any): any;
     }
 }

package/dist/types/render/components/form-fields/DynamicList.d.ts

@@ -4,9 +4,10 @@ export namespace DynamicList {
         let type: string;
         let pathed: boolean;
         let repeatable: boolean;
-        let label: string;
+        let name: string;
         let group: string;
         function create(options?: {}): {
+            label: string;
             components: any[];
             showOutline: boolean;
             isRepeating: boolean;

package/dist/types/render/components/form-fields/ExpressionField.d.ts

@@ -2,7 +2,7 @@ export function ExpressionField(props: any): any;
 export namespace ExpressionField {
     namespace config {
         export { type };
-        export let label: string;
+        export let name: string;
         export let group: string;
         export let keyed: boolean;
         export let emptyValue: any;

package/dist/types/render/components/form-fields/FilePicker.d.ts

@@ -10,8 +10,7 @@
  * @property {string} field.id
  * @property {string} [field.label]
  * @property {string} [field.accept]
- * @property {string|boolean} [field.multiple]
- * @property {string} [value]
+ * @property {boolean} [field.multiple]
  *
  * @param {Props} props
  * @returns {import("preact").JSX.Element}
@@ -24,6 +23,9 @@ export namespace FilePicker {
         let label: string;
         let group: string;
         let emptyValue: any;
+        function sanitizeValue({ value }: {
+            value: any;
+        }): any;
         function create(options?: {}): {};
     }
 }
@@ -40,7 +42,6 @@ export type Props = {
         id: string;
         label?: string;
         accept?: string;
-        multiple?: string | boolean;
+        multiple?: boolean;
     };
-    value?: string;
 };

package/dist/types/render/components/form-fields/Group.d.ts

@@ -3,9 +3,10 @@ export namespace Group {
     namespace config {
         let type: string;
         let pathed: boolean;
-        let label: string;
+        let name: string;
         let group: string;
         function create(options?: {}): {
+            label: string;
             components: any[];
             showOutline: boolean;
         };

package/dist/types/render/components/form-fields/Html.d.ts

@@ -3,7 +3,7 @@ export namespace Html {
     namespace config {
         export { type };
         export let keyed: boolean;
-        export let label: string;
+        export let name: string;
         export let group: string;
         export function create(options?: {}): {
             content: string;

package/dist/types/render/components/form-fields/IFrame.d.ts

@@ -3,9 +3,10 @@ export namespace IFrame {
     namespace config {
         export { type };
         export let keyed: boolean;
-        export let label: string;
+        export let name: string;
         export let group: string;
         export function create(options?: {}): {
+            label: string;
             security: {
                 allowScripts: boolean;
             };

package/dist/types/render/components/form-fields/Image.d.ts

@@ -3,9 +3,10 @@ export namespace Image {
     namespace config {
         export { type };
         export let keyed: boolean;
-        export let label: string;
+        export let name: string;
         export let group: string;
         export function create(options?: {}): {};
+        export function getSubheading(field: any): any;
     }
 }
 declare const type: "image";

package/dist/types/render/components/form-fields/Number.d.ts

@@ -3,14 +3,16 @@ export namespace Numberfield {
     namespace config {
         export { type };
         export let keyed: boolean;
-        export let label: string;
+        export let name: string;
         export let group: string;
         export let emptyValue: any;
         export function sanitizeValue({ value, formField }: {
             value: any;
             formField: any;
         }): any;
-        export function create(options?: {}): {};
+        export function create(options?: {}): {
+            label: string;
+        };
     }
 }
 declare const type: "number";

package/dist/types/render/components/form-fields/Radio.d.ts

@@ -3,14 +3,13 @@ export namespace Radio {
     namespace config {
         export { type };
         export let keyed: boolean;
-        export let label: string;
+        export let name: string;
         export let group: string;
         export let emptyValue: any;
         export { sanitizeSingleSelectValue as sanitizeValue };
-        export { createEmptyOptions as create };
+        export function create(options?: {}): any;
     }
 }
 declare const type: "radio";
 import { sanitizeSingleSelectValue } from '../util/sanitizerUtil';
-import { createEmptyOptions } from '../util/optionsUtil';
 export {};

package/dist/types/render/components/form-fields/Select.d.ts

@@ -3,14 +3,13 @@ export namespace Select {
     namespace config {
         export { type };
         export let keyed: boolean;
-        export let label: string;
+        export let name: string;
         export let group: string;
         export let emptyValue: any;
         export { sanitizeSingleSelectValue as sanitizeValue };
-        export { createEmptyOptions as create };
+        export function create(options?: {}): any;
     }
 }
 declare const type: "select";
 import { sanitizeSingleSelectValue } from '../util/sanitizerUtil';
-import { createEmptyOptions } from '../util/optionsUtil';
 export {};

package/dist/types/render/components/form-fields/Separator.d.ts

@@ -3,7 +3,7 @@ export namespace Separator {
     namespace config {
         export { type };
         export let keyed: boolean;
-        export let label: string;
+        export let name: string;
         export let group: string;
         export function create(options?: {}): {};
     }

package/dist/types/render/components/form-fields/Spacer.d.ts

@@ -3,7 +3,7 @@ export namespace Spacer {
     namespace config {
         export { type };
         export let keyed: boolean;
-        export let label: string;
+        export let name: string;
         export let group: string;
         export function create(options?: {}): {
             height: number;

package/dist/types/render/components/form-fields/Table.d.ts

@@ -28,7 +28,7 @@ export namespace Table {
     namespace config {
         export { type };
         export let keyed: boolean;
-        export let label: string;
+        export let name: string;
         export let group: string;
         export function create(options?: {}): {
             id: any;
@@ -37,6 +37,7 @@ export namespace Table {
             id: any;
             columns: Column[];
         } | {
+            label: string;
             rowCount: number;
             columns: {
                 label: string;

package/dist/types/render/components/form-fields/Taglist.d.ts

@@ -3,14 +3,13 @@ export namespace Taglist {
     namespace config {
         export { type };
         export let keyed: boolean;
-        export let label: string;
+        export let name: string;
         export let group: string;
         export let emptyValue: any[];
         export { sanitizeMultiSelectValue as sanitizeValue };
-        export { createEmptyOptions as create };
+        export function create(options?: {}): any;
     }
 }
 declare const type: "taglist";
 import { sanitizeMultiSelectValue } from '../util/sanitizerUtil';
-import { createEmptyOptions } from '../util/optionsUtil';
 export {};

package/dist/types/render/components/form-fields/Text.d.ts

@@ -3,11 +3,12 @@ export namespace Text {
     namespace config {
         export { type };
         export let keyed: boolean;
-        export let label: string;
+        export let name: string;
         export let group: string;
         export function create(options?: {}): {
             text: string;
         };
+        export function getSubheading(field: any): void;
     }
 }
 declare const type: "text";

package/dist/types/render/components/form-fields/Textarea.d.ts

@@ -3,13 +3,15 @@ export namespace Textarea {
     namespace config {
         export { type };
         export let keyed: boolean;
-        export let label: string;
+        export let name: string;
         export let group: string;
         export let emptyValue: string;
         export function sanitizeValue({ value }: {
             value: any;
         }): string;
-        export function create(options?: {}): {};
+        export function create(options?: {}): {
+            label: string;
+        };
     }
 }
 declare const type: "textarea";

package/dist/types/render/components/form-fields/Textfield.d.ts

@@ -3,13 +3,15 @@ export namespace Textfield {
     namespace config {
         export { type };
         export let keyed: boolean;
-        export let label: string;
+        export let name: string;
         export let group: string;
         export let emptyValue: string;
         export function sanitizeValue({ value }: {
             value: any;
         }): string;
-        export function create(options?: {}): {};
+        export function create(options?: {}): {
+            label: string;
+        };
     }
 }
 declare const type: "textfield";

package/dist/types/render/components/index.d.ts

@@ -1,4 +1,4 @@
-export const formFields: (typeof Default | typeof Group | typeof Image | typeof Radio | typeof ExpressionField)[];
+export const formFields: (typeof Button | typeof Default | typeof Datetime | typeof Group | typeof IFrame | typeof Image | typeof Radio | typeof Separator | typeof Spacer | typeof Html | typeof ExpressionField | typeof Table | typeof FilePicker)[];
 export * from "./icons";
 export * from "./Sanitizer";
 export * from "./util/domUtil";

package/dist/types/render/hooks/index.d.ts

@@ -4,7 +4,6 @@ export { useSecurityAttributesMap } from "./useSecurityAttributesMap";
 export { useGetLabelCorrelation } from "./useGetLabelCorrelation";
 export { useScrollIntoView } from "./useScrollIntoView";
 export { useExpressionEvaluation } from "./useExpressionEvaluation";
-export { useBooleanExpressionEvaluation } from "./useBooleanExpressionEvaluation";
 export { useFilteredFormData } from "./useFilteredFormData";
 export { useKeyDownAction } from "./useKeyDownAction";
 export { useReadonly } from "./useReadonly";

package/dist/types/render/hooks/useExpressionEvaluation.d.ts

@@ -1,8 +1,9 @@
 /**
- * If the value is a valid expression, it is evaluated and returned. Otherwise, it is returned as-is.
+ * Evaluate a string reactively based on the expressionLanguage and form data.
+ * If the string is not an expression, it is returned as is.
  * The function is memoized to minimize re-renders.
  *
- * @param {any} value - A static value or expression to evaluate.
+ * @param {string} value - The string to evaluate.
  * @returns {any} - Evaluated value or the original value if not an expression.
  */
-export function useExpressionEvaluation(value: any): any;
+export function useExpressionEvaluation(value: string): any;

package/dist/types/render/hooks/useService.d.ts

@@ -1,7 +1 @@
-/**
- * @template T
- * @param {string} type
- * @param {boolean} [strict=true]
- * @returns {T | null}
- */
-export function useService<T>(type: string, strict?: boolean): T;
+export function useService(type: any, strict: any): any;

package/dist/types/render/index.d.ts

@@ -5,9 +5,7 @@ export namespace RenderModule {
     let __init__: string[];
     let formFields: (string | typeof FormFields)[];
     let renderer: (string | typeof Renderer)[];
-    let fileRegistry: (string | typeof FileRegistry)[];
 }
 import { FormFields } from './FormFields';
 import { Renderer } from './Renderer';
-import { FileRegistry } from './FileRegistry';
 export { useExpressionEvaluation, useSingleLineTemplateEvaluation, useTemplateEvaluation } from "./hooks";

package/dist/types/util/expressions.d.ts

@@ -6,11 +6,12 @@
  */
 export function buildExpressionContext(context: any): any;
 /**
- * If the value is a valid expression, it is evaluated and returned. Otherwise, it is returned as-is.
+ * Evaluate a string based on the expressionLanguage and context information.
+ * If the string is not an expression, it is returned as is.
  *
  * @param {any} expressionLanguage - The expression language to use.
- * @param {any} value - The static value or expression to evaluate.
+ * @param {string} value - The string to evaluate.
  * @param {Object} expressionContextInfo - The context information to use.
  * @returns {any} - Evaluated value or the original value if not an expression.
  */
-export function runExpressionEvaluation(expressionLanguage: any, value: any, expressionContextInfo: any): any;
+export function runExpressionEvaluation(expressionLanguage: any, value: string, expressionContextInfo: any): any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bpmn-io/form-js-viewer",
-  "version": "1.11.0-alpha.0",
+  "version": "1.11.0",
   "description": "View forms - powered by bpmn.io",
   "exports": {
     ".": {
@@ -45,19 +45,19 @@
     "url": "https://github.com/bpmn-io"
   },
   "dependencies": {
-    "@carbon/grid": "^11.22.0",
-    "big.js": "^6.2.1",
+    "@carbon/grid": "^11.27.0",
+    "big.js": "^6.2.2",
     "classnames": "^2.5.1",
     "didi": "^10.2.2",
-    "dompurify": "^3.1.2",
-    "feelers": "^1.3.1",
+    "dompurify": "^3.1.6",
+    "feelers": "^1.4.0",
     "feelin": "^3.1.2",
     "flatpickr": "^4.6.13",
     "ids": "^1.0.5",
     "lodash": "^4.17.21",
     "luxon": "^3.5.0",
-    "marked": "^14.0.0",
-    "min-dash": "^4.2.1",
+    "marked": "^14.1.2",
+    "min-dash": "^4.2.2",
     "preact": "^10.5.14"
   },
   "sideEffects": [
@@ -66,5 +66,5 @@
   "files": [
     "dist"
   ],
-  "gitHead": "05c03607877ce52cf7ea96e71b5819ea17c1a8b4"
+  "gitHead": "d1731fe95e832b1408564d14dc6d4a139a6a90ab"
 }

package/dist/types/render/FileRegistry.d.ts

@@ -1,52 +0,0 @@
-export class FileRegistry {
-    /**
-     * @param {import('../core/EventBus').EventBus} eventBus
-     * @param {import('../core/FormFieldRegistry').FormFieldRegistry} formFieldRegistry
-     * @param {import('../core/FormFieldInstanceRegistry').FormFieldInstanceRegistry} formFieldInstanceRegistry
-     */
-    constructor(eventBus: import('../core/EventBus').EventBus, formFieldRegistry: import('../core/FormFieldRegistry').FormFieldRegistry, formFieldInstanceRegistry: import('../core/FormFieldInstanceRegistry').FormFieldInstanceRegistry);
-    /**
-     * @param {string} id
-     * @param {File[]} files
-     */
-    setFiles(id: string, files: File[]): void;
-    /**
-     * @param {string} id
-     * @returns {File[]}
-     */
-    getFiles(id: string): File[];
-    /**
-     * @returns {string[]}
-     */
-    getKeys(): string[];
-    /**
-     * @param {string} id
-     * @returns {boolean}
-     */
-    hasKey(id: string): boolean;
-    /**
-     * @param {string} id
-     */
-    deleteFiles(id: string): void;
-    /**
-     * @returns {Map<string, File[]>}
-     */
-    getAllFiles(): Map<string, File[]>;
-    clear(): void;
-    /** @type {Map<string, File[]>} */
-    [fileRegistry]: Map<string, File[]>;
-    /** @type {import('../core/EventBus').EventBus} */
-    [eventBusSymbol]: import('../core/EventBus').EventBus;
-    /** @type {import('../core/FormFieldRegistry').FormFieldRegistry} */
-    [formFieldRegistrySymbol]: import('../core/FormFieldRegistry').FormFieldRegistry;
-    /** @type {import('../core/FormFieldInstanceRegistry').FormFieldInstanceRegistry} */
-    [formFieldInstanceRegistrySymbol]: import('../core/FormFieldInstanceRegistry').FormFieldInstanceRegistry;
-}
-export namespace FileRegistry {
-    let $inject: string[];
-}
-declare const fileRegistry: unique symbol;
-declare const eventBusSymbol: unique symbol;
-declare const formFieldRegistrySymbol: unique symbol;
-declare const formFieldInstanceRegistrySymbol: unique symbol;
-export {};

package/dist/types/render/hooks/useBooleanExpressionEvaluation.d.ts

@@ -1,9 +0,0 @@
-/**
- * If the value is a valid expression, we evaluate it. Otherwise, we continue with the value as-is.
- * If the resulting value isn't a boolean, we return 'false'
- * The function is memoized to minimize re-renders.
- *
- * @param {boolean | string} value - A static boolean or expression to evaluate.
- * @returns {boolean} - Evaluated boolean result.
- */
-export function useBooleanExpressionEvaluation(value: boolean | string): boolean;

package/dist/types/util/constants/FilePickerConstants.d.ts

@@ -1 +0,0 @@
-export const FILE_PICKER_FILE_KEY_PREFIX: "files::";

package/dist/types/util/extractFileReferencesFromRemovedData.d.ts

@@ -1,7 +0,0 @@
-export type RemovedData = Record<PropertyKey, unknown>;
-/**
- * @typedef {Record<PropertyKey, unknown>} RemovedData
- * @param {RemovedData} removedData
- * @returns {string[]}
- */
-export function extractFileReferencesFromRemovedData(removedData: RemovedData): string[];