esrieact 0.4.5 → 0.5.0

package/dist/widgets/Zoom.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import EsriZoomWidget from "@arcgis/core/widgets/Zoom";
+/**
+ * A Zoom Widget component
+ *
+ * ArcGIS JS API Source Components:
+ * - [Zoom](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Zoom.html)
+ */
+export declare const Zoom: React.ForwardRefExoticComponent<__esri.ZoomProperties & {
+    children?: React.ReactNode;
+} & {
+    events?: {} | ((widgetInstance: __esri.Widget) => {}) | undefined;
+    position?: string | __esri.UIAddPosition | undefined;
+} & React.RefAttributes<EsriZoomWidget>>;

package/dist/widgets/Zoom.js

@@ -0,0 +1,16 @@
+import React from "react";
+import EsriZoomWidget from "@arcgis/core/widgets/Zoom";
+import { createWidgetComponent } from ".";
+const createWidget = (properties) => {
+    return new EsriZoomWidget(properties);
+};
+/**
+ * A Zoom Widget component
+ *
+ * ArcGIS JS API Source Components:
+ * - [Zoom](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Zoom.html)
+ */
+export const Zoom = React.forwardRef((properties, ref) => {
+    // @ts-expect-error internal mismatch of arcgis types?
+    return createWidgetComponent(createWidget, ref, properties);
+});

package/dist/widgets/createWidgetComponent.js

@@ -20,6 +20,7 @@ export function createWidgetComponent(createWidget, ref, { children, events, pos
     const { view } = useMap();
     const parentWidgetContext = useContext(WidgetContext);
     const childrenRef = useRef(null);
+    const addedToViewUiRef = useRef(false);
     const instance = useMemo(() => {
         return createWidget({ ...properties, view, position });
     }, []);
@@ -31,6 +32,7 @@ export function createWidgetComponent(createWidget, ref, { children, events, pos
             else {
                 if (!properties.container) {
                     view.ui.add(instance, position);
+                    addedToViewUiRef.current = true;
                 }
             }
         }
@@ -41,7 +43,10 @@ export function createWidgetComponent(createWidget, ref, { children, events, pos
             if (parentWidgetContext instanceof Expand) {
                 parentWidgetContext.content = "";
             }
-            view.ui.remove(instance);
+            if (addedToViewUiRef.current && view) {
+                view.ui.remove(instance);
+                addedToViewUiRef.current = false;
+            }
         };
     }, [instance, view, parentWidgetContext]);
     useImperativeHandle(ref, () => instance);

package/dist/widgets/index.d.ts

@@ -9,3 +9,4 @@ export * from "./LayerList";
 export * from "./Legend";
 export * from "./SearchBar";
 export * from "./Sketch";
+export * from "./Zoom";

package/dist/widgets/index.js

@@ -9,3 +9,4 @@ export * from "./LayerList";
 export * from "./Legend";
 export * from "./SearchBar";
 export * from "./Sketch";
+export * from "./Zoom";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "esrieact",
   "private": false,
-  "version": "0.4.5",
+  "version": "0.5.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [