@elliemae/ds-legacy-popover 1.0.12 → 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-props-helpers": "1.0.
|
|
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",
|