@corva/ui 3.73.0-7 → 3.73.0-rc.0

package/components/OffsetWellPickerV2/components/Map/Map.js

@@ -1,2 +1,2 @@
-import r from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/slicedToArray";import{memo as t,useRef as o,useState as n,useMemo as i,useEffect as l,createElement as a}from"react";import u from"prop-types";import{get as s,sortBy as c}from"lodash";import{MuiThemeProvider as m}from"@material-ui/core/styles";import p from"./Map.css.js";import{mapbox as d}from"../../../../utils/index.js";import{createAdaptiveRoot as f}from"../../../../utils/createAdaptiveRoot.js";import{darkTheme as h}from"../../../../config/theme/index.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/helpers/typeof";import"@babel/runtime/regenerator";import"highcharts";import"highcharts/highcharts-more";import"highcharts/modules/solid-gauge";import"highcharts/modules/heatmap";import"highcharts/modules/boost";import"highcharts/modules/exporting";import"highcharts/modules/xrange";import"highcharts/modules/dumbbell";import"highcharts/modules/pattern-fill";import"highcharts/modules/annotations";import"highcharts-multicolor-series";import"dompurify";import{IS_MAPBOX_ENABLED as b}from"../../../../config/mapbox/index.js";import"@babel/runtime/helpers/createClass";import"@babel/runtime/helpers/classCallCheck";import"@babel/runtime/helpers/assertThisInitialized";import"@babel/runtime/helpers/inherits";import"@babel/runtime/helpers/possibleConstructorReturn";import"@babel/runtime/helpers/getPrototypeOf";import"@babel/runtime/helpers/toArray";import"@babel/runtime/helpers/toConsumableArray";import"../../../../clients/subscriptions/constants.js";import"../../../../clients/subscriptions.v1.js";import"../../../../clients/subscriptions/subscriptions-client.factory.js";import"../../../../config/extendNative.js";import"../../../../config/mapboxGl/index.js";import"mapbox-gl/dist/mapbox-gl.css";import{jsxs as g,jsx as v}from"react/jsx-runtime";import y from"mapbox-gl";function F(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),t.push.apply(t,o)}return t}function j(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?F(Object(o),!0).forEach((function(t){r(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):F(Object(o)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}var w=d.isValidCoordinates,O=["#FF00FF","#F5BD80","#FF0000","#0080FF","#FF8000","#58ACFA","#FA58F4","#40FF00","#4B8A08","#40FF00","#D8F781"],x=[29.749907,-95.358421],C={type:"FeatureCollection",features:[]},P=function(r){var t=e(r,2),o=t[0];return[t[1],o]};function S(t){var u=t.subjectWell,d=t.wells,F=t.offsetWells,S=t.radius,M=t.subjectWellMarkerSize,D=t.wellMarkerSize,N=t.popUpFormatter,k=t.coordsDataPath,I=o(null),W=o(null),L=o(null),B=o(null),z=o(null),A=o(null),T=o(null),E=o(),q=n(!1),R=e(q,2),U=R[0],G=R[1],V=i((function(){return d.filter((function(r){return!u||u.id!==r.id}))}),[u,d]),Z=i((function(){return u&&s(u,k)}),[u,k]),_=i((function(){var e=[],t=!1;V.forEach((function(r){"Null"===r.formation?t=!0:u&&u.formation===r.formation||e.includes(r.formation)||e.push(r.formation)}));var o=u?[u.formation].concat(c(e)):c(e);t&&!o.includes("Null")&&o.push("Null");var n=o.reduce((function(e,t,o){return j(j({},e),{},r({},t,O[o%O.length]))}),{});return[o,n]}),[u,V]),H=e(_,2),J=H[0],K=H[1];return l((function(){if(b){W.current=new y.Map({container:I.current,style:"mapbox://styles/mapbox/dark-v9",center:P(x),zoom:1,attributionControl:!1,scrollZoom:!1}),W.current.addControl(new y.NavigationControl({showCompass:!1}),"bottom-right"),W.current.on("load",(function(){W.current.addSource("radius-circle",{type:"geojson",data:C}),W.current.addLayer({id:"radius-circle",type:"fill",source:"radius-circle",paint:{"fill-color":"#03BCD4","fill-opacity":.2}}),W.current.addSource("wells",{type:"geojson",data:C}),W.current.addLayer({id:"wells",type:"circle",source:"wells",paint:{"circle-radius":["get","radius"],"circle-color":["get","color"],"circle-opacity":["get","opacity"]}}),G(!0)}));var r=W.current;return function(){var e;null===(e=A.current)||void 0===e||e.unmount(),A.current=null,T.current=null,r.remove(),W.current=null,L.current=null,B.current=null}}}),[]),l((function(){if(W.current&&U){if(!Z)return W.current.getSource("radius-circle").setData(C),void(L.current=null);var r=function(r,t){for(var o=e(r,2),n=o[0],i=o[1],l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:64,a=[],u=t/(111320*Math.cos(n*Math.PI/180)),s=t/110574,c=0;c<=l;c+=1){var m=c/l*(2*Math.PI);a.push([i+u*Math.cos(m),n+s*Math.sin(m)])}return a}(Z,1609.34*S);W.current.getSource("radius-circle").setData({type:"Feature",geometry:{type:"Polygon",coordinates:[r]}}),L.current=r.reduce((function(r,e){return r.extend(e)}),new y.LngLatBounds)}}),[S,Z,U]),l((function(){var r;if(W.current&&U){var e=E.current;E.current=d,null===(r=z.current)||void 0===r||r.remove();var t=F.map((function(r){return r.id})),o=[],n={},i=new y.LngLatBounds;d.forEach((function(r){var e=s(r,k);if(e&&w(e)){var l=u&&u.id===r.id,a=t.includes(r.id),c=l?M:D,m=l||a?"#00FFFF":K[r.formation],p=l||a?1:.3;n[r.id]=r,i.extend(P(e)),o.push({type:"Feature",geometry:{type:"Point",coordinates:P(e)},properties:{wellId:r.id,radius:c,color:m,opacity:p}})}})),W.current.getSource("wells").setData({type:"FeatureCollection",features:o}),B.current=o.length?i:null;var l=W.current,c=null,p=function(r){l.getCanvas().style.cursor="pointer";var e=n[r.features[0].properties.wellId];if(e&&e.id!==c&&(c=e.id,N)){var t=a(N,{well:e,color:K[e.formation]});T.current||(T.current=document.createElement("div"),A.current=f(T.current)),A.current.render(v(m,{theme:h,children:t})),z.current||(z.current=new y.Popup({closeButton:!1,maxWidth:"none"})),z.current.setLngLat(P(s(e,k))).setDOMContent(T.current).addTo(l)}},b=function(){c=null,l.getCanvas().style.cursor=""};return l.on("mousemove","wells",p),l.on("mouseleave","wells",b),setTimeout((function(){W.current&&L.current&&d!==e&&W.current.fitBounds(L.current,{padding:5})}),500),function(){l.off("mousemove","wells",p),l.off("mouseleave","wells",b)}}}),[u,d,F,K,U]),l((function(){setTimeout((function(){u?W.current&&L.current&&W.current.fitBounds(L.current,{padding:5}):W.current&&B.current&&W.current.fitBounds(B.current)}),500)}),[S,u,U]),g("div",{className:p.map,children:[v("div",{className:p.mapMain,ref:I}),g("div",{className:p.mapFooter,children:[F&&g("div",{className:p.mapFooterItem,children:[v("div",{className:p.mapFooterItemSquare,style:{backgroundColor:"#00FFFF"}}),v("div",{className:p.mapFooterItemLabel,children:"Selected Offset Wells"})]}),J.map((function(r){return g("div",{className:p.mapFooterItem,children:[v("div",{className:p.mapFooterItemSquare,style:{backgroundColor:K[r]}}),v("div",{className:p.mapFooterItemLabel,children:r})]},r)}))]})]})}S.propTypes={subjectWell:u.shape({id:u.number,formation:u.string}),wells:u.arrayOf(u.shape({})).isRequired,offsetWells:u.arrayOf(u.shape({})),radius:u.number.isRequired,subjectWellMarkerSize:u.number,wellMarkerSize:u.number,popUpFormatter:u.func,coordsDataPath:u.string},S.defaultProps={subjectWell:null,subjectWellMarkerSize:10,wellMarkerSize:5,popUpFormatter:null,coordsDataPath:"settings.top_hole.coordinates",offsetWells:null};var M=t(S);export{M as default};
+import r from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/slicedToArray";import{memo as t,useRef as o,useState as n,useMemo as i,useEffect as l,createElement as a}from"react";import u from"prop-types";import{get as s,sortBy as c}from"lodash";import{MuiThemeProvider as m}from"@material-ui/core/styles";import p from"./Map.css.js";import{mapbox as d}from"../../../../utils/index.js";import{createAdaptiveRoot as f}from"../../../../utils/createAdaptiveRoot.js";import{darkTheme as h}from"../../../../config/theme/index.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/helpers/typeof";import"@babel/runtime/regenerator";import"highcharts";import"highcharts/highcharts-more";import"highcharts/modules/solid-gauge";import"highcharts/modules/heatmap";import"highcharts/modules/boost";import"highcharts/modules/exporting";import"highcharts/modules/xrange";import"highcharts/modules/dumbbell";import"highcharts/modules/pattern-fill";import"highcharts/modules/annotations";import"highcharts-multicolor-series";import"dompurify";import{IS_MAPBOX_ENABLED as b}from"../../../../config/mapbox/index.js";import"@babel/runtime/helpers/createClass";import"@babel/runtime/helpers/classCallCheck";import"@babel/runtime/helpers/assertThisInitialized";import"@babel/runtime/helpers/inherits";import"@babel/runtime/helpers/possibleConstructorReturn";import"@babel/runtime/helpers/getPrototypeOf";import"@babel/runtime/helpers/toArray";import"@babel/runtime/helpers/toConsumableArray";import"../../../../clients/subscriptions/constants.js";import"../../../../clients/subscriptions.v1.js";import"../../../../clients/subscriptions/subscriptions-client.factory.js";import"../../../../config/extendNative.js";import"../../../../config/mapboxGl/index.js";import"mapbox-gl/dist/mapbox-gl.css";import{jsxs as g,jsx as v}from"react/jsx-runtime";import y from"mapbox-gl";function F(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),t.push.apply(t,o)}return t}function j(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?F(Object(o),!0).forEach((function(t){r(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):F(Object(o)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}var w=d.isValidCoordinates,O=["#FF00FF","#F5BD80","#FF0000","#0080FF","#FF8000","#58ACFA","#FA58F4","#40FF00","#4B8A08","#40FF00","#D8F781"],x=[29.749907,-95.358421],C={type:"FeatureCollection",features:[]},P=function(r){var t=e(r,2),o=t[0];return[t[1],o]};function N(t){var u=t.subjectWell,d=void 0===u?null:u,F=t.wells,N=t.offsetWells,M=void 0===N?null:N,I=t.radius,L=t.subjectWellMarkerSize,k=void 0===L?S:L,B=t.wellMarkerSize,A=void 0===B?D:B,W=t.popUpFormatter,T=void 0===W?null:W,z=t.coordsDataPath,E=void 0===z?"settings.top_hole.coordinates":z,q=o(null),R=o(null),G=o(null),U=o(null),V=o(null),Z=o(null),_=o(null),H=o(),J=n(!1),K=e(J,2),Q=K[0],X=K[1],Y=i((function(){return F.filter((function(r){return!d||d.id!==r.id}))}),[d,F]),$=i((function(){return d&&s(d,E)}),[d,E]),rr=i((function(){var e=[],t=!1;Y.forEach((function(r){"Null"===r.formation?t=!0:d&&d.formation===r.formation||e.includes(r.formation)||e.push(r.formation)}));var o=d?[d.formation].concat(c(e)):c(e);t&&!o.includes("Null")&&o.push("Null");var n=o.reduce((function(e,t,o){return j(j({},e),{},r({},t,O[o%O.length]))}),{});return[o,n]}),[d,Y]),er=e(rr,2),tr=er[0],or=er[1];return l((function(){if(b){R.current=new y.Map({container:q.current,style:"mapbox://styles/mapbox/dark-v9",center:P(x),zoom:1,attributionControl:!1,scrollZoom:!1}),R.current.addControl(new y.NavigationControl({showCompass:!1}),"bottom-right"),R.current.on("load",(function(){R.current.addSource("radius-circle",{type:"geojson",data:C}),R.current.addLayer({id:"radius-circle",type:"fill",source:"radius-circle",paint:{"fill-color":"#03BCD4","fill-opacity":.2}}),R.current.addSource("wells",{type:"geojson",data:C}),R.current.addLayer({id:"wells",type:"circle",source:"wells",paint:{"circle-radius":["get","radius"],"circle-color":["get","color"],"circle-opacity":["get","opacity"]}}),X(!0)}));var r=R.current;return function(){var e;null===(e=Z.current)||void 0===e||e.unmount(),Z.current=null,_.current=null,r.remove(),R.current=null,G.current=null,U.current=null}}}),[]),l((function(){if(R.current&&Q){if(!$)return R.current.getSource("radius-circle").setData(C),void(G.current=null);var r=function(r,t){for(var o=e(r,2),n=o[0],i=o[1],l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:64,a=[],u=t/(111320*Math.cos(n*Math.PI/180)),s=t/110574,c=0;c<=l;c+=1){var m=c/l*(2*Math.PI);a.push([i+u*Math.cos(m),n+s*Math.sin(m)])}return a}($,1609.34*I);R.current.getSource("radius-circle").setData({type:"Feature",geometry:{type:"Polygon",coordinates:[r]}}),G.current=r.reduce((function(r,e){return r.extend(e)}),new y.LngLatBounds)}}),[I,$,Q]),l((function(){var r;if(R.current&&Q){var e=H.current;H.current=F,null===(r=V.current)||void 0===r||r.remove();var t=M.map((function(r){return r.id})),o=[],n={},i=new y.LngLatBounds;F.forEach((function(r){var e=s(r,E);if(e&&w(e)){var l=d&&d.id===r.id,a=t.includes(r.id),u=l?k:A,c=l||a?"#00FFFF":or[r.formation],m=l||a?1:.3;n[r.id]=r,i.extend(P(e)),o.push({type:"Feature",geometry:{type:"Point",coordinates:P(e)},properties:{wellId:r.id,radius:u,color:c,opacity:m}})}})),R.current.getSource("wells").setData({type:"FeatureCollection",features:o}),U.current=o.length?i:null;var l=R.current,u=null,c=function(r){l.getCanvas().style.cursor="pointer";var e=n[r.features[0].properties.wellId];if(e&&e.id!==u&&(u=e.id,T)){var t=a(T,{well:e,color:or[e.formation]});_.current||(_.current=document.createElement("div"),Z.current=f(_.current)),Z.current.render(v(m,{theme:h,children:t})),V.current||(V.current=new y.Popup({closeButton:!1,maxWidth:"none"})),V.current.setLngLat(P(s(e,E))).setDOMContent(_.current).addTo(l)}},p=function(){u=null,l.getCanvas().style.cursor=""};return l.on("mousemove","wells",c),l.on("mouseleave","wells",p),setTimeout((function(){R.current&&G.current&&F!==e&&R.current.fitBounds(G.current,{padding:5})}),500),function(){l.off("mousemove","wells",c),l.off("mouseleave","wells",p)}}}),[d,F,M,or,Q]),l((function(){setTimeout((function(){d?R.current&&G.current&&R.current.fitBounds(G.current,{padding:5}):R.current&&U.current&&R.current.fitBounds(U.current)}),500)}),[I,d,Q]),g("div",{className:p.map,children:[v("div",{className:p.mapMain,ref:q}),g("div",{className:p.mapFooter,children:[M&&g("div",{className:p.mapFooterItem,children:[v("div",{className:p.mapFooterItemSquare,style:{backgroundColor:"#00FFFF"}}),v("div",{className:p.mapFooterItemLabel,children:"Selected Offset Wells"})]}),tr.map((function(r){return g("div",{className:p.mapFooterItem,children:[v("div",{className:p.mapFooterItemSquare,style:{backgroundColor:or[r]}}),v("div",{className:p.mapFooterItemLabel,children:r})]},r)}))]})]})}N.propTypes={subjectWell:u.shape({id:u.number,formation:u.string}),wells:u.arrayOf(u.shape({})).isRequired,offsetWells:u.arrayOf(u.shape({})),radius:u.number.isRequired,subjectWellMarkerSize:u.number,wellMarkerSize:u.number,popUpFormatter:u.func,coordsDataPath:u.string};var S=10,D=5,M=t(N);export{M as default};
 //# sourceMappingURL=Map.js.map

package/components/OffsetWellPickerV2/components/Map/Map.js.map

@@ -1 +1 @@
-{"version":3,"file":"Map.js","sources":["../../../../../src/components/OffsetWellPickerV2/components/Map/Map.js"],"sourcesContent":["import { createElement, memo, useRef, useEffect, useMemo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { get, sortBy } from 'lodash';\nimport { MuiThemeProvider } from '@material-ui/core/styles';\n\nimport styles from './Map.css';\n\nimport { mapbox } from '~/utils';\nimport { createAdaptiveRoot } from '~/utils/createAdaptiveRoot';\nimport { theme } from '~/config';\nimport mapboxgl from '~/config/mapboxGl';\nimport { IS_MAPBOX_ENABLED } from '~/config/mapbox';\nimport 'mapbox-gl/dist/mapbox-gl.css';\n\nconst { isValidCoordinates } = mapbox;\n\nconst RADIUS_CIRCLE_COLOR = '#03BCD4';\nconst METERS_IN_MILE = 1609.34;\nconst DEFAULT_SUBJECT_WELL_MARKER_SIZE = 10;\nconst DEFAULT_WELL_MARKER_SIZE = 5;\nconst OFFSET_WELL_COLOR = '#00FFFF';\nconst COLORS = [\n  '#FF00FF',\n  '#F5BD80',\n  '#FF0000',\n  '#0080FF',\n  '#FF8000',\n  '#58ACFA',\n  '#FA58F4',\n  '#40FF00',\n  '#4B8A08',\n  '#40FF00',\n  '#D8F781',\n];\n\nconst DEFAULT_COORDS = [29.749907, -95.358421]; // TX coordinates\n\nconst RADIUS_CIRCLE_ID = 'radius-circle';\nconst WELLS_ID = 'wells';\nconst EMPTY_FEATURE_COLLECTION = { type: 'FeatureCollection', features: [] };\n\nconst toLngLat = ([lat, lng]) => [lng, lat];\n\n// NOTE: mapbox-gl has no geographic-radius circle primitive, so approximate it with a polygon\nconst makeCirclePolygon = ([lat, lng], radiusMeters, points = 64) => {\n  const ring = [];\n  const distanceX = radiusMeters / (111320 * Math.cos((lat * Math.PI) / 180));\n  const distanceY = radiusMeters / 110574;\n  for (let i = 0; i <= points; i += 1) {\n    const theta = (i / points) * (2 * Math.PI);\n    ring.push([lng + distanceX * Math.cos(theta), lat + distanceY * Math.sin(theta)]);\n  }\n  return ring;\n};\n\n// eslint-disable-next-line no-unused-vars\nfunction WellsMap({\n  subjectWell,\n  wells,\n  offsetWells,\n  radius,\n  subjectWellMarkerSize,\n  wellMarkerSize,\n  popUpFormatter,\n  coordsDataPath,\n}) {\n  const mapContainerRef = useRef(null);\n  const mapRef = useRef(null);\n  const radiusCircleBoundsRef = useRef(null);\n  const markersBoundsRef = useRef(null);\n  const popupRef = useRef(null);\n  const tooltipRootRef = useRef(null);\n  const tooltipContainerRef = useRef(null);\n  const prevWellsRef = useRef();\n  const [isMapReady, setIsMapReady] = useState(false);\n\n  const restWells = useMemo(() => {\n    return wells.filter(well => !subjectWell || subjectWell.id !== well.id);\n  }, [subjectWell, wells]);\n\n  const subjectWellCoords = useMemo(() => {\n    return subjectWell && get(subjectWell, coordsDataPath);\n  }, [subjectWell, coordsDataPath]);\n\n  // NOTE: Get well marker colors according to its target formation\n  const [formations, colorDict] = useMemo(() => {\n    // NOTE: Determine well marker colors\n    const restFormations = [];\n    let hasNullFormation = false;\n\n    restWells.forEach(well => {\n      if (well.formation === 'Null') {\n        hasNullFormation = true;\n      } else if (\n        (!subjectWell || subjectWell.formation !== well.formation) &&\n        !restFormations.includes(well.formation)\n      ) {\n        restFormations.push(well.formation);\n      }\n    });\n\n    const sortedFormations = subjectWell\n      ? [subjectWell.formation].concat(sortBy(restFormations))\n      : sortBy(restFormations);\n\n    if (hasNullFormation && !sortedFormations.includes('Null')) {\n      sortedFormations.push('Null');\n    }\n\n    const colors = sortedFormations.reduce(\n      (result, item, idx) => ({\n        ...result,\n        [item]: COLORS[idx % COLORS.length],\n      }),\n      {}\n    );\n\n    return [sortedFormations, colors];\n  }, [subjectWell, restWells]);\n\n  // NOTE: Initialize map\n  useEffect(() => {\n    if (!IS_MAPBOX_ENABLED) return undefined;\n\n    mapRef.current = new mapboxgl.Map({\n      container: mapContainerRef.current,\n      style: 'mapbox://styles/mapbox/dark-v9',\n      center: toLngLat(DEFAULT_COORDS),\n      zoom: 1,\n      attributionControl: false,\n      scrollZoom: false,\n    });\n\n    mapRef.current.addControl(\n      new mapboxgl.NavigationControl({ showCompass: false }),\n      'bottom-right'\n    );\n\n    // NOTE: Sources/layers can only be added once the style has loaded.\n    // The radius circle layer is added first so well markers render above it (was bringToBack)\n    mapRef.current.on('load', () => {\n      mapRef.current.addSource(RADIUS_CIRCLE_ID, {\n        type: 'geojson',\n        data: EMPTY_FEATURE_COLLECTION,\n      });\n      mapRef.current.addLayer({\n        id: RADIUS_CIRCLE_ID,\n        type: 'fill',\n        source: RADIUS_CIRCLE_ID,\n        paint: {\n          'fill-color': RADIUS_CIRCLE_COLOR,\n          'fill-opacity': 0.2,\n        },\n      });\n\n      mapRef.current.addSource(WELLS_ID, { type: 'geojson', data: EMPTY_FEATURE_COLLECTION });\n      mapRef.current.addLayer({\n        id: WELLS_ID,\n        type: 'circle',\n        source: WELLS_ID,\n        paint: {\n          'circle-radius': ['get', 'radius'],\n          'circle-color': ['get', 'color'],\n          'circle-opacity': ['get', 'opacity'],\n        },\n      });\n\n      setIsMapReady(true);\n    });\n\n    const map = mapRef.current;\n    return () => {\n      tooltipRootRef.current?.unmount();\n      tooltipRootRef.current = null;\n      tooltipContainerRef.current = null;\n\n      map.remove();\n      mapRef.current = null;\n      radiusCircleBoundsRef.current = null;\n      markersBoundsRef.current = null;\n    };\n  }, []);\n\n  // NOTE: Radius circle\n  useEffect(() => {\n    if (!mapRef.current || !isMapReady) {\n      return;\n    }\n\n    if (!subjectWellCoords) {\n      mapRef.current.getSource(RADIUS_CIRCLE_ID).setData(EMPTY_FEATURE_COLLECTION);\n      radiusCircleBoundsRef.current = null;\n      return;\n    }\n\n    const ring = makeCirclePolygon(subjectWellCoords, radius * METERS_IN_MILE);\n    mapRef.current.getSource(RADIUS_CIRCLE_ID).setData({\n      type: 'Feature',\n      geometry: { type: 'Polygon', coordinates: [ring] },\n    });\n    radiusCircleBoundsRef.current = ring.reduce(\n      (bounds, coord) => bounds.extend(coord),\n      new mapboxgl.LngLatBounds()\n    );\n  }, [radius, subjectWellCoords, isMapReady]);\n\n  // NOTE: Well markers\n  useEffect(() => {\n    if (!mapRef.current || !isMapReady) {\n      return undefined;\n    }\n\n    const prevWells = prevWellsRef.current;\n    prevWellsRef.current = wells;\n\n    popupRef.current?.remove();\n\n    const offsetWellIds = offsetWells.map(well => well.id);\n\n    const features = [];\n    const wellsById = {};\n    const bounds = new mapboxgl.LngLatBounds();\n    wells.forEach(well => {\n      const coords = get(well, coordsDataPath);\n\n      if (coords && isValidCoordinates(coords)) {\n        const isWellSubject = subjectWell && subjectWell.id === well.id;\n        const isWellOffset = offsetWellIds.includes(well.id);\n        const r = isWellSubject ? subjectWellMarkerSize : wellMarkerSize;\n        const color = isWellSubject || isWellOffset ? OFFSET_WELL_COLOR : colorDict[well.formation];\n        const opacity = isWellSubject || isWellOffset ? 1 : 0.3;\n\n        wellsById[well.id] = well;\n        bounds.extend(toLngLat(coords));\n        features.push({\n          type: 'Feature',\n          geometry: { type: 'Point', coordinates: toLngLat(coords) },\n          properties: { wellId: well.id, radius: r, color, opacity },\n        });\n      }\n    });\n\n    mapRef.current.getSource(WELLS_ID).setData({ type: 'FeatureCollection', features });\n    markersBoundsRef.current = features.length ? bounds : null;\n\n    const map = mapRef.current;\n    let hoveredWellId = null;\n\n    const handleMouseMove = e => {\n      map.getCanvas().style.cursor = 'pointer';\n\n      const well = wellsById[e.features[0].properties.wellId];\n      if (!well || well.id === hoveredWellId) {\n        return;\n      }\n      hoveredWellId = well.id;\n\n      if (popUpFormatter) {\n        const popUpContent = createElement(popUpFormatter, {\n          well,\n          color: colorDict[well.formation],\n        });\n        // NOTE: Custom popup may have buttons. Reuse a single container/root and update its content.\n        if (!tooltipContainerRef.current) {\n          tooltipContainerRef.current = document.createElement('div');\n          tooltipRootRef.current = createAdaptiveRoot(tooltipContainerRef.current);\n        }\n        tooltipRootRef.current.render(\n          <MuiThemeProvider theme={theme.darkTheme}>{popUpContent}</MuiThemeProvider>\n        );\n\n        if (!popupRef.current) {\n          popupRef.current = new mapboxgl.Popup({ closeButton: false, maxWidth: 'none' });\n        }\n        popupRef.current\n          .setLngLat(toLngLat(get(well, coordsDataPath)))\n          .setDOMContent(tooltipContainerRef.current)\n          .addTo(map);\n      }\n    };\n\n    const handleMouseLeave = () => {\n      hoveredWellId = null;\n      map.getCanvas().style.cursor = '';\n    };\n\n    map.on('mousemove', WELLS_ID, handleMouseMove);\n    map.on('mouseleave', WELLS_ID, handleMouseLeave);\n\n    setTimeout(() => {\n      if (mapRef.current && radiusCircleBoundsRef.current && wells !== prevWells) {\n        mapRef.current.fitBounds(radiusCircleBoundsRef.current, { padding: 5 });\n      }\n    }, 500);\n\n    return () => {\n      map.off('mousemove', WELLS_ID, handleMouseMove);\n      map.off('mouseleave', WELLS_ID, handleMouseLeave);\n    };\n  }, [subjectWell, wells, offsetWells, colorDict, isMapReady]);\n\n  useEffect(() => {\n    setTimeout(() => {\n      if (subjectWell) {\n        if (mapRef.current && radiusCircleBoundsRef.current) {\n          mapRef.current.fitBounds(radiusCircleBoundsRef.current, {\n            padding: 5,\n          });\n        }\n      } else if (mapRef.current && markersBoundsRef.current) {\n        mapRef.current.fitBounds(markersBoundsRef.current);\n      }\n    }, 500);\n  }, [radius, subjectWell, isMapReady]);\n\n  return (\n    <div className={styles.map}>\n      <div className={styles.mapMain} ref={mapContainerRef} />\n\n      <div className={styles.mapFooter}>\n        {offsetWells && (\n          <div className={styles.mapFooterItem}>\n            <div\n              className={styles.mapFooterItemSquare}\n              style={{ backgroundColor: OFFSET_WELL_COLOR }}\n            />\n            <div className={styles.mapFooterItemLabel}>Selected Offset Wells</div>\n          </div>\n        )}\n\n        {formations.map(item => (\n          <div className={styles.mapFooterItem} key={item}>\n            <div\n              className={styles.mapFooterItemSquare}\n              style={{ backgroundColor: colorDict[item] }}\n            />\n            <div className={styles.mapFooterItemLabel}>{item}</div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n\nWellsMap.propTypes = {\n  subjectWell: PropTypes.shape({\n    id: PropTypes.number,\n    formation: PropTypes.string,\n  }),\n  wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  offsetWells: PropTypes.arrayOf(PropTypes.shape({})),\n  radius: PropTypes.number.isRequired,\n  subjectWellMarkerSize: PropTypes.number,\n  wellMarkerSize: PropTypes.number,\n  popUpFormatter: PropTypes.func,\n  coordsDataPath: PropTypes.string,\n};\n\nWellsMap.defaultProps = {\n  subjectWell: null,\n  subjectWellMarkerSize: DEFAULT_SUBJECT_WELL_MARKER_SIZE,\n  wellMarkerSize: DEFAULT_WELL_MARKER_SIZE,\n  popUpFormatter: null,\n  coordsDataPath: 'settings.top_hole.coordinates',\n  offsetWells: null,\n};\n\nexport default memo(WellsMap);\n"],"names":["isValidCoordinates","mapbox","COLORS","DEFAULT_COORDS","EMPTY_FEATURE_COLLECTION","type","features","toLngLat","_ref","_ref2","_slicedToArray","lat","WellsMap","_ref5","subjectWell","wells","offsetWells","radius","subjectWellMarkerSize","wellMarkerSize","popUpFormatter","coordsDataPath","mapContainerRef","useRef","mapRef","radiusCircleBoundsRef","markersBoundsRef","popupRef","tooltipRootRef","tooltipContainerRef","prevWellsRef","useState","_useState2","_useState","isMapReady","setIsMapReady","restWells","useMemo","filter","well","id","subjectWellCoords","get","restFormations","hasNullFormation","forEach","formation","includes","push","sortedFormations","concat","sortBy","colors","reduce","result","item","idx","length","_useMemo2","_useMemo","formations","colorDict","useEffect","IS_MAPBOX_ENABLED","current","mapboxgl","Map","container","style","center","zoom","attributionControl","scrollZoom","addControl","NavigationControl","showCompass","on","addSource","data","addLayer","source","paint","map","_tooltipRootRef$curre","unmount","remove","getSource","setData","ring","_ref3","radiusMeters","_ref4","lng","points","distanceX","Math","cos","PI","distanceY","i","theta","sin","makeCirclePolygon","geometry","coordinates","bounds","coord","extend","LngLatBounds","_popupRef$current","prevWells","offsetWellIds","wellsById","coords","isWellSubject","isWellOffset","r","color","opacity","properties","wellId","hoveredWellId","handleMouseMove","e","getCanvas","cursor","popUpContent","createElement","document","createAdaptiveRoot","render","_jsx","MuiThemeProvider","theme","children","Popup","closeButton","maxWidth","setLngLat","setDOMContent","addTo","handleMouseLeave","setTimeout","fitBounds","padding","off","_jsxs","className","styles","mapMain","ref","mapFooter","mapFooterItem","mapFooterItemSquare","backgroundColor","mapFooterItemLabel","propTypes","PropTypes","shape","number","string","arrayOf","isRequired","func","defaultProps","memo"],"mappings":"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"}
+{"version":3,"file":"Map.js","sources":["../../../../../src/components/OffsetWellPickerV2/components/Map/Map.js"],"sourcesContent":["import { createElement, memo, useRef, useEffect, useMemo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { get, sortBy } from 'lodash';\nimport { MuiThemeProvider } from '@material-ui/core/styles';\n\nimport styles from './Map.css';\n\nimport { mapbox } from '~/utils';\nimport { createAdaptiveRoot } from '~/utils/createAdaptiveRoot';\nimport { theme } from '~/config';\nimport mapboxgl from '~/config/mapboxGl';\nimport { IS_MAPBOX_ENABLED } from '~/config/mapbox';\nimport 'mapbox-gl/dist/mapbox-gl.css';\n\nconst { isValidCoordinates } = mapbox;\n\nconst RADIUS_CIRCLE_COLOR = '#03BCD4';\nconst METERS_IN_MILE = 1609.34;\nconst DEFAULT_SUBJECT_WELL_MARKER_SIZE = 10;\nconst DEFAULT_WELL_MARKER_SIZE = 5;\nconst OFFSET_WELL_COLOR = '#00FFFF';\nconst COLORS = [\n  '#FF00FF',\n  '#F5BD80',\n  '#FF0000',\n  '#0080FF',\n  '#FF8000',\n  '#58ACFA',\n  '#FA58F4',\n  '#40FF00',\n  '#4B8A08',\n  '#40FF00',\n  '#D8F781',\n];\n\nconst DEFAULT_COORDS = [29.749907, -95.358421]; // TX coordinates\n\nconst RADIUS_CIRCLE_ID = 'radius-circle';\nconst WELLS_ID = 'wells';\nconst EMPTY_FEATURE_COLLECTION = { type: 'FeatureCollection', features: [] };\n\nconst toLngLat = ([lat, lng]) => [lng, lat];\n\n// NOTE: mapbox-gl has no geographic-radius circle primitive, so approximate it with a polygon\nconst makeCirclePolygon = ([lat, lng], radiusMeters, points = 64) => {\n  const ring = [];\n  const distanceX = radiusMeters / (111320 * Math.cos((lat * Math.PI) / 180));\n  const distanceY = radiusMeters / 110574;\n  for (let i = 0; i <= points; i += 1) {\n    const theta = (i / points) * (2 * Math.PI);\n    ring.push([lng + distanceX * Math.cos(theta), lat + distanceY * Math.sin(theta)]);\n  }\n  return ring;\n};\n\n// eslint-disable-next-line no-unused-vars\nfunction WellsMap({\n  subjectWell = null,\n  wells,\n  offsetWells = null,\n  radius,\n  subjectWellMarkerSize = DEFAULT_WELLS_MAP_SUBJECT_WELL_MARKER_SIZE,\n  wellMarkerSize = DEFAULT_WELLS_MAP_WELL_MARKER_SIZE,\n  popUpFormatter = null,\n  coordsDataPath = 'settings.top_hole.coordinates',\n}) {\n  const mapContainerRef = useRef(null);\n  const mapRef = useRef(null);\n  const radiusCircleBoundsRef = useRef(null);\n  const markersBoundsRef = useRef(null);\n  const popupRef = useRef(null);\n  const tooltipRootRef = useRef(null);\n  const tooltipContainerRef = useRef(null);\n  const prevWellsRef = useRef();\n  const [isMapReady, setIsMapReady] = useState(false);\n\n  const restWells = useMemo(() => {\n    return wells.filter(well => !subjectWell || subjectWell.id !== well.id);\n  }, [subjectWell, wells]);\n\n  const subjectWellCoords = useMemo(() => {\n    return subjectWell && get(subjectWell, coordsDataPath);\n  }, [subjectWell, coordsDataPath]);\n\n  // NOTE: Get well marker colors according to its target formation\n  const [formations, colorDict] = useMemo(() => {\n    // NOTE: Determine well marker colors\n    const restFormations = [];\n    let hasNullFormation = false;\n\n    restWells.forEach(well => {\n      if (well.formation === 'Null') {\n        hasNullFormation = true;\n      } else if (\n        (!subjectWell || subjectWell.formation !== well.formation) &&\n        !restFormations.includes(well.formation)\n      ) {\n        restFormations.push(well.formation);\n      }\n    });\n\n    const sortedFormations = subjectWell\n      ? [subjectWell.formation].concat(sortBy(restFormations))\n      : sortBy(restFormations);\n\n    if (hasNullFormation && !sortedFormations.includes('Null')) {\n      sortedFormations.push('Null');\n    }\n\n    const colors = sortedFormations.reduce(\n      (result, item, idx) => ({\n        ...result,\n        [item]: COLORS[idx % COLORS.length],\n      }),\n      {}\n    );\n\n    return [sortedFormations, colors];\n  }, [subjectWell, restWells]);\n\n  // NOTE: Initialize map\n  useEffect(() => {\n    if (!IS_MAPBOX_ENABLED) return undefined;\n\n    mapRef.current = new mapboxgl.Map({\n      container: mapContainerRef.current,\n      style: 'mapbox://styles/mapbox/dark-v9',\n      center: toLngLat(DEFAULT_COORDS),\n      zoom: 1,\n      attributionControl: false,\n      scrollZoom: false,\n    });\n\n    mapRef.current.addControl(\n      new mapboxgl.NavigationControl({ showCompass: false }),\n      'bottom-right'\n    );\n\n    // NOTE: Sources/layers can only be added once the style has loaded.\n    // The radius circle layer is added first so well markers render above it (was bringToBack)\n    mapRef.current.on('load', () => {\n      mapRef.current.addSource(RADIUS_CIRCLE_ID, {\n        type: 'geojson',\n        data: EMPTY_FEATURE_COLLECTION,\n      });\n      mapRef.current.addLayer({\n        id: RADIUS_CIRCLE_ID,\n        type: 'fill',\n        source: RADIUS_CIRCLE_ID,\n        paint: {\n          'fill-color': RADIUS_CIRCLE_COLOR,\n          'fill-opacity': 0.2,\n        },\n      });\n\n      mapRef.current.addSource(WELLS_ID, { type: 'geojson', data: EMPTY_FEATURE_COLLECTION });\n      mapRef.current.addLayer({\n        id: WELLS_ID,\n        type: 'circle',\n        source: WELLS_ID,\n        paint: {\n          'circle-radius': ['get', 'radius'],\n          'circle-color': ['get', 'color'],\n          'circle-opacity': ['get', 'opacity'],\n        },\n      });\n\n      setIsMapReady(true);\n    });\n\n    const map = mapRef.current;\n    return () => {\n      tooltipRootRef.current?.unmount();\n      tooltipRootRef.current = null;\n      tooltipContainerRef.current = null;\n\n      map.remove();\n      mapRef.current = null;\n      radiusCircleBoundsRef.current = null;\n      markersBoundsRef.current = null;\n    };\n  }, []);\n\n  // NOTE: Radius circle\n  useEffect(() => {\n    if (!mapRef.current || !isMapReady) {\n      return;\n    }\n\n    if (!subjectWellCoords) {\n      mapRef.current.getSource(RADIUS_CIRCLE_ID).setData(EMPTY_FEATURE_COLLECTION);\n      radiusCircleBoundsRef.current = null;\n      return;\n    }\n\n    const ring = makeCirclePolygon(subjectWellCoords, radius * METERS_IN_MILE);\n    mapRef.current.getSource(RADIUS_CIRCLE_ID).setData({\n      type: 'Feature',\n      geometry: { type: 'Polygon', coordinates: [ring] },\n    });\n    radiusCircleBoundsRef.current = ring.reduce(\n      (bounds, coord) => bounds.extend(coord),\n      new mapboxgl.LngLatBounds()\n    );\n  }, [radius, subjectWellCoords, isMapReady]);\n\n  // NOTE: Well markers\n  useEffect(() => {\n    if (!mapRef.current || !isMapReady) {\n      return undefined;\n    }\n\n    const prevWells = prevWellsRef.current;\n    prevWellsRef.current = wells;\n\n    popupRef.current?.remove();\n\n    const offsetWellIds = offsetWells.map(well => well.id);\n\n    const features = [];\n    const wellsById = {};\n    const bounds = new mapboxgl.LngLatBounds();\n    wells.forEach(well => {\n      const coords = get(well, coordsDataPath);\n\n      if (coords && isValidCoordinates(coords)) {\n        const isWellSubject = subjectWell && subjectWell.id === well.id;\n        const isWellOffset = offsetWellIds.includes(well.id);\n        const r = isWellSubject ? subjectWellMarkerSize : wellMarkerSize;\n        const color = isWellSubject || isWellOffset ? OFFSET_WELL_COLOR : colorDict[well.formation];\n        const opacity = isWellSubject || isWellOffset ? 1 : 0.3;\n\n        wellsById[well.id] = well;\n        bounds.extend(toLngLat(coords));\n        features.push({\n          type: 'Feature',\n          geometry: { type: 'Point', coordinates: toLngLat(coords) },\n          properties: { wellId: well.id, radius: r, color, opacity },\n        });\n      }\n    });\n\n    mapRef.current.getSource(WELLS_ID).setData({ type: 'FeatureCollection', features });\n    markersBoundsRef.current = features.length ? bounds : null;\n\n    const map = mapRef.current;\n    let hoveredWellId = null;\n\n    const handleMouseMove = e => {\n      map.getCanvas().style.cursor = 'pointer';\n\n      const well = wellsById[e.features[0].properties.wellId];\n      if (!well || well.id === hoveredWellId) {\n        return;\n      }\n      hoveredWellId = well.id;\n\n      if (popUpFormatter) {\n        const popUpContent = createElement(popUpFormatter, {\n          well,\n          color: colorDict[well.formation],\n        });\n        // NOTE: Custom popup may have buttons. Reuse a single container/root and update its content.\n        if (!tooltipContainerRef.current) {\n          tooltipContainerRef.current = document.createElement('div');\n          tooltipRootRef.current = createAdaptiveRoot(tooltipContainerRef.current);\n        }\n        tooltipRootRef.current.render(\n          <MuiThemeProvider theme={theme.darkTheme}>{popUpContent}</MuiThemeProvider>\n        );\n\n        if (!popupRef.current) {\n          popupRef.current = new mapboxgl.Popup({ closeButton: false, maxWidth: 'none' });\n        }\n        popupRef.current\n          .setLngLat(toLngLat(get(well, coordsDataPath)))\n          .setDOMContent(tooltipContainerRef.current)\n          .addTo(map);\n      }\n    };\n\n    const handleMouseLeave = () => {\n      hoveredWellId = null;\n      map.getCanvas().style.cursor = '';\n    };\n\n    map.on('mousemove', WELLS_ID, handleMouseMove);\n    map.on('mouseleave', WELLS_ID, handleMouseLeave);\n\n    setTimeout(() => {\n      if (mapRef.current && radiusCircleBoundsRef.current && wells !== prevWells) {\n        mapRef.current.fitBounds(radiusCircleBoundsRef.current, { padding: 5 });\n      }\n    }, 500);\n\n    return () => {\n      map.off('mousemove', WELLS_ID, handleMouseMove);\n      map.off('mouseleave', WELLS_ID, handleMouseLeave);\n    };\n  }, [subjectWell, wells, offsetWells, colorDict, isMapReady]);\n\n  useEffect(() => {\n    setTimeout(() => {\n      if (subjectWell) {\n        if (mapRef.current && radiusCircleBoundsRef.current) {\n          mapRef.current.fitBounds(radiusCircleBoundsRef.current, {\n            padding: 5,\n          });\n        }\n      } else if (mapRef.current && markersBoundsRef.current) {\n        mapRef.current.fitBounds(markersBoundsRef.current);\n      }\n    }, 500);\n  }, [radius, subjectWell, isMapReady]);\n\n  return (\n    <div className={styles.map}>\n      <div className={styles.mapMain} ref={mapContainerRef} />\n\n      <div className={styles.mapFooter}>\n        {offsetWells && (\n          <div className={styles.mapFooterItem}>\n            <div\n              className={styles.mapFooterItemSquare}\n              style={{ backgroundColor: OFFSET_WELL_COLOR }}\n            />\n            <div className={styles.mapFooterItemLabel}>Selected Offset Wells</div>\n          </div>\n        )}\n\n        {formations.map(item => (\n          <div className={styles.mapFooterItem} key={item}>\n            <div\n              className={styles.mapFooterItemSquare}\n              style={{ backgroundColor: colorDict[item] }}\n            />\n            <div className={styles.mapFooterItemLabel}>{item}</div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n\nWellsMap.propTypes = {\n  subjectWell: PropTypes.shape({\n    id: PropTypes.number,\n    formation: PropTypes.string,\n  }),\n  wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  offsetWells: PropTypes.arrayOf(PropTypes.shape({})),\n  radius: PropTypes.number.isRequired,\n  subjectWellMarkerSize: PropTypes.number,\n  wellMarkerSize: PropTypes.number,\n  popUpFormatter: PropTypes.func,\n  coordsDataPath: PropTypes.string,\n};\n\nconst DEFAULT_WELLS_MAP_SUBJECT_WELL_MARKER_SIZE = DEFAULT_SUBJECT_WELL_MARKER_SIZE;\nconst DEFAULT_WELLS_MAP_WELL_MARKER_SIZE = DEFAULT_WELL_MARKER_SIZE;\n\nexport default memo(WellsMap);\n"],"names":["isValidCoordinates","mapbox","COLORS","DEFAULT_COORDS","EMPTY_FEATURE_COLLECTION","type","features","toLngLat","_ref","_ref2","_slicedToArray","lat","WellsMap","_ref5","_ref5$subjectWell","subjectWell","wells","_ref5$offsetWells","offsetWells","radius","_ref5$subjectWellMark","subjectWellMarkerSize","DEFAULT_WELLS_MAP_SUBJECT_WELL_MARKER_SIZE","_ref5$wellMarkerSize","wellMarkerSize","DEFAULT_WELLS_MAP_WELL_MARKER_SIZE","_ref5$popUpFormatter","popUpFormatter","_ref5$coordsDataPath","coordsDataPath","mapContainerRef","useRef","mapRef","radiusCircleBoundsRef","markersBoundsRef","popupRef","tooltipRootRef","tooltipContainerRef","prevWellsRef","useState","_useState2","_useState","isMapReady","setIsMapReady","restWells","useMemo","filter","well","id","subjectWellCoords","get","restFormations","hasNullFormation","forEach","formation","includes","push","sortedFormations","concat","sortBy","colors","reduce","result","item","idx","length","_useMemo2","_useMemo","formations","colorDict","useEffect","IS_MAPBOX_ENABLED","current","mapboxgl","Map","container","style","center","zoom","attributionControl","scrollZoom","addControl","NavigationControl","showCompass","on","addSource","data","addLayer","source","paint","map","_tooltipRootRef$curre","unmount","remove","getSource","setData","ring","_ref3","radiusMeters","_ref4","lng","points","distanceX","Math","cos","PI","distanceY","i","theta","sin","makeCirclePolygon","geometry","coordinates","bounds","coord","extend","LngLatBounds","_popupRef$current","prevWells","offsetWellIds","wellsById","coords","isWellSubject","isWellOffset","r","color","opacity","properties","wellId","hoveredWellId","handleMouseMove","e","getCanvas","cursor","popUpContent","createElement","document","createAdaptiveRoot","render","_jsx","MuiThemeProvider","theme","children","Popup","closeButton","maxWidth","setLngLat","setDOMContent","addTo","handleMouseLeave","setTimeout","fitBounds","padding","off","_jsxs","className","styles","mapMain","ref","mapFooter","mapFooterItem","mapFooterItemSquare","backgroundColor","mapFooterItemLabel","propTypes","PropTypes","shape","number","string","arrayOf","isRequired","func","memo"],"mappings":"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"}

package/components/OffsetWellPickerV2/components/Map/index.d.ts

@@ -5,8 +5,8 @@ declare function MapContainer({ subjectWell, wells, offsetWells, radius, mapHidd
     onDeleteOffsetWell: any;
     onRemoveSubjectWell: any;
     onSetSubjectWell: any;
-    radius: any;
-    subjectWell: any;
+    radius?: null | undefined;
+    subjectWell?: null | undefined;
     wells: any;
 }): import("react").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof MapContainer>;

package/components/OffsetWellPickerV2/components/Map/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/OffsetWellPickerV2/components/Map/index.js"],"names":[],"mappings":"AASA,iBAAS,YAAY,CAAC,EACpB,WAAW,EACX,KAAK,EACL,WAAW,EACX,MAAM,EACN,SAAS,EACT,gBAAgB,EAChB,mBAAmB,EACnB,eAAe,EACf,kBAAkB,GACnB;;;;;;;;;;CAAA,+BA8CA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/OffsetWellPickerV2/components/Map/index.js"],"names":[],"mappings":"AASA,iBAAS,YAAY,CAAC,EACpB,WAAkB,EAClB,KAAK,EACL,WAAW,EACX,MAAa,EACb,SAAS,EACT,gBAAgB,EAChB,mBAAmB,EACnB,eAAe,EACf,kBAAkB,GACnB;;;;;;;;;;CAAA,+BA8CA"}

package/components/OffsetWellPickerV2/components/Map/index.js

@@ -1,2 +1,2 @@
-import{memo as e,useMemo as r,useCallback as o}from"react";import t from"prop-types";import l from"classnames";import s from"./popupGenerator.js";import i from"./Map.js";import n from"./index.css.js";import{jsx as u}from"react/jsx-runtime";function a(e){var t=e.subjectWell,a=e.wells,f=e.offsetWells,p=e.radius,d=e.mapHidden,m=e.onSetSubjectWell,c=e.onRemoveSubjectWell,W=e.onAddOffsetWell,j=e.onDeleteOffsetWell,b=r((function(){return f.map((function(e){return e.id}))}),[f]),R=o((function(e,r){r?j(e):W(e)}),[W,j]),q=o((function(e,r){r?c(e):m(e)}),[m,c]),O=l(n.mapContainer,d&&n.mapContainerHidden);return u("div",{className:O,children:u(i,{subjectWell:t,wells:a,offsetWells:f,radius:p,popUpFormatter:s(t,b,q,R),coordsDataPath:"topHole.coordinates"})})}a.propTypes={subjectWell:t.shape({}),wells:t.arrayOf(t.shape({})).isRequired,offsetWells:t.arrayOf(t.shape({})).isRequired,radius:t.number,mapHidden:t.bool.isRequired,onSetSubjectWell:t.func.isRequired,onRemoveSubjectWell:t.func.isRequired,onAddOffsetWell:t.func.isRequired,onDeleteOffsetWell:t.func.isRequired},a.defaultProps={subjectWell:null,radius:null};var f=e(a);export{f as default};
+import{memo as e,useMemo as r,useCallback as o}from"react";import t from"prop-types";import l from"classnames";import s from"./popupGenerator.js";import i from"./Map.js";import n from"./index.css.js";import{jsx as u}from"react/jsx-runtime";function a(e){var t=e.subjectWell,a=void 0===t?null:t,f=e.wells,p=e.offsetWells,d=e.radius,m=void 0===d?null:d,c=e.mapHidden,W=e.onSetSubjectWell,j=e.onRemoveSubjectWell,b=e.onAddOffsetWell,R=e.onDeleteOffsetWell,q=r((function(){return p.map((function(e){return e.id}))}),[p]),v=o((function(e,r){r?R(e):b(e)}),[b,R]),O=o((function(e,r){r?j(e):W(e)}),[W,j]),S=l(n.mapContainer,c&&n.mapContainerHidden);return u("div",{className:S,children:u(i,{subjectWell:a,wells:f,offsetWells:p,radius:m,popUpFormatter:s(a,q,O,v),coordsDataPath:"topHole.coordinates"})})}a.propTypes={subjectWell:t.shape({}),wells:t.arrayOf(t.shape({})).isRequired,offsetWells:t.arrayOf(t.shape({})).isRequired,radius:t.number,mapHidden:t.bool.isRequired,onSetSubjectWell:t.func.isRequired,onRemoveSubjectWell:t.func.isRequired,onAddOffsetWell:t.func.isRequired,onDeleteOffsetWell:t.func.isRequired};var f=e(a);export{f as default};
 //# sourceMappingURL=index.js.map

package/components/OffsetWellPickerV2/components/Map/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/OffsetWellPickerV2/components/Map/index.js"],"sourcesContent":["import { memo, useMemo, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport popupGenerator from './popupGenerator';\nimport Map from './Map';\n\nimport styles from './index.css';\n\nfunction MapContainer({\n  subjectWell,\n  wells,\n  offsetWells,\n  radius,\n  mapHidden,\n  onSetSubjectWell,\n  onRemoveSubjectWell,\n  onAddOffsetWell,\n  onDeleteOffsetWell,\n}) {\n  const offsetWellIds = useMemo(() => {\n    return offsetWells.map(well => well.id);\n  }, [offsetWells]);\n\n  const handleAddOrDeleteOffsetWell = useCallback(\n    (wellId, isOffset) => {\n      if (!isOffset) {\n        onAddOffsetWell(wellId);\n      } else {\n        onDeleteOffsetWell(wellId);\n      }\n    },\n    [onAddOffsetWell, onDeleteOffsetWell]\n  );\n\n  const handleSetOrRemoveSubjectWell = useCallback(\n    (wellId, isSubject) => {\n      if (!isSubject) {\n        onSetSubjectWell(wellId);\n      } else {\n        onRemoveSubjectWell(wellId);\n      }\n    },\n    [onSetSubjectWell, onRemoveSubjectWell]\n  );\n\n  const containerClass = classNames(styles.mapContainer, mapHidden && styles.mapContainerHidden);\n\n  return (\n    <div className={containerClass}>\n      <Map\n        subjectWell={subjectWell}\n        wells={wells}\n        offsetWells={offsetWells}\n        radius={radius}\n        popUpFormatter={popupGenerator(\n          subjectWell,\n          offsetWellIds,\n          handleSetOrRemoveSubjectWell,\n          handleAddOrDeleteOffsetWell\n        )}\n        coordsDataPath=\"topHole.coordinates\"\n      />\n    </div>\n  );\n}\n\nMapContainer.propTypes = {\n  subjectWell: PropTypes.shape({}),\n  wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  offsetWells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  radius: PropTypes.number,\n  mapHidden: PropTypes.bool.isRequired,\n  onSetSubjectWell: PropTypes.func.isRequired,\n  onRemoveSubjectWell: PropTypes.func.isRequired,\n  onAddOffsetWell: PropTypes.func.isRequired,\n  onDeleteOffsetWell: PropTypes.func.isRequired,\n};\n\nMapContainer.defaultProps = {\n  subjectWell: null,\n  radius: null,\n};\n\nexport default memo(MapContainer);\n"],"names":["MapContainer","_ref","subjectWell","wells","offsetWells","radius","mapHidden","onSetSubjectWell","onRemoveSubjectWell","onAddOffsetWell","onDeleteOffsetWell","offsetWellIds","useMemo","map","well","id","handleAddOrDeleteOffsetWell","useCallback","wellId","isOffset","handleSetOrRemoveSubjectWell","isSubject","containerClass","classNames","styles","mapContainer","mapContainerHidden","_jsx","className","children","Map","popUpFormatter","popupGenerator","coordsDataPath","propTypes","PropTypes","shape","arrayOf","isRequired","number","bool","func","defaultProps","memo"],"mappings":"gPASA,SAASA,EAUNC,GAAA,IATDC,IAAAA,YACAC,IAAAA,MACAC,IAAAA,YACAC,IAAAA,OACAC,IAAAA,UACAC,IAAAA,iBACAC,IAAAA,oBACAC,IAAAA,gBACAC,IAAAA,mBAEMC,EAAgBC,GAAQ,WAC5B,OAAOR,EAAYS,KAAI,SAAAC,GAAI,OAAIA,EAAKC,KACtC,GAAG,CAACX,IAEEY,EAA8BC,GAClC,SAACC,EAAQC,GACFA,EAGHT,EAAmBQ,GAFnBT,EAAgBS,EAIpB,GACA,CAACT,EAAiBC,IAGdU,EAA+BH,GACnC,SAACC,EAAQG,GACFA,EAGHb,EAAoBU,GAFpBX,EAAiBW,EAIrB,GACA,CAACX,EAAkBC,IAGfc,EAAiBC,EAAWC,EAAOC,aAAcnB,GAAakB,EAAOE,oBAE3E,OACEC,EAAA,MAAA,CAAKC,UAAWN,EAAeO,SAC7BF,EAACG,EAAG,CACF5B,YAAaA,EACbC,MAAOA,EACPC,YAAaA,EACbC,OAAQA,EACR0B,eAAgBC,EACd9B,EACAS,EACAS,EACAJ,GAEFiB,eAAe,yBAIvB,CAEAjC,EAAakC,UAAY,CACvBhC,YAAaiC,EAAUC,MAAM,IAC7BjC,MAAOgC,EAAUE,QAAQF,EAAUC,MAAM,CAAA,IAAKE,WAC9ClC,YAAa+B,EAAUE,QAAQF,EAAUC,MAAM,CAAA,IAAKE,WACpDjC,OAAQ8B,EAAUI,OAClBjC,UAAW6B,EAAUK,KAAKF,WAC1B/B,iBAAkB4B,EAAUM,KAAKH,WACjC9B,oBAAqB2B,EAAUM,KAAKH,WACpC7B,gBAAiB0B,EAAUM,KAAKH,WAChC5B,mBAAoByB,EAAUM,KAAKH,YAGrCtC,EAAa0C,aAAe,CAC1BxC,YAAa,KACbG,OAAQ,MAGV,IAAesC,EAAAA,EAAK3C"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/OffsetWellPickerV2/components/Map/index.js"],"sourcesContent":["import { memo, useMemo, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport popupGenerator from './popupGenerator';\nimport Map from './Map';\n\nimport styles from './index.css';\n\nfunction MapContainer({\n  subjectWell = null,\n  wells,\n  offsetWells,\n  radius = null,\n  mapHidden,\n  onSetSubjectWell,\n  onRemoveSubjectWell,\n  onAddOffsetWell,\n  onDeleteOffsetWell,\n}) {\n  const offsetWellIds = useMemo(() => {\n    return offsetWells.map(well => well.id);\n  }, [offsetWells]);\n\n  const handleAddOrDeleteOffsetWell = useCallback(\n    (wellId, isOffset) => {\n      if (!isOffset) {\n        onAddOffsetWell(wellId);\n      } else {\n        onDeleteOffsetWell(wellId);\n      }\n    },\n    [onAddOffsetWell, onDeleteOffsetWell]\n  );\n\n  const handleSetOrRemoveSubjectWell = useCallback(\n    (wellId, isSubject) => {\n      if (!isSubject) {\n        onSetSubjectWell(wellId);\n      } else {\n        onRemoveSubjectWell(wellId);\n      }\n    },\n    [onSetSubjectWell, onRemoveSubjectWell]\n  );\n\n  const containerClass = classNames(styles.mapContainer, mapHidden && styles.mapContainerHidden);\n\n  return (\n    <div className={containerClass}>\n      <Map\n        subjectWell={subjectWell}\n        wells={wells}\n        offsetWells={offsetWells}\n        radius={radius}\n        popUpFormatter={popupGenerator(\n          subjectWell,\n          offsetWellIds,\n          handleSetOrRemoveSubjectWell,\n          handleAddOrDeleteOffsetWell\n        )}\n        coordsDataPath=\"topHole.coordinates\"\n      />\n    </div>\n  );\n}\n\nMapContainer.propTypes = {\n  subjectWell: PropTypes.shape({}),\n  wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  offsetWells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  radius: PropTypes.number,\n  mapHidden: PropTypes.bool.isRequired,\n  onSetSubjectWell: PropTypes.func.isRequired,\n  onRemoveSubjectWell: PropTypes.func.isRequired,\n  onAddOffsetWell: PropTypes.func.isRequired,\n  onDeleteOffsetWell: PropTypes.func.isRequired,\n};\n\nexport default memo(MapContainer);\n"],"names":["MapContainer","_ref","_ref$subjectWell","subjectWell","wells","offsetWells","_ref$radius","radius","mapHidden","onSetSubjectWell","onRemoveSubjectWell","onAddOffsetWell","onDeleteOffsetWell","offsetWellIds","useMemo","map","well","id","handleAddOrDeleteOffsetWell","useCallback","wellId","isOffset","handleSetOrRemoveSubjectWell","isSubject","containerClass","classNames","styles","mapContainer","mapContainerHidden","_jsx","className","children","Map","popUpFormatter","popupGenerator","coordsDataPath","propTypes","PropTypes","shape","arrayOf","isRequired","number","bool","func","memo"],"mappings":"gPASA,SAASA,EAUNC,GAAA,IAAAC,EAAAD,EATDE,YAAAA,aAAc,KAAID,EAClBE,IAAAA,MACAC,IAAAA,YAAWC,EAAAL,EACXM,OAAAA,aAAS,KAAID,EACbE,IAAAA,UACAC,IAAAA,iBACAC,IAAAA,oBACAC,IAAAA,gBACAC,IAAAA,mBAEMC,EAAgBC,GAAQ,WAC5B,OAAOT,EAAYU,KAAI,SAAAC,GAAI,OAAIA,EAAKC,KACtC,GAAG,CAACZ,IAEEa,EAA8BC,GAClC,SAACC,EAAQC,GACFA,EAGHT,EAAmBQ,GAFnBT,EAAgBS,EAIpB,GACA,CAACT,EAAiBC,IAGdU,EAA+BH,GACnC,SAACC,EAAQG,GACFA,EAGHb,EAAoBU,GAFpBX,EAAiBW,EAIrB,GACA,CAACX,EAAkBC,IAGfc,EAAiBC,EAAWC,EAAOC,aAAcnB,GAAakB,EAAOE,oBAE3E,OACEC,EAAA,MAAA,CAAKC,UAAWN,EAAeO,SAC7BF,EAACG,EAAG,CACF7B,YAAaA,EACbC,MAAOA,EACPC,YAAaA,EACbE,OAAQA,EACR0B,eAAgBC,EACd/B,EACAU,EACAS,EACAJ,GAEFiB,eAAe,yBAIvB,CAEAnC,EAAaoC,UAAY,CACvBjC,YAAakC,EAAUC,MAAM,IAC7BlC,MAAOiC,EAAUE,QAAQF,EAAUC,MAAM,CAAA,IAAKE,WAC9CnC,YAAagC,EAAUE,QAAQF,EAAUC,MAAM,CAAA,IAAKE,WACpDjC,OAAQ8B,EAAUI,OAClBjC,UAAW6B,EAAUK,KAAKF,WAC1B/B,iBAAkB4B,EAAUM,KAAKH,WACjC9B,oBAAqB2B,EAAUM,KAAKH,WACpC7B,gBAAiB0B,EAAUM,KAAKH,WAChC5B,mBAAoByB,EAAUM,KAAKH,YAGrC,IAAeI,EAAAA,EAAK5C"}

package/components/OffsetWellPickerV2/components/Table/MetricsAddMenu.d.ts

@@ -1,26 +1,24 @@
 import PropTypes from 'prop-types';
-declare const _default: import("react").ComponentType<Pick<Pick<Pick<{
+declare const _default: import("react").ComponentType<Pick<Pick<{
     classes: any;
-    "data-testid": any;
+    "data-testid"?: string | undefined;
     metricsKeys: any;
     onChange: any;
-}, never> & Pick<PropTypes.InferProps<{
+}, "data-testid"> & Pick<PropTypes.InferProps<{
     metricsKeys: PropTypes.Validator<(string | null | undefined)[]>;
     onChange: PropTypes.Validator<(...args: any[]) => any>;
     classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
     'data-testid': PropTypes.Requireable<string>;
-}>, "data-testid" | PropTypes.RequiredKeys<{
+}>, PropTypes.RequiredKeys<{
     metricsKeys: PropTypes.Validator<(string | null | undefined)[]>;
     onChange: PropTypes.Validator<(...args: any[]) => any>;
     classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
     'data-testid': PropTypes.Requireable<string>;
-}>>, PropTypes.RequiredKeys<{
-    metricsKeys: PropTypes.Validator<(string | null | undefined)[]>;
-    onChange: PropTypes.Validator<(...args: any[]) => any>;
-    classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
-    'data-testid': PropTypes.Requireable<string>;
-}>> & {
-    'data-testid'?: string | null | undefined;
-} & {}, "data-testid" | "metricsKeys" | "onChange"> & import("@material-ui/styles").StyledComponentProps<"checkBox" | "listItemPrimaryText">>;
+}>> & Pick<{
+    classes: any;
+    "data-testid"?: string | undefined;
+    metricsKeys: any;
+    onChange: any;
+}, never>, "data-testid" | "metricsKeys" | "onChange"> & import("@material-ui/styles").StyledComponentProps<"checkBox" | "listItemPrimaryText">>;
 export default _default;
 //# sourceMappingURL=MetricsAddMenu.d.ts.map

package/components/OffsetWellPickerV2/components/Table/MetricsAddMenu.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/slicedToArray";import{useState as o,useEffect as t}from"react";import s from"prop-types";import{Menu as i,MenuItem as n,Checkbox as r,ListItemText as p}from"@material-ui/core";import m from"@material-ui/icons/Settings";import{withStyles as c}from"@material-ui/core/styles";import{isEqual as a}from"lodash";import{METRICS_LIST as l,MAX_METRICS_COUNT as d}from"../../constants.js";import"@babel/runtime/helpers/defineProperty";import"../../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"@babel/runtime/helpers/objectWithoutProperties";import"classnames";import"../../../Modal/CorvaModal.scss.js";import"@icon-park/react/es/all";import{jsxs as j,Fragment as u,jsx as C}from"react/jsx-runtime";import"../../../../icons/IconParkProvider.js";import"../../../../icons/customIcons/icons/AddMessage.js";import"../../../../icons/customIcons/icons/DragOne.js";import"../../../../icons/customIcons/icons/Attention.js";import"../../../../icons/customIcons/icons/Collapse.js";import"../../../../icons/customIcons/icons/Dashboard.js";import"../../../../icons/customIcons/icons/Expand.js";import"../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../icons/customIcons/icons/Search.js";import"../../../../icons/customIcons/icons/SearchOne.js";import"../../../../icons/customIcons/icons/Wellhub.js";import"../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../icons/customIcons/icons/Checkbox.js";import"../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../icons/customIcons/icons/Radio.js";import"../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../icons/customIcons/icons/MoreApp.js";import"../../../../icons/customIcons/icons/Pad.js";import"../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../icons/customIcons/icons/FracFleet.js";import"../../../../icons/customIcons/icons/Global.js";import"../../../../icons/customIcons/icons/Program.js";import"../../../../icons/customIcons/icons/Rig.js";import"../../../../icons/customIcons/icons/Well.js";import"../../../../icons/customIcons/icons/Gap.js";import"../../../../icons/customIcons/icons/Pin.js";import"../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../icons/customIcons/icons/Archive.js";import"../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../icons/customIcons/icons/Unarchive.js";import"../../../../icons/customIcons/icons/Archived.js";import"../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../icons/customIcons/icons/Lasso.js";import"../../../../icons/customIcons/icons/Radius.js";import"../../../../icons/customIcons/icons/ErrorOps.js";import"../../../../icons/customIcons/icons/DataTypeOps.js";import"../../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../../icons/customIcons/icons/CalibrationOps.js";import"../../../../icons/customIcons/icons/CriticalOps.js";import"../../../../icons/customIcons/icons/Company.js";import"../../../../icons/customIcons/icons/ArchiveOne.js";import"../../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../../icons/customIcons/icons/Connect.js";import"../../../../icons/customIcons/icons/PuzzleOne.js";import"../../../../icons/customIcons/icons/Feed.js";import"../../../../icons/customIcons/icons/Prompt.js";import"../../../../icons/customIcons/icons/Companies.js";import"../../../../icons/customIcons/icons/ClipboardAi.js";import"../../../../icons/customIcons/icons/Key.js";import"../../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../../icons/customIcons/icons/MappingManual.js";import"../../../../icons/customIcons/icons/Mapping.js";import"../../../../icons/customIcons/icons/Metrics.js";import"../../../../icons/customIcons/icons/Drops.js";import"../../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../../icons/customIcons/icons/Template.js";import"../../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../../icons/customIcons/icons/UnitConversion.js";import"../../../../icons/customIcons/icons/NPT.js";import"../../../../icons/customIcons/icons/GuidedFrac.js";import"../../../../utils/mobileDetect.js";import I from"../../../IconButton/index.js";import"../../../../constants/goals.js";import"../../../../constants/segment.js";import"../../../../constants/alerts.js";import"../../../../constants/apps.js";import"../../../../constants/drillstring.js";import"../../../../constants/completion.js";import"../../../../constants/appPackages.js";import"../../../../constants/notifications.js";import"../../../../constants/feed.js";import"../../../../constants/bha.js";import"../../../../constants/corvaCompanyId.js";import"../../../GradientManager/configuration/constants.js";import"uuid";import"../../../IconMenu/index.js";import"../../../StyledMenuItem/index.js";import"../../../AppIcon/AppIcon.js";import"../../../DevCenter/AppHeader/AppHeader.js";import"../../../DevCenter/AppSideBar/AppSideBar.js";import"../../../DevCenter/AppsDataProvider/AppsDataProvider.js";import"@material-ui/icons";import"../../../DevCenter/AppContext.js";import"../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router-dom";import"query-string";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../../utils/index.js";import"../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../../../../componentsV2/Text/Text.js";import"../../../../componentsV2/Grid/Grid.js";import"../../../../componentsV2/Grid/Cell.js";import"../../../../componentsV2/Header/Header.scss.js";import"../../../../componentsV2/Button/Button.js";import"../../../../componentsV2/ButtonIcon/ButtonIcon.js";import"../../../../componentsV2/Tooltip/Tooltip.scss.js";import"../../../../componentsV2/Popover/Popover.js";import"../../../../componentsV2/PopoverPanel/PopoverPanel.js";import"../../../../componentsV2/Radio/Radio.js";import"../../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../../../componentsV2/Checkbox/Checkbox.js";import"@babel/runtime/helpers/toConsumableArray";import"../../../../componentsV2/TextInput/TextInput.js";import"../../../../componentsV2/TextInputNext/TextInputNext.js";import"../../../../componentsV2/Label/Label.js";import"../../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../../../componentsV2/TextLink/TextLink.js";import"../../../../componentsV2/Chip/Chip.js";import"../../../../componentsV2/ChipAlert/ChipAlert.js";import"../../../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../../../componentsV2/Avatar/Avatar.js";import"../../../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../../componentsV2/Paper/Paper.js";import"../../../../componentsV2/ModalWindow/ModalWindow.js";import"../../../../componentsV2/Modal/Modal.scss.js";import"../../../../componentsV2/Menu/Menu.js";import"../../../../componentsV2/utils.js";import"../../../../componentsV2/Hint/Hint.scss.js";import"../../../../componentsV2/Counter/Counter.js";import"../../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../../../componentsV2/TemplatesControl/utils.js";import"../../../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../../../componentsV2/TemplatesControl/Store/utils.js";import"../../../../componentsV2/TemplatesControl/types.js";import"../../../../clients/jsonApi/index.js";import"../../../../permissions/PermissionsContext.js";import"../../../../permissions/constants/index.js";import"../../../../permissions/withPermissionsHOC.js";import"../../../../permissions/ProvidePermissions.js";import"../../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../../componentsV2/Switch/Switch.js";import"../../../../componentsV2/Tabs/Tabs.js";import"../../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../../../componentsV2/FileIcon/FileIcon.js";import"../../../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../../../componentsV2/FilesLoader/FilesLoader.scss.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../../utils/main.js";import"../../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../../componentsV2/Stepper/Stepper.scss.js";import"../../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../../componentsV2/ButtonText/ButtonText.js";import"../../../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../../../componentsV2/Accordion/Accordion.scss.js";import"../../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../../componentsV2/AppContainer/AppContainer.js";import"../../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../../componentsV2/AppFooter/AppFooter.js";import"immutable";import"../../../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../../../componentsV2/AppHeader/AppHeader.constants.js";import"../../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../../../componentsV2/AppHeader/AppAssets/utils.js";import"../../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../../../PadModeSelect/PadModeSelect.js";import"../../../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../../../constants/streamSourceType.js";import"../../../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"moment";import"../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../../../../utils/getSingleAsset.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../../../clients/subscriptions.v1.js";import"../../../../clients/subscriptions/subscriptions-client.factory.js";import"jsona";import"../../../../utils/env.js";import"../../../StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../../../clients/api/apiCore.js";import"../../../../clients/constants.js";import"../../../../clients/sso/auth0.js";import"../../../../clients/sso/oauth2.js";import"../../../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../../../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../../../componentsV2/AppSettings/AppSettings.js";import"../../../../componentsV2/AppSettings/AppSettings.constants.js";import"../../../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../../../componentsV2/AppHeader/AppHeader.scss.js";import"../../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js";import"highcharts";import"../../../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js";import"../../../../componentsV2/Autocomplete/Autocomplete.js";import"../../../../componentsV2/Select/Select.js";import"../../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../../../componentsV2/DatePicker/DatePicker.js";import"../../../../componentsV2/DragHandle/DragHandle.js";import"../../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../../../componentsV2/Slider/constants.js";import"../../../../componentsV2/Slider/components/SliderThumb.js";import"../../../../componentsV2/Slider/Slider.scss.js";import"../../../../componentsV2/SliderAdvanced/SliderAdvanced.js";import"react-color";import"../../../../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../../../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../../../componentsV2/ColorPicker/ColorPicker.scss.js";import"../../../../componentsV2/ChartHelper/ChartHelper.scss.js";import"../../../../componentsV2/Hotkey/Hotkey.js";import"../../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import"../../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js";import"../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.scss.js";import"../../../Icons/AnnotationIcon.js";import"../../../Annotations/components/AnnotationsList/index.js";import"../../../Annotations/components/LastAnnotation/index.js";import"../../../Annotations/AnnotationsContext.js";import"../../../Toaster/Toaster.js";import"../../../HelpCenter/HelpCenterIcon.js";import"../../../DevCenter/NavigationBar/NavigationBar.js";import"../../../DevCenter/SideBar/SideBar.js";import"../../../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../../../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../../../AssetEditor/index.js";import"../../../AssetEditorV2/index.js";import"../../../AppVersionsSelect/AppVersionsSelect.js";import"../../../LoadingIndicator/LoadingIndicator.js";import"../../../Typography.js";import"../../../RealTimeValuesSidebar/RealTimeSidebar.js";import"../../../CollapsableSidebar.js";import"../../../DateTimePicker/index.js";import"../../../DatePicker/index.js";import"../../../ErrorBoundary/ErrorBoundary.js";import"../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../../../SlateFormattedText/SlateFormattedText.js";import"../../../SlateFormattedText/RenderElements.js";import"slate";import"../../../EmptyState/EmptyState.js";import"../../../ParameterCharts/ParameterCharts.js";import"../../../ParameterCharts/AddEditTrack.js";import"../../../ChartActionsList/ChartActionsList.js";import"../../../CopyToClipboard/CopyToClipboard.js";import"../../../AssetEditor/AssetEditorAutocomplete.js";import"../../../AssetEditor/SingleAssetEditor.js";import"../../../SettingEditors/ColorEditor/style.css.js";import"../../../SettingEditors/DropdownEditor/index.js";import"../../../SwitchControl/index.js";import"../../../ColorPicker/ColorPicker.js";import"../../../Chart/components/ChartButton.js";import"../../../Chart/components/ChartButtons.js";import"../../../Chart/components/ChartWrapper.js";import"../../../Chart/components/AxisDropdown.js";import"../../../Chart/components/ChartSelect.js";import"../../../Chart/components/buttons/DragToZoomButton.js";import"../../../Chart/components/buttons/ZoomInButton.js";import"../../../Chart/components/buttons/ZoomOutButton.js";import"../../../Chart/components/buttons/PanButton.js";import"../../../Chart/components/buttons/ResetZoomButton.js";import"../../../Chart/components/buttons/HideAxesButton.js";import"../../../Chart/components/buttons/ChartTypeButton.js";import"../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../../../TruncatedText/index.js";import"../../../MiddleTruncatedText/MiddleTruncatedText.js";import"../../../RangeSlider/constants.js";import"../../../RangeSlider/Input.css.js";import"../../../RangeSlider/RangeSlider.css.js";import"../../../AdvancedSlider/AdvancedSlider.js";import"../../../Breadcrumbs/index.js";import"../../../VirtualizedTable/index.js";import"../../../EmptyView/EmptyView.js";import"../../../EmptyView/EmptyAppView/EmptyAppView.js";import"../../../Button/components/Button/index.js";import"moment-timezone";import"../../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../../Button/components/LiveButton/styles.js";import"../../../ContextMenuItem/index.js";import"../../../FolderMenuItem/index.js";import"../../../EditableItem/EditableItem/index.js";import"../../../EditableItem/EditableItemWithBadge/index.js";import"../../../Checkbox/index.js";import"../../../FolderMenuItemWithLinks/index.js";import"../../../TextField/index.js";import"../../../Chip/index.js";import"../../../Counter/index.js";import"../../../AnchorsList/AnchorsList.js";import"../../../Select/index.js";import"../../../Select/SelectFilterBy.js";import"../../../CustomSelect/index.js";import"../../../Tabs/Tabs.js";import"../../../Tabs/Tab.js";import"../../../ResizableTable/ResizableTable.js";import"../../../GradientPicker/GradientPicker.js";import"@babel/runtime/helpers/classCallCheck";import"@babel/runtime/helpers/createClass";import"@material-ui/icons/AddCircle";import"../../../GradientManager/GradientPreview/GradientPreview.js";import"../../../GradientManager/GradientSelect.styles.js";import"../../../GradientManager/GradientManager.styles.js";import"../../../Drillstring/BHASchematic.js";import"../../../Drillstring/BHATable/index.js";import"../../../Drillstring/BHAComponentIcon.js";import"../../../Drillstring/BHAComponentDetail/index.js";import"../../../Drillstring/BHATileIcon.js";import"../../../Drillstring/BHATile/BHATile.js";import"../../../Drillstring/BHAList/BHAList.js";import"../../../Drillstring/BHAComponentsTable/BHAComponentsTable.js";import"../../../Casing/CasingTable/index.js";import"../../../Casing/CasingComponentIcon.js";import"../../../Casing/CasingTileIcon.js";import"../../../Casing/CasingTableV2/CasingTableV2.js";import"../../../Casing/CasingTile/CasingTile.js";import"../../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../WellSummary/WellSummaryItemLabel.js";import"../../../WellSummary/WellSummaryItemTitle.js";import"../../../WellSummary/WellSummaryItemValue.js";import"../../../WellSummary/ActivitySummaryChart.js";import"../../../WellSummary/FracWirelineTimeChart.js";import"../../../BICOffsetPickerDialog/index.js";import"../../../OffsetWellButton/OffsetWellButton.js";import"../../OffsetWellPickerDialog.js";import"../../../OffsetWellPickerV3/index.js";import"../../../OffsetWellChips/Chip.js";import"../../../OffsetWellChips/ChipsContainer.js";import"../../../OffsetWellPickerV5/components/OffsetWellPickerV5WithStore/OffsetWellPickerV5WithStore.js";import"../../../OffsetWellMap/OffsetWellMap.js";import"@material-ui/core/Snackbar";import"../../../Notifications/Toast.js";import"../../../Notifications/Notifications.scss.js";import"../../../ConfirmationDialog.js";import"../../../TextLink/index.js";import"../../../Avatar/index.js";import"../../../Template/TemplatePopover/index.js";import"../../../Template/TemplateSharingDialog/index.js";import"../../../MenuItem/index.js";import"../../../MiddleTruncate/MiddleTruncate.js";import"../../../PinnableFilters/PinnableFilters.js";import"../../../HeaderLayout/HeaderLayout.js";import"../../../PadOffsetsPicker/PadOffsetsPicker.js";import"../../../PadOffsetsPicker/OffsetAssetChip.js";import"../../../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../../../PadOffsetsPicker/StagesSelector.js";import"../../../PadOffsetsPickerV2/PadOffsetsPickerV2.js";import"../../../Table/TableToolbar/TableToolbar.js";import"../../../Table/TableContainer/TableContainer.js";import"../../../Table/TableCell/TableCell.js";import"../../../Table/TablePagination/TablePagination.js";import"../../../Table/TablePaginationActions/TablePaginationActions.js";import"../../../Tooltip/ScrollableTooltip.js";import"../../../PriceInput/PriceInput.js";import"../../../LabelsCounter/LabelsCounter.js";import"../../../Stepper/Stepper.js";import"../../../Stepper/Step/Step.js";import"../../../Stepper/StepsWrapper.js";import"../../../Comment/CommentIcon/index.js";import"../../../FilesLoader/FilesLoader.js";import"../../../../componentsV2/FileIcon/icons/ArchiveFileIcon.js";import"../../../../componentsV2/FileIcon/icons/CSVFileIcon.js";import"../../../../componentsV2/FileIcon/icons/DocFileIcon.js";import"../../../../componentsV2/FileIcon/icons/EDMFileIcon.js";import"../../../../componentsV2/FileIcon/icons/ExcelFileIcon.js";import"../../../../componentsV2/FileIcon/icons/ImageFileIcon.js";import"../../../../componentsV2/FileIcon/icons/JsonFileIcon.js";import"../../../../componentsV2/FileIcon/icons/LasFileIcon.js";import"../../../../componentsV2/FileIcon/icons/OtherFileIcon.js";import"../../../../componentsV2/FileIcon/icons/PdfFileIcon.js";import"../../../../componentsV2/FileIcon/icons/PowerPointFileIcon.js";import"../../../../componentsV2/FileIcon/icons/TxtFileIcon.js";import"../../../../componentsV2/FileIcon/icons/UnknownFileIcon.js";import"../../../../componentsV2/FileIcon/icons/VideoFileIcon.js";import"../../../../componentsV2/FileIcon/icons/XmlFileIcon.js";import"../../../SearchInput/index.js";import"../../../FeedItem/FeedItem.js";import"../../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import"../../../PostInput/PostInput.js";import"../../../KeyboardDateTimePicker.js";import"../../../AddComment/Popover.js";import"../../../AddComment/Popup.js";import"../../../StageDesignVActual/ComparisonBar/ComparisonBar.js";import"../../../StageDesignVActual/ElementsComparison/ElementsComparison.js";import"../../../StageDesignVActual/ComparisonHeader.js";import"../../../StageDesignVActual/ComparisonRow.js";import"../../../EmbeddedApp/DevCenterEmbeddedApp.js";import"../../../EmbeddedApp/EmbeddedApp.js";import"../../../Autocomplete/Autocomplete.js";import"../../../DocumentViewer/DocumentViewer.js";import"../../../ColorPickerPalette/ColorPickerPalette.js";import"../../../Search/Search.js";import"../../../Search/components/Listbox.js";import"../../../Search/components/Paper.js";import"../../../Search/components/RecentSearches.js";import"../../../Search/components/Groups.js";import"../../../Search/components/SelectAllListItem.js";import"../../../StatusBadge/index.js";import"../../../Attachment/index.js";import"../../../EmojiIconButton.js";import"../../../FileUploadIconButton.js";import"../../../FilePreview/index.js";import"../../../FailedFileUploading.js";import"../../../UserMention/index.js";import"../../../CommentsInfo/index.js";import"../../../CommentInput/index.js";import"../../../Comment/index.js";import"../../../CommentLoader.js";import"../../../AssetNameLabel/AssetStatusBadge.js";import"../../../AssetEditorV2/components/PrimaryAssetSelect.js";import"../../../AssetEditorV2/components/SecondaryAssetSelect.js";import"../../../AssetEditorV2/components/SelectItem.js";import"../../../AssetEditorV2/components/MultipleAssetsToggle.js";import"../../../AssetEditorV2/components/PrimaryAssetSelectV2.js";import"../../../EChartsWrapper/EChartsWrapper.js";import"../../../AssetsMultipleSelector/AssetsMultipleSelector.js";import"@material-ui/icons/Close";import"@material-ui/icons/GetApp";import"../../../GoogleDocsViewer/index.js";import"../../../NewDocumentViewer/effects/useFileContent.js";import"../../../NewDocumentViewer/styles.js";import"../../../FilesLoaderV2/styles.js";import"../../../FilesDropzone/styles.js";import"../../../FilesProcessor/styles.js";import"../../../Hint/styles.js";import"@babel/runtime/helpers/taggedTemplateLiteral";import"fparser";import"../../../Formula/useFormulaStyles.js";import"../../../Formula/RootXIcon.js";import"../../../Formula/FormulaTextEditor.js";import"../../../Formula/CloseSuggestion.js";import"../../../Formula/SuggestionsMenu.js";import"../../../CommentCard/CommentCard.js";import"@material-ui/icons/AlternateEmail";import"../../../AttachFileButton/AttachFileButton.scss.js";import"../../../CommentInputNext/CommentInputNext.js";import"../../../UserMention/utils/index.js";import"react-s3-uploader/s3upload";import"../../../CommentComposer/CommentMetaLine.scss.js";import"@material-ui/icons/ArrowDropDown";import"@material-ui/icons/Search";import"../../../CommentComposer/ChatChannelSelector.scss.js";import"../../../CommentComposer/ShareToChatRow.scss.js";import"../../../CommentComposer/CommentComposer.scss.js";import"../../../AttachmentPreview/AttachmentPreview.js";import"../../../AttachmentPreview/AttachmentPreview.scss.js";import"../../../CommentPin/CommentPin.js";import"../../../FeedCard/FeedCard.js";import"../../../FeedItemCard/FeedItemCard.js";import"../../../NewCommentCursor/NewCommentCursor.js";import"../../../FeedItem/feedItemTypes/AlertFeedItem.js";import"../../../FeedItem/feedItemTypes/PostFeedItem.js";import"../../../FeedItem/feedItemTypes/GeosteeringFeedItem.js";import"../../../FeedItem/feedItemTypes/DrillingOperationalNoteFeedItem.js";import"../../../FeedItem/feedItemTypes/DrillingOperationSummaryFeedItem.js";import"../../../FeedItem/feedItemTypes/DrillingDailyCostFeedItem.js";import"../../../FeedItem/feedItemTypes/DocumentFeedItem.js";import"../../../FeedItem/feedItemTypes/DrillerMemoFeedItem.js";import"../../../FeedItem/feedItemTypes/NptFeedItem.js";import"../../../FeedItem/feedItemTypes/SurveyStationFeedItem/index.js";import"../../../FeedItem/feedItemTypes/LessonsLearnedFeedItem/index.js";import"../../../FeedItem/feedItemTypes/TracesMemoFeedItem.js";import"../../../FeedItem/feedItemTypes/DepthCommentFeedItem.js";import"../../../FeedItem/feedItemTypes/CompletionOperationalNoteFeedItem.js";import"../../../FeedItem/feedItemTypes/CompletionOperationSummaryFeedItem.js";import"../../../FeedItem/feedItemTypes/CompletionDailyCostFeedItem.js";import"../../../FeedItem/feedItemTypes/CompletionDocumentFeedItem.js";import"../../../FeedItem/feedItemTypes/CompletionNptFeedItem.js";import"../../../FeedItem/feedItemTypes/StageOverviewFeedItem/index.js";import"../../../FeedItem/feedItemTypes/AppAnnotationFeedItem/index.js";import"../../../FeedItem/feedItemTypes/WellPlanFeedItem/index.js";import"../../../FeedItem/feedItemTypes/FluidReportFeedItem.js";import"../../../FeedItem/feedItemTypes/BhaFeedItem/BhaFeedItem.js";import"../../../FeedItem/feedItemTypes/DvDCommentFeedItem.js";import"../../../FeedItem/feedItemTypes/PCCommentFeedItem.js";import"../../../FeedItem/feedItemTypes/HookloadCommentFeedItem.js";import"../../../FeedItem/feedItemTypes/NptLessonsCommentFeedItem.js";import"../../../FeedItem/feedItemTypes/GenericDataCommentFeedItem.js";function A(s){var c=s.metricsKeys,A=s.onChange,V=s.classes,S=s["data-testid"],g=o([]),h=e(g,2),F=h[0],T=h[1],D=o(null),P=e(D,2),v=P[0],x=P[1];t((function(){T(c)}),[c]);return j(u,{children:[C(I,{"data-testid":"".concat(S,"_addMetrics"),tooltipProps:{title:"Add Metric"},size:"small",onClick:function(e){x(e.currentTarget)},children:C(m,{size:"small"})}),C(i,{id:"simple-menu",anchorEl:v,getContentAnchorEl:null,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"bottom",horizontal:"right"},PaperProps:{style:{maxHeight:"300px",backgroundColor:"#414141"}},keepMounted:!0,open:Boolean(v),onClose:function(){x(null),a(F,c)||A(F)},children:l.map((function(e){return j(n,{disabled:F.length===d&&!F.includes(e.key),onClick:function(){return o=e.key,void(F.includes(o)?T((function(e){return e.filter((function(e){return e!==o}))})):T((function(e){return e.concat(o)})));var o},children:[C(r,{"data-testid":"".concat(S,"_checkbox_").concat(e.key),checked:F.includes(e.key),className:V.checkBox}),C(p,{primary:e.label,classes:{primary:V.listItemPrimaryText}})]},e.key)}))})]})}A.propTypes={metricsKeys:s.arrayOf(s.string).isRequired,onChange:s.func.isRequired,classes:s.shape({}).isRequired,"data-testid":s.string},A.defaultProps={"data-testid":"MetricsSelect"};var V=c({listItemPrimaryText:{color:"#fff",fontSize:"14px"},checkBox:{color:"grey",padding:"5px"}})(A);export{V as default};
+import e from"@babel/runtime/helpers/slicedToArray";import{useState as o,useEffect as t}from"react";import s from"prop-types";import{Menu as i,MenuItem as n,Checkbox as r,ListItemText as p}from"@material-ui/core";import m from"@material-ui/icons/Settings";import{withStyles as c}from"@material-ui/core/styles";import{isEqual as a}from"lodash";import{METRICS_LIST as l,MAX_METRICS_COUNT as d}from"../../constants.js";import"@babel/runtime/helpers/defineProperty";import"../../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"@babel/runtime/helpers/objectWithoutProperties";import"classnames";import"../../../Modal/CorvaModal.scss.js";import"@icon-park/react/es/all";import{jsxs as j,Fragment as u,jsx as C}from"react/jsx-runtime";import"../../../../icons/IconParkProvider.js";import"../../../../icons/customIcons/icons/AddMessage.js";import"../../../../icons/customIcons/icons/DragOne.js";import"../../../../icons/customIcons/icons/Attention.js";import"../../../../icons/customIcons/icons/Collapse.js";import"../../../../icons/customIcons/icons/Dashboard.js";import"../../../../icons/customIcons/icons/Expand.js";import"../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../icons/customIcons/icons/Search.js";import"../../../../icons/customIcons/icons/SearchOne.js";import"../../../../icons/customIcons/icons/Wellhub.js";import"../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../icons/customIcons/icons/Checkbox.js";import"../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../icons/customIcons/icons/Radio.js";import"../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../icons/customIcons/icons/MoreApp.js";import"../../../../icons/customIcons/icons/Pad.js";import"../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../icons/customIcons/icons/FracFleet.js";import"../../../../icons/customIcons/icons/Global.js";import"../../../../icons/customIcons/icons/Program.js";import"../../../../icons/customIcons/icons/Rig.js";import"../../../../icons/customIcons/icons/Well.js";import"../../../../icons/customIcons/icons/Gap.js";import"../../../../icons/customIcons/icons/Pin.js";import"../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../icons/customIcons/icons/Archive.js";import"../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../icons/customIcons/icons/Unarchive.js";import"../../../../icons/customIcons/icons/Archived.js";import"../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../icons/customIcons/icons/CloudDelete.js";import"../../../../icons/customIcons/icons/Lasso.js";import"../../../../icons/customIcons/icons/Radius.js";import"../../../../icons/customIcons/icons/ErrorOps.js";import"../../../../icons/customIcons/icons/DataTypeOps.js";import"../../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../../icons/customIcons/icons/CalibrationOps.js";import"../../../../icons/customIcons/icons/CriticalOps.js";import"../../../../icons/customIcons/icons/Company.js";import"../../../../icons/customIcons/icons/ArchiveOne.js";import"../../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../../icons/customIcons/icons/Connect.js";import"../../../../icons/customIcons/icons/PuzzleOne.js";import"../../../../icons/customIcons/icons/Feed.js";import"../../../../icons/customIcons/icons/Prompt.js";import"../../../../icons/customIcons/icons/Companies.js";import"../../../../icons/customIcons/icons/ClipboardAi.js";import"../../../../icons/customIcons/icons/Key.js";import"../../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../../icons/customIcons/icons/MappingManual.js";import"../../../../icons/customIcons/icons/Mapping.js";import"../../../../icons/customIcons/icons/Metrics.js";import"../../../../icons/customIcons/icons/Drops.js";import"../../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../../icons/customIcons/icons/Template.js";import"../../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../../icons/customIcons/icons/UnitConversion.js";import"../../../../icons/customIcons/icons/NPT.js";import"../../../../icons/customIcons/icons/GuidedFrac.js";import"../../../../utils/mobileDetect.js";import I from"../../../IconButton/index.js";import"../../../../constants/goals.js";import"../../../../constants/segment.js";import"../../../../constants/alerts.js";import"../../../../constants/apps.js";import"../../../../constants/drillstring.js";import"../../../../constants/completion.js";import"../../../../constants/appPackages.js";import"../../../../constants/notifications.js";import"../../../../constants/feed.js";import"../../../../constants/bha.js";import"../../../../constants/corvaCompanyId.js";import"../../../GradientManager/configuration/constants.js";import"uuid";import"../../../IconMenu/index.js";import"../../../StyledMenuItem/index.js";import"../../../AppIcon/AppIcon.js";import"../../../DevCenter/AppHeader/AppHeader.js";import"../../../DevCenter/AppSideBar/AppSideBar.js";import"../../../DevCenter/AppsDataProvider/AppsDataProvider.js";import"@material-ui/icons";import"../../../DevCenter/AppContext.js";import"../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router-dom";import"query-string";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../../utils/index.js";import"../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../../../../componentsV2/Text/Text.js";import"../../../../componentsV2/Grid/Grid.js";import"../../../../componentsV2/Grid/Cell.js";import"../../../../componentsV2/Header/Header.scss.js";import"../../../../componentsV2/Button/Button.js";import"../../../../componentsV2/ButtonIcon/ButtonIcon.js";import"../../../../componentsV2/Tooltip/Tooltip.scss.js";import"../../../../componentsV2/Popover/Popover.js";import"../../../../componentsV2/PopoverPanel/PopoverPanel.js";import"../../../../componentsV2/Radio/Radio.js";import"../../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../../../componentsV2/Checkbox/Checkbox.js";import"@babel/runtime/helpers/toConsumableArray";import"../../../../componentsV2/TextInput/TextInput.js";import"../../../../componentsV2/TextInputNext/TextInputNext.js";import"../../../../componentsV2/Label/Label.js";import"../../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../../../componentsV2/TextLink/TextLink.js";import"../../../../componentsV2/Chip/Chip.js";import"../../../../componentsV2/ChipAlert/ChipAlert.js";import"../../../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../../../componentsV2/Avatar/Avatar.js";import"../../../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../../componentsV2/Paper/Paper.js";import"../../../../componentsV2/ModalWindow/ModalWindow.js";import"../../../../componentsV2/Modal/Modal.scss.js";import"../../../../componentsV2/Menu/Menu.js";import"../../../../componentsV2/utils.js";import"../../../../componentsV2/Hint/Hint.scss.js";import"../../../../componentsV2/Counter/Counter.js";import"../../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../../../componentsV2/TemplatesControl/utils.js";import"../../../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../../../componentsV2/TemplatesControl/Store/utils.js";import"../../../../componentsV2/TemplatesControl/types.js";import"../../../../clients/jsonApi/index.js";import"../../../../permissions/PermissionsContext.js";import"../../../../permissions/constants/index.js";import"../../../../permissions/withPermissionsHOC.js";import"../../../../permissions/ProvidePermissions.js";import"../../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../../componentsV2/Switch/Switch.js";import"../../../../componentsV2/Tabs/Tabs.js";import"../../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../../../componentsV2/FileIcon/FileIcon.js";import"../../../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../../../componentsV2/FilesLoader/FilesLoader.scss.js";import"file-extension";import"image-extensions";import"video-extensions";import"../../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../../utils/main.js";import"../../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../../componentsV2/Stepper/Stepper.scss.js";import"../../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../../componentsV2/ButtonText/ButtonText.js";import"../../../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../../../componentsV2/Accordion/Accordion.scss.js";import"../../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../../componentsV2/AppContainer/AppContainer.js";import"../../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../../componentsV2/AppFooter/AppFooter.js";import"immutable";import"../../../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../../../componentsV2/AppHeader/AppHeader.constants.js";import"../../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../../../componentsV2/AppHeader/AppAssets/utils.js";import"../../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../../../PadModeSelect/PadModeSelect.js";import"../../../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../../../constants/streamSourceType.js";import"../../../../componentsV2/PadModeSelect/PadModeSelect.js";import"../../../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../../../componentsV2/AppCommonsProvider/AppCommonsProvider.js";import"../../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"moment";import"../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../../../../utils/getSingleAsset.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../../../clients/subscriptions.v1.js";import"../../../../clients/subscriptions/subscriptions-client.factory.js";import"jsona";import"../../../../utils/env.js";import"../../../StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../../../clients/api/apiCore.js";import"../../../../clients/constants.js";import"../../../../clients/sso/auth0.js";import"../../../../clients/sso/oauth2.js";import"../../../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../../../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../../../componentsV2/AppSettings/AppSettings.js";import"../../../../componentsV2/AppSettings/AppSettings.constants.js";import"../../../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../../../componentsV2/AppHeader/AppHeader.scss.js";import"../../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js";import"highcharts";import"../../../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js";import"../../../../componentsV2/Autocomplete/Autocomplete.js";import"../../../../componentsV2/Select/Select.js";import"../../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../../../componentsV2/DatePicker/DatePicker.js";import"../../../../componentsV2/DragHandle/DragHandle.js";import"../../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../../../../componentsV2/Slider/constants.js";import"../../../../componentsV2/Slider/components/SliderThumb.js";import"../../../../componentsV2/Slider/Slider.scss.js";import"../../../../componentsV2/SliderAdvanced/SliderAdvanced.js";import"react-color";import"../../../../componentsV2/ColorPicker/Swatches/Swatches.scss.js";import"../../../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../../../../componentsV2/ColorPicker/ColorPicker.scss.js";import"../../../../componentsV2/ChartHelper/ChartHelper.scss.js";import"../../../../componentsV2/Hotkey/Hotkey.js";import"../../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton.js";import"../../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.scss.js";import"../../../ErrorBoundary/ErrorBoundary.js";import"../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js";import"../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.scss.js";import"../../../Icons/AnnotationIcon.js";import"../../../Annotations/components/AnnotationsList/index.js";import"../../../Annotations/components/LastAnnotation/index.js";import"../../../Annotations/AnnotationsContext.js";import"../../../Toaster/Toaster.js";import"../../../HelpCenter/HelpCenterIcon.js";import"../../../DevCenter/NavigationBar/NavigationBar.js";import"../../../DevCenter/SideBar/SideBar.js";import"../../../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../../../DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../../../AssetEditor/index.js";import"../../../AssetEditorV2/index.js";import"../../../AppVersionsSelect/AppVersionsSelect.js";import"../../../LoadingIndicator/LoadingIndicator.js";import"../../../Typography.js";import"../../../RealTimeValuesSidebar/RealTimeSidebar.js";import"../../../CollapsableSidebar.js";import"../../../DateTimePicker/index.js";import"../../../DatePicker/index.js";import"../../../SlateFormattedText/SlateFormattedText.js";import"../../../SlateFormattedText/RenderElements.js";import"slate";import"../../../EmptyState/EmptyState.js";import"../../../ParameterCharts/ParameterCharts.js";import"../../../ParameterCharts/AddEditTrack.js";import"../../../ChartActionsList/ChartActionsList.js";import"../../../CopyToClipboard/CopyToClipboard.js";import"../../../AssetEditor/AssetEditorAutocomplete.js";import"../../../AssetEditor/SingleAssetEditor.js";import"../../../SettingEditors/ColorEditor/style.css.js";import"../../../SettingEditors/DropdownEditor/index.js";import"../../../SwitchControl/index.js";import"../../../ColorPicker/ColorPicker.js";import"../../../Chart/components/ChartButton.js";import"../../../Chart/components/ChartButtons.js";import"../../../Chart/components/ChartWrapper.js";import"../../../Chart/components/AxisDropdown.js";import"../../../Chart/components/ChartSelect.js";import"../../../Chart/ChartWrapperContext.js";import"../../../Chart/effects/useChartModifier.js";import"../../../Chart/components/buttons/HideAxesButton.js";import"../../../Chart/components/buttons/ChartTypeButton.js";import"../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../../../TruncatedText/index.js";import"../../../MiddleTruncatedText/MiddleTruncatedText.js";import"../../../RangeSlider/constants.js";import"../../../RangeSlider/Input.css.js";import"../../../RangeSlider/RangeSlider.css.js";import"../../../AdvancedSlider/AdvancedSlider.js";import"../../../Breadcrumbs/index.js";import"../../../VirtualizedTable/index.js";import"../../../EmptyView/EmptyView.js";import"../../../EmptyView/EmptyAppView/EmptyAppView.js";import"../../../Button/components/Button/index.js";import"moment-timezone";import"../../../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../../../Button/components/LiveButton/styles.js";import"../../../ContextMenuItem/index.js";import"../../../FolderMenuItem/index.js";import"../../../EditableItem/EditableItem/index.js";import"../../../EditableItem/EditableItemWithBadge/index.js";import"../../../Checkbox/index.js";import"../../../FolderMenuItemWithLinks/index.js";import"../../../TextField/index.js";import"../../../Chip/index.js";import"../../../Counter/index.js";import"../../../AnchorsList/AnchorsList.js";import"../../../Select/index.js";import"../../../Select/SelectFilterBy.js";import"../../../CustomSelect/index.js";import"../../../Tabs/Tabs.js";import"../../../Tabs/Tab.js";import"../../../ResizableTable/ResizableTable.js";import"../../../GradientPicker/GradientPicker.js";import"@babel/runtime/helpers/classCallCheck";import"@babel/runtime/helpers/createClass";import"@material-ui/icons/AddCircle";import"../../../GradientManager/GradientPreview/GradientPreview.js";import"../../../GradientManager/GradientSelect.styles.js";import"../../../GradientManager/GradientManager.styles.js";import"../../../Drillstring/BHASchematic.js";import"../../../Drillstring/BHATable/index.js";import"../../../Drillstring/BHAComponentIcon.js";import"../../../Drillstring/BHAComponentDetail/index.js";import"../../../Drillstring/BHATileIcon.js";import"../../../Drillstring/BHATile/BHATile.js";import"../../../Drillstring/BHAList/BHAList.js";import"../../../Drillstring/BHAComponentsTable/BHAComponentsTable.js";import"../../../Casing/CasingTable/index.js";import"../../../Casing/CasingComponentIcon.js";import"../../../Casing/CasingTileIcon.js";import"../../../Casing/CasingTableV2/CasingTableV2.js";import"../../../Casing/CasingTile/CasingTile.js";import"../../../DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../WellSummary/WellSummaryItemLabel.js";import"../../../WellSummary/WellSummaryItemTitle.js";import"../../../WellSummary/WellSummaryItemValue.js";import"../../../WellSummary/ActivitySummaryChart.js";import"../../../WellSummary/FracWirelineTimeChart.js";import"../../../BICOffsetPickerDialog/index.js";import"../../../OffsetWellButton/OffsetWellButton.js";import"../../OffsetWellPickerDialog.js";import"../../../OffsetWellPickerV3/index.js";import"../../../OffsetWellChips/Chip.js";import"../../../OffsetWellChips/ChipsContainer.js";import"../../../OffsetWellPickerV5/components/OffsetWellPickerV5WithStore/OffsetWellPickerV5WithStore.js";import"../../../OffsetWellMap/OffsetWellMap.js";import"@material-ui/core/Snackbar";import"../../../Notifications/Toast.js";import"../../../Notifications/Notifications.scss.js";import"../../../ConfirmationDialog.js";import"../../../TextLink/index.js";import"../../../Avatar/index.js";import"../../../Template/TemplatePopover/index.js";import"../../../Template/TemplateSharingDialog/index.js";import"../../../MenuItem/index.js";import"../../../MiddleTruncate/MiddleTruncate.js";import"../../../PinnableFilters/PinnableFilters.js";import"../../../HeaderLayout/HeaderLayout.js";import"../../../PadOffsetsPicker/PadOffsetsPicker.js";import"../../../PadOffsetsPicker/OffsetAssetChip.js";import"../../../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../../../PadOffsetsPicker/StagesSelector.js";import"../../../PadOffsetsPickerV2/PadOffsetsPickerV2.js";import"../../../Table/TableToolbar/TableToolbar.js";import"../../../Table/TableContainer/TableContainer.js";import"../../../Table/TableCell/TableCell.js";import"../../../Table/TablePagination/TablePagination.js";import"../../../Table/TablePaginationActions/TablePaginationActions.js";import"../../../Tooltip/ScrollableTooltip.js";import"../../../PriceInput/PriceInput.js";import"../../../LabelsCounter/LabelsCounter.js";import"../../../Stepper/Stepper.js";import"../../../Stepper/Step/Step.js";import"../../../Stepper/StepsWrapper.js";import"../../../Comment/CommentIcon/index.js";import"../../../FilesLoader/FilesLoader.js";import"../../../../componentsV2/FileIcon/icons/ArchiveFileIcon.js";import"../../../../componentsV2/FileIcon/icons/CSVFileIcon.js";import"../../../../componentsV2/FileIcon/icons/DocFileIcon.js";import"../../../../componentsV2/FileIcon/icons/EDMFileIcon.js";import"../../../../componentsV2/FileIcon/icons/ExcelFileIcon.js";import"../../../../componentsV2/FileIcon/icons/ImageFileIcon.js";import"../../../../componentsV2/FileIcon/icons/JsonFileIcon.js";import"../../../../componentsV2/FileIcon/icons/LasFileIcon.js";import"../../../../componentsV2/FileIcon/icons/OtherFileIcon.js";import"../../../../componentsV2/FileIcon/icons/PdfFileIcon.js";import"../../../../componentsV2/FileIcon/icons/PowerPointFileIcon.js";import"../../../../componentsV2/FileIcon/icons/TxtFileIcon.js";import"../../../../componentsV2/FileIcon/icons/UnknownFileIcon.js";import"../../../../componentsV2/FileIcon/icons/VideoFileIcon.js";import"../../../../componentsV2/FileIcon/icons/XmlFileIcon.js";import"../../../SearchInput/index.js";import"../../../FeedItem/FeedItem.js";import"../../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import"../../../PostInput/PostInput.js";import"../../../KeyboardDateTimePicker.js";import"../../../AddComment/Popover.js";import"../../../AddComment/Popup.js";import"../../../StageDesignVActual/ComparisonBar/ComparisonBar.js";import"../../../StageDesignVActual/ElementsComparison/ElementsComparison.js";import"../../../StageDesignVActual/ComparisonHeader.js";import"../../../StageDesignVActual/ComparisonRow.js";import"../../../EmbeddedApp/DevCenterEmbeddedApp.js";import"../../../EmbeddedApp/EmbeddedApp.js";import"../../../Autocomplete/Autocomplete.js";import"../../../DocumentViewer/DocumentViewer.js";import"../../../ColorPickerPalette/ColorPickerPalette.js";import"../../../Search/Search.js";import"../../../Search/components/Listbox.js";import"../../../Search/components/Paper.js";import"../../../Search/components/RecentSearches.js";import"../../../Search/components/Groups.js";import"../../../Search/components/SelectAllListItem.js";import"../../../StatusBadge/index.js";import"../../../Attachment/index.js";import"../../../EmojiIconButton.js";import"../../../FileUploadIconButton.js";import"../../../FilePreview/index.js";import"../../../FailedFileUploading.js";import"../../../UserMention/index.js";import"../../../CommentsInfo/index.js";import"../../../CommentInput/index.js";import"../../../Comment/index.js";import"../../../CommentLoader.js";import"../../../AssetNameLabel/AssetStatusBadge.js";import"../../../AssetEditorV2/components/PrimaryAssetSelect.js";import"../../../AssetEditorV2/components/SecondaryAssetSelect.js";import"../../../AssetEditorV2/components/SelectItem.js";import"../../../AssetEditorV2/components/MultipleAssetsToggle.js";import"../../../AssetEditorV2/components/PrimaryAssetSelectV2.js";import"../../../EChartsWrapper/EChartsWrapper.js";import"../../../AssetsMultipleSelector/AssetsMultipleSelector.js";import"@material-ui/icons/Close";import"@material-ui/icons/GetApp";import"../../../GoogleDocsViewer/index.js";import"../../../NewDocumentViewer/effects/useFileContent.js";import"../../../NewDocumentViewer/styles.js";import"../../../FilesLoaderV2/styles.js";import"../../../FilesDropzone/styles.js";import"../../../FilesProcessor/styles.js";import"../../../Hint/styles.js";import"@babel/runtime/helpers/taggedTemplateLiteral";import"fparser";import"../../../Formula/useFormulaStyles.js";import"../../../Formula/RootXIcon.js";import"../../../Formula/FormulaTextEditor.js";import"../../../Formula/CloseSuggestion.js";import"../../../Formula/SuggestionsMenu.js";import"../../../CommentCard/CommentCard.js";import"@material-ui/icons/AlternateEmail";import"../../../AttachFileButton/AttachFileButton.scss.js";import"../../../CommentInputNext/CommentInputNext.js";import"../../../UserMention/utils/index.js";import"react-s3-uploader/s3upload";import"../../../CommentComposer/CommentMetaLine.scss.js";import"@material-ui/icons/ArrowDropDown";import"@material-ui/icons/Search";import"../../../CommentComposer/ChatChannelSelector.scss.js";import"../../../CommentComposer/ShareToChatRow.scss.js";import"../../../CommentComposer/CommentComposer.scss.js";import"../../../AttachmentPreview/AttachmentPreview.js";import"../../../AttachmentPreview/AttachmentPreview.scss.js";import"../../../CommentPin/CommentPin.js";import"../../../FeedCard/FeedCard.js";import"../../../FeedItemCard/FeedItemCard.js";import"../../../NewCommentCursor/NewCommentCursor.js";import"../../../FeedItem/feedItemTypes/AlertFeedItem.js";import"../../../FeedItem/feedItemTypes/PostFeedItem.js";import"../../../FeedItem/feedItemTypes/GeosteeringFeedItem.js";import"../../../FeedItem/feedItemTypes/DrillingOperationalNoteFeedItem.js";import"../../../FeedItem/feedItemTypes/DrillingOperationSummaryFeedItem.js";import"../../../FeedItem/feedItemTypes/DrillingDailyCostFeedItem.js";import"../../../FeedItem/feedItemTypes/DocumentFeedItem.js";import"../../../FeedItem/feedItemTypes/DrillerMemoFeedItem.js";import"../../../FeedItem/feedItemTypes/NptFeedItem.js";import"../../../FeedItem/feedItemTypes/SurveyStationFeedItem/index.js";import"../../../FeedItem/feedItemTypes/LessonsLearnedFeedItem/index.js";import"../../../FeedItem/feedItemTypes/TracesMemoFeedItem.js";import"../../../FeedItem/feedItemTypes/DepthCommentFeedItem.js";import"../../../FeedItem/feedItemTypes/CompletionOperationalNoteFeedItem.js";import"../../../FeedItem/feedItemTypes/CompletionOperationSummaryFeedItem.js";import"../../../FeedItem/feedItemTypes/CompletionDailyCostFeedItem.js";import"../../../FeedItem/feedItemTypes/CompletionDocumentFeedItem.js";import"../../../FeedItem/feedItemTypes/CompletionNptFeedItem.js";import"../../../FeedItem/feedItemTypes/StageOverviewFeedItem/index.js";import"../../../FeedItem/feedItemTypes/AppAnnotationFeedItem/index.js";import"../../../FeedItem/feedItemTypes/WellPlanFeedItem/index.js";import"../../../FeedItem/feedItemTypes/FluidReportFeedItem.js";import"../../../FeedItem/feedItemTypes/BhaFeedItem/BhaFeedItem.js";import"../../../FeedItem/feedItemTypes/DvDCommentFeedItem.js";import"../../../FeedItem/feedItemTypes/PCCommentFeedItem.js";import"../../../FeedItem/feedItemTypes/HookloadCommentFeedItem.js";import"../../../FeedItem/feedItemTypes/NptLessonsCommentFeedItem.js";import"../../../FeedItem/feedItemTypes/GenericDataCommentFeedItem.js";function A(s){var c=s.metricsKeys,A=s.onChange,V=s.classes,S=s["data-testid"],g=void 0===S?"MetricsSelect":S,h=o([]),F=e(h,2),T=F[0],D=F[1],v=o(null),P=e(v,2),x=P[0],f=P[1];t((function(){D(c)}),[c]);return j(u,{children:[C(I,{"data-testid":"".concat(g,"_addMetrics"),tooltipProps:{title:"Add Metric"},size:"small",onClick:function(e){f(e.currentTarget)},children:C(m,{size:"small"})}),C(i,{id:"simple-menu",anchorEl:x,getContentAnchorEl:null,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"bottom",horizontal:"right"},PaperProps:{style:{maxHeight:"300px",backgroundColor:"#414141"}},keepMounted:!0,open:Boolean(x),onClose:function(){f(null),a(T,c)||A(T)},children:l.map((function(e){return j(n,{disabled:T.length===d&&!T.includes(e.key),onClick:function(){return o=e.key,void(T.includes(o)?D((function(e){return e.filter((function(e){return e!==o}))})):D((function(e){return e.concat(o)})));var o},children:[C(r,{"data-testid":"".concat(g,"_checkbox_").concat(e.key),checked:T.includes(e.key),className:V.checkBox}),C(p,{primary:e.label,classes:{primary:V.listItemPrimaryText}})]},e.key)}))})]})}A.propTypes={metricsKeys:s.arrayOf(s.string).isRequired,onChange:s.func.isRequired,classes:s.shape({}).isRequired,"data-testid":s.string};var V=c({listItemPrimaryText:{color:"#fff",fontSize:"14px"},checkBox:{color:"grey",padding:"5px"}})(A);export{V as default};
 //# sourceMappingURL=MetricsAddMenu.js.map

package/components/OffsetWellPickerV2/components/Table/MetricsAddMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"MetricsAddMenu.js","sources":["../../../../../src/components/OffsetWellPickerV2/components/Table/MetricsAddMenu.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { Menu, MenuItem, Checkbox, ListItemText } from '@material-ui/core';\nimport SettingsIcon from '@material-ui/icons/Settings';\nimport { withStyles } from '@material-ui/core/styles';\nimport { isEqual } from 'lodash';\n\nimport { METRICS_LIST, MAX_METRICS_COUNT } from '../../constants';\n\nimport { IconButton as IconButtonComponent } from '~/components';\n\nconst muiStyles = {\n  listItemPrimaryText: {\n    color: '#fff',\n    fontSize: '14px',\n  },\n  checkBox: {\n    color: 'grey',\n    padding: '5px',\n  },\n};\n\nfunction MetricsAddMenu({ metricsKeys, onChange, classes, 'data-testid': dataTestId }) {\n  const [selectedKeys, setSelectedKeys] = useState([]);\n  const [anchorEl, setAnchorEl] = useState(null);\n\n  useEffect(() => {\n    // NOTE: If there are >=2 columns, metrics keys can be duplicated\n    setSelectedKeys(metricsKeys);\n  }, [metricsKeys]);\n\n  const handleClick = event => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleClose = () => {\n    setAnchorEl(null);\n    if (!isEqual(selectedKeys, metricsKeys)) {\n      onChange(selectedKeys);\n    }\n  };\n\n  const handleChangeMetrics = newKey => {\n    if (selectedKeys.includes(newKey)) {\n      setSelectedKeys(prevKeys => prevKeys.filter(key => key !== newKey));\n    } else {\n      setSelectedKeys(prevKeys => prevKeys.concat(newKey));\n    }\n  };\n\n  return (\n    <>\n      <IconButtonComponent\n        data-testid={`${dataTestId}_addMetrics`}\n        tooltipProps={{ title: 'Add Metric' }}\n        size=\"small\"\n        onClick={handleClick}\n      >\n        <SettingsIcon size=\"small\" />\n      </IconButtonComponent>\n\n      <Menu\n        id=\"simple-menu\"\n        anchorEl={anchorEl}\n        getContentAnchorEl={null}\n        anchorOrigin={{\n          vertical: 'top',\n          horizontal: 'right',\n        }}\n        transformOrigin={{\n          vertical: 'bottom',\n          horizontal: 'right',\n        }}\n        PaperProps={{\n          style: {\n            maxHeight: '300px',\n            backgroundColor: '#414141',\n          },\n        }}\n        keepMounted\n        open={Boolean(anchorEl)}\n        onClose={handleClose}\n      >\n        {METRICS_LIST.map(item => (\n          <MenuItem\n            disabled={selectedKeys.length === MAX_METRICS_COUNT && !selectedKeys.includes(item.key)}\n            key={item.key}\n            onClick={() => handleChangeMetrics(item.key)}\n          >\n            <Checkbox\n              data-testid={`${dataTestId}_checkbox_${item.key}`}\n              checked={selectedKeys.includes(item.key)}\n              className={classes.checkBox}\n            />\n            <ListItemText primary={item.label} classes={{ primary: classes.listItemPrimaryText }} />\n          </MenuItem>\n        ))}\n      </Menu>\n    </>\n  );\n}\n\nMetricsAddMenu.propTypes = {\n  metricsKeys: PropTypes.arrayOf(PropTypes.string).isRequired,\n  onChange: PropTypes.func.isRequired,\n  classes: PropTypes.shape({}).isRequired,\n  'data-testid': PropTypes.string,\n};\n\nMetricsAddMenu.defaultProps = {\n  'data-testid': 'MetricsSelect',\n};\n\nexport default withStyles(muiStyles)(MetricsAddMenu);\n"],"names":["MetricsAddMenu","_ref","metricsKeys","onChange","classes","dataTestId","useState","_useState2","_slicedToArray","_useState","selectedKeys","setSelectedKeys","_useState4","_useState3","anchorEl","setAnchorEl","useEffect","_jsxs","_Fragment","children","_jsx","IconButtonComponent","concat","tooltipProps","title","size","onClick","event","currentTarget","SettingsIcon","Menu","id","getContentAnchorEl","anchorOrigin","vertical","horizontal","transformOrigin","PaperProps","style","maxHeight","backgroundColor","keepMounted","open","Boolean","onClose","isEqual","METRICS_LIST","map","item","MenuItem","disabled","length","MAX_METRICS_COUNT","includes","key","newKey","prevKeys","filter","Checkbox","checked","className","checkBox","ListItemText","primary","label","listItemPrimaryText","propTypes","PropTypes","arrayOf","string","isRequired","func","shape","defaultProps","MetricsAddMenu$1","withStyles","color","fontSize","padding"],"mappings":"un7BAsBA,SAASA,EAA8EC,GAAA,IAA7DC,IAAAA,YAAaC,IAAAA,SAAUC,IAAAA,QAAwBC,IAAf,eAChBC,EAAAA,EAAS,IAAGC,EAAAC,EAAAC,EAAA,GAA7CC,EAAYH,EAAA,GAAEI,EAAeJ,EAAA,GACJD,EAAAA,EAAS,MAAKM,EAAAJ,EAAAK,EAAA,GAAvCC,EAAQF,EAAA,GAAEG,EAAWH,EAAA,GAE5BI,GAAU,WAERL,EAAgBT,EAClB,GAAG,CAACA,IAqBJ,OACEe,EAAAC,EAAA,CAAAC,SAAA,CACEC,EAACC,EAAmB,CAClB,cAAA,GAAAC,OAAgBjB,EAAwB,eACxCkB,aAAc,CAAEC,MAAO,cACvBC,KAAK,QACLC,QAzBc,SAAAC,GAClBZ,EAAYY,EAAMC,gBAwBOT,SAErBC,EAACS,EAAY,CAACJ,KAAK,YAGrBL,EAACU,EAAI,CACHC,GAAG,cACHjB,SAAUA,EACVkB,mBAAoB,KACpBC,aAAc,CACZC,SAAU,MACVC,WAAY,SAEdC,gBAAiB,CACfF,SAAU,SACVC,WAAY,SAEdE,WAAY,CACVC,MAAO,CACLC,UAAW,QACXC,gBAAiB,YAGrBC,aAAW,EACXC,KAAMC,QAAQ7B,GACd8B,QA9Cc,WAClB7B,EAAY,MACP8B,EAAQnC,EAAcR,IACzBC,EAASO,IA2CcS,SAEpB2B,EAAaC,KAAI,SAAAC,GAAI,OACpB/B,EAACgC,EAAQ,CACPC,SAAUxC,EAAayC,SAAWC,IAAsB1C,EAAa2C,SAASL,EAAKM,KAEnF5B,QAAS,WAAA,OA7CS6B,EA6CiBP,EAAKM,SA5C5C5C,EAAa2C,SAASE,GACxB5C,GAAgB,SAAA6C,GAAQ,OAAIA,EAASC,QAAO,SAAAH,GAAG,OAAIA,IAAQC,QAE3D5C,GAAgB,SAAA6C,GAAQ,OAAIA,EAASlC,OAAOiC,OAJpB,IAAAA,CA6C2B,EAAApC,SAAA,CAE7CC,EAACsC,EAAQ,CACP,cAAA,GAAApC,OAAgBjB,EAAU,cAAAiB,OAAa0B,EAAKM,KAC5CK,QAASjD,EAAa2C,SAASL,EAAKM,KACpCM,UAAWxD,EAAQyD,WAErBzC,EAAC0C,EAAY,CAACC,QAASf,EAAKgB,MAAO5D,QAAS,CAAE2D,QAAS3D,EAAQ6D,yBAR1DjB,EAAKM,YActB,CAEAtD,EAAekE,UAAY,CACzBhE,YAAaiE,EAAUC,QAAQD,EAAUE,QAAQC,WACjDnE,SAAUgE,EAAUI,KAAKD,WACzBlE,QAAS+D,EAAUK,MAAM,CAAA,GAAIF,WAC7B,cAAeH,EAAUE,QAG3BrE,EAAeyE,aAAe,CAC5B,cAAe,iBAGjB,IAAAC,EAAeC,EAtGG,CAChBV,oBAAqB,CACnBW,MAAO,OACPC,SAAU,QAEZhB,SAAU,CACRe,MAAO,OACPE,QAAS,QA+FEH,CAAsB3E"}
+{"version":3,"file":"MetricsAddMenu.js","sources":["../../../../../src/components/OffsetWellPickerV2/components/Table/MetricsAddMenu.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { Menu, MenuItem, Checkbox, ListItemText } from '@material-ui/core';\nimport SettingsIcon from '@material-ui/icons/Settings';\nimport { withStyles } from '@material-ui/core/styles';\nimport { isEqual } from 'lodash';\n\nimport { METRICS_LIST, MAX_METRICS_COUNT } from '../../constants';\n\nimport { IconButton as IconButtonComponent } from '~/components';\n\nconst muiStyles = {\n  listItemPrimaryText: {\n    color: '#fff',\n    fontSize: '14px',\n  },\n  checkBox: {\n    color: 'grey',\n    padding: '5px',\n  },\n};\n\nfunction MetricsAddMenu({\n  metricsKeys,\n  onChange,\n  classes,\n  'data-testid': dataTestId = 'MetricsSelect',\n}) {\n  const [selectedKeys, setSelectedKeys] = useState([]);\n  const [anchorEl, setAnchorEl] = useState(null);\n\n  useEffect(() => {\n    // NOTE: If there are >=2 columns, metrics keys can be duplicated\n    setSelectedKeys(metricsKeys);\n  }, [metricsKeys]);\n\n  const handleClick = event => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleClose = () => {\n    setAnchorEl(null);\n    if (!isEqual(selectedKeys, metricsKeys)) {\n      onChange(selectedKeys);\n    }\n  };\n\n  const handleChangeMetrics = newKey => {\n    if (selectedKeys.includes(newKey)) {\n      setSelectedKeys(prevKeys => prevKeys.filter(key => key !== newKey));\n    } else {\n      setSelectedKeys(prevKeys => prevKeys.concat(newKey));\n    }\n  };\n\n  return (\n    <>\n      <IconButtonComponent\n        data-testid={`${dataTestId}_addMetrics`}\n        tooltipProps={{ title: 'Add Metric' }}\n        size=\"small\"\n        onClick={handleClick}\n      >\n        <SettingsIcon size=\"small\" />\n      </IconButtonComponent>\n\n      <Menu\n        id=\"simple-menu\"\n        anchorEl={anchorEl}\n        getContentAnchorEl={null}\n        anchorOrigin={{\n          vertical: 'top',\n          horizontal: 'right',\n        }}\n        transformOrigin={{\n          vertical: 'bottom',\n          horizontal: 'right',\n        }}\n        PaperProps={{\n          style: {\n            maxHeight: '300px',\n            backgroundColor: '#414141',\n          },\n        }}\n        keepMounted\n        open={Boolean(anchorEl)}\n        onClose={handleClose}\n      >\n        {METRICS_LIST.map(item => (\n          <MenuItem\n            disabled={selectedKeys.length === MAX_METRICS_COUNT && !selectedKeys.includes(item.key)}\n            key={item.key}\n            onClick={() => handleChangeMetrics(item.key)}\n          >\n            <Checkbox\n              data-testid={`${dataTestId}_checkbox_${item.key}`}\n              checked={selectedKeys.includes(item.key)}\n              className={classes.checkBox}\n            />\n            <ListItemText primary={item.label} classes={{ primary: classes.listItemPrimaryText }} />\n          </MenuItem>\n        ))}\n      </Menu>\n    </>\n  );\n}\n\nMetricsAddMenu.propTypes = {\n  metricsKeys: PropTypes.arrayOf(PropTypes.string).isRequired,\n  onChange: PropTypes.func.isRequired,\n  classes: PropTypes.shape({}).isRequired,\n  'data-testid': PropTypes.string,\n};\n\nexport default withStyles(muiStyles)(MetricsAddMenu);\n"],"names":["MetricsAddMenu","_ref","metricsKeys","onChange","classes","_ref$dataTestid","dataTestId","useState","_useState2","_slicedToArray","_useState","selectedKeys","setSelectedKeys","_useState4","_useState3","anchorEl","setAnchorEl","useEffect","_jsxs","_Fragment","children","_jsx","IconButtonComponent","concat","tooltipProps","title","size","onClick","event","currentTarget","SettingsIcon","Menu","id","getContentAnchorEl","anchorOrigin","vertical","horizontal","transformOrigin","PaperProps","style","maxHeight","backgroundColor","keepMounted","open","Boolean","onClose","isEqual","METRICS_LIST","map","item","MenuItem","disabled","length","MAX_METRICS_COUNT","includes","key","newKey","prevKeys","filter","Checkbox","checked","className","checkBox","ListItemText","primary","label","listItemPrimaryText","propTypes","PropTypes","arrayOf","string","isRequired","func","shape","MetricsAddMenu$1","withStyles","color","fontSize","padding"],"mappings":"mi7BAsBA,SAASA,EAKNC,GAAA,IAJDC,IAAAA,YACAC,IAAAA,SACAC,IAAAA,QAAOC,EAAAJ,EACP,eAAeK,aAAa,gBAAeD,EAEHE,EAAAA,EAAS,IAAGC,EAAAC,EAAAC,EAAA,GAA7CC,EAAYH,EAAA,GAAEI,EAAeJ,EAAA,GACJD,EAAAA,EAAS,MAAKM,EAAAJ,EAAAK,EAAA,GAAvCC,EAAQF,EAAA,GAAEG,EAAWH,EAAA,GAE5BI,GAAU,WAERL,EAAgBV,EAClB,GAAG,CAACA,IAqBJ,OACEgB,EAAAC,EAAA,CAAAC,SAAA,CACEC,EAACC,EAAmB,CAClB,cAAA,GAAAC,OAAgBjB,EAAwB,eACxCkB,aAAc,CAAEC,MAAO,cACvBC,KAAK,QACLC,QAzBc,SAAAC,GAClBZ,EAAYY,EAAMC,gBAwBOT,SAErBC,EAACS,EAAY,CAACJ,KAAK,YAGrBL,EAACU,EAAI,CACHC,GAAG,cACHjB,SAAUA,EACVkB,mBAAoB,KACpBC,aAAc,CACZC,SAAU,MACVC,WAAY,SAEdC,gBAAiB,CACfF,SAAU,SACVC,WAAY,SAEdE,WAAY,CACVC,MAAO,CACLC,UAAW,QACXC,gBAAiB,YAGrBC,aAAW,EACXC,KAAMC,QAAQ7B,GACd8B,QA9Cc,WAClB7B,EAAY,MACP8B,EAAQnC,EAAcT,IACzBC,EAASQ,IA2CcS,SAEpB2B,EAAaC,KAAI,SAAAC,GAAI,OACpB/B,EAACgC,EAAQ,CACPC,SAAUxC,EAAayC,SAAWC,IAAsB1C,EAAa2C,SAASL,EAAKM,KAEnF5B,QAAS,WAAA,OA7CS6B,EA6CiBP,EAAKM,SA5C5C5C,EAAa2C,SAASE,GACxB5C,GAAgB,SAAA6C,GAAQ,OAAIA,EAASC,QAAO,SAAAH,GAAG,OAAIA,IAAQC,QAE3D5C,GAAgB,SAAA6C,GAAQ,OAAIA,EAASlC,OAAOiC,OAJpB,IAAAA,CA6C2B,EAAApC,SAAA,CAE7CC,EAACsC,EAAQ,CACP,cAAA,GAAApC,OAAgBjB,EAAU,cAAAiB,OAAa0B,EAAKM,KAC5CK,QAASjD,EAAa2C,SAASL,EAAKM,KACpCM,UAAWzD,EAAQ0D,WAErBzC,EAAC0C,EAAY,CAACC,QAASf,EAAKgB,MAAO7D,QAAS,CAAE4D,QAAS5D,EAAQ8D,yBAR1DjB,EAAKM,YActB,CAEAvD,EAAemE,UAAY,CACzBjE,YAAakE,EAAUC,QAAQD,EAAUE,QAAQC,WACjDpE,SAAUiE,EAAUI,KAAKD,WACzBnE,QAASgE,EAAUK,MAAM,CAAA,GAAIF,WAC7B,cAAeH,EAAUE,QAG3B,IAAAI,EAAeC,EAvGG,CAChBT,oBAAqB,CACnBU,MAAO,OACPC,SAAU,QAEZf,SAAU,CACRc,MAAO,OACPE,QAAS,QAgGEH,CAAsB3E"}

package/components/OffsetWellPickerV2/components/Table/MetricsSelect.d.ts

@@ -1,30 +1,28 @@
 import PropTypes from 'prop-types';
-declare const _default: import("react").ComponentType<Pick<Pick<Pick<{
+declare const _default: import("react").ComponentType<Pick<Pick<{
     classes: any;
     currentValue: any;
-    "data-testid": any;
+    "data-testid"?: string | undefined;
     items: any;
     onChange: any;
-}, never> & Pick<PropTypes.InferProps<{
+}, "data-testid"> & Pick<PropTypes.InferProps<{
     items: PropTypes.Validator<any[]>;
     currentValue: PropTypes.Validator<string>;
     onChange: PropTypes.Validator<(...args: any[]) => any>;
     classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
     'data-testid': PropTypes.Requireable<string>;
-}>, "data-testid" | PropTypes.RequiredKeys<{
+}>, PropTypes.RequiredKeys<{
     items: PropTypes.Validator<any[]>;
     currentValue: PropTypes.Validator<string>;
     onChange: PropTypes.Validator<(...args: any[]) => any>;
     classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
     'data-testid': PropTypes.Requireable<string>;
-}>>, PropTypes.RequiredKeys<{
-    items: PropTypes.Validator<any[]>;
-    currentValue: PropTypes.Validator<string>;
-    onChange: PropTypes.Validator<(...args: any[]) => any>;
-    classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
-    'data-testid': PropTypes.Requireable<string>;
-}>> & {
-    'data-testid'?: string | null | undefined;
-} & {}, "currentValue" | "data-testid" | "items" | "onChange"> & import("@material-ui/styles").StyledComponentProps<"formControl" | "listItem" | "listItemPrimaryText" | "paper" | "select">>;
+}>> & Pick<{
+    classes: any;
+    currentValue: any;
+    "data-testid"?: string | undefined;
+    items: any;
+    onChange: any;
+}, never>, "currentValue" | "data-testid" | "items" | "onChange"> & import("@material-ui/styles").StyledComponentProps<"formControl" | "listItem" | "listItemPrimaryText" | "paper" | "select">>;
 export default _default;
 //# sourceMappingURL=MetricsSelect.d.ts.map

package/components/OffsetWellPickerV2/components/Table/MetricsSelect.js

@@ -1,2 +1,2 @@
-import e from"prop-types";import{FormControl as t,Select as r,MenuItem as a,ListItemText as o}from"@material-ui/core";import{withStyles as i}from"@material-ui/core/styles";import{jsx as s}from"react/jsx-runtime";function l(e){var i=e.items,l=e.currentValue,n=e.onChange,c=e.classes,m=e["data-testid"];return s(t,{className:c.formControl,children:s(r,{"data-testid":"".concat(m,"_select"),className:c.select,MenuProps:{classes:{paper:c.paper}},autoWidth:!0,value:l,onChange:function(e){return n(e.target.value)},children:i.map((function(e){return s(a,{"data-testid":"".concat(m,"_option_").concat(e.key,"MenuItem"),value:e.key,children:s(o,{primary:e.label,classes:{root:c.listItem,primary:c.listItemPrimaryText}})},e.key)}))})})}l.propTypes={items:e.array.isRequired,currentValue:e.string.isRequired,onChange:e.func.isRequired,classes:e.shape({}).isRequired,"data-testid":e.string},l.defaultProps={"data-testid":"MetricsSelect"};var n=i({select:{"&:before":{borderBottom:0},"&:after":{borderBottom:0}},formControl:{width:"150px"},listItem:{padding:0},listItemPrimaryText:{color:"#fff",fontSize:"14px",overflow:"hidden",textOverflow:"ellipsis"},paper:{backgroundColor:"#414141",maxHeight:"300px"}})(l);export{n as default};
+import e from"prop-types";import{FormControl as t,Select as r,MenuItem as a,ListItemText as o}from"@material-ui/core";import{withStyles as i}from"@material-ui/core/styles";import{jsx as s}from"react/jsx-runtime";function l(e){var i=e.items,l=e.currentValue,n=e.onChange,c=e.classes,m=e["data-testid"],p=void 0===m?"MetricsSelect":m;return s(t,{className:c.formControl,children:s(r,{"data-testid":"".concat(p,"_select"),className:c.select,MenuProps:{classes:{paper:c.paper}},autoWidth:!0,value:l,onChange:function(e){return n(e.target.value)},children:i.map((function(e){return s(a,{"data-testid":"".concat(p,"_option_").concat(e.key,"MenuItem"),value:e.key,children:s(o,{primary:e.label,classes:{root:c.listItem,primary:c.listItemPrimaryText}})},e.key)}))})})}l.propTypes={items:e.array.isRequired,currentValue:e.string.isRequired,onChange:e.func.isRequired,classes:e.shape({}).isRequired,"data-testid":e.string};var n=i({select:{"&:before":{borderBottom:0},"&:after":{borderBottom:0}},formControl:{width:"150px"},listItem:{padding:0},listItemPrimaryText:{color:"#fff",fontSize:"14px",overflow:"hidden",textOverflow:"ellipsis"},paper:{backgroundColor:"#414141",maxHeight:"300px"}})(l);export{n as default};
 //# sourceMappingURL=MetricsSelect.js.map