@corva/ui 3.75.0-6 → 3.75.0-7

package/componentsV2/ImageViewer/ImageViewer.js.map

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

package/componentsV2/Modal/Modal.js

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

package/componentsV2/Modal/Modal.js.map

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

package/componentsV2/Popper/Popper.js

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

package/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';\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","Popper","_ref2","_restProps$container","popperRef","className","restProps","_excluded2","isInsideDcApp","useIsInsideIsolatedDcApp","isInsideDcFullscreenElem","useIsInsideDcFullscreenElem","container","getDefaultPopperContainer","anchorEl","classNames","POPPER_ROOT_CLASS"],"mappings":"g6CAsFA,SAASA,EAAiEC,GAAA,IAAtDC,IAAAA,SAAgBC,IAANC,KAAiBC,EAAUC,EAAAL,EAAAM,GAC/CC,EAAkBC,EAA+B,CAAEN,OAAAA,IAAnDK,cAEFE,EACgB,mBAAbR,EACL,WAAA,OACES,EAACC,EAAgC,CAAAV,SAAEA,EAAQW,WAAA,EAAAC,cAG7CH,EAACC,EAAgC,CAAAV,SAAEA,IAGvC,OACES,EAACI,EAASC,EAAAA,EAAA,GAAKX,GAAU,GAAA,CAAED,KAAMI,EAAcN,SAC5CQ,IAGP,CAEO,SAASO,EAA4DC,GAAA,IAAAC,EAAnDC,IAAAA,UAAWC,IAAAA,UAAcC,EAAShB,EAAAY,EAAAK,GACnDC,EAAgBC,IAChBC,EAA2BC,IAE3BC,EAAmCC,QAAvBP,EAAAA,EAAUM,iBAAaC,IAAAA,EAAAA,EAAAA,EAA0BP,EAAUQ,UAQ7E,OACEnB,GAHAa,GAAkBE,GAA6BE,EAAuBb,EAAXf,EAG3CgB,EAAAA,EAAA,GACVM,GAAS,GAAA,CACbM,UAAWA,EACXP,UAAWU,EAAWC,EAAmBX,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","Popper","_ref2","_restProps$container","popperRef","className","restProps","_excluded2","isInsideDcApp","useIsInsideIsolatedDcApp","isInsideDcFullscreenElem","useIsInsideDcFullscreenElem","container","getDefaultPopperContainer","anchorEl","classNames","POPPER_ROOT_CLASS"],"mappings":"k4CAsFA,SAASA,EAAiEC,GAAA,IAAtDC,IAAAA,SAAgBC,IAANC,KAAiBC,EAAUC,EAAAL,EAAAM,GAC/CC,EAAkBC,EAA+B,CAAEN,OAAAA,IAAnDK,cAEFE,EACgB,mBAAbR,EACL,WAAA,OACES,EAACC,EAAgC,CAAAV,SAAEA,EAAQW,WAAA,EAAAC,cAG7CH,EAACC,EAAgC,CAAAV,SAAEA,IAGvC,OACES,EAACI,EAASC,EAAAA,EAAA,GAAKX,GAAU,GAAA,CAAED,KAAMI,EAAcN,SAC5CQ,IAGP,CAEO,SAASO,EAA4DC,GAAA,IAAAC,EAAnDC,IAAAA,UAAWC,IAAAA,UAAcC,EAAShB,EAAAY,EAAAK,GACnDC,EAAgBC,IAChBC,EAA2BC,IAE3BC,EAAmCC,QAAvBP,EAAAA,EAAUM,iBAAaC,IAAAA,EAAAA,EAAAA,EAA0BP,EAAUQ,UAQ7E,OACEnB,GAHAa,GAAkBE,GAA6BE,EAAuBb,EAAXf,EAG3CgB,EAAAA,EAAA,GACVM,GAAS,GAAA,CACbM,UAAWA,EACXP,UAAWU,EAAWC,EAAmBX,GACzCD,UAAWA,IAGjB"}

package/componentsV2/Tooltip/Tooltip.js

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

package/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":["Tooltip","_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","styles","content","_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":"87CAsFaA,IAAAA,EAAU,SAcHC,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,EAAApB,EAAAqB,GAEDC,EAAgBC,IAChBC,EAA2BC,IAC3BC,EAAmBJ,IAAkBE,EAA2BG,EAAYC,EAE5EC,EACJ3B,IAAcC,IAAUc,EACtB,GAEAa,EAAA,MAAA,CAAKxB,UAAWyB,EAAOC,QAAQ/B,SAC5BE,CAAAA,GACC8B,EAACC,EAAI,CAACC,KAAM,GAAI7B,UAAWyB,EAAO5B,MAAOiC,QAAQ,MAAKnC,SACnDE,IAGJc,GACCgB,EAACC,EAAI,CAACC,KAAM,GAAIE,MAAM,KAAKD,QAAQ,MAAKnC,SACrCgB,OAMLqB,EAAW,CACfC,qBAAsBrC,EACtBsC,qBAAsBtC,EACtBuC,qBAAsBvC,GAGlBwC,EAAUC,GACd,WAAA,MAAO,CACLC,OAAQC,EAAWd,EAAOe,KAAMxC,GAChCyC,QAASF,EAAWd,EAAOgB,QAAS9B,GAAec,EAAOiB,iBAC3D,GACD,CAAC1C,EAAWW,IAGRgC,EAAcN,GAClB,WAAA,OAAAO,EAAAA,EAAA,CAAA,EACMhC,EAAW,CAAEA,SAAAA,GAAa,CAAA,GAAE,GAAA,CAChCiC,cAAe,CACbC,UAAW,CACTC,gBAAiB,CACfC,SAAS,EACTC,kBAAmB,eAGxB,GAEH,CAACrC,IAGH,OACEe,EAACP,EAAgBwB,EAAAA,EAAAA,EAAA,CACf/C,MAAO0B,EACPxB,YAAaA,EACbqC,QAASA,EACTlC,WAAYA,EACZE,WAAYA,EACZE,gBAAiBA,EACjBE,gBAAiBA,EACjBE,eAAgBA,EAChBwC,YAAaP,GACTX,GACAnB,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":["Tooltip","_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","styles","content","_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":"g6CAsFaA,IAAAA,EAAU,SAcHC,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,EAAApB,EAAAqB,GAEDC,EAAgBC,IAChBC,EAA2BC,IAC3BC,EAAmBJ,IAAkBE,EAA2BG,EAAYC,EAE5EC,EACJ3B,IAAcC,IAAUc,EACtB,GAEAa,EAAA,MAAA,CAAKxB,UAAWyB,EAAOC,QAAQ/B,SAC5BE,CAAAA,GACC8B,EAACC,EAAI,CAACC,KAAM,GAAI7B,UAAWyB,EAAO5B,MAAOiC,QAAQ,MAAKnC,SACnDE,IAGJc,GACCgB,EAACC,EAAI,CAACC,KAAM,GAAIE,MAAM,KAAKD,QAAQ,MAAKnC,SACrCgB,OAMLqB,EAAW,CACfC,qBAAsBrC,EACtBsC,qBAAsBtC,EACtBuC,qBAAsBvC,GAGlBwC,EAAUC,GACd,WAAA,MAAO,CACLC,OAAQC,EAAWd,EAAOe,KAAMxC,GAChCyC,QAASF,EAAWd,EAAOgB,QAAS9B,GAAec,EAAOiB,iBAC3D,GACD,CAAC1C,EAAWW,IAGRgC,EAAcN,GAClB,WAAA,OAAAO,EAAAA,EAAA,CAAA,EACMhC,EAAW,CAAEA,SAAAA,GAAa,CAAA,GAAE,GAAA,CAChCiC,cAAe,CACbC,UAAW,CACTC,gBAAiB,CACfC,SAAS,EACTC,kBAAmB,eAGxB,GAEH,CAACrC,IAGH,OACEe,EAACP,EAAgBwB,EAAAA,EAAAA,EAAA,CACf/C,MAAO0B,EACPxB,YAAaA,EACbqC,QAASA,EACTlC,WAAYA,EACZE,WAAYA,EACZE,gBAAiBA,EACjBE,gBAAiBA,EACjBE,eAAgBA,EAChBwC,YAAaP,GACTX,GACAnB,GAAI,GAAA,CAAAlB,SAEPA,IAGP"}