@bpmn-io/form-js-viewer 0.7.1 → 0.8.0-alpha.1

package/dist/types/Form.d.ts

@@ -27,8 +27,8 @@ export default class Form {
      * @type {State}
      */
     private _state;
-    get: any;
-    invoke: any;
+    get: <T>(name: string, strict?: boolean) => T;
+    invoke: <T_1>(func: (...args: unknown[]) => T_1, context: unknown, locals: import("didi").LocalsMap) => T_1;
     clear(): void;
     /**
      * Destroy the form, removing it from DOM,
@@ -116,7 +116,7 @@ export default class Form {
      */
     _onEvent(type: any, priority: any, handler: any): void;
 }
-export type Injector = any;
+export type Injector = import('./types').Injector;
 export type Data = import('./types').Data;
 export type Errors = import('./types').Errors;
 export type Schema = import('./types').Schema;

package/dist/types/index.d.ts

@@ -14,5 +14,5 @@ export * from "./render";
 export * from "./util";
 export type CreateFormOptions = import('./types').CreateFormOptions;
 import Form from "./Form";
-export const schemaVersion: 4;
+export const schemaVersion: 5;
 export { Form };

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

@@ -10,7 +10,7 @@
  * @param {Form} form
  * @param {Injector} injector
  */
-declare function Renderer(config: Config, eventBus: any, form: Form, injector: any): void;
+declare function Renderer(config: Config, eventBus: any, form: Form, injector: Injector): void;
 declare namespace Renderer {
     const $inject: string[];
 }
@@ -18,6 +18,6 @@ export default Renderer;
 export type Config = {
     container;
 };
-export type Injector = any;
+export type Injector = import('didi').Injector;
 export type EventBus = any;
 export type Form = import('../Form').default;

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

@@ -2,3 +2,5 @@ export function formFieldClasses(type: any, errors?: any[]): string;
 export function prefixId(id: any, formId: any): string;
 export function markdownToHTML(markdown: any): any;
 export function safeMarkdown(markdown: any): string;
+export function sanitizeSingleSelectValue(options: any): any;
+export function sanitizeMultiSelectValue(options: any): any;

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

@@ -5,6 +5,9 @@ declare namespace Checkbox {
     export const label: string;
     export const keyed: boolean;
     export const emptyValue: boolean;
+    export function sanitizeValue({ value }: {
+        value: any;
+    }): boolean;
 }
 export default Checkbox;
 declare const type: "checkbox";

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

@@ -0,0 +1,12 @@
+declare function Checklist(props: any): import("preact").JSX.Element;
+declare namespace Checklist {
+    export function create(options?: {}): {};
+    export { type };
+    export const label: string;
+    export const keyed: boolean;
+    export const emptyValue: any[];
+    export { sanitizeMultiSelectValue as sanitizeValue };
+}
+export default Checklist;
+declare const type: "checklist";
+import { sanitizeMultiSelectValue } from "../Util";

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

@@ -1,6 +1,9 @@
 declare function Number(props: any): import("preact").JSX.Element;
 declare namespace Number {
     export function create(options?: {}): {};
+    export function sanitizeValue({ value }: {
+        value: any;
+    }): number;
     export { type };
     export const keyed: boolean;
     export const label: string;

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

@@ -1,15 +1,12 @@
 declare function Radio(props: any): import("preact").JSX.Element;
 declare namespace Radio {
-    export function create(options?: {}): {
-        values: {
-            label: string;
-            value: string;
-        }[];
-    };
+    export function create(options?: {}): {};
     export { type };
     export const label: string;
     export const keyed: boolean;
     export const emptyValue: any;
+    export { sanitizeSingleSelectValue as sanitizeValue };
 }
 export default Radio;
 declare const type: "radio";
+import { sanitizeSingleSelectValue } from "../Util";

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

@@ -1,15 +1,12 @@
 declare function Select(props: any): import("preact").JSX.Element;
 declare namespace Select {
-    export function create(options?: {}): {
-        values: {
-            label: string;
-            value: string;
-        }[];
-    };
+    export function create(options?: {}): {};
     export { type };
     export const label: string;
     export const keyed: boolean;
     export const emptyValue: any;
+    export { sanitizeSingleSelectValue as sanitizeValue };
 }
 export default Select;
 declare const type: "select";
+import { sanitizeSingleSelectValue } from "../Util";

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

@@ -0,0 +1,12 @@
+declare function Taglist(props: any): import("preact").JSX.Element;
+declare namespace Taglist {
+    export function create(options?: {}): {};
+    export { type };
+    export const label: string;
+    export const keyed: boolean;
+    export const emptyValue: any[];
+    export { sanitizeMultiSelectValue as sanitizeValue };
+}
+export default Taglist;
+declare const type: "taglist";
+import { sanitizeMultiSelectValue } from "../Util";

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

@@ -5,6 +5,9 @@ declare namespace Textfield {
     export const label: string;
     export const keyed: boolean;
     export const emptyValue: string;
+    export function sanitizeValue({ value }: {
+        value: any;
+    }): string;
 }
 export default Textfield;
 declare const type: "textfield";

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

@@ -0,0 +1 @@
+export default function DropdownList(props: any): import("preact").JSX.Element;

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

@@ -1,11 +1,13 @@
-export const formFields: (typeof Button | typeof Default | typeof Number | typeof Text)[];
+export const formFields: (typeof Button | typeof Default | typeof Radio | typeof Text)[];
 import Button from "./form-fields/Button";
 import Checkbox from "./form-fields/Checkbox";
+import Checklist from "./form-fields/Checklist";
 import Default from "./form-fields/Default";
 import FormComponent from "./FormComponent";
 import Number from "./form-fields/Number";
 import Radio from "./form-fields/Radio";
 import Select from "./form-fields/Select";
+import Taglist from "./form-fields/Taglist";
 import Text from "./form-fields/Text";
 import Textfield from "./form-fields/Textfield";
-export { Button, Checkbox, Default, FormComponent, Number, Radio, Select, Text, Textfield };
+export { Button, Checkbox, Checklist, Default, FormComponent, Number, Radio, Select, Taglist, Text, Textfield };

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

@@ -0,0 +1 @@
+export default function useKeyDownAction(targetKey: any, action: any, listenerElement?: Window & typeof globalThis): void;

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

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

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

@@ -12,5 +12,13 @@ export function generateIdForType(type: any): string;
  * @return {T}
  */
 export function clone<T>(data: T, replacer?: (this: any, key: string, value: any) => any): T;
+/**
+ * Parse the schema for input variables a form might make use of
+ *
+ * @param {any} schema
+ *
+ * @return {string[]}
+ */
+export function getSchemaVariables(schema: any): string[];
 export * from "./injector";
 export * from "./form";

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bpmn-io/form-js-viewer",
-  "version": "0.7.1",
+  "version": "0.8.0-alpha.1",
   "description": "View forms - powered by bpmn.io",
   "exports": {
     ".": {
@@ -20,7 +20,7 @@
     "all": "run-s test build",
     "build": "run-p bundle generate-types",
     "start": "SINGLE_START=basic npm run dev",
-    "bundle": "rollup -c",
+    "bundle": "rollup -c --failAfterWarnings",
     "bundle:watch": "rollup -c -w",
     "dev": "npm test -- --auto-watch --no-single-run",
     "generate-types": "tsc --allowJs --skipLibCheck --declaration --emitDeclarationOnly --outDir dist/types src/index.js && cp src/*.d.ts dist/types",
@@ -39,7 +39,8 @@
   },
   "dependencies": {
     "@bpmn-io/snarkdown": "^2.1.0",
-    "didi": "^5.2.1",
+    "classnames": "^2.3.1",
+    "didi": "^8.0.1",
     "ids": "^1.0.0",
     "min-dash": "^3.7.0",
     "preact": "^10.5.14",
@@ -51,5 +52,5 @@
   "files": [
     "dist"
   ],
-  "gitHead": "75a12520e4a55c2d3b4fcab6464fe86026ba40b2"
+  "gitHead": "2be914efeefa050fb4692ac1a644557fc424917f"
 }