@bpmn-io/form-js-viewer 1.7.3 → 1.8.1

package/dist/types/Form.d.ts

@@ -28,6 +28,7 @@ export class Form {
      */
     private _state;
     get: {
+        <Name extends never>(name: Name): null[Name];
         <T>(name: string): T;
         <T_1>(name: string, strict: true): T_1;
         <T_2>(name: string, strict: boolean): T_2;

package/dist/types/features/markdown/MarkdownRenderer.d.ts

@@ -1,5 +1,4 @@
 export class MarkdownRenderer {
-    _converter: any;
     /**
      * Render markdown to HTML.
      *

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: 15;
+export const schemaVersion: 16;
 export { Form };
 export { FormFieldRegistry, FormLayouter, Importer, FieldFactory, PathRegistry } from "./core";

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

@@ -0,0 +1,15 @@
+export function ExpressionField(props: any): any;
+export namespace ExpressionField {
+    namespace config {
+        export { type };
+        export let label: string;
+        export let group: string;
+        export let keyed: boolean;
+        export let escapeGridRender: boolean;
+        export function create(options?: {}): {
+            computeOn: string;
+        };
+    }
+}
+declare const type: "expression";
+export {};

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

@@ -1,6 +1,7 @@
-export const formFields: (typeof Default | typeof Group | typeof Image | typeof Radio)[];
+export const formFields: (typeof Default | typeof Group | typeof Image | typeof Radio | typeof ExpressionField)[];
 export * from "./icons";
 export * from "./Sanitizer";
+export * from "./util/domUtil";
 export * from "./util/sanitizerUtil";
 import { Label } from './Label';
 import { Description } from './Description';
@@ -17,6 +18,7 @@ import { IFrame } from './form-fields/IFrame';
 import { DynamicList } from './form-fields/DynamicList';
 import { Image } from './form-fields/Image';
 import { Numberfield } from './form-fields/Number';
+import { ExpressionField } from './form-fields/ExpressionField';
 import { Radio } from './form-fields/Radio';
 import { Select } from './form-fields/Select';
 import { Separator } from './form-fields/Separator';
@@ -27,4 +29,4 @@ import { Html } from './form-fields/Html';
 import { Textfield } from './form-fields/Textfield';
 import { Textarea } from './form-fields/Textarea';
 import { Table } from './form-fields/Table';
-export { Label, Description, Errors, Button, Checkbox, Checklist, Default, Datetime, FormComponent, FormField, Group, IFrame, DynamicList, Image, Numberfield, Radio, Select, Separator, Spacer, Taglist, Text, Html, Textfield, Textarea, Table };
+export { Label, Description, Errors, Button, Checkbox, Checklist, Default, Datetime, FormComponent, FormField, Group, IFrame, DynamicList, Image, Numberfield, ExpressionField, Radio, Select, Separator, Spacer, Taglist, Text, Html, Textfield, Textarea, Table };

package/dist/types/render/components/util/domUtil.d.ts

@@ -7,3 +7,4 @@
  * @returns {HTMLElement}
  */
 export function wrapCSSStyles(rootNode: HTMLElement, prefix: string): HTMLElement;
+export function getScrollContainer(el: any): any;

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

@@ -10,6 +10,7 @@ export { useReadonly } from "./useReadonly";
 export { useService } from "./useService";
 export { usePrevious } from "./usePrevious";
 export { useFlushDebounce } from "./useFlushDebounce";
+export { useEffectOnChange } from "./useEffectOnChange";
 export { useDeepCompareMemoize } from "./useDeepCompareMemoize";
 export { useSingleLineTemplateEvaluation } from "./useSingleLineTemplateEvaluation";
 export { useTemplateEvaluation } from "./useTemplateEvaluation";

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

@@ -0,0 +1 @@
+export function useEffectOnChange(value: any, callback: any, dependencies?: any[]): void;

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

@@ -1,16 +1,16 @@
 /**
- * Custom hook to scroll an element into view only when it is not visible within the viewport.
+ * Custom hook to scroll an element within a scrollable container.
  *
- * @param {Object} targetRef - A ref pointing to the DOM element to scroll into view.
+ * @param {Object} scrolledElementRef - A ref pointing to the DOM element to scroll into view.
  * @param {Array} deps - An array of dependencies that trigger the effect.
- * @param {Array} flagRefs - An array of refs that are used as flags to control when to scroll.
  * @param {Object} [scrollOptions={}] - Options defining the behavior of the scrolling.
  * @param {String} [scrollOptions.align='center'] - The alignment of the element within the viewport.
  * @param {String} [scrollOptions.behavior='auto'] - The scrolling behavior.
  * @param {Number} [scrollOptions.offset=0] - An offset that is added to the scroll position.
  * @param {Boolean} [scrollOptions.scrollIfVisible=false] - Whether to scroll even if the element is visible.
+ * @param {Array} [flagRefs] - An array of refs that are used as flags to control when to scroll.
  */
-export function useScrollIntoView(targetRef: any, deps: any[], scrollOptions?: {
+export function useScrollIntoView(scrolledElementRef: any, deps: any[], scrollOptions?: {
     align?: string;
     behavior?: string;
     offset?: number;

package/dist/types/types.d.ts

@@ -1,36 +1,36 @@
-import { Injector } from 'didi';
-
-export type Module = any;
-export type Schema = any;
-
-export interface Data {
-  [x: string]: any;
-}
-
-export interface Errors {
-  [x: string]: string[];
-}
-
-export type FormProperty = ('readOnly' | 'disabled' | string);
-export type FormEvent = ('submit' | 'changed' | string);
-
-export interface FormProperties {
-  [x: string]: any;
-}
-
-export interface FormOptions {
-  additionalModules?: Module[];
-  container?: Element | null | string;
-  injector?: Injector;
-  modules?: Module[];
-  properties?: FormProperties;
-}
-
-export interface CreateFormOptions extends FormOptions {
-  data?: Data;
-  schema: Schema;
-}
-
-export {
-  Injector
+import { Injector } from 'didi';
+
+export type Module = any;
+export type Schema = any;
+
+export interface Data {
+  [x: string]: any;
+}
+
+export interface Errors {
+  [x: string]: string[];
+}
+
+export type FormProperty = ('readOnly' | 'disabled' | string);
+export type FormEvent = ('submit' | 'changed' | string);
+
+export interface FormProperties {
+  [x: string]: any;
+}
+
+export interface FormOptions {
+  additionalModules?: Module[];
+  container?: Element | null | string;
+  injector?: Injector;
+  modules?: Module[];
+  properties?: FormProperties;
+}
+
+export interface CreateFormOptions extends FormOptions {
+  data?: Data;
+  schema: Schema;
+}
+
+export {
+  Injector
 };

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

@@ -1,2 +1,2 @@
-export function createInjector(bootstrapModules: any): Injector;
+export function createInjector(bootstrapModules: any): Injector<null>;
 import { Injector } from 'didi';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bpmn-io/form-js-viewer",
-  "version": "1.7.3",
+  "version": "1.8.1",
   "description": "View forms - powered by bpmn.io",
   "exports": {
     ".": {
@@ -47,16 +47,16 @@
     "@carbon/grid": "^11.11.0",
     "big.js": "^6.2.1",
     "classnames": "^2.3.1",
-    "didi": "^10.0.1",
+    "didi": "^10.2.2",
     "dompurify": "^3.0.8",
-    "feelers": "^1.3.0",
-    "feelin": "^3.0.0",
+    "feelers": "^1.3.1",
+    "feelin": "^3.0.1",
     "flatpickr": "^4.6.13",
     "ids": "^1.0.0",
     "lodash": "^4.5.0",
+    "marked": "^12.0.1",
     "min-dash": "^4.2.1",
-    "preact": "^10.5.14",
-    "showdown": "^2.1.0"
+    "preact": "^10.5.14"
   },
   "sideEffects": [
     "*.css"
@@ -64,5 +64,5 @@
   "files": [
     "dist"
   ],
-  "gitHead": "495efb051b4ff6a8f8abebedd035a95651345f9f"
+  "gitHead": "98d0c362ba37b809703027173c58441c1a2af5c2"
 }