@esri/calcite-components-react 5.1.0-next.2 → 5.1.0-next.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -1,13 +1,13 @@
1
1
  # Calcite Components React
2
2
 
3
- 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.
3
+ 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-18-and-below) for a minimal application using this package.
4
4
 
5
5
  ## Deprecation Notice
6
6
 
7
7
  > [!WARNING]
8
- > Calcite Components React is deprecated in v5.0.0 and will be removed in v6.0.0.
8
+ > Calcite Components React is deprecated as of v5.0.
9
9
 
10
- 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.
10
+ 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](https://react.dev/blog/2024/12/05/react-19#support-for-custom-elements), these wrappers are no longer needed.
11
11
 
12
12
  Consider upgrading to React 19+ and using <code>@esri/calcite-components</code> directly.
13
13
 
@@ -70,7 +70,7 @@ cp -r node_modules/@esri/calcite-components/dist/cdn/assets/* ./public/assets/
70
70
 
71
71
  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.
72
72
 
73
- 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:
73
+ React 18 and earlier versions use a synthetic event system, where the custom events emitted from Calcite Components won't function with JSX in React. For example, if using standard web components to update a value when changes occur on the `<calcite-slider>`, you will need to save a reference to the element and add a listener:
74
74
 
75
75
  ```jsx
76
76
  const sliderEl = useRef(null);
@@ -27,6 +27,7 @@ export declare const CalciteActionBar: import("@lit/react").ReactWebComponent<im
27
27
  export declare const CalciteActionGroup: import("@lit/react").ReactWebComponent<import("@esri/calcite-components/components/calcite-action-group/customElement").ActionGroup & {
28
28
  class?: string;
29
29
  }, {
30
+ onCalciteActionGroupChange: EventName<HTMLCalciteActionGroupElement["calciteActionGroupChange"]>;
30
31
  onCalciteActionGroupCollapse: EventName<HTMLCalciteActionGroupElement["calciteActionGroupCollapse"]>;
31
32
  onCalciteActionGroupExpand: EventName<HTMLCalciteActionGroupElement["calciteActionGroupExpand"]>;
32
33
  }>;
@@ -20,6 +20,7 @@ export const CalciteActionBar = /*@__PURE__*/ createWrapper(getReactWrapperOptio
20
20
  }));
21
21
  /** @deprecated since 5.0. React wrappers are not needed in React 19 or above. Use <calcite-action-group /> directly. */
22
22
  export const CalciteActionGroup = /*@__PURE__*/ createWrapper(getReactWrapperOptions("calcite-action-group", {
23
+ onCalciteActionGroupChange: "calciteActionGroupChange",
23
24
  onCalciteActionGroupCollapse: "calciteActionGroupCollapse",
24
25
  onCalciteActionGroupExpand: "calciteActionGroupExpand",
25
26
  }));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@esri/calcite-components-react",
3
- "version": "5.1.0-next.2",
3
+ "version": "5.1.0-next.3",
4
4
  "description": "A set of React components that wrap calcite components",
5
5
  "homepage": "https://developers.arcgis.com/calcite-design-system/",
6
6
  "repository": {
@@ -28,8 +28,8 @@
28
28
  "util:update-3rd-party-notices": "node ../../support/createThirdPartyNotices.mts"
29
29
  },
30
30
  "dependencies": {
31
- "@arcgis/lumina": ">=5.0.0-next.144 <6.0.0",
32
- "@esri/calcite-components": "5.1.0-next.2",
31
+ "@arcgis/lumina": ">=5.1.0-next.25 <6.0.0",
32
+ "@esri/calcite-components": "5.1.0-next.3",
33
33
  "@lit/react": "^1.0.8",
34
34
  "lit": "^3.3.0"
35
35
  },
@@ -37,8 +37,5 @@
37
37
  "react": ">=18.3",
38
38
  "react-dom": ">=18.3"
39
39
  },
40
- "volta": {
41
- "extends": "../../package.json"
42
- },
43
- "gitHead": "51a56d0c0121cb968f054d6b7385414ba8d3b136"
40
+ "gitHead": "1fc02c2ca861672eb9c2f90b835df9e0af8b59a3"
44
41
  }