@oneblink/apps-react 8.7.0-beta.5 → 8.7.0-beta.7

package/dist/components/ArcGISWebMap.js

@@ -11,13 +11,17 @@ import Sketch from '@arcgis/core/widgets/Sketch';
 import GraphicsLayer from '@arcgis/core/layers/GraphicsLayer';
 import Graphic from '@arcgis/core/Graphic';
 import Popup from '@arcgis/core/widgets/Popup';
-import { Point } from '@arcgis/core/geometry';
+import { Point, SpatialReference, } from '@arcgis/core/geometry';
+import TextSymbol from '@arcgis/core/symbols/TextSymbol';
+import * as geometryEngine from '@arcgis/core/geometry/geometryEngine';
+import { Box, Divider, IconButton } from '@mui/material';
+import throttle from 'lodash.throttle';
+import { localisationService } from '@oneblink/apps';
 import { v4 as uuid } from 'uuid';
 import OnLoading from '../components/renderer/OnLoading';
 import MaterialIcon from './MaterialIcon';
 import useIsPageVisible from '../hooks/useIsPageVisible';
 import '../styles/arcgis-external.css';
-import { Box, Divider, IconButton } from '@mui/material';
 function DrawingOptionsList({ options, sketchTool, onClose, sketchToolType, setSelectedGraphicAttributes, }) {
     return (React.createElement("div", { className: "esri-widget" },
         React.createElement(Box, { sx: {
@@ -47,6 +51,7 @@ function FormElementArcGISWebMap({ element, id, value, onChange, setIsDirty, ...
     const drawingLayerRef = React.useRef();
     const selectedGraphicForUpdate = React.useRef();
     const mapViewRef = React.useRef();
+    const measurementLayerRef = React.useRef();
     const [overlayLayerIds, setOverlayLayerIds] = React.useState();
     const [loadError, setLoadError] = React.useState();
     const [isLoading, setIsLoading] = React.useState(false);
@@ -84,6 +89,93 @@ function FormElementArcGISWebMap({ element, id, value, onChange, setIsDirty, ...
             });
         }
     }, [element, onChange, value]);
+    const getGeometryPoints = (geom, spatialRef) => {
+        if (geom.type === 'polygon') {
+            const polygon = geom;
+            return polygon.rings[0].map((ring) => new Point({
+                x: ring[0],
+                y: ring[1],
+                spatialReference: spatialRef,
+            }));
+        }
+        else if (geom.type === 'polyline') {
+            const polyline = geom;
+            return polyline.paths[0].map((path) => new Point({
+                x: path[0],
+                y: path[1],
+                spatialReference: spatialRef,
+            }));
+        }
+    };
+    const addMeasurementLabels = React.useCallback((graphics) => {
+        var _a, _b;
+        const spatialRef = new SpatialReference({ wkid: 3857 });
+        const measurementLayer = measurementLayerRef.current;
+        const mapView = mapViewRef.current;
+        if (!measurementLayer || !mapView)
+            return;
+        measurementLayer.removeAll();
+        for (const graphic of graphics) {
+            const geom = graphic.geometry;
+            if (!geom || (geom.type !== 'polygon' && geom.type !== 'polyline'))
+                continue;
+            const points = getGeometryPoints(geom, spatialRef);
+            if (!points)
+                continue;
+            const { distanceUnit, distanceUnitShortName } = localisationService.getDistanceUnits();
+            if (distanceUnit !== 'meters' && distanceUnit !== 'feet') {
+                console.warn('Unsupported distance unit provided in tenant configuration: ', distanceUnit);
+                return;
+            }
+            const graphics = [];
+            for (let i = 1; i < points.length; i++) {
+                const distance = geometryEngine.distance(points[i], points[i - 1], distanceUnit);
+                const x1 = points[i].x;
+                const x2 = points[i - 1].x;
+                const y1 = points[i].y;
+                const y2 = points[i - 1].y;
+                const midpoint = new Point({
+                    x: (x1 + x2) / 2,
+                    y: (y1 + y2) / 2,
+                    spatialReference: spatialRef,
+                });
+                // Angle of the measurement label - this will be rotated to be parallel with the polygon or polyline edge
+                const dx = x2 - x1;
+                const dy = y2 - y1;
+                const radians = Math.atan2(dy, dx);
+                let angle = radians * (-180 / Math.PI);
+                if (angle > 90 || angle < -90) {
+                    angle += 180;
+                }
+                // offset of the measurement label against the edge of the polygon/polyline it's measuring
+                const pixelOffset = 10;
+                const normalAngle = radians + Math.PI / 2;
+                const offsetScreenX = pixelOffset * Math.cos(normalAngle);
+                const offsetScreenY = pixelOffset * Math.sin(normalAngle);
+                const screenPoint = mapView.toScreen(midpoint);
+                screenPoint.x += offsetScreenX;
+                screenPoint.y -= offsetScreenY;
+                const offsetMapPoint = mapView.toMap(screenPoint);
+                graphics.push(new Graphic({
+                    geometry: offsetMapPoint,
+                    symbol: new TextSymbol({
+                        text: distance.toFixed(0) + distanceUnitShortName,
+                        color: 'black',
+                        haloColor: 'white',
+                        haloSize: 1,
+                        angle,
+                    }),
+                }));
+            }
+            measurementLayer.addMany(graphics);
+            (_a = mapViewRef.current) === null || _a === void 0 ? void 0 : _a.map.reorder(measurementLayer, (_b = mapViewRef.current) === null || _b === void 0 ? void 0 : _b.map.layers.length);
+        }
+    }, []);
+    const clearMeasurementLabels = React.useCallback(() => {
+        if (measurementLayerRef.current) {
+            measurementLayerRef.current.removeAll();
+        }
+    }, []);
     React.useEffect(() => {
         var _a, _b, _c, _d, _e, _f;
         if (element.readOnly)
@@ -91,7 +183,10 @@ function FormElementArcGISWebMap({ element, id, value, onChange, setIsDirty, ...
         // event listeners for drawing tool creates/updates/deletes
         // these need to be removed and recreated when the submission value changes
         // to ensure they always have access to the latest submission value
-        const createListener = (_a = sketchToolRef.current) === null || _a === void 0 ? void 0 : _a.on('create', (sketchEvent) => {
+        const createListener = (_a = sketchToolRef.current) === null || _a === void 0 ? void 0 : _a.on('create', throttle((sketchEvent) => {
+            if (sketchEvent.state === 'active') {
+                addMeasurementLabels([sketchEvent.graphic]);
+            }
             if (sketchEvent.state === 'complete') {
                 if (selectedGraphicAttributes) {
                     sketchEvent.graphic.attributes = {
@@ -102,12 +197,17 @@ function FormElementArcGISWebMap({ element, id, value, onChange, setIsDirty, ...
                     setSelectedGraphicAttributes(undefined);
                 }
                 updateDrawingInputSubmissionValue();
+                clearMeasurementLabels();
             }
             if (sketchEvent.state === 'cancel') {
                 setSelectedGraphicAttributes(undefined);
+                clearMeasurementLabels();
+            }
+        }, 100));
+        const updateListener = (_b = sketchToolRef.current) === null || _b === void 0 ? void 0 : _b.on('update', throttle((sketchEvent) => {
+            if (sketchEvent.state === 'active') {
+                addMeasurementLabels(sketchEvent.graphics);
             }
-        });
-        const updateListener = (_b = sketchToolRef.current) === null || _b === void 0 ? void 0 : _b.on('update', (sketchEvent) => {
             if (sketchEvent.state === 'complete') {
                 // only update the submission value if the graphic's geometry was actually changed
                 if (JSON.stringify(sketchEvent.graphics[0].geometry.toJSON()) !==
@@ -115,15 +215,18 @@ function FormElementArcGISWebMap({ element, id, value, onChange, setIsDirty, ...
                     updateDrawingInputSubmissionValue();
                 }
                 selectedGraphicForUpdate.current = undefined;
+                clearMeasurementLabels();
             }
             if (sketchEvent.state === 'start') {
                 selectedGraphicForUpdate.current = JSON.stringify(sketchEvent.graphics[0].geometry.clone().toJSON());
+                addMeasurementLabels(sketchEvent.graphics);
             }
-        });
+        }, 100));
         const deleteListener = (_c = sketchToolRef.current) === null || _c === void 0 ? void 0 : _c.on('delete', () => {
             var _a;
             (_a = mapViewRef.current) === null || _a === void 0 ? void 0 : _a.closePopup();
             updateDrawingInputSubmissionValue();
+            clearMeasurementLabels();
         });
         const mapViewChangeListener = (_d = mapViewRef.current) === null || _d === void 0 ? void 0 : _d.watch('stationary', () => {
             var _a, _b, _c;
@@ -171,7 +274,7 @@ function FormElementArcGISWebMap({ element, id, value, onChange, setIsDirty, ...
                 // get the graphic we want to display the popup for.
                 const result = response.results
                     .filter((r) => r.type === 'graphic')
-                    .find((r) => !!r.graphic.attributes.label);
+                    .find((r) => { var _a; return !!((_a = r.graphic.attributes) === null || _a === void 0 ? void 0 : _a.label); });
                 if (result) {
                     (_a = mapViewRef.current) === null || _a === void 0 ? void 0 : _a.openPopup({
                         title: result.graphic.attributes.label,
@@ -194,6 +297,8 @@ function FormElementArcGISWebMap({ element, id, value, onChange, setIsDirty, ...
         updateMapViewSubmissionValue,
         element,
         selectedGraphicAttributes,
+        addMeasurementLabels,
+        clearMeasurementLabels,
     ]);
     const onSubmissionValueChange = React.useCallback(() => {
         var _a, _b;
@@ -239,10 +344,8 @@ function FormElementArcGISWebMap({ element, id, value, onChange, setIsDirty, ...
         // update the web map's drawing layers
         const drawingLayer = drawingLayerRef.current;
         if ((value === null || value === void 0 ? void 0 : value.drawingLayer) && drawingLayer) {
-            map.layers.remove(drawingLayer);
             drawingLayer.removeAll();
             drawingLayer.addMany(value.drawingLayer.map((g) => Graphic.fromJSON(g)));
-            map.layers.add(drawingLayer);
         }
         if (value === null || value === void 0 ? void 0 : value.view) {
             view.zoom = value.view.zoom;
@@ -329,6 +432,14 @@ function FormElementArcGISWebMap({ element, id, value, onChange, setIsDirty, ...
                     });
                     drawingLayerRef.current = drawingLayer;
                     map.layers.add(drawingLayer);
+                    // Add measurement layer above drawing layer
+                    const measurementLayer = new GraphicsLayer({
+                        id: uuid(),
+                        title: 'Measurements',
+                        listMode: 'hide',
+                    });
+                    measurementLayerRef.current = measurementLayer;
+                    map.layers.add(measurementLayer);
                     const sketch = new Sketch({
                         view,
                         layer: drawingLayer,

package/dist/components/ArcGISWebMap.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArcGISWebMap.js","sourceRoot":"","sources":["../../src/components/ArcGISWebMap.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { FormTypes } from '@oneblink/types'\nimport MapView from '@arcgis/core/views/MapView'\nimport WebMap from '@arcgis/core/WebMap'\nimport Home from '@arcgis/core/widgets/Home'\nimport Search from '@arcgis/core/widgets/Search'\nimport Zoom from '@arcgis/core/widgets/Zoom'\nimport LayerList from '@arcgis/core/widgets/LayerList'\nimport Expand from '@arcgis/core/widgets/Expand'\nimport BaseMapGallery from '@arcgis/core/widgets/BasemapGallery'\nimport Sketch from '@arcgis/core/widgets/Sketch'\nimport GraphicsLayer from '@arcgis/core/layers/GraphicsLayer'\nimport Graphic from '@arcgis/core/Graphic'\nimport Layer from '@arcgis/core/layers/Layer'\nimport Popup from '@arcgis/core/widgets/Popup'\nimport { Point } from '@arcgis/core/geometry'\nimport { v4 as uuid } from 'uuid'\n\nimport OnLoading from '../components/renderer/OnLoading'\nimport MaterialIcon from './MaterialIcon'\n\nimport useIsPageVisible from '../hooks/useIsPageVisible'\nimport { ArcGISWebMapElementValue } from '@oneblink/types/typescript/arcgis'\nimport { FormElementValueChangeHandler } from '../types/form'\nimport '../styles/arcgis-external.css'\nimport { Box, Divider, IconButton } from '@mui/material'\n\ntype Props = {\n  element: FormTypes.ArcGISWebMapElement\n  id: string\n  value: ArcGISWebMapElementValue | undefined\n  onChange: FormElementValueChangeHandler<ArcGISWebMapElementValue>\n  'aria-describedby'?: string\n  setIsDirty: () => void\n}\n\ntype SketchCreateTool = Parameters<Sketch['create']>[0]\n\nfunction DrawingOptionsList({\n  options,\n  sketchTool,\n  onClose,\n  sketchToolType,\n  setSelectedGraphicAttributes,\n}: {\n  options: { id: string; label: string; value: string; description?: string }[]\n  onClose: () => void\n  sketchTool: Sketch\n  sketchToolType: SketchCreateTool\n  setSelectedGraphicAttributes: (opt: {\n    label: string\n    value: string\n    description?: string\n  }) => void\n}) {\n  return (\n    <div className=\"esri-widget\">\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n        }}\n      >\n        <b style={{ padding: '0.5rem' }}>Select an option</b>\n        <IconButton\n          onClick={(e) => {\n            e.stopPropagation()\n            onClose()\n          }}\n          size=\"small\"\n          data-cypress=\"copy-to-clip-board-button\"\n        >\n          <MaterialIcon fontSize=\"small\">close</MaterialIcon>\n        </IconButton>\n      </Box>\n      <Divider sx={{ backgroundColor: 'unset', margin: '0px 8px' }} />\n      <Box sx={{ maxHeight: '200px', overflowY: 'auto' }}>\n        {options?.map(({ id, value, label, description }) => (\n          <div\n            key={id}\n            className=\"ob-list__item is-clickable\"\n            style={{ alignItems: 'center' }}\n            onClick={() => {\n              onClose()\n              sketchTool?.create(sketchToolType)\n              setSelectedGraphicAttributes({ value, label, description })\n            }}\n          >\n            {label}\n          </div>\n        ))}\n      </Box>\n    </div>\n  )\n}\n\nfunction FormElementArcGISWebMap({\n  element,\n  id,\n  value,\n  onChange,\n  setIsDirty,\n  ...props\n}: Props) {\n  const ref = React.useRef<HTMLDivElement | null>(null)\n  const layerPanelRef = React.useRef<Expand>()\n  const mapGalleryPanelRef = React.useRef<Expand>()\n  const sketchToolRef = React.useRef<Sketch>()\n  const drawingLayerRef = React.useRef<GraphicsLayer>()\n  const selectedGraphicForUpdate = React.useRef<string>()\n  const mapViewRef = React.useRef<MapView>()\n\n  const [overlayLayerIds, setOverlayLayerIds] = React.useState<string[]>()\n  const [loadError, setLoadError] = React.useState<Error>()\n  const [isLoading, setIsLoading] = React.useState<boolean>(false)\n  const isPageVisible = useIsPageVisible()\n  const [selectedGraphicAttributes, setSelectedGraphicAttributes] =\n    React.useState<{\n      value: string\n      label: string\n      description?: string\n    }>()\n  // only used when an allowed drawing tool also has a list of graphic attribute options to display to the user\n  const [activeSketchToolMenu, setActiveSketchToolMenu] =\n    React.useState<SketchCreateTool>()\n\n  const updateDrawingInputSubmissionValue = React.useCallback(() => {\n    const updatedGraphics = drawingLayerRef.current?.graphics\n      .toArray()\n      .map((graphic) => graphic.toJSON())\n\n    onChange(element, {\n      value: {\n        ...(value || {}),\n        drawingLayer: updatedGraphics,\n        userInput: updatedGraphics,\n      },\n    })\n\n    setIsDirty()\n  }, [element, onChange, setIsDirty, value])\n\n  const updateMapViewSubmissionValue = React.useCallback(() => {\n    const zoom = mapViewRef.current?.zoom\n    const latitude = mapViewRef.current?.center.latitude\n    const longitude = mapViewRef.current?.center.longitude\n    if (zoom && latitude && longitude) {\n      onChange(element, {\n        value: {\n          ...(value || {}),\n          view: {\n            zoom,\n            latitude,\n            longitude,\n          },\n        },\n      })\n    }\n  }, [element, onChange, value])\n\n  React.useEffect(() => {\n    if (element.readOnly) return\n    // event listeners for drawing tool creates/updates/deletes\n    // these need to be removed and recreated when the submission value changes\n    // to ensure they always have access to the latest submission value\n    const createListener = sketchToolRef.current?.on(\n      'create',\n      (sketchEvent) => {\n        if (sketchEvent.state === 'complete') {\n          if (selectedGraphicAttributes) {\n            sketchEvent.graphic.attributes = {\n              name: selectedGraphicAttributes.value,\n              label: selectedGraphicAttributes.label,\n              description: selectedGraphicAttributes.description,\n            }\n            setSelectedGraphicAttributes(undefined)\n          }\n          updateDrawingInputSubmissionValue()\n        }\n        if (sketchEvent.state === 'cancel') {\n          setSelectedGraphicAttributes(undefined)\n        }\n      },\n    )\n\n    const updateListener = sketchToolRef.current?.on(\n      'update',\n      (sketchEvent) => {\n        if (sketchEvent.state === 'complete') {\n          // only update the submission value if the graphic's geometry was actually changed\n          if (\n            JSON.stringify(sketchEvent.graphics[0].geometry.toJSON()) !==\n            selectedGraphicForUpdate.current\n          ) {\n            updateDrawingInputSubmissionValue()\n          }\n          selectedGraphicForUpdate.current = undefined\n        }\n        if (sketchEvent.state === 'start') {\n          selectedGraphicForUpdate.current = JSON.stringify(\n            sketchEvent.graphics[0].geometry.clone().toJSON(),\n          )\n        }\n      },\n    )\n\n    const deleteListener = sketchToolRef.current?.on('delete', () => {\n      mapViewRef.current?.closePopup()\n      updateDrawingInputSubmissionValue()\n    })\n\n    const mapViewChangeListener = mapViewRef.current?.watch(\n      'stationary',\n      () => {\n        const mapView = mapViewRef.current\n        if (mapView && mapView.stationary) {\n          const hasViewChanged =\n            mapView.zoom !== value?.view?.zoom ||\n            mapView.center.longitude !== value?.view?.longitude ||\n            mapView.center.latitude !== value?.view?.latitude\n          if (hasViewChanged) {\n            updateMapViewSubmissionValue()\n          }\n        }\n      },\n    )\n\n    const sketchToolListener = sketchToolRef.current?.viewModel.watch(\n      'activeTool',\n      () => {\n        if (selectedGraphicAttributes) {\n          return\n        }\n        const activeTool = sketchToolRef.current?.activeTool\n        const hasGraphicAttributeOptions = !!element.allowedDrawingTools?.find(\n          (tool) => tool.type === activeTool,\n        )?.graphicAttributeOptions?.length\n\n        if (activeTool) {\n          if (\n            hasGraphicAttributeOptions &&\n            (activeTool === 'point' ||\n              activeTool === 'polygon' ||\n              activeTool === 'circle' ||\n              activeTool === 'rectangle' ||\n              activeTool === 'polyline')\n          ) {\n            // the sketch.create() fn only allows active tools of the above 5 types\n            // hence we must check above to keep the types happy further down the line\n            sketchToolRef.current?.cancel()\n            setActiveSketchToolMenu(activeTool)\n          } else {\n            setActiveSketchToolMenu(undefined)\n          }\n        }\n      },\n    )\n\n    mapViewRef.current?.on('click', (event) => {\n      mapViewRef.current?.hitTest(event).then((response) => {\n        // the \"hit test\" will typically yield the graphic we want to display the popup for,\n        // and an ArcGIS built-in graphic which highlights the selected graphic.\n        // By filtering for the graphic with the \"label\" attribute, we're able to reliably\n        // get the graphic we want to display the popup for.\n        const result = response.results\n          .filter((r) => r.type === 'graphic')\n          .find((r) => !!r.graphic.attributes.label)\n\n        if (result) {\n          mapViewRef.current?.openPopup({\n            title: result.graphic.attributes.label,\n            content: result.graphic.attributes.description,\n          })\n        }\n      })\n    })\n\n    return () => {\n      createListener?.remove()\n      updateListener?.remove()\n      deleteListener?.remove()\n      mapViewChangeListener?.remove()\n      sketchToolListener?.remove()\n    }\n  }, [\n    isLoading,\n    value,\n    updateDrawingInputSubmissionValue,\n    updateMapViewSubmissionValue,\n    element,\n    selectedGraphicAttributes,\n  ])\n\n  const onSubmissionValueChange = React.useCallback(() => {\n    const view = mapViewRef.current\n    const map = mapViewRef.current?.map\n    if (!view || !map) return\n\n    const newLayerIds = value?.layers?.map((l) => l.id)\n    // remove map layers no longer in submission value\n    if (overlayLayerIds) {\n      const layersToRemove = overlayLayerIds.reduce((toRemove: Layer[], id) => {\n        if (!newLayerIds?.includes(id)) {\n          const layer = map.layers.find((layer) => layer.id === id)\n          if (layer) toRemove.push(layer)\n        }\n        return toRemove\n      }, [])\n      map.layers.removeMany(layersToRemove)\n    }\n\n    if (value?.layers) {\n      // determine if a layer is new or existing and handle accordingly\n      for (const layer of value.layers) {\n        const existingLayer = map.layers.find(\n          (mapLayer) => mapLayer.id === layer.id,\n        )\n        if (!existingLayer) {\n          const newLayer = new GraphicsLayer({\n            title: layer.title as string,\n            id: layer.id,\n          })\n          newLayer.addMany(layer.graphics.map((g) => Graphic.fromJSON(g)))\n          map.layers.add(newLayer)\n        } else if (existingLayer && existingLayer.type === 'graphics') {\n          const existingGraphicLayer = existingLayer as GraphicsLayer\n          existingGraphicLayer.title = layer.title\n          existingGraphicLayer.graphics.removeAll()\n          existingGraphicLayer.addMany(\n            layer.graphics.map((g) => Graphic.fromJSON(g)),\n          )\n        }\n      }\n    }\n\n    // finally, set the new layer ids in state\n    setOverlayLayerIds(newLayerIds)\n\n    // update the web map's drawing layers\n    const drawingLayer = drawingLayerRef.current\n    if (value?.drawingLayer && drawingLayer) {\n      map.layers.remove(drawingLayer)\n      drawingLayer.removeAll()\n      drawingLayer.addMany(value.drawingLayer.map((g) => Graphic.fromJSON(g)))\n      map.layers.add(drawingLayer)\n    }\n    if (value?.view) {\n      view.zoom = value.view.zoom\n      view.center = new Point({\n        latitude: value.view.latitude,\n        longitude: value.view.longitude,\n      })\n    }\n  }, [overlayLayerIds, value])\n\n  React.useEffect(() => {\n    if (!isLoading && mapViewRef.current) {\n      onSubmissionValueChange()\n    }\n    // only run the above when the submission value changes or the map finishes loading\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value, isLoading])\n\n  const drawingOptionsContainerId = `OneBlinkDrawingOptionsSelector-${element.id}`\n\n  React.useEffect(() => {\n    const loadMap = async () => {\n      try {\n        const map = new WebMap({\n          portalItem: {\n            id: element.webMapId,\n          },\n          basemap: element.basemapId || 'streets',\n        })\n        await map.load()\n\n        const view = new MapView({\n          map: map,\n          container: ref.current || undefined,\n          popup: new Popup({\n            dockEnabled: true,\n            dockOptions: {\n              buttonEnabled: false,\n              breakpoint: false,\n              position: 'bottom-left',\n            },\n          }),\n        })\n\n        // remove default widgets\n        const components = view.ui.getComponents()\n        for (const component of components) {\n          view.ui.remove(component)\n        }\n\n        if (element.addressSearchWidgetEnabled) {\n          view.ui.add(\n            new Search({\n              view,\n            }),\n            'top-left',\n          )\n        }\n\n        if (element.homeWidgetEnabled) {\n          view.ui.add(\n            new Home({\n              view,\n            }),\n            'top-left',\n          )\n        }\n\n        view.ui.add(\n          new Zoom({\n            view,\n          }),\n          'bottom-right',\n        )\n\n        const layerList = new LayerList({\n          view,\n        })\n\n        layerPanelRef.current = new Expand({\n          expandIcon: 'layers',\n          view,\n          content: layerList,\n          expanded: element.showLayerPanel,\n          mode: 'floating',\n          visible: false,\n        })\n\n        view.ui.add(layerPanelRef.current, 'top-right')\n\n        const baseMapGallery = new BaseMapGallery({ view })\n\n        mapGalleryPanelRef.current = new Expand({\n          expandIcon: 'basemap',\n          view,\n          content: baseMapGallery,\n          mode: 'floating',\n          visible: false,\n        })\n\n        view.ui.add(mapGalleryPanelRef.current, 'top-left')\n\n        if (!element.readOnly && element.allowedDrawingTools?.length) {\n          const drawingLayer = new GraphicsLayer({\n            id: uuid(),\n            title: 'Drawing',\n          })\n          drawingLayerRef.current = drawingLayer\n          map.layers.add(drawingLayer)\n          const sketch = new Sketch({\n            view,\n            layer: drawingLayer,\n            creationMode: 'single',\n            layout: 'vertical',\n            availableCreateTools: [\n              'point',\n              'polyline',\n              'polygon',\n              'rectangle',\n              'circle',\n            ].filter((createTool) =>\n              element.allowedDrawingTools?.find(\n                (tool) => tool.type === createTool,\n              ),\n            ),\n            // hiding the below by default\n            visibleElements: {\n              duplicateButton: false,\n              settingsMenu: false,\n              undoRedoMenu: false,\n              selectionTools: {\n                'lasso-selection': false,\n                'rectangle-selection': false,\n              },\n            },\n          })\n          sketchToolRef.current = sketch\n          view.ui.add(sketch, 'bottom-right')\n          view.ui.add(drawingOptionsContainerId, 'bottom-right')\n        }\n\n        // once the view has loaded\n        view.when(() => {\n          mapViewRef.current = view\n          setIsLoading(false)\n        })\n      } catch (e) {\n        console.warn('Error while trying to load arcgis web map ', e)\n        setLoadError(e as Error)\n        setIsLoading(false)\n      }\n    }\n\n    if (!mapViewRef.current && !isLoading) {\n      setIsLoading(true)\n      loadMap()\n    }\n  }, [drawingOptionsContainerId, element, isLoading, value])\n\n  React.useEffect(() => {\n    if (!isLoading) {\n      if (isPageVisible) {\n        if (layerPanelRef.current) {\n          layerPanelRef.current.visible = true\n        }\n        if (mapGalleryPanelRef.current) {\n          mapGalleryPanelRef.current.visible = true\n        }\n      } else {\n        if (layerPanelRef.current) {\n          layerPanelRef.current.visible = false\n        }\n        if (mapGalleryPanelRef.current) {\n          mapGalleryPanelRef.current.visible = false\n        }\n      }\n    }\n  }, [isPageVisible, isLoading])\n\n  if (loadError) {\n    return (\n      <figure className=\"ob-figure\">\n        <div className=\"figure-content has-text-centered\">\n          <MaterialIcon className=\"icon-large has-margin-bottom-6 has-text-warning\">\n            error\n          </MaterialIcon>\n          <h4 className=\"title is-4\">We were unable to display your web map</h4>\n          <p>{loadError.message}</p>\n        </div>\n      </figure>\n    )\n  }\n\n  return (\n    <>\n      {isLoading && <OnLoading />}\n      <div\n        className=\"arcgis-web-map\"\n        ref={ref}\n        id={id}\n        aria-describedby={props['aria-describedby']}\n      />\n      <div id={drawingOptionsContainerId}>\n        {!!activeSketchToolMenu && sketchToolRef.current && (\n          <DrawingOptionsList\n            options={\n              element.allowedDrawingTools?.find(\n                (tool) => tool.type === activeSketchToolMenu,\n              )?.graphicAttributeOptions || []\n            }\n            onClose={() => setActiveSketchToolMenu(undefined)}\n            setSelectedGraphicAttributes={(opt) => {\n              setSelectedGraphicAttributes(opt)\n            }}\n            sketchToolType={activeSketchToolMenu}\n            sketchTool={sketchToolRef.current}\n          />\n        )}\n      </div>\n    </>\n  )\n}\n\nexport default React.memo(FormElementArcGISWebMap)\n"]}
+{"version":3,"file":"ArcGISWebMap.js","sourceRoot":"","sources":["../../src/components/ArcGISWebMap.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { FormTypes } from '@oneblink/types'\nimport MapView from '@arcgis/core/views/MapView'\nimport WebMap from '@arcgis/core/WebMap'\nimport Home from '@arcgis/core/widgets/Home'\nimport Search from '@arcgis/core/widgets/Search'\nimport Zoom from '@arcgis/core/widgets/Zoom'\nimport LayerList from '@arcgis/core/widgets/LayerList'\nimport Expand from '@arcgis/core/widgets/Expand'\nimport BaseMapGallery from '@arcgis/core/widgets/BasemapGallery'\nimport Sketch from '@arcgis/core/widgets/Sketch'\nimport GraphicsLayer from '@arcgis/core/layers/GraphicsLayer'\nimport Graphic from '@arcgis/core/Graphic'\nimport Layer from '@arcgis/core/layers/Layer'\nimport Popup from '@arcgis/core/widgets/Popup'\nimport {\n  Point,\n  Polygon,\n  SpatialReference,\n  Polyline,\n} from '@arcgis/core/geometry'\nimport TextSymbol from '@arcgis/core/symbols/TextSymbol'\nimport * as geometryEngine from '@arcgis/core/geometry/geometryEngine'\nimport { Box, Divider, IconButton } from '@mui/material'\nimport throttle from 'lodash.throttle'\nimport { localisationService } from '@oneblink/apps'\nimport { v4 as uuid } from 'uuid'\n\nimport OnLoading from '../components/renderer/OnLoading'\nimport MaterialIcon from './MaterialIcon'\n\nimport useIsPageVisible from '../hooks/useIsPageVisible'\nimport { ArcGISWebMapElementValue } from '@oneblink/types/typescript/arcgis'\nimport { FormElementValueChangeHandler } from '../types/form'\nimport '../styles/arcgis-external.css'\n\ntype Props = {\n  element: FormTypes.ArcGISWebMapElement\n  id: string\n  value: ArcGISWebMapElementValue | undefined\n  onChange: FormElementValueChangeHandler<ArcGISWebMapElementValue>\n  'aria-describedby'?: string\n  setIsDirty: () => void\n}\n\ntype SketchCreateTool = Parameters<Sketch['create']>[0]\n\nfunction DrawingOptionsList({\n  options,\n  sketchTool,\n  onClose,\n  sketchToolType,\n  setSelectedGraphicAttributes,\n}: {\n  options: { id: string; label: string; value: string; description?: string }[]\n  onClose: () => void\n  sketchTool: Sketch\n  sketchToolType: SketchCreateTool\n  setSelectedGraphicAttributes: (opt: {\n    label: string\n    value: string\n    description?: string\n  }) => void\n}) {\n  return (\n    <div className=\"esri-widget\">\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n        }}\n      >\n        <b style={{ padding: '0.5rem' }}>Select an option</b>\n        <IconButton\n          onClick={(e) => {\n            e.stopPropagation()\n            onClose()\n          }}\n          size=\"small\"\n          data-cypress=\"copy-to-clip-board-button\"\n        >\n          <MaterialIcon fontSize=\"small\">close</MaterialIcon>\n        </IconButton>\n      </Box>\n      <Divider sx={{ backgroundColor: 'unset', margin: '0px 8px' }} />\n      <Box sx={{ maxHeight: '200px', overflowY: 'auto' }}>\n        {options?.map(({ id, value, label, description }) => (\n          <div\n            key={id}\n            className=\"ob-list__item is-clickable\"\n            style={{ alignItems: 'center' }}\n            onClick={() => {\n              onClose()\n              sketchTool?.create(sketchToolType)\n              setSelectedGraphicAttributes({ value, label, description })\n            }}\n          >\n            {label}\n          </div>\n        ))}\n      </Box>\n    </div>\n  )\n}\n\nfunction FormElementArcGISWebMap({\n  element,\n  id,\n  value,\n  onChange,\n  setIsDirty,\n  ...props\n}: Props) {\n  const ref = React.useRef<HTMLDivElement | null>(null)\n  const layerPanelRef = React.useRef<Expand>()\n  const mapGalleryPanelRef = React.useRef<Expand>()\n  const sketchToolRef = React.useRef<Sketch>()\n  const drawingLayerRef = React.useRef<GraphicsLayer>()\n  const selectedGraphicForUpdate = React.useRef<string>()\n  const mapViewRef = React.useRef<MapView>()\n  const measurementLayerRef = React.useRef<GraphicsLayer>()\n\n  const [overlayLayerIds, setOverlayLayerIds] = React.useState<string[]>()\n  const [loadError, setLoadError] = React.useState<Error>()\n  const [isLoading, setIsLoading] = React.useState<boolean>(false)\n  const isPageVisible = useIsPageVisible()\n  const [selectedGraphicAttributes, setSelectedGraphicAttributes] =\n    React.useState<{\n      value: string\n      label: string\n      description?: string\n    }>()\n  // only used when an allowed drawing tool also has a list of graphic attribute options to display to the user\n  const [activeSketchToolMenu, setActiveSketchToolMenu] =\n    React.useState<SketchCreateTool>()\n\n  const updateDrawingInputSubmissionValue = React.useCallback(() => {\n    const updatedGraphics = drawingLayerRef.current?.graphics\n      .toArray()\n      .map((graphic) => graphic.toJSON())\n\n    onChange(element, {\n      value: {\n        ...(value || {}),\n        drawingLayer: updatedGraphics,\n        userInput: updatedGraphics,\n      },\n    })\n\n    setIsDirty()\n  }, [element, onChange, setIsDirty, value])\n\n  const updateMapViewSubmissionValue = React.useCallback(() => {\n    const zoom = mapViewRef.current?.zoom\n    const latitude = mapViewRef.current?.center.latitude\n    const longitude = mapViewRef.current?.center.longitude\n    if (zoom && latitude && longitude) {\n      onChange(element, {\n        value: {\n          ...(value || {}),\n          view: {\n            zoom,\n            latitude,\n            longitude,\n          },\n        },\n      })\n    }\n  }, [element, onChange, value])\n\n  const getGeometryPoints = (\n    geom: __esri.Geometry,\n    spatialRef: SpatialReference,\n  ) => {\n    if (geom.type === 'polygon') {\n      const polygon = geom as Polygon\n      return polygon.rings[0].map(\n        (ring) =>\n          new Point({\n            x: ring[0],\n            y: ring[1],\n            spatialReference: spatialRef,\n          }),\n      )\n    } else if (geom.type === 'polyline') {\n      const polyline = geom as Polyline\n      return polyline.paths[0].map(\n        (path) =>\n          new Point({\n            x: path[0],\n            y: path[1],\n            spatialReference: spatialRef,\n          }),\n      )\n    }\n  }\n\n  const addMeasurementLabels = React.useCallback(\n    (graphics: __esri.Graphic[]) => {\n      const spatialRef = new SpatialReference({ wkid: 3857 })\n      const measurementLayer = measurementLayerRef.current\n      const mapView = mapViewRef.current\n      if (!measurementLayer || !mapView) return\n      measurementLayer.removeAll()\n\n      for (const graphic of graphics) {\n        const geom = graphic.geometry\n        if (!geom || (geom.type !== 'polygon' && geom.type !== 'polyline'))\n          continue\n\n        const points = getGeometryPoints(geom, spatialRef)\n        if (!points) continue\n\n        const { distanceUnit, distanceUnitShortName } =\n          localisationService.getDistanceUnits()\n        if (distanceUnit !== 'meters' && distanceUnit !== 'feet') {\n          console.warn(\n            'Unsupported distance unit provided in tenant configuration: ',\n            distanceUnit,\n          )\n          return\n        }\n        const graphics: Graphic[] = []\n\n        for (let i = 1; i < points.length; i++) {\n          const distance = geometryEngine.distance(\n            points[i],\n            points[i - 1],\n            distanceUnit,\n          )\n\n          const x1 = points[i].x\n          const x2 = points[i - 1].x\n          const y1 = points[i].y\n          const y2 = points[i - 1].y\n\n          const midpoint = new Point({\n            x: (x1 + x2) / 2,\n            y: (y1 + y2) / 2,\n            spatialReference: spatialRef,\n          })\n\n          // Angle of the measurement label - this will be rotated to be parallel with the polygon or polyline edge\n          const dx = x2 - x1\n          const dy = y2 - y1\n          const radians = Math.atan2(dy, dx)\n          let angle = radians * (-180 / Math.PI)\n          if (angle > 90 || angle < -90) {\n            angle += 180\n          }\n\n          // offset of the measurement label against the edge of the polygon/polyline it's measuring\n          const pixelOffset = 10\n          const normalAngle = radians + Math.PI / 2\n          const offsetScreenX = pixelOffset * Math.cos(normalAngle)\n          const offsetScreenY = pixelOffset * Math.sin(normalAngle)\n\n          const screenPoint = mapView.toScreen(midpoint)\n          screenPoint.x += offsetScreenX\n          screenPoint.y -= offsetScreenY\n          const offsetMapPoint = mapView.toMap(screenPoint)\n\n          graphics.push(\n            new Graphic({\n              geometry: offsetMapPoint,\n              symbol: new TextSymbol({\n                text: distance.toFixed(0) + distanceUnitShortName,\n                color: 'black',\n                haloColor: 'white',\n                haloSize: 1,\n                angle,\n              }),\n            }),\n          )\n        }\n\n        measurementLayer.addMany(graphics)\n        mapViewRef.current?.map.reorder(\n          measurementLayer,\n          mapViewRef.current?.map.layers.length,\n        )\n      }\n    },\n    [],\n  )\n\n  const clearMeasurementLabels = React.useCallback(() => {\n    if (measurementLayerRef.current) {\n      measurementLayerRef.current.removeAll()\n    }\n  }, [])\n\n  React.useEffect(() => {\n    if (element.readOnly) return\n    // event listeners for drawing tool creates/updates/deletes\n    // these need to be removed and recreated when the submission value changes\n    // to ensure they always have access to the latest submission value\n    const createListener = sketchToolRef.current?.on(\n      'create',\n      throttle((sketchEvent: __esri.SketchCreateEvent) => {\n        if (sketchEvent.state === 'active') {\n          addMeasurementLabels([sketchEvent.graphic])\n        }\n        if (sketchEvent.state === 'complete') {\n          if (selectedGraphicAttributes) {\n            sketchEvent.graphic.attributes = {\n              name: selectedGraphicAttributes.value,\n              label: selectedGraphicAttributes.label,\n              description: selectedGraphicAttributes.description,\n            }\n            setSelectedGraphicAttributes(undefined)\n          }\n          updateDrawingInputSubmissionValue()\n          clearMeasurementLabels()\n        }\n        if (sketchEvent.state === 'cancel') {\n          setSelectedGraphicAttributes(undefined)\n          clearMeasurementLabels()\n        }\n      }, 100),\n    )\n\n    const updateListener = sketchToolRef.current?.on(\n      'update',\n      throttle((sketchEvent: __esri.SketchUpdateEvent) => {\n        if (sketchEvent.state === 'active') {\n          addMeasurementLabels(sketchEvent.graphics)\n        }\n        if (sketchEvent.state === 'complete') {\n          // only update the submission value if the graphic's geometry was actually changed\n          if (\n            JSON.stringify(sketchEvent.graphics[0].geometry.toJSON()) !==\n            selectedGraphicForUpdate.current\n          ) {\n            updateDrawingInputSubmissionValue()\n          }\n          selectedGraphicForUpdate.current = undefined\n          clearMeasurementLabels()\n        }\n        if (sketchEvent.state === 'start') {\n          selectedGraphicForUpdate.current = JSON.stringify(\n            sketchEvent.graphics[0].geometry.clone().toJSON(),\n          )\n          addMeasurementLabels(sketchEvent.graphics)\n        }\n      }, 100),\n    )\n\n    const deleteListener = sketchToolRef.current?.on('delete', () => {\n      mapViewRef.current?.closePopup()\n      updateDrawingInputSubmissionValue()\n      clearMeasurementLabels()\n    })\n\n    const mapViewChangeListener = mapViewRef.current?.watch(\n      'stationary',\n      () => {\n        const mapView = mapViewRef.current\n        if (mapView && mapView.stationary) {\n          const hasViewChanged =\n            mapView.zoom !== value?.view?.zoom ||\n            mapView.center.longitude !== value?.view?.longitude ||\n            mapView.center.latitude !== value?.view?.latitude\n          if (hasViewChanged) {\n            updateMapViewSubmissionValue()\n          }\n        }\n      },\n    )\n\n    const sketchToolListener = sketchToolRef.current?.viewModel.watch(\n      'activeTool',\n      () => {\n        if (selectedGraphicAttributes) {\n          return\n        }\n        const activeTool = sketchToolRef.current?.activeTool\n        const hasGraphicAttributeOptions = !!element.allowedDrawingTools?.find(\n          (tool) => tool.type === activeTool,\n        )?.graphicAttributeOptions?.length\n\n        if (activeTool) {\n          if (\n            hasGraphicAttributeOptions &&\n            (activeTool === 'point' ||\n              activeTool === 'polygon' ||\n              activeTool === 'circle' ||\n              activeTool === 'rectangle' ||\n              activeTool === 'polyline')\n          ) {\n            // the sketch.create() fn only allows active tools of the above 5 types\n            // hence we must check above to keep the types happy further down the line\n            sketchToolRef.current?.cancel()\n            setActiveSketchToolMenu(activeTool)\n          } else {\n            setActiveSketchToolMenu(undefined)\n          }\n        }\n      },\n    )\n\n    mapViewRef.current?.on('click', (event) => {\n      mapViewRef.current?.hitTest(event).then((response) => {\n        // the \"hit test\" will typically yield the graphic we want to display the popup for,\n        // and an ArcGIS built-in graphic which highlights the selected graphic.\n        // By filtering for the graphic with the \"label\" attribute, we're able to reliably\n        // get the graphic we want to display the popup for.\n        const result = response.results\n          .filter((r) => r.type === 'graphic')\n          .find((r) => !!r.graphic.attributes?.label)\n\n        if (result) {\n          mapViewRef.current?.openPopup({\n            title: result.graphic.attributes.label,\n            content: result.graphic.attributes.description,\n          })\n        }\n      })\n    })\n\n    return () => {\n      createListener?.remove()\n      updateListener?.remove()\n      deleteListener?.remove()\n      mapViewChangeListener?.remove()\n      sketchToolListener?.remove()\n    }\n  }, [\n    isLoading,\n    value,\n    updateDrawingInputSubmissionValue,\n    updateMapViewSubmissionValue,\n    element,\n    selectedGraphicAttributes,\n    addMeasurementLabels,\n    clearMeasurementLabels,\n  ])\n\n  const onSubmissionValueChange = React.useCallback(() => {\n    const view = mapViewRef.current\n    const map = mapViewRef.current?.map\n    if (!view || !map) return\n\n    const newLayerIds = value?.layers?.map((l) => l.id)\n    // remove map layers no longer in submission value\n    if (overlayLayerIds) {\n      const layersToRemove = overlayLayerIds.reduce((toRemove: Layer[], id) => {\n        if (!newLayerIds?.includes(id)) {\n          const layer = map.layers.find((layer) => layer.id === id)\n          if (layer) toRemove.push(layer)\n        }\n        return toRemove\n      }, [])\n      map.layers.removeMany(layersToRemove)\n    }\n\n    if (value?.layers) {\n      // determine if a layer is new or existing and handle accordingly\n      for (const layer of value.layers) {\n        const existingLayer = map.layers.find(\n          (mapLayer) => mapLayer.id === layer.id,\n        )\n        if (!existingLayer) {\n          const newLayer = new GraphicsLayer({\n            title: layer.title as string,\n            id: layer.id,\n          })\n          newLayer.addMany(layer.graphics.map((g) => Graphic.fromJSON(g)))\n          map.layers.add(newLayer)\n        } else if (existingLayer && existingLayer.type === 'graphics') {\n          const existingGraphicLayer = existingLayer as GraphicsLayer\n          existingGraphicLayer.title = layer.title\n          existingGraphicLayer.graphics.removeAll()\n          existingGraphicLayer.addMany(\n            layer.graphics.map((g) => Graphic.fromJSON(g)),\n          )\n        }\n      }\n    }\n\n    // finally, set the new layer ids in state\n    setOverlayLayerIds(newLayerIds)\n\n    // update the web map's drawing layers\n    const drawingLayer = drawingLayerRef.current\n    if (value?.drawingLayer && drawingLayer) {\n      drawingLayer.removeAll()\n      drawingLayer.addMany(value.drawingLayer.map((g) => Graphic.fromJSON(g)))\n    }\n    if (value?.view) {\n      view.zoom = value.view.zoom\n      view.center = new Point({\n        latitude: value.view.latitude,\n        longitude: value.view.longitude,\n      })\n    }\n  }, [overlayLayerIds, value])\n\n  React.useEffect(() => {\n    if (!isLoading && mapViewRef.current) {\n      onSubmissionValueChange()\n    }\n    // only run the above when the submission value changes or the map finishes loading\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value, isLoading])\n\n  const drawingOptionsContainerId = `OneBlinkDrawingOptionsSelector-${element.id}`\n\n  React.useEffect(() => {\n    const loadMap = async () => {\n      try {\n        const map = new WebMap({\n          portalItem: {\n            id: element.webMapId,\n          },\n          basemap: element.basemapId || 'streets',\n        })\n        await map.load()\n\n        const view = new MapView({\n          map: map,\n          container: ref.current || undefined,\n          popup: new Popup({\n            dockEnabled: true,\n            dockOptions: {\n              buttonEnabled: false,\n              breakpoint: false,\n              position: 'bottom-left',\n            },\n          }),\n        })\n\n        // remove default widgets\n        const components = view.ui.getComponents()\n        for (const component of components) {\n          view.ui.remove(component)\n        }\n\n        if (element.addressSearchWidgetEnabled) {\n          view.ui.add(\n            new Search({\n              view,\n            }),\n            'top-left',\n          )\n        }\n\n        if (element.homeWidgetEnabled) {\n          view.ui.add(\n            new Home({\n              view,\n            }),\n            'top-left',\n          )\n        }\n\n        view.ui.add(\n          new Zoom({\n            view,\n          }),\n          'bottom-right',\n        )\n\n        const layerList = new LayerList({\n          view,\n        })\n\n        layerPanelRef.current = new Expand({\n          expandIcon: 'layers',\n          view,\n          content: layerList,\n          expanded: element.showLayerPanel,\n          mode: 'floating',\n          visible: false,\n        })\n\n        view.ui.add(layerPanelRef.current, 'top-right')\n\n        const baseMapGallery = new BaseMapGallery({ view })\n\n        mapGalleryPanelRef.current = new Expand({\n          expandIcon: 'basemap',\n          view,\n          content: baseMapGallery,\n          mode: 'floating',\n          visible: false,\n        })\n\n        view.ui.add(mapGalleryPanelRef.current, 'top-left')\n\n        if (!element.readOnly && element.allowedDrawingTools?.length) {\n          const drawingLayer = new GraphicsLayer({\n            id: uuid(),\n            title: 'Drawing',\n          })\n          drawingLayerRef.current = drawingLayer\n          map.layers.add(drawingLayer)\n\n          // Add measurement layer above drawing layer\n          const measurementLayer = new GraphicsLayer({\n            id: uuid(),\n            title: 'Measurements',\n            listMode: 'hide',\n          })\n          measurementLayerRef.current = measurementLayer\n          map.layers.add(measurementLayer)\n\n          const sketch = new Sketch({\n            view,\n            layer: drawingLayer,\n            creationMode: 'single',\n            layout: 'vertical',\n            availableCreateTools: [\n              'point',\n              'polyline',\n              'polygon',\n              'rectangle',\n              'circle',\n            ].filter((createTool) =>\n              element.allowedDrawingTools?.find(\n                (tool) => tool.type === createTool,\n              ),\n            ),\n            // hiding the below by default\n            visibleElements: {\n              duplicateButton: false,\n              settingsMenu: false,\n              undoRedoMenu: false,\n              selectionTools: {\n                'lasso-selection': false,\n                'rectangle-selection': false,\n              },\n            },\n          })\n          sketchToolRef.current = sketch\n          view.ui.add(sketch, 'bottom-right')\n          view.ui.add(drawingOptionsContainerId, 'bottom-right')\n        }\n\n        // once the view has loaded\n        view.when(() => {\n          mapViewRef.current = view\n          setIsLoading(false)\n        })\n      } catch (e) {\n        console.warn('Error while trying to load arcgis web map ', e)\n        setLoadError(e as Error)\n        setIsLoading(false)\n      }\n    }\n\n    if (!mapViewRef.current && !isLoading) {\n      setIsLoading(true)\n      loadMap()\n    }\n  }, [drawingOptionsContainerId, element, isLoading, value])\n\n  React.useEffect(() => {\n    if (!isLoading) {\n      if (isPageVisible) {\n        if (layerPanelRef.current) {\n          layerPanelRef.current.visible = true\n        }\n        if (mapGalleryPanelRef.current) {\n          mapGalleryPanelRef.current.visible = true\n        }\n      } else {\n        if (layerPanelRef.current) {\n          layerPanelRef.current.visible = false\n        }\n        if (mapGalleryPanelRef.current) {\n          mapGalleryPanelRef.current.visible = false\n        }\n      }\n    }\n  }, [isPageVisible, isLoading])\n\n  if (loadError) {\n    return (\n      <figure className=\"ob-figure\">\n        <div className=\"figure-content has-text-centered\">\n          <MaterialIcon className=\"icon-large has-margin-bottom-6 has-text-warning\">\n            error\n          </MaterialIcon>\n          <h4 className=\"title is-4\">We were unable to display your web map</h4>\n          <p>{loadError.message}</p>\n        </div>\n      </figure>\n    )\n  }\n\n  return (\n    <>\n      {isLoading && <OnLoading />}\n      <div\n        className=\"arcgis-web-map\"\n        ref={ref}\n        id={id}\n        aria-describedby={props['aria-describedby']}\n      />\n      <div id={drawingOptionsContainerId}>\n        {!!activeSketchToolMenu && sketchToolRef.current && (\n          <DrawingOptionsList\n            options={\n              element.allowedDrawingTools?.find(\n                (tool) => tool.type === activeSketchToolMenu,\n              )?.graphicAttributeOptions || []\n            }\n            onClose={() => setActiveSketchToolMenu(undefined)}\n            setSelectedGraphicAttributes={(opt) => {\n              setSelectedGraphicAttributes(opt)\n            }}\n            sketchToolType={activeSketchToolMenu}\n            sketchTool={sketchToolRef.current}\n          />\n        )}\n      </div>\n    </>\n  )\n}\n\nexport default React.memo(FormElementArcGISWebMap)\n"]}

package/dist/components/formStore/table/getVersionedState.d.ts

@@ -1,9 +1,9 @@
 import { FormStoreRecord } from '@oneblink/types/typescript/submissions';
 import { TableState } from 'react-table';
-export declare const defaultHiddenColumns: string[];
+export declare const latestStateVersion: string | undefined;
 export type FormTableState = Partial<TableState<FormStoreRecord>> & {
     defaultHiddenColumnsVersion?: string;
-    formId?: number;
+    formId: number;
 };
-export declare const getVersionedFormTableState: (initialState: FormTableState) => FormTableState | undefined;
+export declare const getVersionedFormTableState: (initialState: FormTableState) => FormTableState;
 export default getVersionedFormTableState;

package/dist/components/formStore/table/getVersionedState.js

@@ -1,35 +1,46 @@
-export const defaultHiddenColumns = [
-    'SUBMISSION_ID',
-    'EXTERNAL_ID',
-    'TASK',
-    'TASK_ACTION',
-    'TASK_GROUP',
-    'TASK_GROUP_INSTANCE',
+const defaultHiddenColumns = [
+    {
+        version: undefined,
+        hiddenColumns: ['SUBMISSION_ID', 'EXTERNAL_ID'],
+    },
+    {
+        version: 'V1',
+        hiddenColumns: ['TASK', 'TASK_ACTION', 'TASK_GROUP', 'TASK_GROUP_INSTANCE'],
+    },
+    {
+        version: 'V2',
+        hiddenColumns: ['COMPLETED_AT'],
+    },
 ];
-const removeUnhiddenDefaultColumns = (state, columnsSet) => {
-    if (!Array.isArray(state.hiddenColumns)) {
-        return;
-    }
-    // Indices of the old default hidden columns array, update when creating new version
-    for (let i = 0; i < 2; i++) {
-        if (!state.hiddenColumns.includes(defaultHiddenColumns[i])) {
-            columnsSet.delete(defaultHiddenColumns[i]);
-        }
-    }
-    return columnsSet;
-};
+export const latestStateVersion = defaultHiddenColumns[defaultHiddenColumns.length - 1].version;
 export const getVersionedFormTableState = (initialState) => {
     const state = { ...initialState };
-    if (state &&
-        Array.isArray(state.hiddenColumns) &&
-        state.defaultHiddenColumnsVersion !== 'V1') {
-        const columnsSet = removeUnhiddenDefaultColumns(state, new Set([...defaultHiddenColumns, ...state.hiddenColumns]));
-        if (!columnsSet) {
-            return;
+    // If there are no hidden columns yet, meaning it is a
+    // brand new state, hide all default columns.
+    if (!Array.isArray(state.hiddenColumns)) {
+        state.hiddenColumns = defaultHiddenColumns.reduce((memo, defaultHiddenColumn) => {
+            return [...memo, ...defaultHiddenColumn.hiddenColumns];
+        }, []);
+    }
+    else if (state.defaultHiddenColumnsVersion !== latestStateVersion) {
+        // If the state is not up to the latest version, find the next version
+        // and add the new defaults
+        let foundVersion = false;
+        const columnsSet = new Set(state.hiddenColumns);
+        for (const defaultHiddenColumn of defaultHiddenColumns) {
+            if (defaultHiddenColumn.version === state.defaultHiddenColumnsVersion) {
+                foundVersion = true;
+                continue;
+            }
+            if (foundVersion) {
+                for (const hiddenColumn of defaultHiddenColumn.hiddenColumns) {
+                    columnsSet.add(hiddenColumn);
+                }
+            }
         }
         state.hiddenColumns = Array.from(columnsSet);
-        state.defaultHiddenColumnsVersion = 'V1';
     }
+    state.defaultHiddenColumnsVersion = latestStateVersion;
     return state;
 };
 export default getVersionedFormTableState;

package/dist/components/formStore/table/getVersionedState.js.map

@@ -1 +1 @@
-{"version":3,"file":"getVersionedState.js","sourceRoot":"","sources":["../../../../src/components/formStore/table/getVersionedState.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,eAAe;IACf,aAAa;IACb,MAAM;IACN,aAAa;IACb,YAAY;IACZ,qBAAqB;CACtB,CAAA;AAOD,MAAM,4BAA4B,GAAG,CACnC,KAA8B,EAC9B,UAAuB,EACvB,EAAE;IACF,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,CAAC;QACxC,OAAM;IACR,CAAC;IAED,oFAAoF;IACpF,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;QAC3B,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;YAC3D,UAAU,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAA;QAC5C,CAAC;IACH,CAAC;IAED,OAAO,UAAU,CAAA;AACnB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,0BAA0B,GAAG,CACxC,YAA4B,EACA,EAAE;IAC9B,MAAM,KAAK,GAAG,EAAE,GAAG,YAAY,EAAE,CAAA;IACjC,IACE,KAAK;QACL,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC;QAClC,KAAK,CAAC,2BAA2B,KAAK,IAAI,EAC1C,CAAC;QACD,MAAM,UAAU,GAAG,4BAA4B,CAC7C,KAAK,EACL,IAAI,GAAG,CAAC,CAAC,GAAG,oBAAoB,EAAE,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAC3D,CAAA;QAED,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,OAAM;QACR,CAAC;QAED,KAAK,CAAC,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;QAC5C,KAAK,CAAC,2BAA2B,GAAG,IAAI,CAAA;IAC1C,CAAC;IACD,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAED,eAAe,0BAA0B,CAAA","sourcesContent":["import { FormStoreRecord } from '@oneblink/types/typescript/submissions'\nimport { TableState } from 'react-table'\n\nexport const defaultHiddenColumns = [\n  'SUBMISSION_ID',\n  'EXTERNAL_ID',\n  'TASK',\n  'TASK_ACTION',\n  'TASK_GROUP',\n  'TASK_GROUP_INSTANCE',\n]\n\nexport type FormTableState = Partial<TableState<FormStoreRecord>> & {\n  defaultHiddenColumnsVersion?: string\n  formId?: number\n}\n\nconst removeUnhiddenDefaultColumns = (\n  state: Record<string, unknown>,\n  columnsSet: Set<string>,\n) => {\n  if (!Array.isArray(state.hiddenColumns)) {\n    return\n  }\n\n  // Indices of the old default hidden columns array, update when creating new version\n  for (let i = 0; i < 2; i++) {\n    if (!state.hiddenColumns.includes(defaultHiddenColumns[i])) {\n      columnsSet.delete(defaultHiddenColumns[i])\n    }\n  }\n\n  return columnsSet\n}\n\nexport const getVersionedFormTableState = (\n  initialState: FormTableState,\n): FormTableState | undefined => {\n  const state = { ...initialState }\n  if (\n    state &&\n    Array.isArray(state.hiddenColumns) &&\n    state.defaultHiddenColumnsVersion !== 'V1'\n  ) {\n    const columnsSet = removeUnhiddenDefaultColumns(\n      state,\n      new Set([...defaultHiddenColumns, ...state.hiddenColumns]),\n    )\n\n    if (!columnsSet) {\n      return\n    }\n\n    state.hiddenColumns = Array.from(columnsSet)\n    state.defaultHiddenColumnsVersion = 'V1'\n  }\n  return state\n}\n\nexport default getVersionedFormTableState\n"]}
+{"version":3,"file":"getVersionedState.js","sourceRoot":"","sources":["../../../../src/components/formStore/table/getVersionedState.ts"],"names":[],"mappings":"AAGA,MAAM,oBAAoB,GAAG;IAC3B;QACE,OAAO,EAAE,SAAS;QAClB,aAAa,EAAE,CAAC,eAAe,EAAE,aAAa,CAAC;KAChD;IACD;QACE,OAAO,EAAE,IAAI;QACb,aAAa,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,qBAAqB,CAAC;KAC5E;IACD;QACE,OAAO,EAAE,IAAI;QACb,aAAa,EAAE,CAAC,cAAc,CAAC;KAChC;CACF,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAC7B,oBAAoB,CAAC,oBAAoB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,OAAO,CAAA;AAO/D,MAAM,CAAC,MAAM,0BAA0B,GAAG,CACxC,YAA4B,EACZ,EAAE;IAClB,MAAM,KAAK,GAAG,EAAE,GAAG,YAAY,EAAE,CAAA;IACjC,sDAAsD;IACtD,6CAA6C;IAC7C,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,CAAC;QACxC,KAAK,CAAC,aAAa,GAAG,oBAAoB,CAAC,MAAM,CAC/C,CAAC,IAAI,EAAE,mBAAmB,EAAE,EAAE;YAC5B,OAAO,CAAC,GAAG,IAAI,EAAE,GAAG,mBAAmB,CAAC,aAAa,CAAC,CAAA;QACxD,CAAC,EACD,EAAE,CACH,CAAA;IACH,CAAC;SAAM,IAAI,KAAK,CAAC,2BAA2B,KAAK,kBAAkB,EAAE,CAAC;QACpE,sEAAsE;QACtE,2BAA2B;QAC3B,IAAI,YAAY,GAAG,KAAK,CAAA;QACxB,MAAM,UAAU,GAAG,IAAI,GAAG,CAAS,KAAK,CAAC,aAAa,CAAC,CAAA;QACvD,KAAK,MAAM,mBAAmB,IAAI,oBAAoB,EAAE,CAAC;YACvD,IAAI,mBAAmB,CAAC,OAAO,KAAK,KAAK,CAAC,2BAA2B,EAAE,CAAC;gBACtE,YAAY,GAAG,IAAI,CAAA;gBACnB,SAAQ;YACV,CAAC;YAED,IAAI,YAAY,EAAE,CAAC;gBACjB,KAAK,MAAM,YAAY,IAAI,mBAAmB,CAAC,aAAa,EAAE,CAAC;oBAC7D,UAAU,CAAC,GAAG,CAAC,YAAY,CAAC,CAAA;gBAC9B,CAAC;YACH,CAAC;QACH,CAAC;QAED,KAAK,CAAC,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;IAC9C,CAAC;IAED,KAAK,CAAC,2BAA2B,GAAG,kBAAkB,CAAA;IAEtD,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAED,eAAe,0BAA0B,CAAA","sourcesContent":["import { FormStoreRecord } from '@oneblink/types/typescript/submissions'\nimport { TableState } from 'react-table'\n\nconst defaultHiddenColumns = [\n  {\n    version: undefined,\n    hiddenColumns: ['SUBMISSION_ID', 'EXTERNAL_ID'],\n  },\n  {\n    version: 'V1',\n    hiddenColumns: ['TASK', 'TASK_ACTION', 'TASK_GROUP', 'TASK_GROUP_INSTANCE'],\n  },\n  {\n    version: 'V2',\n    hiddenColumns: ['COMPLETED_AT'],\n  },\n]\n\nexport const latestStateVersion =\n  defaultHiddenColumns[defaultHiddenColumns.length - 1].version\n\nexport type FormTableState = Partial<TableState<FormStoreRecord>> & {\n  defaultHiddenColumnsVersion?: string\n  formId: number\n}\n\nexport const getVersionedFormTableState = (\n  initialState: FormTableState,\n): FormTableState => {\n  const state = { ...initialState }\n  // If there are no hidden columns yet, meaning it is a\n  // brand new state, hide all default columns.\n  if (!Array.isArray(state.hiddenColumns)) {\n    state.hiddenColumns = defaultHiddenColumns.reduce<string[]>(\n      (memo, defaultHiddenColumn) => {\n        return [...memo, ...defaultHiddenColumn.hiddenColumns]\n      },\n      [],\n    )\n  } else if (state.defaultHiddenColumnsVersion !== latestStateVersion) {\n    // If the state is not up to the latest version, find the next version\n    // and add the new defaults\n    let foundVersion = false\n    const columnsSet = new Set<string>(state.hiddenColumns)\n    for (const defaultHiddenColumn of defaultHiddenColumns) {\n      if (defaultHiddenColumn.version === state.defaultHiddenColumnsVersion) {\n        foundVersion = true\n        continue\n      }\n\n      if (foundVersion) {\n        for (const hiddenColumn of defaultHiddenColumn.hiddenColumns) {\n          columnsSet.add(hiddenColumn)\n        }\n      }\n    }\n\n    state.hiddenColumns = Array.from(columnsSet)\n  }\n\n  state.defaultHiddenColumnsVersion = latestStateVersion\n\n  return state\n}\n\nexport default getVersionedFormTableState\n"]}

package/dist/components/formStore/table/useFormStoreTable.js

@@ -6,7 +6,7 @@ import ActionedByTableCell from './ActionedByTableCell';
 import TableCellCopyButton from './TableCellCopyButton';
 import { localisationService } from '@oneblink/apps';
 import { FormStoreElementsContext } from '../OneBlinkFormStoreProvider';
-import getVersionedFormTableState, { defaultHiddenColumns, } from './getVersionedState';
+import getVersionedFormTableState from './getVersionedState';
 const defaultColumn = {
     minWidth: 150,
     width: 225,
@@ -28,7 +28,7 @@ export default function useFormStoreTable({ form, formStoreRecords, parameters,
     }, [form, onChangeParameters]);
     const formElements = React.useContext(FormStoreElementsContext);
     const columns = React.useMemo(() => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2;
         return generateColumns({
             sorting: parameters.sorting,
             filters: parameters.filters,
@@ -38,16 +38,46 @@ export default function useFormStoreTable({ form, formStoreRecords, parameters,
             onChangeParameters,
             allowCopy: true,
             initialColumns: [
+                {
+                    id: 'COMPLETED_AT',
+                    headerText: 'Completion Date Time',
+                    sorting: {
+                        property: 'dateTimeCompleted',
+                        direction: (_b = (_a = parameters.sorting) === null || _a === void 0 ? void 0 : _a.find(({ property }) => property === 'dateTimeCompleted')) === null || _b === void 0 ? void 0 : _b.direction,
+                    },
+                    filter: {
+                        type: 'DATETIME',
+                        value: (_c = parameters.filters) === null || _c === void 0 ? void 0 : _c.dateTimeCompleted,
+                        onChange: (newValue) => {
+                            onChangeParameters((currentParameters) => ({
+                                ...currentParameters,
+                                filters: {
+                                    ...currentParameters.filters,
+                                    dateTimeCompleted: newValue,
+                                },
+                            }), false);
+                        },
+                    },
+                    Cell: ({ row: { original: formStoreRecord }, }) => {
+                        if (!formStoreRecord.dateTimeCompleted) {
+                            return null;
+                        }
+                        const text = format(new Date(formStoreRecord.dateTimeCompleted), localisationService.getDateFnsFormats().longDateTime);
+                        return (React.createElement(React.Fragment, null,
+                            text,
+                            React.createElement(TableCellCopyButton, { text: text })));
+                    },
+                },
                 {
                     id: 'SUBMITTED_AT',
                     headerText: 'Submission Date Time',
                     sorting: {
                         property: 'dateTimeSubmitted',
-                        direction: (_b = (_a = parameters.sorting) === null || _a === void 0 ? void 0 : _a.find(({ property }) => property === 'dateTimeSubmitted')) === null || _b === void 0 ? void 0 : _b.direction,
+                        direction: (_e = (_d = parameters.sorting) === null || _d === void 0 ? void 0 : _d.find(({ property }) => property === 'dateTimeSubmitted')) === null || _e === void 0 ? void 0 : _e.direction,
                     },
                     filter: {
                         type: 'DATETIME',
-                        value: (_c = parameters.filters) === null || _c === void 0 ? void 0 : _c.dateTimeSubmitted,
+                        value: (_f = parameters.filters) === null || _f === void 0 ? void 0 : _f.dateTimeSubmitted,
                         onChange: (newValue) => {
                             onChangeParameters((currentParameters) => ({
                                 ...currentParameters,
@@ -71,7 +101,7 @@ export default function useFormStoreTable({ form, formStoreRecords, parameters,
                     sorting: undefined,
                     filter: {
                         type: 'TEXT',
-                        value: (_d = parameters.filters) === null || _d === void 0 ? void 0 : _d.submittedBy,
+                        value: (_g = parameters.filters) === null || _g === void 0 ? void 0 : _g.submittedBy,
                         onChange: (newValue) => {
                             onChangeParameters((currentParameters) => ({
                                 ...currentParameters,
@@ -90,7 +120,7 @@ export default function useFormStoreTable({ form, formStoreRecords, parameters,
                     sorting: undefined,
                     filter: {
                         type: 'SUBMISSION_ID',
-                        value: (_e = parameters.filters) === null || _e === void 0 ? void 0 : _e.submissionId,
+                        value: (_h = parameters.filters) === null || _h === void 0 ? void 0 : _h.submissionId,
                         validationMessage: submissionIdValidationMessage,
                         isInvalid: !!submissionIdValidationMessage,
                         onChange: (newValue) => {
@@ -112,11 +142,11 @@ export default function useFormStoreTable({ form, formStoreRecords, parameters,
                     headerText: 'External Id',
                     sorting: {
                         property: 'externalId',
-                        direction: (_g = (_f = parameters.sorting) === null || _f === void 0 ? void 0 : _f.find(({ property }) => property === 'externalId')) === null || _g === void 0 ? void 0 : _g.direction,
+                        direction: (_k = (_j = parameters.sorting) === null || _j === void 0 ? void 0 : _j.find(({ property }) => property === 'externalId')) === null || _k === void 0 ? void 0 : _k.direction,
                     },
                     filter: {
                         type: 'TEXT',
-                        value: (_h = parameters.filters) === null || _h === void 0 ? void 0 : _h.externalId,
+                        value: (_l = parameters.filters) === null || _l === void 0 ? void 0 : _l.externalId,
                         onChange: (newValue) => {
                             onChangeParameters((currentParameters) => ({
                                 ...currentParameters,
@@ -136,11 +166,11 @@ export default function useFormStoreTable({ form, formStoreRecords, parameters,
                     headerText: 'Task Group',
                     sorting: {
                         property: 'taskGroup.name',
-                        direction: (_k = (_j = parameters.sorting) === null || _j === void 0 ? void 0 : _j.find(({ property }) => property === 'taskGroup.name')) === null || _k === void 0 ? void 0 : _k.direction,
+                        direction: (_o = (_m = parameters.sorting) === null || _m === void 0 ? void 0 : _m.find(({ property }) => property === 'taskGroup.name')) === null || _o === void 0 ? void 0 : _o.direction,
                     },
                     filter: {
                         type: 'TEXT',
-                        value: (_m = (_l = parameters.filters) === null || _l === void 0 ? void 0 : _l.taskGroup) === null || _m === void 0 ? void 0 : _m.name,
+                        value: (_q = (_p = parameters.filters) === null || _p === void 0 ? void 0 : _p.taskGroup) === null || _q === void 0 ? void 0 : _q.name,
                         onChange: (newValue) => {
                             onChangeParameters((currentParameters) => ({
                                 ...currentParameters,
@@ -167,11 +197,11 @@ export default function useFormStoreTable({ form, formStoreRecords, parameters,
                     headerText: 'Task Group Instance',
                     sorting: {
                         property: 'taskGroupInstance.label',
-                        direction: (_p = (_o = parameters.sorting) === null || _o === void 0 ? void 0 : _o.find(({ property }) => property === 'taskGroupInstance.label')) === null || _p === void 0 ? void 0 : _p.direction,
+                        direction: (_s = (_r = parameters.sorting) === null || _r === void 0 ? void 0 : _r.find(({ property }) => property === 'taskGroupInstance.label')) === null || _s === void 0 ? void 0 : _s.direction,
                     },
                     filter: {
                         type: 'TEXT',
-                        value: (_r = (_q = parameters.filters) === null || _q === void 0 ? void 0 : _q.taskGroupInstance) === null || _r === void 0 ? void 0 : _r.label,
+                        value: (_u = (_t = parameters.filters) === null || _t === void 0 ? void 0 : _t.taskGroupInstance) === null || _u === void 0 ? void 0 : _u.label,
                         onChange: (newValue) => {
                             onChangeParameters((currentParameters) => ({
                                 ...currentParameters,
@@ -198,11 +228,11 @@ export default function useFormStoreTable({ form, formStoreRecords, parameters,
                     headerText: 'Task',
                     sorting: {
                         property: 'task.name',
-                        direction: (_t = (_s = parameters.sorting) === null || _s === void 0 ? void 0 : _s.find(({ property }) => property === 'task.name')) === null || _t === void 0 ? void 0 : _t.direction,
+                        direction: (_w = (_v = parameters.sorting) === null || _v === void 0 ? void 0 : _v.find(({ property }) => property === 'task.name')) === null || _w === void 0 ? void 0 : _w.direction,
                     },
                     filter: {
                         type: 'TEXT',
-                        value: (_v = (_u = parameters.filters) === null || _u === void 0 ? void 0 : _u.task) === null || _v === void 0 ? void 0 : _v.name,
+                        value: (_y = (_x = parameters.filters) === null || _x === void 0 ? void 0 : _x.task) === null || _y === void 0 ? void 0 : _y.name,
                         onChange: (newValue) => {
                             onChangeParameters((currentParameters) => ({
                                 ...currentParameters,
@@ -229,11 +259,11 @@ export default function useFormStoreTable({ form, formStoreRecords, parameters,
                     headerText: 'Task Action',
                     sorting: {
                         property: 'taskAction.label',
-                        direction: (_x = (_w = parameters.sorting) === null || _w === void 0 ? void 0 : _w.find(({ property }) => property === 'taskAction.label')) === null || _x === void 0 ? void 0 : _x.direction,
+                        direction: (_0 = (_z = parameters.sorting) === null || _z === void 0 ? void 0 : _z.find(({ property }) => property === 'taskAction.label')) === null || _0 === void 0 ? void 0 : _0.direction,
                     },
                     filter: {
                         type: 'TEXT',
-                        value: (_z = (_y = parameters.filters) === null || _y === void 0 ? void 0 : _y.taskAction) === null || _z === void 0 ? void 0 : _z.label,
+                        value: (_2 = (_1 = parameters.filters) === null || _1 === void 0 ? void 0 : _1.taskAction) === null || _2 === void 0 ? void 0 : _2.label,
                         onChange: (newValue) => {
                             onChangeParameters((currentParameters) => ({
                                 ...currentParameters,
@@ -265,15 +295,11 @@ export default function useFormStoreTable({ form, formStoreRecords, parameters,
     ]);
     const [initialState] = React.useState(() => {
         const text = localStorage.getItem(localStorageKey(form.id));
-        if (text) {
-            return {
-                ...getVersionedFormTableState(JSON.parse(text)),
+        return getVersionedFormTableState(text
+            ? JSON.parse(text)
+            : {
                 formId: form.id,
-            };
-        }
-        return {
-            formId: form.id,
-        };
+            });
     });
     const table = useTable({
         columns,
@@ -281,11 +307,7 @@ export default function useFormStoreTable({ form, formStoreRecords, parameters,
         defaultColumn,
         autoResetHiddenColumns: false,
         autoResetResize: false,
-        initialState: initialState
-            ? initialState
-            : {
-                hiddenColumns: defaultHiddenColumns,
-            },
+        initialState,
     }, useFlexLayout, useResizeColumns);
     React.useEffect(() => {
         if (table.state.formId !== form.id) {

package/dist/components/formStore/table/useFormStoreTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFormStoreTable.js","sourceRoot":"","sources":["../../../../src/components/formStore/table/useFormStoreTable.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { FormStoreRecord } from '@oneblink/types/typescript/submissions'\nimport {\n  CellProps,\n  useFlexLayout,\n  useResizeColumns,\n  useTable,\n} from 'react-table'\nimport { format } from 'date-fns'\nimport generateColumns from './generateColumns'\nimport ActionedByTableCell from './ActionedByTableCell'\nimport TableCellCopyButton from './TableCellCopyButton'\nimport { FormTypes } from '@oneblink/types'\nimport { OnChangeFilters } from '../../../hooks/useInfiniteScrollDataLoad'\nimport { formStoreService, localisationService } from '@oneblink/apps'\nimport { FormStoreElementsContext } from '../OneBlinkFormStoreProvider'\nimport getVersionedFormTableState, {\n  defaultHiddenColumns,\n  FormTableState,\n} from './getVersionedState'\n\nconst defaultColumn = {\n  minWidth: 150,\n  width: 225,\n}\n\nconst localStorageKey = (formId: number) =>\n  `REACT_TABLE_STATE_FORM_STORE_${formId}`\n\nexport default function useFormStoreTable({\n  form,\n  formStoreRecords,\n  parameters,\n  onChangeParameters,\n  onRefresh,\n  submissionIdValidationMessage,\n}: {\n  formStoreRecords: FormStoreRecord[]\n  form: FormTypes.Form\n  parameters: formStoreService.FormStoreParameters\n  onChangeParameters: OnChangeFilters<formStoreService.FormStoreParameters>\n  onRefresh: () => void\n  submissionIdValidationMessage?: string\n}) {\n  // Resets parameters on form change\n  React.useEffect(() => {\n    onChangeParameters(\n      (currentParameters) => ({\n        ...currentParameters,\n        filters: undefined,\n        sorting: [\n          {\n            property: 'dateTimeSubmitted',\n            direction: 'descending',\n          },\n        ],\n      }),\n      false,\n    )\n  }, [form, onChangeParameters])\n\n  const formElements = React.useContext(FormStoreElementsContext)\n  const columns = React.useMemo(() => {\n    return generateColumns({\n      sorting: parameters.sorting,\n      filters: parameters.filters,\n      unwindRepeatableSets: parameters.unwindRepeatableSets,\n      formElements,\n      parentElementNames: [],\n      onChangeParameters,\n      allowCopy: true,\n      initialColumns: [\n        {\n          id: 'SUBMITTED_AT',\n          headerText: 'Submission Date Time',\n          sorting: {\n            property: 'dateTimeSubmitted',\n            direction: parameters.sorting?.find(\n              ({ property }) => property === 'dateTimeSubmitted',\n            )?.direction,\n          },\n          filter: {\n            type: 'DATETIME',\n            value: parameters.filters?.dateTimeSubmitted as\n              | { $gte?: string; $lte?: string }\n              | undefined,\n            onChange: (newValue) => {\n              onChangeParameters(\n                (currentParameters) => ({\n                  ...currentParameters,\n                  filters: {\n                    ...currentParameters.filters,\n                    dateTimeSubmitted: newValue,\n                  },\n                }),\n                false,\n              )\n            },\n          },\n          Cell: ({\n            row: { original: formStoreRecord },\n          }: CellProps<FormStoreRecord>) => {\n            const text = format(\n              new Date(formStoreRecord.dateTimeSubmitted),\n              localisationService.getDateFnsFormats().longDateTime,\n            )\n            return (\n              <>\n                {text}\n                <TableCellCopyButton text={text} />\n              </>\n            )\n          },\n        },\n        {\n          id: 'SUBMITTED_BY',\n          headerText: 'Submitted By',\n          sorting: undefined,\n          filter: {\n            type: 'TEXT',\n            value: parameters.filters?.submittedBy as\n              | { $regex: string }\n              | undefined,\n            onChange: (newValue) => {\n              onChangeParameters(\n                (currentParameters) => ({\n                  ...currentParameters,\n                  filters: {\n                    ...currentParameters.filters,\n                    submittedBy: newValue,\n                  },\n                }),\n                true,\n              )\n            },\n          },\n          Cell: ({\n            row: { original: formStoreRecord },\n          }: CellProps<FormStoreRecord>) => (\n            <ActionedByTableCell\n              userProfile={formStoreRecord.user}\n              developerKey={formStoreRecord.key}\n              variant=\"outlined\"\n            />\n          ),\n        },\n        {\n          id: 'SUBMISSION_ID',\n          headerText: 'Submission Id',\n          sorting: undefined,\n          filter: {\n            type: 'SUBMISSION_ID',\n            value: parameters.filters?.submissionId as\n              | { $eq: string }\n              | undefined,\n            validationMessage: submissionIdValidationMessage,\n            isInvalid: !!submissionIdValidationMessage,\n            onChange: (newValue) => {\n              onChangeParameters(\n                (currentParameters) => ({\n                  ...currentParameters,\n                  filters: {\n                    ...currentParameters.filters,\n                    submissionId: newValue,\n                  },\n                }),\n                true,\n              )\n            },\n          },\n          Cell: ({\n            row: { original: formStoreRecord },\n          }: CellProps<FormStoreRecord>) => (\n            <>\n              {formStoreRecord.submissionId}\n              <TableCellCopyButton text={formStoreRecord.submissionId} />\n            </>\n          ),\n        },\n        {\n          id: 'EXTERNAL_ID',\n          headerText: 'External Id',\n          sorting: {\n            property: 'externalId',\n            direction: parameters.sorting?.find(\n              ({ property }) => property === 'externalId',\n            )?.direction,\n          },\n          filter: {\n            type: 'TEXT',\n            value: parameters.filters?.externalId as\n              | { $regex: string }\n              | undefined,\n            onChange: (newValue) => {\n              onChangeParameters(\n                (currentParameters) => ({\n                  ...currentParameters,\n                  filters: {\n                    ...currentParameters.filters,\n                    externalId: newValue,\n                  },\n                }),\n                true,\n              )\n            },\n          },\n          Cell: ({\n            row: { original: formStoreRecord },\n          }: CellProps<FormStoreRecord>) => (\n            <>\n              {formStoreRecord.externalId}\n              {formStoreRecord.externalId && (\n                <TableCellCopyButton text={formStoreRecord.externalId} />\n              )}\n            </>\n          ),\n        },\n        {\n          id: 'TASK_GROUP',\n          headerText: 'Task Group',\n          sorting: {\n            property: 'taskGroup.name',\n            direction: parameters.sorting?.find(\n              ({ property }) => property === 'taskGroup.name',\n            )?.direction,\n          },\n          filter: {\n            type: 'TEXT',\n            value: parameters.filters?.taskGroup?.name as\n              | { $regex: string }\n              | undefined,\n            onChange: (newValue) => {\n              onChangeParameters(\n                (currentParameters) => ({\n                  ...currentParameters,\n                  filters: {\n                    ...currentParameters.filters,\n                    taskGroup: newValue\n                      ? {\n                          name: newValue,\n                        }\n                      : undefined,\n                  },\n                }),\n                true,\n              )\n            },\n          },\n          Cell: ({\n            row: { original: formStoreRecord },\n          }: CellProps<FormStoreRecord>) => (\n            <>\n              {formStoreRecord.taskGroup?.name}\n              {formStoreRecord.taskGroup?.name && (\n                <TableCellCopyButton text={formStoreRecord.taskGroup?.name} />\n              )}\n            </>\n          ),\n        },\n        {\n          id: 'TASK_GROUP_INSTANCE',\n          headerText: 'Task Group Instance',\n          sorting: {\n            property: 'taskGroupInstance.label',\n            direction: parameters.sorting?.find(\n              ({ property }) => property === 'taskGroupInstance.label',\n            )?.direction,\n          },\n          filter: {\n            type: 'TEXT',\n            value: parameters.filters?.taskGroupInstance?.label as\n              | { $regex: string }\n              | undefined,\n            onChange: (newValue) => {\n              onChangeParameters(\n                (currentParameters) => ({\n                  ...currentParameters,\n                  filters: {\n                    ...currentParameters.filters,\n                    taskGroupInstance: newValue\n                      ? {\n                          label: newValue,\n                        }\n                      : undefined,\n                  },\n                }),\n                true,\n              )\n            },\n          },\n          Cell: ({\n            row: { original: formStoreRecord },\n          }: CellProps<FormStoreRecord>) => (\n            <>\n              {formStoreRecord.taskGroupInstance?.label}\n              {formStoreRecord.taskGroupInstance?.label && (\n                <TableCellCopyButton\n                  text={formStoreRecord.taskGroupInstance?.label}\n                />\n              )}\n            </>\n          ),\n        },\n        {\n          id: 'TASK',\n          headerText: 'Task',\n          sorting: {\n            property: 'task.name',\n            direction: parameters.sorting?.find(\n              ({ property }) => property === 'task.name',\n            )?.direction,\n          },\n          filter: {\n            type: 'TEXT',\n            value: parameters.filters?.task?.name as\n              | { $regex: string }\n              | undefined,\n            onChange: (newValue) => {\n              onChangeParameters(\n                (currentParameters) => ({\n                  ...currentParameters,\n                  filters: {\n                    ...currentParameters.filters,\n                    task: newValue\n                      ? {\n                          name: newValue,\n                        }\n                      : undefined,\n                  },\n                }),\n                true,\n              )\n            },\n          },\n          Cell: ({\n            row: { original: formStoreRecord },\n          }: CellProps<FormStoreRecord>) => (\n            <>\n              {formStoreRecord.task?.name}\n              {formStoreRecord.task?.name && (\n                <TableCellCopyButton text={formStoreRecord.task?.name} />\n              )}\n            </>\n          ),\n        },\n        {\n          id: 'TASK_ACTION',\n          headerText: 'Task Action',\n          sorting: {\n            property: 'taskAction.label',\n            direction: parameters.sorting?.find(\n              ({ property }) => property === 'taskAction.label',\n            )?.direction,\n          },\n          filter: {\n            type: 'TEXT',\n            value: parameters.filters?.taskAction?.label as\n              | { $regex: string }\n              | undefined,\n            onChange: (newValue) => {\n              onChangeParameters(\n                (currentParameters) => ({\n                  ...currentParameters,\n                  filters: {\n                    ...currentParameters.filters,\n                    taskAction: newValue\n                      ? {\n                          label: newValue,\n                        }\n                      : undefined,\n                  },\n                }),\n                true,\n              )\n            },\n          },\n          Cell: ({\n            row: { original: formStoreRecord },\n          }: CellProps<FormStoreRecord>) => (\n            <>\n              {formStoreRecord.taskAction?.label}\n              {formStoreRecord.taskAction?.label && (\n                <TableCellCopyButton text={formStoreRecord.taskAction?.label} />\n              )}\n            </>\n          ),\n        },\n      ],\n    })\n  }, [\n    formElements,\n    onChangeParameters,\n    parameters,\n    submissionIdValidationMessage,\n  ])\n\n  const [initialState] = React.useState<FormTableState | undefined>(() => {\n    const text = localStorage.getItem(localStorageKey(form.id))\n    if (text) {\n      return {\n        ...getVersionedFormTableState(JSON.parse(text)),\n        formId: form.id,\n      }\n    }\n    return {\n      formId: form.id,\n    }\n  })\n\n  const table = useTable(\n    {\n      columns,\n      data: formStoreRecords,\n      defaultColumn,\n      autoResetHiddenColumns: false,\n      autoResetResize: false,\n      initialState: initialState\n        ? initialState\n        : {\n            hiddenColumns: defaultHiddenColumns,\n          },\n    },\n    useFlexLayout,\n    useResizeColumns,\n  )\n\n  React.useEffect(() => {\n    if ((table.state as FormTableState).formId !== form.id) {\n      // If the form id changes, do not save the state from the previous form over the that of the new form\n      return\n    }\n    if (!table.state.columnResizing.isResizingColumn) {\n      const storageKey = localStorageKey(form.id)\n      localStorage.setItem(storageKey, JSON.stringify(table.state))\n    }\n  }, [form.id, table.state])\n\n  return {\n    ...table,\n    form,\n    parameters,\n    onChangeParameters,\n    onRefresh,\n    submissionIdValidationMessage,\n  } as const\n}\n"]}
+{"version":3,"file":"useFormStoreTable.js","sourceRoot":"","sources":["../../../../src/components/formStore/table/useFormStoreTable.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { FormStoreRecord } from '@oneblink/types/typescript/submissions'\nimport {\n  CellProps,\n  useFlexLayout,\n  useResizeColumns,\n  useTable,\n} from 'react-table'\nimport { format } from 'date-fns'\nimport generateColumns from './generateColumns'\nimport ActionedByTableCell from './ActionedByTableCell'\nimport TableCellCopyButton from './TableCellCopyButton'\nimport { FormTypes } from '@oneblink/types'\nimport { OnChangeFilters } from '../../../hooks/useInfiniteScrollDataLoad'\nimport { formStoreService, localisationService } from '@oneblink/apps'\nimport { FormStoreElementsContext } from '../OneBlinkFormStoreProvider'\nimport getVersionedFormTableState, { FormTableState } from './getVersionedState'\n\nconst defaultColumn = {\n  minWidth: 150,\n  width: 225,\n}\n\nconst localStorageKey = (formId: number) =>\n  `REACT_TABLE_STATE_FORM_STORE_${formId}`\n\nexport default function useFormStoreTable({\n  form,\n  formStoreRecords,\n  parameters,\n  onChangeParameters,\n  onRefresh,\n  submissionIdValidationMessage,\n}: {\n  formStoreRecords: FormStoreRecord[]\n  form: FormTypes.Form\n  parameters: formStoreService.FormStoreParameters\n  onChangeParameters: OnChangeFilters<formStoreService.FormStoreParameters>\n  onRefresh: () => void\n  submissionIdValidationMessage?: string\n}) {\n  // Resets parameters on form change\n  React.useEffect(() => {\n    onChangeParameters(\n      (currentParameters) => ({\n        ...currentParameters,\n        filters: undefined,\n        sorting: [\n          {\n            property: 'dateTimeSubmitted',\n            direction: 'descending',\n          },\n        ],\n      }),\n      false,\n    )\n  }, [form, onChangeParameters])\n\n  const formElements = React.useContext(FormStoreElementsContext)\n  const columns = React.useMemo(() => {\n    return generateColumns({\n      sorting: parameters.sorting,\n      filters: parameters.filters,\n      unwindRepeatableSets: parameters.unwindRepeatableSets,\n      formElements,\n      parentElementNames: [],\n      onChangeParameters,\n      allowCopy: true,\n      initialColumns: [\n        {\n          id: 'COMPLETED_AT',\n          headerText: 'Completion Date Time',\n          sorting: {\n            property: 'dateTimeCompleted',\n            direction: parameters.sorting?.find(\n              ({ property }) => property === 'dateTimeCompleted',\n            )?.direction,\n          },\n          filter: {\n            type: 'DATETIME',\n            value: parameters.filters?.dateTimeCompleted as\n              | { $gte?: string; $lte?: string }\n              | undefined,\n            onChange: (newValue) => {\n              onChangeParameters(\n                (currentParameters) => ({\n                  ...currentParameters,\n                  filters: {\n                    ...currentParameters.filters,\n                    dateTimeCompleted: newValue,\n                  },\n                }),\n                false,\n              )\n            },\n          },\n          Cell: ({\n            row: { original: formStoreRecord },\n          }: CellProps<FormStoreRecord>) => {\n            if (!formStoreRecord.dateTimeCompleted) {\n              return null\n            }\n            const text = format(\n              new Date(formStoreRecord.dateTimeCompleted),\n              localisationService.getDateFnsFormats().longDateTime,\n            )\n            return (\n              <>\n                {text}\n                <TableCellCopyButton text={text} />\n              </>\n            )\n          },\n        },\n        {\n          id: 'SUBMITTED_AT',\n          headerText: 'Submission Date Time',\n          sorting: {\n            property: 'dateTimeSubmitted',\n            direction: parameters.sorting?.find(\n              ({ property }) => property === 'dateTimeSubmitted',\n            )?.direction,\n          },\n          filter: {\n            type: 'DATETIME',\n            value: parameters.filters?.dateTimeSubmitted as\n              | { $gte?: string; $lte?: string }\n              | undefined,\n            onChange: (newValue) => {\n              onChangeParameters(\n                (currentParameters) => ({\n                  ...currentParameters,\n                  filters: {\n                    ...currentParameters.filters,\n                    dateTimeSubmitted: newValue,\n                  },\n                }),\n                false,\n              )\n            },\n          },\n          Cell: ({\n            row: { original: formStoreRecord },\n          }: CellProps<FormStoreRecord>) => {\n            const text = format(\n              new Date(formStoreRecord.dateTimeSubmitted),\n              localisationService.getDateFnsFormats().longDateTime,\n            )\n            return (\n              <>\n                {text}\n                <TableCellCopyButton text={text} />\n              </>\n            )\n          },\n        },\n        {\n          id: 'SUBMITTED_BY',\n          headerText: 'Submitted By',\n          sorting: undefined,\n          filter: {\n            type: 'TEXT',\n            value: parameters.filters?.submittedBy as\n              | { $regex: string }\n              | undefined,\n            onChange: (newValue) => {\n              onChangeParameters(\n                (currentParameters) => ({\n                  ...currentParameters,\n                  filters: {\n                    ...currentParameters.filters,\n                    submittedBy: newValue,\n                  },\n                }),\n                true,\n              )\n            },\n          },\n          Cell: ({\n            row: { original: formStoreRecord },\n          }: CellProps<FormStoreRecord>) => (\n            <ActionedByTableCell\n              userProfile={formStoreRecord.user}\n              developerKey={formStoreRecord.key}\n              variant=\"outlined\"\n            />\n          ),\n        },\n        {\n          id: 'SUBMISSION_ID',\n          headerText: 'Submission Id',\n          sorting: undefined,\n          filter: {\n            type: 'SUBMISSION_ID',\n            value: parameters.filters?.submissionId as\n              | { $eq: string }\n              | undefined,\n            validationMessage: submissionIdValidationMessage,\n            isInvalid: !!submissionIdValidationMessage,\n            onChange: (newValue) => {\n              onChangeParameters(\n                (currentParameters) => ({\n                  ...currentParameters,\n                  filters: {\n                    ...currentParameters.filters,\n                    submissionId: newValue,\n                  },\n                }),\n                true,\n              )\n            },\n          },\n          Cell: ({\n            row: { original: formStoreRecord },\n          }: CellProps<FormStoreRecord>) => (\n            <>\n              {formStoreRecord.submissionId}\n              <TableCellCopyButton text={formStoreRecord.submissionId} />\n            </>\n          ),\n        },\n        {\n          id: 'EXTERNAL_ID',\n          headerText: 'External Id',\n          sorting: {\n            property: 'externalId',\n            direction: parameters.sorting?.find(\n              ({ property }) => property === 'externalId',\n            )?.direction,\n          },\n          filter: {\n            type: 'TEXT',\n            value: parameters.filters?.externalId as\n              | { $regex: string }\n              | undefined,\n            onChange: (newValue) => {\n              onChangeParameters(\n                (currentParameters) => ({\n                  ...currentParameters,\n                  filters: {\n                    ...currentParameters.filters,\n                    externalId: newValue,\n                  },\n                }),\n                true,\n              )\n            },\n          },\n          Cell: ({\n            row: { original: formStoreRecord },\n          }: CellProps<FormStoreRecord>) => (\n            <>\n              {formStoreRecord.externalId}\n              {formStoreRecord.externalId && (\n                <TableCellCopyButton text={formStoreRecord.externalId} />\n              )}\n            </>\n          ),\n        },\n        {\n          id: 'TASK_GROUP',\n          headerText: 'Task Group',\n          sorting: {\n            property: 'taskGroup.name',\n            direction: parameters.sorting?.find(\n              ({ property }) => property === 'taskGroup.name',\n            )?.direction,\n          },\n          filter: {\n            type: 'TEXT',\n            value: parameters.filters?.taskGroup?.name as\n              | { $regex: string }\n              | undefined,\n            onChange: (newValue) => {\n              onChangeParameters(\n                (currentParameters) => ({\n                  ...currentParameters,\n                  filters: {\n                    ...currentParameters.filters,\n                    taskGroup: newValue\n                      ? {\n                          name: newValue,\n                        }\n                      : undefined,\n                  },\n                }),\n                true,\n              )\n            },\n          },\n          Cell: ({\n            row: { original: formStoreRecord },\n          }: CellProps<FormStoreRecord>) => (\n            <>\n              {formStoreRecord.taskGroup?.name}\n              {formStoreRecord.taskGroup?.name && (\n                <TableCellCopyButton text={formStoreRecord.taskGroup?.name} />\n              )}\n            </>\n          ),\n        },\n        {\n          id: 'TASK_GROUP_INSTANCE',\n          headerText: 'Task Group Instance',\n          sorting: {\n            property: 'taskGroupInstance.label',\n            direction: parameters.sorting?.find(\n              ({ property }) => property === 'taskGroupInstance.label',\n            )?.direction,\n          },\n          filter: {\n            type: 'TEXT',\n            value: parameters.filters?.taskGroupInstance?.label as\n              | { $regex: string }\n              | undefined,\n            onChange: (newValue) => {\n              onChangeParameters(\n                (currentParameters) => ({\n                  ...currentParameters,\n                  filters: {\n                    ...currentParameters.filters,\n                    taskGroupInstance: newValue\n                      ? {\n                          label: newValue,\n                        }\n                      : undefined,\n                  },\n                }),\n                true,\n              )\n            },\n          },\n          Cell: ({\n            row: { original: formStoreRecord },\n          }: CellProps<FormStoreRecord>) => (\n            <>\n              {formStoreRecord.taskGroupInstance?.label}\n              {formStoreRecord.taskGroupInstance?.label && (\n                <TableCellCopyButton\n                  text={formStoreRecord.taskGroupInstance?.label}\n                />\n              )}\n            </>\n          ),\n        },\n        {\n          id: 'TASK',\n          headerText: 'Task',\n          sorting: {\n            property: 'task.name',\n            direction: parameters.sorting?.find(\n              ({ property }) => property === 'task.name',\n            )?.direction,\n          },\n          filter: {\n            type: 'TEXT',\n            value: parameters.filters?.task?.name as\n              | { $regex: string }\n              | undefined,\n            onChange: (newValue) => {\n              onChangeParameters(\n                (currentParameters) => ({\n                  ...currentParameters,\n                  filters: {\n                    ...currentParameters.filters,\n                    task: newValue\n                      ? {\n                          name: newValue,\n                        }\n                      : undefined,\n                  },\n                }),\n                true,\n              )\n            },\n          },\n          Cell: ({\n            row: { original: formStoreRecord },\n          }: CellProps<FormStoreRecord>) => (\n            <>\n              {formStoreRecord.task?.name}\n              {formStoreRecord.task?.name && (\n                <TableCellCopyButton text={formStoreRecord.task?.name} />\n              )}\n            </>\n          ),\n        },\n        {\n          id: 'TASK_ACTION',\n          headerText: 'Task Action',\n          sorting: {\n            property: 'taskAction.label',\n            direction: parameters.sorting?.find(\n              ({ property }) => property === 'taskAction.label',\n            )?.direction,\n          },\n          filter: {\n            type: 'TEXT',\n            value: parameters.filters?.taskAction?.label as\n              | { $regex: string }\n              | undefined,\n            onChange: (newValue) => {\n              onChangeParameters(\n                (currentParameters) => ({\n                  ...currentParameters,\n                  filters: {\n                    ...currentParameters.filters,\n                    taskAction: newValue\n                      ? {\n                          label: newValue,\n                        }\n                      : undefined,\n                  },\n                }),\n                true,\n              )\n            },\n          },\n          Cell: ({\n            row: { original: formStoreRecord },\n          }: CellProps<FormStoreRecord>) => (\n            <>\n              {formStoreRecord.taskAction?.label}\n              {formStoreRecord.taskAction?.label && (\n                <TableCellCopyButton text={formStoreRecord.taskAction?.label} />\n              )}\n            </>\n          ),\n        },\n      ],\n    })\n  }, [\n    formElements,\n    onChangeParameters,\n    parameters,\n    submissionIdValidationMessage,\n  ])\n\n  const [initialState] = React.useState<FormTableState | undefined>(() => {\n    const text = localStorage.getItem(localStorageKey(form.id))\n    return getVersionedFormTableState(\n      text\n        ? JSON.parse(text)\n        : {\n            formId: form.id,\n          },\n    )\n  })\n\n  const table = useTable(\n    {\n      columns,\n      data: formStoreRecords,\n      defaultColumn,\n      autoResetHiddenColumns: false,\n      autoResetResize: false,\n      initialState,\n    },\n    useFlexLayout,\n    useResizeColumns,\n  )\n\n  React.useEffect(() => {\n    if ((table.state as FormTableState).formId !== form.id) {\n      // If the form id changes, do not save the state from the previous form over the that of the new form\n      return\n    }\n    if (!table.state.columnResizing.isResizingColumn) {\n      const storageKey = localStorageKey(form.id)\n      localStorage.setItem(storageKey, JSON.stringify(table.state))\n    }\n  }, [form.id, table.state])\n\n  return {\n    ...table,\n    form,\n    parameters,\n    onChangeParameters,\n    onRefresh,\n    submissionIdValidationMessage,\n  } as const\n}\n"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@oneblink/apps-react",
   "description": "Helper functions for OneBlink apps in ReactJS.",
-  "version": "8.7.0-beta.5",
+  "version": "8.7.0-beta.7",
   "author": "OneBlink <developers@oneblink.io> (https://oneblink.io)",
   "bugs": {
     "url": "https://github.com/oneblink/apps-react/issues"
@@ -47,7 +47,7 @@
     "@mui/lab": "^5.0.0-alpha.152",
     "@mui/material": "^5.15.6",
     "@mui/x-date-pickers": "^6.20.2",
-    "@oneblink/apps": "^23.1.0-beta.3",
+    "@oneblink/apps": "^23.1.0-beta.6",
     "@oneblink/release-cli": "^3.4.0-beta.1",
     "@oneblink/types": "github:oneblink/types",
     "@types/blueimp-load-image": "^5.16.6",