@arcgis/map-components-react 4.33.0-next.164 → 4.33.0-next.166

package/README.md

@@ -1,13 +1,13 @@
 # ArcGIS Maps SDK for JavaScript - React wrapper for Map Components
 
-> Note: `@arcgis/map-components-react` was developed for use in React 18. Consider updating to React 19 where the React wrapper is no longer necessary. Check out the [documentation](https://developers.arcgis.com/javascript/latest/get-started-react/) to get started with `@arcgis/map-components` in React 19.
+> Note: `@arcgis/map-components-react` was developed for use in React 18. Consider updating to React 19 where the React wrapper is no longer necessary. Check out the [documentation](https://developers.arcgis.com/javascript/latest/get-started/#react) to get started with `@arcgis/map-components` in React 19.
 
 The ArcGIS Maps SDK for JavaScript provides a suite of ready-to-use UI components that simplify the process of creating GIS web applications. This package contains a map component, scene component, and many other components with functionality made possible through the SDK's core API which is also accessible through the components.
 
 ## Documentation
 
 - [Key Features](https://developers.arcgis.com/javascript/latest/key-features/)
-- [Build with React](https://developers.arcgis.com/javascript/latest/get-started-react/)
+- [Build with React](https://developers.arcgis.com/javascript/latest/get-started/#react)
 - [API and component references](https://developers.arcgis.com/javascript/latest/references/)
 - [Functionality samples](https://developers.arcgis.com/javascript/latest/sample-code/)
 
@@ -27,61 +27,7 @@ The ArcGIS Maps SDK for JavaScript provides a suite of ready-to-use UI component
 
 ## Quick start guide
 
-- Get started by using the [react 18 sample](https://developers.arcgis.com/javascript/latest/get-started-react/#download-project).
-- Install the required packages: `@arcgis/map-components-react`, `@arcgis/core`, `@esri/calcite-components-react`.
-- Import the necessary CSS files in your project and ensure CSS is configured for the map components:
-
-```js
-@import 'https://js.arcgis.com/4.31/@arcgis/core/assets/esri/themes/dark/main.css';
-@import url("https://js.arcgis.com/calcite-components/2.3.2/calcite.css");
-
-#root,
-html,
-body {
-  margin: 0;
-}
-
-arcgis-map {
-  display: block;
-  height: 100vh;
-}
-```
-
-- Add map component: In your main file (e.g., index.tsx), add the `ArcgisMap` component and configure it with an optional `item-id` if using a WebMap from ArcGIS Online or an ArcGIS Enterprise portal:
-
-```js
-import React from "react";
-import ReactDOM from "react-dom/client";
-import "@arcgis/map-components/components/arcgis-map";
-import "@arcgis/map-components/components/arcgis-zoom";
-import { ArcgisMap, ArcgisZoom } from "@arcgis/map-components-react";
-
-const root = ReactDOM.createRoot(document.getElementById("root"));
-root.render(
-  <React.StrictMode>
-    <ArcgisMap itemId="your-webmap-item-id"></ArcgisMap>
-  </React.StrictMode>,
-);
-```
-
-- Add additional functionality: To your map, you could set properties and use events like `onArcgisViewReadyChange` to detect when the map view is ready, and implement custom JavaScript logic using the core API. For example, you can add the `ArcgisZoom` component and listen for view changes:
-
-```js
-root.render(
-  <React.StrictMode>
-    <ArcgisMap
-      itemId="your-webmap-item-id"
-      onArcgisViewReadyChange={(event: CustomEvent) => {
-        console.log("MapView ready", event);
-      }}
-    >
-      <ArcgisZoom position="top-left"></ArcgisZoom>
-    </ArcgisMap>
-  </React.StrictMode>
-);
-```
-
-Alternatively, an [example](https://github.com/Esri/jsapi-resources/tree/50579b9362b846e869a343b660c5a2415176a275/component-samples/map-components/samples/react) is available from the 4.31 release in the jsapi-resources repo.
+An [example](https://github.com/Esri/jsapi-resources/tree/50579b9362b846e869a343b660c5a2415176a275/component-samples/map-components/samples/react) is available from the 4.31 release in the jsapi-resources repo.
 
 ## License
 

package/dist/components.d.ts

@@ -323,9 +323,9 @@ export declare const ArcgisScaleRangeSlider: import("@lit/react").ReactWebCompon
 export declare const ArcgisScene: import("@lit/react").ReactWebComponent<HTMLArcgisSceneElement & {
     class?: string;
 }, {
-    onArcgisAnalysisViewCreate: EventName<HTMLArcgisSceneElement["arcgisAnalysisViewCreate"]>;
-    onArcgisAnalysisViewCreateError: EventName<HTMLArcgisSceneElement["arcgisAnalysisViewCreateError"]>;
-    onArcgisAnalysisViewDestroy: EventName<HTMLArcgisSceneElement["arcgisAnalysisViewDestroy"]>;
+    onArcgisViewAnalysisViewCreate: EventName<HTMLArcgisSceneElement["arcgisViewAnalysisViewCreate"]>;
+    onArcgisViewAnalysisViewCreateError: EventName<HTMLArcgisSceneElement["arcgisViewAnalysisViewCreateError"]>;
+    onArcgisViewAnalysisViewDestroy: EventName<HTMLArcgisSceneElement["arcgisViewAnalysisViewDestroy"]>;
     onArcgisViewChange: EventName<HTMLArcgisSceneElement["arcgisViewChange"]>;
     onArcgisViewClick: EventName<HTMLArcgisSceneElement["arcgisViewClick"]>;
     onArcgisViewDoubleClick: EventName<HTMLArcgisSceneElement["arcgisViewDoubleClick"]>;

package/dist/components.js

@@ -236,9 +236,9 @@ export const ArcgisScaleRangeSlider = /*@__PURE__*/ createWrapper(getReactWrappe
     onArcgisReady: "arcgisReady",
 }));
 export const ArcgisScene = /*@__PURE__*/ createWrapper(getReactWrapperOptions("arcgis-scene", {
-    onArcgisAnalysisViewCreate: "arcgisAnalysisViewCreate",
-    onArcgisAnalysisViewCreateError: "arcgisAnalysisViewCreateError",
-    onArcgisAnalysisViewDestroy: "arcgisAnalysisViewDestroy",
+    onArcgisViewAnalysisViewCreate: "arcgisViewAnalysisViewCreate",
+    onArcgisViewAnalysisViewCreateError: "arcgisViewAnalysisViewCreateError",
+    onArcgisViewAnalysisViewDestroy: "arcgisViewAnalysisViewDestroy",
     onArcgisViewChange: "arcgisViewChange",
     onArcgisViewClick: "arcgisViewClick",
     onArcgisViewDoubleClick: "arcgisViewDoubleClick",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcgis/map-components-react",
-  "version": "4.33.0-next.164",
+  "version": "4.33.0-next.166",
   "description": "A set of React components that wrap ArcGIS map components",
   "keywords": [
     "ArcGIS",
@@ -29,7 +29,7 @@
   ],
   "license": "SEE LICENSE.md",
   "dependencies": {
-    "@arcgis/map-components": "4.33.0-next.164",
+    "@arcgis/map-components": "4.33.0-next.166",
     "@esri/calcite-components": "^3.2.1",
     "@lit/react": "^1.0.7",
     "tslib": "^2.8.1"