@elliemae/ds-tooltip 1.61.10 → 1.61.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- {"version":3,"file":"DSTooltip.js","sources":["../../../src/v1/DSTooltip.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport {\n aggregatedClasses,\n convertPropToCssClassName,\n} from '@elliemae/ds-classnames';\nimport { getComponentFromProps } from '@elliemae/ds-utilities';\nimport {\n DEFAULT_DELAY_OPEN,\n DEFAULT_DELAY_CLOSE,\n} from '@elliemae/ds-shared/constants';\nimport DSPopper, {\n PopperPositions,\n PopperInteractions,\n interactions,\n positions\n} from '@elliemae/ds-popper';\nimport { TooltipType } from './TooltipType';\n\nconst blockName = 'tooltip';\n\nconst TooltipContainer = aggregatedClasses('div')(blockName, false, false, {\n propsToRemoveFromFinalElement: ['isHovered', 'isDragged'],\n});\nconst TooltipText = aggregatedClasses('span')(blockName, 'text', false, {\n propsToRemoveFromFinalElement: ['isHovered', 'isDragged'],\n});\n\nconst DSTooltip = ({\n containerProps = {},\n innerRef,\n placement = PopperPositions.TOP,\n title = '',\n delayClose = DEFAULT_DELAY_CLOSE,\n delayOpen = DEFAULT_DELAY_OPEN,\n interactionType = PopperInteractions.HOVER,\n triggerComponent = null,\n className = '',\n isOpen = undefined,\n onOpen = () => null,\n springAnimationComponent = undefined,\n tooltipType = TooltipType.TOOLTIP,\n showArrow = true,\n zIndex,\n ...otherTooltipProps\n}) => {\n const { cssClassName: tooltipBlockName } = convertPropToCssClassName(\n blockName,\n );\n\n let Content = title;\n if (typeof title === 'string') {\n Content = <TooltipText>{title}</TooltipText>;\n }\n return (\n <DSPopper\n blockName={tooltipBlockName}\n contentComponent={\n <TooltipContainer\n {...containerProps}\n {...otherTooltipProps}\n className={`tooltip-container--${tooltipType} ${className}`}\n innerRef={innerRef}\n >\n {Content}\n </TooltipContainer>\n }\n delayClose={delayClose}\n delayOpen={delayOpen}\n interactionType={interactionType}\n isOpen={isOpen}\n onOpen={onOpen}\n placement={placement}\n showArrow={tooltipType === TooltipType.TOOLTIP ? showArrow : false}\n springAnimationComponent={springAnimationComponent}\n triggerComponent={getComponentFromProps(triggerComponent)}\n zIndex={zIndex}\n />\n );\n};\n\nconst tooltipProps = {\n containerProps: PropTypes.object.description(\n 'Set of Properties attached to the main container',\n ),\n placement: PropTypes.oneOf(positions)\n .description('Tooltip position')\n .defaultValue(PopperPositions.TOP),\n title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description(\n 'Tooltip content',\n ).isRequired,\n delayClose: PropTypes.string\n .description('Delay to close the tooltip')\n .defaultValue(DEFAULT_DELAY_CLOSE),\n delayOpen: PropTypes.string\n .description('Delay to open the tooltip ')\n .defaultValue(DEFAULT_DELAY_OPEN),\n interactionType: PropTypes.oneOf(interactions)\n .description('A type indicating how to open/close the tooltip')\n .defaultValue(PopperInteractions.HOVER),\n triggerComponent: PropTypes.element.description(\n `The component that will open/close the tooltip. \n Cannot be used with disabled elements. \n https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled`,\n ).isRequired,\n isOpen: PropTypes.bool\n .description('Whether the tooltip is visible or not')\n .defaultValue(undefined),\n onOpen: PropTypes.func.description('Handler when the tooltip opens'),\n springAnimationComponent: PropTypes.element.description(\n 'Spring animation component',\n ),\n showArrow: PropTypes.bool\n .description('Whether to show an arrow or not')\n .defaultValue(true),\n className: PropTypes.string.description('css class'),\n tooltipType: PropTypes.oneOf(['tooltip', 'toolbar'])\n .description('Type of tooltip')\n .defaultValue(TooltipType.TOOLTIP),\n zIndex: PropTypes.number\n .description('z-index value assigned to the tooltip')\n .defaultValue(undefined),\n innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description(\n 'Ref to the tooltip container element',\n ),\n};\n\nDSTooltip.propTypes = tooltipProps;\n\nconst TooltipWithSchema = describe(DSTooltip);\nTooltipWithSchema.propTypes = tooltipProps;\n\nexport { DSTooltip, TooltipContainer, TooltipText, TooltipWithSchema };\nexport default DSTooltip;\n"],"names":["blockName","TooltipContainer","aggregatedClasses","propsToRemoveFromFinalElement","TooltipText","DSTooltip","containerProps","innerRef","placement","PopperPositions","TOP","title","delayClose","DEFAULT_DELAY_CLOSE","delayOpen","DEFAULT_DELAY_OPEN","interactionType","PopperInteractions","HOVER","triggerComponent","className","isOpen","undefined","onOpen","springAnimationComponent","tooltipType","TooltipType","TOOLTIP","showArrow","zIndex","otherTooltipProps","convertPropToCssClassName","tooltipBlockName","cssClassName","Content","React","DSPopper","getComponentFromProps","tooltipProps","PropTypes","object","description","oneOf","positions","defaultValue","oneOfType","string","element","isRequired","interactions","bool","func","number","propTypes","TooltipWithSchema","describe"],"mappings":"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"}
1
+ {"version":3,"file":"DSTooltip.js","sources":["../../../src/v1/DSTooltip.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport {\n aggregatedClasses,\n convertPropToCssClassName,\n} from '@elliemae/ds-classnames';\nimport { getComponentFromProps } from '@elliemae/ds-utilities';\nimport {\n DEFAULT_DELAY_OPEN,\n DEFAULT_DELAY_CLOSE,\n} from '@elliemae/ds-shared/constants';\nimport DSPopper, {\n PopperPositions,\n PopperInteractions,\n interactions,\n positions\n} from '@elliemae/ds-popper';\nimport { TooltipType } from './TooltipType';\n\nconst blockName = 'tooltip';\n\nconst TooltipContainer = aggregatedClasses('div')(blockName, false, false, {\n propsToRemoveFromFinalElement: ['isHovered', 'isDragged'],\n});\nconst TooltipText = aggregatedClasses('span')(blockName, 'text', false, {\n propsToRemoveFromFinalElement: ['isHovered', 'isDragged'],\n});\n\nconst DSTooltip = ({\n containerProps = {},\n innerRef,\n placement = PopperPositions.TOP,\n title = '',\n delayClose = DEFAULT_DELAY_CLOSE,\n delayOpen = DEFAULT_DELAY_OPEN,\n interactionType = PopperInteractions.HOVER,\n triggerComponent = null,\n className = '',\n isOpen = undefined,\n onOpen = () => null,\n springAnimationComponent = undefined,\n tooltipType = TooltipType.TOOLTIP,\n showArrow = true,\n zIndex,\n ...otherTooltipProps\n}) => {\n const { cssClassName: tooltipBlockName } = convertPropToCssClassName(\n blockName,\n );\n\n let Content = title;\n if (typeof title === 'string') {\n Content = <TooltipText>{title}</TooltipText>;\n }\n return (\n <DSPopper\n blockName={tooltipBlockName}\n contentComponent={\n <TooltipContainer\n {...containerProps}\n {...otherTooltipProps}\n className={`tooltip-container--${tooltipType} ${className}`}\n innerRef={innerRef}\n >\n {Content}\n </TooltipContainer>\n }\n delayClose={delayClose}\n delayOpen={delayOpen}\n interactionType={interactionType}\n isOpen={isOpen}\n onOpen={onOpen}\n placement={placement}\n showArrow={tooltipType === TooltipType.TOOLTIP ? showArrow : false}\n springAnimationComponent={springAnimationComponent}\n triggerComponent={getComponentFromProps(triggerComponent)}\n zIndex={zIndex}\n />\n );\n};\n\nconst tooltipProps = {\n containerProps: PropTypes.object.description(\n 'Set of Properties attached to the main container',\n ),\n placement: PropTypes.oneOf(positions)\n .description('Tooltip position')\n .defaultValue(PopperPositions.TOP),\n title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description(\n 'Tooltip content',\n ).isRequired,\n delayClose: PropTypes.string\n .description('Delay to close the tooltip')\n .defaultValue(DEFAULT_DELAY_CLOSE),\n delayOpen: PropTypes.string\n .description('Delay to open the tooltip ')\n .defaultValue(DEFAULT_DELAY_OPEN),\n interactionType: PropTypes.oneOf(interactions)\n .description('A type indicating how to open/close the tooltip')\n .defaultValue(PopperInteractions.HOVER),\n triggerComponent: PropTypes.element.description(\n `The component that will open/close the tooltip. \n Cannot be used with disabled elements. \n https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled`,\n ).isRequired,\n isOpen: PropTypes.bool\n .description('Whether the tooltip is visible or not')\n .defaultValue(undefined),\n onOpen: PropTypes.func.description('Handler when the tooltip opens'),\n springAnimationComponent: PropTypes.element.description(\n 'Spring animation component',\n ),\n showArrow: PropTypes.bool\n .description('Whether to show an arrow or not')\n .defaultValue(true),\n className: PropTypes.string.description('css class'),\n tooltipType: PropTypes.oneOf(['tooltip', 'toolbar'])\n .description('Type of tooltip')\n .defaultValue(TooltipType.TOOLTIP),\n zIndex: PropTypes.number\n .description('z-index value assigned to the tooltip')\n .defaultValue(undefined),\n innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description(\n 'Ref to the tooltip container element',\n ),\n};\n\nDSTooltip.propTypes = tooltipProps;\n\nconst TooltipWithSchema = describe(DSTooltip);\nTooltipWithSchema.propTypes = tooltipProps;\n\nexport { DSTooltip, TooltipContainer, TooltipText, TooltipWithSchema };\nexport default DSTooltip;\n"],"names":["blockName","TooltipContainer","aggregatedClasses","propsToRemoveFromFinalElement","TooltipText","DSTooltip","containerProps","innerRef","placement","PopperPositions","TOP","title","delayClose","DEFAULT_DELAY_CLOSE","delayOpen","DEFAULT_DELAY_OPEN","interactionType","PopperInteractions","HOVER","triggerComponent","className","isOpen","undefined","onOpen","springAnimationComponent","tooltipType","TooltipType","TOOLTIP","showArrow","zIndex","otherTooltipProps","convertPropToCssClassName","tooltipBlockName","cssClassName","Content","React","DSPopper","getComponentFromProps","tooltipProps","PropTypes","object","description","oneOf","positions","defaultValue","oneOfType","string","element","isRequired","interactions","bool","func","number","propTypes","TooltipWithSchema","describe"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"TooltipType.js","sources":["../../../src/v1/TooltipType.tsx"],"sourcesContent":["export const TooltipType = {\n TOOLTIP: 'tooltip',\n TOOLBAR: 'toolbar',\n};\n"],"names":["TooltipType","TOOLTIP","TOOLBAR"],"mappings":";;;;IAAaA,WAAW,GAAG;AACzBC,EAAAA,OAAO,EAAE,SADgB;AAEzBC,EAAAA,OAAO,EAAE;AAFgB;;;;"}
1
+ {"version":3,"file":"TooltipType.js","sources":["../../../src/v1/TooltipType.tsx"],"sourcesContent":["export const TooltipType = {\n TOOLTIP: 'tooltip',\n TOOLBAR: 'toolbar',\n};\n"],"names":["TooltipType","TOOLTIP","TOOLBAR"],"mappings":";;;;IAAaA,WAAW,GAAG;EACzBC,OAAO,EAAE,SADgB;EAEzBC,OAAO,EAAE;AAFgB;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"DSTooltip.js","sources":["../../../src/v2/DSTooltip.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React, { useState, useCallback, useEffect, useRef } from 'react';\nimport { describe } from 'react-desc';\nimport DSPortal from '@elliemae/ds-portal';\nimport { DEFAULT_DELAY_OPEN, DEFAULT_DELAY_CLOSE } from '@elliemae/ds-shared/constants';\nimport { usePopper } from 'react-popper';\nimport { tooltipPositions } from './utils/tooltipPositions';\nimport { TooltipType } from './TooltipType';\nimport {\n StyledTooltipContainer,\n StyledTriggerComponentContainer,\n StyledTooltipText,\n StyledAnimatedTooltip,\n} from './styles';\nimport { DSTooltipArrow } from './DSTooltipArrow';\nimport { DSTooltipT } from '.';\nimport { tooltipV2Props } from './propTypes';\nimport { setMultipleRefs } from './utils/setMultipleRefs';\n\nconst DSTooltipV2 = ({\n containerProps = {},\n innerRef,\n placement = tooltipPositions.BOTTOM,\n title = '',\n delayClose = DEFAULT_DELAY_CLOSE,\n delayOpen = DEFAULT_DELAY_OPEN,\n triggerComponent = null,\n className = '',\n getIsOpen = () => null,\n onOpen = () => null,\n tooltipType = TooltipType.TOOLTIP,\n showArrow = true,\n offset = [0, 14],\n zIndex = 10,\n extraModifiers = {},\n}: DSTooltipT): React.ReactElement => {\n const [showTooltip, setShowTooltip] = useState<boolean>(false);\n const [isAnimating, setIsAnimating] = useState<boolean>(false);\n const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(triggerComponent);\n const [popperElement, setPopperElement] = useState<HTMLDivElement | null>(null);\n const [arrowElement, setArrowElement] = useState<HTMLDivElement | null>(null);\n const timerOpen = useRef(null);\n const timerClosed = useRef(null);\n\n const { styles, attributes } = usePopper(referenceElement, popperElement, {\n placement,\n modifiers: [\n { name: 'hide', enabled: true },\n {\n name: 'offset',\n enabled: true,\n options: {\n offset: tooltipType === TooltipType.TOOLBAR ? [0, 0] : offset,\n },\n },\n { name: 'arrow', options: { element: arrowElement } },\n { ...extraModifiers },\n ],\n });\n\n const handleShowTooltipOn = useCallback(() => {\n timerOpen.current = setTimeout(() => {\n setShowTooltip(true);\n setIsAnimating(true);\n getIsOpen(true);\n onOpen();\n }, delayOpen);\n }, [delayOpen, getIsOpen, onOpen]);\n\n const handleShowTooltipOff = useCallback(() => {\n timerClosed.current = setTimeout(() => {\n setShowTooltip(false);\n setIsAnimating(true);\n getIsOpen(false);\n }, delayClose);\n }, [delayClose, getIsOpen]);\n\n const handleKeyDown = useCallback((e) => {\n if (e.key === 'Escape') {\n e.target.blur();\n }\n }, []);\n\n const checkAnimationStatus = useCallback(() => {\n if (!showTooltip) {\n setIsAnimating(false);\n }\n }, [showTooltip]);\n\n useEffect(\n () => () => {\n clearTimeout(timerClosed.current);\n clearTimeout(timerOpen.current);\n },\n [],\n );\n\n return (\n <>\n <StyledTriggerComponentContainer\n ref={setReferenceElement}\n onMouseEnter={handleShowTooltipOn}\n onMouseLeave={handleShowTooltipOff}\n onFocus={handleShowTooltipOn}\n onBlur={handleShowTooltipOff}\n onKeyDown={handleKeyDown}\n >\n {triggerComponent}\n </StyledTriggerComponentContainer>\n {isAnimating || showTooltip ? (\n <DSPortal>\n <StyledTooltipContainer\n className={className}\n showTooltip={showTooltip}\n tooltipType={tooltipType}\n data-testid=\"ds-tooltip-container\"\n ref={(ref) => setMultipleRefs(setPopperElement, innerRef)(ref)}\n style={{ ...styles.popper, zIndex }}\n {...containerProps}\n {...attributes.popper}\n >\n <StyledAnimatedTooltip\n showTooltip={showTooltip}\n data-testid=\"ds-tooltip\"\n onAnimationEnd={checkAnimationStatus}\n >\n <StyledTooltipText>{title}</StyledTooltipText>\n {tooltipType === TooltipType.TOOLTIP && showArrow ? (\n <DSTooltipArrow\n arrowElementRef={setArrowElement}\n style={styles.arrow}\n placement={attributes.popper ? attributes.popper['data-popper-placement'] : 'bottom'}\n />\n ) : null}\n </StyledAnimatedTooltip>\n </StyledTooltipContainer>\n </DSPortal>\n ) : null}\n </>\n );\n};\n\nDSTooltipV2.propTypes = tooltipV2Props;\n\nconst TooltipV2WithSchema = describe(DSTooltipV2);\nTooltipV2WithSchema.propTypes = tooltipV2Props;\n\nexport { DSTooltipV2, TooltipV2WithSchema };\n"],"names":["DSTooltipV2","containerProps","innerRef","placement","tooltipPositions","BOTTOM","title","delayClose","DEFAULT_DELAY_CLOSE","delayOpen","DEFAULT_DELAY_OPEN","triggerComponent","className","getIsOpen","onOpen","tooltipType","TooltipType","TOOLTIP","showArrow","offset","zIndex","extraModifiers","useState","showTooltip","setShowTooltip","isAnimating","setIsAnimating","referenceElement","setReferenceElement","popperElement","setPopperElement","arrowElement","setArrowElement","timerOpen","useRef","timerClosed","usePopper","modifiers","name","enabled","options","TOOLBAR","element","styles","attributes","handleShowTooltipOn","useCallback","current","setTimeout","handleShowTooltipOff","handleKeyDown","e","key","target","blur","checkAnimationStatus","useEffect","clearTimeout","React","StyledTriggerComponentContainer","DSPortal","StyledTooltipContainer","ref","setMultipleRefs","popper","StyledAnimatedTooltip","StyledTooltipText","DSTooltipArrow","arrow","propTypes","tooltipV2Props","TooltipV2WithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAmBMA,WAAW,GAAG,SAAdA,WAAc,OAgBkB;AAAA,iCAfpCC,cAeoC;AAAA,MAfpCA,cAeoC,oCAfnB,EAemB;AAAA,MAdpCC,QAcoC,QAdpCA,QAcoC;AAAA,4BAbpCC,SAaoC;AAAA,MAbpCA,SAaoC,+BAbxBC,0CAAgB,CAACC,MAaO;AAAA,wBAZpCC,KAYoC;AAAA,MAZpCA,KAYoC,2BAZ5B,EAY4B;AAAA,6BAXpCC,UAWoC;AAAA,MAXpCA,UAWoC,gCAXvBC,6BAWuB;AAAA,4BAVpCC,SAUoC;AAAA,MAVpCA,SAUoC,+BAVxBC,4BAUwB;AAAA,mCATpCC,gBASoC;AAAA,MATpCA,gBASoC,sCATjB,IASiB;AAAA,4BARpCC,SAQoC;AAAA,MARpCA,SAQoC,+BARxB,EAQwB;AAAA,4BAPpCC,SAOoC;AAAA,MAPpCA,SAOoC,+BAPxB;AAAA,WAAM,IAAN;AAAA,GAOwB;AAAA,yBANpCC,MAMoC;AAAA,MANpCA,MAMoC,4BAN3B;AAAA,WAAM,IAAN;AAAA,GAM2B;AAAA,8BALpCC,WAKoC;AAAA,MALpCA,WAKoC,iCALtBC,0BAAW,CAACC,OAKU;AAAA,4BAJpCC,SAIoC;AAAA,MAJpCA,SAIoC,+BAJxB,IAIwB;AAAA,yBAHpCC,MAGoC;AAAA,MAHpCA,MAGoC,4BAH3B,CAAC,CAAD,EAAI,EAAJ,CAG2B;AAAA,yBAFpCC,MAEoC;AAAA,MAFpCA,MAEoC,4BAF3B,EAE2B;AAAA,iCADpCC,cACoC;AAAA,MADpCA,cACoC,oCADnB,EACmB;;AACpC,kBAAsCC,cAAQ,CAAU,KAAV,CAA9C;AAAA;AAAA,MAAOC,WAAP;AAAA,MAAoBC,cAApB;;AACA,mBAAsCF,cAAQ,CAAU,KAAV,CAA9C;AAAA;AAAA,MAAOG,WAAP;AAAA,MAAoBC,cAApB;;AACA,mBAAgDJ,cAAQ,CAAqBX,gBAArB,CAAxD;AAAA;AAAA,MAAOgB,gBAAP;AAAA,MAAyBC,mBAAzB;;AACA,mBAA0CN,cAAQ,CAAwB,IAAxB,CAAlD;AAAA;AAAA,MAAOO,aAAP;AAAA,MAAsBC,gBAAtB;;AACA,mBAAwCR,cAAQ,CAAwB,IAAxB,CAAhD;AAAA;AAAA,MAAOS,YAAP;AAAA,MAAqBC,eAArB;;AACA,MAAMC,SAAS,GAAGC,YAAM,CAAC,IAAD,CAAxB;AACA,MAAMC,WAAW,GAAGD,YAAM,CAAC,IAAD,CAA1B;;AAEA,mBAA+BE,qBAAS,CAACT,gBAAD,EAAmBE,aAAnB,EAAkC;AACxE1B,IAAAA,SAAS,EAATA,SADwE;AAExEkC,IAAAA,SAAS,EAAE,CACT;AAAEC,MAAAA,IAAI,EAAE,MAAR;AAAgBC,MAAAA,OAAO,EAAE;AAAzB,KADS,EAET;AACED,MAAAA,IAAI,EAAE,QADR;AAEEC,MAAAA,OAAO,EAAE,IAFX;AAGEC,MAAAA,OAAO,EAAE;AACPrB,QAAAA,MAAM,EAAEJ,WAAW,KAAKC,0BAAW,CAACyB,OAA5B,GAAsC,CAAC,CAAD,EAAI,CAAJ,CAAtC,GAA+CtB;AADhD;AAHX,KAFS,EAST;AAAEmB,MAAAA,IAAI,EAAE,OAAR;AAAiBE,MAAAA,OAAO,EAAE;AAAEE,QAAAA,OAAO,EAAEX;AAAX;AAA1B,KATS,oBAUJV,cAVI;AAF6D,GAAlC,CAAxC;AAAA,MAAQsB,MAAR,cAAQA,MAAR;AAAA,MAAgBC,UAAhB,cAAgBA,UAAhB;;AAgBA,MAAMC,mBAAmB,GAAGC,iBAAW,CAAC,YAAM;AAC5Cb,IAAAA,SAAS,CAACc,OAAV,GAAoBC,UAAU,CAAC,YAAM;AACnCxB,MAAAA,cAAc,CAAC,IAAD,CAAd;AACAE,MAAAA,cAAc,CAAC,IAAD,CAAd;AACAb,MAAAA,SAAS,CAAC,IAAD,CAAT;AACAC,MAAAA,MAAM;AACP,KAL6B,EAK3BL,SAL2B,CAA9B;AAMD,GAPsC,EAOpC,CAACA,SAAD,EAAYI,SAAZ,EAAuBC,MAAvB,CAPoC,CAAvC;AASA,MAAMmC,oBAAoB,GAAGH,iBAAW,CAAC,YAAM;AAC7CX,IAAAA,WAAW,CAACY,OAAZ,GAAsBC,UAAU,CAAC,YAAM;AACrCxB,MAAAA,cAAc,CAAC,KAAD,CAAd;AACAE,MAAAA,cAAc,CAAC,IAAD,CAAd;AACAb,MAAAA,SAAS,CAAC,KAAD,CAAT;AACD,KAJ+B,EAI7BN,UAJ6B,CAAhC;AAKD,GANuC,EAMrC,CAACA,UAAD,EAAaM,SAAb,CANqC,CAAxC;AAQA,MAAMqC,aAAa,GAAGJ,iBAAW,CAAC,UAACK,CAAD,EAAO;AACvC,QAAIA,CAAC,CAACC,GAAF,KAAU,QAAd,EAAwB;AACtBD,MAAAA,CAAC,CAACE,MAAF,CAASC,IAAT;AACD;AACF,GAJgC,EAI9B,EAJ8B,CAAjC;AAMA,MAAMC,oBAAoB,GAAGT,iBAAW,CAAC,YAAM;AAC7C,QAAI,CAACvB,WAAL,EAAkB;AAChBG,MAAAA,cAAc,CAAC,KAAD,CAAd;AACD;AACF,GAJuC,EAIrC,CAACH,WAAD,CAJqC,CAAxC;AAMAiC,EAAAA,eAAS,CACP;AAAA,WAAM,YAAM;AACVC,MAAAA,YAAY,CAACtB,WAAW,CAACY,OAAb,CAAZ;AACAU,MAAAA,YAAY,CAACxB,SAAS,CAACc,OAAX,CAAZ;AACD,KAHD;AAAA,GADO,EAKP,EALO,CAAT;AAQA,sBACEW,+FACEA,wCAACC,yCAAD;AACE,IAAA,GAAG,EAAE/B,mBADP;AAEE,IAAA,YAAY,EAAEiB,mBAFhB;AAGE,IAAA,YAAY,EAAEI,oBAHhB;AAIE,IAAA,OAAO,EAAEJ,mBAJX;AAKE,IAAA,MAAM,EAAEI,oBALV;AAME,IAAA,SAAS,EAAEC;AANb,KAQGvC,gBARH,CADF,EAWGc,WAAW,IAAIF,WAAf,gBACCmC,wCAACE,4BAAD,qBACEF,wCAACG,gCAAD;AACE,IAAA,SAAS,EAAEjD,SADb;AAEE,IAAA,WAAW,EAAEW,WAFf;AAGE,IAAA,WAAW,EAAER,WAHf;AAIE,mBAAY,sBAJd;AAKE,IAAA,GAAG,EAAE,aAAC+C,KAAD;AAAA,aAASC,wCAAe,CAACjC,gBAAD,EAAmB5B,QAAnB,CAAf,CAA4C4D,KAA5C,CAAT;AAAA,KALP;AAME,IAAA,KAAK,kCAAOnB,MAAM,CAACqB,MAAd;AAAsB5C,MAAAA,MAAM,EAANA;AAAtB;AANP,KAOMnB,cAPN,EAQM2C,UAAU,CAACoB,MARjB,gBAUEN,wCAACO,+BAAD;AACE,IAAA,WAAW,EAAE1C,WADf;AAEE,mBAAY,YAFd;AAGE,IAAA,cAAc,EAAEgC;AAHlB,kBAKEG,wCAACQ,2BAAD,QAAoB5D,KAApB,CALF,EAMGS,WAAW,KAAKC,0BAAW,CAACC,OAA5B,IAAuCC,SAAvC,gBACCwC,wCAACS,gCAAD;AACE,IAAA,eAAe,EAAEnC,eADnB;AAEE,IAAA,KAAK,EAAEW,MAAM,CAACyB,KAFhB;AAGE,IAAA,SAAS,EAAExB,UAAU,CAACoB,MAAX,GAAoBpB,UAAU,CAACoB,MAAX,CAAkB,uBAAlB,CAApB,GAAiE;AAH9E,IADD,GAMG,IAZN,CAVF,CADF,CADD,GA4BG,IAvCN,CADF;AA2CD;;AAEDhE,WAAW,CAACqE,SAAZ,GAAwBC,2BAAxB;IAEMC,mBAAmB,GAAGC,kBAAQ,CAACxE,WAAD;AACpCuE,mBAAmB,CAACF,SAApB,GAAgCC,2BAAhC;;;;;"}
1
+ {"version":3,"file":"DSTooltip.js","sources":["../../../src/v2/DSTooltip.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React, { useState, useCallback, useEffect, useRef } from 'react';\nimport { describe } from 'react-desc';\nimport DSPortal from '@elliemae/ds-portal';\nimport { DEFAULT_DELAY_OPEN, DEFAULT_DELAY_CLOSE } from '@elliemae/ds-shared/constants';\nimport { usePopper } from 'react-popper';\nimport { tooltipPositions } from './utils/tooltipPositions';\nimport { TooltipType } from './TooltipType';\nimport {\n StyledTooltipContainer,\n StyledTriggerComponentContainer,\n StyledTooltipText,\n StyledAnimatedTooltip,\n} from './styles';\nimport { DSTooltipArrow } from './DSTooltipArrow';\nimport { DSTooltipT } from '.';\nimport { tooltipV2Props } from './propTypes';\nimport { setMultipleRefs } from './utils/setMultipleRefs';\n\nconst DSTooltipV2 = ({\n containerProps = {},\n innerRef,\n placement = tooltipPositions.BOTTOM,\n title = '',\n delayClose = DEFAULT_DELAY_CLOSE,\n delayOpen = DEFAULT_DELAY_OPEN,\n triggerComponent = null,\n className = '',\n getIsOpen = () => null,\n onOpen = () => null,\n tooltipType = TooltipType.TOOLTIP,\n showArrow = true,\n offset = [0, 14],\n zIndex = 10,\n extraModifiers = {},\n}: DSTooltipT): React.ReactElement => {\n const [showTooltip, setShowTooltip] = useState<boolean>(false);\n const [isAnimating, setIsAnimating] = useState<boolean>(false);\n const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(triggerComponent);\n const [popperElement, setPopperElement] = useState<HTMLDivElement | null>(null);\n const [arrowElement, setArrowElement] = useState<HTMLDivElement | null>(null);\n const timerOpen = useRef(null);\n const timerClosed = useRef(null);\n\n const { styles, attributes } = usePopper(referenceElement, popperElement, {\n placement,\n modifiers: [\n { name: 'hide', enabled: true },\n {\n name: 'offset',\n enabled: true,\n options: {\n offset: tooltipType === TooltipType.TOOLBAR ? [0, 0] : offset,\n },\n },\n { name: 'arrow', options: { element: arrowElement } },\n { ...extraModifiers },\n ],\n });\n\n const handleShowTooltipOn = useCallback(() => {\n timerOpen.current = setTimeout(() => {\n setShowTooltip(true);\n setIsAnimating(true);\n getIsOpen(true);\n onOpen();\n }, delayOpen);\n }, [delayOpen, getIsOpen, onOpen]);\n\n const handleShowTooltipOff = useCallback(() => {\n timerClosed.current = setTimeout(() => {\n setShowTooltip(false);\n setIsAnimating(true);\n getIsOpen(false);\n }, delayClose);\n }, [delayClose, getIsOpen]);\n\n const handleKeyDown = useCallback((e) => {\n if (e.key === 'Escape') {\n e.target.blur();\n }\n }, []);\n\n const checkAnimationStatus = useCallback(() => {\n if (!showTooltip) {\n setIsAnimating(false);\n }\n }, [showTooltip]);\n\n useEffect(\n () => () => {\n clearTimeout(timerClosed.current);\n clearTimeout(timerOpen.current);\n },\n [],\n );\n\n return (\n <>\n <StyledTriggerComponentContainer\n ref={setReferenceElement}\n onMouseEnter={handleShowTooltipOn}\n onMouseLeave={handleShowTooltipOff}\n onFocus={handleShowTooltipOn}\n onBlur={handleShowTooltipOff}\n onKeyDown={handleKeyDown}\n >\n {triggerComponent}\n </StyledTriggerComponentContainer>\n {isAnimating || showTooltip ? (\n <DSPortal>\n <StyledTooltipContainer\n className={className}\n showTooltip={showTooltip}\n tooltipType={tooltipType}\n data-testid=\"ds-tooltip-container\"\n ref={(ref) => setMultipleRefs(setPopperElement, innerRef)(ref)}\n style={{ ...styles.popper, zIndex }}\n {...containerProps}\n {...attributes.popper}\n >\n <StyledAnimatedTooltip\n showTooltip={showTooltip}\n data-testid=\"ds-tooltip\"\n onAnimationEnd={checkAnimationStatus}\n >\n <StyledTooltipText>{title}</StyledTooltipText>\n {tooltipType === TooltipType.TOOLTIP && showArrow ? (\n <DSTooltipArrow\n arrowElementRef={setArrowElement}\n style={styles.arrow}\n placement={attributes.popper ? attributes.popper['data-popper-placement'] : 'bottom'}\n />\n ) : null}\n </StyledAnimatedTooltip>\n </StyledTooltipContainer>\n </DSPortal>\n ) : null}\n </>\n );\n};\n\nDSTooltipV2.propTypes = tooltipV2Props;\n\nconst TooltipV2WithSchema = describe(DSTooltipV2);\nTooltipV2WithSchema.propTypes = tooltipV2Props;\n\nexport { DSTooltipV2, TooltipV2WithSchema };\n"],"names":["DSTooltipV2","containerProps","innerRef","placement","tooltipPositions","BOTTOM","title","delayClose","DEFAULT_DELAY_CLOSE","delayOpen","DEFAULT_DELAY_OPEN","triggerComponent","className","getIsOpen","onOpen","tooltipType","TooltipType","TOOLTIP","showArrow","offset","zIndex","extraModifiers","useState","showTooltip","setShowTooltip","isAnimating","setIsAnimating","referenceElement","setReferenceElement","popperElement","setPopperElement","arrowElement","setArrowElement","timerOpen","useRef","timerClosed","usePopper","modifiers","name","enabled","options","TOOLBAR","element","styles","attributes","handleShowTooltipOn","useCallback","current","setTimeout","handleShowTooltipOff","handleKeyDown","e","key","target","blur","checkAnimationStatus","useEffect","clearTimeout","React","StyledTriggerComponentContainer","DSPortal","StyledTooltipContainer","ref","setMultipleRefs","popper","StyledAnimatedTooltip","StyledTooltipText","DSTooltipArrow","arrow","propTypes","tooltipV2Props","TooltipV2WithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAmBMA,WAAW,GAAG,SAAdA,WAAc,OAgBkB;EAAA,+BAfpCC,cAeoC;MAfpCA,cAeoC,oCAfnB,EAemB;MAdpCC,QAcoC,QAdpCA,QAcoC;4BAbpCC,SAaoC;MAbpCA,SAaoC,+BAbxBC,0CAAgB,CAACC,MAaO;wBAZpCC,KAYoC;MAZpCA,KAYoC,2BAZ5B,EAY4B;6BAXpCC,UAWoC;MAXpCA,UAWoC,gCAXvBC,6BAWuB;4BAVpCC,SAUoC;MAVpCA,SAUoC,+BAVxBC,4BAUwB;mCATpCC,gBASoC;MATpCA,gBASoC,sCATjB,IASiB;4BARpCC,SAQoC;MARpCA,SAQoC,+BARxB,EAQwB;4BAPpCC,SAOoC;MAPpCA,SAOoC,+BAPxB;IAAA,OAAM,IAAN;GAOwB;yBANpCC,MAMoC;MANpCA,MAMoC,4BAN3B;IAAA,OAAM,IAAN;GAM2B;8BALpCC,WAKoC;MALpCA,WAKoC,iCALtBC,0BAAW,CAACC,OAKU;4BAJpCC,SAIoC;MAJpCA,SAIoC,+BAJxB,IAIwB;yBAHpCC,MAGoC;MAHpCA,MAGoC,4BAH3B,CAAC,CAAD,EAAI,EAAJ,CAG2B;yBAFpCC,MAEoC;MAFpCA,MAEoC,4BAF3B,EAE2B;iCADpCC,cACoC;MADpCA,cACoC,oCADnB,EACmB;;EACpC,gBAAsCC,cAAQ,CAAU,KAAV,CAA9C;;MAAOC,WAAP;MAAoBC,cAApB;;EACA,iBAAsCF,cAAQ,CAAU,KAAV,CAA9C;;MAAOG,WAAP;MAAoBC,cAApB;;EACA,iBAAgDJ,cAAQ,CAAqBX,gBAArB,CAAxD;;MAAOgB,gBAAP;MAAyBC,mBAAzB;;EACA,iBAA0CN,cAAQ,CAAwB,IAAxB,CAAlD;;MAAOO,aAAP;MAAsBC,gBAAtB;;EACA,iBAAwCR,cAAQ,CAAwB,IAAxB,CAAhD;;MAAOS,YAAP;MAAqBC,eAArB;;EACA,IAAMC,SAAS,GAAGC,YAAM,CAAC,IAAD,CAAxB;EACA,IAAMC,WAAW,GAAGD,YAAM,CAAC,IAAD,CAA1B;;EAEA,iBAA+BE,qBAAS,CAACT,gBAAD,EAAmBE,aAAnB,EAAkC;IACxE1B,SAAS,EAATA,SADwE;IAExEkC,SAAS,EAAE,CACT;MAAEC,IAAI,EAAE,MAAR;MAAgBC,OAAO,EAAE;KADhB,EAET;MACED,IAAI,EAAE,QADR;MAEEC,OAAO,EAAE,IAFX;MAGEC,OAAO,EAAE;QACPrB,MAAM,EAAEJ,WAAW,KAAKC,0BAAW,CAACyB,OAA5B,GAAsC,CAAC,CAAD,EAAI,CAAJ,CAAtC,GAA+CtB;;KANlD,EAST;MAAEmB,IAAI,EAAE,OAAR;MAAiBE,OAAO,EAAE;QAAEE,OAAO,EAAEX;;KAT5B,oBAUJV,cAVI;GAF2B,CAAxC;MAAQsB,MAAR,cAAQA,MAAR;MAAgBC,UAAhB,cAAgBA,UAAhB;;EAgBA,IAAMC,mBAAmB,GAAGC,iBAAW,CAAC,YAAM;IAC5Cb,SAAS,CAACc,OAAV,GAAoBC,UAAU,CAAC,YAAM;MACnCxB,cAAc,CAAC,IAAD,CAAd;MACAE,cAAc,CAAC,IAAD,CAAd;MACAb,SAAS,CAAC,IAAD,CAAT;MACAC,MAAM;KAJsB,EAK3BL,SAL2B,CAA9B;GADqC,EAOpC,CAACA,SAAD,EAAYI,SAAZ,EAAuBC,MAAvB,CAPoC,CAAvC;EASA,IAAMmC,oBAAoB,GAAGH,iBAAW,CAAC,YAAM;IAC7CX,WAAW,CAACY,OAAZ,GAAsBC,UAAU,CAAC,YAAM;MACrCxB,cAAc,CAAC,KAAD,CAAd;MACAE,cAAc,CAAC,IAAD,CAAd;MACAb,SAAS,CAAC,KAAD,CAAT;KAH8B,EAI7BN,UAJ6B,CAAhC;GADsC,EAMrC,CAACA,UAAD,EAAaM,SAAb,CANqC,CAAxC;EAQA,IAAMqC,aAAa,GAAGJ,iBAAW,CAAC,UAACK,CAAD,EAAO;IACvC,IAAIA,CAAC,CAACC,GAAF,KAAU,QAAd,EAAwB;MACtBD,CAAC,CAACE,MAAF,CAASC,IAAT;;GAF6B,EAI9B,EAJ8B,CAAjC;EAMA,IAAMC,oBAAoB,GAAGT,iBAAW,CAAC,YAAM;IAC7C,IAAI,CAACvB,WAAL,EAAkB;MAChBG,cAAc,CAAC,KAAD,CAAd;;GAFoC,EAIrC,CAACH,WAAD,CAJqC,CAAxC;EAMAiC,eAAS,CACP;IAAA,OAAM,YAAM;MACVC,YAAY,CAACtB,WAAW,CAACY,OAAb,CAAZ;MACAU,YAAY,CAACxB,SAAS,CAACc,OAAX,CAAZ;KAFF;GADO,EAKP,EALO,CAAT;EAQA,oBACEW,+FACEA,wCAACC,yCAAD;IACE,GAAG,EAAE/B,mBADP;IAEE,YAAY,EAAEiB,mBAFhB;IAGE,YAAY,EAAEI,oBAHhB;IAIE,OAAO,EAAEJ,mBAJX;IAKE,MAAM,EAAEI,oBALV;IAME,SAAS,EAAEC;KAEVvC,gBARH,CADF,EAWGc,WAAW,IAAIF,WAAf,gBACCmC,wCAACE,4BAAD,qBACEF,wCAACG,gCAAD;IACE,SAAS,EAAEjD,SADb;IAEE,WAAW,EAAEW,WAFf;IAGE,WAAW,EAAER,WAHf;IAIE,eAAY,sBAJd;IAKE,GAAG,EAAE,aAAC+C,KAAD;MAAA,OAASC,wCAAe,CAACjC,gBAAD,EAAmB5B,QAAnB,CAAf,CAA4C4D,KAA5C,CAAT;KALP;IAME,KAAK,kCAAOnB,MAAM,CAACqB,MAAd;MAAsB5C,MAAM,EAANA;;KACvBnB,cAPN,EAQM2C,UAAU,CAACoB,MARjB,gBAUEN,wCAACO,+BAAD;IACE,WAAW,EAAE1C,WADf;IAEE,eAAY,YAFd;IAGE,cAAc,EAAEgC;kBAEhBG,wCAACQ,2BAAD,QAAoB5D,KAApB,CALF,EAMGS,WAAW,KAAKC,0BAAW,CAACC,OAA5B,IAAuCC,SAAvC,gBACCwC,wCAACS,gCAAD;IACE,eAAe,EAAEnC,eADnB;IAEE,KAAK,EAAEW,MAAM,CAACyB,KAFhB;IAGE,SAAS,EAAExB,UAAU,CAACoB,MAAX,GAAoBpB,UAAU,CAACoB,MAAX,CAAkB,uBAAlB,CAApB,GAAiE;IAJ/E,GAMG,IAZN,CAVF,CADF,CADD,GA4BG,IAvCN,CADF;AA2CD;;AAEDhE,WAAW,CAACqE,SAAZ,GAAwBC,2BAAxB;IAEMC,mBAAmB,GAAGC,kBAAQ,CAACxE,WAAD;AACpCuE,mBAAmB,CAACF,SAApB,GAAgCC,2BAAhC;;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"DSTooltipArrow.js","sources":["../../../src/v2/DSTooltipArrow.tsx"],"sourcesContent":["import React from 'react';\nimport { DSTooltipArrowT } from './index.d';\nimport { StyledTooltipArrow } from './styles';\n\nconst DSTooltipArrow = ({ placement, style, arrowElementRef }: DSTooltipArrowT): React.ReactElement => (\n <StyledTooltipArrow\n key=\"popper-arrow\"\n data-placement={placement}\n style={style}\n ref={arrowElementRef}\n data-testid=\"ds-tooltip-arrow\"\n >\n <svg viewBox=\"0 0 30 30\">\n <path\n className=\"stroke\"\n d=\"M23.7,27.1L17,19.9C16.5,19.3,15.8,19,15,19s-1.6,0.3-2.1,0.9l-6.6,7.2C5.3,28.1,3.4,29,2,29h26\n C26.7,29,24.6,28.1,23.7,27.1z\"\n />\n <path\n className=\"fill\"\n d=\"M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z\"\n />\n </svg>\n </StyledTooltipArrow>\n);\n\nexport { DSTooltipArrow };\n"],"names":["DSTooltipArrow","placement","style","arrowElementRef","React","StyledTooltipArrow"],"mappings":";;;;;;;;;;;;;;IAIMA,cAAc,GAAG,SAAjBA,cAAiB;AAAA,MAAGC,SAAH,QAAGA,SAAH;AAAA,MAAcC,KAAd,QAAcA,KAAd;AAAA,MAAqBC,eAArB,QAAqBA,eAArB;AAAA,sBACrBC,wCAACC,4BAAD;AACE,IAAA,GAAG,EAAC,cADN;AAEE,sBAAgBJ,SAFlB;AAGE,IAAA,KAAK,EAAEC,KAHT;AAIE,IAAA,GAAG,EAAEC,eAJP;AAKE,mBAAY;AALd,kBAOEC;AAAK,IAAA,OAAO,EAAC;AAAb,kBACEA;AACE,IAAA,SAAS,EAAC,QADZ;AAEE,IAAA,CAAC,EAAC;AAFJ,IADF,eAMEA;AACE,IAAA,SAAS,EAAC,MADZ;AAEE,IAAA,CAAC,EAAC;AAFJ,IANF,CAPF,CADqB;AAAA;;;;"}
1
+ {"version":3,"file":"DSTooltipArrow.js","sources":["../../../src/v2/DSTooltipArrow.tsx"],"sourcesContent":["import React from 'react';\nimport { DSTooltipArrowT } from './index.d';\nimport { StyledTooltipArrow } from './styles';\n\nconst DSTooltipArrow = ({ placement, style, arrowElementRef }: DSTooltipArrowT): React.ReactElement => (\n <StyledTooltipArrow\n key=\"popper-arrow\"\n data-placement={placement}\n style={style}\n ref={arrowElementRef}\n data-testid=\"ds-tooltip-arrow\"\n >\n <svg viewBox=\"0 0 30 30\">\n <path\n className=\"stroke\"\n d=\"M23.7,27.1L17,19.9C16.5,19.3,15.8,19,15,19s-1.6,0.3-2.1,0.9l-6.6,7.2C5.3,28.1,3.4,29,2,29h26\n C26.7,29,24.6,28.1,23.7,27.1z\"\n />\n <path\n className=\"fill\"\n d=\"M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z\"\n />\n </svg>\n </StyledTooltipArrow>\n);\n\nexport { DSTooltipArrow };\n"],"names":["DSTooltipArrow","placement","style","arrowElementRef","React","StyledTooltipArrow"],"mappings":";;;;;;;;;;;;;;IAIMA,cAAc,GAAG,SAAjBA,cAAiB;EAAA,IAAGC,SAAH,QAAGA,SAAH;MAAcC,KAAd,QAAcA,KAAd;MAAqBC,eAArB,QAAqBA,eAArB;EAAA,oBACrBC,wCAACC,4BAAD;IACE,GAAG,EAAC,cADN;IAEE,kBAAgBJ,SAFlB;IAGE,KAAK,EAAEC,KAHT;IAIE,GAAG,EAAEC,eAJP;IAKE,eAAY;kBAEZC;IAAK,OAAO,EAAC;kBACXA;IACE,SAAS,EAAC,QADZ;IAEE,CAAC,EAAC;IAHN,eAMEA;IACE,SAAS,EAAC,MADZ;IAEE,CAAC,EAAC;IARN,CAPF,CADqB;AAAA;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"TooltipType.js","sources":["../../../src/v2/TooltipType.tsx"],"sourcesContent":["const TooltipType = {\n TOOLTIP: 'tooltip' as const,\n TOOLBAR: 'toolbar' as const,\n};\n\nexport { TooltipType };\n"],"names":["TooltipType","TOOLTIP","TOOLBAR"],"mappings":";;;;IAAMA,WAAW,GAAG;AAClBC,EAAAA,OAAO,EAAE,SADS;AAElBC,EAAAA,OAAO,EAAE;AAFS;;;;"}
1
+ {"version":3,"file":"TooltipType.js","sources":["../../../src/v2/TooltipType.tsx"],"sourcesContent":["const TooltipType = {\n TOOLTIP: 'tooltip' as const,\n TOOLBAR: 'toolbar' as const,\n};\n\nexport { TooltipType };\n"],"names":["TooltipType","TOOLTIP","TOOLBAR"],"mappings":";;;;IAAMA,WAAW,GAAG;EAClBC,OAAO,EAAE,SADS;EAElBC,OAAO,EAAE;AAFS;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"propTypes.js","sources":["../../../src/v2/propTypes.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\nimport { DEFAULT_DELAY_OPEN, DEFAULT_DELAY_CLOSE } from '@elliemae/ds-shared/constants';\nimport { TooltipType } from './TooltipType';\nimport { tooltipPositions } from './utils/tooltipPositions';\n\nconst tooltipV2Props = {\n containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n placement: PropTypes.oneOf(Object.values(tooltipPositions))\n .description('Tooltip position')\n .defaultValue(tooltipPositions.TOP),\n title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description('Tooltip content').isRequired,\n delayClose: PropTypes.number.description('Delay to close the tooltip').defaultValue(DEFAULT_DELAY_CLOSE),\n delayOpen: PropTypes.number.description('Delay to open the tooltip ').defaultValue(DEFAULT_DELAY_OPEN),\n triggerComponent: PropTypes.element.description(\n `The component that will open/close the tooltip. \n Cannot be used with disabled elements. \n https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled`,\n ).isRequired,\n getIsOpen: PropTypes.func.description('Whether the tooltip is visible or not'),\n onOpen: PropTypes.func.description('Callback when the tooltip opens'),\n showArrow: PropTypes.bool.description('Whether to show an arrow or not').defaultValue(true),\n className: PropTypes.string.description('css class'),\n tooltipType: PropTypes.oneOf(['tooltip', 'toolbar']).description('Type of tooltip').defaultValue(TooltipType.TOOLTIP),\n zIndex: PropTypes.number.description('z-index value assigned to the tooltip').defaultValue(undefined),\n innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description('Ref to the tooltip container element'),\n offset: PropTypes.arrayOf(PropTypes.number).description('Custom Offset for the tooltip [x, y]'),\n};\n\nexport { tooltipV2Props };\n"],"names":["tooltipV2Props","containerProps","PropTypes","object","description","placement","oneOf","Object","values","tooltipPositions","defaultValue","TOP","title","oneOfType","string","element","isRequired","delayClose","number","DEFAULT_DELAY_CLOSE","delayOpen","DEFAULT_DELAY_OPEN","triggerComponent","getIsOpen","func","onOpen","showArrow","bool","className","tooltipType","TooltipType","TOOLTIP","zIndex","undefined","innerRef","offset","arrayOf"],"mappings":";;;;;;;;;IAKMA,cAAc,GAAG;AACrBC,EAAAA,cAAc,EAAEC,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,kDAA7B,CADK;AAErBC,EAAAA,SAAS,EAAEH,mBAAS,CAACI,KAAV,CAAgBC,MAAM,CAACC,MAAP,CAAcC,0CAAd,CAAhB,EACRL,WADQ,CACI,kBADJ,EAERM,YAFQ,CAEKD,0CAAgB,CAACE,GAFtB,CAFU;AAKrBC,EAAAA,KAAK,EAAEV,mBAAS,CAACW,SAAV,CAAoB,CAACX,mBAAS,CAACY,MAAX,EAAmBZ,mBAAS,CAACa,OAA7B,CAApB,EAA2DX,WAA3D,CAAuE,iBAAvE,EAA0FY,UAL5E;AAMrBC,EAAAA,UAAU,EAAEf,mBAAS,CAACgB,MAAV,CAAiBd,WAAjB,CAA6B,4BAA7B,EAA2DM,YAA3D,CAAwES,6BAAxE,CANS;AAOrBC,EAAAA,SAAS,EAAElB,mBAAS,CAACgB,MAAV,CAAiBd,WAAjB,CAA6B,4BAA7B,EAA2DM,YAA3D,CAAwEW,4BAAxE,CAPU;AAQrBC,EAAAA,gBAAgB,EAAEpB,mBAAS,CAACa,OAAV,CAAkBX,WAAlB,iLAIhBY,UAZmB;AAarBO,EAAAA,SAAS,EAAErB,mBAAS,CAACsB,IAAV,CAAepB,WAAf,CAA2B,uCAA3B,CAbU;AAcrBqB,EAAAA,MAAM,EAAEvB,mBAAS,CAACsB,IAAV,CAAepB,WAAf,CAA2B,iCAA3B,CAda;AAerBsB,EAAAA,SAAS,EAAExB,mBAAS,CAACyB,IAAV,CAAevB,WAAf,CAA2B,iCAA3B,EAA8DM,YAA9D,CAA2E,IAA3E,CAfU;AAgBrBkB,EAAAA,SAAS,EAAE1B,mBAAS,CAACY,MAAV,CAAiBV,WAAjB,CAA6B,WAA7B,CAhBU;AAiBrByB,EAAAA,WAAW,EAAE3B,mBAAS,CAACI,KAAV,CAAgB,CAAC,SAAD,EAAY,SAAZ,CAAhB,EAAwCF,WAAxC,CAAoD,iBAApD,EAAuEM,YAAvE,CAAoFoB,0BAAW,CAACC,OAAhG,CAjBQ;AAkBrBC,EAAAA,MAAM,EAAE9B,mBAAS,CAACgB,MAAV,CAAiBd,WAAjB,CAA6B,uCAA7B,EAAsEM,YAAtE,CAAmFuB,SAAnF,CAlBa;AAmBrBC,EAAAA,QAAQ,EAAEhC,mBAAS,CAACW,SAAV,CAAoB,CAACX,mBAAS,CAACsB,IAAX,EAAiBtB,mBAAS,CAACC,MAA3B,CAApB,EAAwDC,WAAxD,CAAoE,sCAApE,CAnBW;AAoBrB+B,EAAAA,MAAM,EAAEjC,mBAAS,CAACkC,OAAV,CAAkBlC,mBAAS,CAACgB,MAA5B,EAAoCd,WAApC,CAAgD,sCAAhD;AApBa;;;;"}
1
+ {"version":3,"file":"propTypes.js","sources":["../../../src/v2/propTypes.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\nimport { DEFAULT_DELAY_OPEN, DEFAULT_DELAY_CLOSE } from '@elliemae/ds-shared/constants';\nimport { TooltipType } from './TooltipType';\nimport { tooltipPositions } from './utils/tooltipPositions';\n\nconst tooltipV2Props = {\n containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n placement: PropTypes.oneOf(Object.values(tooltipPositions))\n .description('Tooltip position')\n .defaultValue(tooltipPositions.TOP),\n title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description('Tooltip content').isRequired,\n delayClose: PropTypes.number.description('Delay to close the tooltip').defaultValue(DEFAULT_DELAY_CLOSE),\n delayOpen: PropTypes.number.description('Delay to open the tooltip ').defaultValue(DEFAULT_DELAY_OPEN),\n triggerComponent: PropTypes.element.description(\n `The component that will open/close the tooltip. \n Cannot be used with disabled elements. \n https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled`,\n ).isRequired,\n getIsOpen: PropTypes.func.description('Whether the tooltip is visible or not'),\n onOpen: PropTypes.func.description('Callback when the tooltip opens'),\n showArrow: PropTypes.bool.description('Whether to show an arrow or not').defaultValue(true),\n className: PropTypes.string.description('css class'),\n tooltipType: PropTypes.oneOf(['tooltip', 'toolbar']).description('Type of tooltip').defaultValue(TooltipType.TOOLTIP),\n zIndex: PropTypes.number.description('z-index value assigned to the tooltip').defaultValue(undefined),\n innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description('Ref to the tooltip container element'),\n offset: PropTypes.arrayOf(PropTypes.number).description('Custom Offset for the tooltip [x, y]'),\n};\n\nexport { tooltipV2Props };\n"],"names":["tooltipV2Props","containerProps","PropTypes","object","description","placement","oneOf","Object","values","tooltipPositions","defaultValue","TOP","title","oneOfType","string","element","isRequired","delayClose","number","DEFAULT_DELAY_CLOSE","delayOpen","DEFAULT_DELAY_OPEN","triggerComponent","getIsOpen","func","onOpen","showArrow","bool","className","tooltipType","TooltipType","TOOLTIP","zIndex","undefined","innerRef","offset","arrayOf"],"mappings":";;;;;;;;;IAKMA,cAAc,GAAG;EACrBC,cAAc,EAAEC,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,kDAA7B,CADK;EAErBC,SAAS,EAAEH,mBAAS,CAACI,KAAV,CAAgBC,MAAM,CAACC,MAAP,CAAcC,0CAAd,CAAhB,EACRL,WADQ,CACI,kBADJ,EAERM,YAFQ,CAEKD,0CAAgB,CAACE,GAFtB,CAFU;EAKrBC,KAAK,EAAEV,mBAAS,CAACW,SAAV,CAAoB,CAACX,mBAAS,CAACY,MAAX,EAAmBZ,mBAAS,CAACa,OAA7B,CAApB,EAA2DX,WAA3D,CAAuE,iBAAvE,EAA0FY,UAL5E;EAMrBC,UAAU,EAAEf,mBAAS,CAACgB,MAAV,CAAiBd,WAAjB,CAA6B,4BAA7B,EAA2DM,YAA3D,CAAwES,6BAAxE,CANS;EAOrBC,SAAS,EAAElB,mBAAS,CAACgB,MAAV,CAAiBd,WAAjB,CAA6B,4BAA7B,EAA2DM,YAA3D,CAAwEW,4BAAxE,CAPU;EAQrBC,gBAAgB,EAAEpB,mBAAS,CAACa,OAAV,CAAkBX,WAAlB,iLAIhBY,UAZmB;EAarBO,SAAS,EAAErB,mBAAS,CAACsB,IAAV,CAAepB,WAAf,CAA2B,uCAA3B,CAbU;EAcrBqB,MAAM,EAAEvB,mBAAS,CAACsB,IAAV,CAAepB,WAAf,CAA2B,iCAA3B,CAda;EAerBsB,SAAS,EAAExB,mBAAS,CAACyB,IAAV,CAAevB,WAAf,CAA2B,iCAA3B,EAA8DM,YAA9D,CAA2E,IAA3E,CAfU;EAgBrBkB,SAAS,EAAE1B,mBAAS,CAACY,MAAV,CAAiBV,WAAjB,CAA6B,WAA7B,CAhBU;EAiBrByB,WAAW,EAAE3B,mBAAS,CAACI,KAAV,CAAgB,CAAC,SAAD,EAAY,SAAZ,CAAhB,EAAwCF,WAAxC,CAAoD,iBAApD,EAAuEM,YAAvE,CAAoFoB,0BAAW,CAACC,OAAhG,CAjBQ;EAkBrBC,MAAM,EAAE9B,mBAAS,CAACgB,MAAV,CAAiBd,WAAjB,CAA6B,uCAA7B,EAAsEM,YAAtE,CAAmFuB,SAAnF,CAlBa;EAmBrBC,QAAQ,EAAEhC,mBAAS,CAACW,SAAV,CAAoB,CAACX,mBAAS,CAACsB,IAAX,EAAiBtB,mBAAS,CAACC,MAA3B,CAApB,EAAwDC,WAAxD,CAAoE,sCAApE,CAnBW;EAoBrB+B,MAAM,EAAEjC,mBAAS,CAACkC,OAAV,CAAkBlC,mBAAS,CAACgB,MAA5B,EAAoCd,WAApC,CAAgD,sCAAhD;AApBa;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sources":["../../../src/v2/styles.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { kfrm, css } from '@elliemae/ds-system';\nimport { TooltipAnimationT, TooltipContainerT } from './index.d';\n\nconst showAnimation = kfrm`\n from {\n opacity: 0;\n transform: scale(0.8);\n }\n\n to {\n opacity: 1;\n transform: scale(1);\n visibility: visible;\n }\n`;\n\nconst hideAnimation = kfrm`\n 0% {\n opacity: 1;\n transform: scale(1);\n }\n\n 100% {\n opacity: 0;\n transform: scale(0.8);\n }\n`;\n\nconst StyledTooltipContainer = styled.div<TooltipContainerT>`\n &[data-popper-reference-hidden='true'] {\n display: none;\n pointer-events: none;\n }\n`;\n\nconst StyledAnimatedTooltip = styled.div<TooltipAnimationT>`\n text-align: center;\n min-width: ${({ theme }) => theme.space.l};\n max-width: 250px;\n min-height: 24px;\n padding: ${({ theme }) => `${theme.space.xxxs} ${theme.space.xs}`};\n position: relative;\n background-color: white;\n border-radius: 2px;\n font-size: 13px;\n color: ${({ theme }) => theme.colors.neutral[600]};\n box-shadow: 0 1px 5px 0 rgb(0 0 0 / 13%), 0 2px 4px 0 rgb(0 0 0 / 20%);\n filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));\n visibility: ${({ showTooltip }) => (showTooltip ? 'visible' : 'hidden')};\n ${({ showTooltip }) =>\n css`\n animation: ${showTooltip ? showAnimation : hideAnimation} 0.1s ease-in;\n `}\n transition: visibility 0.1s ease-in;\n`;\n\nconst StyledTriggerComponentContainer = styled.div`\n display: inline-block;\n`;\n\nconst StyledTooltipText = styled.div`\n white-space: normal;\n word-wrap: break-word;\n display: inline-block;\n`;\n\nconst StyledTooltipArrow = styled.div`\n position: absolute;\n width: 18px;\n height: 18px;\n pointer-events: none;\n background-color: transparent;\n & .stroke {\n fill: white;\n }\n & .fill {\n fill: white;\n }\n\n &[data-placement^='top'] {\n svg {\n transform: rotateZ(180deg);\n }\n top: 98%;\n }\n &[data-placement^='right'] {\n svg {\n transform: rotateZ(-90deg);\n }\n right: 99.5%;\n }\n &[data-placement^='bottom'] {\n bottom: 97%;\n }\n &[data-placement^='left'] {\n svg {\n transform: rotateZ(90deg);\n }\n left: 99.5%;\n }\n`;\n\nexport {\n StyledTooltipContainer,\n StyledTriggerComponentContainer,\n StyledTooltipText,\n StyledTooltipArrow,\n StyledAnimatedTooltip,\n};\n"],"names":["showAnimation","kfrm","hideAnimation","StyledTooltipContainer","styled","div","StyledAnimatedTooltip","theme","space","l","xxxs","xs","colors","neutral","showTooltip","css","StyledTriggerComponentContainer","StyledTooltipText","StyledTooltipArrow"],"mappings":";;;;;;;;;;;;;;AAIA,IAAMA,aAAa,GAAGC,aAAH,6PAAnB;AAaA,IAAMC,aAAa,GAAGD,aAAH,mOAAnB;IAYME,sBAAsB,gBAAGC,0BAAM,CAACC,GAAV;AAAA;AAAA;IAOtBC,qBAAqB,gBAAGF,0BAAM,CAACC,GAAV;AAAA;AAAA,uVAEZ;AAAA,MAAGE,KAAH,QAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,KAAN,CAAYC,CAA3B;AAAA,CAFY,EAKd;AAAA,MAAGF,KAAH,SAAGA,KAAH;AAAA,mBAAkBA,KAAK,CAACC,KAAN,CAAYE,IAA9B,cAAsCH,KAAK,CAACC,KAAN,CAAYG,EAAlD;AAAA,CALc,EAUhB;AAAA,MAAGJ,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACK,MAAN,CAAaC,OAAb,CAAqB,GAArB,CAAf;AAAA,CAVgB,EAaX;AAAA,MAAGC,WAAH,SAAGA,WAAH;AAAA,SAAsBA,WAAW,GAAG,SAAH,GAAe,QAAhD;AAAA,CAbW,EAcvB;AAAA,MAAGA,WAAH,SAAGA,WAAH;AAAA,SACAC,YADA,uIAEeD,WAAW,GAAGd,aAAH,GAAmBE,aAF7C;AAAA,CAduB;IAqBrBc,+BAA+B,gBAAGZ,0BAAM,CAACC,GAAV;AAAA;AAAA;IAI/BY,iBAAiB,gBAAGb,0BAAM,CAACC,GAAV;AAAA;AAAA;IAMjBa,kBAAkB,gBAAGd,0BAAM,CAACC,GAAV;AAAA;AAAA;;;;;;;;"}
1
+ {"version":3,"file":"styles.js","sources":["../../../src/v2/styles.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { kfrm, css } from '@elliemae/ds-system';\nimport { TooltipAnimationT, TooltipContainerT } from './index.d';\n\nconst showAnimation = kfrm`\n from {\n opacity: 0;\n transform: scale(0.8);\n }\n\n to {\n opacity: 1;\n transform: scale(1);\n visibility: visible;\n }\n`;\n\nconst hideAnimation = kfrm`\n 0% {\n opacity: 1;\n transform: scale(1);\n }\n\n 100% {\n opacity: 0;\n transform: scale(0.8);\n }\n`;\n\nconst StyledTooltipContainer = styled.div<TooltipContainerT>`\n &[data-popper-reference-hidden='true'] {\n display: none;\n pointer-events: none;\n }\n`;\n\nconst StyledAnimatedTooltip = styled.div<TooltipAnimationT>`\n text-align: center;\n min-width: ${({ theme }) => theme.space.l};\n max-width: 250px;\n min-height: 24px;\n padding: ${({ theme }) => `${theme.space.xxxs} ${theme.space.xs}`};\n position: relative;\n background-color: white;\n border-radius: 2px;\n font-size: 13px;\n color: ${({ theme }) => theme.colors.neutral[600]};\n box-shadow: 0 1px 5px 0 rgb(0 0 0 / 13%), 0 2px 4px 0 rgb(0 0 0 / 20%);\n filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));\n visibility: ${({ showTooltip }) => (showTooltip ? 'visible' : 'hidden')};\n ${({ showTooltip }) =>\n css`\n animation: ${showTooltip ? showAnimation : hideAnimation} 0.1s ease-in;\n `}\n transition: visibility 0.1s ease-in;\n`;\n\nconst StyledTriggerComponentContainer = styled.div`\n display: inline-block;\n`;\n\nconst StyledTooltipText = styled.div`\n white-space: normal;\n word-wrap: break-word;\n display: inline-block;\n`;\n\nconst StyledTooltipArrow = styled.div`\n position: absolute;\n width: 18px;\n height: 18px;\n pointer-events: none;\n background-color: transparent;\n & .stroke {\n fill: white;\n }\n & .fill {\n fill: white;\n }\n\n &[data-placement^='top'] {\n svg {\n transform: rotateZ(180deg);\n }\n top: 98%;\n }\n &[data-placement^='right'] {\n svg {\n transform: rotateZ(-90deg);\n }\n right: 99.5%;\n }\n &[data-placement^='bottom'] {\n bottom: 97%;\n }\n &[data-placement^='left'] {\n svg {\n transform: rotateZ(90deg);\n }\n left: 99.5%;\n }\n`;\n\nexport {\n StyledTooltipContainer,\n StyledTriggerComponentContainer,\n StyledTooltipText,\n StyledTooltipArrow,\n StyledAnimatedTooltip,\n};\n"],"names":["showAnimation","kfrm","hideAnimation","StyledTooltipContainer","styled","div","StyledAnimatedTooltip","theme","space","l","xxxs","xs","colors","neutral","showTooltip","css","StyledTriggerComponentContainer","StyledTooltipText","StyledTooltipArrow"],"mappings":";;;;;;;;;;;;;;AAIA,IAAMA,aAAa,GAAGC,aAAH,6PAAnB;AAaA,IAAMC,aAAa,GAAGD,aAAH,mOAAnB;IAYME,sBAAsB,gBAAGC,0BAAM,CAACC,GAAV;EAAA;AAAA;IAOtBC,qBAAqB,gBAAGF,0BAAM,CAACC,GAAV;EAAA;AAAA,uVAEZ;EAAA,IAAGE,KAAH,QAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,KAAN,CAAYC,CAA3B;AAAA,CAFY,EAKd;EAAA,IAAGF,KAAH,SAAGA,KAAH;EAAA,iBAAkBA,KAAK,CAACC,KAAN,CAAYE,IAA9B,cAAsCH,KAAK,CAACC,KAAN,CAAYG,EAAlD;AAAA,CALc,EAUhB;EAAA,IAAGJ,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACK,MAAN,CAAaC,OAAb,CAAqB,GAArB,CAAf;AAAA,CAVgB,EAaX;EAAA,IAAGC,WAAH,SAAGA,WAAH;EAAA,OAAsBA,WAAW,GAAG,SAAH,GAAe,QAAhD;AAAA,CAbW,EAcvB;EAAA,IAAGA,WAAH,SAAGA,WAAH;EAAA,OACAC,YADA,uIAEeD,WAAW,GAAGd,aAAH,GAAmBE,aAF7C;AAAA,CAduB;IAqBrBc,+BAA+B,gBAAGZ,0BAAM,CAACC,GAAV;EAAA;AAAA;IAI/BY,iBAAiB,gBAAGb,0BAAM,CAACC,GAAV;EAAA;AAAA;IAMjBa,kBAAkB,gBAAGd,0BAAM,CAACC,GAAV;EAAA;AAAA;;;;;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"setMultipleRefs.js","sources":["../../../../src/v2/utils/setMultipleRefs.ts"],"sourcesContent":["export const setMultipleRefs = (...refs) => {\n const filteredRefs = refs.filter(Boolean);\n if (!filteredRefs.length) return null;\n if (filteredRefs.length === 0) return filteredRefs[0];\n return (newRef) => {\n filteredRefs.forEach((refToBeUpdated) => {\n if (typeof refToBeUpdated === 'function') {\n refToBeUpdated(newRef);\n } else if (refToBeUpdated) {\n refToBeUpdated.current = newRef;\n }\n });\n };\n};\n"],"names":["setMultipleRefs","refs","filteredRefs","filter","Boolean","length","newRef","forEach","refToBeUpdated","current"],"mappings":";;;;IAAaA,eAAe,GAAG,SAAlBA,eAAkB,GAAa;AAAA,oCAATC,IAAS;AAATA,IAAAA,IAAS;AAAA;;AAC1C,MAAMC,YAAY,GAAGD,IAAI,CAACE,MAAL,CAAYC,OAAZ,CAArB;AACA,MAAI,CAACF,YAAY,CAACG,MAAlB,EAA0B,OAAO,IAAP;AAC1B,MAAIH,YAAY,CAACG,MAAb,KAAwB,CAA5B,EAA+B,OAAOH,YAAY,CAAC,CAAD,CAAnB;AAC/B,SAAO,UAACI,MAAD,EAAY;AACjBJ,IAAAA,YAAY,CAACK,OAAb,CAAqB,UAACC,cAAD,EAAoB;AACvC,UAAI,OAAOA,cAAP,KAA0B,UAA9B,EAA0C;AACxCA,QAAAA,cAAc,CAACF,MAAD,CAAd;AACD,OAFD,MAEO,IAAIE,cAAJ,EAAoB;AACzBA,QAAAA,cAAc,CAACC,OAAf,GAAyBH,MAAzB;AACD;AACF,KAND;AAOD,GARD;AASD;;;;"}
1
+ {"version":3,"file":"setMultipleRefs.js","sources":["../../../../src/v2/utils/setMultipleRefs.ts"],"sourcesContent":["export const setMultipleRefs = (...refs) => {\n const filteredRefs = refs.filter(Boolean);\n if (!filteredRefs.length) return null;\n if (filteredRefs.length === 0) return filteredRefs[0];\n return (newRef) => {\n filteredRefs.forEach((refToBeUpdated) => {\n if (typeof refToBeUpdated === 'function') {\n refToBeUpdated(newRef);\n } else if (refToBeUpdated) {\n refToBeUpdated.current = newRef;\n }\n });\n };\n};\n"],"names":["setMultipleRefs","refs","filteredRefs","filter","Boolean","length","newRef","forEach","refToBeUpdated","current"],"mappings":";;;;IAAaA,eAAe,GAAG,SAAlBA,eAAkB,GAAa;EAAA,kCAATC,IAAS;IAATA,IAAS;;;EAC1C,IAAMC,YAAY,GAAGD,IAAI,CAACE,MAAL,CAAYC,OAAZ,CAArB;EACA,IAAI,CAACF,YAAY,CAACG,MAAlB,EAA0B,OAAO,IAAP;EAC1B,IAAIH,YAAY,CAACG,MAAb,KAAwB,CAA5B,EAA+B,OAAOH,YAAY,CAAC,CAAD,CAAnB;EAC/B,OAAO,UAACI,MAAD,EAAY;IACjBJ,YAAY,CAACK,OAAb,CAAqB,UAACC,cAAD,EAAoB;MACvC,IAAI,OAAOA,cAAP,KAA0B,UAA9B,EAA0C;QACxCA,cAAc,CAACF,MAAD,CAAd;OADF,MAEO,IAAIE,cAAJ,EAAoB;QACzBA,cAAc,CAACC,OAAf,GAAyBH,MAAzB;;KAJJ;GADF;AASD;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"tooltipPositions.js","sources":["../../../../src/v2/utils/tooltipPositions.ts"],"sourcesContent":["const tooltipPositions = {\n TOP: 'top' as const,\n BOTTOM: 'bottom' as const,\n RIGHT: 'right' as const,\n LEFT: 'left' as const,\n TOP_START: 'top-start' as const,\n TOP_END: 'top-end' as const,\n BOTTOM_START: 'bottom-start' as const,\n BOTTOM_END: 'bottom-end' as const,\n RIGHT_START: 'right-start' as const,\n RIGHT_END: 'right-end' as const,\n LEFT_START: 'left-start' as const,\n LEFT_END: 'left-end' as const,\n};\n\nexport { tooltipPositions };\n"],"names":["tooltipPositions","TOP","BOTTOM","RIGHT","LEFT","TOP_START","TOP_END","BOTTOM_START","BOTTOM_END","RIGHT_START","RIGHT_END","LEFT_START","LEFT_END"],"mappings":";;;;IAAMA,gBAAgB,GAAG;AACvBC,EAAAA,GAAG,EAAE,KADkB;AAEvBC,EAAAA,MAAM,EAAE,QAFe;AAGvBC,EAAAA,KAAK,EAAE,OAHgB;AAIvBC,EAAAA,IAAI,EAAE,MAJiB;AAKvBC,EAAAA,SAAS,EAAE,WALY;AAMvBC,EAAAA,OAAO,EAAE,SANc;AAOvBC,EAAAA,YAAY,EAAE,cAPS;AAQvBC,EAAAA,UAAU,EAAE,YARW;AASvBC,EAAAA,WAAW,EAAE,aATU;AAUvBC,EAAAA,SAAS,EAAE,WAVY;AAWvBC,EAAAA,UAAU,EAAE,YAXW;AAYvBC,EAAAA,QAAQ,EAAE;AAZa;;;;"}
1
+ {"version":3,"file":"tooltipPositions.js","sources":["../../../../src/v2/utils/tooltipPositions.ts"],"sourcesContent":["const tooltipPositions = {\n TOP: 'top' as const,\n BOTTOM: 'bottom' as const,\n RIGHT: 'right' as const,\n LEFT: 'left' as const,\n TOP_START: 'top-start' as const,\n TOP_END: 'top-end' as const,\n BOTTOM_START: 'bottom-start' as const,\n BOTTOM_END: 'bottom-end' as const,\n RIGHT_START: 'right-start' as const,\n RIGHT_END: 'right-end' as const,\n LEFT_START: 'left-start' as const,\n LEFT_END: 'left-end' as const,\n};\n\nexport { tooltipPositions };\n"],"names":["tooltipPositions","TOP","BOTTOM","RIGHT","LEFT","TOP_START","TOP_END","BOTTOM_START","BOTTOM_END","RIGHT_START","RIGHT_END","LEFT_START","LEFT_END"],"mappings":";;;;IAAMA,gBAAgB,GAAG;EACvBC,GAAG,EAAE,KADkB;EAEvBC,MAAM,EAAE,QAFe;EAGvBC,KAAK,EAAE,OAHgB;EAIvBC,IAAI,EAAE,MAJiB;EAKvBC,SAAS,EAAE,WALY;EAMvBC,OAAO,EAAE,SANc;EAOvBC,YAAY,EAAE,cAPS;EAQvBC,UAAU,EAAE,YARW;EASvBC,WAAW,EAAE,aATU;EAUvBC,SAAS,EAAE,WAVY;EAWvBC,UAAU,EAAE,YAXW;EAYvBC,QAAQ,EAAE;AAZa;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"TooltipV3DatatestId.js","sources":["../../../src/v3/TooltipV3DatatestId.tsx"],"sourcesContent":["export const TooltipV3DatatestId = {\n TRIGGER_WRAPPER: 'ds-tooltip-v3-trigger-wrapper',\n TOOLTIP_TEXT_WRAPPER: 'ds-tooltip-v3-tooltip-text-wrapper',\n};\n"],"names":["TooltipV3DatatestId","TRIGGER_WRAPPER","TOOLTIP_TEXT_WRAPPER"],"mappings":";;;;IAAaA,mBAAmB,GAAG;AACjCC,EAAAA,eAAe,EAAE,+BADgB;AAEjCC,EAAAA,oBAAoB,EAAE;AAFW;;;;"}
1
+ {"version":3,"file":"TooltipV3DatatestId.js","sources":["../../../src/v3/TooltipV3DatatestId.tsx"],"sourcesContent":["export const TooltipV3DatatestId = {\n TRIGGER_WRAPPER: 'ds-tooltip-v3-trigger-wrapper',\n TOOLTIP_TEXT_WRAPPER: 'ds-tooltip-v3-tooltip-text-wrapper',\n};\n"],"names":["TooltipV3DatatestId","TRIGGER_WRAPPER","TOOLTIP_TEXT_WRAPPER"],"mappings":";;;;IAAaA,mBAAmB,GAAG;EACjCC,eAAe,EAAE,+BADgB;EAEjCC,oBAAoB,EAAE;AAFW;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"useWithDefaultProps.js","sources":["../../../../src/v3/config/useWithDefaultProps.ts"],"sourcesContent":["import { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport type { TooltipV3PropsT } from '../index.d';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = () => {};\n\nconst defaultProps = {\n onOpen: noop,\n onClose: noop,\n id: '',\n textAlign: 'left',\n};\n\nexport const useWithDefaultProps = (props: Partial<TooltipV3PropsT>): Partial<TooltipV3PropsT> =>\n useMemoMergePropsWithDefault(props, defaultProps);\n"],"names":["noop","defaultProps","onOpen","onClose","id","textAlign","useWithDefaultProps","props","useMemoMergePropsWithDefault"],"mappings":";;;;;;AAGA;AACA,IAAMA,IAAI,GAAG,SAAPA,IAAO,GAAM,EAAnB;;AAEA,IAAMC,YAAY,GAAG;AACnBC,EAAAA,MAAM,EAAEF,IADW;AAEnBG,EAAAA,OAAO,EAAEH,IAFU;AAGnBI,EAAAA,EAAE,EAAE,EAHe;AAInBC,EAAAA,SAAS,EAAE;AAJQ,CAArB;IAOaC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,KAAD;AAAA,SACjCC,2CAA4B,CAACD,KAAD,EAAQN,YAAR,CADK;AAAA;;;;"}
1
+ {"version":3,"file":"useWithDefaultProps.js","sources":["../../../../src/v3/config/useWithDefaultProps.ts"],"sourcesContent":["import { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport type { TooltipV3PropsT } from '../index.d';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = () => {};\n\nconst defaultProps = {\n onOpen: noop,\n onClose: noop,\n id: '',\n textAlign: 'left',\n};\n\nexport const useWithDefaultProps = (props: Partial<TooltipV3PropsT>): Partial<TooltipV3PropsT> =>\n useMemoMergePropsWithDefault(props, defaultProps);\n"],"names":["noop","defaultProps","onOpen","onClose","id","textAlign","useWithDefaultProps","props","useMemoMergePropsWithDefault"],"mappings":";;;;;;AAGA;AACA,IAAMA,IAAI,GAAG,SAAPA,IAAO,GAAM,EAAnB;;AAEA,IAAMC,YAAY,GAAG;EACnBC,MAAM,EAAEF,IADW;EAEnBG,OAAO,EAAEH,IAFU;EAGnBI,EAAE,EAAE,EAHe;EAInBC,SAAS,EAAE;AAJQ,CAArB;IAOaC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,KAAD;EAAA,OACjCC,2CAA4B,CAACD,KAAD,EAAQN,YAAR,CADK;AAAA;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/v3/index.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React, { useState, useCallback, useEffect } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { describe } from 'react-desc';\n\nimport { dsTooltipPropTypes } from './propsTypes';\nimport { useWithDefaultProps } from './config/useWithDefaultProps';\nimport { TooltipV3DatatestId } from './TooltipV3DatatestId';\nimport {\n StyledTooltipContainer,\n StyledTooltipText,\n StyledMouseOverDetectionBox,\n StyledTriggerWrapper,\n} from './styleds';\nimport type { TooltipV3PropsT } from './index.d';\n\nconst useGlobalKeyboardListener = (func) => {\n useEffect(() => {\n document.addEventListener('keydown', func);\n return () => document.removeEventListener('keydown', func);\n }, [func]);\n};\n\nconst DSTooltipV3: React.ComponentType<TooltipV3PropsT> = (props) => {\n const { text, children, onOpen, onClose, id, textAlign, ...extraPopperJsProps } = useWithDefaultProps(props);\n\n const [isFocused, setIsFocused] = useState(false);\n const [isHover, setIsHover] = useState(false);\n const [latestOpenInteraction, setLatestOpenInteraction] = useState('');\n\n const [referenceElement, setReferenceElement] = useState<HTMLSpanElement>();\n const [showPopover, setShowPopover] = useState(false);\n const showTooltip = useCallback(() => {\n setShowPopover(true);\n onOpen();\n }, [onOpen]);\n const hideTooltip = useCallback(() => {\n setShowPopover(false);\n onClose();\n }, [onClose]);\n\n const onFocus = useCallback(() => {\n setIsFocused(true);\n if (!showPopover) {\n showTooltip();\n setLatestOpenInteraction('onFocus');\n }\n }, [showPopover, showTooltip]);\n const onBlur = useCallback(() => {\n setIsFocused(false);\n if (!isHover || latestOpenInteraction === 'onFocus') hideTooltip();\n }, [hideTooltip, isHover, latestOpenInteraction]);\n\n const onMouseEnter = useCallback(() => {\n setIsHover(true);\n if (!showPopover) {\n showTooltip();\n setLatestOpenInteraction('onMouseEnter');\n }\n }, [showPopover, showTooltip]);\n const onMouseLeave = useCallback(() => {\n setIsHover(false);\n if (!isFocused || latestOpenInteraction === 'onMouseEnter') hideTooltip();\n }, [hideTooltip, isFocused, latestOpenInteraction]);\n\n const handleEscKey = useCallback(\n ({ key }) => {\n if (key === 'Escape') hideTooltip();\n },\n [hideTooltip],\n );\n\n useGlobalKeyboardListener(handleEscKey);\n return (\n <>\n {/* The <div> element is catching the \"ESC\" key to close the tooltip, there is no valid aria role for this */}\n {/* eslint-disable-next-line max-len */}\n {/* https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-static-element-interactions.md#case-the-event-handler-is-only-being-used-to-capture-bubbled-events */}\n {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n <StyledTriggerWrapper\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n onFocus={onFocus}\n onBlur={onBlur}\n ref={setReferenceElement}\n data-testid={`${TooltipV3DatatestId.TRIGGER_WRAPPER}${id !== '' ? `_${id}` : ''}`}\n >\n <DSPopperJS referenceElement={referenceElement} showPopover={showPopover} withoutPortal {...extraPopperJsProps}>\n <div data-testid={`${TooltipV3DatatestId.TOOLTIP_TEXT_WRAPPER}${id !== '' ? `_${id}` : ''}`}>\n <StyledTooltipContainer>\n <StyledTooltipText textAlign={textAlign}>{text}</StyledTooltipText>\n <StyledMouseOverDetectionBox />\n </StyledTooltipContainer>\n </div>\n </DSPopperJS>\n\n {children}\n </StyledTriggerWrapper>\n </>\n );\n};\n\nDSTooltipV3.propTypes = dsTooltipPropTypes;\n\nconst DSTooltipV3WithSchema = describe(DSTooltipV3).description('A tooltip component');\nDSTooltipV3WithSchema.propTypes = dsTooltipPropTypes;\n\nexport { DSTooltipV3, DSTooltipV3WithSchema };\nexport default DSTooltipV3;\n"],"names":["useGlobalKeyboardListener","func","useEffect","document","addEventListener","removeEventListener","DSTooltipV3","props","useWithDefaultProps","text","children","onOpen","onClose","id","textAlign","extraPopperJsProps","useState","isFocused","setIsFocused","isHover","setIsHover","latestOpenInteraction","setLatestOpenInteraction","referenceElement","setReferenceElement","showPopover","setShowPopover","showTooltip","useCallback","hideTooltip","onFocus","onBlur","onMouseEnter","onMouseLeave","handleEscKey","key","React","StyledTriggerWrapper","TooltipV3DatatestId","TRIGGER_WRAPPER","DSPopperJS","TOOLTIP_TEXT_WRAPPER","StyledTooltipContainer","StyledTooltipText","StyledMouseOverDetectionBox","propTypes","dsTooltipPropTypes","DSTooltipV3WithSchema","describe","description"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/v3/index.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React, { useState, useCallback, useEffect } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { describe } from 'react-desc';\n\nimport { dsTooltipPropTypes } from './propsTypes';\nimport { useWithDefaultProps } from './config/useWithDefaultProps';\nimport { TooltipV3DatatestId } from './TooltipV3DatatestId';\nimport {\n StyledTooltipContainer,\n StyledTooltipText,\n StyledMouseOverDetectionBox,\n StyledTriggerWrapper,\n} from './styleds';\nimport type { TooltipV3PropsT } from './index.d';\n\nconst useGlobalKeyboardListener = (func) => {\n useEffect(() => {\n document.addEventListener('keydown', func);\n return () => document.removeEventListener('keydown', func);\n }, [func]);\n};\n\nconst DSTooltipV3: React.ComponentType<TooltipV3PropsT> = (props) => {\n const { text, children, onOpen, onClose, id, textAlign, ...extraPopperJsProps } = useWithDefaultProps(props);\n\n const [isFocused, setIsFocused] = useState(false);\n const [isHover, setIsHover] = useState(false);\n const [latestOpenInteraction, setLatestOpenInteraction] = useState('');\n\n const [referenceElement, setReferenceElement] = useState<HTMLSpanElement>();\n const [showPopover, setShowPopover] = useState(false);\n const showTooltip = useCallback(() => {\n setShowPopover(true);\n onOpen();\n }, [onOpen]);\n const hideTooltip = useCallback(() => {\n setShowPopover(false);\n onClose();\n }, [onClose]);\n\n const onFocus = useCallback(() => {\n setIsFocused(true);\n if (!showPopover) {\n showTooltip();\n setLatestOpenInteraction('onFocus');\n }\n }, [showPopover, showTooltip]);\n const onBlur = useCallback(() => {\n setIsFocused(false);\n if (!isHover || latestOpenInteraction === 'onFocus') hideTooltip();\n }, [hideTooltip, isHover, latestOpenInteraction]);\n\n const onMouseEnter = useCallback(() => {\n setIsHover(true);\n if (!showPopover) {\n showTooltip();\n setLatestOpenInteraction('onMouseEnter');\n }\n }, [showPopover, showTooltip]);\n const onMouseLeave = useCallback(() => {\n setIsHover(false);\n if (!isFocused || latestOpenInteraction === 'onMouseEnter') hideTooltip();\n }, [hideTooltip, isFocused, latestOpenInteraction]);\n\n const handleEscKey = useCallback(\n ({ key }) => {\n if (key === 'Escape') hideTooltip();\n },\n [hideTooltip],\n );\n\n useGlobalKeyboardListener(handleEscKey);\n return (\n <>\n {/* The <div> element is catching the \"ESC\" key to close the tooltip, there is no valid aria role for this */}\n {/* eslint-disable-next-line max-len */}\n {/* https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-static-element-interactions.md#case-the-event-handler-is-only-being-used-to-capture-bubbled-events */}\n {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n <StyledTriggerWrapper\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n onFocus={onFocus}\n onBlur={onBlur}\n ref={setReferenceElement}\n data-testid={`${TooltipV3DatatestId.TRIGGER_WRAPPER}${id !== '' ? `_${id}` : ''}`}\n >\n <DSPopperJS referenceElement={referenceElement} showPopover={showPopover} withoutPortal {...extraPopperJsProps}>\n <div data-testid={`${TooltipV3DatatestId.TOOLTIP_TEXT_WRAPPER}${id !== '' ? `_${id}` : ''}`}>\n <StyledTooltipContainer>\n <StyledTooltipText textAlign={textAlign}>{text}</StyledTooltipText>\n <StyledMouseOverDetectionBox />\n </StyledTooltipContainer>\n </div>\n </DSPopperJS>\n\n {children}\n </StyledTriggerWrapper>\n </>\n );\n};\n\nDSTooltipV3.propTypes = dsTooltipPropTypes;\n\nconst DSTooltipV3WithSchema = describe(DSTooltipV3).description('A tooltip component');\nDSTooltipV3WithSchema.propTypes = dsTooltipPropTypes;\n\nexport { DSTooltipV3, DSTooltipV3WithSchema };\nexport default DSTooltipV3;\n"],"names":["useGlobalKeyboardListener","func","useEffect","document","addEventListener","removeEventListener","DSTooltipV3","props","useWithDefaultProps","text","children","onOpen","onClose","id","textAlign","extraPopperJsProps","useState","isFocused","setIsFocused","isHover","setIsHover","latestOpenInteraction","setLatestOpenInteraction","referenceElement","setReferenceElement","showPopover","setShowPopover","showTooltip","useCallback","hideTooltip","onFocus","onBlur","onMouseEnter","onMouseLeave","handleEscKey","key","React","StyledTriggerWrapper","TooltipV3DatatestId","TRIGGER_WRAPPER","DSPopperJS","TOOLTIP_TEXT_WRAPPER","StyledTooltipContainer","StyledTooltipText","StyledMouseOverDetectionBox","propTypes","dsTooltipPropTypes","DSTooltipV3WithSchema","describe","description"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"propsTypes.js","sources":["../../../src/v3/propsTypes.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport const dsTooltipPropTypes = {\n /**\n * Tooltip text to be displayed on hover/focus\n */\n text: PropTypes.string.description('Tooltip text to be displayed on hover/focus').isRequired,\n /**\n * Tooltip text alignment\n */\n textAlign: PropTypes.oneOf(['left', 'right', 'center', 'justify', 'initial', 'inherit'])\n .description('Tooltip text alignment')\n .defaultValue('left'),\n /**\n * Element to tie the tooltip to, must be a single node\n */\n children: PropTypes.node.description('Element to tie the tooltip to, must be a single node').isRequired,\n /**\n * Wheter or not the tooltip content should appear in a DOM portal or not\n */\n withoutPortal: PropTypes.bool\n .description('Whether or not the tooltip content should appear in a DOM portal or not')\n .defaultValue(true),\n /**\n * Wheter or not the tooltip should use the arrow\n */\n withoutArrow: PropTypes.bool.description('Whether or not the tooltip should use the arrow').defaultValue(false),\n /**\n * Bounding element to calculate upon, defaults to it is \"clippingParents\",\n * which are the scrolling containers that may cause the element to be partially or fully cut off.\n */\n boundaryElement: PropTypes.element\n .description(\n 'Bounding element to calculate upon, defaults to \"clippingParents\",' +\n 'which are the scrolling containers that may cause element to be partially or fully cut off',\n )\n .defaultValue(undefined),\n /**\n * Whether or not the popper context menu should be animated\n */\n withoutAnimation: PropTypes.bool\n .description('Whether or not the popper context menu should be animated')\n .defaultValue(false),\n /**\n * Popper context menus Animation duration in ms\n */\n animationDuration: PropTypes.number.description('Popper context menus Animation duration in ms').defaultValue(100),\n /**\n * When using portal, the container in which to append the DOM content, defaults to document body\n */\n portalDOMContainer: PropTypes.element\n .description('When using portal, the container in which to append the DOM content, defaults to document body')\n .defaultValue(undefined),\n /**\n * start placement preferences, as per popperjs placement option\n */\n startPlacementPreference: PropTypes.oneOf([\n 'top-start',\n 'top',\n 'top-end',\n 'right-start',\n 'right',\n 'right-end',\n 'bottom-end',\n 'bottom',\n 'bottom-start',\n 'left-end',\n 'left',\n 'left-start',\n ])\n .description('start placement preferences, as per popperjs placement option')\n .defaultValue(\"'top'\"),\n /**\n * Array of placement preferences, as per popperjs \"flip\" placement option\n */\n placementOrderPreference: PropTypes.arrayOf(\n PropTypes.oneOf([\n 'top-start',\n 'top',\n 'top-end',\n 'right-start',\n 'right',\n 'right-end',\n 'bottom-end',\n 'bottom',\n 'bottom-start',\n 'left-end',\n 'left',\n 'left-start',\n ]),\n )\n .description('Array of placement preferences, as per popperjs \"flip\" placement option')\n .defaultValue(\"['top', 'bottom', 'left', 'right']\"),\n /**\n * tooltip wrapper z-index\n */\n zIndex: PropTypes.number.description('popperjs content z-index').defaultValue(1),\n /**\n * placement offset array\n */\n customOffset: PropTypes.arrayOf(PropTypes.number).description('placement offset array').defaultValue([0, 14]),\n /**\n * modifiers array for full-custom tooltip-js override\n * https://tooltip.js.org/docs/v2/modifiers/\n */\n modifiers: PropTypes.array\n .description('modifiers array for full-custom tooltip-js override, https://tooltip.js.org/docs/v2/modifiers/')\n .defaultValue(1),\n /**\n * Optional id appended to data-testid\n */\n id: PropTypes.string.description('Optional id appended to data-testid').defaultValue(''),\n /**\n * Optional callback to be invoked when the tooltip opens\n */\n onOpen: PropTypes.func.description('Optional callback to be invoked when the tooltip opens').defaultValue('() => {}'),\n /**\n * 'Optional callback to be invoked when the tooltip closes\n */\n onClose: PropTypes.func\n .description('Optional callback to be invoked when the tooltip closes')\n .defaultValue('() => {}'),\n};\n"],"names":["dsTooltipPropTypes","text","PropTypes","string","description","isRequired","textAlign","oneOf","defaultValue","children","node","withoutPortal","bool","withoutArrow","boundaryElement","element","undefined","withoutAnimation","animationDuration","number","portalDOMContainer","startPlacementPreference","placementOrderPreference","arrayOf","zIndex","customOffset","modifiers","array","id","onOpen","func","onClose"],"mappings":"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"}
1
+ {"version":3,"file":"propsTypes.js","sources":["../../../src/v3/propsTypes.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport const dsTooltipPropTypes = {\n /**\n * Tooltip text to be displayed on hover/focus\n */\n text: PropTypes.string.description('Tooltip text to be displayed on hover/focus').isRequired,\n /**\n * Tooltip text alignment\n */\n textAlign: PropTypes.oneOf(['left', 'right', 'center', 'justify', 'initial', 'inherit'])\n .description('Tooltip text alignment')\n .defaultValue('left'),\n /**\n * Element to tie the tooltip to, must be a single node\n */\n children: PropTypes.node.description('Element to tie the tooltip to, must be a single node').isRequired,\n /**\n * Wheter or not the tooltip content should appear in a DOM portal or not\n */\n withoutPortal: PropTypes.bool\n .description('Whether or not the tooltip content should appear in a DOM portal or not')\n .defaultValue(true),\n /**\n * Wheter or not the tooltip should use the arrow\n */\n withoutArrow: PropTypes.bool.description('Whether or not the tooltip should use the arrow').defaultValue(false),\n /**\n * Bounding element to calculate upon, defaults to it is \"clippingParents\",\n * which are the scrolling containers that may cause the element to be partially or fully cut off.\n */\n boundaryElement: PropTypes.element\n .description(\n 'Bounding element to calculate upon, defaults to \"clippingParents\",' +\n 'which are the scrolling containers that may cause element to be partially or fully cut off',\n )\n .defaultValue(undefined),\n /**\n * Whether or not the popper context menu should be animated\n */\n withoutAnimation: PropTypes.bool\n .description('Whether or not the popper context menu should be animated')\n .defaultValue(false),\n /**\n * Popper context menus Animation duration in ms\n */\n animationDuration: PropTypes.number.description('Popper context menus Animation duration in ms').defaultValue(100),\n /**\n * When using portal, the container in which to append the DOM content, defaults to document body\n */\n portalDOMContainer: PropTypes.element\n .description('When using portal, the container in which to append the DOM content, defaults to document body')\n .defaultValue(undefined),\n /**\n * start placement preferences, as per popperjs placement option\n */\n startPlacementPreference: PropTypes.oneOf([\n 'top-start',\n 'top',\n 'top-end',\n 'right-start',\n 'right',\n 'right-end',\n 'bottom-end',\n 'bottom',\n 'bottom-start',\n 'left-end',\n 'left',\n 'left-start',\n ])\n .description('start placement preferences, as per popperjs placement option')\n .defaultValue(\"'top'\"),\n /**\n * Array of placement preferences, as per popperjs \"flip\" placement option\n */\n placementOrderPreference: PropTypes.arrayOf(\n PropTypes.oneOf([\n 'top-start',\n 'top',\n 'top-end',\n 'right-start',\n 'right',\n 'right-end',\n 'bottom-end',\n 'bottom',\n 'bottom-start',\n 'left-end',\n 'left',\n 'left-start',\n ]),\n )\n .description('Array of placement preferences, as per popperjs \"flip\" placement option')\n .defaultValue(\"['top', 'bottom', 'left', 'right']\"),\n /**\n * tooltip wrapper z-index\n */\n zIndex: PropTypes.number.description('popperjs content z-index').defaultValue(1),\n /**\n * placement offset array\n */\n customOffset: PropTypes.arrayOf(PropTypes.number).description('placement offset array').defaultValue([0, 14]),\n /**\n * modifiers array for full-custom tooltip-js override\n * https://tooltip.js.org/docs/v2/modifiers/\n */\n modifiers: PropTypes.array\n .description('modifiers array for full-custom tooltip-js override, https://tooltip.js.org/docs/v2/modifiers/')\n .defaultValue(1),\n /**\n * Optional id appended to data-testid\n */\n id: PropTypes.string.description('Optional id appended to data-testid').defaultValue(''),\n /**\n * Optional callback to be invoked when the tooltip opens\n */\n onOpen: PropTypes.func.description('Optional callback to be invoked when the tooltip opens').defaultValue('() => {}'),\n /**\n * 'Optional callback to be invoked when the tooltip closes\n */\n onClose: PropTypes.func\n .description('Optional callback to be invoked when the tooltip closes')\n .defaultValue('() => {}'),\n};\n"],"names":["dsTooltipPropTypes","text","PropTypes","string","description","isRequired","textAlign","oneOf","defaultValue","children","node","withoutPortal","bool","withoutArrow","boundaryElement","element","undefined","withoutAnimation","animationDuration","number","portalDOMContainer","startPlacementPreference","placementOrderPreference","arrayOf","zIndex","customOffset","modifiers","array","id","onOpen","func","onClose"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"styleds.js","sources":["../../../src/v3/styleds.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledTooltipContainer = styled.div`\n text-align: center;\n min-width: ${({ theme }) => theme.space.l};\n max-width: 250px;\n min-height: 30px;\n display: grid;\n align-items: center;\n padding: ${({ theme }) => `${theme.space.xxxs} ${theme.space.xs}`};\n position: relative;\n background-color: white;\n border-radius: 2px;\n font-size: 13px;\n color: ${({ theme }) => theme.colors.neutral[600]};\n`;\n\nexport const StyledTooltipText = styled.div<{ textAlign: string }>`\n white-space: normal;\n word-wrap: break-word;\n display: inline-block;\n text-align: ${({ textAlign }) => textAlign};\n`;\n\nexport const StyledMouseOverDetectionBox = styled.div`\n position: absolute;\n top: -15px;\n right: -15px;\n width: calc(100% + 30px);\n height: calc(100% + 30px);\n z-index: -1;\n`;\n\nexport const StyledTriggerWrapper = styled.div`\n display: inline-block;\n width: 100%;\n`;\n"],"names":["StyledTooltipContainer","styled","div","theme","space","l","xxxs","xs","colors","neutral","StyledTooltipText","textAlign","StyledMouseOverDetectionBox","StyledTriggerWrapper"],"mappings":";;;;;;;;;;IAEaA,sBAAsB,gBAAGC,0BAAM,CAACC,GAAV;AAAA;AAAA,4MAEpB;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,KAAN,CAAYC,CAA3B;AAAA,CAFoB,EAOtB;AAAA,MAAGF,KAAH,SAAGA,KAAH;AAAA,mBAAkBA,KAAK,CAACC,KAAN,CAAYE,IAA9B,cAAsCH,KAAK,CAACC,KAAN,CAAYG,EAAlD;AAAA,CAPsB,EAYxB;AAAA,MAAGJ,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACK,MAAN,CAAaC,OAAb,CAAqB,GAArB,CAAf;AAAA,CAZwB;IAetBC,iBAAiB,gBAAGT,0BAAM,CAACC,GAAV;AAAA;AAAA,sFAId;AAAA,MAAGS,SAAH,SAAGA,SAAH;AAAA,SAAmBA,SAAnB;AAAA,CAJc;IAOjBC,2BAA2B,gBAAGX,0BAAM,CAACC,GAAV;AAAA;AAAA;IAS3BW,oBAAoB,gBAAGZ,0BAAM,CAACC,GAAV;AAAA;AAAA;;;;;;;"}
1
+ {"version":3,"file":"styleds.js","sources":["../../../src/v3/styleds.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledTooltipContainer = styled.div`\n text-align: center;\n min-width: ${({ theme }) => theme.space.l};\n max-width: 250px;\n min-height: 30px;\n display: grid;\n align-items: center;\n padding: ${({ theme }) => `${theme.space.xxxs} ${theme.space.xs}`};\n position: relative;\n background-color: white;\n border-radius: 2px;\n font-size: 13px;\n color: ${({ theme }) => theme.colors.neutral[600]};\n`;\n\nexport const StyledTooltipText = styled.div<{ textAlign: string }>`\n white-space: normal;\n word-wrap: break-word;\n display: inline-block;\n text-align: ${({ textAlign }) => textAlign};\n`;\n\nexport const StyledMouseOverDetectionBox = styled.div`\n position: absolute;\n top: -15px;\n right: -15px;\n width: calc(100% + 30px);\n height: calc(100% + 30px);\n z-index: -1;\n`;\n\nexport const StyledTriggerWrapper = styled.div`\n display: inline-block;\n width: 100%;\n`;\n"],"names":["StyledTooltipContainer","styled","div","theme","space","l","xxxs","xs","colors","neutral","StyledTooltipText","textAlign","StyledMouseOverDetectionBox","StyledTriggerWrapper"],"mappings":";;;;;;;;;;IAEaA,sBAAsB,gBAAGC,0BAAM,CAACC,GAAV;EAAA;AAAA,4MAEpB;EAAA,IAAGC,KAAH,QAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,KAAN,CAAYC,CAA3B;AAAA,CAFoB,EAOtB;EAAA,IAAGF,KAAH,SAAGA,KAAH;EAAA,iBAAkBA,KAAK,CAACC,KAAN,CAAYE,IAA9B,cAAsCH,KAAK,CAACC,KAAN,CAAYG,EAAlD;AAAA,CAPsB,EAYxB;EAAA,IAAGJ,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACK,MAAN,CAAaC,OAAb,CAAqB,GAArB,CAAf;AAAA,CAZwB;IAetBC,iBAAiB,gBAAGT,0BAAM,CAACC,GAAV;EAAA;AAAA,sFAId;EAAA,IAAGS,SAAH,SAAGA,SAAH;EAAA,OAAmBA,SAAnB;AAAA,CAJc;IAOjBC,2BAA2B,gBAAGX,0BAAM,CAACC,GAAV;EAAA;AAAA;IAS3BW,oBAAoB,gBAAGZ,0BAAM,CAACC,GAAV;EAAA;AAAA;;;;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"DSTooltip.js","sources":["../../../src/v1/DSTooltip.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport {\n aggregatedClasses,\n convertPropToCssClassName,\n} from '@elliemae/ds-classnames';\nimport { getComponentFromProps } from '@elliemae/ds-utilities';\nimport {\n DEFAULT_DELAY_OPEN,\n DEFAULT_DELAY_CLOSE,\n} from '@elliemae/ds-shared/constants';\nimport DSPopper, {\n PopperPositions,\n PopperInteractions,\n interactions,\n positions\n} from '@elliemae/ds-popper';\nimport { TooltipType } from './TooltipType';\n\nconst blockName = 'tooltip';\n\nconst TooltipContainer = aggregatedClasses('div')(blockName, false, false, {\n propsToRemoveFromFinalElement: ['isHovered', 'isDragged'],\n});\nconst TooltipText = aggregatedClasses('span')(blockName, 'text', false, {\n propsToRemoveFromFinalElement: ['isHovered', 'isDragged'],\n});\n\nconst DSTooltip = ({\n containerProps = {},\n innerRef,\n placement = PopperPositions.TOP,\n title = '',\n delayClose = DEFAULT_DELAY_CLOSE,\n delayOpen = DEFAULT_DELAY_OPEN,\n interactionType = PopperInteractions.HOVER,\n triggerComponent = null,\n className = '',\n isOpen = undefined,\n onOpen = () => null,\n springAnimationComponent = undefined,\n tooltipType = TooltipType.TOOLTIP,\n showArrow = true,\n zIndex,\n ...otherTooltipProps\n}) => {\n const { cssClassName: tooltipBlockName } = convertPropToCssClassName(\n blockName,\n );\n\n let Content = title;\n if (typeof title === 'string') {\n Content = <TooltipText>{title}</TooltipText>;\n }\n return (\n <DSPopper\n blockName={tooltipBlockName}\n contentComponent={\n <TooltipContainer\n {...containerProps}\n {...otherTooltipProps}\n className={`tooltip-container--${tooltipType} ${className}`}\n innerRef={innerRef}\n >\n {Content}\n </TooltipContainer>\n }\n delayClose={delayClose}\n delayOpen={delayOpen}\n interactionType={interactionType}\n isOpen={isOpen}\n onOpen={onOpen}\n placement={placement}\n showArrow={tooltipType === TooltipType.TOOLTIP ? showArrow : false}\n springAnimationComponent={springAnimationComponent}\n triggerComponent={getComponentFromProps(triggerComponent)}\n zIndex={zIndex}\n />\n );\n};\n\nconst tooltipProps = {\n containerProps: PropTypes.object.description(\n 'Set of Properties attached to the main container',\n ),\n placement: PropTypes.oneOf(positions)\n .description('Tooltip position')\n .defaultValue(PopperPositions.TOP),\n title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description(\n 'Tooltip content',\n ).isRequired,\n delayClose: PropTypes.string\n .description('Delay to close the tooltip')\n .defaultValue(DEFAULT_DELAY_CLOSE),\n delayOpen: PropTypes.string\n .description('Delay to open the tooltip ')\n .defaultValue(DEFAULT_DELAY_OPEN),\n interactionType: PropTypes.oneOf(interactions)\n .description('A type indicating how to open/close the tooltip')\n .defaultValue(PopperInteractions.HOVER),\n triggerComponent: PropTypes.element.description(\n `The component that will open/close the tooltip. \n Cannot be used with disabled elements. \n https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled`,\n ).isRequired,\n isOpen: PropTypes.bool\n .description('Whether the tooltip is visible or not')\n .defaultValue(undefined),\n onOpen: PropTypes.func.description('Handler when the tooltip opens'),\n springAnimationComponent: PropTypes.element.description(\n 'Spring animation component',\n ),\n showArrow: PropTypes.bool\n .description('Whether to show an arrow or not')\n .defaultValue(true),\n className: PropTypes.string.description('css class'),\n tooltipType: PropTypes.oneOf(['tooltip', 'toolbar'])\n .description('Type of tooltip')\n .defaultValue(TooltipType.TOOLTIP),\n zIndex: PropTypes.number\n .description('z-index value assigned to the tooltip')\n .defaultValue(undefined),\n innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description(\n 'Ref to the tooltip container element',\n ),\n};\n\nDSTooltip.propTypes = tooltipProps;\n\nconst TooltipWithSchema = describe(DSTooltip);\nTooltipWithSchema.propTypes = tooltipProps;\n\nexport { DSTooltip, TooltipContainer, TooltipText, TooltipWithSchema };\nexport default DSTooltip;\n"],"names":["blockName","TooltipContainer","aggregatedClasses","propsToRemoveFromFinalElement","TooltipText","DSTooltip","containerProps","innerRef","placement","PopperPositions","TOP","title","delayClose","DEFAULT_DELAY_CLOSE","delayOpen","DEFAULT_DELAY_OPEN","interactionType","PopperInteractions","HOVER","triggerComponent","className","isOpen","undefined","onOpen","springAnimationComponent","tooltipType","TooltipType","TOOLTIP","showArrow","zIndex","otherTooltipProps","convertPropToCssClassName","tooltipBlockName","cssClassName","Content","getComponentFromProps","tooltipProps","PropTypes","object","description","oneOf","positions","defaultValue","oneOfType","string","element","isRequired","interactions","bool","func","number","propTypes","TooltipWithSchema","describe"],"mappings":"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"}
1
+ {"version":3,"file":"DSTooltip.js","sources":["../../../src/v1/DSTooltip.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport {\n aggregatedClasses,\n convertPropToCssClassName,\n} from '@elliemae/ds-classnames';\nimport { getComponentFromProps } from '@elliemae/ds-utilities';\nimport {\n DEFAULT_DELAY_OPEN,\n DEFAULT_DELAY_CLOSE,\n} from '@elliemae/ds-shared/constants';\nimport DSPopper, {\n PopperPositions,\n PopperInteractions,\n interactions,\n positions\n} from '@elliemae/ds-popper';\nimport { TooltipType } from './TooltipType';\n\nconst blockName = 'tooltip';\n\nconst TooltipContainer = aggregatedClasses('div')(blockName, false, false, {\n propsToRemoveFromFinalElement: ['isHovered', 'isDragged'],\n});\nconst TooltipText = aggregatedClasses('span')(blockName, 'text', false, {\n propsToRemoveFromFinalElement: ['isHovered', 'isDragged'],\n});\n\nconst DSTooltip = ({\n containerProps = {},\n innerRef,\n placement = PopperPositions.TOP,\n title = '',\n delayClose = DEFAULT_DELAY_CLOSE,\n delayOpen = DEFAULT_DELAY_OPEN,\n interactionType = PopperInteractions.HOVER,\n triggerComponent = null,\n className = '',\n isOpen = undefined,\n onOpen = () => null,\n springAnimationComponent = undefined,\n tooltipType = TooltipType.TOOLTIP,\n showArrow = true,\n zIndex,\n ...otherTooltipProps\n}) => {\n const { cssClassName: tooltipBlockName } = convertPropToCssClassName(\n blockName,\n );\n\n let Content = title;\n if (typeof title === 'string') {\n Content = <TooltipText>{title}</TooltipText>;\n }\n return (\n <DSPopper\n blockName={tooltipBlockName}\n contentComponent={\n <TooltipContainer\n {...containerProps}\n {...otherTooltipProps}\n className={`tooltip-container--${tooltipType} ${className}`}\n innerRef={innerRef}\n >\n {Content}\n </TooltipContainer>\n }\n delayClose={delayClose}\n delayOpen={delayOpen}\n interactionType={interactionType}\n isOpen={isOpen}\n onOpen={onOpen}\n placement={placement}\n showArrow={tooltipType === TooltipType.TOOLTIP ? showArrow : false}\n springAnimationComponent={springAnimationComponent}\n triggerComponent={getComponentFromProps(triggerComponent)}\n zIndex={zIndex}\n />\n );\n};\n\nconst tooltipProps = {\n containerProps: PropTypes.object.description(\n 'Set of Properties attached to the main container',\n ),\n placement: PropTypes.oneOf(positions)\n .description('Tooltip position')\n .defaultValue(PopperPositions.TOP),\n title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description(\n 'Tooltip content',\n ).isRequired,\n delayClose: PropTypes.string\n .description('Delay to close the tooltip')\n .defaultValue(DEFAULT_DELAY_CLOSE),\n delayOpen: PropTypes.string\n .description('Delay to open the tooltip ')\n .defaultValue(DEFAULT_DELAY_OPEN),\n interactionType: PropTypes.oneOf(interactions)\n .description('A type indicating how to open/close the tooltip')\n .defaultValue(PopperInteractions.HOVER),\n triggerComponent: PropTypes.element.description(\n `The component that will open/close the tooltip. \n Cannot be used with disabled elements. \n https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled`,\n ).isRequired,\n isOpen: PropTypes.bool\n .description('Whether the tooltip is visible or not')\n .defaultValue(undefined),\n onOpen: PropTypes.func.description('Handler when the tooltip opens'),\n springAnimationComponent: PropTypes.element.description(\n 'Spring animation component',\n ),\n showArrow: PropTypes.bool\n .description('Whether to show an arrow or not')\n .defaultValue(true),\n className: PropTypes.string.description('css class'),\n tooltipType: PropTypes.oneOf(['tooltip', 'toolbar'])\n .description('Type of tooltip')\n .defaultValue(TooltipType.TOOLTIP),\n zIndex: PropTypes.number\n .description('z-index value assigned to the tooltip')\n .defaultValue(undefined),\n innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description(\n 'Ref to the tooltip container element',\n ),\n};\n\nDSTooltip.propTypes = tooltipProps;\n\nconst TooltipWithSchema = describe(DSTooltip);\nTooltipWithSchema.propTypes = tooltipProps;\n\nexport { DSTooltip, TooltipContainer, TooltipText, TooltipWithSchema };\nexport default DSTooltip;\n"],"names":["blockName","TooltipContainer","aggregatedClasses","propsToRemoveFromFinalElement","TooltipText","DSTooltip","containerProps","innerRef","placement","PopperPositions","TOP","title","delayClose","DEFAULT_DELAY_CLOSE","delayOpen","DEFAULT_DELAY_OPEN","interactionType","PopperInteractions","HOVER","triggerComponent","className","isOpen","undefined","onOpen","springAnimationComponent","tooltipType","TooltipType","TOOLTIP","showArrow","zIndex","otherTooltipProps","convertPropToCssClassName","tooltipBlockName","cssClassName","Content","getComponentFromProps","tooltipProps","PropTypes","object","description","oneOf","positions","defaultValue","oneOfType","string","element","isRequired","interactions","bool","func","number","propTypes","TooltipWithSchema","describe"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"TooltipType.js","sources":["../../../src/v1/TooltipType.tsx"],"sourcesContent":["export const TooltipType = {\n TOOLTIP: 'tooltip',\n TOOLBAR: 'toolbar',\n};\n"],"names":["TooltipType","TOOLTIP","TOOLBAR"],"mappings":"IAAaA,WAAW,GAAG;AACzBC,EAAAA,OAAO,EAAE,SADgB;AAEzBC,EAAAA,OAAO,EAAE;AAFgB;;;;"}
1
+ {"version":3,"file":"TooltipType.js","sources":["../../../src/v1/TooltipType.tsx"],"sourcesContent":["export const TooltipType = {\n TOOLTIP: 'tooltip',\n TOOLBAR: 'toolbar',\n};\n"],"names":["TooltipType","TOOLTIP","TOOLBAR"],"mappings":"IAAaA,WAAW,GAAG;EACzBC,OAAO,EAAE,SADgB;EAEzBC,OAAO,EAAE;AAFgB;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"DSTooltip.js","sources":["../../../src/v2/DSTooltip.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React, { useState, useCallback, useEffect, useRef } from 'react';\nimport { describe } from 'react-desc';\nimport DSPortal from '@elliemae/ds-portal';\nimport { DEFAULT_DELAY_OPEN, DEFAULT_DELAY_CLOSE } from '@elliemae/ds-shared/constants';\nimport { usePopper } from 'react-popper';\nimport { tooltipPositions } from './utils/tooltipPositions';\nimport { TooltipType } from './TooltipType';\nimport {\n StyledTooltipContainer,\n StyledTriggerComponentContainer,\n StyledTooltipText,\n StyledAnimatedTooltip,\n} from './styles';\nimport { DSTooltipArrow } from './DSTooltipArrow';\nimport { DSTooltipT } from '.';\nimport { tooltipV2Props } from './propTypes';\nimport { setMultipleRefs } from './utils/setMultipleRefs';\n\nconst DSTooltipV2 = ({\n containerProps = {},\n innerRef,\n placement = tooltipPositions.BOTTOM,\n title = '',\n delayClose = DEFAULT_DELAY_CLOSE,\n delayOpen = DEFAULT_DELAY_OPEN,\n triggerComponent = null,\n className = '',\n getIsOpen = () => null,\n onOpen = () => null,\n tooltipType = TooltipType.TOOLTIP,\n showArrow = true,\n offset = [0, 14],\n zIndex = 10,\n extraModifiers = {},\n}: DSTooltipT): React.ReactElement => {\n const [showTooltip, setShowTooltip] = useState<boolean>(false);\n const [isAnimating, setIsAnimating] = useState<boolean>(false);\n const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(triggerComponent);\n const [popperElement, setPopperElement] = useState<HTMLDivElement | null>(null);\n const [arrowElement, setArrowElement] = useState<HTMLDivElement | null>(null);\n const timerOpen = useRef(null);\n const timerClosed = useRef(null);\n\n const { styles, attributes } = usePopper(referenceElement, popperElement, {\n placement,\n modifiers: [\n { name: 'hide', enabled: true },\n {\n name: 'offset',\n enabled: true,\n options: {\n offset: tooltipType === TooltipType.TOOLBAR ? [0, 0] : offset,\n },\n },\n { name: 'arrow', options: { element: arrowElement } },\n { ...extraModifiers },\n ],\n });\n\n const handleShowTooltipOn = useCallback(() => {\n timerOpen.current = setTimeout(() => {\n setShowTooltip(true);\n setIsAnimating(true);\n getIsOpen(true);\n onOpen();\n }, delayOpen);\n }, [delayOpen, getIsOpen, onOpen]);\n\n const handleShowTooltipOff = useCallback(() => {\n timerClosed.current = setTimeout(() => {\n setShowTooltip(false);\n setIsAnimating(true);\n getIsOpen(false);\n }, delayClose);\n }, [delayClose, getIsOpen]);\n\n const handleKeyDown = useCallback((e) => {\n if (e.key === 'Escape') {\n e.target.blur();\n }\n }, []);\n\n const checkAnimationStatus = useCallback(() => {\n if (!showTooltip) {\n setIsAnimating(false);\n }\n }, [showTooltip]);\n\n useEffect(\n () => () => {\n clearTimeout(timerClosed.current);\n clearTimeout(timerOpen.current);\n },\n [],\n );\n\n return (\n <>\n <StyledTriggerComponentContainer\n ref={setReferenceElement}\n onMouseEnter={handleShowTooltipOn}\n onMouseLeave={handleShowTooltipOff}\n onFocus={handleShowTooltipOn}\n onBlur={handleShowTooltipOff}\n onKeyDown={handleKeyDown}\n >\n {triggerComponent}\n </StyledTriggerComponentContainer>\n {isAnimating || showTooltip ? (\n <DSPortal>\n <StyledTooltipContainer\n className={className}\n showTooltip={showTooltip}\n tooltipType={tooltipType}\n data-testid=\"ds-tooltip-container\"\n ref={(ref) => setMultipleRefs(setPopperElement, innerRef)(ref)}\n style={{ ...styles.popper, zIndex }}\n {...containerProps}\n {...attributes.popper}\n >\n <StyledAnimatedTooltip\n showTooltip={showTooltip}\n data-testid=\"ds-tooltip\"\n onAnimationEnd={checkAnimationStatus}\n >\n <StyledTooltipText>{title}</StyledTooltipText>\n {tooltipType === TooltipType.TOOLTIP && showArrow ? (\n <DSTooltipArrow\n arrowElementRef={setArrowElement}\n style={styles.arrow}\n placement={attributes.popper ? attributes.popper['data-popper-placement'] : 'bottom'}\n />\n ) : null}\n </StyledAnimatedTooltip>\n </StyledTooltipContainer>\n </DSPortal>\n ) : null}\n </>\n );\n};\n\nDSTooltipV2.propTypes = tooltipV2Props;\n\nconst TooltipV2WithSchema = describe(DSTooltipV2);\nTooltipV2WithSchema.propTypes = tooltipV2Props;\n\nexport { DSTooltipV2, TooltipV2WithSchema };\n"],"names":["DSTooltipV2","containerProps","innerRef","placement","tooltipPositions","BOTTOM","title","delayClose","DEFAULT_DELAY_CLOSE","delayOpen","DEFAULT_DELAY_OPEN","triggerComponent","className","getIsOpen","onOpen","tooltipType","TooltipType","TOOLTIP","showArrow","offset","zIndex","extraModifiers","useState","showTooltip","setShowTooltip","isAnimating","setIsAnimating","referenceElement","setReferenceElement","popperElement","setPopperElement","arrowElement","setArrowElement","timerOpen","useRef","timerClosed","usePopper","modifiers","name","enabled","options","TOOLBAR","element","styles","attributes","handleShowTooltipOn","useCallback","current","setTimeout","handleShowTooltipOff","handleKeyDown","e","key","target","blur","checkAnimationStatus","useEffect","clearTimeout","ref","setMultipleRefs","popper","arrow","propTypes","tooltipV2Props","TooltipV2WithSchema","describe"],"mappings":"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"}
1
+ {"version":3,"file":"DSTooltip.js","sources":["../../../src/v2/DSTooltip.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React, { useState, useCallback, useEffect, useRef } from 'react';\nimport { describe } from 'react-desc';\nimport DSPortal from '@elliemae/ds-portal';\nimport { DEFAULT_DELAY_OPEN, DEFAULT_DELAY_CLOSE } from '@elliemae/ds-shared/constants';\nimport { usePopper } from 'react-popper';\nimport { tooltipPositions } from './utils/tooltipPositions';\nimport { TooltipType } from './TooltipType';\nimport {\n StyledTooltipContainer,\n StyledTriggerComponentContainer,\n StyledTooltipText,\n StyledAnimatedTooltip,\n} from './styles';\nimport { DSTooltipArrow } from './DSTooltipArrow';\nimport { DSTooltipT } from '.';\nimport { tooltipV2Props } from './propTypes';\nimport { setMultipleRefs } from './utils/setMultipleRefs';\n\nconst DSTooltipV2 = ({\n containerProps = {},\n innerRef,\n placement = tooltipPositions.BOTTOM,\n title = '',\n delayClose = DEFAULT_DELAY_CLOSE,\n delayOpen = DEFAULT_DELAY_OPEN,\n triggerComponent = null,\n className = '',\n getIsOpen = () => null,\n onOpen = () => null,\n tooltipType = TooltipType.TOOLTIP,\n showArrow = true,\n offset = [0, 14],\n zIndex = 10,\n extraModifiers = {},\n}: DSTooltipT): React.ReactElement => {\n const [showTooltip, setShowTooltip] = useState<boolean>(false);\n const [isAnimating, setIsAnimating] = useState<boolean>(false);\n const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(triggerComponent);\n const [popperElement, setPopperElement] = useState<HTMLDivElement | null>(null);\n const [arrowElement, setArrowElement] = useState<HTMLDivElement | null>(null);\n const timerOpen = useRef(null);\n const timerClosed = useRef(null);\n\n const { styles, attributes } = usePopper(referenceElement, popperElement, {\n placement,\n modifiers: [\n { name: 'hide', enabled: true },\n {\n name: 'offset',\n enabled: true,\n options: {\n offset: tooltipType === TooltipType.TOOLBAR ? [0, 0] : offset,\n },\n },\n { name: 'arrow', options: { element: arrowElement } },\n { ...extraModifiers },\n ],\n });\n\n const handleShowTooltipOn = useCallback(() => {\n timerOpen.current = setTimeout(() => {\n setShowTooltip(true);\n setIsAnimating(true);\n getIsOpen(true);\n onOpen();\n }, delayOpen);\n }, [delayOpen, getIsOpen, onOpen]);\n\n const handleShowTooltipOff = useCallback(() => {\n timerClosed.current = setTimeout(() => {\n setShowTooltip(false);\n setIsAnimating(true);\n getIsOpen(false);\n }, delayClose);\n }, [delayClose, getIsOpen]);\n\n const handleKeyDown = useCallback((e) => {\n if (e.key === 'Escape') {\n e.target.blur();\n }\n }, []);\n\n const checkAnimationStatus = useCallback(() => {\n if (!showTooltip) {\n setIsAnimating(false);\n }\n }, [showTooltip]);\n\n useEffect(\n () => () => {\n clearTimeout(timerClosed.current);\n clearTimeout(timerOpen.current);\n },\n [],\n );\n\n return (\n <>\n <StyledTriggerComponentContainer\n ref={setReferenceElement}\n onMouseEnter={handleShowTooltipOn}\n onMouseLeave={handleShowTooltipOff}\n onFocus={handleShowTooltipOn}\n onBlur={handleShowTooltipOff}\n onKeyDown={handleKeyDown}\n >\n {triggerComponent}\n </StyledTriggerComponentContainer>\n {isAnimating || showTooltip ? (\n <DSPortal>\n <StyledTooltipContainer\n className={className}\n showTooltip={showTooltip}\n tooltipType={tooltipType}\n data-testid=\"ds-tooltip-container\"\n ref={(ref) => setMultipleRefs(setPopperElement, innerRef)(ref)}\n style={{ ...styles.popper, zIndex }}\n {...containerProps}\n {...attributes.popper}\n >\n <StyledAnimatedTooltip\n showTooltip={showTooltip}\n data-testid=\"ds-tooltip\"\n onAnimationEnd={checkAnimationStatus}\n >\n <StyledTooltipText>{title}</StyledTooltipText>\n {tooltipType === TooltipType.TOOLTIP && showArrow ? (\n <DSTooltipArrow\n arrowElementRef={setArrowElement}\n style={styles.arrow}\n placement={attributes.popper ? attributes.popper['data-popper-placement'] : 'bottom'}\n />\n ) : null}\n </StyledAnimatedTooltip>\n </StyledTooltipContainer>\n </DSPortal>\n ) : null}\n </>\n );\n};\n\nDSTooltipV2.propTypes = tooltipV2Props;\n\nconst TooltipV2WithSchema = describe(DSTooltipV2);\nTooltipV2WithSchema.propTypes = tooltipV2Props;\n\nexport { DSTooltipV2, TooltipV2WithSchema };\n"],"names":["DSTooltipV2","containerProps","innerRef","placement","tooltipPositions","BOTTOM","title","delayClose","DEFAULT_DELAY_CLOSE","delayOpen","DEFAULT_DELAY_OPEN","triggerComponent","className","getIsOpen","onOpen","tooltipType","TooltipType","TOOLTIP","showArrow","offset","zIndex","extraModifiers","useState","showTooltip","setShowTooltip","isAnimating","setIsAnimating","referenceElement","setReferenceElement","popperElement","setPopperElement","arrowElement","setArrowElement","timerOpen","useRef","timerClosed","usePopper","modifiers","name","enabled","options","TOOLBAR","element","styles","attributes","handleShowTooltipOn","useCallback","current","setTimeout","handleShowTooltipOff","handleKeyDown","e","key","target","blur","checkAnimationStatus","useEffect","clearTimeout","ref","setMultipleRefs","popper","arrow","propTypes","tooltipV2Props","TooltipV2WithSchema","describe"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"DSTooltipArrow.js","sources":["../../../src/v2/DSTooltipArrow.tsx"],"sourcesContent":["import React from 'react';\nimport { DSTooltipArrowT } from './index.d';\nimport { StyledTooltipArrow } from './styles';\n\nconst DSTooltipArrow = ({ placement, style, arrowElementRef }: DSTooltipArrowT): React.ReactElement => (\n <StyledTooltipArrow\n key=\"popper-arrow\"\n data-placement={placement}\n style={style}\n ref={arrowElementRef}\n data-testid=\"ds-tooltip-arrow\"\n >\n <svg viewBox=\"0 0 30 30\">\n <path\n className=\"stroke\"\n d=\"M23.7,27.1L17,19.9C16.5,19.3,15.8,19,15,19s-1.6,0.3-2.1,0.9l-6.6,7.2C5.3,28.1,3.4,29,2,29h26\n C26.7,29,24.6,28.1,23.7,27.1z\"\n />\n <path\n className=\"fill\"\n d=\"M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z\"\n />\n </svg>\n </StyledTooltipArrow>\n);\n\nexport { DSTooltipArrow };\n"],"names":["DSTooltipArrow","placement","style","arrowElementRef"],"mappings":";;;;;;IAIMA,cAAc,GAAG,SAAjBA,cAAiB;AAAA,MAAGC,SAAH,QAAGA,SAAH;AAAA,MAAcC,KAAd,QAAcA,KAAd;AAAA,MAAqBC,eAArB,QAAqBA,eAArB;AAAA,sBACrB,oBAAC,kBAAD;AACE,IAAA,GAAG,EAAC,cADN;AAEE,sBAAgBF,SAFlB;AAGE,IAAA,KAAK,EAAEC,KAHT;AAIE,IAAA,GAAG,EAAEC,eAJP;AAKE,mBAAY;AALd,kBAOE;AAAK,IAAA,OAAO,EAAC;AAAb,kBACE;AACE,IAAA,SAAS,EAAC,QADZ;AAEE,IAAA,CAAC,EAAC;AAFJ,IADF,eAME;AACE,IAAA,SAAS,EAAC,MADZ;AAEE,IAAA,CAAC,EAAC;AAFJ,IANF,CAPF,CADqB;AAAA;;;;"}
1
+ {"version":3,"file":"DSTooltipArrow.js","sources":["../../../src/v2/DSTooltipArrow.tsx"],"sourcesContent":["import React from 'react';\nimport { DSTooltipArrowT } from './index.d';\nimport { StyledTooltipArrow } from './styles';\n\nconst DSTooltipArrow = ({ placement, style, arrowElementRef }: DSTooltipArrowT): React.ReactElement => (\n <StyledTooltipArrow\n key=\"popper-arrow\"\n data-placement={placement}\n style={style}\n ref={arrowElementRef}\n data-testid=\"ds-tooltip-arrow\"\n >\n <svg viewBox=\"0 0 30 30\">\n <path\n className=\"stroke\"\n d=\"M23.7,27.1L17,19.9C16.5,19.3,15.8,19,15,19s-1.6,0.3-2.1,0.9l-6.6,7.2C5.3,28.1,3.4,29,2,29h26\n C26.7,29,24.6,28.1,23.7,27.1z\"\n />\n <path\n className=\"fill\"\n d=\"M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z\"\n />\n </svg>\n </StyledTooltipArrow>\n);\n\nexport { DSTooltipArrow };\n"],"names":["DSTooltipArrow","placement","style","arrowElementRef"],"mappings":";;;;;;IAIMA,cAAc,GAAG,SAAjBA,cAAiB;EAAA,IAAGC,SAAH,QAAGA,SAAH;MAAcC,KAAd,QAAcA,KAAd;MAAqBC,eAArB,QAAqBA,eAArB;EAAA,oBACrB,oBAAC,kBAAD;IACE,GAAG,EAAC,cADN;IAEE,kBAAgBF,SAFlB;IAGE,KAAK,EAAEC,KAHT;IAIE,GAAG,EAAEC,eAJP;IAKE,eAAY;kBAEZ;IAAK,OAAO,EAAC;kBACX;IACE,SAAS,EAAC,QADZ;IAEE,CAAC,EAAC;IAHN,eAME;IACE,SAAS,EAAC,MADZ;IAEE,CAAC,EAAC;IARN,CAPF,CADqB;AAAA;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"TooltipType.js","sources":["../../../src/v2/TooltipType.tsx"],"sourcesContent":["const TooltipType = {\n TOOLTIP: 'tooltip' as const,\n TOOLBAR: 'toolbar' as const,\n};\n\nexport { TooltipType };\n"],"names":["TooltipType","TOOLTIP","TOOLBAR"],"mappings":"IAAMA,WAAW,GAAG;AAClBC,EAAAA,OAAO,EAAE,SADS;AAElBC,EAAAA,OAAO,EAAE;AAFS;;;;"}
1
+ {"version":3,"file":"TooltipType.js","sources":["../../../src/v2/TooltipType.tsx"],"sourcesContent":["const TooltipType = {\n TOOLTIP: 'tooltip' as const,\n TOOLBAR: 'toolbar' as const,\n};\n\nexport { TooltipType };\n"],"names":["TooltipType","TOOLTIP","TOOLBAR"],"mappings":"IAAMA,WAAW,GAAG;EAClBC,OAAO,EAAE,SADS;EAElBC,OAAO,EAAE;AAFS;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"propTypes.js","sources":["../../../src/v2/propTypes.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\nimport { DEFAULT_DELAY_OPEN, DEFAULT_DELAY_CLOSE } from '@elliemae/ds-shared/constants';\nimport { TooltipType } from './TooltipType';\nimport { tooltipPositions } from './utils/tooltipPositions';\n\nconst tooltipV2Props = {\n containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n placement: PropTypes.oneOf(Object.values(tooltipPositions))\n .description('Tooltip position')\n .defaultValue(tooltipPositions.TOP),\n title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description('Tooltip content').isRequired,\n delayClose: PropTypes.number.description('Delay to close the tooltip').defaultValue(DEFAULT_DELAY_CLOSE),\n delayOpen: PropTypes.number.description('Delay to open the tooltip ').defaultValue(DEFAULT_DELAY_OPEN),\n triggerComponent: PropTypes.element.description(\n `The component that will open/close the tooltip. \n Cannot be used with disabled elements. \n https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled`,\n ).isRequired,\n getIsOpen: PropTypes.func.description('Whether the tooltip is visible or not'),\n onOpen: PropTypes.func.description('Callback when the tooltip opens'),\n showArrow: PropTypes.bool.description('Whether to show an arrow or not').defaultValue(true),\n className: PropTypes.string.description('css class'),\n tooltipType: PropTypes.oneOf(['tooltip', 'toolbar']).description('Type of tooltip').defaultValue(TooltipType.TOOLTIP),\n zIndex: PropTypes.number.description('z-index value assigned to the tooltip').defaultValue(undefined),\n innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description('Ref to the tooltip container element'),\n offset: PropTypes.arrayOf(PropTypes.number).description('Custom Offset for the tooltip [x, y]'),\n};\n\nexport { tooltipV2Props };\n"],"names":["tooltipV2Props","containerProps","PropTypes","object","description","placement","oneOf","Object","values","tooltipPositions","defaultValue","TOP","title","oneOfType","string","element","isRequired","delayClose","number","DEFAULT_DELAY_CLOSE","delayOpen","DEFAULT_DELAY_OPEN","triggerComponent","getIsOpen","func","onOpen","showArrow","bool","className","tooltipType","TooltipType","TOOLTIP","zIndex","undefined","innerRef","offset","arrayOf"],"mappings":";;;;;IAKMA,cAAc,GAAG;AACrBC,EAAAA,cAAc,EAAEC,SAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,kDAA7B,CADK;AAErBC,EAAAA,SAAS,EAAEH,SAAS,CAACI,KAAV,CAAgBC,MAAM,CAACC,MAAP,CAAcC,gBAAd,CAAhB,EACRL,WADQ,CACI,kBADJ,EAERM,YAFQ,CAEKD,gBAAgB,CAACE,GAFtB,CAFU;AAKrBC,EAAAA,KAAK,EAAEV,SAAS,CAACW,SAAV,CAAoB,CAACX,SAAS,CAACY,MAAX,EAAmBZ,SAAS,CAACa,OAA7B,CAApB,EAA2DX,WAA3D,CAAuE,iBAAvE,EAA0FY,UAL5E;AAMrBC,EAAAA,UAAU,EAAEf,SAAS,CAACgB,MAAV,CAAiBd,WAAjB,CAA6B,4BAA7B,EAA2DM,YAA3D,CAAwES,mBAAxE,CANS;AAOrBC,EAAAA,SAAS,EAAElB,SAAS,CAACgB,MAAV,CAAiBd,WAAjB,CAA6B,4BAA7B,EAA2DM,YAA3D,CAAwEW,kBAAxE,CAPU;AAQrBC,EAAAA,gBAAgB,EAAEpB,SAAS,CAACa,OAAV,CAAkBX,WAAlB,iLAIhBY,UAZmB;AAarBO,EAAAA,SAAS,EAAErB,SAAS,CAACsB,IAAV,CAAepB,WAAf,CAA2B,uCAA3B,CAbU;AAcrBqB,EAAAA,MAAM,EAAEvB,SAAS,CAACsB,IAAV,CAAepB,WAAf,CAA2B,iCAA3B,CAda;AAerBsB,EAAAA,SAAS,EAAExB,SAAS,CAACyB,IAAV,CAAevB,WAAf,CAA2B,iCAA3B,EAA8DM,YAA9D,CAA2E,IAA3E,CAfU;AAgBrBkB,EAAAA,SAAS,EAAE1B,SAAS,CAACY,MAAV,CAAiBV,WAAjB,CAA6B,WAA7B,CAhBU;AAiBrByB,EAAAA,WAAW,EAAE3B,SAAS,CAACI,KAAV,CAAgB,CAAC,SAAD,EAAY,SAAZ,CAAhB,EAAwCF,WAAxC,CAAoD,iBAApD,EAAuEM,YAAvE,CAAoFoB,WAAW,CAACC,OAAhG,CAjBQ;AAkBrBC,EAAAA,MAAM,EAAE9B,SAAS,CAACgB,MAAV,CAAiBd,WAAjB,CAA6B,uCAA7B,EAAsEM,YAAtE,CAAmFuB,SAAnF,CAlBa;AAmBrBC,EAAAA,QAAQ,EAAEhC,SAAS,CAACW,SAAV,CAAoB,CAACX,SAAS,CAACsB,IAAX,EAAiBtB,SAAS,CAACC,MAA3B,CAApB,EAAwDC,WAAxD,CAAoE,sCAApE,CAnBW;AAoBrB+B,EAAAA,MAAM,EAAEjC,SAAS,CAACkC,OAAV,CAAkBlC,SAAS,CAACgB,MAA5B,EAAoCd,WAApC,CAAgD,sCAAhD;AApBa;;;;"}
1
+ {"version":3,"file":"propTypes.js","sources":["../../../src/v2/propTypes.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\nimport { DEFAULT_DELAY_OPEN, DEFAULT_DELAY_CLOSE } from '@elliemae/ds-shared/constants';\nimport { TooltipType } from './TooltipType';\nimport { tooltipPositions } from './utils/tooltipPositions';\n\nconst tooltipV2Props = {\n containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n placement: PropTypes.oneOf(Object.values(tooltipPositions))\n .description('Tooltip position')\n .defaultValue(tooltipPositions.TOP),\n title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description('Tooltip content').isRequired,\n delayClose: PropTypes.number.description('Delay to close the tooltip').defaultValue(DEFAULT_DELAY_CLOSE),\n delayOpen: PropTypes.number.description('Delay to open the tooltip ').defaultValue(DEFAULT_DELAY_OPEN),\n triggerComponent: PropTypes.element.description(\n `The component that will open/close the tooltip. \n Cannot be used with disabled elements. \n https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled`,\n ).isRequired,\n getIsOpen: PropTypes.func.description('Whether the tooltip is visible or not'),\n onOpen: PropTypes.func.description('Callback when the tooltip opens'),\n showArrow: PropTypes.bool.description('Whether to show an arrow or not').defaultValue(true),\n className: PropTypes.string.description('css class'),\n tooltipType: PropTypes.oneOf(['tooltip', 'toolbar']).description('Type of tooltip').defaultValue(TooltipType.TOOLTIP),\n zIndex: PropTypes.number.description('z-index value assigned to the tooltip').defaultValue(undefined),\n innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description('Ref to the tooltip container element'),\n offset: PropTypes.arrayOf(PropTypes.number).description('Custom Offset for the tooltip [x, y]'),\n};\n\nexport { tooltipV2Props };\n"],"names":["tooltipV2Props","containerProps","PropTypes","object","description","placement","oneOf","Object","values","tooltipPositions","defaultValue","TOP","title","oneOfType","string","element","isRequired","delayClose","number","DEFAULT_DELAY_CLOSE","delayOpen","DEFAULT_DELAY_OPEN","triggerComponent","getIsOpen","func","onOpen","showArrow","bool","className","tooltipType","TooltipType","TOOLTIP","zIndex","undefined","innerRef","offset","arrayOf"],"mappings":";;;;;IAKMA,cAAc,GAAG;EACrBC,cAAc,EAAEC,SAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,kDAA7B,CADK;EAErBC,SAAS,EAAEH,SAAS,CAACI,KAAV,CAAgBC,MAAM,CAACC,MAAP,CAAcC,gBAAd,CAAhB,EACRL,WADQ,CACI,kBADJ,EAERM,YAFQ,CAEKD,gBAAgB,CAACE,GAFtB,CAFU;EAKrBC,KAAK,EAAEV,SAAS,CAACW,SAAV,CAAoB,CAACX,SAAS,CAACY,MAAX,EAAmBZ,SAAS,CAACa,OAA7B,CAApB,EAA2DX,WAA3D,CAAuE,iBAAvE,EAA0FY,UAL5E;EAMrBC,UAAU,EAAEf,SAAS,CAACgB,MAAV,CAAiBd,WAAjB,CAA6B,4BAA7B,EAA2DM,YAA3D,CAAwES,mBAAxE,CANS;EAOrBC,SAAS,EAAElB,SAAS,CAACgB,MAAV,CAAiBd,WAAjB,CAA6B,4BAA7B,EAA2DM,YAA3D,CAAwEW,kBAAxE,CAPU;EAQrBC,gBAAgB,EAAEpB,SAAS,CAACa,OAAV,CAAkBX,WAAlB,iLAIhBY,UAZmB;EAarBO,SAAS,EAAErB,SAAS,CAACsB,IAAV,CAAepB,WAAf,CAA2B,uCAA3B,CAbU;EAcrBqB,MAAM,EAAEvB,SAAS,CAACsB,IAAV,CAAepB,WAAf,CAA2B,iCAA3B,CAda;EAerBsB,SAAS,EAAExB,SAAS,CAACyB,IAAV,CAAevB,WAAf,CAA2B,iCAA3B,EAA8DM,YAA9D,CAA2E,IAA3E,CAfU;EAgBrBkB,SAAS,EAAE1B,SAAS,CAACY,MAAV,CAAiBV,WAAjB,CAA6B,WAA7B,CAhBU;EAiBrByB,WAAW,EAAE3B,SAAS,CAACI,KAAV,CAAgB,CAAC,SAAD,EAAY,SAAZ,CAAhB,EAAwCF,WAAxC,CAAoD,iBAApD,EAAuEM,YAAvE,CAAoFoB,WAAW,CAACC,OAAhG,CAjBQ;EAkBrBC,MAAM,EAAE9B,SAAS,CAACgB,MAAV,CAAiBd,WAAjB,CAA6B,uCAA7B,EAAsEM,YAAtE,CAAmFuB,SAAnF,CAlBa;EAmBrBC,QAAQ,EAAEhC,SAAS,CAACW,SAAV,CAAoB,CAACX,SAAS,CAACsB,IAAX,EAAiBtB,SAAS,CAACC,MAA3B,CAApB,EAAwDC,WAAxD,CAAoE,sCAApE,CAnBW;EAoBrB+B,MAAM,EAAEjC,SAAS,CAACkC,OAAV,CAAkBlC,SAAS,CAACgB,MAA5B,EAAoCd,WAApC,CAAgD,sCAAhD;AApBa;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sources":["../../../src/v2/styles.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { kfrm, css } from '@elliemae/ds-system';\nimport { TooltipAnimationT, TooltipContainerT } from './index.d';\n\nconst showAnimation = kfrm`\n from {\n opacity: 0;\n transform: scale(0.8);\n }\n\n to {\n opacity: 1;\n transform: scale(1);\n visibility: visible;\n }\n`;\n\nconst hideAnimation = kfrm`\n 0% {\n opacity: 1;\n transform: scale(1);\n }\n\n 100% {\n opacity: 0;\n transform: scale(0.8);\n }\n`;\n\nconst StyledTooltipContainer = styled.div<TooltipContainerT>`\n &[data-popper-reference-hidden='true'] {\n display: none;\n pointer-events: none;\n }\n`;\n\nconst StyledAnimatedTooltip = styled.div<TooltipAnimationT>`\n text-align: center;\n min-width: ${({ theme }) => theme.space.l};\n max-width: 250px;\n min-height: 24px;\n padding: ${({ theme }) => `${theme.space.xxxs} ${theme.space.xs}`};\n position: relative;\n background-color: white;\n border-radius: 2px;\n font-size: 13px;\n color: ${({ theme }) => theme.colors.neutral[600]};\n box-shadow: 0 1px 5px 0 rgb(0 0 0 / 13%), 0 2px 4px 0 rgb(0 0 0 / 20%);\n filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));\n visibility: ${({ showTooltip }) => (showTooltip ? 'visible' : 'hidden')};\n ${({ showTooltip }) =>\n css`\n animation: ${showTooltip ? showAnimation : hideAnimation} 0.1s ease-in;\n `}\n transition: visibility 0.1s ease-in;\n`;\n\nconst StyledTriggerComponentContainer = styled.div`\n display: inline-block;\n`;\n\nconst StyledTooltipText = styled.div`\n white-space: normal;\n word-wrap: break-word;\n display: inline-block;\n`;\n\nconst StyledTooltipArrow = styled.div`\n position: absolute;\n width: 18px;\n height: 18px;\n pointer-events: none;\n background-color: transparent;\n & .stroke {\n fill: white;\n }\n & .fill {\n fill: white;\n }\n\n &[data-placement^='top'] {\n svg {\n transform: rotateZ(180deg);\n }\n top: 98%;\n }\n &[data-placement^='right'] {\n svg {\n transform: rotateZ(-90deg);\n }\n right: 99.5%;\n }\n &[data-placement^='bottom'] {\n bottom: 97%;\n }\n &[data-placement^='left'] {\n svg {\n transform: rotateZ(90deg);\n }\n left: 99.5%;\n }\n`;\n\nexport {\n StyledTooltipContainer,\n StyledTriggerComponentContainer,\n StyledTooltipText,\n StyledTooltipArrow,\n StyledAnimatedTooltip,\n};\n"],"names":["showAnimation","kfrm","hideAnimation","StyledTooltipContainer","styled","div","StyledAnimatedTooltip","theme","space","l","xxxs","xs","colors","neutral","showTooltip","css","StyledTriggerComponentContainer","StyledTooltipText","StyledTooltipArrow"],"mappings":";;;;;AAIA,IAAMA,aAAa,GAAGC,IAAH,yOAAnB;AAaA,IAAMC,aAAa,GAAGD,IAAH,+MAAnB;IAYME,sBAAsB,gBAAGC,MAAM,CAACC,GAAV;AAAA;AAAA;IAOtBC,qBAAqB,gBAAGF,MAAM,CAACC,GAAV;AAAA;AAAA,uVAEZ;AAAA,MAAGE,KAAH,QAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,KAAN,CAAYC,CAA3B;AAAA,CAFY,EAKd;AAAA,MAAGF,KAAH,SAAGA,KAAH;AAAA,mBAAkBA,KAAK,CAACC,KAAN,CAAYE,IAA9B,cAAsCH,KAAK,CAACC,KAAN,CAAYG,EAAlD;AAAA,CALc,EAUhB;AAAA,MAAGJ,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACK,MAAN,CAAaC,OAAb,CAAqB,GAArB,CAAf;AAAA,CAVgB,EAaX;AAAA,MAAGC,WAAH,SAAGA,WAAH;AAAA,SAAsBA,WAAW,GAAG,SAAH,GAAe,QAAhD;AAAA,CAbW,EAcvB;AAAA,MAAGA,WAAH,SAAGA,WAAH;AAAA,SACAC,GADA,mHAEeD,WAAW,GAAGd,aAAH,GAAmBE,aAF7C;AAAA,CAduB;IAqBrBc,+BAA+B,gBAAGZ,MAAM,CAACC,GAAV;AAAA;AAAA;IAI/BY,iBAAiB,gBAAGb,MAAM,CAACC,GAAV;AAAA;AAAA;IAMjBa,kBAAkB,gBAAGd,MAAM,CAACC,GAAV;AAAA;AAAA;;;;"}
1
+ {"version":3,"file":"styles.js","sources":["../../../src/v2/styles.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { kfrm, css } from '@elliemae/ds-system';\nimport { TooltipAnimationT, TooltipContainerT } from './index.d';\n\nconst showAnimation = kfrm`\n from {\n opacity: 0;\n transform: scale(0.8);\n }\n\n to {\n opacity: 1;\n transform: scale(1);\n visibility: visible;\n }\n`;\n\nconst hideAnimation = kfrm`\n 0% {\n opacity: 1;\n transform: scale(1);\n }\n\n 100% {\n opacity: 0;\n transform: scale(0.8);\n }\n`;\n\nconst StyledTooltipContainer = styled.div<TooltipContainerT>`\n &[data-popper-reference-hidden='true'] {\n display: none;\n pointer-events: none;\n }\n`;\n\nconst StyledAnimatedTooltip = styled.div<TooltipAnimationT>`\n text-align: center;\n min-width: ${({ theme }) => theme.space.l};\n max-width: 250px;\n min-height: 24px;\n padding: ${({ theme }) => `${theme.space.xxxs} ${theme.space.xs}`};\n position: relative;\n background-color: white;\n border-radius: 2px;\n font-size: 13px;\n color: ${({ theme }) => theme.colors.neutral[600]};\n box-shadow: 0 1px 5px 0 rgb(0 0 0 / 13%), 0 2px 4px 0 rgb(0 0 0 / 20%);\n filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));\n visibility: ${({ showTooltip }) => (showTooltip ? 'visible' : 'hidden')};\n ${({ showTooltip }) =>\n css`\n animation: ${showTooltip ? showAnimation : hideAnimation} 0.1s ease-in;\n `}\n transition: visibility 0.1s ease-in;\n`;\n\nconst StyledTriggerComponentContainer = styled.div`\n display: inline-block;\n`;\n\nconst StyledTooltipText = styled.div`\n white-space: normal;\n word-wrap: break-word;\n display: inline-block;\n`;\n\nconst StyledTooltipArrow = styled.div`\n position: absolute;\n width: 18px;\n height: 18px;\n pointer-events: none;\n background-color: transparent;\n & .stroke {\n fill: white;\n }\n & .fill {\n fill: white;\n }\n\n &[data-placement^='top'] {\n svg {\n transform: rotateZ(180deg);\n }\n top: 98%;\n }\n &[data-placement^='right'] {\n svg {\n transform: rotateZ(-90deg);\n }\n right: 99.5%;\n }\n &[data-placement^='bottom'] {\n bottom: 97%;\n }\n &[data-placement^='left'] {\n svg {\n transform: rotateZ(90deg);\n }\n left: 99.5%;\n }\n`;\n\nexport {\n StyledTooltipContainer,\n StyledTriggerComponentContainer,\n StyledTooltipText,\n StyledTooltipArrow,\n StyledAnimatedTooltip,\n};\n"],"names":["showAnimation","kfrm","hideAnimation","StyledTooltipContainer","styled","div","StyledAnimatedTooltip","theme","space","l","xxxs","xs","colors","neutral","showTooltip","css","StyledTriggerComponentContainer","StyledTooltipText","StyledTooltipArrow"],"mappings":";;;;;AAIA,IAAMA,aAAa,GAAGC,IAAH,yOAAnB;AAaA,IAAMC,aAAa,GAAGD,IAAH,+MAAnB;IAYME,sBAAsB,gBAAGC,MAAM,CAACC,GAAV;EAAA;AAAA;IAOtBC,qBAAqB,gBAAGF,MAAM,CAACC,GAAV;EAAA;AAAA,uVAEZ;EAAA,IAAGE,KAAH,QAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,KAAN,CAAYC,CAA3B;AAAA,CAFY,EAKd;EAAA,IAAGF,KAAH,SAAGA,KAAH;EAAA,iBAAkBA,KAAK,CAACC,KAAN,CAAYE,IAA9B,cAAsCH,KAAK,CAACC,KAAN,CAAYG,EAAlD;AAAA,CALc,EAUhB;EAAA,IAAGJ,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACK,MAAN,CAAaC,OAAb,CAAqB,GAArB,CAAf;AAAA,CAVgB,EAaX;EAAA,IAAGC,WAAH,SAAGA,WAAH;EAAA,OAAsBA,WAAW,GAAG,SAAH,GAAe,QAAhD;AAAA,CAbW,EAcvB;EAAA,IAAGA,WAAH,SAAGA,WAAH;EAAA,OACAC,GADA,mHAEeD,WAAW,GAAGd,aAAH,GAAmBE,aAF7C;AAAA,CAduB;IAqBrBc,+BAA+B,gBAAGZ,MAAM,CAACC,GAAV;EAAA;AAAA;IAI/BY,iBAAiB,gBAAGb,MAAM,CAACC,GAAV;EAAA;AAAA;IAMjBa,kBAAkB,gBAAGd,MAAM,CAACC,GAAV;EAAA;AAAA;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"setMultipleRefs.js","sources":["../../../../src/v2/utils/setMultipleRefs.ts"],"sourcesContent":["export const setMultipleRefs = (...refs) => {\n const filteredRefs = refs.filter(Boolean);\n if (!filteredRefs.length) return null;\n if (filteredRefs.length === 0) return filteredRefs[0];\n return (newRef) => {\n filteredRefs.forEach((refToBeUpdated) => {\n if (typeof refToBeUpdated === 'function') {\n refToBeUpdated(newRef);\n } else if (refToBeUpdated) {\n refToBeUpdated.current = newRef;\n }\n });\n };\n};\n"],"names":["setMultipleRefs","refs","filteredRefs","filter","Boolean","length","newRef","forEach","refToBeUpdated","current"],"mappings":"IAAaA,eAAe,GAAG,SAAlBA,eAAkB,GAAa;AAAA,oCAATC,IAAS;AAATA,IAAAA,IAAS;AAAA;;AAC1C,MAAMC,YAAY,GAAGD,IAAI,CAACE,MAAL,CAAYC,OAAZ,CAArB;AACA,MAAI,CAACF,YAAY,CAACG,MAAlB,EAA0B,OAAO,IAAP;AAC1B,MAAIH,YAAY,CAACG,MAAb,KAAwB,CAA5B,EAA+B,OAAOH,YAAY,CAAC,CAAD,CAAnB;AAC/B,SAAO,UAACI,MAAD,EAAY;AACjBJ,IAAAA,YAAY,CAACK,OAAb,CAAqB,UAACC,cAAD,EAAoB;AACvC,UAAI,OAAOA,cAAP,KAA0B,UAA9B,EAA0C;AACxCA,QAAAA,cAAc,CAACF,MAAD,CAAd;AACD,OAFD,MAEO,IAAIE,cAAJ,EAAoB;AACzBA,QAAAA,cAAc,CAACC,OAAf,GAAyBH,MAAzB;AACD;AACF,KAND;AAOD,GARD;AASD;;;;"}
1
+ {"version":3,"file":"setMultipleRefs.js","sources":["../../../../src/v2/utils/setMultipleRefs.ts"],"sourcesContent":["export const setMultipleRefs = (...refs) => {\n const filteredRefs = refs.filter(Boolean);\n if (!filteredRefs.length) return null;\n if (filteredRefs.length === 0) return filteredRefs[0];\n return (newRef) => {\n filteredRefs.forEach((refToBeUpdated) => {\n if (typeof refToBeUpdated === 'function') {\n refToBeUpdated(newRef);\n } else if (refToBeUpdated) {\n refToBeUpdated.current = newRef;\n }\n });\n };\n};\n"],"names":["setMultipleRefs","refs","filteredRefs","filter","Boolean","length","newRef","forEach","refToBeUpdated","current"],"mappings":"IAAaA,eAAe,GAAG,SAAlBA,eAAkB,GAAa;EAAA,kCAATC,IAAS;IAATA,IAAS;;;EAC1C,IAAMC,YAAY,GAAGD,IAAI,CAACE,MAAL,CAAYC,OAAZ,CAArB;EACA,IAAI,CAACF,YAAY,CAACG,MAAlB,EAA0B,OAAO,IAAP;EAC1B,IAAIH,YAAY,CAACG,MAAb,KAAwB,CAA5B,EAA+B,OAAOH,YAAY,CAAC,CAAD,CAAnB;EAC/B,OAAO,UAACI,MAAD,EAAY;IACjBJ,YAAY,CAACK,OAAb,CAAqB,UAACC,cAAD,EAAoB;MACvC,IAAI,OAAOA,cAAP,KAA0B,UAA9B,EAA0C;QACxCA,cAAc,CAACF,MAAD,CAAd;OADF,MAEO,IAAIE,cAAJ,EAAoB;QACzBA,cAAc,CAACC,OAAf,GAAyBH,MAAzB;;KAJJ;GADF;AASD;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"tooltipPositions.js","sources":["../../../../src/v2/utils/tooltipPositions.ts"],"sourcesContent":["const tooltipPositions = {\n TOP: 'top' as const,\n BOTTOM: 'bottom' as const,\n RIGHT: 'right' as const,\n LEFT: 'left' as const,\n TOP_START: 'top-start' as const,\n TOP_END: 'top-end' as const,\n BOTTOM_START: 'bottom-start' as const,\n BOTTOM_END: 'bottom-end' as const,\n RIGHT_START: 'right-start' as const,\n RIGHT_END: 'right-end' as const,\n LEFT_START: 'left-start' as const,\n LEFT_END: 'left-end' as const,\n};\n\nexport { tooltipPositions };\n"],"names":["tooltipPositions","TOP","BOTTOM","RIGHT","LEFT","TOP_START","TOP_END","BOTTOM_START","BOTTOM_END","RIGHT_START","RIGHT_END","LEFT_START","LEFT_END"],"mappings":"IAAMA,gBAAgB,GAAG;AACvBC,EAAAA,GAAG,EAAE,KADkB;AAEvBC,EAAAA,MAAM,EAAE,QAFe;AAGvBC,EAAAA,KAAK,EAAE,OAHgB;AAIvBC,EAAAA,IAAI,EAAE,MAJiB;AAKvBC,EAAAA,SAAS,EAAE,WALY;AAMvBC,EAAAA,OAAO,EAAE,SANc;AAOvBC,EAAAA,YAAY,EAAE,cAPS;AAQvBC,EAAAA,UAAU,EAAE,YARW;AASvBC,EAAAA,WAAW,EAAE,aATU;AAUvBC,EAAAA,SAAS,EAAE,WAVY;AAWvBC,EAAAA,UAAU,EAAE,YAXW;AAYvBC,EAAAA,QAAQ,EAAE;AAZa;;;;"}
1
+ {"version":3,"file":"tooltipPositions.js","sources":["../../../../src/v2/utils/tooltipPositions.ts"],"sourcesContent":["const tooltipPositions = {\n TOP: 'top' as const,\n BOTTOM: 'bottom' as const,\n RIGHT: 'right' as const,\n LEFT: 'left' as const,\n TOP_START: 'top-start' as const,\n TOP_END: 'top-end' as const,\n BOTTOM_START: 'bottom-start' as const,\n BOTTOM_END: 'bottom-end' as const,\n RIGHT_START: 'right-start' as const,\n RIGHT_END: 'right-end' as const,\n LEFT_START: 'left-start' as const,\n LEFT_END: 'left-end' as const,\n};\n\nexport { tooltipPositions };\n"],"names":["tooltipPositions","TOP","BOTTOM","RIGHT","LEFT","TOP_START","TOP_END","BOTTOM_START","BOTTOM_END","RIGHT_START","RIGHT_END","LEFT_START","LEFT_END"],"mappings":"IAAMA,gBAAgB,GAAG;EACvBC,GAAG,EAAE,KADkB;EAEvBC,MAAM,EAAE,QAFe;EAGvBC,KAAK,EAAE,OAHgB;EAIvBC,IAAI,EAAE,MAJiB;EAKvBC,SAAS,EAAE,WALY;EAMvBC,OAAO,EAAE,SANc;EAOvBC,YAAY,EAAE,cAPS;EAQvBC,UAAU,EAAE,YARW;EASvBC,WAAW,EAAE,aATU;EAUvBC,SAAS,EAAE,WAVY;EAWvBC,UAAU,EAAE,YAXW;EAYvBC,QAAQ,EAAE;AAZa;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"TooltipV3DatatestId.js","sources":["../../../src/v3/TooltipV3DatatestId.tsx"],"sourcesContent":["export const TooltipV3DatatestId = {\n TRIGGER_WRAPPER: 'ds-tooltip-v3-trigger-wrapper',\n TOOLTIP_TEXT_WRAPPER: 'ds-tooltip-v3-tooltip-text-wrapper',\n};\n"],"names":["TooltipV3DatatestId","TRIGGER_WRAPPER","TOOLTIP_TEXT_WRAPPER"],"mappings":"IAAaA,mBAAmB,GAAG;AACjCC,EAAAA,eAAe,EAAE,+BADgB;AAEjCC,EAAAA,oBAAoB,EAAE;AAFW;;;;"}
1
+ {"version":3,"file":"TooltipV3DatatestId.js","sources":["../../../src/v3/TooltipV3DatatestId.tsx"],"sourcesContent":["export const TooltipV3DatatestId = {\n TRIGGER_WRAPPER: 'ds-tooltip-v3-trigger-wrapper',\n TOOLTIP_TEXT_WRAPPER: 'ds-tooltip-v3-tooltip-text-wrapper',\n};\n"],"names":["TooltipV3DatatestId","TRIGGER_WRAPPER","TOOLTIP_TEXT_WRAPPER"],"mappings":"IAAaA,mBAAmB,GAAG;EACjCC,eAAe,EAAE,+BADgB;EAEjCC,oBAAoB,EAAE;AAFW;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"useWithDefaultProps.js","sources":["../../../../src/v3/config/useWithDefaultProps.ts"],"sourcesContent":["import { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport type { TooltipV3PropsT } from '../index.d';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = () => {};\n\nconst defaultProps = {\n onOpen: noop,\n onClose: noop,\n id: '',\n textAlign: 'left',\n};\n\nexport const useWithDefaultProps = (props: Partial<TooltipV3PropsT>): Partial<TooltipV3PropsT> =>\n useMemoMergePropsWithDefault(props, defaultProps);\n"],"names":["noop","defaultProps","onOpen","onClose","id","textAlign","useWithDefaultProps","props","useMemoMergePropsWithDefault"],"mappings":";;AAGA;AACA,IAAMA,IAAI,GAAG,SAAPA,IAAO,GAAM,EAAnB;;AAEA,IAAMC,YAAY,GAAG;AACnBC,EAAAA,MAAM,EAAEF,IADW;AAEnBG,EAAAA,OAAO,EAAEH,IAFU;AAGnBI,EAAAA,EAAE,EAAE,EAHe;AAInBC,EAAAA,SAAS,EAAE;AAJQ,CAArB;IAOaC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,KAAD;AAAA,SACjCC,4BAA4B,CAACD,KAAD,EAAQN,YAAR,CADK;AAAA;;;;"}
1
+ {"version":3,"file":"useWithDefaultProps.js","sources":["../../../../src/v3/config/useWithDefaultProps.ts"],"sourcesContent":["import { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport type { TooltipV3PropsT } from '../index.d';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = () => {};\n\nconst defaultProps = {\n onOpen: noop,\n onClose: noop,\n id: '',\n textAlign: 'left',\n};\n\nexport const useWithDefaultProps = (props: Partial<TooltipV3PropsT>): Partial<TooltipV3PropsT> =>\n useMemoMergePropsWithDefault(props, defaultProps);\n"],"names":["noop","defaultProps","onOpen","onClose","id","textAlign","useWithDefaultProps","props","useMemoMergePropsWithDefault"],"mappings":";;AAGA;AACA,IAAMA,IAAI,GAAG,SAAPA,IAAO,GAAM,EAAnB;;AAEA,IAAMC,YAAY,GAAG;EACnBC,MAAM,EAAEF,IADW;EAEnBG,OAAO,EAAEH,IAFU;EAGnBI,EAAE,EAAE,EAHe;EAInBC,SAAS,EAAE;AAJQ,CAArB;IAOaC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,KAAD;EAAA,OACjCC,4BAA4B,CAACD,KAAD,EAAQN,YAAR,CADK;AAAA;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/v3/index.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React, { useState, useCallback, useEffect } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { describe } from 'react-desc';\n\nimport { dsTooltipPropTypes } from './propsTypes';\nimport { useWithDefaultProps } from './config/useWithDefaultProps';\nimport { TooltipV3DatatestId } from './TooltipV3DatatestId';\nimport {\n StyledTooltipContainer,\n StyledTooltipText,\n StyledMouseOverDetectionBox,\n StyledTriggerWrapper,\n} from './styleds';\nimport type { TooltipV3PropsT } from './index.d';\n\nconst useGlobalKeyboardListener = (func) => {\n useEffect(() => {\n document.addEventListener('keydown', func);\n return () => document.removeEventListener('keydown', func);\n }, [func]);\n};\n\nconst DSTooltipV3: React.ComponentType<TooltipV3PropsT> = (props) => {\n const { text, children, onOpen, onClose, id, textAlign, ...extraPopperJsProps } = useWithDefaultProps(props);\n\n const [isFocused, setIsFocused] = useState(false);\n const [isHover, setIsHover] = useState(false);\n const [latestOpenInteraction, setLatestOpenInteraction] = useState('');\n\n const [referenceElement, setReferenceElement] = useState<HTMLSpanElement>();\n const [showPopover, setShowPopover] = useState(false);\n const showTooltip = useCallback(() => {\n setShowPopover(true);\n onOpen();\n }, [onOpen]);\n const hideTooltip = useCallback(() => {\n setShowPopover(false);\n onClose();\n }, [onClose]);\n\n const onFocus = useCallback(() => {\n setIsFocused(true);\n if (!showPopover) {\n showTooltip();\n setLatestOpenInteraction('onFocus');\n }\n }, [showPopover, showTooltip]);\n const onBlur = useCallback(() => {\n setIsFocused(false);\n if (!isHover || latestOpenInteraction === 'onFocus') hideTooltip();\n }, [hideTooltip, isHover, latestOpenInteraction]);\n\n const onMouseEnter = useCallback(() => {\n setIsHover(true);\n if (!showPopover) {\n showTooltip();\n setLatestOpenInteraction('onMouseEnter');\n }\n }, [showPopover, showTooltip]);\n const onMouseLeave = useCallback(() => {\n setIsHover(false);\n if (!isFocused || latestOpenInteraction === 'onMouseEnter') hideTooltip();\n }, [hideTooltip, isFocused, latestOpenInteraction]);\n\n const handleEscKey = useCallback(\n ({ key }) => {\n if (key === 'Escape') hideTooltip();\n },\n [hideTooltip],\n );\n\n useGlobalKeyboardListener(handleEscKey);\n return (\n <>\n {/* The <div> element is catching the \"ESC\" key to close the tooltip, there is no valid aria role for this */}\n {/* eslint-disable-next-line max-len */}\n {/* https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-static-element-interactions.md#case-the-event-handler-is-only-being-used-to-capture-bubbled-events */}\n {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n <StyledTriggerWrapper\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n onFocus={onFocus}\n onBlur={onBlur}\n ref={setReferenceElement}\n data-testid={`${TooltipV3DatatestId.TRIGGER_WRAPPER}${id !== '' ? `_${id}` : ''}`}\n >\n <DSPopperJS referenceElement={referenceElement} showPopover={showPopover} withoutPortal {...extraPopperJsProps}>\n <div data-testid={`${TooltipV3DatatestId.TOOLTIP_TEXT_WRAPPER}${id !== '' ? `_${id}` : ''}`}>\n <StyledTooltipContainer>\n <StyledTooltipText textAlign={textAlign}>{text}</StyledTooltipText>\n <StyledMouseOverDetectionBox />\n </StyledTooltipContainer>\n </div>\n </DSPopperJS>\n\n {children}\n </StyledTriggerWrapper>\n </>\n );\n};\n\nDSTooltipV3.propTypes = dsTooltipPropTypes;\n\nconst DSTooltipV3WithSchema = describe(DSTooltipV3).description('A tooltip component');\nDSTooltipV3WithSchema.propTypes = dsTooltipPropTypes;\n\nexport { DSTooltipV3, DSTooltipV3WithSchema };\nexport default DSTooltipV3;\n"],"names":["useGlobalKeyboardListener","func","useEffect","document","addEventListener","removeEventListener","DSTooltipV3","props","useWithDefaultProps","text","children","onOpen","onClose","id","textAlign","extraPopperJsProps","useState","isFocused","setIsFocused","isHover","setIsHover","latestOpenInteraction","setLatestOpenInteraction","referenceElement","setReferenceElement","showPopover","setShowPopover","showTooltip","useCallback","hideTooltip","onFocus","onBlur","onMouseEnter","onMouseLeave","handleEscKey","key","TooltipV3DatatestId","TRIGGER_WRAPPER","TOOLTIP_TEXT_WRAPPER","propTypes","dsTooltipPropTypes","DSTooltipV3WithSchema","describe","description"],"mappings":";;;;;;;;;;;;;;;AAgBA,IAAMA,yBAAyB,GAAG,SAA5BA,yBAA4B,CAACC,IAAD,EAAU;AAC1CC,EAAAA,SAAS,CAAC,YAAM;AACdC,IAAAA,QAAQ,CAACC,gBAAT,CAA0B,SAA1B,EAAqCH,IAArC;AACA,WAAO;AAAA,aAAME,QAAQ,CAACE,mBAAT,CAA6B,SAA7B,EAAwCJ,IAAxC,CAAN;AAAA,KAAP;AACD,GAHQ,EAGN,CAACA,IAAD,CAHM,CAAT;AAID,CALD;;IAOMK,WAAiD,GAAG,SAApDA,WAAoD,CAACC,KAAD,EAAW;AACnE,6BAAkFC,mBAAmB,CAACD,KAAD,CAArG;AAAA,MAAQE,IAAR,wBAAQA,IAAR;AAAA,MAAcC,QAAd,wBAAcA,QAAd;AAAA,MAAwBC,MAAxB,wBAAwBA,MAAxB;AAAA,MAAgCC,OAAhC,wBAAgCA,OAAhC;AAAA,MAAyCC,EAAzC,wBAAyCA,EAAzC;AAAA,MAA6CC,SAA7C,wBAA6CA,SAA7C;AAAA,MAA2DC,kBAA3D;;AAEA,kBAAkCC,QAAQ,CAAC,KAAD,CAA1C;AAAA;AAAA,MAAOC,SAAP;AAAA,MAAkBC,YAAlB;;AACA,mBAA8BF,QAAQ,CAAC,KAAD,CAAtC;AAAA;AAAA,MAAOG,OAAP;AAAA,MAAgBC,UAAhB;;AACA,mBAA0DJ,QAAQ,CAAC,EAAD,CAAlE;AAAA;AAAA,MAAOK,qBAAP;AAAA,MAA8BC,wBAA9B;;AAEA,mBAAgDN,QAAQ,EAAxD;AAAA;AAAA,MAAOO,gBAAP;AAAA,MAAyBC,mBAAzB;;AACA,mBAAsCR,QAAQ,CAAC,KAAD,CAA9C;AAAA;AAAA,MAAOS,WAAP;AAAA,MAAoBC,cAApB;;AACA,MAAMC,WAAW,GAAGC,WAAW,CAAC,YAAM;AACpCF,IAAAA,cAAc,CAAC,IAAD,CAAd;AACAf,IAAAA,MAAM;AACP,GAH8B,EAG5B,CAACA,MAAD,CAH4B,CAA/B;AAIA,MAAMkB,WAAW,GAAGD,WAAW,CAAC,YAAM;AACpCF,IAAAA,cAAc,CAAC,KAAD,CAAd;AACAd,IAAAA,OAAO;AACR,GAH8B,EAG5B,CAACA,OAAD,CAH4B,CAA/B;AAKA,MAAMkB,OAAO,GAAGF,WAAW,CAAC,YAAM;AAChCV,IAAAA,YAAY,CAAC,IAAD,CAAZ;;AACA,QAAI,CAACO,WAAL,EAAkB;AAChBE,MAAAA,WAAW;AACXL,MAAAA,wBAAwB,CAAC,SAAD,CAAxB;AACD;AACF,GAN0B,EAMxB,CAACG,WAAD,EAAcE,WAAd,CANwB,CAA3B;AAOA,MAAMI,MAAM,GAAGH,WAAW,CAAC,YAAM;AAC/BV,IAAAA,YAAY,CAAC,KAAD,CAAZ;AACA,QAAI,CAACC,OAAD,IAAYE,qBAAqB,KAAK,SAA1C,EAAqDQ,WAAW;AACjE,GAHyB,EAGvB,CAACA,WAAD,EAAcV,OAAd,EAAuBE,qBAAvB,CAHuB,CAA1B;AAKA,MAAMW,YAAY,GAAGJ,WAAW,CAAC,YAAM;AACrCR,IAAAA,UAAU,CAAC,IAAD,CAAV;;AACA,QAAI,CAACK,WAAL,EAAkB;AAChBE,MAAAA,WAAW;AACXL,MAAAA,wBAAwB,CAAC,cAAD,CAAxB;AACD;AACF,GAN+B,EAM7B,CAACG,WAAD,EAAcE,WAAd,CAN6B,CAAhC;AAOA,MAAMM,YAAY,GAAGL,WAAW,CAAC,YAAM;AACrCR,IAAAA,UAAU,CAAC,KAAD,CAAV;AACA,QAAI,CAACH,SAAD,IAAcI,qBAAqB,KAAK,cAA5C,EAA4DQ,WAAW;AACxE,GAH+B,EAG7B,CAACA,WAAD,EAAcZ,SAAd,EAAyBI,qBAAzB,CAH6B,CAAhC;AAKA,MAAMa,YAAY,GAAGN,WAAW,CAC9B,gBAAa;AAAA,QAAVO,GAAU,QAAVA,GAAU;AACX,QAAIA,GAAG,KAAK,QAAZ,EAAsBN,WAAW;AAClC,GAH6B,EAI9B,CAACA,WAAD,CAJ8B,CAAhC;AAOA7B,EAAAA,yBAAyB,CAACkC,YAAD,CAAzB;AACA,sBACE,uDAKE,oBAAC,oBAAD;AACE,IAAA,YAAY,EAAEF,YADhB;AAEE,IAAA,YAAY,EAAEC,YAFhB;AAGE,IAAA,OAAO,EAAEH,OAHX;AAIE,IAAA,MAAM,EAAEC,MAJV;AAKE,IAAA,GAAG,EAAEP,mBALP;AAME,6BAAgBY,mBAAmB,CAACC,eAApC,SAAsDxB,EAAE,KAAK,EAAP,cAAgBA,EAAhB,IAAuB,EAA7E;AANF,kBAQE,oBAAC,UAAD;AAAY,IAAA,gBAAgB,EAAEU,gBAA9B;AAAgD,IAAA,WAAW,EAAEE,WAA7D;AAA0E,IAAA,aAAa;AAAvF,KAA4FV,kBAA5F,gBACE;AAAK,6BAAgBqB,mBAAmB,CAACE,oBAApC,SAA2DzB,EAAE,KAAK,EAAP,cAAgBA,EAAhB,IAAuB,EAAlF;AAAL,kBACE,oBAAC,sBAAD,qBACE,oBAAC,iBAAD;AAAmB,IAAA,SAAS,EAAEC;AAA9B,KAA0CL,IAA1C,CADF,eAEE,oBAAC,2BAAD,OAFF,CADF,CADF,CARF,EAiBGC,QAjBH,CALF,CADF;AA2BD;;AAEDJ,WAAW,CAACiC,SAAZ,GAAwBC,kBAAxB;IAEMC,qBAAqB,GAAGC,QAAQ,CAACpC,WAAD,CAAR,CAAsBqC,WAAtB,CAAkC,qBAAlC;AAC9BF,qBAAqB,CAACF,SAAtB,GAAkCC,kBAAlC;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/v3/index.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React, { useState, useCallback, useEffect } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { describe } from 'react-desc';\n\nimport { dsTooltipPropTypes } from './propsTypes';\nimport { useWithDefaultProps } from './config/useWithDefaultProps';\nimport { TooltipV3DatatestId } from './TooltipV3DatatestId';\nimport {\n StyledTooltipContainer,\n StyledTooltipText,\n StyledMouseOverDetectionBox,\n StyledTriggerWrapper,\n} from './styleds';\nimport type { TooltipV3PropsT } from './index.d';\n\nconst useGlobalKeyboardListener = (func) => {\n useEffect(() => {\n document.addEventListener('keydown', func);\n return () => document.removeEventListener('keydown', func);\n }, [func]);\n};\n\nconst DSTooltipV3: React.ComponentType<TooltipV3PropsT> = (props) => {\n const { text, children, onOpen, onClose, id, textAlign, ...extraPopperJsProps } = useWithDefaultProps(props);\n\n const [isFocused, setIsFocused] = useState(false);\n const [isHover, setIsHover] = useState(false);\n const [latestOpenInteraction, setLatestOpenInteraction] = useState('');\n\n const [referenceElement, setReferenceElement] = useState<HTMLSpanElement>();\n const [showPopover, setShowPopover] = useState(false);\n const showTooltip = useCallback(() => {\n setShowPopover(true);\n onOpen();\n }, [onOpen]);\n const hideTooltip = useCallback(() => {\n setShowPopover(false);\n onClose();\n }, [onClose]);\n\n const onFocus = useCallback(() => {\n setIsFocused(true);\n if (!showPopover) {\n showTooltip();\n setLatestOpenInteraction('onFocus');\n }\n }, [showPopover, showTooltip]);\n const onBlur = useCallback(() => {\n setIsFocused(false);\n if (!isHover || latestOpenInteraction === 'onFocus') hideTooltip();\n }, [hideTooltip, isHover, latestOpenInteraction]);\n\n const onMouseEnter = useCallback(() => {\n setIsHover(true);\n if (!showPopover) {\n showTooltip();\n setLatestOpenInteraction('onMouseEnter');\n }\n }, [showPopover, showTooltip]);\n const onMouseLeave = useCallback(() => {\n setIsHover(false);\n if (!isFocused || latestOpenInteraction === 'onMouseEnter') hideTooltip();\n }, [hideTooltip, isFocused, latestOpenInteraction]);\n\n const handleEscKey = useCallback(\n ({ key }) => {\n if (key === 'Escape') hideTooltip();\n },\n [hideTooltip],\n );\n\n useGlobalKeyboardListener(handleEscKey);\n return (\n <>\n {/* The <div> element is catching the \"ESC\" key to close the tooltip, there is no valid aria role for this */}\n {/* eslint-disable-next-line max-len */}\n {/* https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-static-element-interactions.md#case-the-event-handler-is-only-being-used-to-capture-bubbled-events */}\n {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n <StyledTriggerWrapper\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n onFocus={onFocus}\n onBlur={onBlur}\n ref={setReferenceElement}\n data-testid={`${TooltipV3DatatestId.TRIGGER_WRAPPER}${id !== '' ? `_${id}` : ''}`}\n >\n <DSPopperJS referenceElement={referenceElement} showPopover={showPopover} withoutPortal {...extraPopperJsProps}>\n <div data-testid={`${TooltipV3DatatestId.TOOLTIP_TEXT_WRAPPER}${id !== '' ? `_${id}` : ''}`}>\n <StyledTooltipContainer>\n <StyledTooltipText textAlign={textAlign}>{text}</StyledTooltipText>\n <StyledMouseOverDetectionBox />\n </StyledTooltipContainer>\n </div>\n </DSPopperJS>\n\n {children}\n </StyledTriggerWrapper>\n </>\n );\n};\n\nDSTooltipV3.propTypes = dsTooltipPropTypes;\n\nconst DSTooltipV3WithSchema = describe(DSTooltipV3).description('A tooltip component');\nDSTooltipV3WithSchema.propTypes = dsTooltipPropTypes;\n\nexport { DSTooltipV3, DSTooltipV3WithSchema };\nexport default DSTooltipV3;\n"],"names":["useGlobalKeyboardListener","func","useEffect","document","addEventListener","removeEventListener","DSTooltipV3","props","useWithDefaultProps","text","children","onOpen","onClose","id","textAlign","extraPopperJsProps","useState","isFocused","setIsFocused","isHover","setIsHover","latestOpenInteraction","setLatestOpenInteraction","referenceElement","setReferenceElement","showPopover","setShowPopover","showTooltip","useCallback","hideTooltip","onFocus","onBlur","onMouseEnter","onMouseLeave","handleEscKey","key","TooltipV3DatatestId","TRIGGER_WRAPPER","TOOLTIP_TEXT_WRAPPER","propTypes","dsTooltipPropTypes","DSTooltipV3WithSchema","describe","description"],"mappings":";;;;;;;;;;;;;;;AAgBA,IAAMA,yBAAyB,GAAG,SAA5BA,yBAA4B,CAACC,IAAD,EAAU;EAC1CC,SAAS,CAAC,YAAM;IACdC,QAAQ,CAACC,gBAAT,CAA0B,SAA1B,EAAqCH,IAArC;IACA,OAAO;MAAA,OAAME,QAAQ,CAACE,mBAAT,CAA6B,SAA7B,EAAwCJ,IAAxC,CAAN;KAAP;GAFO,EAGN,CAACA,IAAD,CAHM,CAAT;AAID,CALD;;IAOMK,WAAiD,GAAG,SAApDA,WAAoD,CAACC,KAAD,EAAW;EACnE,2BAAkFC,mBAAmB,CAACD,KAAD,CAArG;MAAQE,IAAR,wBAAQA,IAAR;MAAcC,QAAd,wBAAcA,QAAd;MAAwBC,MAAxB,wBAAwBA,MAAxB;MAAgCC,OAAhC,wBAAgCA,OAAhC;MAAyCC,EAAzC,wBAAyCA,EAAzC;MAA6CC,SAA7C,wBAA6CA,SAA7C;MAA2DC,kBAA3D;;EAEA,gBAAkCC,QAAQ,CAAC,KAAD,CAA1C;;MAAOC,SAAP;MAAkBC,YAAlB;;EACA,iBAA8BF,QAAQ,CAAC,KAAD,CAAtC;;MAAOG,OAAP;MAAgBC,UAAhB;;EACA,iBAA0DJ,QAAQ,CAAC,EAAD,CAAlE;;MAAOK,qBAAP;MAA8BC,wBAA9B;;EAEA,iBAAgDN,QAAQ,EAAxD;;MAAOO,gBAAP;MAAyBC,mBAAzB;;EACA,iBAAsCR,QAAQ,CAAC,KAAD,CAA9C;;MAAOS,WAAP;MAAoBC,cAApB;;EACA,IAAMC,WAAW,GAAGC,WAAW,CAAC,YAAM;IACpCF,cAAc,CAAC,IAAD,CAAd;IACAf,MAAM;GAFuB,EAG5B,CAACA,MAAD,CAH4B,CAA/B;EAIA,IAAMkB,WAAW,GAAGD,WAAW,CAAC,YAAM;IACpCF,cAAc,CAAC,KAAD,CAAd;IACAd,OAAO;GAFsB,EAG5B,CAACA,OAAD,CAH4B,CAA/B;EAKA,IAAMkB,OAAO,GAAGF,WAAW,CAAC,YAAM;IAChCV,YAAY,CAAC,IAAD,CAAZ;;IACA,IAAI,CAACO,WAAL,EAAkB;MAChBE,WAAW;MACXL,wBAAwB,CAAC,SAAD,CAAxB;;GAJuB,EAMxB,CAACG,WAAD,EAAcE,WAAd,CANwB,CAA3B;EAOA,IAAMI,MAAM,GAAGH,WAAW,CAAC,YAAM;IAC/BV,YAAY,CAAC,KAAD,CAAZ;IACA,IAAI,CAACC,OAAD,IAAYE,qBAAqB,KAAK,SAA1C,EAAqDQ,WAAW;GAFxC,EAGvB,CAACA,WAAD,EAAcV,OAAd,EAAuBE,qBAAvB,CAHuB,CAA1B;EAKA,IAAMW,YAAY,GAAGJ,WAAW,CAAC,YAAM;IACrCR,UAAU,CAAC,IAAD,CAAV;;IACA,IAAI,CAACK,WAAL,EAAkB;MAChBE,WAAW;MACXL,wBAAwB,CAAC,cAAD,CAAxB;;GAJ4B,EAM7B,CAACG,WAAD,EAAcE,WAAd,CAN6B,CAAhC;EAOA,IAAMM,YAAY,GAAGL,WAAW,CAAC,YAAM;IACrCR,UAAU,CAAC,KAAD,CAAV;IACA,IAAI,CAACH,SAAD,IAAcI,qBAAqB,KAAK,cAA5C,EAA4DQ,WAAW;GAFzC,EAG7B,CAACA,WAAD,EAAcZ,SAAd,EAAyBI,qBAAzB,CAH6B,CAAhC;EAKA,IAAMa,YAAY,GAAGN,WAAW,CAC9B,gBAAa;IAAA,IAAVO,GAAU,QAAVA,GAAU;IACX,IAAIA,GAAG,KAAK,QAAZ,EAAsBN,WAAW;GAFL,EAI9B,CAACA,WAAD,CAJ8B,CAAhC;EAOA7B,yBAAyB,CAACkC,YAAD,CAAzB;EACA,oBACE,uDAKE,oBAAC,oBAAD;IACE,YAAY,EAAEF,YADhB;IAEE,YAAY,EAAEC,YAFhB;IAGE,OAAO,EAAEH,OAHX;IAIE,MAAM,EAAEC,MAJV;IAKE,GAAG,EAAEP,mBALP;IAME,yBAAgBY,mBAAmB,CAACC,eAApC,SAAsDxB,EAAE,KAAK,EAAP,cAAgBA,EAAhB,IAAuB,EAA7E;kBAEA,oBAAC,UAAD;IAAY,gBAAgB,EAAEU,gBAA9B;IAAgD,WAAW,EAAEE,WAA7D;IAA0E,aAAa;KAAKV,kBAA5F,gBACE;IAAK,yBAAgBqB,mBAAmB,CAACE,oBAApC,SAA2DzB,EAAE,KAAK,EAAP,cAAgBA,EAAhB,IAAuB,EAAlF;kBACH,oBAAC,sBAAD,qBACE,oBAAC,iBAAD;IAAmB,SAAS,EAAEC;KAAYL,IAA1C,CADF,eAEE,oBAAC,2BAAD,OAFF,CADF,CADF,CARF,EAiBGC,QAjBH,CALF,CADF;AA2BD;;AAEDJ,WAAW,CAACiC,SAAZ,GAAwBC,kBAAxB;IAEMC,qBAAqB,GAAGC,QAAQ,CAACpC,WAAD,CAAR,CAAsBqC,WAAtB,CAAkC,qBAAlC;AAC9BF,qBAAqB,CAACF,SAAtB,GAAkCC,kBAAlC;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"propsTypes.js","sources":["../../../src/v3/propsTypes.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport const dsTooltipPropTypes = {\n /**\n * Tooltip text to be displayed on hover/focus\n */\n text: PropTypes.string.description('Tooltip text to be displayed on hover/focus').isRequired,\n /**\n * Tooltip text alignment\n */\n textAlign: PropTypes.oneOf(['left', 'right', 'center', 'justify', 'initial', 'inherit'])\n .description('Tooltip text alignment')\n .defaultValue('left'),\n /**\n * Element to tie the tooltip to, must be a single node\n */\n children: PropTypes.node.description('Element to tie the tooltip to, must be a single node').isRequired,\n /**\n * Wheter or not the tooltip content should appear in a DOM portal or not\n */\n withoutPortal: PropTypes.bool\n .description('Whether or not the tooltip content should appear in a DOM portal or not')\n .defaultValue(true),\n /**\n * Wheter or not the tooltip should use the arrow\n */\n withoutArrow: PropTypes.bool.description('Whether or not the tooltip should use the arrow').defaultValue(false),\n /**\n * Bounding element to calculate upon, defaults to it is \"clippingParents\",\n * which are the scrolling containers that may cause the element to be partially or fully cut off.\n */\n boundaryElement: PropTypes.element\n .description(\n 'Bounding element to calculate upon, defaults to \"clippingParents\",' +\n 'which are the scrolling containers that may cause element to be partially or fully cut off',\n )\n .defaultValue(undefined),\n /**\n * Whether or not the popper context menu should be animated\n */\n withoutAnimation: PropTypes.bool\n .description('Whether or not the popper context menu should be animated')\n .defaultValue(false),\n /**\n * Popper context menus Animation duration in ms\n */\n animationDuration: PropTypes.number.description('Popper context menus Animation duration in ms').defaultValue(100),\n /**\n * When using portal, the container in which to append the DOM content, defaults to document body\n */\n portalDOMContainer: PropTypes.element\n .description('When using portal, the container in which to append the DOM content, defaults to document body')\n .defaultValue(undefined),\n /**\n * start placement preferences, as per popperjs placement option\n */\n startPlacementPreference: PropTypes.oneOf([\n 'top-start',\n 'top',\n 'top-end',\n 'right-start',\n 'right',\n 'right-end',\n 'bottom-end',\n 'bottom',\n 'bottom-start',\n 'left-end',\n 'left',\n 'left-start',\n ])\n .description('start placement preferences, as per popperjs placement option')\n .defaultValue(\"'top'\"),\n /**\n * Array of placement preferences, as per popperjs \"flip\" placement option\n */\n placementOrderPreference: PropTypes.arrayOf(\n PropTypes.oneOf([\n 'top-start',\n 'top',\n 'top-end',\n 'right-start',\n 'right',\n 'right-end',\n 'bottom-end',\n 'bottom',\n 'bottom-start',\n 'left-end',\n 'left',\n 'left-start',\n ]),\n )\n .description('Array of placement preferences, as per popperjs \"flip\" placement option')\n .defaultValue(\"['top', 'bottom', 'left', 'right']\"),\n /**\n * tooltip wrapper z-index\n */\n zIndex: PropTypes.number.description('popperjs content z-index').defaultValue(1),\n /**\n * placement offset array\n */\n customOffset: PropTypes.arrayOf(PropTypes.number).description('placement offset array').defaultValue([0, 14]),\n /**\n * modifiers array for full-custom tooltip-js override\n * https://tooltip.js.org/docs/v2/modifiers/\n */\n modifiers: PropTypes.array\n .description('modifiers array for full-custom tooltip-js override, https://tooltip.js.org/docs/v2/modifiers/')\n .defaultValue(1),\n /**\n * Optional id appended to data-testid\n */\n id: PropTypes.string.description('Optional id appended to data-testid').defaultValue(''),\n /**\n * Optional callback to be invoked when the tooltip opens\n */\n onOpen: PropTypes.func.description('Optional callback to be invoked when the tooltip opens').defaultValue('() => {}'),\n /**\n * 'Optional callback to be invoked when the tooltip closes\n */\n onClose: PropTypes.func\n .description('Optional callback to be invoked when the tooltip closes')\n .defaultValue('() => {}'),\n};\n"],"names":["dsTooltipPropTypes","text","PropTypes","string","description","isRequired","textAlign","oneOf","defaultValue","children","node","withoutPortal","bool","withoutArrow","boundaryElement","element","undefined","withoutAnimation","animationDuration","number","portalDOMContainer","startPlacementPreference","placementOrderPreference","arrayOf","zIndex","customOffset","modifiers","array","id","onOpen","func","onClose"],"mappings":"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"}
1
+ {"version":3,"file":"propsTypes.js","sources":["../../../src/v3/propsTypes.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport const dsTooltipPropTypes = {\n /**\n * Tooltip text to be displayed on hover/focus\n */\n text: PropTypes.string.description('Tooltip text to be displayed on hover/focus').isRequired,\n /**\n * Tooltip text alignment\n */\n textAlign: PropTypes.oneOf(['left', 'right', 'center', 'justify', 'initial', 'inherit'])\n .description('Tooltip text alignment')\n .defaultValue('left'),\n /**\n * Element to tie the tooltip to, must be a single node\n */\n children: PropTypes.node.description('Element to tie the tooltip to, must be a single node').isRequired,\n /**\n * Wheter or not the tooltip content should appear in a DOM portal or not\n */\n withoutPortal: PropTypes.bool\n .description('Whether or not the tooltip content should appear in a DOM portal or not')\n .defaultValue(true),\n /**\n * Wheter or not the tooltip should use the arrow\n */\n withoutArrow: PropTypes.bool.description('Whether or not the tooltip should use the arrow').defaultValue(false),\n /**\n * Bounding element to calculate upon, defaults to it is \"clippingParents\",\n * which are the scrolling containers that may cause the element to be partially or fully cut off.\n */\n boundaryElement: PropTypes.element\n .description(\n 'Bounding element to calculate upon, defaults to \"clippingParents\",' +\n 'which are the scrolling containers that may cause element to be partially or fully cut off',\n )\n .defaultValue(undefined),\n /**\n * Whether or not the popper context menu should be animated\n */\n withoutAnimation: PropTypes.bool\n .description('Whether or not the popper context menu should be animated')\n .defaultValue(false),\n /**\n * Popper context menus Animation duration in ms\n */\n animationDuration: PropTypes.number.description('Popper context menus Animation duration in ms').defaultValue(100),\n /**\n * When using portal, the container in which to append the DOM content, defaults to document body\n */\n portalDOMContainer: PropTypes.element\n .description('When using portal, the container in which to append the DOM content, defaults to document body')\n .defaultValue(undefined),\n /**\n * start placement preferences, as per popperjs placement option\n */\n startPlacementPreference: PropTypes.oneOf([\n 'top-start',\n 'top',\n 'top-end',\n 'right-start',\n 'right',\n 'right-end',\n 'bottom-end',\n 'bottom',\n 'bottom-start',\n 'left-end',\n 'left',\n 'left-start',\n ])\n .description('start placement preferences, as per popperjs placement option')\n .defaultValue(\"'top'\"),\n /**\n * Array of placement preferences, as per popperjs \"flip\" placement option\n */\n placementOrderPreference: PropTypes.arrayOf(\n PropTypes.oneOf([\n 'top-start',\n 'top',\n 'top-end',\n 'right-start',\n 'right',\n 'right-end',\n 'bottom-end',\n 'bottom',\n 'bottom-start',\n 'left-end',\n 'left',\n 'left-start',\n ]),\n )\n .description('Array of placement preferences, as per popperjs \"flip\" placement option')\n .defaultValue(\"['top', 'bottom', 'left', 'right']\"),\n /**\n * tooltip wrapper z-index\n */\n zIndex: PropTypes.number.description('popperjs content z-index').defaultValue(1),\n /**\n * placement offset array\n */\n customOffset: PropTypes.arrayOf(PropTypes.number).description('placement offset array').defaultValue([0, 14]),\n /**\n * modifiers array for full-custom tooltip-js override\n * https://tooltip.js.org/docs/v2/modifiers/\n */\n modifiers: PropTypes.array\n .description('modifiers array for full-custom tooltip-js override, https://tooltip.js.org/docs/v2/modifiers/')\n .defaultValue(1),\n /**\n * Optional id appended to data-testid\n */\n id: PropTypes.string.description('Optional id appended to data-testid').defaultValue(''),\n /**\n * Optional callback to be invoked when the tooltip opens\n */\n onOpen: PropTypes.func.description('Optional callback to be invoked when the tooltip opens').defaultValue('() => {}'),\n /**\n * 'Optional callback to be invoked when the tooltip closes\n */\n onClose: PropTypes.func\n .description('Optional callback to be invoked when the tooltip closes')\n .defaultValue('() => {}'),\n};\n"],"names":["dsTooltipPropTypes","text","PropTypes","string","description","isRequired","textAlign","oneOf","defaultValue","children","node","withoutPortal","bool","withoutArrow","boundaryElement","element","undefined","withoutAnimation","animationDuration","number","portalDOMContainer","startPlacementPreference","placementOrderPreference","arrayOf","zIndex","customOffset","modifiers","array","id","onOpen","func","onClose"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"styleds.js","sources":["../../../src/v3/styleds.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledTooltipContainer = styled.div`\n text-align: center;\n min-width: ${({ theme }) => theme.space.l};\n max-width: 250px;\n min-height: 30px;\n display: grid;\n align-items: center;\n padding: ${({ theme }) => `${theme.space.xxxs} ${theme.space.xs}`};\n position: relative;\n background-color: white;\n border-radius: 2px;\n font-size: 13px;\n color: ${({ theme }) => theme.colors.neutral[600]};\n`;\n\nexport const StyledTooltipText = styled.div<{ textAlign: string }>`\n white-space: normal;\n word-wrap: break-word;\n display: inline-block;\n text-align: ${({ textAlign }) => textAlign};\n`;\n\nexport const StyledMouseOverDetectionBox = styled.div`\n position: absolute;\n top: -15px;\n right: -15px;\n width: calc(100% + 30px);\n height: calc(100% + 30px);\n z-index: -1;\n`;\n\nexport const StyledTriggerWrapper = styled.div`\n display: inline-block;\n width: 100%;\n`;\n"],"names":["StyledTooltipContainer","styled","div","theme","space","l","xxxs","xs","colors","neutral","StyledTooltipText","textAlign","StyledMouseOverDetectionBox","StyledTriggerWrapper"],"mappings":";;IAEaA,sBAAsB,gBAAGC,MAAM,CAACC,GAAV;AAAA;AAAA,4MAEpB;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,KAAN,CAAYC,CAA3B;AAAA,CAFoB,EAOtB;AAAA,MAAGF,KAAH,SAAGA,KAAH;AAAA,mBAAkBA,KAAK,CAACC,KAAN,CAAYE,IAA9B,cAAsCH,KAAK,CAACC,KAAN,CAAYG,EAAlD;AAAA,CAPsB,EAYxB;AAAA,MAAGJ,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACK,MAAN,CAAaC,OAAb,CAAqB,GAArB,CAAf;AAAA,CAZwB;IAetBC,iBAAiB,gBAAGT,MAAM,CAACC,GAAV;AAAA;AAAA,sFAId;AAAA,MAAGS,SAAH,SAAGA,SAAH;AAAA,SAAmBA,SAAnB;AAAA,CAJc;IAOjBC,2BAA2B,gBAAGX,MAAM,CAACC,GAAV;AAAA;AAAA;IAS3BW,oBAAoB,gBAAGZ,MAAM,CAACC,GAAV;AAAA;AAAA;;;;"}
1
+ {"version":3,"file":"styleds.js","sources":["../../../src/v3/styleds.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledTooltipContainer = styled.div`\n text-align: center;\n min-width: ${({ theme }) => theme.space.l};\n max-width: 250px;\n min-height: 30px;\n display: grid;\n align-items: center;\n padding: ${({ theme }) => `${theme.space.xxxs} ${theme.space.xs}`};\n position: relative;\n background-color: white;\n border-radius: 2px;\n font-size: 13px;\n color: ${({ theme }) => theme.colors.neutral[600]};\n`;\n\nexport const StyledTooltipText = styled.div<{ textAlign: string }>`\n white-space: normal;\n word-wrap: break-word;\n display: inline-block;\n text-align: ${({ textAlign }) => textAlign};\n`;\n\nexport const StyledMouseOverDetectionBox = styled.div`\n position: absolute;\n top: -15px;\n right: -15px;\n width: calc(100% + 30px);\n height: calc(100% + 30px);\n z-index: -1;\n`;\n\nexport const StyledTriggerWrapper = styled.div`\n display: inline-block;\n width: 100%;\n`;\n"],"names":["StyledTooltipContainer","styled","div","theme","space","l","xxxs","xs","colors","neutral","StyledTooltipText","textAlign","StyledMouseOverDetectionBox","StyledTriggerWrapper"],"mappings":";;IAEaA,sBAAsB,gBAAGC,MAAM,CAACC,GAAV;EAAA;AAAA,4MAEpB;EAAA,IAAGC,KAAH,QAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,KAAN,CAAYC,CAA3B;AAAA,CAFoB,EAOtB;EAAA,IAAGF,KAAH,SAAGA,KAAH;EAAA,iBAAkBA,KAAK,CAACC,KAAN,CAAYE,IAA9B,cAAsCH,KAAK,CAACC,KAAN,CAAYG,EAAlD;AAAA,CAPsB,EAYxB;EAAA,IAAGJ,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACK,MAAN,CAAaC,OAAb,CAAqB,GAArB,CAAf;AAAA,CAZwB;IAetBC,iBAAiB,gBAAGT,MAAM,CAACC,GAAV;EAAA;AAAA,sFAId;EAAA,IAAGS,SAAH,SAAGA,SAAH;EAAA,OAAmBA,SAAnB;AAAA,CAJc;IAOjBC,2BAA2B,gBAAGX,MAAM,CAACC,GAAV;EAAA;AAAA;IAS3BW,oBAAoB,gBAAGZ,MAAM,CAACC,GAAV;EAAA;AAAA;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-tooltip",
3
- "version": "1.61.10",
3
+ "version": "1.61.13",
4
4
  "license": "MIT",
5
5
  "description": "Ellie Mae - Dim Sum - Tooltip",
6
6
  "module": "esm/index.js",
@@ -16,14 +16,14 @@
16
16
  "build": "node ../../scripts/build/build.js"
17
17
  },
18
18
  "dependencies": {
19
- "@elliemae/ds-basic": "1.61.10",
20
- "@elliemae/ds-classnames": "1.61.10",
21
- "@elliemae/ds-popper": "1.61.10",
22
- "@elliemae/ds-popperjs": "1.61.10",
23
- "@elliemae/ds-portal": "1.61.10",
24
- "@elliemae/ds-shared": "1.61.10",
25
- "@elliemae/ds-system": "1.61.10",
26
- "@elliemae/ds-utilities": "1.61.10",
19
+ "@elliemae/ds-basic": "1.61.13",
20
+ "@elliemae/ds-classnames": "1.61.13",
21
+ "@elliemae/ds-popper": "1.61.13",
22
+ "@elliemae/ds-popperjs": "1.61.13",
23
+ "@elliemae/ds-portal": "1.61.13",
24
+ "@elliemae/ds-shared": "1.61.13",
25
+ "@elliemae/ds-system": "1.61.13",
26
+ "@elliemae/ds-utilities": "1.61.13",
27
27
  "@popperjs/core": "2.9.2",
28
28
  "react-desc": "^4.1.2",
29
29
  "react-popper": "2.2.5"