@viasat/beam-react 2.30.0 → 2.37.0

package/lib/Select/Select.es.js

@@ -1,259 +1,272 @@
-import { jsxs as x, jsx as i } from "react/jsx-runtime";
-import ke, { useCallback as k, useMemo as C, createElement as Fe } from "react";
-import { g as Le } from "../../chunks/classNames.BTJmrO_L.js";
-import { t as Re } from "../../chunks/constants.CKKGf1-i.js";
-import { s as r } from "../../chunks/combobox.module.D_HXP875.js";
-import F from "clsx";
-import { b as qe, H as Ae } from "../../chunks/form.context.D7b4066_.js";
-import { LabelProvider as He } from "../Form/contexts/label.context.es.js";
-import { HelperTextProvider as je } from "../Form/contexts/helperText.context.es.js";
-import { ActionList as L } from "../ActionList/ActionList.es.js";
-import { useSelectDropdown as Ke } from "./useSelectDropdown.es.js";
-import { SelectDropdown as Te } from "./SelectDropdown.es.js";
-import { useSelectChips as Ge } from "./useSelectChips.es.js";
-import { useSelectKeyboardManager as We } from "./useSelectKeyboardManager.es.js";
-import ze from "./useClearSelection.es.js";
-import { OptionChips as Je } from "../_Options/OptionChips.es.js";
-import { SelectField as Qe } from "./SelectField.es.js";
-import Ue from "./useSelectA11y.es.js";
-import { useCreateOptionsContext as Xe, OptionsProvider as Ye } from "../_Options/Option.context.es.js";
-import { Option as Ze } from "../_Options/Option.es.js";
-import { useSelectValue as _e } from "../_Options/useSelectValue.es.js";
-import { createSelectionStrategy as et } from "../_Options/strategies/SelectionStrategy.es.js";
-const { baseClassNamePrefix: tt, subElementClassPrefix: O, classModifierPrefix: a } = Le("combobox"), lt = ke.forwardRef(
+import { jsxs as v, jsx as o } from "react/jsx-runtime";
+import { g as Ke } from "../../chunks/classNames.BTJmrO_L.js";
+import { t as Te } from "../../chunks/constants.CKKGf1-i.js";
+import { s as i } from "../../chunks/combobox.module.D_HXP875.js";
+import We from "clsx";
+import ze, { useCallback as H, useMemo as y } from "react";
+import { b as Je, H as Qe } from "../../chunks/form.context.D7b4066_.js";
+import { LabelProvider as Ue } from "../Form/contexts/label.context.es.js";
+import { HelperTextProvider as Xe } from "../Form/contexts/helperText.context.es.js";
+import { ActionList as j } from "../ActionList/ActionList.es.js";
+import { useSelectDropdown as Ye } from "./useSelectDropdown.es.js";
+import { SelectDropdown as Ze } from "./SelectDropdown.es.js";
+import { useSelectChips as _e } from "./useSelectChips.es.js";
+import { useSelectKeyboardManager as et } from "./useSelectKeyboardManager.es.js";
+import tt from "./useClearSelection.es.js";
+import { OptionChips as rt } from "../_Options/OptionChips.es.js";
+import { SelectField as it } from "./SelectField.es.js";
+import ot from "./useSelectA11y.es.js";
+import { useCreateOptionsContext as st, OptionsProvider as lt } from "../_Options/Option.context.es.js";
+import { Option as at } from "../_Options/Option.es.js";
+import { OptionGroup as dt } from "../_Options/OptionGroup.es.js";
+import "../_Options/OptionGroup.context.es.js";
+import { getLastVisibleStructureIndex as nt } from "../_Options/getLastVisibleStructureIndex.es.js";
+import { useRenderOption as ct } from "../_Options/useRenderOption.es.js";
+import { useSelectValue as pt } from "../_Options/useSelectValue.es.js";
+import { createSelectionStrategy as mt } from "../_Options/strategies/SelectionStrategy.es.js";
+const { baseClassNamePrefix: ut, subElementClassPrefix: P, classModifierPrefix: a } = Ke("combobox"), ft = ze.forwardRef(
   ({
-    theme: v,
-    width: q,
+    theme: O,
+    width: k,
     error: d,
-    children: A,
-    label: P = null,
-    contentBefore: H,
-    contentAfter: j,
-    fluid: K = !1,
-    helperText: g = null,
-    validationRules: T = [],
-    className: G,
-    hideRequiredMarker: W = !1,
-    disabled: z = !1,
-    readOnly: J = !1,
-    required: Q = !1,
-    placeholder: U = "",
+    children: K,
+    label: $ = null,
+    contentBefore: T,
+    contentAfter: W,
+    fluid: z = !1,
+    helperText: N = null,
+    validationRules: J = [],
+    className: Q,
+    hideRequiredMarker: U = !1,
+    disabled: X = !1,
+    readOnly: Y = !1,
+    required: Z = !1,
+    placeholder: _ = "",
     onChange: m,
     ...u
-  }, X) => {
+  }, ee) => {
     const {
-      id: I,
-      name: Y,
-      "aria-describedby": Z,
+      id: V,
+      name: te,
+      "aria-describedby": re,
       multiple: e = !1,
-      clearable: _ = e,
-      ...ee
-    } = u, { showErrors: te, isInvalid: le, errorShown: re, disabled: l, readOnly: s, required: $ } = qe({
-      name: Y,
-      validationRules: T,
-      disabledProp: z,
-      readOnlyProp: J,
-      requiredProp: Q
-    }), { aria: f, ids: oe } = Ue({
-      helperText: g,
-      externalDescribedBy: Z,
+      clearable: ie = e,
+      ...oe
+    } = u, { showErrors: se, isInvalid: le, errorShown: ae, disabled: r, readOnly: s, required: w } = Je({
+      name: te,
+      validationRules: J,
+      disabledProp: X,
+      readOnlyProp: Y,
+      requiredProp: Z
+    }), { aria: f, ids: de } = ot({
+      helperText: N,
+      externalDescribedBy: re,
       error: d,
-      errorShown: re,
+      errorShown: ae,
       invalid: !!d || le
-    }), { helperTextId: se, errorId: ie, validationErrorsId: ae, labelId: N } = oe, de = !!(d != null && d.length), ne = k(
-      (o) => {
-        m == null || m(o);
+    }), { helperTextId: ne, errorId: ce, validationErrorsId: pe, labelId: D } = de, me = !!(d != null && d.length), ue = H(
+      (t) => {
+        m == null || m(t);
       },
       [m]
     ), {
       value: n,
-      setValue: B,
-      selectProps: ce,
-      handleBlur: w,
+      setValue: L,
+      selectProps: fe,
+      handleBlur: M,
       singleValue: b
-    } = _e({ onChange: ne, ...u }, X), y = !n || Array.isArray(n) && !n.length, {
-      optionsContext: pe,
-      optionIds: c,
-      optionsProps: p,
-      selectedOptionsProps: M,
-      deselectOptionValue: D
-    } = Xe(n, B, e), h = C(() => {
+    } = pt({ onChange: ue, ...u }, ee), g = !n || Array.isArray(n) && !n.length, {
+      optionsContext: be,
+      optionIds: h,
+      optionsProps: c,
+      selectedOptionsProps: R,
+      deselectOptionValue: E,
+      structureIds: S,
+      groupsProps: he,
+      optionIdsByGroup: C
+    } = st(n, L, e), x = y(() => {
       if (!b) return;
-      const o = c.map((t) => p.get(t)).findIndex((t) => (t == null ? void 0 : t.value) === b);
-      return o !== -1 ? o : void 0;
-    }, [c, p, b]), me = C(() => {
-      if (h === void 0) return;
-      const o = p.get(c[h]);
-      return o == null ? void 0 : o.label;
-    }, [h, c, p]), { getFieldProps: ue, dropdownProps: fe, refs: be, open: E, setOpen: S, status: he } = Ke({
-      disabled: l,
+      const t = h.map((l) => c.get(l)).findIndex((l) => (l == null ? void 0 : l.value) === b);
+      return t !== -1 ? t : void 0;
+    }, [h, c, b]), xe = y(() => {
+      if (x === void 0) return;
+      const t = c.get(h[x]);
+      return t == null ? void 0 : t.label;
+    }, [x, h, c]), { getFieldProps: ve, dropdownProps: ye, refs: Oe, open: F, setOpen: I, status: ge } = Ye({
+      disabled: r,
       readOnly: s,
-      lastSelectedOptionIndex: h
-    }), xe = F(
-      r[tt],
-      v && Re(v),
-      K && r[`${a}fluid`],
-      f.invalid && r[`${a}error`],
-      l && r[`${a}disabled`],
-      s && r[`${a}read-only`],
-      y && r[`${a}empty`],
-      e && r[`${a}multiple`],
-      r[`${a}dropdown-${he}`],
-      G
-    ), { canClear: ve, handleClear: ye } = ze({
+      lastSelectedOptionIndex: x
+    }), Se = We(
+      i[ut],
+      O && Te(O),
+      z && i[`${a}fluid`],
+      f.invalid && i[`${a}error`],
+      r && i[`${a}disabled`],
+      s && i[`${a}read-only`],
+      g && i[`${a}empty`],
+      e && i[`${a}multiple`],
+      i[`${a}dropdown-${ge}`],
+      Q
+    ), { canClear: Ce, handleClear: Ie } = tt({
       multiple: e,
-      clearable: _,
-      isEmpty: y,
-      disabled: l,
+      clearable: ie,
+      isEmpty: g,
+      disabled: r,
       readOnly: s,
-      setValue: B,
-      setOpen: S
+      setValue: L,
+      setOpen: I
     }), {
-      chipGroupProps: Se,
-      handleBlur: V,
-      selectedChip: Ce,
-      setSelectedChip: Oe,
-      enabled: Pe,
-      selectPreviousChip: ge,
-      selectNextChip: Ie,
-      options: $e,
-      deselectOptionValue: Ne
-    } = Ge({
+      chipGroupProps: Pe,
+      handleBlur: G,
+      selectedChip: Be,
+      setSelectedChip: $e,
+      enabled: Ne,
+      selectPreviousChip: Ve,
+      selectNextChip: we,
+      options: De,
+      deselectOptionValue: Le
+    } = _e({
       multiple: e,
-      disabled: l,
+      disabled: r,
       readOnly: s,
-      open: E,
-      setOpen: S,
-      options: M,
-      deselectOptionValue: D,
-      fieldRef: be.domReference
-    }), { getKeyboardProps: Be } = We({
+      open: F,
+      setOpen: I,
+      options: R,
+      deselectOptionValue: E,
+      fieldRef: Oe.domReference
+    }), { getKeyboardProps: Me } = et({
       multiple: e,
-      disabled: l,
+      disabled: r,
       readOnly: s,
-      open: E,
-      setOpen: S,
+      open: F,
+      setOpen: I,
       chips: {
-        enabled: Pe,
-        selectedChip: Ce,
-        setSelectedChip: Oe,
-        selectPreviousChip: ge,
-        selectNextChip: Ie,
-        options: $e,
-        deselectOptionValue: Ne
+        enabled: Ne,
+        selectedChip: Be,
+        setSelectedChip: $e,
+        selectPreviousChip: Ve,
+        selectNextChip: we,
+        options: De,
+        deselectOptionValue: Le
       }
-    }), we = C(
-      () => et(e),
+    }), Re = y(
+      () => mt(e),
       [e]
-    ), Me = k(() => {
-      w(), V();
-    }, [w, V]), { ref: De, ...Ee } = Be(ue());
-    return /* @__PURE__ */ x(Ye, { value: pe, children: [
-      /* @__PURE__ */ x("div", { className: xe, style: { maxWidth: q }, children: [
-        /* @__PURE__ */ i(
-          He,
+    ), Ee = H(() => {
+      M(), G();
+    }, [M, G]), q = ct({
+      optionsProps: c,
+      selectionStrategy: Re,
+      value: n,
+      multiple: e,
+      optionClassName: i[`${P}option`]
+    }), Fe = y(
+      () => nt(S, C),
+      [S, C]
+    ), { ref: Ge, ...qe } = Me(ve());
+    return /* @__PURE__ */ v(lt, { value: be, children: [
+      /* @__PURE__ */ v("div", { className: Se, style: { maxWidth: k }, children: [
+        /* @__PURE__ */ o(
+          Ue,
           {
-            ctxHtmlFor: I,
-            ctxDisabled: l,
-            ctxRequired: $ && !W,
-            ctxId: N,
-            children: P
+            ctxHtmlFor: V,
+            ctxDisabled: r,
+            ctxRequired: w && !U,
+            ctxId: D,
+            children: $
           }
         ),
-        /* @__PURE__ */ i(
-          Qe,
+        /* @__PURE__ */ o(
+          it,
           {
-            id: I,
-            disabled: l,
+            id: V,
+            disabled: r,
             readOnly: s,
-            required: $,
+            required: w,
             invalid: f.invalid,
             errorMessage: f.errorMessage,
-            labelId: !u.ariaLabel && P ? N : void 0,
+            labelId: !u.ariaLabel && $ ? D : void 0,
             ariaLabel: u.ariaLabel,
             describedBy: f.describedBy,
-            contentBefore: H,
-            contentAfter: j,
-            chips: /* @__PURE__ */ i(
-              Je,
+            contentBefore: T,
+            contentAfter: W,
+            chips: /* @__PURE__ */ o(
+              rt,
               {
                 multiple: e,
-                disabled: l,
+                disabled: r,
                 readOnly: s,
-                selectedOptions: M,
-                deselectOptionValue: D,
-                chipGroupProps: Se,
-                input: /* @__PURE__ */ i(
+                selectedOptions: R,
+                deselectOptionValue: E,
+                chipGroupProps: Pe,
+                input: /* @__PURE__ */ o(
                   "input",
                   {
-                    className: r[`${O}field__input`],
-                    placeholder: e && !y ? "" : U,
-                    disabled: l,
+                    className: i[`${P}field__input`],
+                    placeholder: e && !g ? "" : _,
+                    disabled: r,
                     readOnly: !0,
                     autoComplete: "off",
                     tabIndex: -1,
                     autoFocus: !1,
-                    value: e ? "" : me ?? b
+                    value: e ? "" : xe ?? b
                   }
                 )
               }
             ),
-            hasClearButton: ve,
-            onClear: ye,
-            onBlur: Me,
-            ...Ee,
-            ref: De
+            hasClearButton: Ce,
+            onClear: Ie,
+            onBlur: Ee,
+            ...qe,
+            ref: Ge
           }
         ),
-        /* @__PURE__ */ x(je, { ctxId: se, ctxDisabled: l, children: [
-          g,
-          de && /* @__PURE__ */ i(Ae, { id: ie, appearance: "negative", children: d })
+        /* @__PURE__ */ v(Xe, { ctxId: ne, ctxDisabled: r, children: [
+          N,
+          me && /* @__PURE__ */ o(Qe, { id: ce, appearance: "negative", children: d })
         ] }),
-        te(ae)
+        se(pe)
       ] }),
-      /* @__PURE__ */ x("select", { ...ee, ...ce, hidden: !0, multiple: e, children: [
-        /* @__PURE__ */ i("option", { value: "", children: "empty" }),
-        A
+      /* @__PURE__ */ v("select", { ...oe, ...fe, hidden: !0, multiple: e, children: [
+        /* @__PURE__ */ o("option", { value: "", children: "empty" }),
+        K
       ] }),
-      /* @__PURE__ */ i(
-        Te,
+      /* @__PURE__ */ o(
+        Ze,
         {
-          ...fe,
-          className: r[`${O}dropdown`],
-          disabled: l,
+          ...ye,
+          className: i[`${P}dropdown`],
+          disabled: r,
           readOnly: s,
-          theme: v,
+          theme: O,
           multiple: e,
-          children: /* @__PURE__ */ i(L, { role: "listbox", children: c.map((o) => {
-            const t = p.get(o);
-            if (!t) return null;
-            const Ve = we.isSelected(
-              t.value,
-              n
-            );
-            return /* @__PURE__ */ Fe(
-              L.Item,
+          children: /* @__PURE__ */ o(j, { role: "listbox", children: S.map((t, l) => {
+            if (t.kind === "option")
+              return q(t.id);
+            const p = he.get(t.id);
+            if (!p) return null;
+            const A = C.get(t.id) ?? [], Ae = A.length > 0, He = l === Fe, je = !!p.divider && !He;
+            return /* @__PURE__ */ o(
+              j.Group,
               {
-                ...t,
-                className: F(
-                  r[`${O}option`],
-                  t.className
-                ),
-                defaultSelected: Ve,
-                key: `opt-${t.value ?? t.label}`,
-                kind: e ? "checkbox" : "singleCheckMark",
-                role: "option"
-              }
+                heading: p.heading,
+                divider: je,
+                disabled: p.disabled,
+                hidden: !Ae,
+                children: A.map((ke) => q(ke, p.disabled))
+              },
+              t.id
             );
           }) })
         }
       )
     ] });
   }
-), R = lt;
-R.Option = Ze;
-R.displayName = "Select";
+), B = ft;
+B.Option = at;
+B.OptionGroup = dt;
+B.displayName = "Select";
 export {
-  R as Select,
-  R as default
+  B as Select,
+  B as default
 };

package/lib/Select/SelectDropdown.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("@floating-ui/react"),B=require("../Box/Box.cjs.js"),C=require("clsx"),a=require("../../chunks/classNames.DAeKwerT.js"),P=require("../../chunks/constants.hwjHOsvT.js");require("../_Options/Option.context.cjs.js");const v=require("../_Options/Option.cjs.js"),y=require("react");require("../../chunks/form.context.hesWPMlU.js");require("../Form/contexts/label.context.cjs.js");require("../Form/contexts/helperText.context.cjs.js");const S=require("../ActionList/ActionList.context.cjs.js"),O=require("../../chunks/floatingui.module.D3Aw_aYe.js"),M=require("../../chunks/popover.module.DGUJIXrP.js"),{baseClassNamePrefix:w}=a.getBEMClassNames("floatingui"),{baseClassNamePrefix:A}=a.getBEMClassNames("popover"),L=[v.Option],T=({setOpen:t,isMounted:n,status:l,nodeId:c,context:u,getFloatingProps:d,floatingStyles:x,labelsRef:f,elementsRef:q,getItemProps:g,setFloating:p,disabled:m,readOnly:N,theme:o,className:b,children:F,multiple:i,activeIndex:_,onItemClick:s})=>{const j=y.useCallback(h=>{s==null||s(h),!i&&t(!1)},[i,s,t]);return n?e.jsx(r.FloatingTree,{children:e.jsx(r.FloatingNode,{id:c,children:e.jsx(r.FloatingPortal,{children:e.jsx(r.FloatingFocusManager,{context:u,modal:!1,initialFocus:0,disabled:m||N,closeOnFocusOut:!0,restoreFocus:!0,returnFocus:!0,guards:!0,order:["content","reference"],children:e.jsx(B.Box,{"data-status":l,className:C(o&&P.themeClassName(o),O.floatinguiStyles[w],M.popoverStyles[A],b),...d(),style:x,ref:p,children:e.jsx(S.ActionListContextProvider,{allowChildrenTypes:L,getItemProps:g,itemsFocusable:!1,onItemClick:j,labelsRef:f,elementsRef:q,activeIndex:_,children:F})})})})})}):null};exports.SelectDropdown=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("@floating-ui/react"),B=require("../Box/Box.cjs.js"),C=require("clsx"),a=require("../../chunks/classNames.DAeKwerT.js"),P=require("../../chunks/constants.hwjHOsvT.js");require("../_Options/Option.context.cjs.js");const v=require("../_Options/Option.cjs.js"),y=require("react");require("../_Options/OptionGroup.context.cjs.js");require("../../utils/hooks/useId.cjs.js");require("../ActionList/ActionList.cjs.js");require("../../chunks/form.context.hesWPMlU.js");require("../Form/contexts/label.context.cjs.js");require("../Form/contexts/helperText.context.cjs.js");const S=require("../ActionList/ActionList.context.cjs.js"),O=require("../../chunks/FloatingUI.arrow.BK0jH2ge.js"),w=require("../../chunks/popover.module.DGUJIXrP.js"),{baseClassNamePrefix:M}=a.getBEMClassNames("floatingui"),{baseClassNamePrefix:A}=a.getBEMClassNames("popover"),L=[v.Option],T=({setOpen:t,isMounted:n,status:l,nodeId:c,context:u,getFloatingProps:d,floatingStyles:q,labelsRef:x,elementsRef:g,getItemProps:f,setFloating:p,disabled:F,readOnly:_,theme:o,className:b,children:m,multiple:i,activeIndex:N,onItemClick:r})=>{const j=y.useCallback(h=>{r==null||r(h),!i&&t(!1)},[i,r,t]);return n?e.jsx(s.FloatingTree,{children:e.jsx(s.FloatingNode,{id:c,children:e.jsx(s.FloatingPortal,{children:e.jsx(s.FloatingFocusManager,{context:u,modal:!1,initialFocus:0,disabled:F||_,closeOnFocusOut:!0,restoreFocus:!0,returnFocus:!0,guards:!0,order:["content","reference"],children:e.jsx(B.Box,{"data-status":l,className:C(o&&P.themeClassName(o),O.floatinguiStyles[M],w.popoverStyles[A],b),...d(),style:q,ref:p,children:e.jsx(S.ActionListContextProvider,{allowChildrenTypes:L,getItemProps:f,itemsFocusable:!1,onItemClick:j,labelsRef:x,elementsRef:g,activeIndex:N,children:m})})})})})}):null};exports.SelectDropdown=T;

package/lib/Select/SelectDropdown.es.js

@@ -7,38 +7,41 @@ import { t as O } from "../../chunks/constants.CKKGf1-i.js";
 import "../_Options/Option.context.es.js";
 import { Option as T } from "../_Options/Option.es.js";
 import { useCallback as j } from "react";
+import "../_Options/OptionGroup.context.es.js";
+import "../../utils/hooks/useId.es.js";
+import "../ActionList/ActionList.es.js";
 import "../../chunks/form.context.D7b4066_.js";
 import "../Form/contexts/label.context.es.js";
 import "../Form/contexts/helperText.context.es.js";
 import { ActionListContextProvider as A } from "../ActionList/ActionList.context.es.js";
-import { f as D } from "../../chunks/floatingui.module.BcBFebz0.js";
+import { f as D } from "../../chunks/FloatingUI.arrow.BXR2atOC.js";
 import { p as E } from "../../chunks/popover.module.3dnl8y6-.js";
-const { baseClassNamePrefix: L } = a("floatingui"), { baseClassNamePrefix: q } = a("popover"), z = [T], I = ({
+const { baseClassNamePrefix: L } = a("floatingui"), { baseClassNamePrefix: q } = a("popover"), z = [T], er = ({
   setOpen: e,
   isMounted: i,
   status: l,
   nodeId: m,
   context: n,
-  getFloatingProps: f,
-  floatingStyles: p,
+  getFloatingProps: p,
+  floatingStyles: f,
   labelsRef: c,
   elementsRef: u,
   getItemProps: d,
   setFloating: g,
   disabled: F,
   readOnly: x,
-  theme: s,
+  theme: t,
   className: N,
   children: h,
-  multiple: t,
+  multiple: s,
   activeIndex: C,
   onItemClick: o
 }) => {
   const P = j(
     (b) => {
-      o == null || o(b), !t && e(!1);
+      o == null || o(b), !s && e(!1);
     },
-    [t, o, e]
+    [s, o, e]
   );
   return i ? /* @__PURE__ */ r(v, { children: /* @__PURE__ */ r(y, { id: m, children: /* @__PURE__ */ r(B, { children: /* @__PURE__ */ r(
     S,
@@ -57,13 +60,13 @@ const { baseClassNamePrefix: L } = a("floatingui"), { baseClassNamePrefix: q } =
         {
           "data-status": l,
           className: M(
-            s && O(s),
+            t && O(t),
             D[L],
             E[q],
             N
           ),
-          ...f(),
-          style: p,
+          ...p(),
+          style: f,
           ref: g,
           children: /* @__PURE__ */ r(
             A,
@@ -84,5 +87,5 @@ const { baseClassNamePrefix: L } = a("floatingui"), { baseClassNamePrefix: q } =
   ) }) }) }) : null;
 };
 export {
-  I as SelectDropdown
+  er as SelectDropdown
 };

package/lib/SideNav/SideNavActionList.es.js

@@ -16,6 +16,7 @@ const e = ({
     itemsFocusable: !0,
     parentContext: s,
     append: !0,
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     getItemProps: (m) => m
   }, children: /* @__PURE__ */ t(a, { ...n, children: r }) });
 };

package/lib/SideNav/SideNavActionListItemLabel.d.ts

@@ -5,4 +5,4 @@ export interface SideNavActionListItemLabelProps {
      */
     children: React.ReactNode;
 }
-export declare const SideNavActionListItemLabel: (props: SideNavActionListItemLabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SideNavActionListItemLabel: (props: SideNavActionListItemLabelProps) => React.ReactElement;

package/lib/Slider/DualSlider.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),m=require("react"),W=require("@floating-ui/react"),P=require("../../chunks/slider.module.hYyjcVRE.js"),Y=require("../Label/Label.cjs.js"),Z=require("./Slider.TickMarks.cjs.js"),b=require("./Slider.ValueAxisLabels.cjs.js"),ee=require("./Slider.Error.cjs.js"),A=require("./Slider.TextField.cjs.js"),I=require("./Slider.Thumb.cjs.js"),le=require("./hooks/useDualSliderLogic.cjs.js");require("../../chunks/constants.hwjHOsvT.js");require("../../chunks/form.context.hesWPMlU.js");const re=require("../Form/contexts/label.context.cjs.js"),ie=require("../Form/contexts/helperText.context.cjs.js");require("../../chunks/CSSLookup.DESAWWRT.js");require("../../utils/hooks/useId.cjs.js");const ae=require("./utils/slider.validation.utils.cjs.js"),R=require("./utils/slider.rendering.utils.cjs.js"),S=require("./slider.constants.cjs.js"),$=require("./hooks/useSliderEvents.cjs.js"),C=m.forwardRef(function({base:e,value:N,defaultValue:F,marksSource:w="none",restrictToValueAxis:x=!1,showTextField:L=!1,textFieldWidth:y=S.DEFAULT_TEXT_FIELD_WIDTH,persistentTooltip:T=!1,disabledTooltip:z=!1,helperText:B,contentBefore:q,contentAfter:p,minGap:g,onChange:H,...X},U){const G=W.useMergeRefs([e.containerRef,U]),_=ae.validateDualSliderDefaultValue(F,e.normalizedMin,e.normalizedMax),[t,u]=m.useState(!1),{value:i,setValue:a,markValues:j,step:n,getValidValue:s}=le.useDualSliderLogic({value:N,defaultValue:_,range:e.normalizedRange,min:e.normalizedMin,max:e.normalizedMax,step:e.normalizedStep,valueAxis:e.valueAxis,restrictToValueAxis:x,onChange:H,minGap:g});$.useSliderFormReset(e.internalInputRef,_??[e.normalizedMin??e.normalizedRange[0],e.normalizedMax??e.normalizedRange[1]],a,[_,e.normalizedMin,e.normalizedMax,e.normalizedRange,a]);const J=m.useCallback(l=>{if(e.disabled||e.readOnly)return;const[o,c]=i,f=Math.abs(l-o),h=Math.abs(l-c);f<h?a([l,c]):a([o,l])},[e.disabled,e.readOnly,a,i]),D=m.useCallback((l,o)=>{if(e.disabled||e.readOnly||!e.trackRef.current)return;const c=e.trackRef.current.getBoundingClientRect(),[f,h]=e.normalizedRange,d=R.clientXToValue(l,c,f,h,e.isRTL),[v,M]=i;if(o==="left")a([d,M]);else if(o==="right")a([v,d]);else{const K=Math.abs(d-v),Q=Math.abs(d-M);K<Q?(a([d,M]),u("left")):(a([v,d]),u("right"))}},[e.disabled,e.readOnly,e.normalizedRange,e.isRTL,a,i]);$.useSliderPointerEvents(t,D,()=>u(!1),()=>[t==="left"?"left":t==="right"?"right":void 0]);const[V,k]=e.normalizedRange,E=R.calculatePercentage(i[0],V,k),O=R.calculatePercentage(i[1],V,k);return r.jsxs("div",{ref:G,className:e.classNames.container,...X,children:[r.jsx(re.LabelProvider,{ctxHtmlFor:e.ids.input,ctxRequired:e.required,ctxDisabled:e.disabled,ctxId:e.aria.labelledBy,children:e.label&&typeof e.label=="string"?r.jsx(Y.Label,{children:e.label}):e.label}),r.jsxs("div",{className:e.classNames.contentContainer,role:"group",children:[q&&r.jsx("div",{className:P.styles[`${e.bem.subElementClassPrefix}content-before`],children:q}),L&&r.jsx(A.SliderTextField,{value:i[0],readOnly:e.readOnly,disabled:e.disabled,error:e.hasError,getValidValue:s,setValue:l=>{e.isRTL?a([i[0],l]):a([l,i[1]])},textFieldWidth:y,min:e.normalizedMin,max:e.normalizedMax,step:n,errorId:e.ids.error,ariaLabelledby:e.aria.labelledBy,ariaLabel:e.isRTL?e.aria.label?`${e.aria.label} (maximum)`:"Maximum value":e.aria.label?`${e.aria.label} (minimum)`:"Minimum value"}),r.jsxs("div",{style:{width:"100%"},children:[r.jsxs("div",{ref:e.trackRef,className:e.classNames.track,onPointerDown:l=>{e.disabled||e.readOnly||D(l.clientX)},children:[r.jsx("div",{className:e.classNames.fill,style:{[e.bem.variable("min-percentage")]:S.toCqw(E),[e.bem.variable("max-percentage")]:S.toCqw(O)}}),r.jsx(Z.SliderTickMarks,{valueAxis:e.valueAxis,markValues:j,range:e.normalizedRange,step:n,marksSource:w}),r.jsx(I.SliderThumb,{isRTL:e.isRTL,error:e.hasError,isDragging:t==="left",setIsDragging:l=>u(l?"left":!1),currentPercentage:E,disabled:e.disabled,readOnly:e.readOnly,value:i[0],range:e.normalizedRange,min:e.normalizedMin,max:e.normalizedMax,step:n,persistentTooltip:T,disabledTooltip:z,getValidValue:s,setValue:l=>a([l,i[1]]),ariaLabelledby:e.aria.labelledBy,ariaLabel:e.aria.label?`${e.aria.label} (minimum)`:"Minimum value",valueAxis:e.valueAxis,restrictToValueAxis:x,thumbSide:"left",otherThumbValue:i[1],minGap:g??n}),r.jsx(I.SliderThumb,{isRTL:e.isRTL,error:e.hasError,isDragging:t==="right",setIsDragging:l=>u(l?"right":!1),currentPercentage:O,disabled:e.disabled,readOnly:e.readOnly,value:i[1],range:e.normalizedRange,min:e.normalizedMin,max:e.normalizedMax,step:n,persistentTooltip:T,disabledTooltip:z,getValidValue:s,setValue:l=>a([i[0],l]),ariaLabelledby:e.aria.labelledBy,ariaLabel:e.aria.label?`${e.aria.label} (maximum)`:"Maximum value",valueAxis:e.valueAxis,restrictToValueAxis:x,thumbSide:"right",otherThumbValue:i[0],minGap:g??n})]}),r.jsx(b.SliderValueAxisLabels,{valueAxis:e.valueAxis,markValues:j,range:e.normalizedRange,showValueAxisLabels:e.showValueAxisLabels,onMarkClick:J,isRTL:e.isRTL})]}),L&&r.jsx(A.SliderTextField,{value:i[1],readOnly:e.readOnly,disabled:e.disabled,error:e.hasError,getValidValue:s,setValue:l=>{e.isRTL?a([l,i[1]]):a([i[0],l])},textFieldWidth:y,min:e.normalizedMin,max:e.normalizedMax,step:n,errorId:e.ids.error,ariaLabelledby:e.aria.labelledBy,ariaLabel:e.isRTL?e.aria.label?`${e.aria.label} (minimum)`:"Minimum value":e.aria.label?`${e.aria.label} (maximum)`:"Maximum value"}),p&&r.jsx("div",{className:P.styles[`${e.bem.subElementClassPrefix}content-after`],children:p})]}),e.name&&r.jsxs(r.Fragment,{children:[r.jsx("input",{type:"hidden",ref:e.internalInputRef,id:`${e.ids.input}-min`,name:`${e.name}-min`,value:i[0],disabled:e.disabled}),r.jsx("input",{type:"hidden",id:`${e.ids.input}-max`,name:`${e.name}-max`,value:i[1],disabled:e.disabled})]}),r.jsxs(ie.HelperTextProvider,{ctxId:e.ids.helperText,ctxDisabled:e.disabled,children:[B,r.jsx(ee.SliderError,{error:e.error,errorId:e.ids.error})]}),e.showErrors(e.ids.validationErrors)]})});exports.DualSlider=C;exports.default=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),m=require("react"),W=require("@floating-ui/react"),P=require("../../chunks/slider.module.hYyjcVRE.js"),Y=require("../Label/Label.cjs.js"),Z=require("./Slider.TickMarks.cjs.js"),b=require("./Slider.ValueAxisLabels.cjs.js"),ee=require("./Slider.Error.cjs.js"),A=require("./Slider.TextField.cjs.js"),I=require("./Slider.Thumb.cjs.js"),le=require("./hooks/useDualSliderLogic.cjs.js");require("../../chunks/constants.hwjHOsvT.js");require("../../chunks/form.context.hesWPMlU.js");const re=require("../Form/contexts/label.context.cjs.js"),ie=require("../Form/contexts/helperText.context.cjs.js");require("../../chunks/CSSLookup.DESAWWRT.js");require("../../utils/hooks/useId.cjs.js");const ae=require("./utils/slider.validation.utils.cjs.js"),R=require("./utils/slider.rendering.utils.cjs.js"),S=require("./slider.constants.cjs.js"),$=require("./hooks/useSliderEvents.cjs.js"),C=m.forwardRef(function({base:e,value:N,defaultValue:F,marksSource:w="none",restrictToValueAxis:x=!1,showTextField:L=!1,textFieldWidth:y=S.DEFAULT_TEXT_FIELD_WIDTH,persistentTooltip:T=!1,disabledTooltip:z=!1,helperText:B,contentBefore:q,contentAfter:p,minGap:g,onChange:H,...X},U){const G=W.useMergeRefs([e.containerRef,U]),_=ae.validateDualSliderDefaultValue(F,e.normalizedMin,e.normalizedMax),[t,u]=m.useState(!1),{value:i,setValue:a,markValues:j,step:n,getValidValue:s}=le.useDualSliderLogic({value:N,defaultValue:_,range:e.normalizedRange,min:e.normalizedMin,max:e.normalizedMax,step:e.normalizedStep,valueAxis:e.valueAxis,restrictToValueAxis:x,onChange:H,minGap:g});$.useSliderFormReset(e.internalInputRef,_??[e.normalizedMin??e.normalizedRange[0],e.normalizedMax??e.normalizedRange[1]],a,[_,e.normalizedMin,e.normalizedMax,e.normalizedRange,a]);const J=m.useCallback(l=>{if(e.disabled||e.readOnly)return;const[o,c]=i,f=Math.abs(l-o),h=Math.abs(l-c);f<h?a([l,c]):a([o,l])},[e.disabled,e.readOnly,a,i]),D=m.useCallback((l,o)=>{if(e.disabled||e.readOnly||!e.trackRef.current)return;const c=e.trackRef.current.getBoundingClientRect(),[f,h]=e.normalizedRange,d=R.clientXToValue(l,c,f,h,e.isRTL),[v,M]=i;if(o==="left")a([d,M]);else if(o==="right")a([v,d]);else{const K=Math.abs(d-v),Q=Math.abs(d-M);K<Q?(a([d,M]),u("left")):(a([v,d]),u("right"))}},[e.disabled,e.readOnly,e.normalizedRange,e.isRTL,e.trackRef,a,i]);$.useSliderPointerEvents(t,D,()=>u(!1),()=>[t==="left"?"left":t==="right"?"right":void 0]);const[k,V]=e.normalizedRange,E=R.calculatePercentage(i[0],k,V),O=R.calculatePercentage(i[1],k,V);return r.jsxs("div",{ref:G,className:e.classNames.container,...X,children:[r.jsx(re.LabelProvider,{ctxHtmlFor:e.ids.input,ctxRequired:e.required,ctxDisabled:e.disabled,ctxId:e.aria.labelledBy,children:e.label&&typeof e.label=="string"?r.jsx(Y.Label,{children:e.label}):e.label}),r.jsxs("div",{className:e.classNames.contentContainer,role:"group",children:[q&&r.jsx("div",{className:P.styles[`${e.bem.subElementClassPrefix}content-before`],children:q}),L&&r.jsx(A.SliderTextField,{value:i[0],readOnly:e.readOnly,disabled:e.disabled,error:e.hasError,getValidValue:s,setValue:l=>{e.isRTL?a([i[0],l]):a([l,i[1]])},textFieldWidth:y,min:e.normalizedMin,max:e.normalizedMax,step:n,errorId:e.ids.error,ariaLabelledby:e.aria.labelledBy,ariaLabel:e.isRTL?e.aria.label?`${e.aria.label} (maximum)`:"Maximum value":e.aria.label?`${e.aria.label} (minimum)`:"Minimum value"}),r.jsxs("div",{style:{width:"100%"},children:[r.jsxs("div",{ref:e.trackRef,className:e.classNames.track,onPointerDown:l=>{e.disabled||e.readOnly||D(l.clientX)},children:[r.jsx("div",{className:e.classNames.fill,style:{[e.bem.variable("min-percentage")]:S.toCqw(E),[e.bem.variable("max-percentage")]:S.toCqw(O)}}),r.jsx(Z.SliderTickMarks,{valueAxis:e.valueAxis,markValues:j,range:e.normalizedRange,step:n,marksSource:w}),r.jsx(I.SliderThumb,{isRTL:e.isRTL,error:e.hasError,isDragging:t==="left",setIsDragging:l=>u(l?"left":!1),currentPercentage:E,disabled:e.disabled,readOnly:e.readOnly,value:i[0],range:e.normalizedRange,min:e.normalizedMin,max:e.normalizedMax,step:n,persistentTooltip:T,disabledTooltip:z,getValidValue:s,setValue:l=>a([l,i[1]]),ariaLabelledby:e.aria.labelledBy,ariaLabel:e.aria.label?`${e.aria.label} (minimum)`:"Minimum value",valueAxis:e.valueAxis,restrictToValueAxis:x,thumbSide:"left",otherThumbValue:i[1],minGap:g??n}),r.jsx(I.SliderThumb,{isRTL:e.isRTL,error:e.hasError,isDragging:t==="right",setIsDragging:l=>u(l?"right":!1),currentPercentage:O,disabled:e.disabled,readOnly:e.readOnly,value:i[1],range:e.normalizedRange,min:e.normalizedMin,max:e.normalizedMax,step:n,persistentTooltip:T,disabledTooltip:z,getValidValue:s,setValue:l=>a([i[0],l]),ariaLabelledby:e.aria.labelledBy,ariaLabel:e.aria.label?`${e.aria.label} (maximum)`:"Maximum value",valueAxis:e.valueAxis,restrictToValueAxis:x,thumbSide:"right",otherThumbValue:i[0],minGap:g??n})]}),r.jsx(b.SliderValueAxisLabels,{valueAxis:e.valueAxis,markValues:j,range:e.normalizedRange,showValueAxisLabels:e.showValueAxisLabels,onMarkClick:J,isRTL:e.isRTL})]}),L&&r.jsx(A.SliderTextField,{value:i[1],readOnly:e.readOnly,disabled:e.disabled,error:e.hasError,getValidValue:s,setValue:l=>{e.isRTL?a([l,i[1]]):a([i[0],l])},textFieldWidth:y,min:e.normalizedMin,max:e.normalizedMax,step:n,errorId:e.ids.error,ariaLabelledby:e.aria.labelledBy,ariaLabel:e.isRTL?e.aria.label?`${e.aria.label} (minimum)`:"Minimum value":e.aria.label?`${e.aria.label} (maximum)`:"Maximum value"}),p&&r.jsx("div",{className:P.styles[`${e.bem.subElementClassPrefix}content-after`],children:p})]}),e.name&&r.jsxs(r.Fragment,{children:[r.jsx("input",{type:"hidden",ref:e.internalInputRef,id:`${e.ids.input}-min`,name:`${e.name}-min`,value:i[0],disabled:e.disabled}),r.jsx("input",{type:"hidden",id:`${e.ids.input}-max`,name:`${e.name}-max`,value:i[1],disabled:e.disabled})]}),r.jsxs(ie.HelperTextProvider,{ctxId:e.ids.helperText,ctxDisabled:e.disabled,children:[B,r.jsx(ee.SliderError,{error:e.error,errorId:e.ids.error})]}),e.showErrors(e.ids.validationErrors)]})});exports.DualSlider=C;exports.default=C;