@esri/calcite-components-react 5.0.0-next.7 → 5.0.0-next.71

package/LICENSE.md

@@ -1,6 +1,6 @@
 # Licensing
 
-COPYRIGHT © 2025 Esri
+COPYRIGHT © Esri
 
 All rights reserved under the copyright laws of the United States and applicable international laws, treaties, and conventions.
 

package/README.md

@@ -2,6 +2,15 @@
 
 This package provides React wrappers for [Calcite components](https://developers.arcgis.com/calcite-design-system/components/). Refer to the [React example](https://github.com/Esri/calcite-design-system/tree/dev/examples/components/react) for a minimal application using this package.
 
+## Deprecation Notice
+
+> [!WARNING]
+> Calcite Components React is deprecated in v5.0.0 and will be removed in v6.0.0.
+
+The `@esri/calcite-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 <code>@esri/calcite-components</code> directly.
+
 ## Installation
 
 ```sh
@@ -49,25 +58,19 @@ Since you manually defined the custom elements on the window, you only need to i
 import { CalciteButton, CalciteIcon, CalciteSlider } from "@esri/calcite-components-react";
 ```
 
-## Import stylesheet
-
-Import the global stylesheet into your app (only do this once):
-
-```js
-import "@esri/calcite-components/dist/calcite/calcite.css";
-```
-
 ## Copy Assets
 
 Some components (icon, date-picker) rely on assets being available at a particular path. If using assets locally, you'll need to copy these over to your public folder. Something like:
 
 ```sh
-cp -r node_modules/@esri/calcite-components/dist/calcite/assets/* ./public/assets/
+cp -r node_modules/@esri/calcite-components/dist/cdn/assets/* ./public/assets/
 ```
 
 ## Why not just use the web components directly?
 
-Because React uses a synthetic event system, the custom events emitted from Calcite components won't work with JSX in React. For example, say you want to update some value when the `calcite-slider` component changes. When using the standard web components, you need to save a ref to the element, and add a listener:
+With React 19+'s native support for custom elements, you can now use <code>@esri/calcite-components</code> directly. See the [Calcite Components React Deprecation Notice](#deprecation-notice) for additional information.
+
+Because React 18 and earlier versions use a synthetic event system, the custom events emitted from Calcite Components won't work with JSX in React. For example, if you are using standard web components to update a value when the `calcite-slider` component changes, you need to save a ref to the element and add a listener:
 
 ```jsx
 const sliderEl = useRef(null);
@@ -102,7 +105,7 @@ We welcome contributions to this project. See the [CONTRIBUTING.md](https://gith
 
 ## License
 
-COPYRIGHT © 2021 Esri
+COPYRIGHT © Esri
 
 All rights reserved under the copyright laws of the United States and applicable international laws, treaties, and conventions.
 

package/THIRD-PARTY-LICENSES.md

@@ -353,11 +353,11 @@ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 
 ---
 
-sortablejs
+scheduler
 
 MIT License
 
-Copyright (c) 2019 All contributors to Sortable
+Copyright (c) Meta Platforms, Inc. and affiliates.
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
@@ -379,6 +379,32 @@ SOFTWARE.
 
 ---
 
+sortablejs
+
+MIT License
+
+Copyright (c) 2019 All contributors to Sortable
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+---
+
 tabbable
 
 The MIT License (MIT)
@@ -435,17 +461,17 @@ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 
 tslib
 
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 
 ---

package/dist/components.d.ts

@@ -11,7 +11,9 @@ export declare const CalciteAccordionItem: import("@lit/react").ReactWebComponen
 }>;
 export declare const CalciteAction: import("@lit/react").ReactWebComponent<HTMLCalciteActionElement & {
     class?: string;
-}, {}>;
+}, {
+    onCalciteInternalActionMouseDown: EventName<HTMLCalciteActionElement["calciteInternalActionMouseDown"]>;
+}>;
 export declare const CalciteActionBar: import("@lit/react").ReactWebComponent<HTMLCalciteActionBarElement & {
     class?: string;
 }, {
@@ -185,9 +187,6 @@ export declare const CalciteDatePickerDay: import("@lit/react").ReactWebComponen
 export declare const CalciteDatePickerMonth: import("@lit/react").ReactWebComponent<HTMLCalciteDatePickerMonthElement & {
     class?: string;
 }, {}>;
-export declare const CalciteDatePickerMonthHeader: import("@lit/react").ReactWebComponent<HTMLCalciteDatePickerMonthHeaderElement & {
-    class?: string;
-}, {}>;
 export declare const CalciteDialog: import("@lit/react").ReactWebComponent<HTMLCalciteDialogElement & {
     class?: string;
 }, {

package/dist/components.js

@@ -8,7 +8,9 @@ export const CalciteAccordionItem = /*@__PURE__*/ createWrapper(getReactWrapperO
     onCalciteAccordionItemCollapse: "calciteAccordionItemCollapse",
     onCalciteAccordionItemExpand: "calciteAccordionItemExpand",
 }));
-export const CalciteAction = /*@__PURE__*/ createWrapper(getReactWrapperOptions("calcite-action", {}));
+export const CalciteAction = /*@__PURE__*/ createWrapper(getReactWrapperOptions("calcite-action", {
+    onCalciteInternalActionMouseDown: "calciteInternalActionMouseDown",
+}));
 export const CalciteActionBar = /*@__PURE__*/ createWrapper(getReactWrapperOptions("calcite-action-bar", {
     onCalciteActionBarCollapse: "calciteActionBarCollapse",
     onCalciteActionBarExpand: "calciteActionBarExpand",
@@ -124,7 +126,6 @@ export const CalciteDatePicker = /*@__PURE__*/ createWrapper(getReactWrapperOpti
 }));
 export const CalciteDatePickerDay = /*@__PURE__*/ createWrapper(getReactWrapperOptions("calcite-date-picker-day", {}));
 export const CalciteDatePickerMonth = /*@__PURE__*/ createWrapper(getReactWrapperOptions("calcite-date-picker-month", {}));
-export const CalciteDatePickerMonthHeader = /*@__PURE__*/ createWrapper(getReactWrapperOptions("calcite-date-picker-month-header", {}));
 export const CalciteDialog = /*@__PURE__*/ createWrapper(getReactWrapperOptions("calcite-dialog", {
     onCalciteDialogBeforeClose: "calciteDialogBeforeClose",
     onCalciteDialogBeforeOpen: "calciteDialogBeforeOpen",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components-react",
-  "version": "5.0.0-next.7",
+  "version": "5.0.0-next.71",
   "description": "A set of React components that wrap calcite components",
   "homepage": "https://developers.arcgis.com/calcite-design-system/",
   "repository": {
@@ -28,8 +28,8 @@
     "util:update-3rd-party-licenses": "node ../../support/createThirdPartyLicenses.mts"
   },
   "dependencies": {
-    "@arcgis/lumina": ">=5.0.0-next.24 <6.0.0",
-    "@esri/calcite-components": "5.0.0-next.7",
+    "@arcgis/lumina": ">=5.0.0-next.75 <6.0.0",
+    "@esri/calcite-components": "5.0.0-next.71",
     "@lit/react": "^1.0.8",
     "lit": "^3.3.0"
   },
@@ -40,5 +40,5 @@
   "volta": {
     "extends": "../../package.json"
   },
-  "gitHead": "230aed5e43c614d6ea25d27e45bb8d45ef36e9ee"
+  "gitHead": "2728a3e89e63ec4bd85076f7f17f3513c9e0b51e"
 }