@bpmn-io/form-js-playground 1.13.0 → 1.13.2

package/dist/form-playground.umd.js

@@ -67519,7 +67519,7 @@
       key
     }) => key);
     const evaluatedDataSource = useExpressionEvaluation(dataSource);
-    const data = Array.isArray(evaluatedDataSource) ? evaluatedDataSource.filter(i => i !== undefined) : [];
+    const data = Array.isArray(evaluatedDataSource) ? evaluatedDataSource.filter(entry => !isNil(entry) || typeof entry !== 'object') : [];
     const sortedData = sortBy === null ? data : sortByColumn(data, sortBy.key, sortBy.direction);
 
     /** @type {unknown[][]} */
@@ -67529,12 +67529,6 @@
     p(() => {
       setCurrentPage(0);
     }, [rowCount, sortBy]);
-    const serializeCellData = cellData => {
-      if (cellData !== null && typeof cellData === 'object') {
-        return JSON.stringify(cellData);
-      }
-      return cellData;
-    };
 
     /** @param {string} key */
     function toggleSortBy(key) {
@@ -67804,6 +67798,17 @@
     }
     return `Click to sort by ${label} ascending`;
   }
+
+  /**
+   * @param {unknown} cellData
+   * @returns string
+   */
+  function serializeCellData(cellData) {
+    if (cellData !== null && typeof cellData === 'object') {
+      return JSON.stringify(cellData);
+    }
+    return `${cellData || ''}`;
+  }
   const FILE_PICKER_FILE_KEY_PREFIX = 'files::';
   const type$1 = 'filepicker';
   const ids$1 = new Ids();
@@ -67989,6 +67994,7 @@
   /**
    * @typedef DocumentMetadata
    * @property {string} documentId
+   * @property {string} contentHash
    * @property {Object} metadata
    * @property {string|undefined} [metadata.contentType]
    * @property {string} metadata.fileName
@@ -68148,7 +68154,11 @@
     const [hasError, setHasError] = h(false);
     const ref = _$1(null);
     const isInViewport = useInViewport(ref);
-    const fullUrl = endpoint.replace(DOCUMENT_ID_PLACEHOLDER, documentMetadata.documentId);
+    const fullUrl = buildUrl({
+      baseUrl: endpoint,
+      documentId: documentMetadata.documentId,
+      contentHash: documentMetadata.contentHash
+    });
     const singleDocumentContainerClassName = `fjs-${type$k}-single-document-container`;
     const errorMessageId = `${domId}-error-message`;
     const errorMessage = 'Unable to download document';
@@ -68258,12 +68268,16 @@
 
   /**
    *
-   * @param {import("preact").RefObject<HTMLElement>} ref
+   * @param {import("preact").RefObject<HTMLElement|null>} ref
    * @returns boolean
    */
   function useInViewport(ref) {
     const [isInViewport, setIsInViewport] = h(false);
     p(() => {
+      const container = ref.current;
+      if (!container) {
+        return;
+      }
       const observer = new IntersectionObserver(([entry]) => {
         if (entry.isIntersecting) {
           setIsInViewport(true);
@@ -68271,18 +68285,39 @@
       }, {
         threshold: 0
       });
-      if (ref.current) {
-        observer.observe(ref.current);
-      }
+      observer.observe(container);
       return () => {
-        if (ref.current) {
-          observer.unobserve(ref.current);
+        if (container) {
+          observer.unobserve(container);
         }
       };
     }, [ref]);
     return isInViewport;
   }
 
+  /**
+   * This solution should be a temporary fix, we should try to remove it via: https://github.com/bpmn-io/form-js/issues/1341
+   *
+   * @param {Object} options
+   * @param {string} options.baseUrl
+   * @param {string} options.documentId
+   * @param {string} [options.contentHash]
+   *
+   * @returns {string}
+   */
+  function buildUrl(options) {
+    const {
+      baseUrl,
+      documentId,
+      contentHash
+    } = options;
+    const finalUrl = new URL(baseUrl.replace(DOCUMENT_ID_PLACEHOLDER, documentId));
+    if (contentHash !== undefined) {
+      finalUrl.searchParams.set('contentHash', contentHash);
+    }
+    return decodeURI(finalUrl.toString());
+  }
+
   /**
    * This file must not be changed or exchanged.
    *
@@ -68419,7 +68454,7 @@
   const formFields = [/* Input */
   Textfield$1, Textarea, Numberfield, Datetime, ExpressionField, FilePicker, /* Selection */
   Checkbox$1, Checklist, Radio, Select$1, Taglist, /* Presentation */
-  Text$1, Image$1, Table, Html, Spacer, Separator, DocumentPreview, /* Containers */
+  Text$1, Image$1, Table, Html, DocumentPreview, Spacer, Separator, /* Containers */
   Group$1, DynamicList, IFrame, /* Other */
   Button, Default];
   class FormFields {
@@ -88570,7 +88605,7 @@
         children: "If you're using the Camunda Tasklist, this variable is automatically added to the context for you."
       }), o("p", {
         children: ["For more details, see the", ' ', o("a", {
-          href: "https://docs.camunda.io",
+          href: "https://docs.camunda.io/docs/next/components/modeler/forms/form-element-library/forms-element-library-document-preview/",
           rel: "noopener noreferrer",
           target: "_blank",
           children: "Camunda documentation"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bpmn-io/form-js-playground",
-  "version": "1.13.0",
+  "version": "1.13.2",
   "description": "A form-js playground",
   "files": [
     "dist"
@@ -45,8 +45,8 @@
     "url": "https://github.com/bpmn-io"
   },
   "dependencies": {
-    "@bpmn-io/form-js-editor": "^1.13.0",
-    "@bpmn-io/form-js-viewer": "^1.13.0",
+    "@bpmn-io/form-js-editor": "^1.13.2",
+    "@bpmn-io/form-js-viewer": "^1.13.2",
     "@codemirror/autocomplete": "^6.18.3",
     "@codemirror/commands": "^6.7.1",
     "@codemirror/lang-json": "^6.0.1",
@@ -71,5 +71,5 @@
     "rollup-plugin-css-only": "^4.5.2",
     "style-loader": "^4.0.0"
   },
-  "gitHead": "82af423ed60e728ce0f2b5fe8fa3779f7895b7d2"
+  "gitHead": "325bb666c75b05cd1a51c19a0d1fc437d2b71e2c"
 }