@bpmn-io/form-js-viewer 1.4.0 → 1.5.0

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

@@ -14,6 +14,6 @@ declare class FieldFactory {
     _ensureKey(field: any): void;
 }
 declare namespace FieldFactory {
-    const $inject: string[];
+    let $inject: string[];
 }
 export default FieldFactory;

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

@@ -11,6 +11,6 @@ declare class FormFieldRegistry {
     clear(): void;
 }
 declare namespace FormFieldRegistry {
-    const $inject: string[];
+    let $inject: string[];
 }
 export default FormFieldRegistry;

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

@@ -18,7 +18,7 @@
 declare class FormLayouter {
     constructor(eventBus: any);
     /** @type Array<FormRows>  */
-    _rows: FormRows[];
+    _rows: Array<FormRows>;
     _ids: any;
     _eventBus: any;
     /**
@@ -51,7 +51,7 @@ declare class FormLayouter {
     clear(): void;
 }
 declare namespace FormLayouter {
-    const $inject: string[];
+    let $inject: string[];
 }
 export default FormLayouter;
 export type FormRow = {

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

@@ -51,6 +51,6 @@ declare class Importer {
     importFormFields(components: Array<any>, parentId: string): Array<any>;
 }
 declare namespace Importer {
-    const $inject: string[];
+    let $inject: string[];
 }
 export default Importer;

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

@@ -66,6 +66,6 @@ declare class PathRegistry {
     clear(): void;
 }
 declare namespace PathRegistry {
-    const $inject: string[];
+    let $inject: string[];
 }
 export default PathRegistry;

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

@@ -6,6 +6,6 @@ declare class Validator {
     validateField(field: any, value: any): any[];
 }
 declare namespace Validator {
-    const $inject: string[];
+    let $inject: string[];
 }
 export default Validator;

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

@@ -1,16 +1,16 @@
 declare namespace _default {
-    const __depends__: {
+    let __depends__: {
         __init__: string[];
         formFields: (string | typeof import("../render").FormFields)[];
         renderer: (string | typeof import("../render/Renderer").default)[];
     }[];
-    const eventBus: (string | typeof EventBus)[];
-    const importer: (string | typeof Importer)[];
-    const fieldFactory: (string | typeof FieldFactory)[];
-    const formFieldRegistry: (string | typeof FormFieldRegistry)[];
-    const pathRegistry: (string | typeof PathRegistry)[];
-    const formLayouter: (string | typeof FormLayouter)[];
-    const validator: (string | typeof Validator)[];
+    let eventBus: (string | typeof EventBus)[];
+    let importer: (string | typeof Importer)[];
+    let fieldFactory: (string | typeof FieldFactory)[];
+    let formFieldRegistry: (string | typeof FormFieldRegistry)[];
+    let pathRegistry: (string | typeof PathRegistry)[];
+    let formLayouter: (string | typeof FormLayouter)[];
+    let validator: (string | typeof Validator)[];
 }
 export default _default;
 import Importer from './Importer';

package/dist/types/features/expression-language/ConditionChecker.d.ts

@@ -46,7 +46,7 @@ declare class ConditionChecker {
     _clearObjectValueRecursively(valuePath: any, obj: any): void;
 }
 declare namespace ConditionChecker {
-    const $inject: string[];
+    let $inject: string[];
 }
 export default ConditionChecker;
 export type Condition = {

package/dist/types/features/expression-language/FeelExpressionLanguage.d.ts

@@ -32,6 +32,6 @@ declare class FeelExpressionLanguage {
     evaluate(expression: string, data?: import('../../types').Data): any;
 }
 declare namespace FeelExpressionLanguage {
-    const $inject: string[];
+    let $inject: string[];
 }
 export default FeelExpressionLanguage;

package/dist/types/features/expression-language/FeelersTemplating.d.ts

@@ -63,6 +63,6 @@ declare class FeelersTemplating {
     }[];
 }
 declare namespace FeelersTemplating {
-    const $inject: any[];
+    let $inject: any[];
 }
 export default FeelersTemplating;

package/dist/types/features/expression-language/index.d.ts

@@ -1,8 +1,8 @@
 declare namespace _default {
-    const __init__: string[];
-    const expressionLanguage: (string | typeof FeelExpressionLanguage)[];
-    const templating: (string | typeof FeelersTemplating)[];
-    const conditionChecker: (string | typeof ConditionChecker)[];
+    let __init__: string[];
+    let expressionLanguage: (string | typeof FeelExpressionLanguage)[];
+    let templating: (string | typeof FeelersTemplating)[];
+    let conditionChecker: (string | typeof ConditionChecker)[];
 }
 export default _default;
 import FeelExpressionLanguage from './FeelExpressionLanguage';

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

@@ -10,6 +10,6 @@ declare class MarkdownRenderer {
     render(markdown: string): string;
 }
 declare namespace MarkdownRenderer {
-    const $inject: any[];
+    let $inject: any[];
 }
 export default MarkdownRenderer;

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

@@ -1,6 +1,6 @@
 declare namespace _default {
-    const __init__: string[];
-    const markdownRenderer: (string | typeof MarkdownRenderer)[];
+    let __init__: string[];
+    let markdownRenderer: (string | typeof MarkdownRenderer)[];
 }
 export default _default;
 export { MarkdownRenderer };

package/dist/types/features/viewerCommands/ViewerCommands.d.ts

@@ -8,7 +8,7 @@ declare class ViewerCommands {
     updateFieldValidation(field: any, value: any): void;
 }
 declare namespace ViewerCommands {
-    const $inject: string[];
+    let $inject: string[];
 }
 export default ViewerCommands;
 import UpdateFieldValidationHandler from './cmd/UpdateFieldValidationHandler';

package/dist/types/features/viewerCommands/cmd/UpdateFieldValidationHandler.d.ts

@@ -6,6 +6,6 @@ declare class UpdateFieldValidationHandler {
     revert(context: any): void;
 }
 declare namespace UpdateFieldValidationHandler {
-    const $inject: string[];
+    let $inject: string[];
 }
 export default UpdateFieldValidationHandler;

package/dist/types/features/viewerCommands/index.d.ts

@@ -1,7 +1,7 @@
 declare namespace _default {
-    const __depends__: import("didi").ModuleDeclaration[];
-    const __init__: string[];
-    const viewerCommands: (string | typeof ViewerCommands)[];
+    let __depends__: import("didi").ModuleDeclaration[];
+    let __init__: string[];
+    let viewerCommands: (string | typeof ViewerCommands)[];
 }
 export default _default;
 export { ViewerCommands };

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

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

@@ -12,7 +12,7 @@
  */
 declare function Renderer(config: Config, eventBus: EventBus, form: Form, injector: Injector): void;
 declare namespace Renderer {
-    const $inject: string[];
+    let $inject: string[];
 }
 export default Renderer;
 export type Config = {

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

@@ -15,3 +15,11 @@ export function sanitizeHTML(html: string): string;
  * @returns {string}
  */
 export function sanitizeImageSource(src: string): string;
+/**
+ * Sanitizes an iframe source to ensure we only allow for links
+ * that start with http(s).
+ *
+ * @param {string} src
+ * @returns {string}
+ */
+export function sanitizeIFrameSource(src: string): string;

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

@@ -2,9 +2,9 @@ declare function Button(props: any): import("preact").JSX.Element;
 declare namespace Button {
     namespace config {
         export { type };
-        export const keyed: boolean;
-        export const label: string;
-        export const group: string;
+        export let keyed: boolean;
+        export let label: string;
+        export let group: string;
         export function create(options?: {}): {
             action: string;
         };

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

@@ -2,10 +2,10 @@ declare function Checkbox(props: any): import("preact").JSX.Element;
 declare namespace Checkbox {
     namespace config {
         export { type };
-        export const keyed: boolean;
-        export const label: string;
-        export const group: string;
-        export const emptyValue: boolean;
+        export let keyed: boolean;
+        export let label: string;
+        export let group: string;
+        export let emptyValue: boolean;
         export function sanitizeValue({ value }: {
             value: any;
         }): boolean;

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

@@ -2,10 +2,10 @@ declare function Checklist(props: any): import("preact").JSX.Element;
 declare namespace Checklist {
     namespace config {
         export { type };
-        export const keyed: boolean;
-        export const label: string;
-        export const group: string;
-        export const emptyValue: any[];
+        export let keyed: boolean;
+        export let label: string;
+        export let group: string;
+        export let emptyValue: any[];
         export { sanitizeMultiSelectValue as sanitizeValue };
         export { createEmptyOptions as create };
     }
@@ -13,4 +13,4 @@ declare namespace Checklist {
 export default Checklist;
 declare const type: "checklist";
 import { sanitizeMultiSelectValue } from '../util/sanitizerUtil';
-import { createEmptyOptions } from '../util/valuesUtil';
+import { createEmptyOptions } from '../util/optionsUtil';

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

@@ -2,10 +2,10 @@ declare function Datetime(props: any): import("preact").JSX.Element;
 declare namespace Datetime {
     namespace config {
         export { type };
-        export const keyed: boolean;
-        export const label: string;
-        export const group: string;
-        export const emptyValue: any;
+        export let keyed: boolean;
+        export let label: string;
+        export let group: string;
+        export let emptyValue: any;
         export { sanitizeDateTimePickerValue as sanitizeValue };
         export function create(options?: {}): {};
     }

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

@@ -1,10 +1,10 @@
 declare function FormComponent(props: any): import("preact").JSX.Element;
 declare namespace FormComponent {
     namespace config {
-        const type: string;
-        const keyed: boolean;
-        const label: any;
-        const group: any;
+        let type: string;
+        let keyed: boolean;
+        let label: any;
+        let group: any;
         function create(options?: {}): {
             components: any[];
         };

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

@@ -1,10 +1,10 @@
 declare function Group(props: any): import("preact").JSX.Element;
 declare namespace Group {
     namespace config {
-        const type: string;
-        const pathed: boolean;
-        const label: string;
-        const group: string;
+        let type: string;
+        let pathed: boolean;
+        let label: string;
+        let group: string;
         function create(options?: {}): {
             components: any[];
             showOutline: boolean;

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

@@ -0,0 +1,12 @@
+declare function IFrame(props: any): import("preact").JSX.Element;
+declare namespace IFrame {
+    namespace config {
+        export { type };
+        export let keyed: boolean;
+        export let label: string;
+        export let group: string;
+        export function create(options?: {}): {};
+    }
+}
+export default IFrame;
+declare const type: "iframe";

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

@@ -2,9 +2,9 @@ declare function Image(props: any): import("preact").JSX.Element;
 declare namespace Image {
     namespace config {
         export { type };
-        export const keyed: boolean;
-        export const label: string;
-        export const group: string;
+        export let keyed: boolean;
+        export let label: string;
+        export let group: string;
         export function create(options?: {}): {};
     }
 }

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

@@ -2,10 +2,10 @@ declare function Numberfield(props: any): import("preact").JSX.Element;
 declare namespace Numberfield {
     namespace config {
         export { type };
-        export const keyed: boolean;
-        export const label: string;
-        export const group: string;
-        export const emptyValue: any;
+        export let keyed: boolean;
+        export let label: string;
+        export let group: string;
+        export let emptyValue: any;
         export function sanitizeValue({ value, formField }: {
             value: any;
             formField: any;

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

@@ -2,10 +2,10 @@ declare function Radio(props: any): import("preact").JSX.Element;
 declare namespace Radio {
     namespace config {
         export { type };
-        export const keyed: boolean;
-        export const label: string;
-        export const group: string;
-        export const emptyValue: any;
+        export let keyed: boolean;
+        export let label: string;
+        export let group: string;
+        export let emptyValue: any;
         export { sanitizeSingleSelectValue as sanitizeValue };
         export { createEmptyOptions as create };
     }
@@ -13,4 +13,4 @@ declare namespace Radio {
 export default Radio;
 declare const type: "radio";
 import { sanitizeSingleSelectValue } from '../util/sanitizerUtil';
-import { createEmptyOptions } from '../util/valuesUtil';
+import { createEmptyOptions } from '../util/optionsUtil';

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

@@ -2,10 +2,10 @@ declare function Select(props: any): import("preact").JSX.Element;
 declare namespace Select {
     namespace config {
         export { type };
-        export const keyed: boolean;
-        export const label: string;
-        export const group: string;
-        export const emptyValue: any;
+        export let keyed: boolean;
+        export let label: string;
+        export let group: string;
+        export let emptyValue: any;
         export { sanitizeSingleSelectValue as sanitizeValue };
         export { createEmptyOptions as create };
     }
@@ -13,4 +13,4 @@ declare namespace Select {
 export default Select;
 declare const type: "select";
 import { sanitizeSingleSelectValue } from '../util/sanitizerUtil';
-import { createEmptyOptions } from '../util/valuesUtil';
+import { createEmptyOptions } from '../util/optionsUtil';

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

@@ -2,9 +2,9 @@ declare function Separator(): import("preact").JSX.Element;
 declare namespace Separator {
     namespace config {
         export { type };
-        export const keyed: boolean;
-        export const label: string;
-        export const group: string;
+        export let keyed: boolean;
+        export let label: string;
+        export let group: string;
         export function create(options?: {}): {};
     }
 }

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

@@ -2,9 +2,9 @@ declare function Spacer(props: any): import("preact").JSX.Element;
 declare namespace Spacer {
     namespace config {
         export { type };
-        export const keyed: boolean;
-        export const label: string;
-        export const group: string;
+        export let keyed: boolean;
+        export let label: string;
+        export let group: string;
         export function create(options?: {}): {
             height: number;
         };

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

@@ -2,10 +2,10 @@ declare function Taglist(props: any): import("preact").JSX.Element;
 declare namespace Taglist {
     namespace config {
         export { type };
-        export const keyed: boolean;
-        export const label: string;
-        export const group: string;
-        export const emptyValue: any[];
+        export let keyed: boolean;
+        export let label: string;
+        export let group: string;
+        export let emptyValue: any[];
         export { sanitizeMultiSelectValue as sanitizeValue };
         export { createEmptyOptions as create };
     }
@@ -13,4 +13,4 @@ declare namespace Taglist {
 export default Taglist;
 declare const type: "taglist";
 import { sanitizeMultiSelectValue } from '../util/sanitizerUtil';
-import { createEmptyOptions } from '../util/valuesUtil';
+import { createEmptyOptions } from '../util/optionsUtil';

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

@@ -2,9 +2,9 @@ declare function Text(props: any): import("preact").JSX.Element;
 declare namespace Text {
     namespace config {
         export { type };
-        export const keyed: boolean;
-        export const label: string;
-        export const group: string;
+        export let keyed: boolean;
+        export let label: string;
+        export let group: string;
         export function create(options?: {}): {
             text: string;
         };

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

@@ -2,10 +2,10 @@ declare function Textarea(props: any): import("preact").JSX.Element;
 declare namespace Textarea {
     namespace config {
         export { type };
-        export const keyed: boolean;
-        export const label: string;
-        export const group: string;
-        export const emptyValue: string;
+        export let keyed: boolean;
+        export let label: string;
+        export let group: string;
+        export let emptyValue: string;
         export function sanitizeValue({ value }: {
             value: any;
         }): string;

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

@@ -2,10 +2,10 @@ declare function Textfield(props: any): import("preact").JSX.Element;
 declare namespace Textfield {
     namespace config {
         export { type };
-        export const keyed: boolean;
-        export const label: string;
-        export const group: string;
-        export const emptyValue: string;
+        export let keyed: boolean;
+        export let label: string;
+        export let group: string;
+        export let emptyValue: string;
         export function sanitizeValue({ value }: {
             value: any;
         }): string;

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

@@ -1,4 +1,4 @@
-export const formFields: (typeof Default | typeof Group | typeof Image)[];
+export const formFields: (typeof Default | typeof Group | typeof IFrame)[];
 export * from "./icons";
 export * from "./Sanitizer";
 import Label from './Label';
@@ -12,6 +12,7 @@ import Datetime from './form-fields/Datetime';
 import FormComponent from './FormComponent';
 import FormField from './FormField';
 import Group from './form-fields/Group';
+import IFrame from './form-fields/IFrame';
 import Image from './form-fields/Image';
 import Numberfield from './form-fields/Number';
 import Radio from './form-fields/Radio';
@@ -22,4 +23,4 @@ import Taglist from './form-fields/Taglist';
 import Text from './form-fields/Text';
 import Textfield from './form-fields/Textfield';
 import Textarea from './form-fields/Textarea';
-export { Label, Description, Errors, Button, Checkbox, Checklist, Default, Datetime, FormComponent, FormField, Group, Image, Numberfield, Radio, Select, Separator, Spacer, Taglist, Text, Textfield, Textarea };
+export { Label, Description, Errors, Button, Checkbox, Checklist, Default, Datetime, FormComponent, FormField, Group, IFrame, Image, Numberfield, Radio, Select, Separator, Spacer, Taglist, Text, Textfield, Textarea };

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

@@ -0,0 +1,8 @@
+export function getOptionsData(formField: any, formData: any): any;
+export function normalizeOptionsData(optionsData: any): any;
+export function createEmptyOptions(options?: {}): {
+    values: {
+        label: string;
+        value: string;
+    }[];
+};

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

@@ -0,0 +1 @@
+export default function _default(props: any): void;

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

@@ -0,0 +1 @@
+export default function _default(props: any): void;

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

@@ -0,0 +1,28 @@
+/**
+ * @typedef {Object} OptionsGetter
+ * @property {Object[]} options - The options data
+ * @property {(LOAD_STATES)} loadState - The options data's loading state, to use for conditional rendering
+ */
+/**
+ * A hook to load options for single and multiselect components.
+ *
+ * @param {Object} field - The form field to handle options for
+ * @return {OptionsGetter} optionsGetter - A options getter object providing loading state and options
+ */
+export default function _default(field: any): OptionsGetter;
+export type LOAD_STATES = string;
+export namespace LOAD_STATES {
+    let LOADING: string;
+    let LOADED: string;
+    let ERROR: string;
+}
+export type OptionsGetter = {
+    /**
+     * - The options data
+     */
+    options: any[];
+    /**
+     * - The options data's loading state, to use for conditional rendering
+     */
+    loadState: (LOAD_STATES);
+};

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

@@ -2,10 +2,11 @@ export { FormFields };
 export * from "./components";
 export * from "./context";
 declare namespace _default {
-    const __init__: string[];
-    const formFields: (string | typeof FormFields)[];
-    const renderer: (string | typeof Renderer)[];
+    let __init__: string[];
+    let formFields: (string | typeof FormFields)[];
+    let renderer: (string | typeof Renderer)[];
 }
 export default _default;
 import FormFields from './FormFields';
 import Renderer from './Renderer';
+export { useExpressionEvaluation, useSingleLineTemplateEvaluation, useTemplateEvaluation } from "./hooks";

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

@@ -1,13 +1,13 @@
 export const MINUTES_IN_DAY: number;
 export namespace DATETIME_SUBTYPES {
-    const DATE: string;
-    const TIME: string;
-    const DATETIME: string;
+    let DATE: string;
+    let TIME: string;
+    let DATETIME: string;
 }
 export namespace TIME_SERIALISING_FORMATS {
-    const UTC_OFFSET: string;
-    const UTC_NORMALIZED: string;
-    const NO_TIMEZONE: string;
+    let UTC_OFFSET: string;
+    let UTC_NORMALIZED: string;
+    let NO_TIMEZONE: string;
 }
 export const DATETIME_SUBTYPES_LABELS: {
     [x: string]: string;

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

@@ -1,8 +1,8 @@
 export function getValuesSource(field: any): string;
 export namespace VALUES_SOURCES {
-    const STATIC: string;
-    const INPUT: string;
-    const EXPRESSION: string;
+    let STATIC: string;
+    let INPUT: string;
+    let EXPRESSION: string;
 }
 export const VALUES_SOURCE_DEFAULT: string;
 export const VALUES_SOURCES_LABELS: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bpmn-io/form-js-viewer",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "description": "View forms - powered by bpmn.io",
   "exports": {
     ".": {
@@ -48,8 +48,8 @@
     "big.js": "^6.2.1",
     "classnames": "^2.3.1",
     "didi": "^9.0.0",
-    "feelers": "^1.0.0",
-    "feelin": "^1.2.0",
+    "feelers": "^1.2.0",
+    "feelin": "^2.3.0",
     "flatpickr": "^4.6.13",
     "ids": "^1.0.0",
     "min-dash": "^4.0.0",
@@ -63,5 +63,5 @@
   "files": [
     "dist"
   ],
-  "gitHead": "cf256b38f256abf7b4d676ea5cd2bdf796b08f31"
+  "gitHead": "02814e168dd3078869fede070bcc6d8f1f741ec7"
 }