@disy/cadenza.js 1.5.0 → 1.7.0

package/cadenza.d.ts

@@ -68,6 +68,9 @@ export function cadenza(baseUrl: string, options?: {
  * See {@link https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types}
  */
 /** @typedef {'columns' | 'values' | 'totals'} TablePart - A part of a table to export. */
+/**
+ * @typedef {Record<string, string | number | Date>} FilterVariables - Filter variable values
+ */
 /**
  * _Notes:_
  * * Most public methods can be aborted using an [AbortSignal](https://developer.mozilla.org/en-US/docs/Web/API/AbortSignal).
@@ -101,6 +104,8 @@ export class CadenzaClient {
      * @param {object} [options]
      * @param {UiFeature[]} [options.disabledUiFeatures] - Cadenza UI features to disable
      * @param {boolean} [options.expandNavigator] - Indicates if the navigator should be expanded.
+     * @param {FilterVariables} [options.filter] - Filter variables. The keys should contain the
+     *     filter variable names and the values the filter variable values.
      * @param {boolean} [options.hideMainHeaderAndFooter] - Whether to hide the main Cadenza header and footer
      * @param {boolean} [options.hideWorkbookToolBar] - Whether to hide the workbook toolbar
      * @param {GlobalId} [options.highlightGlobalId] - The ID of an item to highlight / expand in the navigator
@@ -112,9 +117,10 @@ export class CadenzaClient {
      * @return {Promise<void>} A Promise for when the iframe is loaded
      * @throws For invalid arguments
      */
-    show(source: PageSource | WorkbookSource | WorksheetSource | WorkbookViewSource, { disabledUiFeatures, expandNavigator, hideMainHeaderAndFooter, hideWorkbookToolBar, highlightGlobalId, labelSet, mediaType, operationMode, signal, }?: {
+    show(source: PageSource | WorkbookSource | WorksheetSource | WorkbookViewSource, { disabledUiFeatures, expandNavigator, filter, hideMainHeaderAndFooter, hideWorkbookToolBar, highlightGlobalId, labelSet, mediaType, operationMode, signal, }?: {
         disabledUiFeatures?: UiFeature[] | undefined;
         expandNavigator?: boolean | undefined;
+        filter?: FilterVariables | undefined;
         hideMainHeaderAndFooter?: boolean | undefined;
         hideWorkbookToolBar?: boolean | undefined;
         highlightGlobalId?: string | undefined;
@@ -130,6 +136,8 @@ export class CadenzaClient {
      * @param {object} [options] - Options
      * @param {UiFeature[]} [options.disabledUiFeatures] - Cadenza UI features to disable
      * @param {boolean} [options.expandNavigator] - Indicates if the navigator should be expanded.
+     * @param {FilterVariables} [options.filter] - Filter variables. The keys should contain the
+     *     filter variable names and the values the filter variable values.
      * @param {Geometry} [options.geometry] - A geometry to show on the map
      * @param {boolean} [options.hideMainHeaderAndFooter] - Whether to hide the main Cadenza header and footer
      * @param {boolean} [options.hideWorkbookToolBar] - Whether to hide the workbook toolbar
@@ -142,9 +150,10 @@ export class CadenzaClient {
      * @return {Promise<void>} A Promise for when the iframe is loaded
      * @throws For invalid arguments
      */
-    showMap(mapView: WorkbookViewSource, { disabledUiFeatures, expandNavigator, geometry, hideMainHeaderAndFooter, hideWorkbookToolBar, highlightGlobalId, locationFinder, mapExtent, operationMode, useMapSrs, signal, }?: {
+    showMap(mapView: WorkbookViewSource, { disabledUiFeatures, expandNavigator, filter, geometry, hideMainHeaderAndFooter, hideWorkbookToolBar, highlightGlobalId, locationFinder, mapExtent, operationMode, useMapSrs, signal, }?: {
         disabledUiFeatures?: UiFeature[] | undefined;
         expandNavigator?: boolean | undefined;
+        filter?: FilterVariables | undefined;
         geometry?: Geometry | undefined;
         hideMainHeaderAndFooter?: boolean | undefined;
         hideWorkbookToolBar?: boolean | undefined;
@@ -416,6 +425,10 @@ export type MediaType = string;
  * - A part of a table to export.
  */
 export type TablePart = 'columns' | 'values' | 'totals';
+/**
+ * - Filter variable values
+ */
+export type FilterVariables = Record<string, string | number | Date>;
 /**
  * - A Cadenza `postMessage()` event
  */

package/cadenza.js

@@ -74,6 +74,9 @@ globalThis.cadenza = Object.assign((/** @type Parameters<cadenza> */ ...args) =>
  * See {@link https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types}
  */
 /** @typedef {'columns' | 'values' | 'totals'} TablePart - A part of a table to export. */
+/**
+ * @typedef {Record<string, string | number | Date>} FilterVariables - Filter variable values
+ */
 /**
  * _Notes:_
  * * Most public methods can be aborted using an [AbortSignal](https://developer.mozilla.org/en-US/docs/Web/API/AbortSignal).
@@ -149,6 +152,8 @@ export class CadenzaClient {
      * @param {object} [options]
      * @param {UiFeature[]} [options.disabledUiFeatures] - Cadenza UI features to disable
      * @param {boolean} [options.expandNavigator] - Indicates if the navigator should be expanded.
+     * @param {FilterVariables} [options.filter] - Filter variables. The keys should contain the
+     *     filter variable names and the values the filter variable values.
      * @param {boolean} [options.hideMainHeaderAndFooter] - Whether to hide the main Cadenza header and footer
      * @param {boolean} [options.hideWorkbookToolBar] - Whether to hide the workbook toolbar
      * @param {GlobalId} [options.highlightGlobalId] - The ID of an item to highlight / expand in the navigator
@@ -160,7 +165,7 @@ export class CadenzaClient {
      * @return {Promise<void>} A Promise for when the iframe is loaded
      * @throws For invalid arguments
      */
-    show(source, { disabledUiFeatures, expandNavigator, hideMainHeaderAndFooter, hideWorkbookToolBar, highlightGlobalId, labelSet, mediaType, operationMode, signal, } = {}) {
+    show(source, { disabledUiFeatures, expandNavigator, filter, hideMainHeaderAndFooter, hideWorkbookToolBar, highlightGlobalId, labelSet, mediaType, operationMode, signal, } = {}) {
         this.#log('CadenzaClient#show', source);
         if (mediaType) {
             assertSupportedMediaType(mediaType, [MediaType.PDF]);
@@ -173,6 +178,7 @@ export class CadenzaClient {
         const params = createParams({
             disabledUiFeatures,
             expandNavigator,
+            filter,
             hideMainHeaderAndFooter,
             hideWorkbookToolBar,
             highlightGlobalId,
@@ -190,6 +196,8 @@ export class CadenzaClient {
      * @param {object} [options] - Options
      * @param {UiFeature[]} [options.disabledUiFeatures] - Cadenza UI features to disable
      * @param {boolean} [options.expandNavigator] - Indicates if the navigator should be expanded.
+     * @param {FilterVariables} [options.filter] - Filter variables. The keys should contain the
+     *     filter variable names and the values the filter variable values.
      * @param {Geometry} [options.geometry] - A geometry to show on the map
      * @param {boolean} [options.hideMainHeaderAndFooter] - Whether to hide the main Cadenza header and footer
      * @param {boolean} [options.hideWorkbookToolBar] - Whether to hide the workbook toolbar
@@ -202,7 +210,7 @@ export class CadenzaClient {
      * @return {Promise<void>} A Promise for when the iframe is loaded
      * @throws For invalid arguments
      */
-    async showMap(mapView, { disabledUiFeatures, expandNavigator, geometry, hideMainHeaderAndFooter, hideWorkbookToolBar, highlightGlobalId, locationFinder, mapExtent, operationMode, useMapSrs, signal, } = {}) {
+    async showMap(mapView, { disabledUiFeatures, expandNavigator, filter, geometry, hideMainHeaderAndFooter, hideWorkbookToolBar, highlightGlobalId, locationFinder, mapExtent, operationMode, useMapSrs, signal, } = {}) {
         this.#log('CadenzaClient#showMap', mapView, geometry);
         if (geometry) {
             assertValidGeometryType(geometry.type);
@@ -210,6 +218,7 @@ export class CadenzaClient {
         const params = createParams({
             disabledUiFeatures,
             expandNavigator,
+            filter,
             hideMainHeaderAndFooter,
             hideWorkbookToolBar,
             highlightGlobalId,
@@ -475,7 +484,7 @@ export class CadenzaClient {
 function resolvePath(
 /** @type PageSource | WorkbookSource | WorksheetSource | WorkbookViewSource */ source) {
     if (typeof source === 'string') {
-        assert(validEmbeddingTargetId(source), `Invalid embedding target ID: ${source}`);
+        assert(validKebabCaseString(source), `Invalid embedding target ID: ${source}`);
         return `/w/${source}`;
     }
     else if ('page' in source) {
@@ -518,7 +527,7 @@ function validUrl(/** @type string */ value) {
 function validPageName(/** @type string */ value) {
     return ['welcome'].includes(value);
 }
-function validEmbeddingTargetId(/** @type string */ value) {
+function validKebabCaseString(/** @type string */ value) {
     return /^[a-z0-9]+(?:-[a-z0-9]+)*$/.test(value);
 }
 function validRepositoryName(/** @type string */ value) {
@@ -578,6 +587,8 @@ function assertSupportedMediaType(
  * @param {UiFeature[]} [params.disabledUiFeatures]
  * @param {boolean} [params.expandNavigator]
  * @param {string} [params.fileName]
+ * @param {FilterVariables} [params.filter] - Filter variables. The keys should contain the filter
+ *     variable names and the values the filter variable values.
  * @param {GeometryType} [params.geometryType]
  * @param {boolean} [params.hideMainHeaderAndFooter]
  * @param {boolean} [params.hideWorkbookToolBar]
@@ -593,7 +604,7 @@ function assertSupportedMediaType(
  * @param {ExternalLinkKey} [params.webApplication]
  * @return {URLSearchParams}
  */
-function createParams({ action, expandNavigator, fileName, geometryType, hideMainHeaderAndFooter, hideWorkbookToolBar, highlightGlobalId, labelSet, locationFinder, mapExtent, mediaType, minScale, parts, useMapSrs, webApplication, operationMode, disabledUiFeatures, }) {
+function createParams({ action, disabledUiFeatures, expandNavigator, fileName, filter, geometryType, hideMainHeaderAndFooter, hideWorkbookToolBar, highlightGlobalId, labelSet, locationFinder, mapExtent, mediaType, minScale, parts, useMapSrs, webApplication, operationMode, }) {
     if (disabledUiFeatures) {
         disabledUiFeatures.forEach((feature) => assert(validUiFeature(feature), `Invalid UI feature: ${feature}`));
     }
@@ -606,6 +617,9 @@ function createParams({ action, expandNavigator, fileName, geometryType, hideMai
     if (parts) {
         parts.forEach((part) => assert(validTablePart(part), `Invalid table part: ${part}`));
     }
+    if (filter) {
+        Object.keys(filter).forEach((varName) => assert(validKebabCaseString(varName), `Invalid filter variable name: ${varName}`));
+    }
     return new URLSearchParams({
         ...(action && { action }),
         ...(disabledUiFeatures && {
@@ -622,13 +636,18 @@ function createParams({ action, expandNavigator, fileName, geometryType, hideMai
         ...(mapExtent && { mapExtent: mapExtent.join() }),
         ...(mediaType && { mediaType }),
         ...(minScale && { minScale: String(minScale) }),
-        ...(operationMode && { operationMode }),
+        ...(operationMode && operationMode !== 'normal' && { operationMode }),
         ...(parts && { parts: parts.join() }),
         ...(useMapSrs && { useMapSrs: 'true' }),
         ...(webApplication && {
             webApplicationLink: webApplication.externalLinkId,
             webApplicationLinkRepository: webApplication.repositoryName,
         }),
+        ...(filter &&
+            Object.fromEntries(Object.entries(filter).map(([variable, value]) => [
+                `filter.${variable}`,
+                JSON.stringify(value instanceof Date ? value.toISOString() : value),
+            ]))),
     });
 }
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@disy/cadenza.js",
-  "version": "1.5.0",
+  "version": "1.7.0",
   "license": "Apache-2.0",
   "repository": "github:DisyInformationssysteme/cadenza.js",
   "type": "module",

package/sandbox.html

@@ -41,7 +41,7 @@
     label {
       font-weight: 600;
     }
-    select, input:is(:not([type]), [type=text], [type=number]), textarea {
+    select, input:is(:not([type]), [type=text], [type=number]), textarea, hr {
       display: block;
       width: 100%
     }
@@ -57,6 +57,12 @@
       const action = actionSelect.value;
       const settingsTemplate = document.querySelector(`[data-action=${action}]`);
       settingsContainer.append(settingsTemplate.content.cloneNode(true));
+      const commonSettingsTemplate = document.getElementById(`common-${settingsTemplate.dataset.common}`);
+      if (commonSettingsTemplate) {
+        settingsContainer.append(
+          document.createElement('hr'),
+          commonSettingsTemplate.content.cloneNode(true));
+      }
 
       const data = localStorage.getItem(`cadenzajs-sandbox-${action}`);
       if (data) {
@@ -68,67 +74,21 @@
       history.replaceState(null, '', url);
     };
 
-    const contextPath = new URLSearchParams(location.search).get('contextPath') ?? '';
+    const contextPath = new URLSearchParams(location.search).get('contextPath')
+      ?? location.pathname.slice(0, location.pathname.indexOf('/sandbox'));
     const cadenzaClient = cadenza(location.origin + contextPath, { iframe: 'iframe', debug: true });
     const actionHandlers = {
-      show ({ embeddingTargetId, expandNavigator, hideMainHeaderAndFooter, hideWorkbookToolBar, jasperReportAsPdf, highlightGlobalId, operationMode, disabledUiFeatures }) {
-        cadenzaClient.show(embeddingTargetId, {
-          expandNavigator: (expandNavigator === 'on'),
-          hideMainHeaderAndFooter: (hideMainHeaderAndFooter === 'on'),
-          hideWorkbookToolBar: (hideWorkbookToolBar === 'on'),
-          highlightGlobalId,
-          ...(jasperReportAsPdf === 'on' && { mediaType: 'application/pdf' }),
-          ...(operationMode === 'on' && { operationMode: 'normal' }),
-          disabledUiFeatures: disabledUiFeatures && disabledUiFeatures.split(',')
-        });
-      },
-      showPage ({ page, expandNavigator, highlightGlobalId, labelSet }) {
-        cadenzaClient.show({ page: page }, {
-          expandNavigator: (expandNavigator === 'on'),
-          highlightGlobalId,
-          labelSet
-        });
-      },
-      expandNavigator ({ expandNavigator }) {
-        cadenzaClient.expandNavigator(expandNavigator === 'on');
-      },
-      showMap ({ embeddingTargetId, useMapSrs, geometry, mapExtent, locationFinder, highlightGlobalId }) {
-        cadenzaClient.showMap(embeddingTargetId, {
-          useMapSrs: useMapSrs === 'on',
-          geometry: geometry && JSON.parse(geometry),
-          mapExtent: mapExtent && mapExtent.split(','),
-          locationFinder,
-          highlightGlobalId
-        });
-      },
-      createGeometry ({ embeddingTargetId, geometryType, useMapSrs, minScale, mapExtent, locationFinder }) {
-        cadenzaClient.createGeometry(embeddingTargetId, geometryType, {
-          useMapSrs: useMapSrs === 'on',
-          minScale,
-          mapExtent: mapExtent && mapExtent.split(','),
-          locationFinder
-        });
-      },
-      editGeometry ({ embeddingTargetId, geometry, useMapSrs, minScale, mapExtent, locationFinder }) {
-        cadenzaClient.editGeometry(embeddingTargetId, JSON.parse(geometry), {
-          useMapSrs: useMapSrs === 'on',
-          minScale,
-          mapExtent: mapExtent && mapExtent.split(','),
-          locationFinder
-        });
-      },
-      fetchData ({ embeddingTargetId, mediaType, parts }) {
+      show: data => cadenzaClient.show(data.embeddingTargetId, getOptions(data)),
+      showPage: data => cadenzaClient.show({ page: data.page }, getOptions(data)),
+      expandNavigator: data => cadenzaClient.expandNavigator(data.expandNavigator === 'on'),
+      showMap: data => cadenzaClient.showMap(data.embeddingTargetId, getOptions(data)),
+      createGeometry: data => cadenzaClient.createGeometry(data.embeddingTargetId, data.geometryType, getOptions(data)),
+      editGeometry: data => cadenzaClient.editGeometry(data.embeddingTargetId, JSON.parse(data.geometry), getOptions(data)),
+      fetchData: data => {
         console.log('Inspect the fetchData() request in the devtools.');
-        cadenzaClient.fetchData(embeddingTargetId, mediaType, {
-          parts: parts && parts.split(',')
-        });
+        cadenzaClient.fetchData(data.embeddingTargetId, data.mediaType, getOptions(data));
       },
-      downloadData ({ embeddingTargetId, mediaType, fileName, parts }) {
-        cadenzaClient.downloadData(embeddingTargetId, mediaType, {
-          fileName,
-          parts: parts && parts.split(',')
-        });
-      }
+      downloadData: data => cadenzaClient.downloadData(data.embeddingTargetId, data.mediaType, getOptions(data))
     };
 
     const form = document.getElementById('form');
@@ -154,6 +114,54 @@
         }
       }
     }
+
+    function getOptions ({
+      disabledUiFeatures,
+      expandNavigator,
+      geometry,
+      hideMainHeaderAndFooter,
+      hideWorkbookToolBar,
+      highlightGlobalId,
+      jasperReportAsPdf,
+      labelSet,
+      locationFinder,
+      mapExtent,
+      minScale,
+      parts,
+      simplifiedOperationMode,
+      useMapSrs,
+      filter
+    }) {
+      return {
+        disabledUiFeatures: disabledUiFeatures && disabledUiFeatures.split(','),
+        expandNavigator: (expandNavigator === 'on'),
+        geometry: geometry && JSON.parse(geometry),
+        hideMainHeaderAndFooter: (hideMainHeaderAndFooter === 'on'),
+        hideWorkbookToolBar: (hideWorkbookToolBar === 'on'),
+        highlightGlobalId,
+        ...(jasperReportAsPdf === 'on' && { mediaType: 'application/pdf' }),
+        labelSet,
+        locationFinder,
+        mapExtent: mapExtent && mapExtent.split(','),
+        minScale,
+        parts: parts && parts.split(','),
+        ...(simplifiedOperationMode === 'on' && { operationMode: 'simplified' }),
+        useMapSrs: useMapSrs === 'on',
+        filter: filter && parseFilterVariables(filter)
+      };
+    }
+
+    function parseFilterVariables (filterString) {
+      return JSON.parse(filterString, (_, value) => {
+        if (value === '{{currentDate}}') { // convenience for current date
+          return new Date();
+        }
+        if (value.match?.(/....-..-..T..:..:..\....Z/)) {
+          return new Date(value);
+        }
+        return value;
+      });
+    }
   </script>
 </head>
 <body>
@@ -185,17 +193,7 @@
   <iframe id="iframe"></iframe>
 </main>
 
-<template data-action="show">
-  <div>
-    <label for="embeddingTargetId">Embedding target ID *</label>
-    <input name="embeddingTargetId" id="embeddingTargetId" required>
-  </div>
-  <div>
-    <label>
-      <input type="checkbox" name="jasperReportAsPdf" id="jasperReportAsPdf"/>
-      Show Jasper Report as PDF
-    </label>
-  </div>
+<template id="common-show">
   <div>
     <label>
       <input type="checkbox" name="expandNavigator">
@@ -216,8 +214,8 @@
   </div>
   <div>
     <label>
-      <input type="checkbox" name="operationMode">
-      Enable simplified operation mode
+      <input type="checkbox" name="simplifiedOperationMode">
+      Simplified operation mode
     </label>
   </div>
   <div>
@@ -228,25 +226,65 @@
     <label for="disabledUiFeatures">Disabled UI features</label>
     <input name="disabledUiFeatures" id="disabledUiFeatures" placeholder="feature1,feature2...">
   </div>
+  <div>
+    <label for="filter">Filter</label>
+    <input name="filter" id="filter" placeholder='{ "textvar": "foo", "numbervar": 42.0, "datevar1": "2000-01-01T00.000Z", "datevar2": "{{currentDate}}" }'>
+  </div>
 </template>
 
-<template data-action="showPage">
+<template id="common-map">
   <div>
-    <label for="page">Page *</label>
-    <select name="page" id="page" required>
-      <option>welcome</option>
-      <option>an-invalid-page-name</option>
+    <label>
+      <input type="checkbox" name="useMapSrs">
+      Use map SRS
+    </label>
+  </div>
+  <div>
+    <label for="mapExtent">Map extent coordinates</label>
+    <input name="mapExtent" id="mapExtent" placeholder="minX,minY,maxX,maxY">
+  </div>
+  <div>
+    <label for="locationFinder">Location finder search query</label>
+    <input name="locationFinder" id="locationFinder">
+  </div>
+</template>
+
+<template id="common-data">
+  <div>
+    <label for="mediaType">Media type *</label>
+    <select name="mediaType" id="mediaType" required>
+      <option>text/csv</option>
+      <option>application/vnd.openxmlformats-officedocument.spreadsheetml.sheet</option>
+      <option>application/json</option>
+      <option>application/pdf</option>
     </select>
   </div>
+  <div>
+    <label for="parts">Parts</label>
+    <input name="parts" id="parts" placeholder="columns,values,totals">
+  </div>
+</template>
+
+<template data-action="show" data-common="show">
+  <div>
+    <label for="embeddingTargetId">Embedding target ID *</label>
+    <input name="embeddingTargetId" id="embeddingTargetId" required>
+  </div>
   <div>
     <label>
-      <input type="checkbox" name="expandNavigator">
-      Expand navigator tree
+      <input type="checkbox" name="jasperReportAsPdf" id="jasperReportAsPdf"/>
+      Show Jasper Report as PDF
     </label>
   </div>
+</template>
+
+<template data-action="showPage" data-common="show">
   <div>
-    <label for="highlightGlobalId">Highlighted Global ID</label>
-    <input name="highlightGlobalId" id="highlightGlobalId">
+    <label for="page">Page *</label>
+    <select name="page" id="page" required>
+      <option>welcome</option>
+      <option>an-invalid-page-name</option>
+    </select>
   </div>
   <div>
     <label for="labelSet">Label Set</label>
@@ -263,46 +301,22 @@
   </div>
 </template>
 
-<template data-action="showMap">
+<template data-action="showMap" data-common="show">
   <div>
     <label for="embeddingTargetId">Embedding target ID of the map view *</label>
     <input name="embeddingTargetId" id="embeddingTargetId" required>
   </div>
-  <div>
-    <label>
-      <input type="checkbox" name="useMapSrs">
-      Use map SRS
-    </label>
-  </div>
   <div>
     <label for="geometry">Geometry (GeoJSON)</label>
     <textarea name="geometry" id="geometry" rows="5"></textarea>
   </div>
-  <div>
-    <label for="mapExtent">Map extent coordinates</label>
-    <input name="mapExtent" id="mapExtent" placeholder="minX,minY,maxX,maxY">
-  </div>
-  <div>
-    <label for="locationFinder">Location finder search query</label>
-    <input name="locationFinder" id="locationFinder">
-  </div>
-  <div>
-    <label for="highlightGlobalId">Highlighted Global ID</label>
-    <input name="highlightGlobalId" id="highlightGlobalId">
-  </div>
 </template>
 
-<template data-action="createGeometry">
+<template data-action="createGeometry" data-common="map">
   <div>
     <label for="embeddingTargetId">Embedding target ID of the map view *</label>
     <input name="embeddingTargetId" id="embeddingTargetId" required>
   </div>
-  <div>
-    <label>
-      <input type="checkbox" name="useMapSrs">
-      Use map SRS
-    </label>
-  </div>
   <div>
     <label for="geometryType">Geometry type</label>
     <select name="geometryType" id="geometryType">
@@ -318,27 +332,13 @@
     <label for="minScale">Minimum Scale</label>
     <input type="number" name="minScale" id="minScale">
   </div>
-  <div>
-    <label for="mapExtent">Map extent coordinates</label>
-    <input name="mapExtent" id="mapExtent" placeholder="minX,minY,maxX,maxY">
-  </div>
-  <div>
-    <label for="locationFinder">Location finder search query</label>
-    <input name="locationFinder" id="locationFinder">
-  </div>
 </template>
 
-<template data-action="editGeometry">
+<template data-action="editGeometry" data-common="map">
   <div>
     <label for="embeddingTargetId">Embedding target ID of the map view *</label>
     <input name="embeddingTargetId" id="embeddingTargetId" required>
   </div>
-  <div>
-    <label>
-      <input type="checkbox" name="useMapSrs">
-      Use map SRS
-    </label>
-  </div>
   <div>
     <label for="geometry">Geometry (GeoJSON) *</label>
     <textarea name="geometry" id="geometry" rows="5" required></textarea>
@@ -347,58 +347,24 @@
     <label for="minScale">Minimum Scale</label>
     <input type="number" name="minScale" id="minScale">
   </div>
-  <div>
-    <label for="mapExtent">Map extent coordinates</label>
-    <input name="mapExtent" id="mapExtent" placeholder="minX,minY,maxX,maxY">
-  </div>
-  <div>
-    <label for="locationFinder">Location finder search query</label>
-    <input name="locationFinder" id="locationFinder">
-  </div>
 </template>
 
-<template data-action="downloadData">
+<template data-action="downloadData" data-common="data">
   <div>
     <label for="embeddingTargetId">Embedding target ID *</label>
     <input name="embeddingTargetId" id="embeddingTargetId" required>
   </div>
-  <div>
-    <label for="parts">Parts</label>
-    <input name="parts" id="parts" placeholder="columns,values,totals">
-  </div>
-  <div>
-    <label for="mediaType">Media type *</label>
-    <select name="mediaType" id="mediaType" required>
-      <option>text/csv</option>
-      <option>application/vnd.openxmlformats-officedocument.spreadsheetml.sheet</option>
-      <option>application/json</option>
-      <option>application/pdf</option>
-    </select>
-  </div>
   <div>
     <label for="fileName">Filename</label>
     <input name="fileName" id="fileName">
   </div>
 </template>
 
-<template data-action="fetchData">
+<template data-action="fetchData" data-common="data">
   <div>
     <label for="embeddingTargetId">Embedding target ID *</label>
     <input name="embeddingTargetId" id="embeddingTargetId" required>
   </div>
-  <div>
-    <label for="parts">Parts</label>
-    <input name="parts" id="parts" placeholder="columns,values,totals">
-  </div>
-  <div>
-    <label for="mediaType">Media type *</label>
-    <select name="mediaType" id="mediaType" required>
-      <option>text/csv</option>
-      <option>application/vnd.openxmlformats-officedocument.spreadsheetml.sheet</option>
-      <option>application/json</option>
-      <option>application/pdf</option>
-    </select>
-  </div>
 </template>
 
 </body>