@versini/ui-panel 1.0.9 → 1.0.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.
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as i, jsxs as D, Fragment as M } from "react/jsx-runtime";
|
|
2
2
|
import y from "clsx";
|
|
3
3
|
import * as c from "react";
|
|
4
|
-
import { useRef as
|
|
5
|
-
import { useFloating as x, useClick as $, useDismiss as S, useRole as O, useInteractions as F, useMergeRefs as
|
|
4
|
+
import { useRef as A, useReducer as N, useEffect as _, useId as w } from "react";
|
|
5
|
+
import { useFloating as x, useClick as $, useDismiss as S, useRole as O, useInteractions as F, useMergeRefs as P, FloatingPortal as k, FloatingOverlay as L, FloatingFocusManager as U } from "@floating-ui/react";
|
|
6
6
|
const I = "SET_ANNOUNCEMENT", R = "CLEAR_ANNOUNCEMENT", V = {
|
|
7
7
|
alert: null,
|
|
8
8
|
alertdialog: null,
|
|
@@ -84,7 +84,7 @@ function W({
|
|
|
84
84
|
visible: s,
|
|
85
85
|
...p
|
|
86
86
|
}) {
|
|
87
|
-
const u =
|
|
87
|
+
const u = A(), d = A(), [m, f] = N(j, {
|
|
88
88
|
announcement: null
|
|
89
89
|
});
|
|
90
90
|
let h = o;
|
|
@@ -132,19 +132,19 @@ function H({
|
|
|
132
132
|
}), g = S(f, {
|
|
133
133
|
outsidePress: !1,
|
|
134
134
|
outsidePressEvent: "mousedown"
|
|
135
|
-
}), T = O(f),
|
|
135
|
+
}), T = O(f), b = F([h, g, T]);
|
|
136
136
|
return c.useMemo(
|
|
137
137
|
() => ({
|
|
138
138
|
open: u,
|
|
139
139
|
setOpen: d,
|
|
140
|
-
...
|
|
140
|
+
...b,
|
|
141
141
|
...m,
|
|
142
142
|
labelId: r,
|
|
143
143
|
descriptionId: s,
|
|
144
144
|
setLabelId: a,
|
|
145
145
|
setDescriptionId: p
|
|
146
146
|
}),
|
|
147
|
-
[u, d,
|
|
147
|
+
[u, d, b, m, r, s]
|
|
148
148
|
);
|
|
149
149
|
}
|
|
150
150
|
const v = () => {
|
|
@@ -161,14 +161,14 @@ function X({
|
|
|
161
161
|
return /* @__PURE__ */ i(E.Provider, { value: o, children: e });
|
|
162
162
|
}
|
|
163
163
|
const Y = c.forwardRef(function(e, n) {
|
|
164
|
-
const { context: o, ...t } = v(), l =
|
|
164
|
+
const { context: o, ...t } = v(), l = P([t.refs.setFloating, n]);
|
|
165
165
|
if (!o.open)
|
|
166
166
|
return null;
|
|
167
167
|
const { overlayBackground: r, ...a } = e, s = y("grid place-items-center", {
|
|
168
168
|
[`${r}`]: r,
|
|
169
169
|
"bg-black sm:bg-black/[.8]": !r
|
|
170
170
|
});
|
|
171
|
-
return /* @__PURE__ */ i(
|
|
171
|
+
return /* @__PURE__ */ i(k, { children: /* @__PURE__ */ i(L, { className: s, lockScroll: !0, children: /* @__PURE__ */ i(U, { context: o, children: /* @__PURE__ */ i(
|
|
172
172
|
"div",
|
|
173
173
|
{
|
|
174
174
|
ref: l,
|
|
@@ -241,7 +241,7 @@ const Y = c.forwardRef(function(e, n) {
|
|
|
241
241
|
try {
|
|
242
242
|
window.__VERSINI_UI_PRIVATE__ || (window.__VERSINI_UI_PRIVATE__ = {
|
|
243
243
|
version: "1.4.17",
|
|
244
|
-
buildTime: "09/
|
|
244
|
+
buildTime: "09/28/2024 06:29 PM EDT",
|
|
245
245
|
homepage: "https://github.com/aversini/ui-components",
|
|
246
246
|
license: "MIT"
|
|
247
247
|
});
|
package/dist/index.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { jsx as l, jsxs as y, Fragment as
|
|
1
|
+
import { jsx as l, jsxs as y, Fragment as V } from "react/jsx-runtime";
|
|
2
2
|
import o from "clsx";
|
|
3
|
-
import E, { lazy as
|
|
3
|
+
import E, { lazy as z, useRef as U, useEffect as j, Suspense as O } from "react";
|
|
4
4
|
/*!
|
|
5
|
-
@versini/ui-panel v1.0.
|
|
5
|
+
@versini/ui-panel v1.0.10
|
|
6
6
|
© 2024 gizmette.com
|
|
7
7
|
*/
|
|
8
8
|
try {
|
|
9
9
|
window.__VERSINI_UI_PANEL__ || (window.__VERSINI_UI_PANEL__ = {
|
|
10
|
-
version: "1.0.
|
|
11
|
-
buildTime: "09/
|
|
10
|
+
version: "1.0.10",
|
|
11
|
+
buildTime: "09/28/2024 06:29 PM EDT",
|
|
12
12
|
homepage: "https://github.com/aversini/ui-components",
|
|
13
13
|
license: "MIT"
|
|
14
14
|
});
|
|
@@ -288,13 +288,13 @@ const $ = E.forwardRef(
|
|
|
288
288
|
);
|
|
289
289
|
$.displayName = "ButtonIcon";
|
|
290
290
|
/*!
|
|
291
|
-
@versini/ui-button v1.1.
|
|
291
|
+
@versini/ui-button v1.1.10
|
|
292
292
|
© 2024 gizmette.com
|
|
293
293
|
*/
|
|
294
294
|
try {
|
|
295
295
|
window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
|
|
296
|
-
version: "1.1.
|
|
297
|
-
buildTime: "09/
|
|
296
|
+
version: "1.1.10",
|
|
297
|
+
buildTime: "09/28/2024 06:29 PM EDT",
|
|
298
298
|
homepage: "https://github.com/aversini/ui-components",
|
|
299
299
|
license: "MIT"
|
|
300
300
|
});
|
|
@@ -337,12 +337,12 @@ const Q = E.forwardRef(
|
|
|
337
337
|
spacing: f,
|
|
338
338
|
noBackground: v,
|
|
339
339
|
align: _
|
|
340
|
-
}),
|
|
340
|
+
}), P = o({
|
|
341
341
|
"text-copy-accent-dark": r === "light" && !i,
|
|
342
342
|
"text-copy-light": r === "dark" && !i,
|
|
343
343
|
"text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !i,
|
|
344
344
|
"text-copy-light dark:text-copy-accent-dark": r === "system" && !i
|
|
345
|
-
}),
|
|
345
|
+
}), A = w ? o(
|
|
346
346
|
"relative",
|
|
347
347
|
"focus-within:static",
|
|
348
348
|
"focus-within:after:border-transparent",
|
|
@@ -359,7 +359,7 @@ const Q = E.forwardRef(
|
|
|
359
359
|
"after:border-table-light dark:after:border-table-dark": r === "alt-system"
|
|
360
360
|
}
|
|
361
361
|
) : "";
|
|
362
|
-
return /* @__PURE__ */ l("div", { className:
|
|
362
|
+
return /* @__PURE__ */ l("div", { className: A, children: /* @__PURE__ */ y(
|
|
363
363
|
M,
|
|
364
364
|
{
|
|
365
365
|
ref: I,
|
|
@@ -370,7 +370,7 @@ const Q = E.forwardRef(
|
|
|
370
370
|
...N,
|
|
371
371
|
children: [
|
|
372
372
|
c && /* @__PURE__ */ l("span", { className: "pr-2", children: c }),
|
|
373
|
-
/* @__PURE__ */ l("div", { className:
|
|
373
|
+
/* @__PURE__ */ l("div", { className: P, children: e }),
|
|
374
374
|
m && /* @__PURE__ */ l("span", { className: "pl-2", children: m })
|
|
375
375
|
]
|
|
376
376
|
}
|
|
@@ -403,7 +403,7 @@ const Z = (e) => {
|
|
|
403
403
|
u,
|
|
404
404
|
a || d
|
|
405
405
|
);
|
|
406
|
-
return /* @__PURE__ */ y(
|
|
406
|
+
return /* @__PURE__ */ y(V, { children: [
|
|
407
407
|
/* @__PURE__ */ l(
|
|
408
408
|
"svg",
|
|
409
409
|
{
|
|
@@ -428,7 +428,7 @@ const Z = (e) => {
|
|
|
428
428
|
try {
|
|
429
429
|
window.__VERSINI_UI_PRIVATE__ || (window.__VERSINI_UI_PRIVATE__ = {
|
|
430
430
|
version: "1.4.17",
|
|
431
|
-
buildTime: "09/
|
|
431
|
+
buildTime: "09/28/2024 06:29 PM EDT",
|
|
432
432
|
homepage: "https://github.com/aversini/ui-components",
|
|
433
433
|
license: "MIT"
|
|
434
434
|
});
|
|
@@ -461,7 +461,7 @@ const re = ({
|
|
|
461
461
|
try {
|
|
462
462
|
window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
|
|
463
463
|
version: "1.13.1",
|
|
464
|
-
buildTime: "09/
|
|
464
|
+
buildTime: "09/28/2024 06:29 PM EDT",
|
|
465
465
|
homepage: "https://github.com/aversini/ui-components",
|
|
466
466
|
license: "MIT"
|
|
467
467
|
});
|
|
@@ -487,8 +487,8 @@ const p = "panel", x = "messagebox", te = ({
|
|
|
487
487
|
footer: "flex flex-grow flex-col sm:p-4 p-2",
|
|
488
488
|
header: "sm:p-4 mb-0 p-2",
|
|
489
489
|
close: "sm:p-4 p-2"
|
|
490
|
-
}), k = (e) =>
|
|
491
|
-
() => import("./chunks/index.
|
|
490
|
+
}), k = (e) => z(
|
|
491
|
+
() => import("./chunks/index.BV7w1tBT.js").then((t) => ({
|
|
492
492
|
default: t[e]
|
|
493
493
|
}))
|
|
494
494
|
), ae = k("Modal"), oe = k("ModalClose"), ie = k("ModalContent"), le = k("ModalDescription"), de = k("ModalHeading"), ge = ({
|
|
@@ -501,7 +501,7 @@ const p = "panel", x = "messagebox", te = ({
|
|
|
501
501
|
kind: g = p,
|
|
502
502
|
className: i
|
|
503
503
|
}) => {
|
|
504
|
-
const h =
|
|
504
|
+
const h = U(""), s = te({ className: i, kind: g, borderMode: d });
|
|
505
505
|
return j(() => (e && (h.current = document.title, document.title = `${r} | ${h.current}`), () => {
|
|
506
506
|
e && (document.title = h.current);
|
|
507
507
|
}), [r, e]), /* @__PURE__ */ l(O, { fallback: /* @__PURE__ */ l("div", {}), children: e && /* @__PURE__ */ l(ae, { open: e, onOpenChange: t, children: /* @__PURE__ */ y(ie, { className: s.main, children: [
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@versini/ui-panel",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.10",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "Arno Versini",
|
|
6
6
|
"publishConfig": {
|
|
@@ -37,12 +37,9 @@
|
|
|
37
37
|
"react": "^18.3.1",
|
|
38
38
|
"react-dom": "^18.3.1"
|
|
39
39
|
},
|
|
40
|
-
"devDependencies": {
|
|
41
|
-
"@versini/ui-styles": "1.10.2"
|
|
42
|
-
},
|
|
43
40
|
"dependencies": {
|
|
44
41
|
"@tailwindcss/typography": "0.5.15",
|
|
45
|
-
"@versini/ui-button": "1.1.
|
|
42
|
+
"@versini/ui-button": "1.1.10",
|
|
46
43
|
"@versini/ui-icons": "1.13.1",
|
|
47
44
|
"@versini/ui-private": "1.4.17",
|
|
48
45
|
"clsx": "2.1.1",
|
|
@@ -51,5 +48,5 @@
|
|
|
51
48
|
"sideEffects": [
|
|
52
49
|
"**/*.css"
|
|
53
50
|
],
|
|
54
|
-
"gitHead": "
|
|
51
|
+
"gitHead": "b417963dbfdb84030181bf0aba5b25bba66b21c1"
|
|
55
52
|
}
|