@keycloak/keycloak-ui-shared 26.1.2 → 26.1.4

package/dist/keycloak-ui-shared.js

@@ -1,15 +1,15 @@
 import { jsx as t, jsxs as v, Fragment as K } from "react/jsx-runtime";
-import { AlertGroup as en, Alert as tn, AlertVariant as Pe, AlertActionCloseButton as nn, Page as rn, Modal as Ct, ModalVariant as an, Button as N, TextContent as ln, Text as Me, Spinner as vt, FormHelperText as Ke, HelperText as He, HelperTextItem as We, Popover as sn, Icon as Le, FormGroup as kt, NumberInput as on, ValidatedOptions as G, InputGroup as ke, InputGroupItem as Ne, TextInput as Ie, Select as we, MenuToggle as ce, MenuToggleStatus as je, SelectList as xe, SelectOption as Ge, TextInputGroup as It, TextInputGroupMain as wt, ChipGroup as ze, Chip as Je, TextInputGroupUtilities as xt, Switch as cn, TextArea as St, Title as dn, Card as un, CardHeader as hn, CardTitle as pn, CardBody as fn, Grid as mn, GridItem as it, PageSection as gn, JumpLinks as yn, JumpLinksItem as bn, ButtonVariant as Ce, Checkbox as Cn, Radio as vn, MenuFooter as kn, Dropdown as In, DropdownList as wn, DropdownItem as st, Masthead as xn, MastheadToggle as Sn, PageToggleButton as Tn, MastheadBrand as An, MastheadContent as En, Toolbar as be, ToolbarContent as Be, ToolbarItem as U, Avatar as Rn, Bullseye as On, EmptyState as Dn, EmptyStateIcon as ot, EmptyStateHeader as Fn, EmptyStateBody as Pn, EmptyStateFooter as Mn, EmptyStateActions as Ln, SearchInput as Nn, Divider as Bn, Pagination as Vn, Badge as _n } from "@patternfly/react-core";
-import { createContext as Tt, useContext as At, useRef as z, useEffect as re, useCallback as oe, useState as S, useMemo as V, forwardRef as qn, useId as Et, Fragment as Rt, Children as Ot, Component as $n, isValidElement as Un } from "react";
+import { AlertGroup as en, Alert as tn, AlertVariant as Pe, AlertActionCloseButton as nn, Page as rn, Modal as Ct, ModalVariant as an, Button as B, TextContent as ln, Text as Me, Spinner as vt, FormHelperText as Ke, HelperText as He, HelperTextItem as We, Popover as sn, Icon as Le, FormGroup as kt, NumberInput as on, ValidatedOptions as G, InputGroup as ke, InputGroupItem as Ne, TextInput as Ie, Select as we, MenuToggle as ce, MenuToggleStatus as je, SelectList as xe, SelectOption as Ge, TextInputGroup as It, TextInputGroupMain as wt, ChipGroup as ze, Chip as Je, TextInputGroupUtilities as xt, Switch as cn, TextArea as St, Title as dn, Card as un, CardHeader as hn, CardTitle as pn, CardBody as fn, Grid as mn, GridItem as it, PageSection as gn, JumpLinks as yn, JumpLinksItem as bn, ButtonVariant as Ce, Checkbox as Cn, Radio as vn, MenuFooter as kn, Dropdown as In, DropdownList as wn, DropdownItem as st, Masthead as xn, MastheadToggle as Sn, PageToggleButton as Tn, MastheadBrand as An, MastheadContent as En, Toolbar as be, ToolbarContent as Be, ToolbarItem as U, Avatar as Rn, Bullseye as On, EmptyState as Dn, EmptyStateIcon as ot, EmptyStateHeader as Fn, EmptyStateBody as Pn, EmptyStateFooter as Mn, EmptyStateActions as Ln, SearchInput as Nn, Divider as Bn, Pagination as Vn, Badge as _n } from "@patternfly/react-core";
+import { createContext as Tt, useContext as At, useRef as z, useEffect as ne, useCallback as oe, useState as T, useMemo as V, forwardRef as qn, useId as Et, Fragment as Rt, Children as Ot, Component as $n, isValidElement as Un } from "react";
 import { useTranslation as _ } from "react-i18next";
 import { NetworkError as Dt } from "@keycloak/keycloak-admin-client";
 import Kn from "keycloak-js";
 import { ExclamationCircleIcon as Hn, HelpIcon as ct, EyeIcon as Wn, EyeSlashIcon as jn, TimesIcon as Ft, CubeIcon as Gn, PaypalIcon as zn, InstagramIcon as Jn, BitbucketIcon as Yn, MicrosoftIcon as Qn, TwitterIcon as Xn, StackOverflowIcon as Zn, OpenshiftIcon as er, LinkedinIcon as tr, GoogleIcon as nr, GitlabIcon as rr, FacebookSquareIcon as ar, GithubIcon as lr, MinusCircleIcon as ir, PlusCircleIcon as Pt, EllipsisVIcon as sr, BarsIcon as or, SearchIcon as cr, SyncAltIcon as dr } from "@patternfly/react-icons";
-import { useFormContext as Se, Controller as ae, useController as Ye, FormProvider as ur, useWatch as hr } from "react-hook-form";
-import { get as L, intersectionBy as pr, cloneDeep as fr } from "lodash-es";
+import { useFormContext as Se, Controller as re, useController as Ye, FormProvider as ur, useWatch as hr } from "react-hook-form";
+import { get as N, intersectionBy as pr, cloneDeep as fr } from "lodash-es";
 import me from "@patternfly/react-styles/css/components/Avatar/avatar";
 import { css as mr } from "@patternfly/react-styles";
-import { Table as gr, TableVariant as yr, Thead as br, Tr as ge, Th as De, Tbody as dt, Td as ne, ExpandableRowContent as Cr, ActionsColumn as vr, TableText as kr } from "@patternfly/react-table";
+import { Table as gr, TableVariant as yr, Thead as br, Tr as ge, Th as De, Tbody as dt, Td as te, ExpandableRowContent as Cr, ActionsColumn as vr, TableText as kr } from "@patternfly/react-table";
 import './main.css';function Qe(e, n) {
   const r = Tt(n);
   return r.displayName = e, r;
@@ -56,7 +56,7 @@ function Xe(e) {
 }
 function Er() {
   const e = z(!1), n = z(/* @__PURE__ */ new Set());
-  re(() => (e.current = !1, () => {
+  ne(() => (e.current = !1, () => {
     e.current = !0, r();
   }), []);
   function r() {
@@ -109,7 +109,7 @@ const Or = 8e3, Lt = Qe(
   "AlertContext",
   void 0
 ), Ba = () => Xe(Lt), Dr = ({ children: e }) => {
-  const { t: n } = _(), r = Er(), [a, l] = S([]), i = (c) => l((h) => h.filter((u) => u.id !== c)), s = oe(
+  const { t: n } = _(), r = Er(), [a, l] = T([]), i = (c) => l((h) => h.filter((u) => u.id !== c)), s = oe(
     (c, h = Pe.success, u) => {
       const m = {
         id: Tr(),
@@ -146,7 +146,7 @@ const Or = 8e3, Lt = Qe(
       showClose: !1,
       isOpen: !0,
       actions: [
-        /* @__PURE__ */ t(N, { variant: "primary", onClick: l, children: n("tryAgain") }, "tryAgain")
+        /* @__PURE__ */ t(B, { variant: "primary", onClick: l, children: n("tryAgain") }, "tryAgain")
       ],
       children: /* @__PURE__ */ t(ln, { children: a ? /* @__PURE__ */ t(Me, { children: n(a) }) : /* @__PURE__ */ t(Me, { children: n("somethingWentWrongDescription") }) })
     }
@@ -156,12 +156,12 @@ function Pr(e) {
   return typeof e == "string" ? e : e instanceof Error ? e.message : null;
 }
 function Mr(e, n, r) {
-  const [a, l] = S(
+  const [a, l] = T(
     () => e.getItem(n) ?? r
   ), i = oe((s) => {
     l(s), e.setItem(n, s);
   }, []);
-  return re(() => {
+  return ne(() => {
     l(e.getItem(n) ?? r), window.addEventListener("storage", s);
     function s(o) {
       o.storageArea === e && (o.key === null || o.key === n) && l(o.newValue ?? r);
@@ -206,7 +206,7 @@ const Va = () => {
   children: n
 }) => {
   Ve = Br();
-  const r = z(!1), [a, l] = S(!1), [i, s] = S(), o = V(() => {
+  const r = z(!1), [a, l] = T(!1), [i, s] = T(), o = V(() => {
     const c = new Kn({
       url: e.serverBaseUrl,
       realm: e.realm,
@@ -214,7 +214,7 @@ const Va = () => {
     });
     return c.onAuthLogout = () => c.login(), c;
   }, [e]);
-  re(() => {
+  ne(() => {
     if (r.current)
       return;
     o.init({
@@ -251,11 +251,11 @@ const $a = ({
   buttonVariant: i,
   buttonTestRole: s,
   onContinue: o,
-  component: d = N,
+  component: d = B,
   children: c,
   ...h
 }) => {
-  const [u, m] = S(!1);
+  const [u, m] = T(!1);
   return /* @__PURE__ */ v(K, { children: [
     /* @__PURE__ */ t(
       d,
@@ -277,7 +277,7 @@ const $a = ({
         onClose: () => m(!1),
         actions: [
           /* @__PURE__ */ t(
-            N,
+            B,
             {
               id: "modal-confirm",
               variant: "primary",
@@ -289,7 +289,7 @@ const $a = ({
             "confirm"
           ),
           /* @__PURE__ */ t(
-            N,
+            B,
             {
               id: "modal-cancel",
               variant: "secondary",
@@ -367,7 +367,7 @@ const ee = ({
       error: s[e],
       labelIcon: a,
       children: /* @__PURE__ */ t(
-        ae,
+        re,
         {
           ...r,
           name: e,
@@ -404,7 +404,7 @@ const ee = ({
   innerRef: n,
   ...r
 }) => {
-  const { t: a } = _(), [l, i] = S(!0);
+  const { t: a } = _(), [l, i] = T(!0);
   return /* @__PURE__ */ v(ke, { children: [
     /* @__PURE__ */ t(Ne, { isFill: !0, children: /* @__PURE__ */ t(
       Ie,
@@ -415,7 +415,7 @@ const ee = ({
       }
     ) }),
     e && /* @__PURE__ */ t(
-      N,
+      B,
       {
         variant: "control",
         "aria-label": a("showPassword"),
@@ -470,17 +470,17 @@ const Ka = (e) => {
   const {
     control: o,
     formState: { errors: d }
-  } = Se(), [c, h] = S(!1), u = de(l.rules?.required) === !0;
+  } = Se(), [c, h] = T(!1), u = de(l.rules?.required) === !0;
   return /* @__PURE__ */ t(
     ee,
     {
       name: n,
       label: r,
       isRequired: u,
-      error: L(d, n),
+      error: N(d, n),
       labelIcon: i,
       children: /* @__PURE__ */ t(
-        ae,
+        re,
         {
           ...l,
           name: n,
@@ -502,7 +502,7 @@ const Ka = (e) => {
                   onClick: () => h(!c),
                   isExpanded: c,
                   isFullWidth: !0,
-                  status: L(d, n) ? je.danger : void 0,
+                  status: N(d, n) ? je.danger : void 0,
                   "aria-label": "toggle",
                   children: se(a) ? a.find(
                     (A) => A.key === (Array.isArray(p) ? p[0] : p)
@@ -536,42 +536,42 @@ const Ka = (e) => {
   const {
     control: h,
     formState: { errors: u }
-  } = Se(), [m, p] = S(!1), [g, A] = S(""), [y, b] = S(0), E = z(), R = de(l.rules?.required) === !0, k = a.filter(
+  } = Se(), [m, p] = T(!1), [g, A] = T(""), [y, b] = T(0), E = z(), R = de(l.rules?.required) === !0, k = d === ie.typeaheadMulti, C = a.filter(
     (f) => ye(f).toLowerCase().startsWith(g.toLowerCase())
-  ), C = V(
-    () => k.map((f, w) => /* @__PURE__ */ t(
+  ), x = V(
+    () => C.map((f, S) => /* @__PURE__ */ t(
       Ge,
       {
         value: X(f),
-        isFocused: y === w,
+        isFocused: y === S,
         children: ye(f)
       },
       X(f)
     )),
-    [y, k]
-  ), x = (f, w) => {
-    const T = k[y];
+    [y, C]
+  ), M = (f, S) => {
+    const O = C[y];
     switch (p(!0), f.key) {
       case "Enter": {
-        f.preventDefault(), d !== te.typeaheadMulti ? A(ye(T)) : A(""), w.onChange(
-          Array.isArray(w.value) ? [...w.value, X(T)] : X(T)
+        f.preventDefault(), A(k ? "" : ye(O)), S.onChange(
+          Array.isArray(S.value) ? [...S.value, X(O)] : X(O)
         ), p(!1), b(0);
         break;
       }
       case "Tab":
       case "Escape": {
-        p(!1), w.onChange(void 0);
+        p(!1), S.onChange(void 0);
         break;
       }
       case "Backspace": {
-        d === te.typeahead && w.onChange("");
+        d === ie.typeahead && S.onChange("");
         break;
       }
       case "ArrowUp":
       case "ArrowDown": {
         f.preventDefault();
-        let O = 0;
-        f.key === "ArrowUp" && (y === 0 ? O = a.length - 1 : O = y - 1), f.key === "ArrowDown" && (y === a.length - 1 ? O = 0 : O = y + 1), b(O);
+        let w = 0;
+        f.key === "ArrowUp" && (y === 0 ? w = a.length - 1 : w = y - 1), f.key === "ArrowDown" && (y === a.length - 1 ? w = 0 : w = y + 1), b(w);
         break;
       }
     }
@@ -582,10 +582,10 @@ const Ka = (e) => {
       name: n,
       label: r,
       isRequired: R,
-      error: L(u, n),
+      error: N(u, n),
       labelIcon: i,
       children: /* @__PURE__ */ t(
-        ae,
+        re,
         {
           ...l,
           name: n,
@@ -596,13 +596,13 @@ const Ka = (e) => {
               ...c,
               onOpenChange: () => p(!1),
               selected: se(a) ? a.filter(
-                (w) => Array.isArray(f.value) ? f.value.includes(w.key) : f.value === w.key
-              ).map((w) => w.value) : f.value,
+                (S) => Array.isArray(f.value) ? f.value.includes(S.key) : f.value === S.key
+              ).map((S) => S.value) : f.value,
               shouldFocusFirstItemOnOpen: !1,
-              toggle: (w) => /* @__PURE__ */ t(
+              toggle: (S) => /* @__PURE__ */ t(
                 ce,
                 {
-                  ref: w,
+                  ref: S,
                   id: e || n.slice(n.lastIndexOf(".") + 1),
                   variant: "typeahead",
                   onClick: () => {
@@ -610,49 +610,49 @@ const Ka = (e) => {
                   },
                   isExpanded: m,
                   isFullWidth: !0,
-                  status: L(u, n) ? je.danger : void 0,
+                  status: N(u, n) ? je.danger : void 0,
                   children: /* @__PURE__ */ v(It, { isPlain: !0, children: [
                     /* @__PURE__ */ t(
                       wt,
                       {
                         placeholder: s,
-                        value: d === te.typeahead && f.value ? se(a) ? a.find(
-                          (T) => T.key === (Array.isArray(f.value) ? f.value[0] : f.value)
+                        value: d === ie.typeahead && f.value ? se(a) ? a.find(
+                          (O) => O.key === (Array.isArray(f.value) ? f.value[0] : f.value)
                         )?.value : f.value : g,
                         onClick: () => p(!m),
-                        onChange: (T, O) => {
-                          A(O), o?.(O);
+                        onChange: (O, w) => {
+                          A(w), o?.(w);
                         },
-                        onKeyDown: (T) => x(T, f),
+                        onKeyDown: (O) => M(O, f),
                         autoComplete: "off",
                         innerRef: E,
                         role: "combobox",
                         isExpanded: m,
                         "aria-controls": "select-typeahead-listbox",
-                        children: d === te.typeaheadMulti && Array.isArray(f.value) && /* @__PURE__ */ t(ze, { "aria-label": "Current selections", children: f.value.map(
-                          (T, O) => /* @__PURE__ */ t(
+                        children: d === ie.typeaheadMulti && Array.isArray(f.value) && /* @__PURE__ */ t(ze, { "aria-label": "Current selections", children: f.value.map(
+                          (O, w) => /* @__PURE__ */ t(
                             Je,
                             {
                               onClick: (D) => {
                                 D.stopPropagation(), f.onChange(
                                   f.value.filter(
-                                    (M) => M !== X(T)
+                                    (L) => L !== X(O)
                                   )
                                 );
                               },
-                              children: se(a) ? a.find((D) => T === D.key)?.value : ye(T)
+                              children: se(a) ? a.find((D) => O === D.key)?.value : ye(O)
                             },
-                            O
+                            w
                           )
                         ) })
                       }
                     ),
                     /* @__PURE__ */ t(xt, { children: (!!g || f.value) && /* @__PURE__ */ t(
-                      N,
+                      B,
                       {
                         variant: "plain",
                         onClick: () => {
-                          A(""), f.onChange(""), E?.current?.focus();
+                          A(""), f.onChange(k ? [] : ""), E?.current?.focus();
                         },
                         "aria-label": "Clear input value",
                         children: /* @__PURE__ */ t(Ft, { "aria-hidden": !0 })
@@ -661,15 +661,15 @@ const Ka = (e) => {
                   ] })
                 }
               ),
-              onSelect: (w, T) => {
-                w?.stopPropagation();
-                const O = T?.toString();
-                d === te.typeaheadMulti && Array.isArray(f.value) ? f.value.includes(O) ? f.onChange(
-                  f.value.filter((D) => D !== O)
-                ) : f.onChange([...f.value, O]) : (f.onChange(Array.isArray(f.value) ? [O] : O), p(!1));
+              onSelect: (S, O) => {
+                S?.stopPropagation();
+                const w = O?.toString();
+                k && Array.isArray(f.value) ? f.value.includes(w) ? f.onChange(
+                  f.value.filter((D) => D !== w)
+                ) : f.onChange([...f.value, w]) : (f.onChange(Array.isArray(f.value) ? [w] : w), p(!1));
               },
               isOpen: m,
-              children: /* @__PURE__ */ t(xe, { children: C })
+              children: /* @__PURE__ */ t(xe, { children: x })
             }
           )
         }
@@ -677,7 +677,7 @@ const Ka = (e) => {
     }
   );
 };
-var te = /* @__PURE__ */ ((e) => (e.single = "single", e.typeahead = "typeahead", e.typeaheadMulti = "typeaheadMulti", e))(te || {});
+var ie = /* @__PURE__ */ ((e) => (e.single = "single", e.typeahead = "typeahead", e.typeaheadMulti = "typeaheadMulti", e))(ie || {});
 const se = (e) => typeof e[0] != "string", Ze = (e) => typeof e == "string", X = (e) => Ze(e) ? e : e.key, $r = ({
   variant: e = "single",
   ...n
@@ -698,7 +698,7 @@ const se = (e) => typeof e[0] != "string", Ze = (e) => typeof e == "string", X =
       label: l.label,
       labelIcon: a,
       children: /* @__PURE__ */ t(
-        ae,
+        re,
         {
           control: o,
           name: l.name,
@@ -907,7 +907,7 @@ const Hr = "_title_180i0_2", Wr = {
   children: l,
   ...i
 }) => /* @__PURE__ */ t(
-  N,
+  B,
   {
     variant: "primary",
     isDisabled: e && !Xr(e, a, r) || n,
@@ -996,7 +996,7 @@ const ue = ({
     r.annotations?.inputHelperTextBefore
   ), {
     formState: { errors: s }
-  } = n, o = a?.(r), d = L(s, J(r.name));
+  } = n, o = a?.(r), d = N(s, J(r.name));
   return /* @__PURE__ */ v(
     kt,
     {
@@ -1065,7 +1065,7 @@ const ue = ({
       shouldDirty: !0
     });
   }, E = r.startsWith("html") ? r.substring(6) : "text";
-  return re(() => {
+  return ne(() => {
     c(n);
   }, [c]), /* @__PURE__ */ t("div", { id: o, children: p.map((R, k) => /* @__PURE__ */ v(Rt, { children: [
     /* @__PURE__ */ v(ke, { children: [
@@ -1082,7 +1082,7 @@ const ue = ({
         }
       ) }),
       /* @__PURE__ */ t(Ne, { children: /* @__PURE__ */ t(
-        N,
+        B,
         {
           "data-testid": "remove" + k,
           variant: Ce.link,
@@ -1095,7 +1095,7 @@ const ue = ({
       ) })
     ] }),
     k === p.length - 1 && /* @__PURE__ */ v(
-      N,
+      B,
       {
         variant: Ce.link,
         onClick: A,
@@ -1114,7 +1114,7 @@ const ue = ({
 }, ft = (e) => {
   const { form: n, inputType: r, attribute: a } = e, l = Te(a), i = r.startsWith("multiselect"), s = i ? Cn : vn, o = a.validators?.options?.options || [], d = a.annotations?.inputOptionLabels || {}, c = a.annotations?.inputOptionLabelsI18nPrefix;
   return /* @__PURE__ */ t(ue, { ...e, children: /* @__PURE__ */ t(
-    ae,
+    re,
     {
       name: J(a.name),
       control: n.control,
@@ -1155,7 +1155,7 @@ const ue = ({
   children: m,
   ...p
 }) => {
-  const [g, A] = S(!1), y = z(), b = () => {
+  const [g, A] = T(!1), y = z(), b = () => {
     A(!g), n(!g);
   }, E = () => i === "parent" && y.current?.parentElement || "inline", R = Ot.toArray(
     m
@@ -1220,15 +1220,15 @@ const ue = ({
   children: b,
   ...E
 }) => {
-  const [R, k] = S(""), [C, x] = S(0), f = z(), w = Ot.toArray(
+  const [R, k] = T(""), [C, x] = T(0), M = z(), f = Ot.toArray(
     b
-  ), T = () => {
+  ), S = () => {
     r?.(!E.isOpen);
-  }, O = (D) => {
-    const M = w[C];
-    switch (r?.(!0), D.key) {
+  }, O = (w) => {
+    const D = f[C];
+    switch (r?.(!0), w.key) {
       case "Enter": {
-        D.preventDefault(), l !== j.typeaheadMulti ? k(M.props.value) : k(""), n?.(M.props.value), r?.(!1), x(0);
+        w.preventDefault(), l !== j.typeaheadMulti ? k(D.props.value) : k(""), n?.(D.props.value), r?.(!1), x(0);
         break;
       }
       case "Escape": {
@@ -1241,9 +1241,9 @@ const ue = ({
       }
       case "ArrowUp":
       case "ArrowDown": {
-        D.preventDefault();
-        let B = 0;
-        D.key === "ArrowUp" && (C === 0 ? B = w.length - 1 : B = C - 1), D.key === "ArrowDown" && (C === w.length - 1 ? B = 0 : B = C + 1), x(B);
+        w.preventDefault();
+        let L = 0;
+        w.key === "ArrowUp" && (C === 0 ? L = f.length - 1 : L = C - 1), w.key === "ArrowDown" && (C === f.length - 1 ? L = 0 : L = C + 1), x(L);
         break;
       }
     }
@@ -1252,15 +1252,15 @@ const ue = ({
     we,
     {
       ...E,
-      onClick: T,
-      onOpenChange: (D) => r?.(D),
-      onSelect: (D, M) => n?.(M || ""),
+      onClick: S,
+      onOpenChange: (w) => r?.(w),
+      onSelect: (w, D) => n?.(D || ""),
       maxMenuHeight: ve(o),
       popperProps: { direction: h, width: ve(d) },
-      toggle: (D) => /* @__PURE__ */ t(
+      toggle: (w) => /* @__PURE__ */ t(
         ce,
         {
-          ref: D,
+          ref: w,
           id: e,
           variant: "typeahead",
           onClick: () => r?.(!0),
@@ -1275,35 +1275,35 @@ const ue = ({
               {
                 placeholder: s,
                 value: l === j.typeahead && u ? u : R,
-                onClick: T,
-                onChange: (M, B) => {
-                  k(B), a?.(B);
+                onClick: S,
+                onChange: (D, L) => {
+                  k(L), a?.(L);
                 },
-                onKeyDown: (M) => O(M),
+                onKeyDown: (D) => O(D),
                 autoComplete: "off",
-                innerRef: f,
+                innerRef: M,
                 role: "combobox",
                 isExpanded: E.isOpen,
                 "aria-controls": "select-typeahead-listbox",
                 "aria-label": m,
-                children: l === j.typeaheadMulti && Array.isArray(u) && (p || /* @__PURE__ */ t(ze, { ...g, children: u.map((M, B) => /* @__PURE__ */ t(
+                children: l === j.typeaheadMulti && Array.isArray(u) && (p || /* @__PURE__ */ t(ze, { ...g, children: u.map((D, L) => /* @__PURE__ */ t(
                   Je,
                   {
                     onClick: (Ae) => {
-                      Ae.stopPropagation(), n?.(M);
+                      Ae.stopPropagation(), n?.(D);
                     },
-                    children: M
+                    children: D
                   },
-                  B
+                  L
                 )) }))
               }
             ),
             /* @__PURE__ */ t(xt, { children: !!R && /* @__PURE__ */ t(
-              N,
+              B,
               {
                 variant: "plain",
                 onClick: () => {
-                  n?.(""), k(""), a?.(""), f?.current?.focus();
+                  n?.(""), k(""), a?.(""), M?.current?.focus();
                 },
                 "aria-label": "Clear input value",
                 children: /* @__PURE__ */ t(Ft, { "aria-hidden": !0 })
@@ -1324,7 +1324,7 @@ const ve = (e) => typeof e == "number" ? e + "px" : e, ia = ({
   variant: e = "single",
   ...n
 }) => e === "single" ? /* @__PURE__ */ t(aa, { ...n }) : /* @__PURE__ */ t(la, { ...n, variant: e }), mt = (e) => {
-  const { t: n, form: r, inputType: a, attribute: l } = e, [i, s] = S(!1), [o, d] = S(""), c = a === "multiselect", h = (y, b) => {
+  const { t: n, form: r, inputType: a, attribute: l } = e, [i, s] = T(!1), [o, d] = T(""), c = a === "multiselect", h = (y, b) => {
     c ? b.value.includes(y) ? b.onChange(b.value.filter((E) => E !== y)) : Array.isArray(b.value) ? b.onChange([...b.value, y]) : b.onChange([y]) : b.onChange(y === b.value ? "" : y);
   }, u = l.validators?.options?.options || [], m = l.annotations?.inputOptionLabels || {}, p = l.annotations?.inputOptionLabelsI18nPrefix, g = (y) => Z(e.t, m[y], y, p), A = (y) => u.filter(
     (b) => g(b).toLowerCase().includes(o.toLowerCase())
@@ -1338,7 +1338,7 @@ const ve = (e) => typeof e == "number" ? e + "px" : e, ia = ({
     b
   ));
   return /* @__PURE__ */ t(ue, { ...e, children: /* @__PURE__ */ t(
-    ae,
+    re,
     {
       name: J(l.name),
       defaultValue: "",
@@ -1389,7 +1389,7 @@ const ve = (e) => typeof e == "number" ? e + "px" : e, ia = ({
       placeholder: a.readOnly ? "" : Z(
         e.t,
         a.annotations?.inputTypePlaceholder,
-        a.name,
+        "",
         a.annotations?.inputOptionLabelsI18nPrefix
       ),
       readOnly: a.readOnly,
@@ -1629,7 +1629,7 @@ const ua = (e) => typeof e == "string" && e in Ue, ha = (e) => Array.isArray(e)
   dropDownItems: r,
   ...a
 }) => {
-  const [l, i] = S(!1);
+  const [l, i] = T(!1);
   return /* @__PURE__ */ t(
     In,
     {
@@ -1764,7 +1764,7 @@ const nl = ({ children: e, fallback: n }) => {
 };
 function ma(e, n, r) {
   const { showBoundary: a } = Ht();
-  re(() => {
+  ne(() => {
     const l = new AbortController(), { signal: i } = l;
     return e().then((s) => {
       i.aborted || n(s);
@@ -1792,7 +1792,7 @@ const ga = () => {
   /* @__PURE__ */ t(Pn, { children: n }),
   /* @__PURE__ */ v(Mn, { children: [
     i && /* @__PURE__ */ t(
-      N,
+      B,
       {
         "data-testid": `${e.replace(/\W+/g, "-").toLowerCase()}-empty-action`,
         variant: "primary",
@@ -1802,7 +1802,7 @@ const ga = () => {
       }
     ),
     s && /* @__PURE__ */ t(Ln, { children: s.map((c) => /* @__PURE__ */ t(
-      N,
+      B,
       {
         "data-testid": `${c.text.replace(/\W+/g, "-").toLowerCase()}-empty-action`,
         variant: c.type || Ce.secondary,
@@ -1823,7 +1823,7 @@ const ga = () => {
   inputGroupPlaceholder: s,
   inputGroupOnEnter: o
 }) => {
-  const { t: d } = _(), [c, h] = S(""), u = (p) => {
+  const { t: d } = _(), [c, h] = T(""), u = (p) => {
     h(p.trim()), o?.(p.trim());
   }, m = (p) => {
     p.key === "Enter" && u(c);
@@ -1922,8 +1922,8 @@ const ga = () => {
   actions: r,
   actionResolver: a
 }) => /* @__PURE__ */ v(K, { children: [
-  e.cells.map((l, i) => /* @__PURE__ */ t(ne, { children: Wt(l) ? l.title : l }, `cell-${i}`)),
-  (r || a) && /* @__PURE__ */ t(ne, { isActionCell: !0, children: /* @__PURE__ */ t(
+  e.cells.map((l, i) => /* @__PURE__ */ t(te, { children: Wt(l) ? l.title : l }, `cell-${i}`)),
+  (r || a) && /* @__PURE__ */ t(te, { isActionCell: !0, children: /* @__PURE__ */ t(
     vr,
     {
       items: r || a?.(e, {}),
@@ -1946,7 +1946,7 @@ function ka({
   isRadio: u,
   ...m
 }) {
-  const { t: p } = _(), [g, A] = S(i || []), [y, b] = S([]), E = V(
+  const { t: p } = _(), [g, A] = T(i || []), [y, b] = T([]), E = V(
     () => pr(
       g,
       n.map((C) => C.data),
@@ -1954,7 +1954,7 @@ function ka({
     ),
     [g, n]
   );
-  re(() => {
+  ne(() => {
     if (d) {
       const C = document.getElementsByName("check-all").item(0);
       if (C) {
@@ -1967,15 +1967,15 @@ function ka({
     A(C), s?.(C);
   }, k = (C, x) => {
     if (C === -1) {
-      const f = E.map((w) => L(w, "id"));
+      const M = E.map((f) => N(f, "id"));
       R(
-        x ? [...g, ...n.map((w) => w.data)] : g.filter(
-          (w) => !f.includes(L(w, "id"))
+        x ? [...g, ...n.map((f) => f.data)] : g.filter(
+          (f) => !M.includes(N(f, "id"))
         )
       );
     } else
       R(x ? [...g, n[C].data] : g.filter(
-        (f) => L(f, "id") !== n[C].data.id
+        (M) => N(M, "id") !== n[C].data.id
       ));
   };
   return /* @__PURE__ */ v(
@@ -2011,16 +2011,16 @@ function ka({
         ] }) }),
         o ? n.map((C, x) => /* @__PURE__ */ t(dt, { children: x % 2 === 0 ? /* @__PURE__ */ v(ge, { children: [
           /* @__PURE__ */ t(
-            ne,
+            te,
             {
               expand: {
                 isExpanded: !!y[x],
                 rowIndex: x,
                 expandId: `${x}`,
-                onToggle: (f, w, T) => {
-                  o(T, w);
+                onToggle: (M, f, S) => {
+                  o(S, f);
                   const O = [...y];
-                  O[x] = T, b(O);
+                  O[x] = S, b(O);
                 }
               }
             }
@@ -2035,19 +2035,19 @@ function ka({
             }
           )
         ] }) : /* @__PURE__ */ v(ge, { isExpanded: !!y[x - 1], children: [
-          /* @__PURE__ */ t(ne, {}),
-          /* @__PURE__ */ t(ne, { colSpan: e.length, children: /* @__PURE__ */ t(Cr, { children: /* @__PURE__ */ t(va, { row: C }) }) })
+          /* @__PURE__ */ t(te, {}),
+          /* @__PURE__ */ t(te, { colSpan: e.length, children: /* @__PURE__ */ t(Cr, { children: /* @__PURE__ */ t(va, { row: C }) }) })
         ] }) }, x)) : /* @__PURE__ */ t(dt, { children: n.map((C, x) => /* @__PURE__ */ v(ge, { isExpanded: y[x], children: [
           c && /* @__PURE__ */ t(
-            ne,
+            te,
             {
               select: {
                 rowIndex: x,
-                onSelect: (f, w, T) => {
-                  k(T, w);
+                onSelect: (M, f, S) => {
+                  k(S, f);
                 },
                 isSelected: !!g.find(
-                  (f) => L(f, "id") === C.data.id
+                  (M) => N(M, "id") === C.data.id
                 ),
                 variant: u ? "radio" : "checkbox"
               }
@@ -2089,29 +2089,29 @@ function Ia({
   isSearching: E = !1,
   ...R
 }) {
-  const { t: k } = _(), [C, x] = S([]), [f, w] = S(), [T, O] = S(), [D, M] = S(!1), [B, Ae] = Nt(
+  const { t: k } = _(), [C, x] = T([]), [M, f] = T(), [S, O] = T(), [w, D] = T(!1), [L, Ae] = Nt(
     localStorage,
     "pageSize",
     10
-  ), [H, jt] = S(B), [$, le] = S(0), [W, Ee] = S(""), et = z(), [he, Gt] = S(0), tt = z(), nt = () => Gt(he + 1), zt = Et(), rt = (I, F) => I.map((P) => {
+  ), [H, jt] = T(L), [$, ae] = T(0), [W, Ee] = T(""), et = z(), [he, Gt] = T(0), tt = z(), nt = () => Gt(he + 1), zt = Et(), rt = (I, F) => I.map((P) => {
     if ("cellFormatters" in P) {
-      const Q = L(F, P.name);
-      return P.cellFormatters?.reduce((ie, fe) => fe(ie), Q);
+      const Q = N(F, P.name);
+      return P.cellFormatters?.reduce((le, fe) => fe(le), Q);
     }
     if (P.cellRenderer) {
       const Q = P.cellRenderer;
       return { title: /* @__PURE__ */ t(Q, { ...F }) };
     }
-    return L(F, P.name);
+    return N(F, P.name);
   }), at = (I) => {
     const F = (P) => o?.[0]?.enabled?.(P);
     return I.map((P, Q) => {
-      const ie = d ? d(P) : !1, fe = [
+      const le = d ? d(P) : !1, fe = [
         {
           data: P,
-          disableSelection: ie,
-          disableActions: ie,
-          selected: !!C.find((Zt) => L(Zt, "id") === L(P, "id")),
+          disableSelection: le,
+          disableActions: le,
+          selected: !!C.find((Zt) => N(Zt, "id") === N(P, "id")),
           isOpen: F(P) ? !1 : void 0,
           cells: rt(h, P)
         }
@@ -2124,7 +2124,7 @@ function Ia({
   }, Re = (I) => ["string", "number"].includes(typeof I) ? I.toString() : I instanceof Array ? I.map(Re).join("") : typeof I == "object" ? Re(
     Un(I.title) ? I.title.props : Object.values(I)
   ) : "", lt = V(
-    () => W === "" || r ? void 0 : at(T || []).filter(
+    () => W === "" || r ? void 0 : at(S || []).filter(
       (I) => I.cells.some(
         (F) => F && Re(F).toLowerCase().includes(W.toLowerCase())
       )
@@ -2133,14 +2133,14 @@ function Ia({
   );
   ma(
     async () => {
-      M(!0);
+      D(!0);
       const I = et.current === "" && W !== "";
-      return I && le(0), et.current = W, typeof c == "function" ? he === tt.current && T ? T : await c(I ? 0 : $, H + 1, W) : c;
+      return I && ae(0), et.current = W, typeof c == "function" ? he === tt.current && S ? S : await c(I ? 0 : $, H + 1, W) : c;
     },
     (I) => {
-      tt.current = he, r || (O(I), I.length > $ ? I = I.slice($, $ + H + 1) : le(0));
+      tt.current = he, r || (O(I), I.length > $ ? I = I.slice($, $ + H + 1) : ae(0));
       const F = at(I);
-      w(F), M(!1);
+      f(F), D(!1);
     },
     [
       he,
@@ -2152,23 +2152,23 @@ function Ia({
   );
   const Jt = () => u && fr(u).map((I, F) => (delete I.onRowClick, I.onClick = async (P, Q) => {
     await u[F].onRowClick(
-      (lt || f)[Q].data
+      (lt || M)[Q].data
     ) && (r || Ee(""), nt());
   }, I)), Yt = (I, F) => {
-    Y[F].isOpen = I, w([...Y]);
-  }, Y = lt || f, pe = !Y || Y.length === 0, Oe = W !== "" || E, Qt = o ? H * 2 : H, Xt = o ? (Y?.length || 0) / 2 : Y?.length || 0;
+    Y[F].isOpen = I, f([...Y]);
+  }, Y = lt || M, pe = !Y || Y.length === 0, Oe = W !== "" || E, Qt = o ? H * 2 : H, Xt = o ? (Y?.length || 0) / 2 : Y?.length || 0;
   return /* @__PURE__ */ v(K, { children: [
-    (D || !pe || Oe) && /* @__PURE__ */ v(
+    (w || !pe || Oe) && /* @__PURE__ */ v(
       Ca,
       {
         id: zt,
         count: Xt,
         first: $,
         max: H,
-        onNextClick: le,
-        onPreviousClick: le,
+        onNextClick: ae,
+        onPreviousClick: ae,
         onPerPageSelect: (I, F) => {
-          le(I), jt(F), Ae(F);
+          ae(I), jt(F), Ae(F);
         },
         inputGroupName: n ? `${e}input` : void 0,
         inputGroupOnEnter: Ee,
@@ -2179,7 +2179,7 @@ function Ia({
           " ",
           /* @__PURE__ */ t(U, { variant: "separator" }),
           " ",
-          /* @__PURE__ */ t(U, { children: /* @__PURE__ */ v(N, { variant: "link", onClick: nt, children: [
+          /* @__PURE__ */ t(U, { children: /* @__PURE__ */ v(B, { variant: "link", onClick: nt, children: [
             /* @__PURE__ */ t(dr, {}),
             " ",
             k("refresh")
@@ -2187,7 +2187,7 @@ function Ia({
         ] }),
         subToolbar: A,
         children: [
-          !D && !pe && /* @__PURE__ */ t(
+          !w && !pe && /* @__PURE__ */ t(
             ka,
             {
               ...R,
@@ -2207,7 +2207,7 @@ function Ia({
               ariaLabelKey: e
             }
           ),
-          !D && pe && Oe && /* @__PURE__ */ t(
+          !w && pe && Oe && /* @__PURE__ */ t(
             ya,
             {
               hasIcon: !0,
@@ -2224,11 +2224,11 @@ function Ia({
               ]
             }
           ),
-          D && /* @__PURE__ */ t(ga, {})
+          w && /* @__PURE__ */ t(ga, {})
         ]
       }
     ),
-    !D && pe && !Oe && y
+    !w && pe && !Oe && y
   ] });
 }
 const wa = ({ link: e, organization: n }) => {
@@ -2337,7 +2337,7 @@ export {
   qt as PasswordInput,
   Qr as ScrollForm,
   $r as SelectControl,
-  te as SelectVariant,
+  ie as SelectVariant,
   Ha as SwitchControl,
   ba as TableToolbar,
   Wa as TextAreaControl,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@keycloak/keycloak-ui-shared",
-  "version": "26.1.2",
+  "version": "26.1.4",
   "type": "module",
   "main": "./dist/keycloak-ui-shared.js",
   "types": "./dist/keycloak-ui-shared.d.ts",
@@ -49,8 +49,8 @@
     "react-dom": "^18.3.1",
     "react-hook-form": "7.54.2",
     "react-i18next": "^15.4.0",
-    "@keycloak/keycloak-admin-client": "26.1.2",
-    "keycloak-js": "26.1.2"
+    "@keycloak/keycloak-admin-client": "26.1.4",
+    "keycloak-js": "26.1.4"
   },
   "devDependencies": {
     "@types/lodash-es": "^4.17.12",