@elliemae/ds-popover 1.56.1 → 1.57.0-rc.11
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/Arrow.js +2 -2
- package/cjs/Arrow.js.map +1 -1
- package/cjs/DSPopover.js +2 -6
- package/cjs/DSPopover.js.map +1 -1
- package/cjs/Popover.js +4 -5
- package/cjs/Popover.js.map +1 -1
- package/cjs/index.js +1 -4
- package/cjs/index.js.map +1 -1
- package/cjs/usePopoverProviderState.js +2 -2
- package/cjs/usePopoverProviderState.js.map +1 -1
- package/esm/Arrow.js +1 -1
- package/esm/Arrow.js.map +1 -1
- package/esm/DSPopover.js +1 -4
- package/esm/DSPopover.js.map +1 -1
- package/esm/Popover.js +1 -2
- package/esm/Popover.js.map +1 -1
- package/esm/index.js +1 -4
- package/esm/index.js.map +1 -1
- package/esm/usePopoverProviderState.js +1 -1
- package/esm/usePopoverProviderState.js.map +1 -1
- package/package.json +6 -6
package/cjs/Arrow.js
CHANGED
|
@@ -5,7 +5,7 @@ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
|
5
5
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var dsClassnames = require('@elliemae/ds-classnames');
|
|
8
|
-
var
|
|
8
|
+
var dsPopper = require('@elliemae/ds-popper');
|
|
9
9
|
|
|
10
10
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
11
|
|
|
@@ -34,7 +34,7 @@ function Arrow(_ref) {
|
|
|
34
34
|
"data-placement": placement
|
|
35
35
|
}, otherProps, {
|
|
36
36
|
innerRef: innerRef,
|
|
37
|
-
style: _objectSpread(_objectSpread({}, style),
|
|
37
|
+
style: _objectSpread(_objectSpread({}, style), dsPopper.getArrowStylesBySize(placement, 25))
|
|
38
38
|
}), /*#__PURE__*/React__default['default'].createElement("svg", {
|
|
39
39
|
viewBox: "0 0 30 30"
|
|
40
40
|
}, /*#__PURE__*/React__default['default'].createElement("path", {
|
package/cjs/Arrow.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Arrow.js","sources":["../../src/Arrow.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { getArrowStylesBySize } from '@elliemae/ds-popper
|
|
1
|
+
{"version":3,"file":"Arrow.js","sources":["../../src/Arrow.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { getArrowStylesBySize } from '@elliemae/ds-popper';\n\nconst ArrowWrapper = aggregatedClasses('span')('popover', 'arrow');\nfunction Arrow({ style, className, innerRef, blockName = 'popover', placement, ...otherProps }) {\n return (\n <ArrowWrapper\n className={className}\n data-placement={placement}\n {...otherProps}\n innerRef={innerRef}\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 </ArrowWrapper>\n );\n}\n\nexport default forwardRef((props, ref) => <Arrow {...props} innerRef={ref || props.innerRef} />);\n"],"names":["ArrowWrapper","aggregatedClasses","Arrow","style","className","innerRef","blockName","placement","otherProps","React","getArrowStylesBySize","forwardRef","props","ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIA,IAAMA,YAAY,GAAGC,8BAAiB,CAAC,MAAD,CAAjB,CAA0B,SAA1B,EAAqC,OAArC,CAArB;;AACA,SAASC,KAAT,OAAgG;AAAA,MAA/EC,KAA+E,QAA/EA,KAA+E;AAAA,MAAxEC,SAAwE,QAAxEA,SAAwE;AAAA,MAA7DC,QAA6D,QAA7DA,QAA6D;AAAA,WAAnDC,SAAmD;AAAA,UAA5BC,SAA4B,QAA5BA,SAA4B;AAAA,MAAdC,UAAc;;AAC9F,sBACEC,wCAAC,YAAD;AACE,IAAA,SAAS,EAAEL,SADb;AAEE,sBAAgBG;AAFlB,KAGMC,UAHN;AAIE,IAAA,QAAQ,EAAEH,QAJZ;AAKE,IAAA,KAAK,kCACAF,KADA,GAEAO,6BAAoB,CAACH,SAAD,EAAY,EAAZ,CAFpB;AALP,mBAUEE;AAAK,IAAA,OAAO,EAAC;AAAb,kBACEA;AACE,IAAA,SAAS,EAAC,QADZ;AAEE,IAAA,CAAC,EAAC;AAFJ,IADF,eAMEA;AACE,IAAA,SAAS,EAAC,MADZ;AAEE,IAAA,CAAC,EAAC;AAFJ,IANF,CAVF,CADF;AAwBD;;AAED,2BAAeE,gBAAU,CAAC,UAACC,KAAD,EAAQC,GAAR;AAAA,sBAAgBJ,wCAAC,KAAD,mCAAWG,KAAX;AAAkB,IAAA,QAAQ,EAAEC,GAAG,IAAID,KAAK,CAACP;AAAzC,KAAhB;AAAA,CAAD,CAAzB;;;;"}
|
package/cjs/DSPopover.js
CHANGED
|
@@ -6,7 +6,7 @@ var _extends = require('@babel/runtime/helpers/extends');
|
|
|
6
6
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
7
7
|
var React = require('react');
|
|
8
8
|
var reactDesc = require('react-desc');
|
|
9
|
-
var
|
|
9
|
+
var dsUtilities = require('@elliemae/ds-utilities');
|
|
10
10
|
var dsHidden = require('@elliemae/ds-hidden');
|
|
11
11
|
var Popover = require('./Popover.js');
|
|
12
12
|
var usePopper = require('./usePopper.js');
|
|
@@ -16,19 +16,15 @@ var dsPopper = require('@elliemae/ds-popper');
|
|
|
16
16
|
require('@babel/runtime/helpers/objectWithoutProperties');
|
|
17
17
|
require('lodash');
|
|
18
18
|
require('@elliemae/ds-classnames');
|
|
19
|
-
require('@elliemae/ds-utilities/utils');
|
|
20
|
-
require('@elliemae/ds-utilities/hooks');
|
|
21
19
|
require('@elliemae/ds-portal');
|
|
22
20
|
require('@babel/runtime/helpers/slicedToArray');
|
|
23
21
|
require('popper.js');
|
|
24
|
-
require('@elliemae/ds-popper/getArrowStylesBySize');
|
|
25
22
|
|
|
26
23
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
27
24
|
|
|
28
25
|
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
29
26
|
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
30
27
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
31
|
-
var useHoverHandlersDelay__default = /*#__PURE__*/_interopDefaultLegacy(useHoverHandlersDelay);
|
|
32
28
|
|
|
33
29
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
34
30
|
|
|
@@ -78,7 +74,7 @@ var DSPopover = function DSPopover(_ref) {
|
|
|
78
74
|
arrow = _usePopper.arrow,
|
|
79
75
|
popperData = _usePopper.popperData;
|
|
80
76
|
|
|
81
|
-
var hoverHandlers =
|
|
77
|
+
var hoverHandlers = dsUtilities.useHoverHandlersDelay({
|
|
82
78
|
onMouseOver: onShow,
|
|
83
79
|
onMouseLeave: onHide
|
|
84
80
|
});
|
package/cjs/DSPopover.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DSPopover.js","sources":["../../src/DSPopover.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport useHoverHandlersDelay from '@elliemae/ds-utilities
|
|
1
|
+
{"version":3,"file":"DSPopover.js","sources":["../../src/DSPopover.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { useHoverHandlersDelay } from '@elliemae/ds-utilities';\nimport { useHiddenController } from '@elliemae/ds-hidden';\nimport Popover from './Popover';\nimport usePopper from './usePopper';\nimport Arrow from './Arrow';\nimport usePopoverProviderState from './usePopoverProviderState';\n\nexport * from '@elliemae/ds-popper';\nexport const Interaction = {\n CLICK: 'click',\n HOVER: 'hover',\n};\n\n/* Unstable Popover, not yet fully working */\nconst DSPopover = ({\n containerProps,\n content, // react component inside the popover to render its content\n renderer, // function to render the popover component, ex: (popoverProps) => (<div {...popoverProps}></div>)\n visible: visibleProp,\n offset,\n showArrow,\n // popper props options\n placement,\n boundaries, // scrollParent | window | viewport\n modifiers,\n referenceEl,\n renderTrigger,\n onClickOutside,\n destroyOnHidden,\n interactionType,\n isOpen,\n style,\n}) => {\n const { visible, onShow, onHide, onToggle } = useHiddenController(visibleProp);\n\n const { reference, popper, arrow, popperData } = usePopper({\n placement,\n showArrow,\n boundaries,\n modifiers,\n offset,\n referenceEl,\n eventsEnabled: visible,\n isOpen,\n });\n\n const hoverHandlers = useHoverHandlersDelay({\n onMouseOver: onShow,\n onMouseLeave: onHide,\n });\n const isPopoverVisible = visible || isOpen;\n return (\n <>\n {renderTrigger({\n ...reference,\n handlers: interactionType === 'click' ? { onClick: onToggle } : hoverHandlers,\n onShow,\n onToggle,\n onHide,\n 'aria-haspopup': true,\n 'aria-expanded': visible,\n })}\n {isPopoverVisible && reference.ref && (\n <Popover\n containerProps={containerProps}\n destroyOnHidden={destroyOnHidden}\n interactionType={interactionType}\n isOpen={isOpen}\n onClickOutside={(...args) => {\n onClickOutside(...args);\n if (interactionType === 'click') onHide();\n }}\n popperProps={popper}\n renderer={\n renderer &&\n ((props) =>\n renderer({\n ...props,\n onShow,\n onToggle,\n onHide,\n }))\n }\n style={style}\n visible={isPopoverVisible}\n >\n {showArrow && <Arrow {...arrow} placement={popperData.placement} />}\n {isPopoverVisible && content}\n </Popover>\n )}\n </>\n );\n};\n\nDSPopover.defaultProps = {\n containerProps: {},\n renderer: undefined,\n visible: undefined,\n offset: undefined,\n showArrow: false,\n placement: 'top',\n modifiers: {},\n renderTrigger: () => null,\n onClickOutside: () => null,\n destroyOnHidden: true,\n isOpen: undefined,\n};\n\nconst popoverProps = {\n containerProps: PropTypes.shape({}).description('Set of Properties attached to the main container'),\n destroyOnHidden: PropTypes.bool.description('destroy popover on hidden or not').defaultValue(true),\n renderer: PropTypes.func.description('custom renderer'),\n popperProps: PropTypes.object.description('Popper props attached to container'),\n visible: PropTypes.bool.description('is visible or not').defaultValue(false),\n content: PropTypes.oneOfType([PropTypes.element, PropTypes.string]).description('popover content'),\n onClickOutside: PropTypes.func.description('function called on click outside'),\n interaction: PropTypes.string.description('interaction type: hover, click'),\n offset: PropTypes.object.description('offset'),\n showArrow: PropTypes.bool.description('show tooltip arrow or not'),\n placement: PropTypes.string.description('popover placement: top, bottom, right, left'),\n boundaries: PropTypes.string.description('popover boundaries'),\n modifiers: PropTypes.object.description('modifiers'),\n style: PropTypes.object.description('css style object'),\n referenceEl: PropTypes.element.description('reference element'),\n renderTrigger: PropTypes.func.description('render trigger element'),\n interactionType: PropTypes.string.description('interaction type'),\n isOpen: PropTypes.bool.description('open or not').defaultValue(false),\n};\n\nDSPopover.propTypes = popoverProps;\n\nconst PopoverWithSchema = describe(DSPopover);\nPopoverWithSchema.propTypes = popoverProps;\n\nexport { DSPopover, usePopper, usePopoverProviderState, PopoverWithSchema };\n\nexport default DSPopover;\n"],"names":["Interaction","CLICK","HOVER","DSPopover","containerProps","content","renderer","visibleProp","visible","offset","showArrow","placement","boundaries","modifiers","referenceEl","renderTrigger","onClickOutside","destroyOnHidden","interactionType","isOpen","style","useHiddenController","onShow","onHide","onToggle","usePopper","eventsEnabled","reference","popper","arrow","popperData","hoverHandlers","useHoverHandlersDelay","onMouseOver","onMouseLeave","isPopoverVisible","React","handlers","onClick","ref","props","defaultProps","undefined","popoverProps","PropTypes","shape","description","bool","defaultValue","func","popperProps","object","oneOfType","element","string","interaction","propTypes","PopoverWithSchema","describe"],"mappings":"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"}
|
package/cjs/Popover.js
CHANGED
|
@@ -6,8 +6,7 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
|
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var lodash = require('lodash');
|
|
8
8
|
var dsClassnames = require('@elliemae/ds-classnames');
|
|
9
|
-
var
|
|
10
|
-
var hooks = require('@elliemae/ds-utilities/hooks');
|
|
9
|
+
var dsUtilities = require('@elliemae/ds-utilities');
|
|
11
10
|
var dsHidden = require('@elliemae/ds-hidden');
|
|
12
11
|
var DSPortal = require('@elliemae/ds-portal');
|
|
13
12
|
|
|
@@ -50,16 +49,16 @@ function Popover(_ref) {
|
|
|
50
49
|
var hiddenTransitionProps = dsHidden.useHiddenTransition({
|
|
51
50
|
visible: visible
|
|
52
51
|
});
|
|
53
|
-
var popoverProps =
|
|
52
|
+
var popoverProps = dsUtilities.removeUndefinedProperties(_objectSpread(_objectSpread({
|
|
54
53
|
containerprops: containerProps,
|
|
55
54
|
content: content,
|
|
56
55
|
ref: popoverRef
|
|
57
56
|
}, otherProps), hiddenTransitionProps));
|
|
58
|
-
|
|
57
|
+
dsUtilities.useOnClickOutside(popoverRef, onClickOutside);
|
|
59
58
|
var wrapStyle = lodash.omit(style, 'zIndex') || {};
|
|
60
59
|
return destroyOnHidden && !hiddenTransitionProps.destroyed && /*#__PURE__*/React__default['default'].createElement(DSPortal__default['default'], null, /*#__PURE__*/React__default['default'].createElement("div", _extends__default['default']({}, popperProps, {
|
|
61
60
|
style: _objectSpread(_objectSpread({}, style), popperProps.style)
|
|
62
|
-
}),
|
|
61
|
+
}), dsUtilities.isFunction(renderer) ? renderer(popoverProps) : /*#__PURE__*/React__default['default'].createElement(PopoverComponent, _extends__default['default']({}, popoverProps, {
|
|
63
62
|
style: wrapStyle
|
|
64
63
|
}))));
|
|
65
64
|
}
|
package/cjs/Popover.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.js","sources":["../../src/Popover.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { omit } from 'lodash';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport {
|
|
1
|
+
{"version":3,"file":"Popover.js","sources":["../../src/Popover.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { omit } from 'lodash';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { isFunction, removeUndefinedProperties, useOnClickOutside } from '@elliemae/ds-utilities';\nimport { useHiddenTransition } from '@elliemae/ds-hidden';\nimport DSPortal from '@elliemae/ds-portal';\n\nconst blockName = 'popover';\nconst PopoverComponent = aggregatedClasses('div')(blockName);\n\nfunction Popover({\n containerProps,\n destroyOnHidden = true,\n renderer = undefined,\n popperProps = {},\n visible = false,\n content = undefined,\n onClickOutside = () => null,\n style,\n ...otherProps\n}) {\n const popoverRef = useRef();\n const hiddenTransitionProps = useHiddenTransition({ visible });\n const popoverProps = removeUndefinedProperties({\n containerprops: containerProps,\n content,\n ref: popoverRef,\n ...otherProps,\n ...hiddenTransitionProps,\n });\n\n useOnClickOutside(popoverRef, onClickOutside);\n\n const wrapStyle = omit(style, 'zIndex') || {};\n return (\n destroyOnHidden &&\n !hiddenTransitionProps.destroyed && (\n <DSPortal>\n <div {...popperProps} style={{ ...style, ...popperProps.style }}>\n {isFunction(renderer) ? renderer(popoverProps) : <PopoverComponent {...popoverProps} style={wrapStyle} />}\n </div>\n </DSPortal>\n )\n );\n}\n\nexport default Popover;\n"],"names":["blockName","PopoverComponent","aggregatedClasses","Popover","containerProps","destroyOnHidden","renderer","undefined","popperProps","visible","content","onClickOutside","style","otherProps","popoverRef","useRef","hiddenTransitionProps","useHiddenTransition","popoverProps","removeUndefinedProperties","containerprops","ref","useOnClickOutside","wrapStyle","omit","destroyed","React","DSPortal","isFunction"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,SAAS,GAAG,SAAlB;AACA,IAAMC,gBAAgB,GAAGC,8BAAiB,CAAC,KAAD,CAAjB,CAAyBF,SAAzB,CAAzB;;AAEA,SAASG,OAAT,OAUG;AAAA,MATDC,cASC,QATDA,cASC;AAAA,kCARDC,eAQC;AAAA,MARDA,eAQC,qCARiB,IAQjB;AAAA,2BAPDC,QAOC;AAAA,MAPDA,QAOC,8BAPUC,SAOV;AAAA,8BANDC,WAMC;AAAA,MANDA,WAMC,iCANa,EAMb;AAAA,0BALDC,OAKC;AAAA,MALDA,OAKC,6BALS,KAKT;AAAA,0BAJDC,OAIC;AAAA,MAJDA,OAIC,6BAJSH,SAIT;AAAA,iCAHDI,cAGC;AAAA,MAHDA,cAGC,oCAHgB;AAAA,WAAM,IAAN;AAAA,GAGhB;AAAA,MAFDC,KAEC,QAFDA,KAEC;AAAA,MADEC,UACF;;AACD,MAAMC,UAAU,GAAGC,YAAM,EAAzB;AACA,MAAMC,qBAAqB,GAAGC,4BAAmB,CAAC;AAAER,IAAAA,OAAO,EAAPA;AAAF,GAAD,CAAjD;AACA,MAAMS,YAAY,GAAGC,qCAAyB;AAC5CC,IAAAA,cAAc,EAAEhB,cAD4B;AAE5CM,IAAAA,OAAO,EAAPA,OAF4C;AAG5CW,IAAAA,GAAG,EAAEP;AAHuC,KAIzCD,UAJyC,GAKzCG,qBALyC,EAA9C;AAQAM,EAAAA,6BAAiB,CAACR,UAAD,EAAaH,cAAb,CAAjB;AAEA,MAAMY,SAAS,GAAGC,WAAI,CAACZ,KAAD,EAAQ,QAAR,CAAJ,IAAyB,EAA3C;AACA,SACEP,eAAe,IACf,CAACW,qBAAqB,CAACS,SADvB,iBAEEC,wCAACC,4BAAD,qBACED,gFAASlB,WAAT;AAAsB,IAAA,KAAK,kCAAOI,KAAP,GAAiBJ,WAAW,CAACI,KAA7B;AAA3B,MACGgB,sBAAU,CAACtB,QAAD,CAAV,GAAuBA,QAAQ,CAACY,YAAD,CAA/B,gBAAgDQ,wCAAC,gBAAD,mCAAsBR,YAAtB;AAAoC,IAAA,KAAK,EAAEK;AAA3C,KADnD,CADF,CAHJ;AAUD;;;;"}
|
package/cjs/index.js
CHANGED
|
@@ -10,17 +10,14 @@ require('@babel/runtime/helpers/extends');
|
|
|
10
10
|
require('@babel/runtime/helpers/defineProperty');
|
|
11
11
|
require('react');
|
|
12
12
|
require('react-desc');
|
|
13
|
-
require('@elliemae/ds-utilities
|
|
13
|
+
require('@elliemae/ds-utilities');
|
|
14
14
|
require('@elliemae/ds-hidden');
|
|
15
15
|
require('./Popover.js');
|
|
16
16
|
require('@babel/runtime/helpers/objectWithoutProperties');
|
|
17
17
|
require('lodash');
|
|
18
18
|
require('@elliemae/ds-classnames');
|
|
19
|
-
require('@elliemae/ds-utilities/utils');
|
|
20
|
-
require('@elliemae/ds-utilities/hooks');
|
|
21
19
|
require('@elliemae/ds-portal');
|
|
22
20
|
require('./Arrow.js');
|
|
23
|
-
require('@elliemae/ds-popper/getArrowStylesBySize');
|
|
24
21
|
require('@babel/runtime/helpers/slicedToArray');
|
|
25
22
|
require('popper.js');
|
|
26
23
|
|
package/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -4,7 +4,7 @@ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
|
4
4
|
var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var lodash = require('lodash');
|
|
7
|
-
var
|
|
7
|
+
var dsUtilities = require('@elliemae/ds-utilities');
|
|
8
8
|
|
|
9
9
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
10
10
|
|
|
@@ -47,7 +47,7 @@ function usePopoverProviderState(_ref) {
|
|
|
47
47
|
});
|
|
48
48
|
};
|
|
49
49
|
|
|
50
|
-
var _useExecutionTimer =
|
|
50
|
+
var _useExecutionTimer = dsUtilities.useExecutionTimer(show, hide, delay),
|
|
51
51
|
_useExecutionTimer2 = _slicedToArray__default['default'](_useExecutionTimer, 2),
|
|
52
52
|
showTooltip = _useExecutionTimer2[0],
|
|
53
53
|
hideTooltip = _useExecutionTimer2[1];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePopoverProviderState.js","sources":["../../src/usePopoverProviderState.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\nimport { throttle } from 'lodash';\nimport { useExecutionTimer } from '@elliemae/ds-utilities
|
|
1
|
+
{"version":3,"file":"usePopoverProviderState.js","sources":["../../src/usePopoverProviderState.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\nimport { throttle } from 'lodash';\nimport { useExecutionTimer } from '@elliemae/ds-utilities';\n\nfunction usePopoverProviderState({\n initialState = {\n reference: null,\n visible: false,\n value: '',\n options: {},\n },\n delay,\n}) {\n const triggerRef = useRef();\n const [tooltipState, setTooltipState] = useState(initialState);\n\n const show = (state) => {\n setTooltipState((prevState) => ({\n ...prevState,\n ...state,\n visible: true,\n }));\n };\n const hide = (state) => {\n setTooltipState((prevState) => ({\n ...prevState,\n ...state,\n visible: false,\n }));\n };\n\n const [showTooltip, hideTooltip] = useExecutionTimer(show, hide, delay);\n\n const handleShowTooltip = (state, e) => {\n triggerRef.current = e.target;\n showTooltip({ ...state, reference: e.target });\n };\n\n const handleHideTooltip = (state) => {\n hideTooltip(state);\n };\n\n useEffect(() => {\n window.addEventListener('scroll', throttle(handleHideTooltip, 300), true);\n window.addEventListener('click', handleHideTooltip, true);\n return () => {\n window.removeEventListener('scroll', throttle(handleHideTooltip, 300), true);\n window.addEventListener('click', handleHideTooltip, true);\n };\n }, [tooltipState.reference]);\n\n return {\n show: handleShowTooltip,\n hide: handleHideTooltip,\n state: tooltipState,\n };\n}\n\nexport default usePopoverProviderState;\n"],"names":["usePopoverProviderState","initialState","reference","visible","value","options","delay","triggerRef","useRef","useState","tooltipState","setTooltipState","show","state","prevState","hide","useExecutionTimer","showTooltip","hideTooltip","handleShowTooltip","e","current","target","handleHideTooltip","useEffect","window","addEventListener","throttle","removeEventListener"],"mappings":";;;;;;;;;;;;;;;;;AAIA,SAASA,uBAAT,OAQG;AAAA,+BAPDC,YAOC;AAAA,MAPDA,YAOC,kCAPc;AACbC,IAAAA,SAAS,EAAE,IADE;AAEbC,IAAAA,OAAO,EAAE,KAFI;AAGbC,IAAAA,KAAK,EAAE,EAHM;AAIbC,IAAAA,OAAO,EAAE;AAJI,GAOd;AAAA,MADDC,KACC,QADDA,KACC;AACD,MAAMC,UAAU,GAAGC,YAAM,EAAzB;;AACA,kBAAwCC,cAAQ,CAACR,YAAD,CAAhD;AAAA;AAAA,MAAOS,YAAP;AAAA,MAAqBC,eAArB;;AAEA,MAAMC,IAAI,GAAG,SAAPA,IAAO,CAACC,KAAD,EAAW;AACtBF,IAAAA,eAAe,CAAC,UAACG,SAAD;AAAA,2DACXA,SADW,GAEXD,KAFW;AAGdV,QAAAA,OAAO,EAAE;AAHK;AAAA,KAAD,CAAf;AAKD,GAND;;AAOA,MAAMY,IAAI,GAAG,SAAPA,IAAO,CAACF,KAAD,EAAW;AACtBF,IAAAA,eAAe,CAAC,UAACG,SAAD;AAAA,2DACXA,SADW,GAEXD,KAFW;AAGdV,QAAAA,OAAO,EAAE;AAHK;AAAA,KAAD,CAAf;AAKD,GAND;;AAQA,2BAAmCa,6BAAiB,CAACJ,IAAD,EAAOG,IAAP,EAAaT,KAAb,CAApD;AAAA;AAAA,MAAOW,WAAP;AAAA,MAAoBC,WAApB;;AAEA,MAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACN,KAAD,EAAQO,CAAR,EAAc;AACtCb,IAAAA,UAAU,CAACc,OAAX,GAAqBD,CAAC,CAACE,MAAvB;AACAL,IAAAA,WAAW,iCAAMJ,KAAN;AAAaX,MAAAA,SAAS,EAAEkB,CAAC,CAACE;AAA1B,OAAX;AACD,GAHD;;AAKA,MAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACV,KAAD,EAAW;AACnCK,IAAAA,WAAW,CAACL,KAAD,CAAX;AACD,GAFD;;AAIAW,EAAAA,eAAS,CAAC,YAAM;AACdC,IAAAA,MAAM,CAACC,gBAAP,CAAwB,QAAxB,EAAkCC,eAAQ,CAACJ,iBAAD,EAAoB,GAApB,CAA1C,EAAoE,IAApE;AACAE,IAAAA,MAAM,CAACC,gBAAP,CAAwB,OAAxB,EAAiCH,iBAAjC,EAAoD,IAApD;AACA,WAAO,YAAM;AACXE,MAAAA,MAAM,CAACG,mBAAP,CAA2B,QAA3B,EAAqCD,eAAQ,CAACJ,iBAAD,EAAoB,GAApB,CAA7C,EAAuE,IAAvE;AACAE,MAAAA,MAAM,CAACC,gBAAP,CAAwB,OAAxB,EAAiCH,iBAAjC,EAAoD,IAApD;AACD,KAHD;AAID,GAPQ,EAON,CAACb,YAAY,CAACR,SAAd,CAPM,CAAT;AASA,SAAO;AACLU,IAAAA,IAAI,EAAEO,iBADD;AAELJ,IAAAA,IAAI,EAAEQ,iBAFD;AAGLV,IAAAA,KAAK,EAAEH;AAHF,GAAP;AAKD;;;;"}
|
package/esm/Arrow.js
CHANGED
|
@@ -3,7 +3,7 @@ import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
|
3
3
|
import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
4
4
|
import React, { forwardRef } from 'react';
|
|
5
5
|
import { aggregatedClasses } from '@elliemae/ds-classnames';
|
|
6
|
-
import { getArrowStylesBySize } from '@elliemae/ds-popper
|
|
6
|
+
import { getArrowStylesBySize } from '@elliemae/ds-popper';
|
|
7
7
|
|
|
8
8
|
var _excluded = ["style", "className", "innerRef", "blockName", "placement"];
|
|
9
9
|
|
package/esm/Arrow.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Arrow.js","sources":["../../src/Arrow.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { getArrowStylesBySize } from '@elliemae/ds-popper
|
|
1
|
+
{"version":3,"file":"Arrow.js","sources":["../../src/Arrow.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { getArrowStylesBySize } from '@elliemae/ds-popper';\n\nconst ArrowWrapper = aggregatedClasses('span')('popover', 'arrow');\nfunction Arrow({ style, className, innerRef, blockName = 'popover', placement, ...otherProps }) {\n return (\n <ArrowWrapper\n className={className}\n data-placement={placement}\n {...otherProps}\n innerRef={innerRef}\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 </ArrowWrapper>\n );\n}\n\nexport default forwardRef((props, ref) => <Arrow {...props} innerRef={ref || props.innerRef} />);\n"],"names":["ArrowWrapper","aggregatedClasses","Arrow","style","className","innerRef","blockName","placement","otherProps","getArrowStylesBySize","forwardRef","props","ref"],"mappings":";;;;;;;;;;;;AAIA,IAAMA,YAAY,GAAGC,iBAAiB,CAAC,MAAD,CAAjB,CAA0B,SAA1B,EAAqC,OAArC,CAArB;;AACA,SAASC,KAAT,OAAgG;AAAA,MAA/EC,KAA+E,QAA/EA,KAA+E;AAAA,MAAxEC,SAAwE,QAAxEA,SAAwE;AAAA,MAA7DC,QAA6D,QAA7DA,QAA6D;AAAA,WAAnDC,SAAmD;AAAA,UAA5BC,SAA4B,QAA5BA,SAA4B;AAAA,MAAdC,UAAc;;AAC9F,sBACE,oBAAC,YAAD;AACE,IAAA,SAAS,EAAEJ,SADb;AAEE,sBAAgBG;AAFlB,KAGMC,UAHN;AAIE,IAAA,QAAQ,EAAEH,QAJZ;AAKE,IAAA,KAAK,kCACAF,KADA,GAEAM,oBAAoB,CAACF,SAAD,EAAY,EAAZ,CAFpB;AALP,mBAUE;AAAK,IAAA,OAAO,EAAC;AAAb,kBACE;AACE,IAAA,SAAS,EAAC,QADZ;AAEE,IAAA,CAAC,EAAC;AAFJ,IADF,eAME;AACE,IAAA,SAAS,EAAC,MADZ;AAEE,IAAA,CAAC,EAAC;AAFJ,IANF,CAVF,CADF;AAwBD;;AAED,2BAAeG,UAAU,CAAC,UAACC,KAAD,EAAQC,GAAR;AAAA,sBAAgB,oBAAC,KAAD,eAAWD,KAAX;AAAkB,IAAA,QAAQ,EAAEC,GAAG,IAAID,KAAK,CAACN;AAAzC,KAAhB;AAAA,CAAD,CAAzB;;;;"}
|
package/esm/DSPopover.js
CHANGED
|
@@ -2,7 +2,7 @@ import _extends from '@babel/runtime/helpers/esm/extends';
|
|
|
2
2
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import { PropTypes, describe } from 'react-desc';
|
|
5
|
-
import useHoverHandlersDelay from '@elliemae/ds-utilities
|
|
5
|
+
import { useHoverHandlersDelay } from '@elliemae/ds-utilities';
|
|
6
6
|
import { useHiddenController } from '@elliemae/ds-hidden';
|
|
7
7
|
import Popover from './Popover.js';
|
|
8
8
|
import usePopper from './usePopper.js';
|
|
@@ -13,12 +13,9 @@ export * from '@elliemae/ds-popper';
|
|
|
13
13
|
import '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
14
14
|
import 'lodash';
|
|
15
15
|
import '@elliemae/ds-classnames';
|
|
16
|
-
import '@elliemae/ds-utilities/utils';
|
|
17
|
-
import '@elliemae/ds-utilities/hooks';
|
|
18
16
|
import '@elliemae/ds-portal';
|
|
19
17
|
import '@babel/runtime/helpers/esm/slicedToArray';
|
|
20
18
|
import 'popper.js';
|
|
21
|
-
import '@elliemae/ds-popper/getArrowStylesBySize';
|
|
22
19
|
|
|
23
20
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
24
21
|
|
package/esm/DSPopover.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DSPopover.js","sources":["../../src/DSPopover.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport useHoverHandlersDelay from '@elliemae/ds-utilities
|
|
1
|
+
{"version":3,"file":"DSPopover.js","sources":["../../src/DSPopover.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { useHoverHandlersDelay } from '@elliemae/ds-utilities';\nimport { useHiddenController } from '@elliemae/ds-hidden';\nimport Popover from './Popover';\nimport usePopper from './usePopper';\nimport Arrow from './Arrow';\nimport usePopoverProviderState from './usePopoverProviderState';\n\nexport * from '@elliemae/ds-popper';\nexport const Interaction = {\n CLICK: 'click',\n HOVER: 'hover',\n};\n\n/* Unstable Popover, not yet fully working */\nconst DSPopover = ({\n containerProps,\n content, // react component inside the popover to render its content\n renderer, // function to render the popover component, ex: (popoverProps) => (<div {...popoverProps}></div>)\n visible: visibleProp,\n offset,\n showArrow,\n // popper props options\n placement,\n boundaries, // scrollParent | window | viewport\n modifiers,\n referenceEl,\n renderTrigger,\n onClickOutside,\n destroyOnHidden,\n interactionType,\n isOpen,\n style,\n}) => {\n const { visible, onShow, onHide, onToggle } = useHiddenController(visibleProp);\n\n const { reference, popper, arrow, popperData } = usePopper({\n placement,\n showArrow,\n boundaries,\n modifiers,\n offset,\n referenceEl,\n eventsEnabled: visible,\n isOpen,\n });\n\n const hoverHandlers = useHoverHandlersDelay({\n onMouseOver: onShow,\n onMouseLeave: onHide,\n });\n const isPopoverVisible = visible || isOpen;\n return (\n <>\n {renderTrigger({\n ...reference,\n handlers: interactionType === 'click' ? { onClick: onToggle } : hoverHandlers,\n onShow,\n onToggle,\n onHide,\n 'aria-haspopup': true,\n 'aria-expanded': visible,\n })}\n {isPopoverVisible && reference.ref && (\n <Popover\n containerProps={containerProps}\n destroyOnHidden={destroyOnHidden}\n interactionType={interactionType}\n isOpen={isOpen}\n onClickOutside={(...args) => {\n onClickOutside(...args);\n if (interactionType === 'click') onHide();\n }}\n popperProps={popper}\n renderer={\n renderer &&\n ((props) =>\n renderer({\n ...props,\n onShow,\n onToggle,\n onHide,\n }))\n }\n style={style}\n visible={isPopoverVisible}\n >\n {showArrow && <Arrow {...arrow} placement={popperData.placement} />}\n {isPopoverVisible && content}\n </Popover>\n )}\n </>\n );\n};\n\nDSPopover.defaultProps = {\n containerProps: {},\n renderer: undefined,\n visible: undefined,\n offset: undefined,\n showArrow: false,\n placement: 'top',\n modifiers: {},\n renderTrigger: () => null,\n onClickOutside: () => null,\n destroyOnHidden: true,\n isOpen: undefined,\n};\n\nconst popoverProps = {\n containerProps: PropTypes.shape({}).description('Set of Properties attached to the main container'),\n destroyOnHidden: PropTypes.bool.description('destroy popover on hidden or not').defaultValue(true),\n renderer: PropTypes.func.description('custom renderer'),\n popperProps: PropTypes.object.description('Popper props attached to container'),\n visible: PropTypes.bool.description('is visible or not').defaultValue(false),\n content: PropTypes.oneOfType([PropTypes.element, PropTypes.string]).description('popover content'),\n onClickOutside: PropTypes.func.description('function called on click outside'),\n interaction: PropTypes.string.description('interaction type: hover, click'),\n offset: PropTypes.object.description('offset'),\n showArrow: PropTypes.bool.description('show tooltip arrow or not'),\n placement: PropTypes.string.description('popover placement: top, bottom, right, left'),\n boundaries: PropTypes.string.description('popover boundaries'),\n modifiers: PropTypes.object.description('modifiers'),\n style: PropTypes.object.description('css style object'),\n referenceEl: PropTypes.element.description('reference element'),\n renderTrigger: PropTypes.func.description('render trigger element'),\n interactionType: PropTypes.string.description('interaction type'),\n isOpen: PropTypes.bool.description('open or not').defaultValue(false),\n};\n\nDSPopover.propTypes = popoverProps;\n\nconst PopoverWithSchema = describe(DSPopover);\nPopoverWithSchema.propTypes = popoverProps;\n\nexport { DSPopover, usePopper, usePopoverProviderState, PopoverWithSchema };\n\nexport default DSPopover;\n"],"names":["Interaction","CLICK","HOVER","DSPopover","containerProps","content","renderer","visibleProp","visible","offset","showArrow","placement","boundaries","modifiers","referenceEl","renderTrigger","onClickOutside","destroyOnHidden","interactionType","isOpen","style","useHiddenController","onShow","onHide","onToggle","usePopper","eventsEnabled","reference","popper","arrow","popperData","hoverHandlers","useHoverHandlersDelay","onMouseOver","onMouseLeave","isPopoverVisible","handlers","onClick","ref","props","defaultProps","undefined","popoverProps","PropTypes","shape","description","bool","defaultValue","func","popperProps","object","oneOfType","element","string","interaction","propTypes","PopoverWithSchema","describe"],"mappings":"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"}
|
package/esm/Popover.js
CHANGED
|
@@ -4,8 +4,7 @@ import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutPr
|
|
|
4
4
|
import React, { useRef } from 'react';
|
|
5
5
|
import { omit } from 'lodash';
|
|
6
6
|
import { aggregatedClasses } from '@elliemae/ds-classnames';
|
|
7
|
-
import { removeUndefinedProperties, isFunction } from '@elliemae/ds-utilities
|
|
8
|
-
import { useOnClickOutside } from '@elliemae/ds-utilities/hooks';
|
|
7
|
+
import { removeUndefinedProperties, useOnClickOutside, isFunction } from '@elliemae/ds-utilities';
|
|
9
8
|
import { useHiddenTransition } from '@elliemae/ds-hidden';
|
|
10
9
|
import DSPortal from '@elliemae/ds-portal';
|
|
11
10
|
|
package/esm/Popover.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.js","sources":["../../src/Popover.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { omit } from 'lodash';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport {
|
|
1
|
+
{"version":3,"file":"Popover.js","sources":["../../src/Popover.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { omit } from 'lodash';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { isFunction, removeUndefinedProperties, useOnClickOutside } from '@elliemae/ds-utilities';\nimport { useHiddenTransition } from '@elliemae/ds-hidden';\nimport DSPortal from '@elliemae/ds-portal';\n\nconst blockName = 'popover';\nconst PopoverComponent = aggregatedClasses('div')(blockName);\n\nfunction Popover({\n containerProps,\n destroyOnHidden = true,\n renderer = undefined,\n popperProps = {},\n visible = false,\n content = undefined,\n onClickOutside = () => null,\n style,\n ...otherProps\n}) {\n const popoverRef = useRef();\n const hiddenTransitionProps = useHiddenTransition({ visible });\n const popoverProps = removeUndefinedProperties({\n containerprops: containerProps,\n content,\n ref: popoverRef,\n ...otherProps,\n ...hiddenTransitionProps,\n });\n\n useOnClickOutside(popoverRef, onClickOutside);\n\n const wrapStyle = omit(style, 'zIndex') || {};\n return (\n destroyOnHidden &&\n !hiddenTransitionProps.destroyed && (\n <DSPortal>\n <div {...popperProps} style={{ ...style, ...popperProps.style }}>\n {isFunction(renderer) ? renderer(popoverProps) : <PopoverComponent {...popoverProps} style={wrapStyle} />}\n </div>\n </DSPortal>\n )\n );\n}\n\nexport default Popover;\n"],"names":["blockName","PopoverComponent","aggregatedClasses","Popover","containerProps","destroyOnHidden","renderer","undefined","popperProps","visible","content","onClickOutside","style","otherProps","popoverRef","useRef","hiddenTransitionProps","useHiddenTransition","popoverProps","removeUndefinedProperties","containerprops","ref","useOnClickOutside","wrapStyle","omit","destroyed","isFunction"],"mappings":";;;;;;;;;;;;;;;AAOA,IAAMA,SAAS,GAAG,SAAlB;AACA,IAAMC,gBAAgB,GAAGC,iBAAiB,CAAC,KAAD,CAAjB,CAAyBF,SAAzB,CAAzB;;AAEA,SAASG,OAAT,OAUG;AAAA,MATDC,cASC,QATDA,cASC;AAAA,kCARDC,eAQC;AAAA,MARDA,eAQC,qCARiB,IAQjB;AAAA,2BAPDC,QAOC;AAAA,MAPDA,QAOC,8BAPUC,SAOV;AAAA,8BANDC,WAMC;AAAA,MANDA,WAMC,iCANa,EAMb;AAAA,0BALDC,OAKC;AAAA,MALDA,OAKC,6BALS,KAKT;AAAA,0BAJDC,OAIC;AAAA,MAJDA,OAIC,6BAJSH,SAIT;AAAA,iCAHDI,cAGC;AAAA,MAHDA,cAGC,oCAHgB;AAAA,WAAM,IAAN;AAAA,GAGhB;AAAA,MAFDC,KAEC,QAFDA,KAEC;AAAA,MADEC,UACF;;AACD,MAAMC,UAAU,GAAGC,MAAM,EAAzB;AACA,MAAMC,qBAAqB,GAAGC,mBAAmB,CAAC;AAAER,IAAAA,OAAO,EAAPA;AAAF,GAAD,CAAjD;AACA,MAAMS,YAAY,GAAGC,yBAAyB;AAC5CC,IAAAA,cAAc,EAAEhB,cAD4B;AAE5CM,IAAAA,OAAO,EAAPA,OAF4C;AAG5CW,IAAAA,GAAG,EAAEP;AAHuC,KAIzCD,UAJyC,GAKzCG,qBALyC,EAA9C;AAQAM,EAAAA,iBAAiB,CAACR,UAAD,EAAaH,cAAb,CAAjB;AAEA,MAAMY,SAAS,GAAGC,IAAI,CAACZ,KAAD,EAAQ,QAAR,CAAJ,IAAyB,EAA3C;AACA,SACEP,eAAe,IACf,CAACW,qBAAqB,CAACS,SADvB,iBAEE,oBAAC,QAAD,qBACE,wCAASjB,WAAT;AAAsB,IAAA,KAAK,kCAAOI,KAAP,GAAiBJ,WAAW,CAACI,KAA7B;AAA3B,MACGc,UAAU,CAACpB,QAAD,CAAV,GAAuBA,QAAQ,CAACY,YAAD,CAA/B,gBAAgD,oBAAC,gBAAD,eAAsBA,YAAtB;AAAoC,IAAA,KAAK,EAAEK;AAA3C,KADnD,CADF,CAHJ;AAUD;;;;"}
|
package/esm/index.js
CHANGED
|
@@ -6,17 +6,14 @@ import '@babel/runtime/helpers/esm/extends';
|
|
|
6
6
|
import '@babel/runtime/helpers/esm/defineProperty';
|
|
7
7
|
import 'react';
|
|
8
8
|
import 'react-desc';
|
|
9
|
-
import '@elliemae/ds-utilities
|
|
9
|
+
import '@elliemae/ds-utilities';
|
|
10
10
|
import '@elliemae/ds-hidden';
|
|
11
11
|
import './Popover.js';
|
|
12
12
|
import '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
13
13
|
import 'lodash';
|
|
14
14
|
import '@elliemae/ds-classnames';
|
|
15
|
-
import '@elliemae/ds-utilities/utils';
|
|
16
|
-
import '@elliemae/ds-utilities/hooks';
|
|
17
15
|
import '@elliemae/ds-portal';
|
|
18
16
|
import './Arrow.js';
|
|
19
|
-
import '@elliemae/ds-popper/getArrowStylesBySize';
|
|
20
17
|
import '@babel/runtime/helpers/esm/slicedToArray';
|
|
21
18
|
import 'popper.js';
|
|
22
19
|
//# sourceMappingURL=index.js.map
|
package/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
|
|
@@ -2,7 +2,7 @@ import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
|
2
2
|
import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
|
|
3
3
|
import { useRef, useState, useEffect } from 'react';
|
|
4
4
|
import { throttle } from 'lodash';
|
|
5
|
-
import { useExecutionTimer } from '@elliemae/ds-utilities
|
|
5
|
+
import { useExecutionTimer } from '@elliemae/ds-utilities';
|
|
6
6
|
|
|
7
7
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
8
8
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePopoverProviderState.js","sources":["../../src/usePopoverProviderState.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\nimport { throttle } from 'lodash';\nimport { useExecutionTimer } from '@elliemae/ds-utilities
|
|
1
|
+
{"version":3,"file":"usePopoverProviderState.js","sources":["../../src/usePopoverProviderState.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\nimport { throttle } from 'lodash';\nimport { useExecutionTimer } from '@elliemae/ds-utilities';\n\nfunction usePopoverProviderState({\n initialState = {\n reference: null,\n visible: false,\n value: '',\n options: {},\n },\n delay,\n}) {\n const triggerRef = useRef();\n const [tooltipState, setTooltipState] = useState(initialState);\n\n const show = (state) => {\n setTooltipState((prevState) => ({\n ...prevState,\n ...state,\n visible: true,\n }));\n };\n const hide = (state) => {\n setTooltipState((prevState) => ({\n ...prevState,\n ...state,\n visible: false,\n }));\n };\n\n const [showTooltip, hideTooltip] = useExecutionTimer(show, hide, delay);\n\n const handleShowTooltip = (state, e) => {\n triggerRef.current = e.target;\n showTooltip({ ...state, reference: e.target });\n };\n\n const handleHideTooltip = (state) => {\n hideTooltip(state);\n };\n\n useEffect(() => {\n window.addEventListener('scroll', throttle(handleHideTooltip, 300), true);\n window.addEventListener('click', handleHideTooltip, true);\n return () => {\n window.removeEventListener('scroll', throttle(handleHideTooltip, 300), true);\n window.addEventListener('click', handleHideTooltip, true);\n };\n }, [tooltipState.reference]);\n\n return {\n show: handleShowTooltip,\n hide: handleHideTooltip,\n state: tooltipState,\n };\n}\n\nexport default usePopoverProviderState;\n"],"names":["usePopoverProviderState","initialState","reference","visible","value","options","delay","triggerRef","useRef","useState","tooltipState","setTooltipState","show","state","prevState","hide","useExecutionTimer","showTooltip","hideTooltip","handleShowTooltip","e","current","target","handleHideTooltip","useEffect","window","addEventListener","throttle","removeEventListener"],"mappings":";;;;;;;;;;AAIA,SAASA,uBAAT,OAQG;AAAA,+BAPDC,YAOC;AAAA,MAPDA,YAOC,kCAPc;AACbC,IAAAA,SAAS,EAAE,IADE;AAEbC,IAAAA,OAAO,EAAE,KAFI;AAGbC,IAAAA,KAAK,EAAE,EAHM;AAIbC,IAAAA,OAAO,EAAE;AAJI,GAOd;AAAA,MADDC,KACC,QADDA,KACC;AACD,MAAMC,UAAU,GAAGC,MAAM,EAAzB;;AACA,kBAAwCC,QAAQ,CAACR,YAAD,CAAhD;AAAA;AAAA,MAAOS,YAAP;AAAA,MAAqBC,eAArB;;AAEA,MAAMC,IAAI,GAAG,SAAPA,IAAO,CAACC,KAAD,EAAW;AACtBF,IAAAA,eAAe,CAAC,UAACG,SAAD;AAAA,2DACXA,SADW,GAEXD,KAFW;AAGdV,QAAAA,OAAO,EAAE;AAHK;AAAA,KAAD,CAAf;AAKD,GAND;;AAOA,MAAMY,IAAI,GAAG,SAAPA,IAAO,CAACF,KAAD,EAAW;AACtBF,IAAAA,eAAe,CAAC,UAACG,SAAD;AAAA,2DACXA,SADW,GAEXD,KAFW;AAGdV,QAAAA,OAAO,EAAE;AAHK;AAAA,KAAD,CAAf;AAKD,GAND;;AAQA,2BAAmCa,iBAAiB,CAACJ,IAAD,EAAOG,IAAP,EAAaT,KAAb,CAApD;AAAA;AAAA,MAAOW,WAAP;AAAA,MAAoBC,WAApB;;AAEA,MAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACN,KAAD,EAAQO,CAAR,EAAc;AACtCb,IAAAA,UAAU,CAACc,OAAX,GAAqBD,CAAC,CAACE,MAAvB;AACAL,IAAAA,WAAW,iCAAMJ,KAAN;AAAaX,MAAAA,SAAS,EAAEkB,CAAC,CAACE;AAA1B,OAAX;AACD,GAHD;;AAKA,MAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACV,KAAD,EAAW;AACnCK,IAAAA,WAAW,CAACL,KAAD,CAAX;AACD,GAFD;;AAIAW,EAAAA,SAAS,CAAC,YAAM;AACdC,IAAAA,MAAM,CAACC,gBAAP,CAAwB,QAAxB,EAAkCC,QAAQ,CAACJ,iBAAD,EAAoB,GAApB,CAA1C,EAAoE,IAApE;AACAE,IAAAA,MAAM,CAACC,gBAAP,CAAwB,OAAxB,EAAiCH,iBAAjC,EAAoD,IAApD;AACA,WAAO,YAAM;AACXE,MAAAA,MAAM,CAACG,mBAAP,CAA2B,QAA3B,EAAqCD,QAAQ,CAACJ,iBAAD,EAAoB,GAApB,CAA7C,EAAuE,IAAvE;AACAE,MAAAA,MAAM,CAACC,gBAAP,CAAwB,OAAxB,EAAiCH,iBAAjC,EAAoD,IAApD;AACD,KAHD;AAID,GAPQ,EAON,CAACb,YAAY,CAACR,SAAd,CAPM,CAAT;AASA,SAAO;AACLU,IAAAA,IAAI,EAAEO,iBADD;AAELJ,IAAAA,IAAI,EAAEQ,iBAFD;AAGLV,IAAAA,KAAK,EAAEH;AAHF,GAAP;AAKD;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-popover",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.57.0-rc.11",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "Ellie Mae - Dim Sum - Popover",
|
|
6
6
|
"module": "esm/index.js",
|
|
@@ -16,11 +16,11 @@
|
|
|
16
16
|
"build": "node ../../scripts/build/build.js"
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"@elliemae/ds-classnames": "1.
|
|
20
|
-
"@elliemae/ds-hidden": "1.
|
|
21
|
-
"@elliemae/ds-popper": "1.
|
|
22
|
-
"@elliemae/ds-portal": "1.
|
|
23
|
-
"@elliemae/ds-utilities": "1.
|
|
19
|
+
"@elliemae/ds-classnames": "1.57.0-rc.11",
|
|
20
|
+
"@elliemae/ds-hidden": "1.57.0-rc.11",
|
|
21
|
+
"@elliemae/ds-popper": "1.57.0-rc.11",
|
|
22
|
+
"@elliemae/ds-portal": "1.57.0-rc.11",
|
|
23
|
+
"@elliemae/ds-utilities": "1.57.0-rc.11",
|
|
24
24
|
"popper.js": "~1.16.1",
|
|
25
25
|
"react-desc": "^4.1.2"
|
|
26
26
|
},
|