@elliemae/ds-popover 3.16.0-next.1 → 3.16.0-next.10
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/DSPopover.js +24 -23
- package/dist/cjs/DSPopover.js.map +2 -2
- package/dist/cjs/index.js +2 -2
- package/dist/cjs/index.js.map +2 -2
- package/dist/cjs/package.json +7 -0
- package/dist/cjs/usePopover.js +1 -1
- package/dist/cjs/usePopover.js.map +1 -1
- package/dist/esm/DSPopover.js +6 -5
- package/dist/esm/DSPopover.js.map +2 -2
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/package.json +7 -0
- package/dist/esm/usePopover.js +1 -1
- package/dist/esm/usePopover.js.map +1 -1
- package/dist/types/DSPopover.d.ts +21 -21
- package/dist/types/index.d.ts +2 -2
- package/package.json +9 -8
package/dist/cjs/DSPopover.js
CHANGED
|
@@ -36,11 +36,12 @@ module.exports = __toCommonJS(DSPopover_exports);
|
|
|
36
36
|
var React = __toESM(require("react"));
|
|
37
37
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
38
38
|
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
39
|
+
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
39
40
|
var import_ds_hidden = require("@elliemae/ds-hidden");
|
|
40
|
-
var import_Popover = __toESM(require("./Popover"));
|
|
41
|
-
var import_usePopper = __toESM(require("./usePopper"));
|
|
42
|
-
var import_Arrow = __toESM(require("./Arrow"));
|
|
43
|
-
var import_usePopoverProviderState = __toESM(require("./usePopoverProviderState"));
|
|
41
|
+
var import_Popover = __toESM(require("./Popover.js"));
|
|
42
|
+
var import_usePopper = __toESM(require("./usePopper.js"));
|
|
43
|
+
var import_Arrow = __toESM(require("./Arrow.js"));
|
|
44
|
+
var import_usePopoverProviderState = __toESM(require("./usePopoverProviderState.js"));
|
|
44
45
|
__reExport(DSPopover_exports, require("@elliemae/ds-popper"), module.exports);
|
|
45
46
|
const Interaction = {
|
|
46
47
|
CLICK: "click",
|
|
@@ -133,28 +134,28 @@ DSPopover.defaultProps = {
|
|
|
133
134
|
isOpen: void 0
|
|
134
135
|
};
|
|
135
136
|
const popoverProps = {
|
|
136
|
-
containerProps:
|
|
137
|
-
destroyOnHidden:
|
|
138
|
-
renderer:
|
|
139
|
-
popperProps:
|
|
140
|
-
visible:
|
|
141
|
-
content:
|
|
142
|
-
onClickOutside:
|
|
143
|
-
interaction:
|
|
144
|
-
offset:
|
|
145
|
-
showArrow:
|
|
146
|
-
placement:
|
|
147
|
-
boundaries:
|
|
148
|
-
modifiers:
|
|
149
|
-
style:
|
|
150
|
-
referenceEl:
|
|
151
|
-
renderTrigger:
|
|
152
|
-
interactionType:
|
|
153
|
-
isOpen:
|
|
137
|
+
containerProps: import_ds_props_helpers.PropTypes.shape({}).description("Set of Properties attached to the main container"),
|
|
138
|
+
destroyOnHidden: import_ds_props_helpers.PropTypes.bool.description("destroy popover on hidden or not").defaultValue(true),
|
|
139
|
+
renderer: import_ds_props_helpers.PropTypes.func.description("custom renderer"),
|
|
140
|
+
popperProps: import_ds_props_helpers.PropTypes.object.description("Popper props attached to container"),
|
|
141
|
+
visible: import_ds_props_helpers.PropTypes.bool.description("is visible or not").defaultValue(false),
|
|
142
|
+
content: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.element, import_ds_props_helpers.PropTypes.string]).description("popover content"),
|
|
143
|
+
onClickOutside: import_ds_props_helpers.PropTypes.func.description("function called on click outside"),
|
|
144
|
+
interaction: import_ds_props_helpers.PropTypes.string.description("interaction type: hover, click"),
|
|
145
|
+
offset: import_ds_props_helpers.PropTypes.object.description("offset"),
|
|
146
|
+
showArrow: import_ds_props_helpers.PropTypes.bool.description("show tooltip arrow or not"),
|
|
147
|
+
placement: import_ds_props_helpers.PropTypes.string.description("popover placement: top, bottom, right, left"),
|
|
148
|
+
boundaries: import_ds_props_helpers.PropTypes.string.description("popover boundaries"),
|
|
149
|
+
modifiers: import_ds_props_helpers.PropTypes.object.description("modifiers"),
|
|
150
|
+
style: import_ds_props_helpers.PropTypes.object.description("css style object"),
|
|
151
|
+
referenceEl: import_ds_props_helpers.PropTypes.element.description("reference element"),
|
|
152
|
+
renderTrigger: import_ds_props_helpers.PropTypes.func.description("render trigger element"),
|
|
153
|
+
interactionType: import_ds_props_helpers.PropTypes.string.description("interaction type"),
|
|
154
|
+
isOpen: import_ds_props_helpers.PropTypes.bool.description("open or not").defaultValue(false)
|
|
154
155
|
};
|
|
155
156
|
DSPopover.propTypes = popoverProps;
|
|
156
157
|
DSPopover.displayName = "DSPopover";
|
|
157
|
-
const PopoverWithSchema = (0,
|
|
158
|
+
const PopoverWithSchema = (0, import_ds_props_helpers.describe)(DSPopover);
|
|
158
159
|
PopoverWithSchema.propTypes = popoverProps;
|
|
159
160
|
var DSPopover_default = DSPopover;
|
|
160
161
|
//# sourceMappingURL=DSPopover.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DSPopover.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport { PropTypes, describe
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gEAAAA;AAAA,EAAA,kCAAAC;AAAA;AAAA;ACAA,YAAuB;
|
|
4
|
+
"sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport { useHoverHandlersDelay } from '@elliemae/ds-utilities';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { useHiddenController } from '@elliemae/ds-hidden';\nimport Popover from './Popover.js';\nimport usePopper from './usePopper.js';\nimport Arrow from './Arrow.js';\nimport usePopoverProviderState from './usePopoverProviderState.js';\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;\nDSPopover.displayName = 'DSPopover';\nconst PopoverWithSchema = describe(DSPopover);\nPopoverWithSchema.propTypes = popoverProps;\n\nexport { DSPopover, usePopper, usePopoverProviderState, PopoverWithSchema };\n\nexport default DSPopover;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["usePopoverProviderState", "usePopper", "usePopper", "Popover", "Arrow"]
|
|
7
7
|
}
|
package/dist/cjs/index.js
CHANGED
|
@@ -29,6 +29,6 @@ __export(src_exports, {
|
|
|
29
29
|
});
|
|
30
30
|
module.exports = __toCommonJS(src_exports);
|
|
31
31
|
var React = __toESM(require("react"));
|
|
32
|
-
__reExport(src_exports, require("./DSPopover"), module.exports);
|
|
33
|
-
var import_DSPopover = __toESM(require("./DSPopover"));
|
|
32
|
+
__reExport(src_exports, require("./DSPopover.js"), module.exports);
|
|
33
|
+
var import_DSPopover = __toESM(require("./DSPopover.js"));
|
|
34
34
|
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["export * from './DSPopover';\nexport { default } from './DSPopover';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,
|
|
4
|
+
"sourcesContent": ["export * from './DSPopover.js';\nexport { default } from './DSPopover.js';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,2BAAd;AACA,uBAAwB;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/usePopover.js
CHANGED
|
@@ -28,7 +28,7 @@ __export(usePopover_exports, {
|
|
|
28
28
|
});
|
|
29
29
|
module.exports = __toCommonJS(usePopover_exports);
|
|
30
30
|
var React = __toESM(require("react"));
|
|
31
|
-
var import_usePopper = __toESM(require("./usePopper"));
|
|
31
|
+
var import_usePopper = __toESM(require("./usePopper.js"));
|
|
32
32
|
function usePopover({ ...otherProps }) {
|
|
33
33
|
const { reference, popper, arrow, ...popperProps } = (0, import_usePopper.default)(otherProps);
|
|
34
34
|
return {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/usePopover.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import usePopper from './usePopper';\n\nfunction usePopover({ ...otherProps }) {\n const { reference, popper, arrow, ...popperProps } = usePopper(otherProps);\n\n return {\n triggerProps: { ...reference },\n popoverProps: { ...popper },\n arrowProps: { ...arrow },\n ...popperProps,\n };\n}\n\nexport default usePopover;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
4
|
+
"sourcesContent": ["import usePopper from './usePopper.js';\n\nfunction usePopover({ ...otherProps }) {\n const { reference, popper, arrow, ...popperProps } = usePopper(otherProps);\n\n return {\n triggerProps: { ...reference },\n popoverProps: { ...popper },\n arrowProps: { ...arrow },\n ...popperProps,\n };\n}\n\nexport default usePopover;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
5
|
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAsB;AAEtB,SAAS,WAAW,KAAK,WAAW,GAAG;AACrC,QAAM,EAAE,WAAW,QAAQ,UAAU,YAAY,QAAI,iBAAAA,SAAU,UAAU;AAEzE,SAAO;AAAA,IACL,cAAc,EAAE,GAAG,UAAU;AAAA,IAC7B,cAAc,EAAE,GAAG,OAAO;AAAA,IAC1B,YAAY,EAAE,GAAG,MAAM;AAAA,IACvB,GAAG;AAAA,EACL;AACF;AAEA,IAAO,qBAAQ;",
|
|
6
6
|
"names": ["usePopper"]
|
|
7
7
|
}
|
package/dist/esm/DSPopover.js
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
-
import {
|
|
3
|
+
import { useHoverHandlersDelay } from "@elliemae/ds-utilities";
|
|
4
|
+
import { PropTypes, describe } from "@elliemae/ds-props-helpers";
|
|
4
5
|
import { useHiddenController } from "@elliemae/ds-hidden";
|
|
5
|
-
import Popover from "./Popover";
|
|
6
|
-
import usePopper from "./usePopper";
|
|
7
|
-
import Arrow from "./Arrow";
|
|
8
|
-
import usePopoverProviderState from "./usePopoverProviderState";
|
|
6
|
+
import Popover from "./Popover.js";
|
|
7
|
+
import usePopper from "./usePopper.js";
|
|
8
|
+
import Arrow from "./Arrow.js";
|
|
9
|
+
import usePopoverProviderState from "./usePopoverProviderState.js";
|
|
9
10
|
export * from "@elliemae/ds-popper";
|
|
10
11
|
const Interaction = {
|
|
11
12
|
CLICK: "click",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSPopover.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React from 'react';\nimport { PropTypes, describe
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React from 'react';\nimport { useHoverHandlersDelay } from '@elliemae/ds-utilities';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { useHiddenController } from '@elliemae/ds-hidden';\nimport Popover from './Popover.js';\nimport usePopper from './usePopper.js';\nimport Arrow from './Arrow.js';\nimport usePopoverProviderState from './usePopoverProviderState.js';\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;\nDSPopover.displayName = 'DSPopover';\nconst PopoverWithSchema = describe(DSPopover);\nPopoverWithSchema.propTypes = popoverProps;\n\nexport { DSPopover, usePopper, usePopoverProviderState, PopoverWithSchema };\n\nexport default DSPopover;\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/index.js
CHANGED
package/dist/esm/index.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSPopover';\nexport { default } from './DSPopover';\n"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSPopover.js';\nexport { default } from './DSPopover.js';\n"],
|
|
5
5
|
"mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,SAAS,WAAAA,gBAAe;",
|
|
6
6
|
"names": ["default"]
|
|
7
7
|
}
|
package/dist/esm/usePopover.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/usePopover.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import usePopper from './usePopper';\n\nfunction usePopover({ ...otherProps }) {\n const { reference, popper, arrow, ...popperProps } = usePopper(otherProps);\n\n return {\n triggerProps: { ...reference },\n popoverProps: { ...popper },\n arrowProps: { ...arrow },\n ...popperProps,\n };\n}\n\nexport default usePopover;\n"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import usePopper from './usePopper.js';\n\nfunction usePopover({ ...otherProps }) {\n const { reference, popper, arrow, ...popperProps } = usePopper(otherProps);\n\n return {\n triggerProps: { ...reference },\n popoverProps: { ...popper },\n arrowProps: { ...arrow },\n ...popperProps,\n };\n}\n\nexport default usePopover;\n"],
|
|
5
5
|
"mappings": "AAAA,YAAY,WAAW;ACAvB,OAAO,eAAe;AAEtB,SAAS,WAAW,KAAK,WAAW,GAAG;AACrC,QAAM,EAAE,WAAW,QAAQ,UAAU,YAAY,IAAI,UAAU,UAAU;AAEzE,SAAO;AAAA,IACL,cAAc,EAAE,GAAG,UAAU;AAAA,IAC7B,cAAc,EAAE,GAAG,OAAO;AAAA,IAC1B,YAAY,EAAE,GAAG,MAAM;AAAA,IACvB,GAAG;AAAA,EACL;AACF;AAEA,IAAO,qBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import usePopper from './usePopper';
|
|
2
|
-
import usePopoverProviderState from './usePopoverProviderState';
|
|
1
|
+
import usePopper from './usePopper.js';
|
|
2
|
+
import usePopoverProviderState from './usePopoverProviderState.js';
|
|
3
3
|
export * from '@elliemae/ds-popper';
|
|
4
4
|
export declare const Interaction: {
|
|
5
5
|
CLICK: string;
|
|
@@ -38,28 +38,28 @@ declare const DSPopover: {
|
|
|
38
38
|
isOpen: undefined;
|
|
39
39
|
};
|
|
40
40
|
propTypes: {
|
|
41
|
-
containerProps: import("@elliemae/ds-
|
|
42
|
-
destroyOnHidden: import("@elliemae/ds-
|
|
43
|
-
renderer: import("@elliemae/ds-
|
|
44
|
-
popperProps: import("@elliemae/ds-
|
|
45
|
-
visible: import("@elliemae/ds-
|
|
46
|
-
content: import("@elliemae/ds-
|
|
47
|
-
onClickOutside: import("@elliemae/ds-
|
|
48
|
-
interaction: import("@elliemae/ds-
|
|
49
|
-
offset: import("@elliemae/ds-
|
|
50
|
-
showArrow: import("@elliemae/ds-
|
|
51
|
-
placement: import("@elliemae/ds-
|
|
52
|
-
boundaries: import("@elliemae/ds-
|
|
53
|
-
modifiers: import("@elliemae/ds-
|
|
54
|
-
style: import("@elliemae/ds-
|
|
55
|
-
referenceEl: import("@elliemae/ds-
|
|
56
|
-
renderTrigger: import("@elliemae/ds-
|
|
57
|
-
interactionType: import("@elliemae/ds-
|
|
58
|
-
isOpen: import("@elliemae/ds-
|
|
41
|
+
containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
|
|
42
|
+
destroyOnHidden: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
|
|
43
|
+
renderer: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
|
|
44
|
+
popperProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
|
|
45
|
+
visible: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
|
|
46
|
+
content: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
|
|
47
|
+
onClickOutside: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
|
|
48
|
+
interaction: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
|
|
49
|
+
offset: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
|
|
50
|
+
showArrow: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
|
|
51
|
+
placement: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
|
|
52
|
+
boundaries: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
|
|
53
|
+
modifiers: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
|
|
54
|
+
style: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
|
|
55
|
+
referenceEl: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
|
|
56
|
+
renderTrigger: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
|
|
57
|
+
interactionType: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
|
|
58
|
+
isOpen: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
|
|
59
59
|
};
|
|
60
60
|
displayName: string;
|
|
61
61
|
};
|
|
62
|
-
declare const PopoverWithSchema: import("@elliemae/ds-
|
|
62
|
+
declare const PopoverWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<{
|
|
63
63
|
containerProps: any;
|
|
64
64
|
content: any;
|
|
65
65
|
renderer: any;
|
package/dist/types/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from './DSPopover';
|
|
2
|
-
export { default } from './DSPopover';
|
|
1
|
+
export * from './DSPopover.js';
|
|
2
|
+
export { default } from './DSPopover.js';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-popover",
|
|
3
|
-
"version": "3.16.0-next.
|
|
3
|
+
"version": "3.16.0-next.10",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Popover",
|
|
6
6
|
"files": [
|
|
@@ -65,12 +65,13 @@
|
|
|
65
65
|
"dependencies": {
|
|
66
66
|
"popper.js": "~1.16.1",
|
|
67
67
|
"styled-components": "~5.3.6",
|
|
68
|
-
"@elliemae/ds-classnames": "3.16.0-next.
|
|
69
|
-
"@elliemae/ds-hidden": "3.16.0-next.
|
|
70
|
-
"@elliemae/ds-
|
|
71
|
-
"@elliemae/ds-
|
|
72
|
-
"@elliemae/ds-
|
|
73
|
-
"@elliemae/ds-
|
|
68
|
+
"@elliemae/ds-classnames": "3.16.0-next.10",
|
|
69
|
+
"@elliemae/ds-hidden": "3.16.0-next.10",
|
|
70
|
+
"@elliemae/ds-popper": "3.16.0-next.10",
|
|
71
|
+
"@elliemae/ds-portal": "3.16.0-next.10",
|
|
72
|
+
"@elliemae/ds-props-helpers": "3.16.0-next.10",
|
|
73
|
+
"@elliemae/ds-system": "3.16.0-next.10",
|
|
74
|
+
"@elliemae/ds-utilities": "3.16.0-next.10"
|
|
74
75
|
},
|
|
75
76
|
"peerDependencies": {
|
|
76
77
|
"lodash": "^4.17.21",
|
|
@@ -88,7 +89,7 @@
|
|
|
88
89
|
"eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../.eslintrc.js' src/",
|
|
89
90
|
"dts": "node ../../scripts/dts.mjs",
|
|
90
91
|
"build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
|
|
91
|
-
"dev:build": "pnpm --filter {.}... build
|
|
92
|
+
"dev:build": "pnpm --filter {.}... build",
|
|
92
93
|
"dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
|
|
93
94
|
"checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
|
|
94
95
|
}
|