@viasat/beam-react 2.30.0 → 2.36.0

package/utils/hooks/index.es.js

@@ -1,9 +1,10 @@
-import { useState as u, useEffect as d, useRef as w, useLayoutEffect as l } from "react";
-import { a as f } from "../../chunks/constants.CKKGf1-i.js";
+import { useState as u, useEffect as d, useRef as f, useLayoutEffect as l } from "react";
+import { a as w } from "../../chunks/constants.CKKGf1-i.js";
 import { d as m } from "../../chunks/helpers.CPNYYxrE.js";
 import { C as a } from "../../chunks/CSSLookup.DOOy1rxJ.js";
 import { useId as V } from "./useId.es.js";
-import { useInteractiveProps as M } from "./useInteractiveProps.es.js";
+import { usePrevious as M } from "./usePrevious.es.js";
+import { useInteractiveProps as k } from "./useInteractiveProps.es.js";
 function h(e, t = window.getComputedStyle(e)) {
   return parseInt(t.getPropertyValue("-webkit-line-clamp"), 10) >= 1 && t.getPropertyValue("display") === "-webkit-box" && t.getPropertyValue("overflow") === "hidden";
 }
@@ -25,8 +26,8 @@ const y = (e) => {
   t.style.position = "absolute", t.style.whiteSpace = "nowrap", t.style.width = "auto", t.style.height = "auto", t.style.visibility = "hidden", document.body.appendChild(t);
   const n = t.offsetWidth > e.offsetWidth;
   return document.body.removeChild(t), n;
-}, p = (e, t = f, n = []) => {
-  const r = w(null);
+}, p = (e, t = w, n = []) => {
+  const r = f(null);
   return l(() => {
     const { current: i } = r;
     if (!i) return;
@@ -43,12 +44,12 @@ const y = (e) => {
     r.current && t(b(r.current));
   }, { ref: r } = p(n);
   return { ref: r, isOverFlowing: e };
-}, E = (e) => {
+}, P = (e) => {
   const [t, n] = u(!1), r = () => {
     i.current && n(y(i.current));
   }, { ref: i } = p(r, 200);
   return { ref: i, isTextWrapping: t };
-}, P = (e) => {
+}, E = (e) => {
   const [t, n] = u(
     () => a.findVar(e) ?? ""
   );
@@ -99,12 +100,13 @@ const F = () => {
   }, []), e;
 };
 export {
-  P as useCSSLookup,
+  E as useCSSLookup,
   V as useId,
-  M as useInteractiveProps,
+  k as useInteractiveProps,
   L as useIsOverFlowing,
-  E as useIsTextWrapping,
+  P as useIsTextWrapping,
   F as useMobileDetection,
+  M as usePrevious,
   T as useRTLDirection,
   p as useResizeObserver
 };

package/utils/hooks/useElementResize.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),m=(g,n,o,P=165,k=400,i=0,e="x",W=!1,M)=>{const[$,Y]=r.useState(i),h=r.useRef(0),X=r.useRef(!1),L=r.useRef(i),s=r.useRef(null),p=r.useRef(null),w=r.useRef(M);w.current=M,r.useLayoutEffect(()=>{if(!i||!n.current||!g)return;const t=e==="y"?"blockSize":"inlineSize";n.current.style[t]=`${i}px`},[]);const C=r.useCallback(t=>{if(!n.current)return;const u=k===1/0?e==="y"?window.innerHeight*.9:window.innerWidth*.5:k;if(e==="y"){const c=t.clientY-h.current,f=n.current.offsetHeight-c;f>=P&&f<=u&&(h.current=t.clientY,L.current=f,Y(f),n.current.style.blockSize=`${f}px`)}else{const c=t.clientX-h.current,v=n.current.offsetWidth,y=X.current!==W?v-c:v+c;y>=P&&y<=u&&(h.current=t.clientX,L.current=y,Y(y),n.current.style.inlineSize=`${y}px`)}},[n,P,k,e,W]),d=r.useCallback(t=>{s.current=t,p.current===null&&(p.current=requestAnimationFrame(()=>{p.current=null,s.current&&(C(s.current),s.current=null)}))},[C]),l=r.useCallback(t=>{var u,c;(u=o.current)==null||u.releasePointerCapture(t.pointerId),document.removeEventListener("pointermove",d),document.removeEventListener("pointerup",l),p.current!==null&&(cancelAnimationFrame(p.current),p.current=null),s.current&&(C(s.current),s.current=null),n.current&&(n.current.style.transition=""),(c=w.current)==null||c.call(w,L.current)},[C,d,n,o]),I=r.useCallback(t=>{var u,c,v;t.preventDefault(),n.current&&(X.current=e==="x"?getComputedStyle(n.current).direction==="rtl":!1,n.current.style.transition="none"),(u=o.current)==null||u.setPointerCapture(t.pointerId),h.current=e==="y"?t.clientY:t.clientX,L.current=e==="y"?((c=n.current)==null?void 0:c.offsetHeight)??i:((v=n.current)==null?void 0:v.offsetWidth)??i,document.addEventListener("pointermove",d),document.addEventListener("pointerup",l)},[d,l,n,o,e,i]);return r.useEffect(()=>{if(!g||!o.current)return;const t=o.current;return t.addEventListener("pointerdown",I),()=>{t.removeEventListener("pointerdown",I),document.removeEventListener("pointermove",d),document.removeEventListener("pointerup",l)}},[I,d,l,g,o]),$};exports.useElementResize=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),A=(P,n,o,k=165,L=400,i=0,c="x",W=!1,Y)=>{const[q,X]=r.useState(i),l=r.useRef(0),$=r.useRef(!1),w=r.useRef(i),s=r.useRef(null),d=r.useRef(null),C=r.useRef(Y);C.current=Y,r.useLayoutEffect(()=>{if(!i||!n.current||!P)return;const t=c==="y"?"blockSize":"inlineSize";n.current.style[t]=`${i}px`},[]);const g=r.useCallback(t=>{if(!n.current)return;const e=typeof L=="function"?L():L,u=e===1/0?c==="y"?window.innerHeight*.9:window.innerWidth*.5:e;if(c==="y"){const p=t.clientY-l.current,v=n.current.offsetHeight-p;v>=k&&v<=u&&(l.current=t.clientY,w.current=v,X(v),n.current.style.blockSize=`${v}px`)}else{const p=t.clientX-l.current,M=n.current.offsetWidth,h=$.current!==W?M-p:M+p;h>=k&&h<=u&&(l.current=t.clientX,w.current=h,X(h),n.current.style.inlineSize=`${h}px`)}},[n,k,L,c,W]),f=r.useCallback(t=>{s.current=t,d.current===null&&(d.current=requestAnimationFrame(()=>{d.current=null,s.current&&(g(s.current),s.current=null)}))},[g]),y=r.useCallback(t=>{var e,u;(e=o.current)==null||e.releasePointerCapture(t.pointerId),document.removeEventListener("pointermove",f),document.removeEventListener("pointerup",y),d.current!==null&&(cancelAnimationFrame(d.current),d.current=null),s.current&&(g(s.current),s.current=null),n.current&&(n.current.style.transition=""),(u=C.current)==null||u.call(C,w.current)},[g,f,n,o]),I=r.useCallback(t=>{var e,u,p;t.preventDefault(),n.current&&($.current=c==="x"?getComputedStyle(n.current).direction==="rtl":!1,n.current.style.transition="none"),(e=o.current)==null||e.setPointerCapture(t.pointerId),l.current=c==="y"?t.clientY:t.clientX,w.current=c==="y"?((u=n.current)==null?void 0:u.offsetHeight)??i:((p=n.current)==null?void 0:p.offsetWidth)??i,document.addEventListener("pointermove",f),document.addEventListener("pointerup",y)},[f,y,n,o,c,i]);return r.useEffect(()=>{if(!P||!o.current)return;const t=o.current;return t.addEventListener("pointerdown",I),()=>{t.removeEventListener("pointerdown",I),document.removeEventListener("pointermove",f),document.removeEventListener("pointerup",y)}},[I,f,y,P,o]),q};exports.useElementResize=A;

package/utils/hooks/useElementResize.d.ts

@@ -1 +1 @@
-export declare const useElementResize: (resizeEnabled: boolean, resizableElementRef: React.RefObject<HTMLElement>, resizeHandlerRef: React.RefObject<HTMLElement>, minSize?: number, maxSize?: number, defaultSize?: number, axis?: "x" | "y", invertX?: boolean, onDragEnd?: (size: number) => void) => number;
+export declare const useElementResize: (resizeEnabled: boolean, resizableElementRef: React.RefObject<HTMLElement>, resizeHandlerRef: React.RefObject<HTMLElement>, minSize?: number, maxSize?: number | (() => number), defaultSize?: number, axis?: "x" | "y", invertX?: boolean, onDragEnd?: (size: number) => void) => number;

package/utils/hooks/useElementResize.es.js

@@ -1,52 +1,52 @@
-import { useState as A, useRef as v, useLayoutEffect as F, useCallback as C, useEffect as q } from "react";
-const U = (I, n, o, P = 165, W = 400, e = 0, c = "x", k = !1, M) => {
-  const [m, X] = A(e), y = v(0), $ = v(!1), w = v(e), i = v(null), s = v(null), g = v(M);
-  g.current = M, F(() => {
-    if (!e || !n.current || !I) return;
-    const t = c === "y" ? "blockSize" : "inlineSize";
+import { useState as m, useRef as h, useLayoutEffect as q, useCallback as I, useEffect as T } from "react";
+const j = (P, n, u, W = 165, w = 400, e = 0, r = "x", k = !1, X) => {
+  const [F, $] = m(e), y = h(0), A = h(!1), l = h(e), i = h(null), p = h(null), g = h(X);
+  g.current = X, q(() => {
+    if (!e || !n.current || !P) return;
+    const t = r === "y" ? "blockSize" : "inlineSize";
     n.current.style[t] = `${e}px`;
   }, []);
-  const l = C(
+  const C = I(
     (t) => {
       if (!n.current) return;
-      const u = W === 1 / 0 ? c === "y" ? window.innerHeight * 0.9 : window.innerWidth * 0.5 : W;
-      if (c === "y") {
-        const r = t.clientY - y.current, h = n.current.offsetHeight - r;
-        h >= P && h <= u && (y.current = t.clientY, w.current = h, X(h), n.current.style.blockSize = `${h}px`);
+      const c = typeof w == "function" ? w() : w, o = c === 1 / 0 ? r === "y" ? window.innerHeight * 0.9 : window.innerWidth * 0.5 : c;
+      if (r === "y") {
+        const s = t.clientY - y.current, v = n.current.offsetHeight - s;
+        v >= W && v <= o && (y.current = t.clientY, l.current = v, $(v), n.current.style.blockSize = `${v}px`);
       } else {
-        const r = t.clientX - y.current, d = n.current.offsetWidth, L = $.current !== k ? d - r : d + r;
-        L >= P && L <= u && (y.current = t.clientX, w.current = L, X(L), n.current.style.inlineSize = `${L}px`);
+        const s = t.clientX - y.current, Y = n.current.offsetWidth, L = A.current !== k ? Y - s : Y + s;
+        L >= W && L <= o && (y.current = t.clientX, l.current = L, $(L), n.current.style.inlineSize = `${L}px`);
       }
     },
-    [n, P, W, c, k]
-  ), p = C(
+    [n, W, w, r, k]
+  ), d = I(
     (t) => {
-      i.current = t, s.current === null && (s.current = requestAnimationFrame(() => {
-        s.current = null, i.current && (l(i.current), i.current = null);
+      i.current = t, p.current === null && (p.current = requestAnimationFrame(() => {
+        p.current = null, i.current && (C(i.current), i.current = null);
       }));
     },
-    [l]
-  ), f = C(
+    [C]
+  ), f = I(
     (t) => {
-      var u, r;
-      (u = o.current) == null || u.releasePointerCapture(t.pointerId), document.removeEventListener("pointermove", p), document.removeEventListener("pointerup", f), s.current !== null && (cancelAnimationFrame(s.current), s.current = null), i.current && (l(i.current), i.current = null), n.current && (n.current.style.transition = ""), (r = g.current) == null || r.call(g, w.current);
+      var c, o;
+      (c = u.current) == null || c.releasePointerCapture(t.pointerId), document.removeEventListener("pointermove", d), document.removeEventListener("pointerup", f), p.current !== null && (cancelAnimationFrame(p.current), p.current = null), i.current && (C(i.current), i.current = null), n.current && (n.current.style.transition = ""), (o = g.current) == null || o.call(g, l.current);
     },
-    [l, p, n, o]
-  ), Y = C(
+    [C, d, n, u]
+  ), M = I(
     (t) => {
-      var u, r, d;
-      t.preventDefault(), n.current && ($.current = c === "x" ? getComputedStyle(n.current).direction === "rtl" : !1, n.current.style.transition = "none"), (u = o.current) == null || u.setPointerCapture(t.pointerId), y.current = c === "y" ? t.clientY : t.clientX, w.current = c === "y" ? ((r = n.current) == null ? void 0 : r.offsetHeight) ?? e : ((d = n.current) == null ? void 0 : d.offsetWidth) ?? e, document.addEventListener("pointermove", p), document.addEventListener("pointerup", f);
+      var c, o, s;
+      t.preventDefault(), n.current && (A.current = r === "x" ? getComputedStyle(n.current).direction === "rtl" : !1, n.current.style.transition = "none"), (c = u.current) == null || c.setPointerCapture(t.pointerId), y.current = r === "y" ? t.clientY : t.clientX, l.current = r === "y" ? ((o = n.current) == null ? void 0 : o.offsetHeight) ?? e : ((s = n.current) == null ? void 0 : s.offsetWidth) ?? e, document.addEventListener("pointermove", d), document.addEventListener("pointerup", f);
     },
-    [p, f, n, o, c, e]
+    [d, f, n, u, r, e]
   );
-  return q(() => {
-    if (!I || !o.current) return;
-    const t = o.current;
-    return t.addEventListener("pointerdown", Y), () => {
-      t.removeEventListener("pointerdown", Y), document.removeEventListener("pointermove", p), document.removeEventListener("pointerup", f);
+  return T(() => {
+    if (!P || !u.current) return;
+    const t = u.current;
+    return t.addEventListener("pointerdown", M), () => {
+      t.removeEventListener("pointerdown", M), document.removeEventListener("pointermove", d), document.removeEventListener("pointerup", f);
     };
-  }, [Y, p, f, I, o]), m;
+  }, [M, d, f, P, u]), F;
 };
 export {
-  U as useElementResize
+  j as useElementResize
 };

package/utils/hooks/usePrevious.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react");function u(e){const r=t.useRef(void 0);return t.useEffect(()=>{r.current=e},[e]),r.current}exports.usePrevious=u;

package/utils/hooks/usePrevious.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Returns the value from the previous render.
+ * Returns `undefined` on the first render.
+ */
+export declare function usePrevious<T>(value: T): T | undefined;

package/utils/hooks/usePrevious.es.js

@@ -0,0 +1,10 @@
+import { useRef as t, useEffect as o } from "react";
+function f(r) {
+  const e = t(void 0);
+  return o(() => {
+    e.current = r;
+  }, [r]), e.current;
+}
+export {
+  f as usePrevious
+};

package/chunks/floatingui.module.BcBFebz0.js

@@ -1,10 +0,0 @@
-import "../assets/floatingui.css";
-const i = {
-  "bm-floatingui": "bm-floatingui",
-  "bm-floatingui__arrow": "bm-floatingui__arrow",
-  "bm-floatingui__overlay": "bm-floatingui__overlay",
-  "bm-floatingui__overlay--transparent": "bm-floatingui__overlay--transparent"
-};
-export {
-  i as f
-};

package/chunks/floatingui.module.D3Aw_aYe.js

@@ -1 +0,0 @@
-var a=require("../assets/floatingui.css");const i={"bm-floatingui":"bm-floatingui","bm-floatingui__arrow":"bm-floatingui__arrow","bm-floatingui__overlay":"bm-floatingui__overlay","bm-floatingui__overlay--transparent":"bm-floatingui__overlay--transparent"};exports.floatinguiStyles=i;

package/chunks/panel.module.CVyUzyCZ.js

@@ -1 +0,0 @@
-var n=require("../assets/panel.css");const e={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-enterprise":"bm-enterprise","bm-consumer":"bm-consumer","bm-panel":"bm-panel","bm-panel--inline":"bm-panel--inline","bm-panel--overlay":"bm-panel--overlay","bm-panel--position-start":"bm-panel--position-start","bm-panel--position-end":"bm-panel--position-end","bm-panel--position-bottom":"bm-panel--position-bottom","bm-panel--size-full":"bm-panel--size-full","bm-panel--position-full":"bm-panel--position-full","bm-panel--floating":"bm-panel--floating","bm-panel--size-sm":"bm-panel--size-sm","bm-panel--size-md":"bm-panel--size-md","bm-panel--size-lg":"bm-panel--size-lg","bm-panel__body":"bm-panel__body","bm-panel--padding-sm":"bm-panel--padding-sm","bm-panel__header":"bm-panel__header","bm-panel__footer":"bm-panel__footer","bm-panel--padding-md":"bm-panel--padding-md","bm-panel__header__row":"bm-panel__header__row","bm-panel__header__content-before":"bm-panel__header__content-before","bm-panel__header__content-after":"bm-panel__header__content-after","bm-panel__header__heading":"bm-panel__header__heading","bm-panel__header__description":"bm-panel__header__description","bm-panel__header__close-button":"bm-panel__header__close-button","bm-panel__footer__actions":"bm-panel__footer__actions","bm-panel__footer__actions--start":"bm-panel__footer__actions--start","bm-panel__footer__actions--end":"bm-panel__footer__actions--end","bm-panel__footer__actions--spaceBetween":"bm-panel__footer__actions--spaceBetween","bm-panel__footer__actions--stacked":"bm-panel__footer__actions--stacked","bm-panel__overlay-divider":"bm-panel__overlay-divider","bm-panel__overlay-divider--start":"bm-panel__overlay-divider--start","bm-panel__overlay-divider--end":"bm-panel__overlay-divider--end","bm-panel__overlay-divider--bottom":"bm-panel__overlay-divider--bottom","bm-panel__resize-handle":"bm-panel__resize-handle","bm-panel--resizable":"bm-panel--resizable","bm-panel__inline-wrapper":"bm-panel__inline-wrapper","bm-panel__inline-wrapper--size-sm":"bm-panel__inline-wrapper--size-sm","bm-panel__inline-wrapper--size-md":"bm-panel__inline-wrapper--size-md","bm-panel__inline-wrapper--size-lg":"bm-panel__inline-wrapper--size-lg","bm-panel__inline-wrapper--size-full":"bm-panel__inline-wrapper--size-full","bm-panel__inline-wrapper-content":"bm-panel__inline-wrapper-content"};exports.styles=e;