@progress/kendo-react-map 7.2.4-develop.3 → 7.3.0-develop.1

package/index.js

@@ -1,5 +1,8 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ee=require("react"),f=require("@progress/kendo-react-common"),w=require("prop-types"),m=require("@progress/kendo-charts"),te=require("@progress/kendo-react-popup"),h=require("@progress/kendo-svg-icons");function ne(n){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const t in n)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,r.get?r:{enumerable:!0,get:()=>n[t]})}}return e.default=n,Object.freeze(e)}const i=ne(ee),d=i.createContext(null);d.displayName="MapContext";class E extends i.Component{constructor(e,t){super(e,t),this.optionsStore=t.optionsStore}renderChildren(e,t){const{children:r}=e.props,{_mapKey:o,_parentStore:a}=this.props,s={...e.props,_mapCollectionIdxKey:`${o}_${t}`,_parentStore:a};return i.cloneElement(e,s,r)}render(){const{_mapKey:e,_parentStore:t,children:r}=this.props;return(t||this.optionsStore).dispatch({mapKey:e,payload:[]}),i.Children.map(r,(a,s)=>i.isValidElement(a)?this.renderChildren(a,s):a)}}E.contextType=d;const re=n=>{let e,t=[];const r=()=>e,o=s=>{e=n(e,s),f.canUseDOM&&t.forEach(p=>p())},a=s=>(t.push(s),()=>t=t.filter(p=>p!==s));return o({}),{getState:r,dispatch:o,subscribe:a}},g=re,P=(n,e)=>e.mapCollectionIdxKey?T.collectionConfigurationItem(n,e):e.mapKey?T.configurationItem(n,e):{},oe=(n,e)=>{if(e.type)switch(e.type){case"add":return[...n,e.payload];case"remove":return n.filter(t=>t!==e.payload);default:return n}else return[]},T={configurationItem(n,e){return Object.assign(n,{[e.mapKey]:e.payload})},collectionConfigurationItem(n,e){let t=!1;const[r,o]=e.mapCollectionIdxKey.split("_"),a=n[r].map((s,p)=>parseInt(o,10)===p?(t=!0,e.payload):s);return t===!1&&a.splice(parseInt(o,10),0,e.payload),Object.assign(n,{[r]:a})},themeItem(n,e){let t={},r=Object.assign(t,n);const{field:o,value:a}=e.payload,s=o.split(".");let p=s.shift();for(;s.length>0;)t=t[p]=t[p]||{},p=s.shift();return t[p]=a,r}};class u extends i.Component{constructor(e,t){super(e,t),this.optionsStore=t.optionsStore,this.childStore=g(P)}render(){const{children:e}=this.props;return e!==void 0?i.Children.map(e,t=>i.isValidElement(t)?this.renderChildren(t):t):null}componentDidMount(){this.dispatch()}componentDidUpdate(){this.dispatch()}dispatch(){const{_mapKey:e,_mapCollectionIdxKey:t,_parentStore:r,children:o,...a}=this.props;(r||this.optionsStore).dispatch({mapKey:e,mapCollectionIdxKey:t,payload:Object.assign({},a,this.childStore.getState())})}renderChildren(e){const{children:t}=e.props,r={...e.props,_parentStore:this.childStore};return i.cloneElement(e,r,t)}}u.contextType=d;class c{constructor(e){this.target=e}}class A extends c{constructor(e,t){super(t)}}class _ extends c{constructor(e,t){super(t),this.location=e.location,this.originalEvent=e.originalEvent}}class D extends c{constructor(e,t){super(t),this.marker=e.marker,this.layer=e.layer}}class N extends c{constructor(e,t){super(t),this.marker=e.marker,this.layer=e.layer}}class R extends c{constructor(){super(...arguments),this.prevented=!1}preventDefault(){this.prevented=!0}isDefaultPrevented(){return this.prevented}}class U extends R{constructor(e,t){super(t),this.marker=e.marker,this.layer=e.layer}}class K extends c{constructor(e,t){super(t),this.origin=e.origin,this.center=e.center,this.originalEvent=e.originalEvent}}class j extends c{constructor(e,t){super(t),this.origin=e.origin,this.center=e.center,this.originalEvent=e.originalEvent}}class z extends c{constructor(e,t){super(t)}}class B extends c{constructor(e,t){super(t),this.layer=e.layer,this.shape=e.shape,this.originalEvent=e.originalEvent}}class V extends c{constructor(e,t){super(t),this.layer=e.layer,this.shape=e.shape,this.location=null,e.shape&&(this.dataItem=e.shape.dataItem,this.location=e.shape.location)}}class q extends c{constructor(e,t){super(t),this.dataItem=e.dataItem,this.layer=e.layer,this.group=e.group,this.properties=e.properties}}class F extends c{constructor(e,t){super(t),this.layer=e.layer,this.shape=e.shape,this.originalEvent=e.originalEvent}}class Z extends c{constructor(e,t){super(t),this.layer=e.layer,this.shape=e.shape,this.originalEvent=e.originalEvent}}class $ extends c{constructor(e,t){super(t),this.originalEvent=e.originalEvent}}class W extends R{constructor(e,t){super(t),this.originalEvent=e.originalEvent}}const L={beforeReset:A,mapClick:_,markerActivate:D,markerClick:N,markerCreated:U,panEnd:K,pan:j,reset:z,shapeClick:B,shapeCreated:V,shapeFeatureCreated:q,shapeMouseEnter:F,shapeMouseLeave:Z,zoomEnd:$,zoomStart:W};function se(n,e,t){if(L[n])return new L[n](e,t)}function ae(n,e){let t=n;for(;t&&t!==e;)t=t.parentNode;return!!t}function I(n,e,t,r){const o=n[e];if(o&&Array.isArray(o)){for(let a of o)if(!a.type||a.type!==r)return new Error(`${t} children should be Array of type ${r.displayName}.`)}return null}const ie={horizontal:"fit",vertical:"fit"},pe=["k-tooltip","k-map-tooltip"],ce="k-tooltip-wrapper";class H extends i.Component{constructor(e,t){super(e,t),this.context=null,this.element=null,this.onMapMouseLeave=r=>{const{syntheticEvent:o}=r;return!!ae(o.relatedTarget,this.element)},this.mapObserver=new m.InstanceObserver(this,{onMouseLeave:"onMapMouseLeave"}),t.observersStore.dispatch({type:"add",payload:this.mapObserver})}render(){const{popupShown:e,popupAlign:t,popupOffset:r,popupStyles:o,popupContent:a,className:s}=this.props,p=[...pe,s].join(" ").trim();return i.createElement(te.Popup,{animate:!0,popupAlign:t,offset:r,show:e,collision:ie,className:ce},i.createElement("div",{className:p,style:o,ref:v=>this.element=v},a()))}componentWillUnmount(){this.context.observersStore.dispatch({type:"remove",payload:this.mapObserver})}}H.contextType=d;class M extends i.Component{constructor(){super(...arguments),this.context=null,this.state={popupShown:!1}}componentDidMount(){this.mapObserver=new m.InstanceObserver(this,{showTooltip:"onShowTooltip",hideTooltip:"onHideTooltip"}),this.context.observersStore.dispatch({type:"add",payload:this.mapObserver})}render(){const{popupContext:e,shared:t,className:r,...o}=this.state;if(!e||!this.state.popupShown)return null;const a=e.layerIndex,s=this.findRenderFunctionByLayer(a);if(!s)return null;const p=()=>i.createElement("div",{className:"k-tooltip-content"},s(e)),l=`k-map-${e.type}-tooltip`;return i.createElement(H,{...o,popupContent:p,className:l})}componentWillUnmount(){this.context.observersStore.dispatch({type:"remove",payload:this.mapObserver})}onShowTooltip(e){const{anchor:t,className:r}=e;let o=this.createTooltipContext(e);this.setState({popupShown:!0,popupAlign:{vertical:"bottom",horizontal:"center"},popupOffset:t,popupContext:o,popupStyles:{position:"relative"},className:r})}onHideTooltip(){this.setState({popupShown:!1,popupStyles:{},className:void 0})}createTooltipContext(e){return e}findRenderFunctionByLayer(e){const t=this.context.optionsStore.getState().layers;return t!==void 0&&Array.isArray(t)&&t[e]!==void 0&&t[e].hasOwnProperty("tooltip")&&t[e].tooltip.hasOwnProperty("render")?t[e].tooltip.render:null}}M.contextType=d;const le={name:"@progress/kendo-react-map",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:1651750998,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning"};class ue{constructor(e,t){this.sender=e,this.syntheticEvent=t}}function he(n,e){return new ue(n,e)}const O={mapMarkerTargetIcon:h.mapMarkerTargetIcon,mapMarkerIcon:h.mapMarkerIcon,plusIcon:h.plusIcon,minusIcon:h.minusIcon,caretAltUpIcon:h.caretAltUpIcon,caretAltDownIcon:h.caretAltDownIcon,caretAltLeftIcon:h.caretAltLeftIcon,caretAltRightIcon:h.caretAltRightIcon},x="svg";class b extends i.Component{constructor(e){super(e),this.mapInstance=null,this._element=null,this.optionsStore={},this.optionsUnsubscriber=Function.prototype,this.observersStore={},this.iconsType=x,this.svgIcons=O,this.onInit=t=>{this.mapInstance=t.sender},this.onRender=t=>{this.mapInstance!==null&&this.trigger("render",t)},this.onMapMouseLeave=t=>{const r=he(this,t);this.triggerDomEvent("onMouseLeave",r)?t.preventDefault():this.mapInstance!==null&&this.mapInstance.hideTooltip()},f.validatePackage(le),this.optionsStore=g(P),this.observersStore=g(oe),this.childrenObserver=new m.InstanceObserver(this,{onMouseLeave:"onChildMouseLeave"}),this.contextValue={optionsStore:this.optionsStore,observersStore:this.observersStore,childrenObserver:this.childrenObserver},this.mapObserver=new m.InstanceObserver(this,{init:"onInit"})}get element(){return this._element}componentDidMount(){this.instantiateCoreMap(),this.optionsUnsubscriber=this.optionsStore.subscribe(this.refresh.bind(this))}componentWillUnmount(){this.optionsUnsubscriber(),this.mapInstance!==null&&(this.mapInstance.destroy(),this.mapInstance=null)}componentDidUpdate(e){const{dir:t,children:r,...o}=this.props;this.mapInstance!==null&&(Object.entries(e).filter(s=>s[0]!=="dir"&&s[0]!=="children").some(s=>{const[p,l]=s;return!(o.hasOwnProperty(p)&&o[p]===l)})&&this.refresh(),e.dir)}render(){const{style:e={},className:t,children:r}=this.props,o=Object.assign({},e,{position:"relative"}),a=i.createElement("div",{className:t,style:o,key:"mapElement"},i.createElement("div",{ref:s=>this._element=s,className:"k-map",onMouseLeave:this.onMapMouseLeave},r));return i.createElement(f.IconsContext.Consumer,null,s=>i.createElement(d.Provider,{value:this.contextValue},i.createElement(M,{key:"tooltip"}),a,this.setIcons(s)))}getMapOptions(){const{center:e,controls:t,minZoom:r,maxZoom:o,minSize:a,pannable:s,wraparound:p,zoom:l,zoomable:v}=this.props;let y={center:e,controls:t,minZoom:r,maxZoom:o,minSize:a,pannable:s,wraparound:p,zoom:l,zoomable:v,icons:{type:this.iconsType,svgIcons:this.svgIcons}};return y=Object.assign(y,this.optionsStore.getState()),y}get layers(){var e;return(e=this.mapInstance)==null?void 0:e.layers}get extent(){var e;return(e=this.mapInstance)==null?void 0:e.extent()}set extent(e){var t;(t=this.mapInstance)==null||t.extent(e)}resize(){}viewSize(){var e;return(e=this.mapInstance)==null?void 0:e.viewSize()}eventOffset(e){var t;return(t=this.mapInstance)==null?void 0:t.eventOffset(e)}eventToLayer(e){var t;return(t=this.mapInstance)==null?void 0:t.eventToLayer(e)}eventToLocation(e){var t;return(t=this.mapInstance)==null?void 0:t.eventToLocation(e)}eventToView(e){var t;return(t=this.mapInstance)==null?void 0:t.eventToView(e)}layerToLocation(e,t){var r;return(r=this.mapInstance)==null?void 0:r.layerToLocation(e,t)}locationToLayer(e,t){var r;return(r=this.mapInstance)==null?void 0:r.locationToLayer(e,t)}locationToView(e){var t;return(t=this.mapInstance)==null?void 0:t.locationToView(e)}viewToLocation(e,t){var r;return(r=this.mapInstance)==null?void 0:r.viewToLocation(e,t)}loadMarkers(e){const t=this.mapInstance.markers;t&&t._load(e)}refresh(){if(this.mapInstance!==null){const e=this.getMapOptions();this.props.onRefresh?this.props.onRefresh.call(void 0,e,this.mapInstance):this.mapInstance.setOptions(e)}}instantiateCoreMap(){const e=this.getMapOptions();this.mapInstance=new m.Map(this.element,e,{},{observer:this.mapObserver,sender:this})}trigger(e,t){const r=e==="click"?"mapClick":e,o=se(r,t,this),a="on"+r.charAt(0).toUpperCase()+r.slice(1),s=this.observersStore.getState();let p=!1;for(let l=0;l<s.length;l++)s[l].trigger(r,t)&&(p=!0);return p===!1&&o&&this.props.hasOwnProperty(a)?(this.props[a].call(void 0,o),o.isDefaultPrevented&&o.isDefaultPrevented()):p}requiresHandlers(e){for(let t=0;t<e.length;t++){const r=e[t],o="on"+r.charAt(0).toUpperCase()+r.slice(1);if(this.props.hasOwnProperty(o))return!0}return!1}triggerDomEvent(e,t){const r=this.observersStore.getState();let o=!1;for(let a=0;a<r.length;a++)r[a].trigger(e,t)&&(o=!0);return o}setIcons(e){const{type:t,icons:r={}}=e,o={...O},a={mapMarkerTargetIcon:r.mapMarkerTargetIcon,mapMarkerIcon:r.mapMarkerIcon,plusIcon:r.plusIcon,minusIcon:r.minusIcon,caretAltUpIcon:r.caretAltUpIcon,caretAltDownIcon:r.caretAltDownIcon,caretAltLeftIcon:r.caretAltLeftIcon,caretAltRightIcon:r.caretAltRightIcon};let s;for(s in a)if(a[s]){const p=a[s];p&&typeof p!="string"&&(o[s]=p)}return this.svgIcons=o,this.iconsType=t||x,null}}b.propTypes={dir:w.string};b.defaultProps={};const G=n=>i.createElement(E,{...n,_mapKey:"layers"});G.propTypes={children:w.node};const J=n=>i.createElement(u,{...n,_mapKey:"tooltip"}),S=n=>i.createElement(u,{type:"shape",...n});S.displayName="MapShapeLayer";S.propTypes={children:function(n,e,t){return I(n,e,t,J)}};const Q=n=>i.createElement(u,{type:"tile",...n});Q.displayName="MapTileLayer";const X=n=>i.createElement(u,{...n,_mapKey:"tooltip"}),C=n=>i.createElement(u,{type:"bubble",...n});C.displayName="MapBubbleLayer";C.propTypes={children:function(n,e,t){return I(n,e,t,X)}};const Y=n=>i.createElement(u,{...n,_mapKey:"tooltip"}),k=n=>i.createElement(u,{type:"marker",...n});k.displayName="MapMarkerLayer";k.propTypes={children:function(n,e,t){return I(n,e,t,Y)}};Object.defineProperty(exports,"Extent",{enumerable:!0,get:()=>m.Extent});Object.defineProperty(exports,"Location",{enumerable:!0,get:()=>m.Location});exports.BeforeResetEvent=A;exports.CollectionConfigurationComponent=E;exports.ConfigurationComponent=u;exports.Map=b;exports.MapBubbleLayer=C;exports.MapBubbleLayerTooltip=X;exports.MapClickEvent=_;exports.MapLayers=G;exports.MapMarkerLayer=k;exports.MapMarkerLayerTooltip=Y;exports.MapShapeLayer=S;exports.MapShapeLayerTooltip=J;exports.MapTileLayer=Q;exports.MapTooltip=M;exports.MarkerActivateEvent=D;exports.MarkerClickEvent=N;exports.MarkerCreatedEvent=U;exports.PanEndEvent=K;exports.PanEvent=j;exports.ResetEvent=z;exports.ShapeClickEvent=B;exports.ShapeCreatedEvent=V;exports.ShapeFeatureCreatedEvent=q;exports.ShapeMouseEnterEvent=F;exports.ShapeMouseLeaveEvent=Z;exports.ZoomEndEvent=$;exports.ZoomStartEvent=W;
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./components/base/CollectionConfigurationComponent.js"),r=require("./components/base/ConfigurationComponent.js"),a=require("./Map.js"),n=require("./components/Layers.js"),o=require("./components/ShapeLayer.js"),i=require("./components/ShapeLayerTooltip.js"),p=require("./components/TileLayer.js"),E=require("./components/BubbleLayer.js"),u=require("./components/BubbleLayerTooltip.js"),s=require("./components/MarkerLayer.js"),v=require("./components/MarkerLayerTooltip.js"),e=require("@progress/kendo-charts"),c=require("./events/before-reset-event.js"),M=require("./events/map-click-event.js"),l=require("./events/marker-activate-event.js"),C=require("./events/marker-click-event.js"),L=require("./events/marker-created-event.js"),q=require("./events/pan-end-event.js"),y=require("./events/pan-event.js"),k=require("./events/reset-event.js"),h=require("./events/shape-click-event.js"),S=require("./events/shape-created-event.js"),d=require("./events/shape-feature-created-event.js"),b=require("./events/shape-mouse-enter-event.js"),m=require("./events/shape-mouse-leave-event.js"),T=require("./events/zoom-end-event.js"),f=require("./events/zoom-start-event.js"),g=require("./tooltip/MapTooltip.js");exports.CollectionConfigurationComponent=t;exports.ConfigurationComponent=r;exports.Map=a.Map;exports.MapLayers=n.MapLayers;exports.MapShapeLayer=o.MapShapeLayer;exports.MapShapeLayerTooltip=i.MapShapeLayerTooltip;exports.MapTileLayer=p.MapTileLayer;exports.MapBubbleLayer=E.MapBubbleLayer;exports.MapBubbleLayerTooltip=u.MapBubbleLayerTooltip;exports.MapMarkerLayer=s.MapMarkerLayer;exports.MapMarkerLayerTooltip=v.MapMarkerLayerTooltip;Object.defineProperty(exports,"Extent",{enumerable:!0,get:()=>e.Extent});Object.defineProperty(exports,"Location",{enumerable:!0,get:()=>e.Location});exports.BeforeResetEvent=c.BeforeResetEvent;exports.MapClickEvent=M.MapClickEvent;exports.MarkerActivateEvent=l.MarkerActivateEvent;exports.MarkerClickEvent=C.MarkerClickEvent;exports.MarkerCreatedEvent=L.MarkerCreatedEvent;exports.PanEndEvent=q.PanEndEvent;exports.PanEvent=y.PanEvent;exports.ResetEvent=k.ResetEvent;exports.ShapeClickEvent=h.ShapeClickEvent;exports.ShapeCreatedEvent=S.ShapeCreatedEvent;exports.ShapeFeatureCreatedEvent=d.ShapeFeatureCreatedEvent;exports.ShapeMouseEnterEvent=b.ShapeMouseEnterEvent;exports.ShapeMouseLeaveEvent=m.ShapeMouseLeaveEvent;exports.ZoomEndEvent=T.ZoomEndEvent;exports.ZoomStartEvent=f.ZoomStartEvent;exports.MapTooltip=g.MapTooltip;