@oneblink/apps-react 8.2.0-beta.1 → 8.2.0-beta.11

package/dist/components/ArcGISWebMap.d.ts

@@ -9,7 +9,8 @@ type Props = {
     value: ArcGISWebMapElementValue | undefined;
     onChange: FormElementValueChangeHandler<ArcGISWebMapElementValue>;
     'aria-describedby'?: string;
+    setIsDirty: () => void;
 };
-declare function FormElementArcGISWebMap({ element, id, value, onChange, ...props }: Props): React.JSX.Element;
+declare function FormElementArcGISWebMap({ element, id, value, onChange, setIsDirty, ...props }: Props): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof FormElementArcGISWebMap>;
 export default _default;

package/dist/components/ArcGISWebMap.js

@@ -10,13 +10,13 @@ import BaseMapGallery from '@arcgis/core/widgets/BasemapGallery';
 import Sketch from '@arcgis/core/widgets/Sketch';
 import GraphicsLayer from '@arcgis/core/layers/GraphicsLayer';
 import Graphic from '@arcgis/core/Graphic';
+import { Point } from '@arcgis/core/geometry';
 import { v4 as uuid } from 'uuid';
 import OnLoading from '../components/renderer/OnLoading';
 import MaterialIcon from './MaterialIcon';
 import useIsPageVisible from '../hooks/useIsPageVisible';
-import { LookupNotificationContext } from '../hooks/useLookupNotification';
 import '../styles/arcgis-external.css';
-function FormElementArcGISWebMap({ element, id, value, onChange, ...props }) {
+function FormElementArcGISWebMap({ element, id, value, onChange, setIsDirty, ...props }) {
     const ref = React.useRef(null);
     const layerPanelRef = React.useRef();
     const mapGalleryPanelRef = React.useRef();
@@ -28,8 +28,7 @@ function FormElementArcGISWebMap({ element, id, value, onChange, ...props }) {
     const [loadError, setLoadError] = React.useState();
     const [isLoading, setIsLoading] = React.useState(false);
     const isPageVisible = useIsPageVisible();
-    const { isLookingUp } = React.useContext(LookupNotificationContext);
-    const updateSubmissionValue = React.useCallback(() => {
+    const updateDrawingInputSubmissionValue = React.useCallback(() => {
         var _a;
         const updatedGraphics = (_a = drawingLayerRef.current) === null || _a === void 0 ? void 0 : _a.graphics.toArray().map((graphic) => graphic.toJSON());
         onChange(element, {
@@ -39,33 +38,44 @@ function FormElementArcGISWebMap({ element, id, value, onChange, ...props }) {
                 userInput: updatedGraphics,
             },
         });
+        setIsDirty();
+    }, [element, onChange, setIsDirty, value]);
+    const updateMapViewSubmissionValue = React.useCallback(() => {
+        var _a, _b, _c;
+        const zoom = (_a = mapViewRef.current) === null || _a === void 0 ? void 0 : _a.zoom;
+        const latitude = (_b = mapViewRef.current) === null || _b === void 0 ? void 0 : _b.center.latitude;
+        const longitude = (_c = mapViewRef.current) === null || _c === void 0 ? void 0 : _c.center.longitude;
+        if (zoom && latitude && longitude) {
+            onChange(element, {
+                value: {
+                    ...(value || {}),
+                    view: {
+                        zoom,
+                        latitude,
+                        longitude,
+                    },
+                },
+            });
+        }
     }, [element, onChange, value]);
     React.useEffect(() => {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
+        if (element.readOnly)
+            return;
         // 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) => {
-            var _a;
-            if (isLookingUp) {
-                (_a = sketchToolRef.current) === null || _a === void 0 ? void 0 : _a.cancel();
-                return;
-            }
             if (sketchEvent.state === 'complete') {
-                updateSubmissionValue();
+                updateDrawingInputSubmissionValue();
             }
         });
         const updateListener = (_b = sketchToolRef.current) === null || _b === void 0 ? void 0 : _b.on('update', (sketchEvent) => {
-            var _a;
-            if (isLookingUp) {
-                (_a = sketchToolRef.current) === null || _a === void 0 ? void 0 : _a.cancel();
-                return;
-            }
             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()) !==
                     selectedGraphicForUpdate.current) {
-                    updateSubmissionValue();
+                    updateDrawingInputSubmissionValue();
                 }
                 selectedGraphicForUpdate.current = undefined;
             }
@@ -74,23 +84,38 @@ function FormElementArcGISWebMap({ element, id, value, onChange, ...props }) {
             }
         });
         const deleteListener = (_c = sketchToolRef.current) === null || _c === void 0 ? void 0 : _c.on('delete', () => {
-            var _a;
-            if (isLookingUp) {
-                (_a = sketchToolRef.current) === null || _a === void 0 ? void 0 : _a.cancel();
-                return;
+            updateDrawingInputSubmissionValue();
+        });
+        const mapViewChangeListener = (_d = mapViewRef.current) === null || _d === void 0 ? void 0 : _d.watch('stationary', () => {
+            var _a, _b, _c;
+            const mapView = mapViewRef.current;
+            if (mapView && mapView.stationary) {
+                const hasViewChanged = mapView.zoom !== ((_a = value === null || value === void 0 ? void 0 : value.view) === null || _a === void 0 ? void 0 : _a.zoom) ||
+                    mapView.center.longitude !== ((_b = value === null || value === void 0 ? void 0 : value.view) === null || _b === void 0 ? void 0 : _b.longitude) ||
+                    mapView.center.latitude !== ((_c = value === null || value === void 0 ? void 0 : value.view) === null || _c === void 0 ? void 0 : _c.latitude);
+                if (hasViewChanged) {
+                    updateMapViewSubmissionValue();
+                }
             }
-            updateSubmissionValue();
         });
         return () => {
             createListener === null || createListener === void 0 ? void 0 : createListener.remove();
             updateListener === null || updateListener === void 0 ? void 0 : updateListener.remove();
             deleteListener === null || deleteListener === void 0 ? void 0 : deleteListener.remove();
+            mapViewChangeListener === null || mapViewChangeListener === void 0 ? void 0 : mapViewChangeListener.remove();
         };
-    }, [isLoading, updateSubmissionValue, isLookingUp]);
+    }, [
+        isLoading,
+        value,
+        updateDrawingInputSubmissionValue,
+        updateMapViewSubmissionValue,
+        element.readOnly,
+    ]);
     const onSubmissionValueChange = React.useCallback(() => {
         var _a;
+        const view = mapViewRef.current;
         const map = (_a = mapViewRef.current) === null || _a === void 0 ? void 0 : _a.map;
-        if (!value || !map)
+        if (!view || !map)
             return;
         // remove any overlay layers we've added previously
         if (overlayLayerIds && map) {
@@ -104,7 +129,7 @@ function FormElementArcGISWebMap({ element, id, value, onChange, ...props }) {
         }
         // add any overlay layers in the submission value to the web map
         const newOverlayLayerIds = [];
-        if (value.layers) {
+        if (value === null || value === void 0 ? void 0 : value.layers) {
             for (const layer of value.layers) {
                 const overlayLayer = new GraphicsLayer({ title: layer.title });
                 overlayLayer.addMany(layer.graphics.map((g) => Graphic.fromJSON(g)));
@@ -115,12 +140,19 @@ function FormElementArcGISWebMap({ element, id, value, onChange, ...props }) {
         setOverlayLayerIds(newOverlayLayerIds);
         // update the web map's drawing layers
         const drawingLayer = drawingLayerRef.current;
-        if (value.drawingLayer && drawingLayer) {
+        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;
+            view.center = new Point({
+                latitude: value.view.latitude,
+                longitude: value.view.longitude,
+            });
+        }
     }, [overlayLayerIds, value]);
     React.useEffect(() => {
         if (!isLoading && mapViewRef.current) {
@@ -131,16 +163,15 @@ function FormElementArcGISWebMap({ element, id, value, onChange, ...props }) {
     }, [value, isLoading]);
     React.useEffect(() => {
         const loadMap = async () => {
+            var _a, _b;
             try {
-                const drawingLayer = new GraphicsLayer({ id: uuid(), title: 'Drawing' });
                 const map = new WebMap({
                     portalItem: {
                         id: element.webMapId,
                     },
+                    basemap: element.basemapId || 'streets',
                 });
                 await map.load();
-                drawingLayerRef.current = drawingLayer;
-                map.layers.add(drawingLayer);
                 const view = new MapView({
                     map: map,
                     container: ref.current || undefined,
@@ -150,12 +181,16 @@ function FormElementArcGISWebMap({ element, id, value, onChange, ...props }) {
                 for (const component of components) {
                     view.ui.remove(component);
                 }
-                view.ui.add(new Search({
-                    view,
-                }), 'top-left');
-                view.ui.add(new Home({
-                    view,
-                }), 'top-left');
+                if (element.addressSearchWidgetEnabled) {
+                    view.ui.add(new Search({
+                        view,
+                    }), 'top-left');
+                }
+                if (element.homeWidgetEnabled) {
+                    view.ui.add(new Home({
+                        view,
+                    }), 'top-left');
+                }
                 view.ui.add(new Zoom({
                     view,
                 }), 'bottom-left');
@@ -179,13 +214,30 @@ function FormElementArcGISWebMap({ element, id, value, onChange, ...props }) {
                     mode: 'floating',
                     visible: false,
                 });
-                view.ui.add(mapGalleryPanelRef.current, 'top-right');
-                if (!element.readOnly) {
+                view.ui.add(mapGalleryPanelRef.current, 'top-left');
+                const drawingLayer = new GraphicsLayer({
+                    id: uuid(),
+                    title: 'Drawing',
+                });
+                drawingLayerRef.current = drawingLayer;
+                map.layers.add(drawingLayer);
+                if (!element.readOnly && ((_a = element.allowedDrawingTools) === null || _a === void 0 ? void 0 : _a.length)) {
                     const sketch = new Sketch({
                         view,
                         layer: drawingLayer,
                         creationMode: 'single',
                         layout: 'vertical',
+                        availableCreateTools: (_b = element.allowedDrawingTools) === null || _b === void 0 ? void 0 : _b.map((tool) => tool.type),
+                        // hiding the below by default
+                        visibleElements: {
+                            duplicateButton: false,
+                            settingsMenu: false,
+                            undoRedoMenu: false,
+                            selectionTools: {
+                                'lasso-selection': false,
+                                'rectangle-selection': false,
+                            },
+                        },
                     });
                     sketchToolRef.current = sketch;
                     view.ui.add(sketch, 'bottom-right');

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 { 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 { LookupNotificationContext } from '../hooks/useLookupNotification'\n\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}\n\nfunction FormElementArcGISWebMap({\n  element,\n  id,\n  value,\n  onChange,\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 { isLookingUp } = React.useContext(LookupNotificationContext)\n\n  const updateSubmissionValue = 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  }, [element, onChange, value])\n\n  React.useEffect(() => {\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 (isLookingUp) {\n          sketchToolRef.current?.cancel()\n          return\n        }\n        if (sketchEvent.state === 'complete') {\n          updateSubmissionValue()\n        }\n      },\n    )\n\n    const updateListener = sketchToolRef.current?.on(\n      'update',\n      (sketchEvent) => {\n        if (isLookingUp) {\n          sketchToolRef.current?.cancel()\n          return\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            updateSubmissionValue()\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      if (isLookingUp) {\n        sketchToolRef.current?.cancel()\n        return\n      }\n      updateSubmissionValue()\n    })\n\n    return () => {\n      createListener?.remove()\n      updateListener?.remove()\n      deleteListener?.remove()\n    }\n  }, [isLoading, updateSubmissionValue, isLookingUp])\n\n  const onSubmissionValueChange = React.useCallback(() => {\n    const map = mapViewRef.current?.map\n    if (!value || !map) return\n    // remove any overlay layers we've added previously\n    if (overlayLayerIds && map) {\n      const layersToRemove = overlayLayerIds.reduce((toRemove: Layer[], id) => {\n        const layer = map.layers.find((layer) => layer.id === id)\n        if (layer) toRemove.push(layer)\n        return toRemove\n      }, [])\n      map.layers.removeMany(layersToRemove)\n    }\n\n    // add any overlay layers in the submission value to the web map\n    const newOverlayLayerIds = []\n    if (value.layers) {\n      for (const layer of value.layers) {\n        const overlayLayer = new GraphicsLayer({ title: layer.title as string })\n        overlayLayer.addMany(layer.graphics.map((g) => Graphic.fromJSON(g)))\n        newOverlayLayerIds.push(overlayLayer.id)\n        map.layers.add(overlayLayer)\n      }\n    }\n    setOverlayLayerIds(newOverlayLayerIds)\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  }, [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  React.useEffect(() => {\n    const loadMap = async () => {\n      try {\n        const drawingLayer = new GraphicsLayer({ id: uuid(), title: 'Drawing' })\n\n        const map = new WebMap({\n          portalItem: {\n            id: element.webMapId,\n          },\n        })\n        await map.load()\n        drawingLayerRef.current = drawingLayer\n        map.layers.add(drawingLayer)\n\n        const view = new MapView({\n          map: map,\n          container: ref.current || undefined,\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        view.ui.add(\n          new Search({\n            view,\n          }),\n          'top-left',\n        )\n        view.ui.add(\n          new Home({\n            view,\n          }),\n          'top-left',\n        )\n        view.ui.add(\n          new Zoom({\n            view,\n          }),\n          'bottom-left',\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-right')\n\n        if (!element.readOnly) {\n          const sketch = new Sketch({\n            view,\n            layer: drawingLayer,\n            creationMode: 'single',\n            layout: 'vertical',\n          })\n          sketchToolRef.current = sketch\n          view.ui.add(sketch, '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  }, [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    </>\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 { 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'\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\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\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          updateDrawingInputSubmissionValue()\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      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    return () => {\n      createListener?.remove()\n      updateListener?.remove()\n      deleteListener?.remove()\n      mapViewChangeListener?.remove()\n    }\n  }, [\n    isLoading,\n    value,\n    updateDrawingInputSubmissionValue,\n    updateMapViewSubmissionValue,\n    element.readOnly,\n  ])\n\n  const onSubmissionValueChange = React.useCallback(() => {\n    const view = mapViewRef.current\n    const map = mapViewRef.current?.map\n    if (!view || !map) return\n    // remove any overlay layers we've added previously\n    if (overlayLayerIds && map) {\n      const layersToRemove = overlayLayerIds.reduce((toRemove: Layer[], id) => {\n        const layer = map.layers.find((layer) => layer.id === id)\n        if (layer) toRemove.push(layer)\n        return toRemove\n      }, [])\n      map.layers.removeMany(layersToRemove)\n    }\n\n    // add any overlay layers in the submission value to the web map\n    const newOverlayLayerIds = []\n    if (value?.layers) {\n      for (const layer of value.layers) {\n        const overlayLayer = new GraphicsLayer({ title: layer.title as string })\n        overlayLayer.addMany(layer.graphics.map((g) => Graphic.fromJSON(g)))\n        newOverlayLayerIds.push(overlayLayer.id)\n        map.layers.add(overlayLayer)\n      }\n    }\n    setOverlayLayerIds(newOverlayLayerIds)\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  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        })\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-left',\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        const drawingLayer = new GraphicsLayer({\n          id: uuid(),\n          title: 'Drawing',\n        })\n        drawingLayerRef.current = drawingLayer\n        map.layers.add(drawingLayer)\n\n        if (!element.readOnly && element.allowedDrawingTools?.length) {\n          const sketch = new Sketch({\n            view,\n            layer: drawingLayer,\n            creationMode: 'single',\n            layout: 'vertical',\n            availableCreateTools: element.allowedDrawingTools?.map(\n              (tool) => tool.type,\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        }\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  }, [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    </>\n  )\n}\n\nexport default React.memo(FormElementArcGISWebMap)\n"]}

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

@@ -7,7 +7,7 @@ import RepeatableSetCell from './RepeatableSetCell';
 import TableCellCopyButton from './TableCellCopyButton';
 import { format } from 'date-fns';
 function FormElementTableCell({ formElement, submission, allowCopy }) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f, _g;
     if (formElement.type === 'page' || formElement.type === 'section') {
         return null;
     }
@@ -214,12 +214,22 @@ function FormElementTableCell({ formElement, submission, allowCopy }) {
                 fullAddress,
                 React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: fullAddress })));
         }
+        case 'pointCadastralParcel': {
+            const value = unknown;
+            const parcelId = (_d = (_c = value === null || value === void 0 ? void 0 : value.parcelBundle) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.parcelId;
+            if (typeof parcelId !== 'string') {
+                break;
+            }
+            return (React.createElement(React.Fragment, null,
+                parcelId,
+                React.createElement(TableCellCopyButton, { isHidden: !allowCopy, text: parcelId })));
+        }
         case 'pointAddress': {
             const value = unknown;
             if (typeof value.addressId !== 'string') {
                 break;
             }
-            const fullAddress = ((_c = value === null || value === void 0 ? void 0 : value.addressDetails) === null || _c === void 0 ? void 0 : _c.formattedAddress) || (React.createElement(React.Fragment, null,
+            const fullAddress = ((_e = value === null || value === void 0 ? void 0 : value.addressDetails) === null || _e === void 0 ? void 0 : _e.formattedAddress) || (React.createElement(React.Fragment, null,
                 "NSW Point Address ID: ",
                 React.createElement("i", null, value.addressId)));
             return (React.createElement(React.Fragment, null,
@@ -260,7 +270,7 @@ function FormElementTableCell({ formElement, submission, allowCopy }) {
         }
         case 'apiNSWLiquorLicence': {
             const value = unknown;
-            const licenceNumber = `${(_d = value.licenceDetail) === null || _d === void 0 ? void 0 : _d.licenceNumber} | ${(_e = value.licenceDetail) === null || _e === void 0 ? void 0 : _e.licenceName}`.trim();
+            const licenceNumber = `${(_f = value.licenceDetail) === null || _f === void 0 ? void 0 : _f.licenceNumber} | ${(_g = value.licenceDetail) === null || _g === void 0 ? void 0 : _g.licenceName}`.trim();
             if (!licenceNumber) {
                 break;
             }
@@ -275,11 +285,14 @@ function FormElementTableCell({ formElement, submission, allowCopy }) {
         case 'image':
         case 'heading':
         case 'arcGISWebMap':
-        case 'summary': {
+        case 'summary':
+        case 'freshdeskDependentField':
+        case 'compliance': {
             return null;
         }
         default: {
-            console.warn('Unsupported element type in Submission Data rendering', formElement);
+            const never = formElement;
+            console.warn('Unsupported element type in Submission Data rendering', never);
             return null;
         }
     }

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

@@ -1 +1 @@
-{"version":3,"file":"FormElementTableCell.js","sourceRoot":"","sources":["../../../../src/components/formStore/table/FormElementTableCell.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { Link, Typography } from '@mui/material'\nimport { localisationService } from '@oneblink/apps'\nimport {\n  APINSWTypes,\n  FormTypes,\n  GoogleTypes,\n  SubmissionTypes,\n} from '@oneblink/types'\nimport { abnService } from '@oneblink/sdk-core'\nimport {\n  FileChip,\n  FilesElementDataTableCellContent,\n  MultiSelectFormElementTableCellContent,\n  getSelectedOptionLabel,\n} from '../display/ElementDisplay'\nimport RepeatableSetCell from './RepeatableSetCell'\nimport TableCellCopyButton from './TableCellCopyButton'\nimport { format } from 'date-fns'\nimport { ABNRecord } from '@oneblink/types/typescript/misc'\nimport { GeoscapeAddress } from '@oneblink/types/typescript/geoscape'\nimport { PointAddress } from '@oneblink/types/typescript/point'\n\ntype Props = {\n  formElement: FormTypes.FormElement\n  submission: SubmissionTypes.S3SubmissionData['submission'] | undefined\n  allowCopy: boolean\n}\n\nfunction FormElementTableCell({ formElement, submission, allowCopy }: Props) {\n  if (formElement.type === 'page' || formElement.type === 'section') {\n    return null\n  }\n  const unknown = submission?.[formElement.name]\n  if (unknown === undefined || unknown === null) {\n    return null\n  }\n\n  switch (formElement.type) {\n    case 'repeatableSet': {\n      if (!Array.isArray(unknown)) {\n        break\n      }\n      return <RepeatableSetCell formElement={formElement} value={unknown} />\n    }\n\n    case 'location': {\n      const value = unknown as {\n        latitude: number\n        longitude: number\n      }\n      if (!value.latitude || !value.longitude) {\n        break\n      }\n\n      const latLong = `${value.latitude},${value.longitude}`\n      return (\n        <>\n          <div>\n            <Typography variant=\"inherit\" component=\"p\">\n              <Link\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                href={`https://maps.google.com/?q=${latLong}`}\n              >\n                View in Google Maps\n              </Link>\n            </Typography>\n            <Typography variant=\"inherit\" component=\"p\" color=\"textSecondary\">\n              Latitude: {value.latitude}\n            </Typography>\n            <Typography variant=\"inherit\" component=\"p\" color=\"textSecondary\">\n              Longitude: {value.longitude}\n            </Typography>\n          </div>\n          <TableCellCopyButton isHidden={!allowCopy} text={latLong} />\n        </>\n      )\n    }\n\n    case 'camera':\n    case 'draw': {\n      return (\n        <FileChip\n          file={unknown as React.ComponentProps<typeof FileChip>['file']}\n        />\n      )\n    }\n\n    case 'textarea': {\n      if (typeof unknown !== 'string') {\n        break\n      }\n      return (\n        <>\n          <span\n            style={{\n              whiteSpace: 'pre-line',\n            }}\n          >\n            {unknown}\n          </span>\n          <TableCellCopyButton isHidden={!allowCopy} text={unknown} />\n        </>\n      )\n    }\n\n    case 'date': {\n      if (typeof unknown !== 'string') {\n        break\n      }\n      const date = localisationService.generateDate({\n        daysOffset: undefined,\n        value: unknown,\n      })\n      if (!date) {\n        break\n      }\n      const text = localisationService.formatDate(date)\n      return (\n        <>\n          {text}\n          <TableCellCopyButton isHidden={!allowCopy} text={text} />\n        </>\n      )\n    }\n\n    case 'time': {\n      if (typeof unknown !== 'string') {\n        break\n      }\n      const date = new Date(unknown)\n      if (isNaN(date.getTime())) {\n        break\n      }\n      const { time: timeFormat } = localisationService.getDateFnsFormats()\n      const text = format(date, timeFormat)\n      return (\n        <>\n          {text}\n          <TableCellCopyButton isHidden={!allowCopy} text={text} />\n        </>\n      )\n    }\n\n    case 'datetime': {\n      if (typeof unknown !== 'string') {\n        break\n      }\n      const date = new Date(unknown)\n      if (isNaN(date.getTime())) {\n        break\n      }\n      const { shortDateTime: shortDateTimeFormat } =\n        localisationService.getDateFnsFormats()\n      const text = format(date, shortDateTimeFormat)\n      return (\n        <>\n          {text}\n          <TableCellCopyButton isHidden={!allowCopy} text={text} />\n        </>\n      )\n    }\n\n    case 'number': {\n      if (typeof unknown !== 'number') {\n        break\n      }\n      const text = localisationService.formatNumber(unknown)\n      return (\n        <>\n          {text}\n          <TableCellCopyButton isHidden={!allowCopy} text={text} />\n        </>\n      )\n    }\n\n    case 'radio':\n    case 'autocomplete':\n    case 'checkboxes':\n    case 'select': {\n      if (\n        formElement.type === 'checkboxes' ||\n        (formElement.type === 'select' && formElement.multi)\n      ) {\n        if (\n          !Array.isArray(unknown) ||\n          !unknown.length ||\n          typeof unknown[0] !== 'string'\n        ) {\n          break\n        }\n        const text = (unknown as string[])\n          .map((selection) => getSelectedOptionLabel(formElement, selection))\n          .join(', ')\n        return (\n          <>\n            <MultiSelectFormElementTableCellContent\n              value={unknown}\n              formElement={formElement}\n            />\n            <TableCellCopyButton isHidden={!allowCopy} text={text} />\n          </>\n        )\n      } else {\n        if (typeof unknown !== 'string') {\n          break\n        }\n        const text = getSelectedOptionLabel(formElement, unknown)\n        return (\n          <>\n            {text}\n            <TableCellCopyButton isHidden={!allowCopy} text={text} />\n          </>\n        )\n      }\n    }\n\n    case 'email': {\n      if (typeof unknown !== 'string') {\n        break\n      }\n      return (\n        <>\n          <Link\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            href={`mailto:${unknown}`}\n          >\n            {unknown}\n          </Link>\n          <TableCellCopyButton isHidden={!allowCopy} text={unknown} />\n        </>\n      )\n    }\n    case 'telephone': {\n      if (typeof unknown !== 'string') {\n        break\n      }\n      return (\n        <>\n          <Link\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            href={`tel:${unknown}`}\n          >\n            {unknown}\n          </Link>\n          <TableCellCopyButton isHidden={!allowCopy} text={unknown} />\n        </>\n      )\n    }\n    case 'text':\n    case 'bsb':\n    case 'barcodeScanner': {\n      if (typeof unknown !== 'string') {\n        break\n      }\n      return (\n        <>\n          {unknown}\n          <TableCellCopyButton isHidden={!allowCopy} text={unknown} />\n        </>\n      )\n    }\n\n    case 'files': {\n      const value = unknown as React.ComponentProps<\n        typeof FilesElementDataTableCellContent\n      >['value']\n      if (\n        !Array.isArray(value) ||\n        !value.length ||\n        typeof value[0]?.fileName !== 'string'\n      ) {\n        break\n      }\n      return <FilesElementDataTableCellContent value={value} />\n    }\n\n    case 'calculation': {\n      if (typeof unknown !== 'number') {\n        break\n      }\n      const text = formElement.displayAsCurrency\n        ? localisationService.formatCurrency(unknown)\n        : localisationService.formatNumber(unknown)\n      return (\n        <>\n          {text}\n          <TableCellCopyButton\n            isHidden={!allowCopy}\n            text={unknown.toString()}\n          />\n        </>\n      )\n    }\n\n    case 'civicaStreetName': {\n      const value = unknown as {\n        formattedStreet: string\n      }\n      if (typeof value?.formattedStreet !== 'string') {\n        break\n      }\n      return (\n        <>\n          {value.formattedStreet}\n          <TableCellCopyButton\n            isHidden={!allowCopy}\n            text={value.formattedStreet}\n          />\n        </>\n      )\n    }\n\n    case 'civicaNameRecord': {\n      const value = unknown as {\n        title?: string\n        givenName1?: string\n        familyName?: string\n        emailAddress: string\n      }\n      if (typeof value?.emailAddress !== 'string') {\n        break\n      }\n      const text =\n        [value?.title, value?.givenName1, value?.familyName]\n          .filter((t) => t)\n          .join(' ') || value?.emailAddress\n      return (\n        <>\n          {text}\n          <TableCellCopyButton isHidden={!allowCopy} text={text} />\n        </>\n      )\n    }\n\n    case 'geoscapeAddress': {\n      const value = unknown as GeoscapeAddress\n      if (typeof value.addressId !== 'string') {\n        break\n      }\n      const fullAddress = value?.addressDetails?.formattedAddress || (\n        <>\n          Geoscape Address ID: <i>{value.addressId}</i>\n        </>\n      )\n      return (\n        <>\n          {fullAddress}\n          <TableCellCopyButton\n            isHidden={!allowCopy}\n            text={fullAddress as string}\n          />\n        </>\n      )\n    }\n\n    case 'pointAddress': {\n      const value = unknown as PointAddress\n      if (typeof value.addressId !== 'string') {\n        break\n      }\n      const fullAddress = value?.addressDetails?.formattedAddress || (\n        <>\n          NSW Point Address ID: <i>{value.addressId}</i>\n        </>\n      )\n      return (\n        <>\n          {fullAddress}\n          <TableCellCopyButton\n            isHidden={!allowCopy}\n            text={fullAddress as string}\n          />\n        </>\n      )\n    }\n\n    case 'googleAddress': {\n      const value = unknown as GoogleTypes.GoogleMapsAddress\n      const fullAddress = value?.formatted_address || (\n        <>\n          Google Address: <i>{value?.place_id}</i>\n        </>\n      )\n      return (\n        <>\n          {fullAddress}\n          <TableCellCopyButton\n            isHidden={!allowCopy}\n            text={fullAddress as string}\n          />\n        </>\n      )\n    }\n\n    case 'boolean': {\n      if (typeof unknown !== 'boolean') {\n        break\n      }\n      const text = unknown ? 'Yes' : 'No'\n      return (\n        <>\n          {text}\n          <TableCellCopyButton isHidden={!allowCopy} text={text} />\n        </>\n      )\n    }\n\n    case 'abn': {\n      const value = unknown as ABNRecord\n      if (!value.ABN || !value.entityType) {\n        break\n      }\n      const abnNumber = abnService.displayABNNumberFromABNRecord(value)\n      return (\n        <>\n          <Link\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            href={`https://www.abr.business.gov.au/ABN/View/${abnNumber}`}\n          >\n            {abnNumber} |{' '}\n            <i>{abnService.displayBusinessNameFromABNRecord(value)}</i>\n          </Link>\n          <TableCellCopyButton isHidden={!allowCopy} text={abnNumber} />\n        </>\n      )\n    }\n    case 'apiNSWLiquorLicence': {\n      const value = unknown as APINSWTypes.LiquorLicenceDetails\n      const licenceNumber =\n        `${value.licenceDetail?.licenceNumber} | ${value.licenceDetail?.licenceName}`.trim()\n      if (!licenceNumber) {\n        break\n      }\n      return (\n        <>\n          {licenceNumber}\n          <TableCellCopyButton isHidden={!allowCopy} text={licenceNumber} />\n        </>\n      )\n    }\n\n    case 'html':\n    case 'form':\n    case 'infoPage':\n    case 'captcha':\n    case 'image':\n    case 'heading':\n    case 'arcGISWebMap':\n    case 'summary': {\n      return null\n    }\n\n    default: {\n      console.warn(\n        'Unsupported element type in Submission Data rendering',\n        formElement,\n      )\n      return null\n    }\n  }\n\n  return <>{JSON.stringify(unknown)}</>\n}\n\nexport default React.memo(FormElementTableCell)\n"]}
+{"version":3,"file":"FormElementTableCell.js","sourceRoot":"","sources":["../../../../src/components/formStore/table/FormElementTableCell.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { Link, Typography } from '@mui/material'\nimport { localisationService } from '@oneblink/apps'\nimport {\n  APINSWTypes,\n  FormTypes,\n  GeoscapeTypes,\n  GoogleTypes,\n  MiscTypes,\n  PointTypes,\n  SubmissionTypes,\n} from '@oneblink/types'\nimport { abnService } from '@oneblink/sdk-core'\nimport {\n  FileChip,\n  FilesElementDataTableCellContent,\n  MultiSelectFormElementTableCellContent,\n  getSelectedOptionLabel,\n} from '../display/ElementDisplay'\nimport RepeatableSetCell from './RepeatableSetCell'\nimport TableCellCopyButton from './TableCellCopyButton'\nimport { format } from 'date-fns'\n\ntype Props = {\n  formElement: FormTypes.FormElement\n  submission: SubmissionTypes.S3SubmissionData['submission'] | undefined\n  allowCopy: boolean\n}\n\nfunction FormElementTableCell({ formElement, submission, allowCopy }: Props) {\n  if (formElement.type === 'page' || formElement.type === 'section') {\n    return null\n  }\n  const unknown = submission?.[formElement.name]\n  if (unknown === undefined || unknown === null) {\n    return null\n  }\n\n  switch (formElement.type) {\n    case 'repeatableSet': {\n      if (!Array.isArray(unknown)) {\n        break\n      }\n      return <RepeatableSetCell formElement={formElement} value={unknown} />\n    }\n\n    case 'location': {\n      const value = unknown as {\n        latitude: number\n        longitude: number\n      }\n      if (!value.latitude || !value.longitude) {\n        break\n      }\n\n      const latLong = `${value.latitude},${value.longitude}`\n      return (\n        <>\n          <div>\n            <Typography variant=\"inherit\" component=\"p\">\n              <Link\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                href={`https://maps.google.com/?q=${latLong}`}\n              >\n                View in Google Maps\n              </Link>\n            </Typography>\n            <Typography variant=\"inherit\" component=\"p\" color=\"textSecondary\">\n              Latitude: {value.latitude}\n            </Typography>\n            <Typography variant=\"inherit\" component=\"p\" color=\"textSecondary\">\n              Longitude: {value.longitude}\n            </Typography>\n          </div>\n          <TableCellCopyButton isHidden={!allowCopy} text={latLong} />\n        </>\n      )\n    }\n\n    case 'camera':\n    case 'draw': {\n      return (\n        <FileChip\n          file={unknown as React.ComponentProps<typeof FileChip>['file']}\n        />\n      )\n    }\n\n    case 'textarea': {\n      if (typeof unknown !== 'string') {\n        break\n      }\n      return (\n        <>\n          <span\n            style={{\n              whiteSpace: 'pre-line',\n            }}\n          >\n            {unknown}\n          </span>\n          <TableCellCopyButton isHidden={!allowCopy} text={unknown} />\n        </>\n      )\n    }\n\n    case 'date': {\n      if (typeof unknown !== 'string') {\n        break\n      }\n      const date = localisationService.generateDate({\n        daysOffset: undefined,\n        value: unknown,\n      })\n      if (!date) {\n        break\n      }\n      const text = localisationService.formatDate(date)\n      return (\n        <>\n          {text}\n          <TableCellCopyButton isHidden={!allowCopy} text={text} />\n        </>\n      )\n    }\n\n    case 'time': {\n      if (typeof unknown !== 'string') {\n        break\n      }\n      const date = new Date(unknown)\n      if (isNaN(date.getTime())) {\n        break\n      }\n      const { time: timeFormat } = localisationService.getDateFnsFormats()\n      const text = format(date, timeFormat)\n      return (\n        <>\n          {text}\n          <TableCellCopyButton isHidden={!allowCopy} text={text} />\n        </>\n      )\n    }\n\n    case 'datetime': {\n      if (typeof unknown !== 'string') {\n        break\n      }\n      const date = new Date(unknown)\n      if (isNaN(date.getTime())) {\n        break\n      }\n      const { shortDateTime: shortDateTimeFormat } =\n        localisationService.getDateFnsFormats()\n      const text = format(date, shortDateTimeFormat)\n      return (\n        <>\n          {text}\n          <TableCellCopyButton isHidden={!allowCopy} text={text} />\n        </>\n      )\n    }\n\n    case 'number': {\n      if (typeof unknown !== 'number') {\n        break\n      }\n      const text = localisationService.formatNumber(unknown)\n      return (\n        <>\n          {text}\n          <TableCellCopyButton isHidden={!allowCopy} text={text} />\n        </>\n      )\n    }\n\n    case 'radio':\n    case 'autocomplete':\n    case 'checkboxes':\n    case 'select': {\n      if (\n        formElement.type === 'checkboxes' ||\n        (formElement.type === 'select' && formElement.multi)\n      ) {\n        if (\n          !Array.isArray(unknown) ||\n          !unknown.length ||\n          typeof unknown[0] !== 'string'\n        ) {\n          break\n        }\n        const text = (unknown as string[])\n          .map((selection) => getSelectedOptionLabel(formElement, selection))\n          .join(', ')\n        return (\n          <>\n            <MultiSelectFormElementTableCellContent\n              value={unknown}\n              formElement={formElement}\n            />\n            <TableCellCopyButton isHidden={!allowCopy} text={text} />\n          </>\n        )\n      } else {\n        if (typeof unknown !== 'string') {\n          break\n        }\n        const text = getSelectedOptionLabel(formElement, unknown)\n        return (\n          <>\n            {text}\n            <TableCellCopyButton isHidden={!allowCopy} text={text} />\n          </>\n        )\n      }\n    }\n\n    case 'email': {\n      if (typeof unknown !== 'string') {\n        break\n      }\n      return (\n        <>\n          <Link\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            href={`mailto:${unknown}`}\n          >\n            {unknown}\n          </Link>\n          <TableCellCopyButton isHidden={!allowCopy} text={unknown} />\n        </>\n      )\n    }\n    case 'telephone': {\n      if (typeof unknown !== 'string') {\n        break\n      }\n      return (\n        <>\n          <Link\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            href={`tel:${unknown}`}\n          >\n            {unknown}\n          </Link>\n          <TableCellCopyButton isHidden={!allowCopy} text={unknown} />\n        </>\n      )\n    }\n    case 'text':\n    case 'bsb':\n    case 'barcodeScanner': {\n      if (typeof unknown !== 'string') {\n        break\n      }\n      return (\n        <>\n          {unknown}\n          <TableCellCopyButton isHidden={!allowCopy} text={unknown} />\n        </>\n      )\n    }\n\n    case 'files': {\n      const value = unknown as React.ComponentProps<\n        typeof FilesElementDataTableCellContent\n      >['value']\n      if (\n        !Array.isArray(value) ||\n        !value.length ||\n        typeof value[0]?.fileName !== 'string'\n      ) {\n        break\n      }\n      return <FilesElementDataTableCellContent value={value} />\n    }\n\n    case 'calculation': {\n      if (typeof unknown !== 'number') {\n        break\n      }\n      const text = formElement.displayAsCurrency\n        ? localisationService.formatCurrency(unknown)\n        : localisationService.formatNumber(unknown)\n      return (\n        <>\n          {text}\n          <TableCellCopyButton\n            isHidden={!allowCopy}\n            text={unknown.toString()}\n          />\n        </>\n      )\n    }\n\n    case 'civicaStreetName': {\n      const value = unknown as {\n        formattedStreet: string\n      }\n      if (typeof value?.formattedStreet !== 'string') {\n        break\n      }\n      return (\n        <>\n          {value.formattedStreet}\n          <TableCellCopyButton\n            isHidden={!allowCopy}\n            text={value.formattedStreet}\n          />\n        </>\n      )\n    }\n\n    case 'civicaNameRecord': {\n      const value = unknown as {\n        title?: string\n        givenName1?: string\n        familyName?: string\n        emailAddress: string\n      }\n      if (typeof value?.emailAddress !== 'string') {\n        break\n      }\n      const text =\n        [value?.title, value?.givenName1, value?.familyName]\n          .filter((t) => t)\n          .join(' ') || value?.emailAddress\n      return (\n        <>\n          {text}\n          <TableCellCopyButton isHidden={!allowCopy} text={text} />\n        </>\n      )\n    }\n\n    case 'geoscapeAddress': {\n      const value = unknown as GeoscapeTypes.GeoscapeAddress\n      if (typeof value.addressId !== 'string') {\n        break\n      }\n      const fullAddress = value?.addressDetails?.formattedAddress || (\n        <>\n          Geoscape Address ID: <i>{value.addressId}</i>\n        </>\n      )\n      return (\n        <>\n          {fullAddress}\n          <TableCellCopyButton\n            isHidden={!allowCopy}\n            text={fullAddress as string}\n          />\n        </>\n      )\n    }\n\n    case 'pointCadastralParcel': {\n      const value = unknown as PointTypes.PointCadastralParcelResponse\n      const parcelId = value?.parcelBundle?.[0]?.parcelId\n      if (typeof parcelId !== 'string') {\n        break\n      }\n      return (\n        <>\n          {parcelId}\n          <TableCellCopyButton isHidden={!allowCopy} text={parcelId} />\n        </>\n      )\n    }\n\n    case 'pointAddress': {\n      const value = unknown as PointTypes.PointAddress\n      if (typeof value.addressId !== 'string') {\n        break\n      }\n      const fullAddress = value?.addressDetails?.formattedAddress || (\n        <>\n          NSW Point Address ID: <i>{value.addressId}</i>\n        </>\n      )\n      return (\n        <>\n          {fullAddress}\n          <TableCellCopyButton\n            isHidden={!allowCopy}\n            text={fullAddress as string}\n          />\n        </>\n      )\n    }\n\n    case 'googleAddress': {\n      const value = unknown as GoogleTypes.GoogleMapsAddress\n      const fullAddress = value?.formatted_address || (\n        <>\n          Google Address: <i>{value?.place_id}</i>\n        </>\n      )\n      return (\n        <>\n          {fullAddress}\n          <TableCellCopyButton\n            isHidden={!allowCopy}\n            text={fullAddress as string}\n          />\n        </>\n      )\n    }\n\n    case 'boolean': {\n      if (typeof unknown !== 'boolean') {\n        break\n      }\n      const text = unknown ? 'Yes' : 'No'\n      return (\n        <>\n          {text}\n          <TableCellCopyButton isHidden={!allowCopy} text={text} />\n        </>\n      )\n    }\n\n    case 'abn': {\n      const value = unknown as MiscTypes.ABNRecord\n      if (!value.ABN || !value.entityType) {\n        break\n      }\n      const abnNumber = abnService.displayABNNumberFromABNRecord(value)\n      return (\n        <>\n          <Link\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            href={`https://www.abr.business.gov.au/ABN/View/${abnNumber}`}\n          >\n            {abnNumber} |{' '}\n            <i>{abnService.displayBusinessNameFromABNRecord(value)}</i>\n          </Link>\n          <TableCellCopyButton isHidden={!allowCopy} text={abnNumber} />\n        </>\n      )\n    }\n    case 'apiNSWLiquorLicence': {\n      const value = unknown as APINSWTypes.LiquorLicenceDetails\n      const licenceNumber =\n        `${value.licenceDetail?.licenceNumber} | ${value.licenceDetail?.licenceName}`.trim()\n      if (!licenceNumber) {\n        break\n      }\n      return (\n        <>\n          {licenceNumber}\n          <TableCellCopyButton isHidden={!allowCopy} text={licenceNumber} />\n        </>\n      )\n    }\n\n    case 'html':\n    case 'form':\n    case 'infoPage':\n    case 'captcha':\n    case 'image':\n    case 'heading':\n    case 'arcGISWebMap':\n    case 'summary':\n    case 'freshdeskDependentField':\n    case 'compliance': {\n      return null\n    }\n\n    default: {\n      const never: never = formElement\n      console.warn(\n        'Unsupported element type in Submission Data rendering',\n        never,\n      )\n      return null\n    }\n  }\n\n  return <>{JSON.stringify(unknown)}</>\n}\n\nexport default React.memo(FormElementTableCell)\n"]}

package/dist/components/renderer/OneBlinkFormElements.js

@@ -43,6 +43,7 @@ import { FormSubmissionModelContextProvider } from '../../hooks/useFormSubmissio
 import useBooleanState from '../../hooks/useBooleanState';
 import FormElementAPINSWLiquorLicence from '../../form-elements/FormElementAPINSWLiquorLicence';
 import ElementDOMId from '../../utils/elementDOMIds';
+import FormElementPointCadastralParcel from '../../form-elements/FormElementPointCadastralParcel';
 function OneBlinkFormElements({ formId, elements, isEven, idPrefix, displayValidationMessages, formElementsValidation, formElementsConditionallyShown, onChange, onLookup, onUpdateFormElements, model, parentElement, }) {
     return (React.createElement(FormSubmissionModelContextProvider, { elements: parentElement.elements, model: model, formElementsConditionallyShown: formElementsConditionallyShown }, elements.map((element) => {
         var _a, _b;
@@ -215,6 +216,11 @@ const FormElementSwitch = React.memo(function OneBlinkFormElement({ formId, elem
         case 'freshdeskDependentField': {
             return (React.createElement(FormElementFreshdeskDependentField, { formId: formId, id: id, element: element, value: value, onChange: onChange, onLookup: onLookup, displayValidationMessages: displayValidationMessage, formElementValidation: formElementValidation, formElementConditionallyShown: formElementConditionallyShown, onUpdateFormElements: onUpdateFormElements }));
         }
+        case 'pointCadastralParcel': {
+            const v = value;
+            return (React.createElement(LookupNotification, { autoLookupValue: value, element: element, onLookup: onLookup },
+                React.createElement(FormElementPointCadastralParcel, { id: id, formId: formId, element: element, value: v, onChange: onChange, validationMessage: validationMessage, displayValidationMessage: displayValidationMessage, autocompleteAttributes: autocompleteAttributes, ...dirtyProps })));
+        }
         case 'pointAddress': {
             const v = value;
             return (React.createElement(LookupNotification, { autoLookupValue: value, element: element, onLookup: onLookup },
@@ -245,10 +251,15 @@ const FormElementSwitch = React.memo(function OneBlinkFormElement({ formId, elem
         case 'arcGISWebMap': {
             const v = value;
             return (React.createElement(LookupNotification, { autoLookupValue: value, element: element, onLookup: onLookup, stringifyAutoLookupValue: stringifyArcgisInput },
-                React.createElement(FormElementArcGISWebMap, { id: id, element: element, value: v, onChange: onChange })));
+                React.createElement(FormElementArcGISWebMap, { id: id, element: element, value: v, onChange: onChange, validationMessage: validationMessage, displayValidationMessage: displayValidationMessage, ...dirtyProps })));
+        }
+        case 'section':
+        case 'page': {
+            return null;
         }
         default: {
-            console.warn('Invalid element', element);
+            const never = element;
+            console.warn('Invalid element', never);
             return null;
         }
     }