@corva/ui 0.34.0-rc.2 → 0.34.0-rc.3

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

@@ -1 +1,209 @@
-import{memo as r,useRef as e,useMemo as t,useEffect as o,createElement as n}from"react";import l from"react-dom";import u from"prop-types";import c from"mapbox.js";import{get as i}from"lodash";import{mapbox as a}from"../../../../utils/index.js";import{usePrevious as s}from"../../effects/index.js";import f from"./Map.css.js";import{jsx as m}from"react/jsx-runtime";var d=a.isValidCoordinates,p=[29.749907,-95.358421];function h(r){var u=r.subjectWell,a=r.wells,h=r.offsetWells,v=r.radius,b=r.subjectWellMarkerSize,k=r.wellMarkerSize,y=r.coordsDataPath,g=e(null),j=e(null),x=e(null),C=e(null),M=s(a),W=t((function(){return u&&i(u,y)}),[u,y]);o((function(){g.current=c.mapbox.map(g.current,null,{attributionControl:!1,scrollWheelZoom:!1,zoomControl:!1}).setView(p,1),c.control.zoom({position:"bottomright"}).addTo(g.current),c.mapbox.styleLayer("mapbox://styles/mapbox/dark-v9").addTo(g.current)}),[]),o((function(){g.current&&(j.current&&g.current.removeLayer(j.current),W?(j.current=c.circle(W,1609.34*v,{stroke:!1,fill:!0,fillOpacity:.2,fillColor:"#03BCD4",className:"circle_500"}),j.current.addTo(g.current)):j.current=null)}),[v,W]);return o((function(){if(g.current){g.current.closePopup(),x.current&&x.current.removeFrom(g.current);var r=h.map((function(r){return r.id})),e=[];a.forEach((function(t){var o=i(t,y);if(o&&d(o)){var a=u&&u.id===t.id,s=r.includes(t.id),f=a?b:k,p=a||s?1:.3,h=c.circleMarker(o,{radius:f,stroke:!1,fill:!0,fillOpacity:p,fillColor:"#FFC107",className:"circle_500"});h.addEventListener("mouseover",(function(){var r=document.createElement("div"),u=n((function(r){var e=r.well;return m("div",{style:{color:"#fff",background:"##414141"},children:m("span",{style:{fontSize:"11px",lineHeight:"16px"},children:i(e,"name")})})}),{well:t});l.render(u,r),c.popup().setLatLng(o).setContent(r).openOn(g.current),function(r,e,t){C.current=c.circleMarker(e,{radius:3*t,stroke:!1,fill:!0,fillOpacity:.2,fillColor:"#FFC107",className:"circle_highlight"}),C.current.addEventListener("mouseout",(function(){x.current.removeFrom(g.current),x.current=c.featureGroup(r),x.current.addTo(g.current),g.current.closePopup()}));var o=r.concat(C.current);x.current=c.featureGroup(o),x.current.addTo(g.current)}(e,o,f)})),e.push(h)}})),e.length&&(x.current=c.featureGroup(e),x.current.addTo(g.current)),setTimeout((function(){j.current&&j.current.bringToBack(),g.current&&x.current&&a!==M&&g.current.fitBounds(x.current.getBounds())}),500)}}),[u,a,h]),m("div",{className:f.map,children:m("div",{className:f.mapMain,ref:g})})}h.propTypes={subjectWell:u.shape({id:u.number,formation:u.string}),wells:u.arrayOf(u.shape({})).isRequired,offsetWells:u.arrayOf(u.shape({})),radius:u.number.isRequired,subjectWellMarkerSize:u.number,wellMarkerSize:u.number,coordsDataPath:u.string},h.defaultProps={subjectWell:null,subjectWellMarkerSize:8,wellMarkerSize:5,coordsDataPath:"settings.top_hole.coordinates",offsetWells:null};var v=r(h);export{v as default};
+import { get } from 'lodash';
+import { mapbox } from '../../../../utils/index.js';
+import { jsx } from 'react/jsx-runtime';
+import L from 'mapbox.js';
+import { memo, useRef, useMemo, useEffect, createElement } from 'react';
+import PropTypes from 'prop-types';
+import ReactDOM from 'react-dom';
+import { usePrevious } from '../../effects/index.js';
+import styles from './Map.css.js';
+
+var isValidCoordinates = mapbox.isValidCoordinates;
+var RADIUS_CIRCLE_COLOR = '#03BCD4';
+var METERS_IN_MILE = 1609.34;
+var DEFAULT_SUBJECT_WELL_MARKER_SIZE = 8;
+var DEFAULT_WELL_MARKER_SIZE = 5;
+var OFFSET_WELL_COLOR = '#FFC107';
+var DEFAULT_COORDS = [29.749907, -95.358421]; // TX coordinates
+
+var toolTip = function toolTip() {
+  return (// eslint-disable-next-line react/prop-types
+    function (_ref) {
+      var well = _ref.well;
+      return /*#__PURE__*/jsx("div", {
+        style: {
+          color: '#fff',
+          background: '##414141'
+        },
+        children: /*#__PURE__*/jsx("span", {
+          style: {
+            fontSize: '11px',
+            lineHeight: '16px'
+          },
+          children: get(well, 'name')
+        })
+      });
+    }
+  );
+}; // eslint-disable-next-line no-unused-vars
+
+
+function WellsMap(_ref2) {
+  var subjectWell = _ref2.subjectWell,
+      wells = _ref2.wells,
+      offsetWells = _ref2.offsetWells,
+      radius = _ref2.radius,
+      subjectWellMarkerSize = _ref2.subjectWellMarkerSize,
+      wellMarkerSize = _ref2.wellMarkerSize,
+      coordsDataPath = _ref2.coordsDataPath;
+  var mapContainerRef = useRef(null);
+  var radiusCircleRef = useRef(null);
+  var markersGroupRef = useRef(null);
+  var highlightMarkerRef = useRef(null);
+  var prevWells = usePrevious(wells);
+  var subjectWellCoords = useMemo(function () {
+    return subjectWell && get(subjectWell, coordsDataPath);
+  }, [subjectWell, coordsDataPath]); // NOTE: Initialize map
+
+  useEffect(function () {
+    mapContainerRef.current = L.mapbox.map(mapContainerRef.current, null, {
+      attributionControl: false,
+      scrollWheelZoom: false,
+      zoomControl: false
+    }).setView(DEFAULT_COORDS, 1);
+    L.control.zoom({
+      position: 'bottomright'
+    }).addTo(mapContainerRef.current);
+    L.mapbox.styleLayer('mapbox://styles/mapbox/dark-v9').addTo(mapContainerRef.current);
+  }, []); // NOTE: Radius circle
+
+  useEffect(function () {
+    if (!mapContainerRef.current) {
+      return;
+    } // NOTE: Clean up
+
+
+    if (radiusCircleRef.current) {
+      mapContainerRef.current.removeLayer(radiusCircleRef.current);
+    }
+
+    if (!subjectWellCoords) {
+      radiusCircleRef.current = null;
+      return;
+    }
+
+    radiusCircleRef.current = L.circle(subjectWellCoords, radius * METERS_IN_MILE, {
+      stroke: false,
+      fill: true,
+      fillOpacity: 0.2,
+      fillColor: RADIUS_CIRCLE_COLOR,
+      className: 'circle_500'
+    });
+    radiusCircleRef.current.addTo(mapContainerRef.current);
+  }, [radius, subjectWellCoords]);
+
+  var handleMouseOver = function handleMouseOver(markers, coords, r) {
+    highlightMarkerRef.current = L.circleMarker(coords, {
+      radius: r * 3,
+      stroke: false,
+      fill: true,
+      fillOpacity: 0.2,
+      fillColor: OFFSET_WELL_COLOR,
+      className: 'circle_highlight'
+    });
+    highlightMarkerRef.current.addEventListener('mouseout', function () {
+      markersGroupRef.current.removeFrom(mapContainerRef.current);
+      markersGroupRef.current = L.featureGroup(markers);
+      markersGroupRef.current.addTo(mapContainerRef.current);
+      mapContainerRef.current.closePopup();
+    });
+    var newMarkers = markers.concat(highlightMarkerRef.current);
+    markersGroupRef.current = L.featureGroup(newMarkers);
+    markersGroupRef.current.addTo(mapContainerRef.current);
+  }; // NOTE: Well markers
+
+
+  useEffect(function () {
+    if (!mapContainerRef.current) {
+      return;
+    }
+
+    mapContainerRef.current.closePopup(); // NOTE: Clean up
+
+    if (markersGroupRef.current) {
+      markersGroupRef.current.removeFrom(mapContainerRef.current);
+    }
+
+    var offsetWellIds = offsetWells.map(function (well) {
+      return well.id;
+    });
+    var markers = [];
+    wells.forEach(function (well) {
+      var coords = get(well, coordsDataPath);
+
+      if (coords && isValidCoordinates(coords)) {
+        var isWellSubject = subjectWell && subjectWell.id === well.id;
+        var isWellOffset = offsetWellIds.includes(well.id);
+        var r = isWellSubject ? subjectWellMarkerSize : wellMarkerSize;
+        var color = OFFSET_WELL_COLOR;
+        var opacity = isWellSubject || isWellOffset ? 1 : 0.3;
+        var newMarker = L.circleMarker(coords, {
+          radius: r,
+          stroke: false,
+          fill: true,
+          fillOpacity: opacity,
+          fillColor: color,
+          className: 'circle_500'
+        });
+        newMarker.addEventListener('mouseover', function () {
+          // Tooltip
+          var tooltipContainer = document.createElement('div');
+          var tootipContent = createElement(toolTip(), {
+            well: well
+          });
+          ReactDOM.render(tootipContent, tooltipContainer);
+          L.popup().setLatLng(coords).setContent(tooltipContainer).openOn(mapContainerRef.current); // Highlight
+
+          handleMouseOver(markers, coords, r);
+        });
+        markers.push(newMarker);
+      }
+    });
+
+    if (markers.length) {
+      markersGroupRef.current = L.featureGroup(markers);
+      markersGroupRef.current.addTo(mapContainerRef.current);
+    }
+
+    setTimeout(function () {
+      if (radiusCircleRef.current) {
+        radiusCircleRef.current.bringToBack();
+      }
+
+      if (mapContainerRef.current && markersGroupRef.current && wells !== prevWells) {
+        mapContainerRef.current.fitBounds(markersGroupRef.current.getBounds());
+      }
+    }, 500);
+  }, [subjectWell, wells, offsetWells]);
+  return /*#__PURE__*/jsx("div", {
+    className: styles.map,
+    children: /*#__PURE__*/jsx("div", {
+      className: styles.mapMain,
+      ref: mapContainerRef
+    })
+  });
+}
+
+WellsMap.propTypes = {
+  subjectWell: PropTypes.shape({
+    id: PropTypes.number,
+    formation: PropTypes.string
+  }),
+  wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
+  offsetWells: PropTypes.arrayOf(PropTypes.shape({})),
+  radius: PropTypes.number.isRequired,
+  subjectWellMarkerSize: PropTypes.number,
+  wellMarkerSize: PropTypes.number,
+  coordsDataPath: PropTypes.string
+};
+WellsMap.defaultProps = {
+  subjectWell: null,
+  subjectWellMarkerSize: DEFAULT_SUBJECT_WELL_MARKER_SIZE,
+  wellMarkerSize: DEFAULT_WELL_MARKER_SIZE,
+  coordsDataPath: 'settings.top_hole.coordinates',
+  offsetWells: null
+};
+var Map = memo(WellsMap);
+
+export default Map;
+//# sourceMappingURL=Map.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Map.js","sources":["../../../../../src/components/BICOffsetPickerDialog/components/Map/Map.js"],"sourcesContent":["import { createElement, memo, useRef, useEffect, useMemo } from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport L from 'mapbox.js';\nimport { get } from 'lodash';\nimport { mapbox } from '~/utils';\n\nimport { usePrevious } from '../../effects';\nimport styles from './Map.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 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 radiusCircleRef = useRef(null);\n  const markersGroupRef = useRef(null);\n  const highlightMarkerRef = useRef(null);\n\n  const prevWells = usePrevious(wells);\n\n  const subjectWellCoords = useMemo(() => {\n    return subjectWell && get(subjectWell, coordsDataPath);\n  }, [subjectWell, coordsDataPath]);\n\n  // NOTE: Initialize map\n  useEffect(() => {\n    mapContainerRef.current = L.mapbox\n      .map(mapContainerRef.current, null, {\n        attributionControl: false,\n        scrollWheelZoom: false,\n        zoomControl: false,\n      })\n      .setView(DEFAULT_COORDS, 1);\n\n    L.control\n      .zoom({\n        position: 'bottomright',\n      })\n      .addTo(mapContainerRef.current);\n    L.mapbox.styleLayer('mapbox://styles/mapbox/dark-v9').addTo(mapContainerRef.current);\n  }, []);\n\n  // NOTE: Radius circle\n  useEffect(() => {\n    if (!mapContainerRef.current) {\n      return;\n    }\n\n    // NOTE: Clean up\n    if (radiusCircleRef.current) {\n      mapContainerRef.current.removeLayer(radiusCircleRef.current);\n    }\n\n    if (!subjectWellCoords) {\n      radiusCircleRef.current = null;\n      return;\n    }\n\n    radiusCircleRef.current = L.circle(subjectWellCoords, radius * METERS_IN_MILE, {\n      stroke: false,\n      fill: true,\n      fillOpacity: 0.2,\n      fillColor: RADIUS_CIRCLE_COLOR,\n      className: 'circle_500',\n    });\n\n    radiusCircleRef.current.addTo(mapContainerRef.current);\n  }, [radius, subjectWellCoords]);\n\n  const handleMouseOver = (markers, coords, r) => {\n    highlightMarkerRef.current = L.circleMarker(coords, {\n      radius: r * 3,\n      stroke: false,\n      fill: true,\n      fillOpacity: 0.2,\n      fillColor: OFFSET_WELL_COLOR,\n      className: 'circle_highlight',\n    });\n\n    highlightMarkerRef.current.addEventListener('mouseout', () => {\n      markersGroupRef.current.removeFrom(mapContainerRef.current);\n      markersGroupRef.current = L.featureGroup(markers);\n      markersGroupRef.current.addTo(mapContainerRef.current);\n\n      mapContainerRef.current.closePopup();\n    });\n\n    const newMarkers = markers.concat(highlightMarkerRef.current);\n    markersGroupRef.current = L.featureGroup(newMarkers);\n    markersGroupRef.current.addTo(mapContainerRef.current);\n  };\n\n  // NOTE: Well markers\n  useEffect(() => {\n    if (!mapContainerRef.current) {\n      return;\n    }\n\n    mapContainerRef.current.closePopup();\n\n    // NOTE: Clean up\n    if (markersGroupRef.current) {\n      markersGroupRef.current.removeFrom(mapContainerRef.current);\n    }\n\n    const offsetWellIds = offsetWells.map(well => well.id);\n\n    const markers = [];\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 = OFFSET_WELL_COLOR;\n        const opacity = isWellSubject || isWellOffset ? 1 : 0.3;\n\n        const newMarker = L.circleMarker(coords, {\n          radius: r,\n          stroke: false,\n          fill: true,\n          fillOpacity: opacity,\n          fillColor: color,\n          className: 'circle_500',\n        });\n\n        newMarker.addEventListener('mouseover', () => {\n          // Tooltip\n          const tooltipContainer = document.createElement('div');\n          const tootipContent = createElement(toolTip(), { well });\n          ReactDOM.render(tootipContent, tooltipContainer);\n          L.popup().setLatLng(coords).setContent(tooltipContainer).openOn(mapContainerRef.current);\n\n          // Highlight\n          handleMouseOver(markers, coords, r);\n        });\n\n        markers.push(newMarker);\n      }\n    });\n\n    if (markers.length) {\n      markersGroupRef.current = L.featureGroup(markers);\n      markersGroupRef.current.addTo(mapContainerRef.current);\n    }\n\n    setTimeout(() => {\n      if (radiusCircleRef.current) {\n        radiusCircleRef.current.bringToBack();\n      }\n\n      if (mapContainerRef.current && markersGroupRef.current && wells !== prevWells) {\n        mapContainerRef.current.fitBounds(markersGroupRef.current.getBounds());\n      }\n    }, 500);\n  }, [subjectWell, wells, offsetWells]);\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","RADIUS_CIRCLE_COLOR","METERS_IN_MILE","DEFAULT_SUBJECT_WELL_MARKER_SIZE","DEFAULT_WELL_MARKER_SIZE","OFFSET_WELL_COLOR","DEFAULT_COORDS","toolTip","well","_jsx","color","background","fontSize","lineHeight","get","WellsMap","subjectWell","wells","offsetWells","radius","subjectWellMarkerSize","wellMarkerSize","coordsDataPath","mapContainerRef","useRef","radiusCircleRef","markersGroupRef","highlightMarkerRef","prevWells","usePrevious","subjectWellCoords","useMemo","useEffect","current","L","map","attributionControl","scrollWheelZoom","zoomControl","setView","control","zoom","position","addTo","styleLayer","removeLayer","circle","stroke","fill","fillOpacity","fillColor","className","handleMouseOver","markers","coords","r","circleMarker","addEventListener","removeFrom","featureGroup","closePopup","newMarkers","concat","offsetWellIds","id","forEach","isWellSubject","isWellOffset","includes","opacity","newMarker","tooltipContainer","document","createElement","tootipContent","ReactDOM","render","popup","setLatLng","setContent","openOn","push","length","setTimeout","bringToBack","fitBounds","getBounds","styles","mapMain","propTypes","PropTypes","shape","number","formation","string","arrayOf","isRequired","defaultProps","memo"],"mappings":"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"}

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

@@ -1 +1,8 @@
-import n from'./../../../../ext-esm/style-inject/dist/style-inject.es.js';var e={mapContainer:"index_mapContainer__MoxG7",mapContainerHidden:"index_mapContainerHidden__b-kgb"};n(".index_mapContainer__MoxG7{margin-top:8px;width:472px}.index_mapContainerHidden__b-kgb{display:none;margin-top:20px}");export{e as default};
+import styleInject from '../../../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".index_mapContainer__3BpOT {\n  margin-top: 8px;\n  width: 472px;\n}\n\n.index_mapContainerHidden__2ReEL {\n  margin-top: 20px;\n  display: none;\n}\n";
+var styles = {"mapContainer":"index_mapContainer__3BpOT","mapContainerHidden":"index_mapContainerHidden__2ReEL"};
+styleInject(css_248z);
+
+export default styles;
+//# sourceMappingURL=index.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,0DAA+D;AACvF;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -1 +1,42 @@
-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 { jsx } from 'react/jsx-runtime';
+import { memo } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import Map from './Map.js';
+import styles from './index.css.js';
+
+function MapContainer(_ref) {
+  var subjectWell = _ref.subjectWell,
+      wells = _ref.wells,
+      offsetWells = _ref.offsetWells,
+      radius = _ref.radius,
+      mapHidden = _ref.mapHidden;
+  var containerClass = classNames(styles.mapContainer, mapHidden && styles.mapContainerHidden);
+  return /*#__PURE__*/jsx("div", {
+    className: containerClass,
+    children: /*#__PURE__*/jsx(Map, {
+      subjectWell: subjectWell,
+      wells: wells,
+      offsetWells: offsetWells,
+      radius: radius,
+      coordsDataPath: "topHole.coordinates"
+    })
+  });
+}
+
+MapContainer.propTypes = {
+  subjectWell: PropTypes.shape({}),
+  wells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
+  offsetWells: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
+  radius: PropTypes.number,
+  mapHidden: PropTypes.bool
+};
+MapContainer.defaultProps = {
+  subjectWell: null,
+  radius: 5,
+  mapHidden: false
+};
+var WellsMap = memo(MapContainer);
+
+export default WellsMap;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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';\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","subjectWell","wells","offsetWells","radius","mapHidden","containerClass","classNames","styles","mapContainer","mapContainerHidden","_jsx","propTypes","PropTypes","shape","arrayOf","isRequired","number","bool","defaultProps","memo"],"mappings":";;;;;;;AAOA,SAASA,YAAT,OAA8E;AAAA,MAAtDC,WAAsD,QAAtDA,WAAsD;AAAA,MAAzCC,KAAyC,QAAzCA,KAAyC;AAAA,MAAlCC,WAAkC,QAAlCA,WAAkC;AAAA,MAArBC,MAAqB,QAArBA,MAAqB;AAAA,MAAbC,SAAa,QAAbA,SAAa;AAC5E,MAAMC,cAAc,GAAGC,UAAU,CAACC,MAAM,CAACC,YAAR,EAAsBJ,SAAS,IAAIG,MAAM,CAACE,kBAA1C,CAAjC;AAEA,sBACEC;AAAK,IAAA,SAAS,EAAEL,cAAhB;AAAA,2BACEK,IAAC,GAAD;AACE,MAAA,WAAW,EAAEV,WADf;AAEE,MAAA,KAAK,EAAEC,KAFT;AAGE,MAAA,WAAW,EAAEC,WAHf;AAIE,MAAA,MAAM,EAAEC,MAJV;AAKE,MAAA,cAAc,EAAC;AALjB;AADF,IADF;AAWD;;AAEDJ,YAAY,CAACY,SAAb,GAAyB;AACvBX,EAAAA,WAAW,EAAEY,SAAS,CAACC,KAAV,CAAgB,EAAhB,CADU;AAEvBZ,EAAAA,KAAK,EAAEW,SAAS,CAACE,OAAV,CAAkBF,SAAS,CAACC,KAAV,CAAgB,EAAhB,CAAlB,EAAuCE,UAFvB;AAGvBb,EAAAA,WAAW,EAAEU,SAAS,CAACE,OAAV,CAAkBF,SAAS,CAACC,KAAV,CAAgB,EAAhB,CAAlB,EAAuCE,UAH7B;AAIvBZ,EAAAA,MAAM,EAAES,SAAS,CAACI,MAJK;AAKvBZ,EAAAA,SAAS,EAAEQ,SAAS,CAACK;AALE,CAAzB;AAQAlB,YAAY,CAACmB,YAAb,GAA4B;AAC1BlB,EAAAA,WAAW,EAAE,IADa;AAE1BG,EAAAA,MAAM,EAAE,CAFkB;AAG1BC,EAAAA,SAAS,EAAE;AAHe,CAA5B;AAMA,eAAee,IAAI,CAACpB,YAAD,CAAnB;;;;"}

package/components/BICOffsetPickerDialog/components/WellSection/AssetSearch.js

@@ -1 +1,102 @@
-import t from"@babel/runtime/helpers/slicedToArray";import{memo as r,useState as e}from"react";import o from"prop-types";import{makeStyles as n,TextField as i,InputAdornment as a,Popover as c}from"@material-ui/core";import{Search as l}from"@material-ui/icons";import p from"./AutoCompleteAssetSearch/AutoCompleteAssetSearch.js";import{jsxs as s,Fragment as m,jsx as u}from"react/jsx-runtime";var f=n((function(t){return{searchInput:{fontSize:"16px",width:"270px","&:hover":{"&::before":{borderBottom:"2px solid ".concat(t.palette.primary.text1," !important")}},"&:hover $searchIcon":{fill:"".concat(t.palette.primary.text1," !important")}},searchIcon:{fill:"".concat(t.palette.primary.text6," !important"),fontSize:"24px !important"}}}));function h(r){var o=r.company,n=r.onClickAsset,h=f(),d=e(null),A=t(d,2),x=A[0],y=A[1],v=function(){y(null)};return s(m,{children:[u(i,{id:"well-section-search-textfield",placeholder:"Add to List by Well/Rig Search",InputProps:{startAdornment:u(a,{position:"start",children:u(l,{className:h.searchIcon})}),className:h.searchInput},onClick:function(t){y(t.currentTarget)}}),u(c,{open:Boolean(x),anchorEl:x,onClose:v,anchorOrigin:{vertical:"top",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:u(p,{company:o,onClickAsset:function(t){var r=t.name,e=t.redirectAssetId;e&&(n(e,r),v())},onClose:v})})]})}h.propTypes={company:o.number.isRequired,onClickAsset:o.func.isRequired};var d=r(h);export{d as default};
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { makeStyles, TextField, InputAdornment, Popover } from '@material-ui/core';
+import { memo, useState } from 'react';
+import PropTypes from 'prop-types';
+import { Search } from '@material-ui/icons';
+import AutoCompleteAssetSearch from './AutoCompleteAssetSearch/AutoCompleteAssetSearch.js';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    searchInput: {
+      fontSize: '16px',
+      width: '270px',
+      '&:hover': {
+        '&::before': {
+          borderBottom: "2px solid ".concat(theme.palette.primary.text1, " !important")
+        }
+      },
+      '&:hover $searchIcon': {
+        fill: "".concat(theme.palette.primary.text1, " !important")
+      }
+    },
+    searchIcon: {
+      fill: "".concat(theme.palette.primary.text6, " !important"),
+      fontSize: '24px !important'
+    }
+  };
+});
+
+function AssetSearch(_ref) {
+  var company = _ref.company,
+      onClickAsset = _ref.onClickAsset;
+  var classes = useStyles();
+
+  var _useState = useState(null),
+      _useState2 = _slicedToArray(_useState, 2),
+      anchorEl = _useState2[0],
+      setAnchorEl = _useState2[1];
+
+  var handlePopupOpen = function handlePopupOpen(event) {
+    setAnchorEl(event.currentTarget);
+  };
+
+  var handlePopupClose = function handlePopupClose() {
+    setAnchorEl(null);
+  };
+
+  var handleClickAsset = function handleClickAsset(asset) {
+    var name = asset.name,
+        redirectAssetId = asset.redirectAssetId;
+
+    if (redirectAssetId) {
+      onClickAsset(redirectAssetId, name);
+      handlePopupClose();
+    }
+  };
+
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(TextField, {
+      id: "well-section-search-textfield",
+      placeholder: "Add to List by Well/Rig Search",
+      InputProps: {
+        startAdornment: /*#__PURE__*/jsx(InputAdornment, {
+          position: "start",
+          children: /*#__PURE__*/jsx(Search, {
+            className: classes.searchIcon
+          })
+        }),
+        className: classes.searchInput
+      },
+      onClick: handlePopupOpen
+    }), /*#__PURE__*/jsx(Popover, {
+      open: Boolean(anchorEl),
+      anchorEl: anchorEl,
+      onClose: handlePopupClose,
+      anchorOrigin: {
+        vertical: 'top',
+        horizontal: 'left'
+      },
+      transformOrigin: {
+        vertical: 'top',
+        horizontal: 'left'
+      },
+      children: /*#__PURE__*/jsx(AutoCompleteAssetSearch, {
+        company: company,
+        onClickAsset: handleClickAsset,
+        onClose: handlePopupClose
+      })
+    })]
+  });
+}
+
+AssetSearch.propTypes = {
+  company: PropTypes.number.isRequired,
+  onClickAsset: PropTypes.func.isRequired
+}; // Important: Do not change root component default export (AssetSearch.js). Use it as container
+//  for your AssetSearch. It's required to make build and zip scripts work as expected;
+
+var AssetSearch$1 = memo(AssetSearch);
+
+export default AssetSearch$1;
+//# sourceMappingURL=AssetSearch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssetSearch.js","sources":["../../../../../src/components/BICOffsetPickerDialog/components/WellSection/AssetSearch.js"],"sourcesContent":["import { memo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles, Popover, TextField, InputAdornment } from '@material-ui/core';\nimport { Search as SearchIcon } from '@material-ui/icons';\n\nimport AutoCompleteAssetSearch from './AutoCompleteAssetSearch';\n\nconst useStyles = makeStyles(theme => ({\n  searchInput: {\n    fontSize: '16px',\n    width: '270px',\n    '&:hover': {\n      '&::before': { borderBottom: `2px solid ${theme.palette.primary.text1} !important` },\n    },\n    '&:hover $searchIcon': {\n      fill: `${theme.palette.primary.text1} !important`,\n    },\n  },\n  searchIcon: {\n    fill: `${theme.palette.primary.text6} !important`,\n    fontSize: '24px !important',\n  },\n}));\n\nfunction AssetSearch({ company, onClickAsset }) {\n  const classes = useStyles();\n  const [anchorEl, setAnchorEl] = useState(null);\n\n  const handlePopupOpen = event => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handlePopupClose = () => {\n    setAnchorEl(null);\n  };\n\n  const handleClickAsset = asset => {\n    const { name, redirectAssetId } = asset;\n    if (redirectAssetId) {\n      onClickAsset(redirectAssetId, name);\n      handlePopupClose();\n    }\n  };\n\n  return (\n    <>\n      <TextField\n        id=\"well-section-search-textfield\"\n        placeholder=\"Add to List by Well/Rig Search\"\n        InputProps={{\n          startAdornment: (\n            <InputAdornment position=\"start\">\n              <SearchIcon className={classes.searchIcon} />\n            </InputAdornment>\n          ),\n          className: classes.searchInput,\n        }}\n        onClick={handlePopupOpen}\n      />\n\n      <Popover\n        open={Boolean(anchorEl)}\n        anchorEl={anchorEl}\n        onClose={handlePopupClose}\n        anchorOrigin={{\n          vertical: 'top',\n          horizontal: 'left',\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'left',\n        }}\n      >\n        <AutoCompleteAssetSearch\n          company={company}\n          onClickAsset={handleClickAsset}\n          onClose={handlePopupClose}\n        />\n      </Popover>\n    </>\n  );\n}\n\nAssetSearch.propTypes = {\n  company: PropTypes.number.isRequired,\n  onClickAsset: PropTypes.func.isRequired,\n};\n\n// Important: Do not change root component default export (AssetSearch.js). Use it as container\n//  for your AssetSearch. It's required to make build and zip scripts work as expected;\nexport default memo(AssetSearch);\n"],"names":["useStyles","makeStyles","theme","searchInput","fontSize","width","borderBottom","palette","primary","text1","fill","searchIcon","text6","AssetSearch","company","onClickAsset","classes","useState","anchorEl","setAnchorEl","handlePopupOpen","event","currentTarget","handlePopupClose","handleClickAsset","asset","name","redirectAssetId","_jsxs","_jsx","startAdornment","SearchIcon","className","Boolean","vertical","horizontal","propTypes","PropTypes","number","isRequired","func","memo"],"mappings":"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"}

package/components/BICOffsetPickerDialog/components/WellSection/AutoCompleteAssetSearch/AssetResultSection.js

@@ -1 +1,178 @@
-import t from"@babel/runtime/helpers/slicedToArray";import{useRef as e,useState as r,useEffect as o}from"react";import a from"prop-types";import{get as i,isEmpty as s}from"lodash";import{makeStyles as n,List as l,ListSubheader as c,Chip as p,ListItem as d,ListItemText as u,Typography as m}from"@material-ui/core";import{SEARCH_CATEGORIES as f}from"./constants.js";import{jsxs as g,jsx as h}from"react/jsx-runtime";var x=n((function(t){return{assetListWrapper:{margin:"8px 0",flex:1},assetListContainer:{maxHeight:"350px",backgroundColor:t.palette.background.paper,position:"relative",overflow:"auto"},listSection:{backgroundColor:"inherit"},ul:{backgroundColor:"inherit",padding:0},listGutters:{padding:"2px 8px"},assetTypeSubheaderChip:{height:"24px",color:t.palette.primary.text6},assetItemTextRoot:{minWidth:"300px"},assetItemTextPrimary:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},loadingInfo:{textAlign:"center",fontSize:"12px",lineHeight:"17px",color:t.palette.primary.text8},empty:{color:t.palette.primary.text6,fontSize:"12px",fontStyle:"italic",marginLeft:"8px"}}})),b=function(a){var n=a.page,b=a.loading,y=a.groupedAssets,S=a.onClickAsset,v=a.onScrollReached,T=x(),R=e(null),A=r("top"),C=t(A,2),H=C[0],I=C[1];o((function(){b||("top"===H&&R.current.scrollTo(0,5),"bottom"===H&&R.current.scrollTo(0,R.current.scrollHeight-R.current.offsetHeight-5))}),[b]);return g("div",{className:T.assetListWrapper,children:[g(l,{className:T.assetListContainer,subheader:h("li",{}),onScroll:function(e){if(e.target.scrollHeight!==e.target.offsetHeight){var r=e.target.scrollTop+e.target.offsetHeight;Math.abs(e.target.scrollHeight-r)<1&&y.find((function(e){var r=t(e,2);return r[0],40===r[1].length}))&&(I("top"),v("bottom")),0===Math.round(e.target.scrollTop)&&n>1&&(I("bottom"),v("top"))}},ref:R,children:[y.map((function(e){var r=t(e,2),o=r[0],a=r[1];return h("li",{className:T.listSection,children:g("ul",{className:T.ul,children:[h(c,{classes:{gutters:T.listGutters},children:h(p,{className:T.assetTypeSubheaderChip,variant:"outlined",label:f[o].labelPlural},o)}),a.map((function(t){return h(d,{"data-testid":"".concat("AssetResultSection","_item_").concat(t.name,"MenuItem"),button:!0,classes:{gutters:T.listGutters},disabled:!t.redirectAssetId,onClick:function(){return S(t)},children:h(u,{primary:t.name,classes:{root:T.assetItemTextRoot,primary:T.assetItemTextPrimary}})},"item-".concat(o,"-").concat(i(t,"asset_id")?i(t,"asset_id"):i(t,"id")))}))]})},"section-".concat(o))})),s(y)&&h("div",{className:T.empty,children:"Your search did not match any Asset Name"})]}),b&&h(m,{"data-testid":"".concat("AssetResultSection","_loading"),className:T.loadingInfo,children:"Loading..."})]})};b.propTypes={page:a.number.isRequired,loading:a.bool.isRequired,groupedAssets:a.arrayOf(a.array).isRequired,onClickAsset:a.func.isRequired,onScrollReached:a.func.isRequired};export{b as default};
+import { get, isEmpty } from 'lodash';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { makeStyles, List, ListSubheader, Chip, ListItem, ListItemText, Typography } from '@material-ui/core';
+import { useRef, useState, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import { SEARCH_CATEGORIES } from './constants.js';
+
+var PAGE_NAME = 'AssetResultSection';
+var useStyles = makeStyles(function (theme) {
+  return {
+    assetListWrapper: {
+      margin: '8px 0',
+      flex: 1
+    },
+    assetListContainer: {
+      maxHeight: '350px',
+      backgroundColor: theme.palette.background.paper,
+      position: 'relative',
+      overflow: 'auto'
+    },
+    listSection: {
+      backgroundColor: 'inherit'
+    },
+    ul: {
+      backgroundColor: 'inherit',
+      padding: 0
+    },
+    listGutters: {
+      padding: '2px 8px'
+    },
+    assetTypeSubheaderChip: {
+      height: '24px',
+      color: theme.palette.primary.text6
+    },
+    assetItemTextRoot: {
+      minWidth: '300px'
+    },
+    assetItemTextPrimary: {
+      overflow: 'hidden',
+      whiteSpace: 'nowrap',
+      textOverflow: 'ellipsis'
+    },
+    loadingInfo: {
+      textAlign: 'center',
+      fontSize: '12px',
+      lineHeight: '17px',
+      color: theme.palette.primary.text8
+    },
+    empty: {
+      color: theme.palette.primary.text6,
+      fontSize: '12px',
+      fontStyle: 'italic',
+      marginLeft: '8px'
+    }
+  };
+});
+
+var isLastPage = function isLastPage(data) {
+  return !data.find(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+        _ = _ref2[0],
+        value = _ref2[1];
+
+    return value.length === 40;
+  });
+};
+
+var AssetResultSection = function AssetResultSection(_ref3) {
+  var page = _ref3.page,
+      loading = _ref3.loading,
+      groupedAssets = _ref3.groupedAssets,
+      onClickAsset = _ref3.onClickAsset,
+      onScrollReached = _ref3.onScrollReached;
+  var classes = useStyles();
+  var listRef = useRef(null);
+
+  var _useState = useState('top'),
+      _useState2 = _slicedToArray(_useState, 2),
+      scrollPosition = _useState2[0],
+      setScrollPosition = _useState2[1];
+
+  useEffect(function () {
+    if (loading) return;
+
+    if (scrollPosition === 'top') {
+      listRef.current.scrollTo(0, 5);
+    }
+
+    if (scrollPosition === 'bottom') {
+      listRef.current.scrollTo(0, listRef.current.scrollHeight - listRef.current.offsetHeight - 5);
+    }
+  }, [loading]);
+
+  var handleScrollList = function handleScrollList(e) {
+    if (e.target.scrollHeight === e.target.offsetHeight) return;
+    var currentScrollBottom = e.target.scrollTop + e.target.offsetHeight; // NOTE: if scroll is near 1px from the bottom, then load new data.
+
+    if (Math.abs(e.target.scrollHeight - currentScrollBottom) < 1 && !isLastPage(groupedAssets)) {
+      setScrollPosition('top');
+      onScrollReached('bottom');
+    }
+
+    if (Math.round(e.target.scrollTop) === 0 && page > 1) {
+      setScrollPosition('bottom');
+      onScrollReached('top');
+    }
+  };
+
+  return /*#__PURE__*/jsxs("div", {
+    className: classes.assetListWrapper,
+    children: [/*#__PURE__*/jsxs(List, {
+      className: classes.assetListContainer,
+      subheader: /*#__PURE__*/jsx("li", {}),
+      onScroll: handleScrollList,
+      ref: listRef,
+      children: [groupedAssets.map(function (_ref4) {
+        var _ref5 = _slicedToArray(_ref4, 2),
+            assetTypeKey = _ref5[0],
+            asstes = _ref5[1];
+
+        return /*#__PURE__*/jsx("li", {
+          className: classes.listSection,
+          children: /*#__PURE__*/jsxs("ul", {
+            className: classes.ul,
+            children: [/*#__PURE__*/jsx(ListSubheader, {
+              classes: {
+                gutters: classes.listGutters
+              },
+              children: /*#__PURE__*/jsx(Chip, {
+                className: classes.assetTypeSubheaderChip,
+                variant: "outlined",
+                label: SEARCH_CATEGORIES[assetTypeKey].labelPlural
+              }, assetTypeKey)
+            }), asstes.map(function (asset) {
+              return /*#__PURE__*/jsx(ListItem, {
+                "data-testid": "".concat(PAGE_NAME, "_item_").concat(asset.name, "MenuItem"),
+                button: true,
+                classes: {
+                  gutters: classes.listGutters
+                },
+                disabled: !asset.redirectAssetId,
+                onClick: function onClick() {
+                  return onClickAsset(asset);
+                },
+                children: /*#__PURE__*/jsx(ListItemText, {
+                  primary: asset.name,
+                  classes: {
+                    root: classes.assetItemTextRoot,
+                    primary: classes.assetItemTextPrimary
+                  }
+                })
+              }, "item-".concat(assetTypeKey, "-").concat(get(asset, 'asset_id') ? get(asset, 'asset_id') : get(asset, 'id')));
+            })]
+          })
+        }, "section-".concat(assetTypeKey));
+      }), isEmpty(groupedAssets) && /*#__PURE__*/jsx("div", {
+        className: classes.empty,
+        children: "Your search did not match any Asset Name"
+      })]
+    }), loading && /*#__PURE__*/jsx(Typography, {
+      "data-testid": "".concat(PAGE_NAME, "_loading"),
+      className: classes.loadingInfo,
+      children: "Loading..."
+    })]
+  });
+};
+
+AssetResultSection.propTypes = {
+  page: PropTypes.number.isRequired,
+  loading: PropTypes.bool.isRequired,
+  groupedAssets: PropTypes.arrayOf(PropTypes.array).isRequired,
+  onClickAsset: PropTypes.func.isRequired,
+  onScrollReached: PropTypes.func.isRequired
+};
+
+export default AssetResultSection;
+//# sourceMappingURL=AssetResultSection.js.map

package/components/BICOffsetPickerDialog/components/WellSection/AutoCompleteAssetSearch/AssetResultSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetResultSection.js","sources":["../../../../../../src/components/BICOffsetPickerDialog/components/WellSection/AutoCompleteAssetSearch/AssetResultSection.js"],"sourcesContent":["import { useRef, useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { get, isEmpty } from 'lodash';\n\nimport {\n  makeStyles,\n  List,\n  ListSubheader,\n  Chip,\n  ListItem,\n  ListItemText,\n  Typography,\n} from '@material-ui/core';\n\nimport { SEARCH_CATEGORIES } from './constants';\n\nconst PAGE_NAME = 'AssetResultSection';\nconst useStyles = makeStyles(theme => ({\n  assetListWrapper: {\n    margin: '8px 0',\n    flex: 1,\n  },\n  assetListContainer: {\n    maxHeight: '350px',\n    backgroundColor: theme.palette.background.paper,\n    position: 'relative',\n    overflow: 'auto',\n  },\n  listSection: {\n    backgroundColor: 'inherit',\n  },\n  ul: {\n    backgroundColor: 'inherit',\n    padding: 0,\n  },\n  listGutters: {\n    padding: '2px 8px',\n  },\n  assetTypeSubheaderChip: {\n    height: '24px',\n    color: theme.palette.primary.text6,\n  },\n  assetItemTextRoot: {\n    minWidth: '300px',\n  },\n  assetItemTextPrimary: {\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n  },\n  loadingInfo: {\n    textAlign: 'center',\n    fontSize: '12px',\n    lineHeight: '17px',\n    color: theme.palette.primary.text8,\n  },\n  empty: {\n    color: theme.palette.primary.text6,\n    fontSize: '12px',\n    fontStyle: 'italic',\n    marginLeft: '8px',\n  },\n}));\n\nconst isLastPage = data => {\n  return !data.find(([_, value]) => value.length === 40);\n};\n\nconst AssetResultSection = ({ page, loading, groupedAssets, onClickAsset, onScrollReached }) => {\n  const classes = useStyles();\n  const listRef = useRef(null);\n  const [scrollPosition, setScrollPosition] = useState('top');\n\n  useEffect(() => {\n    if (loading) return;\n    if (scrollPosition === 'top') {\n      listRef.current.scrollTo(0, 5);\n    }\n    if (scrollPosition === 'bottom') {\n      listRef.current.scrollTo(0, listRef.current.scrollHeight - listRef.current.offsetHeight - 5);\n    }\n  }, [loading]);\n\n  const handleScrollList = e => {\n    if (e.target.scrollHeight === e.target.offsetHeight) return;\n    const currentScrollBottom = e.target.scrollTop + e.target.offsetHeight;\n\n    // NOTE: if scroll is near 1px from the bottom, then load new data.\n    if (Math.abs(e.target.scrollHeight - currentScrollBottom) < 1 && !isLastPage(groupedAssets)) {\n      setScrollPosition('top');\n      onScrollReached('bottom');\n    }\n    if (Math.round(e.target.scrollTop) === 0 && page > 1) {\n      setScrollPosition('bottom');\n      onScrollReached('top');\n    }\n  };\n  return (\n    <div className={classes.assetListWrapper}>\n      <List\n        className={classes.assetListContainer}\n        subheader={<li />}\n        onScroll={handleScrollList}\n        ref={listRef}\n      >\n        {groupedAssets.map(([assetTypeKey, asstes]) => (\n          <li key={`section-${assetTypeKey}`} className={classes.listSection}>\n            <ul className={classes.ul}>\n              <ListSubheader classes={{ gutters: classes.listGutters }}>\n                <Chip\n                  key={assetTypeKey}\n                  className={classes.assetTypeSubheaderChip}\n                  variant=\"outlined\"\n                  label={SEARCH_CATEGORIES[assetTypeKey].labelPlural}\n                />\n              </ListSubheader>\n              {asstes.map(asset => (\n                <ListItem\n                  data-testid={`${PAGE_NAME}_item_${asset.name}MenuItem`}\n                  button\n                  classes={{ gutters: classes.listGutters }}\n                  disabled={!asset.redirectAssetId}\n                  key={`item-${assetTypeKey}-${\n                    get(asset, 'asset_id') ? get(asset, 'asset_id') : get(asset, 'id')\n                  }`}\n                  onClick={() => onClickAsset(asset)}\n                >\n                  <ListItemText\n                    primary={asset.name}\n                    classes={{\n                      root: classes.assetItemTextRoot,\n                      primary: classes.assetItemTextPrimary,\n                    }}\n                  />\n                </ListItem>\n              ))}\n            </ul>\n          </li>\n        ))}\n        {isEmpty(groupedAssets) && (\n          <div className={classes.empty}>Your search did not match any Asset Name</div>\n        )}\n      </List>\n      {loading && (\n        <Typography data-testid={`${PAGE_NAME}_loading`} className={classes.loadingInfo}>\n          Loading...\n        </Typography>\n      )}\n    </div>\n  );\n};\n\nAssetResultSection.propTypes = {\n  page: PropTypes.number.isRequired,\n  loading: PropTypes.bool.isRequired,\n  groupedAssets: PropTypes.arrayOf(PropTypes.array).isRequired,\n  onClickAsset: PropTypes.func.isRequired,\n  onScrollReached: PropTypes.func.isRequired,\n};\n\nexport default AssetResultSection;\n"],"names":["PAGE_NAME","useStyles","makeStyles","theme","assetListWrapper","margin","flex","assetListContainer","maxHeight","backgroundColor","palette","background","paper","position","overflow","listSection","ul","padding","listGutters","assetTypeSubheaderChip","height","color","primary","text6","assetItemTextRoot","minWidth","assetItemTextPrimary","whiteSpace","textOverflow","loadingInfo","textAlign","fontSize","lineHeight","text8","empty","fontStyle","marginLeft","isLastPage","data","find","_","value","length","AssetResultSection","page","loading","groupedAssets","onClickAsset","onScrollReached","classes","listRef","useRef","useState","scrollPosition","setScrollPosition","useEffect","current","scrollTo","scrollHeight","offsetHeight","handleScrollList","e","target","currentScrollBottom","scrollTop","Math","abs","round","_jsxs","_jsx","map","assetTypeKey","asstes","gutters","SEARCH_CATEGORIES","labelPlural","asset","name","redirectAssetId","root","get","isEmpty","propTypes","PropTypes","number","isRequired","bool","arrayOf","array","func"],"mappings":"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"}