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

Comparing version 0.0.8 to 0.0.9

dist/index.es.js

@@ -276,5 +276,2 @@ import { useContext, useEffect, useState, useCallback } from 'preact/hooks';
 }
-function idToLabel(string) {
-  return string.replace(/^\w/, match => match.toUpperCase()).replace(/\d/, '');
-}
 
@@ -534,3 +531,3 @@ /**
   return jsxs("div", {
-    class: "bjs-powered-by-lightbox",
+    class: "fjs-powered-by-lightbox",
     style: "z-index: 100; position: fixed; top: 0; left: 0;right: 0; bottom: 0",
@@ -563,11 +560,15 @@ children: [jsx("div", {
 function Link(props) {
-  return jsx("a", {
-    href: "https://bpmn.io",
-    target: "_blank",
-    rel: "noopener",
-    class: "fjs-powered-by",
-    title: "Powered by bpmn.io",
-    style: "position: absolute; bottom: 15px; right: 15px; z-index: 100; color: #404040",
-    onClick: props.onClick,
-    children: jsx(Logo, {})
+  return jsx("div", {
+    class: "fjs-powered-by fjs-form-field",
+    style: "text-align: right",
+    children: jsx("a", {
+      href: "https://bpmn.io",
+      target: "_blank",
+      rel: "noopener",
+      class: "fjs-powered-by-link",
+      title: "Powered by bpmn.io",
+      style: "color: #404040",
+      onClick: props.onClick,
+      children: jsx(Logo, {})
+    })
   });
@@ -629,4 +630,17 @@ }
 function formFieldClasses(errors = [], type) {
-  return `fjs-form-field ${type ? `fjs-${type}` : ''} ${errors && errors.length ? 'fjs-has-errors' : ''}`;
+  const classes = ['fjs-form-field'];
+
+  if (type) {
+    classes.push(`fjs-${type}`);
+  }
+
+  if (errors.length) {
+    classes.push('fjs-has-errors');
+  }
+
+  return classes.join(' ');
 }
+function prefixId(id) {
+  return `fjs-form-${id}`;
+}
 
@@ -658,3 +672,3 @@ function ButtonRenderer(props) {
     key: id,
-    label: idToLabel(id),
+    label: this.label,
     type,
@@ -708,3 +722,3 @@ ...options
     id,
-    label: idToLabel(id),
+    label: this.label,
     type,
@@ -756,2 +770,3 @@ ...options
   const {
+    id,
     label = 'Form Field',
@@ -761,2 +776,3 @@ required = false
   return jsxs("label", {
+    for: id,
     class: "fjs-form-field-label",
@@ -778,2 +794,11 @@ children: [props.children, label, required && jsx("span", {
   } = props;
+  const {
+    description,
+    id,
+    label,
+    validate = {}
+  } = field;
+  const {
+    required
+  } = validate;
 
@@ -792,12 +817,14 @@ const onChange = ({
     children: [jsx(Label, {
-      label: field.label,
-      required: field.validate && field.validate.required
+      id: prefixId(id),
+      label: label,
+      required: required
     }), jsx("input", {
       class: "fjs-input",
+      disabled: disabled,
+      id: prefixId(id),
+      onInput: onChange,
       type: "text",
-      value: value,
-      onInput: onChange,
-      disabled: disabled
+      value: value
     }), jsx(Description, {
-      description: field.description
+      description: description
     }), jsx(Errors, {
@@ -815,3 +842,3 @@ errors: errors
     key: id,
-    label: idToLabel(id),
+    label: this.label,
     type,
@@ -926,3 +953,3 @@ ...options
 
-export { ButtonRenderer, DefaultRenderer, Form, FormContext, FormCore, FormRenderContext, FormRenderer, TextfieldRenderer, clone, createForm, exportSchema, fields, findData, findErrors, findFieldRenderer, generateIdForType, idToLabel, importSchema, isRequired, pathParse, pathStringify, pathsEqual };
+export { ButtonRenderer, DefaultRenderer, Form, FormContext, FormCore, FormRenderContext, FormRenderer, TextfieldRenderer, clone, createForm, exportSchema, fields, findData, findErrors, findFieldRenderer, generateIdForType, importSchema, isRequired, pathParse, pathStringify, pathsEqual };
 //# sourceMappingURL=index.es.js.map

dist/types/rendering/fields/ButtonRenderer.d.ts

@@ -6,3 +6,3 @@ declare function ButtonRenderer(props: any): import("preact").JSX.Element;
         key: string;
-        label: any;
+        label: string;
         type: string;
@@ -9,0 +9,0 @@ };

dist/types/rendering/fields/DefaultRenderer.d.ts

@@ -6,3 +6,3 @@ declare function DefaultRenderer(props: any): import("preact").JSX.Element;
         id: string;
-        label: any;
+        label: string;
         type: string;
@@ -9,0 +9,0 @@ };

dist/types/rendering/fields/TextfieldRenderer.d.ts

@@ -6,3 +6,3 @@ declare function TextfieldRenderer(props: any): import("preact").JSX.Element;
         key: string;
-        label: any;
+        label: string;
         type: string;
@@ -9,0 +9,0 @@ };

dist/types/rendering/fields/Util.d.ts

 export function formFieldClasses(errors: any[], type: any): string;
+export function prefixId(id: any): string;

dist/types/util/index.d.ts

@@ -14,3 +14,2 @@ export function findData(data: any, path: any): any;
 export function exportSchema(schema: any): any;
-export function idToLabel(string: any): any;
 export function generateIdForType(type: any): string;

package.json

 {
   "name": "@bpmn-io/form-js-viewer",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "description": "View forms - powered by bpmn.io",
@@ -43,3 +43,3 @@ "exports": {
   },
-  "gitHead": "a2842412e44bd83f01f85a36c1c78aa74f496791"
+  "gitHead": "d781378bc800546209d2ee8d0b7796445c86656d"
 }

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

169681

increased by0.8%

Lines of code

1822

increased by2.65%

No dependency changes