@versini/ui-panel 8.0.7 → 8.0.8
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/index.js +19 -19
- package/package.json +3 -3
package/dist/index.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
@versini/ui-panel v8.0.
|
|
2
|
+
@versini/ui-panel v8.0.8
|
|
3
3
|
© 2025 gizmette.com
|
|
4
4
|
*/
|
|
5
5
|
try {
|
|
6
6
|
if (!window.__VERSINI_UI_PANEL__) {
|
|
7
7
|
window.__VERSINI_UI_PANEL__ = {
|
|
8
|
-
version: "8.0.
|
|
9
|
-
buildTime: "12/
|
|
8
|
+
version: "8.0.8",
|
|
9
|
+
buildTime: "12/24/2025 09:19 AM EST",
|
|
10
10
|
homepage: "https://www.npmjs.com/package/@versini/ui-panel",
|
|
11
11
|
license: "MIT",
|
|
12
12
|
};
|
|
@@ -42,13 +42,13 @@ const NONE = "none";
|
|
|
42
42
|
|
|
43
43
|
;// CONCATENATED MODULE: ../ui-modal/dist/index.js
|
|
44
44
|
/*!
|
|
45
|
-
@versini/ui-modal v3.2.
|
|
45
|
+
@versini/ui-modal v3.2.2
|
|
46
46
|
© 2025 gizmette.com
|
|
47
47
|
*/ try {
|
|
48
48
|
if (!window.__VERSINI_UI_MODAL__) {
|
|
49
49
|
window.__VERSINI_UI_MODAL__ = {
|
|
50
|
-
version: "3.2.
|
|
51
|
-
buildTime: "12/
|
|
50
|
+
version: "3.2.2",
|
|
51
|
+
buildTime: "12/24/2025 09:19 AM EST",
|
|
52
52
|
homepage: "https://github.com/aversini/ui-components",
|
|
53
53
|
license: "MIT"
|
|
54
54
|
};
|
|
@@ -65,9 +65,9 @@ function useModal({ initialOpen = false, open: controlledOpen, onOpenChange: set
|
|
|
65
65
|
const [uncontrolledOpen, setUncontrolledOpen] = useState(initialOpen);
|
|
66
66
|
const [labelId, setLabelId] = useState();
|
|
67
67
|
const [descriptionId, setDescriptionId] = useState();
|
|
68
|
-
/* v8 ignore
|
|
68
|
+
/* v8 ignore start */ const open = controlledOpen ?? uncontrolledOpen;
|
|
69
69
|
const setOpen = setControlledOpen ?? setUncontrolledOpen;
|
|
70
|
-
const data = useFloating({
|
|
70
|
+
/* v8 ignore stop */ const data = useFloating({
|
|
71
71
|
open,
|
|
72
72
|
onOpenChange: setOpen
|
|
73
73
|
});
|
|
@@ -107,10 +107,10 @@ function useModal({ initialOpen = false, open: controlledOpen, onOpenChange: set
|
|
|
107
107
|
}
|
|
108
108
|
const useModalContext = ()=>{
|
|
109
109
|
const context = useContext(ModalContext);
|
|
110
|
-
/* v8 ignore
|
|
110
|
+
/* v8 ignore start */ if (context == null) {
|
|
111
111
|
throw new Error("Modal components must be wrapped in <Modal />");
|
|
112
112
|
}
|
|
113
|
-
return context;
|
|
113
|
+
/* v8 ignore stop */ return context;
|
|
114
114
|
};
|
|
115
115
|
function Modal({ children, ...options }) {
|
|
116
116
|
const dialog = useModal(options);
|
|
@@ -125,10 +125,10 @@ const Modal_ModalContent = /*#__PURE__*/ forwardRef(function ModalContent(props,
|
|
|
125
125
|
context.refs.setFloating,
|
|
126
126
|
propRef
|
|
127
127
|
]);
|
|
128
|
-
/* v8 ignore
|
|
128
|
+
/* v8 ignore start */ if (!floatingContext.open) {
|
|
129
129
|
return null;
|
|
130
130
|
}
|
|
131
|
-
const { overlayBackground, ...rest } = props;
|
|
131
|
+
/* v8 ignore stop */ const { overlayBackground, ...rest } = props;
|
|
132
132
|
const overlayClass = clsx("grid place-items-center", {
|
|
133
133
|
[`${overlayBackground}`]: overlayBackground,
|
|
134
134
|
"bg-black sm:bg-black/[.8]": !overlayBackground
|
|
@@ -204,7 +204,7 @@ const Modal_ModalClose = /*#__PURE__*/ forwardRef(function ModalClose(props, ref
|
|
|
204
204
|
})
|
|
205
205
|
});
|
|
206
206
|
});
|
|
207
|
-
/* v8 ignore
|
|
207
|
+
/* v8 ignore start */ /* v8 ignore stop */
|
|
208
208
|
|
|
209
209
|
;// CONCATENATED MODULE: ./src/components/Panel/utilities.ts
|
|
210
210
|
|
|
@@ -290,12 +290,12 @@ const getPanelClassName = ({ className, kind, borderMode, animation, maxWidth =
|
|
|
290
290
|
|
|
291
291
|
const Panel = ({ open, onOpenChange, title, children, footer, borderMode = "light", kind = /* inlined export .TYPE_PANEL */ ("panel"), className, animation = false, animationType = /* inlined export .ANIMATION_SLIDE */ ("slide"), maxWidth = /* inlined export .MEDIUM */ ("medium"), maxHeight, blurEffect = /* inlined export .NONE */ ("none"), initialFocus })=>{
|
|
292
292
|
const originalTitleRef = useRef("");
|
|
293
|
-
/* v8 ignore
|
|
293
|
+
/* v8 ignore start */ const [animationStyles, setAnimationStyles] = useState(!animation ? {} : animationType === /* inlined export .ANIMATION_FADE */ ("fade") ? {
|
|
294
294
|
opacity: 0
|
|
295
295
|
} : {
|
|
296
296
|
transform: "translateY(-100vh)"
|
|
297
297
|
});
|
|
298
|
-
const panelClassName = getPanelClassName({
|
|
298
|
+
/* v8 ignore stop */ const panelClassName = getPanelClassName({
|
|
299
299
|
className,
|
|
300
300
|
kind,
|
|
301
301
|
borderMode,
|
|
@@ -309,7 +309,7 @@ const Panel = ({ open, onOpenChange, title, children, footer, borderMode = "ligh
|
|
|
309
309
|
* If the panel is opened, set the document
|
|
310
310
|
* title to the panel's title. If it's closed,
|
|
311
311
|
* restore the original document.title.
|
|
312
|
-
*/ useEffect(()=>{
|
|
312
|
+
*/ /* v8 ignore start - document title manipulation */ useEffect(()=>{
|
|
313
313
|
if (open) {
|
|
314
314
|
originalTitleRef.current = document.title;
|
|
315
315
|
document.title = `${title} | ${originalTitleRef.current}`;
|
|
@@ -323,9 +323,9 @@ const Panel = ({ open, onOpenChange, title, children, footer, borderMode = "ligh
|
|
|
323
323
|
title,
|
|
324
324
|
open
|
|
325
325
|
]);
|
|
326
|
-
/**
|
|
326
|
+
/* v8 ignore stop */ /**
|
|
327
327
|
* Effect to handle the opening and closing animations.
|
|
328
|
-
*/ /* v8 ignore
|
|
328
|
+
*/ /* v8 ignore start */ useEffect(()=>{
|
|
329
329
|
if (!animation) {
|
|
330
330
|
return;
|
|
331
331
|
}
|
|
@@ -351,7 +351,7 @@ const Panel = ({ open, onOpenChange, title, children, footer, borderMode = "ligh
|
|
|
351
351
|
animation,
|
|
352
352
|
animationType
|
|
353
353
|
]);
|
|
354
|
-
return /*#__PURE__*/ jsx(Fragment, {
|
|
354
|
+
/* v8 ignore stop */ return /*#__PURE__*/ jsx(Fragment, {
|
|
355
355
|
children: open && /*#__PURE__*/ jsx(Modal, {
|
|
356
356
|
open: open,
|
|
357
357
|
onOpenChange: onOpenChange,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@versini/ui-panel",
|
|
3
|
-
"version": "8.0.
|
|
3
|
+
"version": "8.0.8",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "Arno Versini",
|
|
6
6
|
"publishConfig": {
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
},
|
|
44
44
|
"devDependencies": {
|
|
45
45
|
"@testing-library/jest-dom": "6.9.1",
|
|
46
|
-
"@versini/ui-modal": "3.2.
|
|
46
|
+
"@versini/ui-modal": "3.2.2"
|
|
47
47
|
},
|
|
48
48
|
"dependencies": {
|
|
49
49
|
"@tailwindcss/typography": "0.5.19",
|
|
@@ -53,5 +53,5 @@
|
|
|
53
53
|
"sideEffects": [
|
|
54
54
|
"**/*.css"
|
|
55
55
|
],
|
|
56
|
-
"gitHead": "
|
|
56
|
+
"gitHead": "7b2640a0650a4c3aa6ca078888f765cb400f9f13"
|
|
57
57
|
}
|