@corva/ui 3.73.0-7 → 3.73.0-8

package/cjs-bundle/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","darkTheme","children","Popup","closeButton","maxWidth","setLngLat","setDOMContent","addTo","handleMouseLeave","setTimeout","fitBounds","padding","off","_jsxs","className","styles","jsx","mapMain","ref","jsxs","mapFooter","mapFooterItem","mapFooterItemSquare","backgroundColor","mapFooterItemLabel","propTypes","PropTypes","shape","number","string","arrayOf","isRequired","func","defaultProps","memo"],"mappings":"m6EAcA,IAAQA,EAAuBC,EAAMA,OAA7BD,mBAOFE,EAAS,CACb,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,WAGIC,EAAiB,CAAC,WAAY,WAI9BC,EAA2B,CAAEC,KAAM,oBAAqBC,SAAU,IAElEC,EAAW,SAAHC,GAAA,IAAAC,EAAAC,EAAAA,QAAAF,EAAA,GAAKG,EAAGF,EAAA,GAAK,MAAM,CAANA,EAAA,GAAYE,EAAI,EAe3C,SAASC,EASNC,GAAA,IARDC,IAAAA,YACAC,IAAAA,MACAC,IAAAA,YACAC,IAAAA,OACAC,IAAAA,sBACAC,IAAAA,eACAC,IAAAA,eACAC,IAAAA,eAEMC,EAAkBC,SAAO,MACzBC,EAASD,SAAO,MAChBE,EAAwBF,SAAO,MAC/BG,EAAmBH,SAAO,MAC1BI,EAAWJ,SAAO,MAClBK,EAAiBL,SAAO,MACxBM,EAAsBN,SAAO,MAC7BO,EAAeP,EAAAA,SACeQ,EAAAA,EAAQA,UAAC,GAAMC,EAAAtB,EAAAA,QAAAuB,EAAA,GAA5CC,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAE1BI,EAAYC,EAAAA,SAAQ,WACxB,OAAOtB,EAAMuB,QAAO,SAAAC,GAAI,OAAKzB,GAAeA,EAAY0B,KAAOD,EAAKC,KACtE,GAAG,CAAC1B,EAAaC,IAEX0B,EAAoBJ,EAAAA,SAAQ,WAChC,OAAOvB,GAAe4B,EAAAA,IAAI5B,EAAaO,EACzC,GAAG,CAACP,EAAaO,IAGegB,EAAAA,EAAAA,SAAQ,WAEtC,IAAMM,EAAiB,GACnBC,GAAmB,EAEvBR,EAAUS,SAAQ,SAAAN,GACO,SAAnBA,EAAKO,UACPF,GAAmB,EAEjB9B,GAAeA,EAAYgC,YAAcP,EAAKO,WAC/CH,EAAeI,SAASR,EAAKO,YAE9BH,EAAeK,KAAKT,EAAKO,UAE7B,IAEA,IAAMG,EAAmBnC,EACrB,CAACA,EAAYgC,WAAWI,OAAOC,EAAAA,OAAOR,IACtCQ,EAAMA,OAACR,GAEPC,IAAqBK,EAAiBF,SAAS,SACjDE,EAAiBD,KAAK,QAGxB,IAAMI,EAASH,EAAiBI,QAC9B,SAACC,EAAQC,EAAMC,GAAG,OACbF,EAAAA,EAAAA,CAAAA,EAAAA,GACFC,CAAAA,EAAAA,EAAAA,QAAAA,CAAAA,EAAAA,EAAOrD,EAAOsD,EAAMtD,EAAOuD,SAC5B,GACF,CAAE,GAGJ,MAAO,CAACR,EAAkBG,EAC5B,GAAG,CAACtC,EAAasB,IAAWsB,EAAAhD,EAAAA,QAAAiD,EAAA,GAjCrBC,EAAUF,EAAA,GAAEG,EAASH,EAAA,GAsO5B,OAlMAI,EAAAA,WAAU,WACR,GAAKC,EAAAA,kBAAL,CAEAvC,EAAOwC,QAAU,IAAIC,EAAQ,QAACC,IAAI,CAChCC,UAAW7C,EAAgB0C,QAC3BI,MAAO,iCACPC,OAAQ9D,EAASJ,GACjBmE,KAAM,EACNC,oBAAoB,EACpBC,YAAY,IAGdhD,EAAOwC,QAAQS,WACb,IAAIR,EAAAA,QAASS,kBAAkB,CAAEC,aAAa,IAC9C,gBAKFnD,EAAOwC,QAAQY,GAAG,QAAQ,WACxBpD,EAAOwC,QAAQa,UAxGI,gBAwGwB,CACzCxE,KAAM,UACNyE,KAAM1E,IAERoB,EAAOwC,QAAQe,SAAS,CACtBvC,GA7GiB,gBA8GjBnC,KAAM,OACN2E,OA/GiB,gBAgHjBC,MAAO,CACL,aAtIkB,UAuIlB,eAAgB,MAIpBzD,EAAOwC,QAAQa,UArHJ,QAqHwB,CAAExE,KAAM,UAAWyE,KAAM1E,IAC5DoB,EAAOwC,QAAQe,SAAS,CACtBvC,GAvHS,QAwHTnC,KAAM,SACN2E,OAzHS,QA0HTC,MAAO,CACL,gBAAiB,CAAC,MAAO,UACzB,eAAgB,CAAC,MAAO,SACxB,iBAAkB,CAAC,MAAO,cAI9B9C,GAAc,EAChB,IAEA,IAAM+C,EAAM1D,EAAOwC,QACnB,OAAO,WAAM,IAAAmB,EACX,QAAAA,EAAAvD,EAAeoC,eAAf,IAAAmB,GAAAA,EAAwBC,UACxBxD,EAAeoC,QAAU,KACzBnC,EAAoBmC,QAAU,KAE9BkB,EAAIG,SACJ7D,EAAOwC,QAAU,KACjBvC,EAAsBuC,QAAU,KAChCtC,EAAiBsC,QAAU,KAzDW,CA2DzC,GAAE,IAGHF,EAAAA,WAAU,WACR,GAAKtC,EAAOwC,SAAY9B,EAAxB,CAIA,IAAKO,EAGH,OAFAjB,EAAOwC,QAAQsB,UAzJI,iBAyJwBC,QAAQnF,QACnDqB,EAAsBuC,QAAU,MAIlC,IAAMwB,EAvJgB,SAAHC,EAAgBC,GAIrC,IAJmE,IAAAC,EAAAjF,EAAAA,QAAA+E,EAAA,GAAzC9E,EAAGgF,EAAA,GAAEC,EAAGD,EAAA,GAAiBE,yDAAS,GACtDL,EAAO,GACPM,EAAYJ,GAAgB,OAASK,KAAKC,IAAKrF,EAAMoF,KAAKE,GAAM,MAChEC,EAAYR,EAAe,OACxBS,EAAI,EAAGA,GAAKN,EAAQM,GAAK,EAAG,CACnC,IAAMC,EAASD,EAAIN,GAAW,EAAIE,KAAKE,IACvCT,EAAKxC,KAAK,CAAC4C,EAAME,EAAYC,KAAKC,IAAII,GAAQzF,EAAMuF,EAAYH,KAAKM,IAAID,IAC3E,CACA,OAAOZ,CACT,CA8IiBc,CAAkB7D,EAlLZ,QAkL+BxB,GAClDO,EAAOwC,QAAQsB,UA/JM,iBA+JsBC,QAAQ,CACjDlF,KAAM,UACNkG,SAAU,CAAElG,KAAM,UAAWmG,YAAa,CAAChB,MAE7C/D,EAAsBuC,QAAUwB,EAAKnC,QACnC,SAACoD,EAAQC,GAAK,OAAKD,EAAOE,OAAOD,EAAM,GACvC,IAAIzC,EAAAA,QAAS2C,aAff,CAiBD,GAAE,CAAC3F,EAAQwB,EAAmBP,IAG/B4B,EAAAA,WAAU,WAAM,IAAA+C,EACd,GAAKrF,EAAOwC,SAAY9B,EAAxB,CAIA,IAAM4E,EAAYhF,EAAakC,QAC/BlC,EAAakC,QAAUjD,EAEvB,QAAA8F,EAAAlF,EAASqC,eAAT,IAAA6C,GAAAA,EAAkBxB,SAElB,IAAM0B,EAAgB/F,EAAYkE,KAAI,SAAA3C,GAAI,OAAIA,EAAKC,MAE7ClC,EAAW,GACX0G,EAAY,CAAA,EACZP,EAAS,IAAIxC,UAAS2C,aAC5B7F,EAAM8B,SAAQ,SAAAN,GACZ,IAAM0E,EAASvE,EAAAA,IAAIH,EAAMlB,GAEzB,GAAI4F,GAAUjH,EAAmBiH,GAAS,CACxC,IAAMC,EAAgBpG,GAAeA,EAAY0B,KAAOD,EAAKC,GACvD2E,EAAeJ,EAAchE,SAASR,EAAKC,IAC3C4E,EAAIF,EAAgBhG,EAAwBC,EAC5CkG,EAAQH,GAAiBC,EAjNb,UAiNgDtD,EAAUtB,EAAKO,WAC3EwE,EAAUJ,GAAiBC,EAAe,EAAI,GAEpDH,EAAUzE,EAAKC,IAAMD,EACrBkE,EAAOE,OAAOpG,EAAS0G,IACvB3G,EAAS0C,KAAK,CACZ3C,KAAM,UACNkG,SAAU,CAAElG,KAAM,QAASmG,YAAajG,EAAS0G,IACjDM,WAAY,CAAEC,OAAQjF,EAAKC,GAAIvB,OAAQmG,EAAGC,MAAAA,EAAOC,QAAAA,IAErD,CACF,IAEA9F,EAAOwC,QAAQsB,UA5MF,SA4MsBC,QAAQ,CAAElF,KAAM,oBAAqBC,SAAAA,IACxEoB,EAAiBsC,QAAU1D,EAASmD,OAASgD,EAAS,KAEtD,IAAMvB,EAAM1D,EAAOwC,QACfyD,EAAgB,KAEdC,EAAkB,SAAAC,GACtBzC,EAAI0C,YAAYxD,MAAMyD,OAAS,UAE/B,IAAMtF,EAAOyE,EAAUW,EAAErH,SAAS,GAAGiH,WAAWC,QAChD,GAAKjF,GAAQA,EAAKC,KAAOiF,IAGzBA,EAAgBlF,EAAKC,GAEjBpB,GAAgB,CAClB,IAAM0G,EAAeC,EAAaA,cAAC3G,EAAgB,CACjDmB,KAAAA,EACA8E,MAAOxD,EAAUtB,EAAKO,aAGnBjB,EAAoBmC,UACvBnC,EAAoBmC,QAAUgE,SAASD,cAAc,OACrDnG,EAAeoC,QAAUiE,EAAAA,mBAAmBpG,EAAoBmC,UAElEpC,EAAeoC,QAAQkE,OACrBC,EAAAA,IAACC,EAAAA,iBAAgB,CAACC,MAAOA,EAAgBC,UAAAC,SAAET,KAGxCnG,EAASqC,UACZrC,EAASqC,QAAU,IAAIC,EAAQ,QAACuE,MAAM,CAAEC,aAAa,EAAOC,SAAU,UAExE/G,EAASqC,QACN2E,UAAUpI,EAASmC,EAAGA,IAACH,EAAMlB,KAC7BuH,cAAc/G,EAAoBmC,SAClC6E,MAAM3D,EACX,GAGI4D,EAAmB,WACvBrB,EAAgB,KAChBvC,EAAI0C,YAAYxD,MAAMyD,OAAS,IAYjC,OATA3C,EAAIN,GAAG,YAxPM,QAwPiB8C,GAC9BxC,EAAIN,GAAG,aAzPM,QAyPkBkE,GAE/BC,YAAW,WACLvH,EAAOwC,SAAWvC,EAAsBuC,SAAWjD,IAAU+F,GAC/DtF,EAAOwC,QAAQgF,UAAUvH,EAAsBuC,QAAS,CAAEiF,QAAS,GAEtE,GAAE,KAEI,WACL/D,EAAIgE,IAAI,YAlQG,QAkQoBxB,GAC/BxC,EAAIgE,IAAI,aAnQG,QAmQqBJ,GAvFlC,CAyFF,GAAG,CAAChI,EAAaC,EAAOC,EAAa6C,EAAW3B,IAEhD4B,EAAAA,WAAU,WACRiF,YAAW,WACLjI,EACEU,EAAOwC,SAAWvC,EAAsBuC,SAC1CxC,EAAOwC,QAAQgF,UAAUvH,EAAsBuC,QAAS,CACtDiF,QAAS,IAGJzH,EAAOwC,SAAWtC,EAAiBsC,SAC5CxC,EAAOwC,QAAQgF,UAAUtH,EAAiBsC,QAE7C,GAAE,IACJ,GAAE,CAAC/C,EAAQH,EAAaoB,IAGvBiH,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAOnE,IAAIqD,SACzB,CAAAJ,EAAAmB,IAAA,MAAA,CAAKF,UAAWC,EAAOE,QAASC,IAAKlI,IAErC6H,EAAAM,KAAA,MAAA,CAAKL,UAAWC,EAAOK,UAAUnB,SAAA,CAC9BvH,GACCmI,EAAAM,KAAA,MAAA,CAAKL,UAAWC,EAAOM,cAAcpB,SACnC,CAAAJ,EAAAmB,IAAA,MAAA,CACEF,UAAWC,EAAOO,oBAClBxF,MAAO,CAAEyF,gBAhTG,aAkTd1B,EAAAmB,IAAA,MAAA,CAAKF,UAAWC,EAAOS,mBAAmBvB,SAAA,6BAI7C3E,EAAWsB,KAAI,SAAA3B,GAAI,OAClB4F,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAOM,cAAcpB,SACnC,CAAAJ,EAAAmB,IAAA,MAAA,CACEF,UAAWC,EAAOO,oBAClBxF,MAAO,CAAEyF,gBAAiBhG,EAAUN,MAEtC4E,EAAAmB,IAAA,MAAA,CAAKF,UAAWC,EAAOS,mBAAmBvB,SAAEhF,MALHA,EAMrC,SAKhB,CAEA3C,EAASmJ,UAAY,CACnBjJ,YAAakJ,EAAS,QAACC,MAAM,CAC3BzH,GAAIwH,EAAS,QAACE,OACdpH,UAAWkH,EAAS,QAACG,SAEvBpJ,MAAOiJ,EAAS,QAACI,QAAQJ,EAAAA,QAAUC,MAAM,CAAA,IAAKI,WAC9CrJ,YAAagJ,EAAS,QAACI,QAAQJ,EAAS,QAACC,MAAM,CAAE,IACjDhJ,OAAQ+I,EAAAA,QAAUE,OAAOG,WACzBnJ,sBAAuB8I,EAAS,QAACE,OACjC/I,eAAgB6I,EAAS,QAACE,OAC1B9I,eAAgB4I,EAAS,QAACM,KAC1BjJ,eAAgB2I,EAAS,QAACG,QAG5BvJ,EAAS2J,aAAe,CACtBzJ,YAAa,KACbI,sBAtVuC,GAuVvCC,eAtV+B,EAuV/BC,eAAgB,KAChBC,eAAgB,gCAChBL,YAAa,MAGf,IAAewJ,EAAAA,EAAAA,KAAK5J"}
+{"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","darkTheme","children","Popup","closeButton","maxWidth","setLngLat","setDOMContent","addTo","handleMouseLeave","setTimeout","fitBounds","padding","off","_jsxs","className","styles","jsx","mapMain","ref","jsxs","mapFooter","mapFooterItem","mapFooterItemSquare","backgroundColor","mapFooterItemLabel","propTypes","PropTypes","shape","number","string","arrayOf","isRequired","func","memo"],"mappings":"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"}

package/cjs-bundle/components/OffsetWellPickerV2/components/Map/index.js

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

package/cjs-bundle/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":"gSASA,SAASA,EAUNC,GAAA,IATDC,IAAAA,YACAC,IAAAA,MACAC,IAAAA,YACAC,IAAAA,OACAC,IAAAA,UACAC,IAAAA,iBACAC,IAAAA,oBACAC,IAAAA,gBACAC,IAAAA,mBAEMC,EAAgBC,EAAAA,SAAQ,WAC5B,OAAOR,EAAYS,KAAI,SAAAC,GAAI,OAAIA,EAAKC,KACtC,GAAG,CAACX,IAEEY,EAA8BC,EAAAA,aAClC,SAACC,EAAQC,GACFA,EAGHT,EAAmBQ,GAFnBT,EAAgBS,EAIpB,GACA,CAACT,EAAiBC,IAGdU,EAA+BH,EAAAA,aACnC,SAACC,EAAQG,GACFA,EAGHb,EAAoBU,GAFpBX,EAAiBW,EAIrB,GACA,CAACX,EAAkBC,IAGfc,EAAiBC,EAAAA,QAAWC,EAAOC,aAAcnB,GAAakB,EAAOE,oBAE3E,OACEC,EAAAA,IAAA,MAAA,CAAKC,UAAWN,EAAeO,SAC7BF,MAACG,EAAG,CACF5B,YAAaA,EACbC,MAAOA,EACPC,YAAaA,EACbC,OAAQA,EACR0B,eAAgBC,EACd9B,EACAS,EACAS,EACAJ,GAEFiB,eAAe,yBAIvB,CAEAjC,EAAakC,UAAY,CACvBhC,YAAaiC,EAAAA,QAAUC,MAAM,IAC7BjC,MAAOgC,EAAS,QAACE,QAAQF,EAAAA,QAAUC,MAAM,CAAA,IAAKE,WAC9ClC,YAAa+B,EAAS,QAACE,QAAQF,EAAAA,QAAUC,MAAM,CAAA,IAAKE,WACpDjC,OAAQ8B,EAAS,QAACI,OAClBjC,UAAW6B,EAAAA,QAAUK,KAAKF,WAC1B/B,iBAAkB4B,EAAAA,QAAUM,KAAKH,WACjC9B,oBAAqB2B,EAAAA,QAAUM,KAAKH,WACpC7B,gBAAiB0B,EAAAA,QAAUM,KAAKH,WAChC5B,mBAAoByB,EAAAA,QAAUM,KAAKH,YAGrCtC,EAAa0C,aAAe,CAC1BxC,YAAa,KACbG,OAAQ,MAGV,IAAesC,EAAAA,EAAAA,KAAK3C"}
+{"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":"gSASA,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,EAAAA,SAAQ,WAC5B,OAAOT,EAAYU,KAAI,SAAAC,GAAI,OAAIA,EAAKC,KACtC,GAAG,CAACZ,IAEEa,EAA8BC,EAAAA,aAClC,SAACC,EAAQC,GACFA,EAGHT,EAAmBQ,GAFnBT,EAAgBS,EAIpB,GACA,CAACT,EAAiBC,IAGdU,EAA+BH,EAAAA,aACnC,SAACC,EAAQG,GACFA,EAGHb,EAAoBU,GAFpBX,EAAiBW,EAIrB,GACA,CAACX,EAAkBC,IAGfc,EAAiBC,EAAAA,QAAWC,EAAOC,aAAcnB,GAAakB,EAAOE,oBAE3E,OACEC,EAAAA,IAAA,MAAA,CAAKC,UAAWN,EAAeO,SAC7BF,MAACG,EAAG,CACF7B,YAAaA,EACbC,MAAOA,EACPC,YAAaA,EACbE,OAAQA,EACR0B,eAAgBC,EACd/B,EACAU,EACAS,EACAJ,GAEFiB,eAAe,yBAIvB,CAEAnC,EAAaoC,UAAY,CACvBjC,YAAakC,EAAAA,QAAUC,MAAM,IAC7BlC,MAAOiC,EAAS,QAACE,QAAQF,EAAAA,QAAUC,MAAM,CAAA,IAAKE,WAC9CnC,YAAagC,EAAS,QAACE,QAAQF,EAAAA,QAAUC,MAAM,CAAA,IAAKE,WACpDjC,OAAQ8B,EAAS,QAACI,OAClBjC,UAAW6B,EAAAA,QAAUK,KAAKF,WAC1B/B,iBAAkB4B,EAAAA,QAAUM,KAAKH,WACjC9B,oBAAqB2B,EAAAA,QAAUM,KAAKH,WACpC7B,gBAAiB0B,EAAAA,QAAUM,KAAKH,WAChC5B,mBAAoByB,EAAAA,QAAUM,KAAKH,YAGrC,IAAeI,EAAAA,EAAAA,KAAK5C"}

package/cjs-bundle/components/OffsetWellPickerV2/components/Table/MetricsAddMenu.js

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

package/cjs-bundle/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":"oo+BAsBA,SAASA,EAA8EC,GAAA,IAA7DC,IAAAA,YAAaC,IAAAA,SAAUC,IAAAA,QAAwBC,IAAf,eAChBC,EAAAA,EAAQA,SAAC,IAAGC,EAAAC,EAAAA,QAAAC,EAAA,GAA7CC,EAAYH,EAAA,GAAEI,EAAeJ,EAAA,GACJD,EAAAA,EAAQA,SAAC,MAAKM,EAAAJ,EAAAA,QAAAK,EAAA,GAAvCC,EAAQF,EAAA,GAAEG,EAAWH,EAAA,GAE5BI,EAAAA,WAAU,WAERL,EAAgBT,EAClB,GAAG,CAACA,IAqBJ,OACEe,EAAAA,KAAAC,EAAAA,SAAA,CAAAC,SAAA,CACEC,MAACC,EAAmB,CAClB,cAAA,GAAAC,OAAgBjB,EAAwB,eACxCkB,aAAc,CAAEC,MAAO,cACvBC,KAAK,QACLC,QAzBc,SAAAC,GAClBZ,EAAYY,EAAMC,gBAwBOT,SAErBC,MAACS,UAAY,CAACJ,KAAK,YAGrBL,MAACU,OAAI,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,EAAOA,QAACnC,EAAcR,IACzBC,EAASO,IA2CcS,SAEpB2B,EAAYA,aAACC,KAAI,SAAAC,GAAI,OACpB/B,EAAAA,KAACgC,EAAAA,SAAQ,CACPC,SAAUxC,EAAayC,SAAWC,EAAiBA,oBAAK1C,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,MAACsC,WAAQ,CACP,cAAA,GAAApC,OAAgBjB,EAAU,cAAAiB,OAAa0B,EAAKM,KAC5CK,QAASjD,EAAa2C,SAASL,EAAKM,KACpCM,UAAWxD,EAAQyD,WAErBzC,MAAC0C,eAAY,CAACC,QAASf,EAAKgB,MAAO5D,QAAS,CAAE2D,QAAS3D,EAAQ6D,yBAR1DjB,EAAKM,YActB,CAEAtD,EAAekE,UAAY,CACzBhE,YAAaiE,EAAAA,QAAUC,QAAQD,EAAAA,QAAUE,QAAQC,WACjDnE,SAAUgE,EAAAA,QAAUI,KAAKD,WACzBlE,QAAS+D,EAAS,QAACK,MAAM,CAAA,GAAIF,WAC7B,cAAeH,EAAS,QAACE,QAG3BrE,EAAeyE,aAAe,CAC5B,cAAe,iBAGjB,IAAAC,EAAeC,aAtGG,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":"0i+BAsBA,SAASA,EAKNC,GAAA,IAJDC,IAAAA,YACAC,IAAAA,SACAC,IAAAA,QAAOC,EAAAJ,EACP,eAAeK,aAAa,gBAAeD,EAEHE,EAAAA,EAAQA,SAAC,IAAGC,EAAAC,EAAAA,QAAAC,EAAA,GAA7CC,EAAYH,EAAA,GAAEI,EAAeJ,EAAA,GACJD,EAAAA,EAAQA,SAAC,MAAKM,EAAAJ,EAAAA,QAAAK,EAAA,GAAvCC,EAAQF,EAAA,GAAEG,EAAWH,EAAA,GAE5BI,EAAAA,WAAU,WAERL,EAAgBV,EAClB,GAAG,CAACA,IAqBJ,OACEgB,EAAAA,KAAAC,EAAAA,SAAA,CAAAC,SAAA,CACEC,MAACC,EAAmB,CAClB,cAAA,GAAAC,OAAgBjB,EAAwB,eACxCkB,aAAc,CAAEC,MAAO,cACvBC,KAAK,QACLC,QAzBc,SAAAC,GAClBZ,EAAYY,EAAMC,gBAwBOT,SAErBC,MAACS,UAAY,CAACJ,KAAK,YAGrBL,MAACU,OAAI,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,EAAOA,QAACnC,EAAcT,IACzBC,EAASQ,IA2CcS,SAEpB2B,EAAYA,aAACC,KAAI,SAAAC,GAAI,OACpB/B,EAAAA,KAACgC,EAAAA,SAAQ,CACPC,SAAUxC,EAAayC,SAAWC,EAAiBA,oBAAK1C,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,MAACsC,WAAQ,CACP,cAAA,GAAApC,OAAgBjB,EAAU,cAAAiB,OAAa0B,EAAKM,KAC5CK,QAASjD,EAAa2C,SAASL,EAAKM,KACpCM,UAAWzD,EAAQ0D,WAErBzC,MAAC0C,eAAY,CAACC,QAASf,EAAKgB,MAAO7D,QAAS,CAAE4D,QAAS5D,EAAQ8D,yBAR1DjB,EAAKM,YActB,CAEAvD,EAAemE,UAAY,CACzBjE,YAAakE,EAAAA,QAAUC,QAAQD,EAAAA,QAAUE,QAAQC,WACjDpE,SAAUiE,EAAAA,QAAUI,KAAKD,WACzBnE,QAASgE,EAAS,QAACK,MAAM,CAAA,GAAIF,WAC7B,cAAeH,EAAS,QAACE,QAG3B,IAAAI,EAAeC,aAvGG,CAChBT,oBAAqB,CACnBU,MAAO,OACPC,SAAU,QAEZf,SAAU,CACRc,MAAO,OACPE,QAAS,QAgGEH,CAAsB3E"}

package/cjs-bundle/components/OffsetWellPickerV2/components/Table/MetricsSelect.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("prop-types"),t=require("@material-ui/core"),r=require("@material-ui/core/styles"),a=require("react/jsx-runtime");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=s(e);function o(e){var r=e.items,s=e.currentValue,i=e.onChange,o=e.classes,l=e["data-testid"];return a.jsx(t.FormControl,{className:o.formControl,children:a.jsx(t.Select,{"data-testid":"".concat(l,"_select"),className:o.select,MenuProps:{classes:{paper:o.paper}},autoWidth:!0,value:s,onChange:function(e){return i(e.target.value)},children:r.map((function(e){return a.jsx(t.MenuItem,{"data-testid":"".concat(l,"_option_").concat(e.key,"MenuItem"),value:e.key,children:a.jsx(t.ListItemText,{primary:e.label,classes:{root:o.listItem,primary:o.listItemPrimaryText}})},e.key)}))})})}o.propTypes={items:i.default.array.isRequired,currentValue:i.default.string.isRequired,onChange:i.default.func.isRequired,classes:i.default.shape({}).isRequired,"data-testid":i.default.string},o.defaultProps={"data-testid":"MetricsSelect"};var l=r.withStyles({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"}})(o);module.exports=l;
+"use strict";var e=require("prop-types"),t=require("@material-ui/core"),r=require("@material-ui/core/styles"),a=require("react/jsx-runtime");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(e);function o(e){var r=e.items,i=e.currentValue,s=e.onChange,o=e.classes,l=e["data-testid"],n=void 0===l?"MetricsSelect":l;return a.jsx(t.FormControl,{className:o.formControl,children:a.jsx(t.Select,{"data-testid":"".concat(n,"_select"),className:o.select,MenuProps:{classes:{paper:o.paper}},autoWidth:!0,value:i,onChange:function(e){return s(e.target.value)},children:r.map((function(e){return a.jsx(t.MenuItem,{"data-testid":"".concat(n,"_option_").concat(e.key,"MenuItem"),value:e.key,children:a.jsx(t.ListItemText,{primary:e.label,classes:{root:o.listItem,primary:o.listItemPrimaryText}})},e.key)}))})})}o.propTypes={items:s.default.array.isRequired,currentValue:s.default.string.isRequired,onChange:s.default.func.isRequired,classes:s.default.shape({}).isRequired,"data-testid":s.default.string};var l=r.withStyles({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"}})(o);module.exports=l;
 //# sourceMappingURL=MetricsSelect.js.map

package/cjs-bundle/components/OffsetWellPickerV2/components/Table/MetricsSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"MetricsSelect.js","sources":["../../../../../../src/components/OffsetWellPickerV2/components/Table/MetricsSelect.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { Select, MenuItem, FormControl, ListItemText } from '@material-ui/core';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst muiStyles = {\n  select: {\n    '&:before': {\n      borderBottom: 0,\n    },\n    '&:after': {\n      borderBottom: 0,\n    },\n  },\n  formControl: {\n    width: '150px',\n  },\n  listItem: {\n    padding: 0,\n  },\n  listItemPrimaryText: {\n    color: '#fff',\n    fontSize: '14px',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n  },\n  paper: {\n    backgroundColor: '#414141',\n    maxHeight: '300px',\n  },\n};\n\nfunction MetricsSelect({ items, currentValue, onChange, classes, 'data-testid': dataTestId }) {\n  return (\n    <FormControl className={classes.formControl}>\n      <Select\n        data-testid={`${dataTestId}_select`}\n        className={classes.select}\n        MenuProps={{ classes: { paper: classes.paper } }}\n        autoWidth\n        value={currentValue}\n        onChange={e => onChange(e.target.value)}\n      >\n        {items.map(item => (\n          <MenuItem\n            data-testid={`${dataTestId}_option_${item.key}MenuItem`}\n            key={item.key}\n            value={item.key}\n          >\n            <ListItemText\n              primary={item.label}\n              classes={{ root: classes.listItem, primary: classes.listItemPrimaryText }}\n            />\n          </MenuItem>\n        ))}\n      </Select>\n    </FormControl>\n  );\n}\n\nMetricsSelect.propTypes = {\n  items: PropTypes.array.isRequired, // eslint-disable-line react/forbid-prop-types\n  currentValue: PropTypes.string.isRequired,\n  onChange: PropTypes.func.isRequired,\n  classes: PropTypes.shape({}).isRequired,\n  'data-testid': PropTypes.string,\n};\n\nMetricsSelect.defaultProps = {\n  'data-testid': 'MetricsSelect',\n};\n\nexport default withStyles(muiStyles)(MetricsSelect);\n"],"names":["MetricsSelect","_ref","items","currentValue","onChange","classes","dataTestId","_jsx","FormControl","className","formControl","children","Select","concat","select","MenuProps","paper","autoWidth","value","e","target","map","item","MenuItem","key","ListItemText","primary","label","root","listItem","listItemPrimaryText","propTypes","PropTypes","array","isRequired","string","func","shape","defaultProps","MetricsSelect$1","withStyles","borderBottom","width","padding","color","fontSize","overflow","textOverflow","backgroundColor","maxHeight"],"mappings":"gOA+BA,SAASA,EAAqFC,GAAA,IAArEC,IAAAA,MAAOC,IAAAA,aAAcC,IAAAA,SAAUC,IAAAA,QAAwBC,IAAf,eAC/D,OACEC,EAAAA,IAACC,EAAAA,YAAW,CAACC,UAAWJ,EAAQK,YAAYC,SAC1CJ,MAACK,SAAM,CACL,cAAA,GAAAC,OAAgBP,EAAoB,WACpCG,UAAWJ,EAAQS,OACnBC,UAAW,CAAEV,QAAS,CAAEW,MAAOX,EAAQW,QACvCC,WAAS,EACTC,MAAOf,EACPC,SAAU,SAAAe,GAAC,OAAIf,EAASe,EAAEC,OAAOF,MAAO,EAAAP,SAEvCT,EAAMmB,KAAI,SAAAC,GAAI,OACbf,EAAAA,IAACgB,EAAAA,SAAQ,CACP,cAAA,GAAAV,OAAgBP,EAAU,YAAAO,OAAWS,EAAKE,IAAc,YAExDN,MAAOI,EAAKE,IAAIb,SAEhBJ,MAACkB,eAAY,CACXC,QAASJ,EAAKK,MACdtB,QAAS,CAAEuB,KAAMvB,EAAQwB,SAAUH,QAASrB,EAAQyB,wBALjDR,EAAKE,WAYtB,CAEAxB,EAAc+B,UAAY,CACxB7B,MAAO8B,EAAAA,QAAUC,MAAMC,WACvB/B,aAAc6B,EAAAA,QAAUG,OAAOD,WAC/B9B,SAAU4B,EAAAA,QAAUI,KAAKF,WACzB7B,QAAS2B,EAAS,QAACK,MAAM,CAAA,GAAIH,WAC7B,cAAeF,EAAS,QAACG,QAG3BnC,EAAcsC,aAAe,CAC3B,cAAe,iBAGjB,IAAAC,EAAeC,aAnEG,CAChB1B,OAAQ,CACN,WAAY,CACV2B,aAAc,GAEhB,UAAW,CACTA,aAAc,IAGlB/B,YAAa,CACXgC,MAAO,SAETb,SAAU,CACRc,QAAS,GAEXb,oBAAqB,CACnBc,MAAO,OACPC,SAAU,OACVC,SAAU,SACVC,aAAc,YAEhB/B,MAAO,CACLgC,gBAAiB,UACjBC,UAAW,UA4CAT,CAAsBxC"}
+{"version":3,"file":"MetricsSelect.js","sources":["../../../../../../src/components/OffsetWellPickerV2/components/Table/MetricsSelect.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { Select, MenuItem, FormControl, ListItemText } from '@material-ui/core';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst muiStyles = {\n  select: {\n    '&:before': {\n      borderBottom: 0,\n    },\n    '&:after': {\n      borderBottom: 0,\n    },\n  },\n  formControl: {\n    width: '150px',\n  },\n  listItem: {\n    padding: 0,\n  },\n  listItemPrimaryText: {\n    color: '#fff',\n    fontSize: '14px',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n  },\n  paper: {\n    backgroundColor: '#414141',\n    maxHeight: '300px',\n  },\n};\n\nfunction MetricsSelect({\n  items,\n  currentValue,\n  onChange,\n  classes,\n  'data-testid': dataTestId = 'MetricsSelect',\n}) {\n  return (\n    <FormControl className={classes.formControl}>\n      <Select\n        data-testid={`${dataTestId}_select`}\n        className={classes.select}\n        MenuProps={{ classes: { paper: classes.paper } }}\n        autoWidth\n        value={currentValue}\n        onChange={e => onChange(e.target.value)}\n      >\n        {items.map(item => (\n          <MenuItem\n            data-testid={`${dataTestId}_option_${item.key}MenuItem`}\n            key={item.key}\n            value={item.key}\n          >\n            <ListItemText\n              primary={item.label}\n              classes={{ root: classes.listItem, primary: classes.listItemPrimaryText }}\n            />\n          </MenuItem>\n        ))}\n      </Select>\n    </FormControl>\n  );\n}\n\nMetricsSelect.propTypes = {\n  items: PropTypes.array.isRequired, // eslint-disable-line react/forbid-prop-types\n  currentValue: PropTypes.string.isRequired,\n  onChange: PropTypes.func.isRequired,\n  classes: PropTypes.shape({}).isRequired,\n  'data-testid': PropTypes.string,\n};\n\nexport default withStyles(muiStyles)(MetricsSelect);\n"],"names":["MetricsSelect","_ref","items","currentValue","onChange","classes","_ref$dataTestid","dataTestId","_jsx","FormControl","className","formControl","children","Select","concat","select","MenuProps","paper","autoWidth","value","e","target","map","item","MenuItem","key","ListItemText","primary","label","root","listItem","listItemPrimaryText","propTypes","PropTypes","array","isRequired","string","func","shape","MetricsSelect$1","withStyles","borderBottom","width","padding","color","fontSize","overflow","textOverflow","backgroundColor","maxHeight"],"mappings":"gOA+BA,SAASA,EAMNC,GAAA,IALDC,IAAAA,MACAC,IAAAA,aACAC,IAAAA,SACAC,IAAAA,QAAOC,EAAAL,EACP,eAAeM,aAAa,gBAAeD,EAE3C,OACEE,EAAAA,IAACC,EAAAA,YAAW,CAACC,UAAWL,EAAQM,YAAYC,SAC1CJ,MAACK,SAAM,CACL,cAAA,GAAAC,OAAgBP,EAAoB,WACpCG,UAAWL,EAAQU,OACnBC,UAAW,CAAEX,QAAS,CAAEY,MAAOZ,EAAQY,QACvCC,WAAS,EACTC,MAAOhB,EACPC,SAAU,SAAAgB,GAAC,OAAIhB,EAASgB,EAAEC,OAAOF,MAAO,EAAAP,SAEvCV,EAAMoB,KAAI,SAAAC,GAAI,OACbf,EAAAA,IAACgB,EAAAA,SAAQ,CACP,cAAA,GAAAV,OAAgBP,EAAU,YAAAO,OAAWS,EAAKE,IAAc,YAExDN,MAAOI,EAAKE,IAAIb,SAEhBJ,MAACkB,eAAY,CACXC,QAASJ,EAAKK,MACdvB,QAAS,CAAEwB,KAAMxB,EAAQyB,SAAUH,QAAStB,EAAQ0B,wBALjDR,EAAKE,WAYtB,CAEAzB,EAAcgC,UAAY,CACxB9B,MAAO+B,EAAAA,QAAUC,MAAMC,WACvBhC,aAAc8B,EAAAA,QAAUG,OAAOD,WAC/B/B,SAAU6B,EAAAA,QAAUI,KAAKF,WACzB9B,QAAS4B,EAAS,QAACK,MAAM,CAAA,GAAIH,WAC7B,cAAeF,EAAS,QAACG,QAG3B,IAAAG,EAAeC,aArEG,CAChBzB,OAAQ,CACN,WAAY,CACV0B,aAAc,GAEhB,UAAW,CACTA,aAAc,IAGlB9B,YAAa,CACX+B,MAAO,SAETZ,SAAU,CACRa,QAAS,GAEXZ,oBAAqB,CACnBa,MAAO,OACPC,SAAU,OACVC,SAAU,SACVC,aAAc,YAEhB9B,MAAO,CACL+B,gBAAiB,UACjBC,UAAW,UA8CAT,CAAsBxC"}

package/cjs-bundle/components/OffsetWellPickerV2/components/Table/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/toConsumableArray"),r=require("react"),l=require("prop-types"),i=require("lodash"),n=require("moment"),a=require("classnames"),s=require("@material-ui/core"),o=require("@material-ui/icons/Sort"),c=require("@material-ui/icons/NotInterested"),d=require("react-window"),u=require("../../constants.js"),f=require("./SubjectIndicator.js"),p=require("./MetricsAddMenu.js"),m=require("./MetricsSelect.js"),h=require("../../../../utils/index.js"),g=require("react/jsx-runtime");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var x=b(e),y=b(t),w=b(l),C=b(n),j=b(a),v=b(o),S=b(c);function N(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,l)}return r}function O(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?N(Object(r),!0).forEach((function(t){x.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):N(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var T="WellsTable";function q(e,t){var r,l=i.get(e,t);switch(t){case"distance":r=Number.isFinite(l)?parseFloat(l).toFixed(2):"N/A";break;case"rigReleaseDate":r=Number.isFinite(l)?C.default.unix(l).format("MM/DD/YYYY"):"N/A";break;default:r=l||""}return r}function I(e){var t=e.subjectWell,l=e.wells,n=e.offsetWells,a=e.metricsKeys,o=e.isMetricsLoading,c=e.sortInfo,b=e.unusableWellAlarm,w=e.classes,C=e.onChangeMetricsKeys,N=e.onAddOffsetWell,I=e.onDeleteOffsetWell,W=e.onAddAllOffsetWells,k=e.onDeleteAllOffsetWells,_=e.onSorting,R=r.useMemo((function(){return l.filter((function(e){return e.is_usable}))}),[l]),M=r.useMemo((function(){var e=R.map((function(e){return e.id})).sort(),t=n.map((function(e){return e.id})).sort();return e.length&&i.isEqual(e,t)}),[R,n]),D=r.useMemo((function(){return a.reduce((function(e,t){return e.concat(u.METRICS_LIST.filter((function(e){return e.key===t})))}),[])}),[a]),L=r.useMemo((function(){return[].concat(y.default(u.TABLE_COLUMNS),y.default(D.map((function(e){return O(O({},e),{},{width:240})}))),[u.SETTINGS_COLUMN])}),[D]),A=function(e){C(e)},B=function(e){e.target.checked?W():k()},E=function(e){return g.jsx(s.IconButton,{"data-testid":"".concat(T,"_sortRemove"),"data-not-migrated-muiiconbutton":!0,className:w.sortIconButton,onClick:function(){return function(e){_(e)}(e)},children:e!==c.key?g.jsx(S.default,{className:w.sortIcon}):g.jsx(v.default,{className:j.default(w.sortIcon,x.default({},w.ascendingSortIcon,1===c.direction))})})},P=function(e){var t,r=e.label,l=e.dataKey;if("name"===l)return g.jsxs("div",{"data-testid":"".concat(T,"_wellHeader"),className:w.nameWrapper,children:[g.jsx(s.Checkbox,{"data-testid":"".concat(T,"_selectAll"),classes:{checked:w.nameCheckBox,indeterminate:w.nameCheckBox},onClick:B,checked:M,indeterminate:n.length>0&&!M,size:"small"}),g.jsx(s.Typography,{className:j.default(w.cell,w.nameCell),children:r}),E(l)]});if(a.includes(l)){var o=D.find((function(e){return e.key===l})),c=D.findIndex((function(e){return e.key===l}));return g.jsxs("div",{"data-testid":"".concat(T,"_header_").concat(l),className:w.metricsColumn,children:[g.jsx(m,{items:u.METRICS_LIST,currentValue:l,onChange:(t=c,function(e){var r=i.clone(a);r[t]=e,C(r)})}),g.jsx(s.Typography,{className:j.default(w.cell,w.unitCell),children:o.unitType?"(".concat(h.getUnitDisplay(o.unitType,o.to),")"):""}),E(l)]})}return l===u.SETTINGS_COLUMN.key?g.jsx("div",{className:w.settingsCell,children:g.jsx(p,{metricsKeys:a,onChange:A})}):g.jsxs("div",{"data-testid":"".concat(T,"_header_").concat(r),className:w.nameWrapper,children:[g.jsx(s.Typography,{className:w.cell,children:r}),E(l)]})},K=function(e){var r=e.well,l=e.dataKey;if("name"===l)return g.jsxs("div",{"data-testid":"".concat(T,"_row_").concat(r.name),className:w.nameWrapper,children:[g.jsx(s.Checkbox,{"data-testid":"".concat(T,"_wellCheckbox"),color:"primary",checked:n.findIndex((function(e){return e.id===r.id}))>-1,onChange:function(e){return t=r.id,void(e.target.checked?N(t):I(t));var t},size:"small",disabled:!r.is_usable}),g.jsx(s.Typography,{"data-testid":"".concat(T,"_wellName"),className:j.default(w.tableCellLabel,x.default({},w.tableCellLabelDisabled,!r.is_usable)),children:q(r,l)}),t&&r.id===t.id&&g.jsx(f,{})]});if(l===u.SETTINGS_COLUMN.key)return g.jsx("div",{className:w.settingsCell,children:!r.is_usable&&g.jsx(s.Typography,{className:w.errorMsg,children:b})});var c=null;if(a.includes(l)){var d=D.find((function(e){return e.key===l}));c=function(e,t,r){var l=i.get(e,t.key);if(u.METRICS_KEYS.includes(t.key)){if(Number.isFinite(l)||l)return t.unitType?h.convertValue(l,t.unitType,t.from,t.to):l;if(r)return"loading..."}return""}(r,d,o)}else c=q(r,l);return g.jsx(s.Typography,{"data-testid":"".concat(T,"_cell}"),className:j.default(w.cell,w.tableCellLabel,x.default({},w.tableCellLabelDisabled,!r.is_usable)),children:c})};return g.jsx(g.Fragment,{children:g.jsxs("div",{className:w.tableWrapper,children:[g.jsx("div",{className:w.header,children:L.map((function(e){return g.jsx("div",{className:w.headerCell,style:{flexBasis:e.width,minWidth:e.minWidth,flexGrow:e.minWidth?1:0},children:P({label:e.label,dataKey:e.key})},e.key)}))}),g.jsx("div",{className:w.table,children:g.jsx(d.List,{rowCount:l.length,rowHeight:48,rowComponent:function(e){var t=e.index,r=e.style,l=e.ariaAttributes,i=e.wells;return g.jsx("div",O(O({style:O({},r)},l),{},{className:w.row,children:L.map((function(e){return g.jsx("div",{style:{flexBasis:e.width,minWidth:e.minWidth,flexGrow:e.minWidth?1:0},className:w.rowCell,children:K({well:i[t],dataKey:e.key})},e.key)}))}))},rowProps:{wells:l,tableColumns:L}})})]})})}I.propTypes={subjectWell:w.default.shape({id:w.default.number}),wells:w.default.arrayOf(w.default.shape({})).isRequired,offsetWells:w.default.arrayOf(w.default.shape({})).isRequired,metricsKeys:w.default.arrayOf(w.default.string).isRequired,isMetricsLoading:w.default.bool.isRequired,sortInfo:w.default.shape({key:w.default.string.isRequired,direction:w.default.number.isRequired}).isRequired,classes:w.default.shape({}).isRequired,onChangeMetricsKeys:w.default.func.isRequired,onAddOffsetWell:w.default.func.isRequired,onDeleteOffsetWell:w.default.func.isRequired,onAddAllOffsetWells:w.default.func.isRequired,onDeleteAllOffsetWells:w.default.func.isRequired,onSorting:w.default.func.isRequired,unusableWellAlarm:w.default.string.isRequired},I.defaultProps={subjectWell:null};var W=s.withStyles((function(e){return{title:{display:"flex",justifyContent:"space-between",alignItems:"center",flexWrap:"wrap",marginBottom:"15px",marginTop:"16px"},tableWrapper:{marginTop:"24px",overflowX:"auto",overflowY:"hidden",position:"relative",minHeight:150,borderTop:"1px solid rgba(81, 81, 81, 1)",height:"100vh"},table:{position:"absolute!important",inset:"44px 0 0"},header:{display:"flex",flexFlow:"row nowrap",borderBottom:e.isLightTheme?"1px solid rgba(224, 224, 224, 1)":"1px solid rgba(81, 81, 81, 1)",height:44,alignItems:"center"},headerCell:{flex:"0 0",alignSelf:"center",paddingRight:10,"&:first-child":{marginLeft:10}},row:{display:"flex",flexFlow:"row nowrap",borderBottom:e.isLightTheme?"1px solid rgba(224, 224, 224, 1)":"1px solid rgba(81, 81, 81, 1)",height:48,alignItems:"center"},rowCell:{flex:"0 0",alignSelf:"center",paddingRight:10,"&:first-child":{paddingLeft:10}},cell:{color:"rgba(255, 255, 255, 0.54)",padding:"5px 10px",fontSize:"12px",whiteSpace:"nowrap"},nameWrapper:{display:"flex",alignItems:"center"},nameCell:{padding:0},unitCell:{padding:0},tableRowHoverEnabled:{"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.1)"}},settingsCell:{textAlign:"right"},rigReleaseCell:{whiteSpace:"nowrap"},nameCheckBox:{color:e.palette.primary.main},bodyCell:{fontSize:"0.90rem",padding:"5px 10px"},metricsCellWrapper:{display:"flex",flexDirection:"row",alignContent:"center"},tableTitle:{fontSize:"16px",lineHeight:"140.6%",marginTop:10},tableTitleItems:{display:"flex",flexDirection:"row",alignItems:"center"},addWellInput:{width:300,marginTop:10},sortIconButton:{padding:"8px","&:hover $sortIcon":{color:"#fff"}},ascendingSortIcon:{transform:"scaleY(-1)"},sortIcon:{fontSize:"14px",color:"#BDBDBD"},metricsColumn:{display:"flex",alignItems:"center"},tableCellLabel:{fontSize:"0.90rem",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",color:"#fff"},tableCellLabelDisabled:{color:"#C4C4C4"},errorMsg:{color:"#C4C4C4",fontStyle:"italic",fontSize:"14px",padding:"0 16px",whiteSpace:"nowrap"}}}))(r.memo(I));exports.ROW_HEIGHT=48,exports.default=W;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/toConsumableArray"),r=require("react"),l=require("prop-types"),i=require("lodash"),n=require("moment"),a=require("classnames"),s=require("@material-ui/core"),o=require("@material-ui/icons/Sort"),c=require("@material-ui/icons/NotInterested"),d=require("react-window"),u=require("../../constants.js"),f=require("./SubjectIndicator.js"),p=require("./MetricsAddMenu.js"),m=require("./MetricsSelect.js"),h=require("../../../../utils/index.js"),g=require("react/jsx-runtime");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var x=b(e),y=b(t),w=b(l),C=b(n),j=b(a),v=b(o),S=b(c);function N(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,l)}return r}function O(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?N(Object(r),!0).forEach((function(t){x.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):N(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var T="WellsTable";function q(e,t){var r,l=i.get(e,t);switch(t){case"distance":r=Number.isFinite(l)?parseFloat(l).toFixed(2):"N/A";break;case"rigReleaseDate":r=Number.isFinite(l)?C.default.unix(l).format("MM/DD/YYYY"):"N/A";break;default:r=l||""}return r}function I(e){var t=e.subjectWell,l=void 0===t?null:t,n=e.wells,a=e.offsetWells,o=e.metricsKeys,c=e.isMetricsLoading,b=e.sortInfo,w=e.unusableWellAlarm,C=e.classes,N=e.onChangeMetricsKeys,I=e.onAddOffsetWell,k=e.onDeleteOffsetWell,W=e.onAddAllOffsetWells,_=e.onDeleteAllOffsetWells,R=e.onSorting,M=r.useMemo((function(){return n.filter((function(e){return e.is_usable}))}),[n]),D=r.useMemo((function(){var e=M.map((function(e){return e.id})).sort(),t=a.map((function(e){return e.id})).sort();return e.length&&i.isEqual(e,t)}),[M,a]),L=r.useMemo((function(){return o.reduce((function(e,t){return e.concat(u.METRICS_LIST.filter((function(e){return e.key===t})))}),[])}),[o]),A=r.useMemo((function(){return[].concat(y.default(u.TABLE_COLUMNS),y.default(L.map((function(e){return O(O({},e),{},{width:240})}))),[u.SETTINGS_COLUMN])}),[L]),B=function(e){N(e)},E=function(e){e.target.checked?W():_()},P=function(e){return g.jsx(s.IconButton,{"data-testid":"".concat(T,"_sortRemove"),"data-not-migrated-muiiconbutton":!0,className:C.sortIconButton,onClick:function(){return function(e){R(e)}(e)},children:e!==b.key?g.jsx(S.default,{className:C.sortIcon}):g.jsx(v.default,{className:j.default(C.sortIcon,x.default({},C.ascendingSortIcon,1===b.direction))})})},K=function(e){var t,r=e.label,l=e.dataKey;if("name"===l)return g.jsxs("div",{"data-testid":"".concat(T,"_wellHeader"),className:C.nameWrapper,children:[g.jsx(s.Checkbox,{"data-testid":"".concat(T,"_selectAll"),classes:{checked:C.nameCheckBox,indeterminate:C.nameCheckBox},onClick:E,checked:D,indeterminate:a.length>0&&!D,size:"small"}),g.jsx(s.Typography,{className:j.default(C.cell,C.nameCell),children:r}),P(l)]});if(o.includes(l)){var n=L.find((function(e){return e.key===l})),c=L.findIndex((function(e){return e.key===l}));return g.jsxs("div",{"data-testid":"".concat(T,"_header_").concat(l),className:C.metricsColumn,children:[g.jsx(m,{items:u.METRICS_LIST,currentValue:l,onChange:(t=c,function(e){var r=i.clone(o);r[t]=e,N(r)})}),g.jsx(s.Typography,{className:j.default(C.cell,C.unitCell),children:n.unitType?"(".concat(h.getUnitDisplay(n.unitType,n.to),")"):""}),P(l)]})}return l===u.SETTINGS_COLUMN.key?g.jsx("div",{className:C.settingsCell,children:g.jsx(p,{metricsKeys:o,onChange:B})}):g.jsxs("div",{"data-testid":"".concat(T,"_header_").concat(r),className:C.nameWrapper,children:[g.jsx(s.Typography,{className:C.cell,children:r}),P(l)]})},z=function(e){var t=e.well,r=e.dataKey;if("name"===r)return g.jsxs("div",{"data-testid":"".concat(T,"_row_").concat(t.name),className:C.nameWrapper,children:[g.jsx(s.Checkbox,{"data-testid":"".concat(T,"_wellCheckbox"),color:"primary",checked:a.findIndex((function(e){return e.id===t.id}))>-1,onChange:function(e){return r=t.id,void(e.target.checked?I(r):k(r));var r},size:"small",disabled:!t.is_usable}),g.jsx(s.Typography,{"data-testid":"".concat(T,"_wellName"),className:j.default(C.tableCellLabel,x.default({},C.tableCellLabelDisabled,!t.is_usable)),children:q(t,r)}),l&&t.id===l.id&&g.jsx(f,{})]});if(r===u.SETTINGS_COLUMN.key)return g.jsx("div",{className:C.settingsCell,children:!t.is_usable&&g.jsx(s.Typography,{className:C.errorMsg,children:w})});var n=null;if(o.includes(r)){var d=L.find((function(e){return e.key===r}));n=function(e,t,r){var l=i.get(e,t.key);if(u.METRICS_KEYS.includes(t.key)){if(Number.isFinite(l)||l)return t.unitType?h.convertValue(l,t.unitType,t.from,t.to):l;if(r)return"loading..."}return""}(t,d,c)}else n=q(t,r);return g.jsx(s.Typography,{"data-testid":"".concat(T,"_cell}"),className:j.default(C.cell,C.tableCellLabel,x.default({},C.tableCellLabelDisabled,!t.is_usable)),children:n})};return g.jsx(g.Fragment,{children:g.jsxs("div",{className:C.tableWrapper,children:[g.jsx("div",{className:C.header,children:A.map((function(e){return g.jsx("div",{className:C.headerCell,style:{flexBasis:e.width,minWidth:e.minWidth,flexGrow:e.minWidth?1:0},children:K({label:e.label,dataKey:e.key})},e.key)}))}),g.jsx("div",{className:C.table,children:g.jsx(d.List,{rowCount:n.length,rowHeight:48,rowComponent:function(e){var t=e.index,r=e.style,l=e.ariaAttributes,i=e.wells;return g.jsx("div",O(O({style:O({},r)},l),{},{className:C.row,children:A.map((function(e){return g.jsx("div",{style:{flexBasis:e.width,minWidth:e.minWidth,flexGrow:e.minWidth?1:0},className:C.rowCell,children:z({well:i[t],dataKey:e.key})},e.key)}))}))},rowProps:{wells:n,tableColumns:A}})})]})})}I.propTypes={subjectWell:w.default.shape({id:w.default.number}),wells:w.default.arrayOf(w.default.shape({})).isRequired,offsetWells:w.default.arrayOf(w.default.shape({})).isRequired,metricsKeys:w.default.arrayOf(w.default.string).isRequired,isMetricsLoading:w.default.bool.isRequired,sortInfo:w.default.shape({key:w.default.string.isRequired,direction:w.default.number.isRequired}).isRequired,classes:w.default.shape({}).isRequired,onChangeMetricsKeys:w.default.func.isRequired,onAddOffsetWell:w.default.func.isRequired,onDeleteOffsetWell:w.default.func.isRequired,onAddAllOffsetWells:w.default.func.isRequired,onDeleteAllOffsetWells:w.default.func.isRequired,onSorting:w.default.func.isRequired,unusableWellAlarm:w.default.string.isRequired};var k=s.withStyles((function(e){return{title:{display:"flex",justifyContent:"space-between",alignItems:"center",flexWrap:"wrap",marginBottom:"15px",marginTop:"16px"},tableWrapper:{marginTop:"24px",overflowX:"auto",overflowY:"hidden",position:"relative",minHeight:150,borderTop:"1px solid rgba(81, 81, 81, 1)",height:"100vh"},table:{position:"absolute!important",inset:"44px 0 0"},header:{display:"flex",flexFlow:"row nowrap",borderBottom:e.isLightTheme?"1px solid rgba(224, 224, 224, 1)":"1px solid rgba(81, 81, 81, 1)",height:44,alignItems:"center"},headerCell:{flex:"0 0",alignSelf:"center",paddingRight:10,"&:first-child":{marginLeft:10}},row:{display:"flex",flexFlow:"row nowrap",borderBottom:e.isLightTheme?"1px solid rgba(224, 224, 224, 1)":"1px solid rgba(81, 81, 81, 1)",height:48,alignItems:"center"},rowCell:{flex:"0 0",alignSelf:"center",paddingRight:10,"&:first-child":{paddingLeft:10}},cell:{color:"rgba(255, 255, 255, 0.54)",padding:"5px 10px",fontSize:"12px",whiteSpace:"nowrap"},nameWrapper:{display:"flex",alignItems:"center"},nameCell:{padding:0},unitCell:{padding:0},tableRowHoverEnabled:{"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.1)"}},settingsCell:{textAlign:"right"},rigReleaseCell:{whiteSpace:"nowrap"},nameCheckBox:{color:e.palette.primary.main},bodyCell:{fontSize:"0.90rem",padding:"5px 10px"},metricsCellWrapper:{display:"flex",flexDirection:"row",alignContent:"center"},tableTitle:{fontSize:"16px",lineHeight:"140.6%",marginTop:10},tableTitleItems:{display:"flex",flexDirection:"row",alignItems:"center"},addWellInput:{width:300,marginTop:10},sortIconButton:{padding:"8px","&:hover $sortIcon":{color:"#fff"}},ascendingSortIcon:{transform:"scaleY(-1)"},sortIcon:{fontSize:"14px",color:"#BDBDBD"},metricsColumn:{display:"flex",alignItems:"center"},tableCellLabel:{fontSize:"0.90rem",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",color:"#fff"},tableCellLabelDisabled:{color:"#C4C4C4"},errorMsg:{color:"#C4C4C4",fontStyle:"italic",fontSize:"14px",padding:"0 16px",whiteSpace:"nowrap"}}}))(r.memo(I));exports.ROW_HEIGHT=48,exports.default=k;
 //# sourceMappingURL=index.js.map