@keycloak/keycloak-ui-shared 26.3.4 → 26.4.0

package/dist/keycloak-ui-shared.js

@@ -1,25 +1,25 @@
 import { jsx as t, jsxs as v, Fragment as j } from "react/jsx-runtime";
-import { AlertGroup as en, Alert as tn, AlertVariant as Be, AlertActionCloseButton as nn, Page as rn, Modal as Ct, ModalVariant as an, TextContent as ln, Text as Ce, Button as N, Spinner as kt, FormHelperText as We, HelperText as je, HelperTextItem as Ge, Popover as on, Icon as Ve, FormGroup as It, NumberInput as sn, ValidatedOptions as K, InputGroup as xe, InputGroupItem as Ne, TextInput as Se, Select as Te, SelectList as Ee, SelectOption as ze, MenuToggle as me, MenuToggleStatus as Je, TextInputGroup as wt, TextInputGroupMain as xt, ChipGroup as Ye, Chip as Qe, TextInputGroupUtilities as St, Switch as cn, TextArea as Tt, FileUpload as dn, Title as un, Card as hn, CardHeader as mn, CardTitle as pn, CardBody as fn, Grid as gn, GridItem as ot, PageSection as yn, JumpLinks as bn, JumpLinksItem as vn, ButtonVariant as Ie, Checkbox as Cn, Radio as kn, MenuFooter as In, Dropdown as wn, DropdownList as xn, DropdownItem as st, Masthead as Sn, MastheadToggle as Tn, PageToggleButton as En, MastheadBrand as An, MastheadContent as Rn, Toolbar as ke, ToolbarContent as _e, ToolbarItem as W, Avatar as Dn, Bullseye as On, EmptyState as Fn, EmptyStateIcon as ct, EmptyStateHeader as Pn, EmptyStateBody as Mn, EmptyStateFooter as Ln, EmptyStateActions as Bn, SearchInput as Vn, Divider as Nn, Pagination as _n, Badge as qn } from "@patternfly/react-core";
+import { AlertGroup as en, Alert as tn, AlertVariant as Le, AlertActionCloseButton as nn, Page as rn, Modal as Ct, ModalVariant as an, TextContent as ln, Text as Ce, Button as N, Spinner as kt, FormHelperText as We, HelperText as je, HelperTextItem as Ge, Popover as on, Icon as Be, FormGroup as It, NumberInput as sn, ValidatedOptions as K, InputGroup as xe, InputGroupItem as Ne, TextInput as Se, Select as Te, SelectList as Ee, SelectOption as ze, MenuToggle as me, MenuToggleStatus as Je, TextInputGroup as wt, TextInputGroupMain as xt, ChipGroup as Ye, Chip as Qe, TextInputGroupUtilities as St, Switch as cn, TextArea as Tt, FileUpload as dn, Title as un, Card as hn, CardHeader as mn, CardTitle as pn, CardBody as fn, Grid as gn, GridItem as ot, PageSection as yn, JumpLinks as bn, JumpLinksItem as vn, ButtonVariant as Ie, Checkbox as Cn, Radio as kn, MenuFooter as In, Dropdown as wn, DropdownList as xn, DropdownItem as st, Masthead as Sn, MastheadToggle as Tn, PageToggleButton as En, MastheadBrand as An, MastheadContent as Rn, Toolbar as ke, ToolbarContent as _e, ToolbarItem as W, Avatar as Dn, Bullseye as On, EmptyState as Fn, EmptyStateIcon as ct, EmptyStateHeader as Pn, EmptyStateBody as Vn, EmptyStateFooter as Mn, EmptyStateActions as Ln, SearchInput as Bn, Divider as Nn, Pagination as _n, Badge as qn } from "@patternfly/react-core";
 import { createContext as Et, useContext as At, useRef as J, useEffect as le, useCallback as he, useState as E, useMemo as q, forwardRef as $n, useId as Rt, Fragment as Dt, Children as Ot, Component as Un, isValidElement as Kn } from "react";
 import { useTranslation as _ } from "react-i18next";
 import { NetworkError as Ft } from "@keycloak/keycloak-admin-client";
 import Hn from "keycloak-js";
-import { ExclamationCircleIcon as Wn, HelpIcon as dt, EyeIcon as jn, EyeSlashIcon as Gn, TimesIcon as Pt, CubeIcon as zn, PaypalIcon as Jn, InstagramIcon as Yn, BitbucketIcon as Qn, MicrosoftIcon as Xn, TwitterIcon as Zn, StackOverflowIcon as er, OpenshiftIcon as tr, LinkedinIcon as nr, GoogleIcon as rr, GitlabIcon as ar, FacebookSquareIcon as lr, GithubIcon as ir, MinusCircleIcon as or, PlusCircleIcon as Mt, EllipsisVIcon as sr, BarsIcon as cr, SearchIcon as dr, SyncAltIcon as ur } from "@patternfly/react-icons";
+import { ExclamationCircleIcon as Wn, HelpIcon as dt, EyeIcon as jn, EyeSlashIcon as Gn, TimesIcon as Pt, CubeIcon as zn, PaypalIcon as Jn, InstagramIcon as Yn, BitbucketIcon as Qn, MicrosoftIcon as Xn, TwitterIcon as Zn, StackOverflowIcon as er, OpenshiftIcon as tr, LinkedinIcon as nr, GoogleIcon as rr, GitlabIcon as ar, FacebookSquareIcon as lr, GithubIcon as ir, MinusCircleIcon as or, PlusCircleIcon as Vt, EllipsisVIcon as sr, BarsIcon as cr, SearchIcon as dr, SyncAltIcon as ur } from "@patternfly/react-icons";
 import { useFormContext as Ae, Controller as ie, useController as Re, FormProvider as hr, useWatch as mr } from "react-hook-form";
-import { get as V, cloneDeep as pr, intersectionBy as fr } from "lodash-es";
+import { get as B, cloneDeep as pr, intersectionBy as fr } from "lodash-es";
 import be from "@patternfly/react-styles/css/components/Avatar/avatar";
 import { css as gr } from "@patternfly/react-styles";
-import { Table as yr, TableVariant as br, Thead as vr, Tr as ve, Th as Me, Tbody as ut, Td as re, ExpandableRowContent as Cr, ActionsColumn as kr, TableText as Ir } from "@patternfly/react-table";
+import { Table as yr, TableVariant as br, Thead as vr, Tr as ve, Th as Ve, Tbody as ut, Td as re, ExpandableRowContent as Cr, ActionsColumn as kr, TableText as Ir } from "@patternfly/react-table";
 import './main.css';function Xe(e, n) {
   const r = Et(n);
   return r.displayName = e, r;
 }
-const wr = ["error", "errorMessage"], Le = "error_description";
+const wr = ["error", "errorMessage"], Me = "error_description";
 function xr(e) {
   if (typeof e == "string")
     return e;
   if (e instanceof Ft)
-    return Lt(e.responseData);
+    return Mt(e.responseData);
   if (e instanceof Error)
     return e.message;
   throw new Error("Unable to determine error message.");
@@ -31,10 +31,10 @@ function Sr(e) {
   return Tr(n);
 }
 function Tr(e) {
-  if (typeof e == "object" && e !== null && Le in e && typeof e[Le] == "string")
-    return e[Le];
+  if (typeof e == "object" && e !== null && Me in e && typeof e[Me] == "string")
+    return e[Me];
 }
-function Lt(e) {
+function Mt(e) {
   if (!(typeof e != "object" || e === null))
     for (const n of wr) {
       const r = e[n];
@@ -87,7 +87,7 @@ function Dr({ alerts: e, onCloseAlert: n }) {
         {
           "data-testid": o === 0 ? "last-alert" : void 0,
           isLiveRegion: !0,
-          variant: Be[a],
+          variant: Le[a],
           component: "p",
           variantLabel: "",
           title: l,
@@ -105,12 +105,12 @@ function Dr({ alerts: e, onCloseAlert: n }) {
     }
   );
 }
-const Or = 8e3, Bt = Xe(
+const Or = 8e3, Lt = Xe(
   "AlertContext",
   void 0
-), _a = () => Ze(Bt), Fr = ({ children: e }) => {
+), _a = () => Ze(Lt), Fr = ({ children: e }) => {
   const { t: n } = _(), r = Rr(), [a, l] = E([]), i = (u) => l((h) => h.filter((c) => c.id !== u)), o = he(
-    (u, h = Be.success, c) => {
+    (u, h = Le.success, c) => {
       const y = {
         id: Er(),
         message: u,
@@ -123,16 +123,16 @@ const Or = 8e3, Bt = Xe(
   ), s = he(
     (u, h) => {
       const c = n(u, { error: xr(h) }), y = Sr(h);
-      o(c, Be.danger, y);
+      o(c, Le.danger, y);
     },
     [o, n]
   ), d = q(() => ({ addAlert: o, addError: s }), [o, s]);
-  return /* @__PURE__ */ v(Bt.Provider, { value: d, children: [
+  return /* @__PURE__ */ v(Lt.Provider, { value: d, children: [
     /* @__PURE__ */ t(Dr, { alerts: a, onCloseAlert: i }),
     e
   ] });
 }, Pr = (e) => {
-  const { t: n, i18n: r } = _(), a = e.error, l = Mr(a), i = Lt(a);
+  const { t: n, i18n: r } = _(), a = e.error, l = Vr(a), i = Mt(a);
   console.error(a);
   function o() {
     location.href = location.origin + location.pathname;
@@ -152,10 +152,10 @@ const Or = 8e3, Bt = Xe(
     }
   ) });
 };
-function Mr(e) {
+function Vr(e) {
   return e instanceof Error ? e.message : null;
 }
-function Lr(e, n, r) {
+function Mr(e, n, r) {
   const [a, l] = E(
     () => e.getItem(n) ?? r
   ), i = he((o) => {
@@ -169,11 +169,11 @@ function Lr(e, n, r) {
     return () => window.removeEventListener("storage", o);
   }, [e, n]), [a, i];
 }
-function Vt(e, n, r) {
+function Bt(e, n, r) {
   const a = q(
     () => JSON.stringify(r),
     [r]
-  ), [l, i] = Lr(
+  ), [l, i] = Mr(
     e,
     n,
     a
@@ -186,8 +186,8 @@ function Vt(e, n, r) {
 const Nt = Xe(
   "HelpContext",
   void 0
-), Br = () => Ze(Nt), Vr = ({ children: e }) => {
-  const [n, r] = Vt(localStorage, "helpEnabled", !0);
+), Lr = () => Ze(Nt), Br = ({ children: e }) => {
+  const [n, r] = Bt(localStorage, "helpEnabled", !0);
   function a() {
     r(!n);
   }
@@ -223,7 +223,7 @@ const qa = () => {
       responseMode: "query",
       scope: e.scope
     }).then(() => l(!0)).catch((u) => o(u)), r.current = !0;
-  }, [s]), i ? /* @__PURE__ */ t(Pr, { error: i }) : a ? /* @__PURE__ */ t(qe.Provider, { value: { environment: e, keycloak: s }, children: /* @__PURE__ */ t(Fr, { children: /* @__PURE__ */ t(Vr, { children: n }) }) }) : /* @__PURE__ */ t(kt, {});
+  }, [s]), i ? /* @__PURE__ */ t(Pr, { error: i }) : a ? /* @__PURE__ */ t(qe.Provider, { value: { environment: e, keycloak: s }, children: /* @__PURE__ */ t(Fr, { children: /* @__PURE__ */ t(Br, { children: n }) }) }) : /* @__PURE__ */ t(kt, {});
 };
 function Ua() {
   const n = document.getElementById("environment")?.textContent;
@@ -302,7 +302,7 @@ const Ka = ({
   noVerticalAlign: r = !0,
   unWrap: a = !1
 }) => {
-  const { enabled: l } = Br();
+  const { enabled: l } = Lr();
   return l ? /* @__PURE__ */ t(on, { bodyContent: e, children: /* @__PURE__ */ v(j, { children: [
     !a && /* @__PURE__ */ t(
       "button",
@@ -311,10 +311,10 @@ const Ka = ({
         "aria-label": n,
         onClick: (i) => i.preventDefault(),
         className: "pf-v5-c-form__group-label-help",
-        children: /* @__PURE__ */ t(Ve, { isInline: r, children: /* @__PURE__ */ t(dt, {}) })
+        children: /* @__PURE__ */ t(Be, { isInline: r, children: /* @__PURE__ */ t(dt, {}) })
       }
     ),
-    a && /* @__PURE__ */ t(Ve, { isInline: r, children: /* @__PURE__ */ t(dt, {}) })
+    a && /* @__PURE__ */ t(Be, { isInline: r, children: /* @__PURE__ */ t(dt, {}) })
   ] }) }) : null;
 };
 function oe(e) {
@@ -475,7 +475,7 @@ const Wa = (e) => {
       name: n,
       label: r,
       isRequired: C,
-      error: V(c, n),
+      error: B(c, n),
       labelIcon: o,
       children: /* @__PURE__ */ t(
         ie,
@@ -501,7 +501,7 @@ const Wa = (e) => {
                   onClick: () => g(!y),
                   isExpanded: y,
                   isFullWidth: !0,
-                  status: V(c, n) ? Je.danger : void 0,
+                  status: B(c, n) ? Je.danger : void 0,
                   "aria-label": r,
                   isDisabled: s,
                   children: te(a) ? a.find(
@@ -545,7 +545,7 @@ const Wa = (e) => {
       ...l
     ],
     [l, a]
-  ), B = A.filter(
+  ), L = A.filter(
     (f) => ee(f).toLowerCase().startsWith(R.toLowerCase())
   ), H = (f, k) => {
     k.value.includes(f) ? (k.onChange(k.value.filter((D) => D !== f)), te(a) && I(
@@ -554,8 +554,8 @@ const Wa = (e) => {
       ...T,
       A.find((D) => D.key === f)
     ]));
-  }, M = (f, k) => {
-    const D = B[m];
+  }, V = (f, k) => {
+    const D = L[m];
     switch (C(!0), f.key) {
       case "Enter": {
         f.preventDefault(), p(F ? "" : ee(D)), H(ae(D), k), C(!1), S(0);
@@ -586,7 +586,7 @@ const Wa = (e) => {
       name: n,
       label: r,
       isRequired: x,
-      error: V(y, n),
+      error: B(y, n),
       labelIcon: o,
       children: /* @__PURE__ */ t(
         ie,
@@ -614,7 +614,7 @@ const Wa = (e) => {
                   },
                   isExpanded: g,
                   isFullWidth: !0,
-                  status: V(y, n) ? Je.danger : void 0,
+                  status: B(y, n) ? Je.danger : void 0,
                   children: /* @__PURE__ */ v(wt, { isPlain: !0, children: [
                     /* @__PURE__ */ t(
                       xt,
@@ -627,7 +627,7 @@ const Wa = (e) => {
                         onChange: (D, O) => {
                           p(O), d?.(O);
                         },
-                        onKeyDown: (D) => M(D, f),
+                        onKeyDown: (D) => V(D, f),
                         autoComplete: "off",
                         innerRef: b,
                         role: "combobox",
@@ -674,7 +674,7 @@ const Wa = (e) => {
                 F && Array.isArray(f.value) ? (p(""), H(O || "", f)) : (f.onChange(Array.isArray(f.value) ? [O] : O), C(!1));
               },
               isOpen: g,
-              children: /* @__PURE__ */ t(Ee, { children: B.map((k, D) => /* @__PURE__ */ t(
+              children: /* @__PURE__ */ t(Ee, { children: L.map((k, D) => /* @__PURE__ */ t(
                 ze,
                 {
                   value: ae(k),
@@ -706,9 +706,7 @@ function Ga(e, n, r) {
   (e.responseData.errors !== void 0 ? e.responseData.errors : [e.responseData]).forEach((a) => {
     const l = Object.assign(
       {},
-      a.params?.map(
-        (i) => $e(i?.toString()) ? r(Ue(i)) : i
-      )
+      a.params?.map((i) => $e(i) ? r(Ue(i)) : i)
     );
     n(Q(a.field), {
       message: r(
@@ -766,6 +764,7 @@ const Ja = ({
               id: l.name,
               "data-testid": Hr(l.name),
               label: e,
+              "aria-label": l.label,
               isChecked: n ? u === "true" : u,
               onChange: (h, c) => {
                 const y = n ? c.toString() : c;
@@ -872,7 +871,7 @@ const Ja = ({
   );
 }, Za = ({ icon: e }) => {
   const n = jr(e);
-  return /* @__PURE__ */ t(Ve, { size: "lg", children: /* @__PURE__ */ t(n, { alt: e }) });
+  return /* @__PURE__ */ t(Be, { size: "lg", children: /* @__PURE__ */ t(n, { alt: e }) });
 };
 function jr(e) {
   switch (e) {
@@ -1053,7 +1052,7 @@ const Gr = "_title_180i0_2", zr = {
     r.annotations?.inputHelperTextBefore
   ), {
     formState: { errors: o }
-  } = n, s = a?.(r), d = V(o, Q(r.name));
+  } = n, s = a?.(r), d = B(o, Q(r.name));
   return /* @__PURE__ */ v(
     It,
     {
@@ -1090,6 +1089,7 @@ const Gr = "_title_180i0_2", zr = {
     form: n,
     "aria-label": Ke(e, r),
     name: Q(r.name),
+    defaultValue: [r.defaultValue || ""],
     addButtonLabel: e("addMultivaluedLabel", {
       fieldLabel: Ke(e, r)
     }),
@@ -1161,7 +1161,7 @@ const Gr = "_title_180i0_2", zr = {
         "data-testid": "addValue",
         isDisabled: !T || i,
         children: [
-          /* @__PURE__ */ t(Mt, {}),
+          /* @__PURE__ */ t(Vt, {}),
           " ",
           e(l || "add")
         ]
@@ -1175,7 +1175,7 @@ const Gr = "_title_180i0_2", zr = {
     {
       name: Q(a.name),
       control: n.control,
-      defaultValue: "",
+      defaultValue: a.defaultValue,
       render: ({ field: h }) => /* @__PURE__ */ t(j, { children: s.map((c) => /* @__PURE__ */ t(
         o,
         {
@@ -1279,13 +1279,13 @@ const Gr = "_title_180i0_2", zr = {
 }) => {
   const [T, I] = E(""), [b, x] = E(0), F = J(), A = Ot.toArray(
     m
-  ), B = () => {
+  ), L = () => {
     r?.(!S.isOpen);
-  }, H = (M) => {
+  }, H = (V) => {
     const f = A[b];
-    switch (r?.(!0), M.key) {
+    switch (r?.(!0), V.key) {
       case "Enter": {
-        M.preventDefault(), l !== z.typeaheadMulti ? I(f.props.value) : I(""), n?.(f.props.value), r?.(!1), x(0);
+        V.preventDefault(), l !== z.typeaheadMulti ? I(f.props.value) : I(""), n?.(f.props.value), r?.(!1), x(0);
         break;
       }
       case "Escape": {
@@ -1298,9 +1298,9 @@ const Gr = "_title_180i0_2", zr = {
       }
       case "ArrowUp":
       case "ArrowDown": {
-        M.preventDefault();
+        V.preventDefault();
         let k = 0;
-        M.key === "ArrowUp" && (b === 0 ? k = A.length - 1 : k = b - 1), M.key === "ArrowDown" && (b === A.length - 1 ? k = 0 : k = b + 1), x(k);
+        V.key === "ArrowUp" && (b === 0 ? k = A.length - 1 : k = b - 1), V.key === "ArrowDown" && (b === A.length - 1 ? k = 0 : k = b + 1), x(k);
         break;
       }
     }
@@ -1309,17 +1309,17 @@ const Gr = "_title_180i0_2", zr = {
     Te,
     {
       ...S,
-      onClick: B,
-      onOpenChange: (M) => r?.(M),
-      onSelect: (M, f) => {
+      onClick: L,
+      onOpenChange: (V) => r?.(V),
+      onSelect: (V, f) => {
         n?.(f || ""), a?.(""), I("");
       },
       maxMenuHeight: we(s),
       popperProps: { direction: h, width: we(d) },
-      toggle: (M) => /* @__PURE__ */ t(
+      toggle: (V) => /* @__PURE__ */ t(
         me,
         {
-          ref: M,
+          ref: V,
           id: e,
           variant: "typeahead",
           onClick: () => r?.(!0),
@@ -1334,7 +1334,7 @@ const Gr = "_title_180i0_2", zr = {
               {
                 placeholder: o,
                 value: l === z.typeahead && c ? c : T,
-                onClick: B,
+                onClick: L,
                 onChange: (f, k) => {
                   I(k), a?.(k);
                 },
@@ -1400,7 +1400,7 @@ const we = (e) => typeof e == "number" ? e + "px" : e, sa = ({
     ie,
     {
       name: Q(l.name),
-      defaultValue: "",
+      defaultValue: l.defaultValue,
       control: r.control,
       render: ({ field: p }) => /* @__PURE__ */ t(
         sa,
@@ -1434,7 +1434,8 @@ const we = (e) => typeof e == "number" ? e + "px" : e, sa = ({
       cols: r.annotations?.inputTypeCols,
       rows: r.annotations?.inputTypeRows,
       readOnly: r.readOnly,
-      isRequired: a
+      isRequired: a,
+      defaultValue: r.defaultValue
     }
   ) });
 }, U = (e) => {
@@ -1453,6 +1454,7 @@ const we = (e) => typeof e == "number" ? e + "px" : e, sa = ({
       ),
       isDisabled: a.readOnly,
       isRequired: l,
+      defaultValue: a.defaultValue,
       ...n.register(Q(a.name))
     }
   ) });
@@ -1851,10 +1853,10 @@ const ba = () => {
   isDisabled: d = !1,
   children: u
 }) => /* @__PURE__ */ v(Fn, { "data-testid": "empty-state", variant: "lg", children: [
-  a && l ? /* @__PURE__ */ t(ct, { icon: dr }) : a && /* @__PURE__ */ t(ct, { icon: s || Mt }),
+  a && l ? /* @__PURE__ */ t(ct, { icon: dr }) : a && /* @__PURE__ */ t(ct, { icon: s || Vt }),
   /* @__PURE__ */ t(Pn, { titleText: e, headingLevel: "h1" }),
-  /* @__PURE__ */ t(Mn, { children: n }),
-  /* @__PURE__ */ v(Ln, { children: [
+  /* @__PURE__ */ t(Vn, { children: n }),
+  /* @__PURE__ */ v(Mn, { children: [
     i && /* @__PURE__ */ t(
       N,
       {
@@ -1866,7 +1868,7 @@ const ba = () => {
       }
     ),
     u,
-    o && /* @__PURE__ */ t(Bn, { children: o.map((h) => /* @__PURE__ */ t(
+    o && /* @__PURE__ */ t(Ln, { children: o.map((h) => /* @__PURE__ */ t(
       N,
       {
         "data-testid": `${h.text.replace(/\W+/g, "-").toLowerCase()}-empty-action`,
@@ -1898,7 +1900,7 @@ const ba = () => {
       i && /* @__PURE__ */ t(W, { children: /* @__PURE__ */ v(xe, { "data-testid": i, children: [
         l,
         o && /* @__PURE__ */ t(
-          Vn,
+          Bn,
           {
             "data-testid": "table-search-input",
             placeholder: o,
@@ -2033,16 +2035,16 @@ function wa({
       T(F);
     } else if (b === -1) {
       const F = S.map(
-        (A) => V(A, "id")
+        (A) => B(A, "id")
       );
       T(
         x ? [...C, ...n.map((A) => A.data)] : C.filter(
-          (A) => !F.includes(V(A, "id"))
+          (A) => !F.includes(B(A, "id"))
         )
       );
     } else
       T(x ? [...C, n[b].data] : C.filter(
-        (F) => V(F, "id") !== n[b].data.id
+        (F) => B(F, "id") !== n[b].data.id
       ));
   };
   return /* @__PURE__ */ v(
@@ -2053,9 +2055,9 @@ function wa({
       "aria-label": g(l),
       children: [
         /* @__PURE__ */ t(vr, { children: /* @__PURE__ */ v(ve, { children: [
-          s && /* @__PURE__ */ t(Me, { screenReaderText: g("expandRow") }),
+          s && /* @__PURE__ */ t(Ve, { screenReaderText: g("expandRow") }),
           d && /* @__PURE__ */ t(
-            Me,
+            Ve,
             {
               screenReaderText: g("selectAll"),
               select: c ? void 0 : {
@@ -2067,7 +2069,7 @@ function wa({
             }
           ),
           e.map((b) => /* @__PURE__ */ t(
-            Me,
+            Ve,
             {
               screenReaderText: g("expandRow"),
               className: b.transforms?.[0]().className,
@@ -2081,13 +2083,13 @@ function wa({
             re,
             {
               expand: n[x + 1].cells.length === 0 ? void 0 : {
-                isExpanded: !!p[x],
+                isExpanded: p[x] ?? !1,
                 rowIndex: x,
                 expandId: "expandable-row-",
-                onToggle: (F, A, B) => {
-                  s(B, A);
+                onToggle: (F, A, L) => {
+                  s(L, A);
                   const H = [...p];
-                  H[x] = B, m(H);
+                  H[x] = L, m(H);
                 }
               }
             }
@@ -2101,7 +2103,7 @@ function wa({
               actionResolver: a
             }
           )
-        ] }) : /* @__PURE__ */ v(ve, { isExpanded: !!p[x - 1], children: [
+        ] }) : /* @__PURE__ */ v(ve, { isExpanded: p[x - 1] ?? !1, children: [
           /* @__PURE__ */ t(re, {}),
           /* @__PURE__ */ t(re, { colSpan: e.length, children: /* @__PURE__ */ t(Cr, { children: /* @__PURE__ */ t(Ia, { row: b }) }) })
         ] }) }, x)) : /* @__PURE__ */ t(ut, { children: n.map((b, x) => /* @__PURE__ */ v(ve, { isExpanded: p[x], children: [
@@ -2110,11 +2112,11 @@ function wa({
             {
               select: {
                 rowIndex: x,
-                onSelect: (F, A, B) => {
-                  I(B, A);
+                onSelect: (F, A, L) => {
+                  I(L, A);
                 },
                 isSelected: !!C.find(
-                  (F) => V(F, "id") === b.data.id
+                  (F) => B(F, "id") === b.data.id
                 ),
                 variant: c ? "radio" : "checkbox",
                 isDisabled: b.disableSelection
@@ -2157,42 +2159,42 @@ function xa({
   isSearching: S = !1,
   ...T
 }) {
-  const { t: I } = _(), [b, x] = E([]), [F, A] = E(), [B, H] = E(), [M, f] = E(!1), [k, D] = Vt(
+  const { t: I } = _(), [b, x] = E([]), [F, A] = E(), [L, H] = E(), [V, f] = E(!1), [k, D] = Bt(
     localStorage,
     "pageSize",
     10
-  ), [O, se] = E(k), [$, ce] = E(0), [G, Oe] = E(""), tt = J(), [fe, Gt] = E(0), nt = J(), rt = () => Gt(fe + 1), zt = Rt(), at = (w, P) => w.map((L) => {
-    if ("cellFormatters" in L) {
-      const Z = V(P, L.name);
-      return L.cellFormatters?.reduce((de, ye) => ye(de), Z);
+  ), [O, se] = E(k), [$, ce] = E(0), [G, Oe] = E(""), tt = J(), [fe, Gt] = E(0), nt = J(), rt = () => Gt(fe + 1), zt = Rt(), at = (w, P) => w.map((M) => {
+    if ("cellFormatters" in M) {
+      const Z = B(P, M.name);
+      return M.cellFormatters?.reduce((de, ye) => ye(de), Z);
     }
-    if (L.cellRenderer) {
-      const Z = L.cellRenderer;
+    if (M.cellRenderer) {
+      const Z = M.cellRenderer;
       return { title: /* @__PURE__ */ t(Z, { ...P }) };
     }
-    return V(P, L.name);
+    return B(P, M.name);
   }), lt = (w) => {
-    const P = (L) => s?.[0]?.enabled?.(L);
-    return w.map((L, Z) => {
-      const de = d ? d(L) : !1, ye = [
+    const P = (M) => s?.[0]?.enabled?.(M);
+    return w.map((M, Z) => {
+      const de = d ? d(M) : !1, ye = [
         {
-          data: L,
+          data: M,
           disableSelection: de,
           disableActions: de,
-          selected: !!b.find((Zt) => V(Zt, "id") === V(L, "id")),
-          isOpen: P(L) ? !1 : void 0,
-          cells: at(h, L)
+          selected: !!b.find((Zt) => B(Zt, "id") === B(M, "id")),
+          isOpen: P(M) ? !1 : void 0,
+          cells: at(h, M)
         }
       ];
       return s && ye.push({
         parent: Z * 2,
-        cells: P(L) ? at(s, L) : []
+        cells: P(M) ? at(s, M) : []
       }), ye;
     }).flat();
   }, Fe = (w) => ["string", "number"].includes(typeof w) ? w.toString() : w instanceof Array ? w.map(Fe).join("") : typeof w == "object" ? Fe(
     Kn(w.title) ? w.title.props : Object.values(w)
   ) : "", it = q(
-    () => G === "" || r ? void 0 : lt(B || []).filter(
+    () => G === "" || r ? void 0 : lt(L || []).filter(
       (w) => w.cells.some(
         (P) => P && Fe(P).toLowerCase().includes(G.toLowerCase())
       )
@@ -2203,7 +2205,7 @@ function xa({
     async () => {
       f(!0);
       const w = tt.current === "" && G !== "";
-      return w && ce(0), tt.current = G, typeof u == "function" ? fe === nt.current && B ? B : await u(w ? 0 : $, O + 1, G) : u;
+      return w && ce(0), tt.current = G, typeof u == "function" ? fe === nt.current && L ? L : await u(w ? 0 : $, O + 1, G) : u;
     },
     (w) => {
       nt.current = fe, r || (H(w), w.length > $ ? w = w.slice($, $ + O + 1) : ce(0));
@@ -2218,7 +2220,7 @@ function xa({
       typeof u != "function" ? u : void 0
     ]
   );
-  const Jt = () => c && pr(c).map((w, P) => (delete w.onRowClick, w.onClick = async (L, Z) => {
+  const Jt = () => c && pr(c).map((w, P) => (delete w.onRowClick, w.onClick = async (M, Z) => {
     await c[P].onRowClick(
       (it || F)[Z].data
     ) && (r || Oe(""), rt());
@@ -2255,7 +2257,7 @@ function xa({
         ] }),
         subToolbar: R,
         children: [
-          !M && !ge && /* @__PURE__ */ t(
+          !V && !ge && /* @__PURE__ */ t(
             wa,
             {
               ...T,
@@ -2275,7 +2277,7 @@ function xa({
               ariaLabelKey: e
             }
           ),
-          !M && ge && Pe && /* @__PURE__ */ t(
+          !V && ge && Pe && /* @__PURE__ */ t(
             va,
             {
               hasIcon: !0,
@@ -2295,8 +2297,8 @@ function xa({
         ]
       }
     ),
-    M && /* @__PURE__ */ t(ba, {}),
-    !M && ge && !Pe && p
+    V && /* @__PURE__ */ t(ba, {}),
+    !V && ge && !Pe && p
   ] });
 }
 const Sa = ({ link: e, organization: n }) => {
@@ -2391,7 +2393,7 @@ export {
   _t as FormErrorText,
   Jr as FormPanel,
   el as FormSubmitButton,
-  Vr as Help,
+  Br as Help,
   qt as HelpItem,
   Za as IconMapper,
   xa as KeycloakDataTable,
@@ -2422,7 +2424,7 @@ export {
   xr as getErrorMessage,
   Ua as getInjectedEnvironment,
   Tr as getNetworkErrorDescription,
-  Lt as getNetworkErrorMessage,
+  Mt as getNetworkErrorMessage,
   Ar as isDefined,
   za as isUserProfileError,
   ne as label,
@@ -2432,8 +2434,8 @@ export {
   qa as useEnvironment,
   Wt as useErrorBoundary,
   ya as useFetch,
-  Br as useHelp,
+  Lr as useHelp,
   Ze as useRequiredContext,
   Rr as useSetTimeout,
-  Vt as useStoredState
+  Bt as useStoredState
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@keycloak/keycloak-ui-shared",
-  "version": "26.3.4",
+  "version": "26.4.0",
   "type": "module",
   "main": "./dist/keycloak-ui-shared.js",
   "types": "./dist/keycloak-ui-shared.d.ts",
@@ -43,23 +43,23 @@
     "@patternfly/react-icons": "^5.4.2",
     "@patternfly/react-styles": "^5.4.1",
     "@patternfly/react-table": "^5.4.16",
-    "i18next": "^25.2.1",
+    "i18next": "^25.5.2",
     "keycloak-js": "^26.2.0",
     "lodash-es": "^4.17.21",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-hook-form": "7.59.0",
-    "react-i18next": "^15.5.3",
-    "@keycloak/keycloak-admin-client": "26.3.4"
+    "react-hook-form": "7.63.0",
+    "react-i18next": "^15.7.3",
+    "@keycloak/keycloak-admin-client": "26.4.0"
   },
   "devDependencies": {
     "@types/lodash-es": "^4.17.12",
     "@types/react": "^18.3.18",
     "@types/react-dom": "^18.3.5",
-    "@vitejs/plugin-react-swc": "^3.10.2",
+    "@vitejs/plugin-react-swc": "^4.1.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "vite": "^7.0.0",
-    "vite-plugin-checker": "^0.9.3",
+    "vite": "^7.1.6",
+    "vite-plugin-checker": "^0.10.3",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vitest": "^3.2.4"