@bpmn-io/form-js-viewer - npm Package Compare versions

Comparing version 0.12.2 to 0.13.0

dist/types/core/index.d.ts

@@ -1,2 +0,1 @@
-export { FormFieldRegistry };
 declare namespace _default {
@@ -10,10 +9,11 @@ const __depends__: ({
     })[];
-    const conditionChecker: (string | typeof ConditionChecker)[];
     const eventBus: any[];
     const formFieldRegistry: (string | typeof FormFieldRegistry)[];
+    const formLayouter: (string | typeof FormLayouter)[];
     const validator: (string | typeof Validator)[];
 }
 export default _default;
-import FormFieldRegistry from "./FormFieldRegistry";
-import { ConditionChecker } from "./ConditionChecker";
-import Validator from "./Validator";
+import FormFieldRegistry from './FormFieldRegistry';
+import FormLayouter from './FormLayouter';
+import Validator from './Validator';
+export { FormFieldRegistry, FormLayouter };

dist/types/Form.d.ts

@@ -115,2 +115,36 @@ /**
     /**
+   * @internal
+   */
+    _getModules(): ({
+        __init__: string[];
+        expressionLanguage: (string | typeof import("./features/expression-language").FeelExpressionLanguage)[];
+        /**
+         * @typedef { import('./types').Injector } Injector
+         * @typedef { import('./types').Data } Data
+         * @typedef { import('./types').Errors } Errors
+         * @typedef { import('./types').Schema } Schema
+         * @typedef { import('./types').FormProperties } FormProperties
+         * @typedef { import('./types').FormProperty } FormProperty
+         * @typedef { import('./types').FormEvent } FormEvent
+         * @typedef { import('./types').FormOptions } FormOptions
+         *
+         * @typedef { {
+         *   data: Data,
+         *   initialData: Data,
+         *   errors: Errors,
+         *   properties: FormProperties,
+         *   schema: Schema
+         * } } State
+         *
+         * @typedef { (type:FormEvent, priority:number, handler:Function) => void } OnEventWithPriority
+         * @typedef { (type:FormEvent, handler:Function) => void } OnEventWithOutPriority
+         * @typedef { OnEventWithPriority & OnEventWithOutPriority } OnEventType
+         */
+        templating: (string | typeof import("./features/expression-language").FeelersTemplating)[];
+        conditionChecker: (string | typeof import("./features/expression-language").ConditionChecker)[];
+    } | {
+        __init__: string[];
+        markdownRenderer: (string | typeof import("./features/markdown").MarkdownRenderer)[];
+    })[];
+    /**
      * @internal
@@ -117,0 +151,0 @@ */

dist/types/import/Importer.d.ts

@@ -6,6 +6,8 @@ declare class Importer {
      * @param { import('../render/FormFields').default } formFields
+     * @param { import('../core').FormLayouter } formLayouter
      */
-    constructor(formFieldRegistry: import('../core').FormFieldRegistry, formFields: import('../render/FormFields').default);
+    constructor(formFieldRegistry: import('../core').FormFieldRegistry, formFields: import('../render/FormFields').default, formLayouter: import('../core').FormLayouter);
     _formFieldRegistry: import("../core").FormFieldRegistry;
     _formFields: import("../render/FormFields").default;
+    _formLayouter: import("../core").FormLayouter;
     /**
@@ -12,0 +14,0 @@ * Import schema adding `id`, `_parent` and `_path`

dist/types/import/index.d.ts

@@ -5,2 +5,2 @@ declare namespace _default {
 export default _default;
-import Importer from "./Importer";
+import Importer from './Importer';

dist/types/index.d.ts

@@ -12,8 +12,9 @@ /**
 export function createForm(options: CreateFormOptions): Promise<Form>;
-export { FormFieldRegistry } from "./core";
 export * from "./render";
 export * from "./util";
+export * from "./features";
 export type CreateFormOptions = import('./types').CreateFormOptions;
-import Form from "./Form";
-export const schemaVersion: 7;
+import Form from './Form';
+export const schemaVersion: 8;
 export { Form };
+export { FormFieldRegistry, FormLayouter } from "./core";

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

@@ -18,2 +18,2 @@ declare function Checklist(props: any): import("preact").JSX.Element;
 declare const type: "checklist";
-import { sanitizeMultiSelectValue } from "../util/sanitizerUtil";
+import { sanitizeMultiSelectValue } from '../util/sanitizerUtil';

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

@@ -13,2 +13,2 @@ declare function Datetime(props: any): import("preact").JSX.Element;
 declare const type: "datetime";
-import { sanitizeDateTimePickerValue } from "../util/sanitizerUtil";
+import { sanitizeDateTimePickerValue } from '../util/sanitizerUtil';

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

@@ -18,2 +18,2 @@ declare function Radio(props: any): import("preact").JSX.Element;
 declare const type: "radio";
-import { sanitizeSingleSelectValue } from "../util/sanitizerUtil";
+import { sanitizeSingleSelectValue } from '../util/sanitizerUtil';

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

@@ -18,2 +18,2 @@ declare function Select(props: any): import("preact").JSX.Element;
 declare const type: "select";
-import { sanitizeSingleSelectValue } from "../util/sanitizerUtil";
+import { sanitizeSingleSelectValue } from '../util/sanitizerUtil';

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

@@ -18,2 +18,2 @@ declare function Taglist(props: any): import("preact").JSX.Element;
 declare const type: "taglist";
-import { sanitizeMultiSelectValue } from "../util/sanitizerUtil";
+import { sanitizeMultiSelectValue } from '../util/sanitizerUtil';

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

 export const formFields: (typeof Default | typeof Image)[];
 export * from "./icons";
-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 Datetime from "./form-fields/Datetime";
-import FormComponent from "./FormComponent";
-import Image from "./form-fields/Image";
-import Numberfield 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";
-import Textarea from "./form-fields/Textarea";
+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 Datetime from './form-fields/Datetime';
+import FormComponent from './FormComponent';
+import Image from './form-fields/Image';
+import Numberfield 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';
+import Textarea from './form-fields/Textarea';
 export { Button, Checkbox, Checklist, Default, Datetime, FormComponent, Image, Numberfield, Radio, Select, Taglist, Text, Textfield, Textarea };

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

@@ -8,2 +8,11 @@ /**
 export function sanitizeHTML(html: string): string;
-export function sanitizeImageSource(src: any): any;
+/**
+ * Sanitizes an image source to ensure we only allow for data URI and links
+ * that start with http(s).
+ *
+ * Note: Most browsers anyway do not support script execution in <img> elements.
+ *
+ * @param {string} src
+ * @returns {string}
+ */
+export function sanitizeImageSource(src: string): string;

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

@@ -5,14 +5,3 @@ export function formFieldClasses(type: any, { errors, disabled }?: {
 }): string;
+export function gridColumnClasses(formField: any): string;
 export function prefixId(id: any, formId: any): string;
-export function markdownToHTML(markdown: any): any;
-export function safeMarkdown(markdown: any): string;
-/**
- * Sanitizes an image source to ensure we only allow for data URI and links
- * that start with http(s).
- *
- * Note: Most browsers anyway do not support script execution in <img> elements.
- *
- * @param {string} src
- * @returns {string}
- */
-export function safeImageSource(src: string): string;

dist/types/render/context/FormRenderContext.d.ts

 export default FormRenderContext;
 declare const FormRenderContext: import("preact").Context<{
     Empty: (props: any) => any;
-    Children: (props: any) => any;
-    Element: (props: any) => any;
+    Children: (props: any) => import("preact").JSX.Element;
+    Element: (props: any) => import("preact").JSX.Element;
+    Row: (props: any) => import("preact").JSX.Element;
+    Column: (props: any) => any;
 }>;

dist/types/render/hooks/useCondition.d.ts

 /**
- * Check if condition is met with given variables.
+ * Evaluate if condition is met reactively based on the conditionChecker and form data.
  *
  * @param {string | undefined} condition
- * @param {import('../../types').Data} data
  *
  * @returns {boolean} true if condition is met or no condition or condition checker exists
  */
-export function useCondition(condition: string | undefined, data: import('../../types').Data): boolean;
+export default function useCondition(condition: string | undefined): boolean;

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

@@ -1,1 +0,1 @@
-export default function _default(type: any, strict: any): any;
+export default function useService(type: any, strict: any): any;

dist/types/render/index.d.ts

@@ -10,3 +10,3 @@ export { FormFields };
 export default _default;
-import FormFields from "./FormFields";
-import Renderer from "./Renderer";
+import FormFields from './FormFields';
+import Renderer from './Renderer';

dist/types/util/index.d.ts

@@ -22,6 +22,6 @@ export function findErrors(errors: any, path: any): any;
  */
-export function getSchemaVariables(schema: any): string[];
+export function getSchemaVariables(schema: any, expressionLanguage?: FeelExpressionLanguage): string[];
 export * from "./constants";
 export * from "./injector";
 export * from "./form";
-export * from "./feel";
+import FeelExpressionLanguage from '../features/expression-language/FeelExpressionLanguage.js';

dist/types/util/injector.d.ts

 export function createInjector(bootstrapModules: any): Injector;
-import { Injector } from "didi";
+import { Injector } from 'didi';

package.json

 {
   "name": "@bpmn-io/form-js-viewer",
-  "version": "0.12.2",
+  "version": "0.13.0",
   "description": "View forms - powered by bpmn.io",
@@ -11,3 +11,3 @@ "exports": {
     "./dist/assets/form-js.css": "./dist/assets/form-js.css",
-    "./dist/assets/flatpickr/light.css": "./dist/assets/flatpickr/light.css",
+    "./dist/assets/form-js-base.css": "./dist/assets/form-js-base.css",
     "./package.json": "./package.json"
@@ -23,6 +23,9 @@ },
     "all": "run-s test build",
-    "build": "run-p bundle generate-types",
+    "build": "run-p bundle bundle:scss generate-types",
     "start": "SINGLE_START=basic npm run dev",
     "bundle": "rollup -c --failAfterWarnings --bundleConfigAsCjs",
-    "bundle:watch": "rollup -c -w --bundleConfigAsCjs",
+    "bundle:scss": "sass --no-source-map --load-path=\"../../node_modules\" assets/index.scss dist/assets/form-js.css",
+    "bundle:watch": "run-p bundle:watch-js bundle:watch-scss",
+    "bundle:watch-js": "rollup -c -w --bundleConfigAsCjs",
+    "bundle:watch-scss": "npm run bundle:scss -- --watch",
     "dev": "npm test -- --auto-watch --no-single-run",
@@ -44,3 +47,3 @@ "generate-types": "tsc --allowJs --skipLibCheck --declaration --emitDeclarationOnly --outDir dist/types src/index.js && copyfiles --flat src/*.d.ts dist/types",
   "dependencies": {
-    "@bpmn-io/snarkdown": "^2.1.0",
+    "@carbon/grid": "^11.11.0",
     "big.js": "^6.2.1",
@@ -54,3 +57,4 @@ "classnames": "^2.3.1",
     "preact": "^10.5.14",
-    "preact-markup": "^2.1.1"
+    "preact-markup": "^2.1.1",
+    "showdown": "^2.1.0"
   },
@@ -63,3 +67,3 @@ "sideEffects": [
   ],
-  "gitHead": "38ab0923aff2de4e04094ddd8465cc201863dc9f"
+  "gitHead": "580e837b1daddd43fcbc24e9fa4bbaf358825692"
 }

README.md

@@ -63,3 +63,2 @@ # @bpmn-io/form-js-viewer
 <link href="https://unpkg.com/@bpmn-io/form-js/dist/assets/form-js.css" rel="stylesheet">
-<link href="https://unpkg.com/@bpmn-io/form-js/dist/assets/flatpickr/light.css" rel="stylesheet">
 ```
@@ -66,0 +65,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1085627

increased by12.8%

Number of package files

79

increased by12.86%

Lines of code

14076

increased by28.85%

Worsened metrics

Dependency count

11

increased by10%

Number of lines in readme file

165

decreased by-0.6%

Dependency changes

• + Added@carbon/grid@^11.11.0

• + Addedshowdown@^2.1.0

• + Added@carbon/grid@11.30.0(transitive)

• + Added@carbon/layout@11.28.0(transitive)

• + Added@ibm/telemetry-js@1.8.0(transitive)

• + Addedcommander@9.5.0(transitive)

• + Addedshowdown@2.1.0(transitive)

• - Removed@bpmn-io/snarkdown@^2.1.0

• - Removed@bpmn-io/snarkdown@2.2.0(transitive)