@versini/ui-bubble 3.4.0 → 3.4.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/index.js +46 -46
- package/package.json +5 -5
package/dist/index.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { jsx as s, jsxs as x, Fragment as Y } from "react/jsx-runtime";
|
|
2
|
-
import V, { useRef as B, useLayoutEffect as
|
|
2
|
+
import V, { useRef as B, useLayoutEffect as $, useMemo as P, useState as q, useEffect as L, useCallback as ee } from "react";
|
|
3
3
|
import o from "clsx";
|
|
4
4
|
/*!
|
|
5
|
-
@versini/ui-bubble v3.4.
|
|
5
|
+
@versini/ui-bubble v3.4.1
|
|
6
6
|
© 2025 gizmette.com
|
|
7
7
|
*/
|
|
8
8
|
try {
|
|
9
9
|
window.__VERSINI_UI_BUBBLE__ || (window.__VERSINI_UI_BUBBLE__ = {
|
|
10
|
-
version: "3.4.
|
|
11
|
-
buildTime: "03/
|
|
10
|
+
version: "3.4.1",
|
|
11
|
+
buildTime: "03/10/2025 02:05 PM EDT",
|
|
12
12
|
homepage: "https://github.com/aversini/ui-components",
|
|
13
13
|
license: "MIT"
|
|
14
14
|
});
|
|
@@ -310,7 +310,7 @@ const I = "av-bubble", A = "av-button", C = "icon", F = "button", M = "link", re
|
|
|
310
310
|
)), ge = (e, t, r) => {
|
|
311
311
|
var a;
|
|
312
312
|
!t && (!document.activeElement || document.activeElement !== e.currentTarget) && typeof ((a = e == null ? void 0 : e.currentTarget) == null ? void 0 : a.focus) == "function" && e.currentTarget.focus(), typeof r == "function" && r(e);
|
|
313
|
-
},
|
|
313
|
+
}, D = V.forwardRef((e, t) => {
|
|
314
314
|
const { onClick: r, noInternalClick: a = !1, ...l } = e;
|
|
315
315
|
return /* @__PURE__ */ s(
|
|
316
316
|
"button",
|
|
@@ -323,7 +323,7 @@ const I = "av-bubble", A = "av-button", C = "icon", F = "button", M = "link", re
|
|
|
323
323
|
}
|
|
324
324
|
);
|
|
325
325
|
});
|
|
326
|
-
|
|
326
|
+
D.displayName = "BaseButton";
|
|
327
327
|
function me() {
|
|
328
328
|
const e = B(!1);
|
|
329
329
|
return L(() => (e.current = !0, () => {
|
|
@@ -393,10 +393,10 @@ const ve = {
|
|
|
393
393
|
align: _ = "center",
|
|
394
394
|
radius: g = "large",
|
|
395
395
|
variant: T = "primary",
|
|
396
|
-
iconClassName:
|
|
396
|
+
iconClassName: W,
|
|
397
397
|
animated: p = !1,
|
|
398
|
-
...
|
|
399
|
-
},
|
|
398
|
+
...X
|
|
399
|
+
}, Z) => {
|
|
400
400
|
const J = ue({
|
|
401
401
|
type: C,
|
|
402
402
|
mode: r,
|
|
@@ -414,10 +414,10 @@ const ve = {
|
|
|
414
414
|
radius: g,
|
|
415
415
|
variant: T,
|
|
416
416
|
animated: p
|
|
417
|
-
}), K = de({ mode: r, raw: c, iconClassName:
|
|
418
|
-
return
|
|
419
|
-
N && N.current && p && (R.current =
|
|
420
|
-
}, [
|
|
417
|
+
}), K = de({ mode: r, raw: c, iconClassName: W }), O = be({ animated: p }), [f, z] = S(), [y, E] = S(), [N, j] = S(), R = B(0), k = B(null), Q = he([Z, k]);
|
|
418
|
+
return $(() => {
|
|
419
|
+
N && N.current && p && (R.current = j.width + pe[u] + (d ? 0 : ye));
|
|
420
|
+
}, [j, N, u, d, p]), $(() => {
|
|
421
421
|
k && k.current && p && (b && f && z.width > 0 ? (f.current && (f.current.style.opacity = "100"), k.current.style.width = `${z.width + R.current}px`) : m && E.width > 0 ? (y.current && (y.current.style.opacity = "100"), k.current.style.width = `${E.width + R.current}px`) : (f.current && (f.current.style.opacity = "0"), y.current && (y.current.style.opacity = "0"), k.current.style.width = `${ve[u]}px`));
|
|
422
422
|
}, [
|
|
423
423
|
z,
|
|
@@ -429,21 +429,21 @@ const ve = {
|
|
|
429
429
|
u,
|
|
430
430
|
p
|
|
431
431
|
]), /* @__PURE__ */ x(
|
|
432
|
-
|
|
432
|
+
D,
|
|
433
433
|
{
|
|
434
434
|
ref: Q,
|
|
435
435
|
className: J,
|
|
436
436
|
disabled: t,
|
|
437
437
|
type: n,
|
|
438
438
|
"aria-label": h || v,
|
|
439
|
-
...
|
|
439
|
+
...X,
|
|
440
440
|
children: [
|
|
441
441
|
/* @__PURE__ */ s(
|
|
442
442
|
H,
|
|
443
443
|
{
|
|
444
444
|
label: m,
|
|
445
445
|
labelRef: y,
|
|
446
|
-
labelClass:
|
|
446
|
+
labelClass: O,
|
|
447
447
|
labelInnerClass: "pr-2"
|
|
448
448
|
}
|
|
449
449
|
),
|
|
@@ -453,7 +453,7 @@ const ve = {
|
|
|
453
453
|
{
|
|
454
454
|
label: b,
|
|
455
455
|
labelRef: f,
|
|
456
|
-
labelClass:
|
|
456
|
+
labelClass: O,
|
|
457
457
|
labelInnerClass: "pl-2"
|
|
458
458
|
}
|
|
459
459
|
)
|
|
@@ -469,13 +469,13 @@ const ve = {
|
|
|
469
469
|
}) => /* @__PURE__ */ s("span", { ref: e, className: t, children: r && /* @__PURE__ */ s("span", { className: a, children: r }) });
|
|
470
470
|
U.displayName = "ButtonIcon";
|
|
471
471
|
/*!
|
|
472
|
-
@versini/ui-button v4.2.
|
|
472
|
+
@versini/ui-button v4.2.11
|
|
473
473
|
© 2025 gizmette.com
|
|
474
474
|
*/
|
|
475
475
|
try {
|
|
476
476
|
window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
|
|
477
|
-
version: "4.2.
|
|
478
|
-
buildTime: "03/
|
|
477
|
+
version: "4.2.11",
|
|
478
|
+
buildTime: "03/10/2025 02:04 PM EDT",
|
|
479
479
|
homepage: "https://github.com/aversini/ui-components",
|
|
480
480
|
license: "MIT"
|
|
481
481
|
});
|
|
@@ -520,7 +520,7 @@ const ke = V.forwardRef(
|
|
|
520
520
|
}
|
|
521
521
|
);
|
|
522
522
|
ke.displayName = "ButtonSort";
|
|
523
|
-
const
|
|
523
|
+
const G = ({
|
|
524
524
|
children: e,
|
|
525
525
|
fill: t,
|
|
526
526
|
viewBox: r,
|
|
@@ -532,32 +532,32 @@ const W = ({
|
|
|
532
532
|
...d
|
|
533
533
|
}) => {
|
|
534
534
|
const h = o(i, a);
|
|
535
|
-
return /* @__PURE__ */
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
|
|
545
|
-
|
|
546
|
-
|
|
547
|
-
children:
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
|
|
535
|
+
return /* @__PURE__ */ s(Y, { children: /* @__PURE__ */ x(
|
|
536
|
+
"svg",
|
|
537
|
+
{
|
|
538
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
539
|
+
className: h,
|
|
540
|
+
viewBox: r || l,
|
|
541
|
+
fill: t || "currentColor",
|
|
542
|
+
role: "img",
|
|
543
|
+
"aria-hidden": !c,
|
|
544
|
+
focusable: !1,
|
|
545
|
+
...d,
|
|
546
|
+
children: [
|
|
547
|
+
n && c && /* @__PURE__ */ s("title", { children: n }),
|
|
548
|
+
e
|
|
549
|
+
]
|
|
550
|
+
}
|
|
551
|
+
) });
|
|
552
552
|
};
|
|
553
553
|
/*!
|
|
554
|
-
@versini/ui-svgicon v4.
|
|
554
|
+
@versini/ui-svgicon v4.1.1
|
|
555
555
|
© 2025 gizmette.com
|
|
556
556
|
*/
|
|
557
557
|
try {
|
|
558
558
|
window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
|
|
559
|
-
version: "4.
|
|
560
|
-
buildTime: "
|
|
559
|
+
version: "4.1.1",
|
|
560
|
+
buildTime: "02/27/2025 03:46 PM EST",
|
|
561
561
|
homepage: "https://github.com/aversini/ui-components",
|
|
562
562
|
license: "MIT"
|
|
563
563
|
});
|
|
@@ -570,7 +570,7 @@ const xe = ({
|
|
|
570
570
|
monotone: a,
|
|
571
571
|
...l
|
|
572
572
|
}) => /* @__PURE__ */ x(
|
|
573
|
-
|
|
573
|
+
G,
|
|
574
574
|
{
|
|
575
575
|
defaultViewBox: "0 0 448 512",
|
|
576
576
|
size: "size-5",
|
|
@@ -596,7 +596,7 @@ const xe = ({
|
|
|
596
596
|
monotone: a,
|
|
597
597
|
...l
|
|
598
598
|
}) => /* @__PURE__ */ s(
|
|
599
|
-
|
|
599
|
+
G,
|
|
600
600
|
{
|
|
601
601
|
defaultViewBox: "0 0 512 512",
|
|
602
602
|
size: "size-5",
|
|
@@ -608,13 +608,13 @@ const xe = ({
|
|
|
608
608
|
}
|
|
609
609
|
);
|
|
610
610
|
/*!
|
|
611
|
-
@versini/ui-icons v4.
|
|
611
|
+
@versini/ui-icons v4.8.1
|
|
612
612
|
© 2025 gizmette.com
|
|
613
613
|
*/
|
|
614
614
|
try {
|
|
615
615
|
window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
|
|
616
|
-
version: "4.
|
|
617
|
-
buildTime: "
|
|
616
|
+
version: "4.8.1",
|
|
617
|
+
buildTime: "02/27/2025 03:46 PM EST",
|
|
618
618
|
homepage: "https://github.com/aversini/ui-components",
|
|
619
619
|
license: "MIT"
|
|
620
620
|
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@versini/ui-bubble",
|
|
3
|
-
"version": "3.4.
|
|
3
|
+
"version": "3.4.1",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "Arno Versini",
|
|
6
6
|
"publishConfig": {
|
|
@@ -39,17 +39,17 @@
|
|
|
39
39
|
"react-dom": "^18.3.1 || ^19.0.0"
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
42
|
-
"@versini/ui-types": "4.5.
|
|
42
|
+
"@versini/ui-types": "4.5.3"
|
|
43
43
|
},
|
|
44
44
|
"dependencies": {
|
|
45
45
|
"@tailwindcss/typography": "0.5.16",
|
|
46
|
-
"@versini/ui-button": "4.2.
|
|
47
|
-
"@versini/ui-icons": "
|
|
46
|
+
"@versini/ui-button": "4.2.11",
|
|
47
|
+
"@versini/ui-icons": "4.8.1",
|
|
48
48
|
"clsx": "2.1.1",
|
|
49
49
|
"tailwindcss": "3.4.17"
|
|
50
50
|
},
|
|
51
51
|
"sideEffects": [
|
|
52
52
|
"**/*.css"
|
|
53
53
|
],
|
|
54
|
-
"gitHead": "
|
|
54
|
+
"gitHead": "fc7e720b770c5ee2e8537eabf9b2f458dba07696"
|
|
55
55
|
}
|