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

package/components/BICOffsetPickerDialog/components/Map/Map.js.map

@@ -1 +1 @@
-{"version":3,"file":"Map.js","sources":["../../../../../src/components/BICOffsetPickerDialog/components/Map/Map.js"],"sourcesContent":["import { createElement, memo, useRef, useEffect, useMemo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { get } from 'lodash';\n\nimport styles from './Map.css';\n\nimport { mapbox } from '~/utils';\nimport { createAdaptiveRoot } from '~/utils/createAdaptiveRoot';\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 = 8;\nconst DEFAULT_WELL_MARKER_SIZE = 5;\nconst OFFSET_WELL_COLOR = '#FFC107';\n\nconst DEFAULT_COORDS = [29.749907, -95.358421]; // TX coordinates\n\nconst RADIUS_CIRCLE_ID = 'radius-circle';\nconst WELLS_ID = 'wells';\nconst HIGHLIGHT_ID = 'wells-highlight';\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\nconst toolTip =\n  () =>\n  // eslint-disable-next-line react/prop-types\n  ({ well }) => {\n    return (\n      <div style={{ color: '#fff', background: '##414141' }}>\n        <span style={{ fontSize: '11px', lineHeight: '16px' }}>{get(well, 'name')}</span>\n      </div>\n    );\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  coordsDataPath,\n}) {\n  const mapContainerRef = useRef(null);\n  const mapRef = 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 subjectWellCoords = useMemo(() => {\n    return subjectWell && get(subjectWell, coordsDataPath);\n  }, [subjectWell, coordsDataPath]);\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    // and the hover highlight layer last so it renders on top of the markers\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': OFFSET_WELL_COLOR,\n          'circle-opacity': ['get', 'opacity'],\n        },\n      });\n\n      mapRef.current.addSource(HIGHLIGHT_ID, { type: 'geojson', data: EMPTY_FEATURE_COLLECTION });\n      mapRef.current.addLayer({\n        id: HIGHLIGHT_ID,\n        type: 'circle',\n        source: HIGHLIGHT_ID,\n        paint: {\n          'circle-radius': ['get', 'radius'],\n          'circle-color': OFFSET_WELL_COLOR,\n          'circle-opacity': 0.2,\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      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      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  }, [radius, subjectWellCoords, isMapReady]);\n\n  const handleMouseOver = (coords, r) => {\n    // Highlight the hovered well with a bigger translucent circle\n    mapRef.current.getSource(HIGHLIGHT_ID).setData({\n      type: 'Feature',\n      geometry: { type: 'Point', coordinates: toLngLat(coords) },\n      properties: { radius: r * 3 },\n    });\n  };\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    mapRef.current.getSource(HIGHLIGHT_ID).setData(EMPTY_FEATURE_COLLECTION);\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 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, 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      const coords = get(well, coordsDataPath);\n\n      // Tooltip\n      if (!tooltipContainerRef.current) {\n        tooltipContainerRef.current = document.createElement('div');\n        tooltipRootRef.current = createAdaptiveRoot(tooltipContainerRef.current);\n      }\n      tooltipRootRef.current.render(createElement(toolTip(), { well }));\n\n      if (!popupRef.current) {\n        popupRef.current = new mapboxgl.Popup({ closeButton: false, maxWidth: 'none' });\n      }\n      popupRef.current\n        .setLngLat(toLngLat(coords))\n        .setDOMContent(tooltipContainerRef.current)\n        .addTo(map);\n\n      // Highlight\n      handleMouseOver(coords, e.features[0].properties.radius);\n    };\n\n    // NOTE: was the mouseout handler of the Leaflet highlight marker\n    const handleHighlightMouseLeave = () => {\n      hoveredWellId = null;\n      map.getCanvas().style.cursor = '';\n      map.getSource(HIGHLIGHT_ID).setData(EMPTY_FEATURE_COLLECTION);\n      popupRef.current?.remove();\n    };\n\n    // NOTE: If the pointer exits before the highlight renders under it, the highlight\n    // layer never emits mouseleave — clear here unless the cursor is inside the highlight\n    const handleWellsMouseLeave = e => {\n      if (e?.point && map.queryRenderedFeatures(e.point, { layers: [HIGHLIGHT_ID] }).length) {\n        return;\n      }\n      handleHighlightMouseLeave();\n    };\n\n    map.on('mousemove', WELLS_ID, handleMouseMove);\n    map.on('mouseleave', WELLS_ID, handleWellsMouseLeave);\n    map.on('mouseleave', HIGHLIGHT_ID, handleHighlightMouseLeave);\n\n    setTimeout(() => {\n      if (mapRef.current && markersBoundsRef.current && wells !== prevWells) {\n        mapRef.current.fitBounds(markersBoundsRef.current);\n      }\n    }, 500);\n\n    return () => {\n      map.off('mousemove', WELLS_ID, handleMouseMove);\n      map.off('mouseleave', WELLS_ID, handleWellsMouseLeave);\n      map.off('mouseleave', HIGHLIGHT_ID, handleHighlightMouseLeave);\n    };\n  }, [subjectWell, wells, offsetWells, isMapReady]);\n\n  return (\n    <div className={styles.map}>\n      <div className={styles.mapMain} ref={mapContainerRef} />\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  coordsDataPath: PropTypes.string,\n};\n\nWellsMap.defaultProps = {\n  subjectWell: null,\n  subjectWellMarkerSize: DEFAULT_SUBJECT_WELL_MARKER_SIZE,\n  wellMarkerSize: DEFAULT_WELL_MARKER_SIZE,\n  coordsDataPath: 'settings.top_hole.coordinates',\n  offsetWells: null,\n};\n\nexport default memo(WellsMap);\n"],"names":["isValidCoordinates","mapbox","DEFAULT_COORDS","HIGHLIGHT_ID","EMPTY_FEATURE_COLLECTION","type","features","toLngLat","_ref","_ref2","_slicedToArray","lat","WellsMap","_ref6","subjectWell","wells","offsetWells","radius","subjectWellMarkerSize","wellMarkerSize","coordsDataPath","mapContainerRef","useRef","mapRef","markersBoundsRef","popupRef","tooltipRootRef","tooltipContainerRef","prevWellsRef","useState","_useState2","_useState","isMapReady","setIsMapReady","subjectWellCoords","useMemo","get","useEffect","IS_MAPBOX_ENABLED","current","mapboxgl","Map","container","style","center","zoom","attributionControl","scrollZoom","addControl","NavigationControl","showCompass","on","addSource","data","addLayer","id","source","paint","map","_tooltipRootRef$curre","unmount","remove","ring","_ref3","radiusMeters","_ref4","lng","points","distanceX","Math","cos","PI","distanceY","i","theta","push","sin","makeCirclePolygon","getSource","setData","geometry","coordinates","_popupRef$current","prevWells","offsetWellIds","well","wellsById","bounds","LngLatBounds","forEach","coords","isWellSubject","isWellOffset","includes","r","opacity","extend","properties","wellId","length","hoveredWellId","handleMouseMove","e","getCanvas","cursor","document","createElement","createAdaptiveRoot","render","_ref5","_jsx","color","background","children","fontSize","lineHeight","Popup","closeButton","maxWidth","setLngLat","setDOMContent","addTo","handleMouseOver","handleHighlightMouseLeave","_popupRef$current2","handleWellsMouseLeave","point","queryRenderedFeatures","layers","setTimeout","fitBounds","off","className","styles","mapMain","ref","propTypes","PropTypes","shape","number","formation","string","arrayOf","isRequired","defaultProps","memo"],"mappings":"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"}
+{"version":3,"file":"Map.js","sources":["../../../../../src/components/BICOffsetPickerDialog/components/Map/Map.js"],"sourcesContent":["import { createElement, memo, useRef, useEffect, useMemo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { get } from 'lodash';\n\nimport styles from './Map.css';\n\nimport { mapbox } from '~/utils';\nimport { createAdaptiveRoot } from '~/utils/createAdaptiveRoot';\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 = 8;\nconst DEFAULT_WELL_MARKER_SIZE = 5;\nconst OFFSET_WELL_COLOR = '#FFC107';\n\nconst DEFAULT_COORDS = [29.749907, -95.358421]; // TX coordinates\n\nconst RADIUS_CIRCLE_ID = 'radius-circle';\nconst WELLS_ID = 'wells';\nconst HIGHLIGHT_ID = 'wells-highlight';\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\nconst toolTip =\n  () =>\n  // eslint-disable-next-line react/prop-types\n  ({ well }) => {\n    return (\n      <div style={{ color: '#fff', background: '##414141' }}>\n        <span style={{ fontSize: '11px', lineHeight: '16px' }}>{get(well, 'name')}</span>\n      </div>\n    );\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  coordsDataPath = 'settings.top_hole.coordinates',\n}) {\n  const mapContainerRef = useRef(null);\n  const mapRef = 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 subjectWellCoords = useMemo(() => {\n    return subjectWell && get(subjectWell, coordsDataPath);\n  }, [subjectWell, coordsDataPath]);\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    // and the hover highlight layer last so it renders on top of the markers\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': OFFSET_WELL_COLOR,\n          'circle-opacity': ['get', 'opacity'],\n        },\n      });\n\n      mapRef.current.addSource(HIGHLIGHT_ID, { type: 'geojson', data: EMPTY_FEATURE_COLLECTION });\n      mapRef.current.addLayer({\n        id: HIGHLIGHT_ID,\n        type: 'circle',\n        source: HIGHLIGHT_ID,\n        paint: {\n          'circle-radius': ['get', 'radius'],\n          'circle-color': OFFSET_WELL_COLOR,\n          'circle-opacity': 0.2,\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      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      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  }, [radius, subjectWellCoords, isMapReady]);\n\n  const handleMouseOver = (coords, r) => {\n    // Highlight the hovered well with a bigger translucent circle\n    mapRef.current.getSource(HIGHLIGHT_ID).setData({\n      type: 'Feature',\n      geometry: { type: 'Point', coordinates: toLngLat(coords) },\n      properties: { radius: r * 3 },\n    });\n  };\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    mapRef.current.getSource(HIGHLIGHT_ID).setData(EMPTY_FEATURE_COLLECTION);\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 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, 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      const coords = get(well, coordsDataPath);\n\n      // Tooltip\n      if (!tooltipContainerRef.current) {\n        tooltipContainerRef.current = document.createElement('div');\n        tooltipRootRef.current = createAdaptiveRoot(tooltipContainerRef.current);\n      }\n      tooltipRootRef.current.render(createElement(toolTip(), { well }));\n\n      if (!popupRef.current) {\n        popupRef.current = new mapboxgl.Popup({ closeButton: false, maxWidth: 'none' });\n      }\n      popupRef.current\n        .setLngLat(toLngLat(coords))\n        .setDOMContent(tooltipContainerRef.current)\n        .addTo(map);\n\n      // Highlight\n      handleMouseOver(coords, e.features[0].properties.radius);\n    };\n\n    // NOTE: was the mouseout handler of the Leaflet highlight marker\n    const handleHighlightMouseLeave = () => {\n      hoveredWellId = null;\n      map.getCanvas().style.cursor = '';\n      map.getSource(HIGHLIGHT_ID).setData(EMPTY_FEATURE_COLLECTION);\n      popupRef.current?.remove();\n    };\n\n    // NOTE: If the pointer exits before the highlight renders under it, the highlight\n    // layer never emits mouseleave — clear here unless the cursor is inside the highlight\n    const handleWellsMouseLeave = e => {\n      if (e?.point && map.queryRenderedFeatures(e.point, { layers: [HIGHLIGHT_ID] }).length) {\n        return;\n      }\n      handleHighlightMouseLeave();\n    };\n\n    map.on('mousemove', WELLS_ID, handleMouseMove);\n    map.on('mouseleave', WELLS_ID, handleWellsMouseLeave);\n    map.on('mouseleave', HIGHLIGHT_ID, handleHighlightMouseLeave);\n\n    setTimeout(() => {\n      if (mapRef.current && markersBoundsRef.current && wells !== prevWells) {\n        mapRef.current.fitBounds(markersBoundsRef.current);\n      }\n    }, 500);\n\n    return () => {\n      map.off('mousemove', WELLS_ID, handleMouseMove);\n      map.off('mouseleave', WELLS_ID, handleWellsMouseLeave);\n      map.off('mouseleave', HIGHLIGHT_ID, handleHighlightMouseLeave);\n    };\n  }, [subjectWell, wells, offsetWells, isMapReady]);\n\n  return (\n    <div className={styles.map}>\n      <div className={styles.mapMain} ref={mapContainerRef} />\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  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","DEFAULT_COORDS","HIGHLIGHT_ID","EMPTY_FEATURE_COLLECTION","type","features","toLngLat","_ref","_ref2","_slicedToArray","lat","WellsMap","_ref6","_ref6$subjectWell","subjectWell","wells","_ref6$offsetWells","offsetWells","radius","_ref6$subjectWellMark","subjectWellMarkerSize","DEFAULT_WELLS_MAP_SUBJECT_WELL_MARKER_SIZE","_ref6$wellMarkerSize","wellMarkerSize","DEFAULT_WELLS_MAP_WELL_MARKER_SIZE","_ref6$coordsDataPath","coordsDataPath","mapContainerRef","useRef","mapRef","markersBoundsRef","popupRef","tooltipRootRef","tooltipContainerRef","prevWellsRef","useState","_useState2","_useState","isMapReady","setIsMapReady","subjectWellCoords","useMemo","get","useEffect","IS_MAPBOX_ENABLED","current","mapboxgl","Map","container","style","center","zoom","attributionControl","scrollZoom","addControl","NavigationControl","showCompass","on","addSource","data","addLayer","id","source","paint","map","_tooltipRootRef$curre","unmount","remove","ring","_ref3","radiusMeters","_ref4","lng","points","distanceX","Math","cos","PI","distanceY","i","theta","push","sin","makeCirclePolygon","getSource","setData","geometry","coordinates","_popupRef$current","prevWells","offsetWellIds","well","wellsById","bounds","LngLatBounds","forEach","coords","isWellSubject","isWellOffset","includes","r","opacity","extend","properties","wellId","length","hoveredWellId","handleMouseMove","e","getCanvas","cursor","document","createElement","createAdaptiveRoot","render","_ref5","_jsx","color","background","children","fontSize","lineHeight","Popup","closeButton","maxWidth","setLngLat","setDOMContent","addTo","handleMouseOver","handleHighlightMouseLeave","_popupRef$current2","handleWellsMouseLeave","point","queryRenderedFeatures","layers","setTimeout","fitBounds","off","className","styles","mapMain","ref","propTypes","PropTypes","shape","number","formation","string","arrayOf","isRequired","memo"],"mappings":"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"}

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

@@ -1,8 +1,8 @@
 declare function MapContainer({ subjectWell, wells, offsetWells, radius, mapHidden }: {
-    mapHidden: any;
+    mapHidden?: boolean | undefined;
     offsetWells: any;
-    radius: any;
-    subjectWell: any;
+    radius?: number | undefined;
+    subjectWell?: null | undefined;
     wells: any;
 }): import("react").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof MapContainer>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/BICOffsetPickerDialog/components/Map/index.js"],"names":[],"mappings":"AAQA,iBAAS,YAAY,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE;;;;;;CAAA,+BAc3E"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/BICOffsetPickerDialog/components/Map/index.js"],"names":[],"mappings":"AAQA,iBAAS,YAAY,CAAC,EAAE,WAAkB,EAAE,KAAK,EAAE,WAAW,EAAE,MAAU,EAAE,SAAiB,EAAE;;;;;;CAAA,+BAc9F"}

package/components/BICOffsetPickerDialog/components/Map/index.js

@@ -1,2 +1,2 @@
-import{memo as e}from"react";import r from"prop-types";import s from"classnames";import a from"./Map.js";import o from"./index.css.js";import{jsx as l}from"react/jsx-runtime";function t(e){var r=e.subjectWell,t=e.wells,i=e.offsetWells,p=e.radius,d=e.mapHidden,m=s(o.mapContainer,d&&o.mapContainerHidden);return l("div",{className:m,children:l(a,{subjectWell:r,wells:t,offsetWells:i,radius:p,coordsDataPath:"topHole.coordinates"})})}t.propTypes={subjectWell:r.shape({}),wells:r.arrayOf(r.shape({})).isRequired,offsetWells:r.arrayOf(r.shape({})).isRequired,radius:r.number,mapHidden:r.bool},t.defaultProps={subjectWell:null,radius:5,mapHidden:!1};var i=e(t);export{i as default};
+import{memo as e}from"react";import r from"prop-types";import s from"classnames";import o from"./Map.js";import a from"./index.css.js";import{jsx as i}from"react/jsx-runtime";function l(e){var r=e.subjectWell,l=void 0===r?null:r,t=e.wells,p=e.offsetWells,d=e.radius,m=void 0===d?5:d,n=e.mapHidden,f=void 0!==n&&n,u=s(a.mapContainer,f&&a.mapContainerHidden);return i("div",{className:u,children:i(o,{subjectWell:l,wells:t,offsetWells:p,radius:m,coordsDataPath:"topHole.coordinates"})})}l.propTypes={subjectWell:r.shape({}),wells:r.arrayOf(r.shape({})).isRequired,offsetWells:r.arrayOf(r.shape({})).isRequired,radius:r.number,mapHidden:r.bool};var t=e(l);export{t as default};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/BICOffsetPickerDialog/components/Map/index.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport Map from './Map';\n\nimport styles from './index.css';\n\nfunction MapContainer({ subjectWell, wells, offsetWells, radius, mapHidden }) {\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        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,\n};\n\nMapContainer.defaultProps = {\n  subjectWell: null,\n  radius: 5,\n  mapHidden: false,\n};\n\nexport default memo(MapContainer);\n"],"names":["MapContainer","_ref","subjectWell","wells","offsetWells","radius","mapHidden","containerClass","classNames","styles","mapContainer","mapContainerHidden","_jsx","className","children","Map","coordsDataPath","propTypes","PropTypes","shape","arrayOf","isRequired","number","bool","defaultProps","memo"],"mappings":"+KAQA,SAASA,EAAqEC,GAAA,IAAtDC,IAAAA,YAAaC,IAAAA,MAAOC,IAAAA,YAAaC,IAAAA,OAAQC,IAAAA,UACzDC,EAAiBC,EAAWC,EAAOC,aAAcJ,GAAaG,EAAOE,oBAE3E,OACEC,EAAA,MAAA,CAAKC,UAAWN,EAAeO,SAC7BF,EAACG,EAAG,CACFb,YAAaA,EACbC,MAAOA,EACPC,YAAaA,EACbC,OAAQA,EACRW,eAAe,yBAIvB,CAEAhB,EAAaiB,UAAY,CACvBf,YAAagB,EAAUC,MAAM,IAC7BhB,MAAOe,EAAUE,QAAQF,EAAUC,MAAM,CAAA,IAAKE,WAC9CjB,YAAac,EAAUE,QAAQF,EAAUC,MAAM,CAAA,IAAKE,WACpDhB,OAAQa,EAAUI,OAClBhB,UAAWY,EAAUK,MAGvBvB,EAAawB,aAAe,CAC1BtB,YAAa,KACbG,OAAQ,EACRC,WAAW,GAGb,IAAemB,EAAAA,EAAKzB"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/BICOffsetPickerDialog/components/Map/index.js"],"sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport Map from './Map';\n\nimport styles from './index.css';\n\nfunction MapContainer({ subjectWell = null, wells, offsetWells, radius = 5, mapHidden = false }) {\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        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,\n};\n\nexport default memo(MapContainer);\n"],"names":["MapContainer","_ref","_ref$subjectWell","subjectWell","wells","offsetWells","_ref$radius","radius","_ref$mapHidden","mapHidden","containerClass","classNames","styles","mapContainer","mapContainerHidden","_jsx","className","children","Map","coordsDataPath","propTypes","PropTypes","shape","arrayOf","isRequired","number","bool","memo"],"mappings":"+KAQA,SAASA,EAAwFC,GAAA,IAAAC,EAAAD,EAAzEE,YAAAA,aAAc,KAAID,EAAEE,IAAAA,MAAOC,IAAAA,YAAWC,EAAAL,EAAEM,OAAAA,aAAS,EAACD,EAAAE,EAAAP,EAAEQ,UAAAA,cAAiBD,EACrFE,EAAiBC,EAAWC,EAAOC,aAAcJ,GAAaG,EAAOE,oBAE3E,OACEC,EAAA,MAAA,CAAKC,UAAWN,EAAeO,SAC7BF,EAACG,EAAG,CACFf,YAAaA,EACbC,MAAOA,EACPC,YAAaA,EACbE,OAAQA,EACRY,eAAe,yBAIvB,CAEAnB,EAAaoB,UAAY,CACvBjB,YAAakB,EAAUC,MAAM,IAC7BlB,MAAOiB,EAAUE,QAAQF,EAAUC,MAAM,CAAA,IAAKE,WAC9CnB,YAAagB,EAAUE,QAAQF,EAAUC,MAAM,CAAA,IAAKE,WACpDjB,OAAQc,EAAUI,OAClBhB,UAAWY,EAAUK,MAGvB,IAAeC,EAAAA,EAAK3B"}

package/components/BICOffsetPickerDialog/components/WellSection/NumberCircle.d.ts

@@ -2,11 +2,11 @@ import PropTypes from 'prop-types';
 declare function NumberCircle({ bgColor, textColor, width, height, fontSize, children, 'data-testid': dataTestId, }: {
     bgColor: any;
     children: any;
-    "data-testid": any;
-    fontSize: any;
-    height: any;
+    "data-testid"?: string | undefined;
+    fontSize?: number | undefined;
+    height?: number | undefined;
     textColor: any;
-    width: any;
+    width?: number | undefined;
 }): import("react").JSX.Element;
 declare namespace NumberCircle {
     var propTypes: {
@@ -18,12 +18,6 @@ declare namespace NumberCircle {
         children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
         'data-testid': PropTypes.Requireable<string>;
     };
-    var defaultProps: {
-        width: number;
-        height: number;
-        fontSize: number;
-        'data-testid': string;
-    };
 }
 export default NumberCircle;
 //# sourceMappingURL=NumberCircle.d.ts.map

package/components/BICOffsetPickerDialog/components/WellSection/NumberCircle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumberCircle.d.ts","sourceRoot":"","sources":["../../../../../src/components/BICOffsetPickerDialog/components/WellSection/NumberCircle.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,iBAAS,YAAY,CAAC,EACpB,OAAO,EACP,SAAS,EACT,KAAK,EACL,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,aAAa,EAAE,UAAU,GAC1B;;;;;;;;CAAA,+BAoBA;kBA5BQ,YAAY;;;;;;;;;;;;;;;;;eA+CN,YAAY"}
+{"version":3,"file":"NumberCircle.d.ts","sourceRoot":"","sources":["../../../../../src/components/BICOffsetPickerDialog/components/WellSection/NumberCircle.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,iBAAS,YAAY,CAAC,EACpB,OAAO,EACP,SAAS,EACT,KAAU,EACV,MAAW,EACX,QAAa,EACb,QAAQ,EACR,aAAa,EAAE,UAA2B,GAC3C;;;;;;;;CAAA,+BAoBA;kBA5BQ,YAAY;;;;;;;;;;;eAwCN,YAAY"}

package/components/BICOffsetPickerDialog/components/WellSection/NumberCircle.js

@@ -1,2 +1,2 @@
-import t from"prop-types";import{jsx as e}from"react/jsx-runtime";function i(t){var i=t.bgColor,r=t.textColor,o=t.width,d=t.height,n=t.fontSize,s=t.children,a=t["data-testid"];return e("div",{"data-testid":a,style:{borderRadius:"calc(100vh)",background:i,color:r,fontSize:n,width:o,height:d,display:"flex",justifyContent:"center",alignItems:"center",fontWeight:"normal",minWidth:24},children:s})}i.propTypes={bgColor:t.string.isRequired,textColor:t.string.isRequired,width:t.number,height:t.number,fontSize:t.number,children:t.node.isRequired,"data-testid":t.string},i.defaultProps={width:24,height:24,fontSize:12,"data-testid":"NumberCircle"};export{i as default};
+import t from"prop-types";import{jsx as e}from"react/jsx-runtime";function i(t){var i=t.bgColor,r=t.textColor,o=t.width,d=void 0===o?24:o,n=t.height,s=void 0===n?24:n,a=t.fontSize,l=void 0===a?12:a,h=t.children,u=t["data-testid"];return e("div",{"data-testid":void 0===u?"NumberCircle":u,style:{borderRadius:"calc(100vh)",background:i,color:r,fontSize:l,width:d,height:s,display:"flex",justifyContent:"center",alignItems:"center",fontWeight:"normal",minWidth:24},children:h})}i.propTypes={bgColor:t.string.isRequired,textColor:t.string.isRequired,width:t.number,height:t.number,fontSize:t.number,children:t.node.isRequired,"data-testid":t.string};export{i as default};
 //# sourceMappingURL=NumberCircle.js.map

package/components/BICOffsetPickerDialog/components/WellSection/NumberCircle.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberCircle.js","sources":["../../../../../src/components/BICOffsetPickerDialog/components/WellSection/NumberCircle.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nfunction NumberCircle({\n  bgColor,\n  textColor,\n  width,\n  height,\n  fontSize,\n  children,\n  'data-testid': dataTestId,\n}) {\n  const style = {\n    borderRadius: 'calc(100vh)',\n    background: bgColor,\n    color: textColor,\n    fontSize,\n    width,\n    height,\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    fontWeight: 'normal',\n    minWidth: 24,\n  };\n\n  return (\n    <div data-testid={dataTestId} style={style}>\n      {children}\n    </div>\n  );\n}\n\nNumberCircle.propTypes = {\n  bgColor: PropTypes.string.isRequired,\n  textColor: PropTypes.string.isRequired,\n  width: PropTypes.number,\n  height: PropTypes.number,\n  fontSize: PropTypes.number,\n  children: PropTypes.node.isRequired,\n  'data-testid': PropTypes.string,\n};\n\nNumberCircle.defaultProps = {\n  width: 24,\n  height: 24,\n  fontSize: 12,\n  'data-testid': 'NumberCircle',\n};\n\nexport default NumberCircle;\n"],"names":["NumberCircle","_ref","bgColor","textColor","width","height","fontSize","children","dataTestId","_jsx","style","borderRadius","background","color","display","justifyContent","alignItems","fontWeight","minWidth","propTypes","PropTypes","string","isRequired","number","node","defaultProps"],"mappings":"kEAEA,SAASA,EAQNC,GAAA,IAPDC,IAAAA,QACAC,IAAAA,UACAC,IAAAA,MACAC,IAAAA,OACAC,IAAAA,SACAC,IAAAA,SACeC,IAAf,eAgBA,OACEC,EAAA,MAAA,CAAK,cAAaD,EAAYE,MAflB,CACZC,aAAc,cACdC,WAAYV,EACZW,MAAOV,EACPG,SAAAA,EACAF,MAAAA,EACAC,OAAAA,EACAS,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,WAAY,SACZC,SAAU,IAIiCX,SACxCA,GAGP,CAEAP,EAAamB,UAAY,CACvBjB,QAASkB,EAAUC,OAAOC,WAC1BnB,UAAWiB,EAAUC,OAAOC,WAC5BlB,MAAOgB,EAAUG,OACjBlB,OAAQe,EAAUG,OAClBjB,SAAUc,EAAUG,OACpBhB,SAAUa,EAAUI,KAAKF,WACzB,cAAeF,EAAUC,QAG3BrB,EAAayB,aAAe,CAC1BrB,MAAO,GACPC,OAAQ,GACRC,SAAU,GACV,cAAe"}
+{"version":3,"file":"NumberCircle.js","sources":["../../../../../src/components/BICOffsetPickerDialog/components/WellSection/NumberCircle.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nfunction NumberCircle({\n  bgColor,\n  textColor,\n  width = 24,\n  height = 24,\n  fontSize = 12,\n  children,\n  'data-testid': dataTestId = 'NumberCircle',\n}) {\n  const style = {\n    borderRadius: 'calc(100vh)',\n    background: bgColor,\n    color: textColor,\n    fontSize,\n    width,\n    height,\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    fontWeight: 'normal',\n    minWidth: 24,\n  };\n\n  return (\n    <div data-testid={dataTestId} style={style}>\n      {children}\n    </div>\n  );\n}\n\nNumberCircle.propTypes = {\n  bgColor: PropTypes.string.isRequired,\n  textColor: PropTypes.string.isRequired,\n  width: PropTypes.number,\n  height: PropTypes.number,\n  fontSize: PropTypes.number,\n  children: PropTypes.node.isRequired,\n  'data-testid': PropTypes.string,\n};\n\nexport default NumberCircle;\n"],"names":["NumberCircle","_ref","bgColor","textColor","_ref$width","width","_ref$height","height","_ref$fontSize","fontSize","children","_ref$dataTestid","_jsx","style","borderRadius","background","color","display","justifyContent","alignItems","fontWeight","minWidth","propTypes","PropTypes","string","isRequired","number","node"],"mappings":"kEAEA,SAASA,EAQNC,GAAA,IAPDC,IAAAA,QACAC,IAAAA,UAASC,EAAAH,EACTI,MAAAA,aAAQ,GAAED,EAAAE,EAAAL,EACVM,OAAAA,aAAS,GAAED,EAAAE,EAAAP,EACXQ,SAAAA,aAAW,GAAED,EACbE,IAAAA,SAAQC,EAAAV,EACR,eAgBA,OACEW,EAAA,MAAA,CAAK,yBAjBqB,eAAcD,EAiBVE,MAflB,CACZC,aAAc,cACdC,WAAYb,EACZc,MAAOb,EACPM,SAAAA,EACAJ,MAAAA,EACAE,OAAAA,EACAU,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,WAAY,SACZC,SAAU,IAIiCX,SACxCA,GAGP,CAEAV,EAAasB,UAAY,CACvBpB,QAASqB,EAAUC,OAAOC,WAC1BtB,UAAWoB,EAAUC,OAAOC,WAC5BpB,MAAOkB,EAAUG,OACjBnB,OAAQgB,EAAUG,OAClBjB,SAAUc,EAAUG,OACpBhB,SAAUa,EAAUI,KAAKF,WACzB,cAAeF,EAAUC"}

package/components/BICOffsetPickerDialog/components/WellSection/SectionItem.d.ts

@@ -1,8 +1,8 @@
-declare function SectionItem({ section, disabled, onExpandCollapse, onSelectAll, onClearAll }: {
-    disabled: any;
-    onClearAll: any;
-    onExpandCollapse: any;
-    onSelectAll: any;
+declare function SectionItem({ section, disabled, onExpandCollapse, onSelectAll, onClearAll, }: {
+    disabled?: boolean | undefined;
+    onClearAll?: null | undefined;
+    onExpandCollapse?: null | undefined;
+    onSelectAll?: null | undefined;
     section: any;
 }): import("react").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof SectionItem>;

package/components/BICOffsetPickerDialog/components/WellSection/SectionItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SectionItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/BICOffsetPickerDialog/components/WellSection/SectionItem.js"],"names":[],"mappings":"AAuEA,iBAAS,WAAW,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,WAAW,EAAE,UAAU,EAAE;;;;;;CAAA,+BAyDpF"}
+{"version":3,"file":"SectionItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/BICOffsetPickerDialog/components/WellSection/SectionItem.js"],"names":[],"mappings":"AAuEA,iBAAS,WAAW,CAAC,EACnB,OAAO,EACP,QAAgB,EAChB,gBAAuB,EACvB,WAAkB,EAClB,UAAiB,GAClB;;;;;;CAAA,+BAyDA"}

package/components/BICOffsetPickerDialog/components/WellSection/SectionItem.js

@@ -1,2 +1,2 @@
-import{memo as e}from"react";import{shape as t,bool as n,string as l,arrayOf as i,func as a}from"prop-types";import{makeStyles as c,useTheme as o,Tooltip as r,Checkbox as s}from"@material-ui/core";import{ExpandMore as d}from"@material-ui/icons";import m from"./NumberCircle.js";import{jsxs as p,jsx as h}from"react/jsx-runtime";var u=c({sectionContainer:{display:"flex",width:"100%",justifyContent:"space-between",marginRight:"4px",alignItems:"center"},itemLabel:{display:"flex",alignItems:"center","&:hover":{color:"#DADADA",cursor:"pointer"}},disabledItemLabel:{display:"flex",alignItems:"center","&:hover":{cursor:"pointer"}},itemLabelToggle:{},sectionName:{marginLeft:"6px",marginRight:"10px"},checkbox:{width:"11px",height:"11px"},sectionTitle:{display:"flex",alignItems:"center"},expandIcon:{fontSize:"14px",marginRight:"8px"}});function f(e){return(e.wells.filter((function(e){return e.checked}))||[]).length}function x(e){var t=f(e);return t===e.wells.length?"".concat(t):"".concat(t," of ").concat(e.wells.length," Selected")}function g(e){return e.wells.filter((function(e){return e.checked})).length>0}function b(e){return e.wells.filter((function(e){return e.checked})).length!==e.wells.length}function C(e){var t=e.section,n=e.disabled,l=e.onExpandCollapse,i=e.onSelectAll,a=e.onClearAll,c=u(),C=o(),k=function(e){e.stopPropagation(),!b(t)&&a&&a(t),b(t)&&i&&i(t)};return p("div",{"data-testid":"".concat("SectionItem","_section_").concat(t.name),className:c.sectionContainer,children:[p("div",{className:n?c.disabledItemLabel:c.itemLabel,onClick:function(){return l&&l(t)},children:[h(r,{title:"No Wells",placement:"right",children:p("div",{className:c.sectionTitle,children:[n&&h(d,{className:c.expandIcon}),p("span",{className:c.sectionName,children:[" ",t.name]})]})}),f(t)>0&&h(m,{"data-testid":"".concat("SectionItem","_wellsNumber"),bgColor:C.palette.primary.text9,textColor:"#fff",width:20+6*(x(t).length-2),children:x(t)})]}),g(t)?h(s,{"data-testid":"".concat("SectionItem","_checkbox"),className:c.checkbox,size:"small",checked:!0,indeterminate:b(t),color:"primary",onClick:k,disabled:n}):h(s,{"data-testid":"".concat("SectionItem","_checkbox"),className:c.checkbox,checked:!1,size:"small",color:"primary",onClick:k,indeterminate:!1,disabled:n})]})}C.propTypes={section:t({expanded:n,name:l,wells:i(t({}))}).isRequired,disabled:n,onExpandCollapse:a,onSelectAll:a,onClearAll:a},C.defaultProps={disabled:!1,onSelectAll:null,onExpandCollapse:null,onClearAll:null};var k=e(C);export{k as default};
+import{memo as e}from"react";import{shape as t,bool as n,string as i,arrayOf as l,func as c}from"prop-types";import{makeStyles as o,useTheme as a,Tooltip as r,Checkbox as s}from"@material-ui/core";import{ExpandMore as d}from"@material-ui/icons";import m from"./NumberCircle.js";import{jsxs as p,jsx as h}from"react/jsx-runtime";var u=o({sectionContainer:{display:"flex",width:"100%",justifyContent:"space-between",marginRight:"4px",alignItems:"center"},itemLabel:{display:"flex",alignItems:"center","&:hover":{color:"#DADADA",cursor:"pointer"}},disabledItemLabel:{display:"flex",alignItems:"center","&:hover":{cursor:"pointer"}},itemLabelToggle:{},sectionName:{marginLeft:"6px",marginRight:"10px"},checkbox:{width:"11px",height:"11px"},sectionTitle:{display:"flex",alignItems:"center"},expandIcon:{fontSize:"14px",marginRight:"8px"}});function f(e){return(e.wells.filter((function(e){return e.checked}))||[]).length}function x(e){var t=f(e);return t===e.wells.length?"".concat(t):"".concat(t," of ").concat(e.wells.length," Selected")}function g(e){return e.wells.filter((function(e){return e.checked})).length>0}function b(e){return e.wells.filter((function(e){return e.checked})).length!==e.wells.length}function k(e){var t=e.section,n=e.disabled,i=void 0!==n&&n,l=e.onExpandCollapse,c=void 0===l?null:l,o=e.onSelectAll,k=void 0===o?null:o,v=e.onClearAll,C=void 0===v?null:v,w=u(),I=a(),N=function(e){e.stopPropagation(),!b(t)&&C&&C(t),b(t)&&k&&k(t)};return p("div",{"data-testid":"".concat("SectionItem","_section_").concat(t.name),className:w.sectionContainer,children:[p("div",{className:i?w.disabledItemLabel:w.itemLabel,onClick:function(){return c&&c(t)},children:[h(r,{title:"No Wells",placement:"right",children:p("div",{className:w.sectionTitle,children:[i&&h(d,{className:w.expandIcon}),p("span",{className:w.sectionName,children:[" ",t.name]})]})}),f(t)>0&&h(m,{"data-testid":"".concat("SectionItem","_wellsNumber"),bgColor:I.palette.primary.text9,textColor:"#fff",width:20+6*(x(t).length-2),children:x(t)})]}),g(t)?h(s,{"data-testid":"".concat("SectionItem","_checkbox"),className:w.checkbox,size:"small",checked:!0,indeterminate:b(t),color:"primary",onClick:N,disabled:i}):h(s,{"data-testid":"".concat("SectionItem","_checkbox"),className:w.checkbox,checked:!1,size:"small",color:"primary",onClick:N,indeterminate:!1,disabled:i})]})}k.propTypes={section:t({expanded:n,name:i,wells:l(t({}))}).isRequired,disabled:n,onExpandCollapse:c,onSelectAll:c,onClearAll:c};var v=e(k);export{v as default};
 //# sourceMappingURL=SectionItem.js.map

package/components/BICOffsetPickerDialog/components/WellSection/SectionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionItem.js","sources":["../../../../../src/components/BICOffsetPickerDialog/components/WellSection/SectionItem.js"],"sourcesContent":["import { memo } from 'react';\nimport { shape, arrayOf, func, bool, string } from 'prop-types';\nimport { makeStyles, Checkbox, Tooltip, useTheme } from '@material-ui/core';\nimport { ExpandMore } from '@material-ui/icons';\n\nimport NumberCircle from './NumberCircle';\n\nconst PAGE_NAME = 'SectionItem';\n\nconst useStyles = makeStyles({\n  sectionContainer: {\n    display: 'flex',\n    width: '100%',\n    justifyContent: 'space-between',\n    marginRight: '4px',\n    alignItems: 'center',\n  },\n  itemLabel: {\n    display: 'flex',\n    alignItems: 'center',\n    '&:hover': {\n      color: '#DADADA',\n      cursor: 'pointer',\n    },\n  },\n  disabledItemLabel: {\n    display: 'flex',\n    alignItems: 'center',\n    '&:hover': {\n      cursor: 'pointer',\n    },\n  },\n  itemLabelToggle: {},\n  sectionName: {\n    marginLeft: '6px',\n    marginRight: '10px',\n  },\n  checkbox: {\n    width: '11px',\n    height: '11px',\n  },\n  sectionTitle: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  expandIcon: {\n    fontSize: '14px',\n    marginRight: '8px',\n  },\n});\n\nfunction getSelectedCount(section) {\n  const data = section.wells.filter(item => item.checked) || [];\n  return data.length;\n}\n\nfunction getSelectedNumber(section) {\n  const selectedCount = getSelectedCount(section);\n  return selectedCount === section.wells.length\n    ? `${selectedCount}`\n    : `${selectedCount} of ${section.wells.length} Selected`;\n}\n\nfunction isSelected(section) {\n  return section.wells.filter(item => item.checked).length > 0;\n}\n\nfunction isAllSelected(section) {\n  return section.wells.filter(item => item.checked).length !== section.wells.length;\n}\n\nfunction SectionItem({ section, disabled, onExpandCollapse, onSelectAll, onClearAll }) {\n  const classes = useStyles();\n  const theme = useTheme();\n  const handleClick = e => {\n    e.stopPropagation();\n    if (!isAllSelected(section) && onClearAll) onClearAll(section);\n    if (isAllSelected(section) && onSelectAll) onSelectAll(section);\n  };\n  return (\n    <div data-testid={`${PAGE_NAME}_section_${section.name}`} className={classes.sectionContainer}>\n      <div\n        className={disabled ? classes.disabledItemLabel : classes.itemLabel}\n        onClick={() => onExpandCollapse && onExpandCollapse(section)}\n      >\n        <Tooltip title=\"No Wells\" placement=\"right\">\n          <div className={classes.sectionTitle}>\n            {disabled && <ExpandMore className={classes.expandIcon} />}\n            <span className={classes.sectionName}> {section.name}</span>\n          </div>\n        </Tooltip>\n        {getSelectedCount(section) > 0 && (\n          <NumberCircle\n            data-testid={`${PAGE_NAME}_wellsNumber`}\n            bgColor={theme.palette.primary.text9}\n            textColor=\"#fff\"\n            width={20 + (getSelectedNumber(section).length - 2) * 6}\n          >\n            {getSelectedNumber(section)}\n          </NumberCircle>\n        )}\n      </div>\n\n      {isSelected(section) ? (\n        <Checkbox\n          data-testid={`${PAGE_NAME}_checkbox`}\n          className={classes.checkbox}\n          size=\"small\"\n          checked\n          indeterminate={isAllSelected(section)}\n          color=\"primary\"\n          onClick={handleClick}\n          disabled={disabled}\n        />\n      ) : (\n        <Checkbox\n          data-testid={`${PAGE_NAME}_checkbox`}\n          className={classes.checkbox}\n          checked={false}\n          size=\"small\"\n          color=\"primary\"\n          onClick={handleClick}\n          indeterminate={false}\n          disabled={disabled}\n        />\n      )}\n    </div>\n  );\n}\n\nSectionItem.propTypes = {\n  section: shape({\n    expanded: bool,\n    name: string,\n    wells: arrayOf(shape({})),\n  }).isRequired,\n  disabled: bool,\n  onExpandCollapse: func,\n  onSelectAll: func,\n  onClearAll: func,\n};\n\nSectionItem.defaultProps = {\n  disabled: false,\n  onSelectAll: null,\n  onExpandCollapse: null,\n  onClearAll: null,\n};\n// Important: Do not change root component default export (SectionItem.js). Use it as container\n//  for your SectionItem. It's required to make build and zip scripts work as expected;\nexport default memo(SectionItem);\n"],"names":["useStyles","makeStyles","sectionContainer","display","width","justifyContent","marginRight","alignItems","itemLabel","color","cursor","disabledItemLabel","itemLabelToggle","sectionName","marginLeft","checkbox","height","sectionTitle","expandIcon","fontSize","getSelectedCount","section","wells","filter","item","checked","length","getSelectedNumber","selectedCount","concat","isSelected","isAllSelected","SectionItem","_ref","disabled","onExpandCollapse","onSelectAll","onClearAll","classes","theme","useTheme","handleClick","e","stopPropagation","_jsxs","name","className","children","onClick","_jsx","Tooltip","title","placement","ExpandMore","NumberCircle","bgColor","palette","primary","text9","textColor","Checkbox","size","indeterminate","propTypes","shape","expanded","bool","string","arrayOf","isRequired","func","defaultProps","memo"],"mappings":"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"}
+{"version":3,"file":"SectionItem.js","sources":["../../../../../src/components/BICOffsetPickerDialog/components/WellSection/SectionItem.js"],"sourcesContent":["import { memo } from 'react';\nimport { shape, arrayOf, func, bool, string } from 'prop-types';\nimport { makeStyles, Checkbox, Tooltip, useTheme } from '@material-ui/core';\nimport { ExpandMore } from '@material-ui/icons';\n\nimport NumberCircle from './NumberCircle';\n\nconst PAGE_NAME = 'SectionItem';\n\nconst useStyles = makeStyles({\n  sectionContainer: {\n    display: 'flex',\n    width: '100%',\n    justifyContent: 'space-between',\n    marginRight: '4px',\n    alignItems: 'center',\n  },\n  itemLabel: {\n    display: 'flex',\n    alignItems: 'center',\n    '&:hover': {\n      color: '#DADADA',\n      cursor: 'pointer',\n    },\n  },\n  disabledItemLabel: {\n    display: 'flex',\n    alignItems: 'center',\n    '&:hover': {\n      cursor: 'pointer',\n    },\n  },\n  itemLabelToggle: {},\n  sectionName: {\n    marginLeft: '6px',\n    marginRight: '10px',\n  },\n  checkbox: {\n    width: '11px',\n    height: '11px',\n  },\n  sectionTitle: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  expandIcon: {\n    fontSize: '14px',\n    marginRight: '8px',\n  },\n});\n\nfunction getSelectedCount(section) {\n  const data = section.wells.filter(item => item.checked) || [];\n  return data.length;\n}\n\nfunction getSelectedNumber(section) {\n  const selectedCount = getSelectedCount(section);\n  return selectedCount === section.wells.length\n    ? `${selectedCount}`\n    : `${selectedCount} of ${section.wells.length} Selected`;\n}\n\nfunction isSelected(section) {\n  return section.wells.filter(item => item.checked).length > 0;\n}\n\nfunction isAllSelected(section) {\n  return section.wells.filter(item => item.checked).length !== section.wells.length;\n}\n\nfunction SectionItem({\n  section,\n  disabled = false,\n  onExpandCollapse = null,\n  onSelectAll = null,\n  onClearAll = null,\n}) {\n  const classes = useStyles();\n  const theme = useTheme();\n  const handleClick = e => {\n    e.stopPropagation();\n    if (!isAllSelected(section) && onClearAll) onClearAll(section);\n    if (isAllSelected(section) && onSelectAll) onSelectAll(section);\n  };\n  return (\n    <div data-testid={`${PAGE_NAME}_section_${section.name}`} className={classes.sectionContainer}>\n      <div\n        className={disabled ? classes.disabledItemLabel : classes.itemLabel}\n        onClick={() => onExpandCollapse && onExpandCollapse(section)}\n      >\n        <Tooltip title=\"No Wells\" placement=\"right\">\n          <div className={classes.sectionTitle}>\n            {disabled && <ExpandMore className={classes.expandIcon} />}\n            <span className={classes.sectionName}> {section.name}</span>\n          </div>\n        </Tooltip>\n        {getSelectedCount(section) > 0 && (\n          <NumberCircle\n            data-testid={`${PAGE_NAME}_wellsNumber`}\n            bgColor={theme.palette.primary.text9}\n            textColor=\"#fff\"\n            width={20 + (getSelectedNumber(section).length - 2) * 6}\n          >\n            {getSelectedNumber(section)}\n          </NumberCircle>\n        )}\n      </div>\n\n      {isSelected(section) ? (\n        <Checkbox\n          data-testid={`${PAGE_NAME}_checkbox`}\n          className={classes.checkbox}\n          size=\"small\"\n          checked\n          indeterminate={isAllSelected(section)}\n          color=\"primary\"\n          onClick={handleClick}\n          disabled={disabled}\n        />\n      ) : (\n        <Checkbox\n          data-testid={`${PAGE_NAME}_checkbox`}\n          className={classes.checkbox}\n          checked={false}\n          size=\"small\"\n          color=\"primary\"\n          onClick={handleClick}\n          indeterminate={false}\n          disabled={disabled}\n        />\n      )}\n    </div>\n  );\n}\n\nSectionItem.propTypes = {\n  section: shape({\n    expanded: bool,\n    name: string,\n    wells: arrayOf(shape({})),\n  }).isRequired,\n  disabled: bool,\n  onExpandCollapse: func,\n  onSelectAll: func,\n  onClearAll: func,\n};\n\n// Important: Do not change root component default export (SectionItem.js). Use it as container\n//  for your SectionItem. It's required to make build and zip scripts work as expected;\nexport default memo(SectionItem);\n"],"names":["useStyles","makeStyles","sectionContainer","display","width","justifyContent","marginRight","alignItems","itemLabel","color","cursor","disabledItemLabel","itemLabelToggle","sectionName","marginLeft","checkbox","height","sectionTitle","expandIcon","fontSize","getSelectedCount","section","wells","filter","item","checked","length","getSelectedNumber","selectedCount","concat","isSelected","isAllSelected","SectionItem","_ref","_ref$disabled","disabled","_ref$onExpandCollapse","onExpandCollapse","_ref$onSelectAll","onSelectAll","_ref$onClearAll","onClearAll","classes","theme","useTheme","handleClick","e","stopPropagation","_jsxs","name","className","children","onClick","_jsx","Tooltip","title","placement","ExpandMore","NumberCircle","bgColor","palette","primary","text9","textColor","Checkbox","size","indeterminate","propTypes","shape","expanded","bool","string","arrayOf","isRequired","func","memo"],"mappings":"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"}

package/components/BICOffsetPickerDialog/components/WellSection/index.d.ts

@@ -1,9 +1,9 @@
-declare function WellSection({ company, wellSections, getWellName, onChangeWellSections, onExploreMode }: {
+declare function WellSection({ company, wellSections, getWellName, onChangeWellSections, onExploreMode, }: {
     company: any;
     getWellName: any;
     onChangeWellSections: any;
     onExploreMode: any;
-    wellSections: any;
+    wellSections?: any[] | undefined;
 }): import("react").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof WellSection>;
 export default _default;

package/components/BICOffsetPickerDialog/components/WellSection/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/BICOffsetPickerDialog/components/WellSection/index.js"],"names":[],"mappings":"AAiEA,iBAAS,WAAW,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,oBAAoB,EAAE,aAAa,EAAE;;;;;;CAAA,+BA4I/F"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/BICOffsetPickerDialog/components/WellSection/index.js"],"names":[],"mappings":"AAiEA,iBAAS,WAAW,CAAC,EACnB,OAAO,EACP,YAAiD,EACjD,WAAW,EACX,oBAAoB,EACpB,aAAa,GACd;;;;;;CAAA,+BA4IA"}

package/components/BICOffsetPickerDialog/components/WellSection/index.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/toConsumableArray";import t from"@babel/runtime/helpers/defineProperty";import{memo as n}from"react";import{string as r,arrayOf as o,shape as i,func as a}from"prop-types";import c from"classnames";import{makeStyles as l,Typography as s,Accordion as d,AccordionSummary as m,AccordionDetails as p,List as u}from"@material-ui/core";import{ExpandMore as f}from"@material-ui/icons";import h from"./AssetSearch.js";import w from"./SectionItem.js";import y from"./WellListItem.js";import"../../../../utils/index.js";import{jsxs as x,jsx as b}from"react/jsx-runtime";import{showSuccessNotification as g}from"../../../../utils/notificationToasts.js";function v(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function S(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?v(Object(r),!0).forEach((function(n){t(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):v(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var j=l((function(e){return{content:{width:"472px",marginTop:"24px"},sectionItem:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",padding:"8px",fontSize:"12px",fontWeight:"normal",color:e.palette.primary.text6,borderTop:"1px solid ".concat(e.palette.primary.text8),"&:last-child":{borderBottom:"1px solid ".concat(e.palette.primary.text8)}},disabledSectionItem:{color:e.palette.primary.text8},wellList:{width:"100%",margin:0,padding:0},searchContainer:{display:"flex",justifyContent:"space-between",marginBottom:"24px",alignItems:"center"},advancedSearch:{fontSize:"14px",fontWeight:500,color:"#03BCD4",cursor:"pointer","&:hover":{textDecoration:"underline"}}}}));function O(t){var n=t.company,r=t.wellSections,o=t.getWellName,i=t.onChangeWellSections,a=t.onExploreMode,l=j(),v=function(e,t){var n=r.find((function(t){return t.name===e.name})).wells.map((function(e){return e.id})),o=r.map((function(e){var r=e.wells.map((function(e){return n.includes(e.id)?S(S({},e),{},{checked:t}):S({},e)}));return S(S({},e),{},{wells:r})}));i(o)},O=function(e){var t=r.map((function(t){return t.name===e.name?S(S({},t),{},{expanded:!t.expanded}):t}));i(t)},C=function(e){var t=r.map((function(t){var n=t.wells.map((function(t){return t.id===e.id?S(S({},t),{},{checked:!t.checked}):t}));return S(S({},t),{},{wells:n})}));i(t)},N=function(e){v(e,!0)},I=function(e){v(e,!1)};return x("div",{className:l.content,children:[x("div",{className:l.searchContainer,children:[b(h,{company:+n,onClickAsset:function(t,n){var o=r.map((function(r){if("Search Results"===r.name){var o=e(r.wells);return r.wells.find((function(e){return e.id===t}))||o.push({id:t,checked:!0,name:n,kind:"manual"}),S(S({},r),{},{wells:o})}return S(S({},r),{},{wells:r.wells.map((function(e){return e.id===t?S(S({},e),{},{checked:!0}):e}))})}));i(o),g("Offset well successfully added!")},onExploreMode:a}),b(s,{"data-testid":"".concat("WellSection","_advancedSearch"),className:l.advancedSearch,onClick:function(){a()},children:"Advanced Search"})]}),(r||[]).map((function(e){return 0===e.wells.length?b("div",{className:c(l.sectionItem,l.disabledSectionItem),children:b(w,{section:e,disabled:!0})},"empty-".concat(e.name)):b("div",{className:l.sectionItem,children:x(d,{expanded:e.expanded,onChange:function(){return O(e)},children:[b(m,{expandIcon:b(f,{}),style:{width:"100%"},children:b(w,{section:e,onExpandCollapse:O,onSelectAll:N,onClearAll:I})}),b(p,{children:b(u,{dense:!0,className:l.wellList,children:e.wells.map((function(t){return b(y,{well:t,wellName:o(e.wells,t.id),rigName:t.rigName,onToggleWell:C},"well-".concat(e.name,"-").concat(t.id))}))})})]})},"section-".concat(e.name))}))]})}O.propTypes={company:r.isRequired,wellSections:o(i({})),getWellName:a.isRequired,onChangeWellSections:a.isRequired,onExploreMode:a.isRequired},O.defaultProps={wellSections:[]};var C=n(O);export{C as default};
+import e from"@babel/runtime/helpers/toConsumableArray";import t from"@babel/runtime/helpers/defineProperty";import{memo as n}from"react";import{string as r,arrayOf as o,shape as i,func as a}from"prop-types";import c from"classnames";import{makeStyles as l,Typography as s,Accordion as d,AccordionSummary as m,AccordionDetails as p,List as u}from"@material-ui/core";import{ExpandMore as f}from"@material-ui/icons";import h from"./AssetSearch.js";import w from"./SectionItem.js";import y from"./WellListItem.js";import"../../../../utils/index.js";import{jsxs as x,jsx as b}from"react/jsx-runtime";import{showSuccessNotification as g}from"../../../../utils/notificationToasts.js";function v(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function j(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?v(Object(r),!0).forEach((function(n){t(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):v(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var S=l((function(e){return{content:{width:"472px",marginTop:"24px"},sectionItem:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",padding:"8px",fontSize:"12px",fontWeight:"normal",color:e.palette.primary.text6,borderTop:"1px solid ".concat(e.palette.primary.text8),"&:last-child":{borderBottom:"1px solid ".concat(e.palette.primary.text8)}},disabledSectionItem:{color:e.palette.primary.text8},wellList:{width:"100%",margin:0,padding:0},searchContainer:{display:"flex",justifyContent:"space-between",marginBottom:"24px",alignItems:"center"},advancedSearch:{fontSize:"14px",fontWeight:500,color:"#03BCD4",cursor:"pointer","&:hover":{textDecoration:"underline"}}}}));function O(t){var n=t.company,r=t.wellSections,o=void 0===r?C:r,i=t.getWellName,a=t.onChangeWellSections,l=t.onExploreMode,v=S(),O=function(e,t){var n=o.find((function(t){return t.name===e.name})).wells.map((function(e){return e.id})),r=o.map((function(e){var r=e.wells.map((function(e){return n.includes(e.id)?j(j({},e),{},{checked:t}):j({},e)}));return j(j({},e),{},{wells:r})}));a(r)},N=function(e){var t=o.map((function(t){return t.name===e.name?j(j({},t),{},{expanded:!t.expanded}):t}));a(t)},I=function(e){var t=o.map((function(t){var n=t.wells.map((function(t){return t.id===e.id?j(j({},t),{},{checked:!t.checked}):t}));return j(j({},t),{},{wells:n})}));a(t)},k=function(e){O(e,!0)},P=function(e){O(e,!1)};return x("div",{className:v.content,children:[x("div",{className:v.searchContainer,children:[b(h,{company:+n,onClickAsset:function(t,n){var r=o.map((function(r){if("Search Results"===r.name){var o=e(r.wells);return r.wells.find((function(e){return e.id===t}))||o.push({id:t,checked:!0,name:n,kind:"manual"}),j(j({},r),{},{wells:o})}return j(j({},r),{},{wells:r.wells.map((function(e){return e.id===t?j(j({},e),{},{checked:!0}):e}))})}));a(r),g("Offset well successfully added!")},onExploreMode:l}),b(s,{"data-testid":"".concat("WellSection","_advancedSearch"),className:v.advancedSearch,onClick:function(){l()},children:"Advanced Search"})]}),(o||[]).map((function(e){return 0===e.wells.length?b("div",{className:c(v.sectionItem,v.disabledSectionItem),children:b(w,{section:e,disabled:!0})},"empty-".concat(e.name)):b("div",{className:v.sectionItem,children:x(d,{expanded:e.expanded,onChange:function(){return N(e)},children:[b(m,{expandIcon:b(f,{}),style:{width:"100%"},children:b(w,{section:e,onExpandCollapse:N,onSelectAll:k,onClearAll:P})}),b(p,{children:b(u,{dense:!0,className:v.wellList,children:e.wells.map((function(t){return b(y,{well:t,wellName:i(e.wells,t.id),rigName:t.rigName,onToggleWell:I},"well-".concat(e.name,"-").concat(t.id))}))})})]})},"section-".concat(e.name))}))]})}O.propTypes={company:r.isRequired,wellSections:o(i({})),getWellName:a.isRequired,onChangeWellSections:a.isRequired,onExploreMode:a.isRequired};var C=[],N=n(O);export{N as default};
 //# sourceMappingURL=index.js.map

package/components/BICOffsetPickerDialog/components/WellSection/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/BICOffsetPickerDialog/components/WellSection/index.js"],"sourcesContent":["import { memo } from 'react';\nimport { string, shape, func, arrayOf } from 'prop-types';\nimport classNames from 'classnames';\nimport {\n  makeStyles,\n  List,\n  Accordion,\n  AccordionSummary,\n  AccordionDetails,\n  Typography,\n} from '@material-ui/core';\nimport { ExpandMore } from '@material-ui/icons';\n\nimport AssetSearch from './AssetSearch';\nimport SectionItem from './SectionItem';\nimport WellListItem from './WellListItem';\n\nimport { showSuccessNotification } from '~/utils';\n\nconst PAGE_NAME = 'WellSection';\n\nconst useStyles = makeStyles(theme => ({\n  content: {\n    width: '472px',\n    marginTop: '24px',\n  },\n  sectionItem: {\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    padding: '8px',\n    fontSize: '12px',\n    fontWeight: 'normal',\n    color: theme.palette.primary.text6,\n    borderTop: `1px solid ${theme.palette.primary.text8}`,\n    '&:last-child': {\n      borderBottom: `1px solid ${theme.palette.primary.text8}`,\n    },\n  },\n  disabledSectionItem: {\n    color: theme.palette.primary.text8,\n  },\n  wellList: {\n    width: '100%',\n    margin: 0,\n    padding: 0,\n  },\n  searchContainer: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    marginBottom: '24px',\n    alignItems: 'center',\n  },\n  advancedSearch: {\n    fontSize: '14px',\n    fontWeight: 500,\n    color: '#03BCD4',\n    cursor: 'pointer',\n    '&:hover': {\n      textDecoration: 'underline',\n    },\n  },\n}));\n\nfunction WellSection({ company, wellSections, getWellName, onChangeWellSections, onExploreMode }) {\n  const classes = useStyles();\n\n  const selectAllWells = (targetSection, f) => {\n    const selectedWellIds = wellSections\n      .find(section => section.name === targetSection.name)\n      .wells.map(item => item.id);\n\n    const data = wellSections.map(section => {\n      const sectionData = section.wells.map(well => {\n        if (selectedWellIds.includes(well.id)) {\n          return { ...well, checked: f };\n        } else {\n          return { ...well };\n        }\n      });\n      return {\n        ...section,\n        wells: sectionData,\n      };\n    });\n    onChangeWellSections(data);\n  };\n\n  const handleExpandCollapseSection = targetSection => {\n    const data = wellSections.map(section => {\n      if (section.name === targetSection.name) {\n        return { ...section, expanded: !section.expanded };\n      }\n      return section;\n    });\n    onChangeWellSections(data);\n  };\n\n  const handleToggleWell = targetWell => {\n    const data = wellSections.map(section => {\n      const sectionData = section.wells.map(well => {\n        if (well.id === targetWell.id) {\n          return { ...well, checked: !well.checked };\n        }\n        return well;\n      });\n      return {\n        ...section,\n        wells: sectionData,\n      };\n    });\n    onChangeWellSections(data);\n  };\n\n  const handleSelectAll = targetSection => {\n    selectAllWells(targetSection, true);\n  };\n\n  const handleClearAll = targetSection => {\n    selectAllWells(targetSection, false);\n  };\n\n  const handleClickAsset = (redirectAssetId, name) => {\n    const data = wellSections.map(section => {\n      if (section.name === 'Search Results') {\n        const wells = [...section.wells];\n        if (!section.wells.find(item => item.id === redirectAssetId)) {\n          wells.push({ id: redirectAssetId, checked: true, name, kind: 'manual' });\n        }\n        return { ...section, wells };\n      }\n      return {\n        ...section,\n        wells: section.wells.map(well =>\n          well.id === redirectAssetId ? { ...well, checked: true } : well\n        ),\n      };\n    });\n    onChangeWellSections(data);\n    showSuccessNotification('Offset well successfully added!');\n  };\n\n  const handleOffsetPickerDialog = () => {\n    onExploreMode();\n  };\n\n  return (\n    <div className={classes.content}>\n      <div className={classes.searchContainer}>\n        <AssetSearch\n          company={+company}\n          onClickAsset={handleClickAsset}\n          onExploreMode={onExploreMode}\n        />\n        <Typography\n          data-testid={`${PAGE_NAME}_advancedSearch`}\n          className={classes.advancedSearch}\n          onClick={handleOffsetPickerDialog}\n        >\n          Advanced Search\n        </Typography>\n      </div>\n\n      {(wellSections || []).map(section =>\n        section.wells.length === 0 ? (\n          <div\n            key={`empty-${section.name}`}\n            className={classNames(classes.sectionItem, classes.disabledSectionItem)}\n          >\n            <SectionItem section={section} disabled />\n          </div>\n        ) : (\n          <div key={`section-${section.name}`} className={classes.sectionItem}>\n            <Accordion\n              expanded={section.expanded}\n              onChange={() => handleExpandCollapseSection(section)}\n            >\n              <AccordionSummary expandIcon={<ExpandMore />} style={{ width: '100%' }}>\n                <SectionItem\n                  section={section}\n                  onExpandCollapse={handleExpandCollapseSection}\n                  onSelectAll={handleSelectAll}\n                  onClearAll={handleClearAll}\n                />\n              </AccordionSummary>\n              <AccordionDetails>\n                <List dense className={classes.wellList}>\n                  {section.wells.map(well => (\n                    <WellListItem\n                      key={`well-${section.name}-${well.id}`}\n                      well={well}\n                      wellName={getWellName(section.wells, well.id)}\n                      rigName={well.rigName}\n                      onToggleWell={handleToggleWell}\n                    />\n                  ))}\n                </List>\n              </AccordionDetails>\n            </Accordion>\n          </div>\n        )\n      )}\n    </div>\n  );\n}\n\nWellSection.propTypes = {\n  company: string.isRequired,\n  wellSections: arrayOf(shape({})),\n  getWellName: func.isRequired,\n  onChangeWellSections: func.isRequired,\n  onExploreMode: func.isRequired,\n};\n\nWellSection.defaultProps = {\n  wellSections: [],\n};\n\n// Important: Do not change root component default export (WellSection.js). Use it as container\n//  for your WellSection. It's required to make build and zip scripts work as expected;\nexport default memo(WellSection);\n"],"names":["useStyles","makeStyles","theme","content","width","marginTop","sectionItem","display","flexDirection","justifyContent","alignItems","padding","fontSize","fontWeight","color","palette","primary","text6","borderTop","concat","text8","borderBottom","disabledSectionItem","wellList","margin","searchContainer","marginBottom","advancedSearch","cursor","textDecoration","WellSection","_ref","company","wellSections","getWellName","onChangeWellSections","onExploreMode","classes","selectAllWells","targetSection","f","selectedWellIds","find","section","name","wells","map","item","id","data","sectionData","well","includes","_objectSpread","checked","handleExpandCollapseSection","expanded","handleToggleWell","targetWell","handleSelectAll","handleClearAll","_jsxs","className","children","_jsx","AssetSearch","onClickAsset","redirectAssetId","_toConsumableArray","push","kind","showSuccessNotification","Typography","onClick","length","classNames","SectionItem","disabled","Accordion","onChange","AccordionSummary","expandIcon","ExpandMore","style","onExpandCollapse","onSelectAll","onClearAll","AccordionDetails","List","dense","WellListItem","wellName","rigName","onToggleWell","propTypes","string","isRequired","arrayOf","shape","func","defaultProps","memo"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/BICOffsetPickerDialog/components/WellSection/index.js"],"sourcesContent":["import { memo } from 'react';\nimport { string, shape, func, arrayOf } from 'prop-types';\nimport classNames from 'classnames';\nimport {\n  makeStyles,\n  List,\n  Accordion,\n  AccordionSummary,\n  AccordionDetails,\n  Typography,\n} from '@material-ui/core';\nimport { ExpandMore } from '@material-ui/icons';\n\nimport AssetSearch from './AssetSearch';\nimport SectionItem from './SectionItem';\nimport WellListItem from './WellListItem';\n\nimport { showSuccessNotification } from '~/utils';\n\nconst PAGE_NAME = 'WellSection';\n\nconst useStyles = makeStyles(theme => ({\n  content: {\n    width: '472px',\n    marginTop: '24px',\n  },\n  sectionItem: {\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    padding: '8px',\n    fontSize: '12px',\n    fontWeight: 'normal',\n    color: theme.palette.primary.text6,\n    borderTop: `1px solid ${theme.palette.primary.text8}`,\n    '&:last-child': {\n      borderBottom: `1px solid ${theme.palette.primary.text8}`,\n    },\n  },\n  disabledSectionItem: {\n    color: theme.palette.primary.text8,\n  },\n  wellList: {\n    width: '100%',\n    margin: 0,\n    padding: 0,\n  },\n  searchContainer: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    marginBottom: '24px',\n    alignItems: 'center',\n  },\n  advancedSearch: {\n    fontSize: '14px',\n    fontWeight: 500,\n    color: '#03BCD4',\n    cursor: 'pointer',\n    '&:hover': {\n      textDecoration: 'underline',\n    },\n  },\n}));\n\nfunction WellSection({\n  company,\n  wellSections = DEFAULT_WELL_SECTION_WELL_SECTIONS,\n  getWellName,\n  onChangeWellSections,\n  onExploreMode,\n}) {\n  const classes = useStyles();\n\n  const selectAllWells = (targetSection, f) => {\n    const selectedWellIds = wellSections\n      .find(section => section.name === targetSection.name)\n      .wells.map(item => item.id);\n\n    const data = wellSections.map(section => {\n      const sectionData = section.wells.map(well => {\n        if (selectedWellIds.includes(well.id)) {\n          return { ...well, checked: f };\n        } else {\n          return { ...well };\n        }\n      });\n      return {\n        ...section,\n        wells: sectionData,\n      };\n    });\n    onChangeWellSections(data);\n  };\n\n  const handleExpandCollapseSection = targetSection => {\n    const data = wellSections.map(section => {\n      if (section.name === targetSection.name) {\n        return { ...section, expanded: !section.expanded };\n      }\n      return section;\n    });\n    onChangeWellSections(data);\n  };\n\n  const handleToggleWell = targetWell => {\n    const data = wellSections.map(section => {\n      const sectionData = section.wells.map(well => {\n        if (well.id === targetWell.id) {\n          return { ...well, checked: !well.checked };\n        }\n        return well;\n      });\n      return {\n        ...section,\n        wells: sectionData,\n      };\n    });\n    onChangeWellSections(data);\n  };\n\n  const handleSelectAll = targetSection => {\n    selectAllWells(targetSection, true);\n  };\n\n  const handleClearAll = targetSection => {\n    selectAllWells(targetSection, false);\n  };\n\n  const handleClickAsset = (redirectAssetId, name) => {\n    const data = wellSections.map(section => {\n      if (section.name === 'Search Results') {\n        const wells = [...section.wells];\n        if (!section.wells.find(item => item.id === redirectAssetId)) {\n          wells.push({ id: redirectAssetId, checked: true, name, kind: 'manual' });\n        }\n        return { ...section, wells };\n      }\n      return {\n        ...section,\n        wells: section.wells.map(well =>\n          well.id === redirectAssetId ? { ...well, checked: true } : well\n        ),\n      };\n    });\n    onChangeWellSections(data);\n    showSuccessNotification('Offset well successfully added!');\n  };\n\n  const handleOffsetPickerDialog = () => {\n    onExploreMode();\n  };\n\n  return (\n    <div className={classes.content}>\n      <div className={classes.searchContainer}>\n        <AssetSearch\n          company={+company}\n          onClickAsset={handleClickAsset}\n          onExploreMode={onExploreMode}\n        />\n        <Typography\n          data-testid={`${PAGE_NAME}_advancedSearch`}\n          className={classes.advancedSearch}\n          onClick={handleOffsetPickerDialog}\n        >\n          Advanced Search\n        </Typography>\n      </div>\n\n      {(wellSections || []).map(section =>\n        section.wells.length === 0 ? (\n          <div\n            key={`empty-${section.name}`}\n            className={classNames(classes.sectionItem, classes.disabledSectionItem)}\n          >\n            <SectionItem section={section} disabled />\n          </div>\n        ) : (\n          <div key={`section-${section.name}`} className={classes.sectionItem}>\n            <Accordion\n              expanded={section.expanded}\n              onChange={() => handleExpandCollapseSection(section)}\n            >\n              <AccordionSummary expandIcon={<ExpandMore />} style={{ width: '100%' }}>\n                <SectionItem\n                  section={section}\n                  onExpandCollapse={handleExpandCollapseSection}\n                  onSelectAll={handleSelectAll}\n                  onClearAll={handleClearAll}\n                />\n              </AccordionSummary>\n              <AccordionDetails>\n                <List dense className={classes.wellList}>\n                  {section.wells.map(well => (\n                    <WellListItem\n                      key={`well-${section.name}-${well.id}`}\n                      well={well}\n                      wellName={getWellName(section.wells, well.id)}\n                      rigName={well.rigName}\n                      onToggleWell={handleToggleWell}\n                    />\n                  ))}\n                </List>\n              </AccordionDetails>\n            </Accordion>\n          </div>\n        )\n      )}\n    </div>\n  );\n}\n\nWellSection.propTypes = {\n  company: string.isRequired,\n  wellSections: arrayOf(shape({})),\n  getWellName: func.isRequired,\n  onChangeWellSections: func.isRequired,\n  onExploreMode: func.isRequired,\n};\n\nconst DEFAULT_WELL_SECTION_WELL_SECTIONS = [];\n\n// Important: Do not change root component default export (WellSection.js). Use it as container\n//  for your WellSection. It's required to make build and zip scripts work as expected;\nexport default memo(WellSection);\n"],"names":["useStyles","makeStyles","theme","content","width","marginTop","sectionItem","display","flexDirection","justifyContent","alignItems","padding","fontSize","fontWeight","color","palette","primary","text6","borderTop","concat","text8","borderBottom","disabledSectionItem","wellList","margin","searchContainer","marginBottom","advancedSearch","cursor","textDecoration","WellSection","_ref","company","_ref$wellSections","wellSections","DEFAULT_WELL_SECTION_WELL_SECTIONS","getWellName","onChangeWellSections","onExploreMode","classes","selectAllWells","targetSection","f","selectedWellIds","find","section","name","wells","map","item","id","data","sectionData","well","includes","_objectSpread","checked","handleExpandCollapseSection","expanded","handleToggleWell","targetWell","handleSelectAll","handleClearAll","_jsxs","className","children","_jsx","AssetSearch","onClickAsset","redirectAssetId","_toConsumableArray","push","kind","showSuccessNotification","Typography","onClick","length","classNames","SectionItem","disabled","Accordion","onChange","AccordionSummary","expandIcon","ExpandMore","style","onExpandCollapse","onSelectAll","onClearAll","AccordionDetails","List","dense","WellListItem","wellName","rigName","onToggleWell","propTypes","string","isRequired","arrayOf","shape","func","memo"],"mappings":"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"}

package/components/BICOffsetPickerDialog/index.d.ts

@@ -1,13 +1,13 @@
 import PropTypes from 'prop-types';
 declare function BICOffsetPickerDialog({ defaultSubjectWell, offsetSetting, currentUser, isOpen, onClose, onSave, addWellsUsabilityInfo, unusableWellAlarm, }: {
-    addWellsUsabilityInfo: any;
-    currentUser: any;
-    defaultSubjectWell: any;
+    addWellsUsabilityInfo?: null | undefined;
+    currentUser?: {} | undefined;
+    defaultSubjectWell?: null | undefined;
     isOpen: any;
-    offsetSetting: any;
+    offsetSetting?: {} | undefined;
     onClose: any;
     onSave: any;
-    unusableWellAlarm: any;
+    unusableWellAlarm?: string | undefined;
 }): import("react").JSX.Element;
 declare namespace BICOffsetPickerDialog {
     var propTypes: {
@@ -23,13 +23,6 @@ declare namespace BICOffsetPickerDialog {
         addWellsUsabilityInfo: PropTypes.Requireable<(...args: any[]) => any>;
         unusableWellAlarm: PropTypes.Requireable<string>;
     };
-    var defaultProps: {
-        defaultSubjectWell: null;
-        addWellsUsabilityInfo: null;
-        unusableWellAlarm: string;
-        offsetSetting: {};
-        currentUser: {};
-    };
 }
 export default BICOffsetPickerDialog;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BICOffsetPickerDialog/index.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAoInC,iBAAS,qBAAqB,CAAC,EAC7B,kBAAkB,EAClB,aAAa,EACb,WAAW,EACX,MAAM,EACN,OAAO,EACP,MAAM,EACN,qBAAqB,EACrB,iBAAiB,GAClB;;;;;;;;;CAAA,+BA0TA;kBAnUQ,qBAAqB;;;;;;;;;;;;;;;;;;;;;;eA2Vf,qBAAqB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BICOffsetPickerDialog/index.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAoInC,iBAAS,qBAAqB,CAAC,EAC7B,kBAAyB,EACzB,aAA8D,EAC9D,WAA0D,EAC1D,MAAM,EACN,OAAO,EACP,MAAM,EACN,qBAA4B,EAC5B,iBAAmC,GACpC;;;;;;;;;CAAA,+BA0TA;kBAnUQ,qBAAqB;;;;;;;;;;;;;;;eAsVf,qBAAqB"}