@arcgis/instant-apps-components-react 4.34.0-next.4 → 4.34.0-next.41
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 +7 -13
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -1,36 +1,30 @@
|
|
|
1
1
|
# Instant Apps Components React
|
|
2
2
|
|
|
3
|
-
A set of React components that wrap [Instant Apps Components](https://
|
|
3
|
+
A set of React components that wrap [Instant Apps Components](https://npmjs.com/package/@arcgis/instant-apps-components).
|
|
4
4
|
|
|
5
5
|
## Installation
|
|
6
6
|
|
|
7
7
|
```sh
|
|
8
|
-
npm install --save @
|
|
8
|
+
npm install --save @arcgis/instant-apps-components-react
|
|
9
9
|
```
|
|
10
10
|
|
|
11
|
-
This package includes the compatible version of the main component library as a dependency, so no need to install `@
|
|
11
|
+
This package includes the compatible version of the main component library as a dependency, so no need to install `@arcgis/instant-apps-components` separately.
|
|
12
12
|
|
|
13
13
|
Once installed, you need to import each component you use from the standard `instant-apps-component` package's custom elements build. This will automatically define the custom elements on the window. Then import the same components from `instant-apps-components-react`.
|
|
14
14
|
|
|
15
15
|
```jsx
|
|
16
|
-
import "@
|
|
17
|
-
import "@
|
|
18
|
-
import { InstantAppsHeader, InstantAppsSocialShare } from "@
|
|
16
|
+
import "@arcgis/instant-apps-components/dist/components/instant-apps-header";
|
|
17
|
+
import "@arcgis/instant-apps-components/dist/components/instant-apps-social-share";
|
|
18
|
+
import { InstantAppsHeader, InstantAppsSocialShare } from "@arcgis/instant-apps-components-react";
|
|
19
19
|
```
|
|
20
20
|
|
|
21
|
-
## Why not just use the web components directly?
|
|
22
|
-
|
|
23
|
-
Because React uses a synthetic event system, the custom events emitted from instant apps components won't work with JSX in React.
|
|
24
|
-
|
|
25
|
-
If you're using TypeScript, you'll also get increased type safety for your event listeners, props, etc.
|
|
26
|
-
|
|
27
21
|
## Contributing
|
|
28
22
|
|
|
29
23
|
We welcome contributions to this project. See the main [instant-apps-components CONTRIBUTING.md](https://github.com/Esri/instant-apps-components/blob/master/CONTRIBUTING.md) for an overview of contribution guidelines.
|
|
30
24
|
|
|
31
25
|
## License
|
|
32
26
|
|
|
33
|
-
COPYRIGHT ©
|
|
27
|
+
COPYRIGHT © 2025 Esri
|
|
34
28
|
|
|
35
29
|
All rights reserved under the copyright laws of the United States and applicable international laws, treaties, and conventions.
|
|
36
30
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@arcgis/instant-apps-components-react",
|
|
3
|
-
"version": "4.34.0-next.
|
|
3
|
+
"version": "4.34.0-next.41",
|
|
4
4
|
"description": "A set of React components that wrap Instant Apps components",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"type": "module",
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
],
|
|
13
13
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
14
14
|
"dependencies": {
|
|
15
|
-
"@arcgis/instant-apps-components": "4.34.0-next.
|
|
15
|
+
"@arcgis/instant-apps-components": "4.34.0-next.41",
|
|
16
16
|
"@ckeditor/ckeditor5-build-classic": "^39.0.1"
|
|
17
17
|
},
|
|
18
18
|
"peerDependencies": {
|