@pablo-v/popover 1.0.0 → 1.0.1
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/Popover.d.ts.map +1 -1
- package/dist/Popover.js +3 -2
- package/dist/Popover.js.map +1 -1
- package/dist/popover.css +6 -0
- package/package.json +4 -4
package/dist/Popover.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../src/Popover.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,KAAK,EAGV,KAAK,IAAI,
|
|
1
|
+
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../src/Popover.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,KAAK,EAGV,KAAK,IAAI,EAMV,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,KAAK,qBAAqB,EAAE,KAAK,YAAY,EAAiB,MAAM,OAAO,CAAC;AAErF,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IAC/E,iDAAiD;IACjD,OAAO,EAAE,YAAY,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,wBAAwB;IACxB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,wBAAwB;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;GAGG;AACH,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,IAAI,EAAE,QAAQ,EACd,WAAmB,EACnB,YAAY,EACZ,IAAe,EACf,KAAgB,EAChB,KAAK,EACL,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,YAAY,+BAgDd"}
|
package/dist/Popover.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { cloneTrigger, cx, useControllableState, useDismiss, useFloating, useIsomorphicLayoutEffect, } from '@pablo-v/core';
|
|
3
|
+
import { cloneTrigger, cx, useControllableState, useDismiss, useFloating, useIsomorphicLayoutEffect, usePresence, } from '@pablo-v/core';
|
|
4
4
|
import { useId, useRef } from 'react';
|
|
5
5
|
/**
|
|
6
6
|
* Non-modal panel anchored to its trigger. It renders right after the trigger
|
|
@@ -25,12 +25,13 @@ export function Popover({ trigger, open: openProp, defaultOpen = false, onOpenCh
|
|
|
25
25
|
if (open)
|
|
26
26
|
floatingRef.current?.focus({ preventScroll: true });
|
|
27
27
|
}, [open]);
|
|
28
|
+
const mounted = usePresence(open, floatingRef);
|
|
28
29
|
return (_jsxs(_Fragment, { children: [cloneTrigger(trigger, {
|
|
29
30
|
ref: anchorRef,
|
|
30
31
|
onClick: () => setOpen(!open),
|
|
31
32
|
'aria-expanded': open,
|
|
32
33
|
'aria-controls': open ? id : undefined,
|
|
33
34
|
'aria-haspopup': 'dialog',
|
|
34
|
-
}),
|
|
35
|
+
}), mounted && (_jsx("div", { ref: floatingRef, id: id, role: "dialog", "aria-label": label, tabIndex: -1, popover: "manual", "data-closing": !open || undefined, inert: !open || undefined, className: cx('pxl-popover', className), ...rest, children: children }))] }));
|
|
35
36
|
}
|
|
36
37
|
//# sourceMappingURL=Popover.js.map
|
package/dist/Popover.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../src/Popover.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAEL,YAAY,EACZ,EAAE,EAEF,oBAAoB,EACpB,UAAU,EACV,WAAW,EACX,yBAAyB,
|
|
1
|
+
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../src/Popover.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAEL,YAAY,EACZ,EAAE,EAEF,oBAAoB,EACpB,UAAU,EACV,WAAW,EACX,yBAAyB,EACzB,WAAW,GACZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAiD,KAAK,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAgBrF;;;GAGG;AACH,MAAM,UAAU,OAAO,CAAC,EACtB,OAAO,EACP,IAAI,EAAE,QAAQ,EACd,WAAW,GAAG,KAAK,EACnB,YAAY,EACZ,IAAI,GAAG,QAAQ,EACf,KAAK,GAAG,QAAQ,EAChB,KAAK,EACL,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACM;IACb,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,oBAAoB,CAAC;QAC3C,KAAK,EAAE,QAAQ;QACf,YAAY,EAAE,WAAW;QACzB,QAAQ,EAAE,YAAY;KACvB,CAAC,CAAC;IACH,MAAM,SAAS,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAC5C,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACjD,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IAEnB,WAAW,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;IAC3D,UAAU,CAAC,IAAI,EAAE,GAAG,EAAE;QACpB,OAAO,CAAC,KAAK,CAAC,CAAC;QACf,IAAI,WAAW,CAAC,OAAO,EAAE,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC;YAAE,SAAS,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;IACxF,CAAC,EAAE,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC;IAC7B,yBAAyB,CAAC,GAAG,EAAE;QAC7B,IAAI,IAAI;YAAE,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;IAChE,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,OAAO,GAAG,WAAW,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;IAE/C,OAAO,CACL,8BACG,YAAY,CAAC,OAAO,EAAE;gBACrB,GAAG,EAAE,SAAS;gBACd,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC;gBAC7B,eAAe,EAAE,IAAI;gBACrB,eAAe,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;gBACtC,eAAe,EAAE,QAAQ;aAC1B,CAAC,EACD,OAAO,IAAI,CACV,cACE,GAAG,EAAE,WAAW,EAChB,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,QAAQ,gBACD,KAAK,EACjB,QAAQ,EAAE,CAAC,CAAC,EACZ,OAAO,EAAC,QAAQ,kBACF,CAAC,IAAI,IAAI,SAAS,EAChC,KAAK,EAAE,CAAC,IAAI,IAAI,SAAS,EACzB,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,KACnC,IAAI,YAEP,QAAQ,GACL,CACP,IACA,CACJ,CAAC;AACJ,CAAC"}
|
package/dist/popover.css
CHANGED
|
@@ -14,9 +14,15 @@
|
|
|
14
14
|
font-family: var(--pxl-font-sans);
|
|
15
15
|
font-size: var(--pxl-text-sm);
|
|
16
16
|
line-height: 1.5;
|
|
17
|
+
transform-origin: var(--pxl-origin, center);
|
|
17
18
|
animation: pxl-float-in var(--pxl-dur-fast) var(--pxl-ease-out);
|
|
18
19
|
}
|
|
19
20
|
|
|
21
|
+
.pxl-popover[data-closing] {
|
|
22
|
+
pointer-events: none;
|
|
23
|
+
animation: pxl-float-out var(--pxl-dur-fast) var(--pxl-ease-out) forwards;
|
|
24
|
+
}
|
|
25
|
+
|
|
20
26
|
.pxl-popover:focus {
|
|
21
27
|
outline: none;
|
|
22
28
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pablo-v/popover",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.1",
|
|
4
4
|
"description": "Non-modal panel anchored to a trigger",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
@@ -28,17 +28,17 @@
|
|
|
28
28
|
"dist"
|
|
29
29
|
],
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@pablo-v/core": "^0.2.
|
|
31
|
+
"@pablo-v/core": "^0.2.1"
|
|
32
32
|
},
|
|
33
33
|
"peerDependencies": {
|
|
34
34
|
"react": "^19.0.0",
|
|
35
|
-
"@pablo-v/tokens": "^0.2.
|
|
35
|
+
"@pablo-v/tokens": "^0.2.4"
|
|
36
36
|
},
|
|
37
37
|
"publishConfig": {
|
|
38
38
|
"access": "public"
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
41
|
-
"@pablo-v/button": "^1.0.
|
|
41
|
+
"@pablo-v/button": "^1.0.2"
|
|
42
42
|
},
|
|
43
43
|
"scripts": {
|
|
44
44
|
"build": "tsc -b && node ../../scripts/copy-assets.mjs",
|