esrieact 0.3.0 → 0.3.1

package/README.md

@@ -219,7 +219,7 @@ In order for `<MapView />` child components to be properly associated with the u
 
 ```ts
 // App.tsx
-import { MapViewCore, MapContextProvider } from 'lib/map/MapView';
+import { MapViewCore, MapContextProvider } from 'esrieact';
 
 const App = () => {
   // Wrap MapViewCore and other components that need access to the map context
@@ -233,7 +233,7 @@ const App = () => {
 
 // OtherUI.tsx
 import { useContext } from 'react';
-import { MapContext } from 'lib/map/MapView';
+import { MapContext } from 'esrieact';
 
 const OtherUI = () => {
   const { view } = useContext(MapContext);

package/dist/map/MapView.d.ts

@@ -115,7 +115,7 @@ interface Props extends HTMLAttributes<HTMLDivElement> {
  *
  * @example
  * // App.tsx
- * import { MapViewCore, MapContextProvider } from 'lib/map/MapView';
+ * import { MapViewCore, MapContextProvider } from 'esrieact';
  *
  * const App = () => {
  *    return (
@@ -128,7 +128,7 @@ interface Props extends HTMLAttributes<HTMLDivElement> {
  *
  * // OtherUI.tsx
  * import { useContext } from 'react';
- * import { MapContext } from 'lib/map/MapView';
+ * import { MapContext } from 'esrieact';
  *
  * const OtherUI = () => {
  *    const { view } = useContext(MapContext);

package/dist/map/MapView.js

@@ -35,7 +35,7 @@ export const MapContextProvider = ({ children, }) => {
  *
  * @example
  * // App.tsx
- * import { MapViewCore, MapContextProvider } from 'lib/map/MapView';
+ * import { MapViewCore, MapContextProvider } from 'esrieact';
  *
  * const App = () => {
  *    return (
@@ -48,7 +48,7 @@ export const MapContextProvider = ({ children, }) => {
  *
  * // OtherUI.tsx
  * import { useContext } from 'react';
- * import { MapContext } from 'lib/map/MapView';
+ * import { MapContext } from 'esrieact';
  *
  * const OtherUI = () => {
  *    const { view } = useContext(MapContext);

package/dist/widgets/BasemapGallery.d.ts

@@ -9,6 +9,6 @@ import EsriBasemapGallery from "@arcgis/core/widgets/BasemapGallery";
 export declare const BasemapGallery: React.ForwardRefExoticComponent<__esri.BasemapGalleryProperties & {
     children?: React.ReactNode;
 } & {
-    events?: {} | undefined;
+    events?: {} | ((widgetInstance: __esri.Widget) => {}) | undefined;
     position?: string | __esri.UIAddPosition | undefined;
 } & React.RefAttributes<EsriBasemapGallery>>;

package/dist/widgets/Expand.d.ts

@@ -9,6 +9,6 @@ import EsriExpandWidget from "@arcgis/core/widgets/Expand";
 export declare const Expand: React.ForwardRefExoticComponent<__esri.ExpandProperties & {
     children?: React.ReactNode;
 } & {
-    events?: {} | undefined;
+    events?: {} | ((widgetInstance: __esri.Widget) => {}) | undefined;
     position?: string | __esri.UIAddPosition | undefined;
 } & React.RefAttributes<EsriExpandWidget>>;

package/dist/widgets/Histogram.d.ts

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

package/dist/widgets/Histogram.js

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

package/dist/widgets/HistogramRangeSlider.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import EsriHistogramRangeSliderWidget from "@arcgis/core/widgets/HistogramRangeSlider";
+export type HistogramRangeSliderEventHandlerFnMap = Partial<{
+    "max-change": __esri.HistogramRangeSliderMaxChangeEventHandler;
+    "min-change": __esri.HistogramRangeSliderMinChangeEventHandler;
+    "segment-drag": __esri.HistogramRangeSliderSegmentDragEventHandler;
+    "thumb-change": __esri.HistogramRangeSliderThumbChangeEventHandler;
+    "thumb-drag": __esri.HistogramRangeSliderThumbDragEventHandler;
+}>;
+/**
+ * A HistogramRangeSlider Widget component
+ *
+ * ArcGIS JS API Source Components:
+ * - [HistogramRangeSlider](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-HistogramRangeSlider.html)
+ */
+export declare const HistogramRangeSlider: React.ForwardRefExoticComponent<__esri.HistogramRangeSliderProperties & {
+    children?: React.ReactNode;
+} & {
+    events?: {} | ((widgetInstance: __esri.Widget) => {}) | undefined;
+    position?: string | __esri.UIAddPosition | undefined;
+} & React.RefAttributes<EsriHistogramRangeSliderWidget>>;

package/dist/widgets/HistogramRangeSlider.js

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

package/dist/widgets/LayerList/ListItem.d.ts

@@ -3,12 +3,14 @@ import EsriListItem from "@arcgis/core/widgets/LayerList/ListItem";
 /**
  * An LayerList ListItem component
  *
+ * TODO: Add support for children that attach to parent LayerList
+ *
  * ArcGIS JS API Source Components:
  * - [ListItem](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList-ListItem.html)
  */
 export declare const LayerList: React.ForwardRefExoticComponent<__esri.ListItemProperties & {
     children?: React.ReactNode;
 } & {
-    events?: {} | undefined;
+    events?: {} | ((widgetInstance: __esri.Widget) => {}) | undefined;
     position?: string | __esri.UIAddPosition | undefined;
 } & React.RefAttributes<EsriListItem>>;

package/dist/widgets/LayerList/ListItem.js

@@ -7,6 +7,8 @@ const createWidget = (properties) => {
 /**
  * An LayerList ListItem component
  *
+ * TODO: Add support for children that attach to parent LayerList
+ *
  * ArcGIS JS API Source Components:
  * - [ListItem](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-LayerList-ListItem.html)
  */

package/dist/widgets/LayerList/index.d.ts

@@ -9,6 +9,6 @@ import EsriLayerList from "@arcgis/core/widgets/LayerList";
 export declare const LayerList: React.ForwardRefExoticComponent<__esri.LayerListProperties & {
     children?: React.ReactNode;
 } & {
-    events?: {} | undefined;
+    events?: {} | ((widgetInstance: __esri.Widget) => {}) | undefined;
     position?: string | __esri.UIAddPosition | undefined;
 } & React.RefAttributes<EsriLayerList>>;

package/dist/widgets/Legend.d.ts

@@ -9,6 +9,6 @@ import EsriLegendWidget from "@arcgis/core/widgets/Legend";
 export declare const Legend: React.ForwardRefExoticComponent<__esri.LegendProperties & {
     children?: React.ReactNode;
 } & {
-    events?: {} | undefined;
+    events?: {} | ((widgetInstance: __esri.Widget) => {}) | undefined;
     position?: string | __esri.UIAddPosition | undefined;
 } & React.RefAttributes<EsriLegendWidget>>;

package/dist/widgets/SearchBar.d.ts

@@ -9,6 +9,6 @@ import EsriSearch from "@arcgis/core/widgets/Search";
 export declare const SearchBar: React.ForwardRefExoticComponent<__esri.SearchProperties & __esri.WidgetProperties & {
     children?: React.ReactNode;
 } & {
-    events?: {} | undefined;
+    events?: {} | ((widgetInstance: __esri.Widget) => {}) | undefined;
     position?: string | __esri.UIAddPosition | undefined;
 } & React.RefAttributes<EsriSearch>>;

package/dist/widgets/Sketch.d.ts

@@ -18,7 +18,13 @@ export declare const Sketch: React.ForwardRefExoticComponent<SketchProperties &
         update: __esri.SketchUpdateEventHandler;
         redo: __esri.SketchRedoEventHandler;
         undo: __esri.SketchUndoEventHandler;
-    }> | undefined;
+    }> | ((widgetInstance: __esri.Widget) => Partial<{
+        delete: __esri.SketchDeleteEventHandler;
+        create: __esri.SketchCreateEventHandler;
+        update: __esri.SketchUpdateEventHandler;
+        redo: __esri.SketchRedoEventHandler;
+        undo: __esri.SketchUndoEventHandler;
+    }>) | undefined;
     position?: string | __esri.UIAddPosition | undefined;
 } & React.RefAttributes<EsriSketch>>;
 export {};

package/dist/widgets/createWidgetComponent.d.ts

@@ -6,8 +6,8 @@ import EsriWidget from "@arcgis/core/widgets/Widget";
  */
 export type WidgetComponentProps<T extends __esri.WidgetProperties = __esri.WidgetProperties & {
     view?: __esri.MapView;
-}, E extends Record<string, Function> = {}> = React.PropsWithChildren<T> & {
-    events?: E;
+}, E extends Record<string, Function> = {}, I extends __esri.Widget = __esri.Widget> = React.PropsWithChildren<T> & {
+    events?: E | ((widgetInstance: I) => E);
     position?: string | __esri.UIAddPosition;
 };
 /**

package/dist/widgets/createWidgetComponent.js

@@ -33,7 +33,7 @@ export function createWidgetComponent(createWidget, ref, { children, events, pos
     }, [view]);
     useImperativeHandle(ref, () => instance);
     useEsriPropertyUpdates(instance, properties);
-    useEvents(instance, events);
+    useEvents(instance, typeof events === "function" ? events(instance) : events);
     /**
      * Check if children is a singular HTML element and assign its ref to instance.content,
      * enables dev to make arbitrary UI elements children of an Expand widget

package/dist/widgets/index.d.ts

@@ -5,3 +5,5 @@ export * from "./LayerList";
 export * from "./Legend";
 export * from "./SearchBar";
 export * from "./Sketch";
+export * from "./Histogram";
+export * from "./HistogramRangeSlider";

package/dist/widgets/index.js

@@ -5,3 +5,5 @@ export * from "./LayerList";
 export * from "./Legend";
 export * from "./SearchBar";
 export * from "./Sketch";
+export * from "./Histogram";
+export * from "./HistogramRangeSlider";

package/package.json

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