@corva/ui 3.38.0-2 → 3.38.0-3

package/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/useLassoSelection.js

@@ -1,2 +1,2 @@
-import{__spreadArray as o}from'./../../../../../../ext-esm/tslib/tslib.es6.js';import{useRef as e,useState as r,useCallback as t,useEffect as n}from"react";import a from"@mapbox/mapbox-gl-draw";import{convertDrawCoordsToApi as i,convertApiCoordsToGeoJSON as l}from"../utils/polygonCoords.js";import"@mapbox/mapbox-gl-draw/dist/mapbox-gl-draw.css";var d=function(d){var f=d.mapRef,c=d.isActive,u=d.isMapReady,g=d.initialPolygon,m=d.onPolygonChange,p=e(null),s=r(!1),y=s[0],v=s[1],w=r(0),h=w[0],b=w[1],x=t((function(o){var e=o.features[0];if("Polygon"===(null==e?void 0:e.geometry.type)){var r=e.geometry.coordinates[0],t=i(r);m(t),v(!1),b(0)}}),[m]),C=t((function(o){var e=o.features[0];if("Polygon"===(null==e?void 0:e.geometry.type)){var r=e.geometry.coordinates[0],t=i(r);m(t)}}),[m]),P=t((function(){m(void 0)}),[m]),M=t((function(o){v("draw_polygon"===o.mode)}),[]),_=t((function(){if(p.current){var o=p.current.getAll().features[0];if("Polygon"===(null==o?void 0:o.geometry.type)){var e=o.geometry.coordinates[0];b(Math.max(0,e.length-1))}}}),[]);return n((function(){var o,e=null===(o=f.current)||void 0===o?void 0:o.getMap();if(e&&c&&y)return e.on("click",_),function(){e.off("click",_)}}),[f,c,y,_]),n((function(){var e,r=null===(e=f.current)||void 0===e?void 0:e.getMap();if(r&&u){if(c&&!p.current){var t=new a({displayControlsDefault:!1,controls:{polygon:!1,trash:!1},defaultMode:"simple_select"});if(r.addControl(t),p.current=t,r.on("draw.create",x),r.on("draw.update",C),r.on("draw.delete",P),r.on("draw.modechange",M),g&&g.length>=3){var n=l(g),i=n[0],d=n[n.length-1],m=i[0]===d[0]&&i[1]===d[1]?n:o(o([],n,!0),[i],!1);t.add({type:"Feature",geometry:{type:"Polygon",coordinates:[m]},properties:{}})}else t.changeMode("draw_polygon"),v(!0)}else if(!c&&p.current){r.off("draw.create",x),r.off("draw.update",C),r.off("draw.delete",P),r.off("draw.modechange",M);try{r.removeControl(p.current)}catch(o){}p.current=null,v(!1),b(0)}return function(){if(p.current&&r){r.off("draw.create",x),r.off("draw.update",C),r.off("draw.delete",P),r.off("draw.modechange",M);try{r.removeControl(p.current)}catch(o){}p.current=null}}}}),[c,u,f,g,x,C,P,M]),{isDrawing:y,drawingPointCount:h}};export{d as useLassoSelection};
+import{useRef as e,useState as n,useCallback as o,useEffect as t}from"react";import{convertDrawCoordsToApi as r}from"../utils/polygonCoords.js";var i=function(i){var a=i.mapRef,l=i.isActive,c=i.onPolygonChange,u=e(null),d=n(!1),g=d[0],f=d[1],y=n(0),s=y[0],v=y[1],m=n(!1),h=m[0],p=m[1],w=n(!1),C=w[0],P=w[1],D=o((function(e){var n=e.features[0];if("Polygon"===(null==n?void 0:n.geometry.type)){var o=n.geometry.coordinates[0],t=r(o);c(t),f(!1),v(0),p(!1),P(!1)}}),[c]),M=o((function(e){var n=e.features[0];if("Polygon"===(null==n?void 0:n.geometry.type)){var o=n.geometry.coordinates[0],t=r(o);c(t)}}),[c]),_=o((function(){c(void 0),u.current&&(u.current.changeMode("draw_polygon"),f(!0))}),[c]),k=o((function(e){f("draw_polygon"===e.mode),P("direct_select"===e.mode)}),[]),x=o((function(e){p(e.features.length>0)}),[]),A=o((function(){if(u.current){var e=u.current.getAll().features[0];if("Polygon"===(null==e?void 0:e.geometry.type)){var n=e.geometry.coordinates[0];v(Math.max(0,n.length-2))}}}),[]);return t((function(){var e,n=null===(e=a.current)||void 0===e?void 0:e.getMap();if(n&&l&&g)return n.on("click",A),function(){n.off("click",A)}}),[a,l,g,A]),t((function(){l||(f(!1),v(0),p(!1),P(!1))}),[l]),{isDrawing:g,drawingPointCount:s,isEditingPolygon:h,isEditingVertices:C,drawRef:u,handleDrawCreate:D,handleDrawUpdate:M,handleDrawDelete:_,handleModeChange:k,handleSelectionChange:x}};export{i as useLassoSelection};
 //# sourceMappingURL=useLassoSelection.js.map

package/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/useLassoSelection.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,8BAA8B,gDAAmD;"}
+{"version":3,"file":"useLassoSelection.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/useMapBounds.d.ts

@@ -2,15 +2,18 @@ import { RefObject } from 'react';
 import type { MapRef } from 'react-map-gl/mapbox';
 import type { Feature, FeatureCollection, Polygon, Point } from 'geojson';
 import { SubjectWell, Coordinates } from '../OffsetWellMap.types';
+type SelectionMode = 'radius' | 'lasso';
 type UseMapBoundsParams = {
     mapRef: RefObject<MapRef | null>;
     circleGeoJSON: Feature<Polygon> | null;
+    polygonGeoJSON: Feature<Polygon> | null;
+    selectionMode: SelectionMode;
     wellsGeoJSON: FeatureCollection<Point> | null;
     subjectWell: SubjectWell | null;
     subjectWellCoords: Coordinates | null;
     radius: number;
     isMapReady: boolean;
 };
-export declare const useMapBounds: ({ mapRef, circleGeoJSON, wellsGeoJSON, subjectWell, subjectWellCoords, radius, isMapReady, }: UseMapBoundsParams) => void;
+export declare const useMapBounds: ({ mapRef, circleGeoJSON, polygonGeoJSON, selectionMode, wellsGeoJSON, subjectWell, subjectWellCoords, radius, isMapReady, }: UseMapBoundsParams) => void;
 export {};
 //# sourceMappingURL=useMapBounds.d.ts.map

package/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/useMapBounds.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMapBounds.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/useMapBounds.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,KAAK,EAAE,OAAO,EAAE,iBAAiB,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAG1E,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAGlE,KAAK,kBAAkB,GAAG;IACxB,MAAM,EAAE,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACjC,aAAa,EAAE,OAAO,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;IACvC,YAAY,EAAE,iBAAiB,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;IAC9C,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC,iBAAiB,EAAE,WAAW,GAAG,IAAI,CAAC;IACtC,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,YAAY,iGAQtB,kBAAkB,KAAG,IA+GvB,CAAC"}
+{"version":3,"file":"useMapBounds.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/useMapBounds.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,SAAS,EAAoB,MAAM,OAAO,CAAC;AAEvE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,KAAK,EAAE,OAAO,EAAE,iBAAiB,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAG1E,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAGlE,KAAK,aAAa,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExC,KAAK,kBAAkB,GAAG;IACxB,MAAM,EAAE,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACjC,aAAa,EAAE,OAAO,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;IACvC,cAAc,EAAE,OAAO,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;IACxC,aAAa,EAAE,aAAa,CAAC;IAC7B,YAAY,EAAE,iBAAiB,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;IAC9C,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC,iBAAiB,EAAE,WAAW,GAAG,IAAI,CAAC;IACtC,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AAuRF,eAAO,MAAM,YAAY,gIAUtB,kBAAkB,KAAG,IA2CvB,CAAC"}

package/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/useMapBounds.js

@@ -1,2 +1,2 @@
-import{useRef as r,useEffect as t}from"react";import o from"@turf/bbox";import{MapConfig as i}from"../constants.js";import{toMapboxCoords as n}from"../utils/toMapboxCoords.js";var u=function(u){var a=u.mapRef,e=u.circleGeoJSON,f=u.wellsGeoJSON,d=u.subjectWell,c=u.subjectWellCoords,s=u.radius,v=u.isMapReady,l=r(!1),p=r(s);t((function(){var r;if(v&&c&&!l.current){var t=null===(r=a.current)||void 0===r?void 0:r.getMap();if(t){if(l.current=!0,e&&s&&s<=i.Radius.Max){var u=o(e),f=u[0],d=u[1],p=u[2],m=u[3];t.fitBounds([[f,d],[p,m]],{padding:5,duration:0})}return t.flyTo({center:n(c),duration:700}),function(){t.stop()}}}}),[v,c,e,s,a]),t((function(){var r;if(v&&l.current&&p.current!==s){p.current=s;var t=null===(r=a.current)||void 0===r?void 0:r.getMap();if(t){if(!(s>i.Radius.Max)){if(e&&d){var n=o(e),u=n[0],f=n[1],c=n[2],m=n[3];t.fitBounds([[u,f],[c,m]],{padding:5,duration:300})}return function(){t.stop()}}t.setZoom(1)}}}),[v,s,e,d,a]),t((function(){var r;if(v&&!d&&f&&0!==f.features.length){var t=null===(r=a.current)||void 0===r?void 0:r.getMap();if(t){var i=o(f),n=i[0],u=i[1],e=i[2],c=i[3];t.fitBounds([[n,u],[e,c]],{padding:20,duration:0})}}}),[v,d,f,a])};export{u as useMapBounds};
+import{useRef as e,useEffect as o}from"react";import r from"@turf/bbox";import{MapConfig as i}from"../constants.js";import{toMapboxCoords as a}from"../utils/toMapboxCoords.js";var n=function(n){var t=n.mapRef,u=n.circleGeoJSON,s=n.polygonGeoJSON,d=n.selectionMode,l=n.wellsGeoJSON,c=n.subjectWell,f=n.subjectWellCoords,p=n.radius,R=n.isMapReady,v=e(!1),M=e(p),S=e(d);!function(e){var n=e.mapRef,t=e.isMapReady,u=e.subjectWellCoords,s=e.selectionMode,d=e.polygonGeoJSON,l=e.circleGeoJSON,c=e.radius,f=e.hasCenteredOnSubjectWellRef;o((function(){var e;if(t&&u&&!f.current){var o=null===(e=n.current)||void 0===e?void 0:e.getMap();if(o){if(f.current=!0,"lasso"===s&&d){var p=r(d),R=p[0],v=p[1],M=p[2],S=p[3];o.fitBounds([[R,v],[M,S]],{padding:20,duration:700})}else if(l&&c&&c<=i.Radius.Max){var O=r(l);R=O[0],v=O[1],M=O[2],S=O[3],o.fitBounds([[R,v],[M,S]],{padding:5,duration:700})}else o.flyTo({center:a(u),duration:700});return function(){o.stop()}}}}),[t,u,l,d,s,c,n,f])}({mapRef:t,isMapReady:R,subjectWellCoords:f,selectionMode:d,polygonGeoJSON:s,circleGeoJSON:u,radius:p,hasCenteredOnSubjectWellRef:v}),function(e){var a=e.mapRef,n=e.isMapReady,t=e.radius,u=e.circleGeoJSON,s=e.subjectWell,d=e.hasCenteredOnSubjectWellRef,l=e.previousRadiusRef;o((function(){var e;if(n&&d.current&&l.current!==t){l.current=t;var o=null===(e=a.current)||void 0===e?void 0:e.getMap();if(o){if(!(t>i.Radius.Max)){if(u&&s){var c=r(u),f=c[0],p=c[1],R=c[2],v=c[3];o.fitBounds([[f,p],[R,v]],{padding:5,duration:300})}return function(){o.stop()}}o.setZoom(1)}}}),[n,t,u,s,a,d,l])}({mapRef:t,isMapReady:R,radius:p,circleGeoJSON:u,subjectWell:c,hasCenteredOnSubjectWellRef:v,previousRadiusRef:M}),function(e){var a=e.mapRef,n=e.isMapReady,t=e.selectionMode,u=e.polygonGeoJSON,s=e.circleGeoJSON,d=e.radius,l=e.hasCenteredOnSubjectWellRef,c=e.previousSelectionModeRef;o((function(){var e;if(n&&l.current&&c.current!==t){c.current=t;var o=null===(e=a.current)||void 0===e?void 0:e.getMap();if(o){if("lasso"===t&&u){var f=r(u),p=f[0],R=f[1],v=f[2],M=f[3];o.fitBounds([[p,R],[v,M]],{padding:20,duration:300})}else if("radius"===t&&s&&d<=i.Radius.Max){var S=r(s);p=S[0],R=S[1],v=S[2],M=S[3],o.fitBounds([[p,R],[v,M]],{padding:5,duration:300})}return function(){o.stop()}}}}),[n,t,u,s,d,a,l,c])}({mapRef:t,isMapReady:R,selectionMode:d,polygonGeoJSON:s,circleGeoJSON:u,radius:p,hasCenteredOnSubjectWellRef:v,previousSelectionModeRef:S}),function(e){var i=e.mapRef,a=e.isMapReady,n=e.subjectWell,t=e.wellsGeoJSON;o((function(){var e;if(a&&!n&&t&&0!==t.features.length){var o=null===(e=i.current)||void 0===e?void 0:e.getMap();if(o){var u=r(t),s=u[0],d=u[1],l=u[2],c=u[3];o.fitBounds([[s,d],[l,c]],{padding:20,duration:0})}}}),[a,n,t,i])}({mapRef:t,isMapReady:R,subjectWell:c,wellsGeoJSON:l})};export{n as useMapBounds};
 //# sourceMappingURL=useMapBounds.js.map

package/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/useMapViewState.d.ts

@@ -0,0 +1,24 @@
+import { RefObject } from 'react';
+import { MapRef, ViewStateChangeEvent } from 'react-map-gl/mapbox';
+type ViewState = {
+    longitude: number;
+    latitude: number;
+    zoom: number;
+};
+type Coordinates = {
+    longitude: number;
+    latitude: number;
+} | null;
+type UseMapViewStateReturn = {
+    viewState: ViewState;
+    distance: string | null;
+    handleMove: (evt: ViewStateChangeEvent) => void;
+    handleZoomIn: () => void;
+    handleZoomOut: () => void;
+    canZoomIn: boolean;
+    canZoomOut: boolean;
+};
+export declare const BAR_WIDTH_PX = 66;
+export declare const useMapViewState: (mapRef: RefObject<MapRef | null>, initialCoords: Coordinates) => UseMapViewStateReturn;
+export {};
+//# sourceMappingURL=useMapViewState.d.ts.map

package/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/useMapViewState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMapViewState.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/useMapViewState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkC,SAAS,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AASnE,KAAK,SAAS,GAAG;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;CAClB,GAAG,IAAI,CAAC;AAET,KAAK,qBAAqB,GAAG;IAC3B,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,UAAU,EAAE,CAAC,GAAG,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAChD,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,YAAY,KAAK,CAAC;AA2C/B,eAAO,MAAM,eAAe,WAClB,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,iBACjB,WAAW,KACzB,qBAyEF,CAAC"}

package/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/useMapViewState.js

@@ -0,0 +1,2 @@
+import{__assign as o}from'./../../../../../../ext-esm/tslib/tslib.es6.js';import{useState as t,useMemo as n,useCallback as i}from"react";import{getDistance as e}from"geolib";import r from"lodash/isEqual";import{getIsImperial as u}from"../../../../utils/getIsImperial.js";import{MapConfig as l}from"../constants.js";import{convertValue as m}from"../../../../../../utils/convert.js";var a=66,d=function(o){return Math.min(Math.max(o,l.Zoom.Min),l.Zoom.Max)},c=function(o,t){var n=o.getCanvas(),i=n.clientHeight/2,r=n.clientWidth/2,u=o.unproject([r-33,i]),l=o.unproject([r+33,i]);return function(o,t){if(t){var n=m(o,"length","m","ft");if(n>=5280){var i=m(o,"length","m","mi");return"".concat(i.toFixed(i<10?1:0),"mi")}return"".concat(Math.round(n),"ft")}if(o>=1e3){var e=m(o,"length","m","km");return"".concat(e.toFixed(e<10?1:0),"km")}return"".concat(Math.round(o),"m")}(e({latitude:u.lat,longitude:u.lng},{latitude:l.lat,longitude:l.lng}),t)},f=function(e,m){var a,f,s=t({longitude:null!==(a=null==m?void 0:m.longitude)&&void 0!==a?a:l.DefaultCoords.longitude,latitude:null!==(f=null==m?void 0:m.latitude)&&void 0!==f?f:l.DefaultCoords.latitude,zoom:l.Zoom.Initial}),v=s[0],g=s[1],h=t(null),p=h[0],z=h[1],M=n((function(){return u()}),[]),Z=i((function(){var o=e.current;o&&z(c(o,M))}),[e,M]),x=i((function(o){var t=o.viewState,n=t.longitude,i=t.latitude,e=t.zoom,u={longitude:n,latitude:i,zoom:d(e)};g((function(o){return r(o,u)?o:u})),Z()}),[Z]);return{viewState:v,distance:p,handleMove:x,handleZoomIn:i((function(){g((function(t){return t.zoom>=l.Zoom.Max?t:o(o({},t),{zoom:d(t.zoom+1)})})),Z()}),[Z]),handleZoomOut:i((function(){g((function(t){return t.zoom<=l.Zoom.Min?t:o(o({},t),{zoom:d(t.zoom-1)})})),Z()}),[Z]),canZoomIn:v.zoom<l.Zoom.Max,canZoomOut:v.zoom>l.Zoom.Min}};export{a as BAR_WIDTH_PX,f as useMapViewState};
+//# sourceMappingURL=useMapViewState.js.map

package/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/useMapViewState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,yBAAyB,gDAAmD;"}

package/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/useTooltip.d.ts

@@ -4,7 +4,6 @@ export type HoveredWellState = {
     isOffsetWell: boolean;
     isSubjectWell: boolean;
     coords: Coordinates;
-    color: string;
 };
 type UseTooltipReturn = {
     hoveredWell: HoveredWellState | null;

package/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/useTooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTooltip.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/useTooltip.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAE3D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,OAAO,CAAC;IACvB,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,WAAW,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACrC,WAAW,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAChD,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,UAAU,QAAO,gBAgB7B,CAAC"}
+{"version":3,"file":"useTooltip.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/useTooltip.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAE3D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,OAAO,CAAC;IACvB,MAAM,EAAE,WAAW,CAAC;CACrB,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,WAAW,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACrC,WAAW,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAChD,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,UAAU,QAAO,gBAgB7B,CAAC"}

package/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/useWellMarkers.d.ts

@@ -1,15 +1,17 @@
 import type { Feature, FeatureCollection, Point } from 'geojson';
+import { MapStyleValue } from '../constants';
 import { Well, SubjectWell } from '../OffsetWellMap.types';
 export type WellFeatureProperties = {
     id: number;
     name: string;
-    formation: string;
+    status: string;
     totalDepth: number | undefined;
     rigReleaseDate: number | undefined;
     isOffsetWell: boolean;
     isSubjectWell: boolean;
     color: string;
-    opacity: number;
+    strokeColor: string | null;
+    strokeWidth: number;
 };
 export type WellFeature = Feature<Point, WellFeatureProperties>;
 export type WellFeatureCollection = FeatureCollection<Point, WellFeatureProperties>;
@@ -18,13 +20,13 @@ type UseWellMarkersParams = {
     offsetWellIds: number[];
     activeWellId: number | null;
     subjectWell: SubjectWell | null;
-    formationColors: Record<string, string>;
+    mapStyle: MapStyleValue;
 };
 type UseWellMarkersReturn = {
     wellsGeoJSON: WellFeatureCollection;
     highlightGeoJSON: WellFeatureCollection;
     activeHighlightGeoJSON: WellFeatureCollection | null;
 };
-export declare const useWellMarkers: ({ wells, offsetWellIds, activeWellId, subjectWell, formationColors, }: UseWellMarkersParams) => UseWellMarkersReturn;
+export declare const useWellMarkers: ({ wells, offsetWellIds, activeWellId, subjectWell, mapStyle, }: UseWellMarkersParams) => UseWellMarkersReturn;
 export {};
 //# sourceMappingURL=useWellMarkers.d.ts.map

package/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/useWellMarkers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useWellMarkers.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/useWellMarkers.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGjE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAQ3D,MAAM,MAAM,qBAAqB,GAAG;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,OAAO,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC,KAAK,EAAE,qBAAqB,CAAC,CAAC;AAChE,MAAM,MAAM,qBAAqB,GAAG,iBAAiB,CAAC,KAAK,EAAE,qBAAqB,CAAC,CAAC;AAEpF,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACzC,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,YAAY,EAAE,qBAAqB,CAAC;IACpC,gBAAgB,EAAE,qBAAqB,CAAC;IACxC,sBAAsB,EAAE,qBAAqB,GAAG,IAAI,CAAC;CACtD,CAAC;AAEF,eAAO,MAAM,cAAc,0EAMxB,oBAAoB,KAAG,oBAgGzB,CAAC"}
+{"version":3,"file":"useWellMarkers.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/useWellMarkers.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEjE,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAS3D,MAAM,MAAM,qBAAqB,GAAG;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,OAAO,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC,KAAK,EAAE,qBAAqB,CAAC,CAAC;AAChE,MAAM,MAAM,qBAAqB,GAAG,iBAAiB,CAAC,KAAK,EAAE,qBAAqB,CAAC,CAAC;AAEpF,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC,QAAQ,EAAE,aAAa,CAAC;CACzB,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,YAAY,EAAE,qBAAqB,CAAC;IACpC,gBAAgB,EAAE,qBAAqB,CAAC;IACxC,sBAAsB,EAAE,qBAAqB,GAAG,IAAI,CAAC;CACtD,CAAC;AAEF,eAAO,MAAM,cAAc,mEAMxB,oBAAoB,KAAG,oBAqGzB,CAAC"}

package/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/useWellMarkers.js

@@ -1,2 +1,2 @@
-import{__spreadArray as e}from'./../../../../../../ext-esm/tslib/tslib.es6.js';import{useMemo as t}from"react";import{MapConfig as o}from"../constants.js";import{toCoordinates as i}from"../utils/toCoordinates.js";import{toMapboxCoords as r}from"../utils/toMapboxCoords.js";import{mapbox as l}from"../../../../../../utils/index.js";var n=l.isValidCoordinates,s=function(l){var s=l.wells,u=l.offsetWellIds,a=l.activeWellId,f=l.subjectWell,d=l.formationColors,p=t((function(){var t=[],l=[],a=[];s.forEach((function(e){e.id!==(null==f?void 0:f.id)&&(e.id&&u.includes(e.id)?l.push(e):a.push(e))}));var p=e(e([],a,!0),l,!0);return f&&p.push(f),p.forEach((function(e){var l,s=null===(l=null==e?void 0:e.topHole)||void 0===l?void 0:l.coordinates;if(s&&n(s)){var a=i(s),p=(null==f?void 0:f.id)===e.id,c=!!e.id&&(u.includes(e.id)&&!p),m=p?o.Colors.OffsetWell:e.formation&&d[e.formation]||o.Colors.DefaultWell,v=p||c?1:.32;t.push({type:"Feature",geometry:{type:"Point",coordinates:r(a)},properties:{id:e.id||0,name:e.name||"",formation:e.formation||"",totalDepth:e.totalDepth,rigReleaseDate:e.rigReleaseDate,isOffsetWell:c,isSubjectWell:p,color:m,opacity:v}})}})),{type:"FeatureCollection",features:t}}),[s,u,f,d]),c=t((function(){return{type:"FeatureCollection",features:p.features.filter((function(e){return e.properties.isOffsetWell}))}}),[p]),m=t((function(){if(!a||a===(null==f?void 0:f.id))return null;var e=p.features.find((function(e){return e.properties.id===a}));return e?{type:"FeatureCollection",features:[e]}:null}),[p,a,null==f?void 0:f.id]);return{wellsGeoJSON:p,highlightGeoJSON:c,activeHighlightGeoJSON:m}};export{s as useWellMarkers};
+import{__spreadArray as e}from'./../../../../../../ext-esm/tslib/tslib.es6.js';import{useMemo as t}from"react";import{toCoordinates as i}from"../utils/toCoordinates.js";import{toMapboxCoords as o}from"../utils/toMapboxCoords.js";import{getStatusColor as l}from"../utils/getStatusColor.js";import{mapbox as r}from"../../../../../../utils/index.js";var s=r.isValidCoordinates,u=function(r){var u=r.wells,n=r.offsetWellIds,a=r.activeWellId,d=r.subjectWell,f=r.mapStyle,p="satellite"===f,c=t((function(){var t=[],r=[],a=[];u.forEach((function(e){e.id!==(null==d?void 0:d.id)&&(e.id&&n.includes(e.id)?r.push(e):a.push(e))}));var c=e(e([],a,!0),r,!0);return d&&c.push(d),c.forEach((function(e){var r,u=null===(r=null==e?void 0:e.topHole)||void 0===r?void 0:r.coordinates;if(u&&s(u)){var a=i(u),c=(null==d?void 0:d.id)===e.id,m=!!e.id&&(n.includes(e.id)&&!c),v=m?"selected":"default",h=l({status:e.status,mapStyle:f,state:v,isSubjectWell:c});t.push({type:"Feature",geometry:{type:"Point",coordinates:o(a)},properties:{id:e.id||0,name:e.name||"",status:e.status||"unknown",totalDepth:e.totalDepth,rigReleaseDate:e.rigReleaseDate,isOffsetWell:m,isSubjectWell:c,color:h.fill,strokeColor:p&&h.stroke?h.stroke:null,strokeWidth:p?1:0}})}})),{type:"FeatureCollection",features:t}}),[u,n,d,f,p]),m=t((function(){return{type:"FeatureCollection",features:c.features.filter((function(e){return e.properties.isOffsetWell}))}}),[c]),v=t((function(){if(!a||a===(null==d?void 0:d.id))return null;var e=c.features.find((function(e){return e.properties.id===a}));return e?{type:"FeatureCollection",features:[e]}:null}),[c,a,null==d?void 0:d.id]);return{wellsGeoJSON:c,highlightGeoJSON:m,activeHighlightGeoJSON:v}};export{u as useWellMarkers};
 //# sourceMappingURL=useWellMarkers.js.map

package/components/OffsetWellPickerV5/components/Map/OffsetWellMap/utils/getStatusColor.d.ts

@@ -0,0 +1,10 @@
+import { WellMarkerState, MapStyleValue, StatusColorConfig } from '../constants';
+type GetStatusColorParams = {
+    status: string | undefined;
+    mapStyle: MapStyleValue;
+    state: WellMarkerState;
+    isSubjectWell: boolean;
+};
+export declare const getStatusColor: ({ status, mapStyle, state, isSubjectWell, }: GetStatusColorParams) => StatusColorConfig;
+export {};
+//# sourceMappingURL=getStatusColor.d.ts.map

package/components/OffsetWellPickerV5/components/Map/OffsetWellMap/utils/getStatusColor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getStatusColor.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV5/components/Map/OffsetWellMap/utils/getStatusColor.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,eAAe,EACf,aAAa,EACb,iBAAiB,EAClB,MAAM,cAAc,CAAC;AAGtB,KAAK,oBAAoB,GAAG;IAC1B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,QAAQ,EAAE,aAAa,CAAC;IACxB,KAAK,EAAE,eAAe,CAAC;IACvB,aAAa,EAAE,OAAO,CAAC;CACxB,CAAC;AAkBF,eAAO,MAAM,cAAc,gDAKxB,oBAAoB,KAAG,iBAQzB,CAAC"}

package/components/OffsetWellPickerV5/components/Map/OffsetWellMap/utils/getStatusColor.js

@@ -0,0 +1,2 @@
+import{MapConfig as t,StatusColors as n}from"../constants.js";import{WellStatus as r}from"../../../../constants.js";var e=Object.values(r),o=function(o){var s=o.status,u=o.mapStyle,a=o.state;if(o.isSubjectWell)return{fill:t.Colors.OffsetWell};var l=function(t){if(!t)return r.unknown;var n=t.toLowerCase();return e.includes(n)?n:r.unknown}(s);return n[u][l][a]};export{o as getStatusColor};
+//# sourceMappingURL=getStatusColor.js.map

package/components/OffsetWellPickerV5/components/Map/OffsetWellMap/utils/getStatusColor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getStatusColor.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/OffsetWellPickerV5/components/OffsetWellsTable/AdvancedSearch/AdvancedSearch.d.ts

@@ -1,9 +1,10 @@
-export function AdvancedSearch({ companyId, subjectWellId, onChange, selectedWellIds, onHideAdvancedSearch, }: {
+export function AdvancedSearch({ companyId, subjectWellId, onChange, selectedWellIds, onHideAdvancedSearch, loadingAssetIds, }: {
     companyId: any;
     subjectWellId: any;
     onChange: any;
     selectedWellIds: any;
     onHideAdvancedSearch: any;
+    loadingAssetIds: any;
 }): JSX.Element;
 export namespace AdvancedSearch {
     namespace propTypes {
@@ -12,6 +13,11 @@ export namespace AdvancedSearch {
         let onChange: PropTypes.Validator<(...args: any[]) => any>;
         let selectedWellIds: PropTypes.Validator<number[]>;
         let onHideAdvancedSearch: PropTypes.Validator<(...args: any[]) => any>;
+        let loadingAssetIds: PropTypes.Requireable<number[]>;
+    }
+    namespace defaultProps {
+        let loadingAssetIds_1: any[];
+        export { loadingAssetIds_1 as loadingAssetIds };
     }
 }
 import PropTypes from 'prop-types';

package/components/OffsetWellPickerV5/components/OffsetWellsTable/AdvancedSearch/AdvancedSearch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdvancedSearch.d.ts","sourceRoot":"","sources":["../../../../../../src/components/OffsetWellPickerV5/components/OffsetWellsTable/AdvancedSearch/AdvancedSearch.js"],"names":[],"mappings":"AAUO;;;;;;gBAkFN;;;;;;;;;;sBA3FqB,YAAY"}
+{"version":3,"file":"AdvancedSearch.d.ts","sourceRoot":"","sources":["../../../../../../src/components/OffsetWellPickerV5/components/OffsetWellsTable/AdvancedSearch/AdvancedSearch.js"],"names":[],"mappings":"AAUO;;;;;;;gBAoFN;;;;;;;;;;;;;;;sBA7FqB,YAAY"}

package/components/OffsetWellPickerV5/components/OffsetWellsTable/AdvancedSearch/AdvancedSearch.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/slicedToArray";import{useState as s,useRef as c}from"react";import n from"prop-types";import{TextField as i,InputAdornment as t,Popover as e}from"@material-ui/core";import{AutoCompleteAssetSearch as r}from"./AutoCompleteAssetSearch.js";import m from"./AdvancedSearch.module.css.js";import{jsxs as l,Fragment as u,jsx as a}from"react/jsx-runtime";import"@icon-park/react/es/all";import"../../../../../icons/IconParkProvider.js";import"../../../../../icons/customIcons/icons/AddMessage.js";import"../../../../../icons/customIcons/icons/Attention.js";import"../../../../../icons/customIcons/icons/Collapse.js";import"../../../../../icons/customIcons/icons/Dashboard.js";import"../../../../../icons/customIcons/icons/Expand.js";import"../../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../../icons/customIcons/icons/LessOrEqual.js";import{SearchIcon as p}from"../../../../../icons/customIcons/icons/Search.js";import"../../../../../icons/customIcons/icons/SearchOne.js";import"../../../../../icons/customIcons/icons/Wellhub.js";import"../../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../../icons/customIcons/icons/Checkbox.js";import"../../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../../icons/customIcons/icons/Radio.js";import"../../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../../icons/customIcons/icons/MoreApp.js";import"../../../../../icons/customIcons/icons/Pad.js";import"../../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../../icons/customIcons/icons/FracFleet.js";import"../../../../../icons/customIcons/icons/Global.js";import"../../../../../icons/customIcons/icons/Program.js";import"../../../../../icons/customIcons/icons/Rig.js";import"../../../../../icons/customIcons/icons/Well.js";import"../../../../../icons/customIcons/icons/Gap.js";import"../../../../../icons/customIcons/icons/Pin.js";import"../../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../../icons/customIcons/icons/Archive.js";import"../../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../../icons/customIcons/icons/Unarchive.js";import"../../../../../icons/customIcons/icons/Archived.js";import"../../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../../icons/customIcons/icons/Lasso.js";var d=function(n){var d=n.companyId,I=n.subjectWellId,j=n.onChange,h=n.selectedWellIds,f=n.onHideAdvancedSearch,C=s(null),v=o(C,2),A=v[0],b=v[1],g=s(""),F=o(g,2),W=F[0],O=F[1],R=s(null),k=o(R,2),q=k[0],x=k[1],y=c(),S=function(){O(""),b(null),f()};return l(u,{children:[a(i,{"data-testid":"ows_advanced_search",id:"well-section-search-textfield",placeholder:"Add Offset ...",InputProps:{startAdornment:a(t,{position:"start",children:a(p,{size:"small",className:m.searchIcon})}),className:m.searchInput},classes:{root:m.searchRoot},ref:y,value:W,onChange:function(o){O(o.target.value),o.target.value&&(b(y.current),y.current&&x(y.current.offsetWidth))},onClick:function(o){b(o.currentTarget),y.current&&x(y.current.offsetWidth)}}),a(e,{open:Boolean(A),anchorEl:A,onClose:S,anchorOrigin:{vertical:"top",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:a(r,{subjectWellId:I,value:W,company:d,selectedWellIds:h,onChange:j,onClose:S,searchWidth:q})})]})};d.propTypes={companyId:n.number.isRequired,subjectWellId:n.number.isRequired,onChange:n.func.isRequired,selectedWellIds:n.arrayOf(n.number).isRequired,onHideAdvancedSearch:n.func.isRequired};export{d as AdvancedSearch};
+import o from"@babel/runtime/helpers/slicedToArray";import{useState as s,useRef as c}from"react";import n from"prop-types";import{TextField as i,InputAdornment as t,Popover as e}from"@material-ui/core";import{AutoCompleteAssetSearch as r}from"./AutoCompleteAssetSearch.js";import m from"./AdvancedSearch.module.css.js";import{jsxs as l,Fragment as a,jsx as u}from"react/jsx-runtime";import"@icon-park/react/es/all";import"../../../../../icons/IconParkProvider.js";import"../../../../../icons/customIcons/icons/AddMessage.js";import"../../../../../icons/customIcons/icons/Attention.js";import"../../../../../icons/customIcons/icons/Collapse.js";import"../../../../../icons/customIcons/icons/Dashboard.js";import"../../../../../icons/customIcons/icons/Expand.js";import"../../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../../icons/customIcons/icons/LessOrEqual.js";import{SearchIcon as p}from"../../../../../icons/customIcons/icons/Search.js";import"../../../../../icons/customIcons/icons/SearchOne.js";import"../../../../../icons/customIcons/icons/Wellhub.js";import"../../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../../icons/customIcons/icons/Checkbox.js";import"../../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../../icons/customIcons/icons/Radio.js";import"../../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../../icons/customIcons/icons/MoreApp.js";import"../../../../../icons/customIcons/icons/Pad.js";import"../../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../../icons/customIcons/icons/FracFleet.js";import"../../../../../icons/customIcons/icons/Global.js";import"../../../../../icons/customIcons/icons/Program.js";import"../../../../../icons/customIcons/icons/Rig.js";import"../../../../../icons/customIcons/icons/Well.js";import"../../../../../icons/customIcons/icons/Gap.js";import"../../../../../icons/customIcons/icons/Pin.js";import"../../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../../icons/customIcons/icons/Archive.js";import"../../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../../icons/customIcons/icons/Unarchive.js";import"../../../../../icons/customIcons/icons/Archived.js";import"../../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../../icons/customIcons/icons/Lasso.js";var d=function(n){var d=n.companyId,I=n.subjectWellId,j=n.onChange,h=n.selectedWellIds,f=n.onHideAdvancedSearch,C=n.loadingAssetIds,v=s(null),A=o(v,2),g=A[0],b=A[1],F=s(""),W=o(F,2),O=W[0],R=W[1],k=s(null),y=o(k,2),S=y[0],q=y[1],x=c(),P=function(){R(""),b(null),f()};return l(a,{children:[u(i,{"data-testid":"ows_advanced_search",id:"well-section-search-textfield",placeholder:"Search for Wells ...",InputProps:{startAdornment:u(t,{position:"start",children:u(p,{size:"small",fill:"currentColor",className:m.searchIcon})}),className:m.searchInput},classes:{root:m.searchRoot},ref:x,value:O,onChange:function(o){R(o.target.value),o.target.value&&(b(x.current),x.current&&q(x.current.offsetWidth))},onClick:function(o){b(o.currentTarget),x.current&&q(x.current.offsetWidth)}}),u(e,{open:Boolean(g),anchorEl:g,onClose:P,anchorOrigin:{vertical:"top",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:u(r,{subjectWellId:I,value:O,company:d,selectedWellIds:h,onChange:j,onClose:P,searchWidth:S,loadingAssetIds:C})})]})};d.propTypes={companyId:n.number.isRequired,subjectWellId:n.number.isRequired,onChange:n.func.isRequired,selectedWellIds:n.arrayOf(n.number).isRequired,onHideAdvancedSearch:n.func.isRequired,loadingAssetIds:n.arrayOf(n.number)},d.defaultProps={loadingAssetIds:[]};export{d as AdvancedSearch};
 //# sourceMappingURL=AdvancedSearch.js.map

package/components/OffsetWellPickerV5/components/OffsetWellsTable/AdvancedSearch/AdvancedSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdvancedSearch.js","sources":["../../../../../../src/components/OffsetWellPickerV5/components/OffsetWellsTable/AdvancedSearch/AdvancedSearch.js"],"sourcesContent":["import { useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { Popover, TextField, InputAdornment } from '@material-ui/core';\n\nimport { AutoCompleteAssetSearch } from './AutoCompleteAssetSearch';\n\nimport styles from './AdvancedSearch.module.css';\n\nimport { SearchIcon } from '~/icons';\n\nexport const AdvancedSearch = ({\n  companyId,\n  subjectWellId,\n  onChange,\n  selectedWellIds,\n  onHideAdvancedSearch,\n}) => {\n  const [anchorEl, setAnchorEl] = useState(null);\n  const [value, setValue] = useState('');\n  const [searchWidth, setSearchWidth] = useState(null);\n  const searchRef = useRef();\n\n  const handlePopupOpen = event => {\n    setAnchorEl(event.currentTarget);\n\n    if (searchRef.current) {\n      setSearchWidth(searchRef.current.offsetWidth);\n    }\n  };\n\n  const handlePopupClose = () => {\n    setValue('');\n    setAnchorEl(null);\n    onHideAdvancedSearch();\n  };\n\n  return (\n    <>\n      <TextField\n        data-testid=\"ows_advanced_search\"\n        id=\"well-section-search-textfield\"\n        placeholder=\"Add Offset ...\"\n        InputProps={{\n          startAdornment: (\n            <InputAdornment position=\"start\">\n              <SearchIcon size=\"small\" className={styles.searchIcon} />\n            </InputAdornment>\n          ),\n          className: styles.searchInput,\n        }}\n        classes={{ root: styles.searchRoot }}\n        ref={searchRef}\n        value={value}\n        onChange={event => {\n          setValue(event.target.value);\n\n          if (event.target.value) {\n            setAnchorEl(searchRef.current);\n\n            if (searchRef.current) {\n              setSearchWidth(searchRef.current.offsetWidth);\n            }\n          }\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          subjectWellId={subjectWellId}\n          value={value}\n          company={companyId}\n          selectedWellIds={selectedWellIds}\n          onChange={onChange}\n          onClose={handlePopupClose}\n          searchWidth={searchWidth}\n        />\n      </Popover>\n    </>\n  );\n};\n\nAdvancedSearch.propTypes = {\n  companyId: PropTypes.number.isRequired,\n  subjectWellId: PropTypes.number.isRequired,\n  onChange: PropTypes.func.isRequired,\n  selectedWellIds: PropTypes.arrayOf(PropTypes.number).isRequired,\n  onHideAdvancedSearch: PropTypes.func.isRequired,\n};\n"],"names":["AdvancedSearch","_ref","companyId","subjectWellId","onChange","selectedWellIds","onHideAdvancedSearch","useState","_useState2","_slicedToArray","_useState","anchorEl","setAnchorEl","_useState4","_useState3","value","setValue","_useState6","_useState5","searchWidth","setSearchWidth","searchRef","useRef","handlePopupClose","_jsxs","_Fragment","children","_jsx","TextField","id","placeholder","InputProps","startAdornment","InputAdornment","position","SearchIcon","size","className","styles","searchIcon","searchInput","classes","root","searchRoot","ref","event","target","current","offsetWidth","onClick","currentTarget","Popover","open","Boolean","onClose","anchorOrigin","vertical","horizontal","transformOrigin","AutoCompleteAssetSearch","company","propTypes","PropTypes","number","isRequired","func","arrayOf"],"mappings":"w5FAUaA,IAAAA,EAAiB,SAMxBC,GAAA,IALJC,IAAAA,UACAC,IAAAA,cACAC,IAAAA,SACAC,IAAAA,gBACAC,IAAAA,qBAEgCC,EAAAA,EAAS,MAAKC,EAAAC,EAAAC,EAAA,GAAvCC,EAAQH,EAAA,GAAEI,EAAWJ,EAAA,GACFD,EAAAA,EAAS,IAAGM,EAAAJ,EAAAK,EAAA,GAA/BC,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GACgBN,EAAAA,EAAS,MAAKU,EAAAR,EAAAS,EAAA,GAA7CC,EAAWF,EAAA,GAAEG,EAAcH,EAAA,GAC5BI,EAAYC,IAUZC,EAAmB,WACvBP,EAAS,IACTJ,EAAY,MACZN,KAGF,OACEkB,EAAAC,EAAA,CAAAC,SAAA,CACEC,EAACC,EAAS,CACR,cAAY,sBACZC,GAAG,gCACHC,YAAY,iBACZC,WAAY,CACVC,eACEL,EAACM,EAAc,CAACC,SAAS,QAAOR,SAC9BC,EAACQ,EAAU,CAACC,KAAK,QAAQC,UAAWC,EAAOC,eAG/CF,UAAWC,EAAOE,aAEpBC,QAAS,CAAEC,KAAMJ,EAAOK,YACxBC,IAAKvB,EACLN,MAAOA,EACPX,SAAU,SAAAyC,GACR7B,EAAS6B,EAAMC,OAAO/B,OAElB8B,EAAMC,OAAO/B,QACfH,EAAYS,EAAU0B,SAElB1B,EAAU0B,SACZ3B,EAAeC,EAAU0B,QAAQC,aAGrC,EACFC,QA1CkB,SAAAJ,GACtBjC,EAAYiC,EAAMK,eAEd7B,EAAU0B,SACZ3B,EAAeC,EAAU0B,QAAQC,gBAyCjCrB,EAACwB,EAAO,CACNC,KAAMC,QAAQ1C,GACdA,SAAUA,EACV2C,QAAS/B,EACTgC,aAAc,CACZC,SAAU,MACVC,WAAY,QAEdC,gBAAiB,CACfF,SAAU,MACVC,WAAY,QACZ/B,SAEFC,EAACgC,EAAuB,CACtBxD,cAAeA,EACfY,MAAOA,EACP6C,QAAS1D,EACTG,gBAAiBA,EACjBD,SAAUA,EACVkD,QAAS/B,EACTJ,YAAaA,QAKvB,EAEAnB,EAAe6D,UAAY,CACzB3D,UAAW4D,EAAUC,OAAOC,WAC5B7D,cAAe2D,EAAUC,OAAOC,WAChC5D,SAAU0D,EAAUG,KAAKD,WACzB3D,gBAAiByD,EAAUI,QAAQJ,EAAUC,QAAQC,WACrD1D,qBAAsBwD,EAAUG,KAAKD"}
+{"version":3,"file":"AdvancedSearch.js","sources":["../../../../../../src/components/OffsetWellPickerV5/components/OffsetWellsTable/AdvancedSearch/AdvancedSearch.js"],"sourcesContent":["import { useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { Popover, TextField, InputAdornment } from '@material-ui/core';\n\nimport { AutoCompleteAssetSearch } from './AutoCompleteAssetSearch';\n\nimport styles from './AdvancedSearch.module.css';\n\nimport { SearchIcon } from '~/icons';\n\nexport const AdvancedSearch = ({\n  companyId,\n  subjectWellId,\n  onChange,\n  selectedWellIds,\n  onHideAdvancedSearch,\n  loadingAssetIds,\n}) => {\n  const [anchorEl, setAnchorEl] = useState(null);\n  const [value, setValue] = useState('');\n  const [searchWidth, setSearchWidth] = useState(null);\n  const searchRef = useRef();\n\n  const handlePopupOpen = event => {\n    setAnchorEl(event.currentTarget);\n\n    if (searchRef.current) {\n      setSearchWidth(searchRef.current.offsetWidth);\n    }\n  };\n\n  const handlePopupClose = () => {\n    setValue('');\n    setAnchorEl(null);\n    onHideAdvancedSearch();\n  };\n\n  return (\n    <>\n      <TextField\n        data-testid=\"ows_advanced_search\"\n        id=\"well-section-search-textfield\"\n        placeholder=\"Search for Wells ...\"\n        InputProps={{\n          startAdornment: (\n            <InputAdornment position=\"start\">\n              <SearchIcon size=\"small\" fill=\"currentColor\" className={styles.searchIcon} />\n            </InputAdornment>\n          ),\n          className: styles.searchInput,\n        }}\n        classes={{ root: styles.searchRoot }}\n        ref={searchRef}\n        value={value}\n        onChange={event => {\n          setValue(event.target.value);\n\n          if (event.target.value) {\n            setAnchorEl(searchRef.current);\n\n            if (searchRef.current) {\n              setSearchWidth(searchRef.current.offsetWidth);\n            }\n          }\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          subjectWellId={subjectWellId}\n          value={value}\n          company={companyId}\n          selectedWellIds={selectedWellIds}\n          onChange={onChange}\n          onClose={handlePopupClose}\n          searchWidth={searchWidth}\n          loadingAssetIds={loadingAssetIds}\n        />\n      </Popover>\n    </>\n  );\n};\n\nAdvancedSearch.propTypes = {\n  companyId: PropTypes.number.isRequired,\n  subjectWellId: PropTypes.number.isRequired,\n  onChange: PropTypes.func.isRequired,\n  selectedWellIds: PropTypes.arrayOf(PropTypes.number).isRequired,\n  onHideAdvancedSearch: PropTypes.func.isRequired,\n  loadingAssetIds: PropTypes.arrayOf(PropTypes.number),\n};\n\nAdvancedSearch.defaultProps = {\n  loadingAssetIds: [],\n};\n"],"names":["AdvancedSearch","_ref","companyId","subjectWellId","onChange","selectedWellIds","onHideAdvancedSearch","loadingAssetIds","useState","_useState2","_slicedToArray","_useState","anchorEl","setAnchorEl","_useState4","_useState3","value","setValue","_useState6","_useState5","searchWidth","setSearchWidth","searchRef","useRef","handlePopupClose","_jsxs","_Fragment","children","_jsx","TextField","id","placeholder","InputProps","startAdornment","InputAdornment","position","SearchIcon","size","fill","className","styles","searchIcon","searchInput","classes","root","searchRoot","ref","event","target","current","offsetWidth","onClick","currentTarget","Popover","open","Boolean","onClose","anchorOrigin","vertical","horizontal","transformOrigin","AutoCompleteAssetSearch","company","propTypes","PropTypes","number","isRequired","func","arrayOf","defaultProps"],"mappings":"w5FAUaA,IAAAA,EAAiB,SAOxBC,GAAA,IANJC,IAAAA,UACAC,IAAAA,cACAC,IAAAA,SACAC,IAAAA,gBACAC,IAAAA,qBACAC,IAAAA,gBAEgCC,EAAAA,EAAS,MAAKC,EAAAC,EAAAC,EAAA,GAAvCC,EAAQH,EAAA,GAAEI,EAAWJ,EAAA,GACFD,EAAAA,EAAS,IAAGM,EAAAJ,EAAAK,EAAA,GAA/BC,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GACgBN,EAAAA,EAAS,MAAKU,EAAAR,EAAAS,EAAA,GAA7CC,EAAWF,EAAA,GAAEG,EAAcH,EAAA,GAC5BI,EAAYC,IAUZC,EAAmB,WACvBP,EAAS,IACTJ,EAAY,MACZP,KAGF,OACEmB,EAAAC,EAAA,CAAAC,SAAA,CACEC,EAACC,EAAS,CACR,cAAY,sBACZC,GAAG,gCACHC,YAAY,uBACZC,WAAY,CACVC,eACEL,EAACM,EAAc,CAACC,SAAS,QAAOR,SAC9BC,EAACQ,EAAU,CAACC,KAAK,QAAQC,KAAK,eAAeC,UAAWC,EAAOC,eAGnEF,UAAWC,EAAOE,aAEpBC,QAAS,CAAEC,KAAMJ,EAAOK,YACxBC,IAAKxB,EACLN,MAAOA,EACPZ,SAAU,SAAA2C,GACR9B,EAAS8B,EAAMC,OAAOhC,OAElB+B,EAAMC,OAAOhC,QACfH,EAAYS,EAAU2B,SAElB3B,EAAU2B,SACZ5B,EAAeC,EAAU2B,QAAQC,aAGrC,EACFC,QA1CkB,SAAAJ,GACtBlC,EAAYkC,EAAMK,eAEd9B,EAAU2B,SACZ5B,EAAeC,EAAU2B,QAAQC,gBAyCjCtB,EAACyB,EAAO,CACNC,KAAMC,QAAQ3C,GACdA,SAAUA,EACV4C,QAAShC,EACTiC,aAAc,CACZC,SAAU,MACVC,WAAY,QAEdC,gBAAiB,CACfF,SAAU,MACVC,WAAY,QACZhC,SAEFC,EAACiC,EAAuB,CACtB1D,cAAeA,EACfa,MAAOA,EACP8C,QAAS5D,EACTG,gBAAiBA,EACjBD,SAAUA,EACVoD,QAAShC,EACTJ,YAAaA,EACbb,gBAAiBA,QAK3B,EAEAP,EAAe+D,UAAY,CACzB7D,UAAW8D,EAAUC,OAAOC,WAC5B/D,cAAe6D,EAAUC,OAAOC,WAChC9D,SAAU4D,EAAUG,KAAKD,WACzB7D,gBAAiB2D,EAAUI,QAAQJ,EAAUC,QAAQC,WACrD5D,qBAAsB0D,EAAUG,KAAKD,WACrC3D,gBAAiByD,EAAUI,QAAQJ,EAAUC,SAG/CjE,EAAeqE,aAAe,CAC5B9D,gBAAiB"}

package/components/OffsetWellPickerV5/components/OffsetWellsTable/AdvancedSearch/AdvancedSearch.module.css.js

@@ -1,2 +1,2 @@
-import e from'./../../../../../ext-esm/style-inject/dist/style-inject.es.js';var a={searchRoot:"AdvancedSearch-module_searchRoot__uXjZS",searchInput:"AdvancedSearch-module_searchInput__3PPFw",searchIcon:"AdvancedSearch-module_searchIcon__Xq5uJ"};e(".AdvancedSearch-module_searchRoot__uXjZS{left:12px;margin-left:12px!important;margin-top:12px!important;position:sticky!important;width:calc(100% - 24px);z-index:999}.AdvancedSearch-module_searchInput__3PPFw{font-size:16px!important}.AdvancedSearch-module_searchInput__3PPFw:hover:before{border-bottom:2px solid var(--palette-primary-text-1)!important}.AdvancedSearch-module_searchInput__3PPFw:hover .AdvancedSearch-module_searchIcon__Xq5uJ{fill:var(--palette-primary-text-1)!important}.AdvancedSearch-module_searchInput__3PPFw:focus-within .AdvancedSearch-module_searchIcon__Xq5uJ{fill:var(--palette-primary-main)!important}.AdvancedSearch-module_searchIcon__Xq5uJ{fill:var(--palette-primary-text-6)!important;font-size:24px!important}");export{a as default};
+import e from'./../../../../../ext-esm/style-inject/dist/style-inject.es.js';var t={searchRoot:"AdvancedSearch-module_searchRoot__uXjZS",searchInput:"AdvancedSearch-module_searchInput__3PPFw",searchIcon:"AdvancedSearch-module_searchIcon__Xq5uJ"};e(".AdvancedSearch-module_searchRoot__uXjZS{left:12px;margin-left:12px!important;margin-top:12px!important;position:sticky!important;width:calc(100% - 24px);z-index:999}.AdvancedSearch-module_searchInput__3PPFw{font-size:16px!important}.AdvancedSearch-module_searchInput__3PPFw:hover:before{border-bottom:2px solid var(--palette-primary-text-1)!important}.AdvancedSearch-module_searchIcon__Xq5uJ{color:#bdbdbd!important}");export{t as default};
 //# sourceMappingURL=AdvancedSearch.module.css.js.map

package/components/OffsetWellPickerV5/components/OffsetWellsTable/AdvancedSearch/AssetResultSection.d.ts

@@ -1,4 +1,4 @@
-export function AssetResultSection({ subjectWellId, page, assetType, loading, groupedAssets, onClickAsset, onClickAllAsset, onScrollReached, }: {
+export function AssetResultSection({ subjectWellId, page, assetType, loading, groupedAssets, onClickAsset, onClickAllAsset, onScrollReached, loadingAssetIds, }: {
     subjectWellId: any;
     page: any;
     assetType: any;
@@ -7,6 +7,7 @@ export function AssetResultSection({ subjectWellId, page, assetType, loading, gr
     onClickAsset: any;
     onClickAllAsset: any;
     onScrollReached: any;
+    loadingAssetIds: any;
 }): JSX.Element;
 export namespace AssetResultSection {
     namespace propTypes {
@@ -18,6 +19,11 @@ export namespace AssetResultSection {
         let onClickAsset: PropTypes.Validator<(...args: any[]) => any>;
         let onClickAllAsset: PropTypes.Validator<(...args: any[]) => any>;
         let onScrollReached: PropTypes.Validator<(...args: any[]) => any>;
+        let loadingAssetIds: PropTypes.Requireable<number[]>;
+    }
+    namespace defaultProps {
+        let loadingAssetIds_1: any[];
+        export { loadingAssetIds_1 as loadingAssetIds };
     }
 }
 import PropTypes from 'prop-types';

package/components/OffsetWellPickerV5/components/OffsetWellsTable/AdvancedSearch/AssetResultSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AssetResultSection.d.ts","sourceRoot":"","sources":["../../../../../../src/components/OffsetWellPickerV5/components/OffsetWellsTable/AdvancedSearch/AssetResultSection.js"],"names":[],"mappings":"AA2FO;;;;;;;;;gBAoJN;;;;;;;;;;;;;sBA7OqB,YAAY"}
+{"version":3,"file":"AssetResultSection.d.ts","sourceRoot":"","sources":["../../../../../../src/components/OffsetWellPickerV5/components/OffsetWellsTable/AdvancedSearch/AssetResultSection.js"],"names":[],"mappings":"AA2GO;;;;;;;;;;gBA2JN;;;;;;;;;;;;;;;;;;sBApQqB,YAAY"}

package/components/OffsetWellPickerV5/components/OffsetWellsTable/AdvancedSearch/AssetResultSection.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/slicedToArray";import{useRef as t,useState as r,useMemo as i,useEffect as s}from"react";import n from"classnames";import a from"prop-types";import{sum as l,startCase as o,get as c,isEmpty as u}from"lodash";import{makeStyles as d,List as p,ListSubheader as m,Chip as h,ListItem as g,Checkbox as f,Typography as x}from"@material-ui/core";import{StatusOptions as b,ROWS_PER_PAGE as v}from"../../../constants.js";import{SEARCH_CATEGORIES as y}from"./constants.js";import{jsxs as R,jsx as A}from"react/jsx-runtime";var I=d((function(e){return{assetListWrapper:{margin:"8px 0",flex:1},assetListContainer:{maxHeight:"350px",backgroundColor:e.palette.background.paper,position:"relative",overflow:"auto"},listSection:{backgroundColor:"inherit"},ul:{backgroundColor:"inherit",padding:0},listGutters:{padding:"2px 8px"},assetTypeSubheaderChip:{height:"24px",color:e.palette.primary.text6},assetItemTextRoot:{minWidth:"300px"},assetItemTextPrimary:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},loadingInfo:{textAlign:"center",fontSize:"12px",lineHeight:"17px",color:e.palette.primary.text8},empty:{color:e.palette.primary.text6,fontSize:"12px",fontStyle:"italic",marginLeft:"8px"},menuItem:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%"},allMenuItem:{boxShadow:"inset 0px -1px 0px rgba(255, 255, 255, 0.25)"},statusWrapper:{display:"flex",alignItems:"center",width:"102px"},status:{width:"8px",height:"8px",marginRight:"8px",borderRadius:"50%",cursor:"default"}}})),k=function(a){var d=a.subjectWellId,k=a.page,C=a.assetType,S=a.loading,N=a.groupedAssets,T=a.onClickAsset,w=a.onClickAllAsset,H=a.onScrollReached,q=I(),W=t(null),j=r("top"),L=e(j,2),_=L[0],G=L[1],M=r(0),z=e(M,2),O=z[0],P=z[1],Y=l(null==N?void 0:N.map((function(t){var r=e(t,2);r[0];var i=r[1];return(null==i?void 0:i.length)||0}))),B=i((function(){if(1===N.length){var e=N[0][1],t=e.filter((function(e){return e.checked})).length;return[t>0&&e.length!==t,t===e.length]}return[!1,!1]}),[N]),D=e(B,2),E=D[0],F=D[1];s((function(){S?P(Y):("top"===_&&W.current.scrollTo(0,5),"bottom"===_&&W.current.scrollTo(0,W.current.scrollHeight-W.current.offsetHeight-5),"auto"===_&&W.current.scrollTo(0,(W.current.scrollHeight-W.current.offsetHeight)*O/Y))}),[O,Y,S,_]);return R("div",{className:q.assetListWrapper,children:[R(p,{className:q.assetListContainer,subheader:A("li",{}),onScroll:function(t){if(t.target.scrollHeight!==t.target.offsetHeight){var r=t.target.scrollTop+t.target.offsetHeight;Math.abs(t.target.scrollHeight-r)<1&&!function(t,r){return!t.find((function(t){var i=e(t,2);return i[0],i[1].length===v*r}))}(N,k)&&(G("auto"),H("bottom"))}},ref:W,children:[N.map((function(t){var r=e(t,2),i=r[0],s=r[1];return A("li",{className:q.listSection,children:R("ul",{className:q.ul,children:[!C&&A(m,{classes:{gutters:q.listGutters},children:A(h,{className:q.assetTypeSubheaderChip,variant:"outlined",label:y[i].labelPlural},i)}),C&&A(g,{button:!0,classes:{gutters:q.listGutters},onClick:function(){return w(!F,i)},children:A("div",{className:n(q.menuItem,q.allMenuItem),children:R("div",{children:[A(f,{checked:F,indeterminate:E,style:{marginRight:8}}),"All"]})})}),s.map((function(e){var t;return A(g,{"data-testid":"".concat("AssetResultSection","_item_").concat(e.name,"MenuItem"),button:!0,classes:{gutters:q.listGutters},disabled:e.type===y.well.name&&!e.visibility.includes("visible")||!e.redirectAssetId||e.redirectAssetId===d,onClick:function(){return T(e,i)},children:R("div",{className:q.menuItem,children:[R("div",{children:[A(f,{checked:e.checked,style:{marginRight:8}}),e.name]}),R("div",{className:q.statusWrapper,children:[A("div",{className:q.status,style:{background:null===(t=b.find((function(t){return t.value===e.status})))||void 0===t?void 0:t.color}}),o(e.status)]})]})},"item-".concat(i,"-").concat(c(e,"asset_id")?c(e,"asset_id"):c(e,"id")))}))]})},"section-".concat(i))})),u(N)&&A("div",{className:q.empty,children:"Your search did not match any Asset Name"})]}),S&&A(x,{"data-testid":"".concat("AssetResultSection","_loading"),className:q.loadingInfo,children:"Loading..."})]})};k.propTypes={subjectWellId:a.number.isRequired,page:a.number.isRequired,assetType:a.string.isRequired,loading:a.bool.isRequired,groupedAssets:a.arrayOf(a.shape({})).isRequired,onClickAsset:a.func.isRequired,onClickAllAsset:a.func.isRequired,onScrollReached:a.func.isRequired};export{k as AssetResultSection};
+import o from"@babel/runtime/helpers/slicedToArray";import{useRef as s,useState as t,useMemo as e,useEffect as n}from"react";import i from"classnames";import r from"prop-types";import{sum as p,startCase as c,get as m,isEmpty as a}from"lodash";import{makeStyles as l,List as d,ListSubheader as u,Chip as j,ListItem as A,Checkbox as V,Typography as h}from"@material-ui/core";import{StatusOptions as g,ROWS_PER_PAGE as I}from"../../../constants.js";import{SEARCH_CATEGORIES as C}from"./constants.js";import"../../../../../componentsV2/Text/Text.js";import"../../../../../componentsV2/Grid/Grid.js";import"../../../../../componentsV2/Grid/Cell.js";import{jsxs as v,jsx as S}from"react/jsx-runtime";import"../../../../../componentsV2/Header/Header.scss.js";import"../../../../../componentsV2/Button/Button.js";import"../../../../../componentsV2/ButtonIcon/ButtonIcon.js";import"../../../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../../../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"uuid";import"../../../../../componentsV2/Tooltip/Tooltip.scss.js";import"../../../../../componentsV2/Popover/Popover.js";import"../../../../../componentsV2/Radio/Radio.js";import"../../../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../../../../componentsV2/Checkbox/Checkbox.js";import"../../../../../componentsV2/TextInput/TextInput.js";import"../../../../../componentsV2/Label/Label.js";import"../../../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import{TextMiddleTruncated as f}from"../../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.js";import"../../../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../../../../componentsV2/TextLink/TextLink.js";import{LoaderCircular as b}from"../../../../../componentsV2/LoaderCircular/LoaderCircular.js";import"../../../../../componentsV2/Chip/Chip.js";import"../../../../../componentsV2/ChipAlert/ChipAlert.js";import"../../../../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../../../../componentsV2/Avatar/Avatar.js";import"../../../../../componentsV2/AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../../../../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../../../../componentsV2/Paper/Paper.js";import"../../../../../componentsV2/ModalWindow/ModalWindow.scss.js";import"@icon-park/react/es/all";import"../../../../../icons/IconParkProvider.js";import"../../../../../icons/customIcons/icons/AddMessage.js";import"../../../../../icons/customIcons/icons/Attention.js";import"../../../../../icons/customIcons/icons/Collapse.js";import"../../../../../icons/customIcons/icons/Dashboard.js";import"../../../../../icons/customIcons/icons/Expand.js";import"../../../../../icons/customIcons/icons/FolderClosed.js";import"../../../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../../../icons/customIcons/icons/FolderOpened.js";import"../../../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../../../icons/customIcons/icons/LessOrEqual.js";import"../../../../../icons/customIcons/icons/Search.js";import"../../../../../icons/customIcons/icons/SearchOne.js";import"../../../../../icons/customIcons/icons/Wellhub.js";import"../../../../../icons/customIcons/icons/MultiRuler.js";import"../../../../../icons/customIcons/icons/Checkbox.js";import"../../../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../../../icons/customIcons/icons/Radio.js";import"../../../../../icons/customIcons/icons/RadioChecked.js";import"../../../../../icons/customIcons/icons/SimulFrac.js";import"../../../../../icons/customIcons/icons/ZipperFrac.js";import"../../../../../icons/customIcons/icons/CautionFilled.js";import"../../../../../icons/customIcons/icons/MoreApp.js";import"../../../../../icons/customIcons/icons/Pad.js";import"../../../../../icons/customIcons/icons/DrilloutUnit.js";import"../../../../../icons/customIcons/icons/FracFleet.js";import"../../../../../icons/customIcons/icons/Global.js";import"../../../../../icons/customIcons/icons/Program.js";import"../../../../../icons/customIcons/icons/Rig.js";import"../../../../../icons/customIcons/icons/Well.js";import"../../../../../icons/customIcons/icons/Gap.js";import"../../../../../icons/customIcons/icons/Pin.js";import"../../../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../../../icons/customIcons/icons/AttentionFilled.js";import"../../../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../../../icons/customIcons/icons/Archive.js";import"../../../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../../../icons/customIcons/icons/Unarchive.js";import"../../../../../icons/customIcons/icons/Archived.js";import"../../../../../icons/customIcons/icons/InterventionUnit.js";import"../../../../../icons/customIcons/icons/Lasso.js";import"../../../../../componentsV2/Modal/Modal.scss.js";import"../../../../../componentsV2/Menu/Menu.js";import"../../../../../componentsV2/utils.js";import"../../../../../componentsV2/Hint/Hint.scss.js";import"../../../../../componentsV2/Counter/Counter.js";import"../../../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../../../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../../../componentsV2/Switch/Switch.js";import"../../../../../componentsV2/Tabs/Tabs.js";import"../../../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../../../../componentsV2/FileIcon/FileIcon.js";import"../../../../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../../../../utils/index.js";import"../../../../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../../../../componentsV2/FilesLoader/FilesLoader.scss.js";import"../../../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../../../utils/main.js";import"../../../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../../../componentsV2/Stepper/Stepper.scss.js";import"../../../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../../../componentsV2/ButtonText/ButtonText.js";import"../../../../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../../../../componentsV2/Accordion/Accordion.scss.js";import"../../../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../../../componentsV2/AppContainer/AppContainer.js";import"../../../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../../../componentsV2/AppFooter/AppFooter.js";import"../../../../../constants/goals.js";import"../../../../../constants/segment.js";import"../../../../../constants/alerts.js";import"../../../../../constants/apps.js";import"../../../../../constants/drillstring.js";import"../../../../../constants/completion.js";import"../../../../../constants/appPackages.js";import"../../../../../constants/notifications.js";import"../../../../../constants/feed.js";import"../../../../../constants/bha.js";import"../../../../../constants/corvaCompanyId.js";import"../../../../GradientManager/configuration/constants.js";import"../../../../../componentsV2/AppCommonsProvider/AppCommonsContext.js";import"../../../../../componentsV2/AppHeader/AppHeader.constants.js";import"../../../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";import"../../../../../componentsV2/AppHeader/AppAssets/utils.js";import"../../../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js";import"../../../../PadModeSelect/PadModeSelect.js";import"../../../../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../../../../constants/streamSourceType.js";import"../../../../../types/shared/Completions.js";import"../../../../PadModeSelect/types.js";import"lodash/flatten";import"lodash/partition";import"../../../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.js";import"../../../../../componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.constants.js";import"../../../../../clients/jsonApi/index.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../../../../clients/subscriptions/constants.js";import"../../../../../clients/subscriptions.v1.js";import"../../../../../clients/subscriptions/subscriptions-client.factory.js";import"../../../../../clients/api/apiCore.js";import"../../../../../clients/constants.js";import"../../../../../clients/sso/auth0.js";import"../../../../../clients/sso/oauth2.js";import"../../../../../componentsV2/PadModeSelect/WellStreamActivityStatus/WellStreamActivityStatus.scss.js";import"../../../../../componentsV2/PadModeSelect/PadModeSelect.constants.js";import"../../../../../componentsV2/PadModeSelect/PadModeSelect.scss.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"querystring";import"uuid/v1";import"jsona";import"../../../../../utils/env.js";import"../../../../StatusBadge/constants.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../../../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js";import"../../../../../componentsV2/UniversalLink/UniversalLink.scss.js";import"../../../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js";import"../../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../../../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../../../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../../../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../../../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js";import"../../../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js";import"../../../../../componentsV2/AppDqPopover/AppDqPopover.scss.js";import"../../../../AppIcon/AppIcon.js";import"../../../../../utils/getSingleAsset.js";import"../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../../../../../componentsV2/AppHeader/V3/AssetSelector/constants.js";import"../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../../../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js";import"../../../../../componentsV2/AppContainer/headerCommon.scss.js";import"../../../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js";import"../../../../../componentsV2/AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js";import"../../../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../../../../../componentsV2/AppSettings/AppSettings.js";import"../../../../../componentsV2/AppSettings/AppSettings.constants.js";import"../../../../../componentsV2/AppSettings/AppSettingsPinningContext.js";import"../../../../../componentsV2/AppSizeProvider/AppSizeProvider.js";import"../../../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js";import"../../../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js";import"../../../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js";import"../../../../../componentsV2/AppHeader/AppHeader.scss.js";import"../../../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js";import"../../../../../componentsV2/Autocomplete/Autocomplete.scss.js";import"../../../../../componentsV2/Menu/MenuItem/MenuItem.js";import"../../../../../componentsV2/Autocomplete/AutocompleteListBox.js";import"../../../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js";import"../../../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js";import"../../../../../componentsV2/DatePicker/DatePicker.js";import"../../../../../componentsV2/DragHandle/DragHandle.js";var x=l((function(o){return{assetListWrapper:{margin:"8px 0",flex:1},assetListContainer:{maxHeight:"350px",backgroundColor:o.palette.background.paper,position:"relative",overflow:"auto"},listSection:{backgroundColor:"inherit"},ul:{backgroundColor:"inherit",padding:0},listGutters:{padding:"2px 8px"},assetTypeSubheaderChip:{height:"24px",color:o.palette.primary.text6},assetItemTextRoot:{minWidth:"300px"},assetItemTextPrimary:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},loadingInfo:{textAlign:"center",fontSize:"12px",lineHeight:"17px",color:o.palette.primary.text8},empty:{color:o.palette.primary.text6,fontSize:"12px",fontStyle:"italic",marginLeft:"8px"},menuItem:{display:"flex",alignItems:"center",justifyContent:"flex-start",width:"100%",gap:"8px"},allMenuItem:{boxShadow:"inset 0px -1px 0px rgba(255, 255, 255, 0.25)"},statusWrapper:{display:"flex",alignItems:"center",width:"102px",flexShrink:0},status:{width:"8px",height:"8px",marginRight:"8px",borderRadius:"50%",cursor:"default"},controlWrapper:{width:40,height:40,display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0},assetNameWrapper:{flexGrow:1,overflow:"hidden"}}})),T=function(r){var l=r.subjectWellId,T=r.page,D=r.assetType,P=r.loading,y=r.groupedAssets,H=r.onClickAsset,L=r.onClickAllAsset,k=r.onScrollReached,M=r.loadingAssetIds,B=x(),F=s(null),q=t("top"),R=o(q,2),W=R[0],w=R[1],G=t(0),N=o(G,2),E=N[0],O=N[1],z=p(null==y?void 0:y.map((function(s){var t=o(s,2);t[0];var e=t[1];return(null==e?void 0:e.length)||0}))),U=e((function(){if(1===y.length){var o=y[0][1],s=o.filter((function(o){return o.checked})).length;return[s>0&&o.length!==s,s===o.length]}return[!1,!1]}),[y]),_=o(U,2),Y=_[0],Z=_[1];n((function(){P?O(z):("top"===W&&F.current.scrollTo(0,5),"bottom"===W&&F.current.scrollTo(0,F.current.scrollHeight-F.current.offsetHeight-5),"auto"===W&&F.current.scrollTo(0,(F.current.scrollHeight-F.current.offsetHeight)*E/z))}),[E,z,P,W]);return v("div",{className:B.assetListWrapper,children:[v(d,{className:B.assetListContainer,subheader:S("li",{}),onScroll:function(s){if(s.target.scrollHeight!==s.target.offsetHeight){var t=s.target.scrollTop+s.target.offsetHeight;Math.abs(s.target.scrollHeight-t)<1&&!function(s,t){return!s.find((function(s){var e=o(s,2);return e[0],e[1].length===I*t}))}(y,T)&&(w("auto"),k("bottom"))}},ref:F,children:[y.map((function(s){var t=o(s,2),e=t[0],n=t[1];return S("li",{className:B.listSection,children:v("ul",{className:B.ul,children:[!D&&S(u,{classes:{gutters:B.listGutters},children:S(j,{className:B.assetTypeSubheaderChip,variant:"outlined",label:C[e].labelPlural},e)}),D&&S(A,{button:!0,classes:{gutters:B.listGutters},onClick:function(){return L(!Z,e)},children:S("div",{className:i(B.menuItem,B.allMenuItem),children:v("div",{children:[S(V,{checked:Z,indeterminate:Y,style:{marginRight:8}}),"All"]})})}),n.map((function(o){var s;return S(A,{"data-testid":"".concat("AssetResultSection","_item_").concat(o.name,"MenuItem"),button:!0,classes:{gutters:B.listGutters},disabled:o.type===C.well.name&&!o.visibility.includes("visible")||!o.redirectAssetId||o.redirectAssetId===l,onClick:function(){return H(o,e)},children:v("div",{className:B.menuItem,children:[S("div",{className:B.controlWrapper,children:null!=M&&M.includes(o.redirectAssetId)?S(b,{size:"small"}):S(V,{checked:o.checked})}),S("div",{className:B.assetNameWrapper,children:S(f,{children:o.name})}),v("div",{className:B.statusWrapper,children:[S("div",{className:B.status,style:{background:null===(s=g.find((function(s){return s.value===o.status})))||void 0===s?void 0:s.color}}),c(o.status)]})]})},"item-".concat(e,"-").concat(m(o,"asset_id")?m(o,"asset_id"):m(o,"id")))}))]})},"section-".concat(e))})),a(y)&&S("div",{className:B.empty,children:"Your search did not match any Asset Name"})]}),P&&S(h,{"data-testid":"".concat("AssetResultSection","_loading"),className:B.loadingInfo,children:"Loading..."})]})};T.propTypes={subjectWellId:r.number.isRequired,page:r.number.isRequired,assetType:r.string.isRequired,loading:r.bool.isRequired,groupedAssets:r.arrayOf(r.shape({})).isRequired,onClickAsset:r.func.isRequired,onClickAllAsset:r.func.isRequired,onScrollReached:r.func.isRequired,loadingAssetIds:r.arrayOf(r.number)},T.defaultProps={loadingAssetIds:[]};export{T as AssetResultSection};
 //# sourceMappingURL=AssetResultSection.js.map

package/components/OffsetWellPickerV5/components/OffsetWellsTable/AdvancedSearch/AssetResultSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetResultSection.js","sources":["../../../../../../src/components/OffsetWellPickerV5/components/OffsetWellsTable/AdvancedSearch/AssetResultSection.js"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { get, isEmpty, startCase, sum } from 'lodash';\nimport {\n  makeStyles,\n  List,\n  ListSubheader,\n  Chip,\n  ListItem,\n  Checkbox,\n  Typography,\n} from '@material-ui/core';\n\nimport { StatusOptions, ROWS_PER_PAGE } from '../../../constants';\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  menuItem: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    width: '100%',\n  },\n  allMenuItem: {\n    boxShadow: 'inset 0px -1px 0px rgba(255, 255, 255, 0.25)',\n  },\n  statusWrapper: {\n    display: 'flex',\n    alignItems: 'center',\n    width: '102px',\n  },\n  status: {\n    width: '8px',\n    height: '8px',\n    marginRight: '8px',\n    borderRadius: '50%',\n    cursor: 'default',\n  },\n}));\n\nconst isLastPage = (data, page) => {\n  return !data.find(([_, value]) => value.length === ROWS_PER_PAGE * page);\n};\n\nexport const AssetResultSection = ({\n  subjectWellId,\n  page,\n  assetType,\n  loading,\n  groupedAssets,\n  onClickAsset,\n  onClickAllAsset,\n  onScrollReached,\n}) => {\n  const classes = useStyles();\n  const listRef = useRef(null);\n  const [scrollPosition, setScrollPosition] = useState('top');\n  const [assetsLen, setAssetsLen] = useState(0);\n  const assetsNum = sum(groupedAssets?.map(([_, assets]) => assets?.length || 0));\n\n  const [indeterminate, isAllWellsSelected] = useMemo(() => {\n    if (groupedAssets.length === 1) {\n      const assets = groupedAssets[0][1];\n      const selectedCount = assets.filter(asset => asset.checked).length;\n      const indeterminate = selectedCount > 0 && assets.length !== selectedCount;\n      const isAllWellsSelected = selectedCount === assets.length;\n      return [indeterminate, isAllWellsSelected];\n    }\n    return [false, false];\n  }, [groupedAssets]);\n\n  useEffect(() => {\n    if (loading) {\n      setAssetsLen(assetsNum);\n      return;\n    }\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    if (scrollPosition === 'auto') {\n      listRef.current.scrollTo(\n        0,\n        ((listRef.current.scrollHeight - listRef.current.offsetHeight) * assetsLen) / assetsNum\n      );\n    }\n    // TODO: Check reference stability. Initially had only loading\n  }, [assetsLen, assetsNum, loading, scrollPosition]);\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 (\n      Math.abs(e.target.scrollHeight - currentScrollBottom) < 1 &&\n      !isLastPage(groupedAssets, page)\n    ) {\n      setScrollPosition('auto');\n      onScrollReached('bottom');\n    }\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              {!assetType && (\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              )}\n              {assetType && (\n                <ListItem\n                  button\n                  classes={{ gutters: classes.listGutters }}\n                  onClick={() => onClickAllAsset(!isAllWellsSelected, assetTypeKey)}\n                >\n                  <div className={classNames(classes.menuItem, classes.allMenuItem)}>\n                    <div>\n                      <Checkbox\n                        checked={isAllWellsSelected}\n                        indeterminate={indeterminate}\n                        style={{ marginRight: 8 }}\n                      />\n                      All\n                    </div>\n                  </div>\n                </ListItem>\n              )}\n              {asstes.map(asset => (\n                <ListItem\n                  data-testid={`${PAGE_NAME}_item_${asset.name}MenuItem`}\n                  button\n                  classes={{ gutters: classes.listGutters }}\n                  key={`item-${assetTypeKey}-${\n                    get(asset, 'asset_id') ? get(asset, 'asset_id') : get(asset, 'id')\n                  }`}\n                  disabled={\n                    (asset.type === SEARCH_CATEGORIES.well.name &&\n                      !asset.visibility.includes('visible')) ||\n                    !asset.redirectAssetId ||\n                    asset.redirectAssetId === subjectWellId\n                  }\n                  onClick={() => onClickAsset(asset, assetTypeKey)}\n                >\n                  <div className={classes.menuItem}>\n                    <div>\n                      <Checkbox checked={asset.checked} style={{ marginRight: 8 }} />\n                      {asset.name}\n                    </div>\n                    <div className={classes.statusWrapper}>\n                      <div\n                        className={classes.status}\n                        style={{\n                          background: StatusOptions.find(item => item.value === asset.status)\n                            ?.color,\n                        }}\n                      />\n                      {startCase(asset.status)}\n                    </div>\n                  </div>\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  subjectWellId: PropTypes.number.isRequired,\n  page: PropTypes.number.isRequired,\n  assetType: PropTypes.string.isRequired,\n  loading: PropTypes.bool.isRequired,\n  groupedAssets: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  onClickAsset: PropTypes.func.isRequired,\n  onClickAllAsset: PropTypes.func.isRequired,\n  onScrollReached: PropTypes.func.isRequired,\n};\n"],"names":["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","menuItem","display","alignItems","justifyContent","width","allMenuItem","boxShadow","statusWrapper","status","marginRight","borderRadius","cursor","AssetResultSection","_ref3","subjectWellId","page","assetType","loading","groupedAssets","onClickAsset","onClickAllAsset","onScrollReached","classes","listRef","useRef","useState","_useState2","_slicedToArray","_useState","scrollPosition","setScrollPosition","_useState4","_useState3","assetsLen","setAssetsLen","assetsNum","sum","map","_ref4","_ref5","assets","length","useMemo","selectedCount","filter","asset","checked","_useMemo2","_useMemo","indeterminate","isAllWellsSelected","useEffect","current","scrollTo","scrollHeight","offsetHeight","_jsxs","className","children","List","subheader","_jsx","onScroll","e","target","currentScrollBottom","scrollTop","Math","abs","data","find","_ref","_ref2","ROWS_PER_PAGE","isLastPage","ref","_ref6","_ref7","assetTypeKey","asstes","ListSubheader","gutters","Chip","variant","label","SEARCH_CATEGORIES","labelPlural","ListItem","button","onClick","classNames","Checkbox","style","_StatusOptions$find","concat","name","disabled","type","well","visibility","includes","redirectAssetId","StatusOptions","item","value","startCase","get","isEmpty","Typography","propTypes","PropTypes","number","isRequired","string","bool","arrayOf","shape","func"],"mappings":"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"}
+{"version":3,"file":"AssetResultSection.js","sources":["../../../../../../src/components/OffsetWellPickerV5/components/OffsetWellsTable/AdvancedSearch/AssetResultSection.js"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { get, isEmpty, startCase, sum } from 'lodash';\nimport {\n  makeStyles,\n  List,\n  ListSubheader,\n  Chip,\n  ListItem,\n  Checkbox,\n  Typography,\n} from '@material-ui/core';\n\nimport { StatusOptions, ROWS_PER_PAGE } from '../../../constants';\n\nimport { SEARCH_CATEGORIES } from './constants';\n\nimport { LoaderCircular, TextMiddleTruncated } from '~/componentsV2';\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  menuItem: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    width: '100%',\n    gap: '8px',\n  },\n  allMenuItem: {\n    boxShadow: 'inset 0px -1px 0px rgba(255, 255, 255, 0.25)',\n  },\n  statusWrapper: {\n    display: 'flex',\n    alignItems: 'center',\n    width: '102px',\n    flexShrink: 0,\n  },\n  status: {\n    width: '8px',\n    height: '8px',\n    marginRight: '8px',\n    borderRadius: '50%',\n    cursor: 'default',\n  },\n  controlWrapper: {\n    width: 40,\n    height: 40,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexShrink: 0,\n  },\n  assetNameWrapper: {\n    flexGrow: 1,\n    overflow: 'hidden',\n  },\n}));\n\nconst isLastPage = (data, page) => {\n  return !data.find(([_, value]) => value.length === ROWS_PER_PAGE * page);\n};\n\nexport const AssetResultSection = ({\n  subjectWellId,\n  page,\n  assetType,\n  loading,\n  groupedAssets,\n  onClickAsset,\n  onClickAllAsset,\n  onScrollReached,\n  loadingAssetIds,\n}) => {\n  const classes = useStyles();\n  const listRef = useRef(null);\n  const [scrollPosition, setScrollPosition] = useState('top');\n  const [assetsLen, setAssetsLen] = useState(0);\n  const assetsNum = sum(groupedAssets?.map(([_, assets]) => assets?.length || 0));\n\n  const [indeterminate, isAllWellsSelected] = useMemo(() => {\n    if (groupedAssets.length === 1) {\n      const assets = groupedAssets[0][1];\n      const selectedCount = assets.filter(asset => asset.checked).length;\n      const indeterminate = selectedCount > 0 && assets.length !== selectedCount;\n      const isAllWellsSelected = selectedCount === assets.length;\n      return [indeterminate, isAllWellsSelected];\n    }\n    return [false, false];\n  }, [groupedAssets]);\n\n  useEffect(() => {\n    if (loading) {\n      setAssetsLen(assetsNum);\n      return;\n    }\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    if (scrollPosition === 'auto') {\n      listRef.current.scrollTo(\n        0,\n        ((listRef.current.scrollHeight - listRef.current.offsetHeight) * assetsLen) / assetsNum\n      );\n    }\n    // TODO: Check reference stability. Initially had only loading\n  }, [assetsLen, assetsNum, loading, scrollPosition]);\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 (\n      Math.abs(e.target.scrollHeight - currentScrollBottom) < 1 &&\n      !isLastPage(groupedAssets, page)\n    ) {\n      setScrollPosition('auto');\n      onScrollReached('bottom');\n    }\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              {!assetType && (\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              )}\n              {assetType && (\n                <ListItem\n                  button\n                  classes={{ gutters: classes.listGutters }}\n                  onClick={() => onClickAllAsset(!isAllWellsSelected, assetTypeKey)}\n                >\n                  <div className={classNames(classes.menuItem, classes.allMenuItem)}>\n                    <div>\n                      <Checkbox\n                        checked={isAllWellsSelected}\n                        indeterminate={indeterminate}\n                        style={{ marginRight: 8 }}\n                      />\n                      All\n                    </div>\n                  </div>\n                </ListItem>\n              )}\n              {asstes.map(asset => (\n                <ListItem\n                  data-testid={`${PAGE_NAME}_item_${asset.name}MenuItem`}\n                  button\n                  classes={{ gutters: classes.listGutters }}\n                  key={`item-${assetTypeKey}-${\n                    get(asset, 'asset_id') ? get(asset, 'asset_id') : get(asset, 'id')\n                  }`}\n                  disabled={\n                    (asset.type === SEARCH_CATEGORIES.well.name &&\n                      !asset.visibility.includes('visible')) ||\n                    !asset.redirectAssetId ||\n                    asset.redirectAssetId === subjectWellId\n                  }\n                  onClick={() => onClickAsset(asset, assetTypeKey)}\n                >\n                  <div className={classes.menuItem}>\n                    <div className={classes.controlWrapper}>\n                      {loadingAssetIds?.includes(asset.redirectAssetId) ? (\n                        <LoaderCircular size=\"small\" />\n                      ) : (\n                        <Checkbox checked={asset.checked} />\n                      )}\n                    </div>\n                    <div className={classes.assetNameWrapper}>\n                      <TextMiddleTruncated>{asset.name}</TextMiddleTruncated>\n                    </div>\n                    <div className={classes.statusWrapper}>\n                      <div\n                        className={classes.status}\n                        style={{\n                          background: StatusOptions.find(item => item.value === asset.status)\n                            ?.color,\n                        }}\n                      />\n                      {startCase(asset.status)}\n                    </div>\n                  </div>\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  subjectWellId: PropTypes.number.isRequired,\n  page: PropTypes.number.isRequired,\n  assetType: PropTypes.string.isRequired,\n  loading: PropTypes.bool.isRequired,\n  groupedAssets: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  onClickAsset: PropTypes.func.isRequired,\n  onClickAllAsset: PropTypes.func.isRequired,\n  onScrollReached: PropTypes.func.isRequired,\n  loadingAssetIds: PropTypes.arrayOf(PropTypes.number),\n};\n\nAssetResultSection.defaultProps = {\n  loadingAssetIds: [],\n};\n"],"names":["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","menuItem","display","alignItems","justifyContent","width","gap","allMenuItem","boxShadow","statusWrapper","flexShrink","status","marginRight","borderRadius","cursor","controlWrapper","assetNameWrapper","flexGrow","AssetResultSection","_ref3","subjectWellId","page","assetType","loading","groupedAssets","onClickAsset","onClickAllAsset","onScrollReached","loadingAssetIds","classes","listRef","useRef","useState","_useState2","_slicedToArray","_useState","scrollPosition","setScrollPosition","_useState4","_useState3","assetsLen","setAssetsLen","assetsNum","sum","map","_ref4","_ref5","assets","length","useMemo","selectedCount","filter","asset","checked","_useMemo2","_useMemo","indeterminate","isAllWellsSelected","useEffect","current","scrollTo","scrollHeight","offsetHeight","_jsxs","className","children","List","subheader","_jsx","onScroll","e","target","currentScrollBottom","scrollTop","Math","abs","data","find","_ref","_ref2","ROWS_PER_PAGE","isLastPage","ref","_ref6","_ref7","assetTypeKey","asstes","ListSubheader","gutters","Chip","variant","label","SEARCH_CATEGORIES","labelPlural","ListItem","button","onClick","classNames","Checkbox","style","_StatusOptions$find","concat","name","disabled","type","well","visibility","includes","redirectAssetId","LoaderCircular","size","TextMiddleTruncated","StatusOptions","item","value","startCase","get","isEmpty","Typography","propTypes","PropTypes","number","isRequired","string","bool","arrayOf","shape","func","defaultProps"],"mappings":"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"}

package/components/OffsetWellPickerV5/components/OffsetWellsTable/AdvancedSearch/AutoCompleteAssetSearch.d.ts

@@ -1,4 +1,4 @@
-export function AutoCompleteAssetSearch({ company, subjectWellId, value, selectedWellIds, onChange, searchWidth, onClose, }: {
+export function AutoCompleteAssetSearch({ company, subjectWellId, value, selectedWellIds, onChange, searchWidth, onClose, loadingAssetIds, }: {
     company: any;
     subjectWellId: any;
     value: any;
@@ -6,6 +6,7 @@ export function AutoCompleteAssetSearch({ company, subjectWellId, value, selecte
     onChange: any;
     searchWidth: any;
     onClose: any;
+    loadingAssetIds: any;
 }): JSX.Element;
 export namespace AutoCompleteAssetSearch {
     namespace propTypes {
@@ -16,10 +17,13 @@ export namespace AutoCompleteAssetSearch {
         let onChange: PropTypes.Validator<(...args: any[]) => any>;
         let searchWidth: PropTypes.Requireable<number>;
         let onClose: PropTypes.Validator<(...args: any[]) => any>;
+        let loadingAssetIds: PropTypes.Requireable<number[]>;
     }
     namespace defaultProps {
         let searchWidth_1: any;
         export { searchWidth_1 as searchWidth };
+        let loadingAssetIds_1: any[];
+        export { loadingAssetIds_1 as loadingAssetIds };
     }
 }
 import PropTypes from 'prop-types';

package/components/OffsetWellPickerV5/components/OffsetWellsTable/AdvancedSearch/AutoCompleteAssetSearch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutoCompleteAssetSearch.d.ts","sourceRoot":"","sources":["../../../../../../src/components/OffsetWellPickerV5/components/OffsetWellsTable/AdvancedSearch/AutoCompleteAssetSearch.js"],"names":[],"mappings":"AAwFO;;;;;;;;gBA6JN;;;;;;;;;;;;;;;;sBApPqB,YAAY"}
+{"version":3,"file":"AutoCompleteAssetSearch.d.ts","sourceRoot":"","sources":["../../../../../../src/components/OffsetWellPickerV5/components/OffsetWellsTable/AdvancedSearch/AutoCompleteAssetSearch.js"],"names":[],"mappings":"AAwFO;;;;;;;;;gBA+JN;;;;;;;;;;;;;;;;;;;sBAtPqB,YAAY"}