@arcgis/map-components-react 1.0.0-beta.12

package/LICENSE.md

@@ -0,0 +1,13 @@
+# Licensing
+
+COPYRIGHT © 2023 Esri
+
+All rights reserved under the copyright laws of the United States and applicable international laws, treaties, and conventions.
+
+This material is licensed for use under the Esri Master License Agreement (MLA), and is bound by the terms of that agreement. You may redistribute and use this code without modification, provided you adhere to the terms of the MLA and include this copyright notice.
+
+See use restrictions at <http://www.esri.com/legal/pdfs/mla_e204_e300/english>
+
+For additional information, contact: Environmental Systems Research Institute, Inc. Attn: Contracts and Legal Services Department 380 New York Street Redlands, California, USA 92373 USA
+
+email: contracts@esri.com

package/README.md

@@ -0,0 +1,17 @@
+# React wrapper for @arcgis/map-components (beta)
+
+This Web Component package is part of the [ArcGIS Maps SDK for JavaScript](https://developers.arcgis.com/javascript) and is under active development. At this time, customer support is **not** provided. More news to come.
+
+## License
+
+COPYRIGHT © 2023 Esri
+
+All rights reserved under the copyright laws of the United States and applicable international laws, treaties, and conventions.
+
+This material is licensed for use under the Esri Master License Agreement (MLA), and is bound by the terms of that agreement. You may redistribute and use this code without modification, provided you adhere to the terms of the MLA and include this copyright notice.
+
+See use restrictions at <http://www.esri.com/legal/pdfs/mla_e204_e300/english>
+
+For additional information, contact: Environmental Systems Research Institute, Inc. Attn: Contracts and Legal Services Department 380 New York Street Redlands, California, USA 92373 USA
+
+email: contracts@esri.com

package/dist/components.d.ts

@@ -0,0 +1,53 @@
+/// <reference types="react" />
+import type { JSX } from '@arcgis/map-components';
+export declare const ArcgisAreaMeasurement2d: import("react").ForwardRefExoticComponent<JSX.ArcgisAreaMeasurement2d & Omit<import("react").HTMLAttributes<HTMLArcgisAreaMeasurement2dElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisAreaMeasurement2dElement>>;
+export declare const ArcgisAreaMeasurement3d: import("react").ForwardRefExoticComponent<JSX.ArcgisAreaMeasurement3d & Omit<import("react").HTMLAttributes<HTMLArcgisAreaMeasurement3dElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisAreaMeasurement3dElement>>;
+export declare const ArcgisAttachments: import("react").ForwardRefExoticComponent<JSX.ArcgisAttachments & Omit<import("react").HTMLAttributes<HTMLArcgisAttachmentsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisAttachmentsElement>>;
+export declare const ArcgisBasemapGallery: import("react").ForwardRefExoticComponent<JSX.ArcgisBasemapGallery & Omit<import("react").HTMLAttributes<HTMLArcgisBasemapGalleryElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisBasemapGalleryElement>>;
+export declare const ArcgisBasemapLayerList: import("react").ForwardRefExoticComponent<JSX.ArcgisBasemapLayerList & Omit<import("react").HTMLAttributes<HTMLArcgisBasemapLayerListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisBasemapLayerListElement>>;
+export declare const ArcgisBasemapToggle: import("react").ForwardRefExoticComponent<JSX.ArcgisBasemapToggle & Omit<import("react").HTMLAttributes<HTMLArcgisBasemapToggleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisBasemapToggleElement>>;
+export declare const ArcgisBookmarks: import("react").ForwardRefExoticComponent<JSX.ArcgisBookmarks & Omit<import("react").HTMLAttributes<HTMLArcgisBookmarksElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisBookmarksElement>>;
+export declare const ArcgisBuildingExplorer: import("react").ForwardRefExoticComponent<JSX.ArcgisBuildingExplorer & Omit<import("react").HTMLAttributes<HTMLArcgisBuildingExplorerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisBuildingExplorerElement>>;
+export declare const ArcgisCompass: import("react").ForwardRefExoticComponent<JSX.ArcgisCompass & Omit<import("react").HTMLAttributes<HTMLArcgisCompassElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisCompassElement>>;
+export declare const ArcgisCoordinateConversion: import("react").ForwardRefExoticComponent<JSX.ArcgisCoordinateConversion & Omit<import("react").HTMLAttributes<HTMLArcgisCoordinateConversionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisCoordinateConversionElement>>;
+export declare const ArcgisDaylight: import("react").ForwardRefExoticComponent<JSX.ArcgisDaylight & Omit<import("react").HTMLAttributes<HTMLArcgisDaylightElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisDaylightElement>>;
+export declare const ArcgisDirections: import("react").ForwardRefExoticComponent<JSX.ArcgisDirections & Omit<import("react").HTMLAttributes<HTMLArcgisDirectionsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisDirectionsElement>>;
+export declare const ArcgisDirectlineMeasurement3d: import("react").ForwardRefExoticComponent<JSX.ArcgisDirectlineMeasurement3d & Omit<import("react").HTMLAttributes<HTMLArcgisDirectlineMeasurement3dElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisDirectlineMeasurement3dElement>>;
+export declare const ArcgisDistanceMeasurement2d: import("react").ForwardRefExoticComponent<JSX.ArcgisDistanceMeasurement2d & Omit<import("react").HTMLAttributes<HTMLArcgisDistanceMeasurement2dElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisDistanceMeasurement2dElement>>;
+export declare const ArcgisEditor: import("react").ForwardRefExoticComponent<JSX.ArcgisEditor & Omit<import("react").HTMLAttributes<HTMLArcgisEditorElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisEditorElement>>;
+export declare const ArcgisElevationProfile: import("react").ForwardRefExoticComponent<JSX.ArcgisElevationProfile & Omit<import("react").HTMLAttributes<HTMLArcgisElevationProfileElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisElevationProfileElement>>;
+export declare const ArcgisExpand: import("react").ForwardRefExoticComponent<JSX.ArcgisExpand & Omit<import("react").HTMLAttributes<HTMLArcgisExpandElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisExpandElement>>;
+export declare const ArcgisFeature: import("react").ForwardRefExoticComponent<JSX.ArcgisFeature & Omit<import("react").HTMLAttributes<HTMLArcgisFeatureElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisFeatureElement>>;
+export declare const ArcgisFeatureForm: import("react").ForwardRefExoticComponent<JSX.ArcgisFeatureForm & Omit<import("react").HTMLAttributes<HTMLArcgisFeatureFormElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisFeatureFormElement>>;
+export declare const ArcgisFeatureTable: import("react").ForwardRefExoticComponent<JSX.ArcgisFeatureTable & Omit<import("react").HTMLAttributes<HTMLArcgisFeatureTableElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisFeatureTableElement>>;
+export declare const ArcgisFeatureTemplates: import("react").ForwardRefExoticComponent<JSX.ArcgisFeatureTemplates & Omit<import("react").HTMLAttributes<HTMLArcgisFeatureTemplatesElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisFeatureTemplatesElement>>;
+export declare const ArcgisFeatures: import("react").ForwardRefExoticComponent<JSX.ArcgisFeatures & Omit<import("react").HTMLAttributes<HTMLArcgisFeaturesElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisFeaturesElement>>;
+export declare const ArcgisFloorFilter: import("react").ForwardRefExoticComponent<JSX.ArcgisFloorFilter & Omit<import("react").HTMLAttributes<HTMLArcgisFloorFilterElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisFloorFilterElement>>;
+export declare const ArcgisFullscreen: import("react").ForwardRefExoticComponent<JSX.ArcgisFullscreen & Omit<import("react").HTMLAttributes<HTMLArcgisFullscreenElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisFullscreenElement>>;
+export declare const ArcgisHistogram: import("react").ForwardRefExoticComponent<JSX.ArcgisHistogram & Omit<import("react").HTMLAttributes<HTMLArcgisHistogramElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisHistogramElement>>;
+export declare const ArcgisHistogramRangeSlider: import("react").ForwardRefExoticComponent<JSX.ArcgisHistogramRangeSlider & Omit<import("react").HTMLAttributes<HTMLArcgisHistogramRangeSliderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisHistogramRangeSliderElement>>;
+export declare const ArcgisHome: import("react").ForwardRefExoticComponent<JSX.ArcgisHome & Omit<import("react").HTMLAttributes<HTMLArcgisHomeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisHomeElement>>;
+export declare const ArcgisLayerList: import("react").ForwardRefExoticComponent<JSX.ArcgisLayerList & Omit<import("react").HTMLAttributes<HTMLArcgisLayerListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisLayerListElement>>;
+export declare const ArcgisLegend: import("react").ForwardRefExoticComponent<JSX.ArcgisLegend & Omit<import("react").HTMLAttributes<HTMLArcgisLegendElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisLegendElement>>;
+export declare const ArcgisLineOfSight: import("react").ForwardRefExoticComponent<JSX.ArcgisLineOfSight & Omit<import("react").HTMLAttributes<HTMLArcgisLineOfSightElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisLineOfSightElement>>;
+export declare const ArcgisLocate: import("react").ForwardRefExoticComponent<JSX.ArcgisLocate & Omit<import("react").HTMLAttributes<HTMLArcgisLocateElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisLocateElement>>;
+export declare const ArcgisMap: import("react").ForwardRefExoticComponent<JSX.ArcgisMap & Omit<import("react").HTMLAttributes<HTMLArcgisMapElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisMapElement>>;
+export declare const ArcgisMeasurement: import("react").ForwardRefExoticComponent<JSX.ArcgisMeasurement & Omit<import("react").HTMLAttributes<HTMLArcgisMeasurementElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisMeasurementElement>>;
+export declare const ArcgisNavigationToggle: import("react").ForwardRefExoticComponent<JSX.ArcgisNavigationToggle & Omit<import("react").HTMLAttributes<HTMLArcgisNavigationToggleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisNavigationToggleElement>>;
+export declare const ArcgisPrint: import("react").ForwardRefExoticComponent<JSX.ArcgisPrint & Omit<import("react").HTMLAttributes<HTMLArcgisPrintElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisPrintElement>>;
+export declare const ArcgisScaleBar: import("react").ForwardRefExoticComponent<JSX.ArcgisScaleBar & Omit<import("react").HTMLAttributes<HTMLArcgisScaleBarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisScaleBarElement>>;
+export declare const ArcgisScaleRangeSlider: import("react").ForwardRefExoticComponent<JSX.ArcgisScaleRangeSlider & Omit<import("react").HTMLAttributes<HTMLArcgisScaleRangeSliderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisScaleRangeSliderElement>>;
+export declare const ArcgisScene: import("react").ForwardRefExoticComponent<JSX.ArcgisScene & Omit<import("react").HTMLAttributes<HTMLArcgisSceneElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisSceneElement>>;
+export declare const ArcgisSearch: import("react").ForwardRefExoticComponent<JSX.ArcgisSearch & Omit<import("react").HTMLAttributes<HTMLArcgisSearchElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisSearchElement>>;
+export declare const ArcgisShadowCast: import("react").ForwardRefExoticComponent<JSX.ArcgisShadowCast & Omit<import("react").HTMLAttributes<HTMLArcgisShadowCastElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisShadowCastElement>>;
+export declare const ArcgisSketch: import("react").ForwardRefExoticComponent<JSX.ArcgisSketch & Omit<import("react").HTMLAttributes<HTMLArcgisSketchElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisSketchElement>>;
+export declare const ArcgisSlice: import("react").ForwardRefExoticComponent<JSX.ArcgisSlice & Omit<import("react").HTMLAttributes<HTMLArcgisSliceElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisSliceElement>>;
+export declare const ArcgisSlider: import("react").ForwardRefExoticComponent<JSX.ArcgisSlider & Omit<import("react").HTMLAttributes<HTMLArcgisSliderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisSliderElement>>;
+export declare const ArcgisSwipe: import("react").ForwardRefExoticComponent<JSX.ArcgisSwipe & Omit<import("react").HTMLAttributes<HTMLArcgisSwipeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisSwipeElement>>;
+export declare const ArcgisTableList: import("react").ForwardRefExoticComponent<JSX.ArcgisTableList & Omit<import("react").HTMLAttributes<HTMLArcgisTableListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisTableListElement>>;
+export declare const ArcgisTimeSlider: import("react").ForwardRefExoticComponent<JSX.ArcgisTimeSlider & Omit<import("react").HTMLAttributes<HTMLArcgisTimeSliderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisTimeSliderElement>>;
+export declare const ArcgisTrack: import("react").ForwardRefExoticComponent<JSX.ArcgisTrack & Omit<import("react").HTMLAttributes<HTMLArcgisTrackElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisTrackElement>>;
+export declare const ArcgisUtilityNetworkTrace: import("react").ForwardRefExoticComponent<JSX.ArcgisUtilityNetworkTrace & Omit<import("react").HTMLAttributes<HTMLArcgisUtilityNetworkTraceElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisUtilityNetworkTraceElement>>;
+export declare const ArcgisValuePicker: import("react").ForwardRefExoticComponent<JSX.ArcgisValuePicker & Omit<import("react").HTMLAttributes<HTMLArcgisValuePickerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisValuePickerElement>>;
+export declare const ArcgisWeather: import("react").ForwardRefExoticComponent<JSX.ArcgisWeather & Omit<import("react").HTMLAttributes<HTMLArcgisWeatherElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisWeatherElement>>;
+export declare const ArcgisZoom: import("react").ForwardRefExoticComponent<JSX.ArcgisZoom & Omit<import("react").HTMLAttributes<HTMLArcgisZoomElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLArcgisZoomElement>>;

package/dist/components.js

@@ -0,0 +1,106 @@
+/* eslint-disable */
+/* tslint:disable */
+/* auto-generated react proxies */
+import { createReactComponent } from './react-component-lib';
+import { defineCustomElement as defineArcgisAreaMeasurement2d } from '@arcgis/map-components/dist/components/arcgis-area-measurement-2d.js';
+import { defineCustomElement as defineArcgisAreaMeasurement3d } from '@arcgis/map-components/dist/components/arcgis-area-measurement-3d.js';
+import { defineCustomElement as defineArcgisAttachments } from '@arcgis/map-components/dist/components/arcgis-attachments.js';
+import { defineCustomElement as defineArcgisBasemapGallery } from '@arcgis/map-components/dist/components/arcgis-basemap-gallery.js';
+import { defineCustomElement as defineArcgisBasemapLayerList } from '@arcgis/map-components/dist/components/arcgis-basemap-layer-list.js';
+import { defineCustomElement as defineArcgisBasemapToggle } from '@arcgis/map-components/dist/components/arcgis-basemap-toggle.js';
+import { defineCustomElement as defineArcgisBookmarks } from '@arcgis/map-components/dist/components/arcgis-bookmarks.js';
+import { defineCustomElement as defineArcgisBuildingExplorer } from '@arcgis/map-components/dist/components/arcgis-building-explorer.js';
+import { defineCustomElement as defineArcgisCompass } from '@arcgis/map-components/dist/components/arcgis-compass.js';
+import { defineCustomElement as defineArcgisCoordinateConversion } from '@arcgis/map-components/dist/components/arcgis-coordinate-conversion.js';
+import { defineCustomElement as defineArcgisDaylight } from '@arcgis/map-components/dist/components/arcgis-daylight.js';
+import { defineCustomElement as defineArcgisDirections } from '@arcgis/map-components/dist/components/arcgis-directions.js';
+import { defineCustomElement as defineArcgisDirectlineMeasurement3d } from '@arcgis/map-components/dist/components/arcgis-directline-measurement-3d.js';
+import { defineCustomElement as defineArcgisDistanceMeasurement2d } from '@arcgis/map-components/dist/components/arcgis-distance-measurement-2d.js';
+import { defineCustomElement as defineArcgisEditor } from '@arcgis/map-components/dist/components/arcgis-editor.js';
+import { defineCustomElement as defineArcgisElevationProfile } from '@arcgis/map-components/dist/components/arcgis-elevation-profile.js';
+import { defineCustomElement as defineArcgisExpand } from '@arcgis/map-components/dist/components/arcgis-expand.js';
+import { defineCustomElement as defineArcgisFeature } from '@arcgis/map-components/dist/components/arcgis-feature.js';
+import { defineCustomElement as defineArcgisFeatureForm } from '@arcgis/map-components/dist/components/arcgis-feature-form.js';
+import { defineCustomElement as defineArcgisFeatureTable } from '@arcgis/map-components/dist/components/arcgis-feature-table.js';
+import { defineCustomElement as defineArcgisFeatureTemplates } from '@arcgis/map-components/dist/components/arcgis-feature-templates.js';
+import { defineCustomElement as defineArcgisFeatures } from '@arcgis/map-components/dist/components/arcgis-features.js';
+import { defineCustomElement as defineArcgisFloorFilter } from '@arcgis/map-components/dist/components/arcgis-floor-filter.js';
+import { defineCustomElement as defineArcgisFullscreen } from '@arcgis/map-components/dist/components/arcgis-fullscreen.js';
+import { defineCustomElement as defineArcgisHistogram } from '@arcgis/map-components/dist/components/arcgis-histogram.js';
+import { defineCustomElement as defineArcgisHistogramRangeSlider } from '@arcgis/map-components/dist/components/arcgis-histogram-range-slider.js';
+import { defineCustomElement as defineArcgisHome } from '@arcgis/map-components/dist/components/arcgis-home.js';
+import { defineCustomElement as defineArcgisLayerList } from '@arcgis/map-components/dist/components/arcgis-layer-list.js';
+import { defineCustomElement as defineArcgisLegend } from '@arcgis/map-components/dist/components/arcgis-legend.js';
+import { defineCustomElement as defineArcgisLineOfSight } from '@arcgis/map-components/dist/components/arcgis-line-of-sight.js';
+import { defineCustomElement as defineArcgisLocate } from '@arcgis/map-components/dist/components/arcgis-locate.js';
+import { defineCustomElement as defineArcgisMap } from '@arcgis/map-components/dist/components/arcgis-map.js';
+import { defineCustomElement as defineArcgisMeasurement } from '@arcgis/map-components/dist/components/arcgis-measurement.js';
+import { defineCustomElement as defineArcgisNavigationToggle } from '@arcgis/map-components/dist/components/arcgis-navigation-toggle.js';
+import { defineCustomElement as defineArcgisPrint } from '@arcgis/map-components/dist/components/arcgis-print.js';
+import { defineCustomElement as defineArcgisScaleBar } from '@arcgis/map-components/dist/components/arcgis-scale-bar.js';
+import { defineCustomElement as defineArcgisScaleRangeSlider } from '@arcgis/map-components/dist/components/arcgis-scale-range-slider.js';
+import { defineCustomElement as defineArcgisScene } from '@arcgis/map-components/dist/components/arcgis-scene.js';
+import { defineCustomElement as defineArcgisSearch } from '@arcgis/map-components/dist/components/arcgis-search.js';
+import { defineCustomElement as defineArcgisShadowCast } from '@arcgis/map-components/dist/components/arcgis-shadow-cast.js';
+import { defineCustomElement as defineArcgisSketch } from '@arcgis/map-components/dist/components/arcgis-sketch.js';
+import { defineCustomElement as defineArcgisSlice } from '@arcgis/map-components/dist/components/arcgis-slice.js';
+import { defineCustomElement as defineArcgisSlider } from '@arcgis/map-components/dist/components/arcgis-slider.js';
+import { defineCustomElement as defineArcgisSwipe } from '@arcgis/map-components/dist/components/arcgis-swipe.js';
+import { defineCustomElement as defineArcgisTableList } from '@arcgis/map-components/dist/components/arcgis-table-list.js';
+import { defineCustomElement as defineArcgisTimeSlider } from '@arcgis/map-components/dist/components/arcgis-time-slider.js';
+import { defineCustomElement as defineArcgisTrack } from '@arcgis/map-components/dist/components/arcgis-track.js';
+import { defineCustomElement as defineArcgisUtilityNetworkTrace } from '@arcgis/map-components/dist/components/arcgis-utility-network-trace.js';
+import { defineCustomElement as defineArcgisValuePicker } from '@arcgis/map-components/dist/components/arcgis-value-picker.js';
+import { defineCustomElement as defineArcgisWeather } from '@arcgis/map-components/dist/components/arcgis-weather.js';
+import { defineCustomElement as defineArcgisZoom } from '@arcgis/map-components/dist/components/arcgis-zoom.js';
+export const ArcgisAreaMeasurement2d = /*@__PURE__*/ createReactComponent('arcgis-area-measurement-2d', undefined, undefined, defineArcgisAreaMeasurement2d);
+export const ArcgisAreaMeasurement3d = /*@__PURE__*/ createReactComponent('arcgis-area-measurement-3d', undefined, undefined, defineArcgisAreaMeasurement3d);
+export const ArcgisAttachments = /*@__PURE__*/ createReactComponent('arcgis-attachments', undefined, undefined, defineArcgisAttachments);
+export const ArcgisBasemapGallery = /*@__PURE__*/ createReactComponent('arcgis-basemap-gallery', undefined, undefined, defineArcgisBasemapGallery);
+export const ArcgisBasemapLayerList = /*@__PURE__*/ createReactComponent('arcgis-basemap-layer-list', undefined, undefined, defineArcgisBasemapLayerList);
+export const ArcgisBasemapToggle = /*@__PURE__*/ createReactComponent('arcgis-basemap-toggle', undefined, undefined, defineArcgisBasemapToggle);
+export const ArcgisBookmarks = /*@__PURE__*/ createReactComponent('arcgis-bookmarks', undefined, undefined, defineArcgisBookmarks);
+export const ArcgisBuildingExplorer = /*@__PURE__*/ createReactComponent('arcgis-building-explorer', undefined, undefined, defineArcgisBuildingExplorer);
+export const ArcgisCompass = /*@__PURE__*/ createReactComponent('arcgis-compass', undefined, undefined, defineArcgisCompass);
+export const ArcgisCoordinateConversion = /*@__PURE__*/ createReactComponent('arcgis-coordinate-conversion', undefined, undefined, defineArcgisCoordinateConversion);
+export const ArcgisDaylight = /*@__PURE__*/ createReactComponent('arcgis-daylight', undefined, undefined, defineArcgisDaylight);
+export const ArcgisDirections = /*@__PURE__*/ createReactComponent('arcgis-directions', undefined, undefined, defineArcgisDirections);
+export const ArcgisDirectlineMeasurement3d = /*@__PURE__*/ createReactComponent('arcgis-directline-measurement-3d', undefined, undefined, defineArcgisDirectlineMeasurement3d);
+export const ArcgisDistanceMeasurement2d = /*@__PURE__*/ createReactComponent('arcgis-distance-measurement-2d', undefined, undefined, defineArcgisDistanceMeasurement2d);
+export const ArcgisEditor = /*@__PURE__*/ createReactComponent('arcgis-editor', undefined, undefined, defineArcgisEditor);
+export const ArcgisElevationProfile = /*@__PURE__*/ createReactComponent('arcgis-elevation-profile', undefined, undefined, defineArcgisElevationProfile);
+export const ArcgisExpand = /*@__PURE__*/ createReactComponent('arcgis-expand', undefined, undefined, defineArcgisExpand);
+export const ArcgisFeature = /*@__PURE__*/ createReactComponent('arcgis-feature', undefined, undefined, defineArcgisFeature);
+export const ArcgisFeatureForm = /*@__PURE__*/ createReactComponent('arcgis-feature-form', undefined, undefined, defineArcgisFeatureForm);
+export const ArcgisFeatureTable = /*@__PURE__*/ createReactComponent('arcgis-feature-table', undefined, undefined, defineArcgisFeatureTable);
+export const ArcgisFeatureTemplates = /*@__PURE__*/ createReactComponent('arcgis-feature-templates', undefined, undefined, defineArcgisFeatureTemplates);
+export const ArcgisFeatures = /*@__PURE__*/ createReactComponent('arcgis-features', undefined, undefined, defineArcgisFeatures);
+export const ArcgisFloorFilter = /*@__PURE__*/ createReactComponent('arcgis-floor-filter', undefined, undefined, defineArcgisFloorFilter);
+export const ArcgisFullscreen = /*@__PURE__*/ createReactComponent('arcgis-fullscreen', undefined, undefined, defineArcgisFullscreen);
+export const ArcgisHistogram = /*@__PURE__*/ createReactComponent('arcgis-histogram', undefined, undefined, defineArcgisHistogram);
+export const ArcgisHistogramRangeSlider = /*@__PURE__*/ createReactComponent('arcgis-histogram-range-slider', undefined, undefined, defineArcgisHistogramRangeSlider);
+export const ArcgisHome = /*@__PURE__*/ createReactComponent('arcgis-home', undefined, undefined, defineArcgisHome);
+export const ArcgisLayerList = /*@__PURE__*/ createReactComponent('arcgis-layer-list', undefined, undefined, defineArcgisLayerList);
+export const ArcgisLegend = /*@__PURE__*/ createReactComponent('arcgis-legend', undefined, undefined, defineArcgisLegend);
+export const ArcgisLineOfSight = /*@__PURE__*/ createReactComponent('arcgis-line-of-sight', undefined, undefined, defineArcgisLineOfSight);
+export const ArcgisLocate = /*@__PURE__*/ createReactComponent('arcgis-locate', undefined, undefined, defineArcgisLocate);
+export const ArcgisMap = /*@__PURE__*/ createReactComponent('arcgis-map', undefined, undefined, defineArcgisMap);
+export const ArcgisMeasurement = /*@__PURE__*/ createReactComponent('arcgis-measurement', undefined, undefined, defineArcgisMeasurement);
+export const ArcgisNavigationToggle = /*@__PURE__*/ createReactComponent('arcgis-navigation-toggle', undefined, undefined, defineArcgisNavigationToggle);
+export const ArcgisPrint = /*@__PURE__*/ createReactComponent('arcgis-print', undefined, undefined, defineArcgisPrint);
+export const ArcgisScaleBar = /*@__PURE__*/ createReactComponent('arcgis-scale-bar', undefined, undefined, defineArcgisScaleBar);
+export const ArcgisScaleRangeSlider = /*@__PURE__*/ createReactComponent('arcgis-scale-range-slider', undefined, undefined, defineArcgisScaleRangeSlider);
+export const ArcgisScene = /*@__PURE__*/ createReactComponent('arcgis-scene', undefined, undefined, defineArcgisScene);
+export const ArcgisSearch = /*@__PURE__*/ createReactComponent('arcgis-search', undefined, undefined, defineArcgisSearch);
+export const ArcgisShadowCast = /*@__PURE__*/ createReactComponent('arcgis-shadow-cast', undefined, undefined, defineArcgisShadowCast);
+export const ArcgisSketch = /*@__PURE__*/ createReactComponent('arcgis-sketch', undefined, undefined, defineArcgisSketch);
+export const ArcgisSlice = /*@__PURE__*/ createReactComponent('arcgis-slice', undefined, undefined, defineArcgisSlice);
+export const ArcgisSlider = /*@__PURE__*/ createReactComponent('arcgis-slider', undefined, undefined, defineArcgisSlider);
+export const ArcgisSwipe = /*@__PURE__*/ createReactComponent('arcgis-swipe', undefined, undefined, defineArcgisSwipe);
+export const ArcgisTableList = /*@__PURE__*/ createReactComponent('arcgis-table-list', undefined, undefined, defineArcgisTableList);
+export const ArcgisTimeSlider = /*@__PURE__*/ createReactComponent('arcgis-time-slider', undefined, undefined, defineArcgisTimeSlider);
+export const ArcgisTrack = /*@__PURE__*/ createReactComponent('arcgis-track', undefined, undefined, defineArcgisTrack);
+export const ArcgisUtilityNetworkTrace = /*@__PURE__*/ createReactComponent('arcgis-utility-network-trace', undefined, undefined, defineArcgisUtilityNetworkTrace);
+export const ArcgisValuePicker = /*@__PURE__*/ createReactComponent('arcgis-value-picker', undefined, undefined, defineArcgisValuePicker);
+export const ArcgisWeather = /*@__PURE__*/ createReactComponent('arcgis-weather', undefined, undefined, defineArcgisWeather);
+export const ArcgisZoom = /*@__PURE__*/ createReactComponent('arcgis-zoom', undefined, undefined, defineArcgisZoom);

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from "./components";

package/dist/index.js

@@ -0,0 +1 @@
+export * from "./components";

package/dist/react-component-lib/createComponent.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface HTMLStencilElement extends HTMLElement {
+    componentOnReady(): Promise<this>;
+}
+interface StencilReactInternalProps<ElementType> extends React.HTMLAttributes<ElementType> {
+    forwardedRef: React.RefObject<ElementType>;
+    ref?: React.Ref<any>;
+}
+export declare const createReactComponent: <PropType, ElementType extends HTMLStencilElement, ContextStateType = {}, ExpandedPropsTypes = {}>(tagName: string, ReactComponentContext?: React.Context<ContextStateType> | undefined, manipulatePropsFunction?: ((originalProps: StencilReactInternalProps<ElementType>, propsToPass: any) => ExpandedPropsTypes) | undefined, defineCustomElement?: () => void) => React.ForwardRefExoticComponent<React.PropsWithoutRef<import("./utils").StencilReactExternalProps<PropType, ElementType>> & React.RefAttributes<ElementType>>;
+export {};

package/dist/react-component-lib/createComponent.js

@@ -0,0 +1,67 @@
+import React, { createElement } from 'react';
+import { attachProps, camelToDashCase, createForwardRef, dashToPascalCase, isCoveredByReact, mergeRefs } from './utils';
+export const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFunction, defineCustomElement) => {
+    if (defineCustomElement !== undefined) {
+        defineCustomElement();
+    }
+    const displayName = dashToPascalCase(tagName);
+    const ReactComponent = class extends React.Component {
+        constructor(props) {
+            super(props);
+            this.setComponentElRef = (element) => {
+                this.componentEl = element;
+            };
+        }
+        componentDidMount() {
+            this.componentDidUpdate(this.props);
+        }
+        componentDidUpdate(prevProps) {
+            attachProps(this.componentEl, this.props, prevProps);
+        }
+        render() {
+            const { children, forwardedRef, style, className, ref, ...cProps } = this.props;
+            let propsToPass = Object.keys(cProps).reduce((acc, name) => {
+                const value = cProps[name];
+                if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
+                    const eventName = name.substring(2).toLowerCase();
+                    if (typeof document !== 'undefined' && isCoveredByReact(eventName)) {
+                        acc[name] = value;
+                    }
+                }
+                else {
+                    // we should only render strings, booleans, and numbers as attrs in html.
+                    // objects, functions, arrays etc get synced via properties on mount.
+                    const type = typeof value;
+                    if (type === 'string' || type === 'boolean' || type === 'number') {
+                        acc[camelToDashCase(name)] = value;
+                    }
+                }
+                return acc;
+            }, {});
+            if (manipulatePropsFunction) {
+                propsToPass = manipulatePropsFunction(this.props, propsToPass);
+            }
+            const newProps = {
+                ...propsToPass,
+                ref: mergeRefs(forwardedRef, this.setComponentElRef),
+                style,
+            };
+            /**
+             * We use createElement here instead of
+             * React.createElement to work around a
+             * bug in Vite (https://github.com/vitejs/vite/issues/6104).
+             * React.createElement causes all elements to be rendered
+             * as <tagname> instead of the actual Web Component.
+             */
+            return createElement(tagName, newProps, children);
+        }
+        static get displayName() {
+            return displayName;
+        }
+    };
+    // If context was passed to createReactComponent then conditionally add it to the Component Class
+    if (ReactComponentContext) {
+        ReactComponent.contextType = ReactComponentContext;
+    }
+    return createForwardRef(ReactComponent, displayName);
+};

package/dist/react-component-lib/createOverlayComponent.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { OverlayEventDetail } from './interfaces';
+import { StencilReactForwardedRef } from './utils';
+interface OverlayElement extends HTMLElement {
+    present: () => Promise<void>;
+    dismiss: (data?: any, role?: string | undefined) => Promise<boolean>;
+}
+export interface ReactOverlayProps {
+    children?: React.ReactNode;
+    isOpen: boolean;
+    onDidDismiss?: (event: CustomEvent<OverlayEventDetail>) => void;
+    onDidPresent?: (event: CustomEvent<OverlayEventDetail>) => void;
+    onWillDismiss?: (event: CustomEvent<OverlayEventDetail>) => void;
+    onWillPresent?: (event: CustomEvent<OverlayEventDetail>) => void;
+}
+export declare const createOverlayComponent: <OverlayComponent extends object, OverlayType extends OverlayElement>(tagName: string, controller: {
+    create: (options: any) => Promise<OverlayType>;
+}, customElement?: any) => React.ForwardRefExoticComponent<React.PropsWithoutRef<OverlayComponent & ReactOverlayProps & {
+    forwardedRef?: StencilReactForwardedRef<OverlayType> | undefined;
+}> & React.RefAttributes<OverlayType>>;
+export {};

package/dist/react-component-lib/createOverlayComponent.js

@@ -0,0 +1,95 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import { attachProps, dashToPascalCase, defineCustomElement, setRef } from './utils';
+export const createOverlayComponent = (tagName, controller, customElement) => {
+    defineCustomElement(tagName, customElement);
+    const displayName = dashToPascalCase(tagName);
+    const didDismissEventName = `on${displayName}DidDismiss`;
+    const didPresentEventName = `on${displayName}DidPresent`;
+    const willDismissEventName = `on${displayName}WillDismiss`;
+    const willPresentEventName = `on${displayName}WillPresent`;
+    let isDismissing = false;
+    class Overlay extends React.Component {
+        constructor(props) {
+            super(props);
+            if (typeof document !== 'undefined') {
+                this.el = document.createElement('div');
+            }
+            this.handleDismiss = this.handleDismiss.bind(this);
+        }
+        static get displayName() {
+            return displayName;
+        }
+        componentDidMount() {
+            if (this.props.isOpen) {
+                this.present();
+            }
+        }
+        componentWillUnmount() {
+            if (this.overlay) {
+                this.overlay.dismiss();
+            }
+        }
+        handleDismiss(event) {
+            if (this.props.onDidDismiss) {
+                this.props.onDidDismiss(event);
+            }
+            setRef(this.props.forwardedRef, null);
+        }
+        shouldComponentUpdate(nextProps) {
+            // Check if the overlay component is about to dismiss
+            if (this.overlay && nextProps.isOpen !== this.props.isOpen && nextProps.isOpen === false) {
+                isDismissing = true;
+            }
+            return true;
+        }
+        async componentDidUpdate(prevProps) {
+            if (this.overlay) {
+                attachProps(this.overlay, this.props, prevProps);
+            }
+            if (prevProps.isOpen !== this.props.isOpen && this.props.isOpen === true) {
+                this.present(prevProps);
+            }
+            if (this.overlay && prevProps.isOpen !== this.props.isOpen && this.props.isOpen === false) {
+                await this.overlay.dismiss();
+                isDismissing = false;
+                /**
+                 * Now that the overlay is dismissed
+                 * we need to render again so that any
+                 * inner components will be unmounted
+                 */
+                this.forceUpdate();
+            }
+        }
+        async present(prevProps) {
+            const { children, isOpen, onDidDismiss, onDidPresent, onWillDismiss, onWillPresent, ...cProps } = this.props;
+            const elementProps = {
+                ...cProps,
+                ref: this.props.forwardedRef,
+                [didDismissEventName]: this.handleDismiss,
+                [didPresentEventName]: (e) => this.props.onDidPresent && this.props.onDidPresent(e),
+                [willDismissEventName]: (e) => this.props.onWillDismiss && this.props.onWillDismiss(e),
+                [willPresentEventName]: (e) => this.props.onWillPresent && this.props.onWillPresent(e),
+            };
+            this.overlay = await controller.create({
+                ...elementProps,
+                component: this.el,
+                componentProps: {},
+            });
+            setRef(this.props.forwardedRef, this.overlay);
+            attachProps(this.overlay, elementProps, prevProps);
+            await this.overlay.present();
+        }
+        render() {
+            /**
+             * Continue to render the component even when
+             * overlay is dismissing otherwise component
+             * will be hidden before animation is done.
+             */
+            return ReactDOM.createPortal(this.props.isOpen || isDismissing ? this.props.children : null, this.el);
+        }
+    }
+    return React.forwardRef((props, ref) => {
+        return React.createElement(Overlay, { ...props, forwardedRef: ref });
+    });
+};

package/dist/react-component-lib/index.d.ts

@@ -0,0 +1,2 @@
+export { createReactComponent } from './createComponent';
+export { createOverlayComponent } from './createOverlayComponent';

package/dist/react-component-lib/index.js

@@ -0,0 +1,2 @@
+export { createReactComponent } from './createComponent';
+export { createOverlayComponent } from './createOverlayComponent';

package/dist/react-component-lib/interfaces.d.ts

@@ -0,0 +1,29 @@
+export interface EventEmitter<T = any> {
+    emit: (data?: T) => CustomEvent<T>;
+}
+export interface StyleReactProps {
+    class?: string;
+    className?: string;
+    style?: {
+        [key: string]: any;
+    };
+}
+export interface OverlayEventDetail<T = any> {
+    data?: T;
+    role?: string;
+}
+export interface OverlayInterface {
+    el: HTMLElement;
+    animated: boolean;
+    keyboardClose: boolean;
+    overlayIndex: number;
+    presented: boolean;
+    enterAnimation?: any;
+    leaveAnimation?: any;
+    didPresent: EventEmitter<void>;
+    willPresent: EventEmitter<void>;
+    willDismiss: EventEmitter<OverlayEventDetail>;
+    didDismiss: EventEmitter<OverlayEventDetail>;
+    present(): Promise<void>;
+    dismiss(data?: any, role?: string): Promise<boolean>;
+}

package/dist/react-component-lib/interfaces.js

@@ -0,0 +1 @@
+export {};

package/dist/react-component-lib/utils/attachProps.d.ts

@@ -0,0 +1,16 @@
+export declare const attachProps: (node: HTMLElement, newProps: any, oldProps?: any) => void;
+export declare const getClassName: (classList: DOMTokenList, newProps: any, oldProps: any) => string;
+/**
+ * Transforms a React event name to a browser event name.
+ */
+export declare const transformReactEventName: (eventNameSuffix: string) => string;
+/**
+ * Checks if an event is supported in the current execution environment.
+ * @license Modernizr 3.0.0pre (Custom Build) | MIT
+ */
+export declare const isCoveredByReact: (eventNameSuffix: string) => boolean;
+export declare const syncEvent: (node: Element & {
+    __events?: {
+        [key: string]: ((e: Event) => any) | undefined;
+    } | undefined;
+}, eventName: string, newEventHandler?: ((e: Event) => any) | undefined) => void;

package/dist/react-component-lib/utils/attachProps.js

@@ -0,0 +1,107 @@
+import { camelToDashCase } from './case';
+export const attachProps = (node, newProps, oldProps = {}) => {
+    // some test frameworks don't render DOM elements, so we test here to make sure we are dealing with DOM first
+    if (node instanceof Element) {
+        // add any classes in className to the class list
+        const className = getClassName(node.classList, newProps, oldProps);
+        if (className !== '') {
+            node.className = className;
+        }
+        Object.keys(newProps).forEach((name) => {
+            if (name === 'children' ||
+                name === 'style' ||
+                name === 'ref' ||
+                name === 'class' ||
+                name === 'className' ||
+                name === 'forwardedRef') {
+                return;
+            }
+            if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
+                const eventName = name.substring(2);
+                const eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);
+                if (!isCoveredByReact(eventNameLc)) {
+                    syncEvent(node, eventNameLc, newProps[name]);
+                }
+            }
+            else {
+                node[name] = newProps[name];
+                const propType = typeof newProps[name];
+                if (propType === 'string') {
+                    node.setAttribute(camelToDashCase(name), newProps[name]);
+                }
+            }
+        });
+    }
+};
+export const getClassName = (classList, newProps, oldProps) => {
+    const newClassProp = newProps.className || newProps.class;
+    const oldClassProp = oldProps.className || oldProps.class;
+    // map the classes to Maps for performance
+    const currentClasses = arrayToMap(classList);
+    const incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(' ') : []);
+    const oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(' ') : []);
+    const finalClassNames = [];
+    // loop through each of the current classes on the component
+    // to see if it should be a part of the classNames added
+    currentClasses.forEach((currentClass) => {
+        if (incomingPropClasses.has(currentClass)) {
+            // add it as its already included in classnames coming in from newProps
+            finalClassNames.push(currentClass);
+            incomingPropClasses.delete(currentClass);
+        }
+        else if (!oldPropClasses.has(currentClass)) {
+            // add it as it has NOT been removed by user
+            finalClassNames.push(currentClass);
+        }
+    });
+    incomingPropClasses.forEach((s) => finalClassNames.push(s));
+    return finalClassNames.join(' ');
+};
+/**
+ * Transforms a React event name to a browser event name.
+ */
+export const transformReactEventName = (eventNameSuffix) => {
+    switch (eventNameSuffix) {
+        case 'doubleclick':
+            return 'dblclick';
+    }
+    return eventNameSuffix;
+};
+/**
+ * Checks if an event is supported in the current execution environment.
+ * @license Modernizr 3.0.0pre (Custom Build) | MIT
+ */
+export const isCoveredByReact = (eventNameSuffix) => {
+    if (typeof document === 'undefined') {
+        return true;
+    }
+    else {
+        const eventName = 'on' + transformReactEventName(eventNameSuffix);
+        let isSupported = eventName in document;
+        if (!isSupported) {
+            const element = document.createElement('div');
+            element.setAttribute(eventName, 'return;');
+            isSupported = typeof element[eventName] === 'function';
+        }
+        return isSupported;
+    }
+};
+export const syncEvent = (node, eventName, newEventHandler) => {
+    const eventStore = node.__events || (node.__events = {});
+    const oldEventHandler = eventStore[eventName];
+    // Remove old listener so they don't double up.
+    if (oldEventHandler) {
+        node.removeEventListener(eventName, oldEventHandler);
+    }
+    // Bind new listener.
+    node.addEventListener(eventName, (eventStore[eventName] = function handler(e) {
+        if (newEventHandler) {
+            newEventHandler.call(this, e);
+        }
+    }));
+};
+const arrayToMap = (arr) => {
+    const map = new Map();
+    arr.forEach((s) => map.set(s, s));
+    return map;
+};

package/dist/react-component-lib/utils/case.d.ts

@@ -0,0 +1,2 @@
+export declare const dashToPascalCase: (str: string) => string;
+export declare const camelToDashCase: (str: string) => string;

package/dist/react-component-lib/utils/case.js

@@ -0,0 +1,6 @@
+export const dashToPascalCase = (str) => str
+    .toLowerCase()
+    .split('-')
+    .map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1))
+    .join('');
+export const camelToDashCase = (str) => str.replace(/([A-Z])/g, (m) => `-${m[0].toLowerCase()}`);

package/dist/react-component-lib/utils/dev.d.ts

@@ -0,0 +1,2 @@
+export declare const isDevMode: () => boolean;
+export declare const deprecationWarning: (key: string, message: string) => void;

package/dist/react-component-lib/utils/dev.js

@@ -0,0 +1,12 @@
+export const isDevMode = () => {
+    return process && process.env && process.env.NODE_ENV === 'development';
+};
+const warnings = {};
+export const deprecationWarning = (key, message) => {
+    if (isDevMode()) {
+        if (!warnings[key]) {
+            console.warn(message);
+            warnings[key] = true;
+        }
+    }
+};

package/dist/react-component-lib/utils/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { StyleReactProps } from '../interfaces';
+export type StencilReactExternalProps<PropType, ElementType> = PropType & Omit<React.HTMLAttributes<ElementType>, 'style'> & StyleReactProps;
+export type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;
+export declare const setRef: (ref: StencilReactForwardedRef<any> | React.Ref<any> | undefined, value: any) => void;
+export declare const mergeRefs: (...refs: (StencilReactForwardedRef<any> | React.Ref<any> | undefined)[]) => React.RefCallback<any>;
+export declare const createForwardRef: <PropType, ElementType>(ReactComponent: any, displayName: string) => React.ForwardRefExoticComponent<React.PropsWithoutRef<StencilReactExternalProps<PropType, ElementType>> & React.RefAttributes<ElementType>>;
+export declare const defineCustomElement: (tagName: string, customElement: any) => void;
+export * from './attachProps';
+export * from './case';

package/dist/react-component-lib/utils/index.js

@@ -0,0 +1,31 @@
+import React from 'react';
+export const setRef = (ref, value) => {
+    if (typeof ref === 'function') {
+        ref(value);
+    }
+    else if (ref != null) {
+        // Cast as a MutableRef so we can assign current
+        ref.current = value;
+    }
+};
+export const mergeRefs = (...refs) => {
+    return (value) => {
+        refs.forEach((ref) => {
+            setRef(ref, value);
+        });
+    };
+};
+export const createForwardRef = (ReactComponent, displayName) => {
+    const forwardRef = (props, ref) => {
+        return React.createElement(ReactComponent, { ...props, forwardedRef: ref });
+    };
+    forwardRef.displayName = displayName;
+    return React.forwardRef(forwardRef);
+};
+export const defineCustomElement = (tagName, customElement) => {
+    if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {
+        customElements.define(tagName, customElement);
+    }
+};
+export * from './attachProps';
+export * from './case';

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@arcgis/map-components-react",
+  "sideEffects": false,
+  "version": "1.0.0-beta.12",
+  "description": "A set of React components that wrap map components",
+  "license": "SEE LICENSE.md",
+  "scripts": {
+    "build": "rimraf dist && yarn util:patch-jsx-import && yarn compile",
+    "clean": "rimraf dist node_modules .turbo",
+    "compile": "yarn tsc",
+    "tsc": "tsc",
+    "util:patch-jsx-import": "ts-node ./support/patchImportPathJSX.ts"
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist/"
+  ],
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "dependencies": {
+    "@arcgis/map-components": "1.0.0-beta.14"
+  },
+  "peerDependencies": {
+    "react": "^18",
+    "react-dom": "^18"
+  },
+  "devDependencies": {
+    "@types/react-dom": "^18.2.0",
+    "rimraf": "^5.0.0",
+    "ts-node": "^10.9.1",
+    "typescript": "4.9.5"
+  },
+  "gitHead": "cd1b3bf7e48b497211638bbe607ad0e10340b119"
+}