@arcgis/coding-components-react 5.0.0-next.98 → 5.1.0-next.0

package/README.md

@@ -1,11 +1,17 @@
-# ArcGIS Maps SDK for JavaScript - React 18 wrapper for Coding Components
-
-> Note: `@arcgis/coding-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/coding-components` in React 19.
+# ArcGIS Maps SDK for JavaScript - Coding 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. Currently, this package only includes an [Arcade](https://developers.arcgis.com/arcade/) expression code editor.
 
 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: Coding Components React is deprecated in v5.0.0 and will be removed in v6.0.0.
+
+The `@arcgis/coding-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/coding-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/)
@@ -17,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/)
@@ -34,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,21 +1,29 @@
 /// <reference types="@arcgis/coding-components" preserve="true" />
 import { EventName } from '@lit/react';
+/** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <arcgis-arcade-editor /> directly. */
 export declare const ArcgisArcadeEditor: import('@lit/react').ReactWebComponent<HTMLArcgisArcadeEditorElement & {
     class?: string;
 }, {
     onArcgisDiagnosticsChange: EventName<HTMLArcgisArcadeEditorElement["arcgisDiagnosticsChange"]>;
     onArcgisScriptChange: EventName<HTMLArcgisArcadeEditorElement["arcgisScriptChange"]>;
 }>;
-export declare const ArcgisCodeEditor: import('@lit/react').ReactWebComponent<HTMLArcgisCodeEditorElement & {
+/** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <arcgis-code-editor /> directly. */
+export declare const ArcgisCodeEditor: import('@lit/react').ReactWebComponent<import('@arcgis/coding-components/components/arcgis-code-editor/customElement').ArcgisCodeEditor & {
     class?: string;
 }, {
     onArcgisSelectionChange: EventName<HTMLArcgisCodeEditorElement["arcgisSelectionChange"]>;
     onArcgisValueChange: EventName<HTMLArcgisCodeEditorElement["arcgisValueChange"]>;
 }>;
-export declare const ArcgisCodeViewer: import('@lit/react').ReactWebComponent<HTMLArcgisCodeViewerElement & {
+/** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <arcgis-code-editor-shell /> directly. */
+export declare const ArcgisCodeEditorShell: import('@lit/react').ReactWebComponent<import('@arcgis/coding-components/components/arcgis-code-editor-shell/customElement').CodeEditorShell & {
     class?: string;
 }, {}>;
-export declare const ArcgisSqlExpressionEditor: import('@lit/react').ReactWebComponent<HTMLArcgisSqlExpressionEditorElement & {
+/** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <arcgis-code-viewer /> directly. */
+export declare const ArcgisCodeViewer: import('@lit/react').ReactWebComponent<import('@arcgis/coding-components/components/arcgis-code-viewer/customElement').ArcgisCodeViewer & {
+    class?: string;
+}, {}>;
+/** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <arcgis-sql-expression-editor /> directly. */
+export declare const ArcgisSqlExpressionEditor: import('@lit/react').ReactWebComponent<import('@arcgis/coding-components/components/arcgis-sql-expression-editor/customElement').ArcgisSqlExpressionEditor & {
     class?: string;
 }, {
     onArcgisDiagnosticsChange: EventName<HTMLArcgisSqlExpressionEditorElement["arcgisDiagnosticsChange"]>;

package/dist/index.js

@@ -1,7 +1,7 @@
 import i from "react";
 import { createComponent as c } from "@lit/react";
-import { makeReactWrapperFactory as a, getReactWrapperOptions as r } from "@arcgis/lumina";
-const e = /* @__PURE__ */ a(i, c), n = /* @__PURE__ */ e(
+import { makeReactWrapperFactory as o, getReactWrapperOptions as r } from "@arcgis/lumina";
+const e = /* @__PURE__ */ o(i, c), t = /* @__PURE__ */ e(
   r(
     "arcgis-arcade-editor",
     {
@@ -9,7 +9,7 @@ const e = /* @__PURE__ */ a(i, c), n = /* @__PURE__ */ e(
       onArcgisScriptChange: "arcgisScriptChange"
     }
   )
-), t = /* @__PURE__ */ e(
+), n = /* @__PURE__ */ e(
   r(
     "arcgis-code-editor",
     {
@@ -18,6 +18,11 @@ const e = /* @__PURE__ */ a(i, c), n = /* @__PURE__ */ e(
     }
   )
 ), p = /* @__PURE__ */ e(
+  r(
+    "arcgis-code-editor-shell",
+    {}
+  )
+), d = /* @__PURE__ */ e(
   r(
     "arcgis-code-viewer",
     {}
@@ -32,8 +37,9 @@ const e = /* @__PURE__ */ a(i, c), n = /* @__PURE__ */ e(
   )
 );
 export {
-  n as ArcgisArcadeEditor,
-  t as ArcgisCodeEditor,
-  p as ArcgisCodeViewer,
+  t as ArcgisArcadeEditor,
+  n as ArcgisCodeEditor,
+  p as ArcgisCodeEditorShell,
+  d as ArcgisCodeViewer,
   C as ArcgisSqlExpressionEditor
 };

package/package.json

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