@elliemae/ds-popper 1.61.12 → 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.
- package/cjs/DSPopper.js.map +1 -1
- package/cjs/PopperContent.js.map +1 -1
- package/cjs/PopperImpl.js.map +1 -1
- package/cjs/getArrowStylesBySize.js.map +1 -1
- package/cjs/interaction.js.map +1 -1
- package/cjs/positions.js.map +1 -1
- package/cjs/props.js.map +1 -1
- package/esm/DSPopper.js.map +1 -1
- package/esm/PopperContent.js.map +1 -1
- package/esm/PopperImpl.js.map +1 -1
- package/esm/getArrowStylesBySize.js.map +1 -1
- package/esm/interaction.js.map +1 -1
- package/esm/positions.js.map +1 -1
- package/esm/props.js.map +1 -1
- package/package.json +3 -3
package/cjs/DSPopper.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DSPopper.js","sources":["../../src/DSPopper.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport PopperImpl from './PopperImpl';\nimport { Position } from './positions';\nimport { Interaction } from './interaction';\nimport { popperProps, defaultProps } from './props';\n\nconst DSPopper = ({\n containerProps,\n arrowGap,\n arrowSize,\n blockName,\n contentOffset,\n contentStyle,\n contentComponent,\n delayClose,\n delayOpen,\n interactionType,\n isOpen, // if this is set DSPopper would be a controlled component if not, an uncontrolled one\n onOpen,\n onClose,\n onPlacementChange,\n placement,\n preventOverflow,\n showArrow,\n closeAnimationConfig,\n openAnimationConfig,\n usePortal,\n triggerComponent,\n wrapExtraComponent,\n getTargetFromChildren,\n getContentFromChildren,\n modifiers,\n triggerRef,\n children: customPopper,\n renderReference,\n referenceNode,\n zIndex,\n hideIfNotVisible,\n}): JSX.Element => (\n <PopperImpl\n arrowGap={arrowGap}\n arrowSize={arrowSize}\n blockName={blockName}\n closeAnimationConfig={closeAnimationConfig}\n containerProps={containerProps}\n contentComponent={contentComponent}\n contentOffset={contentOffset}\n contentStyle={contentStyle}\n delayClose={delayClose}\n delayOpen={delayOpen}\n getContentFromChildren={getContentFromChildren}\n getTargetFromChildren={getTargetFromChildren}\n interactionType={interactionType}\n isOpen={isOpen}\n modifiers={modifiers}\n onOpen={onOpen}\n onClose={onClose}\n onPlacementChange={onPlacementChange}\n openAnimationConfig={openAnimationConfig}\n placement={placement}\n preventOverflow={preventOverflow}\n referenceNode={referenceNode}\n renderReference={renderReference}\n showArrow={showArrow}\n triggerComponent={triggerComponent}\n triggerRef={triggerRef}\n usePortal={usePortal}\n wrapExtraComponent={wrapExtraComponent}\n zIndex={zIndex}\n hideIfNotVisible={hideIfNotVisible}\n >\n {customPopper}\n </PopperImpl>\n);\n\n// @deprecated: There's the NEW (not finished) popover that uses its own popper implementation.\nDSPopper.propTypes = popperProps;\nDSPopper.defaultProps = defaultProps;\n\nconst DSPopperWithSchema = describe(DSPopper);\nDSPopperWithSchema.propTypes = popperProps;\n\nexport { Interaction as PopperInteractions, Position as PopperPositions, DSPopperWithSchema, DSPopper };\n\nexport { interactions } from './interaction';\nexport { positions } from './positions';\n\nexport default DSPopper;\n"],"names":["DSPopper","containerProps","arrowGap","arrowSize","blockName","contentOffset","contentStyle","contentComponent","delayClose","delayOpen","interactionType","isOpen","onOpen","onClose","onPlacementChange","placement","preventOverflow","showArrow","closeAnimationConfig","openAnimationConfig","usePortal","triggerComponent","wrapExtraComponent","getTargetFromChildren","getContentFromChildren","modifiers","triggerRef","customPopper","children","renderReference","referenceNode","zIndex","hideIfNotVisible","React","PopperImpl","propTypes","popperProps","defaultProps","DSPopperWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOMA,QAAQ,GAAG,SAAXA,QAAW;
|
|
1
|
+
{"version":3,"file":"DSPopper.js","sources":["../../src/DSPopper.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport PopperImpl from './PopperImpl';\nimport { Position } from './positions';\nimport { Interaction } from './interaction';\nimport { popperProps, defaultProps } from './props';\n\nconst DSPopper = ({\n containerProps,\n arrowGap,\n arrowSize,\n blockName,\n contentOffset,\n contentStyle,\n contentComponent,\n delayClose,\n delayOpen,\n interactionType,\n isOpen, // if this is set DSPopper would be a controlled component if not, an uncontrolled one\n onOpen,\n onClose,\n onPlacementChange,\n placement,\n preventOverflow,\n showArrow,\n closeAnimationConfig,\n openAnimationConfig,\n usePortal,\n triggerComponent,\n wrapExtraComponent,\n getTargetFromChildren,\n getContentFromChildren,\n modifiers,\n triggerRef,\n children: customPopper,\n renderReference,\n referenceNode,\n zIndex,\n hideIfNotVisible,\n}): JSX.Element => (\n <PopperImpl\n arrowGap={arrowGap}\n arrowSize={arrowSize}\n blockName={blockName}\n closeAnimationConfig={closeAnimationConfig}\n containerProps={containerProps}\n contentComponent={contentComponent}\n contentOffset={contentOffset}\n contentStyle={contentStyle}\n delayClose={delayClose}\n delayOpen={delayOpen}\n getContentFromChildren={getContentFromChildren}\n getTargetFromChildren={getTargetFromChildren}\n interactionType={interactionType}\n isOpen={isOpen}\n modifiers={modifiers}\n onOpen={onOpen}\n onClose={onClose}\n onPlacementChange={onPlacementChange}\n openAnimationConfig={openAnimationConfig}\n placement={placement}\n preventOverflow={preventOverflow}\n referenceNode={referenceNode}\n renderReference={renderReference}\n showArrow={showArrow}\n triggerComponent={triggerComponent}\n triggerRef={triggerRef}\n usePortal={usePortal}\n wrapExtraComponent={wrapExtraComponent}\n zIndex={zIndex}\n hideIfNotVisible={hideIfNotVisible}\n >\n {customPopper}\n </PopperImpl>\n);\n\n// @deprecated: There's the NEW (not finished) popover that uses its own popper implementation.\nDSPopper.propTypes = popperProps;\nDSPopper.defaultProps = defaultProps;\n\nconst DSPopperWithSchema = describe(DSPopper);\nDSPopperWithSchema.propTypes = popperProps;\n\nexport { Interaction as PopperInteractions, Position as PopperPositions, DSPopperWithSchema, DSPopper };\n\nexport { interactions } from './interaction';\nexport { positions } from './positions';\n\nexport default DSPopper;\n"],"names":["DSPopper","containerProps","arrowGap","arrowSize","blockName","contentOffset","contentStyle","contentComponent","delayClose","delayOpen","interactionType","isOpen","onOpen","onClose","onPlacementChange","placement","preventOverflow","showArrow","closeAnimationConfig","openAnimationConfig","usePortal","triggerComponent","wrapExtraComponent","getTargetFromChildren","getContentFromChildren","modifiers","triggerRef","customPopper","children","renderReference","referenceNode","zIndex","hideIfNotVisible","React","PopperImpl","propTypes","popperProps","defaultProps","DSPopperWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOMA,QAAQ,GAAG,SAAXA,QAAW;EAAA,IACfC,cADe,QACfA,cADe;MAEfC,QAFe,QAEfA,QAFe;MAGfC,SAHe,QAGfA,SAHe;MAIfC,SAJe,QAIfA,SAJe;MAKfC,aALe,QAKfA,aALe;MAMfC,YANe,QAMfA,YANe;MAOfC,gBAPe,QAOfA,gBAPe;MAQfC,UARe,QAQfA,UARe;MASfC,SATe,QASfA,SATe;MAUfC,eAVe,QAUfA,eAVe;MAWfC,MAXe,QAWfA,MAXe;MAYfC,MAZe,QAYfA,MAZe;MAafC,OAbe,QAafA,OAbe;MAcfC,iBAde,QAcfA,iBAde;MAefC,SAfe,QAefA,SAfe;MAgBfC,eAhBe,QAgBfA,eAhBe;MAiBfC,SAjBe,QAiBfA,SAjBe;MAkBfC,oBAlBe,QAkBfA,oBAlBe;MAmBfC,mBAnBe,QAmBfA,mBAnBe;MAoBfC,SApBe,QAoBfA,SApBe;MAqBfC,gBArBe,QAqBfA,gBArBe;MAsBfC,kBAtBe,QAsBfA,kBAtBe;MAuBfC,qBAvBe,QAuBfA,qBAvBe;MAwBfC,sBAxBe,QAwBfA,sBAxBe;MAyBfC,SAzBe,QAyBfA,SAzBe;MA0BfC,UA1Be,QA0BfA,UA1Be;MA2BLC,YA3BK,QA2BfC,QA3Be;MA4BfC,eA5Be,QA4BfA,eA5Be;MA6BfC,aA7Be,QA6BfA,aA7Be;MA8BfC,MA9Be,QA8BfA,MA9Be;MA+BfC,gBA/Be,QA+BfA,gBA/Be;EAAA,oBAiCfC,wCAACC,qBAAD;IACE,QAAQ,EAAEhC,QADZ;IAEE,SAAS,EAAEC,SAFb;IAGE,SAAS,EAAEC,SAHb;IAIE,oBAAoB,EAAEc,oBAJxB;IAKE,cAAc,EAAEjB,cALlB;IAME,gBAAgB,EAAEM,gBANpB;IAOE,aAAa,EAAEF,aAPjB;IAQE,YAAY,EAAEC,YARhB;IASE,UAAU,EAAEE,UATd;IAUE,SAAS,EAAEC,SAVb;IAWE,sBAAsB,EAAEe,sBAX1B;IAYE,qBAAqB,EAAED,qBAZzB;IAaE,eAAe,EAAEb,eAbnB;IAcE,MAAM,EAAEC,MAdV;IAeE,SAAS,EAAEc,SAfb;IAgBE,MAAM,EAAEb,MAhBV;IAiBE,OAAO,EAAEC,OAjBX;IAkBE,iBAAiB,EAAEC,iBAlBrB;IAmBE,mBAAmB,EAAEK,mBAnBvB;IAoBE,SAAS,EAAEJ,SApBb;IAqBE,eAAe,EAAEC,eArBnB;IAsBE,aAAa,EAAEc,aAtBjB;IAuBE,eAAe,EAAED,eAvBnB;IAwBE,SAAS,EAAEZ,SAxBb;IAyBE,gBAAgB,EAAEI,gBAzBpB;IA0BE,UAAU,EAAEK,UA1Bd;IA2BE,SAAS,EAAEN,SA3Bb;IA4BE,kBAAkB,EAAEE,kBA5BtB;IA6BE,MAAM,EAAES,MA7BV;IA8BE,gBAAgB,EAAEC;KAEjBL,YAhCH,CAjCe;AAAA;;;AAsEjB3B,QAAQ,CAACmC,SAAT,GAAqBC,iBAArB;AACApC,QAAQ,CAACqC,YAAT,GAAwBA,kBAAxB;IAEMC,kBAAkB,GAAGC,kBAAQ,CAACvC,QAAD;AACnCsC,kBAAkB,CAACH,SAAnB,GAA+BC,iBAA/B;;;;;;;;;;"}
|
package/cjs/PopperContent.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PopperContent.js","sources":["../../src/PopperContent.tsx"],"sourcesContent":["/* eslint-disable max-lines */\n/* eslint-disable react/prop-types */\nimport React, { PureComponent } from 'react';\nimport { Popper } from 'react-popper';\nimport { Keyframes, animated } from 'react-spring/renderprops.cjs';\nimport { getComponentFromProps } from '@elliemae/ds-utilities';\nimport DSOverlay from '@elliemae/ds-overlay';\nimport { getArrowStylesBySize } from './getArrowStylesBySize';\n\nconst Content = Keyframes.Spring({});\n\nexport default class PopperContent extends PureComponent {\n // eslint-disable-next-line react/static-property-placement\n static defaultProps = { onContentDestroyed: () => null };\n\n constructor(props) {\n super(props);\n this.renderContent = this.renderContent.bind(this);\n this.renderArrow = this.renderArrow.bind(this);\n this.handleRestAnimation = this.handleRestAnimation.bind(this);\n }\n\n handleRestAnimation() {\n const { isOpen, onContentDestroyed } = this.props;\n if (!isOpen) {\n onContentDestroyed();\n }\n }\n\n renderArrow({ ref, style }, placement) {\n const { blockName, showArrow } = this.props;\n if (!showArrow) return null;\n return (\n <div\n key=\"popper-arrow\"\n ref={ref}\n className={`${blockName || 'popper'}__arrow`}\n data-placement={placement}\n style={{\n ...style,\n ...getArrowStylesBySize(placement, 25),\n }}\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 </div>\n );\n }\n\n renderContent({\n ref,\n style,\n placement,\n arrowProps,\n scheduleUpdate,\n outOfBoundaries,\n }) {\n const {\n contentComponent,\n contentStyle,\n isOpen,\n closeAnimationConfig,\n openAnimationConfig,\n onMouseEnter,\n onMouseLeave,\n containerProps,\n zIndex,\n hideIfNotVisible,\n } = this.props;\n\n const computedStyle = {\n ...style,\n ...contentStyle,\n zIndex,\n };\n return (\n <div\n {...containerProps}\n data-placement={placement}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n style={computedStyle}\n data-testid=\"popper-container\"\n >\n <Content\n native\n onRest={this.handleRestAnimation}\n state={\n isOpen && (!outOfBoundaries || !hideIfNotVisible) ? 'open' : 'close'\n }\n states={{\n open: {\n ...openAnimationConfig,\n from: closeAnimationConfig.to,\n },\n close: closeAnimationConfig,\n }}\n >\n {(animationStyle) => (\n <animated.div ref={ref} style={animationStyle}>\n {getComponentFromProps(contentComponent, { scheduleUpdate }, [\n this.renderArrow(arrowProps, placement),\n ])}\n </animated.div>\n )}\n </Content>\n </div>\n );\n }\n\n render() {\n const {\n destroyed = false,\n onClickOutside = () => null,\n placement = 'bottom-start',\n modifiers = {},\n referenceNode,\n usePortal = true,\n } = this.props;\n return (\n <DSOverlay\n isOpen={!destroyed}\n onClickOutside={onClickOutside}\n usePortal={usePortal}\n >\n <Popper\n modifiers={modifiers}\n placement={placement}\n referenceElement={referenceNode}\n >\n {this.renderContent}\n </Popper>\n </DSOverlay>\n );\n }\n}\n"],"names":["Content","Keyframes","Spring","PopperContent","props","renderContent","bind","renderArrow","handleRestAnimation","isOpen","onContentDestroyed","placement","ref","style","blockName","showArrow","React","getArrowStylesBySize","arrowProps","scheduleUpdate","outOfBoundaries","contentComponent","contentStyle","closeAnimationConfig","openAnimationConfig","onMouseEnter","onMouseLeave","containerProps","zIndex","hideIfNotVisible","computedStyle","open","from","to","close","animationStyle","animated","getComponentFromProps","destroyed","onClickOutside","modifiers","referenceNode","usePortal","DSOverlay","Popper","PureComponent","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,OAAO,GAAGC,yBAAS,CAACC,MAAV,CAAiB,EAAjB,CAAhB;;IAEqBC
|
|
1
|
+
{"version":3,"file":"PopperContent.js","sources":["../../src/PopperContent.tsx"],"sourcesContent":["/* eslint-disable max-lines */\n/* eslint-disable react/prop-types */\nimport React, { PureComponent } from 'react';\nimport { Popper } from 'react-popper';\nimport { Keyframes, animated } from 'react-spring/renderprops.cjs';\nimport { getComponentFromProps } from '@elliemae/ds-utilities';\nimport DSOverlay from '@elliemae/ds-overlay';\nimport { getArrowStylesBySize } from './getArrowStylesBySize';\n\nconst Content = Keyframes.Spring({});\n\nexport default class PopperContent extends PureComponent {\n // eslint-disable-next-line react/static-property-placement\n static defaultProps = { onContentDestroyed: () => null };\n\n constructor(props) {\n super(props);\n this.renderContent = this.renderContent.bind(this);\n this.renderArrow = this.renderArrow.bind(this);\n this.handleRestAnimation = this.handleRestAnimation.bind(this);\n }\n\n handleRestAnimation() {\n const { isOpen, onContentDestroyed } = this.props;\n if (!isOpen) {\n onContentDestroyed();\n }\n }\n\n renderArrow({ ref, style }, placement) {\n const { blockName, showArrow } = this.props;\n if (!showArrow) return null;\n return (\n <div\n key=\"popper-arrow\"\n ref={ref}\n className={`${blockName || 'popper'}__arrow`}\n data-placement={placement}\n style={{\n ...style,\n ...getArrowStylesBySize(placement, 25),\n }}\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 </div>\n );\n }\n\n renderContent({\n ref,\n style,\n placement,\n arrowProps,\n scheduleUpdate,\n outOfBoundaries,\n }) {\n const {\n contentComponent,\n contentStyle,\n isOpen,\n closeAnimationConfig,\n openAnimationConfig,\n onMouseEnter,\n onMouseLeave,\n containerProps,\n zIndex,\n hideIfNotVisible,\n } = this.props;\n\n const computedStyle = {\n ...style,\n ...contentStyle,\n zIndex,\n };\n return (\n <div\n {...containerProps}\n data-placement={placement}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n style={computedStyle}\n data-testid=\"popper-container\"\n >\n <Content\n native\n onRest={this.handleRestAnimation}\n state={\n isOpen && (!outOfBoundaries || !hideIfNotVisible) ? 'open' : 'close'\n }\n states={{\n open: {\n ...openAnimationConfig,\n from: closeAnimationConfig.to,\n },\n close: closeAnimationConfig,\n }}\n >\n {(animationStyle) => (\n <animated.div ref={ref} style={animationStyle}>\n {getComponentFromProps(contentComponent, { scheduleUpdate }, [\n this.renderArrow(arrowProps, placement),\n ])}\n </animated.div>\n )}\n </Content>\n </div>\n );\n }\n\n render() {\n const {\n destroyed = false,\n onClickOutside = () => null,\n placement = 'bottom-start',\n modifiers = {},\n referenceNode,\n usePortal = true,\n } = this.props;\n return (\n <DSOverlay\n isOpen={!destroyed}\n onClickOutside={onClickOutside}\n usePortal={usePortal}\n >\n <Popper\n modifiers={modifiers}\n placement={placement}\n referenceElement={referenceNode}\n >\n {this.renderContent}\n </Popper>\n </DSOverlay>\n );\n }\n}\n"],"names":["Content","Keyframes","Spring","PopperContent","props","_classCallCheck","renderContent","bind","renderArrow","handleRestAnimation","isOpen","onContentDestroyed","placement","ref","style","blockName","showArrow","React","getArrowStylesBySize","arrowProps","scheduleUpdate","outOfBoundaries","contentComponent","contentStyle","closeAnimationConfig","openAnimationConfig","onMouseEnter","onMouseLeave","containerProps","zIndex","hideIfNotVisible","computedStyle","open","from","to","close","animationStyle","animated","getComponentFromProps","destroyed","onClickOutside","modifiers","referenceNode","usePortal","DSOverlay","Popper","PureComponent","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,OAAO,GAAGC,yBAAS,CAACC,MAAV,CAAiB,EAAjB,CAAhB;;IAEqBC;;;;;;EAInB,uBAAYC,KAAZ,EAAmB;IAAA;;IAAAC;;IACjB,0BAAMD,KAAN;IACA,MAAKE,aAAL,GAAqB,MAAKA,aAAL,CAAmBC,IAAnB,mDAArB;IACA,MAAKC,WAAL,GAAmB,MAAKA,WAAL,CAAiBD,IAAjB,mDAAnB;IACA,MAAKE,mBAAL,GAA2B,MAAKA,mBAAL,CAAyBF,IAAzB,mDAA3B;IAJiB;IAAA;;;;;WAOnB,+BAAsB;MACpB,kBAAuC,KAAKH,KAA5C;UAAQM,MAAR,eAAQA,MAAR;UAAgBC,kBAAhB,eAAgBA,kBAAhB;;MACA,IAAI,CAACD,MAAL,EAAa;QACXC,kBAAkB;;;;;WAItB,2BAA4BC,SAA5B,EAAuC;MAAA,IAAzBC,GAAyB,QAAzBA,GAAyB;UAApBC,KAAoB,QAApBA,KAAoB;MACrC,mBAAiC,KAAKV,KAAtC;UAAQW,SAAR,gBAAQA,SAAR;UAAmBC,SAAnB,gBAAmBA,SAAnB;MACA,IAAI,CAACA,SAAL,EAAgB,OAAO,IAAP;MAChB,oBACEC;QACE,GAAG,EAAC,cADN;QAEE,GAAG,EAAEJ,GAFP;QAGE,SAAS,YAAKE,SAAS,IAAI,QAAlB,YAHX;QAIE,kBAAgBH,SAJlB;QAKE,KAAK,kCACAE,KADA,GAEAI,yCAAoB,CAACN,SAAD,EAAY,EAAZ,CAFpB;sBAKLK;QAAK,OAAO,EAAC;sBACXA;QACE,SAAS,EAAC,QADZ;QAEE,CAAC,EAAC;QAHN,eAMEA;QACE,SAAS,EAAC,MADZ;QAEE,CAAC,EAAC;QARN,CAVF,CADF;;;;WA0BF,8BAOG;MAAA;;MAAA,IANDJ,GAMC,SANDA,GAMC;UALDC,KAKC,SALDA,KAKC;UAJDF,SAIC,SAJDA,SAIC;UAHDO,UAGC,SAHDA,UAGC;UAFDC,cAEC,SAFDA,cAEC;UADDC,eACC,SADDA,eACC;MACD,mBAWI,KAAKjB,KAXT;UACEkB,gBADF,gBACEA,gBADF;UAEEC,YAFF,gBAEEA,YAFF;UAGEb,MAHF,gBAGEA,MAHF;UAIEc,oBAJF,gBAIEA,oBAJF;UAKEC,mBALF,gBAKEA,mBALF;UAMEC,YANF,gBAMEA,YANF;UAOEC,YAPF,gBAOEA,YAPF;UAQEC,cARF,gBAQEA,cARF;UASEC,MATF,gBASEA,MATF;UAUEC,gBAVF,gBAUEA,gBAVF;;MAaA,IAAMC,aAAa,iDACdjB,KADc,GAEdS,YAFc;QAGjBM,MAAM,EAANA;QAHF;;MAKA,oBACEZ,gFACMW,cADN;QAEE,kBAAgBhB,SAFlB;QAGE,YAAY,EAAEc,YAHhB;QAIE,YAAY,EAAEC,YAJhB;QAKE,KAAK,EAAEI,aALT;QAME,eAAY;uBAEZd,wCAAC,OAAD;QACE,MAAM,MADR;QAEE,MAAM,EAAE,KAAKR,mBAFf;QAGE,KAAK,EACHC,MAAM,KAAK,CAACW,eAAD,IAAoB,CAACS,gBAA1B,CAAN,GAAoD,MAApD,GAA6D,OAJjE;QAME,MAAM,EAAE;UACNE,IAAI,kCACCP,mBADD;YAEFQ,IAAI,EAAET,oBAAoB,CAACU;YAHvB;UAKNC,KAAK,EAAEX;;SAGR,UAACY,cAAD;QAAA,oBACCnB,wCAACoB,wBAAD,CAAU,GAAV;UAAc,GAAG,EAAExB,GAAnB;UAAwB,KAAK,EAAEuB;WAC5BE,iCAAqB,CAAChB,gBAAD,EAAmB;UAAEF,cAAc,EAAdA;SAArB,EAAuC,CAC3D,MAAI,CAACZ,WAAL,CAAiBW,UAAjB,EAA6BP,SAA7B,CAD2D,CAAvC,CADxB,CADD;OAdH,CARF,CADF;;;;WAmCF,kBAAS;MACP,mBAOI,KAAKR,KAPT;+CACEmC,SADF;UACEA,SADF,sCACc,KADd;+CAEEC,cAFF;UAEEA,cAFF,sCAEmB;QAAA,OAAM,IAAN;OAFnB;+CAGE5B,SAHF;UAGEA,SAHF,sCAGc,cAHd;+CAIE6B,SAJF;UAIEA,SAJF,sCAIc,EAJd;UAKEC,aALF,gBAKEA,aALF;+CAMEC,SANF;UAMEA,SANF,sCAMc,IANd;MAQA,oBACE1B,wCAAC2B,6BAAD;QACE,MAAM,EAAE,CAACL,SADX;QAEE,cAAc,EAAEC,cAFlB;QAGE,SAAS,EAAEG;sBAEX1B,wCAAC4B,kBAAD;QACE,SAAS,EAAEJ,SADb;QAEE,SAAS,EAAE7B,SAFb;QAGE,gBAAgB,EAAE8B;SAEjB,KAAKpC,aALR,CALF,CADF;;;;;EArHuCwC;;AAAtB3C,cAEZ4C,eAAe;EAAEpC,kBAAkB,EAAE;IAAA,OAAM,IAAN;;AAAtB;;;;"}
|
package/cjs/PopperImpl.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PopperImpl.js","sources":["../../src/PopperImpl.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport { isFunction, get, isDOMTypeElement, getComponentFromProps, mergeRefs } from '@elliemae/ds-utilities';\nimport { Manager, Reference } from 'react-popper';\nimport memoizeOne from 'memoize-one';\nimport PopperContent from './PopperContent';\nimport { Interaction } from './interaction';\n\nexport default class PopperImpl extends Component<any, any> {\n // we use safeIsMounted because isMounted is not allowed by React.\n safeIsMounted = false;\n\n handlePopperPlacementChange = memoizeOne((placement) => {\n const { onPlacementChange } = this.props;\n onPlacementChange(placement);\n });\n\n constructor(props) {\n super(props);\n this.state = {\n isOpen: false,\n destroyed: true,\n };\n // TODO: Fix the autobinding to remove this!!\n this.handleMouseEnter = this.handleMouseEnter.bind(this);\n this.handleMouseLeave = this.handleMouseLeave.bind(this);\n this.handleTriggerClick = this.handleTriggerClick.bind(this);\n this.renderTarget = this.renderTarget.bind(this);\n this.updatePopoverState = this.updatePopoverState.bind(this);\n this.handlePopperPlacementChange = this.handlePopperPlacementChange.bind(\n this,\n );\n this.handleDestroyContent = this.handleDestroyContent.bind(this);\n this.handleContentMouseEnter = this.handleContentMouseEnter.bind(this);\n this.handleContentMouseLeave = this.handleContentMouseLeave.bind(this);\n }\n\n // this is needed to prevent setState on unmounted components\n componentDidMount() {\n this.safeIsMounted = true;\n }\n\n componentDidUpdate() {\n const { isOpen, destroyed } = this.state;\n if (isOpen === true && destroyed === true) {\n // eslint-disable-next-line react/no-did-update-set-state\n this.setState({ destroyed: false });\n }\n }\n\n componentWillUnmount() {\n this.safeIsMounted = false;\n }\n\n static getDerivedStateFromProps(nextProps, prevState) {\n const { isOpen } = nextProps;\n const { prevPropIsOpen } = prevState;\n // todo: this causes multiple rerenders\n if (isOpen !== prevPropIsOpen) {\n return {\n isOpen,\n prevPropIsOpen: isOpen,\n };\n }\n return null;\n }\n\n getInteractionObject(interaction, referenceProps = {}) {\n const { isOpen } = this.props;\n if (isOpen !== undefined) return {};\n return (\n {\n [Interaction.CLICK]: {\n handlers: {\n onClick: this.handleTriggerClick,\n },\n canClose: () => true,\n },\n [Interaction.HOVER]: {\n handlers: {\n onMouseEnter: referenceProps.onMouseEnter || this.handleMouseEnter,\n onPointerEnter: referenceProps.onMouseEnter || this.handleMouseEnter,\n onMouseLeave: referenceProps.onMouseLeave || this.handleMouseLeave,\n onPointerLeave: referenceProps.onMouseLeave || this.handleMouseLeave,\n onClick: this.handleTriggerClick,\n },\n canClose: (isOnTrigger, isOnPopper) => !isOnTrigger && !isOnPopper,\n },\n }[interaction] || {\n handlers: {},\n canClose: () => true,\n }\n );\n }\n\n setOpen(opening) {\n const { onOpen } = this.props;\n const { prevPropIsOpen } = this.state;\n if (!this.safeIsMounted) return;\n\n if (prevPropIsOpen === undefined) {\n this.setState({\n isOpen: opening,\n destroyed: false,\n });\n }\n onOpen(opening);\n }\n\n open() {\n clearTimeout(this.closeTimer);\n const { delayOpen } = this.props;\n this.openTimer = setTimeout(() => this.setOpen(true), delayOpen);\n }\n\n close() {\n clearTimeout(this.openTimer);\n const { delayClose, onClose = () => null } = this.props;\n this.closeTimer = setTimeout(() => {\n this.setOpen(false);\n onClose();\n }, delayClose);\n }\n\n handleTriggerClick(e) {\n const { triggerComponent } = this.props;\n const { onClick } = get(triggerComponent, 'props') || {};\n\n this.open();\n\n if (isFunction(onClick)) onClick(e);\n }\n\n handleContentMouseEnter() {\n this.isMouseOverContent = true;\n }\n\n handleContentMouseLeave() {\n this.isMouseOverContent = false;\n const { onClose = () => null } = this.props;\n setTimeout(() => {\n if (!this.isMouseOverTarget) {\n this.setOpen(false);\n onClose();\n }\n }, 10);\n }\n\n handleMouseEnter() {\n this.isMouseOverTarget = true;\n this.open();\n }\n\n handleMouseLeave() {\n this.isMouseOverTarget = false;\n setTimeout(() => {\n if (!this.isMouseOverContent) {\n this.close();\n }\n }, 10);\n }\n\n updatePopoverState(popperData) {\n this.handlePopperPlacementChange(popperData.placement);\n return popperData;\n }\n\n handleDestroyContent() {\n this.setState({ destroyed: true });\n }\n\n renderTarget({ ref }) {\n const { isOpen } = this.state;\n const { triggerComponent, interactionType, renderReference } = this.props;\n\n const componentInnerRef = get(\n triggerComponent,\n ['props', 'innerRef'],\n () => null,\n );\n const compRef = isDOMTypeElement(triggerComponent)\n ? { ref }\n : { innerRef: mergeRefs(ref, componentInnerRef) };\n\n const triggerHandler = this.getInteractionObject(\n interactionType,\n triggerComponent.props,\n ).handlers;\n\n const targetProps = {\n ...triggerHandler,\n ...compRef,\n 'aria-haspopup': true,\n 'aria-expanded': isOpen,\n };\n\n if (renderReference) {\n return renderReference({\n ref,\n ...targetProps,\n });\n }\n\n return getComponentFromProps(triggerComponent, targetProps);\n }\n\n render() {\n const { isOpen, destroyed } = this.state;\n\n const {\n placement,\n interactionType,\n showArrow,\n arrowSize,\n arrowGap,\n preventOverflow,\n children: customPopper,\n usePortal,\n blockName,\n contentComponent,\n openAnimationConfig,\n closeAnimationConfig,\n modifiers,\n referenceNode,\n containerProps,\n zIndex,\n hideIfNotVisible,\n } = this.props;\n\n const allModifiers = {\n offset: {\n enabled: showArrow,\n offset: `0, ${arrowSize + arrowGap}`,\n },\n preventOverflow: {\n enabled: true,\n padding: 0,\n boundariesElement: preventOverflow,\n },\n updatePopoverState: {\n enabled: true,\n fn: this.updatePopoverState,\n order: 900,\n },\n ...modifiers,\n };\n const triggerHandler = this.getInteractionObject(interactionType).handlers;\n\n const popperContentProps = {\n hideIfNotVisible,\n containerProps,\n isOpen,\n destroyed: isOpen ? false : destroyed,\n arrowSize,\n blockName,\n showArrow,\n modifiers: allModifiers,\n contentComponent,\n onContentDestroyed: this.handleDestroyContent,\n onClickOutside: () => this.close(),\n placement,\n usePortal,\n openAnimationConfig,\n closeAnimationConfig,\n onMouseEnter:\n interactionType === Interaction.HOVER\n ? this.handleContentMouseEnter\n : undefined,\n onMouseLeave:\n interactionType === Interaction.HOVER\n ? this.handleContentMouseLeave\n : undefined,\n referenceNode,\n zIndex,\n };\n\n if (customPopper && typeof customPopper === 'function') {\n return (\n <Manager>\n {customPopper({\n Reference,\n triggerHandler,\n content: <PopperContent {...popperContentProps} />,\n })}\n </Manager>\n );\n }\n\n return (\n <Manager>\n <Reference>{this.renderTarget}</Reference>\n <PopperContent {...popperContentProps} />\n </Manager>\n );\n }\n}\n\nexport { Reference, PopperContent };\n"],"names":["PopperImpl","props","safeIsMounted","handlePopperPlacementChange","memoizeOne","placement","onPlacementChange","state","isOpen","destroyed","handleMouseEnter","bind","handleMouseLeave","handleTriggerClick","renderTarget","updatePopoverState","handleDestroyContent","handleContentMouseEnter","handleContentMouseLeave","setState","interaction","referenceProps","undefined","Interaction","CLICK","handlers","onClick","canClose","HOVER","onMouseEnter","onPointerEnter","onMouseLeave","onPointerLeave","isOnTrigger","isOnPopper","opening","onOpen","prevPropIsOpen","clearTimeout","closeTimer","delayOpen","openTimer","setTimeout","setOpen","delayClose","onClose","e","triggerComponent","get","open","isFunction","isMouseOverContent","isMouseOverTarget","close","popperData","ref","interactionType","renderReference","componentInnerRef","compRef","isDOMTypeElement","innerRef","mergeRefs","triggerHandler","getInteractionObject","targetProps","getComponentFromProps","showArrow","arrowSize","arrowGap","preventOverflow","customPopper","children","usePortal","blockName","contentComponent","openAnimationConfig","closeAnimationConfig","modifiers","referenceNode","containerProps","zIndex","hideIfNotVisible","allModifiers","offset","enabled","padding","boundariesElement","fn","order","popperContentProps","onContentDestroyed","onClickOutside","React","Manager","Reference","content","nextProps","prevState","Component"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"PopperImpl.js","sources":["../../src/PopperImpl.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport { isFunction, get, isDOMTypeElement, getComponentFromProps, mergeRefs } from '@elliemae/ds-utilities';\nimport { Manager, Reference } from 'react-popper';\nimport memoizeOne from 'memoize-one';\nimport PopperContent from './PopperContent';\nimport { Interaction } from './interaction';\n\nexport default class PopperImpl extends Component<any, any> {\n // we use safeIsMounted because isMounted is not allowed by React.\n safeIsMounted = false;\n\n handlePopperPlacementChange = memoizeOne((placement) => {\n const { onPlacementChange } = this.props;\n onPlacementChange(placement);\n });\n\n constructor(props) {\n super(props);\n this.state = {\n isOpen: false,\n destroyed: true,\n };\n // TODO: Fix the autobinding to remove this!!\n this.handleMouseEnter = this.handleMouseEnter.bind(this);\n this.handleMouseLeave = this.handleMouseLeave.bind(this);\n this.handleTriggerClick = this.handleTriggerClick.bind(this);\n this.renderTarget = this.renderTarget.bind(this);\n this.updatePopoverState = this.updatePopoverState.bind(this);\n this.handlePopperPlacementChange = this.handlePopperPlacementChange.bind(\n this,\n );\n this.handleDestroyContent = this.handleDestroyContent.bind(this);\n this.handleContentMouseEnter = this.handleContentMouseEnter.bind(this);\n this.handleContentMouseLeave = this.handleContentMouseLeave.bind(this);\n }\n\n // this is needed to prevent setState on unmounted components\n componentDidMount() {\n this.safeIsMounted = true;\n }\n\n componentDidUpdate() {\n const { isOpen, destroyed } = this.state;\n if (isOpen === true && destroyed === true) {\n // eslint-disable-next-line react/no-did-update-set-state\n this.setState({ destroyed: false });\n }\n }\n\n componentWillUnmount() {\n this.safeIsMounted = false;\n }\n\n static getDerivedStateFromProps(nextProps, prevState) {\n const { isOpen } = nextProps;\n const { prevPropIsOpen } = prevState;\n // todo: this causes multiple rerenders\n if (isOpen !== prevPropIsOpen) {\n return {\n isOpen,\n prevPropIsOpen: isOpen,\n };\n }\n return null;\n }\n\n getInteractionObject(interaction, referenceProps = {}) {\n const { isOpen } = this.props;\n if (isOpen !== undefined) return {};\n return (\n {\n [Interaction.CLICK]: {\n handlers: {\n onClick: this.handleTriggerClick,\n },\n canClose: () => true,\n },\n [Interaction.HOVER]: {\n handlers: {\n onMouseEnter: referenceProps.onMouseEnter || this.handleMouseEnter,\n onPointerEnter: referenceProps.onMouseEnter || this.handleMouseEnter,\n onMouseLeave: referenceProps.onMouseLeave || this.handleMouseLeave,\n onPointerLeave: referenceProps.onMouseLeave || this.handleMouseLeave,\n onClick: this.handleTriggerClick,\n },\n canClose: (isOnTrigger, isOnPopper) => !isOnTrigger && !isOnPopper,\n },\n }[interaction] || {\n handlers: {},\n canClose: () => true,\n }\n );\n }\n\n setOpen(opening) {\n const { onOpen } = this.props;\n const { prevPropIsOpen } = this.state;\n if (!this.safeIsMounted) return;\n\n if (prevPropIsOpen === undefined) {\n this.setState({\n isOpen: opening,\n destroyed: false,\n });\n }\n onOpen(opening);\n }\n\n open() {\n clearTimeout(this.closeTimer);\n const { delayOpen } = this.props;\n this.openTimer = setTimeout(() => this.setOpen(true), delayOpen);\n }\n\n close() {\n clearTimeout(this.openTimer);\n const { delayClose, onClose = () => null } = this.props;\n this.closeTimer = setTimeout(() => {\n this.setOpen(false);\n onClose();\n }, delayClose);\n }\n\n handleTriggerClick(e) {\n const { triggerComponent } = this.props;\n const { onClick } = get(triggerComponent, 'props') || {};\n\n this.open();\n\n if (isFunction(onClick)) onClick(e);\n }\n\n handleContentMouseEnter() {\n this.isMouseOverContent = true;\n }\n\n handleContentMouseLeave() {\n this.isMouseOverContent = false;\n const { onClose = () => null } = this.props;\n setTimeout(() => {\n if (!this.isMouseOverTarget) {\n this.setOpen(false);\n onClose();\n }\n }, 10);\n }\n\n handleMouseEnter() {\n this.isMouseOverTarget = true;\n this.open();\n }\n\n handleMouseLeave() {\n this.isMouseOverTarget = false;\n setTimeout(() => {\n if (!this.isMouseOverContent) {\n this.close();\n }\n }, 10);\n }\n\n updatePopoverState(popperData) {\n this.handlePopperPlacementChange(popperData.placement);\n return popperData;\n }\n\n handleDestroyContent() {\n this.setState({ destroyed: true });\n }\n\n renderTarget({ ref }) {\n const { isOpen } = this.state;\n const { triggerComponent, interactionType, renderReference } = this.props;\n\n const componentInnerRef = get(\n triggerComponent,\n ['props', 'innerRef'],\n () => null,\n );\n const compRef = isDOMTypeElement(triggerComponent)\n ? { ref }\n : { innerRef: mergeRefs(ref, componentInnerRef) };\n\n const triggerHandler = this.getInteractionObject(\n interactionType,\n triggerComponent.props,\n ).handlers;\n\n const targetProps = {\n ...triggerHandler,\n ...compRef,\n 'aria-haspopup': true,\n 'aria-expanded': isOpen,\n };\n\n if (renderReference) {\n return renderReference({\n ref,\n ...targetProps,\n });\n }\n\n return getComponentFromProps(triggerComponent, targetProps);\n }\n\n render() {\n const { isOpen, destroyed } = this.state;\n\n const {\n placement,\n interactionType,\n showArrow,\n arrowSize,\n arrowGap,\n preventOverflow,\n children: customPopper,\n usePortal,\n blockName,\n contentComponent,\n openAnimationConfig,\n closeAnimationConfig,\n modifiers,\n referenceNode,\n containerProps,\n zIndex,\n hideIfNotVisible,\n } = this.props;\n\n const allModifiers = {\n offset: {\n enabled: showArrow,\n offset: `0, ${arrowSize + arrowGap}`,\n },\n preventOverflow: {\n enabled: true,\n padding: 0,\n boundariesElement: preventOverflow,\n },\n updatePopoverState: {\n enabled: true,\n fn: this.updatePopoverState,\n order: 900,\n },\n ...modifiers,\n };\n const triggerHandler = this.getInteractionObject(interactionType).handlers;\n\n const popperContentProps = {\n hideIfNotVisible,\n containerProps,\n isOpen,\n destroyed: isOpen ? false : destroyed,\n arrowSize,\n blockName,\n showArrow,\n modifiers: allModifiers,\n contentComponent,\n onContentDestroyed: this.handleDestroyContent,\n onClickOutside: () => this.close(),\n placement,\n usePortal,\n openAnimationConfig,\n closeAnimationConfig,\n onMouseEnter:\n interactionType === Interaction.HOVER\n ? this.handleContentMouseEnter\n : undefined,\n onMouseLeave:\n interactionType === Interaction.HOVER\n ? this.handleContentMouseLeave\n : undefined,\n referenceNode,\n zIndex,\n };\n\n if (customPopper && typeof customPopper === 'function') {\n return (\n <Manager>\n {customPopper({\n Reference,\n triggerHandler,\n content: <PopperContent {...popperContentProps} />,\n })}\n </Manager>\n );\n }\n\n return (\n <Manager>\n <Reference>{this.renderTarget}</Reference>\n <PopperContent {...popperContentProps} />\n </Manager>\n );\n }\n}\n\nexport { Reference, PopperContent };\n"],"names":["PopperImpl","props","_classCallCheck","safeIsMounted","handlePopperPlacementChange","memoizeOne","placement","onPlacementChange","state","isOpen","destroyed","handleMouseEnter","bind","handleMouseLeave","handleTriggerClick","renderTarget","updatePopoverState","handleDestroyContent","handleContentMouseEnter","handleContentMouseLeave","setState","interaction","referenceProps","undefined","Interaction","CLICK","handlers","onClick","canClose","HOVER","onMouseEnter","onPointerEnter","onMouseLeave","onPointerLeave","isOnTrigger","isOnPopper","opening","onOpen","prevPropIsOpen","clearTimeout","closeTimer","delayOpen","openTimer","setTimeout","setOpen","delayClose","onClose","e","triggerComponent","get","open","isFunction","isMouseOverContent","isMouseOverTarget","close","popperData","ref","interactionType","renderReference","componentInnerRef","compRef","isDOMTypeElement","innerRef","mergeRefs","triggerHandler","getInteractionObject","targetProps","getComponentFromProps","showArrow","arrowSize","arrowGap","preventOverflow","customPopper","children","usePortal","blockName","contentComponent","openAnimationConfig","closeAnimationConfig","modifiers","referenceNode","containerProps","zIndex","hideIfNotVisible","allModifiers","offset","enabled","padding","boundariesElement","fn","order","popperContentProps","onContentDestroyed","onClickOutside","React","Manager","Reference","content","nextProps","prevState","Component"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getArrowStylesBySize.js","sources":["../../src/getArrowStylesBySize.tsx"],"sourcesContent":["export const getArrowStylesBySize = (position, size = 30) => {\n const basePosition = position && position.split('-')[0];\n return {\n borderWidth: size,\n ...{\n top: {\n top: '100% !important',\n transform: `rotateZ(${180}deg)`,\n },\n right: {\n right: '100%',\n transform: `rotateZ(${-90}deg)`,\n },\n bottom: {\n bottom: '100%',\n transform: `rotateZ(${0}deg)`,\n },\n left: {\n left: '100%',\n transform: `rotateZ(${90}deg)`,\n },\n }[basePosition],\n };\n};\n\nexport default getArrowStylesBySize;\n"],"names":["getArrowStylesBySize","position","size","basePosition","split","borderWidth","top","transform","right","bottom","left"],"mappings":";;;;;;;;;;;;;;IAAaA,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,QAAD,EAAyB;
|
|
1
|
+
{"version":3,"file":"getArrowStylesBySize.js","sources":["../../src/getArrowStylesBySize.tsx"],"sourcesContent":["export const getArrowStylesBySize = (position, size = 30) => {\n const basePosition = position && position.split('-')[0];\n return {\n borderWidth: size,\n ...{\n top: {\n top: '100% !important',\n transform: `rotateZ(${180}deg)`,\n },\n right: {\n right: '100%',\n transform: `rotateZ(${-90}deg)`,\n },\n bottom: {\n bottom: '100%',\n transform: `rotateZ(${0}deg)`,\n },\n left: {\n left: '100%',\n transform: `rotateZ(${90}deg)`,\n },\n }[basePosition],\n };\n};\n\nexport default getArrowStylesBySize;\n"],"names":["getArrowStylesBySize","position","size","basePosition","split","borderWidth","top","transform","right","bottom","left"],"mappings":";;;;;;;;;;;;;;IAAaA,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,QAAD,EAAyB;EAAA,IAAdC,IAAc,uEAAP,EAAO;EAC3D,IAAMC,YAAY,GAAGF,QAAQ,IAAIA,QAAQ,CAACG,KAAT,CAAe,GAAf,EAAoB,CAApB,CAAjC;EACA;IACEC,WAAW,EAAEH;KACV;IACDI,GAAG,EAAE;MACHA,GAAG,EAAE,iBADF;MAEHC,SAAS,oBAAa,GAAb;KAHV;IAKDC,KAAK,EAAE;MACLA,KAAK,EAAE,MADF;MAELD,SAAS,oBAAa,CAAC,EAAd;KAPV;IASDE,MAAM,EAAE;MACNA,MAAM,EAAE,MADF;MAENF,SAAS,oBAAa,CAAb;KAXV;IAaDG,IAAI,EAAE;MACJA,IAAI,EAAE,MADF;MAEJH,SAAS,oBAAa,EAAb;;IAEXJ,YAjBC,CAFL;AAqBD;;;;;"}
|
package/cjs/interaction.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interaction.js","sources":["../../src/interaction.tsx"],"sourcesContent":["export const Interaction = {\n CLICK: 'click',\n HOVER: 'hover',\n};\n\nexport const interactions = [Interaction.CLICK, Interaction.HOVER];\n"],"names":["Interaction","CLICK","HOVER","interactions"],"mappings":";;;;IAAaA,WAAW,GAAG;
|
|
1
|
+
{"version":3,"file":"interaction.js","sources":["../../src/interaction.tsx"],"sourcesContent":["export const Interaction = {\n CLICK: 'click',\n HOVER: 'hover',\n};\n\nexport const interactions = [Interaction.CLICK, Interaction.HOVER];\n"],"names":["Interaction","CLICK","HOVER","interactions"],"mappings":";;;;IAAaA,WAAW,GAAG;EACzBC,KAAK,EAAE,OADkB;EAEzBC,KAAK,EAAE;AAFkB;IAKdC,YAAY,GAAG,CAACH,WAAW,CAACC,KAAb,EAAoBD,WAAW,CAACE,KAAhC;;;;;"}
|
package/cjs/positions.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"positions.js","sources":["../../src/positions.tsx"],"sourcesContent":["export const Position = {\n AUTO: 'auto',\n AUTO_START: 'auto-start',\n AUTO_END: 'auto-end',\n BOTTOM: 'bottom',\n BOTTOM_START: 'bottom-start',\n BOTTOM_END: 'bottom-end',\n LEFT: 'left',\n LEFT_END: 'left-end',\n LEFT_START: 'left-start',\n RIGHT: 'right',\n RIGHT_END: 'right-end',\n RIGHT_START: 'right-start',\n TOP: 'top',\n TOP_START: 'top-start',\n TOP_END: 'top-end',\n};\n\nexport const positions = [\n Position.AUTO_START,\n Position.AUTO_END,\n Position.AUTO,\n Position.TOP_START,\n Position.TOP,\n Position.TOP_END,\n Position.RIGHT_START,\n Position.RIGHT,\n Position.RIGHT_END,\n Position.BOTTOM_START,\n Position.BOTTOM,\n Position.BOTTOM_END,\n Position.LEFT_START,\n Position.LEFT,\n Position.LEFT_END,\n];\n"],"names":["Position","AUTO","AUTO_START","AUTO_END","BOTTOM","BOTTOM_START","BOTTOM_END","LEFT","LEFT_END","LEFT_START","RIGHT","RIGHT_END","RIGHT_START","TOP","TOP_START","TOP_END","positions"],"mappings":";;;;IAAaA,QAAQ,GAAG;
|
|
1
|
+
{"version":3,"file":"positions.js","sources":["../../src/positions.tsx"],"sourcesContent":["export const Position = {\n AUTO: 'auto',\n AUTO_START: 'auto-start',\n AUTO_END: 'auto-end',\n BOTTOM: 'bottom',\n BOTTOM_START: 'bottom-start',\n BOTTOM_END: 'bottom-end',\n LEFT: 'left',\n LEFT_END: 'left-end',\n LEFT_START: 'left-start',\n RIGHT: 'right',\n RIGHT_END: 'right-end',\n RIGHT_START: 'right-start',\n TOP: 'top',\n TOP_START: 'top-start',\n TOP_END: 'top-end',\n};\n\nexport const positions = [\n Position.AUTO_START,\n Position.AUTO_END,\n Position.AUTO,\n Position.TOP_START,\n Position.TOP,\n Position.TOP_END,\n Position.RIGHT_START,\n Position.RIGHT,\n Position.RIGHT_END,\n Position.BOTTOM_START,\n Position.BOTTOM,\n Position.BOTTOM_END,\n Position.LEFT_START,\n Position.LEFT,\n Position.LEFT_END,\n];\n"],"names":["Position","AUTO","AUTO_START","AUTO_END","BOTTOM","BOTTOM_START","BOTTOM_END","LEFT","LEFT_END","LEFT_START","RIGHT","RIGHT_END","RIGHT_START","TOP","TOP_START","TOP_END","positions"],"mappings":";;;;IAAaA,QAAQ,GAAG;EACtBC,IAAI,EAAE,MADgB;EAEtBC,UAAU,EAAE,YAFU;EAGtBC,QAAQ,EAAE,UAHY;EAItBC,MAAM,EAAE,QAJc;EAKtBC,YAAY,EAAE,cALQ;EAMtBC,UAAU,EAAE,YANU;EAOtBC,IAAI,EAAE,MAPgB;EAQtBC,QAAQ,EAAE,UARY;EAStBC,UAAU,EAAE,YATU;EAUtBC,KAAK,EAAE,OAVe;EAWtBC,SAAS,EAAE,WAXW;EAYtBC,WAAW,EAAE,aAZS;EAatBC,GAAG,EAAE,KAbiB;EActBC,SAAS,EAAE,WAdW;EAetBC,OAAO,EAAE;AAfa;IAkBXC,SAAS,GAAG,CACvBhB,QAAQ,CAACE,UADc,EAEvBF,QAAQ,CAACG,QAFc,EAGvBH,QAAQ,CAACC,IAHc,EAIvBD,QAAQ,CAACc,SAJc,EAKvBd,QAAQ,CAACa,GALc,EAMvBb,QAAQ,CAACe,OANc,EAOvBf,QAAQ,CAACY,WAPc,EAQvBZ,QAAQ,CAACU,KARc,EASvBV,QAAQ,CAACW,SATc,EAUvBX,QAAQ,CAACK,YAVc,EAWvBL,QAAQ,CAACI,MAXc,EAYvBJ,QAAQ,CAACM,UAZc,EAavBN,QAAQ,CAACS,UAbc,EAcvBT,QAAQ,CAACO,IAdc,EAevBP,QAAQ,CAACQ,QAfc;;;;;"}
|
package/cjs/props.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.js","sources":["../../src/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\nimport { Position } from './positions';\nimport { Interaction } from './interaction';\n\nexport const popperProps = {\n /** Hide menu component if trigger component is not visible/scrolled away */\n hideIfNotVisible: PropTypes.bool.description(\n 'Hide menu component if trigger component is not visible/scrolled away',\n ),\n /** props to inject to popper wrapper */\n containerProps: PropTypes.object.description(\n 'props to inject to popper wrapper',\n ),\n /** Space between the arrow and the popup */\n arrowGap: PropTypes.number.description(\n 'Space between the arrow and the popup',\n ),\n /** callback for when menu changes from close to open */\n onOpen: PropTypes.func.description(\n 'callback for when menu changes from close to open',\n ),\n /** callback for when menu changes from open to close */\n onClose: PropTypes.func.description(\n 'callback for when menu changes from open to close',\n ),\n /** Time in ms to delay close of menu */\n delayClose: PropTypes.number.description('Time in ms to delay close of menu'),\n /** Time in ms to delay open of menu */\n delayOpen: PropTypes.number.description('Time in ms to delay open of menu'),\n /** callback for when menu changes placement */\n onPlacementChange: PropTypes.func.description(\n 'callback for when menu changes placement',\n ),\n /** Arrow size */\n arrowSize: PropTypes.number.description('Arrow size'),\n /** Bem blockname for the popper */\n blockName: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.object,\n ]).description('Bem blockname for the popper'),\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};\n\nexport const defaultProps = {\n containerProps: {},\n arrowGap: 8,\n arrowSize: 6,\n blockName: '',\n contentOffset: null,\n contentStyle: null,\n contentComponent: () => null,\n delayClose: 300,\n delayOpen: 200,\n interactionType: Interaction.CLICK,\n onOpen: () => null,\n onClose: () => null,\n onPlacementChange: () => null,\n placement: Position.BOTTOM,\n preventOverflow: 'window',\n showArrow: true,\n closeAnimationConfig: {\n to: { transform: 'scale(0.8)', opacity: '0' },\n config: { delay: 80, duration: 80 },\n },\n openAnimationConfig: {\n to: { transform: 'scale(1)', opacity: '1' },\n config: { delay: 80, duration: 80 },\n },\n usePortal: true,\n triggerComponent: () => null,\n getTargetFromChildren: () => null,\n getContentFromChildren: () => null,\n modifiers: {},\n triggerRef: () => null,\n hideIfNotVisible: false,\n};\n"],"names":["popperProps","hideIfNotVisible","PropTypes","bool","description","containerProps","object","arrowGap","number","onOpen","func","onClose","delayClose","delayOpen","onPlacementChange","arrowSize","blockName","oneOfType","string","triggerComponent","element","isRequired","defaultProps","contentOffset","contentStyle","contentComponent","interactionType","Interaction","CLICK","placement","Position","BOTTOM","preventOverflow","showArrow","closeAnimationConfig","to","transform","opacity","config","delay","duration","openAnimationConfig","usePortal","getTargetFromChildren","getContentFromChildren","modifiers","triggerRef"],"mappings":";;;;;;;;IAIaA,WAAW,GAAG
|
|
1
|
+
{"version":3,"file":"props.js","sources":["../../src/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\nimport { Position } from './positions';\nimport { Interaction } from './interaction';\n\nexport const popperProps = {\n /** Hide menu component if trigger component is not visible/scrolled away */\n hideIfNotVisible: PropTypes.bool.description(\n 'Hide menu component if trigger component is not visible/scrolled away',\n ),\n /** props to inject to popper wrapper */\n containerProps: PropTypes.object.description(\n 'props to inject to popper wrapper',\n ),\n /** Space between the arrow and the popup */\n arrowGap: PropTypes.number.description(\n 'Space between the arrow and the popup',\n ),\n /** callback for when menu changes from close to open */\n onOpen: PropTypes.func.description(\n 'callback for when menu changes from close to open',\n ),\n /** callback for when menu changes from open to close */\n onClose: PropTypes.func.description(\n 'callback for when menu changes from open to close',\n ),\n /** Time in ms to delay close of menu */\n delayClose: PropTypes.number.description('Time in ms to delay close of menu'),\n /** Time in ms to delay open of menu */\n delayOpen: PropTypes.number.description('Time in ms to delay open of menu'),\n /** callback for when menu changes placement */\n onPlacementChange: PropTypes.func.description(\n 'callback for when menu changes placement',\n ),\n /** Arrow size */\n arrowSize: PropTypes.number.description('Arrow size'),\n /** Bem blockname for the popper */\n blockName: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.object,\n ]).description('Bem blockname for the popper'),\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};\n\nexport const defaultProps = {\n containerProps: {},\n arrowGap: 8,\n arrowSize: 6,\n blockName: '',\n contentOffset: null,\n contentStyle: null,\n contentComponent: () => null,\n delayClose: 300,\n delayOpen: 200,\n interactionType: Interaction.CLICK,\n onOpen: () => null,\n onClose: () => null,\n onPlacementChange: () => null,\n placement: Position.BOTTOM,\n preventOverflow: 'window',\n showArrow: true,\n closeAnimationConfig: {\n to: { transform: 'scale(0.8)', opacity: '0' },\n config: { delay: 80, duration: 80 },\n },\n openAnimationConfig: {\n to: { transform: 'scale(1)', opacity: '1' },\n config: { delay: 80, duration: 80 },\n },\n usePortal: true,\n triggerComponent: () => null,\n getTargetFromChildren: () => null,\n getContentFromChildren: () => null,\n modifiers: {},\n triggerRef: () => null,\n hideIfNotVisible: false,\n};\n"],"names":["popperProps","hideIfNotVisible","PropTypes","bool","description","containerProps","object","arrowGap","number","onOpen","func","onClose","delayClose","delayOpen","onPlacementChange","arrowSize","blockName","oneOfType","string","triggerComponent","element","isRequired","defaultProps","contentOffset","contentStyle","contentComponent","interactionType","Interaction","CLICK","placement","Position","BOTTOM","preventOverflow","showArrow","closeAnimationConfig","to","transform","opacity","config","delay","duration","openAnimationConfig","usePortal","getTargetFromChildren","getContentFromChildren","modifiers","triggerRef"],"mappings":";;;;;;;;IAIaA,WAAW,GAAG;;EAEzBC,gBAAgB,EAAEC,mBAAS,CAACC,IAAV,CAAeC,WAAf,CAChB,uEADgB,CAFO;;;EAMzBC,cAAc,EAAEH,mBAAS,CAACI,MAAV,CAAiBF,WAAjB,CACd,mCADc,CANS;;;EAUzBG,QAAQ,EAAEL,mBAAS,CAACM,MAAV,CAAiBJ,WAAjB,CACR,uCADQ,CAVe;;;EAczBK,MAAM,EAAEP,mBAAS,CAACQ,IAAV,CAAeN,WAAf,CACN,mDADM,CAdiB;;;EAkBzBO,OAAO,EAAET,mBAAS,CAACQ,IAAV,CAAeN,WAAf,CACP,mDADO,CAlBgB;;;EAsBzBQ,UAAU,EAAEV,mBAAS,CAACM,MAAV,CAAiBJ,WAAjB,CAA6B,mCAA7B,CAtBa;;;EAwBzBS,SAAS,EAAEX,mBAAS,CAACM,MAAV,CAAiBJ,WAAjB,CAA6B,kCAA7B,CAxBc;;;EA0BzBU,iBAAiB,EAAEZ,mBAAS,CAACQ,IAAV,CAAeN,WAAf,CACjB,0CADiB,CA1BM;;;EA8BzBW,SAAS,EAAEb,mBAAS,CAACM,MAAV,CAAiBJ,WAAjB,CAA6B,YAA7B,CA9Bc;;;EAgCzBY,SAAS,EAAEd,mBAAS,CAACe,SAAV,CAAoB,CAC7Bf,mBAAS,CAACgB,MADmB,EAE7BhB,mBAAS,CAACI,MAFmB,CAApB,EAGRF,WAHQ,CAGI,8BAHJ,CAhCc;EAoCzBe,gBAAgB,EAAEjB,mBAAS,CAACkB,OAAV,CAAkBhB,WAAlB,6KAIhBiB;AAxCuB;IA2CdC,YAAY,GAAG;EAC1BjB,cAAc,EAAE,EADU;EAE1BE,QAAQ,EAAE,CAFgB;EAG1BQ,SAAS,EAAE,CAHe;EAI1BC,SAAS,EAAE,EAJe;EAK1BO,aAAa,EAAE,IALW;EAM1BC,YAAY,EAAE,IANY;EAO1BC,gBAAgB,EAAE;IAAA,OAAM,IAAN;GAPQ;EAQ1Bb,UAAU,EAAE,GARc;EAS1BC,SAAS,EAAE,GATe;EAU1Ba,eAAe,EAAEC,uBAAW,CAACC,KAVH;EAW1BnB,MAAM,EAAE;IAAA,OAAM,IAAN;GAXkB;EAY1BE,OAAO,EAAE;IAAA,OAAM,IAAN;GAZiB;EAa1BG,iBAAiB,EAAE;IAAA,OAAM,IAAN;GAbO;EAc1Be,SAAS,EAAEC,kBAAQ,CAACC,MAdM;EAe1BC,eAAe,EAAE,QAfS;EAgB1BC,SAAS,EAAE,IAhBe;EAiB1BC,oBAAoB,EAAE;IACpBC,EAAE,EAAE;MAAEC,SAAS,EAAE,YAAb;MAA2BC,OAAO,EAAE;KADpB;IAEpBC,MAAM,EAAE;MAAEC,KAAK,EAAE,EAAT;MAAaC,QAAQ,EAAE;;GAnBP;EAqB1BC,mBAAmB,EAAE;IACnBN,EAAE,EAAE;MAAEC,SAAS,EAAE,UAAb;MAAyBC,OAAO,EAAE;KADnB;IAEnBC,MAAM,EAAE;MAAEC,KAAK,EAAE,EAAT;MAAaC,QAAQ,EAAE;;GAvBP;EAyB1BE,SAAS,EAAE,IAzBe;EA0B1BvB,gBAAgB,EAAE;IAAA,OAAM,IAAN;GA1BQ;EA2B1BwB,qBAAqB,EAAE;IAAA,OAAM,IAAN;GA3BG;EA4B1BC,sBAAsB,EAAE;IAAA,OAAM,IAAN;GA5BE;EA6B1BC,SAAS,EAAE,EA7Be;EA8B1BC,UAAU,EAAE;IAAA,OAAM,IAAN;GA9Bc;EA+B1B7C,gBAAgB,EAAE;AA/BQ;;;;;"}
|
package/esm/DSPopper.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DSPopper.js","sources":["../../src/DSPopper.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport PopperImpl from './PopperImpl';\nimport { Position } from './positions';\nimport { Interaction } from './interaction';\nimport { popperProps, defaultProps } from './props';\n\nconst DSPopper = ({\n containerProps,\n arrowGap,\n arrowSize,\n blockName,\n contentOffset,\n contentStyle,\n contentComponent,\n delayClose,\n delayOpen,\n interactionType,\n isOpen, // if this is set DSPopper would be a controlled component if not, an uncontrolled one\n onOpen,\n onClose,\n onPlacementChange,\n placement,\n preventOverflow,\n showArrow,\n closeAnimationConfig,\n openAnimationConfig,\n usePortal,\n triggerComponent,\n wrapExtraComponent,\n getTargetFromChildren,\n getContentFromChildren,\n modifiers,\n triggerRef,\n children: customPopper,\n renderReference,\n referenceNode,\n zIndex,\n hideIfNotVisible,\n}): JSX.Element => (\n <PopperImpl\n arrowGap={arrowGap}\n arrowSize={arrowSize}\n blockName={blockName}\n closeAnimationConfig={closeAnimationConfig}\n containerProps={containerProps}\n contentComponent={contentComponent}\n contentOffset={contentOffset}\n contentStyle={contentStyle}\n delayClose={delayClose}\n delayOpen={delayOpen}\n getContentFromChildren={getContentFromChildren}\n getTargetFromChildren={getTargetFromChildren}\n interactionType={interactionType}\n isOpen={isOpen}\n modifiers={modifiers}\n onOpen={onOpen}\n onClose={onClose}\n onPlacementChange={onPlacementChange}\n openAnimationConfig={openAnimationConfig}\n placement={placement}\n preventOverflow={preventOverflow}\n referenceNode={referenceNode}\n renderReference={renderReference}\n showArrow={showArrow}\n triggerComponent={triggerComponent}\n triggerRef={triggerRef}\n usePortal={usePortal}\n wrapExtraComponent={wrapExtraComponent}\n zIndex={zIndex}\n hideIfNotVisible={hideIfNotVisible}\n >\n {customPopper}\n </PopperImpl>\n);\n\n// @deprecated: There's the NEW (not finished) popover that uses its own popper implementation.\nDSPopper.propTypes = popperProps;\nDSPopper.defaultProps = defaultProps;\n\nconst DSPopperWithSchema = describe(DSPopper);\nDSPopperWithSchema.propTypes = popperProps;\n\nexport { Interaction as PopperInteractions, Position as PopperPositions, DSPopperWithSchema, DSPopper };\n\nexport { interactions } from './interaction';\nexport { positions } from './positions';\n\nexport default DSPopper;\n"],"names":["DSPopper","containerProps","arrowGap","arrowSize","blockName","contentOffset","contentStyle","contentComponent","delayClose","delayOpen","interactionType","isOpen","onOpen","onClose","onPlacementChange","placement","preventOverflow","showArrow","closeAnimationConfig","openAnimationConfig","usePortal","triggerComponent","wrapExtraComponent","getTargetFromChildren","getContentFromChildren","modifiers","triggerRef","customPopper","children","renderReference","referenceNode","zIndex","hideIfNotVisible","propTypes","popperProps","defaultProps","DSPopperWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;IAOMA,QAAQ,GAAG,SAAXA,QAAW;
|
|
1
|
+
{"version":3,"file":"DSPopper.js","sources":["../../src/DSPopper.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport PopperImpl from './PopperImpl';\nimport { Position } from './positions';\nimport { Interaction } from './interaction';\nimport { popperProps, defaultProps } from './props';\n\nconst DSPopper = ({\n containerProps,\n arrowGap,\n arrowSize,\n blockName,\n contentOffset,\n contentStyle,\n contentComponent,\n delayClose,\n delayOpen,\n interactionType,\n isOpen, // if this is set DSPopper would be a controlled component if not, an uncontrolled one\n onOpen,\n onClose,\n onPlacementChange,\n placement,\n preventOverflow,\n showArrow,\n closeAnimationConfig,\n openAnimationConfig,\n usePortal,\n triggerComponent,\n wrapExtraComponent,\n getTargetFromChildren,\n getContentFromChildren,\n modifiers,\n triggerRef,\n children: customPopper,\n renderReference,\n referenceNode,\n zIndex,\n hideIfNotVisible,\n}): JSX.Element => (\n <PopperImpl\n arrowGap={arrowGap}\n arrowSize={arrowSize}\n blockName={blockName}\n closeAnimationConfig={closeAnimationConfig}\n containerProps={containerProps}\n contentComponent={contentComponent}\n contentOffset={contentOffset}\n contentStyle={contentStyle}\n delayClose={delayClose}\n delayOpen={delayOpen}\n getContentFromChildren={getContentFromChildren}\n getTargetFromChildren={getTargetFromChildren}\n interactionType={interactionType}\n isOpen={isOpen}\n modifiers={modifiers}\n onOpen={onOpen}\n onClose={onClose}\n onPlacementChange={onPlacementChange}\n openAnimationConfig={openAnimationConfig}\n placement={placement}\n preventOverflow={preventOverflow}\n referenceNode={referenceNode}\n renderReference={renderReference}\n showArrow={showArrow}\n triggerComponent={triggerComponent}\n triggerRef={triggerRef}\n usePortal={usePortal}\n wrapExtraComponent={wrapExtraComponent}\n zIndex={zIndex}\n hideIfNotVisible={hideIfNotVisible}\n >\n {customPopper}\n </PopperImpl>\n);\n\n// @deprecated: There's the NEW (not finished) popover that uses its own popper implementation.\nDSPopper.propTypes = popperProps;\nDSPopper.defaultProps = defaultProps;\n\nconst DSPopperWithSchema = describe(DSPopper);\nDSPopperWithSchema.propTypes = popperProps;\n\nexport { Interaction as PopperInteractions, Position as PopperPositions, DSPopperWithSchema, DSPopper };\n\nexport { interactions } from './interaction';\nexport { positions } from './positions';\n\nexport default DSPopper;\n"],"names":["DSPopper","containerProps","arrowGap","arrowSize","blockName","contentOffset","contentStyle","contentComponent","delayClose","delayOpen","interactionType","isOpen","onOpen","onClose","onPlacementChange","placement","preventOverflow","showArrow","closeAnimationConfig","openAnimationConfig","usePortal","triggerComponent","wrapExtraComponent","getTargetFromChildren","getContentFromChildren","modifiers","triggerRef","customPopper","children","renderReference","referenceNode","zIndex","hideIfNotVisible","propTypes","popperProps","defaultProps","DSPopperWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;IAOMA,QAAQ,GAAG,SAAXA,QAAW;EAAA,IACfC,cADe,QACfA,cADe;MAEfC,QAFe,QAEfA,QAFe;MAGfC,SAHe,QAGfA,SAHe;MAIfC,SAJe,QAIfA,SAJe;MAKfC,aALe,QAKfA,aALe;MAMfC,YANe,QAMfA,YANe;MAOfC,gBAPe,QAOfA,gBAPe;MAQfC,UARe,QAQfA,UARe;MASfC,SATe,QASfA,SATe;MAUfC,eAVe,QAUfA,eAVe;MAWfC,MAXe,QAWfA,MAXe;MAYfC,MAZe,QAYfA,MAZe;MAafC,OAbe,QAafA,OAbe;MAcfC,iBAde,QAcfA,iBAde;MAefC,SAfe,QAefA,SAfe;MAgBfC,eAhBe,QAgBfA,eAhBe;MAiBfC,SAjBe,QAiBfA,SAjBe;MAkBfC,oBAlBe,QAkBfA,oBAlBe;MAmBfC,mBAnBe,QAmBfA,mBAnBe;MAoBfC,SApBe,QAoBfA,SApBe;MAqBfC,gBArBe,QAqBfA,gBArBe;MAsBfC,kBAtBe,QAsBfA,kBAtBe;MAuBfC,qBAvBe,QAuBfA,qBAvBe;MAwBfC,sBAxBe,QAwBfA,sBAxBe;MAyBfC,SAzBe,QAyBfA,SAzBe;MA0BfC,UA1Be,QA0BfA,UA1Be;MA2BLC,YA3BK,QA2BfC,QA3Be;MA4BfC,eA5Be,QA4BfA,eA5Be;MA6BfC,aA7Be,QA6BfA,aA7Be;MA8BfC,MA9Be,QA8BfA,MA9Be;MA+BfC,gBA/Be,QA+BfA,gBA/Be;EAAA,oBAiCf,oBAAC,UAAD;IACE,QAAQ,EAAE9B,QADZ;IAEE,SAAS,EAAEC,SAFb;IAGE,SAAS,EAAEC,SAHb;IAIE,oBAAoB,EAAEc,oBAJxB;IAKE,cAAc,EAAEjB,cALlB;IAME,gBAAgB,EAAEM,gBANpB;IAOE,aAAa,EAAEF,aAPjB;IAQE,YAAY,EAAEC,YARhB;IASE,UAAU,EAAEE,UATd;IAUE,SAAS,EAAEC,SAVb;IAWE,sBAAsB,EAAEe,sBAX1B;IAYE,qBAAqB,EAAED,qBAZzB;IAaE,eAAe,EAAEb,eAbnB;IAcE,MAAM,EAAEC,MAdV;IAeE,SAAS,EAAEc,SAfb;IAgBE,MAAM,EAAEb,MAhBV;IAiBE,OAAO,EAAEC,OAjBX;IAkBE,iBAAiB,EAAEC,iBAlBrB;IAmBE,mBAAmB,EAAEK,mBAnBvB;IAoBE,SAAS,EAAEJ,SApBb;IAqBE,eAAe,EAAEC,eArBnB;IAsBE,aAAa,EAAEc,aAtBjB;IAuBE,eAAe,EAAED,eAvBnB;IAwBE,SAAS,EAAEZ,SAxBb;IAyBE,gBAAgB,EAAEI,gBAzBpB;IA0BE,UAAU,EAAEK,UA1Bd;IA2BE,SAAS,EAAEN,SA3Bb;IA4BE,kBAAkB,EAAEE,kBA5BtB;IA6BE,MAAM,EAAES,MA7BV;IA8BE,gBAAgB,EAAEC;KAEjBL,YAhCH,CAjCe;AAAA;;;AAsEjB3B,QAAQ,CAACiC,SAAT,GAAqBC,WAArB;AACAlC,QAAQ,CAACmC,YAAT,GAAwBA,YAAxB;IAEMC,kBAAkB,GAAGC,QAAQ,CAACrC,QAAD;AACnCoC,kBAAkB,CAACH,SAAnB,GAA+BC,WAA/B;;;;"}
|
package/esm/PopperContent.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PopperContent.js","sources":["../../src/PopperContent.tsx"],"sourcesContent":["/* eslint-disable max-lines */\n/* eslint-disable react/prop-types */\nimport React, { PureComponent } from 'react';\nimport { Popper } from 'react-popper';\nimport { Keyframes, animated } from 'react-spring/renderprops.cjs';\nimport { getComponentFromProps } from '@elliemae/ds-utilities';\nimport DSOverlay from '@elliemae/ds-overlay';\nimport { getArrowStylesBySize } from './getArrowStylesBySize';\n\nconst Content = Keyframes.Spring({});\n\nexport default class PopperContent extends PureComponent {\n // eslint-disable-next-line react/static-property-placement\n static defaultProps = { onContentDestroyed: () => null };\n\n constructor(props) {\n super(props);\n this.renderContent = this.renderContent.bind(this);\n this.renderArrow = this.renderArrow.bind(this);\n this.handleRestAnimation = this.handleRestAnimation.bind(this);\n }\n\n handleRestAnimation() {\n const { isOpen, onContentDestroyed } = this.props;\n if (!isOpen) {\n onContentDestroyed();\n }\n }\n\n renderArrow({ ref, style }, placement) {\n const { blockName, showArrow } = this.props;\n if (!showArrow) return null;\n return (\n <div\n key=\"popper-arrow\"\n ref={ref}\n className={`${blockName || 'popper'}__arrow`}\n data-placement={placement}\n style={{\n ...style,\n ...getArrowStylesBySize(placement, 25),\n }}\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 </div>\n );\n }\n\n renderContent({\n ref,\n style,\n placement,\n arrowProps,\n scheduleUpdate,\n outOfBoundaries,\n }) {\n const {\n contentComponent,\n contentStyle,\n isOpen,\n closeAnimationConfig,\n openAnimationConfig,\n onMouseEnter,\n onMouseLeave,\n containerProps,\n zIndex,\n hideIfNotVisible,\n } = this.props;\n\n const computedStyle = {\n ...style,\n ...contentStyle,\n zIndex,\n };\n return (\n <div\n {...containerProps}\n data-placement={placement}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n style={computedStyle}\n data-testid=\"popper-container\"\n >\n <Content\n native\n onRest={this.handleRestAnimation}\n state={\n isOpen && (!outOfBoundaries || !hideIfNotVisible) ? 'open' : 'close'\n }\n states={{\n open: {\n ...openAnimationConfig,\n from: closeAnimationConfig.to,\n },\n close: closeAnimationConfig,\n }}\n >\n {(animationStyle) => (\n <animated.div ref={ref} style={animationStyle}>\n {getComponentFromProps(contentComponent, { scheduleUpdate }, [\n this.renderArrow(arrowProps, placement),\n ])}\n </animated.div>\n )}\n </Content>\n </div>\n );\n }\n\n render() {\n const {\n destroyed = false,\n onClickOutside = () => null,\n placement = 'bottom-start',\n modifiers = {},\n referenceNode,\n usePortal = true,\n } = this.props;\n return (\n <DSOverlay\n isOpen={!destroyed}\n onClickOutside={onClickOutside}\n usePortal={usePortal}\n >\n <Popper\n modifiers={modifiers}\n placement={placement}\n referenceElement={referenceNode}\n >\n {this.renderContent}\n </Popper>\n </DSOverlay>\n );\n }\n}\n"],"names":["Content","Keyframes","Spring","PopperContent","props","renderContent","bind","renderArrow","handleRestAnimation","isOpen","onContentDestroyed","placement","ref","style","blockName","showArrow","getArrowStylesBySize","arrowProps","scheduleUpdate","outOfBoundaries","contentComponent","contentStyle","closeAnimationConfig","openAnimationConfig","onMouseEnter","onMouseLeave","containerProps","zIndex","hideIfNotVisible","computedStyle","open","from","to","close","animationStyle","getComponentFromProps","destroyed","onClickOutside","modifiers","referenceNode","usePortal","PureComponent","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,OAAO,GAAGC,SAAS,CAACC,MAAV,CAAiB,EAAjB,CAAhB;;IAEqBC
|
|
1
|
+
{"version":3,"file":"PopperContent.js","sources":["../../src/PopperContent.tsx"],"sourcesContent":["/* eslint-disable max-lines */\n/* eslint-disable react/prop-types */\nimport React, { PureComponent } from 'react';\nimport { Popper } from 'react-popper';\nimport { Keyframes, animated } from 'react-spring/renderprops.cjs';\nimport { getComponentFromProps } from '@elliemae/ds-utilities';\nimport DSOverlay from '@elliemae/ds-overlay';\nimport { getArrowStylesBySize } from './getArrowStylesBySize';\n\nconst Content = Keyframes.Spring({});\n\nexport default class PopperContent extends PureComponent {\n // eslint-disable-next-line react/static-property-placement\n static defaultProps = { onContentDestroyed: () => null };\n\n constructor(props) {\n super(props);\n this.renderContent = this.renderContent.bind(this);\n this.renderArrow = this.renderArrow.bind(this);\n this.handleRestAnimation = this.handleRestAnimation.bind(this);\n }\n\n handleRestAnimation() {\n const { isOpen, onContentDestroyed } = this.props;\n if (!isOpen) {\n onContentDestroyed();\n }\n }\n\n renderArrow({ ref, style }, placement) {\n const { blockName, showArrow } = this.props;\n if (!showArrow) return null;\n return (\n <div\n key=\"popper-arrow\"\n ref={ref}\n className={`${blockName || 'popper'}__arrow`}\n data-placement={placement}\n style={{\n ...style,\n ...getArrowStylesBySize(placement, 25),\n }}\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 </div>\n );\n }\n\n renderContent({\n ref,\n style,\n placement,\n arrowProps,\n scheduleUpdate,\n outOfBoundaries,\n }) {\n const {\n contentComponent,\n contentStyle,\n isOpen,\n closeAnimationConfig,\n openAnimationConfig,\n onMouseEnter,\n onMouseLeave,\n containerProps,\n zIndex,\n hideIfNotVisible,\n } = this.props;\n\n const computedStyle = {\n ...style,\n ...contentStyle,\n zIndex,\n };\n return (\n <div\n {...containerProps}\n data-placement={placement}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n style={computedStyle}\n data-testid=\"popper-container\"\n >\n <Content\n native\n onRest={this.handleRestAnimation}\n state={\n isOpen && (!outOfBoundaries || !hideIfNotVisible) ? 'open' : 'close'\n }\n states={{\n open: {\n ...openAnimationConfig,\n from: closeAnimationConfig.to,\n },\n close: closeAnimationConfig,\n }}\n >\n {(animationStyle) => (\n <animated.div ref={ref} style={animationStyle}>\n {getComponentFromProps(contentComponent, { scheduleUpdate }, [\n this.renderArrow(arrowProps, placement),\n ])}\n </animated.div>\n )}\n </Content>\n </div>\n );\n }\n\n render() {\n const {\n destroyed = false,\n onClickOutside = () => null,\n placement = 'bottom-start',\n modifiers = {},\n referenceNode,\n usePortal = true,\n } = this.props;\n return (\n <DSOverlay\n isOpen={!destroyed}\n onClickOutside={onClickOutside}\n usePortal={usePortal}\n >\n <Popper\n modifiers={modifiers}\n placement={placement}\n referenceElement={referenceNode}\n >\n {this.renderContent}\n </Popper>\n </DSOverlay>\n );\n }\n}\n"],"names":["Content","Keyframes","Spring","PopperContent","props","renderContent","bind","renderArrow","handleRestAnimation","isOpen","onContentDestroyed","placement","ref","style","blockName","showArrow","getArrowStylesBySize","arrowProps","scheduleUpdate","outOfBoundaries","contentComponent","contentStyle","closeAnimationConfig","openAnimationConfig","onMouseEnter","onMouseLeave","containerProps","zIndex","hideIfNotVisible","computedStyle","open","from","to","close","animationStyle","getComponentFromProps","destroyed","onClickOutside","modifiers","referenceNode","usePortal","PureComponent","defaultProps"],"mappings":"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"}
|
package/esm/PopperImpl.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PopperImpl.js","sources":["../../src/PopperImpl.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport { isFunction, get, isDOMTypeElement, getComponentFromProps, mergeRefs } from '@elliemae/ds-utilities';\nimport { Manager, Reference } from 'react-popper';\nimport memoizeOne from 'memoize-one';\nimport PopperContent from './PopperContent';\nimport { Interaction } from './interaction';\n\nexport default class PopperImpl extends Component<any, any> {\n // we use safeIsMounted because isMounted is not allowed by React.\n safeIsMounted = false;\n\n handlePopperPlacementChange = memoizeOne((placement) => {\n const { onPlacementChange } = this.props;\n onPlacementChange(placement);\n });\n\n constructor(props) {\n super(props);\n this.state = {\n isOpen: false,\n destroyed: true,\n };\n // TODO: Fix the autobinding to remove this!!\n this.handleMouseEnter = this.handleMouseEnter.bind(this);\n this.handleMouseLeave = this.handleMouseLeave.bind(this);\n this.handleTriggerClick = this.handleTriggerClick.bind(this);\n this.renderTarget = this.renderTarget.bind(this);\n this.updatePopoverState = this.updatePopoverState.bind(this);\n this.handlePopperPlacementChange = this.handlePopperPlacementChange.bind(\n this,\n );\n this.handleDestroyContent = this.handleDestroyContent.bind(this);\n this.handleContentMouseEnter = this.handleContentMouseEnter.bind(this);\n this.handleContentMouseLeave = this.handleContentMouseLeave.bind(this);\n }\n\n // this is needed to prevent setState on unmounted components\n componentDidMount() {\n this.safeIsMounted = true;\n }\n\n componentDidUpdate() {\n const { isOpen, destroyed } = this.state;\n if (isOpen === true && destroyed === true) {\n // eslint-disable-next-line react/no-did-update-set-state\n this.setState({ destroyed: false });\n }\n }\n\n componentWillUnmount() {\n this.safeIsMounted = false;\n }\n\n static getDerivedStateFromProps(nextProps, prevState) {\n const { isOpen } = nextProps;\n const { prevPropIsOpen } = prevState;\n // todo: this causes multiple rerenders\n if (isOpen !== prevPropIsOpen) {\n return {\n isOpen,\n prevPropIsOpen: isOpen,\n };\n }\n return null;\n }\n\n getInteractionObject(interaction, referenceProps = {}) {\n const { isOpen } = this.props;\n if (isOpen !== undefined) return {};\n return (\n {\n [Interaction.CLICK]: {\n handlers: {\n onClick: this.handleTriggerClick,\n },\n canClose: () => true,\n },\n [Interaction.HOVER]: {\n handlers: {\n onMouseEnter: referenceProps.onMouseEnter || this.handleMouseEnter,\n onPointerEnter: referenceProps.onMouseEnter || this.handleMouseEnter,\n onMouseLeave: referenceProps.onMouseLeave || this.handleMouseLeave,\n onPointerLeave: referenceProps.onMouseLeave || this.handleMouseLeave,\n onClick: this.handleTriggerClick,\n },\n canClose: (isOnTrigger, isOnPopper) => !isOnTrigger && !isOnPopper,\n },\n }[interaction] || {\n handlers: {},\n canClose: () => true,\n }\n );\n }\n\n setOpen(opening) {\n const { onOpen } = this.props;\n const { prevPropIsOpen } = this.state;\n if (!this.safeIsMounted) return;\n\n if (prevPropIsOpen === undefined) {\n this.setState({\n isOpen: opening,\n destroyed: false,\n });\n }\n onOpen(opening);\n }\n\n open() {\n clearTimeout(this.closeTimer);\n const { delayOpen } = this.props;\n this.openTimer = setTimeout(() => this.setOpen(true), delayOpen);\n }\n\n close() {\n clearTimeout(this.openTimer);\n const { delayClose, onClose = () => null } = this.props;\n this.closeTimer = setTimeout(() => {\n this.setOpen(false);\n onClose();\n }, delayClose);\n }\n\n handleTriggerClick(e) {\n const { triggerComponent } = this.props;\n const { onClick } = get(triggerComponent, 'props') || {};\n\n this.open();\n\n if (isFunction(onClick)) onClick(e);\n }\n\n handleContentMouseEnter() {\n this.isMouseOverContent = true;\n }\n\n handleContentMouseLeave() {\n this.isMouseOverContent = false;\n const { onClose = () => null } = this.props;\n setTimeout(() => {\n if (!this.isMouseOverTarget) {\n this.setOpen(false);\n onClose();\n }\n }, 10);\n }\n\n handleMouseEnter() {\n this.isMouseOverTarget = true;\n this.open();\n }\n\n handleMouseLeave() {\n this.isMouseOverTarget = false;\n setTimeout(() => {\n if (!this.isMouseOverContent) {\n this.close();\n }\n }, 10);\n }\n\n updatePopoverState(popperData) {\n this.handlePopperPlacementChange(popperData.placement);\n return popperData;\n }\n\n handleDestroyContent() {\n this.setState({ destroyed: true });\n }\n\n renderTarget({ ref }) {\n const { isOpen } = this.state;\n const { triggerComponent, interactionType, renderReference } = this.props;\n\n const componentInnerRef = get(\n triggerComponent,\n ['props', 'innerRef'],\n () => null,\n );\n const compRef = isDOMTypeElement(triggerComponent)\n ? { ref }\n : { innerRef: mergeRefs(ref, componentInnerRef) };\n\n const triggerHandler = this.getInteractionObject(\n interactionType,\n triggerComponent.props,\n ).handlers;\n\n const targetProps = {\n ...triggerHandler,\n ...compRef,\n 'aria-haspopup': true,\n 'aria-expanded': isOpen,\n };\n\n if (renderReference) {\n return renderReference({\n ref,\n ...targetProps,\n });\n }\n\n return getComponentFromProps(triggerComponent, targetProps);\n }\n\n render() {\n const { isOpen, destroyed } = this.state;\n\n const {\n placement,\n interactionType,\n showArrow,\n arrowSize,\n arrowGap,\n preventOverflow,\n children: customPopper,\n usePortal,\n blockName,\n contentComponent,\n openAnimationConfig,\n closeAnimationConfig,\n modifiers,\n referenceNode,\n containerProps,\n zIndex,\n hideIfNotVisible,\n } = this.props;\n\n const allModifiers = {\n offset: {\n enabled: showArrow,\n offset: `0, ${arrowSize + arrowGap}`,\n },\n preventOverflow: {\n enabled: true,\n padding: 0,\n boundariesElement: preventOverflow,\n },\n updatePopoverState: {\n enabled: true,\n fn: this.updatePopoverState,\n order: 900,\n },\n ...modifiers,\n };\n const triggerHandler = this.getInteractionObject(interactionType).handlers;\n\n const popperContentProps = {\n hideIfNotVisible,\n containerProps,\n isOpen,\n destroyed: isOpen ? false : destroyed,\n arrowSize,\n blockName,\n showArrow,\n modifiers: allModifiers,\n contentComponent,\n onContentDestroyed: this.handleDestroyContent,\n onClickOutside: () => this.close(),\n placement,\n usePortal,\n openAnimationConfig,\n closeAnimationConfig,\n onMouseEnter:\n interactionType === Interaction.HOVER\n ? this.handleContentMouseEnter\n : undefined,\n onMouseLeave:\n interactionType === Interaction.HOVER\n ? this.handleContentMouseLeave\n : undefined,\n referenceNode,\n zIndex,\n };\n\n if (customPopper && typeof customPopper === 'function') {\n return (\n <Manager>\n {customPopper({\n Reference,\n triggerHandler,\n content: <PopperContent {...popperContentProps} />,\n })}\n </Manager>\n );\n }\n\n return (\n <Manager>\n <Reference>{this.renderTarget}</Reference>\n <PopperContent {...popperContentProps} />\n </Manager>\n );\n }\n}\n\nexport { Reference, PopperContent };\n"],"names":["PopperImpl","props","safeIsMounted","handlePopperPlacementChange","memoizeOne","placement","onPlacementChange","state","isOpen","destroyed","handleMouseEnter","bind","handleMouseLeave","handleTriggerClick","renderTarget","updatePopoverState","handleDestroyContent","handleContentMouseEnter","handleContentMouseLeave","setState","interaction","referenceProps","undefined","Interaction","CLICK","handlers","onClick","canClose","HOVER","onMouseEnter","onPointerEnter","onMouseLeave","onPointerLeave","isOnTrigger","isOnPopper","opening","onOpen","prevPropIsOpen","clearTimeout","closeTimer","delayOpen","openTimer","setTimeout","setOpen","delayClose","onClose","e","triggerComponent","get","open","isFunction","isMouseOverContent","isMouseOverTarget","close","popperData","ref","interactionType","renderReference","componentInnerRef","compRef","isDOMTypeElement","innerRef","mergeRefs","triggerHandler","getInteractionObject","targetProps","getComponentFromProps","showArrow","arrowSize","arrowGap","preventOverflow","customPopper","children","usePortal","blockName","contentComponent","openAnimationConfig","closeAnimationConfig","modifiers","referenceNode","containerProps","zIndex","hideIfNotVisible","allModifiers","offset","enabled","padding","boundariesElement","fn","order","popperContentProps","onContentDestroyed","onClickOutside","Reference","content","nextProps","prevState","Component"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"PopperImpl.js","sources":["../../src/PopperImpl.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport { isFunction, get, isDOMTypeElement, getComponentFromProps, mergeRefs } from '@elliemae/ds-utilities';\nimport { Manager, Reference } from 'react-popper';\nimport memoizeOne from 'memoize-one';\nimport PopperContent from './PopperContent';\nimport { Interaction } from './interaction';\n\nexport default class PopperImpl extends Component<any, any> {\n // we use safeIsMounted because isMounted is not allowed by React.\n safeIsMounted = false;\n\n handlePopperPlacementChange = memoizeOne((placement) => {\n const { onPlacementChange } = this.props;\n onPlacementChange(placement);\n });\n\n constructor(props) {\n super(props);\n this.state = {\n isOpen: false,\n destroyed: true,\n };\n // TODO: Fix the autobinding to remove this!!\n this.handleMouseEnter = this.handleMouseEnter.bind(this);\n this.handleMouseLeave = this.handleMouseLeave.bind(this);\n this.handleTriggerClick = this.handleTriggerClick.bind(this);\n this.renderTarget = this.renderTarget.bind(this);\n this.updatePopoverState = this.updatePopoverState.bind(this);\n this.handlePopperPlacementChange = this.handlePopperPlacementChange.bind(\n this,\n );\n this.handleDestroyContent = this.handleDestroyContent.bind(this);\n this.handleContentMouseEnter = this.handleContentMouseEnter.bind(this);\n this.handleContentMouseLeave = this.handleContentMouseLeave.bind(this);\n }\n\n // this is needed to prevent setState on unmounted components\n componentDidMount() {\n this.safeIsMounted = true;\n }\n\n componentDidUpdate() {\n const { isOpen, destroyed } = this.state;\n if (isOpen === true && destroyed === true) {\n // eslint-disable-next-line react/no-did-update-set-state\n this.setState({ destroyed: false });\n }\n }\n\n componentWillUnmount() {\n this.safeIsMounted = false;\n }\n\n static getDerivedStateFromProps(nextProps, prevState) {\n const { isOpen } = nextProps;\n const { prevPropIsOpen } = prevState;\n // todo: this causes multiple rerenders\n if (isOpen !== prevPropIsOpen) {\n return {\n isOpen,\n prevPropIsOpen: isOpen,\n };\n }\n return null;\n }\n\n getInteractionObject(interaction, referenceProps = {}) {\n const { isOpen } = this.props;\n if (isOpen !== undefined) return {};\n return (\n {\n [Interaction.CLICK]: {\n handlers: {\n onClick: this.handleTriggerClick,\n },\n canClose: () => true,\n },\n [Interaction.HOVER]: {\n handlers: {\n onMouseEnter: referenceProps.onMouseEnter || this.handleMouseEnter,\n onPointerEnter: referenceProps.onMouseEnter || this.handleMouseEnter,\n onMouseLeave: referenceProps.onMouseLeave || this.handleMouseLeave,\n onPointerLeave: referenceProps.onMouseLeave || this.handleMouseLeave,\n onClick: this.handleTriggerClick,\n },\n canClose: (isOnTrigger, isOnPopper) => !isOnTrigger && !isOnPopper,\n },\n }[interaction] || {\n handlers: {},\n canClose: () => true,\n }\n );\n }\n\n setOpen(opening) {\n const { onOpen } = this.props;\n const { prevPropIsOpen } = this.state;\n if (!this.safeIsMounted) return;\n\n if (prevPropIsOpen === undefined) {\n this.setState({\n isOpen: opening,\n destroyed: false,\n });\n }\n onOpen(opening);\n }\n\n open() {\n clearTimeout(this.closeTimer);\n const { delayOpen } = this.props;\n this.openTimer = setTimeout(() => this.setOpen(true), delayOpen);\n }\n\n close() {\n clearTimeout(this.openTimer);\n const { delayClose, onClose = () => null } = this.props;\n this.closeTimer = setTimeout(() => {\n this.setOpen(false);\n onClose();\n }, delayClose);\n }\n\n handleTriggerClick(e) {\n const { triggerComponent } = this.props;\n const { onClick } = get(triggerComponent, 'props') || {};\n\n this.open();\n\n if (isFunction(onClick)) onClick(e);\n }\n\n handleContentMouseEnter() {\n this.isMouseOverContent = true;\n }\n\n handleContentMouseLeave() {\n this.isMouseOverContent = false;\n const { onClose = () => null } = this.props;\n setTimeout(() => {\n if (!this.isMouseOverTarget) {\n this.setOpen(false);\n onClose();\n }\n }, 10);\n }\n\n handleMouseEnter() {\n this.isMouseOverTarget = true;\n this.open();\n }\n\n handleMouseLeave() {\n this.isMouseOverTarget = false;\n setTimeout(() => {\n if (!this.isMouseOverContent) {\n this.close();\n }\n }, 10);\n }\n\n updatePopoverState(popperData) {\n this.handlePopperPlacementChange(popperData.placement);\n return popperData;\n }\n\n handleDestroyContent() {\n this.setState({ destroyed: true });\n }\n\n renderTarget({ ref }) {\n const { isOpen } = this.state;\n const { triggerComponent, interactionType, renderReference } = this.props;\n\n const componentInnerRef = get(\n triggerComponent,\n ['props', 'innerRef'],\n () => null,\n );\n const compRef = isDOMTypeElement(triggerComponent)\n ? { ref }\n : { innerRef: mergeRefs(ref, componentInnerRef) };\n\n const triggerHandler = this.getInteractionObject(\n interactionType,\n triggerComponent.props,\n ).handlers;\n\n const targetProps = {\n ...triggerHandler,\n ...compRef,\n 'aria-haspopup': true,\n 'aria-expanded': isOpen,\n };\n\n if (renderReference) {\n return renderReference({\n ref,\n ...targetProps,\n });\n }\n\n return getComponentFromProps(triggerComponent, targetProps);\n }\n\n render() {\n const { isOpen, destroyed } = this.state;\n\n const {\n placement,\n interactionType,\n showArrow,\n arrowSize,\n arrowGap,\n preventOverflow,\n children: customPopper,\n usePortal,\n blockName,\n contentComponent,\n openAnimationConfig,\n closeAnimationConfig,\n modifiers,\n referenceNode,\n containerProps,\n zIndex,\n hideIfNotVisible,\n } = this.props;\n\n const allModifiers = {\n offset: {\n enabled: showArrow,\n offset: `0, ${arrowSize + arrowGap}`,\n },\n preventOverflow: {\n enabled: true,\n padding: 0,\n boundariesElement: preventOverflow,\n },\n updatePopoverState: {\n enabled: true,\n fn: this.updatePopoverState,\n order: 900,\n },\n ...modifiers,\n };\n const triggerHandler = this.getInteractionObject(interactionType).handlers;\n\n const popperContentProps = {\n hideIfNotVisible,\n containerProps,\n isOpen,\n destroyed: isOpen ? false : destroyed,\n arrowSize,\n blockName,\n showArrow,\n modifiers: allModifiers,\n contentComponent,\n onContentDestroyed: this.handleDestroyContent,\n onClickOutside: () => this.close(),\n placement,\n usePortal,\n openAnimationConfig,\n closeAnimationConfig,\n onMouseEnter:\n interactionType === Interaction.HOVER\n ? this.handleContentMouseEnter\n : undefined,\n onMouseLeave:\n interactionType === Interaction.HOVER\n ? this.handleContentMouseLeave\n : undefined,\n referenceNode,\n zIndex,\n };\n\n if (customPopper && typeof customPopper === 'function') {\n return (\n <Manager>\n {customPopper({\n Reference,\n triggerHandler,\n content: <PopperContent {...popperContentProps} />,\n })}\n </Manager>\n );\n }\n\n return (\n <Manager>\n <Reference>{this.renderTarget}</Reference>\n <PopperContent {...popperContentProps} />\n </Manager>\n );\n }\n}\n\nexport { Reference, PopperContent };\n"],"names":["PopperImpl","props","safeIsMounted","handlePopperPlacementChange","memoizeOne","placement","onPlacementChange","state","isOpen","destroyed","handleMouseEnter","bind","handleMouseLeave","handleTriggerClick","renderTarget","updatePopoverState","handleDestroyContent","handleContentMouseEnter","handleContentMouseLeave","setState","interaction","referenceProps","undefined","Interaction","CLICK","handlers","onClick","canClose","HOVER","onMouseEnter","onPointerEnter","onMouseLeave","onPointerLeave","isOnTrigger","isOnPopper","opening","onOpen","prevPropIsOpen","clearTimeout","closeTimer","delayOpen","openTimer","setTimeout","setOpen","delayClose","onClose","e","triggerComponent","get","open","isFunction","isMouseOverContent","isMouseOverTarget","close","popperData","ref","interactionType","renderReference","componentInnerRef","compRef","isDOMTypeElement","innerRef","mergeRefs","triggerHandler","getInteractionObject","targetProps","getComponentFromProps","showArrow","arrowSize","arrowGap","preventOverflow","customPopper","children","usePortal","blockName","contentComponent","openAnimationConfig","closeAnimationConfig","modifiers","referenceNode","containerProps","zIndex","hideIfNotVisible","allModifiers","offset","enabled","padding","boundariesElement","fn","order","popperContentProps","onContentDestroyed","onClickOutside","Reference","content","nextProps","prevState","Component"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getArrowStylesBySize.js","sources":["../../src/getArrowStylesBySize.tsx"],"sourcesContent":["export const getArrowStylesBySize = (position, size = 30) => {\n const basePosition = position && position.split('-')[0];\n return {\n borderWidth: size,\n ...{\n top: {\n top: '100% !important',\n transform: `rotateZ(${180}deg)`,\n },\n right: {\n right: '100%',\n transform: `rotateZ(${-90}deg)`,\n },\n bottom: {\n bottom: '100%',\n transform: `rotateZ(${0}deg)`,\n },\n left: {\n left: '100%',\n transform: `rotateZ(${90}deg)`,\n },\n }[basePosition],\n };\n};\n\nexport default getArrowStylesBySize;\n"],"names":["getArrowStylesBySize","position","size","basePosition","split","borderWidth","top","transform","right","bottom","left"],"mappings":";;;;;;IAAaA,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,QAAD,EAAyB;
|
|
1
|
+
{"version":3,"file":"getArrowStylesBySize.js","sources":["../../src/getArrowStylesBySize.tsx"],"sourcesContent":["export const getArrowStylesBySize = (position, size = 30) => {\n const basePosition = position && position.split('-')[0];\n return {\n borderWidth: size,\n ...{\n top: {\n top: '100% !important',\n transform: `rotateZ(${180}deg)`,\n },\n right: {\n right: '100%',\n transform: `rotateZ(${-90}deg)`,\n },\n bottom: {\n bottom: '100%',\n transform: `rotateZ(${0}deg)`,\n },\n left: {\n left: '100%',\n transform: `rotateZ(${90}deg)`,\n },\n }[basePosition],\n };\n};\n\nexport default getArrowStylesBySize;\n"],"names":["getArrowStylesBySize","position","size","basePosition","split","borderWidth","top","transform","right","bottom","left"],"mappings":";;;;;;IAAaA,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,QAAD,EAAyB;EAAA,IAAdC,IAAc,uEAAP,EAAO;EAC3D,IAAMC,YAAY,GAAGF,QAAQ,IAAIA,QAAQ,CAACG,KAAT,CAAe,GAAf,EAAoB,CAApB,CAAjC;EACA;IACEC,WAAW,EAAEH;KACV;IACDI,GAAG,EAAE;MACHA,GAAG,EAAE,iBADF;MAEHC,SAAS,oBAAa,GAAb;KAHV;IAKDC,KAAK,EAAE;MACLA,KAAK,EAAE,MADF;MAELD,SAAS,oBAAa,CAAC,EAAd;KAPV;IASDE,MAAM,EAAE;MACNA,MAAM,EAAE,MADF;MAENF,SAAS,oBAAa,CAAb;KAXV;IAaDG,IAAI,EAAE;MACJA,IAAI,EAAE,MADF;MAEJH,SAAS,oBAAa,EAAb;;IAEXJ,YAjBC,CAFL;AAqBD;;;;"}
|
package/esm/interaction.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interaction.js","sources":["../../src/interaction.tsx"],"sourcesContent":["export const Interaction = {\n CLICK: 'click',\n HOVER: 'hover',\n};\n\nexport const interactions = [Interaction.CLICK, Interaction.HOVER];\n"],"names":["Interaction","CLICK","HOVER","interactions"],"mappings":"IAAaA,WAAW,GAAG;
|
|
1
|
+
{"version":3,"file":"interaction.js","sources":["../../src/interaction.tsx"],"sourcesContent":["export const Interaction = {\n CLICK: 'click',\n HOVER: 'hover',\n};\n\nexport const interactions = [Interaction.CLICK, Interaction.HOVER];\n"],"names":["Interaction","CLICK","HOVER","interactions"],"mappings":"IAAaA,WAAW,GAAG;EACzBC,KAAK,EAAE,OADkB;EAEzBC,KAAK,EAAE;AAFkB;IAKdC,YAAY,GAAG,CAACH,WAAW,CAACC,KAAb,EAAoBD,WAAW,CAACE,KAAhC;;;;"}
|
package/esm/positions.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"positions.js","sources":["../../src/positions.tsx"],"sourcesContent":["export const Position = {\n AUTO: 'auto',\n AUTO_START: 'auto-start',\n AUTO_END: 'auto-end',\n BOTTOM: 'bottom',\n BOTTOM_START: 'bottom-start',\n BOTTOM_END: 'bottom-end',\n LEFT: 'left',\n LEFT_END: 'left-end',\n LEFT_START: 'left-start',\n RIGHT: 'right',\n RIGHT_END: 'right-end',\n RIGHT_START: 'right-start',\n TOP: 'top',\n TOP_START: 'top-start',\n TOP_END: 'top-end',\n};\n\nexport const positions = [\n Position.AUTO_START,\n Position.AUTO_END,\n Position.AUTO,\n Position.TOP_START,\n Position.TOP,\n Position.TOP_END,\n Position.RIGHT_START,\n Position.RIGHT,\n Position.RIGHT_END,\n Position.BOTTOM_START,\n Position.BOTTOM,\n Position.BOTTOM_END,\n Position.LEFT_START,\n Position.LEFT,\n Position.LEFT_END,\n];\n"],"names":["Position","AUTO","AUTO_START","AUTO_END","BOTTOM","BOTTOM_START","BOTTOM_END","LEFT","LEFT_END","LEFT_START","RIGHT","RIGHT_END","RIGHT_START","TOP","TOP_START","TOP_END","positions"],"mappings":"IAAaA,QAAQ,GAAG;
|
|
1
|
+
{"version":3,"file":"positions.js","sources":["../../src/positions.tsx"],"sourcesContent":["export const Position = {\n AUTO: 'auto',\n AUTO_START: 'auto-start',\n AUTO_END: 'auto-end',\n BOTTOM: 'bottom',\n BOTTOM_START: 'bottom-start',\n BOTTOM_END: 'bottom-end',\n LEFT: 'left',\n LEFT_END: 'left-end',\n LEFT_START: 'left-start',\n RIGHT: 'right',\n RIGHT_END: 'right-end',\n RIGHT_START: 'right-start',\n TOP: 'top',\n TOP_START: 'top-start',\n TOP_END: 'top-end',\n};\n\nexport const positions = [\n Position.AUTO_START,\n Position.AUTO_END,\n Position.AUTO,\n Position.TOP_START,\n Position.TOP,\n Position.TOP_END,\n Position.RIGHT_START,\n Position.RIGHT,\n Position.RIGHT_END,\n Position.BOTTOM_START,\n Position.BOTTOM,\n Position.BOTTOM_END,\n Position.LEFT_START,\n Position.LEFT,\n Position.LEFT_END,\n];\n"],"names":["Position","AUTO","AUTO_START","AUTO_END","BOTTOM","BOTTOM_START","BOTTOM_END","LEFT","LEFT_END","LEFT_START","RIGHT","RIGHT_END","RIGHT_START","TOP","TOP_START","TOP_END","positions"],"mappings":"IAAaA,QAAQ,GAAG;EACtBC,IAAI,EAAE,MADgB;EAEtBC,UAAU,EAAE,YAFU;EAGtBC,QAAQ,EAAE,UAHY;EAItBC,MAAM,EAAE,QAJc;EAKtBC,YAAY,EAAE,cALQ;EAMtBC,UAAU,EAAE,YANU;EAOtBC,IAAI,EAAE,MAPgB;EAQtBC,QAAQ,EAAE,UARY;EAStBC,UAAU,EAAE,YATU;EAUtBC,KAAK,EAAE,OAVe;EAWtBC,SAAS,EAAE,WAXW;EAYtBC,WAAW,EAAE,aAZS;EAatBC,GAAG,EAAE,KAbiB;EActBC,SAAS,EAAE,WAdW;EAetBC,OAAO,EAAE;AAfa;IAkBXC,SAAS,GAAG,CACvBhB,QAAQ,CAACE,UADc,EAEvBF,QAAQ,CAACG,QAFc,EAGvBH,QAAQ,CAACC,IAHc,EAIvBD,QAAQ,CAACc,SAJc,EAKvBd,QAAQ,CAACa,GALc,EAMvBb,QAAQ,CAACe,OANc,EAOvBf,QAAQ,CAACY,WAPc,EAQvBZ,QAAQ,CAACU,KARc,EASvBV,QAAQ,CAACW,SATc,EAUvBX,QAAQ,CAACK,YAVc,EAWvBL,QAAQ,CAACI,MAXc,EAYvBJ,QAAQ,CAACM,UAZc,EAavBN,QAAQ,CAACS,UAbc,EAcvBT,QAAQ,CAACO,IAdc,EAevBP,QAAQ,CAACQ,QAfc;;;;"}
|
package/esm/props.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.js","sources":["../../src/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\nimport { Position } from './positions';\nimport { Interaction } from './interaction';\n\nexport const popperProps = {\n /** Hide menu component if trigger component is not visible/scrolled away */\n hideIfNotVisible: PropTypes.bool.description(\n 'Hide menu component if trigger component is not visible/scrolled away',\n ),\n /** props to inject to popper wrapper */\n containerProps: PropTypes.object.description(\n 'props to inject to popper wrapper',\n ),\n /** Space between the arrow and the popup */\n arrowGap: PropTypes.number.description(\n 'Space between the arrow and the popup',\n ),\n /** callback for when menu changes from close to open */\n onOpen: PropTypes.func.description(\n 'callback for when menu changes from close to open',\n ),\n /** callback for when menu changes from open to close */\n onClose: PropTypes.func.description(\n 'callback for when menu changes from open to close',\n ),\n /** Time in ms to delay close of menu */\n delayClose: PropTypes.number.description('Time in ms to delay close of menu'),\n /** Time in ms to delay open of menu */\n delayOpen: PropTypes.number.description('Time in ms to delay open of menu'),\n /** callback for when menu changes placement */\n onPlacementChange: PropTypes.func.description(\n 'callback for when menu changes placement',\n ),\n /** Arrow size */\n arrowSize: PropTypes.number.description('Arrow size'),\n /** Bem blockname for the popper */\n blockName: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.object,\n ]).description('Bem blockname for the popper'),\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};\n\nexport const defaultProps = {\n containerProps: {},\n arrowGap: 8,\n arrowSize: 6,\n blockName: '',\n contentOffset: null,\n contentStyle: null,\n contentComponent: () => null,\n delayClose: 300,\n delayOpen: 200,\n interactionType: Interaction.CLICK,\n onOpen: () => null,\n onClose: () => null,\n onPlacementChange: () => null,\n placement: Position.BOTTOM,\n preventOverflow: 'window',\n showArrow: true,\n closeAnimationConfig: {\n to: { transform: 'scale(0.8)', opacity: '0' },\n config: { delay: 80, duration: 80 },\n },\n openAnimationConfig: {\n to: { transform: 'scale(1)', opacity: '1' },\n config: { delay: 80, duration: 80 },\n },\n usePortal: true,\n triggerComponent: () => null,\n getTargetFromChildren: () => null,\n getContentFromChildren: () => null,\n modifiers: {},\n triggerRef: () => null,\n hideIfNotVisible: false,\n};\n"],"names":["popperProps","hideIfNotVisible","PropTypes","bool","description","containerProps","object","arrowGap","number","onOpen","func","onClose","delayClose","delayOpen","onPlacementChange","arrowSize","blockName","oneOfType","string","triggerComponent","element","isRequired","defaultProps","contentOffset","contentStyle","contentComponent","interactionType","Interaction","CLICK","placement","Position","BOTTOM","preventOverflow","showArrow","closeAnimationConfig","to","transform","opacity","config","delay","duration","openAnimationConfig","usePortal","getTargetFromChildren","getContentFromChildren","modifiers","triggerRef"],"mappings":";;;;IAIaA,WAAW,GAAG
|
|
1
|
+
{"version":3,"file":"props.js","sources":["../../src/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\nimport { Position } from './positions';\nimport { Interaction } from './interaction';\n\nexport const popperProps = {\n /** Hide menu component if trigger component is not visible/scrolled away */\n hideIfNotVisible: PropTypes.bool.description(\n 'Hide menu component if trigger component is not visible/scrolled away',\n ),\n /** props to inject to popper wrapper */\n containerProps: PropTypes.object.description(\n 'props to inject to popper wrapper',\n ),\n /** Space between the arrow and the popup */\n arrowGap: PropTypes.number.description(\n 'Space between the arrow and the popup',\n ),\n /** callback for when menu changes from close to open */\n onOpen: PropTypes.func.description(\n 'callback for when menu changes from close to open',\n ),\n /** callback for when menu changes from open to close */\n onClose: PropTypes.func.description(\n 'callback for when menu changes from open to close',\n ),\n /** Time in ms to delay close of menu */\n delayClose: PropTypes.number.description('Time in ms to delay close of menu'),\n /** Time in ms to delay open of menu */\n delayOpen: PropTypes.number.description('Time in ms to delay open of menu'),\n /** callback for when menu changes placement */\n onPlacementChange: PropTypes.func.description(\n 'callback for when menu changes placement',\n ),\n /** Arrow size */\n arrowSize: PropTypes.number.description('Arrow size'),\n /** Bem blockname for the popper */\n blockName: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.object,\n ]).description('Bem blockname for the popper'),\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};\n\nexport const defaultProps = {\n containerProps: {},\n arrowGap: 8,\n arrowSize: 6,\n blockName: '',\n contentOffset: null,\n contentStyle: null,\n contentComponent: () => null,\n delayClose: 300,\n delayOpen: 200,\n interactionType: Interaction.CLICK,\n onOpen: () => null,\n onClose: () => null,\n onPlacementChange: () => null,\n placement: Position.BOTTOM,\n preventOverflow: 'window',\n showArrow: true,\n closeAnimationConfig: {\n to: { transform: 'scale(0.8)', opacity: '0' },\n config: { delay: 80, duration: 80 },\n },\n openAnimationConfig: {\n to: { transform: 'scale(1)', opacity: '1' },\n config: { delay: 80, duration: 80 },\n },\n usePortal: true,\n triggerComponent: () => null,\n getTargetFromChildren: () => null,\n getContentFromChildren: () => null,\n modifiers: {},\n triggerRef: () => null,\n hideIfNotVisible: false,\n};\n"],"names":["popperProps","hideIfNotVisible","PropTypes","bool","description","containerProps","object","arrowGap","number","onOpen","func","onClose","delayClose","delayOpen","onPlacementChange","arrowSize","blockName","oneOfType","string","triggerComponent","element","isRequired","defaultProps","contentOffset","contentStyle","contentComponent","interactionType","Interaction","CLICK","placement","Position","BOTTOM","preventOverflow","showArrow","closeAnimationConfig","to","transform","opacity","config","delay","duration","openAnimationConfig","usePortal","getTargetFromChildren","getContentFromChildren","modifiers","triggerRef"],"mappings":";;;;IAIaA,WAAW,GAAG;;EAEzBC,gBAAgB,EAAEC,SAAS,CAACC,IAAV,CAAeC,WAAf,CAChB,uEADgB,CAFO;;;EAMzBC,cAAc,EAAEH,SAAS,CAACI,MAAV,CAAiBF,WAAjB,CACd,mCADc,CANS;;;EAUzBG,QAAQ,EAAEL,SAAS,CAACM,MAAV,CAAiBJ,WAAjB,CACR,uCADQ,CAVe;;;EAczBK,MAAM,EAAEP,SAAS,CAACQ,IAAV,CAAeN,WAAf,CACN,mDADM,CAdiB;;;EAkBzBO,OAAO,EAAET,SAAS,CAACQ,IAAV,CAAeN,WAAf,CACP,mDADO,CAlBgB;;;EAsBzBQ,UAAU,EAAEV,SAAS,CAACM,MAAV,CAAiBJ,WAAjB,CAA6B,mCAA7B,CAtBa;;;EAwBzBS,SAAS,EAAEX,SAAS,CAACM,MAAV,CAAiBJ,WAAjB,CAA6B,kCAA7B,CAxBc;;;EA0BzBU,iBAAiB,EAAEZ,SAAS,CAACQ,IAAV,CAAeN,WAAf,CACjB,0CADiB,CA1BM;;;EA8BzBW,SAAS,EAAEb,SAAS,CAACM,MAAV,CAAiBJ,WAAjB,CAA6B,YAA7B,CA9Bc;;;EAgCzBY,SAAS,EAAEd,SAAS,CAACe,SAAV,CAAoB,CAC7Bf,SAAS,CAACgB,MADmB,EAE7BhB,SAAS,CAACI,MAFmB,CAApB,EAGRF,WAHQ,CAGI,8BAHJ,CAhCc;EAoCzBe,gBAAgB,EAAEjB,SAAS,CAACkB,OAAV,CAAkBhB,WAAlB,6KAIhBiB;AAxCuB;IA2CdC,YAAY,GAAG;EAC1BjB,cAAc,EAAE,EADU;EAE1BE,QAAQ,EAAE,CAFgB;EAG1BQ,SAAS,EAAE,CAHe;EAI1BC,SAAS,EAAE,EAJe;EAK1BO,aAAa,EAAE,IALW;EAM1BC,YAAY,EAAE,IANY;EAO1BC,gBAAgB,EAAE;IAAA,OAAM,IAAN;GAPQ;EAQ1Bb,UAAU,EAAE,GARc;EAS1BC,SAAS,EAAE,GATe;EAU1Ba,eAAe,EAAEC,WAAW,CAACC,KAVH;EAW1BnB,MAAM,EAAE;IAAA,OAAM,IAAN;GAXkB;EAY1BE,OAAO,EAAE;IAAA,OAAM,IAAN;GAZiB;EAa1BG,iBAAiB,EAAE;IAAA,OAAM,IAAN;GAbO;EAc1Be,SAAS,EAAEC,QAAQ,CAACC,MAdM;EAe1BC,eAAe,EAAE,QAfS;EAgB1BC,SAAS,EAAE,IAhBe;EAiB1BC,oBAAoB,EAAE;IACpBC,EAAE,EAAE;MAAEC,SAAS,EAAE,YAAb;MAA2BC,OAAO,EAAE;KADpB;IAEpBC,MAAM,EAAE;MAAEC,KAAK,EAAE,EAAT;MAAaC,QAAQ,EAAE;;GAnBP;EAqB1BC,mBAAmB,EAAE;IACnBN,EAAE,EAAE;MAAEC,SAAS,EAAE,UAAb;MAAyBC,OAAO,EAAE;KADnB;IAEnBC,MAAM,EAAE;MAAEC,KAAK,EAAE,EAAT;MAAaC,QAAQ,EAAE;;GAvBP;EAyB1BE,SAAS,EAAE,IAzBe;EA0B1BvB,gBAAgB,EAAE;IAAA,OAAM,IAAN;GA1BQ;EA2B1BwB,qBAAqB,EAAE;IAAA,OAAM,IAAN;GA3BG;EA4B1BC,sBAAsB,EAAE;IAAA,OAAM,IAAN;GA5BE;EA6B1BC,SAAS,EAAE,EA7Be;EA8B1BC,UAAU,EAAE;IAAA,OAAM,IAAN;GA9Bc;EA+B1B7C,gBAAgB,EAAE;AA/BQ;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-popper",
|
|
3
|
-
"version": "1.61.
|
|
3
|
+
"version": "1.61.13",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "Ellie Mae - Dim Sum - Popper",
|
|
6
6
|
"module": "esm/index.js",
|
|
@@ -16,8 +16,8 @@
|
|
|
16
16
|
"build": "node ../../scripts/build/build.js"
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"@elliemae/ds-overlay": "1.61.
|
|
20
|
-
"@elliemae/ds-utilities": "1.61.
|
|
19
|
+
"@elliemae/ds-overlay": "1.61.13",
|
|
20
|
+
"@elliemae/ds-utilities": "1.61.13",
|
|
21
21
|
"memoize-one": "~5.1.1",
|
|
22
22
|
"prop-types": "~15.7.2",
|
|
23
23
|
"react-desc": "^4.1.2",
|