@corva/ui 3.43.0-8 → 3.43.0-9

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

@@ -0,0 +1,32 @@
+import { RefObject } from 'react';
+import type { MapRef, MapMouseEvent } from '@vis.gl/react-mapbox';
+import type { Feature, Polygon } from 'geojson';
+import type { RadiusState } from '../../../../stores/selection-tool-store/types';
+import type { OffsetWell } from '../../../../OffsetWellPickerV5.types';
+type UseRadiusDrawingParams = {
+    mapRef: RefObject<MapRef | null>;
+    isActive: boolean;
+    wells: OffsetWell[];
+    onWellsSelected?: (wellIds: number[]) => void;
+};
+type UseRadiusDrawingReturn = {
+    radiusState: RadiusState;
+    radiusMiles: number | null;
+    setRadiusMiles: (radiusMiles: number) => void;
+    wellsInRadiusCount: number;
+    previewCircle: Feature<Polygon> | null;
+    isHoveringEdge: boolean;
+    isHoveringInside: boolean;
+    isDragging: boolean;
+    handlers: {
+        handleMapClick: (e: MapMouseEvent) => void;
+        handleMouseMove: (e: MapMouseEvent) => void;
+        handleMouseDown: (e: MapMouseEvent) => void;
+        handleMouseUp: () => void;
+    };
+    confirm: () => void;
+    cancel: () => void;
+};
+export declare const useRadiusDrawing: ({ mapRef, isActive, wells, onWellsSelected, }: UseRadiusDrawingParams) => UseRadiusDrawingReturn;
+export {};
+//# sourceMappingURL=useRadiusDrawing.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRadiusDrawing.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/useRadiusDrawing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqD,SAAS,EAAE,MAAM,OAAO,CAAC;AACrF,OAAO,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAGlE,OAAO,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAOhD,OAAO,KAAK,EAAE,WAAW,EAAU,MAAM,+CAA+C,CAAC;AACzF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAMvE,KAAK,sBAAsB,GAAG;IAC5B,MAAM,EAAE,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACjC,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEF,KAAK,sBAAsB,GAAG;IAC5B,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,cAAc,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,kBAAkB,EAAE,MAAM,CAAC;IAC3B,aAAa,EAAE,OAAO,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;IACvC,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE;QACR,cAAc,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;QAC3C,eAAe,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;QAC5C,eAAe,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;QAC5C,aAAa,EAAE,MAAM,IAAI,CAAC;KAC3B,CAAC;IACF,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AA6CF,eAAO,MAAM,gBAAgB,GAAI,+CAK9B,sBAAsB,KAAG,sBA6U3B,CAAC"}

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

@@ -0,0 +1,2 @@
+import{useState as n,useRef as e,useMemo as r,useCallback as t,useEffect as u}from"react";import{getDistance as i,convertDistance as l}from"geolib";import o from"@turf/circle";import{toMapboxCoords as c}from"../utils/toMapboxCoords.js";import{MapConfig as a}from"../constants.js";import{getWellsInCircle as s}from"../../../../utils/selection-geometry.js";import"../../../../stores/selection-tool-store/SelectionToolStoreContext.js";import"../../../../stores/selection-tool-store/SelectionToolStoreProvider.js";import"zustand";import{useSelectionToolStore as d}from"../../../../stores/selection-tool-store/useSelectionToolStore.js";var f=function(n,e){var r=i(n,e);return l(r,"mi")},m=function(i){var l=i.mapRef,m=i.isActive,p=i.wells,g=i.onWellsSelected,v=d((function(n){return n.setRadiusState})),h=d((function(n){return n.radiusState})),M=d((function(n){return n.setMode})),x=n(null),R=x[0],S=x[1],j=n(null),w=j[0],C=j[1],L=n(!1),y=L[0],z=L[1],D=n(!1),b=D[0],E=D[1],T=n(!1),H=T[0],I=T[1],k=e("none"),A=e(null),P=e(null),U=e(null),W=r((function(){return R&&w?s(p,R,w):[]}),[p,R,w]),q=r((function(){return R&&w?function(n,e){var r=c(n);return o(r,e,{units:"miles",steps:64})}(R,w):null}),[R,w]),B=t((function(n){if(m&&"placing-center"===h.phase){var e=n.lngLat,r={latitude:e.lat,longitude:e.lng};S(r),A.current=r,k.current="drawing",I(!0),v({phase:"drawing",center:r})}}),[m,h.phase,v]),F=t((function(n){if(m&&"confirming"===h.phase&&R&&w)if(y)n.preventDefault(),k.current="resize",I(!0);else if(b){n.preventDefault();var e=n.lngLat;U.current={lat:e.lat-R.latitude,lng:e.lng-R.longitude},k.current="move",I(!0)}}),[m,h.phase,R,w,y,b]),G=t((function(n){var e=l.current;if(m&&e){var r=n.lngLat,t={latitude:r.lat,longitude:r.lng};if("drawing"===k.current&&A.current){var u=f(A.current,t),i=Math.max(a.Radius.Min,Math.min(u,a.Radius.Max));return C(i),void(P.current=i)}if("resize"===k.current&&A.current){u=f(A.current,t),i=Math.max(a.Radius.Min,Math.min(u,a.Radius.Max));return C(i),void(P.current=i)}if("move"===k.current&&U.current){var o={latitude:r.lat-U.current.lat,longitude:r.lng-U.current.lng};return S(o),void(A.current=o)}if("confirming"===h.phase&&R&&w){var s=f(R,t),d=function(n,e){var r=c(e),t=n.project(r),u={x:t.x+5,y:t.y},i=n.unproject([u.x,u.y]);return f({latitude:e.latitude,longitude:e.longitude},{latitude:i.lat,longitude:i.lng})}(e,R),p=function(n,e,r){return Math.abs(n-e)<=r}(s,w,d),g=function(n,e,r){return n<e-r}(s,w,d);z(p),E(!p&&g)}else z(!1),E(!1)}}),[l,m,h.phase,R,w]),J=t((function(){var n,e=k.current;if("none"!==e){if("drawing"===e&&A.current){var r=null!==(n=P.current)&&void 0!==n?n:a.Radius.Min,t=A.current;return k.current="none",I(!1),void v({phase:"confirming",center:t,radiusMiles:r})}if("resize"===e&&A.current&&P.current)return k.current="none",I(!1),void v({phase:"confirming",center:A.current,radiusMiles:P.current});"move"===e&&A.current&&P.current&&(k.current="none",U.current=null,I(!1),v({phase:"confirming",center:A.current,radiusMiles:P.current}))}}),[v]),K=t((function(){if("confirming"===h.phase){var n=W.map((function(n){return n.id}));null==g||g(n),S(null),A.current=null,C(null),P.current=null,z(!1),E(!1),v({phase:"idle"}),M("none")}}),[h.phase,W,g,v,M]),N=t((function(){S(null),A.current=null,C(null),P.current=null,k.current="none",U.current=null,I(!1),z(!1),E(!1),v({phase:"idle"}),M("none")}),[v,M]);u((function(){var n=function(){"none"!==k.current&&J()};return document.addEventListener("mouseup",n),function(){document.removeEventListener("mouseup",n)}}),[J]),u((function(){m||(S(null),A.current=null,C(null),P.current=null,k.current="none",U.current=null,I(!1),z(!1),E(!1))}),[m]),u((function(){"placing-center"===h.phase&&(S(null),A.current=null,C(null),P.current=null)}),[h.phase]),u((function(){P.current=w}),[w]);var O=t((function(n){if(R){var e=Math.max(a.Radius.Min,Math.min(n,a.Radius.Max));C(e),P.current=e,"confirming"===h.phase&&v({phase:"confirming",center:R,radiusMiles:e})}}),[R,h.phase,v]);return{radiusState:h,radiusMiles:w,setRadiusMiles:O,wellsInRadiusCount:W.length,previewCircle:q,isHoveringEdge:y,isHoveringInside:b,isDragging:H,handlers:{handleMapClick:B,handleMouseMove:G,handleMouseDown:F,handleMouseUp:J},confirm:K,cancel:N}};export{m as useRadiusDrawing};
+//# sourceMappingURL=useRadiusDrawing.js.map

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

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

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

@@ -0,0 +1,10 @@
+type RadiusPhase = 'idle' | 'placing-center' | 'drawing' | 'confirming';
+type UseRadiusKeyboardHandlersParams = {
+    isRadiusActive: boolean;
+    radiusPhase: RadiusPhase;
+    confirm: () => void;
+    cancel: () => void;
+};
+export declare const useRadiusKeyboardHandlers: ({ isRadiusActive, radiusPhase, confirm, cancel, }: UseRadiusKeyboardHandlersParams) => void;
+export {};
+//# sourceMappingURL=useRadiusKeyboardHandlers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRadiusKeyboardHandlers.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/useRadiusKeyboardHandlers.ts"],"names":[],"mappings":"AAEA,KAAK,WAAW,GAAG,MAAM,GAAG,gBAAgB,GAAG,SAAS,GAAG,YAAY,CAAC;AAExE,KAAK,+BAA+B,GAAG;IACrC,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,WAAW,CAAC;IACzB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,mDAKvC,+BAA+B,KAAG,IA6BpC,CAAC"}

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

@@ -0,0 +1,2 @@
+import{useEffect as e}from"react";var n=function(n){var t=n.isRadiusActive,o=n.radiusPhase,r=n.confirm,i=n.cancel,a="idle"!==o,c="confirming"===o;e((function(){if(t){var e=function(e){"Escape"===e.key&&a?(e.preventDefault(),e.stopPropagation(),i()):"Enter"===e.key&&c&&(e.preventDefault(),e.stopPropagation(),r())};return document.addEventListener("keydown",e,!0),function(){document.removeEventListener("keydown",e,!0)}}}),[t,a,c,r,i])};export{n as useRadiusKeyboardHandlers};
+//# sourceMappingURL=useRadiusKeyboardHandlers.js.map

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

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

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

@@ -0,0 +1,17 @@
+type ToastVariant = 'success' | 'error';
+type ToastState = {
+    message: string;
+    variant: ToastVariant;
+} | null;
+type BatchSelectResult = {
+    attempted: number;
+    added: number;
+};
+type UseSelectionToastReturn = {
+    toast: ToastState;
+    showToast: (message: string, variant: ToastVariant) => void;
+    showSelectionResult: (result: BatchSelectResult, action?: 'added' | 'selected') => void;
+};
+export declare const useSelectionToast: (duration?: number) => UseSelectionToastReturn;
+export {};
+//# sourceMappingURL=useSelectionToast.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectionToast.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/useSelectionToast.ts"],"names":[],"mappings":"AAEA,KAAK,YAAY,GAAG,SAAS,GAAG,OAAO,CAAC;AAExC,KAAK,UAAU,GAAG;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,YAAY,CAAC;CACvB,GAAG,IAAI,CAAC;AAET,KAAK,iBAAiB,GAAG;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAE9D,KAAK,uBAAuB,GAAG;IAC7B,KAAK,EAAE,UAAU,CAAC;IAClB,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IAC5D,mBAAmB,EAAE,CAAC,MAAM,EAAE,iBAAiB,EAAE,MAAM,CAAC,EAAE,OAAO,GAAG,UAAU,KAAK,IAAI,CAAC;CACzF,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,iBAAe,KAAG,uBAsCnD,CAAC"}

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

@@ -0,0 +1,2 @@
+import{useState as e,useRef as t,useCallback as r,useEffect as n}from"react";var c=function(c){void 0===c&&(c=2e3);var o=e(null),u=o[0],a=o[1],i=t(null),l=r((function(e,t){i.current&&clearTimeout(i.current),a({message:e,variant:t}),i.current=setTimeout((function(){return a(null)}),c)}),[c]),d=r((function(e,t){if(void 0===t&&(t="added"),e.added>0){var r=1===e.added?"1 well ".concat(t):"".concat(e.added," wells ").concat(t);l(r,"success")}else e.attempted>0&&l("Selection limit reached","error")}),[l]);return n((function(){return function(){i.current&&clearTimeout(i.current)}}),[]),{toast:u,showToast:l,showSelectionResult:d}};export{c as useSelectionToast};
+//# sourceMappingURL=useSelectionToast.js.map

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

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

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

@@ -0,0 +1,4 @@
+import { RefObject } from 'react';
+import { MapRef } from '@vis.gl/react-mapbox';
+export declare const useSyncViewportBounds: (mapRef: RefObject<MapRef | null>, isMapReady: boolean) => void;
+//# sourceMappingURL=useSyncViewportBounds.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSyncViewportBounds.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/useSyncViewportBounds.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkC,SAAS,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAQ9C,eAAO,MAAM,qBAAqB,GAChC,QAAQ,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,EAChC,YAAY,OAAO,KAClB,IA8CF,CAAC"}

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

@@ -0,0 +1,2 @@
+import{useCallback as t,useRef as r,useEffect as o}from"react";import e from"lodash/throttle";import{useViewportStore as n}from"../../../../stores/viewport-store/useViewportStore.js";var u=function(u,i){var c=n((function(t){return t.setBounds})),f=t((function(){var t=u.current;if(t){var r=t.getBounds();if(r){var o={north:r.getNorth(),south:r.getSouth(),east:r.getEast(),west:r.getWest()};c(o,t.getZoom())}}}),[u,c]),s=r(f);s.current=f;var a=r(e((function(){return s.current()}),50,{trailing:!0})).current;o((function(){var t=u.current;if(t&&i)return t.on("move",a),function(){t.off("move",a)}}),[u,i,a]),o((function(){return function(){a.cancel()}}),[a])};export{u as useSyncViewportBounds};
+//# sourceMappingURL=useSyncViewportBounds.js.map

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

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

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

@@ -0,0 +1,6 @@
+/**
+ * Hook that returns whether the map is zoomed out too far for data loading.
+ * When true, data fetching is disabled and a hint should be shown.
+ */
+export declare const useZoomLimitState: () => boolean;
+//# sourceMappingURL=useZoomLimitState.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useZoomLimitState.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV5/components/Map/OffsetWellMap/hooks/useZoomLimitState.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,eAAO,MAAM,iBAAiB,QAAO,OAQpC,CAAC"}

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

@@ -0,0 +1,2 @@
+import{useViewportStore as r}from"../../../../stores/viewport-store/useViewportStore.js";import{getTilesForViewport as t,MAX_TILES_FOR_FETCH as o}from"../../../../utils/tile-math.js";var e=function(){var e=r((function(r){return r.bounds}));return!!e&&t(e).length>o};export{e as useZoomLimitState};
+//# sourceMappingURL=useZoomLimitState.js.map

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

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

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

@@ -0,0 +1,17 @@
+import type { Feature, Polygon } from 'geojson';
+import type { SelectionZone } from '../../../../types/SelectionZone';
+type GhostZoneBoundsResult = {
+    geoJSON: Feature<Polygon>;
+    bounds: [number, number, number, number];
+};
+/**
+ * Calculates viewport bounds from a SelectionZone.
+ *
+ * For radius zones: generates a circle using @turf/circle and calculates bbox
+ * For polygon zones: uses existing createPolygonGeoJSON and calculates bbox
+ *
+ * Returns null if the zone is invalid (e.g., polygon with < 3 points)
+ */
+export declare const getGhostZoneBounds: (zone: SelectionZone) => GhostZoneBoundsResult | null;
+export {};
+//# sourceMappingURL=getGhostZoneBounds.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getGhostZoneBounds.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/OffsetWellPickerV5/components/Map/OffsetWellMap/utils/getGhostZoneBounds.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEhD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAIrE,KAAK,qBAAqB,GAAG;IAC3B,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;IAC1B,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;CAC1C,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,kBAAkB,GAAI,MAAM,aAAa,KAAG,qBAAqB,GAAG,IA4BhF,CAAC"}

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

@@ -0,0 +1,2 @@
+import r from"@turf/bbox";import o from"@turf/circle";import{createPolygonGeoJSON as t}from"./polygonCoords.js";var e=function(e){if("radius"===e.type){var n=o([e.center.longitude,e.center.latitude],e.radius,{units:"miles",steps:64});return{geoJSON:n,bounds:r(n)}}var u=t(e.polygonCoords);return u?{geoJSON:u,bounds:r(u)}:null};export{e as getGhostZoneBounds};
+//# sourceMappingURL=getGhostZoneBounds.js.map

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

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

package/components/OffsetWellPickerV5/components/Map/WellsMap.d.ts

@@ -1,4 +1,9 @@
 import { OffsetWellMapHandle, Well, SubjectWell } from './OffsetWellMap';
+import type { SelectionZone } from '../../types/SelectionZone';
+type BatchSelectResult = {
+    attempted: number;
+    added: number;
+};
 type WellsMapProps = {
     subjectWell?: SubjectWell | null;
     wells: Well[];
@@ -9,9 +14,10 @@ type WellsMapProps = {
     }, isSelected?: boolean) => void;
     onBatchSelectWells: (wells: {
         id: number;
-    }[]) => void;
+    }[], onComplete?: (result: BatchSelectResult) => void) => void;
     activeWellId?: number | null;
-    isLoading?: boolean;
+    selectionZone?: SelectionZone | null;
+    onSelectionZoneConfirm?: (zone: SelectionZone) => void;
 };
 export declare const WellsMap: import("react").ForwardRefExoticComponent<WellsMapProps & import("react").RefAttributes<OffsetWellMapHandle>>;
 export {};

package/components/OffsetWellPickerV5/components/Map/WellsMap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WellsMap.d.ts","sourceRoot":"","sources":["../../../../../src/components/OffsetWellPickerV5/components/Map/WellsMap.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiB,mBAAmB,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAIxF,KAAK,aAAa,GAAG;IACnB,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACjC,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,sBAAsB,EAAE,CAAC,IAAI,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,EAAE,UAAU,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9E,kBAAkB,EAAE,CAAC,KAAK,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,EAAE,KAAK,IAAI,CAAC;IACtD,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,QAAQ,+GA8BpB,CAAC"}
+{"version":3,"file":"WellsMap.d.ts","sourceRoot":"","sources":["../../../../../src/components/OffsetWellPickerV5/components/Map/WellsMap.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiB,mBAAmB,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACxF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAI/D,KAAK,iBAAiB,GAAG;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAE9D,KAAK,aAAa,GAAG;IACnB,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACjC,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,sBAAsB,EAAE,CAAC,IAAI,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,EAAE,UAAU,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9E,kBAAkB,EAAE,CAClB,KAAK,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,EAAE,EACvB,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,KAC7C,IAAI,CAAC;IACV,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,aAAa,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IACrC,sBAAsB,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;CACxD,CAAC;AAEF,eAAO,MAAM,QAAQ,+GAgCpB,CAAC"}

package/components/OffsetWellPickerV5/components/Map/WellsMap.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{forwardRef as l}from"react";import{OffsetWellMap as a}from"./OffsetWellMap/OffsetWellMap.js";import s from"./WellsMap.module.css.js";var t=l((function(l,t){var o=l.subjectWell,i=void 0===o?null:o,n=l.wells,r=l.offsetWellIds,d=l.mapHidden,f=l.handleChangeOffsetWell,m=l.onBatchSelectWells,p=l.activeWellId,c=void 0===p?null:p,W=l.isLoading,u=void 0!==W&&W;return e("div",{className:d?s.mapContainerHidden:s.mapContainer,children:e(a,{ref:t,subjectWell:i,wells:n,offsetWellIds:r,handleChangeOffsetWell:f,onBatchSelectWells:m,activeWellId:c,isLoading:u,classes:{root:s.mapRoot,map:s.mapMain}})})}));t.displayName="WellsMap";export{t as WellsMap};
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as l}from"react";import{OffsetWellMap as o}from"./OffsetWellMap/OffsetWellMap.js";import n from"./WellsMap.module.css.js";var t=l((function(l,t){var a=l.subjectWell,s=void 0===a?null:a,i=l.wells,r=l.offsetWellIds,f=l.mapHidden,m=l.handleChangeOffsetWell,c=l.onBatchSelectWells,d=l.activeWellId,p=void 0===d?null:d,W=l.selectionZone,u=l.onSelectionZoneConfirm;return e("div",{className:f?n.mapContainerHidden:n.mapContainer,children:e(o,{ref:t,subjectWell:s,wells:i,offsetWellIds:r,handleChangeOffsetWell:m,onBatchSelectWells:c,activeWellId:p,selectionZone:W,onSelectionZoneConfirm:u,classes:{root:n.mapRoot,map:n.mapMain}})})}));t.displayName="WellsMap";export{t as WellsMap};
 //# sourceMappingURL=WellsMap.js.map

package/components/OffsetWellPickerV5/components/MapPreloader/MapPreloader.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import 'mapbox-gl/dist/mapbox-gl.css';
+/**
+ * A minimal hidden map component that pre-initializes WebGL context
+ * and loads mapbox resources before the modal opens.
+ * Uses user's preferred map style from settings.
+ */
+export declare const MapPreloader: FC;
+//# sourceMappingURL=MapPreloader.d.ts.map

package/components/OffsetWellPickerV5/components/MapPreloader/MapPreloader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapPreloader.d.ts","sourceRoot":"","sources":["../../../../../src/components/OffsetWellPickerV5/components/MapPreloader/MapPreloader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAQ,MAAM,OAAO,CAAC;AAEjC,OAAO,8BAA8B,CAAC;AAStC;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,EAgBzB,CAAC"}

package/components/OffsetWellPickerV5/components/MapPreloader/MapPreloader.js

@@ -0,0 +1,2 @@
+import{jsx as t}from"react/jsx-runtime";import{memo as e}from"react";import o from"@vis.gl/react-mapbox";import"mapbox-gl/dist/mapbox-gl.css";import{MapConfig as r}from"../Map/OffsetWellMap/constants.js";import"../../stores/user-settings-store/UserSettingsStoreProvider.js";import{useUserSettingsStore as s}from"../../stores/user-settings-store/useUserSettingsStore.js";import"../../stores/user-settings-store/UserSettingsStoreContext.js";import i from"./MapPreloader.module.css.js";import{MAP_BOX_ACCESS_TOKEN as a}from"../../../../config/mapbox/index.js";var m=e((function(){var e,m=null!==(e=s((function(t){return t.settings.mapStyle})))&&void 0!==e?e:"satellite";return t("div",{className:i.container,children:t(o,{mapboxAccessToken:a,mapStyle:r.Styles[m],longitude:r.DefaultCoords.longitude,latitude:r.DefaultCoords.latitude,zoom:r.Zoom.Initial,interactive:!1,attributionControl:!1})})}));m.displayName="MapPreloader";export{m as MapPreloader};
+//# sourceMappingURL=MapPreloader.js.map

package/components/OffsetWellPickerV5/components/MapPreloader/MapPreloader.js.map

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

package/components/OffsetWellPickerV5/components/MapPreloader/MapPreloader.module.css.js

@@ -0,0 +1,2 @@
+import e from'./../../../../ext-esm/style-inject/dist/style-inject.es.js';var t={container:"MapPreloader-module_container__KXjet"};e(".MapPreloader-module_container__KXjet{height:100px;left:-9999px;pointer-events:none;position:fixed;top:0;visibility:hidden;width:100px}");export{t as default};
+//# sourceMappingURL=MapPreloader.module.css.js.map

package/components/OffsetWellPickerV5/components/MapPreloader/MapPreloader.module.css.js.map

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

package/components/OffsetWellPickerV5/components/MapPreloader/index.d.ts

@@ -0,0 +1,2 @@
+export { MapPreloader } from './MapPreloader';
+//# sourceMappingURL=index.d.ts.map

package/components/OffsetWellPickerV5/components/MapPreloader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/OffsetWellPickerV5/components/MapPreloader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

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 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/CloudDelete.js";import"../../../../../icons/customIcons/icons/Lasso.js";var d=function(n){var d=n.companyIds,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],y=W[1],k=s(null),R=o(k,2),S=R[0],x=R[1],P=c(),q=function(){y(""),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:P,value:O,onChange:function(o){y(o.target.value),o.target.value&&(b(P.current),P.current&&x(P.current.offsetWidth))},onClick:function(o){b(o.currentTarget),P.current&&x(P.current.offsetWidth)}}),u(e,{open:Boolean(g),anchorEl:g,onClose:q,anchorOrigin:{vertical:"top",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:u(r,{subjectWellId:I,value:O,companyIds:d,selectedWellIds:h,onChange:j,onClose:q,searchWidth:S,loadingAssetIds:C})})]})};d.propTypes={companyIds:n.arrayOf(n.number),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={companyIds:null,loadingAssetIds:[]};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/CloudDelete.js";import"../../../../../icons/customIcons/icons/Lasso.js";import"../../../../../icons/customIcons/icons/Radius.js";var d=function(n){var d=n.companyIds,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],y=W[1],R=s(null),k=o(R,2),S=k[0],x=k[1],P=c(),q=function(){y(""),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:P,value:O,onChange:function(o){y(o.target.value),o.target.value&&(b(P.current),P.current&&x(P.current.offsetWidth))},onClick:function(o){b(o.currentTarget),P.current&&x(P.current.offsetWidth)}}),u(e,{open:Boolean(g),anchorEl:g,onClose:q,anchorOrigin:{vertical:"top",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:u(r,{subjectWellId:I,value:O,companyIds:d,selectedWellIds:h,onChange:j,onClose:q,searchWidth:S,loadingAssetIds:C})})]})};d.propTypes={companyIds:n.arrayOf(n.number),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={companyIds:null,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  companyIds,\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          companyIds={companyIds}\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  companyIds: PropTypes.arrayOf(PropTypes.number),\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  companyIds: null,\n  loadingAssetIds: [],\n};\n"],"names":["AdvancedSearch","_ref","companyIds","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","propTypes","PropTypes","arrayOf","number","isRequired","func","defaultProps"],"mappings":"s9FAUaA,IAAAA,EAAiB,SAOxBC,GAAA,IANJC,IAAAA,WACAC,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,EACPd,WAAYA,EACZG,gBAAiBA,EACjBD,SAAUA,EACVoD,QAAShC,EACTJ,YAAaA,EACbb,gBAAiBA,QAK3B,EAEAP,EAAe8D,UAAY,CACzB5D,WAAY6D,EAAUC,QAAQD,EAAUE,QACxC9D,cAAe4D,EAAUE,OAAOC,WAChC9D,SAAU2D,EAAUI,KAAKD,WACzB7D,gBAAiB0D,EAAUC,QAAQD,EAAUE,QAAQC,WACrD5D,qBAAsByD,EAAUI,KAAKD,WACrC3D,gBAAiBwD,EAAUC,QAAQD,EAAUE,SAG/CjE,EAAeoE,aAAe,CAC5BlE,WAAY,KACZK,gBAAiB"}
+{"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  companyIds,\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          companyIds={companyIds}\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  companyIds: PropTypes.arrayOf(PropTypes.number),\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  companyIds: null,\n  loadingAssetIds: [],\n};\n"],"names":["AdvancedSearch","_ref","companyIds","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","propTypes","PropTypes","arrayOf","number","isRequired","func","defaultProps"],"mappings":"+gGAUaA,IAAAA,EAAiB,SAOxBC,GAAA,IANJC,IAAAA,WACAC,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,EACPd,WAAYA,EACZG,gBAAiBA,EACjBD,SAAUA,EACVoD,QAAShC,EACTJ,YAAaA,EACbb,gBAAiBA,QAK3B,EAEAP,EAAe8D,UAAY,CACzB5D,WAAY6D,EAAUC,QAAQD,EAAUE,QACxC9D,cAAe4D,EAAUE,OAAOC,WAChC9D,SAAU2D,EAAUI,KAAKD,WACzB7D,gBAAiB0D,EAAUC,QAAQD,EAAUE,QAAQC,WACrD5D,qBAAsByD,EAAUI,KAAKD,WACrC3D,gBAAiBwD,EAAUC,QAAQD,EAAUE,SAG/CjE,EAAeoE,aAAe,CAC5BlE,WAAY,KACZK,gBAAiB"}

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

@@ -1,2 +1,2 @@
-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 C}from"../../../constants.js";import{SEARCH_CATEGORIES as I}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.js";import"../../../../../componentsV2/Modal/Modal.scss.js";import"../../../../../componentsV2/Menu/Menu.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/CloudDelete.js";import"../../../../../icons/customIcons/icons/Lasso.js";import"../../../../../componentsV2/utils.js";import"../../../../../componentsV2/Hint/Hint.scss.js";import"../../../../../componentsV2/Counter/Counter.js";import"../../../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../../../../componentsV2/TemplatesControl/utils.js";import"../../../../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../../../../componentsV2/TemplatesControl/Store/utils.js";import"../../../../../componentsV2/TemplatesControl/types.js";import"../../../../../utils/index.js";import"../../../../../clients/jsonApi/index.js";import"../../../../../permissions/PermissionsContext.js";import"../../../../../permissions/constants/index.js";import"../../../../../permissions/withPermissionsHOC.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../../../permissions/ProvidePermissions.js";import"../../../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../../../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../../../componentsV2/Switch/Switch.js";import"../../../../../componentsV2/Tabs/Tabs.js";import"../../../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../../../../componentsV2/FileIcon/FileIcon.js";import"../../../../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../../../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../../../../componentsV2/FilesLoader/FilesLoader.scss.js";import"../../../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../../../utils/main.js";import"../../../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../../../componentsV2/Stepper/Stepper.scss.js";import"../../../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../../../componentsV2/ButtonText/ButtonText.js";import"../../../../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../../../../componentsV2/Accordion/Accordion.scss.js";import"../../../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../../../componentsV2/AppContainer/AppContainer.js";import"../../../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../../../componentsV2/AppFooter/AppFooter.js";import"immutable";import"../../../../../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/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"@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"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";import"../../../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.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,P=r.assetType,D=r.loading,y=r.groupedAssets,H=r.onClickAsset,k=r.onClickAllAsset,L=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),O=N[0],E=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(){D?E(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)*O/z))}),[O,z,D,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===C*t}))}(y,T)&&(w("auto"),L("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:[!P&&S(u,{classes:{gutters:B.listGutters},children:S(j,{className:B.assetTypeSubheaderChip,variant:"outlined",label:I[e].labelPlural},e)}),P&&S(A,{button:!0,classes:{gutters:B.listGutters},onClick:function(){return k(!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===I.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"})]}),D&&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};
+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 C}from"../../../constants.js";import{SEARCH_CATEGORIES as I}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.js";import"../../../../../componentsV2/Modal/Modal.scss.js";import"../../../../../componentsV2/Menu/Menu.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/CloudDelete.js";import"../../../../../icons/customIcons/icons/Lasso.js";import"../../../../../icons/customIcons/icons/Radius.js";import"../../../../../componentsV2/utils.js";import"../../../../../componentsV2/Hint/Hint.scss.js";import"../../../../../componentsV2/Counter/Counter.js";import"../../../../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../../../../componentsV2/TemplatesControl/TemplatesControl.js";import"zustand";import"../../../../../componentsV2/TemplatesControl/utils.js";import"../../../../../componentsV2/TemplatesControl/icons/folder/index.js";import"../../../../../componentsV2/TemplatesControl/Store/utils.js";import"../../../../../componentsV2/TemplatesControl/types.js";import"../../../../../utils/index.js";import"../../../../../clients/jsonApi/index.js";import"../../../../../permissions/PermissionsContext.js";import"../../../../../permissions/constants/index.js";import"../../../../../permissions/withPermissionsHOC.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../../../permissions/ProvidePermissions.js";import"../../../../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../../../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../../../../componentsV2/LoaderLogo/LoaderLogo.constants.js";import"../../../../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../../../../componentsV2/Switch/Switch.js";import"../../../../../componentsV2/Tabs/Tabs.js";import"../../../../../componentsV2/EmptyState/EmptyState.scss.js";import"../../../../../componentsV2/FileIcon/FileIcon.js";import"../../../../../componentsV2/Tag/Tag.js";import"react-dropzone";import"../../../../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../../../../componentsV2/FilesLoader/FilesLoader.scss.js";import"../../../../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../../../../componentsV2/Skeleton/Skeleton.scss.js";import"../../../../../utils/main.js";import"../../../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../../../../componentsV2/Stepper/Step/Step.scss.js";import"../../../../../componentsV2/Stepper/Stepper.scss.js";import"../../../../../componentsV2/ButtonLive/ButtonLive.js";import"../../../../../componentsV2/ButtonText/ButtonText.js";import"../../../../../componentsV2/IndicatorLive/IndicatorLive.js";import"../../../../../componentsV2/Accordion/Accordion.scss.js";import"../../../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../../../../componentsV2/BadgeComment/BadgeComment.js";import"../../../../../componentsV2/AppContainer/AppContainer.js";import"../../../../../componentsV2/AppContainer/AppContainer.constants.js";import"../../../../../componentsV2/AppFooter/AppFooter.js";import"immutable";import"../../../../../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/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"@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"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";import"../../../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.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,P=r.assetType,D=r.loading,y=r.groupedAssets,H=r.onClickAsset,k=r.onClickAllAsset,L=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),O=N[0],E=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(){D?E(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)*O/z))}),[O,z,D,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===C*t}))}(y,T)&&(w("auto"),L("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:[!P&&S(u,{classes:{gutters:B.listGutters},children:S(j,{className:B.assetTypeSubheaderChip,variant:"outlined",label:I[e].labelPlural},e)}),P&&S(A,{button:!0,classes:{gutters:B.listGutters},onClick:function(){return k(!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===I.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"})]}),D&&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\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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"}
+{"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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"}