@arcgis/charts-components-react 5.0.0-next.99 → 5.0.0

package/README.md

@@ -1,13 +1,17 @@
-# ArcGIS Maps SDK for JavaScript - React 18 wrapper for Charts Components
-
-**No Esri Technical Support during beta.**
-
-> Note: `@arcgis/charts-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/charts-components` in React 19.
+# ArcGIS Maps SDK for JavaScript - Charts Components React
 
 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 offers a series of charting components that can be used to build custom applications.
 
 Want to get started immediately? See [Get started](https://developers.arcgis.com/javascript/latest/get-started/) or try out the [sample applications](https://github.com/Esri/jsapi-resources/tree/main/component-samples) for a variety of popular frameworks, module bundlers, and TypeScript.
 
+## Deprecation Notice
+
+> WARNING: Charts Components React is deprecated in v5.0.0 and will be removed in v6.0.0.
+
+The `@arcgis/charts-components-react` package was originally developed for use with React 18 where wrappers were necessary to use custom elements. With React 19's custom element support, these wrappers are no longer needed.
+
+Consider upgrading to React 19+ and using `@arcgis/charts-components` directly. Check out the [documentation](https://developers.arcgis.com/javascript/latest/get-started/#react) to get started.
+
 ## Documentation
 
 - [Key Features](https://developers.arcgis.com/javascript/latest/key-features/)
@@ -19,7 +23,6 @@ Want to get started immediately? See [Get started](https://developers.arcgis.com
 ## Resources
 
 - [ArcGIS blog](https://blogs.esri.com/esri/arcgis/tag/javascript/)
-- [twitter@EsriDevs](https://twitter.com/EsriDevs)
 - [System Requirements](https://developers.arcgis.com/javascript/latest/system-requirements/)
 - [Terms of Use](https://www.esri.com/en-us/legal/terms/product-specific-scope-of-use)
 - [Licensing](https://developers.arcgis.com/javascript/latest/licensing/)
@@ -36,6 +39,5 @@ An [example](https://github.com/Esri/jsapi-resources/tree/50579b9362b846e869a343
 
 ## License
 
-COPYRIGHT © Esri
-
-This package is licensed under the terms described in the `LICENSE.md` file, located in the root of the package.
+This package is licensed under the terms described in the `LICENSE.md` file, located in the root of the package, and at https://js.arcgis.com/5.0/LICENSE.txt.
+For third party notices, see https://js.arcgis.com/5.0/third-party-notices.txt.

package/dist/components.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="@arcgis/charts-components" preserve="true" />
 import { EventName } from '@lit/react';
-export declare const ArcgisChart: import('@lit/react').ReactWebComponent<HTMLArcgisChartElement & {
+/** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <arcgis-chart /> directly. */
+export declare const ArcgisChart: import('@lit/react').ReactWebComponent<import('@arcgis/charts-components/components/arcgis-chart/customElement').ArcgisChart & {
     class?: string;
 }, {
     onArcgisAxesMinMaxChange: EventName<HTMLArcgisChartElement["arcgisAxesMinMaxChange"]>;
@@ -10,6 +11,7 @@ export declare const ArcgisChart: import('@lit/react').ReactWebComponent<HTMLArc
     onArcgisDataFetchComplete: EventName<HTMLArcgisChartElement["arcgisDataFetchComplete"]>;
     onArcgisDataProcessComplete: EventName<HTMLArcgisChartElement["arcgisDataProcessComplete"]>;
     onArcgisDataProcessError: EventName<HTMLArcgisChartElement["arcgisDataProcessError"]>;
+    onArcgisInvalidConfigWarningRaise: EventName<HTMLArcgisChartElement["arcgisInvalidConfigWarningRaise"]>;
     onArcgisLegendItemVisibilityChange: EventName<HTMLArcgisChartElement["arcgisLegendItemVisibilityChange"]>;
     onArcgisNoRenderPropChange: EventName<HTMLArcgisChartElement["arcgisNoRenderPropChange"]>;
     onArcgisRenderingComplete: EventName<HTMLArcgisChartElement["arcgisRenderingComplete"]>;
@@ -19,7 +21,8 @@ export declare const ArcgisChart: import('@lit/react').ReactWebComponent<HTMLArc
     onArcgisSeriesOrder: EventName<HTMLArcgisChartElement["arcgisSeriesOrder"]>;
     onArcgisUpdateComplete: EventName<HTMLArcgisChartElement["arcgisUpdateComplete"]>;
 }>;
-export declare const ArcgisChartsActionBar: import('@lit/react').ReactWebComponent<HTMLArcgisChartsActionBarElement & {
+/** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <arcgis-charts-action-bar /> directly. */
+export declare const ArcgisChartsActionBar: import('@lit/react').ReactWebComponent<import('@arcgis/charts-components/components/arcgis-charts-action-bar/customElement').ArcgisChartsActionBar & {
     class?: string;
 }, {
     onArcgisActionBarToggle: EventName<HTMLArcgisChartsActionBarElement["arcgisActionBarToggle"]>;

package/dist/index.js

@@ -1,7 +1,7 @@
 import a from "react";
 import { createComponent as i } from "@lit/react";
 import { makeReactWrapperFactory as o, getReactWrapperOptions as r } from "@arcgis/lumina";
-const e = /* @__PURE__ */ o(a, i), g = /* @__PURE__ */ e(
+const e = /* @__PURE__ */ o(a, i), s = /* @__PURE__ */ e(
   r(
     "arcgis-chart",
     {
@@ -12,6 +12,7 @@ const e = /* @__PURE__ */ o(a, i), g = /* @__PURE__ */ e(
       onArcgisDataFetchComplete: "arcgisDataFetchComplete",
       onArcgisDataProcessComplete: "arcgisDataProcessComplete",
       onArcgisDataProcessError: "arcgisDataProcessError",
+      onArcgisInvalidConfigWarningRaise: "arcgisInvalidConfigWarningRaise",
       onArcgisLegendItemVisibilityChange: "arcgisLegendItemVisibilityChange",
       onArcgisNoRenderPropChange: "arcgisNoRenderPropChange",
       onArcgisRenderingComplete: "arcgisRenderingComplete",
@@ -22,7 +23,7 @@ const e = /* @__PURE__ */ o(a, i), g = /* @__PURE__ */ e(
       onArcgisUpdateComplete: "arcgisUpdateComplete"
     }
   )
-), s = /* @__PURE__ */ e(
+), t = /* @__PURE__ */ e(
   r(
     "arcgis-charts-action-bar",
     {
@@ -32,6 +33,6 @@ const e = /* @__PURE__ */ o(a, i), g = /* @__PURE__ */ e(
   )
 );
 export {
-  g as ArcgisChart,
-  s as ArcgisChartsActionBar
+  s as ArcgisChart,
+  t as ArcgisChartsActionBar
 };

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "@arcgis/charts-components-react",
-  "version": "5.0.0-next.99",
+  "version": "5.0.0",
   "description": "A set of React components that wrap ArcGIS charts components",
   "keywords": [
+    "analytics",
     "ArcGIS",
-    "javascript",
-    "react",
     "charts",
-    "visualization",
-    "analytics",
-    "spatial",
+    "components",
     "data-driven",
+    "Esri",
     "gis",
-    "components",
-    "web-components",
-    "Esri"
+    "javascript",
+    "react",
+    "spatial",
+    "visualization",
+    "web-components"
   ],
   "homepage": "https://developers.arcgis.com/javascript/latest/",
   "sideEffects": false,
@@ -25,16 +25,16 @@
   "files": [
     "dist/"
   ],
-  "license": "SEE LICENSE.md",
+  "license": "SEE LICENSE IN LICENSE.md",
   "dependencies": {
-    "@arcgis/charts-components": "5.0.0-next.99",
-    "@arcgis/lumina": "5.0.0-next.99",
     "@lit/react": "^1.0.8",
     "lit": "^3.3.0",
-    "tslib": "^2.8.1"
+    "tslib": "^2.8.1",
+    "@arcgis/charts-components": "5.0.0",
+    "@arcgis/lumina": "5.0.0"
   },
   "peerDependencies": {
-    "@arcgis/core": ">=5.0.0-next.62 <5.1",
+    "@arcgis/core": "^5.0.0",
     "react": ">=18.0.0 <20.0.0",
     "react-dom": ">=18.0.0 <20.0.0"
   }