@elliemae/ds-popover 3.27.0-next.1 → 3.27.0-next.3
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/index.js +3 -3
- package/dist/cjs/index.js.map +2 -2
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/types/index.d.ts +2 -2
- package/package.json +8 -44
- package/dist/cjs/Arrow.js +0 -70
- package/dist/cjs/Arrow.js.map +0 -7
- package/dist/cjs/DSPopover.js +0 -169
- package/dist/cjs/DSPopover.js.map +0 -7
- package/dist/cjs/Popover.js +0 -71
- package/dist/cjs/Popover.js.map +0 -7
- package/dist/cjs/PopoverTrigger.js +0 -71
- package/dist/cjs/PopoverTrigger.js.map +0 -7
- package/dist/cjs/usePopover.js +0 -46
- package/dist/cjs/usePopover.js.map +0 -7
- package/dist/cjs/usePopoverProviderState.js +0 -86
- package/dist/cjs/usePopoverProviderState.js.map +0 -7
- package/dist/cjs/usePopper.js +0 -129
- package/dist/cjs/usePopper.js.map +0 -7
- package/dist/esm/Arrow.js +0 -40
- package/dist/esm/Arrow.js.map +0 -7
- package/dist/esm/DSPopover.js +0 -138
- package/dist/esm/DSPopover.js.map +0 -7
- package/dist/esm/Popover.js +0 -41
- package/dist/esm/Popover.js.map +0 -7
- package/dist/esm/PopoverTrigger.js +0 -41
- package/dist/esm/PopoverTrigger.js.map +0 -7
- package/dist/esm/usePopover.js +0 -16
- package/dist/esm/usePopover.js.map +0 -7
- package/dist/esm/usePopoverProviderState.js +0 -56
- package/dist/esm/usePopoverProviderState.js.map +0 -7
- package/dist/esm/usePopper.js +0 -99
- package/dist/esm/usePopper.js.map +0 -7
- package/dist/types/Arrow.d.ts +0 -3
- package/dist/types/DSPopover.d.ts +0 -81
- package/dist/types/Popover.d.ts +0 -12
- package/dist/types/PopoverTrigger.d.ts +0 -9
- package/dist/types/usePopover.d.ts +0 -21
- package/dist/types/usePopoverProviderState.d.ts +0 -19
- package/dist/types/usePopper.d.ts +0 -28
package/dist/cjs/index.js
CHANGED
|
@@ -29,10 +29,10 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
29
29
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
30
30
|
var src_exports = {};
|
|
31
31
|
__export(src_exports, {
|
|
32
|
-
default: () =>
|
|
32
|
+
default: () => import_ds_legacy_popover.default
|
|
33
33
|
});
|
|
34
34
|
module.exports = __toCommonJS(src_exports);
|
|
35
35
|
var React = __toESM(require("react"));
|
|
36
|
-
__reExport(src_exports, require("
|
|
37
|
-
var
|
|
36
|
+
__reExport(src_exports, require("@elliemae/ds-legacy-popover"), module.exports);
|
|
37
|
+
var import_ds_legacy_popover = __toESM(require("@elliemae/ds-legacy-popover"));
|
|
38
38
|
//# 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 '
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,
|
|
4
|
+
"sourcesContent": ["export * from '@elliemae/ds-legacy-popover';\nexport { default } from '@elliemae/ds-legacy-popover';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,wCAAd;AACA,+BAAwB;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
export * from "
|
|
3
|
-
import { default as default2 } from "
|
|
2
|
+
export * from "@elliemae/ds-legacy-popover";
|
|
3
|
+
import { default as default2 } from "@elliemae/ds-legacy-popover";
|
|
4
4
|
export {
|
|
5
5
|
default2 as default
|
|
6
6
|
};
|
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 '
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from '@elliemae/ds-legacy-popover';\nexport { default } from '@elliemae/ds-legacy-popover';\n"],
|
|
5
5
|
"mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,SAAS,WAAAA,gBAAe;",
|
|
6
6
|
"names": ["default"]
|
|
7
7
|
}
|
package/dist/types/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from '
|
|
2
|
-
export { default } from '
|
|
1
|
+
export * from '@elliemae/ds-legacy-popover';
|
|
2
|
+
export { default } from '@elliemae/ds-legacy-popover';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-popover",
|
|
3
|
-
"version": "3.27.0-next.
|
|
3
|
+
"version": "3.27.0-next.3",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Popover",
|
|
6
6
|
"files": [
|
|
@@ -13,34 +13,6 @@
|
|
|
13
13
|
".": {
|
|
14
14
|
"import": "./dist/esm/index.js",
|
|
15
15
|
"require": "./dist/cjs/index.js"
|
|
16
|
-
},
|
|
17
|
-
"./usePopper": {
|
|
18
|
-
"import": "./dist/esm/usePopper.js",
|
|
19
|
-
"require": "./dist/cjs/usePopper.js"
|
|
20
|
-
},
|
|
21
|
-
"./usePopoverProviderState": {
|
|
22
|
-
"import": "./dist/esm/usePopoverProviderState.js",
|
|
23
|
-
"require": "./dist/cjs/usePopoverProviderState.js"
|
|
24
|
-
},
|
|
25
|
-
"./usePopover": {
|
|
26
|
-
"import": "./dist/esm/usePopover.js",
|
|
27
|
-
"require": "./dist/cjs/usePopover.js"
|
|
28
|
-
},
|
|
29
|
-
"./PopoverTrigger": {
|
|
30
|
-
"import": "./dist/esm/PopoverTrigger.js",
|
|
31
|
-
"require": "./dist/cjs/PopoverTrigger.js"
|
|
32
|
-
},
|
|
33
|
-
"./Popover": {
|
|
34
|
-
"import": "./dist/esm/Popover.js",
|
|
35
|
-
"require": "./dist/cjs/Popover.js"
|
|
36
|
-
},
|
|
37
|
-
"./DSPopover": {
|
|
38
|
-
"import": "./dist/esm/DSPopover.js",
|
|
39
|
-
"require": "./dist/cjs/DSPopover.js"
|
|
40
|
-
},
|
|
41
|
-
"./Arrow": {
|
|
42
|
-
"import": "./dist/esm/Arrow.js",
|
|
43
|
-
"require": "./dist/cjs/Arrow.js"
|
|
44
16
|
}
|
|
45
17
|
},
|
|
46
18
|
"sideEffects": [
|
|
@@ -63,20 +35,12 @@
|
|
|
63
35
|
"indent": 4
|
|
64
36
|
},
|
|
65
37
|
"dependencies": {
|
|
66
|
-
"
|
|
67
|
-
"styled-components": "~5.3.9",
|
|
68
|
-
"@elliemae/ds-classnames": "3.27.0-next.1",
|
|
69
|
-
"@elliemae/ds-hidden": "3.27.0-next.1",
|
|
70
|
-
"@elliemae/ds-portal": "3.27.0-next.1",
|
|
71
|
-
"@elliemae/ds-popper": "3.27.0-next.1",
|
|
72
|
-
"@elliemae/ds-props-helpers": "3.27.0-next.1",
|
|
73
|
-
"@elliemae/ds-system": "3.27.0-next.1",
|
|
74
|
-
"@elliemae/ds-utilities": "3.27.0-next.1"
|
|
38
|
+
"@elliemae/ds-legacy-popover": "1.0.1"
|
|
75
39
|
},
|
|
76
40
|
"devDependencies": {
|
|
77
41
|
"@elliemae/pui-cli": "~9.0.0-next.31",
|
|
78
42
|
"styled-components": "~5.3.9",
|
|
79
|
-
"@elliemae/ds-monorepo-devops": "3.27.0-next.
|
|
43
|
+
"@elliemae/ds-monorepo-devops": "3.27.0-next.3"
|
|
80
44
|
},
|
|
81
45
|
"peerDependencies": {
|
|
82
46
|
"lodash": "^4.17.21",
|
|
@@ -89,13 +53,13 @@
|
|
|
89
53
|
},
|
|
90
54
|
"scripts": {
|
|
91
55
|
"dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
|
|
92
|
-
"test": "
|
|
93
|
-
"lint": "
|
|
94
|
-
"eslint:fix": "
|
|
95
|
-
"dts": "
|
|
56
|
+
"test": "exit 0 | echo",
|
|
57
|
+
"lint": "exit 0 | echo",
|
|
58
|
+
"eslint:fix": "exit 0 | echo",
|
|
59
|
+
"dts": "exit 0 | echo",
|
|
96
60
|
"build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
|
|
97
61
|
"dev:build": "pnpm --filter {.}... build",
|
|
98
62
|
"dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
|
|
99
|
-
"checkDeps": "
|
|
63
|
+
"checkDeps": "exit 0 | echo"
|
|
100
64
|
}
|
|
101
65
|
}
|
package/dist/cjs/Arrow.js
DELETED
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var Arrow_exports = {};
|
|
30
|
-
__export(Arrow_exports, {
|
|
31
|
-
default: () => Arrow_default
|
|
32
|
-
});
|
|
33
|
-
module.exports = __toCommonJS(Arrow_exports);
|
|
34
|
-
var React = __toESM(require("react"));
|
|
35
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
36
|
-
var import_react = require("react");
|
|
37
|
-
var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
38
|
-
var import_ds_popper = require("@elliemae/ds-popper");
|
|
39
|
-
const ArrowWrapper = (0, import_ds_classnames.aggregatedClasses)("span")("popover", "arrow");
|
|
40
|
-
const Arrow = ({ style, className, innerRef, blockName = "popover", placement, ...otherProps }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
41
|
-
ArrowWrapper,
|
|
42
|
-
{
|
|
43
|
-
className,
|
|
44
|
-
"data-placement": placement,
|
|
45
|
-
...otherProps,
|
|
46
|
-
innerRef,
|
|
47
|
-
style: {
|
|
48
|
-
...style,
|
|
49
|
-
...(0, import_ds_popper.getArrowStylesBySize)(placement, 25)
|
|
50
|
-
},
|
|
51
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { viewBox: "0 0 30 30", children: [
|
|
52
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
53
|
-
"path",
|
|
54
|
-
{
|
|
55
|
-
className: "stroke",
|
|
56
|
-
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"
|
|
57
|
-
}
|
|
58
|
-
),
|
|
59
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
60
|
-
"path",
|
|
61
|
-
{
|
|
62
|
-
className: "fill",
|
|
63
|
-
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"
|
|
64
|
-
}
|
|
65
|
-
)
|
|
66
|
-
] })
|
|
67
|
-
}
|
|
68
|
-
);
|
|
69
|
-
var Arrow_default = (0, import_react.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Arrow, { ...props, innerRef: ref || props.innerRef }));
|
|
70
|
-
//# sourceMappingURL=Arrow.js.map
|
package/dist/cjs/Arrow.js.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/Arrow.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"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');\nconst Arrow = ({ style, className, innerRef, blockName = 'popover', placement, ...otherProps }) => (\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\nexport default forwardRef((props, ref) => <Arrow {...props} innerRef={ref || props.innerRef} />);\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgBnB;AAhBJ,mBAAkC;AAClC,2BAAkC;AAClC,uBAAqC;AAErC,MAAM,mBAAe,wCAAkB,MAAM,EAAE,WAAW,OAAO;AACjE,MAAM,QAAQ,CAAC,EAAE,OAAO,WAAW,UAAU,YAAY,WAAW,WAAW,GAAG,WAAW,MAC3F;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,kBAAgB;AAAA,IACf,GAAG;AAAA,IACJ;AAAA,IACA,OAAO;AAAA,MACL,GAAG;AAAA,MACH,OAAG,uCAAqB,WAAW,EAAE;AAAA,IACvC;AAAA,IAEA,uDAAC,SAAI,SAAQ,aACX;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,GAAE;AAAA;AAAA,MAEJ;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,GAAE;AAAA;AAAA,MACJ;AAAA,OACF;AAAA;AACF;AAGF,IAAO,oBAAQ,yBAAW,CAAC,OAAO,QAAQ,4CAAC,SAAO,GAAG,OAAO,UAAU,OAAO,MAAM,UAAU,CAAE;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
package/dist/cjs/DSPopover.js
DELETED
|
@@ -1,169 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
21
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
22
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
23
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
24
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
25
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
26
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
27
|
-
mod
|
|
28
|
-
));
|
|
29
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
30
|
-
var DSPopover_exports = {};
|
|
31
|
-
__export(DSPopover_exports, {
|
|
32
|
-
DSPopover: () => DSPopover,
|
|
33
|
-
Interaction: () => Interaction,
|
|
34
|
-
PopoverWithSchema: () => PopoverWithSchema,
|
|
35
|
-
default: () => DSPopover_default,
|
|
36
|
-
usePopoverProviderState: () => import_usePopoverProviderState.default,
|
|
37
|
-
usePopper: () => import_usePopper.default
|
|
38
|
-
});
|
|
39
|
-
module.exports = __toCommonJS(DSPopover_exports);
|
|
40
|
-
var React = __toESM(require("react"));
|
|
41
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
42
|
-
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
43
|
-
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
44
|
-
var import_ds_hidden = require("@elliemae/ds-hidden");
|
|
45
|
-
var import_Popover = __toESM(require("./Popover.js"));
|
|
46
|
-
var import_usePopper = __toESM(require("./usePopper.js"));
|
|
47
|
-
var import_Arrow = __toESM(require("./Arrow.js"));
|
|
48
|
-
var import_usePopoverProviderState = __toESM(require("./usePopoverProviderState.js"));
|
|
49
|
-
__reExport(DSPopover_exports, require("@elliemae/ds-popper"), module.exports);
|
|
50
|
-
const Interaction = {
|
|
51
|
-
CLICK: "click",
|
|
52
|
-
HOVER: "hover"
|
|
53
|
-
};
|
|
54
|
-
const DSPopover = ({
|
|
55
|
-
containerProps,
|
|
56
|
-
content,
|
|
57
|
-
// react component inside the popover to render its content
|
|
58
|
-
renderer,
|
|
59
|
-
// function to render the popover component, ex: (popoverProps) => (<div {...popoverProps}></div>)
|
|
60
|
-
visible: visibleProp,
|
|
61
|
-
offset,
|
|
62
|
-
showArrow,
|
|
63
|
-
// popper props options
|
|
64
|
-
placement,
|
|
65
|
-
boundaries,
|
|
66
|
-
// scrollParent | window | viewport
|
|
67
|
-
modifiers,
|
|
68
|
-
referenceEl,
|
|
69
|
-
renderTrigger,
|
|
70
|
-
onClickOutside,
|
|
71
|
-
destroyOnHidden,
|
|
72
|
-
interactionType,
|
|
73
|
-
isOpen,
|
|
74
|
-
style
|
|
75
|
-
}) => {
|
|
76
|
-
const { visible, onShow, onHide, onToggle } = (0, import_ds_hidden.useHiddenController)(visibleProp);
|
|
77
|
-
const { reference, popper, arrow, popperData } = (0, import_usePopper.default)({
|
|
78
|
-
placement,
|
|
79
|
-
showArrow,
|
|
80
|
-
boundaries,
|
|
81
|
-
modifiers,
|
|
82
|
-
offset,
|
|
83
|
-
referenceEl,
|
|
84
|
-
eventsEnabled: visible,
|
|
85
|
-
isOpen
|
|
86
|
-
});
|
|
87
|
-
const hoverHandlers = (0, import_ds_utilities.useHoverHandlersDelay)({
|
|
88
|
-
onMouseOver: onShow,
|
|
89
|
-
onMouseLeave: onHide
|
|
90
|
-
});
|
|
91
|
-
const isPopoverVisible = visible || isOpen;
|
|
92
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
|
|
93
|
-
renderTrigger({
|
|
94
|
-
...reference,
|
|
95
|
-
handlers: interactionType === "click" ? { onClick: onToggle } : hoverHandlers,
|
|
96
|
-
onShow,
|
|
97
|
-
onToggle,
|
|
98
|
-
onHide,
|
|
99
|
-
"aria-haspopup": true,
|
|
100
|
-
"aria-expanded": visible
|
|
101
|
-
}),
|
|
102
|
-
isPopoverVisible && reference.ref && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
103
|
-
import_Popover.default,
|
|
104
|
-
{
|
|
105
|
-
containerProps,
|
|
106
|
-
destroyOnHidden,
|
|
107
|
-
interactionType,
|
|
108
|
-
isOpen,
|
|
109
|
-
onClickOutside: (...args) => {
|
|
110
|
-
onClickOutside(...args);
|
|
111
|
-
if (interactionType === "click")
|
|
112
|
-
onHide();
|
|
113
|
-
},
|
|
114
|
-
popperProps: popper,
|
|
115
|
-
renderer: renderer && ((props) => renderer({
|
|
116
|
-
...props,
|
|
117
|
-
onShow,
|
|
118
|
-
onToggle,
|
|
119
|
-
onHide
|
|
120
|
-
})),
|
|
121
|
-
style,
|
|
122
|
-
visible: isPopoverVisible,
|
|
123
|
-
children: [
|
|
124
|
-
showArrow && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Arrow.default, { ...arrow, placement: popperData.placement }),
|
|
125
|
-
isPopoverVisible && content
|
|
126
|
-
]
|
|
127
|
-
}
|
|
128
|
-
)
|
|
129
|
-
] });
|
|
130
|
-
};
|
|
131
|
-
DSPopover.defaultProps = {
|
|
132
|
-
containerProps: {},
|
|
133
|
-
renderer: void 0,
|
|
134
|
-
visible: void 0,
|
|
135
|
-
offset: void 0,
|
|
136
|
-
showArrow: false,
|
|
137
|
-
placement: "top",
|
|
138
|
-
modifiers: {},
|
|
139
|
-
renderTrigger: () => null,
|
|
140
|
-
onClickOutside: () => null,
|
|
141
|
-
destroyOnHidden: true,
|
|
142
|
-
isOpen: void 0
|
|
143
|
-
};
|
|
144
|
-
const popoverProps = {
|
|
145
|
-
containerProps: import_ds_props_helpers.PropTypes.shape({}).description("Set of Properties attached to the main container"),
|
|
146
|
-
destroyOnHidden: import_ds_props_helpers.PropTypes.bool.description("destroy popover on hidden or not").defaultValue(true),
|
|
147
|
-
renderer: import_ds_props_helpers.PropTypes.func.description("custom renderer"),
|
|
148
|
-
popperProps: import_ds_props_helpers.PropTypes.object.description("Popper props attached to container"),
|
|
149
|
-
visible: import_ds_props_helpers.PropTypes.bool.description("is visible or not").defaultValue(false),
|
|
150
|
-
content: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.element, import_ds_props_helpers.PropTypes.string]).description("popover content"),
|
|
151
|
-
onClickOutside: import_ds_props_helpers.PropTypes.func.description("function called on click outside"),
|
|
152
|
-
interaction: import_ds_props_helpers.PropTypes.string.description("interaction type: hover, click"),
|
|
153
|
-
offset: import_ds_props_helpers.PropTypes.object.description("offset"),
|
|
154
|
-
showArrow: import_ds_props_helpers.PropTypes.bool.description("show tooltip arrow or not"),
|
|
155
|
-
placement: import_ds_props_helpers.PropTypes.string.description("popover placement: top, bottom, right, left"),
|
|
156
|
-
boundaries: import_ds_props_helpers.PropTypes.string.description("popover boundaries"),
|
|
157
|
-
modifiers: import_ds_props_helpers.PropTypes.object.description("modifiers"),
|
|
158
|
-
style: import_ds_props_helpers.PropTypes.object.description("css style object"),
|
|
159
|
-
referenceEl: import_ds_props_helpers.PropTypes.element.description("reference element"),
|
|
160
|
-
renderTrigger: import_ds_props_helpers.PropTypes.func.description("render trigger element"),
|
|
161
|
-
interactionType: import_ds_props_helpers.PropTypes.string.description("interaction type"),
|
|
162
|
-
isOpen: import_ds_props_helpers.PropTypes.bool.description("open or not").defaultValue(false)
|
|
163
|
-
};
|
|
164
|
-
DSPopover.propTypes = popoverProps;
|
|
165
|
-
DSPopover.displayName = "DSPopover";
|
|
166
|
-
const PopoverWithSchema = (0, import_ds_props_helpers.describe)(DSPopover);
|
|
167
|
-
PopoverWithSchema.propTypes = popoverProps;
|
|
168
|
-
var DSPopover_default = DSPopover;
|
|
169
|
-
//# sourceMappingURL=DSPopover.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/DSPopover.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
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
|
-
"names": ["usePopoverProviderState", "usePopper", "usePopper", "Popover", "Arrow"]
|
|
7
|
-
}
|
package/dist/cjs/Popover.js
DELETED
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var Popover_exports = {};
|
|
30
|
-
__export(Popover_exports, {
|
|
31
|
-
default: () => Popover_default
|
|
32
|
-
});
|
|
33
|
-
module.exports = __toCommonJS(Popover_exports);
|
|
34
|
-
var React = __toESM(require("react"));
|
|
35
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
36
|
-
var import_react = require("react");
|
|
37
|
-
var import_lodash = require("lodash");
|
|
38
|
-
var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
39
|
-
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
40
|
-
var import_ds_hidden = require("@elliemae/ds-hidden");
|
|
41
|
-
var import_ds_portal = __toESM(require("@elliemae/ds-portal"));
|
|
42
|
-
var import_ds_system = require("@elliemae/ds-system");
|
|
43
|
-
const blockName = "popover";
|
|
44
|
-
const PopoverComponent = (0, import_ds_classnames.aggregatedClasses)("div")(blockName);
|
|
45
|
-
const Popover = ({
|
|
46
|
-
containerProps,
|
|
47
|
-
destroyOnHidden = true,
|
|
48
|
-
renderer = void 0,
|
|
49
|
-
popperProps = {},
|
|
50
|
-
visible = false,
|
|
51
|
-
content = void 0,
|
|
52
|
-
onClickOutside = () => null,
|
|
53
|
-
style,
|
|
54
|
-
...otherProps
|
|
55
|
-
}) => {
|
|
56
|
-
const popoverRef = (0, import_react.useRef)();
|
|
57
|
-
const hiddenTransitionProps = (0, import_ds_hidden.useHiddenTransition)({ visible });
|
|
58
|
-
const popoverProps = (0, import_ds_utilities.removeUndefinedProperties)({
|
|
59
|
-
containerprops: containerProps,
|
|
60
|
-
content,
|
|
61
|
-
ref: popoverRef,
|
|
62
|
-
...otherProps,
|
|
63
|
-
...hiddenTransitionProps
|
|
64
|
-
});
|
|
65
|
-
(0, import_ds_utilities.useOnClickOutside)(popoverRef, onClickOutside);
|
|
66
|
-
const theme = (0, import_react.useContext)(import_ds_system.ThemeContext);
|
|
67
|
-
const wrapStyle = (0, import_lodash.omit)(style, "zIndex") || {};
|
|
68
|
-
return destroyOnHidden && !hiddenTransitionProps.destroyed && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_portal.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { role: "region", "aria-label": "popover menu", ...popperProps, style: { zIndex: theme.zIndex.popper, ...style, ...popperProps.style }, children: (0, import_ds_utilities.isFunction)(renderer) ? renderer(popoverProps) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopoverComponent, { ...popoverProps, style: wrapStyle }) }) });
|
|
69
|
-
};
|
|
70
|
-
var Popover_default = Popover;
|
|
71
|
-
//# sourceMappingURL=Popover.js.map
|
package/dist/cjs/Popover.js.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 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-classnames';\nimport { isFunction, removeUndefinedProperties, useOnClickOutside } from '@elliemae/ds-utilities';\nimport { useHiddenTransition } from '@elliemae/ds-hidden';\nimport DSPortal from '@elliemae/ds-portal';\nimport { ThemeContext } from '@elliemae/ds-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 role=\"region\" aria-label=\"popover menu\" {...popperProps} style={{ zIndex: theme.zIndex.popper, ...style, ...popperProps.style }} >\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;AD0CoC;AA1C3D,mBAA0C;AAC1C,oBAAqB;AACrB,2BAAkC;AAClC,0BAAyE;AACzE,uBAAoC;AACpC,uBAAqB;AACrB,uBAA6B;AAE7B,MAAM,YAAY;AAClB,MAAM,uBAAmB,wCAAkB,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,sCAAoB,EAAE,QAAQ,CAAC;AAC7D,QAAM,mBAAe,+CAA0B;AAAA,IAC7C,gBAAgB;AAAA,IAChB;AAAA,IACA,KAAK;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,EACL,CAAC;AAED,6CAAkB,YAAY,cAAc;AAE5C,QAAM,YAAQ,yBAAW,6BAAY;AAErC,QAAM,gBAAY,oBAAK,OAAO,QAAQ,KAAK,CAAC;AAC5C,SACE,mBACA,CAAC,sBAAsB,aACrB,4CAAC,iBAAAA,SAAA,EACC,sDAAC,SAAI,MAAK,UAAS,cAAW,gBAAgB,GAAG,aAAa,OAAO,EAAE,QAAQ,MAAM,OAAO,QAAQ,GAAG,OAAO,GAAG,YAAY,MAAM,GAChI,8CAAW,QAAQ,IAAI,SAAS,YAAY,IAAI,4CAAC,oBAAkB,GAAG,cAAc,OAAO,WAAW,GACzG,GACF;AAGN;AAEA,IAAO,kBAAQ;",
|
|
6
|
-
"names": ["DSPortal"]
|
|
7
|
-
}
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var PopoverTrigger_exports = {};
|
|
30
|
-
__export(PopoverTrigger_exports, {
|
|
31
|
-
Interaction: () => Interaction,
|
|
32
|
-
default: () => PopoverTrigger_default
|
|
33
|
-
});
|
|
34
|
-
module.exports = __toCommonJS(PopoverTrigger_exports);
|
|
35
|
-
var React = __toESM(require("react"));
|
|
36
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
37
|
-
const Interaction = {
|
|
38
|
-
CLICK: "click",
|
|
39
|
-
HOVER: "hover"
|
|
40
|
-
};
|
|
41
|
-
const noop = () => {
|
|
42
|
-
};
|
|
43
|
-
function useHiddenTrigger({
|
|
44
|
-
hiddenId,
|
|
45
|
-
visible = false,
|
|
46
|
-
interaction = "click",
|
|
47
|
-
onToggle = noop,
|
|
48
|
-
onShow = noop,
|
|
49
|
-
onHide = noop
|
|
50
|
-
}) {
|
|
51
|
-
const handlers = {
|
|
52
|
-
[Interaction.CLICK]: {
|
|
53
|
-
onClick: onToggle
|
|
54
|
-
},
|
|
55
|
-
[Interaction.HOVER]: {
|
|
56
|
-
onMouseEnter: onShow,
|
|
57
|
-
onMouseLeave: onHide
|
|
58
|
-
}
|
|
59
|
-
};
|
|
60
|
-
return {
|
|
61
|
-
"aria-expanded": visible,
|
|
62
|
-
...handlers[interaction],
|
|
63
|
-
"aria-controls": hiddenId
|
|
64
|
-
};
|
|
65
|
-
}
|
|
66
|
-
const PopoverTrigger = ({ as: Component, ...props }) => {
|
|
67
|
-
const hiddenTriggerProps = useHiddenTrigger(props);
|
|
68
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ...hiddenTriggerProps });
|
|
69
|
-
};
|
|
70
|
-
var PopoverTrigger_default = PopoverTrigger;
|
|
71
|
-
//# sourceMappingURL=PopoverTrigger.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/PopoverTrigger.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\n\nexport const Interaction = {\n CLICK: 'click',\n HOVER: 'hover',\n};\n\nconst noop = () => {};\n\nfunction useHiddenTrigger({\n hiddenId,\n visible = false,\n interaction = 'click',\n onToggle = noop,\n onShow = noop,\n onHide = noop,\n}) {\n const handlers = {\n [Interaction.CLICK]: {\n onClick: onToggle,\n },\n [Interaction.HOVER]: {\n onMouseEnter: onShow,\n onMouseLeave: onHide,\n },\n };\n return {\n 'aria-expanded': visible,\n ...handlers[interaction],\n 'aria-controls': hiddenId,\n };\n}\n\nconst PopoverTrigger = ({ as: Component, ...props }) => {\n const hiddenTriggerProps = useHiddenTrigger(props);\n\n return <Component {...hiddenTriggerProps} />;\n};\n\nexport default PopoverTrigger;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoCd;AAlCF,MAAM,cAAc;AAAA,EACzB,OAAO;AAAA,EACP,OAAO;AACT;AAEA,MAAM,OAAO,MAAM;AAAC;AAEpB,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA,UAAU;AAAA,EACV,cAAc;AAAA,EACd,WAAW;AAAA,EACX,SAAS;AAAA,EACT,SAAS;AACX,GAAG;AACD,QAAM,WAAW;AAAA,IACf,CAAC,YAAY,KAAK,GAAG;AAAA,MACnB,SAAS;AAAA,IACX;AAAA,IACA,CAAC,YAAY,KAAK,GAAG;AAAA,MACnB,cAAc;AAAA,MACd,cAAc;AAAA,IAChB;AAAA,EACF;AACA,SAAO;AAAA,IACL,iBAAiB;AAAA,IACjB,GAAG,SAAS,WAAW;AAAA,IACvB,iBAAiB;AAAA,EACnB;AACF;AAEA,MAAM,iBAAiB,CAAC,EAAE,IAAI,WAAW,GAAG,MAAM,MAAM;AACtD,QAAM,qBAAqB,iBAAiB,KAAK;AAEjD,SAAO,4CAAC,aAAW,GAAG,oBAAoB;AAC5C;AAEA,IAAO,yBAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
package/dist/cjs/usePopover.js
DELETED
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var usePopover_exports = {};
|
|
30
|
-
__export(usePopover_exports, {
|
|
31
|
-
default: () => usePopover_default
|
|
32
|
-
});
|
|
33
|
-
module.exports = __toCommonJS(usePopover_exports);
|
|
34
|
-
var React = __toESM(require("react"));
|
|
35
|
-
var import_usePopper = __toESM(require("./usePopper.js"));
|
|
36
|
-
function usePopover({ ...otherProps }) {
|
|
37
|
-
const { reference, popper, arrow, ...popperProps } = (0, import_usePopper.default)(otherProps);
|
|
38
|
-
return {
|
|
39
|
-
triggerProps: { ...reference },
|
|
40
|
-
popoverProps: { ...popper },
|
|
41
|
-
arrowProps: { ...arrow },
|
|
42
|
-
...popperProps
|
|
43
|
-
};
|
|
44
|
-
}
|
|
45
|
-
var usePopover_default = usePopover;
|
|
46
|
-
//# sourceMappingURL=usePopover.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/usePopover.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
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
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAsB;AAEtB,SAAS,WAAW,EAAE,GAAG,WAAW,GAAG;AACrC,QAAM,EAAE,WAAW,QAAQ,OAAO,GAAG,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
|
-
"names": ["usePopper"]
|
|
7
|
-
}
|