@corva/ui 0.53.0-6 → 0.53.0-7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/1aa187dca9a802ede389885e43aff155.svg +9 -0
- package/assets/5124c957601b1a0ef1f0b93bce1ae0de.svg +13 -0
- package/assets/66745cf3868fdb983d0a2180a43b0720.svg +11 -0
- package/components/OffsetWellMap/OffsetWellMap.d.ts.map +1 -1
- package/components/OffsetWellMap/OffsetWellMap.js +1 -1
- package/components/StatusBadge/DQChip.d.ts +9 -0
- package/components/StatusBadge/DQChip.d.ts.map +1 -0
- package/components/StatusBadge/DQChip.js +1 -0
- package/components/StatusBadge/DQStatusIcon.d.ts +13 -0
- package/components/StatusBadge/DQStatusIcon.d.ts.map +1 -0
- package/components/StatusBadge/DQStatusIcon.js +1 -0
- package/components/StatusBadge/DQUnvalidatedContent.d.ts +8 -0
- package/components/StatusBadge/DQUnvalidatedContent.d.ts.map +1 -0
- package/components/StatusBadge/DQUnvalidatedContent.js +1 -0
- package/components/StatusBadge/constants.d.ts +24 -6
- package/components/StatusBadge/constants.d.ts.map +1 -1
- package/components/StatusBadge/constants.js +1 -1
- package/components/StatusBadge/index.d.ts +4 -2
- package/components/StatusBadge/index.d.ts.map +1 -1
- package/components/StatusBadge/index.js +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
<svg width="69" height="8" viewBox="0 0 69 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M1.224 5.65909V0.022727H0V5.95455C0 7.25 0.804 8 2.268 8H4.512C5.976 8 6.78 7.25 6.78 5.95455V0.022727H5.556V5.65909C5.556 6.53409 5.16 6.89773 4.224 6.89773H2.556C1.62 6.89773 1.224 6.53409 1.224 5.65909Z" fill="white"/>
|
|
3
|
+
<path d="M16.7895 0.022727H15.5775V6.05682H15.5295C15.3375 5.77273 11.1015 0.215909 11.0655 0.159091C11.0055 0.0681816 10.9815 0.022727 10.7175 0.022727H9.7455V7.97727H10.9695V2.07955H11.0175C11.1135 2.21591 15.1935 7.60227 15.3135 7.77273C15.4095 7.90909 15.5055 7.97727 15.7215 7.97727H16.7895V0.022727Z" fill="white"/>
|
|
4
|
+
<path d="M21.0875 0.022727H19.8635V7.97727H21.0875V4.52273H22.7555L25.2995 7.97727H26.6915L23.7515 3.96591L26.7035 0.022727H25.3235L22.6835 3.45455H21.0875V0.022727Z" fill="white"/>
|
|
5
|
+
<path d="M36.0293 0.022727H34.8173V6.05682H34.7693C34.5773 5.77273 30.3413 0.215909 30.3053 0.159091C30.2453 0.0681816 30.2213 0.022727 29.9573 0.022727H28.9853V7.97727H30.2093V2.07955H30.2573C30.3533 2.21591 34.4333 7.60227 34.5533 7.77273C34.6493 7.90909 34.7453 7.97727 34.9613 7.97727H36.0293V0.022727Z" fill="white"/>
|
|
6
|
+
<path d="M41.2153 8H43.6753C45.1153 8 45.9313 7.25 45.9313 5.95455V2.04545C45.9313 0.738636 45.1153 0 43.6753 0H41.2153C39.7753 0 38.9593 0.738636 38.9593 2.04545V5.95455C38.9593 7.25 39.7753 8 41.2153 8ZM41.5273 1H43.3633C44.2873 1 44.6953 1.28409 44.6953 2.14773V5.73864C44.6953 6.60227 44.2873 6.97727 43.3633 6.97727H41.5273C40.6033 6.97727 40.1953 6.60227 40.1953 5.73864V2.14773C40.1953 1.28409 40.6033 1 41.5273 1Z" fill="white"/>
|
|
7
|
+
<path d="M56.2556 6.86364H55.7876L54.4916 0.022727H52.5716L51.2876 6.86364H50.8076L49.4036 0.022727H48.0476C48.0476 0.022727 49.7276 7.5 49.7876 7.80682C49.8116 7.92045 49.8836 8 50.0036 8H52.1756C52.2836 8 52.3796 7.93182 52.3916 7.82955C52.4276 7.625 53.4716 1.59091 53.4716 1.59091H53.6036C53.6036 1.59091 54.6476 7.625 54.6836 7.82955C54.6956 7.93182 54.7916 8 54.8876 8H57.0716C57.1916 8 57.2636 7.92045 57.2876 7.80682C57.3476 7.5 59.0276 0.022727 59.0276 0.022727H57.6716L56.2556 6.86364Z" fill="white"/>
|
|
8
|
+
<path d="M68.5629 0.022727H67.3509V6.05682H67.3029C67.1109 5.77273 62.8749 0.215909 62.8389 0.159091C62.7789 0.0681816 62.7549 0.022727 62.4909 0.022727H61.5189V7.97727H62.7429V2.07955H62.7909C62.8869 2.21591 66.9669 7.60227 67.0869 7.77273C67.1829 7.90909 67.2789 7.97727 67.4949 7.97727H68.5629V0.022727Z" fill="white"/>
|
|
9
|
+
</svg>
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
<svg width="94" height="8" viewBox="0 0 94 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M1.224 5.65242V0H0V5.94872C0 7.24786 0.804 8 2.268 8H4.512C5.976 8 6.78 7.24786 6.78 5.94872V0H5.556V5.65242C5.556 6.52991 5.16 6.89459 4.224 6.89459H2.556C1.62 6.89459 1.224 6.52991 1.224 5.65242Z" fill="white"/>
|
|
3
|
+
<path d="M16.7895 0H15.5775V6.05128H15.5295C15.3375 5.76638 11.1015 0.193732 11.0655 0.136752C11.0055 0.0455841 10.9815 0 10.7175 0H9.7455V7.97721H10.9695V2.06268H11.0175C11.1135 2.19943 15.1935 7.60114 15.3135 7.77208C15.4095 7.90883 15.5055 7.97721 15.7215 7.97721H16.7895V0Z" fill="white"/>
|
|
4
|
+
<path d="M23.2835 6.849H22.8635L20.6195 0H19.2395C19.2395 0 21.7475 7.45299 21.8555 7.78348C21.8915 7.92023 21.9515 8 22.0835 8H24.0635C24.1835 8 24.2555 7.92023 24.2915 7.78348C24.3875 7.45299 26.9075 0 26.9075 0H25.5155L23.2835 6.849Z" fill="white"/>
|
|
5
|
+
<path d="M34.763 7.97721H36.143C36.143 7.97721 33.491 0.433048 33.407 0.193732C33.359 0.0455841 33.323 0 33.071 0H31.211C30.959 0 30.923 0.0455841 30.887 0.193732C30.803 0.433048 28.151 7.97721 28.151 7.97721H29.531L30.323 5.68661H33.971L34.763 7.97721ZM31.895 0.968661H32.399L33.659 4.5698H30.623L31.895 0.968661Z" fill="white"/>
|
|
6
|
+
<path d="M38.5994 7.97721H44.2274V6.94017H39.8234V0H38.5994V7.97721Z" fill="white"/>
|
|
7
|
+
<path d="M47.7751 0H46.5631V7.97721H47.7751V0Z" fill="white"/>
|
|
8
|
+
<path d="M50.9369 7.97721H55.3049C56.7569 7.97721 57.7289 7.15669 57.7289 5.84615V2.11966C57.7289 0.809117 56.7569 0 55.3049 0H50.9369V7.97721ZM56.5049 5.56125C56.5049 6.66667 55.9409 6.96296 55.0169 6.96296H52.1609V1.01425H55.0169C55.9409 1.01425 56.5049 1.31054 56.5049 2.41595V5.56125Z" fill="white"/>
|
|
9
|
+
<path d="M66.1762 7.97721H67.5563C67.5563 7.97721 64.9043 0.433048 64.8203 0.193732C64.7723 0.0455841 64.7362 0 64.4842 0H62.6243C62.3723 0 62.3363 0.0455841 62.3003 0.193732C62.2163 0.433048 59.5643 7.97721 59.5643 7.97721H60.9443L61.7363 5.68661H65.3842L66.1762 7.97721ZM63.3083 0.968661H63.8123L65.0723 4.5698H62.0363L63.3083 0.968661Z" fill="white"/>
|
|
10
|
+
<path d="M75.1143 0H68.4063V0.991453H71.1543V7.97721H72.3783V0.991453H75.1143V0Z" fill="white"/>
|
|
11
|
+
<path d="M77.6463 7.97721H83.3823V6.90598H78.8703V4.43305H82.8903V3.39601H78.8703V1.01425H83.3943V0H77.6463V7.97721Z" fill="white"/>
|
|
12
|
+
<path d="M86.2408 7.97721H90.6088C92.0608 7.97721 93.0328 7.15669 93.0328 5.84615V2.11966C93.0328 0.809117 92.0608 0 90.6088 0H86.2408V7.97721ZM91.8088 5.56125C91.8088 6.66667 91.2448 6.96296 90.3208 6.96296H87.4648V1.01425H90.3208C91.2448 1.01425 91.8088 1.31054 91.8088 2.41595V5.56125Z" fill="white"/>
|
|
13
|
+
</svg>
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
<svg width="74" height="8" viewBox="0 0 74 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M4.05532 6.849H3.63415L1.38386 0H0C0 0 2.51502 7.45299 2.62333 7.78348C2.65943 7.92023 2.71959 8 2.85196 8H4.83751C4.95785 8 5.03005 7.92023 5.06615 7.78348C5.16242 7.45299 7.68947 0 7.68947 0H6.29358L4.05532 6.849Z" fill="white"/>
|
|
3
|
+
<path d="M15.567 7.97721H16.9508C16.9508 7.97721 14.2914 0.433048 14.2072 0.193732C14.159 0.0455841 14.1229 0 13.8702 0H12.005C11.7523 0 11.7162 0.0455841 11.6801 0.193732C11.5959 0.433048 8.93646 7.97721 8.93646 7.97721H10.3203L11.1145 5.68661H14.7728L15.567 7.97721ZM12.6909 0.968661H13.1964L14.4599 4.5698H11.4154L12.6909 0.968661Z" fill="white"/>
|
|
4
|
+
<path d="M19.4142 7.97721H25.0579V6.94017H20.6416V0H19.4142V7.97721Z" fill="white"/>
|
|
5
|
+
<path d="M28.6155 0H27.4001V7.97721H28.6155V0Z" fill="white"/>
|
|
6
|
+
<path d="M31.7862 7.97721H36.1664C37.6225 7.97721 38.5972 7.15669 38.5972 5.84615V2.11966C38.5972 0.809117 37.6225 0 36.1664 0H31.7862V7.97721ZM37.3698 5.56125C37.3698 6.66667 36.8042 6.96296 35.8776 6.96296H33.0136V1.01425H35.8776C36.8042 1.01425 37.3698 1.31054 37.3698 2.41595V5.56125Z" fill="white"/>
|
|
7
|
+
<path d="M47.0682 7.97721H48.4521C48.4521 7.97721 45.7927 0.433048 45.7084 0.193732C45.6603 0.0455841 45.6242 0 45.3715 0H43.5063C43.2536 0 43.2175 0.0455841 43.1814 0.193732C43.0971 0.433048 40.4377 7.97721 40.4377 7.97721H41.8216L42.6158 5.68661H46.274L47.0682 7.97721ZM44.1922 0.968661H44.6976L45.9611 4.5698H42.9166L44.1922 0.968661Z" fill="white"/>
|
|
8
|
+
<path d="M56.0313 0H49.3045V0.991453H52.0602V7.97721H53.2876V0.991453H56.0313V0Z" fill="white"/>
|
|
9
|
+
<path d="M58.5704 7.97721H64.3224V6.90598H59.7978V4.43305H63.8291V3.39601H59.7978V1.01425H64.3345V0H58.5704V7.97721Z" fill="white"/>
|
|
10
|
+
<path d="M67.189 7.97721H71.5692C73.0253 7.97721 74 7.15669 74 5.84615V2.11966C74 0.809117 73.0253 0 71.5692 0H67.189V7.97721ZM72.7726 5.56125C72.7726 6.66667 72.207 6.96296 71.2804 6.96296H68.4164V1.01425H71.2804C72.207 1.01425 72.7726 1.31054 72.7726 2.41595V5.56125Z" fill="white"/>
|
|
11
|
+
</svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OffsetWellMap.d.ts","sourceRoot":"","sources":["../../../src/components/OffsetWellMap/OffsetWellMap.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"OffsetWellMap.d.ts","sourceRoot":"","sources":["../../../src/components/OffsetWellMap/OffsetWellMap.js"],"names":[],"mappings":";AAgCA;;;;;;;;;gBAyXC"}
|
|
@@ -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"prop-types";import s from"classnames";import{Tooltip as d}from"@material-ui/core";import{Add as m,Remove as f}from"@material-ui/icons";import p from"mapbox.js";import{mapbox as v}from"../../utils/index.js";import b from"./OffsetWellMap.module.css.js";import{usePreviousWells as h}from"./effects/usePreviousWells.js";import{WellTooltip as y}from"./WellTooltip.js";import{getAllFormations as C}from"./utils.js";import{jsx as k,jsxs as B,Fragment as g}from"react/jsx-runtime";var O=v.isValidCoordinates,W=[29.749907,-95.358421],T=["_renderer","_bounds","min"],D=function(a){var v=a.isViewOnly,D=a.subjectWell,x=a.wells,N=a.offsetWellIds,j=a.radius,F=a.handleChanageOffsetWell,z=a.activeWellId,E=a.isClickable,L=t((function(){return D&&l(D,"topHole.coordinates")}),[D]),w=t((function(){return C(x)}),[x]),I=n(),Z=n(),_=n(),q=n(),M=n(null),P=o(!1),R=e(P,2),V=R[0],G=R[1],S=n(),A=n(),H=(null==D?void 0:D.id)===z,U=h(x),J=o(null),K=e(J,2),Q=K[0],X=K[1],Y=o(3),$=e(Y,2),rr=$[0],er=$[1];c((function(){I.current=p.mapbox.map(I.current,null,{attributionControl:!1,scrollWheelZoom:!1,zoomControl:!1}).setView(W,3).on("zoomend",(function(){return er(I.current.getZoom())})),I.current.doubleClickZoom.disable(),p.mapbox.styleLayer("mapbox://styles/mapbox/dark-v9").addTo(I.current)}),[]),c((function(){if(I.current){if(Z.current&&(I.current.removeLayer(Z.current),Z.current=null),_.current&&I.current.removeLayer(_.current),!L)return Z.current=null,void(_.current=null);j&&(Z.current=p.circle(L,1609.34*j,{stroke:!1,fill:!0,fillOpacity:.2,fillColor:"#03BCD4",className:"circle_500"}),Z.current.addTo(I.current))}}),[j,L]);var tr=function(r,e,t,n,o,c){c&&(r.setStyle({fillColor:"#63EFFF"}),G(!0)),M.current=p.circleMarker(e,{radius:c?5:12,stroke:!1,fill:!0,fillOpacity:.24,fillColor:c?"#63EFFF":t,className:"circle_highlight"}),M.current.addEventListener("mouseout",(function(){q.current.removeFrom(I.current),q.current=p.featureGroup(S.current),q.current.addTo(I.current),I.current.closePopup(),c&&(r.setStyle({fillColor:"#03BCD4"}),G(!1))})),M.current.addEventListener("click",(function(){v||F(n,!o)}));var i=S.current.concat(M.current);q.current.removeFrom(I.current),q.current=p.featureGroup(i),q.current.addTo(I.current)},nr=function(r,e,t,n,o){var c=document.createElement("div"),a=i(y(),{isViewOnly:v,well:r,color:l(w,r.formation,"#BDBDBD"),isOffsetWell:e,isSubjectWell:t,offset:o,isClickable:E});u.render(k(g,{children:a}),c),p.popup().setLatLng(n).setContent(c).openOn(I.current)};c((function(){if(I.current&&x&&N){I.current.closePopup(),q.current&&q.current.removeFrom(I.current);var r=[],e=[],t=[];x.forEach((function(r){r.id!==(null==D?void 0:D.id)&&(N.includes(r.id)?e.push(r):t.push(r))})),[].concat(t,e,[D]).forEach((function(e){var t,n=null==e||null===(t=e.topHole)||void 0===t?void 0:t.coordinates;if(n&&O(n)){var o=(null==D?void 0:D.id)===e.id,c=N.includes(e.id)&&!o,i=o?"#03BCD4":l(w,e.formation,"#BDBDBD"),u=c?.7:.3;if(c){var a=p.circleMarker(n,{radius:12,stroke:!1,fill:!0,fillColor:i,calssname:"circle_500",fillOpacity:.08});r.push(a)}var s=p.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];Q&&l(r.target,T)&&(t=[l(r.target,T).x-Q.x,l(r.target,T).y-Q.y]),nr(e,c,o,n,t),tr(s,n,i,e,c,o)})),o&&(A.current=s),r.push(s),e.id===z&&!H){var d=p.circleMarker(n,{radius:12,stroke:!1,fill:!0,fillOpacity:.24,fillColor:i,className:"circle_1200"});r.push(d)}}})),r.length&&(q.current=p.featureGroup(r),q.current.addTo(I.current)),S.current=r,setTimeout((function(){Z.current&&Z.current.bringToBack(),I.current&&Z.current&&x!==U&&I.current.fitBounds(Z.current.getBounds(),{padding:[5,5]})}),500)}}),[D,x,N,Q]),c((function(){if(V&&l(I.current,T)){var r=[l(I.current,T).x-Q.x,l(I.current,T).y-Q.y];nr(D,!1,!0,L,r)}}),[V,Q,D,L]),c((function(){if(I.current&&L){_.current&&_.current.removeFrom(I.current);var r=p.icon({iconUrl:V||H?"/static/media/5e9c4959259cb12c11b2c5eaf27eb3ad.svg":"/static/media/9efe5882f31d2f22bd57af92069d0a3e.svg",iconSize:V||H?[70,20]:[62,12],iconAnchor:V||H?[35,29]:[31,25],className:"dot"});_.current=p.marker(L,{icon:r}),_.current.addTo(I.current),A.current&&(_.current.addEventListener("mouseover",(function(){G(!0),tr(A.current,L,"#03BCD4",D,!0,!0)})),_.current.addEventListener("mouseout",(function(){q.current.removeFrom(I.current),q.current=p.featureGroup(S.current),q.current.addTo(I.current),I.current.closePopup(),A.current.setStyle({fillColor:"#03BCD4"}),G(!1)})))}}),[V,L,j,D,H,Q]),c((function(){setTimeout((function(){Z.current&&Z.current.bringToBack(),D?I.current&&Z.current&&j&&I.current.fitBounds(Z.current.getBounds(),{padding:[5,5]}):I.current&&q.current&&I.current.fitBounds(q.current.getBounds()),l(I.current,T)&&X(l(I.current,T))}),500)}),[j,D]);return k("div",{className:b.mapView,children:k("div",{className:b.mapMain,ref:I,children:B("div",{className:b.zoomGroup,children:[k(d,{title:rr<18?"Zoom in":"",placement:"left",children:k("div",{className:s(b.zoomButton,r({},b.zoomDisabled,18===rr)),onClick:function(){I.current.setZoom(rr+1)},children:k(m,{className:b.zoomInOutIcon})})}),k(d,{title:rr>1?"Zoom out":"",placement:"left",children:k("div",{className:s(b.zoomButton,r({},b.zoomDisabled,1===rr)),onClick:function(){rr>1&&I.current.setZoom(rr-1)},children:k(f,{className:b.zoomInOutIcon})})})]})})})};D.propTypes={isViewOnly:a.bool.isRequired,subjectWell:a.shape({id:a.number,formation:a.string}),wells:a.arrayOf(a.shape({})).isRequired,offsetWellIds:a.arrayOf(a.number).isRequired,radius:a.number.isRequired,handleChanageOffsetWell:a.func.isRequired,activeWellId:a.number.isRequired,isClickable:a.bool},D.defaultProps={subjectWell:null,isClickable:!0};export{D 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"prop-types";import s from"classnames";import{Tooltip as d}from"@material-ui/core";import{Add as m,Remove as f}from"@material-ui/icons";import p from"mapbox.js";import{mapbox as v}from"../../utils/index.js";import b from"./OffsetWellMap.module.css.js";import{usePreviousWells as h}from"./effects/usePreviousWells.js";import{WellTooltip as y}from"./WellTooltip.js";import{getAllFormations as C}from"./utils.js";import{jsx as k,jsxs as B,Fragment as g}from"react/jsx-runtime";var O=v.isValidCoordinates,W=[29.749907,-95.358421],T=["_renderer","_bounds","min"],D=function(a){var v=a.isViewOnly,D=a.subjectWell,x=a.wells,N=a.offsetWellIds,j=a.radius,F=a.handleChanageOffsetWell,z=a.activeWellId,E=a.isClickable,L=t((function(){return D&&l(D,"topHole.coordinates")}),[D]),w=t((function(){return C(x)}),[x]),I=n(),Z=n(),_=n(),q=n(),M=n(null),P=o(!1),R=e(P,2),V=R[0],G=R[1],S=n(),A=n(),H=(null==D?void 0:D.id)===z,U=h(x),J=o(null),K=e(J,2),Q=K[0],X=K[1],Y=o(3),$=e(Y,2),rr=$[0],er=$[1];c((function(){I.current=p.mapbox.map(I.current,null,{attributionControl:!1,scrollWheelZoom:!1,zoomControl:!1}).setView(W,3).on("zoomend",(function(){return er(I.current.getZoom())})),I.current.doubleClickZoom.disable(),p.mapbox.styleLayer("mapbox://styles/mapbox/dark-v9").addTo(I.current)}),[]),c((function(){if(I.current){if(Z.current&&(I.current.removeLayer(Z.current),Z.current=null),_.current&&I.current.removeLayer(_.current),!L)return Z.current=null,void(_.current=null);j&&(Z.current=p.circle(L,1609.34*j,{stroke:!1,fill:!0,fillOpacity:.2,fillColor:"#03BCD4",className:"circle_500"}),Z.current.addTo(I.current))}}),[j,L]);var tr=function(r,e,t,n,o,c){c&&(r.setStyle({fillColor:"#63EFFF"}),G(!0)),M.current=p.circleMarker(e,{radius:c?5:12,stroke:!1,fill:!0,fillOpacity:.24,fillColor:c?"#63EFFF":t,className:"circle_highlight"}),M.current.addEventListener("mouseout",(function(){q.current.removeFrom(I.current),q.current=p.featureGroup(S.current),q.current.addTo(I.current),I.current.closePopup(),c&&(r.setStyle({fillColor:"#03BCD4"}),G(!1))})),M.current.addEventListener("click",(function(){v||F(n,!o)}));var i=S.current.concat(M.current);q.current.removeFrom(I.current),q.current=p.featureGroup(i),q.current.addTo(I.current)},nr=function(r,e,t,n,o){var c=document.createElement("div"),a=i(y(),{isViewOnly:v,well:r,color:l(w,r.formation,"#BDBDBD"),isOffsetWell:e,isSubjectWell:t,offset:o,isClickable:E});u.render(k(g,{children:a}),c),p.popup().setLatLng(n).setContent(c).openOn(I.current)};c((function(){if(I.current&&x&&N){I.current.closePopup(),q.current&&q.current.removeFrom(I.current);var r=[],e=[],t=[];x.forEach((function(r){r.id!==(null==D?void 0:D.id)&&(N.includes(r.id)?e.push(r):t.push(r))})),[].concat(t,e,[D]).forEach((function(e){var t,n=null==e||null===(t=e.topHole)||void 0===t?void 0:t.coordinates;if(n&&O(n)){var o=(null==D?void 0:D.id)===e.id,c=N.includes(e.id)&&!o,i=o?"#03BCD4":l(w,e.formation,"#BDBDBD"),u=c?.7:.3;if(c){var a=p.circleMarker(n,{radius:12,stroke:!1,fill:!0,fillColor:i,calssname:"circle_500",fillOpacity:.08});r.push(a)}var s=p.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];Q&&l(r.target,T)&&(t=[l(r.target,T).x-Q.x,l(r.target,T).y-Q.y]),nr(e,c,o,n,t),tr(s,n,i,e,c,o)})),o&&(A.current=s),r.push(s),e.id===z&&!H){var d=p.circleMarker(n,{radius:12,stroke:!1,fill:!0,fillOpacity:.24,fillColor:i,className:"circle_1200"});r.push(d)}}})),r.length&&(q.current=p.featureGroup(r),q.current.addTo(I.current)),S.current=r,setTimeout((function(){Z.current&&Z.current.bringToBack(),j<3e3&&I.current&&Z.current&&x!==U&&I.current.fitBounds(Z.current.getBounds(),{padding:[5,5]})}),500)}}),[D,x,N,Q]),c((function(){if(V&&l(I.current,T)){var r=[l(I.current,T).x-Q.x,l(I.current,T).y-Q.y];nr(D,!1,!0,L,r)}}),[V,Q,D,L]),c((function(){if(I.current&&L){_.current&&_.current.removeFrom(I.current);var r=p.icon({iconUrl:V||H?"/static/media/5e9c4959259cb12c11b2c5eaf27eb3ad.svg":"/static/media/9efe5882f31d2f22bd57af92069d0a3e.svg",iconSize:V||H?[70,20]:[62,12],iconAnchor:V||H?[35,29]:[31,25],className:"dot"});_.current=p.marker(L,{icon:r}),_.current.addTo(I.current),A.current&&(_.current.addEventListener("mouseover",(function(){G(!0),tr(A.current,L,"#03BCD4",D,!0,!0)})),_.current.addEventListener("mouseout",(function(){q.current.removeFrom(I.current),q.current=p.featureGroup(S.current),q.current.addTo(I.current),I.current.closePopup(),A.current.setStyle({fillColor:"#03BCD4"}),G(!1)})))}}),[V,L,j,D,H,Q]),c((function(){j>3e3?I.current.setZoom(1):setTimeout((function(){Z.current&&Z.current.bringToBack(),D?I.current&&Z.current&&j&&I.current.fitBounds(Z.current.getBounds(),{padding:[5,5]}):I.current&&q.current&&I.current.fitBounds(q.current.getBounds()),l(I.current,T)&&X(l(I.current,T))}),500)}),[j,D]);return k("div",{className:b.mapView,children:k("div",{className:b.mapMain,ref:I,children:B("div",{className:b.zoomGroup,children:[k(d,{title:rr<18?"Zoom in":"",placement:"left",children:k("div",{className:s(b.zoomButton,r({},b.zoomDisabled,18===rr)),onClick:function(){I.current.setZoom(rr+1)},children:k(m,{className:b.zoomInOutIcon})})}),k(d,{title:rr>1?"Zoom out":"",placement:"left",children:k("div",{className:s(b.zoomButton,r({},b.zoomDisabled,1===rr)),onClick:function(){rr>1&&I.current.setZoom(rr-1)},children:k(f,{className:b.zoomInOutIcon})})})]})})})};D.propTypes={isViewOnly:a.bool.isRequired,subjectWell:a.shape({id:a.number,formation:a.string}),wells:a.arrayOf(a.shape({})).isRequired,offsetWellIds:a.arrayOf(a.number).isRequired,radius:a.number.isRequired,handleChanageOffsetWell:a.func.isRequired,activeWellId:a.number.isRequired,isClickable:a.bool},D.defaultProps={subjectWell:null,isClickable:!0};export{D as default};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { BadgeIconStatus } from './constants';
|
|
3
|
+
declare type DQChipProps = {
|
|
4
|
+
className?: string;
|
|
5
|
+
type: BadgeIconStatus;
|
|
6
|
+
};
|
|
7
|
+
export declare const DQChip: ({ type, className }: DQChipProps) => JSX.Element;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=DQChip.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DQChip.d.ts","sourceRoot":"","sources":["../../../src/components/StatusBadge/DQChip.tsx"],"names":[],"mappings":";AASA,OAAO,EAAa,eAAe,EAAuB,MAAM,aAAa,CAAC;AAyC9E,aAAK,WAAW,GAAG;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,eAAe,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,MAAM,wBAAuD,WAAW,KAAG,WAoBvF,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__assign as a}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as r}from"react/jsx-runtime";import t from"classnames";import{makeStyles as o}from"@material-ui/core";import i from"../Chip/index.js";import{Tooltip as n}from"../Tooltip/Tooltip.js";import{DQStatusIcon as e}from"./DQStatusIcon.js";import{BADGE_ICON_STATUSES as c,ICON_SIZE as s}from"./constants.js";var m,p,l=((m={})[c.error]="/static/media/5124c957601b1a0ef1f0b93bce1ae0de.svg",m[c.warning]="/static/media/1aa187dca9a802ede389885e43aff155.svg",m[c.success]="/static/media/66745cf3868fdb983d0a2180a43b0720.svg",m),u=((p={})[c.error]="Data has not been checked",p[c.warning]="Unknown Quality Control status",p[c.success]="Automated and Manual Quality Control process in Corva",p),d=o((function(a){return{chipWrapper:{maxWidth:129},chip:{height:20},warning:{background:"rgba(255, 193, 7, 0.16) !important","& .MuiChip-icon":{color:"".concat(a.palette.warning.main," !important")}},error:{background:"rgba(244, 67, 54, 0.16) !important","& .MuiChip-icon":{color:"".concat(a.palette.error.main," !important")}},success:{background:"rgba(156, 255, 56, 0.16) !important","& .MuiChip-icon":{color:"".concat(a.palette.success.bright," !important")}}}})),g=function(o){var m=o.type,p=void 0===m?c.warning:m,g=o.className,b=d();return r(n,a({title:u[p],placement:"bottom-start"},{children:r("div",a({className:t(b.chipWrapper,g)},{children:r(i,{className:t(b.chip,b[p]),icon:r(e,{color:p,iconType:p===c.warning?"DQWarning":p,size:s.small}),label:r("img",{src:l[p],alt:p})})}))}))};export{g as DQChip};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { BadgeIconStatus } from './constants';
|
|
3
|
+
declare type IconTypes = BadgeIconStatus | 'DQWarning';
|
|
4
|
+
declare type SizeTypes = 'small' | 'large';
|
|
5
|
+
declare type iconProps = {
|
|
6
|
+
color: IconTypes;
|
|
7
|
+
className?: string;
|
|
8
|
+
iconType: IconTypes;
|
|
9
|
+
size: SizeTypes;
|
|
10
|
+
};
|
|
11
|
+
export declare const DQStatusIcon: ({ color, className, iconType, size }: iconProps) => JSX.Element;
|
|
12
|
+
export {};
|
|
13
|
+
//# sourceMappingURL=DQStatusIcon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DQStatusIcon.d.ts","sourceRoot":"","sources":["../../../src/components/StatusBadge/DQStatusIcon.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAe,eAAe,EAAE,MAAM,aAAa,CAAC;AAU3D,aAAK,SAAS,GAAG,eAAe,GAAG,WAAW,CAAC;AAC/C,aAAK,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;AAEnC,aAAK,SAAS,GAAG;IACf,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,EAAE,SAAS,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,YAAY,yCAA0C,SAAS,KAAG,WAO9E,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import{makeStyles as o}from"@material-ui/core";import e from"classnames";import{BADGE_ICONS as t}from"./constants.js";var a=o((function(r){return{small:{fontSize:"16px"},large:{fontSize:"26px"},warning:{color:r.palette.warning.main},error:{color:r.palette.error.main},success:{color:r.palette.success.bright}}})),n=function(o){var n=o.color,s=o.className,i=o.iconType,c=o.size,m=t[i],l=a();return r(m,{className:e(l[c],l[n],s)})};export{n as DQStatusIcon};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { AssetData } from '~/components/StatusBadge/constants';
|
|
3
|
+
declare type DQUnvalidatedContentProps = {
|
|
4
|
+
assetsData?: AssetData[];
|
|
5
|
+
};
|
|
6
|
+
export declare const DQUnvalidatedContent: ({ assetsData }: DQUnvalidatedContentProps) => JSX.Element;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=DQUnvalidatedContent.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DQUnvalidatedContent.d.ts","sourceRoot":"","sources":["../../../src/components/StatusBadge/DQUnvalidatedContent.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAkC,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAkE/F,aAAK,yBAAyB,GAAG;IAC/B,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;CAC1B,CAAA;AAED,eAAO,MAAM,oBAAoB,mBAAoB,yBAAyB,KAAG,WAoChF,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as t,jsx as i}from"react/jsx-runtime";import a from"classnames";import r from"moment";import{makeStyles as n,Typography as o}from"@material-ui/core";import s from"@material-ui/icons/InfoOutlined";import{BADGE_ICON_STATUSES as l,ICON_SIZE as m}from"./constants.js";import{DQStatusIcon as c}from"./DQStatusIcon.js";import{DQChip as p}from"./DQChip.js";var d=n((function(e){return{assetsContainer:{maxHeight:140,marginTop:4,marginBottom:16,overflowX:"auto"},assetWrapper:{display:"flex",whiteSpace:"nowrap",alignItems:"center",marginTop:8},assetName:{maxWidth:160,textOverflow:"ellipsis",overflow:"hidden",flex:1},container:{padding:"8px 4px 16px 4px"},chip:{marginLeft:6,flex:1},datetime:{color:e.palette.primary.text6,marginLeft:12},infoBlock:{alignItems:"center",display:"flex"},infoText:{marginLeft:9,fontSize:12,letterSpacing:"0.4px",lineHeight:"17px"},infoIcon:{color:e.palette.primary.text6},headerContainer:{alignItems:"center",display:"flex"},headerText:{marginLeft:8,lineHeight:"16px",fontSize:"14px",fontWeight:500},text:{lineHeight:"14px",fontSize:"12px",fontWeight:500,letterSpacing:"0.4px"}}})),f=function(n){var f=n.assetsData,x=d();return t("div",e({className:x.container},{children:[t("div",e({className:x.headerContainer},{children:[i(c,{color:l.error,iconType:l.error,size:m.large}),i(o,e({className:a(x.headerText)},{children:"Data Quality: Unvalidated"}))]})),i("div",e({className:x.assetsContainer},{children:null==f?void 0:f.map((function(n){var o=n.status,s=n.id,l=n.name,m=n.datetime;return t("div",e({className:x.assetWrapper},{children:[i("div",e({className:a(x.assetName,x.text)},{children:l})),i(p,{className:x.chip,type:o}),i("div",e({className:a(x.text,x.datetime)},{children:r.unix(m).format("M/D/YYYY h:mm")}))]}),s)}))})),t("div",e({className:x.infoBlock},{children:[i(s,{className:x.infoIcon}),i(o,e({className:x.infoText},{children:"Click on badge to see more details and report problem"}))]}))]}))};export{f as DQUnvalidatedContent};
|
|
@@ -1,13 +1,31 @@
|
|
|
1
|
-
export declare
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
export declare type BadgeIconStatus = 'warning' | 'error' | 'success';
|
|
2
|
+
export declare type AssetData = {
|
|
3
|
+
status: BadgeIconStatus;
|
|
4
|
+
name: string;
|
|
5
|
+
datetime: number;
|
|
6
|
+
id: number;
|
|
7
|
+
};
|
|
8
|
+
declare type BadgeIconStatuses = {
|
|
9
|
+
success: 'success';
|
|
10
|
+
warning: 'warning';
|
|
11
|
+
error: 'error';
|
|
5
12
|
};
|
|
13
|
+
export declare const BADGE_ICON_STATUSES: BadgeIconStatuses;
|
|
6
14
|
export declare const BADGE_ICONS: {
|
|
7
|
-
|
|
15
|
+
success: import("@material-ui/core/OverridableComponent").OverridableComponent<import("@material-ui/core").SvgIconTypeMap<{}, "svg">>;
|
|
16
|
+
warning: import("@material-ui/core/OverridableComponent").OverridableComponent<import("@material-ui/core").SvgIconTypeMap<{}, "svg">>;
|
|
17
|
+
DQWarning: import("@material-ui/core/OverridableComponent").OverridableComponent<import("@material-ui/core").SvgIconTypeMap<{}, "svg">>;
|
|
18
|
+
error: import("@material-ui/core/OverridableComponent").OverridableComponent<import("@material-ui/core").SvgIconTypeMap<{}, "svg">>;
|
|
8
19
|
};
|
|
9
20
|
export declare const WARNING = "Recommendations may be incorrect based on data quality errors";
|
|
10
21
|
export declare const TOOLTIPS: {
|
|
11
|
-
|
|
22
|
+
success: string;
|
|
23
|
+
warning: string;
|
|
24
|
+
};
|
|
25
|
+
declare type IconSizeType = {
|
|
26
|
+
small: 'small';
|
|
27
|
+
large: 'large';
|
|
12
28
|
};
|
|
29
|
+
export declare const ICON_SIZE: IconSizeType;
|
|
30
|
+
export {};
|
|
13
31
|
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/StatusBadge/constants.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,mBAAmB
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/StatusBadge/constants.ts"],"names":[],"mappings":"AAIA,oBAAY,eAAe,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAE9D,oBAAY,SAAS,GAAG;IACtB,MAAM,EAAE,eAAe,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,aAAK,iBAAiB,GAAG;IACvB,OAAO,EAAE,SAAS,CAAC;IACnB,OAAO,EAAE,SAAS,CAAC;IACnB,KAAK,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,iBAIjC,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;CAKvB,CAAC;AAEF,eAAO,MAAM,OAAO,kEAAkE,CAAC;AAEvF,eAAO,MAAM,QAAQ;;;CAGpB,CAAA;AAED,aAAK,YAAY,GAAG;IAAE,KAAK,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,OAAO,CAAA;CAAE,CAAC;AAEvD,eAAO,MAAM,SAAS,EAAE,YAGvB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import r from"@material-ui/icons/Warning";import{GppGoodIcon as
|
|
1
|
+
import r from"@material-ui/icons/Warning";import{GppGoodIcon as s}from"../Icons/GppGoodIcon.js";import{GppBadIcon as a}from"../Icons/GppBadIcon.js";var n,o,e={success:"success",warning:"warning",error:"error"},i=((n={})[e.success]=s,n[e.warning]=r,n.DQWarning=a,n[e.error]=a,n),c="Recommendations may be incorrect based on data quality errors",m=((o={})[e.success]="Everything is Validated",o[e.warning]=c,o),t={small:"small",large:"large"};export{i as BADGE_ICONS,e as BADGE_ICON_STATUSES,t as ICON_SIZE,m as TOOLTIPS,c as WARNING};
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import { BadgeIconStatus, AssetData } from '~/components/StatusBadge/constants';
|
|
2
3
|
declare type StatusBadgeProps = {
|
|
3
|
-
|
|
4
|
+
assetsData?: AssetData[];
|
|
5
|
+
iconType?: BadgeIconStatus;
|
|
4
6
|
isMobile: boolean;
|
|
5
7
|
lastTimestamp: number;
|
|
6
8
|
warningMessage?: string;
|
|
7
9
|
};
|
|
8
|
-
export declare const StatusBadge: ({ iconType, lastTimestamp, warningMessage,
|
|
10
|
+
export declare const StatusBadge: ({ assetsData, iconType, isMobile, lastTimestamp, warningMessage, }: StatusBadgeProps) => JSX.Element;
|
|
9
11
|
export {};
|
|
10
12
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/StatusBadge/index.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/StatusBadge/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAKL,eAAe,EACf,SAAS,EACV,MAAM,oCAAoC,CAAC;AA2D5C,aAAK,gBAAgB,GAAG;IACtB,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,WAAW,uEAMrB,gBAAgB,KAAG,WA6CrB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as t,jsxs as n}from"react/jsx-runtime";import a from"moment";import
|
|
1
|
+
import{__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as t,jsxs as n}from"react/jsx-runtime";import a from"moment";import i from"classnames";import{makeStyles as o,Typography as r}from"@material-ui/core";import{Tooltip as s}from"../Tooltip/Tooltip.js";import{TOOLTIPS as p,WARNING as l,ICON_SIZE as c,BADGE_ICON_STATUSES as m}from"./constants.js";import{DQStatusIcon as d}from"./DQStatusIcon.js";import{DQUnvalidatedContent as g}from"./DQUnvalidatedContent.js";var f=o((function(e){return{statusBadgeWrapper:{backgroundColor:e.palette.background.b4,display:"flex",height:30},statusBadgeContent:{display:"flex",flexDirection:function(e){return e.isWarningTypeIcon?"row-reverse":"initial"},justifyContent:function(e){return e.isWarningTypeIcon&&"flex-end"},padding:"12px 0 2px 2px",whiteSpace:"nowrap",width:"calc(100% - 140px)"},text:{fontSize:"10px",lineHeight:"12px",alignSelf:"center"},timestamp:{color:e.palette.primary.text6,marginLeft:function(e){var t=e.isWarningTypeIcon,n=e.isIconType;return!t&&n&&8}},warningMessage:{color:e.palette.primary.text1,marginLeft:4,textOverflow:"ellipsis",overflow:"hidden",fontSize:"12px"},badgeIconWarning:{marginLeft:8},popper:function(t){return{"& .MuiTooltip-tooltip":{maxWidth:455,width:t.isScrollable?455:439,padding:4,fontSize:12,boxShadow:"0px 0px 4px 2px rgb(0 0 0 / 12%)",fontWeight:400,lineHeight:"16px",letterSpacing:"0.4px",backgroundColor:e.palette.background.b9}}}}})),u=function(o){var u,x=o.assetsData,h=void 0===x?[]:x,b=o.iconType,y=o.isMobile,v=o.lastTimestamp,w=o.warningMessage,T=b==m.warning,S=b==m.error,W=f({isWarningTypeIcon:T,isIconType:!!b,isScrollable:(null==h?void 0:h.length)>5}),I=p[b];return T&&w&&(I="".concat(p[b],". ").concat(w)),S&&(I=t(g,{assetsData:h})),t("div",e({className:W.statusBadgeWrapper},{children:n("div",e({className:W.statusBadgeContent},{children:[T&&!y&&t(r,e({className:i(W.text,W.warningMessage),variant:"body1"},{children:w?"".concat(l,". ").concat(w):l})),b&&t(s,e({PopperProps:S&&{className:W.popper},placement:"top",title:I},{children:t("div",{children:t(d,{className:i((u={},u[W.badgeIconWarning]=T,u)),color:b,iconType:b,size:c.small})})})),n(r,e({className:i(W.text,W.timestamp),variant:"body1"},{children:["Last Update: ",a.unix(v).format("M/D/YYYY h:mm a")]}))]}))}))};export{u as StatusBadge};
|