@corva/ui 0.92.0-1 → 0.92.0-2
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/slicedToArray"),t=require("react"),u=require("react-dom"),n=require("lodash"),c=require("classnames"),o=require("@material-ui/core"),l=require("@material-ui/icons"),i=require("mapbox.js"),a=require("./effects/usePreviousWells.js"),s=require("./WellTooltip.js"),d=require("./utils.js"),f=require("./OffsetWellMap.module.css.js"),m=require("../../utils/index.js"),v=require("react/jsx-runtime");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var g=p(e),b=p(r),h=p(u),C=p(c),x=p(i),y=m.mapbox.isValidCoordinates,B=[29.749907,-95.358421],j=["_renderer","_bounds","min"];module.exports=function(e){var r=e.isViewOnly,u=e.subjectWell,c=void 0===u?null:u,i=e.wells,m=e.offsetWellIds,p=e.radius,k=e.handleChanageOffsetWell,E=e.handleChangeOffsetWell,T=void 0===E?k:E,q=e.activeWellId,D=e.isClickable,O=void 0===D||D,F=t.useMemo((function(){return c&&n.get(c,"topHole.coordinates")}),[c]),N=t.useMemo((function(){return d.getAllFormations(i)}),[i]),W=t.useRef(),L=t.useRef(),z=t.useRef(),M=t.useRef(),R=t.useRef(null),S=t.useState(!1),Z=b.default(S,2),_=Z[0],w=Z[1],I=t.useRef(),P=t.useRef(),G=(null==c?void 0:c.id)===q,V=a.usePreviousWells(i),A=t.useState(null),H=b.default(A,2),U=H[0],J=H[1],K=t.useState(3),Q=b.default(K,2),X=Q[0],Y=Q[1];t.useEffect((function(){W.current=x.default.mapbox.map(W.current,null,{attributionControl:!1,scrollWheelZoom:!1,zoomControl:!1}).setView(B,3).on("zoomend",(function(){return Y(W.current.getZoom())})),W.current.doubleClickZoom.disable(),x.default.mapbox.styleLayer("mapbox://styles/mapbox/dark-v9").addTo(W.current)}),[]),t.useEffect((function(){if(W.current){if(L.current&&(W.current.removeLayer(L.current),L.current=null),z.current&&W.current.removeLayer(z.current),!F)return L.current=null,void(z.current=null);p&&(L.current=x.default.circle(F,1609.34*p,{stroke:!1,fill:!0,fillOpacity:.2,fillColor:"#03BCD4",className:"circle_500"}),L.current.addTo(W.current))}}),[p,F]);var $=function(e,t,u,n,c,o){o&&(e.setStyle({fillColor:"#63EFFF"}),w(!0)),R.current=x.default.circleMarker(t,{radius:o?5:12,stroke:!1,fill:!0,fillOpacity:.24,fillColor:o?"#63EFFF":u,className:"circle_highlight"}),R.current.addEventListener("mouseout",(function(){M.current.removeFrom(W.current),M.current=x.default.featureGroup(I.current),M.current.addTo(W.current),W.current.closePopup(),o&&(e.setStyle({fillColor:"#03BCD4"}),w(!1))})),R.current.addEventListener("click",(function(){r||T(n,!c)}));var l=I.current.concat(R.current);M.current.removeFrom(W.current),M.current=x.default.featureGroup(l),M.current.addTo(W.current)},ee=function(e,u,c,o,l){var i=document.createElement("div"),a=t.createElement(s.WellTooltip(),{isViewOnly:r,well:e,color:n.get(N,e.formation,"#BDBDBD"),isOffsetWell:u,isSubjectWell:c,offset:l,isClickable:O});h.default.render(v.jsx(v.Fragment,{children:a}),i),x.default.popup().setLatLng(o).setContent(i).openOn(W.current)};t.useEffect((function(){if(W.current&&i&&m){W.current.closePopup(),M.current&&M.current.removeFrom(W.current);var e=[],r=[],t=[];i.forEach((function(e){e.id!==(null==c?void 0:c.id)&&(m.includes(e.id)?r.push(e):t.push(e))})),[].concat(t,r,[c]).forEach((function(r){var t,u=null==r||null===(t=r.topHole)||void 0===t?void 0:t.coordinates;if(u&&y(u)){var o=(null==c?void 0:c.id)===r.id,l=m.includes(r.id)&&!o,i=o?"#03BCD4":n.get(N,r.formation,"#BDBDBD"),a=l?.7:.3;if(l){var s=x.default.circleMarker(u,{radius:12,stroke:!1,fill:!0,fillColor:i,className:"circle_500",fillOpacity:.08});e.push(s)}var d=x.default.circleMarker(u,{radius:5,stroke:!1,fill:!0,fillOpacity:o?1:a,fillColor:i,className:"circle_500"});if(d.addEventListener("mouseover",(function(e){var t=[0,0];U&&n.get(e.target,j)&&(t=[n.get(e.target,j).x-U.x,n.get(e.target,j).y-U.y]),ee(r,l,o,u,t),$(d,u,i,r,l,o)})),o&&(P.current=d),e.push(d),r.id===q&&!G){var f=x.default.circleMarker(u,{radius:12,stroke:!1,fill:!0,fillOpacity:.24,fillColor:i,className:"circle_1200"});e.push(f)}}})),e.length&&(M.current=x.default.featureGroup(e),M.current.addTo(W.current)),I.current=e,setTimeout((function(){L.current&&L.current.bringToBack(),p<3e3&&W.current&&L.current&&i!==V&&W.current.fitBounds(L.current.getBounds(),{padding:[5,5]})}),500)}}),[c,i,m,U]),t.useEffect((function(){if(_&&n.get(W.current,j)){var e=[n.get(W.current,j).x-U.x,n.get(W.current,j).y-U.y];ee(c,!1,!0,F,e)}}),[_,U,c,F]),t.useEffect((function(){if(W.current&&F){z.current&&z.current.removeFrom(W.current);var e=x.default.icon({iconUrl:_||G?"/static/media/5e9c4959259cb12c11b2c5eaf27eb3ad.svg":"/static/media/9efe5882f31d2f22bd57af92069d0a3e.svg",iconSize:_||G?[70,20]:[62,12],iconAnchor:_||G?[35,29]:[31,25],className:"dot"});z.current=x.default.marker(F,{icon:e}),z.current.addTo(W.current),P.current&&(z.current.addEventListener("mouseover",(function(){w(!0),$(P.current,F,"#03BCD4",c,!0,!0)})),z.current.addEventListener("mouseout",(function(){M.current.removeFrom(W.current),M.current=x.default.featureGroup(I.current),M.current.addTo(W.current),W.current.closePopup(),P.current.setStyle({fillColor:"#03BCD4"}),w(!1)})))}}),[_,F,p,c,G,U]),t.useEffect((function(){p>3e3?W.current.setZoom(1):setTimeout((function(){L.current&&L.current.bringToBack(),c?W.current&&L.current&&p&&W.current.fitBounds(L.current.getBounds(),{padding:[5,5]}):W.current&&M.current&&W.current.fitBounds(M.current.getBounds()),F&&W.current.panTo(F,{duration:.7,easeLinearity:.25}),n.get(W.current,j)&&J(n.get(W.current,j))}),500)}),[p,c,F]);var re=function(){W.current.setZoom(X+1)};return v.jsx("div",{className:f.mapView,children:v.jsx("div",{className:f.mapMain,ref:W,onDoubleClick:re,children:v.jsxs("div",{className:f.zoomGroup,children:[v.jsx(o.Tooltip,{title:X<18?"Zoom in":"",placement:"left",children:v.jsx("div",{className:C.default(f.zoomButton,g.default({},f.zoomDisabled,18===X)),onClick:re,children:v.jsx(l.Add,{className:f.zoomInOutIcon})})}),v.jsx(o.Tooltip,{title:X>1?"Zoom out":"",placement:"left",children:v.jsx("div",{className:C.default(f.zoomButton,g.default({},f.zoomDisabled,1===X)),onClick:function(){X>1&&W.current.setZoom(X-1)},children:v.jsx(l.Remove,{className:f.zoomInOutIcon})})})]})})})};
|
|
1
|
+
"use strict";var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/slicedToArray"),t=require("react"),u=require("react-dom"),n=require("lodash"),c=require("classnames"),o=require("@material-ui/core"),l=require("@material-ui/icons"),i=require("mapbox.js"),a=require("./effects/usePreviousWells.js"),s=require("./WellTooltip.js"),d=require("./utils.js"),f=require("./OffsetWellMap.module.css.js"),m=require("../../utils/index.js"),v=require("react/jsx-runtime");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var g=p(e),b=p(r),h=p(u),C=p(c),x=p(i),y=m.mapbox.isValidCoordinates,B=[29.749907,-95.358421],j=["_renderer","_bounds","min"];module.exports=function(e){var r=e.isViewOnly,u=e.subjectWell,c=void 0===u?null:u,i=e.wells,m=e.offsetWellIds,p=e.radius,k=e.handleChanageOffsetWell,E=e.handleChangeOffsetWell,T=void 0===E?k:E,q=e.activeWellId,D=e.isClickable,O=void 0===D||D,F=t.useMemo((function(){return c&&n.get(c,"topHole.coordinates")}),[c]),N=t.useMemo((function(){return d.getAllFormations(i)}),[i]),W=t.useRef(),L=t.useRef(),z=t.useRef(),M=t.useRef(),R=t.useRef(null),S=t.useState(!1),Z=b.default(S,2),_=Z[0],w=Z[1],I=t.useRef(),P=t.useRef(),G=(null==c?void 0:c.id)===q,V=a.usePreviousWells(i),A=t.useState(null),H=b.default(A,2),U=H[0],J=H[1],K=t.useState(3),Q=b.default(K,2),X=Q[0],Y=Q[1];t.useEffect((function(){W.current=x.default.mapbox.map(W.current,null,{attributionControl:!1,scrollWheelZoom:!1,zoomControl:!1}).setView(B,3).on("zoomend",(function(){return Y(W.current.getZoom())})),W.current.doubleClickZoom.disable(),x.default.mapbox.styleLayer("mapbox://styles/mapbox/dark-v9").addTo(W.current)}),[]),t.useEffect((function(){if(W.current){if(L.current&&(W.current.removeLayer(L.current),L.current=null),z.current&&W.current.removeLayer(z.current),!F)return L.current=null,void(z.current=null);p&&(L.current=x.default.circle(F,1609.34*p,{stroke:!1,fill:!0,fillOpacity:.2,fillColor:"#03BCD4",className:"circle_500"}),L.current.addTo(W.current))}}),[p,F]);var $=function(e,t,u,n,c,o){o&&(e.setStyle({fillColor:"#63EFFF"}),w(!0)),R.current=x.default.circleMarker(t,{radius:o?5:12,stroke:!1,fill:!0,fillOpacity:.24,fillColor:o?"#63EFFF":u,className:"circle_highlight"}),R.current.addEventListener("mouseout",(function(){M.current.removeFrom(W.current),M.current=x.default.featureGroup(I.current),M.current.addTo(W.current),W.current.closePopup(),o&&(e.setStyle({fillColor:"#03BCD4"}),w(!1))})),R.current.addEventListener("click",(function(){r||T(n,!c)}));var l=I.current.concat(R.current);M.current.removeFrom(W.current),M.current=x.default.featureGroup(l),M.current.addTo(W.current)},ee=function(e,u,c,o,l){var i=document.createElement("div"),a=t.createElement(s.WellTooltip(),{isViewOnly:r,well:e,color:n.get(N,e.formation,"#BDBDBD"),isOffsetWell:u,isSubjectWell:c,offset:l,isClickable:O});h.default.render(v.jsx(v.Fragment,{children:a}),i),x.default.popup().setLatLng(o).setContent(i).openOn(W.current)};t.useEffect((function(){if(W.current&&i&&m){W.current.closePopup(),M.current&&M.current.removeFrom(W.current);var e=[],r=[],t=[];i.forEach((function(e){e.id!==(null==c?void 0:c.id)&&(m.includes(e.id)?r.push(e):t.push(e))})),[].concat(t,r,[c]).forEach((function(r){var t,u=null==r||null===(t=r.topHole)||void 0===t?void 0:t.coordinates;if(u&&y(u)){var o=(null==c?void 0:c.id)===r.id,l=m.includes(r.id)&&!o,i=o?"#03BCD4":n.get(N,r.formation,"#BDBDBD"),a=l?.7:.3;if(l){var s=x.default.circleMarker(u,{radius:12,stroke:!1,fill:!0,fillColor:i,className:"circle_500",fillOpacity:.08});e.push(s)}var d=x.default.circleMarker(u,{radius:5,stroke:!1,fill:!0,fillOpacity:o?1:a,fillColor:i,className:"circle_500"});if(d.addEventListener("mouseover",(function(e){var t=[0,0];U&&n.get(e.target,j)&&(t=[n.get(e.target,j).x-U.x,n.get(e.target,j).y-U.y]),ee(r,l,o,u,t),$(d,u,i,r,l,o)})),o&&(P.current=d),e.push(d),r.id===q&&!G){var f=x.default.circleMarker(u,{radius:12,stroke:!1,fill:!0,fillOpacity:.24,fillColor:i,className:"circle_1200"});e.push(f)}}})),e.length&&(M.current=x.default.featureGroup(e),M.current.addTo(W.current)),I.current=e,setTimeout((function(){L.current&&L.current.bringToBack(),p<3e3&&W.current&&L.current&&i!==V&&W.current.fitBounds(L.current.getBounds(),{padding:[5,5]})}),500)}}),[c,i,m,U]),t.useEffect((function(){if(_&&n.get(W.current,j)&&U){var e=[n.get(W.current,j).x-U.x,n.get(W.current,j).y-U.y];ee(c,!1,!0,F,e)}}),[_,U,c,F]),t.useEffect((function(){if(W.current&&F){z.current&&z.current.removeFrom(W.current);var e=x.default.icon({iconUrl:_||G?"/static/media/5e9c4959259cb12c11b2c5eaf27eb3ad.svg":"/static/media/9efe5882f31d2f22bd57af92069d0a3e.svg",iconSize:_||G?[70,20]:[62,12],iconAnchor:_||G?[35,29]:[31,25],className:"dot"});z.current=x.default.marker(F,{icon:e}),z.current.addTo(W.current),P.current&&(z.current.addEventListener("mouseover",(function(){w(!0),$(P.current,F,"#03BCD4",c,!0,!0)})),z.current.addEventListener("mouseout",(function(){M.current.removeFrom(W.current),M.current=x.default.featureGroup(I.current),M.current.addTo(W.current),W.current.closePopup(),P.current.setStyle({fillColor:"#03BCD4"}),w(!1)})))}}),[_,F,p,c,G,U]),t.useEffect((function(){p>3e3?W.current.setZoom(1):setTimeout((function(){L.current&&L.current.bringToBack(),c?W.current&&L.current&&p&&W.current.fitBounds(L.current.getBounds(),{padding:[5,5]}):W.current&&M.current&&W.current.fitBounds(M.current.getBounds()),F&&W.current.panTo(F,{duration:.7,easeLinearity:.25}),n.get(W.current,j)&&J(n.get(W.current,j))}),500)}),[p,c,F]);var re=function(){W.current.setZoom(X+1)};return v.jsx("div",{className:f.mapView,children:v.jsx("div",{className:f.mapMain,ref:W,onDoubleClick:re,children:v.jsxs("div",{className:f.zoomGroup,children:[v.jsx(o.Tooltip,{title:X<18?"Zoom in":"",placement:"left",children:v.jsx("div",{className:C.default(f.zoomButton,g.default({},f.zoomDisabled,18===X)),onClick:re,children:v.jsx(l.Add,{className:f.zoomInOutIcon})})}),v.jsx(o.Tooltip,{title:X>1?"Zoom out":"",placement:"left",children:v.jsx("div",{className:C.default(f.zoomButton,g.default({},f.zoomDisabled,1===X)),onClick:function(){X>1&&W.current.setZoom(X-1)},children:v.jsx(l.Remove,{className:f.zoomInOutIcon})})})]})})})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import r from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/slicedToArray";import{useMemo as t,useRef as n,useState as o,useEffect as c,createElement as i}from"react";import u from"react-dom";import{get as l}from"lodash";import a from"classnames";import{Tooltip as s}from"@material-ui/core";import{Add as d,Remove as m}from"@material-ui/icons";import f from"mapbox.js";import{usePreviousWells as p}from"./effects/usePreviousWells.js";import{WellTooltip as v}from"./WellTooltip.js";import{getAllFormations as h}from"./utils.js";import b from"./OffsetWellMap.module.css.js";import{mapbox as C}from"../../utils/index.js";import{jsx as y,jsxs as B,Fragment as k}from"react/jsx-runtime";var g=C.isValidCoordinates,D=[29.749907,-95.358421],O=["_renderer","_bounds","min"],T=function(C){var T=C.isViewOnly,N=C.subjectWell,x=void 0===N?null:N,F=C.wells,L=C.offsetWellIds,W=C.radius,z=C.handleChanageOffsetWell,E=C.handleChangeOffsetWell,j=void 0===E?z:E,Z=C.activeWellId,_=C.isClickable,w=void 0===_||_,I=t((function(){return x&&l(x,"topHole.coordinates")}),[x]),M=t((function(){return h(F)}),[F]),G=n(),P=n(),S=n(),V=n(),A=n(null),H=o(!1),U=e(H,2),q=U[0],J=U[1],K=n(),Q=n(),R=(null==x?void 0:x.id)===Z,X=p(F),Y=o(null),$=e(Y,2),rr=$[0],er=$[1],tr=o(3),nr=e(tr,2),or=nr[0],cr=nr[1];c((function(){G.current=f.mapbox.map(G.current,null,{attributionControl:!1,scrollWheelZoom:!1,zoomControl:!1}).setView(D,3).on("zoomend",(function(){return cr(G.current.getZoom())})),G.current.doubleClickZoom.disable(),f.mapbox.styleLayer("mapbox://styles/mapbox/dark-v9").addTo(G.current)}),[]),c((function(){if(G.current){if(P.current&&(G.current.removeLayer(P.current),P.current=null),S.current&&G.current.removeLayer(S.current),!I)return P.current=null,void(S.current=null);W&&(P.current=f.circle(I,1609.34*W,{stroke:!1,fill:!0,fillOpacity:.2,fillColor:"#03BCD4",className:"circle_500"}),P.current.addTo(G.current))}}),[W,I]);var ir=function(r,e,t,n,o,c){c&&(r.setStyle({fillColor:"#63EFFF"}),J(!0)),A.current=f.circleMarker(e,{radius:c?5:12,stroke:!1,fill:!0,fillOpacity:.24,fillColor:c?"#63EFFF":t,className:"circle_highlight"}),A.current.addEventListener("mouseout",(function(){V.current.removeFrom(G.current),V.current=f.featureGroup(K.current),V.current.addTo(G.current),G.current.closePopup(),c&&(r.setStyle({fillColor:"#03BCD4"}),J(!1))})),A.current.addEventListener("click",(function(){T||j(n,!o)}));var i=K.current.concat(A.current);V.current.removeFrom(G.current),V.current=f.featureGroup(i),V.current.addTo(G.current)},ur=function(r,e,t,n,o){var c=document.createElement("div"),a=i(v(),{isViewOnly:T,well:r,color:l(M,r.formation,"#BDBDBD"),isOffsetWell:e,isSubjectWell:t,offset:o,isClickable:w});u.render(y(k,{children:a}),c),f.popup().setLatLng(n).setContent(c).openOn(G.current)};c((function(){if(G.current&&F&&L){G.current.closePopup(),V.current&&V.current.removeFrom(G.current);var r=[],e=[],t=[];F.forEach((function(r){r.id!==(null==x?void 0:x.id)&&(L.includes(r.id)?e.push(r):t.push(r))})),[].concat(t,e,[x]).forEach((function(e){var t,n=null==e||null===(t=e.topHole)||void 0===t?void 0:t.coordinates;if(n&&g(n)){var o=(null==x?void 0:x.id)===e.id,c=L.includes(e.id)&&!o,i=o?"#03BCD4":l(M,e.formation,"#BDBDBD"),u=c?.7:.3;if(c){var a=f.circleMarker(n,{radius:12,stroke:!1,fill:!0,fillColor:i,className:"circle_500",fillOpacity:.08});r.push(a)}var s=f.circleMarker(n,{radius:5,stroke:!1,fill:!0,fillOpacity:o?1:u,fillColor:i,className:"circle_500"});if(s.addEventListener("mouseover",(function(r){var t=[0,0];rr&&l(r.target,O)&&(t=[l(r.target,O).x-rr.x,l(r.target,O).y-rr.y]),ur(e,c,o,n,t),ir(s,n,i,e,c,o)})),o&&(Q.current=s),r.push(s),e.id===Z&&!R){var d=f.circleMarker(n,{radius:12,stroke:!1,fill:!0,fillOpacity:.24,fillColor:i,className:"circle_1200"});r.push(d)}}})),r.length&&(V.current=f.featureGroup(r),V.current.addTo(G.current)),K.current=r,setTimeout((function(){P.current&&P.current.bringToBack(),W<3e3&&G.current&&P.current&&F!==X&&G.current.fitBounds(P.current.getBounds(),{padding:[5,5]})}),500)}}),[x,F,L,rr]),c((function(){if(q&&l(G.current,O)){var r=[l(G.current,O).x-rr.x,l(G.current,O).y-rr.y];ur(x,!1,!0,I,r)}}),[q,rr,x,I]),c((function(){if(G.current&&I){S.current&&S.current.removeFrom(G.current);var r=f.icon({iconUrl:q||R?"/static/media/5e9c4959259cb12c11b2c5eaf27eb3ad.svg":"/static/media/9efe5882f31d2f22bd57af92069d0a3e.svg",iconSize:q||R?[70,20]:[62,12],iconAnchor:q||R?[35,29]:[31,25],className:"dot"});S.current=f.marker(I,{icon:r}),S.current.addTo(G.current),Q.current&&(S.current.addEventListener("mouseover",(function(){J(!0),ir(Q.current,I,"#03BCD4",x,!0,!0)})),S.current.addEventListener("mouseout",(function(){V.current.removeFrom(G.current),V.current=f.featureGroup(K.current),V.current.addTo(G.current),G.current.closePopup(),Q.current.setStyle({fillColor:"#03BCD4"}),J(!1)})))}}),[q,I,W,x,R,rr]),c((function(){W>3e3?G.current.setZoom(1):setTimeout((function(){P.current&&P.current.bringToBack(),x?G.current&&P.current&&W&&G.current.fitBounds(P.current.getBounds(),{padding:[5,5]}):G.current&&V.current&&G.current.fitBounds(V.current.getBounds()),I&&G.current.panTo(I,{duration:.7,easeLinearity:.25}),l(G.current,O)&&er(l(G.current,O))}),500)}),[W,x,I]);var lr=function(){G.current.setZoom(or+1)};return y("div",{className:b.mapView,children:y("div",{className:b.mapMain,ref:G,onDoubleClick:lr,children:B("div",{className:b.zoomGroup,children:[y(s,{title:or<18?"Zoom in":"",placement:"left",children:y("div",{className:a(b.zoomButton,r({},b.zoomDisabled,18===or)),onClick:lr,children:y(d,{className:b.zoomInOutIcon})})}),y(s,{title:or>1?"Zoom out":"",placement:"left",children:y("div",{className:a(b.zoomButton,r({},b.zoomDisabled,1===or)),onClick:function(){or>1&&G.current.setZoom(or-1)},children:y(m,{className:b.zoomInOutIcon})})})]})})})};export{T as default};
|
|
1
|
+
import r from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/slicedToArray";import{useMemo as t,useRef as n,useState as o,useEffect as c,createElement as i}from"react";import u from"react-dom";import{get as l}from"lodash";import a from"classnames";import{Tooltip as s}from"@material-ui/core";import{Add as d,Remove as m}from"@material-ui/icons";import f from"mapbox.js";import{usePreviousWells as p}from"./effects/usePreviousWells.js";import{WellTooltip as v}from"./WellTooltip.js";import{getAllFormations as h}from"./utils.js";import b from"./OffsetWellMap.module.css.js";import{mapbox as C}from"../../utils/index.js";import{jsx as y,jsxs as B,Fragment as k}from"react/jsx-runtime";var g=C.isValidCoordinates,D=[29.749907,-95.358421],O=["_renderer","_bounds","min"],T=function(C){var T=C.isViewOnly,N=C.subjectWell,x=void 0===N?null:N,F=C.wells,L=C.offsetWellIds,W=C.radius,z=C.handleChanageOffsetWell,E=C.handleChangeOffsetWell,j=void 0===E?z:E,Z=C.activeWellId,_=C.isClickable,w=void 0===_||_,I=t((function(){return x&&l(x,"topHole.coordinates")}),[x]),M=t((function(){return h(F)}),[F]),G=n(),P=n(),S=n(),V=n(),A=n(null),H=o(!1),U=e(H,2),q=U[0],J=U[1],K=n(),Q=n(),R=(null==x?void 0:x.id)===Z,X=p(F),Y=o(null),$=e(Y,2),rr=$[0],er=$[1],tr=o(3),nr=e(tr,2),or=nr[0],cr=nr[1];c((function(){G.current=f.mapbox.map(G.current,null,{attributionControl:!1,scrollWheelZoom:!1,zoomControl:!1}).setView(D,3).on("zoomend",(function(){return cr(G.current.getZoom())})),G.current.doubleClickZoom.disable(),f.mapbox.styleLayer("mapbox://styles/mapbox/dark-v9").addTo(G.current)}),[]),c((function(){if(G.current){if(P.current&&(G.current.removeLayer(P.current),P.current=null),S.current&&G.current.removeLayer(S.current),!I)return P.current=null,void(S.current=null);W&&(P.current=f.circle(I,1609.34*W,{stroke:!1,fill:!0,fillOpacity:.2,fillColor:"#03BCD4",className:"circle_500"}),P.current.addTo(G.current))}}),[W,I]);var ir=function(r,e,t,n,o,c){c&&(r.setStyle({fillColor:"#63EFFF"}),J(!0)),A.current=f.circleMarker(e,{radius:c?5:12,stroke:!1,fill:!0,fillOpacity:.24,fillColor:c?"#63EFFF":t,className:"circle_highlight"}),A.current.addEventListener("mouseout",(function(){V.current.removeFrom(G.current),V.current=f.featureGroup(K.current),V.current.addTo(G.current),G.current.closePopup(),c&&(r.setStyle({fillColor:"#03BCD4"}),J(!1))})),A.current.addEventListener("click",(function(){T||j(n,!o)}));var i=K.current.concat(A.current);V.current.removeFrom(G.current),V.current=f.featureGroup(i),V.current.addTo(G.current)},ur=function(r,e,t,n,o){var c=document.createElement("div"),a=i(v(),{isViewOnly:T,well:r,color:l(M,r.formation,"#BDBDBD"),isOffsetWell:e,isSubjectWell:t,offset:o,isClickable:w});u.render(y(k,{children:a}),c),f.popup().setLatLng(n).setContent(c).openOn(G.current)};c((function(){if(G.current&&F&&L){G.current.closePopup(),V.current&&V.current.removeFrom(G.current);var r=[],e=[],t=[];F.forEach((function(r){r.id!==(null==x?void 0:x.id)&&(L.includes(r.id)?e.push(r):t.push(r))})),[].concat(t,e,[x]).forEach((function(e){var t,n=null==e||null===(t=e.topHole)||void 0===t?void 0:t.coordinates;if(n&&g(n)){var o=(null==x?void 0:x.id)===e.id,c=L.includes(e.id)&&!o,i=o?"#03BCD4":l(M,e.formation,"#BDBDBD"),u=c?.7:.3;if(c){var a=f.circleMarker(n,{radius:12,stroke:!1,fill:!0,fillColor:i,className:"circle_500",fillOpacity:.08});r.push(a)}var s=f.circleMarker(n,{radius:5,stroke:!1,fill:!0,fillOpacity:o?1:u,fillColor:i,className:"circle_500"});if(s.addEventListener("mouseover",(function(r){var t=[0,0];rr&&l(r.target,O)&&(t=[l(r.target,O).x-rr.x,l(r.target,O).y-rr.y]),ur(e,c,o,n,t),ir(s,n,i,e,c,o)})),o&&(Q.current=s),r.push(s),e.id===Z&&!R){var d=f.circleMarker(n,{radius:12,stroke:!1,fill:!0,fillOpacity:.24,fillColor:i,className:"circle_1200"});r.push(d)}}})),r.length&&(V.current=f.featureGroup(r),V.current.addTo(G.current)),K.current=r,setTimeout((function(){P.current&&P.current.bringToBack(),W<3e3&&G.current&&P.current&&F!==X&&G.current.fitBounds(P.current.getBounds(),{padding:[5,5]})}),500)}}),[x,F,L,rr]),c((function(){if(q&&l(G.current,O)&&rr){var r=[l(G.current,O).x-rr.x,l(G.current,O).y-rr.y];ur(x,!1,!0,I,r)}}),[q,rr,x,I]),c((function(){if(G.current&&I){S.current&&S.current.removeFrom(G.current);var r=f.icon({iconUrl:q||R?"/static/media/5e9c4959259cb12c11b2c5eaf27eb3ad.svg":"/static/media/9efe5882f31d2f22bd57af92069d0a3e.svg",iconSize:q||R?[70,20]:[62,12],iconAnchor:q||R?[35,29]:[31,25],className:"dot"});S.current=f.marker(I,{icon:r}),S.current.addTo(G.current),Q.current&&(S.current.addEventListener("mouseover",(function(){J(!0),ir(Q.current,I,"#03BCD4",x,!0,!0)})),S.current.addEventListener("mouseout",(function(){V.current.removeFrom(G.current),V.current=f.featureGroup(K.current),V.current.addTo(G.current),G.current.closePopup(),Q.current.setStyle({fillColor:"#03BCD4"}),J(!1)})))}}),[q,I,W,x,R,rr]),c((function(){W>3e3?G.current.setZoom(1):setTimeout((function(){P.current&&P.current.bringToBack(),x?G.current&&P.current&&W&&G.current.fitBounds(P.current.getBounds(),{padding:[5,5]}):G.current&&V.current&&G.current.fitBounds(V.current.getBounds()),I&&G.current.panTo(I,{duration:.7,easeLinearity:.25}),l(G.current,O)&&er(l(G.current,O))}),500)}),[W,x,I]);var lr=function(){G.current.setZoom(or+1)};return y("div",{className:b.mapView,children:y("div",{className:b.mapMain,ref:G,onDoubleClick:lr,children:B("div",{className:b.zoomGroup,children:[y(s,{title:or<18?"Zoom in":"",placement:"left",children:y("div",{className:a(b.zoomButton,r({},b.zoomDisabled,18===or)),onClick:lr,children:y(d,{className:b.zoomInOutIcon})})}),y(s,{title:or>1?"Zoom out":"",placement:"left",children:y("div",{className:a(b.zoomButton,r({},b.zoomDisabled,1===or)),onClick:function(){or>1&&G.current.setZoom(or-1)},children:y(m,{className:b.zoomInOutIcon})})})]})})})};export{T as default};
|