@corva/ui 3.67.0-9 → 3.67.0-rc.1

package/components/FeedCard/FeedCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeedCard.d.ts","sourceRoot":"","sources":["../../../src/components/FeedCard/FeedCard.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAIjD,eAAO,MAAM,uBAAuB,MAAM,CAAC;AAE3C,eAAO,MAAM,QAAQ,0GA4BpB,CAAC"}

package/components/FeedCard/FeedCard.js

@@ -0,0 +1,2 @@
+import e from"@babel/runtime/helpers/defineProperty";import{jsx as r}from"react/jsx-runtime";import{forwardRef as t,useMemo as o}from"react";import n from"classnames";import i from"./FeedCard.scss.js";function c(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function s(r){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?c(Object(o),!0).forEach((function(t){e(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):c(Object(o)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}))}return r}var a=256,p=t((function(e,t){var c=e.children,a=e.width,p=e.radius,u=e.maxHeight,d=e.onClick,f=e.onMouseEnter,m=e.onMouseLeave,l=e.className,b=e.testId,O=o((function(){if(void 0!==a||void 0!==p||void 0!==u)return s(s(s({},void 0!==a&&{width:"".concat(a,"px")}),void 0!==p&&{borderRadius:"".concat(p,"px")}),void 0!==u&&{maxHeight:"".concat(u,"px")})}),[a,p,u]);return r("div",{ref:t,"data-testid":b,className:n(i.root,l),style:O,onClick:d,onMouseEnter:f,onMouseLeave:m,children:c})}));export{a as FEED_CARD_MAX_HEIGHT_PX,p as FeedCard};
+//# sourceMappingURL=FeedCard.js.map

package/components/FeedCard/FeedCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeedCard.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/FeedCard/FeedCard.scss.js

@@ -0,0 +1,2 @@
+import r from'./../../ext-esm/style-inject/dist/style-inject.es.js';var e={spacing:"8",root:"FeedCard_root__3hrMo"};r(".FeedCard_root__3hrMo{backdrop-filter:blur(2px);background:rgb(from var(--palette-background-b-6) r g b/.9);border-radius:16px;display:flex;flex-direction:column;overflow:hidden}");export{e as default};
+//# sourceMappingURL=FeedCard.scss.js.map

package/components/FeedCard/FeedCard.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,aAAa,sDAAyD;"}

package/components/FeedCard/FeedCard.types.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export type FeedCardProps = {
+    children: ReactNode;
+    width?: number;
+    radius?: number;
+    maxHeight?: number;
+    onClick?: () => void;
+    onMouseEnter?: () => void;
+    onMouseLeave?: () => void;
+    className?: string;
+    testId?: string;
+};
+//# sourceMappingURL=FeedCard.types.d.ts.map

package/components/FeedCard/FeedCard.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeedCard.types.d.ts","sourceRoot":"","sources":["../../../src/components/FeedCard/FeedCard.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAE1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC"}

package/components/FeedCard/index.d.ts

@@ -0,0 +1,3 @@
+export * from './FeedCard';
+export * from './FeedCard.types';
+//# sourceMappingURL=index.d.ts.map

package/components/FeedCard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FeedCard/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC"}

package/components/FeedItemCard/FeedItemCard.d.ts

@@ -0,0 +1,35 @@
+import { ReactNode } from 'react';
+import { CommentReply, CommentMenuItem } from '../CommentCard/CommentCard.types';
+export type FeedItemContextRow = {
+    label: string;
+    value: ReactNode;
+    unit?: string;
+};
+export type FeedItemCardProps = {
+    icon: ReactNode;
+    iconBg?: string;
+    iconColor?: string;
+    title: ReactNode;
+    timestamp?: ReactNode;
+    subtitle?: ReactNode;
+    contextRows?: FeedItemContextRow[];
+    children?: ReactNode;
+    isLiked?: boolean;
+    likesCount?: number;
+    commentsCount?: number;
+    onLike?: () => void;
+    onReplyToggle?: () => void;
+    onForward?: () => void;
+    menuItems?: CommentMenuItem[];
+    isReplyOpen?: boolean;
+    replyInput?: ReactNode;
+    replies?: CommentReply[];
+    hasMoreReplies?: boolean;
+    onShowMoreReplies?: () => void;
+    width?: number;
+    onClick?: () => void;
+    className?: string;
+    testId?: string;
+};
+export declare const FeedItemCard: import("react").ForwardRefExoticComponent<FeedItemCardProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=FeedItemCard.d.ts.map

package/components/FeedItemCard/FeedItemCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeedItemCard.d.ts","sourceRoot":"","sources":["../../../src/components/FeedItemCard/FeedItemCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAM9C,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAIjF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACnC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,eAAe,EAAE,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAE/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,YAAY,8GAwGvB,CAAC"}

package/components/FeedItemCard/FeedItemCard.js

@@ -0,0 +1,2 @@
+import{jsxs as e,jsx as i}from"react/jsx-runtime";import{forwardRef as t}from"react";import{Collapse as l}from"@material-ui/core";import{FeedCard as n,FEED_CARD_MAX_HEIGHT_PX as s}from"../FeedCard/FeedCard.js";import{CommentCardReactions as a}from"../CommentCard/CommentCardReactions.js";import{CommentCardReplies as r}from"../CommentCard/CommentCardReplies.js";import o from"./FeedItemCard.scss.js";var c=t((function(t,c){var m=t.icon,d=t.iconBg,p=void 0===d?"var(--palette-primary-text-8)":d,h=t.iconColor,u=void 0===h?"var(--palette-primary-text-1)":h,N=t.title,v=t.timestamp,C=t.subtitle,R=t.contextRows,x=t.children,f=t.isLiked,y=t.likesCount,g=t.commentsCount,w=t.onLike,k=t.onReplyToggle,b=t.onForward,I=t.menuItems,j=t.isReplyOpen,F=t.replyInput,L=t.replies,M=t.hasMoreReplies,S=t.onShowMoreReplies,O=t.width,T=t.onClick,B=t.className,E=t.testId,H=!!x||!(null==R||!R.length),U=!!(w||k||b||null!=I&&I.length);return e(n,{ref:c,width:O,radius:12,onClick:T,testId:E,className:B,children:[e("div",{className:o.capped,style:{maxHeight:s},children:[e("div",{className:o.bodySurface,children:[e("div",{className:o.header,children:[i("span",{className:o.icon,style:{background:p,color:u},children:m}),e("div",{className:o.headerText,children:[e("div",{className:o.titleRow,children:[i("span",{className:o.title,children:N}),v&&i("span",{className:o.timestamp,children:v})]}),C&&i("span",{className:o.subtitle,children:C})]})]}),H&&e("div",{className:o.body,children:[x,!(null==R||!R.length)&&i("div",{className:o.contextRows,children:R.map((function(t){var l=t.label,n=t.value,s=t.unit;return e("div",{className:o.contextRow,children:[i("span",{className:o.contextLabel,children:l}),i("span",{className:o.contextValue,children:n}),s&&i("span",{className:o.contextUnit,children:s})]},l)}))})]})]}),U&&i("div",{className:o.footer,children:i(a,{commentsCount:g,likesCount:y,isLiked:f,menuItems:I,onLike:w,onReplyToggle:k,onForward:b})})]}),U&&i(l,{in:j,timeout:250,unmountOnExit:!0,children:i("div",{className:o.repliesSection,children:i(r,{replies:L,hasMoreReplies:M,isReplyOpen:j,replyInput:F,onShowMoreReplies:S})})})]})}));export{c as FeedItemCard};
+//# sourceMappingURL=FeedItemCard.js.map

package/components/FeedItemCard/FeedItemCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeedItemCard.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/FeedItemCard/FeedItemCard.scss.js

@@ -0,0 +1,2 @@
+import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var t={spacing:"8",capped:"FeedItemCard_capped__5vblu",bodySurface:"FeedItemCard_bodySurface__74pVT",footer:"FeedItemCard_footer__eF7SZ",repliesSection:"FeedItemCard_repliesSection__9gG-G",header:"FeedItemCard_header__dsOu9",icon:"FeedItemCard_icon__n-jw5",headerText:"FeedItemCard_headerText__UvNjs",titleRow:"FeedItemCard_titleRow__V8hIW",title:"FeedItemCard_title__w32tG",timestamp:"FeedItemCard_timestamp__9G1l7",subtitle:"FeedItemCard_subtitle__odFTr",body:"FeedItemCard_body__cc5dV",contextRows:"FeedItemCard_contextRows__SyctV",contextRow:"FeedItemCard_contextRow__1-LO3",contextLabel:"FeedItemCard_contextLabel__gcwyK",contextValue:"FeedItemCard_contextValue__-kG7T",contextUnit:"FeedItemCard_contextUnit__tSVO6"};e(".FeedItemCard_capped__5vblu{display:flex;flex-direction:column;overflow:hidden}.FeedItemCard_bodySurface__74pVT{display:flex;flex:1 1 auto;flex-direction:column;gap:8px;min-height:0;overflow:hidden;padding:12px}.FeedItemCard_footer__eF7SZ{border-top:1px solid var(--palette-background-b-4);display:flex;flex-direction:column;flex-shrink:0;padding:12px 12px 8px}.FeedItemCard_repliesSection__9gG-G{padding:8px 12px 12px}.FeedItemCard_header__dsOu9{align-items:center;display:flex;flex-shrink:0;gap:8px}.FeedItemCard_icon__n-jw5{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.FeedItemCard_icon__n-jw5 img,.FeedItemCard_icon__n-jw5 svg{height:16px;width:16px}.FeedItemCard_headerText__UvNjs{display:flex;flex:1 0 0;flex-direction:column;min-width:0}.FeedItemCard_titleRow__V8hIW{align-items:center;display:flex;gap:8px;width:100%}.FeedItemCard_title__w32tG{color:var(--palette-primary-text-1);flex:1;font-size:14px;line-height:20px;min-width:0;word-break:break-word}.FeedItemCard_timestamp__9G1l7{align-self:flex-start;color:var(--palette-primary-text-7);flex-shrink:0;font-size:12px;line-height:16px;white-space:nowrap}.FeedItemCard_subtitle__odFTr{color:var(--palette-primary-main);font-size:12px;line-height:16px;word-break:break-word}.FeedItemCard_body__cc5dV{color:var(--palette-primary-text-1);display:flex;flex:1 1 auto;flex-direction:column;font-size:12px;gap:8px;line-height:16px;min-height:0;overflow-x:hidden;overflow-y:auto}.FeedItemCard_contextRows__SyctV{display:flex;flex-direction:column;gap:4px}.FeedItemCard_contextRow__1-LO3{align-items:baseline;display:flex;font-size:12px;gap:4px;line-height:16px;white-space:nowrap}.FeedItemCard_contextLabel__gcwyK{color:var(--palette-primary-text-6)}.FeedItemCard_contextValue__-kG7T{color:var(--palette-primary-text-1)}.FeedItemCard_contextUnit__tSVO6{color:var(--palette-primary-text-6)}");export{t as default};
+//# sourceMappingURL=FeedItemCard.scss.js.map

package/components/FeedItemCard/FeedItemCard.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,aAAa,sDAAyD;"}

package/components/FeedItemCard/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FeedItemCard';
+//# sourceMappingURL=index.d.ts.map

package/components/FeedItemCard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FeedItemCard/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/components/NewCommentCursor/NewCommentCursor.d.ts

@@ -0,0 +1,8 @@
+export type NewCommentCursorProps = {
+    size?: number;
+    onClick?: () => void;
+    className?: string;
+    testId?: string;
+};
+export declare const NewCommentCursor: import("react").ForwardRefExoticComponent<NewCommentCursorProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=NewCommentCursor.d.ts.map

package/components/NewCommentCursor/NewCommentCursor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewCommentCursor.d.ts","sourceRoot":"","sources":["../../../src/components/NewCommentCursor/NewCommentCursor.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,gBAAgB,kHAgB5B,CAAC"}

package/components/NewCommentCursor/NewCommentCursor.js

@@ -0,0 +1,2 @@
+import{jsx as r,jsxs as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import i from"classnames";import o from"./NewCommentCursor.scss.js";var l=e((function(e,l){var s=e.size,c=void 0===s?40:s,a=e.onClick,h=e.className,n=e.testId;return r("div",{ref:l,"data-testid":n,className:i(o.root,h),style:{width:c,height:c},onClick:a,children:t("svg",{className:o.glyph,viewBox:"0 0 24 24",fill:"none","aria-hidden":!0,children:[r("rect",{x:"6",y:"8",width:"12",height:"1.8",rx:"0.9",fill:"currentColor"}),r("rect",{x:"6",y:"11.5",width:"7",height:"1.8",rx:"0.9",fill:"currentColor"}),r("rect",{x:"6",y:"15",width:"10",height:"1.8",rx:"0.9",fill:"currentColor"})]})})}));export{l as NewCommentCursor};
+//# sourceMappingURL=NewCommentCursor.js.map

package/components/NewCommentCursor/NewCommentCursor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewCommentCursor.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/NewCommentCursor/NewCommentCursor.scss.js

@@ -0,0 +1,2 @@
+import o from'./../../ext-esm/style-inject/dist/style-inject.es.js';var e={spacing:"8",root:"NewCommentCursor_root__41tBB",glyph:"NewCommentCursor_glyph__NnE7w"};o(".NewCommentCursor_root__41tBB{align-items:center;background:#fff;border-radius:50% 50% 50% 4px;box-shadow:0 4px 8px rgba(0,0,0,.32);color:#212121;cursor:pointer;display:flex;justify-content:center}.NewCommentCursor_glyph__NnE7w{height:60%;width:60%}");export{e as default};
+//# sourceMappingURL=NewCommentCursor.scss.js.map

package/components/NewCommentCursor/NewCommentCursor.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,aAAa,sDAAyD;"}

package/components/NewCommentCursor/index.d.ts

@@ -0,0 +1,2 @@
+export * from './NewCommentCursor';
+//# sourceMappingURL=index.d.ts.map

package/components/NewCommentCursor/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NewCommentCursor/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/components/OffsetWellMap/OffsetWellMap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OffsetWellMap.d.ts","sourceRoot":"","sources":["../../../src/components/OffsetWellMap/OffsetWellMap.js"],"names":[],"mappings":";AAiCA,0EAA0E;AAC1E,6BADW,KAAK,CAAC,EAAE,CAAC,OAAO,sBAAsB,EAAE,kBAAkB,CAAC,CAkcpE"}
+{"version":3,"file":"OffsetWellMap.d.ts","sourceRoot":"","sources":["../../../src/components/OffsetWellMap/OffsetWellMap.js"],"names":[],"mappings":";AAkEA,0EAA0E;AAC1E,6BADW,KAAK,CAAC,EAAE,CAAC,OAAO,sBAAsB,EAAE,kBAAkB,CAAC,CA+bpE"}

package/components/OffsetWellMap/OffsetWellMap.js

@@ -1,2 +1,2 @@
-import r from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/toConsumableArray";import t from"@babel/runtime/helpers/slicedToArray";import{useMemo as n,useRef as o,useState as c,useEffect as i,createElement as u}from"react";import l from"react-dom";import{get as a}from"lodash";import s from"classnames";import{Tooltip as d}from"@material-ui/core";import{Add as f,Remove as m}from"@material-ui/icons";import p from"mapbox.js";import{usePreviousWells as v}from"./effects/usePreviousWells.js";import{WellTooltip as h}from"./WellTooltip.js";import{getAllFormations as b}from"./utils.js";import y from"./OffsetWellMap.module.css.js";import{mapbox as C}from"../../utils/index.js";import{jsx as B,jsxs as g,Fragment as k}from"react/jsx-runtime";var D=C.isValidCoordinates,O=[29.749907,-95.358421],T=["_renderer","_bounds","min"],N=function(C){var N=C.isViewOnly,x=C.subjectWell,z=void 0===x?null:x,E=C.wells,F=C.offsetWellIds,L=C.radius,W=C.handleChanageOffsetWell,j=C.handleChangeOffsetWell,w=void 0===j?W:j,S=C.activeWellId,Z=C.isClickable,M=void 0===Z||Z,_=C.classes,I=void 0===_?{}:_,G=n((function(){return z&&a(z,"topHole.coordinates")}),[z]),P=n((function(){return b(E)}),[E]),V=o(),A=o(),H=o(),U=o(),q=o(null),J=c(!1),K=t(J,2),Q=K[0],R=K[1],X=o(),Y=o(),$=(null==z?void 0:z.id)===S,rr=v(E),er=c(null),tr=t(er,2),nr=tr[0],or=tr[1],cr=c(3),ir=t(cr,2),ur=ir[0],lr=ir[1],ar=o(new Map),sr=o([]),dr=o(null);i((function(){V.current=p.mapbox.map(V.current,null,{attributionControl:!1,scrollWheelZoom:!1,zoomControl:!1}).setView(O,3).on("zoomend",(function(){return lr(V.current.getZoom())})),V.current.doubleClickZoom.disable(),p.mapbox.styleLayer("mapbox://styles/mapbox/dark-v9").addTo(V.current);var r=V.current;return function(){r.off("layerremove"),r.remove(),V.current=null,A.current=null,U.current=null}}),[]),i((function(){if(V.current){if(A.current&&(V.current.removeLayer(A.current),A.current=null),H.current&&V.current.removeLayer(H.current),!G)return A.current=null,void(H.current=null);L&&(A.current=p.circle(G,1609.34*L,{stroke:!1,fill:!0,fillOpacity:.2,fillColor:"#03BCD4",className:"circle_500"}),A.current.addTo(V.current))}}),[L,G]);var fr=function(r,e,t,n,o,c){c&&(r.setStyle({fillColor:"#63EFFF"}),R(!0)),q.current=p.circleMarker(e,{radius:c?5:12,stroke:!1,fill:!0,fillOpacity:.24,fillColor:c?"#63EFFF":t,className:"circle_highlight"}),q.current.addEventListener("mouseout",(function(){U.current.removeFrom(V.current),U.current=p.featureGroup(X.current),U.current.addTo(V.current),V.current.closePopup(),c&&(r.setStyle({fillColor:"#03BCD4"}),R(!1))})),q.current.addEventListener("click",(function(){N||w(n,!o)}));var i=X.current.concat(q.current);U.current.removeFrom(V.current),U.current=p.featureGroup(i),U.current.addTo(V.current)},mr=function(r,e,t,n,o){var c=document.createElement("div"),i=u(h(),{isViewOnly:N,well:r,color:a(P,r.formation,"#BDBDBD"),isOffsetWell:e,isSubjectWell:t,offset:o,isClickable:M});l.render(B(k,{children:i}),c),p.popup().setLatLng(n).setContent(c).openOn(V.current)};i((function(){if(V.current&&E&&F){V.current.closePopup();var r=new Set(F),t=new Set(sr.current);if(E===rr&&dr.current===S&&E.every((function(r){return r.id}))&&r.size===t.size){var n=E.filter((function(e){return t.has(e.id)!==r.has(e.id)&&e.id!==(null==z?void 0:z.id)}));if(n.length>0&&n.length<10)return n.forEach((function(r){var e=ar.current.get(r.id);if(e){var t=F.includes(r.id),n=a(P,r.formation,"#BDBDBD"),o=t?.7:.3;e.setStyle({fillOpacity:o,fillColor:n})}})),sr.current=e(F),void(dr.current=S)}U.current&&U.current.removeFrom(V.current),ar.current.clear();var o=[],c=[],i=[];E.forEach((function(r){r.id!==(null==z?void 0:z.id)&&(F.includes(r.id)?c.push(r):i.push(r))})),[].concat(i,c,[z]).forEach((function(r){var e,t=null==r||null===(e=r.topHole)||void 0===e?void 0:e.coordinates;if(t&&D(t)){var n=(null==z?void 0:z.id)===r.id,c=F.includes(r.id)&&!n,i=n?"#03BCD4":a(P,r.formation,"#BDBDBD"),u=c?.7:.3;if(c){var l=p.circleMarker(t,{radius:12,stroke:!1,fill:!0,fillColor:i,className:"circle_500",fillOpacity:.08});o.push(l)}var s=p.circleMarker(t,{radius:5,stroke:!1,fill:!0,fillOpacity:n?1:u,fillColor:i,className:"circle_500"});if(s.addEventListener("mouseover",(function(e){var o=[0,0];nr&&a(e.target,T)&&(o=[a(e.target,T).x-nr.x,a(e.target,T).y-nr.y]),mr(r,c,n,t,o),fr(s,t,i,r,c,n)})),n&&(Y.current=s),r.id&&ar.current.set(r.id,s),o.push(s),r.id===S&&!$){var d=p.circleMarker(t,{radius:12,stroke:!1,fill:!0,fillOpacity:.24,fillColor:i,className:"circle_1200"});o.push(d)}}})),o.length&&(U.current=p.featureGroup(o),U.current.addTo(V.current)),X.current=o,sr.current=e(F),dr.current=S,setTimeout((function(){A.current&&A.current.bringToBack(),L<3e3&&V.current&&A.current&&E!==rr&&V.current.fitBounds(A.current.getBounds(),{padding:[5,5]})}),500)}}),[z,E,F,nr]),i((function(){if(Q&&a(V.current,T)&&nr){var r=[a(V.current,T).x-nr.x,a(V.current,T).y-nr.y];mr(z,!1,!0,G,r)}}),[Q,nr,z,G]),i((function(){if(V.current&&G){H.current&&H.current.removeFrom(V.current);var r=p.icon({iconUrl:Q||$?"/static/media/5e9c4959259cb12c11b2c5eaf27eb3ad.svg":"/static/media/9efe5882f31d2f22bd57af92069d0a3e.svg",iconSize:Q||$?[70,20]:[62,12],iconAnchor:Q||$?[35,29]:[31,25],className:"dot"});H.current=p.marker(G,{icon:r}),H.current.addTo(V.current),Y.current&&(H.current.addEventListener("mouseover",(function(){R(!0),fr(Y.current,G,"#03BCD4",z,!0,!0)})),H.current.addEventListener("mouseout",(function(){U.current.removeFrom(V.current),U.current=p.featureGroup(X.current),U.current.addTo(V.current),V.current.closePopup(),Y.current.setStyle({fillColor:"#03BCD4"}),R(!1)})))}}),[Q,G,L,z,$,nr]),i((function(){L>3e3?V.current.setZoom(1):setTimeout((function(){A.current&&A.current.bringToBack(),z?V.current&&A.current&&L&&V.current.fitBounds(A.current.getBounds(),{padding:[5,5]}):V.current&&U.current&&V.current.fitBounds(U.current.getBounds()),G&&V.current&&V.current.panTo(G,{duration:.7,easeLinearity:.25}),a(V.current,T)&&or(a(V.current,T))}),500)}),[L,z,G]);var pr=function(){V.current.setZoom(ur+1)};return B("div",{className:s(y.mapView,I.root),children:B("div",{className:s(y.mapMain,I.map),ref:V,onDoubleClick:pr,children:g("div",{className:y.zoomGroup,children:[B(d,{title:ur<18?"Zoom in":"",placement:"left",children:B("div",{className:s(y.zoomButton,r({},y.zoomDisabled,18===ur)),onClick:pr,children:B(f,{className:y.zoomInOutIcon})})}),B(d,{title:ur>1?"Zoom out":"",placement:"left",children:B("div",{className:s(y.zoomButton,r({},y.zoomDisabled,1===ur)),onClick:function(){ur>1&&V.current.setZoom(ur-1)},children:B(m,{className:y.zoomInOutIcon})})})]})})})};export{N as default};
+import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/slicedToArray";import{useMemo as t,useRef as l,useState as o,useEffect as i,createElement as c}from"react";import n from"react-dom";import{get as u}from"lodash";import s from"classnames";import{Tooltip as a}from"@material-ui/core";import{Add as d,Remove as f}from"@material-ui/icons";import"mapbox-gl/dist/mapbox-gl.css";import{usePreviousWells as m}from"./effects/usePreviousWells.js";import{WellTooltip as v}from"./WellTooltip.js";import{getAllFormations as h}from"./utils.js";import p from"./OffsetWellMap.module.css.js";import"../../config/mapboxGl/index.js";import{mapbox as g}from"../../utils/index.js";import{jsx as y,jsxs as w,Fragment as b}from"react/jsx-runtime";import W from"mapbox-gl";var j=g.isValidCoordinates,C=[29.749907,-95.358421],F={type:"FeatureCollection",features:[]},B=["==",["id"],-1],L=function(e){var t=r(e,2),l=t[0];return[t[1],l]},D=function(e,t){for(var l=r(e,2),o=l[0],i=l[1],c=arguments.length>2&&void 0!==arguments[2]?arguments[2]:64,n=t/(111320*Math.cos(o*Math.PI/180)),u=t/110574,s=[],a=0;a<=c;a+=1){var d=a/c*2*Math.PI;s.push([i+n*Math.cos(d),o+u*Math.sin(d)])}return{type:"Polygon",coordinates:[s]}},M=function(g){var M=g.isViewOnly,O=g.subjectWell,x=void 0===O?null:O,S=g.wells,k=g.offsetWellIds,P=g.radius,z=g.handleChanageOffsetWell,I=g.handleChangeOffsetWell,Z=void 0===I?z:I,E=g.activeWellId,N=g.isClickable,T=void 0===N||N,V=g.classes,A=void 0===V?{}:V,G=t((function(){return x&&u(x,"topHole.coordinates")}),[x]),H=t((function(){return h(S)}),[S]),q=l(),R=l(),J=l(),K=l(null),Q=l(null),U=l(),X=l(new Map),Y=l(null),$=l(null),_=o(!1),ee=r(_,2),re=ee[0],te=ee[1],le=(null==x?void 0:x.id)===E,oe=m(S),ie=o(!1),ce=r(ie,2),ne=ce[0],ue=ce[1],se=o(3),ae=r(se,2),de=ae[0],fe=ae[1];i((function(){var e=new W.Map({container:q.current,style:"mapbox://styles/mapbox/dark-v9",center:L(C),zoom:3,maxZoom:18,attributionControl:!1,scrollZoom:!1,doubleClickZoom:!1});return R.current=e,e.on("zoomend",(function(){return fe(Math.round(e.getZoom()))})),e.on("load",(function(){e.addSource("radius-circle",{type:"geojson",data:F}),e.addLayer({id:"radius-circle-fill",type:"fill",source:"radius-circle",paint:{"fill-color":"#03BCD4","fill-opacity":.2}}),e.addSource("wells",{type:"geojson",data:F}),e.addLayer({id:"wells-halo",type:"circle",source:"wells",filter:["==",["get","isOffsetWell"],!0],paint:{"circle-radius":12,"circle-color":["get","color"],"circle-opacity":.08}}),e.addLayer({id:"wells-circle",type:"circle",source:"wells",layout:{"circle-sort-key":["get","order"]},paint:{"circle-radius":5,"circle-color":["get","color"],"circle-opacity":["get","opacity"]}}),e.addLayer({id:"wells-active-highlight",type:"circle",source:"wells",filter:["==",["get","isActive"],!0],paint:{"circle-radius":12,"circle-color":["get","color"],"circle-opacity":.24}}),e.addLayer({id:"wells-hover-highlight",type:"circle",source:"wells",filter:B,paint:{"circle-radius":["case",["get","isSubjectWell"],5,12],"circle-color":["case",["get","isSubjectWell"],"#63EFFF",["get","color"]],"circle-opacity":.24}}),ue(!0)})),function(){e.remove(),R.current=null,J.current=null,U.current=null,K.current=null,Q.current=null}}),[]),i((function(){var e,t,l,o,i,c;K.current=G&&P?(e=1609.34*P,t=r(G,2),l=t[0],o=t[1],i=e/(111320*Math.cos(l*Math.PI/180)),[[o-i,l-(c=e/110574)],[o+i,l+c]]):null;var n=R.current;n&&ne&&n.getSource("radius-circle").setData(G&&P?{type:"Feature",properties:{},geometry:D(G,1609.34*P)}:F)}),[P,G,ne]);var me=function(e,r,t,l){var o=document.createElement("div"),i=c(v(),{isViewOnly:M,well:e,color:u(H,e.formation,"#BDBDBD"),isOffsetWell:r,isSubjectWell:t,isClickable:T});n.render(y(b,{children:i}),o),J.current||(J.current=new W.Popup({closeButton:!1,offset:12})),J.current.setLngLat(L(l)).setDOMContent(o).addTo(R.current)};i((function(){var e=R.current;e&&ne&&e.setPaintProperty("wells-circle","circle-color",re?["case",["get","isSubjectWell"],"#63EFFF",["get","color"]]:["get","color"])}),[re,ne]),i((function(){var e;if(S&&k){null===(e=J.current)||void 0===e||e.remove();var r=[],t=[];S.forEach((function(e){e.id!==(null==x?void 0:x.id)&&(k.includes(e.id)?r.push(e):t.push(e))}));var l=[].concat(t,r,[x]),o=[],i=new W.LngLatBounds;X.current.clear(),Y.current=null,l.forEach((function(e,r){var t,l=null==e||null===(t=e.topHole)||void 0===t?void 0:t.coordinates;if(l&&j(l)){var c=(null==x?void 0:x.id)===e.id,n=k.includes(e.id)&&!c,s=c?"#03BCD4":u(H,e.formation,"#BDBDBD"),a=n?.7:.3;o.push({type:"Feature",id:r,geometry:{type:"Point",coordinates:L(l)},properties:{color:s,opacity:c?1:a,isSubjectWell:c,isOffsetWell:n,isActive:e.id===E&&!le,order:r}}),X.current.set(r,{well:e,coords:l,isOffsetWell:n,isSubjectWell:c}),c&&(Y.current=r),i.extend(L(l))}})),Q.current=o.length?i:null;var c=R.current;if(c&&ne){c.getSource("wells").setData({type:"FeatureCollection",features:o}),c.setFilter("wells-hover-highlight",B),$.current=null;var n=function(e){var r,t=null===(r=e.features)||void 0===r?void 0:r[0];if(t&&$.current!==t.id){var l=X.current.get(t.id);l&&($.current=t.id,c.getCanvas().style.cursor="pointer",c.setFilter("wells-hover-highlight",["==",["id"],t.id]),me(l.well,l.isOffsetWell,l.isSubjectWell,l.coords),l.isSubjectWell&&te(!0))}},s=function(e){var r;if(null==e||!e.point||!c.queryRenderedFeatures(e.point,{layers:["wells-circle","wells-hover-highlight"]}).length){var t=null!==$.current&&$.current===Y.current;$.current=null,c.getCanvas().style.cursor="",c.setFilter("wells-hover-highlight",B),null===(r=J.current)||void 0===r||r.remove(),t&&te(!1)}},a=function(e){var r,t;if(!M){var l=X.current.get(null===(r=e.features)||void 0===r||null===(t=r[0])||void 0===t?void 0:t.id);l&&Z(l.well,!l.isOffsetWell)}};return c.on("mousemove","wells-circle",n),c.on("mouseleave","wells-circle",s),c.on("mouseleave","wells-hover-highlight",s),c.on("click","wells-circle",a),setTimeout((function(){P<3e3&&R.current&&K.current&&S!==oe&&R.current.fitBounds(K.current,{padding:5})}),500),function(){c.off("mousemove","wells-circle",n),c.off("mouseleave","wells-circle",s),c.off("mouseleave","wells-hover-highlight",s),c.off("click","wells-circle",a)}}}}),[x,S,k,E,ne]),i((function(){var e=R.current;if(U.current&&(U.current.remove(),U.current=null),e&&G){var t=re||le,l=document.createElement("img");l.src=t?"/static/media/5e9c4959259cb12c11b2c5eaf27eb3ad.svg":"/static/media/9efe5882f31d2f22bd57af92069d0a3e.svg";var o=r(t?[70,20]:[62,12],2),i=o[0],c=o[1],n=r(t?[35,29]:[31,25],2),u=n[0],s=n[1];l.width=i,l.height=c,l.addEventListener("mouseover",(function(){te(!0),null!==Y.current&&e.getLayer("wells-hover-highlight")&&($.current=Y.current,e.setFilter("wells-hover-highlight",["==",["id"],Y.current])),me(x,!1,!0,G)})),l.addEventListener("mouseout",(function(){var r;$.current=null,e.getLayer("wells-hover-highlight")&&e.setFilter("wells-hover-highlight",B),null===(r=J.current)||void 0===r||r.remove(),te(!1)})),U.current=new W.Marker({element:l,anchor:"center",offset:[i/2-u,c/2-s]}).setLngLat(L(G)).addTo(e)}}),[re,G,P,x,le]),i((function(){P>3e3?R.current.setZoom(1):setTimeout((function(){x?R.current&&K.current&&P&&R.current.fitBounds(K.current,{padding:5}):R.current&&Q.current&&R.current.fitBounds(Q.current),G&&R.current&&R.current.easeTo({center:L(G),duration:700})}),500)}),[P,x,G]);var ve=function(){R.current.setZoom(de+1)};return y("div",{className:s(p.mapView,A.root),children:y("div",{className:s(p.mapMain,A.map),ref:q,onDoubleClick:ve,children:w("div",{className:p.zoomGroup,children:[y(a,{title:de<18?"Zoom in":"",placement:"left",children:y("div",{className:s(p.zoomButton,e({},p.zoomDisabled,18===de)),onClick:ve,children:y(d,{className:p.zoomInOutIcon})})}),y(a,{title:de>1?"Zoom out":"",placement:"left",children:y("div",{className:s(p.zoomButton,e({},p.zoomDisabled,1===de)),onClick:function(){de>1&&R.current.setZoom(de-1)},children:y(f,{className:p.zoomInOutIcon})})})]})})})};export{M as default};
 //# sourceMappingURL=OffsetWellMap.js.map

package/components/OffsetWellMap/OffsetWellMap.js.map

@@ -1 +1 @@
-{"version":3,"file":"OffsetWellMap.js","sources":["../../../src/components/OffsetWellMap/OffsetWellMap.js"],"sourcesContent":["import { createElement, useRef, useEffect, useState, useMemo } from 'react';\nimport ReactDOM from 'react-dom';\nimport { get } from 'lodash';\nimport classNames from 'classnames';\nimport { Tooltip } from '@material-ui/core';\nimport { Add as ZoomInIcon, Remove as ZoomOutIcon } from '@material-ui/icons';\nimport L from 'mapbox.js';\n\nimport SubjectWellIcon from './CustomIcon/SubjectWellIcon.svg';\nimport SubjectHighlightWellIcon from './CustomIcon/SubjectHighlightWellIcon.svg';\nimport { usePreviousWells } from './effects';\nimport { WellTooltip } from './WellTooltip';\nimport { getAllFormations } from './utils';\n\nimport styles from './OffsetWellMap.module.css';\n\nimport { mapbox } from '~/utils';\n\nconst { isValidCoordinates } = mapbox;\nconst DEFAULT_COORDS = [29.749907, -95.358421];\nconst WELL_MARKER_SIZE = 5;\nconst HIGHLIGHT_MARKER_SIZE = 12;\nconst OFFSET_WELL_COLOR = '#03BCD4';\nconst RADIUS_CIRCLE_COLOR = '#03BCD4';\nconst HIGHLIGHT_WELL_COLOR = '#63EFFF';\nconst METERS_IN_MILE = 1609.34;\nconst ZOOM_INIT_VALUE = 3;\nconst ZOOM_MAX_VALUE = 18;\nconst ZOOM_MIN_VALUE = 1;\nconst MAX_RADIUS = 3000;\n\nconst bounds = ['_renderer', '_bounds', 'min'];\n\n/** @type {React.FC<import('./OffsetWellMapProps').OffsetWellMapProps>} */\nconst OffsetWellMap = ({\n  isViewOnly,\n  subjectWell = null,\n  wells,\n  offsetWellIds,\n  radius,\n  handleChanageOffsetWell,\n  handleChangeOffsetWell = handleChanageOffsetWell,\n  activeWellId,\n  isClickable = true,\n  classes = {},\n}) => {\n  const subjectWellCoords = useMemo(() => {\n    return subjectWell && get(subjectWell, 'topHole.coordinates');\n  }, [subjectWell]);\n  const formationColors = useMemo(() => getAllFormations(wells), [wells]);\n\n  const mapRef = useRef();\n  const radiusCircleRef = useRef();\n  const subjectIconRef = useRef();\n  const markersGroupRef = useRef();\n  const highlightMarkerRef = useRef(null);\n  const [isSubjectWellHovered, setIsSubjectWellHovered] = useState(false);\n  const wellMarkers = useRef();\n  const subjectWellMarker = useRef();\n  const isActiveWellIsSubjectWell = subjectWell?.id === activeWellId;\n  const prevWells = usePreviousWells(wells);\n  const [initBounds, setInitBounds] = useState(null);\n  const [zoom, setZoom] = useState(ZOOM_INIT_VALUE);\n\n  const markerMap = useRef(new Map());\n  const prevOffsetWellIds = useRef([]);\n  const prevActiveWellId = useRef(null);\n\n  // NOTE: Initialize map\n  useEffect(() => {\n    mapRef.current = L.mapbox\n      .map(mapRef.current, null, {\n        attributionControl: false,\n        scrollWheelZoom: false,\n        zoomControl: false,\n      })\n      .setView(DEFAULT_COORDS, ZOOM_INIT_VALUE)\n      .on('zoomend', () => setZoom(mapRef.current.getZoom()));\n    mapRef.current.doubleClickZoom.disable();\n\n    L.mapbox.styleLayer('mapbox://styles/mapbox/dark-v9').addTo(mapRef.current);\n\n    // NOTE: React nulls the DOM ref before deferred effect cleanup runs, so keep the map in a local\n    const map = mapRef.current;\n    return () => {\n      // NOTE: mapbox.js defers _updateMapFeedbackLink on layerremove; after remove() it crashes on the deleted control container\n      map.off('layerremove');\n      map.remove();\n      mapRef.current = null;\n      radiusCircleRef.current = null;\n      markersGroupRef.current = null;\n    };\n  }, []);\n\n  // NOTE: Radius circle\n  useEffect(() => {\n    if (!mapRef.current) {\n      return;\n    }\n\n    // NOTE: Clean up\n    if (radiusCircleRef.current) {\n      mapRef.current.removeLayer(radiusCircleRef.current);\n      radiusCircleRef.current = null;\n    }\n    if (subjectIconRef.current) {\n      mapRef.current.removeLayer(subjectIconRef.current);\n    }\n\n    if (!subjectWellCoords) {\n      radiusCircleRef.current = null;\n      subjectIconRef.current = null;\n      return;\n    }\n\n    if (radius) {\n      radiusCircleRef.current = L.circle(subjectWellCoords, radius * METERS_IN_MILE, {\n        stroke: false,\n        fill: true,\n        fillOpacity: 0.2,\n        fillColor: RADIUS_CIRCLE_COLOR,\n        className: 'circle_500',\n      });\n\n      radiusCircleRef.current.addTo(mapRef.current);\n    }\n  }, [radius, subjectWellCoords]);\n\n  // NOTE: Highlight marker\n  const handleHighlightMarker = (\n    currentMarker,\n    coords,\n    color,\n    well,\n    isOffsetWell,\n    isSubjectWell\n  ) => {\n    if (isSubjectWell) {\n      currentMarker.setStyle({ fillColor: HIGHLIGHT_WELL_COLOR });\n      setIsSubjectWellHovered(true);\n    }\n\n    highlightMarkerRef.current = L.circleMarker(coords, {\n      radius: isSubjectWell ? WELL_MARKER_SIZE : HIGHLIGHT_MARKER_SIZE,\n      stroke: false,\n      fill: true,\n      fillOpacity: 0.24,\n      fillColor: isSubjectWell ? HIGHLIGHT_WELL_COLOR : color,\n      className: 'circle_highlight',\n    });\n\n    highlightMarkerRef.current.addEventListener('mouseout', () => {\n      markersGroupRef.current.removeFrom(mapRef.current);\n      markersGroupRef.current = L.featureGroup(wellMarkers.current);\n      markersGroupRef.current.addTo(mapRef.current);\n      mapRef.current.closePopup();\n      if (isSubjectWell) {\n        currentMarker.setStyle({ fillColor: OFFSET_WELL_COLOR });\n        setIsSubjectWellHovered(false);\n      }\n    });\n\n    highlightMarkerRef.current.addEventListener('click', () => {\n      if (isViewOnly) return;\n      if (isOffsetWell) {\n        handleChangeOffsetWell(well, false);\n      } else {\n        handleChangeOffsetWell(well, true);\n      }\n    });\n\n    const newMarkers = wellMarkers.current.concat(highlightMarkerRef.current);\n    markersGroupRef.current.removeFrom(mapRef.current);\n    markersGroupRef.current = L.featureGroup(newMarkers);\n    markersGroupRef.current.addTo(mapRef.current);\n  };\n\n  const showTooltip = (well, isOffsetWell, isSubjectWell, coords, offset) => {\n    const popUpContainer = document.createElement('div');\n    const popUpContent = createElement(WellTooltip(), {\n      isViewOnly,\n      well,\n      color: get(formationColors, well.formation, '#BDBDBD'),\n      isOffsetWell,\n      isSubjectWell,\n      offset,\n      isClickable,\n    });\n    ReactDOM.render(<>{popUpContent}</>, popUpContainer);\n    L.popup().setLatLng(coords).setContent(popUpContainer).openOn(mapRef.current);\n  };\n\n  // NOTE: Well markers\n  useEffect(() => {\n    if (!mapRef.current || !wells || !offsetWellIds) {\n      return;\n    }\n\n    mapRef.current.closePopup();\n\n    const currentOffsetSet = new Set(offsetWellIds);\n    const prevOffsetSet = new Set(prevOffsetWellIds.current);\n    const onlyOffsetStatusChanged =\n      wells === prevWells &&\n      prevActiveWellId.current === activeWellId &&\n      wells.every(well => well.id) &&\n      currentOffsetSet.size === prevOffsetSet.size;\n\n    if (onlyOffsetStatusChanged) {\n      // only change markers that changed offset status\n      const changedWells = wells.filter(well => {\n        const wasOffset = prevOffsetSet.has(well.id);\n        const isOffset = currentOffsetSet.has(well.id);\n        return wasOffset !== isOffset && well.id !== subjectWell?.id;\n      });\n\n      if (changedWells.length > 0 && changedWells.length < 10) {\n        changedWells.forEach(well => {\n          const existingMarker = markerMap.current.get(well.id);\n          if (existingMarker) {\n            const isOffsetWell = offsetWellIds.includes(well.id);\n            const color = get(formationColors, well.formation, '#BDBDBD');\n            const opacity = isOffsetWell ? 0.7 : 0.3;\n\n            existingMarker.setStyle({\n              fillOpacity: opacity,\n              fillColor: color,\n            });\n          }\n        });\n\n        prevOffsetWellIds.current = [...offsetWellIds];\n        prevActiveWellId.current = activeWellId;\n        return;\n      }\n    }\n\n    // NOTE: Clean up\n    if (markersGroupRef.current) {\n      markersGroupRef.current.removeFrom(mapRef.current);\n    }\n    markerMap.current.clear();\n\n    const markers = [];\n    const offsetWells = [];\n    const unSelectedWells = [];\n    wells.forEach(well => {\n      if (well.id !== subjectWell?.id) {\n        if (offsetWellIds.includes(well.id)) {\n          offsetWells.push(well);\n        } else {\n          unSelectedWells.push(well);\n        }\n      }\n    });\n    const sortedWells = [...unSelectedWells, ...offsetWells, subjectWell];\n    sortedWells.forEach(well => {\n      const coords = well?.topHole?.coordinates;\n\n      if (coords && isValidCoordinates(coords)) {\n        const isSubjectWell = subjectWell?.id === well.id;\n        const isOffsetWell = offsetWellIds.includes(well.id) && !isSubjectWell;\n        const color = isSubjectWell\n          ? OFFSET_WELL_COLOR\n          : get(formationColors, well.formation, '#BDBDBD');\n        const opacity = isOffsetWell ? 0.7 : 0.3;\n\n        if (isOffsetWell) {\n          const newHighlightMarker = L.circleMarker(coords, {\n            radius: HIGHLIGHT_MARKER_SIZE,\n            stroke: false,\n            fill: true,\n            fillColor: color,\n            className: 'circle_500',\n            fillOpacity: 0.08,\n          });\n          markers.push(newHighlightMarker);\n        }\n\n        const newMarker = L.circleMarker(coords, {\n          radius: WELL_MARKER_SIZE,\n          stroke: false,\n          fill: true,\n          fillOpacity: isSubjectWell ? 1 : opacity,\n          fillColor: color,\n          className: 'circle_500',\n        });\n\n        newMarker.addEventListener('mouseover', e => {\n          let offset = [0, 0];\n          if (initBounds && get(e.target, bounds)) {\n            offset = [\n              get(e.target, bounds).x - initBounds.x,\n              get(e.target, bounds).y - initBounds.y,\n            ];\n          }\n          showTooltip(well, isOffsetWell, isSubjectWell, coords, offset);\n\n          // Highlight\n          handleHighlightMarker(newMarker, coords, color, well, isOffsetWell, isSubjectWell);\n        });\n\n        if (isSubjectWell) {\n          subjectWellMarker.current = newMarker;\n        }\n\n        if (well.id) {\n          markerMap.current.set(well.id, newMarker);\n        }\n\n        markers.push(newMarker);\n\n        if (well.id === activeWellId && !isActiveWellIsSubjectWell) {\n          const highlightMarker = L.circleMarker(coords, {\n            radius: HIGHLIGHT_MARKER_SIZE,\n            stroke: false,\n            fill: true,\n            fillOpacity: 0.24,\n            fillColor: color,\n            className: 'circle_1200',\n          });\n          markers.push(highlightMarker);\n        }\n      }\n    });\n\n    if (markers.length) {\n      markersGroupRef.current = L.featureGroup(markers);\n      markersGroupRef.current.addTo(mapRef.current);\n    }\n    wellMarkers.current = markers;\n\n    prevOffsetWellIds.current = [...offsetWellIds];\n    prevActiveWellId.current = activeWellId;\n\n    setTimeout(() => {\n      if (radiusCircleRef.current) {\n        radiusCircleRef.current.bringToBack();\n      }\n\n      if (radius < MAX_RADIUS && mapRef.current && radiusCircleRef.current && wells !== prevWells) {\n        mapRef.current.fitBounds(radiusCircleRef.current.getBounds(), { padding: [5, 5] });\n      }\n    }, 500);\n  }, [subjectWell, wells, offsetWellIds, initBounds]);\n\n  // NOTE: Subject Well Icon\n\n  useEffect(() => {\n    if (!isSubjectWellHovered) return;\n    if (get(mapRef.current, bounds) && initBounds) {\n      const offset = [\n        get(mapRef.current, bounds).x - initBounds.x,\n        get(mapRef.current, bounds).y - initBounds.y,\n      ];\n      showTooltip(subjectWell, false, true, subjectWellCoords, offset);\n    }\n  }, [isSubjectWellHovered, initBounds, subjectWell, subjectWellCoords]);\n\n  useEffect(() => {\n    if (!mapRef.current || !subjectWellCoords) return;\n\n    if (subjectIconRef.current) {\n      subjectIconRef.current.removeFrom(mapRef.current);\n    }\n\n    const icon = L.icon({\n      iconUrl:\n        isSubjectWellHovered || isActiveWellIsSubjectWell\n          ? SubjectHighlightWellIcon\n          : SubjectWellIcon,\n      iconSize: isSubjectWellHovered || isActiveWellIsSubjectWell ? [70, 20] : [62, 12],\n      iconAnchor: isSubjectWellHovered || isActiveWellIsSubjectWell ? [35, 29] : [31, 25],\n      className: 'dot',\n    });\n    subjectIconRef.current = L.marker(subjectWellCoords, { icon });\n    subjectIconRef.current.addTo(mapRef.current);\n\n    if (subjectWellMarker.current) {\n      subjectIconRef.current.addEventListener('mouseover', () => {\n        setIsSubjectWellHovered(true);\n\n        handleHighlightMarker(\n          subjectWellMarker.current,\n          subjectWellCoords,\n          OFFSET_WELL_COLOR,\n          subjectWell,\n          true,\n          true\n        );\n      });\n\n      subjectIconRef.current.addEventListener('mouseout', () => {\n        markersGroupRef.current.removeFrom(mapRef.current);\n        markersGroupRef.current = L.featureGroup(wellMarkers.current);\n        markersGroupRef.current.addTo(mapRef.current);\n        mapRef.current.closePopup();\n        subjectWellMarker.current.setStyle({ fillColor: OFFSET_WELL_COLOR });\n        setIsSubjectWellHovered(false);\n      });\n    }\n  }, [\n    isSubjectWellHovered,\n    subjectWellCoords,\n    radius,\n    subjectWell,\n    isActiveWellIsSubjectWell,\n    initBounds,\n  ]);\n\n  // NOTE: Map Update\n  useEffect(() => {\n    if (radius > MAX_RADIUS) {\n      mapRef.current.setZoom(1);\n      return;\n    }\n    setTimeout(() => {\n      if (radiusCircleRef.current) {\n        radiusCircleRef.current.bringToBack();\n      }\n      if (subjectWell) {\n        if (mapRef.current && radiusCircleRef.current && radius) {\n          mapRef.current.fitBounds(radiusCircleRef.current.getBounds(), {\n            padding: [5, 5],\n          });\n        }\n      } else if (mapRef.current && markersGroupRef.current) {\n        mapRef.current.fitBounds(markersGroupRef.current.getBounds());\n      }\n      if (subjectWellCoords && mapRef.current) {\n        mapRef.current.panTo(subjectWellCoords, {\n          duration: 0.7,\n          easeLinearity: 0.25,\n        });\n      }\n      if (get(mapRef.current, bounds)) {\n        setInitBounds(get(mapRef.current, bounds));\n      }\n    }, 500);\n  }, [radius, subjectWell, subjectWellCoords]);\n\n  const handleZoomIn = () => {\n    mapRef.current.setZoom(zoom + 1);\n  };\n\n  const handleZoomOut = () => {\n    if (zoom > 1) {\n      mapRef.current.setZoom(zoom - 1);\n    }\n  };\n\n  return (\n    <div className={classNames(styles.mapView, classes.root)}>\n      <div\n        className={classNames(styles.mapMain, classes.map)}\n        ref={mapRef}\n        onDoubleClick={handleZoomIn}\n      >\n        <div className={styles.zoomGroup}>\n          <Tooltip title={zoom < ZOOM_MAX_VALUE ? 'Zoom in' : ''} placement=\"left\">\n            <div\n              className={classNames(styles.zoomButton, {\n                [styles.zoomDisabled]: zoom === ZOOM_MAX_VALUE,\n              })}\n              onClick={handleZoomIn}\n            >\n              <ZoomInIcon className={styles.zoomInOutIcon} />\n            </div>\n          </Tooltip>\n          <Tooltip title={zoom > ZOOM_MIN_VALUE ? 'Zoom out' : ''} placement=\"left\">\n            <div\n              className={classNames(styles.zoomButton, {\n                [styles.zoomDisabled]: zoom === ZOOM_MIN_VALUE,\n              })}\n              onClick={handleZoomOut}\n            >\n              <ZoomOutIcon className={styles.zoomInOutIcon} />\n            </div>\n          </Tooltip>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default OffsetWellMap;\n"],"names":["isValidCoordinates","mapbox","DEFAULT_COORDS","bounds","OffsetWellMap","_ref","isViewOnly","_ref$subjectWell","subjectWell","wells","offsetWellIds","radius","handleChanageOffsetWell","_ref$handleChangeOffs","handleChangeOffsetWell","activeWellId","_ref$isClickable","isClickable","_ref$classes","classes","subjectWellCoords","useMemo","get","formationColors","getAllFormations","mapRef","useRef","radiusCircleRef","subjectIconRef","markersGroupRef","highlightMarkerRef","useState","_useState2","_slicedToArray","_useState","isSubjectWellHovered","setIsSubjectWellHovered","wellMarkers","subjectWellMarker","isActiveWellIsSubjectWell","id","prevWells","usePreviousWells","_useState4","_useState3","initBounds","setInitBounds","_useState6","_useState5","zoom","setZoom","markerMap","Map","prevOffsetWellIds","prevActiveWellId","useEffect","current","L","map","attributionControl","scrollWheelZoom","zoomControl","setView","on","getZoom","doubleClickZoom","disable","styleLayer","addTo","off","remove","removeLayer","circle","stroke","fill","fillOpacity","fillColor","className","handleHighlightMarker","currentMarker","coords","color","well","isOffsetWell","isSubjectWell","setStyle","circleMarker","addEventListener","removeFrom","featureGroup","closePopup","newMarkers","concat","showTooltip","offset","popUpContainer","document","createElement","popUpContent","WellTooltip","formation","ReactDOM","render","_jsx","_Fragment","children","popup","setLatLng","setContent","openOn","currentOffsetSet","Set","prevOffsetSet","every","size","changedWells","filter","has","length","forEach","existingMarker","includes","opacity","clear","markers","offsetWells","unSelectedWells","push","_well$topHole","topHole","coordinates","newHighlightMarker","newMarker","e","target","x","y","set","highlightMarker","setTimeout","bringToBack","fitBounds","getBounds","padding","icon","iconUrl","iconSize","iconAnchor","marker","panTo","duration","easeLinearity","handleZoomIn","classNames","styles","mapView","root","mapMain","ref","onDoubleClick","_jsxs","zoomGroup","Tooltip","title","placement","zoomButton","_defineProperty","zoomDisabled","onClick","ZoomInIcon","zoomInOutIcon","ZoomOutIcon"],"mappings":"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"}
+{"version":3,"file":"OffsetWellMap.js","sources":["../../../src/components/OffsetWellMap/OffsetWellMap.js"],"sourcesContent":["import { createElement, useRef, useEffect, useState, useMemo } from 'react';\nimport ReactDOM from 'react-dom';\nimport { get } from 'lodash';\nimport classNames from 'classnames';\nimport { Tooltip } from '@material-ui/core';\nimport { Add as ZoomInIcon, Remove as ZoomOutIcon } from '@material-ui/icons';\nimport 'mapbox-gl/dist/mapbox-gl.css';\n\nimport SubjectWellIcon from './CustomIcon/SubjectWellIcon.svg';\nimport SubjectHighlightWellIcon from './CustomIcon/SubjectHighlightWellIcon.svg';\nimport { usePreviousWells } from './effects';\nimport { WellTooltip } from './WellTooltip';\nimport { getAllFormations } from './utils';\n\nimport styles from './OffsetWellMap.module.css';\n\nimport mapboxgl from '~/config/mapboxGl';\nimport { mapbox } from '~/utils';\n\nconst { isValidCoordinates } = mapbox;\nconst DEFAULT_COORDS = [29.749907, -95.358421];\nconst WELL_MARKER_SIZE = 5;\nconst HIGHLIGHT_MARKER_SIZE = 12;\nconst OFFSET_WELL_COLOR = '#03BCD4';\nconst RADIUS_CIRCLE_COLOR = '#03BCD4';\nconst HIGHLIGHT_WELL_COLOR = '#63EFFF';\nconst METERS_IN_MILE = 1609.34;\nconst ZOOM_INIT_VALUE = 3;\nconst ZOOM_MAX_VALUE = 18;\nconst ZOOM_MIN_VALUE = 1;\nconst MAX_RADIUS = 3000;\n\nconst RADIUS_SOURCE_ID = 'radius-circle';\nconst RADIUS_LAYER_ID = 'radius-circle-fill';\nconst WELLS_SOURCE_ID = 'wells';\nconst WELLS_HALO_LAYER_ID = 'wells-halo';\nconst WELLS_LAYER_ID = 'wells-circle';\nconst WELLS_ACTIVE_LAYER_ID = 'wells-active-highlight';\nconst WELLS_HOVER_LAYER_ID = 'wells-hover-highlight';\nconst EMPTY_FEATURE_COLLECTION = { type: 'FeatureCollection', features: [] };\nconst NO_HOVER_FILTER = ['==', ['id'], -1];\n\n// NOTE: Props keep the Leaflet [lat, lng] convention; mapbox-gl expects [lng, lat]\nconst toLngLat = ([lat, lng]) => [lng, lat];\n\n// NOTE: mapbox-gl circle layers are pixel-radius, so approximate the meter radius with a polygon\nconst makeCirclePolygon = ([lat, lng], radiusMeters, points = 64) => {\n  const degreesLng = radiusMeters / (111320 * Math.cos((lat * Math.PI) / 180));\n  const degreesLat = radiusMeters / 110574;\n  const ring = [];\n  for (let i = 0; i <= points; i += 1) {\n    const theta = (i / points) * 2 * Math.PI;\n    ring.push([lng + degreesLng * Math.cos(theta), lat + degreesLat * Math.sin(theta)]);\n  }\n  return { type: 'Polygon', coordinates: [ring] };\n};\n\nconst getCircleBounds = ([lat, lng], radiusMeters) => {\n  const degreesLng = radiusMeters / (111320 * Math.cos((lat * Math.PI) / 180));\n  const degreesLat = radiusMeters / 110574;\n  return [\n    [lng - degreesLng, lat - degreesLat],\n    [lng + degreesLng, lat + degreesLat],\n  ];\n};\n\n/** @type {React.FC<import('./OffsetWellMapProps').OffsetWellMapProps>} */\nconst OffsetWellMap = ({\n  isViewOnly,\n  subjectWell = null,\n  wells,\n  offsetWellIds,\n  radius,\n  handleChanageOffsetWell,\n  handleChangeOffsetWell = handleChanageOffsetWell,\n  activeWellId,\n  isClickable = true,\n  classes = {},\n}) => {\n  const subjectWellCoords = useMemo(() => {\n    return subjectWell && get(subjectWell, 'topHole.coordinates');\n  }, [subjectWell]);\n  const formationColors = useMemo(() => getAllFormations(wells), [wells]);\n\n  const containerRef = useRef();\n  const mapRef = useRef();\n  const popupRef = useRef();\n  const radiusBoundsRef = useRef(null);\n  const wellsBoundsRef = useRef(null);\n  const subjectIconRef = useRef();\n  const wellByFeatureIdRef = useRef(new Map());\n  const subjectFeatureIdRef = useRef(null);\n  const hoveredFeatureIdRef = useRef(null);\n  const [isSubjectWellHovered, setIsSubjectWellHovered] = useState(false);\n  const isActiveWellIsSubjectWell = subjectWell?.id === activeWellId;\n  const prevWells = usePreviousWells(wells);\n  const [isMapReady, setIsMapReady] = useState(false);\n  const [zoom, setZoom] = useState(ZOOM_INIT_VALUE);\n\n  // NOTE: Initialize map\n  useEffect(() => {\n    const map = new mapboxgl.Map({\n      container: containerRef.current,\n      style: 'mapbox://styles/mapbox/dark-v9',\n      center: toLngLat(DEFAULT_COORDS),\n      zoom: ZOOM_INIT_VALUE,\n      // NOTE: keep the zoom buttons' disable logic (zoom === ZOOM_MAX_VALUE) reachable\n      maxZoom: ZOOM_MAX_VALUE,\n      attributionControl: false,\n      scrollZoom: false,\n      doubleClickZoom: false,\n    });\n    mapRef.current = map;\n\n    // NOTE: GL zoom is fractional where Leaflet was integer\n    map.on('zoomend', () => setZoom(Math.round(map.getZoom())));\n\n    // NOTE: Sources/layers can only be added after the style loads\n    map.on('load', () => {\n      map.addSource(RADIUS_SOURCE_ID, { type: 'geojson', data: EMPTY_FEATURE_COLLECTION });\n      map.addLayer({\n        id: RADIUS_LAYER_ID,\n        type: 'fill',\n        source: RADIUS_SOURCE_ID,\n        paint: {\n          'fill-color': RADIUS_CIRCLE_COLOR,\n          'fill-opacity': 0.2,\n        },\n      });\n\n      map.addSource(WELLS_SOURCE_ID, { type: 'geojson', data: EMPTY_FEATURE_COLLECTION });\n      map.addLayer({\n        id: WELLS_HALO_LAYER_ID,\n        type: 'circle',\n        source: WELLS_SOURCE_ID,\n        filter: ['==', ['get', 'isOffsetWell'], true],\n        paint: {\n          'circle-radius': HIGHLIGHT_MARKER_SIZE,\n          'circle-color': ['get', 'color'],\n          'circle-opacity': 0.08,\n        },\n      });\n      map.addLayer({\n        id: WELLS_LAYER_ID,\n        type: 'circle',\n        source: WELLS_SOURCE_ID,\n        layout: {\n          'circle-sort-key': ['get', 'order'],\n        },\n        paint: {\n          'circle-radius': WELL_MARKER_SIZE,\n          'circle-color': ['get', 'color'],\n          'circle-opacity': ['get', 'opacity'],\n        },\n      });\n      map.addLayer({\n        id: WELLS_ACTIVE_LAYER_ID,\n        type: 'circle',\n        source: WELLS_SOURCE_ID,\n        filter: ['==', ['get', 'isActive'], true],\n        paint: {\n          'circle-radius': HIGHLIGHT_MARKER_SIZE,\n          'circle-color': ['get', 'color'],\n          'circle-opacity': 0.24,\n        },\n      });\n      map.addLayer({\n        id: WELLS_HOVER_LAYER_ID,\n        type: 'circle',\n        source: WELLS_SOURCE_ID,\n        filter: NO_HOVER_FILTER,\n        paint: {\n          'circle-radius': [\n            'case',\n            ['get', 'isSubjectWell'],\n            WELL_MARKER_SIZE,\n            HIGHLIGHT_MARKER_SIZE,\n          ],\n          'circle-color': [\n            'case',\n            ['get', 'isSubjectWell'],\n            HIGHLIGHT_WELL_COLOR,\n            ['get', 'color'],\n          ],\n          'circle-opacity': 0.24,\n        },\n      });\n\n      setIsMapReady(true);\n    });\n\n    return () => {\n      map.remove();\n      mapRef.current = null;\n      popupRef.current = null;\n      subjectIconRef.current = null;\n      radiusBoundsRef.current = null;\n      wellsBoundsRef.current = null;\n    };\n  }, []);\n\n  // NOTE: Radius circle\n  useEffect(() => {\n    radiusBoundsRef.current =\n      subjectWellCoords && radius\n        ? getCircleBounds(subjectWellCoords, radius * METERS_IN_MILE)\n        : null;\n\n    const map = mapRef.current;\n    if (!map || !isMapReady) {\n      return;\n    }\n\n    map.getSource(RADIUS_SOURCE_ID).setData(\n      subjectWellCoords && radius\n        ? {\n            type: 'Feature',\n            properties: {},\n            geometry: makeCirclePolygon(subjectWellCoords, radius * METERS_IN_MILE),\n          }\n        : EMPTY_FEATURE_COLLECTION\n    );\n  }, [radius, subjectWellCoords, isMapReady]);\n\n  const showTooltip = (well, isOffsetWell, isSubjectWell, coords) => {\n    const popUpContainer = document.createElement('div');\n    const popUpContent = createElement(WellTooltip(), {\n      isViewOnly,\n      well,\n      color: get(formationColors, well.formation, '#BDBDBD'),\n      isOffsetWell,\n      isSubjectWell,\n      isClickable,\n    });\n    ReactDOM.render(<>{popUpContent}</>, popUpContainer);\n    if (!popupRef.current) {\n      popupRef.current = new mapboxgl.Popup({\n        closeButton: false,\n        offset: HIGHLIGHT_MARKER_SIZE,\n      });\n    }\n    popupRef.current\n      .setLngLat(toLngLat(coords))\n      .setDOMContent(popUpContainer)\n      .addTo(mapRef.current);\n  };\n\n  // NOTE: Subject well hover swaps the subject marker color\n  useEffect(() => {\n    const map = mapRef.current;\n    if (!map || !isMapReady) {\n      return;\n    }\n\n    map.setPaintProperty(\n      WELLS_LAYER_ID,\n      'circle-color',\n      isSubjectWellHovered\n        ? ['case', ['get', 'isSubjectWell'], HIGHLIGHT_WELL_COLOR, ['get', 'color']]\n        : ['get', 'color']\n    );\n  }, [isSubjectWellHovered, isMapReady]);\n\n  // NOTE: Well markers\n  useEffect(() => {\n    if (!wells || !offsetWellIds) {\n      return undefined;\n    }\n\n    popupRef.current?.remove();\n\n    const offsetWells = [];\n    const unSelectedWells = [];\n    wells.forEach(well => {\n      if (well.id !== subjectWell?.id) {\n        if (offsetWellIds.includes(well.id)) {\n          offsetWells.push(well);\n        } else {\n          unSelectedWells.push(well);\n        }\n      }\n    });\n    const sortedWells = [...unSelectedWells, ...offsetWells, subjectWell];\n\n    const features = [];\n    const wellsBounds = new mapboxgl.LngLatBounds();\n    wellByFeatureIdRef.current.clear();\n    subjectFeatureIdRef.current = null;\n    sortedWells.forEach((well, index) => {\n      const coords = well?.topHole?.coordinates;\n\n      if (coords && isValidCoordinates(coords)) {\n        const isSubjectWell = subjectWell?.id === well.id;\n        const isOffsetWell = offsetWellIds.includes(well.id) && !isSubjectWell;\n        const color = isSubjectWell\n          ? OFFSET_WELL_COLOR\n          : get(formationColors, well.formation, '#BDBDBD');\n        const opacity = isOffsetWell ? 0.7 : 0.3;\n\n        features.push({\n          type: 'Feature',\n          id: index,\n          geometry: { type: 'Point', coordinates: toLngLat(coords) },\n          properties: {\n            color,\n            opacity: isSubjectWell ? 1 : opacity,\n            isSubjectWell,\n            isOffsetWell,\n            isActive: well.id === activeWellId && !isActiveWellIsSubjectWell,\n            order: index,\n          },\n        });\n        wellByFeatureIdRef.current.set(index, { well, coords, isOffsetWell, isSubjectWell });\n        if (isSubjectWell) {\n          subjectFeatureIdRef.current = index;\n        }\n        wellsBounds.extend(toLngLat(coords));\n      }\n    });\n    wellsBoundsRef.current = features.length ? wellsBounds : null;\n\n    const map = mapRef.current;\n    if (!map || !isMapReady) {\n      return undefined;\n    }\n\n    map.getSource(WELLS_SOURCE_ID).setData({ type: 'FeatureCollection', features });\n    map.setFilter(WELLS_HOVER_LAYER_ID, NO_HOVER_FILTER);\n    hoveredFeatureIdRef.current = null;\n\n    const handleMouseMove = e => {\n      const feature = e.features?.[0];\n      if (!feature || hoveredFeatureIdRef.current === feature.id) {\n        return;\n      }\n      const entry = wellByFeatureIdRef.current.get(feature.id);\n      if (!entry) {\n        return;\n      }\n\n      hoveredFeatureIdRef.current = feature.id;\n      map.getCanvas().style.cursor = 'pointer';\n\n      // Highlight\n      map.setFilter(WELLS_HOVER_LAYER_ID, ['==', ['id'], feature.id]);\n      showTooltip(entry.well, entry.isOffsetWell, entry.isSubjectWell, entry.coords);\n      if (entry.isSubjectWell) {\n        setIsSubjectWellHovered(true);\n      }\n    };\n\n    const handleMouseLeave = e => {\n      // NOTE: Leaflet cleared hover on leaving the ENLARGED highlight marker, so keep the\n      // hover while the cursor is still over the hover halo (or another well marker)\n      if (\n        e?.point &&\n        map.queryRenderedFeatures(e.point, { layers: [WELLS_LAYER_ID, WELLS_HOVER_LAYER_ID] })\n          .length\n      ) {\n        return;\n      }\n      const wasSubjectWell =\n        hoveredFeatureIdRef.current !== null &&\n        hoveredFeatureIdRef.current === subjectFeatureIdRef.current;\n      hoveredFeatureIdRef.current = null;\n      map.getCanvas().style.cursor = '';\n      map.setFilter(WELLS_HOVER_LAYER_ID, NO_HOVER_FILTER);\n      popupRef.current?.remove();\n      if (wasSubjectWell) {\n        setIsSubjectWellHovered(false);\n      }\n    };\n\n    const handleClick = e => {\n      if (isViewOnly) return;\n      const entry = wellByFeatureIdRef.current.get(e.features?.[0]?.id);\n      if (!entry) {\n        return;\n      }\n      handleChangeOffsetWell(entry.well, !entry.isOffsetWell);\n    };\n\n    map.on('mousemove', WELLS_LAYER_ID, handleMouseMove);\n    map.on('mouseleave', WELLS_LAYER_ID, handleMouseLeave);\n    map.on('mouseleave', WELLS_HOVER_LAYER_ID, handleMouseLeave);\n    map.on('click', WELLS_LAYER_ID, handleClick);\n\n    setTimeout(() => {\n      if (radius < MAX_RADIUS && mapRef.current && radiusBoundsRef.current && wells !== prevWells) {\n        mapRef.current.fitBounds(radiusBoundsRef.current, { padding: 5 });\n      }\n    }, 500);\n\n    return () => {\n      map.off('mousemove', WELLS_LAYER_ID, handleMouseMove);\n      map.off('mouseleave', WELLS_LAYER_ID, handleMouseLeave);\n      map.off('mouseleave', WELLS_HOVER_LAYER_ID, handleMouseLeave);\n      map.off('click', WELLS_LAYER_ID, handleClick);\n    };\n  }, [subjectWell, wells, offsetWellIds, activeWellId, isMapReady]);\n\n  // NOTE: Subject Well Icon\n\n  useEffect(() => {\n    const map = mapRef.current;\n\n    if (subjectIconRef.current) {\n      subjectIconRef.current.remove();\n      subjectIconRef.current = null;\n    }\n\n    if (!map || !subjectWellCoords) return;\n\n    const isHighlighted = isSubjectWellHovered || isActiveWellIsSubjectWell;\n    const icon = document.createElement('img');\n    icon.src = isHighlighted ? SubjectHighlightWellIcon : SubjectWellIcon;\n    const [iconWidth, iconHeight] = isHighlighted ? [70, 20] : [62, 12];\n    const [anchorX, anchorY] = isHighlighted ? [35, 29] : [31, 25];\n    icon.width = iconWidth;\n    icon.height = iconHeight;\n\n    icon.addEventListener('mouseover', () => {\n      setIsSubjectWellHovered(true);\n\n      // Highlight\n      if (subjectFeatureIdRef.current !== null && map.getLayer(WELLS_HOVER_LAYER_ID)) {\n        hoveredFeatureIdRef.current = subjectFeatureIdRef.current;\n        map.setFilter(WELLS_HOVER_LAYER_ID, ['==', ['id'], subjectFeatureIdRef.current]);\n      }\n      showTooltip(subjectWell, false, true, subjectWellCoords);\n    });\n\n    icon.addEventListener('mouseout', () => {\n      hoveredFeatureIdRef.current = null;\n      if (map.getLayer(WELLS_HOVER_LAYER_ID)) {\n        map.setFilter(WELLS_HOVER_LAYER_ID, NO_HOVER_FILTER);\n      }\n      popupRef.current?.remove();\n      setIsSubjectWellHovered(false);\n    });\n\n    subjectIconRef.current = new mapboxgl.Marker({\n      element: icon,\n      anchor: 'center',\n      // NOTE: Leaflet anchored the icon at [anchorX, anchorY] from its top-left corner\n      offset: [iconWidth / 2 - anchorX, iconHeight / 2 - anchorY],\n    })\n      .setLngLat(toLngLat(subjectWellCoords))\n      .addTo(map);\n  }, [isSubjectWellHovered, subjectWellCoords, radius, subjectWell, isActiveWellIsSubjectWell]);\n\n  // NOTE: Map Update\n  useEffect(() => {\n    if (radius > MAX_RADIUS) {\n      mapRef.current.setZoom(1);\n      return;\n    }\n    setTimeout(() => {\n      if (subjectWell) {\n        if (mapRef.current && radiusBoundsRef.current && radius) {\n          mapRef.current.fitBounds(radiusBoundsRef.current, { padding: 5 });\n        }\n      } else if (mapRef.current && wellsBoundsRef.current) {\n        mapRef.current.fitBounds(wellsBoundsRef.current);\n      }\n      if (subjectWellCoords && mapRef.current) {\n        mapRef.current.easeTo({ center: toLngLat(subjectWellCoords), duration: 700 });\n      }\n    }, 500);\n  }, [radius, subjectWell, subjectWellCoords]);\n\n  const handleZoomIn = () => {\n    mapRef.current.setZoom(zoom + 1);\n  };\n\n  const handleZoomOut = () => {\n    if (zoom > 1) {\n      mapRef.current.setZoom(zoom - 1);\n    }\n  };\n\n  return (\n    <div className={classNames(styles.mapView, classes.root)}>\n      <div\n        className={classNames(styles.mapMain, classes.map)}\n        ref={containerRef}\n        onDoubleClick={handleZoomIn}\n      >\n        <div className={styles.zoomGroup}>\n          <Tooltip title={zoom < ZOOM_MAX_VALUE ? 'Zoom in' : ''} placement=\"left\">\n            <div\n              className={classNames(styles.zoomButton, {\n                [styles.zoomDisabled]: zoom === ZOOM_MAX_VALUE,\n              })}\n              onClick={handleZoomIn}\n            >\n              <ZoomInIcon className={styles.zoomInOutIcon} />\n            </div>\n          </Tooltip>\n          <Tooltip title={zoom > ZOOM_MIN_VALUE ? 'Zoom out' : ''} placement=\"left\">\n            <div\n              className={classNames(styles.zoomButton, {\n                [styles.zoomDisabled]: zoom === ZOOM_MIN_VALUE,\n              })}\n              onClick={handleZoomOut}\n            >\n              <ZoomOutIcon className={styles.zoomInOutIcon} />\n            </div>\n          </Tooltip>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default OffsetWellMap;\n"],"names":["isValidCoordinates","mapbox","DEFAULT_COORDS","EMPTY_FEATURE_COLLECTION","type","features","NO_HOVER_FILTER","toLngLat","_ref","_ref2","_slicedToArray","lat","makeCirclePolygon","_ref3","radiusMeters","_ref4","lng","points","degreesLng","Math","cos","PI","degreesLat","ring","i","theta","push","sin","coordinates","OffsetWellMap","_ref7","isViewOnly","_ref7$subjectWell","subjectWell","wells","offsetWellIds","radius","handleChanageOffsetWell","_ref7$handleChangeOff","handleChangeOffsetWell","activeWellId","_ref7$isClickable","isClickable","_ref7$classes","classes","subjectWellCoords","useMemo","get","formationColors","getAllFormations","containerRef","useRef","mapRef","popupRef","radiusBoundsRef","wellsBoundsRef","subjectIconRef","wellByFeatureIdRef","Map","subjectFeatureIdRef","hoveredFeatureIdRef","useState","_useState2","_useState","isSubjectWellHovered","setIsSubjectWellHovered","isActiveWellIsSubjectWell","id","prevWells","usePreviousWells","_useState4","_useState3","isMapReady","setIsMapReady","_useState6","_useState5","zoom","setZoom","useEffect","map","mapboxgl","container","current","style","center","maxZoom","attributionControl","scrollZoom","doubleClickZoom","on","round","getZoom","addSource","data","addLayer","source","paint","filter","layout","remove","_ref6","getSource","setData","properties","geometry","showTooltip","well","isOffsetWell","isSubjectWell","coords","popUpContainer","document","createElement","popUpContent","WellTooltip","color","formation","ReactDOM","render","_jsx","_Fragment","children","Popup","closeButton","offset","setLngLat","setDOMContent","addTo","setPaintProperty","_popupRef$current","offsetWells","unSelectedWells","forEach","includes","sortedWells","wellsBounds","LngLatBounds","clear","index","_well$topHole","topHole","opacity","isActive","order","set","extend","length","setFilter","handleMouseMove","e","_e$features","feature","entry","getCanvas","cursor","handleMouseLeave","_popupRef$current2","point","queryRenderedFeatures","layers","wasSubjectWell","handleClick","_e$features2","_e$features2$","setTimeout","fitBounds","padding","off","isHighlighted","icon","src","_ref9","iconWidth","iconHeight","_ref11","anchorX","anchorY","width","height","addEventListener","getLayer","_popupRef$current3","Marker","element","anchor","easeTo","duration","handleZoomIn","className","classNames","styles","mapView","root","mapMain","ref","onDoubleClick","_jsxs","zoomGroup","Tooltip","title","placement","zoomButton","_defineProperty","zoomDisabled","onClick","ZoomInIcon","zoomInOutIcon","ZoomOutIcon"],"mappings":"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"}

package/components/OffsetWellMap/OffsetWellMap.module.css.js

@@ -1,2 +1,2 @@
-import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var o={mapView:"OffsetWellMap-module_mapView__EwhHO",zoomGroup:"OffsetWellMap-module_zoomGroup__qCVgz",zoomButton:"OffsetWellMap-module_zoomButton__oZIkU",zoomDisabled:"OffsetWellMap-module_zoomDisabled__60g-G",zoomInOutIcon:"OffsetWellMap-module_zoomInOutIcon__tUzKY",mapMain:"OffsetWellMap-module_mapMain__IYEA1"};e(".OffsetWellMap-module_mapView__EwhHO{width:100%}.OffsetWellMap-module_zoomGroup__qCVgz{bottom:12px;display:flex;flex-direction:column;gap:4px;position:absolute;right:12px;z-index:9}.OffsetWellMap-module_zoomButton__oZIkU{align-items:center;background:var(--palette-background-b-6);border-radius:4px;color:var(--palette-primary-text-6);cursor:pointer;display:flex;font-size:22px;height:32px;justify-content:center;text-align:center;user-select:none;width:32px}.OffsetWellMap-module_zoomButton__oZIkU:hover{background:var(--palette-background-b-7);color:#fff}.OffsetWellMap-module_zoomDisabled__60g-G{cursor:not-allowed}.OffsetWellMap-module_zoomDisabled__60g-G:hover{background:var(--palette-background-b-6);color:var(--palette-primary-text-6)}.OffsetWellMap-module_zoomInOutIcon__tUzKY{font-size:1rem!important}.OffsetWellMap-module_mapMain__IYEA1{background-color:var(--palette-background-b-9);border:1px solid var(--palette-background-b-9);border-radius:4px;flex:100;height:200px;position:relative;width:100%}.OffsetWellMap-module_mapView__EwhHO .leaflet-popup{left:0!important;top:0!important;transform:none!important}.OffsetWellMap-module_mapView__EwhHO .leaflet-popup-content-wrapper{background-color:transparent;border-radius:4px;opacity:.9}.OffsetWellMap-module_mapView__EwhHO .leaflet-popup-content{padding:8px}.OffsetWellMap-module_mapView__EwhHO .leaflet-popup-close-button,.OffsetWellMap-module_mapView__EwhHO .leaflet-popup-tip{display:none}.OffsetWellMap-module_mapView__EwhHO .leaflet-control-zoom{background:none;border:none;box-shadow:none}.OffsetWellMap-module_mapView__EwhHO .leaflet-control-zoom a{align-items:center;background:var(--palette-background-b-6);border-radius:4px;color:var(--palette-primary-text-6);content:unset;display:flex;font-size:20px;height:30px;justify-content:center;margin-top:4px;opacity:1;text-align:center;text-indent:unset;width:30px}.OffsetWellMap-module_mapView__EwhHO .leaflet-control-zoom a:hover{background:var(--palette-background-b-7);border-radius:4px;color:var(--palette-primary-text-1)}.OffsetWellMap-module_mapView__EwhHO .leaflet-touch .leaflet-bar,.OffsetWellMap-module_mapView__EwhHO .leaflet-touch .leaflet-control-layers{background-clip:padding-box;border:0 solid transparent}");export{o as default};
+import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var o={mapView:"OffsetWellMap-module_mapView__EwhHO",zoomGroup:"OffsetWellMap-module_zoomGroup__qCVgz",zoomButton:"OffsetWellMap-module_zoomButton__oZIkU",zoomDisabled:"OffsetWellMap-module_zoomDisabled__60g-G",zoomInOutIcon:"OffsetWellMap-module_zoomInOutIcon__tUzKY",mapMain:"OffsetWellMap-module_mapMain__IYEA1"};e(".OffsetWellMap-module_mapView__EwhHO{width:100%}.OffsetWellMap-module_zoomGroup__qCVgz{bottom:12px;display:flex;flex-direction:column;gap:4px;position:absolute;right:12px;z-index:9}.OffsetWellMap-module_zoomButton__oZIkU{align-items:center;background:var(--palette-background-b-6);border-radius:4px;color:var(--palette-primary-text-6);cursor:pointer;display:flex;font-size:22px;height:32px;justify-content:center;text-align:center;user-select:none;width:32px}.OffsetWellMap-module_zoomButton__oZIkU:hover{background:var(--palette-background-b-7);color:#fff}.OffsetWellMap-module_zoomDisabled__60g-G{cursor:not-allowed}.OffsetWellMap-module_zoomDisabled__60g-G:hover{background:var(--palette-background-b-6);color:var(--palette-primary-text-6)}.OffsetWellMap-module_zoomInOutIcon__tUzKY{font-size:1rem!important}.OffsetWellMap-module_mapMain__IYEA1{background-color:var(--palette-background-b-9);border:1px solid var(--palette-background-b-9);border-radius:4px;flex:100;height:200px;position:relative;width:100%}.OffsetWellMap-module_mapView__EwhHO .mapboxgl-popup-content{background-color:transparent;box-shadow:none;opacity:.9;padding:0}.OffsetWellMap-module_mapView__EwhHO .mapboxgl-popup-tip{display:none}");export{o as default};
 //# sourceMappingURL=OffsetWellMap.module.css.js.map

package/components/OffsetWellMap/WellTooltip.module.css.js

@@ -1,2 +1,2 @@
-import o from'./../../ext-esm/style-inject/dist/style-inject.es.js';var l={wellTooltip:"WellTooltip-module_wellTooltip__-U3-H",commonItem:"WellTooltip-module_commonItem__NxlCt",wellName:"WellTooltip-module_wellName__vrUth",tooltipItem:"WellTooltip-module_tooltipItem__FFmW9",unit:"WellTooltip-module_unit__qbuWG",formationItem:"WellTooltip-module_formationItem__JK-Vs",formation:"WellTooltip-module_formation__9geyr",info:"WellTooltip-module_info__hvxAd",infoIcon:"WellTooltip-module_infoIcon__tsnME",blockIcon:"WellTooltip-module_blockIcon__t7NSY",infoLabel:"WellTooltip-module_infoLabel__4FPIc"};o(".WellTooltip-module_wellTooltip__-U3-H{background-color:var(--palette-background-b-8);border-radius:4px;color:var(--palette-primary-text-1);display:flex;flex-direction:column;font-family:Roboto;font-style:normal;gap:4px;min-width:180px;padding:8px;position:absolute;width:fit-content}.WellTooltip-module_commonItem__NxlCt{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.WellTooltip-module_wellName__vrUth{font-size:12px;font-weight:400;line-height:16px;padding-bottom:4px}.WellTooltip-module_tooltipItem__FFmW9{font-size:14px;font-weight:400;line-height:20px}.WellTooltip-module_unit__qbuWG{color:var(--palette-primary-text-6);font-size:12px;font-weight:400;line-height:14px}.WellTooltip-module_formationItem__JK-Vs{align-items:center;display:flex;flex-direction:row;font-size:14px;font-weight:400;line-height:20px}.WellTooltip-module_formation__9geyr{border-radius:50%;height:8px;margin-left:8px;margin-right:4px;width:8px}.WellTooltip-module_info__hvxAd{align-items:center;display:flex;flex-direction:row;gap:4px;padding-top:8px}.WellTooltip-module_infoIcon__tsnME{color:#64b5f6!important;font-size:16px!important;position:relative!important}.WellTooltip-module_blockIcon__t7NSY{color:#dadada!important;font-size:16px!important;position:relative!important}.WellTooltip-module_infoLabel__4FPIc{color:var(--palette-primary-text-6);font-size:12px;font-weight:400;line-height:16px}");export{l as default};
+import o from'./../../ext-esm/style-inject/dist/style-inject.es.js';var l={wellTooltip:"WellTooltip-module_wellTooltip__-U3-H",commonItem:"WellTooltip-module_commonItem__NxlCt",wellName:"WellTooltip-module_wellName__vrUth",tooltipItem:"WellTooltip-module_tooltipItem__FFmW9",unit:"WellTooltip-module_unit__qbuWG",formationItem:"WellTooltip-module_formationItem__JK-Vs",formation:"WellTooltip-module_formation__9geyr",info:"WellTooltip-module_info__hvxAd",infoIcon:"WellTooltip-module_infoIcon__tsnME",blockIcon:"WellTooltip-module_blockIcon__t7NSY",infoLabel:"WellTooltip-module_infoLabel__4FPIc"};o(".WellTooltip-module_wellTooltip__-U3-H{background-color:var(--palette-background-b-8);border-radius:4px;color:var(--palette-primary-text-1);display:flex;flex-direction:column;font-family:Roboto;font-style:normal;gap:4px;min-width:180px;padding:8px;width:fit-content}.WellTooltip-module_commonItem__NxlCt{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.WellTooltip-module_wellName__vrUth{font-size:12px;font-weight:400;line-height:16px;padding-bottom:4px}.WellTooltip-module_tooltipItem__FFmW9{font-size:14px;font-weight:400;line-height:20px}.WellTooltip-module_unit__qbuWG{color:var(--palette-primary-text-6);font-size:12px;font-weight:400;line-height:14px}.WellTooltip-module_formationItem__JK-Vs{align-items:center;display:flex;flex-direction:row;font-size:14px;font-weight:400;line-height:20px}.WellTooltip-module_formation__9geyr{border-radius:50%;height:8px;margin-left:8px;margin-right:4px;width:8px}.WellTooltip-module_info__hvxAd{align-items:center;display:flex;flex-direction:row;gap:4px;padding-top:8px}.WellTooltip-module_infoIcon__tsnME{color:#64b5f6!important;font-size:16px!important;position:relative!important}.WellTooltip-module_blockIcon__t7NSY{color:#dadada!important;font-size:16px!important;position:relative!important}.WellTooltip-module_infoLabel__4FPIc{color:var(--palette-primary-text-6);font-size:12px;font-weight:400;line-height:16px}");export{l as default};
 //# sourceMappingURL=WellTooltip.module.css.js.map