npm - @corva/ui - Versions diffs - 3.75.0-2 → 3.75.0-21 - Mend

@corva/ui 3.75.0-2 → 3.75.0-21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1735) hide show

package/cjs-bundle/componentsV2/ImageViewer/ImageViewer.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("@babel/runtime/helpers/slicedToArray"),s=require("react"),e=require("react-dom/server"),n=require("photoswipe/lightbox"),i=require("photoswipe");require("photoswipe/photoswipe.css");var c=require("../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js"),r=require("./ImageViewer.scss.js"),t=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var u=require("react/jsx-runtime");function l(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}var a=l(o),m=l(n),d=l(i);exports.ImageViewer=function(o){var n=o.src,i=o.onClose,l=o.onOpen,I=o.height,q=o.width,j=c.useIsInsideIsolatedDcApp(),p=s.useState((function(){if(q&&I)return{height:I,width:q}})),v=a.default(p,2),h=v[0],f=v[1];return s.useEffect((function(){if(n&&!h){var o=new Image;o.onload=function(o){var s=o.currentTarget,e=s.naturalWidth,n=s.naturalHeight;f({width:e,height:n})},o.src=n}}),[n,h]),s.useEffect((function(){if(n&&h){var o=j?parent:window,s=new m.default({pswpModule:d.default,dataSource:[{src:n,width:h.width,height:h.height}],clickToCloseNonZoomable:!1,wheelToZoom:!0,initialZoomLevel:"fit",padding:{top:50,bottom:50,left:50,right:50},appendToEl:o.document.body,getViewportSizeFn:function(){return{x:o.innerWidth,y:o.innerHeight}},maxZoomLevel:2,mainClass:r.root,closeSVG:e.renderToString(u.jsx(t.ArrowLeftIcon,{}))});return s.on("bindEvents",(function(){var e=s.pswp;e&&j&&e.events._pool.slice().forEach((function(s){var n=s.target,i=s.type,c=s.listener,r=s.passive;n===window&&(e.events.remove(n,i,c,r),e.events.add(o,i,c,r)),n===document&&(e.events.remove(n,i,c,r),e.events.add(o.document,i,c,r))}))})),s.on("uiRegister",(function(){var o,n=null==s||null===(o=s.pswp)||void 0===o?void 0:o.ui;null==n||n.registerElement({name:"download-button",order:7,isButton:!0,tagName:"a",html:e.renderToString(u.jsx(t.DownloadIcon,{className:"pswp__icn"})),onInit:function(o,s){o.setAttribute("download",""),o.setAttribute("target","_blank"),o.setAttribute("rel","noopener"),null==s||s.on("change",(function(){var e;o.href=(null==s||null===(e=s.currSlide)||void 0===e?void 0:e.data.src)||""}))}}),null==n||n.registerElement({name:"zoom-in-button",order:8,isButton:!0,tagName:"button",html:e.renderToString(u.jsx(t.ZoomInIcon,{className:"pswp__icn"})),onInit:function(o,s){s.on("zoomPanUpdate",(function(e){var n,i=o,c=(null===(n=s.currSlide)||void 0===n?void 0:n.currZoomLevel)||1;e.slide===s.currSlide&&(i.disabled=c>=2)}))},onClick:function(o,s,e){var n;if(null!=e&&null!==(n=e.currSlide)&&void 0!==n&&n.currZoomLevel){var i=e.currSlide.currZoomLevel+.5,c=Math.min(.5*Math.floor(i/.5),2);e.currSlide.zoomTo(c,void 0)}}});var i=new WeakMap;null==n||n.registerElement({name:"zoom-out-button",order:9,isButton:!0,tagName:"button",html:e.renderToString(u.jsx(t.ZoomOutIcon,{className:"pswp__icn"})),onInit:function(o,s){s.on("zoomPanUpdate",(function(e){var n,c=o,r=(null===(n=s.currSlide)||void 0===n?void 0:n.currZoomLevel)||1;e.slide===s.currSlide&&(i.get(s.currSlide)||i.set(s.currSlide,r),c.disabled=r<=(i.get(s.currSlide)||1))}))},onClick:function(o,s,e){var n;if(null!=e&&null!==(n=e.currSlide)&&void 0!==n&&n.currZoomLevel&&i.get(e.currSlide)){var c=e.currSlide.currZoomLevel-.5,r=Math.max(.5*Math.ceil(c/.5),i.get(e.currSlide)||1);e.currSlide.zoomTo(r,void 0)}}})})),s.on("close",(function(){null==i||i()})),s.on("destroy",(function(){null==i||i()})),s.on("initialLayout",(function(){null==l||l()})),s.init(),s.loadAndOpen(0),function(){s.destroy()}}}),[n,j,i,l,h]),u.jsx(u.Fragment,{})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("@babel/runtime/helpers/slicedToArray"),s=require("react"),e=require("react-dom/server"),n=require("photoswipe/lightbox"),i=require("photoswipe");require("photoswipe/photoswipe.css");var c=require("../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js"),r=require("./ImageViewer.scss.js"),t=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var u=require("react/jsx-runtime");function l(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}var a=l(o),m=l(n),d=l(i);exports.ImageViewer=function(o){var n=o.src,i=o.onClose,l=o.onOpen,I=o.height,q=o.width,j=c.useIsInsideIsolatedDcApp(),p=s.useState((function(){if(q&&I)return{height:I,width:q}})),v=a.default(p,2),h=v[0],f=v[1];return s.useEffect((function(){if(n&&!h){var o=new Image;o.onload=function(o){var s=o.currentTarget,e=s.naturalWidth,n=s.naturalHeight;f({width:e,height:n})},o.src=n}}),[n,h]),s.useEffect((function(){if(n&&h){var o=j?parent:window,s=new m.default({pswpModule:d.default,dataSource:[{src:n,width:h.width,height:h.height}],clickToCloseNonZoomable:!1,wheelToZoom:!0,initialZoomLevel:"fit",padding:{top:50,bottom:50,left:50,right:50},appendToEl:o.document.body,getViewportSizeFn:function(){return{x:o.innerWidth,y:o.innerHeight}},maxZoomLevel:2,mainClass:r.root,closeSVG:e.renderToString(u.jsx(t.ArrowLeftIcon,{}))});return s.on("bindEvents",(function(){var e=s.pswp;e&&j&&e.events._pool.slice().forEach((function(s){var n=s.target,i=s.type,c=s.listener,r=s.passive;n===window&&(e.events.remove(n,i,c,r),e.events.add(o,i,c,r)),n===document&&(e.events.remove(n,i,c,r),e.events.add(o.document,i,c,r))}))})),s.on("uiRegister",(function(){var o,n=null==s||null===(o=s.pswp)||void 0===o?void 0:o.ui;null==n||n.registerElement({name:"download-button",order:7,isButton:!0,tagName:"a",html:e.renderToString(u.jsx(t.DownloadIcon,{className:"pswp__icn"})),onInit:function(o,s){o.setAttribute("download",""),o.setAttribute("target","_blank"),o.setAttribute("rel","noopener"),null==s||s.on("change",(function(){var e;o.href=(null==s||null===(e=s.currSlide)||void 0===e?void 0:e.data.src)||""}))}}),null==n||n.registerElement({name:"zoom-in-button",order:8,isButton:!0,tagName:"button",html:e.renderToString(u.jsx(t.ZoomInIcon,{className:"pswp__icn"})),onInit:function(o,s){s.on("zoomPanUpdate",(function(e){var n,i=o,c=(null===(n=s.currSlide)||void 0===n?void 0:n.currZoomLevel)||1;e.slide===s.currSlide&&(i.disabled=c>=2)}))},onClick:function(o,s,e){var n;if(null!=e&&null!==(n=e.currSlide)&&void 0!==n&&n.currZoomLevel){var i=e.currSlide.currZoomLevel+.5,c=Math.min(.5*Math.floor(i/.5),2);e.currSlide.zoomTo(c,void 0)}}});var i=new WeakMap;null==n||n.registerElement({name:"zoom-out-button",order:9,isButton:!0,tagName:"button",html:e.renderToString(u.jsx(t.ZoomOutIcon,{className:"pswp__icn"})),onInit:function(o,s){s.on("zoomPanUpdate",(function(e){var n,c=o,r=(null===(n=s.currSlide)||void 0===n?void 0:n.currZoomLevel)||1;e.slide===s.currSlide&&(i.get(s.currSlide)||i.set(s.currSlide,r),c.disabled=r<=(i.get(s.currSlide)||1))}))},onClick:function(o,s,e){var n;if(null!=e&&null!==(n=e.currSlide)&&void 0!==n&&n.currZoomLevel&&i.get(e.currSlide)){var c=e.currSlide.currZoomLevel-.5,r=Math.max(.5*Math.ceil(c/.5),i.get(e.currSlide)||1);e.currSlide.zoomTo(r,void 0)}}})})),s.on("close",(function(){null==i||i()})),s.on("destroy",(function(){null==i||i()})),s.on("initialLayout",(function(){null==l||l()})),s.init(),s.loadAndOpen(0),function(){s.destroy()}}}),[n,j,i,l,h]),u.jsx(u.Fragment,{})};
 //# sourceMappingURL=ImageViewer.js.map

package/cjs-bundle/componentsV2/ImageViewer/ImageViewer.js.map CHANGED Viewed

	@@ -1 +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":["_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","jsx","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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"}
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":["_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","jsx","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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"}

package/cjs-bundle/componentsV2/InterventionEventSelector/InterventionEventSelector.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/defineProperty"),e=require("@babel/runtime/helpers/slicedToArray"),n=require("react"),o=require("@tanstack/react-query"),c=require("../Chip/Chip.js"),i=require("../Menu/Menu.js"),r=require("./useInterventionUnitEvents.js"),t=require("./utils.js"),u=require("./InterventionEventSelector.scss.js"),l=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var a=require("react/jsx-runtime");function m(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var j=m(s),I=m(e);function q(s,e){var n=Object.keys(s);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(s);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(s,e).enumerable}))),n.push.apply(n,o)}return n}function d(s){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?q(Object(n),!0).forEach((function(e){j.default(s,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(n)):q(Object(n)).forEach((function(e){Object.defineProperty(s,e,Object.getOwnPropertyDescriptor(n,e))}))}return s}function p(s){var e=s.wellId,o=s.selectedEventId,m=s.onChange,j=s.className,q=n.useState(!1),d=I.default(q,2),p=d[0],v=d[1],h=n.useRef(null),f=r.useInterventionUnitEvents(e),C=f.data,b=void 0===C?[]:C,O=f.isSuccess,E=n.useMemo((function(){var s;return null!==(s=b.find((function(s){return t.isSameEventId(s.id,o)})))&&void 0!==s?s:null}),[b,o]);if(n.useEffect((function(){O&&null!=o&&!E&&m(null,null)}),[O,o,E,m]),!(null!=o||e&&b.length))return null;var x=p?l.UpIcon:l.DownIcon,y=function(s){v(!1),m(s?Number(s.id):null,s)};return a.jsxs(a.Fragment,{children:[a.jsx(c.Chip,{ref:h,className:j,size:"small",onClick:function(){return v(!0)},suffix:a.jsx(x,{}),testId:"interventionEventSelectorChip",children:t.getEventChipLabel(E,o)}),a.jsxs(i.Menu,{open:p,anchorEl:h.current,onClose:function(){return v(!1)},className:u.menu,children:[a.jsx(i.Menu.Item,{selected:null==o,onClick:function(){return y(null)},testId:"interventionEventSelectorAllEvents",children:t.ALL_EVENTS_LABEL}),b.map((function(s){var e;return a.jsx(i.Menu.Item,{size:"large",selected:t.isSameEventId(s.id,o),onClick:function(){return y(s)},testId:"interventionEventSelectorEvent-".concat(s.id),children:a.jsxs("div",{className:u.eventItem,children:[a.jsxs("div",{className:u.eventItemMain,children:[a.jsx("span",{className:u.eventItemOperation,children:s.operation}),a.jsx("span",{className:u.eventItemDate,children:t.formatEventDate(s)})]}),(null===(e=s.intervention_unit)||void 0===e?void 0:e.name)&&a.jsx("div",{className:u.eventItemUnit,children:s.intervention_unit.name})]})},s.id)}))]})]})}exports.InterventionEventSelector=function(s){return a.jsx(o.QueryClientProvider,{client:r.interventionEventSelectorQueryClient,children:a.jsx(p,d({},s))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/defineProperty"),e=require("@babel/runtime/helpers/slicedToArray"),n=require("react"),o=require("@tanstack/react-query"),c=require("../Chip/Chip.js"),i=require("../Menu/Menu.js"),r=require("./useInterventionUnitEvents.js"),t=require("./utils.js"),u=require("./InterventionEventSelector.scss.js"),l=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var a=require("react/jsx-runtime");function m(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var j=m(s),I=m(e);function q(s,e){var n=Object.keys(s);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(s);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(s,e).enumerable}))),n.push.apply(n,o)}return n}function d(s){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?q(Object(n),!0).forEach((function(e){j.default(s,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(n)):q(Object(n)).forEach((function(e){Object.defineProperty(s,e,Object.getOwnPropertyDescriptor(n,e))}))}return s}function p(s){var e=s.wellId,o=s.selectedEventId,m=s.onChange,j=s.className,q=n.useState(!1),d=I.default(q,2),p=d[0],v=d[1],f=n.useRef(null),h=r.useInterventionUnitEvents(e),C=h.data,O=void 0===C?[]:C,b=h.isSuccess,E=n.useMemo((function(){var s;return null!==(s=O.find((function(s){return t.isSameEventId(s.id,o)})))&&void 0!==s?s:null}),[O,o]);if(n.useEffect((function(){b&&null!=o&&!E&&m(null,null)}),[b,o,E,m]),!(null!=o||e&&O.length))return null;var P=p?l.UpIcon:l.DownIcon,x=function(s){v(!1),m(s?Number(s.id):null,s)};return a.jsxs(a.Fragment,{children:[a.jsx(c.Chip,{ref:f,className:j,size:"small",onClick:function(){return v(!0)},suffix:a.jsx(P,{}),testId:"interventionEventSelectorChip",children:t.getEventChipLabel(E,o)}),a.jsxs(i.Menu,{open:p,anchorEl:f.current,onClose:function(){return v(!1)},className:u.menu,children:[a.jsx(i.Menu.Item,{selected:null==o,onClick:function(){return x(null)},testId:"interventionEventSelectorAllEvents",children:t.ALL_EVENTS_LABEL}),O.map((function(s){var e;return a.jsx(i.Menu.Item,{size:"large",selected:t.isSameEventId(s.id,o),onClick:function(){return x(s)},testId:"interventionEventSelectorEvent-".concat(s.id),children:a.jsxs("div",{className:u.eventItem,children:[a.jsxs("div",{className:u.eventItemMain,children:[a.jsx("span",{className:u.eventItemOperation,children:s.operation}),a.jsx("span",{className:u.eventItemDate,children:t.formatEventDate(s)})]}),(null===(e=s.intervention_unit)||void 0===e?void 0:e.name)&&a.jsx("div",{className:u.eventItemUnit,children:s.intervention_unit.name})]})},s.id)}))]})]})}exports.InterventionEventSelector=function(s){return a.jsx(o.QueryClientProvider,{client:r.interventionEventSelectorQueryClient,children:a.jsx(p,d({},s))})};
 //# sourceMappingURL=InterventionEventSelector.js.map

package/cjs-bundle/componentsV2/InterventionEventSelector/InterventionEventSelector.js.map CHANGED Viewed

	@@ -1 +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","ArrowIcon","UpIcon","DownIcon","handleSelect","Number","_jsxs","_Fragment","children","_jsx","Chip","ref","size","onClick","suffix","testId","getEventChipLabel","Menu","open","anchorEl","current","onClose","styles","menu","Item","selected","ALL_EVENTS_LABEL","map","_event$intervention_u","jsx","jsxs","eventItem","eventItemMain","eventItemOperation","operation","eventItemDate","formatEventDate","intervention_unit","name","eventItemUnit","props","QueryClientProvider","client","interventionEventSelectorQueryClient","_objectSpread"],"mappings":"~~s6JAiBA~~,SAASA,EAK0BC,GAAA,IAJjCC,IAAAA,OACAC,IAAAA,gBACAC,IAAAA,SACAC,IAAAA,UAE4BC,EAAAA,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,QAAAC,EAAA,GAApCC,EAAMH,EAAA,GAAEI,EAASJ,EAAA,GAClBK,EAAYC,SAAuB,MAEAC,EAAAA,EAAyBA,0BAACZ,GAAOa,EAAAC,EAAlEC,KAAMC,aAAS,GAAEH,EAAEI,IAAAA,UAErBC,EAAgBC,EAAAA,SACpB,WAAA,IAAAC,EAAA,eAAAA,EAAMJ,EAAOK,MAAK,SAAAC,GAAK,OAAIC,gBAAcD,EAAME,GAAIvB,EAAgB,mBAAK,IAAI,GAC5E,CAACe,EAAQf,IAeX,GARAwB,EAAAA,WAAU,WACHR,GAAgC,MAAnBhB,IAA2BiB,GAC7ChB,EAAS,KAAM,KAChB,GAAE,CAACe,EAAWhB,EAAiBiB,EAAehB,MAKxB,MAAnBD,GAA6BD,GAAWgB,EAAOU,QAAS,OAAO,KAEnE,IAAMC,EAAYnB,EAASoB,EAAMA,OAAGC,WAE9BC,EAAe,SAACR,GACpBb,GAAU,GACVP,EAASoB,EAAQS,OAAOT,EAAME,IAAM,KAAMF,IAG5C,OACEU,EAAAA,KAAAC,EAAAA,SAAA,CAAAC,SAAA,CACEC,MAACC,OAAI,CACHC,IAAK3B,EACLP,UAAWA,EACXmC,KAAK,QACLC,QAAS,WAAA,OAAM9B,GAAU,EAAM,EAC/B+B,OAAQL,EAAAA,IAACR,EAAa,IACtBc,OAAO,gCAA+BP,SAErCQ,EAAAA,kBAAkBxB,EAAejB,KAEpC+B,OAACW,OAAI,CACHC,KAAMpC,EACNqC,SAAUnC,EAAUoC,QACpBC,QAAS,WAAA,OAAMtC,GAAU,EAAO,EAChCN,UAAW6C,EAAOC,KAAKf,SAEvB,CAAAC,EAAAA,IAACQ,EAAIA,KAACO,KAAI,CAGRC,SAA6B,MAAnBlD,EACVsC,QAAS,WAAA,OAAMT,EAAa,KAAM,EAClCW,OAAO,qCAAoCP,SAE1CkB,EAAAA,mBAEFpC,EAAOqC,KAAI,SAAA/B,GAAK,IAAAgC,EAAA,OACfnB,EAAAoB,IAACZ,EAAIA,KAACO,KAAI,CAERZ,KAAK,QACLa,SAAU5B,EAAaA,cAACD,EAAME,GAAIvB,GAClCsC,QAAS,WAAA,OAAMT,EAAaR,EAAO,EACnCmB,OAA0CnB,kCAAAA,OAAAA,EAAME,IAAKU,SAErDF,EAAAwB,KAAA,MAAA,CAAKrD,UAAW6C,EAAOS,UAAUvB,SAC/B,CAAAF,EAAAwB,KAAA,MAAA,CAAKrD,UAAW6C,EAAOU,cAAcxB,SACnC,CAAAC,EAAAoB,IAAA,OAAA,CAAMpD,UAAW6C,EAAOW,mBAAmBzB,SAAEZ,EAAMsC,YACnDzB,EAAAoB,IAAA,OAAA,CAAMpD,UAAW6C,EAAOa,cAAc3B,SAAE4B,EAAeA,gBAACxC,SAEzD,UAAAA,EAAMyC,yBAAN,IAAAT,OAAA,EAAAA,EAAyBU,OACxB7B,EAAAA,IAAA,MAAA,CAAKhC,UAAW6C,EAAOiB,cAAc/B,SAAEZ,EAAMyC,kBAAkBC,WAZ9D1C,EAAME,GAeD,SAKtB,mCAKO,SAAmC0C,GACxC,OACE/B,EAAAA,IAACgC,EAAAA,oBAAmB,CAACC,OAAQC,EAAqCA,qCAAAnC,SAChEC,EAAAoB,IAACzD,EAA8BwE,EAAA,CAAA,EAAKJ,KAG1C"}
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","ArrowIcon","UpIcon","DownIcon","handleSelect","Number","_jsxs","_Fragment","children","_jsx","Chip","ref","size","onClick","suffix","testId","getEventChipLabel","Menu","open","anchorEl","current","onClose","styles","menu","Item","selected","ALL_EVENTS_LABEL","map","_event$intervention_u","jsx","jsxs","eventItem","eventItemMain","eventItemOperation","operation","eventItemDate","formatEventDate","intervention_unit","name","eventItemUnit","props","QueryClientProvider","client","interventionEventSelectorQueryClient","_objectSpread"],"mappings":"moKAiBA,SAASA,EAK0BC,GAAA,IAJjCC,IAAAA,OACAC,IAAAA,gBACAC,IAAAA,SACAC,IAAAA,UAE4BC,EAAAA,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,QAAAC,EAAA,GAApCC,EAAMH,EAAA,GAAEI,EAASJ,EAAA,GAClBK,EAAYC,SAAuB,MAEAC,EAAAA,EAAyBA,0BAACZ,GAAOa,EAAAC,EAAlEC,KAAMC,aAAS,GAAEH,EAAEI,IAAAA,UAErBC,EAAgBC,EAAAA,SACpB,WAAA,IAAAC,EAAA,eAAAA,EAAMJ,EAAOK,MAAK,SAAAC,GAAK,OAAIC,gBAAcD,EAAME,GAAIvB,EAAgB,mBAAK,IAAI,GAC5E,CAACe,EAAQf,IAeX,GARAwB,EAAAA,WAAU,WACHR,GAAgC,MAAnBhB,IAA2BiB,GAC7ChB,EAAS,KAAM,KAChB,GAAE,CAACe,EAAWhB,EAAiBiB,EAAehB,MAKxB,MAAnBD,GAA6BD,GAAWgB,EAAOU,QAAS,OAAO,KAEnE,IAAMC,EAAYnB,EAASoB,EAAMA,OAAGC,WAE9BC,EAAe,SAACR,GACpBb,GAAU,GACVP,EAASoB,EAAQS,OAAOT,EAAME,IAAM,KAAMF,IAG5C,OACEU,EAAAA,KAAAC,EAAAA,SAAA,CAAAC,SAAA,CACEC,MAACC,OAAI,CACHC,IAAK3B,EACLP,UAAWA,EACXmC,KAAK,QACLC,QAAS,WAAA,OAAM9B,GAAU,EAAM,EAC/B+B,OAAQL,EAAAA,IAACR,EAAa,IACtBc,OAAO,gCAA+BP,SAErCQ,EAAAA,kBAAkBxB,EAAejB,KAEpC+B,OAACW,OAAI,CACHC,KAAMpC,EACNqC,SAAUnC,EAAUoC,QACpBC,QAAS,WAAA,OAAMtC,GAAU,EAAO,EAChCN,UAAW6C,EAAOC,KAAKf,SAEvB,CAAAC,EAAAA,IAACQ,EAAIA,KAACO,KAAI,CAGRC,SAA6B,MAAnBlD,EACVsC,QAAS,WAAA,OAAMT,EAAa,KAAM,EAClCW,OAAO,qCAAoCP,SAE1CkB,EAAAA,mBAEFpC,EAAOqC,KAAI,SAAA/B,GAAK,IAAAgC,EAAA,OACfnB,EAAAoB,IAACZ,EAAIA,KAACO,KAAI,CAERZ,KAAK,QACLa,SAAU5B,EAAaA,cAACD,EAAME,GAAIvB,GAClCsC,QAAS,WAAA,OAAMT,EAAaR,EAAO,EACnCmB,OAA0CnB,kCAAAA,OAAAA,EAAME,IAAKU,SAErDF,EAAAwB,KAAA,MAAA,CAAKrD,UAAW6C,EAAOS,UAAUvB,SAC/B,CAAAF,EAAAwB,KAAA,MAAA,CAAKrD,UAAW6C,EAAOU,cAAcxB,SACnC,CAAAC,EAAAoB,IAAA,OAAA,CAAMpD,UAAW6C,EAAOW,mBAAmBzB,SAAEZ,EAAMsC,YACnDzB,EAAAoB,IAAA,OAAA,CAAMpD,UAAW6C,EAAOa,cAAc3B,SAAE4B,EAAeA,gBAACxC,SAEzD,UAAAA,EAAMyC,yBAAN,IAAAT,OAAA,EAAAA,EAAyBU,OACxB7B,EAAAA,IAAA,MAAA,CAAKhC,UAAW6C,EAAOiB,cAAc/B,SAAEZ,EAAMyC,kBAAkBC,WAZ9D1C,EAAME,GAeD,SAKtB,mCAKO,SAAmC0C,GACxC,OACE/B,EAAAA,IAACgC,EAAAA,oBAAmB,CAACC,OAAQC,EAAqCA,qCAAAnC,SAChEC,EAAAoB,IAACzD,EAA8BwE,EAAA,CAAA,EAAKJ,KAG1C"}

package/cjs-bundle/componentsV2/Modal/Modal.js CHANGED Viewed

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

package/cjs-bundle/componentsV2/Modal/Modal.js.map CHANGED Viewed

	@@ -1 +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","props","isInsideDcApp","useIsInsideIsolatedDcApp","isInsideDcFullscreenElem","useIsInsideDcFullscreenElem","ModalComponent"],"mappings":"~~m+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,EAAA,QAAAZ,EAAAa,GAENC,EAAoBC,EAAAA,aACxB,SAACC,EAAQC,GACHf,IACa,kBAAXe,GAA8BT,GAChCN,EAAQ,iBAEK,kBAAXe,GAA8BP,GAChCR,EAAQ,aAGb,GACD,CAACA,EAASM,EAAsBE,IAG5BQ,EAA0BH,EAAAA,aAAY,WAC1Cb,SAAAA,EAAU,mBACZ,GAAG,CAACA,IAEJ,OACEiB,EAAAA,IAACC,EAAAA,MAAQ,CACPnB,KAAMA,EACNoB,UAAWC,EAAU,QAACC,mBAAkBC,EAAOC,MAC/CvB,QAASY,EAAkBY,SAE3BP,EAAAA,IAACQ,EAAAA,YAAWC,EAAAA,EAAA,GACNjB,GAAS,GAAA,CACbT,QAASgB,EACTZ,gBAAiBA,EACjBF,KAAMA,MAId,EAEMyB,EAAU,SAAmDC,GAAA,IAA1CC,IAAN9B,KAAmB+B,EAAUpB,EAAA,QAAAkB,EAAAG,GACtCC,EAAkBC,EAAAA,+BAA+B,CAAEC,OAAQL,IAAY,GAAvEG,cAER,OACEf,EAAAA,IAACkB,EAAAA,iCAAgC,CAAAX,SAC/BP,EAAAA,IAACpB,EAAW6B,EAAA,CAAC3B,KAAMiC,GAAmBF,KAG5C,gBAEqB,SAACM,GACpB,IAAMC,EAAgBC,EAAAA,2BAChBC,EAA2BC,EAAAA,8BAE3BC,EAAiBJ,IAAkBE,EAA2BZ,EAAU9B,EAE9E,OAAOoB,EAAAA,IAACwB,EAAmBL,EAAAA,CAAAA,EAAAA,GAC7B"}
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","props","isInsideDcApp","useIsInsideIsolatedDcApp","isInsideDcFullscreenElem","useIsInsideDcFullscreenElem","ModalComponent"],"mappings":"q8CAwBA,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,EAAA,QAAAZ,EAAAa,GAENC,EAAoBC,EAAAA,aACxB,SAACC,EAAQC,GACHf,IACa,kBAAXe,GAA8BT,GAChCN,EAAQ,iBAEK,kBAAXe,GAA8BP,GAChCR,EAAQ,aAGb,GACD,CAACA,EAASM,EAAsBE,IAG5BQ,EAA0BH,EAAAA,aAAY,WAC1Cb,SAAAA,EAAU,mBACZ,GAAG,CAACA,IAEJ,OACEiB,EAAAA,IAACC,EAAAA,MAAQ,CACPnB,KAAMA,EACNoB,UAAWC,EAAU,QAACC,mBAAkBC,EAAOC,MAC/CvB,QAASY,EAAkBY,SAE3BP,EAAAA,IAACQ,EAAAA,YAAWC,EAAAA,EAAA,GACNjB,GAAS,GAAA,CACbT,QAASgB,EACTZ,gBAAiBA,EACjBF,KAAMA,MAId,EAEMyB,EAAU,SAAmDC,GAAA,IAA1CC,IAAN9B,KAAmB+B,EAAUpB,EAAA,QAAAkB,EAAAG,GACtCC,EAAkBC,EAAAA,+BAA+B,CAAEC,OAAQL,IAAY,GAAvEG,cAER,OACEf,EAAAA,IAACkB,EAAAA,iCAAgC,CAAAX,SAC/BP,EAAAA,IAACpB,EAAW6B,EAAA,CAAC3B,KAAMiC,GAAmBF,KAG5C,gBAEqB,SAACM,GACpB,IAAMC,EAAgBC,EAAAA,2BAChBC,EAA2BC,EAAAA,8BAE3BC,EAAiBJ,IAAkBE,EAA2BZ,EAAU9B,EAE9E,OAAOoB,EAAAA,IAACwB,EAAmBL,EAAAA,CAAAA,EAAAA,GAC7B"}

package/cjs-bundle/componentsV2/ModalWindow/ModalWindow.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/defineProperty"),o=require("react"),e=require("classnames"),c=require("../Button/Button.js"),n=require("../Header/Header.js"),i=require("../Tooltip/Tooltip.js"),r=require("../ButtonIcon/ButtonIcon.js"),t=require("../Paper/Paper.js"),u=require("../TextEndTruncated/TextEndTruncated.js"),a=require("./ModalWindow.scss.js"),l=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var m=require("react/jsx-runtime");function j(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var q=j(s),d=j(e);function I(s,o){var e=Object.keys(s);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(s);o&&(c=c.filter((function(o){return Object.getOwnPropertyDescriptor(s,o).enumerable}))),e.push.apply(e,c)}return e}function p(s){for(var o=1;o<arguments.length;o++){var e=null!=arguments[o]?arguments[o]:{};o%2?I(Object(e),!0).forEach((function(o){q.default(s,o,e[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(e)):I(Object(e)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(e,o))}))}return s}var h={large:a.large,fullscreen:a.fullscreen,medium:a.medium,small:a.small},C=o.forwardRef((function(s,o){var e=s.className,j=s.testId,q=s.onClose,I=s.size,C=void 0===I?"medium":I,O=s.children,b=s.primaryActionHandler,y=s.secondaryActionHandler,f=s.actions,x=s.primaryActionText,P=s.secondaryActionProps,v=s.secondaryActionText,g=s.primaryActionProps,A=s.showCloseButton,F=s.title;return m.jsxs(t.Paper,{className:d.default(a.root,h[C],e),testId:j,ref:o,children:[F&&m.jsxs(n.Header,{className:a.title,appearance:"H3",children:[m.jsx(u.TextEndTruncated,{maxLines:4,className:a.titleContent,children:F}),A&&m.jsx(i.Tooltip,{title:"Close",children:m.jsx(r.ButtonIcon,{className:a.closeButton,onClick:q,children:m.jsx(l.CloseSmallIcon,{})})})]}),m.jsx("div",{className:a.content,children:m.jsx("div",{className:a.contentInner,children:O})}),(!!f||x||v)&&m.jsxs("div",{className:a.actions,children:[f,v&&m.jsx(c.Button,p(p({type:"secondary",size:"medium",onClick:y},P),{},{children:v})),x&&m.jsx(c.Button,p(p({type:"primary",size:"medium",onClick:b},g),{},{children:x}))]})]})}));exports.ModalWindow=C;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("@babel/runtime/helpers/defineProperty"),o=require("react"),e=require("classnames"),c=require("../Button/Button.js"),n=require("../Header/Header.js"),i=require("../Tooltip/Tooltip.js"),r=require("../ButtonIcon/ButtonIcon.js"),t=require("../Paper/Paper.js"),u=require("../TextEndTruncated/TextEndTruncated.js"),a=require("./ModalWindow.scss.js"),l=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var m=require("react/jsx-runtime");function j(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var q=j(s),d=j(e);function I(s,o){var e=Object.keys(s);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(s);o&&(c=c.filter((function(o){return Object.getOwnPropertyDescriptor(s,o).enumerable}))),e.push.apply(e,c)}return e}function p(s){for(var o=1;o<arguments.length;o++){var e=null!=arguments[o]?arguments[o]:{};o%2?I(Object(e),!0).forEach((function(o){q.default(s,o,e[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(e)):I(Object(e)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(e,o))}))}return s}var O={large:a.large,fullscreen:a.fullscreen,medium:a.medium,small:a.small},h=o.forwardRef((function(s,o){var e=s.className,j=s.testId,q=s.onClose,I=s.size,h=void 0===I?"medium":I,C=s.children,b=s.primaryActionHandler,f=s.secondaryActionHandler,y=s.actions,P=s.primaryActionText,x=s.secondaryActionProps,v=s.secondaryActionText,F=s.primaryActionProps,g=s.showCloseButton,A=s.title;return m.jsxs(t.Paper,{className:d.default(a.root,O[h],e),testId:j,ref:o,children:[A&&m.jsxs(n.Header,{className:a.title,appearance:"H3",children:[m.jsx(u.TextEndTruncated,{maxLines:4,className:a.titleContent,children:A}),g&&m.jsx(i.Tooltip,{title:"Close",children:m.jsx(r.ButtonIcon,{className:a.closeButton,onClick:q,children:m.jsx(l.CloseSmallIcon,{})})})]}),m.jsx("div",{className:a.content,children:m.jsx("div",{className:a.contentInner,children:C})}),(!!y||P||v)&&m.jsxs("div",{className:a.actions,children:[y,v&&m.jsx(c.Button,p(p({type:"secondary",size:"medium",onClick:f},x),{},{children:v})),P&&m.jsx(c.Button,p(p({type:"primary",size:"medium",onClick:b},F),{},{children:P}))]})]})}));exports.ModalWindow=h;
 //# sourceMappingURL=ModalWindow.js.map

package/cjs-bundle/componentsV2/ModalWindow/ModalWindow.js.map CHANGED Viewed

	@@ -1 +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","jsxs","Header","appearance","_jsx","TextEndTruncated","maxLines","titleContent","jsx","Tooltip","ButtonIcon","closeButton","onClick","CloseSmallIcon","content","contentInner","Button","_objectSpread","type"],"mappings":"~~+7JA2DA~~,IAAMA,EAAqE,CACzEC,MAAOC,EAAOD,MACdE,WAAYD,EAAOC,WACnBC,OAAQF,EAAOE,OACfC,MAAOH,EAAOG,OAGHC,EAAcC,EAAUA,YACnC,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,EAAAA,KAACC,EAAAA,MAAK,CACJhB,UAAWiB,EAAU,QAACzB,EAAO0B,KAAM5B,EAAec,GAAOJ,GACzDC,OAAQA,EACRF,IAAKA,EAAIM,SAERS,CAAAA,GACCC,EAAAI,KAACC,SAAM,CAACpB,UAAWR,EAAOsB,MAAOO,WAAW,KAAIhB,SAAA,CAC9CiB,MAACC,mBAAgB,CAACC,SAAU,EAAGxB,UAAWR,EAAOiC,aAAapB,SAC3DS,IAGFD,GACCS,EAAAI,IAACC,UAAO,CAACb,MAAM,QAAOT,SACpBiB,MAACM,aAAU,CAAC5B,UAAWR,EAAOqC,YAAaC,QAAS5B,EAAQG,SAC1DiB,EAAAA,IAACS,EAAcA,eAAA,WAOzBT,EAAAI,IAAA,MAAA,CAAK1B,UAAWR,EAAOwC,QAAQ3B,SAC7BiB,EAAAI,IAAA,MAAA,CAAK1B,UAAWR,EAAOyC,aAAa5B,SAAEA,SAGpCG,GAAWC,GAAqBE,IAClCI,EAAAI,KAAA,MAAA,CAAKnB,UAAWR,EAAOgB,QAAQH,SAAA,CAC5BG,EAEAG,GACCW,MAACY,EAAMA,OAAAC,EAAAA,EAAA,CACLC,KAAK,YACLhC,KAAK,SACL0B,QAASvB,GACLG,GAAoB,GAAA,CAAAL,SAEvBM,KAIJF,GACCa,EAAAA,IAACY,EAAAA,OAAMC,EAAAA,EAAA,CACLC,KAAK,UACLhC,KAAK,SACL0B,QAASxB,GACLM,GAAkB,GAAA,CAAAP,SAErBI,UAOf"}
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","jsxs","Header","appearance","_jsx","TextEndTruncated","maxLines","titleContent","jsx","Tooltip","ButtonIcon","closeButton","onClick","CloseSmallIcon","content","contentInner","Button","_objectSpread","type"],"mappings":"4pKA2DA,IAAMA,EAAqE,CACzEC,MAAOC,EAAOD,MACdE,WAAYD,EAAOC,WACnBC,OAAQF,EAAOE,OACfC,MAAOH,EAAOG,OAGHC,EAAcC,EAAUA,YACnC,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,EAAAA,KAACC,EAAAA,MAAK,CACJhB,UAAWiB,EAAU,QAACzB,EAAO0B,KAAM5B,EAAec,GAAOJ,GACzDC,OAAQA,EACRF,IAAKA,EAAIM,SAERS,CAAAA,GACCC,EAAAI,KAACC,SAAM,CAACpB,UAAWR,EAAOsB,MAAOO,WAAW,KAAIhB,SAAA,CAC9CiB,MAACC,mBAAgB,CAACC,SAAU,EAAGxB,UAAWR,EAAOiC,aAAapB,SAC3DS,IAGFD,GACCS,EAAAI,IAACC,UAAO,CAACb,MAAM,QAAOT,SACpBiB,MAACM,aAAU,CAAC5B,UAAWR,EAAOqC,YAAaC,QAAS5B,EAAQG,SAC1DiB,EAAAA,IAACS,EAAcA,eAAA,WAOzBT,EAAAI,IAAA,MAAA,CAAK1B,UAAWR,EAAOwC,QAAQ3B,SAC7BiB,EAAAI,IAAA,MAAA,CAAK1B,UAAWR,EAAOyC,aAAa5B,SAAEA,SAGpCG,GAAWC,GAAqBE,IAClCI,EAAAI,KAAA,MAAA,CAAKnB,UAAWR,EAAOgB,QAAQH,SAAA,CAC5BG,EAEAG,GACCW,MAACY,EAAMA,OAAAC,EAAAA,EAAA,CACLC,KAAK,YACLhC,KAAK,SACL0B,QAASvB,GACLG,GAAoB,GAAA,CAAAL,SAEvBM,KAIJF,GACCa,EAAAA,IAACY,EAAAA,OAAMC,EAAAA,EAAA,CACLC,KAAK,UACLhC,KAAK,SACL0B,QAASxB,GACLM,GAAkB,GAAA,CAAAP,SAErBI,UAOf"}

package/cjs-bundle/componentsV2/OffsetWellsButton/OffsetWellsButton.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("classnames"),o=require("react"),c=require("../Button/Button.js"),i=require("../Tooltip/Tooltip.js"),e=require("./useOffsetWellsIcon.js"),n=require("./OffsetWellsButton.scss.js"),r=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var u=require("react/jsx-runtime");function t(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var l=t(s),a=[],m=o.forwardRef((function(s,o){var t=s.wells,m=void 0===t?[]:t,j=s.showLimitationsMessage,I=s.label,q=void 0===I?"Offset Wells":I,d=s.onExpand,p=s.expanded,f=s.onClick,h=s.disabled,C=s.isExpandTooltipDisabled,x=s.tooltipTitle,b=s.forceExpandButton,O=s.icon,v=s.testId,F=s.className,y=Array.isArray(m)?m:a,A=e.useOffsetWellsIcon(y,O),g="number"==typeof m?m:m.length,P=!!d&&(g>0||b),T="string"!=typeof q;return u.jsxs("div",{className:l.default(n.root,F),ref:o,children:[j&&u.jsx(i.Tooltip,{title:"".concat(q," list wasn't populated completely due to technical limitations of the app."),children:u.jsx("span",{className:n.infoIcon,children:u.jsx(r.InfoIcon,{size:20})})}),u.jsx(c.Button,{type:P&&p?"chartColored":"chart",size:"small",disabled:h,onClick:f,testId:v,className:n.button,prefix:A?u.jsx("span",{className:n.icon,children:A}):void 0,suffix:P&&u.jsx(i.Tooltip,{title:"".concat(p?"Collapse":"Expand"," ").concat(q),disabled:C,children:u.jsx("button",{type:"button",onClick:function(s){s.stopPropagation(),null==d||d(!p,s)},disabled:h,className:n.expandButton,children:u.jsx(r.DownIcon,{className:l.default(n.expandIcon,p&&n.expanded)})})}),children:u.jsx(i.Tooltip,{title:null!=x?x:"Edit Offset Wells",className:n.editTooltipOffset,children:u.jsxs("span",{children:[q,T||!q?"":": ",g]})})})]})}));exports.OffsetWellsButton=m;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("classnames"),o=require("react"),c=require("../Button/Button.js"),i=require("../Tooltip/Tooltip.js"),e=require("./useOffsetWellsIcon.js"),n=require("./OffsetWellsButton.scss.js"),r=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var u=require("react/jsx-runtime");function t(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var l=t(s),a=[],m=o.forwardRef((function(s,o){var t=s.wells,m=void 0===t?[]:t,j=s.showLimitationsMessage,I=s.label,q=void 0===I?"Offset Wells":I,d=s.onExpand,p=s.expanded,f=s.onClick,h=s.disabled,C=s.isExpandTooltipDisabled,x=s.tooltipTitle,O=s.forceExpandButton,b=s.icon,F=s.testId,v=s.className,P=Array.isArray(m)?m:a,y=e.useOffsetWellsIcon(P,b),A="number"==typeof m?m:m.length,g=!!d&&(A>0||O),T="string"!=typeof q;return u.jsxs("div",{className:l.default(n.root,v),ref:o,children:[j&&u.jsx(i.Tooltip,{title:"".concat(q," list wasn't populated completely due to technical limitations of the app."),children:u.jsx("span",{className:n.infoIcon,children:u.jsx(r.InfoIcon,{size:20})})}),u.jsx(c.Button,{type:g&&p?"chartColored":"chart",size:"small",disabled:h,onClick:f,testId:F,className:n.button,prefix:y?u.jsx("span",{className:n.icon,children:y}):void 0,suffix:g&&u.jsx(i.Tooltip,{title:"".concat(p?"Collapse":"Expand"," ").concat(q),disabled:C,children:u.jsx("button",{type:"button",onClick:function(s){s.stopPropagation(),null==d||d(!p,s)},disabled:h,className:n.expandButton,children:u.jsx(r.DownIcon,{className:l.default(n.expandIcon,p&&n.expanded)})})}),children:u.jsx(i.Tooltip,{title:null!=x?x:"Edit Offset Wells",className:n.editTooltipOffset,children:u.jsxs("span",{children:[q,T||!q?"":": ",A]})})})]})}));exports.OffsetWellsButton=m;
 //# sourceMappingURL=OffsetWellsButton.js.map

package/cjs-bundle/componentsV2/OffsetWellsButton/OffsetWellsButton.js.map CHANGED Viewed

	@@ -1 +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","jsx","Tooltip","title","concat","infoIcon","InfoIcon","size","Button","type","button","prefix","undefined","suffix","event","stopPropagation","expandButton","DownIcon","expandIcon","editTooltipOffset","jsxs"],"mappings":"~~2sIAkEMA~~,EAA8B,GAEvBC,EAAoBC,EAAUA,YACzC,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,EAAAA,mBAAmBJ,EAAYH,GAO7CQ,EAA8B,iBAAVnB,EAAqBA,EAAQA,EAAMoB,OACvDC,IAAcjB,IAAae,EAAa,GAAKT,GAE7CY,EAAkC,iBAAVnB,EAE9B,OACEoB,EAAAA,KAAA,MAAA,CAAKV,UAAWW,EAAU,QAACC,EAAOC,KAAMb,GAAYf,IAAKA,EAAI6B,SAC1D1B,CAAAA,GACC2B,EAAAC,IAACC,UAAO,CACNC,MAAK,GAAAC,OAAK7B,EAAkF,8EAAAwB,SAE5FC,EAAAC,IAAA,OAAA,CAAMhB,UAAWY,EAAOQ,SAASN,SAC/BC,MAACM,WAAQ,CAACC,KAAM,SAItBP,MAACQ,SAAM,CACLC,KAAMhB,GAAahB,EAAW,eAAiB,QAC/C8B,KAAK,QACL5B,SAAUA,EACVD,QAASA,EACTM,OAAQA,EACRC,UAAWY,EAAOa,OAClBC,OAAQtB,EAAcW,EAAAC,IAAA,OAAA,CAAMhB,UAAWY,EAAOd,KAAKgB,SAAEV,SAAsBuB,EAC3EC,OACEpB,GACEO,EAAAC,IAACC,UAAO,CACNC,MAAK,GAAAC,OAAK3B,EAAW,WAAa,SAAQ,KAAA2B,OAAI7B,GAC9CI,SAAUC,EAAwBmB,SAGlCC,EAAAC,IAAA,SAAA,CACEQ,KAAK,SACL/B,QAtCO,SAACoC,GACpBA,EAAMC,kBACNvC,SAAAA,GAAYC,EAAUqC,IAqCVnC,SAAUA,EACVM,UAAWY,EAAOmB,aAAajB,SAE/BC,MAACiB,WAAQ,CACPhC,UAAWW,EAAU,QAACC,EAAOqB,WAAYzC,GAAYoB,EAAOpB,gBAKrEsB,SAEDC,MAACE,UAAO,CAACC,MAAOtB,QAAAA,EAAgB,oBAAqBI,UAAWY,EAAOsB,kBAAkBpB,SACvFJ,EAAAyB,KAAA,OAAA,CAAArB,SACGxB,CAAAA,EACAmB,IAAmBnB,EAAQ,GAAK,KAChCgB,WAMb"}
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","jsx","Tooltip","title","concat","infoIcon","InfoIcon","size","Button","type","button","prefix","undefined","suffix","event","stopPropagation","expandButton","DownIcon","expandIcon","editTooltipOffset","jsxs"],"mappings":"w6IAkEMA,EAA8B,GAEvBC,EAAoBC,EAAUA,YACzC,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,EAAAA,mBAAmBJ,EAAYH,GAO7CQ,EAA8B,iBAAVnB,EAAqBA,EAAQA,EAAMoB,OACvDC,IAAcjB,IAAae,EAAa,GAAKT,GAE7CY,EAAkC,iBAAVnB,EAE9B,OACEoB,EAAAA,KAAA,MAAA,CAAKV,UAAWW,EAAU,QAACC,EAAOC,KAAMb,GAAYf,IAAKA,EAAI6B,SAC1D1B,CAAAA,GACC2B,EAAAC,IAACC,UAAO,CACNC,MAAK,GAAAC,OAAK7B,EAAkF,8EAAAwB,SAE5FC,EAAAC,IAAA,OAAA,CAAMhB,UAAWY,EAAOQ,SAASN,SAC/BC,MAACM,WAAQ,CAACC,KAAM,SAItBP,MAACQ,SAAM,CACLC,KAAMhB,GAAahB,EAAW,eAAiB,QAC/C8B,KAAK,QACL5B,SAAUA,EACVD,QAASA,EACTM,OAAQA,EACRC,UAAWY,EAAOa,OAClBC,OAAQtB,EAAcW,EAAAC,IAAA,OAAA,CAAMhB,UAAWY,EAAOd,KAAKgB,SAAEV,SAAsBuB,EAC3EC,OACEpB,GACEO,EAAAC,IAACC,UAAO,CACNC,MAAK,GAAAC,OAAK3B,EAAW,WAAa,SAAQ,KAAA2B,OAAI7B,GAC9CI,SAAUC,EAAwBmB,SAGlCC,EAAAC,IAAA,SAAA,CACEQ,KAAK,SACL/B,QAtCO,SAACoC,GACpBA,EAAMC,kBACNvC,SAAAA,GAAYC,EAAUqC,IAqCVnC,SAAUA,EACVM,UAAWY,EAAOmB,aAAajB,SAE/BC,MAACiB,WAAQ,CACPhC,UAAWW,EAAU,QAACC,EAAOqB,WAAYzC,GAAYoB,EAAOpB,gBAKrEsB,SAEDC,MAACE,UAAO,CAACC,MAAOtB,QAAAA,EAAgB,oBAAqBI,UAAWY,EAAOsB,kBAAkBpB,SACvFJ,EAAAyB,KAAA,OAAA,CAAArB,SACGxB,CAAAA,EACAmB,IAAmBnB,EAAQ,GAAK,KAChCgB,WAMb"}

package/cjs-bundle/componentsV2/OffsetWellsButton/useOffsetWellsIcon.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("react"),o=require("../AppCommonsProvider/AppCommonsContext.js"),c=require("./OffsetWellsButton.scss.js");require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/helpers/objectWithoutProperties"),require("@icon-park/react/es/all");var e=require("react/jsx-runtime");require("../../icons/IconParkProvider.js"),require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js");var i=require("../../icons/customIcons/icons/Global.js");require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js");var n=require("../../icons/customIcons/icons/Well.js");require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var r=function(s){var o,c;return null!==(o=null!==(c=s.id)&&void 0!==c?c:s.wellId)&&void 0!==o?o:s.key};exports.useOffsetWellsIcon=function(u,t){var m,l=o.useAppCommons(),q=null==l?void 0:l.globalOffsetWells,j=null==l||null===(m=l.well)||void 0===m?void 0:m.asset_id;return s.useMemo((function(){if(void 0!==t)return t;var s=j&&q?q.filter((function(s){return s.id!==j})):q;return s&&function(s,o){if(0===s.length||s.length!==o.length)return!1;var c=new Set(s.map(r).filter((function(s){return void 0!==s})));return c.size===s.length&&o.every((function(s){return c.has(s.id)}))}(u,s)?e.jsx(i.Global,{size:20,className:c.defaultIcon}):e.jsx(n.Well,{size:20,className:c.defaultIcon})}),[u,q,t,j])};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("react"),o=require("../AppCommonsProvider/AppCommonsContext.js"),c=require("./OffsetWellsButton.scss.js");require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/helpers/objectWithoutProperties"),require("@icon-park/react/es/all");var e=require("react/jsx-runtime");require("../../icons/IconParkProvider.js"),require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/DragOne.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/InfoRounded.js"),require("../../icons/customIcons/icons/FlameFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js");var i=require("../../icons/customIcons/icons/Global.js");require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js");var n=require("../../icons/customIcons/icons/Well.js");require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/PinOne.js"),require("../../icons/customIcons/icons/PinOneCrossed.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../icons/customIcons/icons/ErrorOps.js"),require("../../icons/customIcons/icons/DataTypeOps.js"),require("../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../icons/customIcons/icons/CalibrationOps.js"),require("../../icons/customIcons/icons/CriticalOps.js"),require("../../icons/customIcons/icons/Company.js"),require("../../icons/customIcons/icons/ArchiveOne.js"),require("../../icons/customIcons/icons/ParseBotFusion.js"),require("../../icons/customIcons/icons/Connect.js"),require("../../icons/customIcons/icons/PuzzleOne.js"),require("../../icons/customIcons/icons/Feed.js"),require("../../icons/customIcons/icons/Prompt.js"),require("../../icons/customIcons/icons/Companies.js"),require("../../icons/customIcons/icons/ClipboardAi.js"),require("../../icons/customIcons/icons/Key.js"),require("../../icons/customIcons/icons/AtSignCrossed.js"),require("../../icons/customIcons/icons/MappingManual.js"),require("../../icons/customIcons/icons/Mapping.js"),require("../../icons/customIcons/icons/Metrics.js"),require("../../icons/customIcons/icons/Drops.js"),require("../../icons/customIcons/icons/ClipboardSearch.js"),require("../../icons/customIcons/icons/Template.js"),require("../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../icons/customIcons/icons/UnitConversion.js"),require("../../icons/customIcons/icons/NPT.js"),require("../../icons/customIcons/icons/GuidedFrac.js");var r=function(s){var o,c;return null!==(o=null!==(c=s.id)&&void 0!==c?c:s.wellId)&&void 0!==o?o:s.key};exports.useOffsetWellsIcon=function(u,t){var m,l=o.useAppCommons(),q=null==l?void 0:l.globalOffsetWells,j=null==l||null===(m=l.well)||void 0===m?void 0:m.asset_id;return s.useMemo((function(){if(void 0!==t)return t;var s=j&&q?q.filter((function(s){return s.id!==j})):q;return s&&function(s,o){if(0===s.length||s.length!==o.length)return!1;var c=new Set(s.map(r).filter((function(s){return void 0!==s})));return c.size===s.length&&o.every((function(s){return c.has(s.id)}))}(u,s)?e.jsx(i.Global,{size:20,className:c.defaultIcon}):e.jsx(n.Well,{size:20,className:c.defaultIcon})}),[u,q,t,j])};
 //# sourceMappingURL=useOffsetWellsIcon.js.map

package/cjs-bundle/componentsV2/OffsetWellsButton/useOffsetWellsIcon.js.map CHANGED Viewed

	@@ -1 +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","wells","customIcon","_appCommons$well","appCommons","useAppCommons","globalOffsetWells","subjectWellAssetId","asset_id","useMemo","undefined","filteredGlobals","filter","w","arr1","arr2","length","ids1","Set","map","size","every","has","arraysMatchById","_jsx","jsx","Global","className","styles","defaultIcon","Well"],"mappings":"~~0sIAUA~~,IAAMA,EAAY,SAACC,GAAgB,IAAAC,EAAAC,EAAA,OACV,QAAvBF,EAAYA,QAAZA,EAAAA,EAAKG,UAAOH,IAAAA,EAAAA,EAAAA,EAAKI,cAAM,IAAAH,EAAAA,EAA4BD,EAAKK,GAAG,6BAS3B,SAChCC,EACAC,GACwB,IAAAC,EAClBC,EAAaC,EAAAA,gBACbC,EAAoBF,aAAAA,EAAAA,EAAYE,kBAChCC,EAAqBH,SAAA,QAAAA,EAAAA,EAAYT,YAAZ,IAAAQ,OAAAC,EAAAD,EAAkBK,SAE7C,OAAOC,EAAOA,SAAC,WACb,QAAmBC,IAAfR,EAA0B,OAAOA,EAErC,IAAMS,EACJJ,GAAsBD,EAClBA,EAAkBM,QAAO,SAAAC,GAAC,OAAIA,EAAEf,KAAOS,CAAkB,IACzDD,EAIN,OAFiBK,GAvBG,SAACG,EAAoBC,GAC3C,GAAoB,IAAhBD,EAAKE,QAAgBF,EAAKE,SAAWD,EAAKC,OAAQ,OAAO,EAC7D,IAAMC,EAAO,IAAIC,IAAIJ,EAAKK,IAAIzB,GAAWkB,QAAO,SAACd,GAAE,YAA0BY,IAAPZ,CAAgB,KACtF,OAAImB,EAAKG,OAASN,EAAKE,QAChBD,EAAKM,OAAM,SAAAR,GAAC,OAAII,EAAKK,IAAIT,EAAEf,MACpC,CAkBwCyB,CAAgBtB,EAAOU,GAGzDa,EAAAC,IAACC,SAAM,CAACN,KAAM,GAAIO,UAAWC,EAAOC,cAEpCL,MAACM,OAAI,CAACV,KAAM,GAAIO,UAAWC,EAAOC,aAErC,GAAE,CAAC5B,EAAOK,EAAmBJ,EAAYK,GAC5C"}
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","wells","customIcon","_appCommons$well","appCommons","useAppCommons","globalOffsetWells","subjectWellAssetId","asset_id","useMemo","undefined","filteredGlobals","filter","w","arr1","arr2","length","ids1","Set","map","size","every","has","arraysMatchById","_jsx","jsx","Global","className","styles","defaultIcon","Well"],"mappings":"u6IAUA,IAAMA,EAAY,SAACC,GAAgB,IAAAC,EAAAC,EAAA,OACV,QAAvBF,EAAYA,QAAZA,EAAAA,EAAKG,UAAOH,IAAAA,EAAAA,EAAAA,EAAKI,cAAM,IAAAH,EAAAA,EAA4BD,EAAKK,GAAG,6BAS3B,SAChCC,EACAC,GACwB,IAAAC,EAClBC,EAAaC,EAAAA,gBACbC,EAAoBF,aAAAA,EAAAA,EAAYE,kBAChCC,EAAqBH,SAAA,QAAAA,EAAAA,EAAYT,YAAZ,IAAAQ,OAAAC,EAAAD,EAAkBK,SAE7C,OAAOC,EAAOA,SAAC,WACb,QAAmBC,IAAfR,EAA0B,OAAOA,EAErC,IAAMS,EACJJ,GAAsBD,EAClBA,EAAkBM,QAAO,SAAAC,GAAC,OAAIA,EAAEf,KAAOS,CAAkB,IACzDD,EAIN,OAFiBK,GAvBG,SAACG,EAAoBC,GAC3C,GAAoB,IAAhBD,EAAKE,QAAgBF,EAAKE,SAAWD,EAAKC,OAAQ,OAAO,EAC7D,IAAMC,EAAO,IAAIC,IAAIJ,EAAKK,IAAIzB,GAAWkB,QAAO,SAACd,GAAE,YAA0BY,IAAPZ,CAAgB,KACtF,OAAImB,EAAKG,OAASN,EAAKE,QAChBD,EAAKM,OAAM,SAAAR,GAAC,OAAII,EAAKK,IAAIT,EAAEf,MACpC,CAkBwCyB,CAAgBtB,EAAOU,GAGzDa,EAAAC,IAACC,SAAM,CAACN,KAAM,GAAIO,UAAWC,EAAOC,cAEpCL,MAACM,OAAI,CAACV,KAAM,GAAIO,UAAWC,EAAOC,aAErC,GAAE,CAAC5B,EAAOK,EAAmBJ,EAAYK,GAC5C"}

package/cjs-bundle/componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("../../Tooltip/Tooltip.js"),o=require("./FracModeLabel.constants.js"),c=require("./FracModeLabel.scss.js");require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/helpers/objectWithoutProperties"),require("react"),require("@icon-park/react/es/all");var i=require("react/jsx-runtime");require("../../../icons/IconParkProvider.js"),require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/DragOne.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/SearchOne.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js");var e=require("../../../icons/customIcons/icons/SimulFrac.js"),n=require("../../../icons/customIcons/icons/ZipperFrac.js");require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js"),require("../../../icons/customIcons/icons/Pad.js"),require("../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../icons/customIcons/icons/FracFleet.js"),require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js"),require("../../../icons/customIcons/icons/ErrorOps.js"),require("../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../icons/customIcons/icons/CriticalOps.js"),require("../../../icons/customIcons/icons/Company.js"),require("../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../icons/customIcons/icons/Connect.js"),require("../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../icons/customIcons/icons/Feed.js"),require("../../../icons/customIcons/icons/Prompt.js"),require("../../../icons/customIcons/icons/Companies.js"),require("../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../icons/customIcons/icons/Key.js"),require("../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../icons/customIcons/icons/MappingManual.js"),require("../../../icons/customIcons/icons/Mapping.js"),require("../../../icons/customIcons/icons/Metrics.js"),require("../../../icons/customIcons/icons/Drops.js"),require("../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../icons/customIcons/icons/Template.js"),require("../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../icons/customIcons/icons/UnitConversion.js"),require("../../../icons/customIcons/icons/NPT.js"),require("../../../icons/customIcons/icons/GuidedFrac.js");var r={simul:{title:"SimulFrac",tooltipDescription:"Fracturing multiple wells on a pad simultaneously",icon:i.jsx(e.SimulFracCustomIcon,{size:12,fill:"currentColor"}),testId:o.FracModeLabelTestIds.SimulFracModeLabelTestId},zipper:{title:"ZipperFrac",tooltipDescription:"Fracturing one well on a pad at a time",icon:i.jsx(n.ZipperFracCustomIcon,{size:12,fill:"currentColor"}),testId:o.FracModeLabelTestIds.ZipperFracModeLabelTestId}};exports.FracModeLabel=function(o){var e=o.fracFleetLines,n=r[e.length?"simul":"zipper"],u=n.tooltipDescription,t=n.title,l=n.icon,a=n.testId;return i.jsx("div",{"data-testid":a,className:c.root,children:i.jsx(s.Tooltip,{title:t,description:u,children:i.jsxs("div",{className:c.label,children:[l,t]})})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("../../Tooltip/Tooltip.js"),o=require("./FracModeLabel.constants.js"),c=require("./FracModeLabel.scss.js");require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/helpers/objectWithoutProperties"),require("react"),require("@icon-park/react/es/all");var i=require("react/jsx-runtime");require("../../../icons/IconParkProvider.js"),require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/DragOne.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/SearchOne.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js");var e=require("../../../icons/customIcons/icons/SimulFrac.js"),n=require("../../../icons/customIcons/icons/ZipperFrac.js");require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/InfoRounded.js"),require("../../../icons/customIcons/icons/FlameFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js"),require("../../../icons/customIcons/icons/Pad.js"),require("../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../icons/customIcons/icons/FracFleet.js"),require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/PinOne.js"),require("../../../icons/customIcons/icons/PinOneCrossed.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js"),require("../../../icons/customIcons/icons/ErrorOps.js"),require("../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../icons/customIcons/icons/CriticalOps.js"),require("../../../icons/customIcons/icons/Company.js"),require("../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../icons/customIcons/icons/Connect.js"),require("../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../icons/customIcons/icons/Feed.js"),require("../../../icons/customIcons/icons/Prompt.js"),require("../../../icons/customIcons/icons/Companies.js"),require("../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../icons/customIcons/icons/Key.js"),require("../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../icons/customIcons/icons/MappingManual.js"),require("../../../icons/customIcons/icons/Mapping.js"),require("../../../icons/customIcons/icons/Metrics.js"),require("../../../icons/customIcons/icons/Drops.js"),require("../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../icons/customIcons/icons/Template.js"),require("../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../icons/customIcons/icons/UnitConversion.js"),require("../../../icons/customIcons/icons/NPT.js"),require("../../../icons/customIcons/icons/GuidedFrac.js");var r={simul:{title:"SimulFrac",tooltipDescription:"Fracturing multiple wells on a pad simultaneously",icon:i.jsx(e.SimulFracCustomIcon,{size:12,fill:"currentColor"}),testId:o.FracModeLabelTestIds.SimulFracModeLabelTestId},zipper:{title:"ZipperFrac",tooltipDescription:"Fracturing one well on a pad at a time",icon:i.jsx(n.ZipperFracCustomIcon,{size:12,fill:"currentColor"}),testId:o.FracModeLabelTestIds.ZipperFracModeLabelTestId}};exports.FracModeLabel=function(o){var e=o.fracFleetLines,n=r[e.length?"simul":"zipper"],u=n.tooltipDescription,t=n.title,l=n.icon,m=n.testId;return i.jsx("div",{"data-testid":m,className:c.root,children:i.jsx(s.Tooltip,{title:t,description:u,children:i.jsxs("div",{className:c.label,children:[l,t]})})})};
 //# sourceMappingURL=FracModeLabel.js.map

package/cjs-bundle/componentsV2/PadModeSelect/FracModeLabel/FracModeLabel.js.map CHANGED Viewed

	@@ -1 +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","_ref","fracFleetLines","length","className","styles","root","children","Tooltip","description","_jsxs","jsxs","label"],"mappings":"~~g7IAaA~~,IAAMA,EAGF,CACFC,MAAO,CACLC,MAAO,YACPC,mBAAoB,oDACpBC,KAAMC,MAACC,sBAAmB,CAACC,KAAM,GAAIC,KAAK,iBAC1CC,OAAQC,EAAoBA,qBAACC,0BAE/BC,OAAQ,CACNV,MAAO,aACPC,mBAAoB,yCACpBC,KAAMC,MAACQ,uBAAoB,CAACN,KAAM,GAAIC,KAAK,iBAC3CC,OAAQC,EAAoBA,qBAACI,kDAQJ,SAA4CC,GAAA,IAAzCC,IAAAA,eAE5BhB,EAAAA,EAAqBgB,EAAeC,OAAS,QAAU,UADjDd,IAAAA,mBAAoBD,IAAAA,MAAOE,IAAAA,KAAMK,IAAAA,OAGzC,OACEJ,EAAAA,IAAA,MAAA,CAAK,cAAaI,EAAQS,UAAWC,EAAOC,KAAKC,SAC/ChB,MAACiB,UAAO,CAACpB,MAAOA,EAAOqB,YAAapB,EAAmBkB,SACrDG,EAAAC,KAAA,MAAA,CAAKP,UAAWC,EAAOO,MAAML,SAC1BjB,CAAAA,EACAF,QAKX"}
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","_ref","fracFleetLines","length","className","styles","root","children","Tooltip","description","_jsxs","jsxs","label"],"mappings":"ypJAaA,IAAMA,EAGF,CACFC,MAAO,CACLC,MAAO,YACPC,mBAAoB,oDACpBC,KAAMC,MAACC,sBAAmB,CAACC,KAAM,GAAIC,KAAK,iBAC1CC,OAAQC,EAAoBA,qBAACC,0BAE/BC,OAAQ,CACNV,MAAO,aACPC,mBAAoB,yCACpBC,KAAMC,MAACQ,uBAAoB,CAACN,KAAM,GAAIC,KAAK,iBAC3CC,OAAQC,EAAoBA,qBAACI,kDAQJ,SAA4CC,GAAA,IAAzCC,IAAAA,eAE5BhB,EAAAA,EAAqBgB,EAAeC,OAAS,QAAU,UADjDd,IAAAA,mBAAoBD,IAAAA,MAAOE,IAAAA,KAAMK,IAAAA,OAGzC,OACEJ,EAAAA,IAAA,MAAA,CAAK,cAAaI,EAAQS,UAAWC,EAAOC,KAAKC,SAC/ChB,MAACiB,UAAO,CAACpB,MAAOA,EAAOqB,YAAapB,EAAmBkB,SACrDG,EAAAC,KAAA,MAAA,CAAKP,UAAWC,EAAOO,MAAML,SAC1BjB,CAAAA,EACAF,QAKX"}