@corva/ui 3.75.0-6 → 3.75.0-8

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"}