@viasat/beam-react 2.8.0 → 2.10.0

package/utils/hooks/useLocalStorage.es.js

@@ -1,5 +1,5 @@
-import { b as c } from "../../chunks/constants.BBi77pmH.js";
-import { d as w } from "../../chunks/helpers.Wv7n4ip7.js";
+import { b as c } from "../../chunks/constants.CKKGf1-i.js";
+import { d as w } from "../../chunks/helpers.CPNYYxrE.js";
 import s from "react";
 function d(t, e) {
   typeof window > "u" || !window.localStorage || window.dispatchEvent(new StorageEvent("storage", { key: t, newValue: e }));

package/utils/spacing.es.js

@@ -1,4 +1,4 @@
-import { p as t } from "../chunks/helpers.Wv7n4ip7.js";
+import { p as t } from "../chunks/helpers.CPNYYxrE.js";
 const r = [
   "m",
   "mx",

package/utils/theming/useBeamTheme.es.js

@@ -1,7 +1,7 @@
 import { jsx as O } from "react/jsx-runtime";
 import * as c from "react";
 import { createContext as G, useContext as q, useMemo as I, useCallback as w, useState as X, useEffect as M, useRef as Z } from "react";
-import { e as U, A as B, P as K, t as Y, f as F, d as H, D as P, p as ee, g as te, h as ne, i as se, j as Q, k as re, l as N } from "../../chunks/constants.BBi77pmH.js";
+import { e as U, A as B, P as K, t as Y, f as F, d as H, D as P, g as Q, h as ee, p as te, i as ne, j as se, k as re, l as N } from "../../chunks/constants.CKKGf1-i.js";
 var oe = (e, s, n, r, t, o, d, l) => {
   let u = document.documentElement, E = ["light", "dark"];
   function y(m) {
@@ -90,10 +90,10 @@ const k = (e) => [
 ].join(" "), ye = (e) => {
   var o, d;
   if (!e) return P;
-  e = e.replaceAll(ee, "");
-  const s = e.split(" "), n = U.find((l) => s.includes(l)) ?? te, r = ((o = Object.entries(B).find(([, l]) => s.includes(l))) == null ? void 0 : o[1]) ?? ne, t = ((d = Object.entries(K).find(
+  e = e.replaceAll(te, "");
+  const s = e.split(" "), n = U.find((l) => s.includes(l)) ?? ne, r = ((o = Object.entries(B).find(([, l]) => s.includes(l))) == null ? void 0 : o[1]) ?? se, t = ((d = Object.entries(K).find(
     ([, l]) => s.includes(l)
-  )) == null ? void 0 : d[1]) ?? se;
+  )) == null ? void 0 : d[1]) ?? re;
   return { mode: n, accent: r, productType: t };
 }, Te = Object.values(U).flatMap(
   (e) => Object.values(B).flatMap(
@@ -126,7 +126,7 @@ const z = G(null), Ee = ie, Se = ({
   return /* @__PURE__ */ O(
     Ee,
     {
-      attribute: re,
+      attribute: ee,
       storageKey: Q,
       defaultTheme: k(o),
       themes: Te,

package/chunks/ActionList.Item.5Y-SwzjK.js

@@ -1 +0,0 @@
-var At=require("../assets/ActionList.css");const e=require("react/jsx-runtime"),tt=require("../lib/ActionList/ActionListIndentationContext.cjs.js"),et=require("clsx"),it=require("./classNames.DAeKwerT.js");require("./constants.hwjHOsvT.js");const w=require("../lib/Icon/Icon.cjs.js"),N=require("./tokens.Bc11gmpN.js"),st=require("./Check.CR4kqxW9.js"),ot=require("./ChevronRightCurved.CoT-Bqyo.js"),nt=require("../lib/StateLayer/StateLayer.cjs.js"),ct=require("../lib/ActionList/ActionListSelectionContext.cjs.js"),rt=require("../lib/Tooltip/Tooltip.cjs.js"),x=require("../utils/functions.cjs.js"),lt=require("../lib/Tooltip/useTooltipClipping.cjs.js"),o=require("react"),at=require("../lib/Checkbox/Checkbox.cjs.js"),_t=require("../lib/RadioButton/RadioButton.cjs.js"),mt=require("@floating-ui/react"),ut=require("../lib/ActionList/ActionList.Item.context.cjs.js"),bt=require("../lib/ActionList/ActionList.context.cjs.js"),dt=require("../lib/Form/hooks/useAccessibleId.hook.cjs.js");require("./form.context.B26th8Od.js");const ht=require("../lib/Switch/Switch.cjs.js"),i={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-action-list":"bm-action-list","bm-action-list__no-results":"bm-action-list__no-results","bm-action-list__loading":"bm-action-list__loading","bm-action-list__item":"bm-action-list__item","bm-action-list__item__supporting-text":"bm-action-list__item__supporting-text","bm-action-list__item--kind-destructive":"bm-action-list__item--kind-destructive","bm-action-list__item--disabled":"bm-action-list__item--disabled","bm-state-layer":"bm-state-layer","bm-action-list__item--active":"bm-action-list__item--active","bm-action-list__item__choice":"bm-action-list__item__choice","bm-action-list__item__switch":"bm-action-list__item__switch","bm-action-list__item__content-before":"bm-action-list__item__content-before","bm-action-list__item__content":"bm-action-list__item__content","bm-action-list__item__text":"bm-action-list__item__text","bm-action-list__item--header":"bm-action-list__item--header","bm-action-list__item__content-after":"bm-action-list__item__content-after","bm-button":"bm-button","bm-action-list__item__flyout":"bm-action-list__item__flyout","bm-action-list__group":"bm-action-list__group","bm-action-list__group__heading":"bm-action-list__group__heading","bm-action-list__group__no-results":"bm-action-list__group__no-results","bm-action-list__group__divider":"bm-action-list__group__divider","bm-action-list__item__icon-button__placeholder":"bm-action-list__item__icon-button__placeholder"},xt="singleCheckMark",ft="multiCheckMark",kt="checkbox",Ct="radio",pt="switch",vt=[xt,ft,kt,Ct,pt],k=r=>vt.includes(r),{baseClassNamePrefix:gt,classModifierPrefix:f,subElementClassPrefix:n}=it.getBEMClassNames("action-list__item"),C=o.createContext({current:null}),qt=()=>o.useContext(C),yt=o.forwardRef(({children:r,supportingText:p,contentAfter:v,contentBefore:g,onClick:a,onSelectionChange:$,defaultSelected:M=!1,kind:T="action",indent:F,disabled:l=!1,className:D,role:_,tooltipPlacement:E,hidden:K,...P},O)=>{const{kind:t}=ut.useActionListItemContext(T),{onItemClick:m,itemsFocusable:z,getItemProps:u,insideMenu:q,activeIndex:B}=bt.useActionListContext(),{selected:b,setSelected:G}=ct.useActionListItemSelection(t,M,$),[c,H]=o.useState(b);o.useEffect(()=>{requestAnimationFrame(()=>H(b))},[b]);const y=k(t),J=t==="flyout",d=tt.useActionListIndentation({isChoiceItem:y,indentProp:F}),{index:A,ref:Q}=mt.useListItem({label:l?null:x.extractTextFromReactNode(r)}),I=s=>{l||(k(t)?G(!c):a==null||a(s),m==null||m(A,t,s.nativeEvent))},U=s=>{(s.key==="Enter"||s.key===" ")&&(s.preventDefault(),I(s))},h=o.useCallback(s=>{s.preventDefault()},[]),L=o.useRef(null),R=o.useRef(null),V=lt.useTooltipClipping({clippingRef:R}),W=x.mergeRefs(Q,O),X=o.useMemo(()=>_||(q?t==="singleCheckMark"||t==="radio"?"menuitemradio":t==="multiCheckMark"||t==="checkbox"||t==="switch"?"menuitemcheckbox":"menuitem":"option"),[_,q,t]),j={...P,onClick:I,tabIndex:z?0:-1},{id:Y}=dt.useAccessibleId(),S=B===A,Z=et(i[gt],i[`${f}kind-${t}`],l&&i[`${f}disabled`],S&&i[`${f}active`],D);return e.jsxs(C.Provider,{value:L,children:[e.jsx(rt.Tooltip,{showDelay:500,portalled:!0,text:x.extractTextFromReactNode(r),...V,placement:E,children:e.jsxs("div",{className:Z,role:X,"aria-checked":c||void 0,"aria-selected":S||void 0,"aria-disabled":l,onKeyDown:U,id:Y,...(u==null?void 0:u(j))??j,ref:W,hidden:K,children:[d&&e.jsx("div",{style:{width:d===!0?N.bmCompActionlistSizeIcon:`${d}rem`}}),y&&t!=="switch"&&e.jsxs("div",{className:i[`${n}choice`],inert:"",children:[(t==="singleCheckMark"||t==="multiCheckMark")&&c&&e.jsx(w.Icon,{customIconSize:N.bmCompActionlistSizeChoice,icon:st.SvgCheck}),t==="checkbox"&&e.jsx(at.Checkbox,{checked:c,onChange:h}),t==="radio"&&e.jsx(_t.RadioButton,{checked:c,onChange:h})]}),g&&e.jsx("div",{className:i[`${n}content-before`],children:g}),e.jsxs("div",{className:i[`${n}content`],children:[e.jsx("div",{className:i[`${n}text`],ref:R,children:r}),p&&e.jsx("div",{className:i[`${n}supporting-text`],children:p})]}),v&&e.jsx("div",{className:i[`${n}content-after`],children:v}),t==="switch"&&e.jsx("div",{className:i[`${n}switch`],inert:"",children:e.jsx(ht.Switch,{checked:c,onChange:h})}),J&&e.jsx(w.Icon,{className:i[`${n}flyout`],icon:ot.SvgChevronRightCurved}),e.jsx(nt.StateLayer,{})]})}),e.jsx("div",{ref:L})]})});exports.ActionListItem=yt;exports.ActionListItemOverlayRefContext=C;exports.isChoiceKind=k;exports.styles=i;exports.useActionListItemOverlayRef=qt;

package/chunks/ActionList.Item.BFcT86lS.js

@@ -1,187 +0,0 @@
-import "../assets/ActionList.css";
-import { jsxs as a, jsx as i } from "react/jsx-runtime";
-import { useActionListIndentation as tt } from "../lib/ActionList/ActionListIndentationContext.es.js";
-import it from "clsx";
-import { g as et } from "./classNames.DNsS4J__.js";
-import "./constants.BBi77pmH.js";
-import { Icon as $ } from "../lib/Icon/Icon.es.js";
-import { n as ot, o as st } from "./tokens.BD_71qmL.js";
-import { S as nt } from "./Check.DrrmNVhJ.js";
-import { S as ct } from "./ChevronRightCurved.9hi9Zc8J.js";
-import { StateLayer as mt } from "../lib/StateLayer/StateLayer.es.js";
-import { useActionListItemSelection as at } from "../lib/ActionList/ActionListSelectionContext.es.js";
-import { Tooltip as rt } from "../lib/Tooltip/Tooltip.es.js";
-import { extractTextFromReactNode as A, mergeRefs as lt } from "../utils/functions.es.js";
-import { useTooltipClipping as _t } from "../lib/Tooltip/useTooltipClipping.es.js";
-import { createContext as dt, forwardRef as bt, useState as ut, useEffect as ht, useCallback as ft, useRef as M, useMemo as pt, useContext as kt } from "react";
-import { Checkbox as gt } from "../lib/Checkbox/Checkbox.es.js";
-import { RadioButton as vt } from "../lib/RadioButton/RadioButton.es.js";
-import { useListItem as Ct } from "@floating-ui/react";
-import { useActionListItemContext as xt } from "../lib/ActionList/ActionList.Item.context.es.js";
-import { useActionListContext as yt } from "../lib/ActionList/ActionList.context.es.js";
-import { useAccessibleId as wt } from "../lib/Form/hooks/useAccessibleId.hook.es.js";
-import "./form.context.CfsTSQpm.js";
-import { Switch as It } from "../lib/Switch/Switch.es.js";
-const e = {
-  "bm-light": "bm-light",
-  "bm-dark": "bm-dark",
-  "bm-inverse": "bm-inverse",
-  "bm-action-list": "bm-action-list",
-  "bm-action-list__no-results": "bm-action-list__no-results",
-  "bm-action-list__loading": "bm-action-list__loading",
-  "bm-action-list__item": "bm-action-list__item",
-  "bm-action-list__item__supporting-text": "bm-action-list__item__supporting-text",
-  "bm-action-list__item--kind-destructive": "bm-action-list__item--kind-destructive",
-  "bm-action-list__item--disabled": "bm-action-list__item--disabled",
-  "bm-state-layer": "bm-state-layer",
-  "bm-action-list__item--active": "bm-action-list__item--active",
-  "bm-action-list__item__choice": "bm-action-list__item__choice",
-  "bm-action-list__item__switch": "bm-action-list__item__switch",
-  "bm-action-list__item__content-before": "bm-action-list__item__content-before",
-  "bm-action-list__item__content": "bm-action-list__item__content",
-  "bm-action-list__item__text": "bm-action-list__item__text",
-  "bm-action-list__item--header": "bm-action-list__item--header",
-  "bm-action-list__item__content-after": "bm-action-list__item__content-after",
-  "bm-button": "bm-button",
-  "bm-action-list__item__flyout": "bm-action-list__item__flyout",
-  "bm-action-list__group": "bm-action-list__group",
-  "bm-action-list__group__heading": "bm-action-list__group__heading",
-  "bm-action-list__group__no-results": "bm-action-list__group__no-results",
-  "bm-action-list__group__divider": "bm-action-list__group__divider",
-  "bm-action-list__item__icon-button__placeholder": "bm-action-list__item__icon-button__placeholder"
-}, St = "singleCheckMark", Nt = "multiCheckMark", $t = "checkbox", At = "radio", Mt = "switch", Rt = [St, Nt, $t, At, Mt], R = (c) => Rt.includes(c), { baseClassNamePrefix: Lt, classModifierPrefix: f, subElementClassPrefix: s } = et("action-list__item"), L = dt({ current: null }), oi = () => kt(L), si = bt(
-  ({
-    children: c,
-    supportingText: p,
-    contentAfter: k,
-    contentBefore: g,
-    onClick: r,
-    onSelectionChange: D,
-    defaultSelected: E = !1,
-    kind: P = "action",
-    indent: F,
-    disabled: m = !1,
-    className: K,
-    role: l,
-    tooltipPlacement: z,
-    hidden: j,
-    ...O
-  }, T) => {
-    const { kind: t } = xt(P), { onItemClick: _, itemsFocusable: q, getItemProps: d, insideMenu: v, activeIndex: B } = yt(), { selected: b, setSelected: G } = at(
-      t,
-      E,
-      D
-    ), [n, H] = ut(b);
-    ht(() => {
-      requestAnimationFrame(() => H(b));
-    }, [b]);
-    const C = R(t), J = t === "flyout", u = tt({
-      isChoiceItem: C,
-      indentProp: F
-    }), { index: x, ref: Q } = Ct({
-      label: m ? null : A(c)
-    }), y = (o) => {
-      m || (R(t) ? G(!n) : r == null || r(o), _ == null || _(x, t, o.nativeEvent));
-    }, U = (o) => {
-      (o.key === "Enter" || o.key === " ") && (o.preventDefault(), y(o));
-    }, h = ft((o) => {
-      o.preventDefault();
-    }, []), w = M(null), I = M(null), V = _t({ clippingRef: I }), W = lt(Q, T), X = pt(() => l || (v ? t === "singleCheckMark" || t === "radio" ? "menuitemradio" : t === "multiCheckMark" || t === "checkbox" || t === "switch" ? "menuitemcheckbox" : "menuitem" : "option"), [l, v, t]), S = {
-      ...O,
-      onClick: y,
-      tabIndex: q ? 0 : -1
-    }, { id: Y } = wt(), N = B === x, Z = it(
-      e[Lt],
-      e[`${f}kind-${t}`],
-      m && e[`${f}disabled`],
-      N && e[`${f}active`],
-      K
-    );
-    return /* @__PURE__ */ a(L.Provider, { value: w, children: [
-      /* @__PURE__ */ i(
-        rt,
-        {
-          showDelay: 500,
-          portalled: !0,
-          text: A(c),
-          ...V,
-          placement: z,
-          children: /* @__PURE__ */ a(
-            "div",
-            {
-              className: Z,
-              role: X,
-              "aria-checked": n || void 0,
-              "aria-selected": N || void 0,
-              "aria-disabled": m,
-              onKeyDown: U,
-              id: Y,
-              ...(d == null ? void 0 : d(S)) ?? S,
-              ref: W,
-              hidden: j,
-              children: [
-                u && /* @__PURE__ */ i(
-                  "div",
-                  {
-                    style: {
-                      width: u === !0 ? ot : `${u}rem`
-                    }
-                  }
-                ),
-                C && t !== "switch" && /* @__PURE__ */ a(
-                  "div",
-                  {
-                    className: e[`${s}choice`],
-                    inert: "",
-                    children: [
-                      (t === "singleCheckMark" || t === "multiCheckMark") && n && /* @__PURE__ */ i($, { customIconSize: st, icon: nt }),
-                      t === "checkbox" && /* @__PURE__ */ i(gt, { checked: n, onChange: h }),
-                      t === "radio" && /* @__PURE__ */ i(vt, { checked: n, onChange: h })
-                    ]
-                  }
-                ),
-                g && /* @__PURE__ */ i("div", { className: e[`${s}content-before`], children: g }),
-                /* @__PURE__ */ a("div", { className: e[`${s}content`], children: [
-                  /* @__PURE__ */ i(
-                    "div",
-                    {
-                      className: e[`${s}text`],
-                      ref: I,
-                      children: c
-                    }
-                  ),
-                  p && /* @__PURE__ */ i("div", { className: e[`${s}supporting-text`], children: p })
-                ] }),
-                k && /* @__PURE__ */ i("div", { className: e[`${s}content-after`], children: k }),
-                t === "switch" && /* @__PURE__ */ i(
-                  "div",
-                  {
-                    className: e[`${s}switch`],
-                    inert: "",
-                    children: /* @__PURE__ */ i(It, { checked: n, onChange: h })
-                  }
-                ),
-                J && /* @__PURE__ */ i(
-                  $,
-                  {
-                    className: e[`${s}flyout`],
-                    icon: ct
-                  }
-                ),
-                /* @__PURE__ */ i(mt, {})
-              ]
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ i("div", { ref: w })
-    ] });
-  }
-);
-export {
-  si as A,
-  L as a,
-  R as i,
-  e as s,
-  oi as u
-};

package/chunks/Search.Results.Item.CLmMBPz1.js

@@ -1,41 +0,0 @@
-import "../assets/Search.Results.css";
-import { jsx as a } from "react/jsx-runtime";
-import t from "react";
-import { g as c } from "./classNames.DNsS4J__.js";
-import "./constants.BBi77pmH.js";
-import { clsx as o } from "clsx";
-import { ActionList as i } from "../lib/ActionList/ActionList.es.js";
-const b = {
-  "bm-light": "bm-light",
-  "bm-dark": "bm-dark",
-  "bm-inverse": "bm-inverse",
-  "bm-search": "bm-search",
-  "bm-search--disabled": "bm-search--disabled",
-  "bm-search--fluid": "bm-search--fluid",
-  "bm-search__field": "bm-search__field",
-  "bm-search__field__input": "bm-search__field__input",
-  "bm-search--error": "bm-search--error",
-  "bm-search--read-only": "bm-search--read-only",
-  "bm-search__content": "bm-search__content"
-}, { baseClassNamePrefix: l } = c("search"), h = t.forwardRef(
-  ({ children: e, ...s }, r) => {
-    const m = o(
-      b[`${l}__results__item`]
-    );
-    return /* @__PURE__ */ a(
-      i.Item,
-      {
-        ref: r,
-        className: m,
-        ...s,
-        children: e
-      }
-    );
-  }
-), _ = h;
-_.displayName = "Search.Results.Item";
-export {
-  _ as S,
-  h as a,
-  b as s
-};

package/chunks/Search.Results.Item.Dkh2yo4p.js

@@ -1 +0,0 @@
-var _=require("../assets/Search.Results.css");const i=require("react/jsx-runtime"),n=require("react"),l=require("./classNames.DAeKwerT.js");require("./constants.hwjHOsvT.js");const b=require("clsx"),o=require("../lib/ActionList/ActionList.cjs.js"),e={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-search":"bm-search","bm-search--disabled":"bm-search--disabled","bm-search--fluid":"bm-search--fluid","bm-search__field":"bm-search__field","bm-search__field__input":"bm-search__field__input","bm-search--error":"bm-search--error","bm-search--read-only":"bm-search--read-only","bm-search__content":"bm-search__content"},{baseClassNamePrefix:h}=l.getBEMClassNames("search"),s=n.forwardRef(({children:t,...c},a)=>{const m=b.clsx(e[`${h}__results__item`]);return i.jsx(o.ActionList.Item,{ref:a,className:m,...c,children:t})}),r=s;r.displayName="Search.Results.Item";exports.SearchResultsItem=r;exports.SearchResultsItemComponent=s;exports.styles=e;

package/chunks/panel.module.DbEoAg1J.js

@@ -1 +0,0 @@
-var _=require("../assets/panel.css");const e={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-panel":"bm-panel","bm-panel--inline":"bm-panel--inline","bm-panel--overlay":"bm-panel--overlay","bm-panel--size-full":"bm-panel--size-full","bm-panel--position-bottom":"bm-panel--position-bottom","bm-panel--padding-sm":"bm-panel--padding-sm","bm-panel__header":"bm-panel__header","bm-panel__body":"bm-panel__body","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"};exports.styles=e;