@elliemae/ds-legacy-popover 1.0.13 → 1.0.16
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/dist/cjs/Popover.js +2 -2
- package/dist/cjs/Popover.js.map +2 -2
- package/dist/cjs/usePopoverProviderState.js +3 -3
- package/dist/cjs/usePopoverProviderState.js.map +2 -2
- package/dist/esm/Popover.js +1 -1
- package/dist/esm/Popover.js.map +1 -1
- package/dist/esm/usePopoverProviderState.js +1 -1
- package/dist/esm/usePopoverProviderState.js.map +1 -1
- package/dist/types/usePopover.d.ts +3 -3
- package/dist/types/usePopper.d.ts +3 -3
- package/package.json +11 -11
package/dist/cjs/Popover.js
CHANGED
|
@@ -34,7 +34,7 @@ module.exports = __toCommonJS(Popover_exports);
|
|
|
34
34
|
var React = __toESM(require("react"));
|
|
35
35
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
36
36
|
var import_react = require("react");
|
|
37
|
-
var
|
|
37
|
+
var import_lodash_es = require("lodash-es");
|
|
38
38
|
var import_ds_legacy_classnames = require("@elliemae/ds-legacy-classnames");
|
|
39
39
|
var import_ds_legacy_utilities = require("@elliemae/ds-legacy-utilities");
|
|
40
40
|
var import_ds_legacy_hidden = require("@elliemae/ds-legacy-hidden");
|
|
@@ -64,7 +64,7 @@ const Popover = ({
|
|
|
64
64
|
});
|
|
65
65
|
(0, import_ds_legacy_utilities.useOnClickOutside)(popoverRef, onClickOutside);
|
|
66
66
|
const theme = (0, import_react.useContext)(import_ds_legacy_system.ThemeContext);
|
|
67
|
-
const wrapStyle = (0,
|
|
67
|
+
const wrapStyle = (0, import_lodash_es.omit)(style, "zIndex") || {};
|
|
68
68
|
return destroyOnHidden && !hiddenTransitionProps.destroyed && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_legacy_portal.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
69
69
|
"div",
|
|
70
70
|
{
|
package/dist/cjs/Popover.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Popover.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React, { useRef, useContext } from 'react';\nimport { omit } from 'lodash';\nimport { aggregatedClasses } from '@elliemae/ds-legacy-classnames';\nimport { isFunction, removeUndefinedProperties, useOnClickOutside } from '@elliemae/ds-legacy-utilities';\nimport { useHiddenTransition } from '@elliemae/ds-legacy-hidden';\nimport DSPortal from '@elliemae/ds-legacy-portal';\nimport { ThemeContext } from '@elliemae/ds-legacy-system';\n\nconst blockName = 'popover';\nconst PopoverComponent = aggregatedClasses('div')(blockName);\n\nconst 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 theme = useContext(ThemeContext);\n\n const wrapStyle = omit(style, 'zIndex') || {};\n return (\n destroyOnHidden &&\n !hiddenTransitionProps.destroyed && (\n <DSPortal>\n <div\n role=\"region\"\n aria-label=\"popover menu\"\n {...popperProps}\n style={{ zIndex: theme?.zIndex?.popper ?? 2000, ...style, ...popperProps.style }}\n >\n {isFunction(renderer) ? renderer(popoverProps) : <PopoverComponent {...popoverProps} style={wrapStyle} />}\n </div>\n </DSPortal>\n )\n );\n};\n\nexport default Popover;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD+CoC;AA/C3D,mBAA0C;AAC1C,
|
|
4
|
+
"sourcesContent": ["import React, { useRef, useContext } from 'react';\nimport { omit } from 'lodash-es';\nimport { aggregatedClasses } from '@elliemae/ds-legacy-classnames';\nimport { isFunction, removeUndefinedProperties, useOnClickOutside } from '@elliemae/ds-legacy-utilities';\nimport { useHiddenTransition } from '@elliemae/ds-legacy-hidden';\nimport DSPortal from '@elliemae/ds-legacy-portal';\nimport { ThemeContext } from '@elliemae/ds-legacy-system';\n\nconst blockName = 'popover';\nconst PopoverComponent = aggregatedClasses('div')(blockName);\n\nconst 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 theme = useContext(ThemeContext);\n\n const wrapStyle = omit(style, 'zIndex') || {};\n return (\n destroyOnHidden &&\n !hiddenTransitionProps.destroyed && (\n <DSPortal>\n <div\n role=\"region\"\n aria-label=\"popover menu\"\n {...popperProps}\n style={{ zIndex: theme?.zIndex?.popper ?? 2000, ...style, ...popperProps.style }}\n >\n {isFunction(renderer) ? renderer(popoverProps) : <PopoverComponent {...popoverProps} style={wrapStyle} />}\n </div>\n </DSPortal>\n )\n );\n};\n\nexport default Popover;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD+CoC;AA/C3D,mBAA0C;AAC1C,uBAAqB;AACrB,kCAAkC;AAClC,iCAAyE;AACzE,8BAAoC;AACpC,8BAAqB;AACrB,8BAA6B;AAE7B,MAAM,YAAY;AAClB,MAAM,uBAAmB,+CAAkB,KAAK,EAAE,SAAS;AAE3D,MAAM,UAAU,CAAC;AAAA,EACf;AAAA,EACA,kBAAkB;AAAA,EAClB,WAAW;AAAA,EACX,cAAc,CAAC;AAAA,EACf,UAAU;AAAA,EACV,UAAU;AAAA,EACV,iBAAiB,MAAM;AAAA,EACvB;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,iBAAa,qBAAO;AAC1B,QAAM,4BAAwB,6CAAoB,EAAE,QAAQ,CAAC;AAC7D,QAAM,mBAAe,sDAA0B;AAAA,IAC7C,gBAAgB;AAAA,IAChB;AAAA,IACA,KAAK;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,EACL,CAAC;AAED,oDAAkB,YAAY,cAAc;AAE5C,QAAM,YAAQ,yBAAW,oCAAY;AAErC,QAAM,gBAAY,uBAAK,OAAO,QAAQ,KAAK,CAAC;AAC5C,SACE,mBACA,CAAC,sBAAsB,aACrB,4CAAC,wBAAAA,SAAA,EACC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACV,GAAG;AAAA,MACJ,OAAO,EAAE,QAAQ,OAAO,QAAQ,UAAU,KAAM,GAAG,OAAO,GAAG,YAAY,MAAM;AAAA,MAE9E,qDAAW,QAAQ,IAAI,SAAS,YAAY,IAAI,4CAAC,oBAAkB,GAAG,cAAc,OAAO,WAAW;AAAA;AAAA,EACzG,GACF;AAGN;AAEA,IAAO,kBAAQ;",
|
|
6
6
|
"names": ["DSPortal"]
|
|
7
7
|
}
|
|
@@ -33,7 +33,7 @@ __export(usePopoverProviderState_exports, {
|
|
|
33
33
|
module.exports = __toCommonJS(usePopoverProviderState_exports);
|
|
34
34
|
var React = __toESM(require("react"));
|
|
35
35
|
var import_react = require("react");
|
|
36
|
-
var
|
|
36
|
+
var import_lodash_es = require("lodash-es");
|
|
37
37
|
var import_ds_legacy_utilities = require("@elliemae/ds-legacy-utilities");
|
|
38
38
|
function usePopoverProviderState({
|
|
39
39
|
initialState = {
|
|
@@ -69,10 +69,10 @@ function usePopoverProviderState({
|
|
|
69
69
|
hideTooltip(state);
|
|
70
70
|
};
|
|
71
71
|
(0, import_react.useEffect)(() => {
|
|
72
|
-
window.addEventListener("scroll", (0,
|
|
72
|
+
window.addEventListener("scroll", (0, import_lodash_es.throttle)(handleHideTooltip, 300), true);
|
|
73
73
|
window.addEventListener("click", handleHideTooltip, true);
|
|
74
74
|
return () => {
|
|
75
|
-
window.removeEventListener("scroll", (0,
|
|
75
|
+
window.removeEventListener("scroll", (0, import_lodash_es.throttle)(handleHideTooltip, 300), true);
|
|
76
76
|
window.addEventListener("click", handleHideTooltip, true);
|
|
77
77
|
};
|
|
78
78
|
}, [tooltipState.reference]);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/usePopoverProviderState.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { useState, useEffect, useRef } from 'react';\nimport { throttle } from 'lodash';\nimport { useExecutionTimer } from '@elliemae/ds-legacy-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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA4C;AAC5C,
|
|
4
|
+
"sourcesContent": ["import { useState, useEffect, useRef } from 'react';\nimport { throttle } from 'lodash-es';\nimport { useExecutionTimer } from '@elliemae/ds-legacy-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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA4C;AAC5C,uBAAyB;AACzB,iCAAkC;AAElC,SAAS,wBAAwB;AAAA,EAC/B,eAAe;AAAA,IACb,WAAW;AAAA,IACX,SAAS;AAAA,IACT,OAAO;AAAA,IACP,SAAS,CAAC;AAAA,EACZ;AAAA,EACA;AACF,GAAG;AACD,QAAM,iBAAa,qBAAO;AAC1B,QAAM,CAAC,cAAc,eAAe,QAAI,uBAAS,YAAY;AAE7D,QAAM,OAAO,CAAC,UAAU;AACtB,oBAAgB,CAAC,eAAe;AAAA,MAC9B,GAAG;AAAA,MACH,GAAG;AAAA,MACH,SAAS;AAAA,IACX,EAAE;AAAA,EACJ;AACA,QAAM,OAAO,CAAC,UAAU;AACtB,oBAAgB,CAAC,eAAe;AAAA,MAC9B,GAAG;AAAA,MACH,GAAG;AAAA,MACH,SAAS;AAAA,IACX,EAAE;AAAA,EACJ;AAEA,QAAM,CAAC,aAAa,WAAW,QAAI,8CAAkB,MAAM,MAAM,KAAK;AAEtE,QAAM,oBAAoB,CAAC,OAAO,MAAM;AACtC,eAAW,UAAU,EAAE;AACvB,gBAAY,EAAE,GAAG,OAAO,WAAW,EAAE,OAAO,CAAC;AAAA,EAC/C;AAEA,QAAM,oBAAoB,CAAC,UAAU;AACnC,gBAAY,KAAK;AAAA,EACnB;AAEA,8BAAU,MAAM;AACd,WAAO,iBAAiB,cAAU,2BAAS,mBAAmB,GAAG,GAAG,IAAI;AACxE,WAAO,iBAAiB,SAAS,mBAAmB,IAAI;AACxD,WAAO,MAAM;AACX,aAAO,oBAAoB,cAAU,2BAAS,mBAAmB,GAAG,GAAG,IAAI;AAC3E,aAAO,iBAAiB,SAAS,mBAAmB,IAAI;AAAA,IAC1D;AAAA,EACF,GAAG,CAAC,aAAa,SAAS,CAAC;AAE3B,SAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AACF;AAEA,IAAO,kCAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/Popover.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
import { useRef, useContext } from "react";
|
|
4
|
-
import { omit } from "lodash";
|
|
4
|
+
import { omit } from "lodash-es";
|
|
5
5
|
import { aggregatedClasses } from "@elliemae/ds-legacy-classnames";
|
|
6
6
|
import { isFunction, removeUndefinedProperties, useOnClickOutside } from "@elliemae/ds-legacy-utilities";
|
|
7
7
|
import { useHiddenTransition } from "@elliemae/ds-legacy-hidden";
|
package/dist/esm/Popover.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/Popover.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef, useContext } from 'react';\nimport { omit } from 'lodash';\nimport { aggregatedClasses } from '@elliemae/ds-legacy-classnames';\nimport { isFunction, removeUndefinedProperties, useOnClickOutside } from '@elliemae/ds-legacy-utilities';\nimport { useHiddenTransition } from '@elliemae/ds-legacy-hidden';\nimport DSPortal from '@elliemae/ds-legacy-portal';\nimport { ThemeContext } from '@elliemae/ds-legacy-system';\n\nconst blockName = 'popover';\nconst PopoverComponent = aggregatedClasses('div')(blockName);\n\nconst 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 theme = useContext(ThemeContext);\n\n const wrapStyle = omit(style, 'zIndex') || {};\n return (\n destroyOnHidden &&\n !hiddenTransitionProps.destroyed && (\n <DSPortal>\n <div\n role=\"region\"\n aria-label=\"popover menu\"\n {...popperProps}\n style={{ zIndex: theme?.zIndex?.popper ?? 2000, ...style, ...popperProps.style }}\n >\n {isFunction(renderer) ? renderer(popoverProps) : <PopoverComponent {...popoverProps} style={wrapStyle} />}\n </div>\n </DSPortal>\n )\n );\n};\n\nexport default Popover;\n"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef, useContext } from 'react';\nimport { omit } from 'lodash-es';\nimport { aggregatedClasses } from '@elliemae/ds-legacy-classnames';\nimport { isFunction, removeUndefinedProperties, useOnClickOutside } from '@elliemae/ds-legacy-utilities';\nimport { useHiddenTransition } from '@elliemae/ds-legacy-hidden';\nimport DSPortal from '@elliemae/ds-legacy-portal';\nimport { ThemeContext } from '@elliemae/ds-legacy-system';\n\nconst blockName = 'popover';\nconst PopoverComponent = aggregatedClasses('div')(blockName);\n\nconst 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 theme = useContext(ThemeContext);\n\n const wrapStyle = omit(style, 'zIndex') || {};\n return (\n destroyOnHidden &&\n !hiddenTransitionProps.destroyed && (\n <DSPortal>\n <div\n role=\"region\"\n aria-label=\"popover menu\"\n {...popperProps}\n style={{ zIndex: theme?.zIndex?.popper ?? 2000, ...style, ...popperProps.style }}\n >\n {isFunction(renderer) ? renderer(popoverProps) : <PopoverComponent {...popoverProps} style={wrapStyle} />}\n </div>\n </DSPortal>\n )\n );\n};\n\nexport default Popover;\n"],
|
|
5
5
|
"mappings": "AAAA,YAAY,WAAW;AC+CoC;AA/C3D,SAAgB,QAAQ,kBAAkB;AAC1C,SAAS,YAAY;AACrB,SAAS,yBAAyB;AAClC,SAAS,YAAY,2BAA2B,yBAAyB;AACzE,SAAS,2BAA2B;AACpC,OAAO,cAAc;AACrB,SAAS,oBAAoB;AAE7B,MAAM,YAAY;AAClB,MAAM,mBAAmB,kBAAkB,KAAK,EAAE,SAAS;AAE3D,MAAM,UAAU,CAAC;AAAA,EACf;AAAA,EACA,kBAAkB;AAAA,EAClB,WAAW;AAAA,EACX,cAAc,CAAC;AAAA,EACf,UAAU;AAAA,EACV,UAAU;AAAA,EACV,iBAAiB,MAAM;AAAA,EACvB;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,aAAa,OAAO;AAC1B,QAAM,wBAAwB,oBAAoB,EAAE,QAAQ,CAAC;AAC7D,QAAM,eAAe,0BAA0B;AAAA,IAC7C,gBAAgB;AAAA,IAChB;AAAA,IACA,KAAK;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,EACL,CAAC;AAED,oBAAkB,YAAY,cAAc;AAE5C,QAAM,QAAQ,WAAW,YAAY;AAErC,QAAM,YAAY,KAAK,OAAO,QAAQ,KAAK,CAAC;AAC5C,SACE,mBACA,CAAC,sBAAsB,aACrB,oBAAC,YACC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACV,GAAG;AAAA,MACJ,OAAO,EAAE,QAAQ,OAAO,QAAQ,UAAU,KAAM,GAAG,OAAO,GAAG,YAAY,MAAM;AAAA,MAE9E,qBAAW,QAAQ,IAAI,SAAS,YAAY,IAAI,oBAAC,oBAAkB,GAAG,cAAc,OAAO,WAAW;AAAA;AAAA,EACzG,GACF;AAGN;AAEA,IAAO,kBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { useState, useEffect, useRef } from "react";
|
|
3
|
-
import { throttle } from "lodash";
|
|
3
|
+
import { throttle } from "lodash-es";
|
|
4
4
|
import { useExecutionTimer } from "@elliemae/ds-legacy-utilities";
|
|
5
5
|
function usePopoverProviderState({
|
|
6
6
|
initialState = {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/usePopoverProviderState.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useState, useEffect, useRef } from 'react';\nimport { throttle } from 'lodash';\nimport { useExecutionTimer } from '@elliemae/ds-legacy-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"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useState, useEffect, useRef } from 'react';\nimport { throttle } from 'lodash-es';\nimport { useExecutionTimer } from '@elliemae/ds-legacy-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"],
|
|
5
5
|
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,UAAU,WAAW,cAAc;AAC5C,SAAS,gBAAgB;AACzB,SAAS,yBAAyB;AAElC,SAAS,wBAAwB;AAAA,EAC/B,eAAe;AAAA,IACb,WAAW;AAAA,IACX,SAAS;AAAA,IACT,OAAO;AAAA,IACP,SAAS,CAAC;AAAA,EACZ;AAAA,EACA;AACF,GAAG;AACD,QAAM,aAAa,OAAO;AAC1B,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,YAAY;AAE7D,QAAM,OAAO,CAAC,UAAU;AACtB,oBAAgB,CAAC,eAAe;AAAA,MAC9B,GAAG;AAAA,MACH,GAAG;AAAA,MACH,SAAS;AAAA,IACX,EAAE;AAAA,EACJ;AACA,QAAM,OAAO,CAAC,UAAU;AACtB,oBAAgB,CAAC,eAAe;AAAA,MAC9B,GAAG;AAAA,MACH,GAAG;AAAA,MACH,SAAS;AAAA,IACX,EAAE;AAAA,EACJ;AAEA,QAAM,CAAC,aAAa,WAAW,IAAI,kBAAkB,MAAM,MAAM,KAAK;AAEtE,QAAM,oBAAoB,CAAC,OAAO,MAAM;AACtC,eAAW,UAAU,EAAE;AACvB,gBAAY,EAAE,GAAG,OAAO,WAAW,EAAE,OAAO,CAAC;AAAA,EAC/C;AAEA,QAAM,oBAAoB,CAAC,UAAU;AACnC,gBAAY,KAAK;AAAA,EACnB;AAEA,YAAU,MAAM;AACd,WAAO,iBAAiB,UAAU,SAAS,mBAAmB,GAAG,GAAG,IAAI;AACxE,WAAO,iBAAiB,SAAS,mBAAmB,IAAI;AACxD,WAAO,MAAM;AACX,aAAO,oBAAoB,UAAU,SAAS,mBAAmB,GAAG,GAAG,IAAI;AAC3E,aAAO,iBAAiB,SAAS,mBAAmB,IAAI;AAAA,IAC1D;AAAA,EACF,GAAG,CAAC,aAAa,SAAS,CAAC;AAE3B,SAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AACF;AAEA,IAAO,kCAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
declare function usePopover({ ...otherProps }: {
|
|
3
3
|
[x: string]: any;
|
|
4
4
|
}): {
|
|
5
|
-
popperInstance:
|
|
5
|
+
popperInstance: unknown;
|
|
6
6
|
popperData: {};
|
|
7
7
|
triggerProps: {
|
|
8
|
-
ref: import("react").
|
|
8
|
+
ref: import("react").RefObject<unknown>;
|
|
9
9
|
};
|
|
10
10
|
popoverProps: {
|
|
11
11
|
style: any;
|
|
@@ -14,7 +14,7 @@ declare function usePopover({ ...otherProps }: {
|
|
|
14
14
|
'data-testid': string;
|
|
15
15
|
};
|
|
16
16
|
arrowProps: {
|
|
17
|
-
ref: import("react").
|
|
17
|
+
ref: import("react").RefObject<unknown>;
|
|
18
18
|
style: any;
|
|
19
19
|
};
|
|
20
20
|
};
|
|
@@ -10,7 +10,7 @@ export default function usePopper({ offset, showArrow, placement, isOpen, modifi
|
|
|
10
10
|
boundaries?: string | undefined;
|
|
11
11
|
referenceEl: any;
|
|
12
12
|
}): {
|
|
13
|
-
popperInstance:
|
|
13
|
+
popperInstance: unknown;
|
|
14
14
|
popper: {
|
|
15
15
|
style: any;
|
|
16
16
|
ref: import("react").Dispatch<import("react").SetStateAction<null>>;
|
|
@@ -18,11 +18,11 @@ export default function usePopper({ offset, showArrow, placement, isOpen, modifi
|
|
|
18
18
|
'data-testid': string;
|
|
19
19
|
};
|
|
20
20
|
arrow: {
|
|
21
|
-
ref: import("react").
|
|
21
|
+
ref: import("react").RefObject<unknown>;
|
|
22
22
|
style: any;
|
|
23
23
|
};
|
|
24
24
|
reference: {
|
|
25
|
-
ref: import("react").
|
|
25
|
+
ref: import("react").RefObject<unknown>;
|
|
26
26
|
};
|
|
27
27
|
popperData: {};
|
|
28
28
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-legacy-popover",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.16",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Popover",
|
|
6
6
|
"files": [
|
|
@@ -65,21 +65,21 @@
|
|
|
65
65
|
"dependencies": {
|
|
66
66
|
"popper.js": "~1.16.1",
|
|
67
67
|
"styled-components": "~5.3.9",
|
|
68
|
-
"@elliemae/ds-legacy-classnames": "1.0.
|
|
69
|
-
"@elliemae/ds-legacy-
|
|
70
|
-
"@elliemae/ds-legacy-
|
|
71
|
-
"@elliemae/ds-legacy-
|
|
72
|
-
"@elliemae/ds-legacy-system": "1.0.
|
|
73
|
-
"@elliemae/ds-legacy-utilities": "1.0.
|
|
74
|
-
"@elliemae/ds-legacy-
|
|
68
|
+
"@elliemae/ds-legacy-classnames": "1.0.16",
|
|
69
|
+
"@elliemae/ds-legacy-hidden": "1.0.16",
|
|
70
|
+
"@elliemae/ds-legacy-popper": "1.0.16",
|
|
71
|
+
"@elliemae/ds-legacy-props-helpers": "1.0.16",
|
|
72
|
+
"@elliemae/ds-legacy-system": "1.0.16",
|
|
73
|
+
"@elliemae/ds-legacy-utilities": "1.0.16",
|
|
74
|
+
"@elliemae/ds-legacy-portal": "1.0.16"
|
|
75
75
|
},
|
|
76
76
|
"devDependencies": {
|
|
77
77
|
"@elliemae/pui-cli": "9.0.0-next.50",
|
|
78
78
|
"styled-components": "~5.3.9",
|
|
79
|
-
"@elliemae/ds-legacy-monorepo-devops": "1.0.
|
|
79
|
+
"@elliemae/ds-legacy-monorepo-devops": "1.0.16"
|
|
80
80
|
},
|
|
81
81
|
"peerDependencies": {
|
|
82
|
-
"lodash": "^4.17.21",
|
|
82
|
+
"lodash-es": "^4.17.21",
|
|
83
83
|
"react": "^17.0.2",
|
|
84
84
|
"react-dom": "^17.0.2"
|
|
85
85
|
},
|
|
@@ -89,7 +89,7 @@
|
|
|
89
89
|
},
|
|
90
90
|
"scripts": {
|
|
91
91
|
"dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
|
|
92
|
-
"test": "
|
|
92
|
+
"test": "exit 0",
|
|
93
93
|
"lint": "node ../../../scripts/lint.mjs",
|
|
94
94
|
"eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../../.eslintrc.js' src/",
|
|
95
95
|
"dts": "node ../../../scripts/dts.mjs",
|