@corva/ui 3.75.0-1 → 3.75.0-11

package/componentsV2/ImageViewer/ImageViewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageViewer.js","sources":["../../../src/componentsV2/ImageViewer/ImageViewer.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { renderToString } from 'react-dom/server';\nimport PhotoSwipeLightbox from 'photoswipe/lightbox';\nimport PhotoSwipe from 'photoswipe';\n\nimport 'photoswipe/photoswipe.css';\nimport { useIsInsideIsolatedDcApp } from '../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider';\n\nimport styles from './ImageViewer.scss';\n\nimport { ArrowLeftIcon, DownloadIcon, ZoomInIcon, ZoomOutIcon } from '~/icons';\n\nexport type ImageViewerProps = {\n  src?: string;\n  width?: number;\n  height?: number;\n  onClose?: () => void;\n  onOpen?: () => void;\n};\n\nconst MaxZoomLevel = 2;\nconst ZoomStep = 0.5;\n\nexport const ImageViewer = ({ src, onClose, onOpen, height, width }: ImageViewerProps) => {\n  const isInDcApp = useIsInsideIsolatedDcApp();\n\n  const [imageSize, setImageSize] = useState<{ width: number; height: number } | undefined>(() => {\n    if (width && height) {\n      return { height, width };\n    }\n    return undefined;\n  });\n\n  useEffect(() => {\n    if (src && !imageSize) {\n      const img = new Image();\n      img.onload = e => {\n        const { naturalWidth, naturalHeight } = e.currentTarget as unknown as HTMLImageElement;\n        setImageSize({ width: naturalWidth, height: naturalHeight });\n      };\n      img.src = src;\n    }\n  }, [src, imageSize]);\n\n  useEffect(() => {\n    if (!src || !imageSize) {\n      return undefined;\n    }\n\n    // eslint-disable-next-line no-restricted-globals\n    const targetWindowObj = isInDcApp ? parent : window;\n    const lightbox = new PhotoSwipeLightbox({\n      pswpModule: PhotoSwipe,\n      dataSource: [\n        {\n          src,\n          width: imageSize.width,\n          height: imageSize.height,\n        },\n      ],\n      clickToCloseNonZoomable: false,\n      wheelToZoom: true,\n      initialZoomLevel: 'fit',\n      padding: { top: 50, bottom: 50, left: 50, right: 50 },\n      // eslint-disable-next-line no-restricted-globals\n      appendToEl: targetWindowObj.document.body,\n      getViewportSizeFn: () => ({\n        x: targetWindowObj.innerWidth,\n        y: targetWindowObj.innerHeight,\n      }),\n      maxZoomLevel: MaxZoomLevel,\n      mainClass: styles.root,\n      closeSVG: renderToString(<ArrowLeftIcon />),\n      // zoomSVG: renderToString(\n      //   <>\n      //     <ZoomInIcon />\n      //     <ZoomOutIcon />\n      //   </>\n      // ),\n    });\n\n    lightbox.on('bindEvents', () => {\n      const { pswp } = lightbox;\n\n      if (pswp && isInDcApp) {\n        // Filtering events and reassigning handlers to parent window\n        // For this we get into the guts of photoswipe's event handler manager\n        // This is fragile because we access the \"private\" property but there's no other way to re-bind those listeners\n        /* eslint-disable no-underscore-dangle */\n        // @ts-expect-error accessing \"private\" property of `events`\n        const pool = pswp.events._pool.slice();\n        /* eslint-enable no-underscore-dangle */\n\n        pool.forEach(\n          ({\n            target,\n            type,\n            listener,\n            passive,\n          }: {\n            target: Parameters<typeof pswp['events']['add']>[0];\n            type: Parameters<typeof pswp['events']['add']>[1];\n            listener: Parameters<typeof pswp['events']['add']>[2];\n            passive: Parameters<typeof pswp['events']['add']>[3];\n          }) => {\n            if (target === window) {\n              pswp.events.remove(target, type, listener, passive);\n              pswp.events.add(targetWindowObj, type, listener, passive);\n            }\n\n            if (target === document) {\n              pswp.events.remove(target, type, listener, passive);\n              pswp.events.add(targetWindowObj.document, type, listener, passive);\n            }\n          }\n        );\n      }\n    });\n\n    lightbox.on('uiRegister', () => {\n      const ui = lightbox?.pswp?.ui;\n\n      ui?.registerElement({\n        name: 'download-button',\n        order: 7,\n        isButton: true,\n        tagName: 'a',\n\n        html: renderToString(<DownloadIcon className=\"pswp__icn\" />),\n\n        onInit: (el, pswp) => {\n          el.setAttribute('download', '');\n          el.setAttribute('target', '_blank');\n          el.setAttribute('rel', 'noopener');\n\n          pswp?.on('change', () => {\n            // eslint-disable-next-line no-param-reassign\n            (el as HTMLAnchorElement).href = pswp?.currSlide?.data.src || '';\n          });\n        },\n      });\n\n      ui?.registerElement({\n        name: 'zoom-in-button',\n        order: 8,\n        isButton: true,\n        tagName: 'button',\n        html: renderToString(<ZoomInIcon className=\"pswp__icn\" />),\n        onInit: (el, pswp) => {\n          pswp.on('zoomPanUpdate', e => {\n            const button = el as HTMLButtonElement;\n            const zoomLevel = pswp.currSlide?.currZoomLevel || 1;\n\n            if (e.slide === pswp.currSlide) {\n              button.disabled = zoomLevel >= MaxZoomLevel;\n            }\n          });\n        },\n        onClick: (_e, _el, pswp) => {\n          if (!pswp?.currSlide?.currZoomLevel) {\n            return;\n          }\n\n          const rawNewZoom = pswp.currSlide.currZoomLevel + ZoomStep;\n          const newZoom = Math.min(Math.floor(rawNewZoom / ZoomStep) * ZoomStep, MaxZoomLevel);\n\n          pswp.currSlide.zoomTo(newZoom, undefined);\n        },\n      });\n\n      const initialZoomLevelsMap = new WeakMap<object, number | undefined>();\n      ui?.registerElement({\n        name: 'zoom-out-button',\n        order: 9,\n        isButton: true,\n        tagName: 'button',\n        html: renderToString(<ZoomOutIcon className=\"pswp__icn\" />),\n        onInit: (el, pswp) => {\n          pswp.on('zoomPanUpdate', e => {\n            const button = el as HTMLButtonElement;\n            const zoomLevel = pswp.currSlide?.currZoomLevel || 1;\n\n            if (e.slide === pswp.currSlide) {\n              // First run - save current zoom as minimal\n              if (!initialZoomLevelsMap.get(pswp.currSlide)) {\n                initialZoomLevelsMap.set(pswp.currSlide, zoomLevel);\n              }\n\n              button.disabled = zoomLevel <= (initialZoomLevelsMap.get(pswp.currSlide) || 1);\n            }\n          });\n        },\n        onClick: (_e, _el, pswp) => {\n          if (!pswp?.currSlide?.currZoomLevel || !initialZoomLevelsMap.get(pswp.currSlide)) {\n            return;\n          }\n\n          const rawNewZoom = pswp.currSlide.currZoomLevel - ZoomStep;\n          const newZoom = Math.max(\n            Math.ceil(rawNewZoom / ZoomStep) * ZoomStep,\n            initialZoomLevelsMap.get(pswp.currSlide) || 1\n          );\n\n          pswp.currSlide.zoomTo(newZoom, undefined);\n        },\n      });\n    });\n\n    lightbox.on('close', () => {\n      onClose?.();\n    });\n\n    lightbox.on('destroy', () => {\n      onClose?.();\n    });\n\n    lightbox.on('initialLayout', () => {\n      onOpen?.();\n    });\n\n    lightbox.init();\n    lightbox.loadAndOpen(0);\n\n    return () => {\n      lightbox.destroy();\n    };\n  }, [src, isInDcApp, onClose, onOpen, imageSize]);\n\n  return <></>;\n};\n"],"names":["ImageViewer","_ref","src","onClose","onOpen","height","width","isInDcApp","useIsInsideIsolatedDcApp","useState","_useState2","_slicedToArray","_useState","imageSize","setImageSize","useEffect","img","Image","onload","e","currentTarget","naturalWidth","naturalHeight","targetWindowObj","parent","window","lightbox","PhotoSwipeLightbox","pswpModule","PhotoSwipe","dataSource","clickToCloseNonZoomable","wheelToZoom","initialZoomLevel","padding","top","bottom","left","right","appendToEl","document","body","getViewportSizeFn","x","innerWidth","y","innerHeight","maxZoomLevel","mainClass","styles","root","closeSVG","renderToString","_jsx","ArrowLeftIcon","on","pswp","events","_pool","slice","forEach","_ref3","target","type","listener","passive","remove","add","_lightbox$pswp","ui","registerElement","name","order","isButton","tagName","html","DownloadIcon","className","onInit","el","setAttribute","_pswp$currSlide","href","currSlide","data","ZoomInIcon","_pswp$currSlide2","button","zoomLevel","currZoomLevel","slide","disabled","onClick","_e","_el","_pswp$currSlide3","rawNewZoom","newZoom","Math","min","floor","zoomTo","undefined","initialZoomLevelsMap","WeakMap","ZoomOutIcon","_pswp$currSlide4","get","set","_pswp$currSlide5","max","ceil","init","loadAndOpen","destroy","_Fragment"],"mappings":"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"}
+{"version":3,"file":"ImageViewer.js","sources":["../../../src/componentsV2/ImageViewer/ImageViewer.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { renderToString } from 'react-dom/server';\nimport PhotoSwipeLightbox from 'photoswipe/lightbox';\nimport PhotoSwipe from 'photoswipe';\n\nimport 'photoswipe/photoswipe.css';\nimport { useIsInsideIsolatedDcApp } from '../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider';\n\nimport styles from './ImageViewer.scss';\n\nimport { ArrowLeftIcon, DownloadIcon, ZoomInIcon, ZoomOutIcon } from '~/icons';\n\nexport type ImageViewerProps = {\n  src?: string;\n  width?: number;\n  height?: number;\n  onClose?: () => void;\n  onOpen?: () => void;\n};\n\nconst MaxZoomLevel = 2;\nconst ZoomStep = 0.5;\n\nexport const ImageViewer = ({ src, onClose, onOpen, height, width }: ImageViewerProps) => {\n  const isInDcApp = useIsInsideIsolatedDcApp();\n\n  const [imageSize, setImageSize] = useState<{ width: number; height: number } | undefined>(() => {\n    if (width && height) {\n      return { height, width };\n    }\n    return undefined;\n  });\n\n  useEffect(() => {\n    if (src && !imageSize) {\n      const img = new Image();\n      img.onload = e => {\n        const { naturalWidth, naturalHeight } = e.currentTarget as unknown as HTMLImageElement;\n        setImageSize({ width: naturalWidth, height: naturalHeight });\n      };\n      img.src = src;\n    }\n  }, [src, imageSize]);\n\n  useEffect(() => {\n    if (!src || !imageSize) {\n      return undefined;\n    }\n\n    // eslint-disable-next-line no-restricted-globals\n    const targetWindowObj = isInDcApp ? parent : window;\n    const lightbox = new PhotoSwipeLightbox({\n      pswpModule: PhotoSwipe,\n      dataSource: [\n        {\n          src,\n          width: imageSize.width,\n          height: imageSize.height,\n        },\n      ],\n      clickToCloseNonZoomable: false,\n      wheelToZoom: true,\n      initialZoomLevel: 'fit',\n      padding: { top: 50, bottom: 50, left: 50, right: 50 },\n      // eslint-disable-next-line no-restricted-globals\n      appendToEl: targetWindowObj.document.body,\n      getViewportSizeFn: () => ({\n        x: targetWindowObj.innerWidth,\n        y: targetWindowObj.innerHeight,\n      }),\n      maxZoomLevel: MaxZoomLevel,\n      mainClass: styles.root,\n      closeSVG: renderToString(<ArrowLeftIcon />),\n      // zoomSVG: renderToString(\n      //   <>\n      //     <ZoomInIcon />\n      //     <ZoomOutIcon />\n      //   </>\n      // ),\n    });\n\n    lightbox.on('bindEvents', () => {\n      const { pswp } = lightbox;\n\n      if (pswp && isInDcApp) {\n        // Filtering events and reassigning handlers to parent window\n        // For this we get into the guts of photoswipe's event handler manager\n        // This is fragile because we access the \"private\" property but there's no other way to re-bind those listeners\n        /* eslint-disable no-underscore-dangle */\n        // @ts-expect-error accessing \"private\" property of `events`\n        const pool = pswp.events._pool.slice();\n        /* eslint-enable no-underscore-dangle */\n\n        pool.forEach(\n          ({\n            target,\n            type,\n            listener,\n            passive,\n          }: {\n            target: Parameters<typeof pswp['events']['add']>[0];\n            type: Parameters<typeof pswp['events']['add']>[1];\n            listener: Parameters<typeof pswp['events']['add']>[2];\n            passive: Parameters<typeof pswp['events']['add']>[3];\n          }) => {\n            if (target === window) {\n              pswp.events.remove(target, type, listener, passive);\n              pswp.events.add(targetWindowObj, type, listener, passive);\n            }\n\n            if (target === document) {\n              pswp.events.remove(target, type, listener, passive);\n              pswp.events.add(targetWindowObj.document, type, listener, passive);\n            }\n          }\n        );\n      }\n    });\n\n    lightbox.on('uiRegister', () => {\n      const ui = lightbox?.pswp?.ui;\n\n      ui?.registerElement({\n        name: 'download-button',\n        order: 7,\n        isButton: true,\n        tagName: 'a',\n\n        html: renderToString(<DownloadIcon className=\"pswp__icn\" />),\n\n        onInit: (el, pswp) => {\n          el.setAttribute('download', '');\n          el.setAttribute('target', '_blank');\n          el.setAttribute('rel', 'noopener');\n\n          pswp?.on('change', () => {\n            // eslint-disable-next-line no-param-reassign\n            (el as HTMLAnchorElement).href = pswp?.currSlide?.data.src || '';\n          });\n        },\n      });\n\n      ui?.registerElement({\n        name: 'zoom-in-button',\n        order: 8,\n        isButton: true,\n        tagName: 'button',\n        html: renderToString(<ZoomInIcon className=\"pswp__icn\" />),\n        onInit: (el, pswp) => {\n          pswp.on('zoomPanUpdate', e => {\n            const button = el as HTMLButtonElement;\n            const zoomLevel = pswp.currSlide?.currZoomLevel || 1;\n\n            if (e.slide === pswp.currSlide) {\n              button.disabled = zoomLevel >= MaxZoomLevel;\n            }\n          });\n        },\n        onClick: (_e, _el, pswp) => {\n          if (!pswp?.currSlide?.currZoomLevel) {\n            return;\n          }\n\n          const rawNewZoom = pswp.currSlide.currZoomLevel + ZoomStep;\n          const newZoom = Math.min(Math.floor(rawNewZoom / ZoomStep) * ZoomStep, MaxZoomLevel);\n\n          pswp.currSlide.zoomTo(newZoom, undefined);\n        },\n      });\n\n      const initialZoomLevelsMap = new WeakMap<object, number | undefined>();\n      ui?.registerElement({\n        name: 'zoom-out-button',\n        order: 9,\n        isButton: true,\n        tagName: 'button',\n        html: renderToString(<ZoomOutIcon className=\"pswp__icn\" />),\n        onInit: (el, pswp) => {\n          pswp.on('zoomPanUpdate', e => {\n            const button = el as HTMLButtonElement;\n            const zoomLevel = pswp.currSlide?.currZoomLevel || 1;\n\n            if (e.slide === pswp.currSlide) {\n              // First run - save current zoom as minimal\n              if (!initialZoomLevelsMap.get(pswp.currSlide)) {\n                initialZoomLevelsMap.set(pswp.currSlide, zoomLevel);\n              }\n\n              button.disabled = zoomLevel <= (initialZoomLevelsMap.get(pswp.currSlide) || 1);\n            }\n          });\n        },\n        onClick: (_e, _el, pswp) => {\n          if (!pswp?.currSlide?.currZoomLevel || !initialZoomLevelsMap.get(pswp.currSlide)) {\n            return;\n          }\n\n          const rawNewZoom = pswp.currSlide.currZoomLevel - ZoomStep;\n          const newZoom = Math.max(\n            Math.ceil(rawNewZoom / ZoomStep) * ZoomStep,\n            initialZoomLevelsMap.get(pswp.currSlide) || 1\n          );\n\n          pswp.currSlide.zoomTo(newZoom, undefined);\n        },\n      });\n    });\n\n    lightbox.on('close', () => {\n      onClose?.();\n    });\n\n    lightbox.on('destroy', () => {\n      onClose?.();\n    });\n\n    lightbox.on('initialLayout', () => {\n      onOpen?.();\n    });\n\n    lightbox.init();\n    lightbox.loadAndOpen(0);\n\n    return () => {\n      lightbox.destroy();\n    };\n  }, [src, isInDcApp, onClose, onOpen, imageSize]);\n\n  return <></>;\n};\n"],"names":["ImageViewer","_ref","src","onClose","onOpen","height","width","isInDcApp","useIsInsideIsolatedDcApp","useState","_useState2","_slicedToArray","_useState","imageSize","setImageSize","useEffect","img","Image","onload","e","currentTarget","naturalWidth","naturalHeight","targetWindowObj","parent","window","lightbox","PhotoSwipeLightbox","pswpModule","PhotoSwipe","dataSource","clickToCloseNonZoomable","wheelToZoom","initialZoomLevel","padding","top","bottom","left","right","appendToEl","document","body","getViewportSizeFn","x","innerWidth","y","innerHeight","maxZoomLevel","mainClass","styles","root","closeSVG","renderToString","_jsx","ArrowLeftIcon","on","pswp","events","_pool","slice","forEach","_ref3","target","type","listener","passive","remove","add","_lightbox$pswp","ui","registerElement","name","order","isButton","tagName","html","DownloadIcon","className","onInit","el","setAttribute","_pswp$currSlide","href","currSlide","data","ZoomInIcon","_pswp$currSlide2","button","zoomLevel","currZoomLevel","slide","disabled","onClick","_e","_el","_pswp$currSlide3","rawNewZoom","newZoom","Math","min","floor","zoomTo","undefined","initialZoomLevelsMap","WeakMap","ZoomOutIcon","_pswp$currSlide4","get","set","_pswp$currSlide5","max","ceil","init","loadAndOpen","destroy","_Fragment"],"mappings":"mwIAoBA,IAGaA,EAAc,SAA+DC,GAAA,IAA5DC,IAAAA,IAAKC,IAAAA,QAASC,IAAAA,OAAQC,IAAAA,OAAQC,IAAAA,MACpDC,EAAYC,IAEgBC,EAAAA,GAAwD,WACxF,GAAIH,GAASD,EACX,MAAO,CAAEA,OAAAA,EAAQC,MAAAA,EAGrB,IAAEI,EAAAC,EAAAC,EAAA,GALKC,EAASH,EAAA,GAAEI,EAAYJ,EAAA,GA0M9B,OAnMAK,GAAU,WACR,GAAIb,IAAQW,EAAW,CACrB,IAAMG,EAAM,IAAIC,MAChBD,EAAIE,OAAS,SAAAC,GACX,IAAwCA,EAAAA,EAAEC,cAAlCC,IAAAA,aAAcC,IAAAA,cACtBR,EAAa,CAAER,MAAOe,EAAchB,OAAQiB,KAE9CN,EAAId,IAAMA,CACZ,CACF,GAAG,CAACA,EAAKW,IAETE,GAAU,WACR,GAAKb,GAAQW,EAAb,CAKA,IAAMU,EAAkBhB,EAAYiB,OAASC,OACvCC,EAAW,IAAIC,EAAmB,CACtCC,WAAYC,EACZC,WAAY,CACV,CACE5B,IAAAA,EACAI,MAAOO,EAAUP,MACjBD,OAAQQ,EAAUR,SAGtB0B,yBAAyB,EACzBC,aAAa,EACbC,iBAAkB,MAClBC,QAAS,CAAEC,IAAK,GAAIC,OAAQ,GAAIC,KAAM,GAAIC,MAAO,IAEjDC,WAAYhB,EAAgBiB,SAASC,KACrCC,kBAAmB,WAAA,MAAO,CACxBC,EAAGpB,EAAgBqB,WACnBC,EAAGtB,EAAgBuB,YACnB,EACFC,aAlDe,EAmDfC,UAAWC,EAAOC,KAClBC,SAAUC,EAAeC,EAACC,EAAgB,CAAA,MAuJ5C,OA9IA5B,EAAS6B,GAAG,cAAc,WACxB,IAAQC,EAAS9B,EAAT8B,KAEJA,GAAQjD,GAMGiD,EAAKC,OAAOC,MAAMC,QAG1BC,SACH,SAUMC,GAAA,IATJC,IAAAA,OACAC,IAAAA,KACAC,IAAAA,SACAC,IAAAA,QAOIH,IAAWrC,SACb+B,EAAKC,OAAOS,OAAOJ,EAAQC,EAAMC,EAAUC,GAC3CT,EAAKC,OAAOU,IAAI5C,EAAiBwC,EAAMC,EAAUC,IAG/CH,IAAWtB,WACbgB,EAAKC,OAAOS,OAAOJ,EAAQC,EAAMC,EAAUC,GAC3CT,EAAKC,OAAOU,IAAI5C,EAAgBiB,SAAUuB,EAAMC,EAAUC,GAE9D,GAGN,IAEAvC,EAAS6B,GAAG,cAAc,WAAM,IAAAa,EACxBC,EAAK3C,SAAA,QAAAA,EAAAA,EAAU8B,YAAV,IAAAY,OAAA1C,EAAA0C,EAAgBC,GAE3BA,SAAAA,EAAIC,gBAAgB,CAClBC,KAAM,kBACNC,MAAO,EACPC,UAAU,EACVC,QAAS,IAETC,KAAMvB,EAAeC,EAACuB,EAAY,CAACC,UAAU,eAE7CC,OAAQ,SAACC,EAAIvB,GACXuB,EAAGC,aAAa,WAAY,IAC5BD,EAAGC,aAAa,SAAU,UAC1BD,EAAGC,aAAa,MAAO,YAEvBxB,SAAAA,EAAMD,GAAG,UAAU,WAAM,IAAA0B,EAEtBF,EAAyBG,MAAO1B,SAAA,QAAIyB,EAAJzB,EAAM2B,iBAAN,IAAAF,OAAI,EAAJA,EAAiBG,KAAKlF,MAAO,EAChE,GACF,IAGFmE,SAAAA,EAAIC,gBAAgB,CAClBC,KAAM,iBACNC,MAAO,EACPC,UAAU,EACVC,QAAS,SACTC,KAAMvB,EAAeC,EAACgC,EAAU,CAACR,UAAU,eAC3CC,OAAQ,SAACC,EAAIvB,GACXA,EAAKD,GAAG,iBAAiB,SAAApC,GAAK,IAAAmE,EACtBC,EAASR,EACTS,GAAY,QAAAF,EAAA9B,EAAK2B,iBAAL,IAAAG,OAAA,EAAAA,EAAgBG,gBAAiB,EAE/CtE,EAAEuE,QAAUlC,EAAK2B,YACnBI,EAAOI,SAAWH,GAtIX,EAwIX,GACD,EACDI,QAAS,SAACC,EAAIC,EAAKtC,GAAS,IAAAuC,EAC1B,GAAKvC,SAAe,QAAXuC,EAAJvC,EAAM2B,iBAAS,IAAAY,GAAfA,EAAiBN,cAAtB,CAIA,IAAMO,EAAaxC,EAAK2B,UAAUM,cA9I3B,GA+IDQ,EAAUC,KAAKC,IA/Id,GA+IkBD,KAAKE,MAAMJ,EA/I7B,IADI,GAkJXxC,EAAK2B,UAAUkB,OAAOJ,OAASK,EAL/B,CAMF,IAGF,IAAMC,EAAuB,IAAIC,QACjCnC,SAAAA,EAAIC,gBAAgB,CAClBC,KAAM,kBACNC,MAAO,EACPC,UAAU,EACVC,QAAS,SACTC,KAAMvB,EAAeC,EAACoD,EAAW,CAAC5B,UAAU,eAC5CC,OAAQ,SAACC,EAAIvB,GACXA,EAAKD,GAAG,iBAAiB,SAAApC,GAAK,IAAAuF,EACtBnB,EAASR,EACTS,GAAY,QAAAkB,EAAAlD,EAAK2B,iBAAL,IAAAuB,OAAA,EAAAA,EAAgBjB,gBAAiB,EAE/CtE,EAAEuE,QAAUlC,EAAK2B,YAEdoB,EAAqBI,IAAInD,EAAK2B,YACjCoB,EAAqBK,IAAIpD,EAAK2B,UAAWK,GAG3CD,EAAOI,SAAWH,IAAce,EAAqBI,IAAInD,EAAK2B,YAAc,GAEhF,GACD,EACDS,QAAS,SAACC,EAAIC,EAAKtC,GAAS,IAAAqD,EAC1B,GAAKrD,SAAA,UAAAA,EAAM2B,iBAAN,IAAA0B,GAAAA,EAAiBpB,eAAkBc,EAAqBI,IAAInD,EAAK2B,WAAtE,CAIA,IAAMa,EAAaxC,EAAK2B,UAAUM,cAhL3B,GAiLDQ,EAAUC,KAAKY,IAjLd,GAkLLZ,KAAKa,KAAKf,EAlLL,IAmLLO,EAAqBI,IAAInD,EAAK2B,YAAc,GAG9C3B,EAAK2B,UAAUkB,OAAOJ,OAASK,EAR/B,CASF,GAEJ,IAEA5E,EAAS6B,GAAG,SAAS,WACnBpD,SAAAA,GACF,IAEAuB,EAAS6B,GAAG,WAAW,WACrBpD,SAAAA,GACF,IAEAuB,EAAS6B,GAAG,iBAAiB,WAC3BnD,SAAAA,GACF,IAEAsB,EAASsF,OACTtF,EAASuF,YAAY,GAEd,WACLvF,EAASwF,UAjLX,CAmLF,GAAG,CAAChH,EAAKK,EAAWJ,EAASC,EAAQS,IAE9BwC,EAAK8D,EAAA,CAAA,EACd"}

package/componentsV2/InterventionEventSelector/InterventionEventSelector.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{useState as n,useRef as c,useMemo as i,useEffect as t}from"react";import{QueryClientProvider as e}from"@tanstack/react-query";import{Chip as r}from"../Chip/Chip.js";import{Menu as m}from"../Menu/Menu.js";import{interventionEventSelectorQueryClient as u,useInterventionUnitEvents as p}from"./useInterventionUnitEvents.js";import{isSameEventId as l,getEventChipLabel as a,ALL_EVENTS_LABEL as j,formatEventDate as I}from"./utils.js";import d from"./InterventionEventSelector.scss.js";import{UpIcon as v,DownIcon as f}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.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"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsx as h,jsxs as C,Fragment as O}from"react/jsx-runtime";function b(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(o);s&&(c=c.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,c)}return n}function P(s){for(var n=1;n<arguments.length;n++){var c=null!=arguments[n]?arguments[n]:{};n%2?b(Object(c),!0).forEach((function(n){o(s,n,c[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(c)):b(Object(c)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(c,o))}))}return s}function g(o){var e=o.wellId,u=o.selectedEventId,b=o.onChange,P=o.className,g=n(!1),y=s(g,2),F=y[0],E=y[1],k=c(null),A=p(e),S=A.data,D=void 0===S?[]:S,M=A.isSuccess,N=i((function(){var o;return null!==(o=D.find((function(o){return l(o.id,u)})))&&void 0!==o?o:null}),[D,u]);if(t((function(){M&&null!=u&&!N&&b(null,null)}),[M,u,N,b]),!(null!=u||e&&D.length))return null;var w=function(o){E(!1),b(o?Number(o.id):null,o)};return C(O,{children:[h(r,{ref:k,className:P,size:"small",onClick:function(){return E(!0)},suffix:h(F?v:f,{}),testId:"interventionEventSelectorChip",children:a(N,u)}),C(m,{open:F,anchorEl:k.current,onClose:function(){return E(!1)},className:d.menu,children:[h(m.Item,{selected:null==u,onClick:function(){return w(null)},testId:"interventionEventSelectorAllEvents",children:j}),D.map((function(o){var s;return h(m.Item,{size:"large",selected:l(o.id,u),onClick:function(){return w(o)},testId:"interventionEventSelectorEvent-".concat(o.id),children:C("div",{className:d.eventItem,children:[C("div",{className:d.eventItemMain,children:[h("span",{className:d.eventItemOperation,children:o.operation}),h("span",{className:d.eventItemDate,children:I(o)})]}),(null===(s=o.intervention_unit)||void 0===s?void 0:s.name)&&h("div",{className:d.eventItemUnit,children:o.intervention_unit.name})]})},o.id)}))]})]})}function y(o){return h(e,{client:u,children:h(g,P({},o))})}export{y as InterventionEventSelector};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{useState as n,useRef as c,useMemo as i,useEffect as t}from"react";import{QueryClientProvider as e}from"@tanstack/react-query";import{Chip as r}from"../Chip/Chip.js";import{Menu as m}from"../Menu/Menu.js";import{interventionEventSelectorQueryClient as u,useInterventionUnitEvents as p}from"./useInterventionUnitEvents.js";import{isSameEventId as l,getEventChipLabel as a,ALL_EVENTS_LABEL as j,formatEventDate as I}from"./utils.js";import d from"./InterventionEventSelector.scss.js";import{UpIcon as v,DownIcon as f}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.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/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.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"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsx as h,jsxs as C,Fragment as O}from"react/jsx-runtime";function b(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(o);s&&(c=c.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,c)}return n}function F(s){for(var n=1;n<arguments.length;n++){var c=null!=arguments[n]?arguments[n]:{};n%2?b(Object(c),!0).forEach((function(n){o(s,n,c[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(c)):b(Object(c)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(c,o))}))}return s}function P(o){var e=o.wellId,u=o.selectedEventId,b=o.onChange,F=o.className,P=n(!1),g=s(P,2),y=g[0],E=g[1],k=c(null),A=p(e),S=A.data,D=void 0===S?[]:S,M=A.isSuccess,N=i((function(){var o;return null!==(o=D.find((function(o){return l(o.id,u)})))&&void 0!==o?o:null}),[D,u]);if(t((function(){M&&null!=u&&!N&&b(null,null)}),[M,u,N,b]),!(null!=u||e&&D.length))return null;var w=function(o){E(!1),b(o?Number(o.id):null,o)};return C(O,{children:[h(r,{ref:k,className:F,size:"small",onClick:function(){return E(!0)},suffix:h(y?v:f,{}),testId:"interventionEventSelectorChip",children:a(N,u)}),C(m,{open:y,anchorEl:k.current,onClose:function(){return E(!1)},className:d.menu,children:[h(m.Item,{selected:null==u,onClick:function(){return w(null)},testId:"interventionEventSelectorAllEvents",children:j}),D.map((function(o){var s;return h(m.Item,{size:"large",selected:l(o.id,u),onClick:function(){return w(o)},testId:"interventionEventSelectorEvent-".concat(o.id),children:C("div",{className:d.eventItem,children:[C("div",{className:d.eventItemMain,children:[h("span",{className:d.eventItemOperation,children:o.operation}),h("span",{className:d.eventItemDate,children:I(o)})]}),(null===(s=o.intervention_unit)||void 0===s?void 0:s.name)&&h("div",{className:d.eventItemUnit,children:o.intervention_unit.name})]})},o.id)}))]})]})}function g(o){return h(e,{client:u,children:h(P,F({},o))})}export{g as InterventionEventSelector};
 //# sourceMappingURL=InterventionEventSelector.js.map

package/componentsV2/InterventionEventSelector/InterventionEventSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"InterventionEventSelector.js","sources":["../../../src/componentsV2/InterventionEventSelector/InterventionEventSelector.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\nimport { QueryClientProvider } from '@tanstack/react-query';\n\nimport { Chip } from '../Chip';\nimport { Menu } from '../Menu';\n\nimport { InterventionEventSelectorProps, InterventionUnitEvent } from './types';\nimport {\n  interventionEventSelectorQueryClient,\n  useInterventionUnitEvents,\n} from './useInterventionUnitEvents';\nimport { ALL_EVENTS_LABEL, formatEventDate, getEventChipLabel, isSameEventId } from './utils';\n\nimport styles from './InterventionEventSelector.scss';\n\nimport { DownIcon, UpIcon } from '~/icons';\n\nfunction InterventionEventSelectorInner({\n  wellId,\n  selectedEventId,\n  onChange,\n  className,\n}: InterventionEventSelectorProps) {\n  const [isOpen, setIsOpen] = useState(false);\n  const anchorRef = useRef<HTMLDivElement>(null);\n\n  const { data: events = [], isSuccess } = useInterventionUnitEvents(wellId);\n\n  const selectedEvent = useMemo(\n    () => events.find(event => isSameEventId(event.id, selectedEventId)) ?? null,\n    [events, selectedEventId]\n  );\n\n  // A persisted selection may belong to another well (e.g. the app well changed\n  // while unmounted). Once the current well's events are known, an unknown id is\n  // reset to \"All events\" so consumers drop the dead filter. Only a successful\n  // fetch may reset — a failed one must not wipe a valid selection.\n  useEffect(() => {\n    if (!isSuccess || selectedEventId == null || selectedEvent) return;\n    onChange(null, null);\n  }, [isSuccess, selectedEventId, selectedEvent, onChange]);\n\n  // With an active selection the chip must stay reachable even when the events\n  // cannot be listed (failed fetch, missing well id) — it is the only control\n  // that can clear the persisted filter.\n  if (selectedEventId == null && (!wellId || !events.length)) return null;\n\n  const ArrowIcon = isOpen ? UpIcon : DownIcon;\n\n  const handleSelect = (event: InterventionUnitEvent | null) => {\n    setIsOpen(false);\n    onChange(event ? Number(event.id) : null, event);\n  };\n\n  return (\n    <>\n      <Chip\n        ref={anchorRef}\n        className={className}\n        size=\"small\"\n        onClick={() => setIsOpen(true)}\n        suffix={<ArrowIcon />}\n        testId=\"interventionEventSelectorChip\"\n      >\n        {getEventChipLabel(selectedEvent, selectedEventId)}\n      </Chip>\n      <Menu\n        open={isOpen}\n        anchorEl={anchorRef.current}\n        onClose={() => setIsOpen(false)}\n        className={styles.menu}\n      >\n        <Menu.Item\n          // An unresolvable active selection (failed fetch) still filters the\n          // consumer's data, so it must not present as \"All events\" here\n          selected={selectedEventId == null}\n          onClick={() => handleSelect(null)}\n          testId=\"interventionEventSelectorAllEvents\"\n        >\n          {ALL_EVENTS_LABEL}\n        </Menu.Item>\n        {events.map(event => (\n          <Menu.Item\n            key={event.id}\n            size=\"large\"\n            selected={isSameEventId(event.id, selectedEventId)}\n            onClick={() => handleSelect(event)}\n            testId={`interventionEventSelectorEvent-${event.id}`}\n          >\n            <div className={styles.eventItem}>\n              <div className={styles.eventItemMain}>\n                <span className={styles.eventItemOperation}>{event.operation}</span>\n                <span className={styles.eventItemDate}>{formatEventDate(event)}</span>\n              </div>\n              {event.intervention_unit?.name && (\n                <div className={styles.eventItemUnit}>{event.intervention_unit.name}</div>\n              )}\n            </div>\n          </Menu.Item>\n        ))}\n      </Menu>\n    </>\n  );\n}\n\n// The host app may bundle a different @tanstack/react-query instance than this\n// library, making an app-level QueryClientProvider invisible to the hook above.\n// Shipping our own provider keeps the component self-contained in any DC app.\nexport function InterventionEventSelector(props: InterventionEventSelectorProps) {\n  return (\n    <QueryClientProvider client={interventionEventSelectorQueryClient}>\n      <InterventionEventSelectorInner {...props} />\n    </QueryClientProvider>\n  );\n}\n"],"names":["InterventionEventSelectorInner","_ref","wellId","selectedEventId","onChange","className","useState","_useState2","_slicedToArray","_useState","isOpen","setIsOpen","anchorRef","useRef","useInterventionUnitEvents","_useInterventionUnitE2","_useInterventionUnitE","data","events","isSuccess","selectedEvent","useMemo","_events$find","find","event","isSameEventId","id","useEffect","length","handleSelect","Number","_jsxs","_Fragment","children","_jsx","Chip","ref","size","onClick","suffix","UpIcon","DownIcon","testId","getEventChipLabel","Menu","open","anchorEl","current","onClose","styles","menu","Item","selected","ALL_EVENTS_LABEL","map","_event$intervention_u","eventItem","eventItemMain","eventItemOperation","operation","eventItemDate","formatEventDate","intervention_unit","name","eventItemUnit","InterventionEventSelector","props","QueryClientProvider","client","interventionEventSelectorQueryClient","_objectSpread"],"mappings":"q2JAiBA,SAASA,EAK0BC,GAAA,IAJjCC,IAAAA,OACAC,IAAAA,gBACAC,IAAAA,SACAC,IAAAA,UAE4BC,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAApCC,EAAMH,EAAA,GAAEI,EAASJ,EAAA,GAClBK,EAAYC,EAAuB,MAEAC,EAAAA,EAA0BZ,GAAOa,EAAAC,EAAlEC,KAAMC,aAAS,GAAEH,EAAEI,IAAAA,UAErBC,EAAgBC,GACpB,WAAA,IAAAC,EAAA,eAAAA,EAAMJ,EAAOK,MAAK,SAAAC,GAAK,OAAIC,EAAcD,EAAME,GAAIvB,EAAgB,mBAAK,IAAI,GAC5E,CAACe,EAAQf,IAeX,GARAwB,GAAU,WACHR,GAAgC,MAAnBhB,IAA2BiB,GAC7ChB,EAAS,KAAM,KAChB,GAAE,CAACe,EAAWhB,EAAiBiB,EAAehB,MAKxB,MAAnBD,GAA6BD,GAAWgB,EAAOU,QAAS,OAAO,KAEnE,IAEMC,EAAe,SAACL,GACpBb,GAAU,GACVP,EAASoB,EAAQM,OAAON,EAAME,IAAM,KAAMF,IAG5C,OACEO,EAAAC,EAAA,CAAAC,SAAA,CACEC,EAACC,EAAI,CACHC,IAAKxB,EACLP,UAAWA,EACXgC,KAAK,QACLC,QAAS,WAAA,OAAM3B,GAAU,EAAM,EAC/B4B,OAAQL,EAdIxB,EAAS8B,EAASC,EAcR,IACtBC,OAAO,gCAA+BT,SAErCU,EAAkBvB,EAAejB,KAEpC4B,EAACa,EAAI,CACHC,KAAMnC,EACNoC,SAAUlC,EAAUmC,QACpBC,QAAS,WAAA,OAAMrC,GAAU,EAAO,EAChCN,UAAW4C,EAAOC,KAAKjB,SAEvB,CAAAC,EAACU,EAAKO,KAAI,CAGRC,SAA6B,MAAnBjD,EACVmC,QAAS,WAAA,OAAMT,EAAa,KAAM,EAClCa,OAAO,qCAAoCT,SAE1CoB,IAEFnC,EAAOoC,KAAI,SAAA9B,GAAK,IAAA+B,EAAA,OACfrB,EAACU,EAAKO,KAAI,CAERd,KAAK,QACLe,SAAU3B,EAAcD,EAAME,GAAIvB,GAClCmC,QAAS,WAAA,OAAMT,EAAaL,EAAO,EACnCkB,OAA0ClB,kCAAAA,OAAAA,EAAME,IAAKO,SAErDF,EAAA,MAAA,CAAK1B,UAAW4C,EAAOO,UAAUvB,SAC/B,CAAAF,EAAA,MAAA,CAAK1B,UAAW4C,EAAOQ,cAAcxB,SACnC,CAAAC,EAAA,OAAA,CAAM7B,UAAW4C,EAAOS,mBAAmBzB,SAAET,EAAMmC,YACnDzB,EAAA,OAAA,CAAM7B,UAAW4C,EAAOW,cAAc3B,SAAE4B,EAAgBrC,SAEzD,UAAAA,EAAMsC,yBAAN,IAAAP,OAAA,EAAAA,EAAyBQ,OACxB7B,EAAA,MAAA,CAAK7B,UAAW4C,EAAOe,cAAc/B,SAAET,EAAMsC,kBAAkBC,WAZ9DvC,EAAME,GAeD,SAKtB,CAKO,SAASuC,EAA0BC,GACxC,OACEhC,EAACiC,EAAmB,CAACC,OAAQC,EAAqCpC,SAChEC,EAAClC,EAA8BsE,EAAA,CAAA,EAAKJ,KAG1C"}
+{"version":3,"file":"InterventionEventSelector.js","sources":["../../../src/componentsV2/InterventionEventSelector/InterventionEventSelector.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\nimport { QueryClientProvider } from '@tanstack/react-query';\n\nimport { Chip } from '../Chip';\nimport { Menu } from '../Menu';\n\nimport { InterventionEventSelectorProps, InterventionUnitEvent } from './types';\nimport {\n  interventionEventSelectorQueryClient,\n  useInterventionUnitEvents,\n} from './useInterventionUnitEvents';\nimport { ALL_EVENTS_LABEL, formatEventDate, getEventChipLabel, isSameEventId } from './utils';\n\nimport styles from './InterventionEventSelector.scss';\n\nimport { DownIcon, UpIcon } from '~/icons';\n\nfunction InterventionEventSelectorInner({\n  wellId,\n  selectedEventId,\n  onChange,\n  className,\n}: InterventionEventSelectorProps) {\n  const [isOpen, setIsOpen] = useState(false);\n  const anchorRef = useRef<HTMLDivElement>(null);\n\n  const { data: events = [], isSuccess } = useInterventionUnitEvents(wellId);\n\n  const selectedEvent = useMemo(\n    () => events.find(event => isSameEventId(event.id, selectedEventId)) ?? null,\n    [events, selectedEventId]\n  );\n\n  // A persisted selection may belong to another well (e.g. the app well changed\n  // while unmounted). Once the current well's events are known, an unknown id is\n  // reset to \"All events\" so consumers drop the dead filter. Only a successful\n  // fetch may reset — a failed one must not wipe a valid selection.\n  useEffect(() => {\n    if (!isSuccess || selectedEventId == null || selectedEvent) return;\n    onChange(null, null);\n  }, [isSuccess, selectedEventId, selectedEvent, onChange]);\n\n  // With an active selection the chip must stay reachable even when the events\n  // cannot be listed (failed fetch, missing well id) — it is the only control\n  // that can clear the persisted filter.\n  if (selectedEventId == null && (!wellId || !events.length)) return null;\n\n  const ArrowIcon = isOpen ? UpIcon : DownIcon;\n\n  const handleSelect = (event: InterventionUnitEvent | null) => {\n    setIsOpen(false);\n    onChange(event ? Number(event.id) : null, event);\n  };\n\n  return (\n    <>\n      <Chip\n        ref={anchorRef}\n        className={className}\n        size=\"small\"\n        onClick={() => setIsOpen(true)}\n        suffix={<ArrowIcon />}\n        testId=\"interventionEventSelectorChip\"\n      >\n        {getEventChipLabel(selectedEvent, selectedEventId)}\n      </Chip>\n      <Menu\n        open={isOpen}\n        anchorEl={anchorRef.current}\n        onClose={() => setIsOpen(false)}\n        className={styles.menu}\n      >\n        <Menu.Item\n          // An unresolvable active selection (failed fetch) still filters the\n          // consumer's data, so it must not present as \"All events\" here\n          selected={selectedEventId == null}\n          onClick={() => handleSelect(null)}\n          testId=\"interventionEventSelectorAllEvents\"\n        >\n          {ALL_EVENTS_LABEL}\n        </Menu.Item>\n        {events.map(event => (\n          <Menu.Item\n            key={event.id}\n            size=\"large\"\n            selected={isSameEventId(event.id, selectedEventId)}\n            onClick={() => handleSelect(event)}\n            testId={`interventionEventSelectorEvent-${event.id}`}\n          >\n            <div className={styles.eventItem}>\n              <div className={styles.eventItemMain}>\n                <span className={styles.eventItemOperation}>{event.operation}</span>\n                <span className={styles.eventItemDate}>{formatEventDate(event)}</span>\n              </div>\n              {event.intervention_unit?.name && (\n                <div className={styles.eventItemUnit}>{event.intervention_unit.name}</div>\n              )}\n            </div>\n          </Menu.Item>\n        ))}\n      </Menu>\n    </>\n  );\n}\n\n// The host app may bundle a different @tanstack/react-query instance than this\n// library, making an app-level QueryClientProvider invisible to the hook above.\n// Shipping our own provider keeps the component self-contained in any DC app.\nexport function InterventionEventSelector(props: InterventionEventSelectorProps) {\n  return (\n    <QueryClientProvider client={interventionEventSelectorQueryClient}>\n      <InterventionEventSelectorInner {...props} />\n    </QueryClientProvider>\n  );\n}\n"],"names":["InterventionEventSelectorInner","_ref","wellId","selectedEventId","onChange","className","useState","_useState2","_slicedToArray","_useState","isOpen","setIsOpen","anchorRef","useRef","useInterventionUnitEvents","_useInterventionUnitE2","_useInterventionUnitE","data","events","isSuccess","selectedEvent","useMemo","_events$find","find","event","isSameEventId","id","useEffect","length","handleSelect","Number","_jsxs","_Fragment","children","_jsx","Chip","ref","size","onClick","suffix","UpIcon","DownIcon","testId","getEventChipLabel","Menu","open","anchorEl","current","onClose","styles","menu","Item","selected","ALL_EVENTS_LABEL","map","_event$intervention_u","eventItem","eventItemMain","eventItemOperation","operation","eventItemDate","formatEventDate","intervention_unit","name","eventItemUnit","InterventionEventSelector","props","QueryClientProvider","client","interventionEventSelectorQueryClient","_objectSpread"],"mappings":"+8JAiBA,SAASA,EAK0BC,GAAA,IAJjCC,IAAAA,OACAC,IAAAA,gBACAC,IAAAA,SACAC,IAAAA,UAE4BC,EAAAA,GAAS,GAAMC,EAAAC,EAAAC,EAAA,GAApCC,EAAMH,EAAA,GAAEI,EAASJ,EAAA,GAClBK,EAAYC,EAAuB,MAEAC,EAAAA,EAA0BZ,GAAOa,EAAAC,EAAlEC,KAAMC,aAAS,GAAEH,EAAEI,IAAAA,UAErBC,EAAgBC,GACpB,WAAA,IAAAC,EAAA,eAAAA,EAAMJ,EAAOK,MAAK,SAAAC,GAAK,OAAIC,EAAcD,EAAME,GAAIvB,EAAgB,mBAAK,IAAI,GAC5E,CAACe,EAAQf,IAeX,GARAwB,GAAU,WACHR,GAAgC,MAAnBhB,IAA2BiB,GAC7ChB,EAAS,KAAM,KAChB,GAAE,CAACe,EAAWhB,EAAiBiB,EAAehB,MAKxB,MAAnBD,GAA6BD,GAAWgB,EAAOU,QAAS,OAAO,KAEnE,IAEMC,EAAe,SAACL,GACpBb,GAAU,GACVP,EAASoB,EAAQM,OAAON,EAAME,IAAM,KAAMF,IAG5C,OACEO,EAAAC,EAAA,CAAAC,SAAA,CACEC,EAACC,EAAI,CACHC,IAAKxB,EACLP,UAAWA,EACXgC,KAAK,QACLC,QAAS,WAAA,OAAM3B,GAAU,EAAM,EAC/B4B,OAAQL,EAdIxB,EAAS8B,EAASC,EAcR,IACtBC,OAAO,gCAA+BT,SAErCU,EAAkBvB,EAAejB,KAEpC4B,EAACa,EAAI,CACHC,KAAMnC,EACNoC,SAAUlC,EAAUmC,QACpBC,QAAS,WAAA,OAAMrC,GAAU,EAAO,EAChCN,UAAW4C,EAAOC,KAAKjB,SAEvB,CAAAC,EAACU,EAAKO,KAAI,CAGRC,SAA6B,MAAnBjD,EACVmC,QAAS,WAAA,OAAMT,EAAa,KAAM,EAClCa,OAAO,qCAAoCT,SAE1CoB,IAEFnC,EAAOoC,KAAI,SAAA9B,GAAK,IAAA+B,EAAA,OACfrB,EAACU,EAAKO,KAAI,CAERd,KAAK,QACLe,SAAU3B,EAAcD,EAAME,GAAIvB,GAClCmC,QAAS,WAAA,OAAMT,EAAaL,EAAO,EACnCkB,OAA0ClB,kCAAAA,OAAAA,EAAME,IAAKO,SAErDF,EAAA,MAAA,CAAK1B,UAAW4C,EAAOO,UAAUvB,SAC/B,CAAAF,EAAA,MAAA,CAAK1B,UAAW4C,EAAOQ,cAAcxB,SACnC,CAAAC,EAAA,OAAA,CAAM7B,UAAW4C,EAAOS,mBAAmBzB,SAAET,EAAMmC,YACnDzB,EAAA,OAAA,CAAM7B,UAAW4C,EAAOW,cAAc3B,SAAE4B,EAAgBrC,SAEzD,UAAAA,EAAMsC,yBAAN,IAAAP,OAAA,EAAAA,EAAyBQ,OACxB7B,EAAA,MAAA,CAAK7B,UAAW4C,EAAOe,cAAc/B,SAAET,EAAMsC,kBAAkBC,WAZ9DvC,EAAME,GAeD,SAKtB,CAKO,SAASuC,EAA0BC,GACxC,OACEhC,EAACiC,EAAmB,CAACC,OAAQC,EAAqCpC,SAChEC,EAAClC,EAA8BsE,EAAA,CAAA,EAAKJ,KAG1C"}

package/componentsV2/Modal/Modal.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/defineProperty";import o from"@babel/runtime/helpers/objectWithoutProperties";import{Modal as r}from"@material-ui/core";import{useCallback as t}from"react";import n from"classnames";import{useDelayedDcFullscreenElemOpen as s}from"../../effects/useDelayedDcFullscreenElemOpen.js";import{useIsInsideDcFullscreenElem as c,IsInsideDcFullscreenElemProvider as i}from"../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import{useIsInsideIsolatedDcApp as p}from"../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import{ModalWindow as l}from"../ModalWindow/ModalWindow.js";import{MODAL_ROOT_CLASS as a}from"./constants.js";import m from"./Modal.scss.js";import{jsx as u}from"react/jsx-runtime";var d=["open","onClose","size","showCloseButton","closeOnBackdropClick","closeOnEscape"],f=["open"];function O(e,o){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);o&&(t=t.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),r.push.apply(r,t)}return r}function b(o){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?O(Object(t),!0).forEach((function(r){e(o,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(t)):O(Object(t)).forEach((function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(t,e))}))}return o}var v=function(e){var s=e.open,c=e.onClose,i=e.size,p=void 0===i?"medium":i,f=e.showCloseButton,O=void 0===f||f,v=e.closeOnBackdropClick,j=void 0===v||v,C=e.closeOnEscape,y=void 0===C||C,D=o(e,d),P=t((function(e,o){c&&("backdropClick"===o&&j&&c("backdropClick"),"escapeKeyDown"===o&&y&&c("escapeKey"))}),[c,j,y]),h=t((function(){null==c||c("closeButtonClick")}),[c]);return u(r,{open:s,className:n(a,m.root),onClose:P,children:u(l,b(b({},D),{},{onClose:h,showCloseButton:O,size:p}))})},j=function(e){var r=e.open,t=o(e,f),n=s({isOpen:r},!0).delayedIsOpen;return u(i,{children:u(v,b({open:n},t))})},C=function(e){var o=p(),r=c();return u(o&&!r?j:v,b({},e))};export{C as Modal};
+import e from"@babel/runtime/helpers/defineProperty";import o from"@babel/runtime/helpers/objectWithoutProperties";import{Modal as r}from"@material-ui/core";import{useCallback as t}from"react";import n from"classnames";import{useDelayedDcFullscreenElemOpen as s}from"../../effects/useDelayedDcFullscreenElemOpen.js";import{useIsInsideDcFullscreenElem as c,IsInsideDcFullscreenElemProvider as i}from"../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import{useIsInsideIsolatedDcApp as p}from"../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js";import{ModalWindow as l}from"../ModalWindow/ModalWindow.js";import{MODAL_ROOT_CLASS as a}from"./constants.js";import m from"./Modal.scss.js";import{jsx as u}from"react/jsx-runtime";var f=["open","onClose","size","showCloseButton","closeOnBackdropClick","closeOnEscape"],d=["open"];function O(e,o){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);o&&(t=t.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),r.push.apply(r,t)}return r}function b(o){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?O(Object(t),!0).forEach((function(r){e(o,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(t)):O(Object(t)).forEach((function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(t,e))}))}return o}var v=function(e){var s=e.open,c=e.onClose,i=e.size,p=void 0===i?"medium":i,d=e.showCloseButton,O=void 0===d||d,v=e.closeOnBackdropClick,j=void 0===v||v,C=e.closeOnEscape,y=void 0===C||C,D=o(e,f),P=t((function(e,o){c&&("backdropClick"===o&&j&&c("backdropClick"),"escapeKeyDown"===o&&y&&c("escapeKey"))}),[c,j,y]),h=t((function(){null==c||c("closeButtonClick")}),[c]);return u(r,{open:s,className:n(a,m.root),onClose:P,children:u(l,b(b({},D),{},{onClose:h,showCloseButton:O,size:p}))})},j=function(e){var r=e.open,t=o(e,d),n=s({isOpen:r},!0).delayedIsOpen;return u(i,{children:u(v,b({open:n},t))})},C=function(e){var o=p(),r=c();return u(o&&!r?j:v,b({},e))};export{C as Modal};
 //# sourceMappingURL=Modal.js.map

package/componentsV2/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../../src/componentsV2/Modal/Modal.tsx"],"sourcesContent":["// TODO Move these hooks to better place so the imports won't be as hideous\nimport { Modal as MuiModal, ModalProps as MuiModalProps } from '@material-ui/core';\nimport { useCallback } from 'react';\nimport classNames from 'classnames';\n\nimport { useDelayedDcFullscreenElemOpen } from '../../effects/useDelayedDcFullscreenElemOpen';\nimport {\n  IsInsideDcFullscreenElemProvider,\n  useIsInsideDcFullscreenElem,\n} from '../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider';\nimport { useIsInsideIsolatedDcApp } from '../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider';\nimport { ModalWindow, ModalWindowProps } from '../ModalWindow';\n\nimport { MODAL_ROOT_CLASS } from './constants';\n\nimport styles from './Modal.scss';\n\nexport type ModalProps = Omit<ModalWindowProps, 'onClose'> & {\n  open: boolean;\n  onClose?: (reason: 'backdropClick' | 'escapeKey' | 'closeButtonClick') => void;\n  closeOnBackdropClick?: boolean;\n  closeOnEscape?: boolean;\n};\n\nconst ActualModal = ({\n  open,\n  onClose,\n  size = 'medium',\n  showCloseButton = true,\n  closeOnBackdropClick = true,\n  closeOnEscape = true,\n  ...restProps\n}: ModalProps) => {\n  const modalCloseHandler = useCallback<Required<MuiModalProps>['onClose']>(\n    (_event, reason) => {\n      if (onClose) {\n        if (reason === 'backdropClick' && closeOnBackdropClick) {\n          onClose('backdropClick');\n        }\n        if (reason === 'escapeKeyDown' && closeOnEscape) {\n          onClose('escapeKey');\n        }\n      }\n    },\n    [onClose, closeOnBackdropClick, closeOnEscape]\n  );\n\n  const closeButtonClickHandler = useCallback(() => {\n    onClose?.('closeButtonClick');\n  }, [onClose]);\n\n  return (\n    <MuiModal\n      open={open}\n      className={classNames(MODAL_ROOT_CLASS, styles.root)}\n      onClose={modalCloseHandler}\n    >\n      <ModalWindow\n        {...restProps}\n        onClose={closeButtonClickHandler}\n        showCloseButton={showCloseButton}\n        size={size}\n      />\n    </MuiModal>\n  );\n};\n\nconst DcModal = ({ open: openProp, ...otherProps }: ModalProps) => {\n  const { delayedIsOpen } = useDelayedDcFullscreenElemOpen({ isOpen: openProp }, true);\n\n  return (\n    <IsInsideDcFullscreenElemProvider>\n      <ActualModal open={delayedIsOpen} {...otherProps} />\n    </IsInsideDcFullscreenElemProvider>\n  );\n};\n\nexport const Modal = (props: ModalProps) => {\n  const isInsideDcApp = useIsInsideIsolatedDcApp();\n  const isInsideDcFullscreenElem = useIsInsideDcFullscreenElem();\n\n  const ModalComponent = isInsideDcApp && !isInsideDcFullscreenElem ? DcModal : ActualModal;\n\n  return <ModalComponent {...props} />;\n};\n"],"names":["ActualModal","_ref","open","onClose","_ref$size","size","_ref$showCloseButton","showCloseButton","_ref$closeOnBackdropC","closeOnBackdropClick","_ref$closeOnEscape","closeOnEscape","restProps","_objectWithoutProperties","_excluded","modalCloseHandler","useCallback","_event","reason","closeButtonClickHandler","_jsx","MuiModal","className","classNames","MODAL_ROOT_CLASS","styles","root","children","ModalWindow","_objectSpread","DcModal","_ref2","openProp","otherProps","_excluded2","delayedIsOpen","useDelayedDcFullscreenElemOpen","isOpen","IsInsideDcFullscreenElemProvider","Modal","props","isInsideDcApp","useIsInsideIsolatedDcApp","isInsideDcFullscreenElem","useIsInsideDcFullscreenElem"],"mappings":"mhDAwBA,IAAMA,EAAc,SAQFC,GAAA,IAPhBC,IAAAA,KACAC,IAAAA,QAAOC,EAAAH,EACPI,KAAAA,aAAO,SAAQD,EAAAE,EAAAL,EACfM,gBAAAA,cAAsBD,EAAAE,EAAAP,EACtBQ,qBAAAA,cAA2BD,EAAAE,EAAAT,EAC3BU,cAAAA,cAAoBD,EACjBE,EAASC,EAAAZ,EAAAa,GAENC,EAAoBC,GACxB,SAACC,EAAQC,GACHf,IACa,kBAAXe,GAA8BT,GAChCN,EAAQ,iBAEK,kBAAXe,GAA8BP,GAChCR,EAAQ,aAGb,GACD,CAACA,EAASM,EAAsBE,IAG5BQ,EAA0BH,GAAY,WAC1Cb,SAAAA,EAAU,mBACZ,GAAG,CAACA,IAEJ,OACEiB,EAACC,EAAQ,CACPnB,KAAMA,EACNoB,UAAWC,EAAWC,EAAkBC,EAAOC,MAC/CvB,QAASY,EAAkBY,SAE3BP,EAACQ,EAAWC,EAAAA,EAAA,GACNjB,GAAS,GAAA,CACbT,QAASgB,EACTZ,gBAAiBA,EACjBF,KAAMA,MAId,EAEMyB,EAAU,SAAmDC,GAAA,IAA1CC,IAAN9B,KAAmB+B,EAAUpB,EAAAkB,EAAAG,GACtCC,EAAkBC,EAA+B,CAAEC,OAAQL,IAAY,GAAvEG,cAER,OACEf,EAACkB,EAAgC,CAAAX,SAC/BP,EAACpB,EAAW6B,EAAA,CAAC3B,KAAMiC,GAAmBF,KAG5C,EAEaM,EAAQ,SAACC,GACpB,IAAMC,EAAgBC,IAChBC,EAA2BC,IAIjC,OAAOxB,EAFgBqB,IAAkBE,EAA2Bb,EAAU9B,EAEnDwC,EAAAA,CAAAA,EAAAA,GAC7B"}
+{"version":3,"file":"Modal.js","sources":["../../../src/componentsV2/Modal/Modal.tsx"],"sourcesContent":["// TODO Move these hooks to better place so the imports won't be as hideous\nimport { Modal as MuiModal, ModalProps as MuiModalProps } from '@material-ui/core';\nimport { useCallback } from 'react';\nimport classNames from 'classnames';\n\nimport { useDelayedDcFullscreenElemOpen } from '../../effects/useDelayedDcFullscreenElemOpen';\nimport {\n  IsInsideDcFullscreenElemProvider,\n  useIsInsideDcFullscreenElem,\n} from '../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider';\nimport { useIsInsideIsolatedDcApp } from '../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider';\nimport { ModalWindow, ModalWindowProps } from '../ModalWindow';\n\nimport { MODAL_ROOT_CLASS } from './constants';\n\nimport styles from './Modal.scss';\n\nexport type ModalProps = Omit<ModalWindowProps, 'onClose'> & {\n  open: boolean;\n  onClose?: (reason: 'backdropClick' | 'escapeKey' | 'closeButtonClick') => void;\n  closeOnBackdropClick?: boolean;\n  closeOnEscape?: boolean;\n};\n\nconst ActualModal = ({\n  open,\n  onClose,\n  size = 'medium',\n  showCloseButton = true,\n  closeOnBackdropClick = true,\n  closeOnEscape = true,\n  ...restProps\n}: ModalProps) => {\n  const modalCloseHandler = useCallback<Required<MuiModalProps>['onClose']>(\n    (_event, reason) => {\n      if (onClose) {\n        if (reason === 'backdropClick' && closeOnBackdropClick) {\n          onClose('backdropClick');\n        }\n        if (reason === 'escapeKeyDown' && closeOnEscape) {\n          onClose('escapeKey');\n        }\n      }\n    },\n    [onClose, closeOnBackdropClick, closeOnEscape]\n  );\n\n  const closeButtonClickHandler = useCallback(() => {\n    onClose?.('closeButtonClick');\n  }, [onClose]);\n\n  return (\n    <MuiModal\n      open={open}\n      className={classNames(MODAL_ROOT_CLASS, styles.root)}\n      onClose={modalCloseHandler}\n    >\n      <ModalWindow\n        {...restProps}\n        onClose={closeButtonClickHandler}\n        showCloseButton={showCloseButton}\n        size={size}\n      />\n    </MuiModal>\n  );\n};\n\nconst DcModal = ({ open: openProp, ...otherProps }: ModalProps) => {\n  const { delayedIsOpen } = useDelayedDcFullscreenElemOpen({ isOpen: openProp }, true);\n\n  return (\n    <IsInsideDcFullscreenElemProvider>\n      <ActualModal open={delayedIsOpen} {...otherProps} />\n    </IsInsideDcFullscreenElemProvider>\n  );\n};\n\nexport const Modal = (props: ModalProps) => {\n  const isInsideDcApp = useIsInsideIsolatedDcApp();\n  const isInsideDcFullscreenElem = useIsInsideDcFullscreenElem();\n\n  const ModalComponent = isInsideDcApp && !isInsideDcFullscreenElem ? DcModal : ActualModal;\n\n  return <ModalComponent {...props} />;\n};\n"],"names":["ActualModal","_ref","open","onClose","_ref$size","size","_ref$showCloseButton","showCloseButton","_ref$closeOnBackdropC","closeOnBackdropClick","_ref$closeOnEscape","closeOnEscape","restProps","_objectWithoutProperties","_excluded","modalCloseHandler","useCallback","_event","reason","closeButtonClickHandler","_jsx","MuiModal","className","classNames","MODAL_ROOT_CLASS","styles","root","children","ModalWindow","_objectSpread","DcModal","_ref2","openProp","otherProps","_excluded2","delayedIsOpen","useDelayedDcFullscreenElemOpen","isOpen","IsInsideDcFullscreenElemProvider","Modal","props","isInsideDcApp","useIsInsideIsolatedDcApp","isInsideDcFullscreenElem","useIsInsideDcFullscreenElem"],"mappings":"q/CAwBA,IAAMA,EAAc,SAQFC,GAAA,IAPhBC,IAAAA,KACAC,IAAAA,QAAOC,EAAAH,EACPI,KAAAA,aAAO,SAAQD,EAAAE,EAAAL,EACfM,gBAAAA,cAAsBD,EAAAE,EAAAP,EACtBQ,qBAAAA,cAA2BD,EAAAE,EAAAT,EAC3BU,cAAAA,cAAoBD,EACjBE,EAASC,EAAAZ,EAAAa,GAENC,EAAoBC,GACxB,SAACC,EAAQC,GACHf,IACa,kBAAXe,GAA8BT,GAChCN,EAAQ,iBAEK,kBAAXe,GAA8BP,GAChCR,EAAQ,aAGb,GACD,CAACA,EAASM,EAAsBE,IAG5BQ,EAA0BH,GAAY,WAC1Cb,SAAAA,EAAU,mBACZ,GAAG,CAACA,IAEJ,OACEiB,EAACC,EAAQ,CACPnB,KAAMA,EACNoB,UAAWC,EAAWC,EAAkBC,EAAOC,MAC/CvB,QAASY,EAAkBY,SAE3BP,EAACQ,EAAWC,EAAAA,EAAA,GACNjB,GAAS,GAAA,CACbT,QAASgB,EACTZ,gBAAiBA,EACjBF,KAAMA,MAId,EAEMyB,EAAU,SAAmDC,GAAA,IAA1CC,IAAN9B,KAAmB+B,EAAUpB,EAAAkB,EAAAG,GACtCC,EAAkBC,EAA+B,CAAEC,OAAQL,IAAY,GAAvEG,cAER,OACEf,EAACkB,EAAgC,CAAAX,SAC/BP,EAACpB,EAAW6B,EAAA,CAAC3B,KAAMiC,GAAmBF,KAG5C,EAEaM,EAAQ,SAACC,GACpB,IAAMC,EAAgBC,IAChBC,EAA2BC,IAIjC,OAAOxB,EAFgBqB,IAAkBE,EAA2Bb,EAAU9B,EAEnDwC,EAAAA,CAAAA,EAAAA,GAC7B"}

package/componentsV2/ModalWindow/ModalWindow.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import{forwardRef as s}from"react";import c from"classnames";import{Button as i}from"../Button/Button.js";import{Header as n}from"../Header/Header.js";import{Tooltip as t}from"../Tooltip/Tooltip.js";import{ButtonIcon as r}from"../ButtonIcon/ButtonIcon.js";import{Paper as e}from"../Paper/Paper.js";import{TextEndTruncated as m}from"../TextEndTruncated/TextEndTruncated.js";import p from"./ModalWindow.scss.js";import{CloseSmallIcon as u}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.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"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as a,jsx as l}from"react/jsx-runtime";function j(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,i)}return c}function I(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?j(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):j(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var d={large:p.large,fullscreen:p.fullscreen,medium:p.medium,small:p.small},h=s((function(o,s){var j=o.className,h=o.testId,C=o.onClose,O=o.size,f=void 0===O?"medium":O,b=o.children,y=o.primaryActionHandler,P=o.secondaryActionHandler,v=o.actions,g=o.primaryActionText,A=o.secondaryActionProps,F=o.secondaryActionText,k=o.primaryActionProps,x=o.showCloseButton,T=o.title;return a(e,{className:c(p.root,d[f],j),testId:h,ref:s,children:[T&&a(n,{className:p.title,appearance:"H3",children:[l(m,{maxLines:4,className:p.titleContent,children:T}),x&&l(t,{title:"Close",children:l(r,{className:p.closeButton,onClick:C,children:l(u,{})})})]}),l("div",{className:p.content,children:l("div",{className:p.contentInner,children:b})}),(!!v||g||F)&&a("div",{className:p.actions,children:[v,F&&l(i,I(I({type:"secondary",size:"medium",onClick:P},A),{},{children:F})),g&&l(i,I(I({type:"primary",size:"medium",onClick:y},k),{},{children:g}))]})]})}));export{h as ModalWindow};
+import o from"@babel/runtime/helpers/defineProperty";import{forwardRef as s}from"react";import c from"classnames";import{Button as i}from"../Button/Button.js";import{Header as n}from"../Header/Header.js";import{Tooltip as t}from"../Tooltip/Tooltip.js";import{ButtonIcon as r}from"../ButtonIcon/ButtonIcon.js";import{Paper as m}from"../Paper/Paper.js";import{TextEndTruncated as e}from"../TextEndTruncated/TextEndTruncated.js";import p from"./ModalWindow.scss.js";import{CloseSmallIcon as u}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.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/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.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"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as a,jsx as l}from"react/jsx-runtime";function j(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,i)}return c}function I(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?j(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):j(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var d={large:p.large,fullscreen:p.fullscreen,medium:p.medium,small:p.small},h=s((function(o,s){var j=o.className,h=o.testId,C=o.onClose,O=o.size,f=void 0===O?"medium":O,b=o.children,y=o.primaryActionHandler,P=o.secondaryActionHandler,v=o.actions,F=o.primaryActionText,g=o.secondaryActionProps,A=o.secondaryActionText,k=o.primaryActionProps,x=o.showCloseButton,T=o.title;return a(m,{className:c(p.root,d[f],j),testId:h,ref:s,children:[T&&a(n,{className:p.title,appearance:"H3",children:[l(e,{maxLines:4,className:p.titleContent,children:T}),x&&l(t,{title:"Close",children:l(r,{className:p.closeButton,onClick:C,children:l(u,{})})})]}),l("div",{className:p.content,children:l("div",{className:p.contentInner,children:b})}),(!!v||F||A)&&a("div",{className:p.actions,children:[v,A&&l(i,I(I({type:"secondary",size:"medium",onClick:P},g),{},{children:A})),F&&l(i,I(I({type:"primary",size:"medium",onClick:y},k),{},{children:F}))]})]})}));export{h as ModalWindow};
 //# sourceMappingURL=ModalWindow.js.map

package/componentsV2/ModalWindow/ModalWindow.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalWindow.js","sources":["../../../src/componentsV2/ModalWindow/ModalWindow.tsx"],"sourcesContent":["import { forwardRef, ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { Button, ButtonProps } from '../Button';\nimport { Header } from '../Header';\nimport { Tooltip } from '../Tooltip';\nimport { ButtonIcon } from '../ButtonIcon';\nimport { Paper } from '../Paper';\nimport { TextEndTruncated } from '../TextEndTruncated';\n\nimport styles from './ModalWindow.scss';\n\nimport { CloseSmallIcon } from '~/icons';\n\nexport type ModalWindowProps = {\n  title?: ReactNode;\n  /**\n   * Component contents\n   */\n  children?: ReactNode;\n  onClose?: () => void;\n  size?: 'small' | 'medium' | 'large' | 'fullscreen';\n  showCloseButton?: boolean;\n\n  /**\n   * Contents of the primary button\n   */\n  primaryActionText?: ReactNode;\n  /**\n   * Click handler for primary button\n   */\n  primaryActionHandler?: ButtonProps['onClick'];\n  /**\n   * Additional props for primary button\n   */\n  primaryActionProps?: Omit<ButtonProps, 'children' | 'onClick' | 'type' | 'size'>;\n\n  /**\n   * Contents of the secondary button\n   */\n  secondaryActionText?: ReactNode;\n  /**\n   * Click handler for secondary button\n   */\n  secondaryActionHandler?: ButtonProps['onClick'];\n  /**\n   * Additional props for secondary button\n   */\n  secondaryActionProps?: Omit<ButtonProps, 'children' | 'onClick' | 'type' | 'size'>;\n\n  /**\n   * Additional actions to render in Modal's footer\n   */\n  actions?: ReactNode;\n\n  className?: string;\n  testId?: string;\n};\n\nconst SizeToClassMap: Record<Required<ModalWindowProps>['size'], string> = {\n  large: styles.large,\n  fullscreen: styles.fullscreen,\n  medium: styles.medium,\n  small: styles.small,\n};\n\nexport const ModalWindow = forwardRef<HTMLDivElement, ModalWindowProps>(\n  (\n    {\n      className,\n      testId,\n      onClose,\n      size = 'medium',\n      children,\n      primaryActionHandler,\n      secondaryActionHandler,\n      actions,\n      primaryActionText,\n      secondaryActionProps,\n      secondaryActionText,\n      primaryActionProps,\n      showCloseButton,\n      title,\n    },\n    ref\n  ) => {\n    return (\n      <Paper\n        className={classNames(styles.root, SizeToClassMap[size], className)}\n        testId={testId}\n        ref={ref}\n      >\n        {title && (\n          <Header className={styles.title} appearance=\"H3\">\n            <TextEndTruncated maxLines={4} className={styles.titleContent}>\n              {title}\n            </TextEndTruncated>\n\n            {showCloseButton && (\n              <Tooltip title=\"Close\">\n                <ButtonIcon className={styles.closeButton} onClick={onClose}>\n                  <CloseSmallIcon />\n                </ButtonIcon>\n              </Tooltip>\n            )}\n          </Header>\n        )}\n\n        <div className={styles.content}>\n          <div className={styles.contentInner}>{children}</div>\n        </div>\n\n        {(!!actions || primaryActionText || secondaryActionText) && (\n          <div className={styles.actions}>\n            {actions}\n\n            {secondaryActionText && (\n              <Button\n                type=\"secondary\"\n                size=\"medium\"\n                onClick={secondaryActionHandler}\n                {...secondaryActionProps}\n              >\n                {secondaryActionText}\n              </Button>\n            )}\n\n            {primaryActionText && (\n              <Button\n                type=\"primary\"\n                size=\"medium\"\n                onClick={primaryActionHandler}\n                {...primaryActionProps}\n              >\n                {primaryActionText}\n              </Button>\n            )}\n          </div>\n        )}\n      </Paper>\n    );\n  }\n);\n"],"names":["SizeToClassMap","large","styles","fullscreen","medium","small","ModalWindow","forwardRef","_ref","ref","className","testId","onClose","_ref$size","size","children","primaryActionHandler","secondaryActionHandler","actions","primaryActionText","secondaryActionProps","secondaryActionText","primaryActionProps","showCloseButton","title","_jsxs","Paper","classNames","root","Header","appearance","_jsx","TextEndTruncated","maxLines","titleContent","Tooltip","ButtonIcon","closeButton","onClick","CloseSmallIcon","content","contentInner","Button","_objectSpread","type"],"mappings":"+sJA2DA,IAAMA,EAAqE,CACzEC,MAAOC,EAAOD,MACdE,WAAYD,EAAOC,WACnBC,OAAQF,EAAOE,OACfC,MAAOH,EAAOG,OAGHC,EAAcC,GACzB,SAAAC,EAiBEC,GACG,IAhBDC,IAAAA,UACAC,IAAAA,OACAC,IAAAA,QAAOC,EAAAL,EACPM,KAAAA,aAAO,SAAQD,EACfE,IAAAA,SACAC,IAAAA,qBACAC,IAAAA,uBACAC,IAAAA,QACAC,IAAAA,kBACAC,IAAAA,qBACAC,IAAAA,oBACAC,IAAAA,mBACAC,IAAAA,gBACAC,IAAAA,MAIF,OACEC,EAACC,EAAK,CACJhB,UAAWiB,EAAWzB,EAAO0B,KAAM5B,EAAec,GAAOJ,GACzDC,OAAQA,EACRF,IAAKA,EAAIM,SAERS,CAAAA,GACCC,EAACI,EAAM,CAACnB,UAAWR,EAAOsB,MAAOM,WAAW,KAAIf,SAAA,CAC9CgB,EAACC,EAAgB,CAACC,SAAU,EAAGvB,UAAWR,EAAOgC,aAAanB,SAC3DS,IAGFD,GACCQ,EAACI,EAAO,CAACX,MAAM,QAAOT,SACpBgB,EAACK,EAAU,CAAC1B,UAAWR,EAAOmC,YAAaC,QAAS1B,EAAQG,SAC1DgB,EAACQ,EAAc,WAOzBR,EAAA,MAAA,CAAKrB,UAAWR,EAAOsC,QAAQzB,SAC7BgB,EAAA,MAAA,CAAKrB,UAAWR,EAAOuC,aAAa1B,SAAEA,SAGpCG,GAAWC,GAAqBE,IAClCI,EAAA,MAAA,CAAKf,UAAWR,EAAOgB,QAAQH,SAAA,CAC5BG,EAEAG,GACCU,EAACW,EAAMC,EAAAA,EAAA,CACLC,KAAK,YACL9B,KAAK,SACLwB,QAASrB,GACLG,GAAoB,GAAA,CAAAL,SAEvBM,KAIJF,GACCY,EAACW,EAAMC,EAAAA,EAAA,CACLC,KAAK,UACL9B,KAAK,SACLwB,QAAStB,GACLM,GAAkB,GAAA,CAAAP,SAErBI,UAOf"}
+{"version":3,"file":"ModalWindow.js","sources":["../../../src/componentsV2/ModalWindow/ModalWindow.tsx"],"sourcesContent":["import { forwardRef, ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { Button, ButtonProps } from '../Button';\nimport { Header } from '../Header';\nimport { Tooltip } from '../Tooltip';\nimport { ButtonIcon } from '../ButtonIcon';\nimport { Paper } from '../Paper';\nimport { TextEndTruncated } from '../TextEndTruncated';\n\nimport styles from './ModalWindow.scss';\n\nimport { CloseSmallIcon } from '~/icons';\n\nexport type ModalWindowProps = {\n  title?: ReactNode;\n  /**\n   * Component contents\n   */\n  children?: ReactNode;\n  onClose?: () => void;\n  size?: 'small' | 'medium' | 'large' | 'fullscreen';\n  showCloseButton?: boolean;\n\n  /**\n   * Contents of the primary button\n   */\n  primaryActionText?: ReactNode;\n  /**\n   * Click handler for primary button\n   */\n  primaryActionHandler?: ButtonProps['onClick'];\n  /**\n   * Additional props for primary button\n   */\n  primaryActionProps?: Omit<ButtonProps, 'children' | 'onClick' | 'type' | 'size'>;\n\n  /**\n   * Contents of the secondary button\n   */\n  secondaryActionText?: ReactNode;\n  /**\n   * Click handler for secondary button\n   */\n  secondaryActionHandler?: ButtonProps['onClick'];\n  /**\n   * Additional props for secondary button\n   */\n  secondaryActionProps?: Omit<ButtonProps, 'children' | 'onClick' | 'type' | 'size'>;\n\n  /**\n   * Additional actions to render in Modal's footer\n   */\n  actions?: ReactNode;\n\n  className?: string;\n  testId?: string;\n};\n\nconst SizeToClassMap: Record<Required<ModalWindowProps>['size'], string> = {\n  large: styles.large,\n  fullscreen: styles.fullscreen,\n  medium: styles.medium,\n  small: styles.small,\n};\n\nexport const ModalWindow = forwardRef<HTMLDivElement, ModalWindowProps>(\n  (\n    {\n      className,\n      testId,\n      onClose,\n      size = 'medium',\n      children,\n      primaryActionHandler,\n      secondaryActionHandler,\n      actions,\n      primaryActionText,\n      secondaryActionProps,\n      secondaryActionText,\n      primaryActionProps,\n      showCloseButton,\n      title,\n    },\n    ref\n  ) => {\n    return (\n      <Paper\n        className={classNames(styles.root, SizeToClassMap[size], className)}\n        testId={testId}\n        ref={ref}\n      >\n        {title && (\n          <Header className={styles.title} appearance=\"H3\">\n            <TextEndTruncated maxLines={4} className={styles.titleContent}>\n              {title}\n            </TextEndTruncated>\n\n            {showCloseButton && (\n              <Tooltip title=\"Close\">\n                <ButtonIcon className={styles.closeButton} onClick={onClose}>\n                  <CloseSmallIcon />\n                </ButtonIcon>\n              </Tooltip>\n            )}\n          </Header>\n        )}\n\n        <div className={styles.content}>\n          <div className={styles.contentInner}>{children}</div>\n        </div>\n\n        {(!!actions || primaryActionText || secondaryActionText) && (\n          <div className={styles.actions}>\n            {actions}\n\n            {secondaryActionText && (\n              <Button\n                type=\"secondary\"\n                size=\"medium\"\n                onClick={secondaryActionHandler}\n                {...secondaryActionProps}\n              >\n                {secondaryActionText}\n              </Button>\n            )}\n\n            {primaryActionText && (\n              <Button\n                type=\"primary\"\n                size=\"medium\"\n                onClick={primaryActionHandler}\n                {...primaryActionProps}\n              >\n                {primaryActionText}\n              </Button>\n            )}\n          </div>\n        )}\n      </Paper>\n    );\n  }\n);\n"],"names":["SizeToClassMap","large","styles","fullscreen","medium","small","ModalWindow","forwardRef","_ref","ref","className","testId","onClose","_ref$size","size","children","primaryActionHandler","secondaryActionHandler","actions","primaryActionText","secondaryActionProps","secondaryActionText","primaryActionProps","showCloseButton","title","_jsxs","Paper","classNames","root","Header","appearance","_jsx","TextEndTruncated","maxLines","titleContent","Tooltip","ButtonIcon","closeButton","onClick","CloseSmallIcon","content","contentInner","Button","_objectSpread","type"],"mappings":"yzJA2DA,IAAMA,EAAqE,CACzEC,MAAOC,EAAOD,MACdE,WAAYD,EAAOC,WACnBC,OAAQF,EAAOE,OACfC,MAAOH,EAAOG,OAGHC,EAAcC,GACzB,SAAAC,EAiBEC,GACG,IAhBDC,IAAAA,UACAC,IAAAA,OACAC,IAAAA,QAAOC,EAAAL,EACPM,KAAAA,aAAO,SAAQD,EACfE,IAAAA,SACAC,IAAAA,qBACAC,IAAAA,uBACAC,IAAAA,QACAC,IAAAA,kBACAC,IAAAA,qBACAC,IAAAA,oBACAC,IAAAA,mBACAC,IAAAA,gBACAC,IAAAA,MAIF,OACEC,EAACC,EAAK,CACJhB,UAAWiB,EAAWzB,EAAO0B,KAAM5B,EAAec,GAAOJ,GACzDC,OAAQA,EACRF,IAAKA,EAAIM,SAERS,CAAAA,GACCC,EAACI,EAAM,CAACnB,UAAWR,EAAOsB,MAAOM,WAAW,KAAIf,SAAA,CAC9CgB,EAACC,EAAgB,CAACC,SAAU,EAAGvB,UAAWR,EAAOgC,aAAanB,SAC3DS,IAGFD,GACCQ,EAACI,EAAO,CAACX,MAAM,QAAOT,SACpBgB,EAACK,EAAU,CAAC1B,UAAWR,EAAOmC,YAAaC,QAAS1B,EAAQG,SAC1DgB,EAACQ,EAAc,WAOzBR,EAAA,MAAA,CAAKrB,UAAWR,EAAOsC,QAAQzB,SAC7BgB,EAAA,MAAA,CAAKrB,UAAWR,EAAOuC,aAAa1B,SAAEA,SAGpCG,GAAWC,GAAqBE,IAClCI,EAAA,MAAA,CAAKf,UAAWR,EAAOgB,QAAQH,SAAA,CAC5BG,EAEAG,GACCU,EAACW,EAAMC,EAAAA,EAAA,CACLC,KAAK,YACL9B,KAAK,SACLwB,QAASrB,GACLG,GAAoB,GAAA,CAAAL,SAEvBM,KAIJF,GACCY,EAACW,EAAMC,EAAAA,EAAA,CACLC,KAAK,UACL9B,KAAK,SACLwB,QAAStB,GACLM,GAAkB,GAAA,CAAAP,SAErBI,UAOf"}

package/componentsV2/OffsetWellsButton/OffsetWellsButton.js

@@ -1,2 +1,2 @@
-import o from"classnames";import{forwardRef as s}from"react";import{Button as c}from"../Button/Button.js";import{Tooltip as i}from"../Tooltip/Tooltip.js";import{useOffsetWellsIcon as n}from"./useOffsetWellsIcon.js";import t from"./OffsetWellsButton.scss.js";import{InfoIcon as m,DownIcon as r}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.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"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as e,jsx as p}from"react/jsx-runtime";var l=[],u=s((function(s,u){var a=s.wells,I=void 0===a?[]:a,j=s.showLimitationsMessage,d=s.label,h=void 0===d?"Offset Wells":d,f=s.onExpand,C=s.expanded,b=s.onClick,O=s.disabled,x=s.isExpandTooltipDisabled,F=s.tooltipTitle,v=s.forceExpandButton,A=s.icon,g=s.testId,k=s.className,y=Array.isArray(I)?I:l,P=n(y,A),E="number"==typeof I?I:I.length,M=!!f&&(E>0||v),N="string"!=typeof h;return e("div",{className:o(t.root,k),ref:u,children:[j&&p(i,{title:"".concat(h," list wasn't populated completely due to technical limitations of the app."),children:p("span",{className:t.infoIcon,children:p(m,{size:20})})}),p(c,{type:M&&C?"chartColored":"chart",size:"small",disabled:O,onClick:b,testId:g,className:t.button,prefix:P?p("span",{className:t.icon,children:P}):void 0,suffix:M&&p(i,{title:"".concat(C?"Collapse":"Expand"," ").concat(h),disabled:x,children:p("button",{type:"button",onClick:function(o){o.stopPropagation(),null==f||f(!C,o)},disabled:O,className:t.expandButton,children:p(r,{className:o(t.expandIcon,C&&t.expanded)})})}),children:p(i,{title:null!=F?F:"Edit Offset Wells",className:t.editTooltipOffset,children:e("span",{children:[h,N||!h?"":": ",E]})})})]})}));export{u as OffsetWellsButton};
+import o from"classnames";import{forwardRef as s}from"react";import{Button as c}from"../Button/Button.js";import{Tooltip as i}from"../Tooltip/Tooltip.js";import{useOffsetWellsIcon as n}from"./useOffsetWellsIcon.js";import t from"./OffsetWellsButton.scss.js";import{InfoIcon as m,DownIcon as r}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.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/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.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"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as e,jsx as p}from"react/jsx-runtime";var l=[],u=s((function(s,u){var a=s.wells,I=void 0===a?[]:a,j=s.showLimitationsMessage,d=s.label,h=void 0===d?"Offset Wells":d,f=s.onExpand,C=s.expanded,b=s.onClick,O=s.disabled,F=s.isExpandTooltipDisabled,x=s.tooltipTitle,v=s.forceExpandButton,A=s.icon,g=s.testId,k=s.className,y=Array.isArray(I)?I:l,P=n(y,A),E="number"==typeof I?I:I.length,M=!!f&&(E>0||v),N="string"!=typeof h;return e("div",{className:o(t.root,k),ref:u,children:[j&&p(i,{title:"".concat(h," list wasn't populated completely due to technical limitations of the app."),children:p("span",{className:t.infoIcon,children:p(m,{size:20})})}),p(c,{type:M&&C?"chartColored":"chart",size:"small",disabled:O,onClick:b,testId:g,className:t.button,prefix:P?p("span",{className:t.icon,children:P}):void 0,suffix:M&&p(i,{title:"".concat(C?"Collapse":"Expand"," ").concat(h),disabled:F,children:p("button",{type:"button",onClick:function(o){o.stopPropagation(),null==f||f(!C,o)},disabled:O,className:t.expandButton,children:p(r,{className:o(t.expandIcon,C&&t.expanded)})})}),children:p(i,{title:null!=x?x:"Edit Offset Wells",className:t.editTooltipOffset,children:e("span",{children:[h,N||!h?"":": ",E]})})})]})}));export{u as OffsetWellsButton};
 //# sourceMappingURL=OffsetWellsButton.js.map

package/componentsV2/OffsetWellsButton/OffsetWellsButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"OffsetWellsButton.js","sources":["../../../src/componentsV2/OffsetWellsButton/OffsetWellsButton.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { forwardRef, MouseEvent, MouseEventHandler, ReactElement, ReactNode } from 'react';\n\nimport { Button } from '../Button';\nimport { Tooltip } from '../Tooltip';\n\nimport { useOffsetWellsIcon } from './useOffsetWellsIcon';\n\nimport styles from './OffsetWellsButton.scss';\n\nimport { DownIcon, InfoIcon } from '~/icons';\n\nexport type OffsetWell = {\n  id: number;\n  [key: string]: unknown;\n};\n\nexport type OffsetWellsButtonProps = {\n  wells?: OffsetWell[] | number;\n  onClick?: MouseEventHandler;\n  /**\n   * Whether the wells list is currently expanded\n   */\n  expanded?: boolean;\n  /**\n   * Callback fired when expand/collapse button is clicked\n   */\n  onExpand?: (expanded: boolean, event: MouseEvent<HTMLButtonElement>) => void;\n  /**\n   * Shows info icon with limitations warning tooltip\n   */\n  showLimitationsMessage?: boolean;\n  /**\n   * Custom label for the button (defaults to \"Offset Wells\")\n   */\n  label?: ReactNode;\n  /**\n   * Disables all interactions with the component\n   */\n  disabled?: boolean;\n  /**\n   * Disables tooltips on expand/collapse button\n   */\n  isExpandTooltipDisabled?: boolean;\n  /**\n   * Custom text for the edit tooltip (defaults to 'Edit Offset Wells')\n   */\n  tooltipTitle?: string;\n  /**\n   * Force showing expand icon even when wells === 0\n   */\n  forceExpandButton?: boolean;\n  /**\n   * Icon to display in the button (defaults to Well icon)\n   */\n  icon?: ReactElement | null;\n  /**\n   * Additional CSS class name\n   */\n  className?: string;\n  /**\n   * Test ID for the main button\n   */\n  testId?: string;\n};\n\nconst DEFAULT_ARRAY: OffsetWell[] = [];\n\nexport const OffsetWellsButton = forwardRef<HTMLDivElement, OffsetWellsButtonProps>(\n  (\n    {\n      wells = [],\n      showLimitationsMessage,\n      label = 'Offset Wells',\n      onExpand,\n      expanded,\n      onClick,\n      disabled,\n      isExpandTooltipDisabled,\n      tooltipTitle,\n      forceExpandButton,\n      icon,\n      testId,\n      className,\n    },\n    ref\n  ) => {\n    const wellsArray = Array.isArray(wells) ? wells : DEFAULT_ARRAY;\n    // Determines icon: shows Global when wells match globalOffsetWells, otherwise Well icon\n    const displayIcon = useOffsetWellsIcon(wellsArray, icon);\n\n    const handleExpand = (event: MouseEvent<HTMLButtonElement>) => {\n      event.stopPropagation();\n      onExpand?.(!expanded, event);\n    };\n\n    const wellsCount = typeof wells === 'number' ? wells : wells.length;\n    const canExpand = !!onExpand && (wellsCount > 0 || forceExpandButton);\n\n    const isElementLabel = typeof label !== 'string';\n\n    return (\n      <div className={classNames(styles.root, className)} ref={ref}>\n        {showLimitationsMessage && (\n          <Tooltip\n            title={`${label} list wasn't populated completely due to technical limitations of the app.`}\n          >\n            <span className={styles.infoIcon}>\n              <InfoIcon size={20} />\n            </span>\n          </Tooltip>\n        )}\n        <Button\n          type={canExpand && expanded ? 'chartColored' : 'chart'}\n          size=\"small\"\n          disabled={disabled}\n          onClick={onClick}\n          testId={testId}\n          className={styles.button}\n          prefix={displayIcon ? <span className={styles.icon}>{displayIcon}</span> : undefined}\n          suffix={\n            canExpand && (\n              <Tooltip\n                title={`${expanded ? 'Collapse' : 'Expand'} ${label}`}\n                disabled={isExpandTooltipDisabled}\n              >\n                {/* Keeping expand as a nested button ensures the main button hover style remains active, per design. */}\n                <button\n                  type=\"button\"\n                  onClick={handleExpand}\n                  disabled={disabled}\n                  className={styles.expandButton}\n                >\n                  <DownIcon\n                    className={classNames(styles.expandIcon, expanded && styles.expanded)}\n                  />\n                </button>\n              </Tooltip>\n            )\n          }\n        >\n          <Tooltip title={tooltipTitle ?? 'Edit Offset Wells'} className={styles.editTooltipOffset}>\n            <span>\n              {label}\n              {isElementLabel || !label ? '' : ': '}\n              {wellsCount}\n            </span>\n          </Tooltip>\n        </Button>\n      </div>\n    );\n  }\n);\n"],"names":["DEFAULT_ARRAY","OffsetWellsButton","forwardRef","_ref","ref","_ref$wells","wells","showLimitationsMessage","_ref$label","label","onExpand","expanded","onClick","disabled","isExpandTooltipDisabled","tooltipTitle","forceExpandButton","icon","testId","className","wellsArray","Array","isArray","displayIcon","useOffsetWellsIcon","wellsCount","length","canExpand","isElementLabel","_jsxs","classNames","styles","root","children","_jsx","Tooltip","title","concat","infoIcon","InfoIcon","size","Button","type","button","prefix","undefined","suffix","event","stopPropagation","expandButton","DownIcon","expandIcon","editTooltipOffset"],"mappings":"28HAkEA,IAAMA,EAA8B,GAEvBC,EAAoBC,GAC/B,SAAAC,EAgBEC,GACG,IAAAC,EAAAF,EAfDG,MAAAA,aAAQ,GAAED,EACVE,IAAAA,uBAAsBC,EAAAL,EACtBM,MAAAA,aAAQ,eAAcD,EACtBE,IAAAA,SACAC,IAAAA,SACAC,IAAAA,QACAC,IAAAA,SACAC,IAAAA,wBACAC,IAAAA,aACAC,IAAAA,kBACAC,IAAAA,KACAC,IAAAA,OACAC,IAAAA,UAIIC,EAAaC,MAAMC,QAAQhB,GAASA,EAAQN,EAE5CuB,EAAcC,EAAmBJ,EAAYH,GAO7CQ,EAA8B,iBAAVnB,EAAqBA,EAAQA,EAAMoB,OACvDC,IAAcjB,IAAae,EAAa,GAAKT,GAE7CY,EAAkC,iBAAVnB,EAE9B,OACEoB,EAAA,MAAA,CAAKV,UAAWW,EAAWC,EAAOC,KAAMb,GAAYf,IAAKA,EAAI6B,SAC1D1B,CAAAA,GACC2B,EAACC,EAAO,CACNC,MAAK,GAAAC,OAAK5B,EAAkF,8EAAAwB,SAE5FC,EAAA,OAAA,CAAMf,UAAWY,EAAOO,SAASL,SAC/BC,EAACK,EAAQ,CAACC,KAAM,SAItBN,EAACO,EAAM,CACLC,KAAMf,GAAahB,EAAW,eAAiB,QAC/C6B,KAAK,QACL3B,SAAUA,EACVD,QAASA,EACTM,OAAQA,EACRC,UAAWY,EAAOY,OAClBC,OAAQrB,EAAcW,EAAA,OAAA,CAAMf,UAAWY,EAAOd,KAAKgB,SAAEV,SAAsBsB,EAC3EC,OACEnB,GACEO,EAACC,EAAO,CACNC,MAAK,GAAAC,OAAK1B,EAAW,WAAa,SAAQ,KAAA0B,OAAI5B,GAC9CI,SAAUC,EAAwBmB,SAGlCC,EAAA,SAAA,CACEQ,KAAK,SACL9B,QAtCO,SAACmC,GACpBA,EAAMC,kBACNtC,SAAAA,GAAYC,EAAUoC,IAqCVlC,SAAUA,EACVM,UAAWY,EAAOkB,aAAahB,SAE/BC,EAACgB,EAAQ,CACP/B,UAAWW,EAAWC,EAAOoB,WAAYxC,GAAYoB,EAAOpB,gBAKrEsB,SAEDC,EAACC,EAAO,CAACC,MAAOrB,QAAAA,EAAgB,oBAAqBI,UAAWY,EAAOqB,kBAAkBnB,SACvFJ,EAAA,OAAA,CAAAI,SACGxB,CAAAA,EACAmB,IAAmBnB,EAAQ,GAAK,KAChCgB,WAMb"}
+{"version":3,"file":"OffsetWellsButton.js","sources":["../../../src/componentsV2/OffsetWellsButton/OffsetWellsButton.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { forwardRef, MouseEvent, MouseEventHandler, ReactElement, ReactNode } from 'react';\n\nimport { Button } from '../Button';\nimport { Tooltip } from '../Tooltip';\n\nimport { useOffsetWellsIcon } from './useOffsetWellsIcon';\n\nimport styles from './OffsetWellsButton.scss';\n\nimport { DownIcon, InfoIcon } from '~/icons';\n\nexport type OffsetWell = {\n  id: number;\n  [key: string]: unknown;\n};\n\nexport type OffsetWellsButtonProps = {\n  wells?: OffsetWell[] | number;\n  onClick?: MouseEventHandler;\n  /**\n   * Whether the wells list is currently expanded\n   */\n  expanded?: boolean;\n  /**\n   * Callback fired when expand/collapse button is clicked\n   */\n  onExpand?: (expanded: boolean, event: MouseEvent<HTMLButtonElement>) => void;\n  /**\n   * Shows info icon with limitations warning tooltip\n   */\n  showLimitationsMessage?: boolean;\n  /**\n   * Custom label for the button (defaults to \"Offset Wells\")\n   */\n  label?: ReactNode;\n  /**\n   * Disables all interactions with the component\n   */\n  disabled?: boolean;\n  /**\n   * Disables tooltips on expand/collapse button\n   */\n  isExpandTooltipDisabled?: boolean;\n  /**\n   * Custom text for the edit tooltip (defaults to 'Edit Offset Wells')\n   */\n  tooltipTitle?: string;\n  /**\n   * Force showing expand icon even when wells === 0\n   */\n  forceExpandButton?: boolean;\n  /**\n   * Icon to display in the button (defaults to Well icon)\n   */\n  icon?: ReactElement | null;\n  /**\n   * Additional CSS class name\n   */\n  className?: string;\n  /**\n   * Test ID for the main button\n   */\n  testId?: string;\n};\n\nconst DEFAULT_ARRAY: OffsetWell[] = [];\n\nexport const OffsetWellsButton = forwardRef<HTMLDivElement, OffsetWellsButtonProps>(\n  (\n    {\n      wells = [],\n      showLimitationsMessage,\n      label = 'Offset Wells',\n      onExpand,\n      expanded,\n      onClick,\n      disabled,\n      isExpandTooltipDisabled,\n      tooltipTitle,\n      forceExpandButton,\n      icon,\n      testId,\n      className,\n    },\n    ref\n  ) => {\n    const wellsArray = Array.isArray(wells) ? wells : DEFAULT_ARRAY;\n    // Determines icon: shows Global when wells match globalOffsetWells, otherwise Well icon\n    const displayIcon = useOffsetWellsIcon(wellsArray, icon);\n\n    const handleExpand = (event: MouseEvent<HTMLButtonElement>) => {\n      event.stopPropagation();\n      onExpand?.(!expanded, event);\n    };\n\n    const wellsCount = typeof wells === 'number' ? wells : wells.length;\n    const canExpand = !!onExpand && (wellsCount > 0 || forceExpandButton);\n\n    const isElementLabel = typeof label !== 'string';\n\n    return (\n      <div className={classNames(styles.root, className)} ref={ref}>\n        {showLimitationsMessage && (\n          <Tooltip\n            title={`${label} list wasn't populated completely due to technical limitations of the app.`}\n          >\n            <span className={styles.infoIcon}>\n              <InfoIcon size={20} />\n            </span>\n          </Tooltip>\n        )}\n        <Button\n          type={canExpand && expanded ? 'chartColored' : 'chart'}\n          size=\"small\"\n          disabled={disabled}\n          onClick={onClick}\n          testId={testId}\n          className={styles.button}\n          prefix={displayIcon ? <span className={styles.icon}>{displayIcon}</span> : undefined}\n          suffix={\n            canExpand && (\n              <Tooltip\n                title={`${expanded ? 'Collapse' : 'Expand'} ${label}`}\n                disabled={isExpandTooltipDisabled}\n              >\n                {/* Keeping expand as a nested button ensures the main button hover style remains active, per design. */}\n                <button\n                  type=\"button\"\n                  onClick={handleExpand}\n                  disabled={disabled}\n                  className={styles.expandButton}\n                >\n                  <DownIcon\n                    className={classNames(styles.expandIcon, expanded && styles.expanded)}\n                  />\n                </button>\n              </Tooltip>\n            )\n          }\n        >\n          <Tooltip title={tooltipTitle ?? 'Edit Offset Wells'} className={styles.editTooltipOffset}>\n            <span>\n              {label}\n              {isElementLabel || !label ? '' : ': '}\n              {wellsCount}\n            </span>\n          </Tooltip>\n        </Button>\n      </div>\n    );\n  }\n);\n"],"names":["DEFAULT_ARRAY","OffsetWellsButton","forwardRef","_ref","ref","_ref$wells","wells","showLimitationsMessage","_ref$label","label","onExpand","expanded","onClick","disabled","isExpandTooltipDisabled","tooltipTitle","forceExpandButton","icon","testId","className","wellsArray","Array","isArray","displayIcon","useOffsetWellsIcon","wellsCount","length","canExpand","isElementLabel","_jsxs","classNames","styles","root","children","_jsx","Tooltip","title","concat","infoIcon","InfoIcon","size","Button","type","button","prefix","undefined","suffix","event","stopPropagation","expandButton","DownIcon","expandIcon","editTooltipOffset"],"mappings":"qjIAkEA,IAAMA,EAA8B,GAEvBC,EAAoBC,GAC/B,SAAAC,EAgBEC,GACG,IAAAC,EAAAF,EAfDG,MAAAA,aAAQ,GAAED,EACVE,IAAAA,uBAAsBC,EAAAL,EACtBM,MAAAA,aAAQ,eAAcD,EACtBE,IAAAA,SACAC,IAAAA,SACAC,IAAAA,QACAC,IAAAA,SACAC,IAAAA,wBACAC,IAAAA,aACAC,IAAAA,kBACAC,IAAAA,KACAC,IAAAA,OACAC,IAAAA,UAIIC,EAAaC,MAAMC,QAAQhB,GAASA,EAAQN,EAE5CuB,EAAcC,EAAmBJ,EAAYH,GAO7CQ,EAA8B,iBAAVnB,EAAqBA,EAAQA,EAAMoB,OACvDC,IAAcjB,IAAae,EAAa,GAAKT,GAE7CY,EAAkC,iBAAVnB,EAE9B,OACEoB,EAAA,MAAA,CAAKV,UAAWW,EAAWC,EAAOC,KAAMb,GAAYf,IAAKA,EAAI6B,SAC1D1B,CAAAA,GACC2B,EAACC,EAAO,CACNC,MAAK,GAAAC,OAAK5B,EAAkF,8EAAAwB,SAE5FC,EAAA,OAAA,CAAMf,UAAWY,EAAOO,SAASL,SAC/BC,EAACK,EAAQ,CAACC,KAAM,SAItBN,EAACO,EAAM,CACLC,KAAMf,GAAahB,EAAW,eAAiB,QAC/C6B,KAAK,QACL3B,SAAUA,EACVD,QAASA,EACTM,OAAQA,EACRC,UAAWY,EAAOY,OAClBC,OAAQrB,EAAcW,EAAA,OAAA,CAAMf,UAAWY,EAAOd,KAAKgB,SAAEV,SAAsBsB,EAC3EC,OACEnB,GACEO,EAACC,EAAO,CACNC,MAAK,GAAAC,OAAK1B,EAAW,WAAa,SAAQ,KAAA0B,OAAI5B,GAC9CI,SAAUC,EAAwBmB,SAGlCC,EAAA,SAAA,CACEQ,KAAK,SACL9B,QAtCO,SAACmC,GACpBA,EAAMC,kBACNtC,SAAAA,GAAYC,EAAUoC,IAqCVlC,SAAUA,EACVM,UAAWY,EAAOkB,aAAahB,SAE/BC,EAACgB,EAAQ,CACP/B,UAAWW,EAAWC,EAAOoB,WAAYxC,GAAYoB,EAAOpB,gBAKrEsB,SAEDC,EAACC,EAAO,CAACC,MAAOrB,QAAAA,EAAgB,oBAAqBI,UAAWY,EAAOqB,kBAAkBnB,SACvFJ,EAAA,OAAA,CAAAI,SACGxB,CAAAA,EACAmB,IAAmBnB,EAAQ,GAAK,KAChCgB,WAMb"}

package/componentsV2/OffsetWellsButton/useOffsetWellsIcon.js

@@ -1,2 +1,2 @@
-import{useMemo as o}from"react";import{useAppCommons as s}from"../AppCommonsProvider/AppCommonsContext.js";import c from"./OffsetWellsButton.scss.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/objectWithoutProperties";import"@icon-park/react/es/all";import{jsx as i}from"react/jsx-runtime";import"../../icons/IconParkProvider.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.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{Global as n}from"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import{Well as t}from"../../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"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";var r=function(o){var s,c;return null!==(s=null!==(c=o.id)&&void 0!==c?c:o.wellId)&&void 0!==s?s:o.key},m=function(m,e){var p,u=s(),l=null==u?void 0:u.globalOffsetWells,j=null==u||null===(p=u.well)||void 0===p?void 0:p.asset_id;return o((function(){if(void 0!==e)return e;var o=j&&l?l.filter((function(o){return o.id!==j})):l,s=o&&function(o,s){if(0===o.length||o.length!==s.length)return!1;var c=new Set(o.map(r).filter((function(o){return void 0!==o})));return c.size===o.length&&s.every((function(o){return c.has(o.id)}))}(m,o);return i(s?n:t,{size:20,className:c.defaultIcon})}),[m,l,e,j])};export{m as useOffsetWellsIcon};
+import{useMemo as o}from"react";import{useAppCommons as s}from"../AppCommonsProvider/AppCommonsContext.js";import c from"./OffsetWellsButton.scss.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/objectWithoutProperties";import"@icon-park/react/es/all";import{jsx as i}from"react/jsx-runtime";import"../../icons/IconParkProvider.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.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/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.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{Global as n}from"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import{Well as t}from"../../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"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";var r=function(o){var s,c;return null!==(s=null!==(c=o.id)&&void 0!==c?c:o.wellId)&&void 0!==s?s:o.key},m=function(m,e){var p,u=s(),l=null==u?void 0:u.globalOffsetWells,I=null==u||null===(p=u.well)||void 0===p?void 0:p.asset_id;return o((function(){if(void 0!==e)return e;var o=I&&l?l.filter((function(o){return o.id!==I})):l,s=o&&function(o,s){if(0===o.length||o.length!==s.length)return!1;var c=new Set(o.map(r).filter((function(o){return void 0!==o})));return c.size===o.length&&s.every((function(o){return c.has(o.id)}))}(m,o);return i(s?n:t,{size:20,className:c.defaultIcon})}),[m,l,e,I])};export{m as useOffsetWellsIcon};
 //# sourceMappingURL=useOffsetWellsIcon.js.map

package/componentsV2/OffsetWellsButton/useOffsetWellsIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"useOffsetWellsIcon.js","sources":["../../../src/componentsV2/OffsetWellsButton/useOffsetWellsIcon.tsx"],"sourcesContent":["import { ReactElement, useMemo } from 'react';\n\nimport { GlobalOffsetWell, useAppCommons } from '../AppCommonsProvider/AppCommonsContext';\n\nimport type { OffsetWell } from './OffsetWellsButton';\n\nimport styles from './OffsetWellsButton.scss';\n\nimport { Global, Well } from '~/icons';\n\nconst getWellId = (well: OffsetWell): number | undefined =>\n  well.id ?? (well.wellId as number | undefined) ?? (well.key as number | undefined);\n\nconst arraysMatchById = (arr1: OffsetWell[], arr2: GlobalOffsetWell[]): boolean => {\n  if (arr1.length === 0 || arr1.length !== arr2.length) return false;\n  const ids1 = new Set(arr1.map(getWellId).filter((id): id is number => id !== undefined));\n  if (ids1.size !== arr1.length) return false;\n  return arr2.every(w => ids1.has(w.id));\n};\n\nexport const useOffsetWellsIcon = (\n  wells: OffsetWell[],\n  customIcon: ReactElement | null | undefined\n): ReactElement | null => {\n  const appCommons = useAppCommons();\n  const globalOffsetWells = appCommons?.globalOffsetWells;\n  const subjectWellAssetId = appCommons?.well?.asset_id;\n\n  return useMemo(() => {\n    if (customIcon !== undefined) return customIcon;\n\n    const filteredGlobals =\n      subjectWellAssetId && globalOffsetWells\n        ? globalOffsetWells.filter(w => w.id !== subjectWellAssetId)\n        : globalOffsetWells;\n\n    const isGlobal = filteredGlobals && arraysMatchById(wells, filteredGlobals);\n\n    return isGlobal ? (\n      <Global size={20} className={styles.defaultIcon} />\n    ) : (\n      <Well size={20} className={styles.defaultIcon} />\n    );\n  }, [wells, globalOffsetWells, customIcon, subjectWellAssetId]);\n};\n"],"names":["getWellId","well","_ref","_well$id","id","wellId","key","useOffsetWellsIcon","wells","customIcon","_appCommons$well","appCommons","useAppCommons","globalOffsetWells","subjectWellAssetId","asset_id","useMemo","undefined","filteredGlobals","filter","w","isGlobal","arr1","arr2","length","ids1","Set","map","size","every","has","arraysMatchById","_jsx","Global","Well","className","styles","defaultIcon"],"mappings":"49HAUA,IAAMA,EAAY,SAACC,GAAgB,IAAAC,EAAAC,EAAA,OACV,QAAvBF,EAAYA,QAAZA,EAAAA,EAAKG,UAAOH,IAAAA,EAAAA,EAAAA,EAAKI,cAAM,IAAAH,EAAAA,EAA4BD,EAAKK,GAAG,EAShDC,EAAqB,SAChCC,EACAC,GACwB,IAAAC,EAClBC,EAAaC,IACbC,EAAoBF,aAAAA,EAAAA,EAAYE,kBAChCC,EAAqBH,SAAA,QAAAA,EAAAA,EAAYV,YAAZ,IAAAS,OAAAC,EAAAD,EAAkBK,SAE7C,OAAOC,GAAQ,WACb,QAAmBC,IAAfR,EAA0B,OAAOA,EAErC,IAAMS,EACJJ,GAAsBD,EAClBA,EAAkBM,QAAO,SAAAC,GAAC,OAAIA,EAAEhB,KAAOU,CAAkB,IACzDD,EAEAQ,EAAWH,GAvBG,SAACI,EAAoBC,GAC3C,GAAoB,IAAhBD,EAAKE,QAAgBF,EAAKE,SAAWD,EAAKC,OAAQ,OAAO,EAC7D,IAAMC,EAAO,IAAIC,IAAIJ,EAAKK,IAAI3B,GAAWmB,QAAO,SAACf,GAAE,YAA0Ba,IAAPb,CAAgB,KACtF,OAAIqB,EAAKG,OAASN,EAAKE,QAChBD,EAAKM,OAAM,SAAAT,GAAC,OAAIK,EAAKK,IAAIV,EAAEhB,MACpC,CAkBwC2B,CAAgBvB,EAAOU,GAE3D,OACEc,EADKX,EACJY,EAEAC,EAFM,CAACN,KAAM,GAAIO,UAAWC,EAAOC,aAIvC,GAAE,CAAC7B,EAAOK,EAAmBJ,EAAYK,GAC5C"}
+{"version":3,"file":"useOffsetWellsIcon.js","sources":["../../../src/componentsV2/OffsetWellsButton/useOffsetWellsIcon.tsx"],"sourcesContent":["import { ReactElement, useMemo } from 'react';\n\nimport { GlobalOffsetWell, useAppCommons } from '../AppCommonsProvider/AppCommonsContext';\n\nimport type { OffsetWell } from './OffsetWellsButton';\n\nimport styles from './OffsetWellsButton.scss';\n\nimport { Global, Well } from '~/icons';\n\nconst getWellId = (well: OffsetWell): number | undefined =>\n  well.id ?? (well.wellId as number | undefined) ?? (well.key as number | undefined);\n\nconst arraysMatchById = (arr1: OffsetWell[], arr2: GlobalOffsetWell[]): boolean => {\n  if (arr1.length === 0 || arr1.length !== arr2.length) return false;\n  const ids1 = new Set(arr1.map(getWellId).filter((id): id is number => id !== undefined));\n  if (ids1.size !== arr1.length) return false;\n  return arr2.every(w => ids1.has(w.id));\n};\n\nexport const useOffsetWellsIcon = (\n  wells: OffsetWell[],\n  customIcon: ReactElement | null | undefined\n): ReactElement | null => {\n  const appCommons = useAppCommons();\n  const globalOffsetWells = appCommons?.globalOffsetWells;\n  const subjectWellAssetId = appCommons?.well?.asset_id;\n\n  return useMemo(() => {\n    if (customIcon !== undefined) return customIcon;\n\n    const filteredGlobals =\n      subjectWellAssetId && globalOffsetWells\n        ? globalOffsetWells.filter(w => w.id !== subjectWellAssetId)\n        : globalOffsetWells;\n\n    const isGlobal = filteredGlobals && arraysMatchById(wells, filteredGlobals);\n\n    return isGlobal ? (\n      <Global size={20} className={styles.defaultIcon} />\n    ) : (\n      <Well size={20} className={styles.defaultIcon} />\n    );\n  }, [wells, globalOffsetWells, customIcon, subjectWellAssetId]);\n};\n"],"names":["getWellId","well","_ref","_well$id","id","wellId","key","useOffsetWellsIcon","wells","customIcon","_appCommons$well","appCommons","useAppCommons","globalOffsetWells","subjectWellAssetId","asset_id","useMemo","undefined","filteredGlobals","filter","w","isGlobal","arr1","arr2","length","ids1","Set","map","size","every","has","arraysMatchById","_jsx","Global","Well","className","styles","defaultIcon"],"mappings":"skIAUA,IAAMA,EAAY,SAACC,GAAgB,IAAAC,EAAAC,EAAA,OACV,QAAvBF,EAAYA,QAAZA,EAAAA,EAAKG,UAAOH,IAAAA,EAAAA,EAAAA,EAAKI,cAAM,IAAAH,EAAAA,EAA4BD,EAAKK,GAAG,EAShDC,EAAqB,SAChCC,EACAC,GACwB,IAAAC,EAClBC,EAAaC,IACbC,EAAoBF,aAAAA,EAAAA,EAAYE,kBAChCC,EAAqBH,SAAA,QAAAA,EAAAA,EAAYV,YAAZ,IAAAS,OAAAC,EAAAD,EAAkBK,SAE7C,OAAOC,GAAQ,WACb,QAAmBC,IAAfR,EAA0B,OAAOA,EAErC,IAAMS,EACJJ,GAAsBD,EAClBA,EAAkBM,QAAO,SAAAC,GAAC,OAAIA,EAAEhB,KAAOU,CAAkB,IACzDD,EAEAQ,EAAWH,GAvBG,SAACI,EAAoBC,GAC3C,GAAoB,IAAhBD,EAAKE,QAAgBF,EAAKE,SAAWD,EAAKC,OAAQ,OAAO,EAC7D,IAAMC,EAAO,IAAIC,IAAIJ,EAAKK,IAAI3B,GAAWmB,QAAO,SAACf,GAAE,YAA0Ba,IAAPb,CAAgB,KACtF,OAAIqB,EAAKG,OAASN,EAAKE,QAChBD,EAAKM,OAAM,SAAAT,GAAC,OAAIK,EAAKK,IAAIV,EAAEhB,MACpC,CAkBwC2B,CAAgBvB,EAAOU,GAE3D,OACEc,EADKX,EACJY,EAEAC,EAFM,CAACN,KAAM,GAAIO,UAAWC,EAAOC,aAIvC,GAAE,CAAC7B,EAAOK,EAAmBJ,EAAYK,GAC5C"}

package/componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.js

@@ -1,2 +1,2 @@
-import{Tooltip as o}from"../../Tooltip/Tooltip.js";import{FracModeLabelTestIds as s}from"./FracModeLabel.constants.js";import c from"./FracModeLabel.scss.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/objectWithoutProperties";import"react";import"@icon-park/react/es/all";import{jsx as i,jsxs as n}from"react/jsx-runtime";import"../../../icons/IconParkProvider.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.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{SimulFracCustomIcon as t}from"../../../icons/customIcons/icons/SimulFrac.js";import{ZipperFracCustomIcon as r}from"../../../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"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";var m={simul:{title:"SimulFrac",tooltipDescription:"Fracturing multiple wells on a pad simultaneously",icon:i(t,{size:12,fill:"currentColor"}),testId:s.SimulFracModeLabelTestId},zipper:{title:"ZipperFrac",tooltipDescription:"Fracturing one well on a pad at a time",icon:i(r,{size:12,fill:"currentColor"}),testId:s.ZipperFracModeLabelTestId}},e=function(s){var t=s.fracFleetLines,r=m[t.length?"simul":"zipper"],e=r.tooltipDescription,p=r.title,u=r.icon,l=r.testId;return i("div",{"data-testid":l,className:c.root,children:i(o,{title:p,description:e,children:n("div",{className:c.label,children:[u,p]})})})};export{e as FracModeLabel};
+import{Tooltip as o}from"../../Tooltip/Tooltip.js";import{FracModeLabelTestIds as s}from"./FracModeLabel.constants.js";import c from"./FracModeLabel.scss.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/objectWithoutProperties";import"react";import"@icon-park/react/es/all";import{jsx as i,jsxs as n}from"react/jsx-runtime";import"../../../icons/IconParkProvider.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.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{SimulFracCustomIcon as t}from"../../../icons/customIcons/icons/SimulFrac.js";import{ZipperFracCustomIcon as r}from"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/InfoRounded.js";import"../../../icons/customIcons/icons/FlameFilled.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"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";var m={simul:{title:"SimulFrac",tooltipDescription:"Fracturing multiple wells on a pad simultaneously",icon:i(t,{size:12,fill:"currentColor"}),testId:s.SimulFracModeLabelTestId},zipper:{title:"ZipperFrac",tooltipDescription:"Fracturing one well on a pad at a time",icon:i(r,{size:12,fill:"currentColor"}),testId:s.ZipperFracModeLabelTestId}},e=function(s){var t=s.fracFleetLines,r=m[t.length?"simul":"zipper"],e=r.tooltipDescription,p=r.title,u=r.icon,l=r.testId;return i("div",{"data-testid":l,className:c.root,children:i(o,{title:p,description:e,children:n("div",{className:c.label,children:[u,p]})})})};export{e as FracModeLabel};
 //# sourceMappingURL=FracModeLabel.js.map

package/componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"FracModeLabel.js","sources":["../../../../src/componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport { FracFleetLine } from '../../../types';\nimport { Tooltip } from '../../Tooltip';\n\nimport { FracModeLabelTestIds } from './FracModeLabel.constants';\n\nimport styles from './FracModeLabel.scss';\n\nimport { SimulFracCustomIcon, ZipperFracCustomIcon } from '~/icons';\n\ntype FracMode = 'simul' | 'zipper';\n\nconst ModeToDisplayInfoMap: Record<\n  FracMode,\n  { title: string; tooltipDescription: string; icon: ReactNode; testId?: string }\n> = {\n  simul: {\n    title: 'SimulFrac',\n    tooltipDescription: 'Fracturing multiple wells on a pad simultaneously',\n    icon: <SimulFracCustomIcon size={12} fill=\"currentColor\" />,\n    testId: FracModeLabelTestIds.SimulFracModeLabelTestId,\n  },\n  zipper: {\n    title: 'ZipperFrac',\n    tooltipDescription: 'Fracturing one well on a pad at a time',\n    icon: <ZipperFracCustomIcon size={12} fill=\"currentColor\" />,\n    testId: FracModeLabelTestIds.ZipperFracModeLabelTestId,\n  },\n};\n\nexport type FracModeLabelProps = {\n  fracFleetLines: FracFleetLine[];\n};\n\nexport const FracModeLabel = ({ fracFleetLines }: FracModeLabelProps) => {\n  const { tooltipDescription, title, icon, testId } =\n    ModeToDisplayInfoMap[fracFleetLines.length ? 'simul' : 'zipper'];\n\n  return (\n    <div data-testid={testId} className={styles.root}>\n      <Tooltip title={title} description={tooltipDescription}>\n        <div className={styles.label}>\n          {icon}\n          {title}\n        </div>\n      </Tooltip>\n    </div>\n  );\n};\n"],"names":["ModeToDisplayInfoMap","simul","title","tooltipDescription","icon","_jsx","SimulFracCustomIcon","size","fill","testId","FracModeLabelTestIds","SimulFracModeLabelTestId","zipper","ZipperFracCustomIcon","ZipperFracModeLabelTestId","FracModeLabel","_ref","fracFleetLines","length","className","styles","root","children","Tooltip","description","_jsxs","label"],"mappings":"ivIAaA,IAAMA,EAGF,CACFC,MAAO,CACLC,MAAO,YACPC,mBAAoB,oDACpBC,KAAMC,EAACC,EAAmB,CAACC,KAAM,GAAIC,KAAK,iBAC1CC,OAAQC,EAAqBC,0BAE/BC,OAAQ,CACNV,MAAO,aACPC,mBAAoB,yCACpBC,KAAMC,EAACQ,EAAoB,CAACN,KAAM,GAAIC,KAAK,iBAC3CC,OAAQC,EAAqBI,4BAQpBC,EAAgB,SAA4CC,GAAA,IAAzCC,IAAAA,eAE5BjB,EAAAA,EAAqBiB,EAAeC,OAAS,QAAU,UADjDf,IAAAA,mBAAoBD,IAAAA,MAAOE,IAAAA,KAAMK,IAAAA,OAGzC,OACEJ,EAAA,MAAA,CAAK,cAAaI,EAAQU,UAAWC,EAAOC,KAAKC,SAC/CjB,EAACkB,EAAO,CAACrB,MAAOA,EAAOsB,YAAarB,EAAmBmB,SACrDG,EAAA,MAAA,CAAKN,UAAWC,EAAOM,MAAMJ,SAC1BlB,CAAAA,EACAF,QAKX"}
+{"version":3,"file":"FracModeLabel.js","sources":["../../../../src/componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport { FracFleetLine } from '../../../types';\nimport { Tooltip } from '../../Tooltip';\n\nimport { FracModeLabelTestIds } from './FracModeLabel.constants';\n\nimport styles from './FracModeLabel.scss';\n\nimport { SimulFracCustomIcon, ZipperFracCustomIcon } from '~/icons';\n\ntype FracMode = 'simul' | 'zipper';\n\nconst ModeToDisplayInfoMap: Record<\n  FracMode,\n  { title: string; tooltipDescription: string; icon: ReactNode; testId?: string }\n> = {\n  simul: {\n    title: 'SimulFrac',\n    tooltipDescription: 'Fracturing multiple wells on a pad simultaneously',\n    icon: <SimulFracCustomIcon size={12} fill=\"currentColor\" />,\n    testId: FracModeLabelTestIds.SimulFracModeLabelTestId,\n  },\n  zipper: {\n    title: 'ZipperFrac',\n    tooltipDescription: 'Fracturing one well on a pad at a time',\n    icon: <ZipperFracCustomIcon size={12} fill=\"currentColor\" />,\n    testId: FracModeLabelTestIds.ZipperFracModeLabelTestId,\n  },\n};\n\nexport type FracModeLabelProps = {\n  fracFleetLines: FracFleetLine[];\n};\n\nexport const FracModeLabel = ({ fracFleetLines }: FracModeLabelProps) => {\n  const { tooltipDescription, title, icon, testId } =\n    ModeToDisplayInfoMap[fracFleetLines.length ? 'simul' : 'zipper'];\n\n  return (\n    <div data-testid={testId} className={styles.root}>\n      <Tooltip title={title} description={tooltipDescription}>\n        <div className={styles.label}>\n          {icon}\n          {title}\n        </div>\n      </Tooltip>\n    </div>\n  );\n};\n"],"names":["ModeToDisplayInfoMap","simul","title","tooltipDescription","icon","_jsx","SimulFracCustomIcon","size","fill","testId","FracModeLabelTestIds","SimulFracModeLabelTestId","zipper","ZipperFracCustomIcon","ZipperFracModeLabelTestId","FracModeLabel","_ref","fracFleetLines","length","className","styles","root","children","Tooltip","description","_jsxs","label"],"mappings":"i2IAaA,IAAMA,EAGF,CACFC,MAAO,CACLC,MAAO,YACPC,mBAAoB,oDACpBC,KAAMC,EAACC,EAAmB,CAACC,KAAM,GAAIC,KAAK,iBAC1CC,OAAQC,EAAqBC,0BAE/BC,OAAQ,CACNV,MAAO,aACPC,mBAAoB,yCACpBC,KAAMC,EAACQ,EAAoB,CAACN,KAAM,GAAIC,KAAK,iBAC3CC,OAAQC,EAAqBI,4BAQpBC,EAAgB,SAA4CC,GAAA,IAAzCC,IAAAA,eAE5BjB,EAAAA,EAAqBiB,EAAeC,OAAS,QAAU,UADjDf,IAAAA,mBAAoBD,IAAAA,MAAOE,IAAAA,KAAMK,IAAAA,OAGzC,OACEJ,EAAA,MAAA,CAAK,cAAaI,EAAQU,UAAWC,EAAOC,KAAKC,SAC/CjB,EAACkB,EAAO,CAACrB,MAAOA,EAAOsB,YAAarB,EAAmBmB,SACrDG,EAAA,MAAA,CAAKN,UAAWC,EAAOM,MAAMJ,SAC1BlB,CAAAA,EACAF,QAKX"}

package/componentsV2/PadModeSelect/PadModeSelect.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{isEmpty as t}from"lodash";import i from"classnames";import{useState as n,useRef as c,useCallback as e}from"react";import{COMPLETION_APP_TYPES as r,COMPLETION_MODES as m}from"../../constants/completion.js";import{getAssetKey as p,getDefaultPadModeSetting as l}from"../../utils/completion.js";import{PadMode as a}from"../../types/shared/Completions.js";import{TextMiddleTruncated as u}from"../TextMiddleTruncated/TextMiddleTruncated.js";import"../TextMiddleTruncated/TextMiddleTruncated.constants.js";import{Text as d}from"../Text/Text.js";import{Menu as j}from"../Menu/Menu.js";import{Button as I}from"../Button/Button.js";import{FracModeLabel as f}from"./FracModeLabel/FracModeLabel.js";import"./FracModeLabel/FracModeLabel.constants.js";import{MenuWellStreamStatus as b}from"./MenuWellStreamStatus.js";import{PadModeSelectTestIds as v}from"./PadModeSelect.constants.js";import{getSelectValue as h}from"./utils/getSelectValue.js";import{getActiveAsset as g}from"./utils/getActiveAsset.js";import{useMenuItems as C}from"./utils/useMenuItems.js";import{parseMenuItemKey as y}from"./utils/menuItemsUtils.js";import{AssetStatus as A}from"./utils/types.js";import{ColorAccent as S}from"./ColorAccent/ColorAccent.js";import O from"./PadModeSelect.scss.js";import"../../clients/subscriptions/constants.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"querystring";import"uuid/v1";import"../../clients/subscriptions.v1.js";import"../../clients/jsonApi/index.js";import"../../clients/subscriptions/subscriptions-client.factory.js";import"immutable";import"query-string";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"../../components/GradientManager/configuration/constants.js";import"../../utils/index.js";import"uuid";import"jsona";import"../../utils/env.js";import"../../components/StatusBadge/constants.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommons as F}from"../AppCommonsProvider/AppCommonsContext.js";import"../AppSettings/AppSettingsPinningContext.js";import{DownIcon as M,InfoIcon as P}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.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"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsx as T,jsxs as x,Fragment as k}from"react/jsx-runtime";function L(o,s){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),t.push.apply(t,i)}return t}function D(s){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?L(Object(i),!0).forEach((function(t){o(s,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):L(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var w="development"===process.env.NODE_ENV,B=function(L){var B,N,_,E,z,G,W,R,U,q=L.className,V=L.testId,J=F(),K=J.app,Z=J.well,H=J.fracFleet,Q=J.wells,X=void 0===Q?[]:Q,Y=J.appSettings,$=J.onSettingChange,oo=null==Y?void 0:Y.padId,so=p(H,Z,oo),to=((null==K||null===(B=K.package)||void 0===B||null===(N=B.manifest)||void 0===N?void 0:N.application)||{}).key,io=(null==K||null===(_=K.package)||void 0===_||null===(E=_.manifest)||void 0===E||null===(z=E.application)||void 0===z?void 0:z.ui)||{},no=io.enableSimulFracInPadSelect,co=io.completionAppType,eo=io.disableActiveWellsInPadSelect,ro=co||r.fracMultiWellApp,mo=(null==H||null===(G=H.pad_frac_fleets)||void 0===G||null===(W=G.find((function(o){return oo&&o.pad.id?o.pad.id.toString()===oo.toString():o.current})))||void 0===W?void 0:W.frac_fleet_lines)||[],po=t(null==Y||null===(R=Y.settingsByAsset)||void 0===R?void 0:R[so])?l(H,Z,ro):null==Y||null===(U=Y.settingsByAsset)||void 0===U?void 0:U[so],lo=h({fracFleetLines:mo,padModeSetting:po,enableSimulFracInPadSelect:no}),ao=C({completionAppType:co,assets:X,fracFleetLines:mo,enableSimulFracInPadSelect:no}),uo=ao.find((function(o){return o.key===lo})),jo=g({assets:X,padModeSetting:po,completionAppType:co}),Io=n(!1),fo=s(Io,2),bo=fo[0],vo=fo[1],ho=c(null),go=e((function(){return vo((function(o){return!o}))}),[]),Co=!no&&mo.length>0,yo=e((function(s){vo(!1);var t=y(s),i=t.mode,n=t.assetId,c={mode:i};i===a.custom?(c.mode=a.custom,c.selectedAssets=[parseInt(n,10)]):i===a.padLine&&(c.selectedLine=n);var e="local_corva_pad_mode_".concat(to,"_").concat(so);w&&localStorage.setItem(e,JSON.stringify(c)),$("settingsByAsset",D(D({},null==Y?void 0:Y.settingsByAsset),{},o({},so,c)))}),[to,so,$,null==Y?void 0:Y.settingsByAsset]);return Z||t(X)||!H||!jo&&po.mode!==a.padLine?null:T("div",{className:i(O.root,q),"data-testid":V,children:lo&&x(k,{children:[T(I,{type:bo?"chartColored":"chart",size:"small",onClick:go,ref:ho,className:O.menuButton,suffix:T(M,{className:i(O.menuButtonArrow,bo&&O.open)}),children:T(u,{testId:v.SelectedItemTestId,className:O.buttonInner,children:null==uo?void 0:uo.label})}),x(j,{anchorEl:ho.current,open:bo,onClose:go,className:O.menu,placement:"bottom",children:[T(f,{fracFleetLines:mo}),ao.map((function(o){var s=o.key,t=o.label,n=o.isSubItem,c=o.isDisabled,e=o.status,r=o.assetId,p=o.customColor;return x(j.Item,{size:"medium",disabled:eo&&e!==A.active&&s!==m.pad&&(n||c),onClick:function(){return yo(s)},testId:"".concat(v.MenuItemTestId,"_").concat(t),selected:s===(null==uo?void 0:uo.key),children:[T(S,{color:p}),x(d,{size:12,color:"inherit",className:i(O.menuItemLabel,n&&O.subItemLabel),children:[T(u,{children:t}),bo&&e===A.active&&!!r&&T(b,{currentWellId:r})]})]},s)})),Co&&x(d,{testId:v.MenuFooterTestId,size:12,color:"T6",className:O.simulFracMessage,children:[T(P,{size:16,className:O.simulFracIcon}),"Analytics apps show all wells in Pad Mode for Simulfracs"]})]})]})})};export{B as PadModeSelect};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{isEmpty as t}from"lodash";import n from"classnames";import{useState as i,useRef as c,useCallback as e}from"react";import{COMPLETION_APP_TYPES as r,COMPLETION_MODES as m}from"../../constants/completion.js";import{getAssetKey as p,getDefaultPadModeSetting as l}from"../../utils/completion.js";import{PadMode as a}from"../../types/shared/Completions.js";import{TextMiddleTruncated as u}from"../TextMiddleTruncated/TextMiddleTruncated.js";import"../TextMiddleTruncated/TextMiddleTruncated.constants.js";import{Text as d}from"../Text/Text.js";import{Menu as j}from"../Menu/Menu.js";import{Button as I}from"../Button/Button.js";import{FracModeLabel as f}from"./FracModeLabel/FracModeLabel.js";import"./FracModeLabel/FracModeLabel.constants.js";import{MenuWellStreamStatus as b}from"./MenuWellStreamStatus.js";import{PadModeSelectTestIds as v}from"./PadModeSelect.constants.js";import{getSelectValue as h}from"./utils/getSelectValue.js";import{getActiveAsset as g}from"./utils/getActiveAsset.js";import{useMenuItems as C}from"./utils/useMenuItems.js";import{parseMenuItemKey as y}from"./utils/menuItemsUtils.js";import{AssetStatus as A}from"./utils/types.js";import{ColorAccent as S}from"./ColorAccent/ColorAccent.js";import O from"./PadModeSelect.scss.js";import"../../clients/subscriptions/constants.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"querystring";import"uuid/v1";import"../../clients/subscriptions.v1.js";import"../../clients/jsonApi/index.js";import"../../clients/subscriptions/subscriptions-client.factory.js";import"immutable";import"query-string";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../constants/corvaCompanyId.js";import"../../components/GradientManager/configuration/constants.js";import"../../utils/index.js";import"uuid";import"jsona";import"../../utils/env.js";import"../../components/StatusBadge/constants.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommons as F}from"../AppCommonsProvider/AppCommonsContext.js";import"../AppSettings/AppSettingsPinningContext.js";import{DownIcon as M,InfoIcon as P}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.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/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.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"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsx as T,jsxs as x,Fragment as k}from"react/jsx-runtime";function L(o,s){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),t.push.apply(t,n)}return t}function D(s){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?L(Object(n),!0).forEach((function(t){o(s,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(n)):L(Object(n)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(n,o))}))}return s}var w="development"===process.env.NODE_ENV,B=function(L){var B,N,_,E,z,G,R,W,U,q=L.className,V=L.testId,J=F(),K=J.app,Z=J.well,H=J.fracFleet,Q=J.wells,X=void 0===Q?[]:Q,Y=J.appSettings,$=J.onSettingChange,oo=null==Y?void 0:Y.padId,so=p(H,Z,oo),to=((null==K||null===(B=K.package)||void 0===B||null===(N=B.manifest)||void 0===N?void 0:N.application)||{}).key,no=(null==K||null===(_=K.package)||void 0===_||null===(E=_.manifest)||void 0===E||null===(z=E.application)||void 0===z?void 0:z.ui)||{},io=no.enableSimulFracInPadSelect,co=no.completionAppType,eo=no.disableActiveWellsInPadSelect,ro=co||r.fracMultiWellApp,mo=(null==H||null===(G=H.pad_frac_fleets)||void 0===G||null===(R=G.find((function(o){return oo&&o.pad.id?o.pad.id.toString()===oo.toString():o.current})))||void 0===R?void 0:R.frac_fleet_lines)||[],po=t(null==Y||null===(W=Y.settingsByAsset)||void 0===W?void 0:W[so])?l(H,Z,ro):null==Y||null===(U=Y.settingsByAsset)||void 0===U?void 0:U[so],lo=h({fracFleetLines:mo,padModeSetting:po,enableSimulFracInPadSelect:io}),ao=C({completionAppType:co,assets:X,fracFleetLines:mo,enableSimulFracInPadSelect:io}),uo=ao.find((function(o){return o.key===lo})),jo=g({assets:X,padModeSetting:po,completionAppType:co}),Io=i(!1),fo=s(Io,2),bo=fo[0],vo=fo[1],ho=c(null),go=e((function(){return vo((function(o){return!o}))}),[]),Co=!io&&mo.length>0,yo=e((function(s){vo(!1);var t=y(s),n=t.mode,i=t.assetId,c={mode:n};n===a.custom?(c.mode=a.custom,c.selectedAssets=[parseInt(i,10)]):n===a.padLine&&(c.selectedLine=i);var e="local_corva_pad_mode_".concat(to,"_").concat(so);w&&localStorage.setItem(e,JSON.stringify(c)),$("settingsByAsset",D(D({},null==Y?void 0:Y.settingsByAsset),{},o({},so,c)))}),[to,so,$,null==Y?void 0:Y.settingsByAsset]);return Z||t(X)||!H||!jo&&po.mode!==a.padLine?null:T("div",{className:n(O.root,q),"data-testid":V,children:lo&&x(k,{children:[T(I,{type:bo?"chartColored":"chart",size:"small",onClick:go,ref:ho,className:O.menuButton,suffix:T(M,{className:n(O.menuButtonArrow,bo&&O.open)}),children:T(u,{testId:v.SelectedItemTestId,className:O.buttonInner,children:null==uo?void 0:uo.label})}),x(j,{anchorEl:ho.current,open:bo,onClose:go,className:O.menu,placement:"bottom",children:[T(f,{fracFleetLines:mo}),ao.map((function(o){var s=o.key,t=o.label,i=o.isSubItem,c=o.isDisabled,e=o.status,r=o.assetId,p=o.customColor;return x(j.Item,{size:"medium",disabled:eo&&e!==A.active&&s!==m.pad&&(i||c),onClick:function(){return yo(s)},testId:"".concat(v.MenuItemTestId,"_").concat(t),selected:s===(null==uo?void 0:uo.key),children:[T(S,{color:p}),x(d,{size:12,color:"inherit",className:n(O.menuItemLabel,i&&O.subItemLabel),children:[T(u,{children:t}),bo&&e===A.active&&!!r&&T(b,{currentWellId:r})]})]},s)})),Co&&x(d,{testId:v.MenuFooterTestId,size:12,color:"T6",className:O.simulFracMessage,children:[T(P,{size:16,className:O.simulFracIcon}),"Analytics apps show all wells in Pad Mode for Simulfracs"]})]})]})})};export{B as PadModeSelect};
 //# sourceMappingURL=PadModeSelect.js.map