@corva/ui 3.75.0-0 → 3.75.0-10

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

@@ -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/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,{})};
 //# sourceMappingURL=ImageViewer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ImageViewer.js","sources":["../../../../src/componentsV2/ImageViewer/ImageViewer.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { renderToString } from 'react-dom/server';\nimport PhotoSwipeLightbox from 'photoswipe/lightbox';\nimport PhotoSwipe from 'photoswipe';\n\nimport 'photoswipe/photoswipe.css';\nimport { useIsInsideIsolatedDcApp } from '../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider';\n\nimport styles from './ImageViewer.scss';\n\nimport { ArrowLeftIcon, DownloadIcon, ZoomInIcon, ZoomOutIcon } from '~/icons';\n\nexport type ImageViewerProps = {\n  src?: string;\n  width?: number;\n  height?: number;\n  onClose?: () => void;\n  onOpen?: () => void;\n};\n\nconst MaxZoomLevel = 2;\nconst ZoomStep = 0.5;\n\nexport const ImageViewer = ({ src, onClose, onOpen, height, width }: ImageViewerProps) => {\n  const isInDcApp = useIsInsideIsolatedDcApp();\n\n  const [imageSize, setImageSize] = useState<{ width: number; height: number } | undefined>(() => {\n    if (width && height) {\n      return { height, width };\n    }\n    return undefined;\n  });\n\n  useEffect(() => {\n    if (src && !imageSize) {\n      const img = new Image();\n      img.onload = e => {\n        const { naturalWidth, naturalHeight } = e.currentTarget as unknown as HTMLImageElement;\n        setImageSize({ width: naturalWidth, height: naturalHeight });\n      };\n      img.src = src;\n    }\n  }, [src, imageSize]);\n\n  useEffect(() => {\n    if (!src || !imageSize) {\n      return undefined;\n    }\n\n    // eslint-disable-next-line no-restricted-globals\n    const targetWindowObj = isInDcApp ? parent : window;\n    const lightbox = new PhotoSwipeLightbox({\n      pswpModule: PhotoSwipe,\n      dataSource: [\n        {\n          src,\n          width: imageSize.width,\n          height: imageSize.height,\n        },\n      ],\n      clickToCloseNonZoomable: false,\n      wheelToZoom: true,\n      initialZoomLevel: 'fit',\n      padding: { top: 50, bottom: 50, left: 50, right: 50 },\n      // eslint-disable-next-line no-restricted-globals\n      appendToEl: targetWindowObj.document.body,\n      getViewportSizeFn: () => ({\n        x: targetWindowObj.innerWidth,\n        y: targetWindowObj.innerHeight,\n      }),\n      maxZoomLevel: MaxZoomLevel,\n      mainClass: styles.root,\n      closeSVG: renderToString(<ArrowLeftIcon />),\n      // zoomSVG: renderToString(\n      //   <>\n      //     <ZoomInIcon />\n      //     <ZoomOutIcon />\n      //   </>\n      // ),\n    });\n\n    lightbox.on('bindEvents', () => {\n      const { pswp } = lightbox;\n\n      if (pswp && isInDcApp) {\n        // Filtering events and reassigning handlers to parent window\n        // For this we get into the guts of photoswipe's event handler manager\n        // This is fragile because we access the \"private\" property but there's no other way to re-bind those listeners\n        /* eslint-disable no-underscore-dangle */\n        // @ts-expect-error accessing \"private\" property of `events`\n        const pool = pswp.events._pool.slice();\n        /* eslint-enable no-underscore-dangle */\n\n        pool.forEach(\n          ({\n            target,\n            type,\n            listener,\n            passive,\n          }: {\n            target: Parameters<typeof pswp['events']['add']>[0];\n            type: Parameters<typeof pswp['events']['add']>[1];\n            listener: Parameters<typeof pswp['events']['add']>[2];\n            passive: Parameters<typeof pswp['events']['add']>[3];\n          }) => {\n            if (target === window) {\n              pswp.events.remove(target, type, listener, passive);\n              pswp.events.add(targetWindowObj, type, listener, passive);\n            }\n\n            if (target === document) {\n              pswp.events.remove(target, type, listener, passive);\n              pswp.events.add(targetWindowObj.document, type, listener, passive);\n            }\n          }\n        );\n      }\n    });\n\n    lightbox.on('uiRegister', () => {\n      const ui = lightbox?.pswp?.ui;\n\n      ui?.registerElement({\n        name: 'download-button',\n        order: 7,\n        isButton: true,\n        tagName: 'a',\n\n        html: renderToString(<DownloadIcon className=\"pswp__icn\" />),\n\n        onInit: (el, pswp) => {\n          el.setAttribute('download', '');\n          el.setAttribute('target', '_blank');\n          el.setAttribute('rel', 'noopener');\n\n          pswp?.on('change', () => {\n            // eslint-disable-next-line no-param-reassign\n            (el as HTMLAnchorElement).href = pswp?.currSlide?.data.src || '';\n          });\n        },\n      });\n\n      ui?.registerElement({\n        name: 'zoom-in-button',\n        order: 8,\n        isButton: true,\n        tagName: 'button',\n        html: renderToString(<ZoomInIcon className=\"pswp__icn\" />),\n        onInit: (el, pswp) => {\n          pswp.on('zoomPanUpdate', e => {\n            const button = el as HTMLButtonElement;\n            const zoomLevel = pswp.currSlide?.currZoomLevel || 1;\n\n            if (e.slide === pswp.currSlide) {\n              button.disabled = zoomLevel >= MaxZoomLevel;\n            }\n          });\n        },\n        onClick: (_e, _el, pswp) => {\n          if (!pswp?.currSlide?.currZoomLevel) {\n            return;\n          }\n\n          const rawNewZoom = pswp.currSlide.currZoomLevel + ZoomStep;\n          const newZoom = Math.min(Math.floor(rawNewZoom / ZoomStep) * ZoomStep, MaxZoomLevel);\n\n          pswp.currSlide.zoomTo(newZoom, undefined);\n        },\n      });\n\n      const initialZoomLevelsMap = new WeakMap<object, number | undefined>();\n      ui?.registerElement({\n        name: 'zoom-out-button',\n        order: 9,\n        isButton: true,\n        tagName: 'button',\n        html: renderToString(<ZoomOutIcon className=\"pswp__icn\" />),\n        onInit: (el, pswp) => {\n          pswp.on('zoomPanUpdate', e => {\n            const button = el as HTMLButtonElement;\n            const zoomLevel = pswp.currSlide?.currZoomLevel || 1;\n\n            if (e.slide === pswp.currSlide) {\n              // First run - save current zoom as minimal\n              if (!initialZoomLevelsMap.get(pswp.currSlide)) {\n                initialZoomLevelsMap.set(pswp.currSlide, zoomLevel);\n              }\n\n              button.disabled = zoomLevel <= (initialZoomLevelsMap.get(pswp.currSlide) || 1);\n            }\n          });\n        },\n        onClick: (_e, _el, pswp) => {\n          if (!pswp?.currSlide?.currZoomLevel || !initialZoomLevelsMap.get(pswp.currSlide)) {\n            return;\n          }\n\n          const rawNewZoom = pswp.currSlide.currZoomLevel - ZoomStep;\n          const newZoom = Math.max(\n            Math.ceil(rawNewZoom / ZoomStep) * ZoomStep,\n            initialZoomLevelsMap.get(pswp.currSlide) || 1\n          );\n\n          pswp.currSlide.zoomTo(newZoom, undefined);\n        },\n      });\n    });\n\n    lightbox.on('close', () => {\n      onClose?.();\n    });\n\n    lightbox.on('destroy', () => {\n      onClose?.();\n    });\n\n    lightbox.on('initialLayout', () => {\n      onOpen?.();\n    });\n\n    lightbox.init();\n    lightbox.loadAndOpen(0);\n\n    return () => {\n      lightbox.destroy();\n    };\n  }, [src, isInDcApp, onClose, onOpen, imageSize]);\n\n  return <></>;\n};\n"],"names":["_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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"}
+{"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/Modal/Modal.js

@@ -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

@@ -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"}
+{"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/Popover/Popover.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),r=require("react"),n=require("@material-ui/core"),t=require("classnames"),o=require("../Popper/Popper.js"),s=require("../Paper/Paper.js"),c=require("./utils.js"),a=require("./Popover.scss.js");require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/alerts.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/completion.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("lodash"),require("../../components/GradientManager/configuration/constants.js");var i=require("../../constants/attachments.js"),u=require("react/jsx-runtime");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=l(e),d=l(t);function f(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function v(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?f(Object(n),!0).forEach((function(r){p.default(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}var j=r.forwardRef((function(e,t){var l=e.children,p=e.open,f=e.onClose,j=e.className,b=e.closeOnBackdropClick,m=void 0===b||b,y=e.closeOnEscape,q=void 0===y||y,O=e.backdrop,P=void 0===O||O,h=e.anchorEl,E=e.preventScroll,g=void 0===E||E,w=e.placement,k=void 0===w?"bottom-start":w,x=e.onMouseLeave,M=e.onMouseEnter,C=e.flip,R=void 0===C||C,N=e.preventOverflow,S=void 0===N||N,D=e.container,G=e.animate,A=void 0===G||G,L=e.type,T=void 0===L?"popover":L,I=r.useRef(null),_=r.useRef(new ResizeObserver((function(){var e;null===(e=I.current)||void 0===e||e.scheduleUpdate()}))),B=r.useCallback((function(){f&&m&&f("backdropClick")}),[f,m]);r.useEffect((function(){var e=function(e){if("Escape"===e.key||"Esc"===e.key){if(document.querySelector("[".concat(i.DRAGGING_ATTRIBUTE,"]")))return;null==f||f("escapeKey")}};return p&&q?(document.addEventListener("keydown",e),function(){document.removeEventListener("keydown",e)}):function(){}}),[f,q,p]),r.useEffect((function(){return p&&g?c.disableScroll(document.body):function(){}}),[p,g]);var U=r.useMemo((function(){return{preventOverflow:{enabled:S,padding:0,boundariesElement:"viewport"},flip:{enabled:R}}}),[R,S]);return u.jsxs(u.Fragment,{children:[P&&u.jsx(o.Popper,{open:p,className:a.root,container:D,children:u.jsx("div",{className:a.backdrop,onClick:B})}),u.jsx(o.Popper,{open:p,anchorEl:h,placement:k,className:a.root,transition:!0,popperRef:I,modifiers:U,container:D,children:function(e){var r=e.TransitionProps;return u.jsx(n.Grow,v(v({},r),{},{timeout:A?"auto":0,disableStrictModeCompat:!0,onEntered:function(){for(var e,n=arguments.length,t=new Array(n),o=0;o<n;o++)t[o]=arguments[o];null==r||null===(e=r.onEntered)||void 0===e||e.call.apply(e,[r].concat(t)),_.current.observe(t[0])},onExit:function(){for(var e,n=arguments.length,t=new Array(n),o=0;o<n;o++)t[o]=arguments[o];null==r||null===(e=r.onExit)||void 0===e||e.call.apply(e,[r].concat(t)),_.current.disconnect()},children:u.jsx(s.Paper,{className:d.default(a.paper,j),onMouseEnter:M,onMouseLeave:x,ref:t,type:T,children:l})}))}})]})}));exports.Popover=j;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),r=require("react"),n=require("@material-ui/core"),t=require("classnames"),o=require("../Popper/Popper.js"),s=require("../Paper/Paper.js"),a=require("../utils.js"),i=require("./utils.js"),c=require("./Popover.scss.js");require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/alerts.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/completion.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("lodash"),require("../../components/GradientManager/configuration/constants.js");var u=require("../../constants/attachments.js"),l=require("react/jsx-runtime");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=p(e),f=p(t);function v(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function j(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?v(Object(n),!0).forEach((function(r){d.default(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}var b=r.forwardRef((function(e,t){var p=e.children,d=e.open,v=e.onClose,b=e.className,m=e.closeOnBackdropClick,y=void 0===m||m,q=e.closeOnEscape,O=void 0===q||q,P=e.backdrop,h=void 0===P||P,E=e.anchorEl,g=e.preventScroll,w=void 0===g||g,k=e.placement,x=void 0===k?"bottom-start":k,C=e.onMouseLeave,M=e.onMouseEnter,R=e.flip,D=void 0===R||R,N=e.preventOverflow,S=void 0===N||N,G=e.container,A=e.animate,L=void 0===A||A,T=e.type,I=void 0===T?"popover":T,_=r.useRef(null),B=r.useRef(new ResizeObserver((function(){var e;null===(e=_.current)||void 0===e||e.scheduleUpdate()}))),U=r.useCallback((function(){v&&y&&v("backdropClick")}),[v,y]);r.useEffect((function(){var e=function(e){if("Escape"===e.key||"Esc"===e.key){if(document.querySelector("[".concat(u.DRAGGING_ATTRIBUTE,"]")))return;null==v||v("escapeKey")}};return d&&O?(document.addEventListener("keydown",e),function(){document.removeEventListener("keydown",e)}):function(){}}),[v,O,d]),r.useEffect((function(){return d&&w?i.disableScroll(document.body):function(){}}),[d,w]);var z=r.useMemo((function(){return{preventOverflow:{enabled:S,padding:0,boundariesElement:"viewport"},flip:{enabled:D}}}),[D,S]),F=null!=G?G:a.getDefaultPopperContainer(E);return l.jsxs(l.Fragment,{children:[h&&l.jsx(o.Popper,{open:d,className:c.root,container:F,children:l.jsx("div",{className:c.backdrop,onClick:U})}),l.jsx(o.Popper,{open:d,anchorEl:E,placement:x,className:c.root,transition:!0,popperRef:_,modifiers:z,container:F,children:function(e){var r=e.TransitionProps;return l.jsx(n.Grow,j(j({},r),{},{timeout:L?"auto":0,disableStrictModeCompat:!0,onEntered:function(){for(var e,n=arguments.length,t=new Array(n),o=0;o<n;o++)t[o]=arguments[o];null==r||null===(e=r.onEntered)||void 0===e||e.call.apply(e,[r].concat(t)),B.current.observe(t[0])},onExit:function(){for(var e,n=arguments.length,t=new Array(n),o=0;o<n;o++)t[o]=arguments[o];null==r||null===(e=r.onExit)||void 0===e||e.call.apply(e,[r].concat(t)),B.current.disconnect()},children:l.jsx(s.Paper,{className:f.default(c.paper,b),onMouseEnter:M,onMouseLeave:C,ref:t,type:I,children:p})}))}})]})}));exports.Popover=b;
 //# sourceMappingURL=Popover.js.map

package/cjs-bundle/componentsV2/Popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sources":["../../../../src/componentsV2/Popover/Popover.tsx"],"sourcesContent":["import {\n  forwardRef,\n  MouseEventHandler,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport { Grow } from '@material-ui/core';\nimport classNames from 'classnames';\nimport PopperJs from 'popper.js';\n\nimport { Popper, PopperProps } from '../Popper';\nimport { Paper, PaperProps } from '../Paper';\n\nimport { disableScroll } from './utils';\n\nimport styles from './Popover.scss';\n\nimport { DRAGGING_ATTRIBUTE } from '~/constants';\n\nexport type PopoverProps = {\n  open: boolean;\n\n  placement?: PopperProps['placement'];\n\n  /**\n   * A HTML element, a function that returns it, or a virtual element exposing\n   * `getBoundingClientRect` (to anchor at a point). Sets the position of the popover.\n   */\n  anchorEl?: PopperProps['anchorEl'];\n\n  /**\n   * The content of the component.\n   */\n  children?: ReactNode;\n  onClose?: (reason: 'backdropClick' | 'escapeKey') => void;\n  closeOnBackdropClick?: boolean;\n  closeOnEscape?: boolean;\n\n  /**\n   * Determines if backdrop should be rendered\n   */\n  backdrop?: boolean;\n\n  /**\n   * Prevents scroll when open\n   */\n  preventScroll?: boolean;\n\n  onMouseEnter?: MouseEventHandler;\n  onMouseLeave?: MouseEventHandler;\n\n  /**\n   * Controls if Popover should stay inside its constraining element\n   */\n  preventOverflow?: boolean;\n  /**\n   * Controls if Popover should flip to opposite side if there's no space to fit it\n   */\n  flip?: boolean;\n\n  /**\n   * Element where Popper will mount. Default - `document.body`\n   */\n  container?: HTMLElement;\n\n  /**\n   * Controls whether popover should animate itself\n   */\n  animate?: boolean;\n\n  /**\n   * Controls paper's background depending on application: `menu` should be used for dropdown menus (with selectable options as opposed to arbitrary content)\n   */\n  type?: PaperProps['type'];\n\n  className?: string;\n};\n\nexport const Popover = forwardRef<HTMLDivElement, PopoverProps>(\n  (\n    {\n      children,\n      open,\n      onClose,\n      className,\n      closeOnBackdropClick = true,\n      closeOnEscape = true,\n      backdrop = true,\n      anchorEl,\n      preventScroll = true,\n      placement = 'bottom-start',\n      onMouseLeave,\n      onMouseEnter,\n      flip = true,\n      preventOverflow = true,\n      container,\n      animate = true,\n      type = 'popover',\n    },\n    ref\n  ) => {\n    const popperRef = useRef<PopperJs>(null);\n    const observerRef = useRef(\n      new ResizeObserver(() => {\n        popperRef.current?.scheduleUpdate();\n      })\n    );\n\n    const backdropClickCloseHandler = useCallback(() => {\n      if (onClose && closeOnBackdropClick) {\n        onClose('backdropClick');\n      }\n    }, [onClose, closeOnBackdropClick]);\n\n    // Escape key close\n    useEffect(() => {\n      const handler = (event: KeyboardEvent) => {\n        if (event.key === 'Escape' || event.key === 'Esc') {\n          if (document.querySelector(`[${DRAGGING_ATTRIBUTE}]`)) return;\n\n          onClose?.('escapeKey');\n        }\n      };\n\n      if (open && closeOnEscape) {\n        document.addEventListener('keydown', handler);\n\n        return () => {\n          document.removeEventListener('keydown', handler);\n        };\n      }\n\n      return () => {};\n    }, [onClose, closeOnEscape, open]);\n\n    // Block scrolling\n    useEffect(() => {\n      if (open && preventScroll) {\n        return disableScroll(document.body);\n      }\n\n      return () => {};\n    }, [open, preventScroll]);\n\n    const modifiers = useMemo(\n      () => ({\n        preventOverflow: {\n          enabled: preventOverflow,\n          padding: 0,\n          boundariesElement: 'viewport',\n          // escapeWithReference: true,\n          // TODO modify this/add own modifier so when escapeWithReference===true, we still try to fit popper in boundary\n          // See https://github.com/floating-ui/floating-ui/blob/v1.16.1/packages/popper/src/modifiers/preventOverflow.js\n        },\n        flip: {\n          enabled: flip,\n        },\n      }),\n      [flip, preventOverflow]\n    );\n\n    return (\n      <>\n        {backdrop && (\n          <Popper open={open} className={styles.root} container={container}>\n            <div className={styles.backdrop} onClick={backdropClickCloseHandler} />\n          </Popper>\n        )}\n        <Popper\n          open={open}\n          anchorEl={anchorEl}\n          placement={placement}\n          className={styles.root}\n          transition\n          popperRef={popperRef}\n          modifiers={modifiers}\n          container={container}\n        >\n          {({ TransitionProps }) => (\n            <Grow\n              {...TransitionProps}\n              timeout={animate ? 'auto' : 0}\n              disableStrictModeCompat\n              onEntered={(...args) => {\n                TransitionProps?.onEntered?.(...args);\n                observerRef.current.observe(args[0]);\n              }}\n              onExit={(...args) => {\n                TransitionProps?.onExit?.(...args);\n                observerRef.current.disconnect();\n              }}\n            >\n              <Paper\n                className={classNames(styles.paper, className)}\n                onMouseEnter={onMouseEnter}\n                onMouseLeave={onMouseLeave}\n                ref={ref}\n                type={type}\n              >\n                {children}\n              </Paper>\n            </Grow>\n          )}\n        </Popper>\n      </>\n    );\n  }\n);\n"],"names":["Popover","forwardRef","_ref","ref","children","open","onClose","className","_ref$closeOnBackdropC","closeOnBackdropClick","_ref$closeOnEscape","closeOnEscape","_ref$backdrop","backdrop","anchorEl","_ref$preventScroll","preventScroll","_ref$placement","placement","onMouseLeave","onMouseEnter","_ref$flip","flip","_ref$preventOverflow","preventOverflow","container","_ref$animate","animate","_ref$type","type","popperRef","useRef","observerRef","ResizeObserver","_popperRef$current","current","scheduleUpdate","backdropClickCloseHandler","useCallback","useEffect","handler","event","key","document","querySelector","DRAGGING_ATTRIBUTE","addEventListener","removeEventListener","disableScroll","body","modifiers","useMemo","enabled","padding","boundariesElement","_jsxs","_Fragment","_jsx","jsx","Popper","styles","root","onClick","transition","_ref2","TransitionProps","Grow","_objectSpread","timeout","disableStrictModeCompat","onEntered","_TransitionProps$onEn","_len","arguments","length","args","Array","_key","observe","onExit","_TransitionProps$onEx","_len2","_key2","disconnect","Paper","classNames","paper"],"mappings":"sjDAiFaA,EAAUC,EAAUA,YAC/B,SAAAC,EAoBEC,GACG,IAnBDC,IAAAA,SACAC,IAAAA,KACAC,IAAAA,QACAC,IAAAA,UAASC,EAAAN,EACTO,qBAAAA,cAA2BD,EAAAE,EAAAR,EAC3BS,cAAAA,cAAoBD,EAAAE,EAAAV,EACpBW,SAAAA,cAAeD,EACfE,IAAAA,SAAQC,EAAAb,EACRc,cAAAA,cAAoBD,EAAAE,EAAAf,EACpBgB,UAAAA,aAAY,eAAcD,EAC1BE,IAAAA,aACAC,IAAAA,aAAYC,EAAAnB,EACZoB,KAAAA,cAAWD,EAAAE,EAAArB,EACXsB,gBAAAA,cAAsBD,EACtBE,IAAAA,UAASC,EAAAxB,EACTyB,QAAAA,cAAcD,EAAAE,EAAA1B,EACd2B,KAAAA,aAAO,UAASD,EAIZE,EAAYC,SAAiB,MAC7BC,EAAcD,EAAAA,OAClB,IAAIE,gBAAe,WAAM,IAAAC,EACvB,QAAAA,EAAAJ,EAAUK,eAAV,IAAAD,GAAAA,EAAmBE,gBACpB,KAGGC,EAA4BC,EAAAA,aAAY,WACxChC,GAAWG,GACbH,EAAQ,gBAEZ,GAAG,CAACA,EAASG,IAGb8B,EAAAA,WAAU,WACR,IAAMC,EAAU,SAACC,GACf,GAAkB,WAAdA,EAAMC,KAAkC,QAAdD,EAAMC,IAAe,CACjD,GAAIC,SAASC,cAAkBC,IAAAA,OAAAA,2BAAwB,OAEvDvC,SAAAA,EAAU,YACZ,GAGF,OAAID,GAAQM,GACVgC,SAASG,iBAAiB,UAAWN,GAE9B,WACLG,SAASI,oBAAoB,UAAWP,KAIrC,WAAM,CACd,GAAE,CAAClC,EAASK,EAAeN,IAG5BkC,EAAAA,WAAU,WACR,OAAIlC,GAAQW,EACHgC,EAAaA,cAACL,SAASM,MAGzB,WAAM,CACf,GAAG,CAAC5C,EAAMW,IAEV,IAAMkC,EAAYC,EAAAA,SAChB,WAAA,MAAO,CACL3B,gBAAiB,CACf4B,QAAS5B,EACT6B,QAAS,EACTC,kBAAmB,YAKrBhC,KAAM,CACJ8B,QAAS9B,GAEZ,GACD,CAACA,EAAME,IAGT,OACE+B,EAAAA,KAAAC,EAAAA,SAAA,CAAApD,SACGS,CAAAA,GACC4C,EAAAC,IAACC,SAAM,CAACtD,KAAMA,EAAME,UAAWqD,EAAOC,KAAMpC,UAAWA,EAAUrB,SAC/DqD,EAAAC,IAAA,MAAA,CAAKnD,UAAWqD,EAAO/C,SAAUiD,QAASzB,MAG9CoB,MAACE,SAAM,CACLtD,KAAMA,EACNS,SAAUA,EACVI,UAAWA,EACXX,UAAWqD,EAAOC,KAClBE,YAAU,EACVjC,UAAWA,EACXoB,UAAWA,EACXzB,UAAWA,EAAUrB,SAEpB,SAAA4D,GAAA,IAAGC,IAAAA,gBAAe,OACjBR,EAAAA,IAACS,EAAAA,KAAIC,EAAAA,EAAA,GACCF,GAAe,GAAA,CACnBG,QAASzC,EAAU,OAAS,EAC5B0C,yBAAuB,EACvBC,UAAW,WAAa,IAAA,IAAAC,EAAAC,EAAAC,UAAAC,OAATC,EAAI,IAAAC,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAAJF,EAAIE,GAAAJ,UAAAI,GACjBZ,SAA0B,QAAXM,EAAfN,EAAiBK,iBAAS,IAAAC,GAA1BA,EAAAN,KAAAA,MAAAA,EAAAA,CAAAA,GAAgCU,OAAAA,IAChC3C,EAAYG,QAAQ2C,QAAQH,EAAK,GACjC,EACFI,OAAQ,WAAa,IAAA,IAAAC,EAAAC,EAAAR,UAAAC,OAATC,EAAI,IAAAC,MAAAK,GAAAC,EAAA,EAAAA,EAAAD,EAAAC,IAAJP,EAAIO,GAAAT,UAAAS,GACdjB,SAAuB,QAARe,EAAff,EAAiBc,cAAM,IAAAC,GAAvBA,EAAAf,KAAAA,MAAAA,EAAAA,CAAAA,GAA6BU,OAAAA,IAC7B3C,EAAYG,QAAQgD,YACpB,EAAA/E,SAEFqD,MAAC2B,QAAK,CACJ7E,UAAW8E,EAAU,QAACzB,EAAO0B,MAAO/E,GACpCa,aAAcA,EACdD,aAAcA,EACdhB,IAAKA,EACL0B,KAAMA,EAAKzB,SAEVA,MAEE,MAKjB"}
+{"version":3,"file":"Popover.js","sources":["../../../../src/componentsV2/Popover/Popover.tsx"],"sourcesContent":["import {\n  forwardRef,\n  MouseEventHandler,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport { Grow } from '@material-ui/core';\nimport classNames from 'classnames';\nimport PopperJs from 'popper.js';\n\nimport { Popper, PopperProps } from '../Popper';\nimport { Paper, PaperProps } from '../Paper';\nimport { getDefaultPopperContainer } from '../utils';\n\nimport { disableScroll } from './utils';\n\nimport styles from './Popover.scss';\n\nimport { DRAGGING_ATTRIBUTE } from '~/constants';\n\nexport type PopoverProps = {\n  open: boolean;\n\n  placement?: PopperProps['placement'];\n\n  /**\n   * A HTML element, a function that returns it, or a virtual element exposing\n   * `getBoundingClientRect` (to anchor at a point). Sets the position of the popover.\n   */\n  anchorEl?: PopperProps['anchorEl'];\n\n  /**\n   * The content of the component.\n   */\n  children?: ReactNode;\n  onClose?: (reason: 'backdropClick' | 'escapeKey') => void;\n  closeOnBackdropClick?: boolean;\n  closeOnEscape?: boolean;\n\n  /**\n   * Determines if backdrop should be rendered\n   */\n  backdrop?: boolean;\n\n  /**\n   * Prevents scroll when open\n   */\n  preventScroll?: boolean;\n\n  onMouseEnter?: MouseEventHandler;\n  onMouseLeave?: MouseEventHandler;\n\n  /**\n   * Controls if Popover should stay inside its constraining element\n   */\n  preventOverflow?: boolean;\n  /**\n   * Controls if Popover should flip to opposite side if there's no space to fit it\n   */\n  flip?: boolean;\n\n  /**\n   * Element where Popper will mount.\n   *\n   * Defaults to the closest ancestor `Modal` root (if `anchorEl` is inside one), falling back to\n   * `document.body`.\n   */\n  container?: HTMLElement;\n\n  /**\n   * Controls whether popover should animate itself\n   */\n  animate?: boolean;\n\n  /**\n   * Controls paper's background depending on application: `menu` should be used for dropdown menus (with selectable options as opposed to arbitrary content)\n   */\n  type?: PaperProps['type'];\n\n  className?: string;\n};\n\nexport const Popover = forwardRef<HTMLDivElement, PopoverProps>(\n  (\n    {\n      children,\n      open,\n      onClose,\n      className,\n      closeOnBackdropClick = true,\n      closeOnEscape = true,\n      backdrop = true,\n      anchorEl,\n      preventScroll = true,\n      placement = 'bottom-start',\n      onMouseLeave,\n      onMouseEnter,\n      flip = true,\n      preventOverflow = true,\n      container,\n      animate = true,\n      type = 'popover',\n    },\n    ref\n  ) => {\n    const popperRef = useRef<PopperJs>(null);\n    const observerRef = useRef(\n      new ResizeObserver(() => {\n        popperRef.current?.scheduleUpdate();\n      })\n    );\n\n    const backdropClickCloseHandler = useCallback(() => {\n      if (onClose && closeOnBackdropClick) {\n        onClose('backdropClick');\n      }\n    }, [onClose, closeOnBackdropClick]);\n\n    // Escape key close\n    useEffect(() => {\n      const handler = (event: KeyboardEvent) => {\n        if (event.key === 'Escape' || event.key === 'Esc') {\n          if (document.querySelector(`[${DRAGGING_ATTRIBUTE}]`)) return;\n\n          onClose?.('escapeKey');\n        }\n      };\n\n      if (open && closeOnEscape) {\n        document.addEventListener('keydown', handler);\n\n        return () => {\n          document.removeEventListener('keydown', handler);\n        };\n      }\n\n      return () => {};\n    }, [onClose, closeOnEscape, open]);\n\n    // Block scrolling\n    useEffect(() => {\n      if (open && preventScroll) {\n        return disableScroll(document.body);\n      }\n\n      return () => {};\n    }, [open, preventScroll]);\n\n    const modifiers = useMemo(\n      () => ({\n        preventOverflow: {\n          enabled: preventOverflow,\n          padding: 0,\n          boundariesElement: 'viewport',\n          // escapeWithReference: true,\n          // TODO modify this/add own modifier so when escapeWithReference===true, we still try to fit popper in boundary\n          // See https://github.com/floating-ui/floating-ui/blob/v1.16.1/packages/popper/src/modifiers/preventOverflow.js\n        },\n        flip: {\n          enabled: flip,\n        },\n      }),\n      [flip, preventOverflow]\n    );\n\n    const resolvedContainer = container ?? getDefaultPopperContainer(anchorEl);\n\n    return (\n      <>\n        {backdrop && (\n          <Popper open={open} className={styles.root} container={resolvedContainer}>\n            <div className={styles.backdrop} onClick={backdropClickCloseHandler} />\n          </Popper>\n        )}\n        <Popper\n          open={open}\n          anchorEl={anchorEl}\n          placement={placement}\n          className={styles.root}\n          transition\n          popperRef={popperRef}\n          modifiers={modifiers}\n          container={resolvedContainer}\n        >\n          {({ TransitionProps }) => (\n            <Grow\n              {...TransitionProps}\n              timeout={animate ? 'auto' : 0}\n              disableStrictModeCompat\n              onEntered={(...args) => {\n                TransitionProps?.onEntered?.(...args);\n                observerRef.current.observe(args[0]);\n              }}\n              onExit={(...args) => {\n                TransitionProps?.onExit?.(...args);\n                observerRef.current.disconnect();\n              }}\n            >\n              <Paper\n                className={classNames(styles.paper, className)}\n                onMouseEnter={onMouseEnter}\n                onMouseLeave={onMouseLeave}\n                ref={ref}\n                type={type}\n              >\n                {children}\n              </Paper>\n            </Grow>\n          )}\n        </Popper>\n      </>\n    );\n  }\n);\n"],"names":["Popover","forwardRef","_ref","ref","children","open","onClose","className","_ref$closeOnBackdropC","closeOnBackdropClick","_ref$closeOnEscape","closeOnEscape","_ref$backdrop","backdrop","anchorEl","_ref$preventScroll","preventScroll","_ref$placement","placement","onMouseLeave","onMouseEnter","_ref$flip","flip","_ref$preventOverflow","preventOverflow","container","_ref$animate","animate","_ref$type","type","popperRef","useRef","observerRef","ResizeObserver","_popperRef$current","current","scheduleUpdate","backdropClickCloseHandler","useCallback","useEffect","handler","event","key","document","querySelector","DRAGGING_ATTRIBUTE","addEventListener","removeEventListener","disableScroll","body","modifiers","useMemo","enabled","padding","boundariesElement","resolvedContainer","getDefaultPopperContainer","_jsxs","_Fragment","_jsx","jsx","Popper","styles","root","onClick","transition","_ref2","TransitionProps","Grow","_objectSpread","timeout","disableStrictModeCompat","onEntered","_TransitionProps$onEn","_len","arguments","length","args","Array","_key","observe","onExit","_TransitionProps$onEx","_len2","_key2","disconnect","Paper","classNames","paper"],"mappings":"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"}

package/cjs-bundle/componentsV2/Popper/Popper.js

@@ -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"),n=require("@material-ui/core"),t=require("classnames"),s=require("../../effects/useDelayedDcFullscreenElemOpen.js"),o=require("../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js"),c=require("../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),i=require("./constants.js"),p=require("react/jsx-runtime");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=l(e),a=l(r),d=l(t),f=["children","open"],O=["popperRef","className"];function j(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function P(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?j(Object(n),!0).forEach((function(r){u.default(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}function m(e){var r=e.children,t=e.open,o=a.default(e,f),i=s.useDelayedDcFullscreenElemOpen({isOpen:t}).delayedIsOpen,l="function"==typeof r?function(){return p.jsx(c.IsInsideDcFullscreenElemProvider,{children:r.apply(void 0,arguments)})}:p.jsx(c.IsInsideDcFullscreenElemProvider,{children:r});return p.jsx(n.Popper,P(P({},o),{},{open:i,children:l}))}exports.Popper=function(e){var r=e.popperRef,t=e.className,s=a.default(e,O),l=o.useIsInsideIsolatedDcApp(),u=c.useIsInsideDcFullscreenElem(),f=!l||u||s.container?n.Popper:m;return p.jsx(f,P(P({},s),{},{className:d.default(i.POPPER_ROOT_CLASS,t),popperRef:r}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/objectWithoutProperties"),n=require("@material-ui/core"),t=require("classnames"),o=require("../../effects/useDelayedDcFullscreenElemOpen.js"),s=require("../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js"),c=require("../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),i=require("../utils.js"),l=require("./constants.js"),p=require("react/jsx-runtime");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=u(e),d=u(r),f=u(t),O=["children","open"],j=["popperRef","className"];function P(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function m(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?P(Object(n),!0).forEach((function(r){a.default(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}function b(e){var r=e.children,t=e.open,s=d.default(e,O),i=o.useDelayedDcFullscreenElemOpen({isOpen:t}).delayedIsOpen,l="function"==typeof r?function(){return p.jsx(c.IsInsideDcFullscreenElemProvider,{children:r.apply(void 0,arguments)})}:p.jsx(c.IsInsideDcFullscreenElemProvider,{children:r});return p.jsx(n.Popper,m(m({},s),{},{open:i,children:l}))}exports.Popper=function(e){var r,t=e.popperRef,o=e.className,u=d.default(e,j),a=s.useIsInsideIsolatedDcApp(),O=c.useIsInsideDcFullscreenElem(),P=null!==(r=u.container)&&void 0!==r?r:i.getDefaultPopperContainer(u.anchorEl),v=!a||O||P?n.Popper:b;return p.jsx(v,m(m({},u),{},{container:P,className:f.default(l.POPPER_ROOT_CLASS,o),popperRef:t}))};
 //# sourceMappingURL=Popper.js.map

package/cjs-bundle/componentsV2/Popper/Popper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popper.js","sources":["../../../../src/componentsV2/Popper/Popper.tsx"],"sourcesContent":["import {\n  Popper as MuiPopper,\n  PopperPlacementType as MuiPopperPlacementType,\n} from '@material-ui/core';\nimport { ReactNode, Ref } from 'react';\nimport { TransitionProps } from '@material-ui/core/transitions/transition';\nimport PopperJs from 'popper.js';\nimport classNames from 'classnames';\n\nimport { useDelayedDcFullscreenElemOpen } from '../../effects/useDelayedDcFullscreenElemOpen';\nimport { useIsInsideIsolatedDcApp } from '../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider';\nimport {\n  IsInsideDcFullscreenElemProvider,\n  useIsInsideDcFullscreenElem,\n} from '../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider';\n\nimport { POPPER_ROOT_CLASS } from './constants';\n\ntype AnchorEl =\n  | HTMLElement\n  | {\n      clientWidth: number;\n      clientHeight: number;\n      getBoundingClientRect: HTMLElement['getBoundingClientRect'];\n    };\n\nexport type PopperProps = {\n  /**\n   * Contents of the popover\n   */\n  children:\n    | ReactNode\n    | ((props: {\n        placement: MuiPopperPlacementType;\n        TransitionProps?: TransitionProps;\n      }) => ReactNode);\n  open: boolean;\n  /**\n   * Defines an HTML node to which the content will be positioned\n   */\n  anchorEl?: AnchorEl | (() => AnchorEl) | null;\n  /**\n   * Defines placement\n   * @default bottom\n   */\n  placement?:\n    | 'bottom-end'\n    | 'bottom-start'\n    | 'bottom'\n    | 'left-end'\n    | 'left-start'\n    | 'left'\n    | 'right-end'\n    | 'right-start'\n    | 'right'\n    | 'top-end'\n    | 'top-start'\n    | 'top';\n\n  /**\n   * Popper's modifiers. See [documentation](https://popper.js.org/docs/v1/#modifiers)\n   */\n  modifiers?: object;\n\n  /**\n   * Element where Popper will mount. Default - `document.body`\n   *\n   * Does not open \"pseudo-fullscreen\" for an isolated app if passed\n   */\n  container?: HTMLElement;\n\n  /**\n   * Help supporting a react-transition-group/Transition component\n   */\n  transition?: boolean;\n\n  className?: string;\n\n  /**\n   * Ref to popper object. Use `scheduleUpdate` method for performant reposition/recalculation as per [docs](https://popper.js.org/docs/v1/#popperscheduleupdate)\n   */\n  popperRef?: Ref<PopperJs>;\n};\n\nfunction DcPopper({ children, open: isOpen, ...otherProps }: PopperProps) {\n  const { delayedIsOpen } = useDelayedDcFullscreenElemOpen({ isOpen });\n\n  const ownChildren: PopperProps['children'] =\n    typeof children === 'function' ? (\n      (...args) => (\n        <IsInsideDcFullscreenElemProvider>{children(...args)}</IsInsideDcFullscreenElemProvider>\n      )\n    ) : (\n      <IsInsideDcFullscreenElemProvider>{children}</IsInsideDcFullscreenElemProvider>\n    );\n\n  return (\n    <MuiPopper {...otherProps} open={delayedIsOpen}>\n      {ownChildren}\n    </MuiPopper>\n  );\n}\n\nexport function Popper({ popperRef, className, ...restProps }: PopperProps) {\n  const isInsideDcApp = useIsInsideIsolatedDcApp();\n  const isInsideDcFullscreenElem = useIsInsideDcFullscreenElem();\n\n  // Popper will transition the app to a \"pseudo-fullscreen\" mode if\n  // it's inside an isolated DC app, no \"pseudo-fullscreen\" is on,\n  // and there's no container defined (popper should be mounted inside an app, and not the body)\n  const PopperComponent =\n    isInsideDcApp && !isInsideDcFullscreenElem && !restProps.container ? DcPopper : MuiPopper;\n\n  return (\n    <PopperComponent\n      {...restProps}\n      className={classNames(POPPER_ROOT_CLASS, className)}\n      popperRef={popperRef}\n    />\n  );\n}\n"],"names":["DcPopper","_ref","children","isOpen","open","otherProps","_objectWithoutProperties","_excluded","delayedIsOpen","useDelayedDcFullscreenElemOpen","ownChildren","_jsx","IsInsideDcFullscreenElemProvider","apply","arguments","MuiPopper","_objectSpread","_ref2","popperRef","className","restProps","_excluded2","isInsideDcApp","useIsInsideIsolatedDcApp","isInsideDcFullscreenElem","useIsInsideDcFullscreenElem","PopperComponent","container","classNames","POPPER_ROOT_CLASS"],"mappings":"01CAoFA,SAASA,EAAiEC,GAAA,IAAtDC,IAAAA,SAAgBC,IAANC,KAAiBC,EAAUC,EAAA,QAAAL,EAAAM,GAC/CC,EAAkBC,EAAAA,+BAA+B,CAAEN,OAAAA,IAAnDK,cAEFE,EACgB,mBAAbR,EACL,WAAA,OACES,EAAAA,IAACC,EAAAA,iCAAgC,CAAAV,SAAEA,EAAQW,WAAA,EAAAC,cAG7CH,EAAAA,IAACC,EAAAA,iCAAgC,CAAAV,SAAEA,IAGvC,OACES,EAAAA,IAACI,EAAAA,OAASC,EAAAA,EAAA,GAAKX,GAAU,GAAA,CAAED,KAAMI,EAAcN,SAC5CQ,IAGP,gBAEO,SAAqEO,GAAA,IAAnDC,IAAAA,UAAWC,IAAAA,UAAcC,EAASd,EAAA,QAAAW,EAAAI,GACnDC,EAAgBC,EAAAA,2BAChBC,EAA2BC,EAAAA,8BAK3BC,GACJJ,GAAkBE,GAA6BJ,EAAUO,UAAuBZ,SAAXf,EAEvE,OACEW,EAAAA,IAACe,EAAeV,EAAAA,EAAA,GACVI,GAAS,GAAA,CACbD,UAAWS,EAAAA,QAAWC,EAAiBA,kBAAEV,GACzCD,UAAWA,IAGjB"}
+{"version":3,"file":"Popper.js","sources":["../../../../src/componentsV2/Popper/Popper.tsx"],"sourcesContent":["import {\n  Popper as MuiPopper,\n  PopperPlacementType as MuiPopperPlacementType,\n} from '@material-ui/core';\nimport { ReactNode, Ref } from 'react';\nimport { TransitionProps } from '@material-ui/core/transitions/transition';\nimport PopperJs from 'popper.js';\nimport classNames from 'classnames';\n\nimport { useDelayedDcFullscreenElemOpen } from '../../effects/useDelayedDcFullscreenElemOpen';\nimport { useIsInsideIsolatedDcApp } from '../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider';\nimport {\n  IsInsideDcFullscreenElemProvider,\n  useIsInsideDcFullscreenElem,\n} from '../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider';\nimport { getDefaultPopperContainer } from '../utils';\n\nimport { POPPER_ROOT_CLASS } from './constants';\n\ntype AnchorEl =\n  | HTMLElement\n  | {\n      clientWidth: number;\n      clientHeight: number;\n      getBoundingClientRect: HTMLElement['getBoundingClientRect'];\n    };\n\nexport type PopperProps = {\n  /**\n   * Contents of the popover\n   */\n  children:\n    | ReactNode\n    | ((props: {\n        placement: MuiPopperPlacementType;\n        TransitionProps?: TransitionProps;\n      }) => ReactNode);\n  open: boolean;\n  /**\n   * Defines an HTML node to which the content will be positioned\n   */\n  anchorEl?: AnchorEl | (() => AnchorEl) | null;\n  /**\n   * Defines placement\n   * @default bottom\n   */\n  placement?:\n    | 'bottom-end'\n    | 'bottom-start'\n    | 'bottom'\n    | 'left-end'\n    | 'left-start'\n    | 'left'\n    | 'right-end'\n    | 'right-start'\n    | 'right'\n    | 'top-end'\n    | 'top-start'\n    | 'top';\n\n  /**\n   * Popper's modifiers. See [documentation](https://popper.js.org/docs/v1/#modifiers)\n   */\n  modifiers?: object;\n\n  /**\n   * Element where Popper will mount.\n   *\n   * Defaults to the closest ancestor `Modal` root (if `anchorEl` is inside one), falling back to\n   * `document.body`. Does not open \"pseudo-fullscreen\" for an isolated app if passed.\n   */\n  container?: HTMLElement;\n\n  /**\n   * Help supporting a react-transition-group/Transition component\n   */\n  transition?: boolean;\n\n  className?: string;\n\n  /**\n   * Ref to popper object. Use `scheduleUpdate` method for performant reposition/recalculation as per [docs](https://popper.js.org/docs/v1/#popperscheduleupdate)\n   */\n  popperRef?: Ref<PopperJs>;\n};\n\nfunction DcPopper({ children, open: isOpen, ...otherProps }: PopperProps) {\n  const { delayedIsOpen } = useDelayedDcFullscreenElemOpen({ isOpen });\n\n  const ownChildren: PopperProps['children'] =\n    typeof children === 'function' ? (\n      (...args) => (\n        <IsInsideDcFullscreenElemProvider>{children(...args)}</IsInsideDcFullscreenElemProvider>\n      )\n    ) : (\n      <IsInsideDcFullscreenElemProvider>{children}</IsInsideDcFullscreenElemProvider>\n    );\n\n  return (\n    <MuiPopper {...otherProps} open={delayedIsOpen}>\n      {ownChildren}\n    </MuiPopper>\n  );\n}\n\nexport function Popper({ popperRef, className, ...restProps }: PopperProps) {\n  const isInsideDcApp = useIsInsideIsolatedDcApp();\n  const isInsideDcFullscreenElem = useIsInsideDcFullscreenElem();\n\n  const container = restProps.container ?? getDefaultPopperContainer(restProps.anchorEl);\n\n  // Popper will transition the app to a \"pseudo-fullscreen\" mode if\n  // it's inside an isolated DC app, no \"pseudo-fullscreen\" is on,\n  // and there's no container defined (popper should be mounted inside an app, and not the body)\n  const PopperComponent =\n    isInsideDcApp && !isInsideDcFullscreenElem && !container ? DcPopper : MuiPopper;\n\n  return (\n    <PopperComponent\n      {...restProps}\n      container={container}\n      className={classNames(POPPER_ROOT_CLASS, className)}\n      popperRef={popperRef}\n    />\n  );\n}\n"],"names":["DcPopper","_ref","children","isOpen","open","otherProps","_objectWithoutProperties","_excluded","delayedIsOpen","useDelayedDcFullscreenElemOpen","ownChildren","_jsx","IsInsideDcFullscreenElemProvider","apply","arguments","MuiPopper","_objectSpread","_ref2","_restProps$container","popperRef","className","restProps","_excluded2","isInsideDcApp","useIsInsideIsolatedDcApp","isInsideDcFullscreenElem","useIsInsideDcFullscreenElem","container","getDefaultPopperContainer","anchorEl","PopperComponent","classNames","POPPER_ROOT_CLASS"],"mappings":"q1CAsFA,SAASA,EAAiEC,GAAA,IAAtDC,IAAAA,SAAgBC,IAANC,KAAiBC,EAAUC,EAAA,QAAAL,EAAAM,GAC/CC,EAAkBC,EAAAA,+BAA+B,CAAEN,OAAAA,IAAnDK,cAEFE,EACgB,mBAAbR,EACL,WAAA,OACES,EAAAA,IAACC,EAAAA,iCAAgC,CAAAV,SAAEA,EAAQW,WAAA,EAAAC,cAG7CH,EAAAA,IAACC,EAAAA,iCAAgC,CAAAV,SAAEA,IAGvC,OACES,EAAAA,IAACI,EAAAA,OAASC,EAAAA,EAAA,GAAKX,GAAU,GAAA,CAAED,KAAMI,EAAcN,SAC5CQ,IAGP,gBAEO,SAAqEO,GAAA,IAAAC,EAAnDC,IAAAA,UAAWC,IAAAA,UAAcC,EAASf,EAAA,QAAAW,EAAAK,GACnDC,EAAgBC,EAAAA,2BAChBC,EAA2BC,EAAAA,8BAE3BC,EAAmCC,QAAvBP,EAAAA,EAAUM,iBAAaC,IAAAA,EAAAA,EAAAA,EAAyBA,0BAACP,EAAUQ,UAKvEC,GACJP,GAAkBE,GAA6BE,EAAuBZ,SAAXf,EAE7D,OACEW,EAAAA,IAACmB,EAAed,EAAAA,EAAA,GACVK,GAAS,GAAA,CACbM,UAAWA,EACXP,UAAWW,EAAAA,QAAWC,EAAiBA,kBAAEZ,GACzCD,UAAWA,IAGjB"}

package/cjs-bundle/componentsV2/Tooltip/Tooltip.js

@@ -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"),t=require("@material-ui/core"),o=require("react"),i=require("classnames"),n=require("../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js"),s=require("../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),l=require("../Text/Text.js"),c=require("./DcTooltip.js"),a=require("./Tooltip.scss.js"),u=require("react/jsx-runtime");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=p(e),v=p(r),D=p(i),y=["children","disabled","title","interactive","className","enterDelay","leaveDelay","enterTouchDelay","leaveTouchDelay","enterNextDelay","description","anchorEl"];function b(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function f(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?b(Object(t),!0).forEach((function(r){d.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):b(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}exports.Tooltip=function(e){var r=e.children,i=e.disabled,p=e.title,d=e.interactive,b=void 0!==d&&d,m=e.className,h=e.enterDelay,j=void 0===h?100:h,O=e.leaveDelay,P=void 0===O?0:O,T=e.enterTouchDelay,x=void 0===T?700:T,I=e.leaveTouchDelay,q=void 0===I?1500:I,g=e.enterNextDelay,w=void 0===g?0:g,E=e.description,N=e.anchorEl,C=v.default(e,y),A=n.useIsInsideIsolatedDcApp(),F=s.useIsInsideDcFullscreenElem(),L=A&&!F?c.DcTooltip:t.Tooltip,M=i||!p&&!E?"":u.jsxs("div",{className:a.content,children:[p&&u.jsx(l.Text,{size:12,className:a.title,tagName:"div",children:p}),E&&u.jsx(l.Text,{size:12,color:"T6",tagName:"div",children:E})]}),z={disableFocusListener:i,disableHoverListener:i,disableTouchListener:i},S=o.useMemo((function(){return{popper:D.default(a.root,m),tooltip:D.default(a.tooltip,E&&a.withDescription)}}),[m,E]),_=o.useMemo((function(){return f(f({},N?{anchorEl:N}:{}),{},{popperOptions:{modifiers:{preventOverflow:{enabled:!0,boundariesElement:"viewport"}}}})}),[N]);return u.jsx(L,f(f(f({title:M,interactive:b,classes:S,enterDelay:j,leaveDelay:P,enterTouchDelay:x,leaveTouchDelay:q,enterNextDelay:w,PopperProps:_},z),C),{},{children:r}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/objectWithoutProperties"),t=require("@material-ui/core"),o=require("react"),i=require("classnames"),n=require("../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider.js"),l=require("../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),s=require("../Text/Text.js"),c=require("./DcTooltip.js"),a=require("./Tooltip.scss.js"),u=require("react/jsx-runtime");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=p(e),v=p(r),D=p(i),y=["children","disabled","title","interactive","className","enterDelay","leaveDelay","enterTouchDelay","leaveTouchDelay","enterNextDelay","description","anchorEl"];function b(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function f(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?b(Object(t),!0).forEach((function(r){d.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):b(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}exports.Tooltip=function(e){var r=e.children,i=e.disabled,p=e.title,d=e.interactive,b=void 0!==d&&d,m=e.className,h=e.enterDelay,j=void 0===h?100:h,O=e.leaveDelay,T=void 0===O?0:O,P=e.enterTouchDelay,x=void 0===P?700:P,q=e.leaveTouchDelay,I=void 0===q?1500:q,g=e.enterNextDelay,w=void 0===g?0:g,E=e.description,N=e.anchorEl,C=v.default(e,y),A=n.useIsInsideIsolatedDcApp(),F=l.useIsInsideDcFullscreenElem(),L=A&&!F?c.DcTooltip:t.Tooltip,M=i||!p&&!E?"":u.jsxs("div",{className:a.content,children:[p&&u.jsx(s.Text,{size:12,className:a.title,tagName:"div",children:p}),E&&u.jsx(s.Text,{size:12,color:"T6",tagName:"div",children:E})]}),z={disableFocusListener:i,disableHoverListener:i,disableTouchListener:i},S=o.useMemo((function(){return{popper:D.default(a.root,m),tooltip:D.default(a.tooltip,E&&a.withDescription)}}),[m,E]),_=o.useMemo((function(){return f(f({},N?{anchorEl:N}:{}),{},{popperOptions:{modifiers:{preventOverflow:{enabled:!0,boundariesElement:"viewport"}}}})}),[N]);return u.jsx(L,f(f(f({title:M,interactive:b,classes:S,enterDelay:j,leaveDelay:T,enterTouchDelay:x,leaveTouchDelay:I,enterNextDelay:w,PopperProps:_},z),C),{},{children:r}))};
 //# sourceMappingURL=Tooltip.js.map

package/cjs-bundle/componentsV2/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../../src/componentsV2/Tooltip/Tooltip.tsx"],"sourcesContent":["import { Tooltip as MuiTooltip, TooltipProps as MuiTooltipProps } from '@material-ui/core';\nimport { ChangeEvent, ReactElement, ReactNode, useMemo } from 'react';\nimport classNames from 'classnames';\n\n// TODO Move these hooks to better place so the imports won't be as hideous\nimport { useIsInsideIsolatedDcApp } from '../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider';\nimport { useIsInsideDcFullscreenElem } from '../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider';\nimport { Text } from '../Text';\nimport { PopperProps } from '../Popper';\n\nimport { DcTooltip } from './DcTooltip';\n\nimport styles from './Tooltip.scss';\n\nexport type TooltipProps = {\n  /**\n   * Tooltip title. If there's no title or description, the tooltip is not shown\n   */\n  title?: ReactNode;\n  /**\n   * Tooltip description: used to provide additional information to the title. If there's no title or description, the tooltip is not shown\n   */\n  description?: ReactNode;\n  /**\n   * Element to position a tooltip to.\n   *\n   * ⚠️ Has to be a *single* reffable child (use `forwardRef` for custom components)\n   */\n  children: ReactElement;\n  /**\n   * Tooltip placement. Positions a tooltip dynamically if undefined\n   */\n  placement?: MuiTooltipProps['placement'];\n  /**\n   * Disables the tooltip\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, the tooltip is shown. Used to programmatically control the tooltip\n   */\n  open?: boolean;\n  /**\n   * Callback fired when the component requests to be open.\n   */\n  onOpen?: (event: ChangeEvent<object>) => void;\n  /**\n   * Callback fired when the component requests to be closed.\n   */\n  onClose?: (event: ChangeEvent<object>) => void;\n\n  /**\n   * The number of milliseconds to wait before showing the tooltip.\n   * This prop won't impact the enter touch delay (`enterTouchDelay`).\n   */\n  enterDelay?: number;\n  /**\n   * The number of milliseconds a user must touch the element before showing the tooltip.\n   */\n  enterTouchDelay?: number;\n  /**\n   * The number of milliseconds to wait before showing the tooltip when one was already recently opened.\n   */\n  enterNextDelay?: number;\n  /**\n   * Makes a tooltip interactive, i.e. will not close when the user\n   * hovers over the tooltip before the `leaveDelay` is expired.\n   */\n  interactive?: boolean;\n  /**\n   * The number of milliseconds to wait before hiding the tooltip.\n   * This prop won't impact the leave touch delay (`leaveTouchDelay`).\n   */\n  leaveDelay?: number;\n  /**\n   * The number of milliseconds after the user stops touching an element before hiding the tooltip.\n   */\n  leaveTouchDelay?: number;\n\n  anchorEl?: PopperProps['anchorEl'];\n\n  /**\n   * Will be applied to tooltip container\n   */\n  className?: string;\n};\n\nexport const Tooltip = ({\n  children,\n  disabled,\n  title,\n  interactive = false,\n  className,\n  enterDelay = 100,\n  leaveDelay = 0,\n  enterTouchDelay = 700,\n  leaveTouchDelay = 1500,\n  enterNextDelay = 0,\n  description,\n  anchorEl,\n  ...rest\n}: TooltipProps) => {\n  const isInsideDcApp = useIsInsideIsolatedDcApp();\n  const isInsideDcFullscreenElem = useIsInsideDcFullscreenElem();\n  const TooltipComponent = isInsideDcApp && !isInsideDcFullscreenElem ? DcTooltip : MuiTooltip;\n\n  const actualTitle =\n    disabled || (!title && !description) ? (\n      ''\n    ) : (\n      <div className={styles.content}>\n        {title && (\n          <Text size={12} className={styles.title} tagName=\"div\">\n            {title}\n          </Text>\n        )}\n        {description && (\n          <Text size={12} color=\"T6\" tagName=\"div\">\n            {description}\n          </Text>\n        )}\n      </div>\n    );\n\n  const handlers = {\n    disableFocusListener: disabled,\n    disableHoverListener: disabled,\n    disableTouchListener: disabled,\n  };\n\n  const classes = useMemo(\n    () => ({\n      popper: classNames(styles.root, className),\n      tooltip: classNames(styles.tooltip, description && styles.withDescription),\n    }),\n    [className, description]\n  );\n\n  const popperProps = useMemo(\n    () => ({\n      ...(anchorEl ? { anchorEl } : {}),\n      popperOptions: {\n        modifiers: {\n          preventOverflow: {\n            enabled: true,\n            boundariesElement: 'viewport',\n          },\n        },\n      },\n    }),\n    [anchorEl]\n  );\n\n  return (\n    <TooltipComponent\n      title={actualTitle}\n      interactive={interactive}\n      classes={classes}\n      enterDelay={enterDelay}\n      leaveDelay={leaveDelay}\n      enterTouchDelay={enterTouchDelay}\n      leaveTouchDelay={leaveTouchDelay}\n      enterNextDelay={enterNextDelay}\n      PopperProps={popperProps}\n      {...handlers}\n      {...rest}\n    >\n      {children}\n    </TooltipComponent>\n  );\n};\n"],"names":["_ref","children","disabled","title","_ref$interactive","interactive","className","_ref$enterDelay","enterDelay","_ref$leaveDelay","leaveDelay","_ref$enterTouchDelay","enterTouchDelay","_ref$leaveTouchDelay","leaveTouchDelay","_ref$enterNextDelay","enterNextDelay","description","anchorEl","rest","_objectWithoutProperties","_excluded","isInsideDcApp","useIsInsideIsolatedDcApp","isInsideDcFullscreenElem","useIsInsideDcFullscreenElem","TooltipComponent","DcTooltip","MuiTooltip","actualTitle","_jsxs","jsxs","styles","content","_jsx","jsx","Text","size","tagName","color","handlers","disableFocusListener","disableHoverListener","disableTouchListener","classes","useMemo","popper","classNames","root","tooltip","withDescription","popperProps","_objectSpread","popperOptions","modifiers","preventOverflow","enabled","boundariesElement","PopperProps"],"mappings":"8+CAsFuB,SAcHA,GAAA,IAblBC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,MAAKC,EAAAJ,EACLK,YAAAA,cAAmBD,EACnBE,IAAAA,UAASC,EAAAP,EACTQ,WAAAA,aAAa,IAAGD,EAAAE,EAAAT,EAChBU,WAAAA,aAAa,EAACD,EAAAE,EAAAX,EACdY,gBAAAA,aAAkB,IAAGD,EAAAE,EAAAb,EACrBc,gBAAAA,aAAkB,KAAID,EAAAE,EAAAf,EACtBgB,eAAAA,aAAiB,EAACD,EAClBE,IAAAA,YACAC,IAAAA,SACGC,EAAIC,EAAA,QAAApB,EAAAqB,GAEDC,EAAgBC,EAAAA,2BAChBC,EAA2BC,EAAAA,8BAC3BC,EAAmBJ,IAAkBE,EAA2BG,EAAAA,UAAYC,EAAAA,QAE5EC,EACJ3B,IAAcC,IAAUc,EACtB,GAEAa,EAAAC,KAAA,MAAA,CAAKzB,UAAW0B,EAAOC,QAAQhC,SAC5BE,CAAAA,GACC+B,EAAAC,IAACC,OAAI,CAACC,KAAM,GAAI/B,UAAW0B,EAAO7B,MAAOmC,QAAQ,MAAKrC,SACnDE,IAGJc,GACCiB,EAAAC,IAACC,OAAI,CAACC,KAAM,GAAIE,MAAM,KAAKD,QAAQ,MAAKrC,SACrCgB,OAMLuB,EAAW,CACfC,qBAAsBvC,EACtBwC,qBAAsBxC,EACtByC,qBAAsBzC,GAGlB0C,EAAUC,EAAAA,SACd,WAAA,MAAO,CACLC,OAAQC,EAAU,QAACf,EAAOgB,KAAM1C,GAChC2C,QAASF,EAAU,QAACf,EAAOiB,QAAShC,GAAee,EAAOkB,iBAC3D,GACD,CAAC5C,EAAWW,IAGRkC,EAAcN,EAAAA,SAClB,WAAA,OAAAO,EAAAA,EAAA,CAAA,EACMlC,EAAW,CAAEA,SAAAA,GAAa,CAAA,GAAE,GAAA,CAChCmC,cAAe,CACbC,UAAW,CACTC,gBAAiB,CACfC,SAAS,EACTC,kBAAmB,eAGxB,GAEH,CAACvC,IAGH,OACEgB,MAACR,EAAgB0B,EAAAA,EAAAA,EAAA,CACfjD,MAAO0B,EACPxB,YAAaA,EACbuC,QAASA,EACTpC,WAAYA,EACZE,WAAYA,EACZE,gBAAiBA,EACjBE,gBAAiBA,EACjBE,eAAgBA,EAChB0C,YAAaP,GACTX,GACArB,GAAI,GAAA,CAAAlB,SAEPA,IAGP"}
+{"version":3,"file":"Tooltip.js","sources":["../../../../src/componentsV2/Tooltip/Tooltip.tsx"],"sourcesContent":["import { Tooltip as MuiTooltip, TooltipProps as MuiTooltipProps } from '@material-ui/core';\nimport { ChangeEvent, ReactElement, ReactNode, useMemo } from 'react';\nimport classNames from 'classnames';\n\n// TODO Move these hooks to better place so the imports won't be as hideous\nimport { useIsInsideIsolatedDcApp } from '../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider';\nimport { useIsInsideDcFullscreenElem } from '../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider';\nimport { Text } from '../Text';\nimport { PopperProps } from '../Popper';\n\nimport { DcTooltip } from './DcTooltip';\n\nimport styles from './Tooltip.scss';\n\nexport type TooltipProps = {\n  /**\n   * Tooltip title. If there's no title or description, the tooltip is not shown\n   */\n  title?: ReactNode;\n  /**\n   * Tooltip description: used to provide additional information to the title. If there's no title or description, the tooltip is not shown\n   */\n  description?: ReactNode;\n  /**\n   * Element to position a tooltip to.\n   *\n   * ⚠️ Has to be a *single* reffable child (use `forwardRef` for custom components)\n   */\n  children: ReactElement;\n  /**\n   * Tooltip placement. Positions a tooltip dynamically if undefined\n   */\n  placement?: MuiTooltipProps['placement'];\n  /**\n   * Disables the tooltip\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, the tooltip is shown. Used to programmatically control the tooltip\n   */\n  open?: boolean;\n  /**\n   * Callback fired when the component requests to be open.\n   */\n  onOpen?: (event: ChangeEvent<object>) => void;\n  /**\n   * Callback fired when the component requests to be closed.\n   */\n  onClose?: (event: ChangeEvent<object>) => void;\n\n  /**\n   * The number of milliseconds to wait before showing the tooltip.\n   * This prop won't impact the enter touch delay (`enterTouchDelay`).\n   */\n  enterDelay?: number;\n  /**\n   * The number of milliseconds a user must touch the element before showing the tooltip.\n   */\n  enterTouchDelay?: number;\n  /**\n   * The number of milliseconds to wait before showing the tooltip when one was already recently opened.\n   */\n  enterNextDelay?: number;\n  /**\n   * Makes a tooltip interactive, i.e. will not close when the user\n   * hovers over the tooltip before the `leaveDelay` is expired.\n   */\n  interactive?: boolean;\n  /**\n   * The number of milliseconds to wait before hiding the tooltip.\n   * This prop won't impact the leave touch delay (`leaveTouchDelay`).\n   */\n  leaveDelay?: number;\n  /**\n   * The number of milliseconds after the user stops touching an element before hiding the tooltip.\n   */\n  leaveTouchDelay?: number;\n\n  anchorEl?: PopperProps['anchorEl'];\n\n  /**\n   * Will be applied to tooltip container\n   */\n  className?: string;\n};\n\nexport const Tooltip = ({\n  children,\n  disabled,\n  title,\n  interactive = false,\n  className,\n  enterDelay = 100,\n  leaveDelay = 0,\n  enterTouchDelay = 700,\n  leaveTouchDelay = 1500,\n  enterNextDelay = 0,\n  description,\n  anchorEl,\n  ...rest\n}: TooltipProps) => {\n  const isInsideDcApp = useIsInsideIsolatedDcApp();\n  const isInsideDcFullscreenElem = useIsInsideDcFullscreenElem();\n  const TooltipComponent = isInsideDcApp && !isInsideDcFullscreenElem ? DcTooltip : MuiTooltip;\n\n  const actualTitle =\n    disabled || (!title && !description) ? (\n      ''\n    ) : (\n      <div className={styles.content}>\n        {title && (\n          <Text size={12} className={styles.title} tagName=\"div\">\n            {title}\n          </Text>\n        )}\n        {description && (\n          <Text size={12} color=\"T6\" tagName=\"div\">\n            {description}\n          </Text>\n        )}\n      </div>\n    );\n\n  const handlers = {\n    disableFocusListener: disabled,\n    disableHoverListener: disabled,\n    disableTouchListener: disabled,\n  };\n\n  const classes = useMemo(\n    () => ({\n      popper: classNames(styles.root, className),\n      tooltip: classNames(styles.tooltip, description && styles.withDescription),\n    }),\n    [className, description]\n  );\n\n  const popperProps = useMemo(\n    () => ({\n      ...(anchorEl ? { anchorEl } : {}),\n      popperOptions: {\n        modifiers: {\n          preventOverflow: {\n            enabled: true,\n            boundariesElement: 'viewport',\n          },\n        },\n      },\n    }),\n    [anchorEl]\n  );\n\n  return (\n    <TooltipComponent\n      title={actualTitle}\n      interactive={interactive}\n      classes={classes}\n      enterDelay={enterDelay}\n      leaveDelay={leaveDelay}\n      enterTouchDelay={enterTouchDelay}\n      leaveTouchDelay={leaveTouchDelay}\n      enterNextDelay={enterNextDelay}\n      PopperProps={popperProps}\n      {...handlers}\n      {...rest}\n    >\n      {children}\n    </TooltipComponent>\n  );\n};\n"],"names":["_ref","children","disabled","title","_ref$interactive","interactive","className","_ref$enterDelay","enterDelay","_ref$leaveDelay","leaveDelay","_ref$enterTouchDelay","enterTouchDelay","_ref$leaveTouchDelay","leaveTouchDelay","_ref$enterNextDelay","enterNextDelay","description","anchorEl","rest","_objectWithoutProperties","_excluded","isInsideDcApp","useIsInsideIsolatedDcApp","isInsideDcFullscreenElem","useIsInsideDcFullscreenElem","TooltipComponent","DcTooltip","MuiTooltip","actualTitle","_jsxs","jsxs","styles","content","_jsx","jsx","Text","size","tagName","color","handlers","disableFocusListener","disableHoverListener","disableTouchListener","classes","useMemo","popper","classNames","root","tooltip","withDescription","popperProps","_objectSpread","popperOptions","modifiers","preventOverflow","enabled","boundariesElement","PopperProps"],"mappings":"g9CAsFuB,SAcHA,GAAA,IAblBC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,MAAKC,EAAAJ,EACLK,YAAAA,cAAmBD,EACnBE,IAAAA,UAASC,EAAAP,EACTQ,WAAAA,aAAa,IAAGD,EAAAE,EAAAT,EAChBU,WAAAA,aAAa,EAACD,EAAAE,EAAAX,EACdY,gBAAAA,aAAkB,IAAGD,EAAAE,EAAAb,EACrBc,gBAAAA,aAAkB,KAAID,EAAAE,EAAAf,EACtBgB,eAAAA,aAAiB,EAACD,EAClBE,IAAAA,YACAC,IAAAA,SACGC,EAAIC,EAAA,QAAApB,EAAAqB,GAEDC,EAAgBC,EAAAA,2BAChBC,EAA2BC,EAAAA,8BAC3BC,EAAmBJ,IAAkBE,EAA2BG,EAAAA,UAAYC,EAAAA,QAE5EC,EACJ3B,IAAcC,IAAUc,EACtB,GAEAa,EAAAC,KAAA,MAAA,CAAKzB,UAAW0B,EAAOC,QAAQhC,SAC5BE,CAAAA,GACC+B,EAAAC,IAACC,OAAI,CAACC,KAAM,GAAI/B,UAAW0B,EAAO7B,MAAOmC,QAAQ,MAAKrC,SACnDE,IAGJc,GACCiB,EAAAC,IAACC,OAAI,CAACC,KAAM,GAAIE,MAAM,KAAKD,QAAQ,MAAKrC,SACrCgB,OAMLuB,EAAW,CACfC,qBAAsBvC,EACtBwC,qBAAsBxC,EACtByC,qBAAsBzC,GAGlB0C,EAAUC,EAAAA,SACd,WAAA,MAAO,CACLC,OAAQC,EAAU,QAACf,EAAOgB,KAAM1C,GAChC2C,QAASF,EAAU,QAACf,EAAOiB,QAAShC,GAAee,EAAOkB,iBAC3D,GACD,CAAC5C,EAAWW,IAGRkC,EAAcN,EAAAA,SAClB,WAAA,OAAAO,EAAAA,EAAA,CAAA,EACMlC,EAAW,CAAEA,SAAAA,GAAa,CAAA,GAAE,GAAA,CAChCmC,cAAe,CACbC,UAAW,CACTC,gBAAiB,CACfC,SAAS,EACTC,kBAAmB,eAGxB,GAEH,CAACvC,IAGH,OACEgB,MAACR,EAAgB0B,EAAAA,EAAAA,EAAA,CACfjD,MAAO0B,EACPxB,YAAaA,EACbuC,QAASA,EACTpC,WAAYA,EACZE,WAAYA,EACZE,gBAAiBA,EACjBE,gBAAiBA,EACjBE,eAAgBA,EAChB0C,YAAaP,GACTX,GACArB,GAAI,GAAA,CAAAlB,SAEPA,IAGP"}

package/cjs-bundle/componentsV2/WellArchivedMessage/WellArchivedMessage.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/asyncToGenerator"),s=require("@babel/runtime/helpers/slicedToArray"),r=require("@babel/runtime/regenerator"),o=require("react");require("../AppCommonsProvider/AppCommonsProvider.js");var n=require("../AppCommonsProvider/AppCommonsContext.js");require("../../utils/index.js"),require("../../components/DevCenter/AppHeader/AppHeader.js"),require("../../components/DevCenter/AppSideBar/AppSideBar.js"),require("../../components/DevCenter/AppsDataProvider/AppsDataProvider.js"),require("@babel/runtime/helpers/defineProperty"),require("classnames"),require("lodash"),require("@material-ui/core"),require("@material-ui/icons"),require("../../components/DevCenter/AppContext.js"),require("../../components/DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../../components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js");var i=require("../../components/DevCenter/DevCenterRouterContext/effects/useDevCenterRouter.js");require("@babel/runtime/helpers/objectWithoutProperties"),require("react-router-dom"),require("query-string");var t=require("react/jsx-runtime");require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/alerts.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/completion.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("../../components/GradientManager/configuration/constants.js"),require("../../components/DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js"),require("../../components/DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js"),require("../../components/DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js"),require("../../components/DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js"),require("../../components/DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js"),require("../Text/Text.js"),require("../Grid/Grid.js"),require("../Grid/Cell.js"),require("../Header/Header.scss.js"),require("../Button/Button.js"),require("../ButtonIcon/ButtonIcon.js"),require("../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js"),require("../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("uuid"),require("../Tooltip/Tooltip.scss.js"),require("../Popover/Popover.js"),require("../PopoverPanel/PopoverPanel.js"),require("../Radio/Radio.js"),require("../RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../Checkbox/Checkbox.js"),require("@babel/runtime/helpers/toConsumableArray"),require("../TextInput/TextInput.js"),require("../TextInputNext/TextInputNext.js"),require("../TextArea/TextArea.js"),require("../Label/Label.js"),require("../TextEndTruncated/TextEndTruncated.scss.js"),require("../TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../TextLink/TextLink.js"),require("../Chip/Chip.js"),require("../ChipAlert/ChipAlert.js"),require("../ChipIndicator/ChipIndicator.js"),require("../Avatar/Avatar.js"),require("../AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../ToggleButtons/ToggleButtons.scss.js"),require("../Paper/Paper.js"),require("../ModalWindow/ModalWindow.js"),require("../Modal/Modal.scss.js"),require("../Menu/Menu.js"),require("@icon-park/react/es/all"),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"),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"),require("../utils.js"),require("../Hint/Hint.scss.js"),require("../Counter/Counter.js"),require("../BadgeBase/BadgeBase.scss.js"),require("../TemplatesControl/TemplatesControl.js"),require("zustand"),require("../TemplatesControl/utils.js"),require("../TemplatesControl/icons/folder/index.js"),require("../TemplatesControl/Store/utils.js"),require("../TemplatesControl/types.js"),require("../../clients/jsonApi/index.js"),require("../../permissions/PermissionsContext.js"),require("../../permissions/constants/index.js"),require("../../permissions/withPermissionsHOC.js"),require("../../permissions/ProvidePermissions.js"),require("../BadgeDot/BadgeDot.scss.js"),require("../LoaderLinear/LoaderLinear.scss.js"),require("../LoaderLogo/LoaderLogo.constants.js"),require("../LoaderLogo/LoaderLogo.scss.js"),require("../Switch/Switch.js"),require("../Tabs/Tabs.js"),require("../EmptyState/EmptyState.scss.js"),require("../FileIcon/FileIcon.js"),require("../Tag/Tag.js"),require("react-dropzone"),require("../FilesDropzone/FilesDropzone.scss.js"),require("../FilesLoader/FilesLoader.scss.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../FilesProcessor/FilesProcessor.scss.js"),require("../Skeleton/Skeleton.scss.js"),require("../../utils/main.js"),require("../CopyToClipboard/CopyToClipboard.scss.js"),require("../Stepper/Step/Step.scss.js"),require("../Stepper/Stepper.scss.js"),require("../ButtonLive/ButtonLive.js"),require("../ButtonText/ButtonText.js"),require("../IndicatorLive/IndicatorLive.js"),require("../Accordion/Accordion.scss.js"),require("../Breadcrumbs/Breadcrumbs.scss.js"),require("../BadgeComment/BadgeComment.js"),require("../AppContainer/AppContainer.js"),require("../AppContainer/AppContainer.constants.js"),require("../AppFooter/AppFooter.js"),require("immutable"),require("../AppHeader/AppHeader.constants.js"),require("../AppHeader/AppBadge/AppBadge.scss.js"),require("../AppHeader/AppAssets/utils.js"),require("../AppHeader/AppAssets/AppAssets.scss.js"),require("../../components/PadModeSelect/PadModeSelect.js"),require("../AppHeader/PadMode/PadMode.scss.js"),require("../../constants/streamSourceType.js"),require("../PadModeSelect/PadModeSelect.js"),require("../PadModeSelect/PadModeSelect.constants.js"),require("../../utils/mobileDetect.js"),require("../AppHeader/V3/VersionSelect/VersionSelect.js"),require("../UniversalLink/UniversalLink.scss.js"),require("../AppHeader/V3/AssetChips/AssetChips.scss.js"),require("moment"),require("../AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../AppDqPopover/DqAlert/DqAlert.scss.js"),require("../AppDqPopover/DqAsset/DqAsset.scss.js"),require("../AppDqPopover/AppDqPopover.scss.js"),require("../../components/AppIcon/AppIcon.js"),require("../../utils/getSingleAsset.js"),require("../AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../AppHeader/V3/AssetSelector/constants.js"),require("../AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("../../clients/subscriptions/constants.js"),require("querystring"),require("uuid/v1"),require("../../clients/subscriptions.v1.js"),require("../../clients/subscriptions/subscriptions-client.factory.js");var c=require("../../utils/resolveWellHubSlug.js");require("../../utils/env.js"),require("../../components/StatusBadge/constants.js"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("../../clients/api/apiCore.js"),require("../../clients/constants.js"),require("../../clients/sso/auth0.js"),require("../../clients/sso/oauth2.js"),require("../../clients/api/rateLimiter.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../AppSettings/AppSettingsPinningContext.js"),require("../AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../AppHeader/V3/constants.scss.js"),require("@babel/runtime/helpers/typeof"),require("../AppHeader/V3/SettingsButton/SettingsButton.js"),require("../AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../AppSettings/AppSettings.js"),require("../AppSettings/AppSettings.constants.js"),require("../AppSizeProvider/AppSizeProvider.js"),require("../AppHeader/V3/Actions/Actions.constants.js"),require("../AppHeader/V3/Actions/Actions.scss.js"),require("../AppHeader/V3/AppHeaderV3.scss.js"),require("../AppHeader/AppHeader.scss.js"),require("../OffsetWellsButton/OffsetWellsButton.js"),require("../ChartAxisExtreme/ChartAxisExtreme.scss.js"),require("highcharts"),require("../ChartAxisExtreme/ChartAxisExtremeDragTracker.js"),require("../Autocomplete/Autocomplete.js"),require("../Select/Select.js"),require("../AppSettingsDivider/AppSettingsDivider.scss.js"),require("../DatePicker/DatePicker.js"),require("../DragHandle/DragHandle.js"),require("../CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js"),require("../Slider/constants.js"),require("../Slider/components/SliderThumb.js"),require("../Slider/Slider.scss.js"),require("../SliderAdvanced/SliderAdvanced.js"),require("react-color"),require("../ColorPicker/Swatches/Swatches.scss.js"),require("../ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js"),require("../ColorPicker/ColorPicker.scss.js"),require("../ChartHelper/ChartHelper.scss.js"),require("../Hotkey/Hotkey.js"),require("@tanstack/react-query"),require("../InterventionEventSelector/useInterventionUnitEvents.js"),require("../InterventionEventSelector/InterventionEventSelector.scss.js"),require("../../components/DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js"),require("../../components/DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js"),require("../../components/DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton.js"),require("../../components/DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.scss.js"),require("../../components/ErrorBoundary/ErrorBoundary.js"),require("../../components/ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js"),require("../../components/DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js"),require("../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js"),require("../../components/DevCenter/DevCenterAppContainer/DevCenterAppContainer.scss.js"),require("../../components/Icons/AnnotationIcon.js"),require("../../components/Annotations/components/AnnotationsList/index.js"),require("../../components/Annotations/components/LastAnnotation/index.js"),require("../../components/Annotations/AnnotationsContext.js"),require("../../components/Toaster/Toaster.js"),require("../../components/HelpCenter/HelpCenterIcon.js"),require("../../components/DevCenter/NavigationBar/NavigationBar.js"),require("../../components/DevCenter/SideBar/SideBar.js"),require("../../components/DevCenter/AppSettingsPopover/AppSettingsPopover.js"),require("../../components/DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js"),require("../../components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js"),require("../../components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js");var u=require("./ModalDisplayComponent/ModalDisplayComponent.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=p(e),q=p(s),l=p(r),j=function(e){return"archived"===(null==e?void 0:e.status)},d=function(e){var s=e.displayComponent,r=void 0===s?u.ModalDisplayComponent:s,p=e.onClose,d=n.useAppCommons().well,m=i.useDevCenterRouter(),A=o.useState(j(d)),C=q.default(A,2),v=C[0],D=C[1],I=o.useCallback((function(){null==p||p(),D(!1)}),[p]),S=o.useCallback(a.default(l.default.mark((function e(){var s;return l.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return I(),e.next=3,c();case 3:(s=e.sent)&&m.push("/assets/".concat(null==d?void 0:d.asset_id,"/").concat(s));case 5:case"end":return e.stop()}}),e)}))),[m,null==d?void 0:d.asset_id,I]);return o.useEffect((function(){D(j({status:null==d?void 0:d.status}))}),[null==d?void 0:d.id,null==d?void 0:d.status]),v?t.jsx(r,{onClose:I,onUnarchive:S}):null};d.DisplayComponents={Modal:u.ModalDisplayComponent};var m=d;exports.WellArchivedMessage=m,exports.WellArchivedMessageBase=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/asyncToGenerator"),r=require("@babel/runtime/helpers/slicedToArray"),t=require("@babel/runtime/regenerator"),n=require("react");require("../AppCommonsProvider/AppCommonsProvider.js");var o=require("../AppCommonsProvider/AppCommonsContext.js");require("../../utils/index.js");var s=require("../../components/DevCenter/DevCenterRouterContext/effects/useDevCenterRouter.js"),u=require("./ModalDisplayComponent/ModalDisplayComponent.js"),a=require("react/jsx-runtime"),l=require("../../utils/resolveWellHubSlug.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=i(e),d=i(r),c=i(t),v=function(e){return"archived"===(null==e?void 0:e.status)},m=function(e){var r=e.displayComponent,t=void 0===r?u.ModalDisplayComponent:r,i=e.onClose,m=o.useAppCommons().well,C=s.useDevCenterRouter(),f=n.useState(v(m)),b=d.default(f,2),q=b[0],j=b[1],x=n.useCallback((function(){null==i||i(),j(!1)}),[i]),y=n.useCallback(p.default(c.default.mark((function e(){var r;return c.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return x(),e.next=3,l();case 3:(r=e.sent)&&C.push("/assets/".concat(null==m?void 0:m.asset_id,"/").concat(r));case 5:case"end":return e.stop()}}),e)}))),[C,null==m?void 0:m.asset_id,x]);return n.useEffect((function(){j(v({status:null==m?void 0:m.status}))}),[null==m?void 0:m.id,null==m?void 0:m.status]),q?a.jsx(t,{onClose:x,onUnarchive:y}):null};m.DisplayComponents={Modal:u.ModalDisplayComponent};var C=m;exports.WellArchivedMessage=C,exports.WellArchivedMessageBase=m;
 //# sourceMappingURL=WellArchivedMessage.js.map

package/cjs-bundle/componentsV2/WellArchivedMessage/WellArchivedMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"WellArchivedMessage.js","sources":["../../../../src/componentsV2/WellArchivedMessage/WellArchivedMessage.tsx"],"sourcesContent":["import { ComponentType, useCallback, useEffect, useState } from 'react';\n\nimport { AppCommonsContextType, useAppCommons } from '../AppCommonsProvider';\nimport { resolveWellHubSlug } from '../../utils';\nimport { useDevCenterRouter } from '../../components/DevCenter';\n\nimport { ModalDisplayComponent } from './ModalDisplayComponent';\nimport { WellArchivedMessageDisplayComponentProps } from './types';\n\nexport type WellArchivedMessageProps = {\n  /**\n   * Display component to use\n   */\n  displayComponent?: ComponentType<WellArchivedMessageDisplayComponentProps>;\n  /**\n   * Will be called when message is closed\n   */\n  onClose?: () => void;\n};\n\nconst shouldShowMessage = (well?: { status?: Required<AppCommonsContextType>['well']['status'] }) =>\n  well?.status === 'archived';\n\nexport const WellArchivedMessageBase = ({\n  displayComponent: DisplayComponent = ModalDisplayComponent,\n  onClose,\n}: WellArchivedMessageProps) => {\n  const { well } = useAppCommons();\n  const router = useDevCenterRouter();\n\n  const [isArchivedMessageOpen, setIsArchivedMessageOpen] = useState(shouldShowMessage(well));\n\n  const onCloseMessage = useCallback(() => {\n    onClose?.();\n    setIsArchivedMessageOpen(false);\n  }, [onClose]);\n\n  const onUnarchive = useCallback(async () => {\n    onCloseMessage();\n\n    const wellHubSlug = await resolveWellHubSlug();\n\n    if (wellHubSlug) {\n      router.push(`/assets/${well?.asset_id}/${wellHubSlug}`);\n    }\n  }, [router, well?.asset_id, onCloseMessage]);\n\n  useEffect(\n    () => {\n      setIsArchivedMessageOpen(shouldShowMessage({ status: well?.status }));\n    },\n    // Well is not always referentially stable, so we have to explicitly state which properties we take into account.\n    // We must also depend on well.id here to show the message again if user closes it and then selects another archived well.\n    [well?.id, well?.status]\n  );\n\n  if (!isArchivedMessageOpen) {\n    return null;\n  }\n\n  return <DisplayComponent onClose={onCloseMessage} onUnarchive={onUnarchive} />;\n};\n\ntype WellArchivedMessageType = typeof WellArchivedMessageBase & {\n  DisplayComponents: {\n    Modal: typeof ModalDisplayComponent;\n  };\n};\n\n(WellArchivedMessageBase as WellArchivedMessageType).DisplayComponents = {\n  Modal: ModalDisplayComponent,\n};\n\nexport const WellArchivedMessage = WellArchivedMessageBase as WellArchivedMessageType;\n"],"names":["shouldShowMessage","well","status","WellArchivedMessageBase","_ref","_ref$displayComponent","displayComponent","DisplayComponent","ModalDisplayComponent","onClose","useAppCommons","router","useDevCenterRouter","_useState","useState","_useState2","_slicedToArray","isArchivedMessageOpen","setIsArchivedMessageOpen","onCloseMessage","useCallback","onUnarchive","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wellHubSlug","wrap","_context","prev","next","resolveWellHubSlug","sent","push","asset_id","stop","useEffect","id","_jsx","DisplayComponents","Modal","WellArchivedMessage"],"mappings":"s3eAoBMA,EAAoB,SAACC,GAAqE,MAC7E,cAAjBA,eAAAA,EAAMC,OAAqB,EAEhBC,EAA0B,SAGPC,GAAA,IAAAC,EAAAD,EAF9BE,iBAAkBC,aAAmBC,EAAqBA,sBAAAH,EAC1DI,IAAAA,QAEQR,EAASS,EAAAA,gBAATT,KACFU,EAASC,EAAAA,qBAEfC,EAA0DC,EAAAA,SAASd,EAAkBC,IAAMc,EAAAC,EAAAA,QAAAH,EAAA,GAApFI,EAAqBF,EAAA,GAAEG,EAAwBH,EAAA,GAEhDI,EAAiBC,EAAAA,aAAY,WACjCX,SAAAA,IACAS,GAAyB,EAC3B,GAAG,CAACT,IAEEY,EAAcD,EAAAA,YAAYE,EAAAA,QAAAC,EAAAA,QAAAC,MAAA,SAAAC,IAAA,IAAAC,EAAA,OAAAH,UAAAI,MAAA,SAAAC,GAAA,OAAA,OAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EACb,OAAjBX,IAAiBS,EAAAE,KAAA,EAESC,IAAoB,KAAA,GAAxCL,EAAWE,EAAAI,OAGfrB,EAAOsB,KAAgBhC,WAAAA,OAAAA,aAAAA,EAAAA,EAAMiC,SAAYR,KAAAA,OAAAA,IAC1C,KAAA,EAAA,IAAA,MAAA,OAAAE,EAAAO,OAAA,GAAAV,EACF,KAAE,CAACd,EAAQV,aAAAA,EAAAA,EAAMiC,SAAUf,IAW5B,OATAiB,EAAAA,WACE,WACElB,EAAyBlB,EAAkB,CAAEE,OAAQD,aAAI,EAAJA,EAAMC,SAC5D,GAGD,CAACD,aAAAA,EAAAA,EAAMoC,GAAIpC,aAAAA,EAAAA,EAAMC,SAGde,EAIEqB,EAAAA,IAAC/B,EAAgB,CAACE,QAASU,EAAgBE,YAAaA,IAHtD,IAIX,EAQClB,EAAoDoC,kBAAoB,CACvEC,MAAOhC,EAAAA,uBAGF,IAAMiC,EAAsBtC"}
+{"version":3,"file":"WellArchivedMessage.js","sources":["../../../../src/componentsV2/WellArchivedMessage/WellArchivedMessage.tsx"],"sourcesContent":["import { ComponentType, useCallback, useEffect, useState } from 'react';\n\nimport { AppCommonsContextType, useAppCommons } from '../AppCommonsProvider';\nimport { resolveWellHubSlug } from '../../utils';\nimport { useDevCenterRouter } from '../../components/DevCenter/DevCenterRouterContext/effects/useDevCenterRouter';\n\nimport { ModalDisplayComponent } from './ModalDisplayComponent';\nimport { WellArchivedMessageDisplayComponentProps } from './types';\n\nexport type WellArchivedMessageProps = {\n  /**\n   * Display component to use\n   */\n  displayComponent?: ComponentType<WellArchivedMessageDisplayComponentProps>;\n  /**\n   * Will be called when message is closed\n   */\n  onClose?: () => void;\n};\n\nconst shouldShowMessage = (well?: { status?: Required<AppCommonsContextType>['well']['status'] }) =>\n  well?.status === 'archived';\n\nexport const WellArchivedMessageBase = ({\n  displayComponent: DisplayComponent = ModalDisplayComponent,\n  onClose,\n}: WellArchivedMessageProps) => {\n  const { well } = useAppCommons();\n  const router = useDevCenterRouter();\n\n  const [isArchivedMessageOpen, setIsArchivedMessageOpen] = useState(shouldShowMessage(well));\n\n  const onCloseMessage = useCallback(() => {\n    onClose?.();\n    setIsArchivedMessageOpen(false);\n  }, [onClose]);\n\n  const onUnarchive = useCallback(async () => {\n    onCloseMessage();\n\n    const wellHubSlug = await resolveWellHubSlug();\n\n    if (wellHubSlug) {\n      router.push(`/assets/${well?.asset_id}/${wellHubSlug}`);\n    }\n  }, [router, well?.asset_id, onCloseMessage]);\n\n  useEffect(\n    () => {\n      setIsArchivedMessageOpen(shouldShowMessage({ status: well?.status }));\n    },\n    // Well is not always referentially stable, so we have to explicitly state which properties we take into account.\n    // We must also depend on well.id here to show the message again if user closes it and then selects another archived well.\n    [well?.id, well?.status]\n  );\n\n  if (!isArchivedMessageOpen) {\n    return null;\n  }\n\n  return <DisplayComponent onClose={onCloseMessage} onUnarchive={onUnarchive} />;\n};\n\ntype WellArchivedMessageType = typeof WellArchivedMessageBase & {\n  DisplayComponents: {\n    Modal: typeof ModalDisplayComponent;\n  };\n};\n\n(WellArchivedMessageBase as WellArchivedMessageType).DisplayComponents = {\n  Modal: ModalDisplayComponent,\n};\n\nexport const WellArchivedMessage = WellArchivedMessageBase as WellArchivedMessageType;\n"],"names":["shouldShowMessage","well","status","WellArchivedMessageBase","_ref","_ref$displayComponent","displayComponent","DisplayComponent","ModalDisplayComponent","onClose","useAppCommons","router","useDevCenterRouter","_useState","useState","_useState2","_slicedToArray","isArchivedMessageOpen","setIsArchivedMessageOpen","onCloseMessage","useCallback","onUnarchive","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wellHubSlug","wrap","_context","prev","next","resolveWellHubSlug","sent","push","asset_id","stop","useEffect","id","_jsx","DisplayComponents","Modal","WellArchivedMessage"],"mappings":"2sBAoBMA,EAAoB,SAACC,GAAqE,MAC7E,cAAjBA,eAAAA,EAAMC,OAAqB,EAEhBC,EAA0B,SAGPC,GAAA,IAAAC,EAAAD,EAF9BE,iBAAkBC,aAAmBC,EAAqBA,sBAAAH,EAC1DI,IAAAA,QAEQR,EAASS,EAAAA,gBAATT,KACFU,EAASC,EAAAA,qBAEfC,EAA0DC,EAAAA,SAASd,EAAkBC,IAAMc,EAAAC,EAAAA,QAAAH,EAAA,GAApFI,EAAqBF,EAAA,GAAEG,EAAwBH,EAAA,GAEhDI,EAAiBC,EAAAA,aAAY,WACjCX,SAAAA,IACAS,GAAyB,EAC3B,GAAG,CAACT,IAEEY,EAAcD,EAAAA,YAAYE,EAAAA,QAAAC,EAAAA,QAAAC,MAAA,SAAAC,IAAA,IAAAC,EAAA,OAAAH,UAAAI,MAAA,SAAAC,GAAA,OAAA,OAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EACb,OAAjBX,IAAiBS,EAAAE,KAAA,EAESC,IAAoB,KAAA,GAAxCL,EAAWE,EAAAI,OAGfrB,EAAOsB,KAAgBhC,WAAAA,OAAAA,aAAAA,EAAAA,EAAMiC,SAAYR,KAAAA,OAAAA,IAC1C,KAAA,EAAA,IAAA,MAAA,OAAAE,EAAAO,OAAA,GAAAV,EACF,KAAE,CAACd,EAAQV,aAAAA,EAAAA,EAAMiC,SAAUf,IAW5B,OATAiB,EAAAA,WACE,WACElB,EAAyBlB,EAAkB,CAAEE,OAAQD,aAAI,EAAJA,EAAMC,SAC5D,GAGD,CAACD,aAAAA,EAAAA,EAAMoC,GAAIpC,aAAAA,EAAAA,EAAMC,SAGde,EAIEqB,EAAAA,IAAC/B,EAAgB,CAACE,QAASU,EAAgBE,YAAaA,IAHtD,IAIX,EAQClB,EAAoDoC,kBAAoB,CACvEC,MAAOhC,EAAAA,uBAGF,IAAMiC,EAAsBtC"}

package/cjs-bundle/componentsV2/utils.js

@@ -1,2 +1,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("@babel/runtime/helpers/defineProperty")),r=t.default({},"data-corvaui-app-container-root","true"),n=t.default({},"data-corvaui-app-container-header","true"),a=function(){for(var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1?arguments[1]:void 0,r=e;r;){if("getAttribute"in r&&r.getAttribute(t))return r;r=r.parentNode}};exports.AppContainerFinderProps=r,exports.AppHeaderFinderProps=n,exports.findAppContainerElement=function(e){return a(e,"data-corvaui-app-container-root")},exports.findAppHeaderElement=function(e){return a(e,"data-corvaui-app-container-header")};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),t=require("./Modal/constants.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(e),n=o.default({},"data-corvaui-app-container-root","true"),a=o.default({},"data-corvaui-app-container-header","true");exports.AppContainerFinderProps=n,exports.AppHeaderFinderProps=a,exports.findAppContainerElement=function(e){var t;return null!==(t=null==e?void 0:e.closest("[".concat("data-corvaui-app-container-root","]")))&&void 0!==t?t:void 0},exports.findAppHeaderElement=function(e){var t;return null!==(t=null==e?void 0:e.closest("[".concat("data-corvaui-app-container-header","]")))&&void 0!==t?t:void 0},exports.getDefaultPopperContainer=function(e){var r,o="function"==typeof e?e():e;return o instanceof HTMLElement&&null!==(r=o.closest(".".concat(t.MODAL_ROOT_CLASS)))&&void 0!==r?r:void 0};
 //# sourceMappingURL=utils.js.map

package/cjs-bundle/componentsV2/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/componentsV2/utils.ts"],"sourcesContent":["const AppContainerTargetAttribute = 'data-corvaui-app-container-root';\nconst AppHeaderTargetAttribute = 'data-corvaui-app-container-header';\n\nexport const AppContainerFinderProps = {\n  [AppContainerTargetAttribute]: 'true',\n};\n\nexport const AppHeaderFinderProps = {\n  [AppHeaderTargetAttribute]: 'true',\n};\n\ntype MaybeNode = HTMLElement | null | undefined;\n\nconst findParentElementWithProp = (target: MaybeNode = null, prop: string) => {\n  let current: HTMLElement | ParentNode | null = target;\n  while (current) {\n    if ('getAttribute' in current && !!current.getAttribute(prop)) {\n      return current;\n    }\n\n    current = current.parentNode;\n  }\n  return undefined;\n};\n\nexport const findAppContainerElement = (target?: MaybeNode) =>\n  findParentElementWithProp(target, AppContainerTargetAttribute);\n\nexport const findAppHeaderElement = (target?: MaybeNode) =>\n  findParentElementWithProp(target, AppHeaderTargetAttribute);\n"],"names":["AppContainerFinderProps","_defineProperty","AppHeaderFinderProps","findParentElementWithProp","target","prop","arguments","length","undefined","current","getAttribute","parentNode"],"mappings":"sMAGaA,EAAuBC,EAAA,QAAA,GAHA,kCAIH,QAGpBC,EAAoBD,EAAA,QAAA,GANA,oCAOH,QAKxBE,EAA4B,WAEhC,IAF4E,IAA3CC,yDAAoB,KAAMC,EAAYC,UAAAC,OAAA,EAAAD,UAAA,QAAAE,EACnEC,EAA2CL,EACxCK,GAAS,CACd,GAAI,iBAAkBA,GAAaA,EAAQC,aAAaL,GACtD,OAAOI,EAGTA,EAAUA,EAAQE,UACpB,CAEF,mGAEuC,SAACP,GAAkB,OACxDD,EAA0BC,EA1BQ,kCA0B4B,+BAE5B,SAACA,GAAkB,OACrDD,EAA0BC,EA5BK,oCA4B4B"}
+{"version":3,"file":"utils.js","sources":["../../../src/componentsV2/utils.ts"],"sourcesContent":["import { MODAL_ROOT_CLASS } from './Modal/constants';\n\nconst AppContainerTargetAttribute = 'data-corvaui-app-container-root';\nconst AppHeaderTargetAttribute = 'data-corvaui-app-container-header';\n\nexport const AppContainerFinderProps = {\n  [AppContainerTargetAttribute]: 'true',\n};\n\nexport const AppHeaderFinderProps = {\n  [AppHeaderTargetAttribute]: 'true',\n};\n\ntype MaybeNode = HTMLElement | null | undefined;\n\nexport const findAppContainerElement = (target?: MaybeNode) =>\n  target?.closest<HTMLElement>(`[${AppContainerTargetAttribute}]`) ?? undefined;\n\nexport const findAppHeaderElement = (target?: MaybeNode) =>\n  target?.closest<HTMLElement>(`[${AppHeaderTargetAttribute}]`) ?? undefined;\n\ntype AnchorElLike = HTMLElement | { getBoundingClientRect: HTMLElement['getBoundingClientRect'] };\n\n/**\n * Popper/Popover default their mount container to the closest ancestor Modal root reachable from\n * `anchorEl` (resolving it first if it's a function). An outer Modal keeps a focus trap active on\n * its own DOM subtree; if the popper mounts at the usual `document.body` default, it ends up\n * outside that subtree and the trap keeps yanking focus back out, so inputs inside the popper\n * never receive it. Deliberately targets the Modal itself (not e.g. the closest app container) —\n * Modal's root spans the full viewport with `overflow: auto`, so mounting there behaves like\n * `document.body` for clipping purposes, unlike an app's own (often small, `overflow: hidden`)\n * container. Returns `undefined` (letting the caller fall back to `document.body`) when `anchorEl`\n * isn't a real HTMLElement or isn't inside a Modal.\n */\nexport const getDefaultPopperContainer = (\n  anchorEl?: AnchorElLike | (() => AnchorElLike) | null\n) => {\n  const resolvedAnchorEl = typeof anchorEl === 'function' ? anchorEl() : anchorEl;\n  return resolvedAnchorEl instanceof HTMLElement\n    ? resolvedAnchorEl.closest<HTMLElement>(`.${MODAL_ROOT_CLASS}`) ?? undefined\n    : undefined;\n};\n"],"names":["AppContainerFinderProps","_defineProperty","AppHeaderFinderProps","target","_target$closest","closest","AppContainerTargetAttribute","undefined","_target$closest2","AppHeaderTargetAttribute","anchorEl","_resolvedAnchorEl$clo","resolvedAnchorEl","HTMLElement","concat","MODAL_ROOT_CLASS"],"mappings":"gPAKaA,EAAuBC,EAAA,QAAA,GAHA,kCAIH,QAGpBC,EAAoBD,EAAA,QAAA,GANA,oCAOH,yGAKS,SAACE,GAAkB,IAAAC,EAAA,OACQ,QAAhED,EAAAA,aAAAA,EAAAA,EAAQE,QAAyBC,IAAAA,OAdC,kCAc8B,aAAA,IAAAF,EAAAA,OAAIG,CAAS,+BAE3C,SAACJ,GAAkB,IAAAK,EAAA,OACQ,QAA7DL,EAAAA,aAAAA,EAAAA,EAAQE,QAAyBI,IAAAA,OAhBF,oCAgB8B,aAAA,IAAAD,EAAAA,OAAID,CAAS,oCAenC,SACvCG,GACG,IAAAC,EACGC,EAAuC,mBAAbF,EAA0BA,IAAaA,EACvE,OAAOE,aAA4BC,aACkCN,QADvBI,EAC1CC,EAAiBP,QAAO,IAAAS,OAAkBC,EAAgBA,0BAAOR,IAAAA,EAAAA,OACjEA,CACN"}

package/cjs-bundle/permissions/useProvidePermissions.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/slicedToArray"),t=require("@babel/runtime/helpers/asyncToGenerator"),n=require("@babel/runtime/regenerator"),u=require("react"),i=require("./utils.js"),c=require("../clients/jsonApi/index.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=a(e),s=a(r),f=a(t),p=a(n);function l(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function b(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?l(Object(t),!0).forEach((function(r){o.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):l(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function d(e){return h.apply(this,arguments)}function h(){return(h=f.default(p.default.mark((function e(r){return p.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,c.getPermissionCheck(r);case 3:return e.abrupt("return",e.sent);case 6:return e.prev=6,e.t0=e.catch(0),console.error(e.t0),e.abrupt("return",{active:!1});case 10:case"end":return e.stop()}}),e,null,[[0,6]])})))).apply(this,arguments)}module.exports=function(){var e=u.useState({}),r=s.default(e,2),t=r[0],n=r[1],c=u.useRef(new Set);function a(){return(a=f.default(p.default.mark((function e(r){var u,a;return p.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if((u=r.filter((function(e){return!(e in t)&&!c.current.has(e)}))).length){e.next=3;break}return e.abrupt("return");case 3:return e.next=5,Promise.all(u.map((function(e){return c.current.add(e),d(i.parsePermission(e))})));case 5:a=e.sent,n((function(e){var r=b({},e);return u.forEach((function(e,t){c.current.delete(e),r[e]=b({loading:!1},a[t])})),r}));case 7:case"end":return e.stop()}}),e)})))).apply(this,arguments)}return window[Symbol.for("resetPermissionsCache")]=function(){return n({})},{permissions:t,fetchPermissions:function(e){return a.apply(this,arguments)}}};
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/slicedToArray"),t=require("@babel/runtime/helpers/asyncToGenerator"),n=require("@babel/runtime/regenerator"),u=require("react"),i=require("./utils.js"),c=require("../clients/jsonApi/index.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=s(e),o=s(r),f=s(t),p=s(n);function l(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function b(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?l(Object(t),!0).forEach((function(r){a.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):l(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function d(e){return h.apply(this,arguments)}function h(){return(h=f.default(p.default.mark((function e(r){return p.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,c.getPermissionCheck(r);case 3:return e.abrupt("return",e.sent);case 6:return e.prev=6,e.t0=e.catch(0),console.error(e.t0),e.abrupt("return",{active:!1});case 10:case"end":return e.stop()}}),e,null,[[0,6]])})))).apply(this,arguments)}module.exports=function(){var e=u.useState({}),r=o.default(e,2),t=r[0],n=r[1],c=u.useRef({}),s=u.useRef(new Set);function a(){return(a=f.default(p.default.mark((function e(r){var t,u,a;return p.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if((t=r.filter((function(e){return!(e in c.current)&&!s.current.has(e)}))).length){e.next=3;break}return e.abrupt("return");case 3:return e.next=5,Promise.all(t.map((function(e){return s.current.add(e),d(i.parsePermission(e))})));case 5:u=e.sent,a=b({},c.current),t.forEach((function(e,r){s.current.delete(e),a[e]=b({loading:!1},u[r])})),c.current=a,n(a);case 10:case"end":return e.stop()}}),e)})))).apply(this,arguments)}return window[Symbol.for("resetPermissionsCache")]=function(){c.current={},n({})},{permissions:t,fetchPermissions:function(e){return a.apply(this,arguments)}}};
 //# sourceMappingURL=useProvidePermissions.js.map

package/cjs-bundle/permissions/useProvidePermissions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useProvidePermissions.js","sources":["../../../src/permissions/useProvidePermissions.js"],"sourcesContent":["import { useRef, useState } from 'react';\n\nimport { parsePermission } from './utils';\n\nimport { getPermissionCheck } from '~/clients/jsonApi';\n\nasync function fetchPermissionCheck(requestOptions) {\n  try {\n    return await getPermissionCheck(requestOptions);\n  } catch (e) {\n    console.error(e);\n    // NOTE: Return false by default\n    return { active: false };\n  }\n}\n\nfunction useProvidePermissions() {\n  const [permissions, setPermissions] = useState({});\n  // NOTE: Store pending requests to prevent duplicate requests\n  const pendingRequests = useRef(new Set());\n\n  // NOTE: Called in finishLogIn redux action\n  window[Symbol.for('resetPermissionsCache')] = () => setPermissions({});\n\n  async function fetchPermissions(permissionKeys) {\n    const permissionsToFetch = permissionKeys.filter(\n      // NOTE: Send check request ONLY for new permission\n      pKey => !(pKey in permissions) && !pendingRequests.current.has(pKey)\n    );\n    if (!permissionsToFetch.length) return;\n\n    const response = await Promise.all(\n      permissionsToFetch.map(pKey => {\n        // NOTE: Add permission to pending requests and send check request\n        pendingRequests.current.add(pKey);\n\n        return fetchPermissionCheck(parsePermission(pKey));\n      })\n    );\n\n    setPermissions(prevPermissions => {\n      const nextPermissions = { ...prevPermissions };\n\n      permissionsToFetch.forEach((pKey, pIndex) => {\n        // NOTE: Delete permission from pending request\n        pendingRequests.current.delete(pKey);\n        nextPermissions[pKey] = { loading: false, ...response[pIndex] };\n      });\n      return nextPermissions;\n    });\n  }\n\n  return { permissions, fetchPermissions };\n}\n\nexport default useProvidePermissions;\n"],"names":["fetchPermissionCheck","_x","_fetchPermissionCheck","apply","this","arguments","_asyncToGenerator","_regeneratorRuntime","mark","requestOptions","wrap","_context2","prev","next","getPermissionCheck","abrupt","sent","t0","console","error","active","stop","_callee2","_useState","useState","_useState2","_slicedToArray","permissions","setPermissions","pendingRequests","useRef","Set","_fetchPermissions","permissionKeys","permissionsToFetch","response","_context","filter","pKey","current","has","length","Promise","all","map","add","parsePermission","prevPermissions","nextPermissions","forEach","pIndex","delete","_objectSpread","loading","_callee","window","Symbol","for","fetchPermissions","_x2"],"mappings":"s9BAIuD,SAExCA,EAAoBC,GAAA,OAAAC,EAAAC,MAAAC,KAAAC,UAAA,CAAA,SAAAH,IAQlC,OARkCA,EAAAI,EAAA,QAAAC,EAAA,QAAAC,MAAnC,WAAoCC,GAAc,OAAAF,UAAAG,MAAA,SAAAC,GAAA,OAAA,OAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAAA,OAAAF,EAAAC,KAAA,EAAAD,EAAAE,KAAA,EAEjCC,EAAAA,mBAAmBL,GAAe,KAAA,EAAA,OAAAE,EAAAI,OAAA,SAAAJ,EAAAK,MAAA,KAAA,EAG/C,OAH+CL,EAAAC,KAAA,EAAAD,EAAAM,GAAAN,EAAA,MAAA,GAE/CO,QAAQC,MAAQR,EAAAM,IAETN,EAAAI,OAAA,SAAA,CAAEK,QAAQ,IAAO,KAAA,GAAA,IAAA,MAAA,OAAAT,EAAAU,OAAA,GAAAC,EAAA,KAAA,CAAA,CAAA,EAAA,IAE3B,MAAAnB,MAAAC,KAAAC,UAAA,gBAED,WACE,IAAAkB,EAAsCC,EAAQA,SAAC,IAAGC,EAAAC,EAAAA,QAAAH,EAAA,GAA3CI,EAAWF,EAAA,GAAEG,EAAcH,EAAA,GAE5BI,EAAkBC,EAAAA,OAAO,IAAIC,KAKJ,SAAAC,IA0B9B,OA1B8BA,EAAA1B,EAAA,QAAAC,EAAA,QAAAC,MAA/B,WAAgCyB,GAAc,IAAAC,EAAAC,EAAA,OAAA5B,UAAAG,MAAA,SAAA0B,GAAA,OAAA,OAAAA,EAAAxB,KAAAwB,EAAAvB,MAAA,KAAA,EAI3C,IAHKqB,EAAqBD,EAAeI,QAExC,SAAAC,GAAI,QAAMA,KAAQX,KAAiBE,EAAgBU,QAAQC,IAAIF,OAEzCG,OAAM,CAAAL,EAAAvB,KAAA,EAAA,KAAA,CAAA,OAAAuB,EAAArB,OAAA,UAAA,KAAA,EAAA,OAAAqB,EAAAvB,KAAA,EAEP6B,QAAQC,IAC7BT,EAAmBU,KAAI,SAAAN,GAIrB,OAFAT,EAAgBU,QAAQM,IAAIP,GAErBtC,EAAqB8C,EAAAA,gBAAgBR,GAC7C,KACF,KAAA,EAPKH,EAAQC,EAAApB,KASdY,GAAe,SAAAmB,GACb,IAAMC,EAAuBD,EAAAA,CAAAA,EAAAA,GAO7B,OALAb,EAAmBe,SAAQ,SAACX,EAAMY,GAEhCrB,EAAgBU,QAAQY,OAAOb,GAC/BU,EAAgBV,GAAKc,EAAA,CAAKC,SAAS,GAAUlB,EAASe,GACxD,IACOF,CACT,IAAG,KAAA,EAAA,IAAA,MAAA,OAAAZ,EAAAf,OAAA,GAAAiC,EACJ,MAAAnD,MAAAC,KAAAC,UAAA,CAED,OA9BAkD,OAAOC,OAAOC,IAAI,0BAA4B,WAAA,OAAM7B,EAAe,CAAA,EAAG,EA8B/D,CAAED,YAAAA,EAAa+B,iBA9BiD,SAExCC,GAAA,OAAA3B,EAAA7B,MAAAC,KAAAC,UAAA,EA6BjC"}
+{"version":3,"file":"useProvidePermissions.js","sources":["../../../src/permissions/useProvidePermissions.js"],"sourcesContent":["import { useRef, useState } from 'react';\n\nimport { parsePermission } from './utils';\n\nimport { getPermissionCheck } from '~/clients/jsonApi';\n\nasync function fetchPermissionCheck(requestOptions) {\n  try {\n    return await getPermissionCheck(requestOptions);\n  } catch (e) {\n    console.error(e);\n    // NOTE: Return false by default\n    return { active: false };\n  }\n}\n\nfunction useProvidePermissions() {\n  const [permissions, setPermissions] = useState({});\n  // NOTE: Latest permissions. fetchPermissions reads from this ref instead of the `permissions`\n  // state, because a consumer may call a fetchPermissions closure created by an earlier render.\n  const permissionsRef = useRef({});\n  // NOTE: Store pending requests to prevent duplicate requests\n  const pendingRequests = useRef(new Set());\n\n  // NOTE: Called in finishLogIn redux action\n  window[Symbol.for('resetPermissionsCache')] = () => {\n    permissionsRef.current = {};\n    setPermissions({});\n  };\n\n  async function fetchPermissions(permissionKeys) {\n    const permissionsToFetch = permissionKeys.filter(\n      // NOTE: Send check request ONLY for new permission\n      pKey => !(pKey in permissionsRef.current) && !pendingRequests.current.has(pKey)\n    );\n    if (!permissionsToFetch.length) return;\n\n    const response = await Promise.all(\n      permissionsToFetch.map(pKey => {\n        // NOTE: Add permission to pending requests and send check request\n        pendingRequests.current.add(pKey);\n\n        return fetchPermissionCheck(parsePermission(pKey));\n      })\n    );\n\n    // NOTE: Update the cache and the pending set together, so a permission is never\n    // \"not cached and not pending\" in between (that gap caused duplicate requests)\n    const nextPermissions = { ...permissionsRef.current };\n    permissionsToFetch.forEach((pKey, pIndex) => {\n      pendingRequests.current.delete(pKey);\n      nextPermissions[pKey] = { loading: false, ...response[pIndex] };\n    });\n    permissionsRef.current = nextPermissions;\n    setPermissions(nextPermissions);\n  }\n\n  return { permissions, fetchPermissions };\n}\n\nexport default useProvidePermissions;\n"],"names":["fetchPermissionCheck","_x","_fetchPermissionCheck","apply","this","arguments","_asyncToGenerator","_regeneratorRuntime","mark","requestOptions","wrap","_context2","prev","next","getPermissionCheck","abrupt","sent","t0","console","error","active","stop","_callee2","_useState","useState","_useState2","_slicedToArray","permissions","setPermissions","permissionsRef","useRef","pendingRequests","Set","_fetchPermissions","permissionKeys","permissionsToFetch","response","nextPermissions","_context","filter","pKey","current","has","length","Promise","all","map","add","parsePermission","_objectSpread","forEach","pIndex","delete","loading","_callee","window","Symbol","for","fetchPermissions","_x2"],"mappings":"s9BAIuD,SAExCA,EAAoBC,GAAA,OAAAC,EAAAC,MAAAC,KAAAC,UAAA,CAAA,SAAAH,IAQlC,OARkCA,EAAAI,EAAA,QAAAC,EAAA,QAAAC,MAAnC,WAAoCC,GAAc,OAAAF,UAAAG,MAAA,SAAAC,GAAA,OAAA,OAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAAA,OAAAF,EAAAC,KAAA,EAAAD,EAAAE,KAAA,EAEjCC,EAAAA,mBAAmBL,GAAe,KAAA,EAAA,OAAAE,EAAAI,OAAA,SAAAJ,EAAAK,MAAA,KAAA,EAG/C,OAH+CL,EAAAC,KAAA,EAAAD,EAAAM,GAAAN,EAAA,MAAA,GAE/CO,QAAQC,MAAQR,EAAAM,IAETN,EAAAI,OAAA,SAAA,CAAEK,QAAQ,IAAO,KAAA,GAAA,IAAA,MAAA,OAAAT,EAAAU,OAAA,GAAAC,EAAA,KAAA,CAAA,CAAA,EAAA,IAE3B,MAAAnB,MAAAC,KAAAC,UAAA,gBAED,WACE,IAAAkB,EAAsCC,EAAQA,SAAC,IAAGC,EAAAC,EAAAA,QAAAH,EAAA,GAA3CI,EAAWF,EAAA,GAAEG,EAAcH,EAAA,GAG5BI,EAAiBC,SAAO,CAAA,GAExBC,EAAkBD,EAAAA,OAAO,IAAIE,KAQJ,SAAAC,IAyB9B,OAzB8BA,EAAA3B,EAAA,QAAAC,EAAA,QAAAC,MAA/B,WAAgC0B,GAAc,IAAAC,EAAAC,EAAAC,EAAA,OAAA9B,UAAAG,MAAA,SAAA4B,GAAA,OAAA,OAAAA,EAAA1B,KAAA0B,EAAAzB,MAAA,KAAA,EAI3C,IAHKsB,EAAqBD,EAAeK,QAExC,SAAAC,GAAI,QAAMA,KAAQX,EAAeY,WAAaV,EAAgBU,QAAQC,IAAIF,OAEpDG,OAAM,CAAAL,EAAAzB,KAAA,EAAA,KAAA,CAAA,OAAAyB,EAAAvB,OAAA,UAAA,KAAA,EAAA,OAAAuB,EAAAzB,KAAA,EAEP+B,QAAQC,IAC7BV,EAAmBW,KAAI,SAAAN,GAIrB,OAFAT,EAAgBU,QAAQM,IAAIP,GAErBxC,EAAqBgD,EAAAA,gBAAgBR,GAC7C,KACF,KAAA,EAPKJ,EAAQE,EAAAtB,KAWRqB,EAAeY,EAAA,CAAA,EAAQpB,EAAeY,SAC5CN,EAAmBe,SAAQ,SAACV,EAAMW,GAChCpB,EAAgBU,QAAQW,OAAOZ,GAC/BH,EAAgBG,GAAKS,EAAA,CAAKI,SAAS,GAAUjB,EAASe,GACxD,IACAtB,EAAeY,QAAUJ,EACzBT,EAAeS,GAAiB,KAAA,GAAA,IAAA,MAAA,OAAAC,EAAAjB,OAAA,GAAAiC,EACjC,MAAAnD,MAAAC,KAAAC,UAAA,CAED,OAhCAkD,OAAOC,OAAOC,IAAI,0BAA4B,WAC5C5B,EAAeY,QAAU,GACzBb,EAAe,CAAE,IA8BZ,CAAED,YAAAA,EAAa+B,iBA7BpB,SAE6BC,GAAA,OAAA1B,EAAA9B,MAAAC,KAAAC,UAAA,EA4BjC"}