@viasat/beam-react 2.29.0 → 2.30.0

package/lib/wip/Panel/Panel.es.js

@@ -1,116 +1,124 @@
-import { jsx as E } from "react/jsx-runtime";
-import S from "clsx";
-import { useMemo as z } from "react";
-import { g as V } from "../../../chunks/classNames.BTJmrO_L.js";
+import { jsx as S } from "react/jsx-runtime";
+import z from "clsx";
+import { useMemo as x, useRef as W } from "react";
+import { g as q } from "../../../chunks/classNames.BTJmrO_L.js";
 import "../../../chunks/constants.CKKGf1-i.js";
-import { Header as W } from "./Header/Panel.Header.es.js";
-import { Body as q } from "./Panel.Body.es.js";
-import { Footer as G } from "./Footer/Panel.Footer.es.js";
-import { resolveOffset as U, usePanelClose as J, getPanelDividerState as Q, PANEL_TRANSITION_DURATION_MS as X, getResolvedPanelPosition as Y } from "./Panel.helpers.es.js";
-import { InlinePanel as Z } from "./Panel.Inline.es.js";
-import { OverlayPanel as k } from "./Panel.Overlay.es.js";
+import { Header as G } from "./Header/Panel.Header.es.js";
+import { Body as U } from "./Panel.Body.es.js";
+import { Footer as Q } from "./Footer/Panel.Footer.es.js";
+import { resolveOffset as X, usePanelClose as Y, getPanelDividerState as Z, PANEL_TRANSITION_DURATION_MS as k, getResolvedPanelPosition as ee } from "./Panel.helpers.es.js";
+import { InlinePanel as oe } from "./Panel.Inline.es.js";
+import { OverlayPanel as se } from "./Panel.Overlay.es.js";
 import { s as e } from "../../../chunks/panel.module.BblnuBjO.js";
-const ee = 165, oe = 100, se = (s, m) => {
-  if (!s || m === "full") return;
-  const p = m === "bottom", r = typeof s == "object" ? s : {}, c = r.minSize ?? (p ? oe : ee), n = r.maxSize ?? 1 / 0, f = r.storageKey ?? "";
-  return { minSize: c, maxSize: n, storageKey: f };
-}, { baseClassNamePrefix: o } = V("panel"), d = ({
-  children: s,
+const ne = 165, te = 100, re = (n, m) => {
+  if (!n || m === "full") return;
+  const p = m === "bottom", i = typeof n == "object" ? n : {}, a = i.minSize ?? (p ? te : ne), t = i.maxSize ?? 1 / 0, f = i.storageKey ?? "";
+  return { minSize: a, maxSize: t, storageKey: f };
+}, { baseClassNamePrefix: o } = q("panel"), d = ({
+  children: n,
   className: m,
   padding: p = "md",
-  onOpenChange: r,
-  open: c,
-  size: n = "md",
+  onOpenChange: i,
+  open: a,
+  size: t = "md",
   dismissible: f = !0,
   closeButtonAriaLabel: N = "Close panel",
-  kind: i = "inline",
-  position: g,
-  divider: M = !0,
-  dividerColor: v,
-  isAnimated: P = !0,
-  onBeforeClose: x,
-  modalType: a,
-  offset: O,
-  resizable: D,
+  kind: s = "inline",
+  position: u,
+  divider: D = !0,
+  dividerColor: P,
+  isAnimated: O = !0,
+  onBeforeClose: A,
+  modalType: l,
+  offset: C,
+  resizable: B,
   id: _,
-  ...u
+  ...g
 }) => {
-  const t = Y(g), l = se(D, t), B = !!l;
+  const r = ee(u), c = re(B, r), R = !!c;
   if (process.env.NODE_ENV !== "production") {
-    l && !l.storageKey && console.warn("Panel: provide a `storageKey` in the `resizable` config to persist panel size across sessions."), a === "alert" && f && console.warn('Panel: `dismissible` is ignored when `modalType="alert"`. The close button is always hidden.');
-    const { closeOnOutsidePress: L } = u;
-    L && a !== "nonModal" && a !== void 0 && console.warn('Panel: `closeOnOutsidePress` has no effect when `modalType` is not `"nonModal"`.');
+    c && !c.storageKey && console.warn(
+      "Panel: provide a `storageKey` in the `resizable` config to persist panel size across sessions."
+    ), l === "alert" && f && console.warn(
+      'Panel: `dismissible` is ignored when `modalType="alert"`. The close button is always hidden.'
+    );
+    const { closeOnOutsidePress: V } = g;
+    V && l !== "nonModal" && l !== void 0 && console.warn(
+      'Panel: `closeOnOutsidePress` has no effect when `modalType` is not `"nonModal"`.'
+    );
   }
-  const y = a === "alert" ? !1 : f, T = n && (t !== "bottom" || n === "full"), $ = i === "overlay" && O ? U(O) : void 0, C = !!$, I = S(
+  const y = l === "alert" ? !1 : f, T = t && (r !== "bottom" || t === "full"), $ = s === "overlay" && C ? X(C) : void 0, h = !!$, I = z(
     e[o],
-    e[`${o}--${i}`],
-    T && e[`${o}--size-${n}`],
+    e[`${o}--${s}`],
+    T && e[`${o}--size-${t}`],
     e[`${o}--padding-${p}`],
-    e[`${o}--position-${t}`],
-    C && e[`${o}--floating`],
-    B && e[`${o}--resizable`],
+    e[`${o}--position-${r}`],
+    h && e[`${o}--floating`],
+    R && e[`${o}--resizable`],
     m
-  ), A = S(
+  ), H = z(
     e[`${o}__inline-wrapper`],
-    e[`${o}__inline-wrapper--size-${n}`]
-  ), { requestClose: h, handleOverlayOpenChange: H } = J(
-    x,
-    r
-  ), b = z(
+    e[`${o}__inline-wrapper--size-${t}`]
+  ), { requestClose: b, handleOverlayOpenChange: K } = Y(
+    A,
+    i
+  ), w = x(
     () => ({
-      kind: i,
+      kind: s,
       dismissible: y,
       closeButtonAriaLabel: N,
-      position: g,
-      requestClose: h
+      position: u,
+      requestClose: b
     }),
-    [i, y, N, g, h]
-  ), { showDivider: K, dividerBefore: R, dividerInner: F, dividerAfter: j } = Q(M && !C, t), w = z(
-    () => ({ duration: P ? X : 0 }),
-    [P]
-  );
-  return i === "inline" ? /* @__PURE__ */ E(
-    Z,
+    [s, y, N, u, b]
+  ), { showDivider: F, dividerBefore: j, dividerInner: J, dividerAfter: L } = Z(D && !h, r), E = x(
+    () => ({ duration: O ? k : 0 }),
+    [O]
+  ), v = W(void 0), M = v.current !== void 0 && v.current !== s && a === !0;
+  return v.current = s, s === "inline" ? /* @__PURE__ */ S(
+    oe,
     {
-      contextValue: b,
+      contextValue: w,
       panelClassName: I,
-      inlineWrapperClassName: A,
-      resolvedPosition: t,
-      dividerBefore: R,
-      dividerInner: F,
-      dividerAfter: j,
-      dividerColor: v,
-      open: c,
-      transitionConfig: w,
-      resizeConfig: l,
+      inlineWrapperClassName: H,
+      resolvedPosition: r,
+      dividerBefore: j,
+      dividerInner: J,
+      dividerAfter: L,
+      dividerColor: P,
+      open: a,
+      transitionConfig: E,
+      resizeConfig: c,
+      skipMountAnimation: M,
       id: _,
-      ...u,
-      children: s
+      ...g,
+      children: n
     }
-  ) : /* @__PURE__ */ E(
-    k,
+  ) : /* @__PURE__ */ S(
+    se,
     {
-      contextValue: b,
+      contextValue: w,
       panelClassName: I,
-      resolvedPosition: t,
-      showDivider: K,
-      dividerColor: v,
-      modalType: a,
+      resolvedPosition: r,
+      showDivider: F,
+      dividerColor: P,
+      modalType: l,
       floatingOffset: $,
-      open: c,
-      onOpenChange: H,
-      transitionConfig: w,
-      resizeConfig: l,
+      open: a,
+      onOpenChange: K,
+      transitionConfig: E,
+      resizeConfig: c,
+      skipMountAnimation: M,
       id: _,
-      ...u,
-      children: s
+      ...g,
+      children: n
     }
   );
 };
 d.displayName = "Panel";
-d.Header = W;
-d.Body = q;
-d.Footer = G;
+d.Header = G;
+d.Body = U;
+d.Footer = Q;
 export {
   d as Panel
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viasat/beam-react",
-  "version": "2.29.0",
+  "version": "2.30.0",
   "description": "React component library for the Beam design system",
   "license": "MIT",
   "author": "Viasat",
@@ -59,11 +59,11 @@
     "access": "public"
   },
   "dependencies": {
-    "@viasat/beam-fonts": "2.29.0",
-    "@viasat/beam-shared": "2.29.0",
-    "@viasat/beam-styles": "2.29.0",
-    "@viasat/beam-tokens": "2.29.0",
-    "@viasat/beam-icons": "2.29.0",
+    "@viasat/beam-fonts": "2.30.0",
+    "@viasat/beam-shared": "2.30.0",
+    "@viasat/beam-styles": "2.30.0",
+    "@viasat/beam-tokens": "2.30.0",
+    "@viasat/beam-icons": "2.30.0",
     "clsx": "^1.2.1",
     "@floating-ui/react": "^0.26.18",
     "@stepperize/react": "^5.1.5",