@versini/ui-bubble 5.0.6 → 5.0.7
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/components/Bubble/Bubble.js +6 -6
- package/dist/index.d.ts +1 -1
- package/dist/index.js +3 -3
- package/package.json +2 -2
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as n, jsxs as B, Fragment as ae } from "react/jsx-runtime";
|
|
2
|
-
import U, { useRef as N, useLayoutEffect as
|
|
2
|
+
import U, { useRef as N, useLayoutEffect as P, useEffect as M, useState as G, useMemo as W, useCallback as ie } from "react";
|
|
3
3
|
import o from "clsx";
|
|
4
4
|
const R = "av-bubble", q = "av-button", j = "icon", Y = "button", L = "link", oe = ({
|
|
5
5
|
type: e,
|
|
@@ -431,10 +431,10 @@ const z = {
|
|
|
431
431
|
radius: b,
|
|
432
432
|
variant: C,
|
|
433
433
|
animated: v
|
|
434
|
-
}), ee = be({ mode: t, raw: d, iconClassName: T, variant: C }), A = he({ animated: v }), te = "flex items-center justify-center relative w-full h-full overflow-hidden", [h, $] = O(), [f, S] = O(), [E,
|
|
435
|
-
return
|
|
436
|
-
E && E.current && v && (V.current =
|
|
437
|
-
}, [
|
|
434
|
+
}), ee = be({ mode: t, raw: d, iconClassName: T, variant: C }), A = he({ animated: v }), te = "flex items-center justify-center relative w-full h-full overflow-hidden", [h, $] = O(), [f, S] = O(), [E, F] = O(), V = N(0), p = N(null), x = N(null), re = pe([X, p]);
|
|
435
|
+
return P(() => {
|
|
436
|
+
E && E.current && v && (V.current = F.width + xe[c] + (m ? 0 : we), p.current && !p.current.style.width && (p.current.style.width = `${z[c]}px`));
|
|
437
|
+
}, [F, E, c, m, v]), P(() => {
|
|
438
438
|
if (p && p.current && v) {
|
|
439
439
|
let w = z[c];
|
|
440
440
|
u && h && $.width > 0 ? w = $.width + V.current : g && f && S.width > 0 && (w = S.width + V.current), x.current && clearTimeout(x.current), w !== parseInt(p.current.style.width || "0", 10) && (h.current && (h.current.style.opacity = "0"), f.current && (f.current.style.opacity = "0"), p.current.style.width = `${w}px`, w > z[c] && (x.current = setTimeout(() => {
|
|
@@ -510,7 +510,7 @@ H.displayName = "ButtonIcon";
|
|
|
510
510
|
try {
|
|
511
511
|
window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
|
|
512
512
|
version: "7.1.5",
|
|
513
|
-
buildTime: "08/
|
|
513
|
+
buildTime: "08/30/2025 09:38 AM EDT",
|
|
514
514
|
homepage: "https://github.com/aversini/ui-components",
|
|
515
515
|
license: "MIT"
|
|
516
516
|
});
|
package/dist/index.d.ts
CHANGED
|
@@ -95,4 +95,4 @@ type BubbleProps = {
|
|
|
95
95
|
declare const BUBBLE_FOOTER_EMPTY = "FOOTER_EMPTY";
|
|
96
96
|
declare const Bubble: ({ children, kind, className, contentClassName, footer, rawFooter, copyToClipboard, copyToClipboardFocusMode, copyToClipboardMode, noMaxWidth, tail, }: BubbleProps) => react_jsx_runtime.JSX.Element;
|
|
97
97
|
|
|
98
|
-
export { BUBBLE_CLASSNAME, BUBBLE_FOOTER_EMPTY, Bubble };
|
|
98
|
+
export { BUBBLE_CLASSNAME, BUBBLE_FOOTER_EMPTY, Bubble, type BubbleProps };
|
package/dist/index.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { BUBBLE_CLASSNAME as i, BUBBLE_FOOTER_EMPTY as o, Bubble as E } from "./components/Bubble/Bubble.js";
|
|
2
2
|
/*!
|
|
3
|
-
@versini/ui-bubble v5.0.
|
|
3
|
+
@versini/ui-bubble v5.0.7
|
|
4
4
|
© 2025 gizmette.com
|
|
5
5
|
*/
|
|
6
6
|
try {
|
|
7
7
|
window.__VERSINI_UI_BUBBLE__ || (window.__VERSINI_UI_BUBBLE__ = {
|
|
8
|
-
version: "5.0.
|
|
9
|
-
buildTime: "08/
|
|
8
|
+
version: "5.0.7",
|
|
9
|
+
buildTime: "08/30/2025 09:40 AM EDT",
|
|
10
10
|
homepage: "https://github.com/aversini/ui-components",
|
|
11
11
|
license: "MIT"
|
|
12
12
|
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@versini/ui-bubble",
|
|
3
|
-
"version": "5.0.
|
|
3
|
+
"version": "5.0.7",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "Arno Versini",
|
|
6
6
|
"publishConfig": {
|
|
@@ -54,5 +54,5 @@
|
|
|
54
54
|
"sideEffects": [
|
|
55
55
|
"**/*.css"
|
|
56
56
|
],
|
|
57
|
-
"gitHead": "
|
|
57
|
+
"gitHead": "5eb39cc5007a0262326acdcbc7186211e5a5f78d"
|
|
58
58
|
}
|