@keycloak/keycloak-ui-shared 26.0.6 → 26.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,16 +1,16 @@
1
1
  import { default as OrganizationRepresentation } from '@keycloak/keycloak-admin-client/lib/defs/organizationRepresentation';
2
2
  import { FunctionComponent, PropsWithChildren, ReactNode } from 'react';
3
3
  import { LoaderFunction } from './table/KeycloakDataTable';
4
- type OrganizationTableProps = PropsWithChildren & {
4
+ export type OrganizationTableProps = PropsWithChildren & {
5
5
  loader: LoaderFunction<OrganizationRepresentation> | OrganizationRepresentation[];
6
6
  link: FunctionComponent<PropsWithChildren<{
7
7
  organization: OrganizationRepresentation;
8
8
  }>>;
9
9
  toolbarItem?: ReactNode;
10
10
  isPaginated?: boolean;
11
+ isSearching?: boolean;
11
12
  onSelect?: (orgs: OrganizationRepresentation[]) => void;
12
13
  onDelete?: (org: OrganizationRepresentation) => void;
13
14
  deleteLabel?: string;
14
15
  };
15
- export declare const OrganizationTable: ({ loader, toolbarItem, isPaginated, onSelect, onDelete, deleteLabel, link, children, }: OrganizationTableProps) => import("react/jsx-runtime").JSX.Element;
16
- export {};
16
+ export declare const OrganizationTable: ({ loader, toolbarItem, isPaginated, isSearching, onSelect, onDelete, deleteLabel, link, children, }: OrganizationTableProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,11 +1,11 @@
1
1
  import { jsx as t, jsxs as b, Fragment as J } from "react/jsx-runtime";
2
- import { AlertGroup as nn, Alert as rn, AlertVariant as Pe, AlertActionCloseButton as an, Page as ln, Modal as It, ModalVariant as on, Button as L, TextContent as sn, Text as Le, TextVariants as cn, Spinner as wt, FormHelperText as He, HelperText as We, HelperTextItem as je, Popover as dn, Icon as Ne, FormGroup as xt, NumberInput as un, ValidatedOptions as Q, InputGroup as Ce, InputGroupItem as Be, TextInput as ke, Select as Ie, MenuToggle as de, MenuToggleStatus as Ge, SelectList as we, SelectOption as ze, TextInputGroup as Tt, TextInputGroupMain as St, ChipGroup as Je, Chip as Qe, TextInputGroupUtilities as At, Switch as hn, TextArea as Et, Title as pn, Card as mn, CardHeader as fn, CardTitle as gn, CardBody as yn, Grid as vn, GridItem as it, PageSection as bn, JumpLinks as Cn, JumpLinksItem as kn, ButtonVariant as ve, Checkbox as In, Radio as wn, MenuFooter as xn, Dropdown as Tn, DropdownList as Sn, DropdownItem as st, Masthead as An, MastheadToggle as En, PageToggleButton as Rn, MastheadBrand as Dn, MastheadContent as On, Toolbar as ye, ToolbarContent as Ve, ToolbarItem as K, Avatar as Fn, EmptyState as Mn, EmptyStateIcon as ct, EmptyStateHeader as Pn, EmptyStateBody as Ln, EmptyStateFooter as Nn, EmptyStateActions as Bn, SearchInput as Vn, Divider as _n, Pagination as qn, Bullseye as $n, Badge as Kn } from "@patternfly/react-core";
2
+ import { AlertGroup as nn, Alert as rn, AlertVariant as Pe, AlertActionCloseButton as an, Page as ln, Modal as It, ModalVariant as on, Button as L, TextContent as sn, Text as Le, TextVariants as cn, Spinner as wt, FormHelperText as He, HelperText as We, HelperTextItem as je, Popover as dn, Icon as Ne, FormGroup as xt, NumberInput as un, ValidatedOptions as Q, InputGroup as Ce, InputGroupItem as Be, TextInput as ke, Select as Ie, MenuToggle as de, MenuToggleStatus as Ge, SelectList as we, SelectOption as ze, TextInputGroup as Tt, TextInputGroupMain as St, ChipGroup as Je, Chip as Qe, TextInputGroupUtilities as At, Switch as hn, TextArea as Et, Title as pn, Card as mn, CardHeader as fn, CardTitle as gn, CardBody as yn, Grid as vn, GridItem as ot, PageSection as bn, JumpLinks as Cn, JumpLinksItem as kn, ButtonVariant as ve, Checkbox as In, Radio as wn, MenuFooter as xn, Dropdown as Tn, DropdownList as Sn, DropdownItem as st, Masthead as An, MastheadToggle as En, PageToggleButton as Rn, MastheadBrand as Dn, MastheadContent as On, Toolbar as ye, ToolbarContent as Ve, ToolbarItem as K, Avatar as Fn, EmptyState as Mn, EmptyStateIcon as ct, EmptyStateHeader as Pn, EmptyStateBody as Ln, EmptyStateFooter as Nn, EmptyStateActions as Bn, SearchInput as Vn, Divider as _n, Pagination as qn, Bullseye as $n, Badge as Kn } from "@patternfly/react-core";
3
3
  import { createContext as Rt, useContext as Dt, useRef as Y, useEffect as le, useCallback as ce, useState as x, useMemo as _, forwardRef as Un, useId as Ot, Fragment as Ft, Children as Mt, Component as Hn, isValidElement as Wn } from "react";
4
4
  import { useTranslation as B } from "react-i18next";
5
5
  import { NetworkError as Pt } from "@keycloak/keycloak-admin-client";
6
6
  import jn from "keycloak-js";
7
- import { ExclamationCircleIcon as Gn, HelpIcon as dt, EyeIcon as zn, EyeSlashIcon as Jn, TimesIcon as Lt, CubeIcon as Qn, PaypalIcon as Yn, InstagramIcon as Xn, BitbucketIcon as Zn, MicrosoftIcon as er, TwitterIcon as tr, StackOverflowIcon as nr, OpenshiftIcon as rr, LinkedinIcon as ar, GoogleIcon as lr, GitlabIcon as or, FacebookSquareIcon as ir, GithubIcon as sr, MinusCircleIcon as cr, PlusCircleIcon as Nt, EllipsisVIcon as dr, BarsIcon as ur, SearchIcon as hr, SyncAltIcon as pr } from "@patternfly/react-icons";
8
- import { useFormContext as xe, Controller as oe, useController as Ye, FormProvider as mr, useWatch as fr } from "react-hook-form";
7
+ import { ExclamationCircleIcon as Gn, HelpIcon as dt, EyeIcon as zn, EyeSlashIcon as Jn, TimesIcon as Lt, CubeIcon as Qn, PaypalIcon as Yn, InstagramIcon as Xn, BitbucketIcon as Zn, MicrosoftIcon as er, TwitterIcon as tr, StackOverflowIcon as nr, OpenshiftIcon as rr, LinkedinIcon as ar, GoogleIcon as lr, GitlabIcon as ir, FacebookSquareIcon as or, GithubIcon as sr, MinusCircleIcon as cr, PlusCircleIcon as Nt, EllipsisVIcon as dr, BarsIcon as ur, SearchIcon as hr, SyncAltIcon as pr } from "@patternfly/react-icons";
8
+ import { useFormContext as xe, Controller as ie, useController as Ye, FormProvider as mr, useWatch as fr } from "react-hook-form";
9
9
  import { get as U, cloneDeep as gr, differenceBy as yr } from "lodash-es";
10
10
  import me from "@patternfly/react-styles/css/components/Avatar/avatar";
11
11
  import { css as vr } from "@patternfly/react-styles";
@@ -65,13 +65,13 @@ function Fr() {
65
65
  return ce((a, l) => {
66
66
  if (e.current)
67
67
  throw new Error("Can't schedule a timeout on an unmounted component.");
68
- const o = Number(setTimeout(i, l));
69
- n.current.add(o);
70
- function i() {
71
- n.current.delete(o), a();
68
+ const i = Number(setTimeout(o, l));
69
+ n.current.add(i);
70
+ function o() {
71
+ n.current.delete(i), a();
72
72
  }
73
73
  return function() {
74
- clearTimeout(o), n.current.delete(o);
74
+ clearTimeout(i), n.current.delete(i);
75
75
  };
76
76
  }, []);
77
77
  }
@@ -82,10 +82,10 @@ function Mr({ alerts: e, onCloseAlert: n }) {
82
82
  "data-testid": "global-alerts",
83
83
  isToast: !0,
84
84
  style: { whiteSpace: "pre-wrap" },
85
- children: e.map(({ id: r, variant: a, message: l, description: o }, i) => /* @__PURE__ */ t(
85
+ children: e.map(({ id: r, variant: a, message: l, description: i }, o) => /* @__PURE__ */ t(
86
86
  rn,
87
87
  {
88
- "data-testid": i === 0 ? "last-alert" : void 0,
88
+ "data-testid": o === 0 ? "last-alert" : void 0,
89
89
  isLiveRegion: !0,
90
90
  variant: Pe[a],
91
91
  component: "p",
@@ -98,7 +98,7 @@ function Mr({ alerts: e, onCloseAlert: n }) {
98
98
  onClose: () => n(r)
99
99
  }
100
100
  ),
101
- children: o && /* @__PURE__ */ t("p", { children: o })
101
+ children: i && /* @__PURE__ */ t("p", { children: i })
102
102
  },
103
103
  r
104
104
  ))
@@ -109,7 +109,7 @@ const Pr = 8e3, Bt = Xe(
109
109
  "AlertContext",
110
110
  void 0
111
111
  ), $a = () => Ze(Bt), Lr = ({ children: e }) => {
112
- const { t: n } = B(), r = Fr(), [a, l] = x([]), o = (c) => l((h) => h.filter((u) => u.id !== c)), i = ce(
112
+ const { t: n } = B(), r = Fr(), [a, l] = x([]), i = (c) => l((h) => h.filter((u) => u.id !== c)), o = ce(
113
113
  (c, h = Pe.success, u) => {
114
114
  const f = {
115
115
  id: Dr(),
@@ -117,18 +117,18 @@ const Pr = 8e3, Bt = Xe(
117
117
  variant: h,
118
118
  description: u
119
119
  };
120
- l((m) => [f, ...m]), r(() => o(f.id), Pr);
120
+ l((m) => [f, ...m]), r(() => i(f.id), Pr);
121
121
  },
122
122
  [r]
123
123
  ), s = ce(
124
124
  (c, h) => {
125
125
  const u = n(c, { error: Sr(h) }), f = Ar(h);
126
- i(u, Pe.danger, f);
126
+ o(u, Pe.danger, f);
127
127
  },
128
- [i, n]
129
- ), d = _(() => ({ addAlert: i, addError: s }), [i, s]);
128
+ [o, n]
129
+ ), d = _(() => ({ addAlert: o, addError: s }), [o, s]);
130
130
  return /* @__PURE__ */ b(Bt.Provider, { value: d, children: [
131
- /* @__PURE__ */ t(Mr, { alerts: a, onCloseAlert: o }),
131
+ /* @__PURE__ */ t(Mr, { alerts: a, onCloseAlert: i }),
132
132
  e
133
133
  ] });
134
134
  }, Nr = (e) => {
@@ -160,30 +160,30 @@ function Br(e) {
160
160
  function Vr(e, n, r) {
161
161
  const [a, l] = x(
162
162
  () => e.getItem(n) ?? r
163
- ), o = ce((i) => {
164
- l(i), e.setItem(n, i);
163
+ ), i = ce((o) => {
164
+ l(o), e.setItem(n, o);
165
165
  }, []);
166
166
  return le(() => {
167
- l(e.getItem(n) ?? r), window.addEventListener("storage", i);
168
- function i(s) {
167
+ l(e.getItem(n) ?? r), window.addEventListener("storage", o);
168
+ function o(s) {
169
169
  s.storageArea === e && (s.key === null || s.key === n) && l(s.newValue ?? r);
170
170
  }
171
- return () => window.removeEventListener("storage", i);
172
- }, [e, n]), [a, o];
171
+ return () => window.removeEventListener("storage", o);
172
+ }, [e, n]), [a, i];
173
173
  }
174
174
  function Vt(e, n, r) {
175
175
  const a = _(
176
176
  () => JSON.stringify(r),
177
177
  [r]
178
- ), [l, o] = Vr(
178
+ ), [l, i] = Vr(
179
179
  e,
180
180
  n,
181
181
  a
182
- ), i = _(() => JSON.parse(l), [l]), s = ce(
183
- (d) => o(JSON.stringify(d)),
182
+ ), o = _(() => JSON.parse(l), [l]), s = ce(
183
+ (d) => i(JSON.stringify(d)),
184
184
  []
185
185
  );
186
- return [i, s];
186
+ return [o, s];
187
187
  }
188
188
  const _t = Xe(
189
189
  "HelpContext",
@@ -208,7 +208,7 @@ const Ka = () => {
208
208
  children: n
209
209
  }) => {
210
210
  _e = $r();
211
- const r = Y(!1), [a, l] = x(!1), [o, i] = x(), s = _(() => {
211
+ const r = Y(!1), [a, l] = x(!1), [i, o] = x(), s = _(() => {
212
212
  const d = new jn({
213
213
  url: e.serverBaseUrl,
214
214
  realm: e.realm,
@@ -223,8 +223,8 @@ const Ka = () => {
223
223
  onLoad: "check-sso",
224
224
  pkceMethod: "S256",
225
225
  responseMode: "query"
226
- }).then(() => l(!0)).catch((c) => i(c)), r.current = !0;
227
- }, [s]), o ? /* @__PURE__ */ t(Nr, { error: o }) : a ? /* @__PURE__ */ t(_e.Provider, { value: { environment: e, keycloak: s }, children: /* @__PURE__ */ t(Lr, { children: /* @__PURE__ */ t(qr, { children: n }) }) }) : /* @__PURE__ */ t(wt, {});
226
+ }).then(() => l(!0)).catch((c) => o(c)), r.current = !0;
227
+ }, [s]), i ? /* @__PURE__ */ t(Nr, { error: i }) : a ? /* @__PURE__ */ t(_e.Provider, { value: { environment: e, keycloak: s }, children: /* @__PURE__ */ t(Lr, { children: /* @__PURE__ */ t(qr, { children: n }) }) }) : /* @__PURE__ */ t(wt, {});
228
228
  };
229
229
  function Ha() {
230
230
  const n = document.getElementById("environment")?.textContent;
@@ -242,8 +242,8 @@ const Wa = ({
242
242
  cancelLabel: r,
243
243
  buttonTitle: a,
244
244
  isDisabled: l,
245
- buttonVariant: o,
246
- buttonTestRole: i,
245
+ buttonVariant: i,
246
+ buttonTestRole: o,
247
247
  onContinue: s,
248
248
  component: d = L,
249
249
  children: c,
@@ -254,10 +254,10 @@ const Wa = ({
254
254
  /* @__PURE__ */ t(
255
255
  d,
256
256
  {
257
- variant: o,
257
+ variant: i,
258
258
  onClick: () => f(!0),
259
259
  isDisabled: l,
260
- "data-testrole": i,
260
+ "data-testrole": o,
261
261
  children: a
262
262
  }
263
263
  ),
@@ -310,7 +310,7 @@ const Wa = ({
310
310
  {
311
311
  "data-testid": `help-label-${n}`,
312
312
  "aria-label": n,
313
- onClick: (o) => o.preventDefault(),
313
+ onClick: (i) => i.preventDefault(),
314
314
  className: "pf-v5-c-form__group-label-help",
315
315
  children: /* @__PURE__ */ t(Ne, { isInline: r, children: /* @__PURE__ */ t(dt, {}) })
316
316
  }
@@ -328,14 +328,14 @@ const ne = ({
328
328
  labelIcon: r,
329
329
  error: a,
330
330
  children: l,
331
- ...o
331
+ ...i
332
332
  }) => /* @__PURE__ */ b(
333
333
  xt,
334
334
  {
335
335
  label: n || e,
336
336
  fieldId: e,
337
337
  labelIcon: r ? /* @__PURE__ */ t($t, { helpText: r, fieldLabelId: e }) : void 0,
338
- ...o,
338
+ ...i,
339
339
  children: [
340
340
  l,
341
341
  a && /* @__PURE__ */ t(qt, { "data-testid": `${e}-helper`, message: a.message })
@@ -349,8 +349,8 @@ const ne = ({
349
349
  ...l
350
350
  }) => {
351
351
  const {
352
- control: o,
353
- formState: { errors: i }
352
+ control: i,
353
+ formState: { errors: o }
354
354
  } = xe();
355
355
  return /* @__PURE__ */ t(
356
356
  ne,
@@ -358,14 +358,14 @@ const ne = ({
358
358
  name: e,
359
359
  label: n,
360
360
  isRequired: r.rules?.required === !0,
361
- error: i[e],
361
+ error: o[e],
362
362
  labelIcon: a,
363
363
  children: /* @__PURE__ */ t(
364
- oe,
364
+ ie,
365
365
  {
366
366
  ...r,
367
367
  name: e,
368
- control: o,
368
+ control: i,
369
369
  render: ({ field: s }) => {
370
370
  const d = !!r.rules?.required, c = et(r.rules?.min), h = s.value ?? r.defaultValue, u = (f) => s.onChange(
371
371
  c !== void 0 ? Math.max(f, Number(c)) : f
@@ -376,7 +376,7 @@ const ne = ({
376
376
  ...l,
377
377
  id: e,
378
378
  value: h,
379
- validated: i[e] ? Q.error : Q.default,
379
+ validated: o[e] ? Q.error : Q.default,
380
380
  required: d,
381
381
  min: Number(c),
382
382
  max: Number(r.rules?.max),
@@ -398,7 +398,7 @@ const ne = ({
398
398
  innerRef: n,
399
399
  ...r
400
400
  }) => {
401
- const { t: a } = B(), [l, o] = x(!0);
401
+ const { t: a } = B(), [l, i] = x(!0);
402
402
  return /* @__PURE__ */ b(Ce, { children: [
403
403
  /* @__PURE__ */ t(Be, { isFill: !0, children: /* @__PURE__ */ t(
404
404
  ke,
@@ -413,7 +413,7 @@ const ne = ({
413
413
  {
414
414
  variant: "control",
415
415
  "aria-label": a("showPassword"),
416
- onClick: () => o(!l),
416
+ onClick: () => i(!l),
417
417
  children: l ? /* @__PURE__ */ t(zn, {}) : /* @__PURE__ */ t(Jn, {})
418
418
  }
419
419
  )
@@ -423,7 +423,7 @@ const ne = ({
423
423
  );
424
424
  Kt.displayName = "PasswordInput";
425
425
  const Ga = (e) => {
426
- const { labelIcon: n, ...r } = e, a = !!e.rules?.required, l = e.defaultValue ?? "", { field: o, fieldState: i } = Ye({
426
+ const { labelIcon: n, ...r } = e, a = !!e.rules?.required, l = e.defaultValue ?? "", { field: i, fieldState: o } = Ye({
427
427
  ...e,
428
428
  defaultValue: l
429
429
  });
@@ -434,7 +434,7 @@ const Ga = (e) => {
434
434
  label: e.label,
435
435
  labelIcon: n,
436
436
  isRequired: a,
437
- error: i.error,
437
+ error: o.error,
438
438
  children: [
439
439
  /* @__PURE__ */ t(
440
440
  Kt,
@@ -442,10 +442,10 @@ const Ga = (e) => {
442
442
  isRequired: a,
443
443
  id: e.name,
444
444
  "data-testid": e.name,
445
- validated: i.error ? Q.error : Q.default,
445
+ validated: o.error ? Q.error : Q.default,
446
446
  isDisabled: e.isDisabled,
447
447
  ...r,
448
- ...o
448
+ ...i
449
449
  }
450
450
  ),
451
451
  e.helperText && /* @__PURE__ */ t(He, { children: /* @__PURE__ */ t(We, { children: /* @__PURE__ */ t(je, { children: e.helperText }) }) })
@@ -458,8 +458,8 @@ const Ga = (e) => {
458
458
  label: r,
459
459
  options: a,
460
460
  controller: l,
461
- labelIcon: o,
462
- ...i
461
+ labelIcon: i,
462
+ ...o
463
463
  }) => {
464
464
  const {
465
465
  control: s,
@@ -472,9 +472,9 @@ const Ga = (e) => {
472
472
  label: r,
473
473
  isRequired: u,
474
474
  error: U(d, n),
475
- labelIcon: o,
475
+ labelIcon: i,
476
476
  children: /* @__PURE__ */ t(
477
- oe,
477
+ ie,
478
478
  {
479
479
  ...l,
480
480
  name: n,
@@ -482,7 +482,7 @@ const Ga = (e) => {
482
482
  render: ({ field: { onChange: f, value: m } }) => /* @__PURE__ */ t(
483
483
  Ie,
484
484
  {
485
- ...i,
485
+ ...o,
486
486
  onClick: () => h(!c),
487
487
  onOpenChange: () => h(!1),
488
488
  selected: se(a) ? a.filter(
@@ -521,8 +521,8 @@ const Ga = (e) => {
521
521
  label: r,
522
522
  options: a,
523
523
  controller: l,
524
- labelIcon: o,
525
- placeholderText: i,
524
+ labelIcon: i,
525
+ placeholderText: o,
526
526
  onFilter: s,
527
527
  variant: d,
528
528
  ...c
@@ -577,9 +577,9 @@ const Ga = (e) => {
577
577
  label: r,
578
578
  isRequired: w,
579
579
  error: U(u, n),
580
- labelIcon: o,
580
+ labelIcon: i,
581
581
  children: /* @__PURE__ */ t(
582
- oe,
582
+ ie,
583
583
  {
584
584
  ...l,
585
585
  name: n,
@@ -607,7 +607,7 @@ const Ga = (e) => {
607
607
  /* @__PURE__ */ t(
608
608
  St,
609
609
  {
610
- placeholder: i,
610
+ placeholder: o,
611
611
  value: d === ae.typeahead && y.value ? se(a) ? a.find(
612
612
  (D) => D.key === (Array.isArray(y.value) ? y.value[0] : y.value)
613
613
  )?.value : y.value : v,
@@ -680,7 +680,7 @@ const se = (e) => typeof e[0] != "string", tt = (e) => typeof e == "string", ee
680
680
  labelIcon: a,
681
681
  ...l
682
682
  }) => {
683
- const i = r ?? (n ? "false" : !1), { control: s } = xe();
683
+ const o = r ?? (n ? "false" : !1), { control: s } = xe();
684
684
  return /* @__PURE__ */ t(
685
685
  ne,
686
686
  {
@@ -690,11 +690,11 @@ const se = (e) => typeof e[0] != "string", tt = (e) => typeof e == "string", ee
690
690
  label: l.label,
691
691
  labelIcon: a,
692
692
  children: /* @__PURE__ */ t(
693
- oe,
693
+ ie,
694
694
  {
695
695
  control: s,
696
696
  name: l.name,
697
- defaultValue: i,
697
+ defaultValue: o,
698
698
  render: ({ field: { onChange: d, value: c } }) => /* @__PURE__ */ t(
699
699
  hn,
700
700
  {
@@ -740,9 +740,9 @@ const se = (e) => typeof e[0] != "string", tt = (e) => typeof e == "string", ee
740
740
  }
741
741
  );
742
742
  }, Qa = (e) => {
743
- const { labelIcon: n, helperText: r, ...a } = e, l = !!e.rules?.required, o = e.defaultValue ?? "", { field: i, fieldState: s } = Ye({
743
+ const { labelIcon: n, helperText: r, ...a } = e, l = !!e.rules?.required, i = e.defaultValue ?? "", { field: o, fieldState: s } = Ye({
744
744
  ...e,
745
- defaultValue: o
745
+ defaultValue: i
746
746
  });
747
747
  return /* @__PURE__ */ b(
748
748
  ne,
@@ -762,7 +762,7 @@ const se = (e) => typeof e[0] != "string", tt = (e) => typeof e == "string", ee
762
762
  validated: s.error ? Q.error : Q.default,
763
763
  isDisabled: e.isDisabled,
764
764
  ...a,
765
- ...i
765
+ ...o
766
766
  }
767
767
  ),
768
768
  r && /* @__PURE__ */ t(He, { children: /* @__PURE__ */ t(We, { children: /* @__PURE__ */ t(je, { children: r }) }) })
@@ -778,9 +778,9 @@ function Gr(e) {
778
778
  case "github":
779
779
  return sr;
780
780
  case "facebook":
781
- return ir;
782
- case "gitlab":
783
781
  return or;
782
+ case "gitlab":
783
+ return ir;
784
784
  case "google":
785
785
  return lr;
786
786
  case "linkedin":
@@ -851,41 +851,41 @@ const zr = "_title_180i0_2", Jr = {
851
851
  ...a
852
852
  }) => {
853
853
  const l = _(
854
- () => n.filter(({ isHidden: o }) => !o),
854
+ () => n.filter(({ isHidden: i }) => !i),
855
855
  [n]
856
856
  );
857
857
  return /* @__PURE__ */ b(vn, { hasGutter: !0, ...a, children: [
858
- /* @__PURE__ */ t(it, { md: 8, sm: 12, children: l.map(({ title: o, panel: i }) => {
859
- const s = pt(o.toLowerCase());
858
+ /* @__PURE__ */ t(ot, { md: 8, sm: 12, children: l.map(({ title: i, panel: o }) => {
859
+ const s = pt(i.toLowerCase());
860
860
  return /* @__PURE__ */ t(Ft, { children: r ? /* @__PURE__ */ t(
861
861
  Qr,
862
862
  {
863
863
  scrollId: s,
864
- title: o,
864
+ title: i,
865
865
  className: ht.panel,
866
- children: i
866
+ children: o
867
867
  }
868
- ) : /* @__PURE__ */ t(Yr, { scrollId: s, title: o, children: i }) }, o);
868
+ ) : /* @__PURE__ */ t(Yr, { scrollId: s, title: i, children: o }) }, i);
869
869
  }) }),
870
- /* @__PURE__ */ t(it, { md: 4, sm: 12, order: { default: "-1", md: "1" }, children: /* @__PURE__ */ t(bn, { className: ht.sticky, children: /* @__PURE__ */ t(
870
+ /* @__PURE__ */ t(ot, { md: 4, sm: 12, order: { default: "-1", md: "1" }, children: /* @__PURE__ */ t(bn, { className: ht.sticky, children: /* @__PURE__ */ t(
871
871
  Cn,
872
872
  {
873
873
  isVertical: !0,
874
874
  scrollableSelector: `#${ea}`,
875
875
  label: e,
876
876
  offset: 100,
877
- children: l.map(({ title: o }) => {
878
- const i = pt(o.toLowerCase());
877
+ children: l.map(({ title: i }) => {
878
+ const o = pt(i.toLowerCase());
879
879
  return (
880
880
  // note that JumpLinks currently does not work with spaces in the href
881
881
  /* @__PURE__ */ t(
882
882
  kn,
883
883
  {
884
- href: `#${i}`,
885
- "data-testid": `jump-link-${i}`,
886
- children: o
884
+ href: `#${o}`,
885
+ "data-testid": `jump-link-${o}`,
886
+ children: i
887
887
  },
888
- o
888
+ i
889
889
  )
890
890
  );
891
891
  })
@@ -898,13 +898,13 @@ const zr = "_title_180i0_2", Jr = {
898
898
  allowInvalid: r = !1,
899
899
  allowNonDirty: a = !1,
900
900
  children: l,
901
- ...o
901
+ ...i
902
902
  }) => /* @__PURE__ */ t(
903
903
  L,
904
904
  {
905
905
  variant: "primary",
906
906
  isDisabled: e && !na(e, a, r) || n,
907
- ...o,
907
+ ...i,
908
908
  type: "submit",
909
909
  children: l
910
910
  }
@@ -921,10 +921,10 @@ const zr = "_title_180i0_2", Jr = {
921
921
  currentLocale: a
922
922
  }) => {
923
923
  const l = _(
924
- () => r.map((o) => ({
925
- key: o,
926
- value: e(`locale_${o}`, ra(o) ?? o)
927
- })).sort((o, i) => o.value.localeCompare(i.value, a)),
924
+ () => r.map((i) => ({
925
+ key: i,
926
+ value: e(`locale_${i}`, ra(i) ?? i)
927
+ })).sort((i, o) => i.value.localeCompare(o.value, a)),
928
928
  [r, a, e]
929
929
  );
930
930
  return l.length ? /* @__PURE__ */ t(mr, { ...n, children: /* @__PURE__ */ t(
@@ -939,8 +939,8 @@ const zr = "_title_180i0_2", Jr = {
939
939
  }
940
940
  ) }) : null;
941
941
  }, qe = (e) => e?.includes("${"), $e = (e) => e.substring(2, e.length - 1), te = (e, n, r, a) => {
942
- const l = n || r, o = qe(l) ? $e(l) : l, i = a ? `${a}.${o}` : o;
943
- return e(i || "");
942
+ const l = n || r, i = qe(l) ? $e(l) : l, o = a ? `${a}.${i}` : i;
943
+ return e(o || "");
944
944
  }, Ke = (e, n) => te(e, n.displayName, n.name), la = ["username", "firstName", "lastName", "email"], Ht = (e) => e && la.includes(e), X = (e) => `${Ht(e) ? "" : "attributes."}${e?.replaceAll(
945
945
  ".",
946
946
  "🍺"
@@ -949,7 +949,7 @@ function tl(e, n, r) {
949
949
  (e.responseData.errors !== void 0 ? e.responseData.errors : [e.responseData]).forEach((a) => {
950
950
  const l = Object.assign(
951
951
  {},
952
- a.params?.map((o) => qe(o.toString()) ? r($e(o)) : o)
952
+ a.params?.map((i) => qe(i.toString()) ? r($e(i)) : i)
953
953
  );
954
954
  n(X(a.field), {
955
955
  message: r(
@@ -967,9 +967,9 @@ function Te({
967
967
  required: e,
968
968
  validators: n
969
969
  }) {
970
- return e || oa(n);
970
+ return e || ia(n);
971
971
  }
972
- function oa(e) {
972
+ function ia(e) {
973
973
  return e && "length" in e && "min" in e.length && typeof e.length.min == "number" ? e.length.min > 0 : !1;
974
974
  }
975
975
  function nl(e) {
@@ -988,19 +988,19 @@ const ue = ({
988
988
  renderer: a,
989
989
  children: l
990
990
  }) => {
991
- const o = te(
991
+ const i = te(
992
992
  e,
993
993
  r.annotations?.inputHelperTextBefore
994
994
  ), {
995
- formState: { errors: i }
996
- } = n, s = a?.(r), d = U(i, X(r.name));
995
+ formState: { errors: o }
996
+ } = n, s = a?.(r), d = U(o, X(r.name));
997
997
  return /* @__PURE__ */ b(
998
998
  xt,
999
999
  {
1000
1000
  label: Ke(e, r) || "",
1001
1001
  fieldId: r.name,
1002
1002
  isRequired: Te(r),
1003
- labelIcon: o ? /* @__PURE__ */ t($t, { helpText: o, fieldLabelId: r.name }) : void 0,
1003
+ labelIcon: i ? /* @__PURE__ */ t($t, { helpText: i, fieldLabelId: r.name }) : void 0,
1004
1004
  children: [
1005
1005
  s ? /* @__PURE__ */ b(Ce, { children: [
1006
1006
  l,
@@ -1017,7 +1017,7 @@ const ue = ({
1017
1017
  },
1018
1018
  r.name
1019
1019
  );
1020
- }, ia = ({
1020
+ }, oa = ({
1021
1021
  t: e,
1022
1022
  form: n,
1023
1023
  attribute: r,
@@ -1041,16 +1041,16 @@ const ue = ({
1041
1041
  inputType: r,
1042
1042
  form: a,
1043
1043
  addButtonLabel: l,
1044
- isDisabled: o = !1,
1045
- defaultValue: i,
1044
+ isDisabled: i = !1,
1045
+ defaultValue: o,
1046
1046
  id: s,
1047
1047
  ...d
1048
1048
  }) => {
1049
1049
  const { register: c, setValue: h, control: u } = a, f = fr({
1050
1050
  name: n,
1051
1051
  control: u,
1052
- defaultValue: i || ""
1053
- }), m = _(() => Array.isArray(f) && f.length !== 0 ? f : i || [""], [f]), v = (w) => {
1052
+ defaultValue: o || ""
1053
+ }), m = _(() => Array.isArray(f) && f.length !== 0 ? f : o || [""], [f]), v = (w) => {
1054
1054
  p([...m.slice(0, w), ...m.slice(w + 1)]);
1055
1055
  }, T = () => {
1056
1056
  p([...m, ""]);
@@ -1073,7 +1073,7 @@ const ue = ({
1073
1073
  onChange: (A, V) => g(k, V),
1074
1074
  name: `${n}.${k}.value`,
1075
1075
  value: w,
1076
- isDisabled: o,
1076
+ isDisabled: i,
1077
1077
  type: C,
1078
1078
  ...d
1079
1079
  }
@@ -1086,7 +1086,7 @@ const ue = ({
1086
1086
  onClick: () => v(k),
1087
1087
  tabIndex: -1,
1088
1088
  "aria-label": e("remove"),
1089
- isDisabled: m.length === 1 || o,
1089
+ isDisabled: m.length === 1 || i,
1090
1090
  children: /* @__PURE__ */ t(cr, {})
1091
1091
  }
1092
1092
  ) })
@@ -1099,7 +1099,7 @@ const ue = ({
1099
1099
  tabIndex: -1,
1100
1100
  "aria-label": e("add"),
1101
1101
  "data-testid": "addValue",
1102
- isDisabled: !w || o,
1102
+ isDisabled: !w || i,
1103
1103
  children: [
1104
1104
  /* @__PURE__ */ t(Nt, {}),
1105
1105
  " ",
@@ -1109,15 +1109,15 @@ const ue = ({
1109
1109
  )
1110
1110
  ] }, k)) });
1111
1111
  }, ft = (e) => {
1112
- const { form: n, inputType: r, attribute: a } = e, l = Te(a), o = r.startsWith("multiselect"), i = o ? In : wn, s = a.validators?.options?.options || [], d = a.annotations?.inputOptionLabels || {}, c = a.annotations?.inputOptionLabelsI18nPrefix;
1112
+ const { form: n, inputType: r, attribute: a } = e, l = Te(a), i = r.startsWith("multiselect"), o = i ? In : wn, s = a.validators?.options?.options || [], d = a.annotations?.inputOptionLabels || {}, c = a.annotations?.inputOptionLabelsI18nPrefix;
1113
1113
  return /* @__PURE__ */ t(ue, { ...e, children: /* @__PURE__ */ t(
1114
- oe,
1114
+ ie,
1115
1115
  {
1116
1116
  name: X(a.name),
1117
1117
  control: n.control,
1118
1118
  defaultValue: "",
1119
1119
  render: ({ field: h }) => /* @__PURE__ */ t(J, { children: s.map((u) => /* @__PURE__ */ t(
1120
- i,
1120
+ o,
1121
1121
  {
1122
1122
  id: u,
1123
1123
  "data-testid": u,
@@ -1125,7 +1125,7 @@ const ue = ({
1125
1125
  value: u,
1126
1126
  isChecked: h.value.includes(u),
1127
1127
  onChange: () => {
1128
- o ? h.value.includes(u) ? h.onChange(
1128
+ i ? h.value.includes(u) ? h.onChange(
1129
1129
  h.value.filter((f) => f !== u)
1130
1130
  ) : h.onChange([...h.value, u]) : h.onChange([u]);
1131
1131
  },
@@ -1142,8 +1142,8 @@ const ue = ({
1142
1142
  onSelect: r,
1143
1143
  selections: a,
1144
1144
  isOpen: l,
1145
- menuAppendTo: o,
1146
- direction: i,
1145
+ menuAppendTo: i,
1146
+ direction: o,
1147
1147
  width: s,
1148
1148
  maxHeight: d,
1149
1149
  toggleIcon: c,
@@ -1154,7 +1154,7 @@ const ue = ({
1154
1154
  }) => {
1155
1155
  const [v, T] = x(!1), g = Y(), p = () => {
1156
1156
  T(!v), n(!v);
1157
- }, C = () => o === "parent" && g.current?.parentElement || "inline", w = Mt.toArray(
1157
+ }, C = () => i === "parent" && g.current?.parentElement || "inline", w = Mt.toArray(
1158
1158
  f
1159
1159
  );
1160
1160
  return /* @__PURE__ */ t(
@@ -1165,7 +1165,7 @@ const ue = ({
1165
1165
  isScrollable: !0,
1166
1166
  popperProps: {
1167
1167
  appendTo: C(),
1168
- direction: i,
1168
+ direction: o,
1169
1169
  width: be(s)
1170
1170
  },
1171
1171
  ...m,
@@ -1202,8 +1202,8 @@ const ue = ({
1202
1202
  onToggle: r,
1203
1203
  onFilter: a,
1204
1204
  variant: l,
1205
- validated: o,
1206
- placeholderText: i,
1205
+ validated: i,
1206
+ placeholderText: o,
1207
1207
  maxHeight: s,
1208
1208
  width: d,
1209
1209
  toggleIcon: c,
@@ -1265,12 +1265,12 @@ const ue = ({
1265
1265
  isDisabled: g,
1266
1266
  isExpanded: C.isOpen,
1267
1267
  isFullWidth: !0,
1268
- status: o === "error" ? Ge.danger : void 0,
1268
+ status: i === "error" ? Ge.danger : void 0,
1269
1269
  children: /* @__PURE__ */ b(Tt, { isPlain: !0, children: [
1270
1270
  /* @__PURE__ */ t(
1271
1271
  St,
1272
1272
  {
1273
- placeholder: i,
1273
+ placeholder: o,
1274
1274
  value: l === z.typeahead && u ? u : w,
1275
1275
  onClick: D,
1276
1276
  onChange: (M, N) => {
@@ -1321,7 +1321,7 @@ const be = (e) => typeof e == "number" ? e + "px" : e, ua = ({
1321
1321
  variant: e = "single",
1322
1322
  ...n
1323
1323
  }) => e === "single" ? /* @__PURE__ */ t(ca, { ...n }) : /* @__PURE__ */ t(da, { ...n, variant: e }), gt = (e) => {
1324
- const { t: n, form: r, inputType: a, attribute: l } = e, [o, i] = x(!1), [s, d] = x(""), c = a === "multiselect", h = (g, p) => {
1324
+ const { t: n, form: r, inputType: a, attribute: l } = e, [i, o] = x(!1), [s, d] = x(""), c = a === "multiselect", h = (g, p) => {
1325
1325
  c ? p.value.includes(g) ? p.onChange(p.value.filter((C) => C !== g)) : Array.isArray(p.value) ? p.onChange([...p.value, g]) : p.onChange([g]) : p.onChange(g === p.value ? "" : g);
1326
1326
  }, u = l.validators?.options?.options || [], f = l.annotations?.inputOptionLabels || {}, m = l.annotations?.inputOptionLabelsI18nPrefix, v = (g) => te(e.t, f[g], g, m), T = (g) => u.filter(
1327
1327
  (p) => v(p).toLowerCase().includes(s.toLowerCase())
@@ -1335,7 +1335,7 @@ const be = (e) => typeof e == "number" ? e + "px" : e, ua = ({
1335
1335
  p
1336
1336
  ));
1337
1337
  return /* @__PURE__ */ t(ue, { ...e, children: /* @__PURE__ */ t(
1338
- oe,
1338
+ ie,
1339
1339
  {
1340
1340
  name: X(l.name),
1341
1341
  defaultValue: "",
@@ -1344,16 +1344,16 @@ const be = (e) => typeof e == "number" ? e + "px" : e, ua = ({
1344
1344
  ua,
1345
1345
  {
1346
1346
  toggleId: l.name,
1347
- onToggle: (p) => i(p),
1347
+ onToggle: (p) => o(p),
1348
1348
  onClear: () => h("", g),
1349
1349
  onSelect: (p) => {
1350
1350
  const C = p.toString();
1351
- h(C, g), Array.isArray(g.value) || i(!1);
1351
+ h(C, g), Array.isArray(g.value) || o(!1);
1352
1352
  },
1353
1353
  selections: c && Array.isArray(g.value) ? g.value : v(g.value),
1354
1354
  variant: c ? z.typeaheadMulti : u.length >= 10 ? z.typeahead : z.single,
1355
1355
  "aria-label": n("selectOne"),
1356
- isOpen: o,
1356
+ isOpen: i,
1357
1357
  isDisabled: l.readOnly,
1358
1358
  onFilter: (p) => (d(p), T(g.value)),
1359
1359
  children: T(g.value)
@@ -1376,13 +1376,13 @@ const be = (e) => typeof e == "number" ? e + "px" : e, ua = ({
1376
1376
  }
1377
1377
  ) });
1378
1378
  }, q = (e) => {
1379
- const { form: n, inputType: r, attribute: a } = e, l = Te(a), o = r.startsWith("html") ? r.substring(6) : "text";
1379
+ const { form: n, inputType: r, attribute: a } = e, l = Te(a), i = r.startsWith("html") ? r.substring(6) : "text";
1380
1380
  return /* @__PURE__ */ t(ue, { ...e, children: /* @__PURE__ */ t(
1381
1381
  ke,
1382
1382
  {
1383
1383
  id: a.name,
1384
1384
  "data-testid": a.name,
1385
- type: o,
1385
+ type: i,
1386
1386
  placeholder: te(
1387
1387
  e.t,
1388
1388
  a.annotations?.inputTypePlaceholder,
@@ -1410,20 +1410,20 @@ const be = (e) => typeof e == "number" ? e + "px" : e, ua = ({
1410
1410
  "html5-date": q,
1411
1411
  "html5-month": q,
1412
1412
  "html5-time": q,
1413
- "multi-input": ia
1413
+ "multi-input": oa
1414
1414
  }, rl = ({
1415
1415
  t: e,
1416
1416
  form: n,
1417
1417
  userProfileMetadata: r,
1418
1418
  supportedLocales: a,
1419
1419
  currentLocale: l,
1420
- hideReadOnly: o = !1,
1421
- renderer: i
1420
+ hideReadOnly: i = !1,
1421
+ renderer: o
1422
1422
  }) => {
1423
1423
  const s = _(() => {
1424
1424
  if (!r.attributes)
1425
1425
  return [];
1426
- const d = o ? r.attributes.filter(({ readOnly: c }) => !c) : r.attributes;
1426
+ const d = i ? r.attributes.filter(({ readOnly: c }) => !c) : r.attributes;
1427
1427
  return [
1428
1428
  // Insert an empty group for attributes without a group.
1429
1429
  { name: void 0 },
@@ -1435,7 +1435,7 @@ const be = (e) => typeof e == "number" ? e + "px" : e, ua = ({
1435
1435
  )
1436
1436
  }));
1437
1437
  }, [
1438
- o,
1438
+ i,
1439
1439
  r.groups,
1440
1440
  r.attributes
1441
1441
  ]);
@@ -1454,7 +1454,7 @@ const be = (e) => typeof e == "number" ? e + "px" : e, ua = ({
1454
1454
  form: n,
1455
1455
  supportedLocales: a,
1456
1456
  currentLocale: l,
1457
- renderer: i,
1457
+ renderer: o,
1458
1458
  attribute: h
1459
1459
  },
1460
1460
  h.name
@@ -1469,19 +1469,19 @@ const be = (e) => typeof e == "number" ? e + "px" : e, ua = ({
1469
1469
  renderer: r,
1470
1470
  supportedLocales: a,
1471
1471
  currentLocale: l,
1472
- attribute: o
1472
+ attribute: i
1473
1473
  }) => {
1474
- const i = n.watch(
1475
- X(o.name)
1476
- ), s = _(() => fa(o), [o]), d = o.multivalued || ya(i) && o.annotations?.inputType === void 0 ? Ue["multi-input"] : Ue[s];
1477
- return o.name === "locale" ? /* @__PURE__ */ t(
1474
+ const o = n.watch(
1475
+ X(i.name)
1476
+ ), s = _(() => fa(i), [i]), d = i.multivalued || ya(o) && i.annotations?.inputType === void 0 ? Ue["multi-input"] : Ue[s];
1477
+ return i.name === "locale" ? /* @__PURE__ */ t(
1478
1478
  aa,
1479
1479
  {
1480
1480
  form: n,
1481
1481
  supportedLocales: a,
1482
1482
  currentLocale: l,
1483
1483
  t: e,
1484
- attribute: o
1484
+ attribute: i
1485
1485
  }
1486
1486
  ) : /* @__PURE__ */ t(
1487
1487
  d,
@@ -1489,7 +1489,7 @@ const be = (e) => typeof e == "number" ? e + "px" : e, ua = ({
1489
1489
  t: e,
1490
1490
  form: n,
1491
1491
  inputType: s,
1492
- attribute: o,
1492
+ attribute: i,
1493
1493
  renderer: r
1494
1494
  }
1495
1495
  );
@@ -1626,7 +1626,7 @@ const ga = (e) => typeof e == "string" && e in Ue, ya = (e) => Array.isArray(e)
1626
1626
  dropDownItems: r,
1627
1627
  ...a
1628
1628
  }) => {
1629
- const [l, o] = x(!1);
1629
+ const [l, i] = x(!1);
1630
1630
  return /* @__PURE__ */ t(
1631
1631
  Tn,
1632
1632
  {
@@ -1634,13 +1634,13 @@ const ga = (e) => typeof e == "string" && e in Ue, ya = (e) => Array.isArray(e)
1634
1634
  popperProps: {
1635
1635
  position: "right"
1636
1636
  },
1637
- onOpenChange: (i) => o(i),
1638
- toggle: (i) => /* @__PURE__ */ t(
1637
+ onOpenChange: (o) => i(o),
1638
+ toggle: (o) => /* @__PURE__ */ t(
1639
1639
  de,
1640
1640
  {
1641
1641
  "data-testid": `${a["data-testid"]}-toggle`,
1642
- ref: i,
1643
- onClick: () => o(!l),
1642
+ ref: o,
1643
+ onClick: () => i(!l),
1644
1644
  isExpanded: l,
1645
1645
  variant: e ? "plain" : "default",
1646
1646
  children: e ? /* @__PURE__ */ t(dr, {}) : n
@@ -1660,9 +1660,9 @@ function ba(e, n) {
1660
1660
  const al = ({
1661
1661
  keycloak: e,
1662
1662
  brand: { src: n, alt: r, className: a, ...l },
1663
- avatar: o,
1663
+ avatar: i,
1664
1664
  features: {
1665
- hasLogout: i = !0,
1665
+ hasLogout: o = !0,
1666
1666
  hasManageAccount: s = !0,
1667
1667
  hasUsername: d = !0
1668
1668
  } = {},
@@ -1681,7 +1681,7 @@ const al = ({
1681
1681
  },
1682
1682
  "manageAccount"
1683
1683
  )
1684
- ), i && v.push(
1684
+ ), o && v.push(
1685
1685
  /* @__PURE__ */ t(st, { onClick: () => e.logout(), children: m("signOut") }, "signOut")
1686
1686
  );
1687
1687
  const T = e.idTokenParsed?.picture;
@@ -1733,7 +1733,7 @@ const al = ({
1733
1733
  variant: "overflow-menu",
1734
1734
  align: { default: "alignRight" },
1735
1735
  className: "pf-v5-u-m-0-on-lg",
1736
- children: T || o?.src ? /* @__PURE__ */ t(Fn, { src: T, alt: m("avatar"), ...o }) : /* @__PURE__ */ t(va, { ...o })
1736
+ children: T || i?.src ? /* @__PURE__ */ t(Fn, { src: T, alt: m("avatar"), ...i }) : /* @__PURE__ */ t(va, { ...i })
1737
1737
  }
1738
1738
  )
1739
1739
  ] }) }) })
@@ -1755,18 +1755,18 @@ class ll extends Hn {
1755
1755
  );
1756
1756
  }
1757
1757
  }
1758
- const ol = ({ children: e, fallback: n }) => {
1758
+ const il = ({ children: e, fallback: n }) => {
1759
1759
  const { error: r } = jt();
1760
1760
  return r ? /* @__PURE__ */ t(n, { error: r }) : e;
1761
1761
  };
1762
1762
  function Ca(e, n, r) {
1763
1763
  const { showBoundary: a } = jt();
1764
1764
  le(() => {
1765
- const l = new AbortController(), { signal: o } = l;
1766
- return e().then((i) => {
1767
- o.aborted || n(i);
1768
- }).catch((i) => {
1769
- console.error(i), o.aborted || a(i);
1765
+ const l = new AbortController(), { signal: i } = l;
1766
+ return e().then((o) => {
1767
+ i.aborted || n(o);
1768
+ }).catch((o) => {
1769
+ console.error(o), i.aborted || a(o);
1770
1770
  }), () => l.abort();
1771
1771
  }, r);
1772
1772
  }
@@ -1776,8 +1776,8 @@ const ka = ({
1776
1776
  onPrimaryAction: r,
1777
1777
  hasIcon: a = !0,
1778
1778
  isSearchVariant: l,
1779
- primaryActionText: o,
1780
- secondaryActions: i,
1779
+ primaryActionText: i,
1780
+ secondaryActions: o,
1781
1781
  icon: s,
1782
1782
  isDisabled: d = !1
1783
1783
  }) => /* @__PURE__ */ b(Mn, { "data-testid": "empty-state", variant: "lg", children: [
@@ -1785,17 +1785,17 @@ const ka = ({
1785
1785
  /* @__PURE__ */ t(Pn, { titleText: e, headingLevel: "h1" }),
1786
1786
  /* @__PURE__ */ t(Ln, { children: n }),
1787
1787
  /* @__PURE__ */ b(Nn, { children: [
1788
- o && /* @__PURE__ */ t(
1788
+ i && /* @__PURE__ */ t(
1789
1789
  L,
1790
1790
  {
1791
1791
  "data-testid": `${e.replace(/\W+/g, "-").toLowerCase()}-empty-action`,
1792
1792
  variant: "primary",
1793
1793
  onClick: r,
1794
1794
  isDisabled: d,
1795
- children: o
1795
+ children: i
1796
1796
  }
1797
1797
  ),
1798
- i && /* @__PURE__ */ t(Bn, { children: i.map((c) => /* @__PURE__ */ t(
1798
+ o && /* @__PURE__ */ t(Bn, { children: o.map((c) => /* @__PURE__ */ t(
1799
1799
  L,
1800
1800
  {
1801
1801
  "data-testid": `${c.text.replace(/\W+/g, "-").toLowerCase()}-empty-action`,
@@ -1813,8 +1813,8 @@ const ka = ({
1813
1813
  toolbarItemFooter: r,
1814
1814
  children: a,
1815
1815
  searchTypeComponent: l,
1816
- inputGroupName: o,
1817
- inputGroupPlaceholder: i,
1816
+ inputGroupName: i,
1817
+ inputGroupPlaceholder: o,
1818
1818
  inputGroupOnEnter: s
1819
1819
  }) => {
1820
1820
  const { t: d } = B(), [c, h] = x(""), u = () => {
@@ -1824,13 +1824,13 @@ const ka = ({
1824
1824
  };
1825
1825
  return /* @__PURE__ */ b(J, { children: [
1826
1826
  /* @__PURE__ */ t(ye, { children: /* @__PURE__ */ b(Ve, { children: [
1827
- o && /* @__PURE__ */ t(K, { children: /* @__PURE__ */ b(Ce, { "data-testid": o, children: [
1827
+ i && /* @__PURE__ */ t(K, { children: /* @__PURE__ */ b(Ce, { "data-testid": i, children: [
1828
1828
  l,
1829
- i && /* @__PURE__ */ t(
1829
+ o && /* @__PURE__ */ t(
1830
1830
  Vn,
1831
1831
  {
1832
1832
  "data-testid": "table-search-input",
1833
- placeholder: i,
1833
+ placeholder: o,
1834
1834
  "aria-label": d("search"),
1835
1835
  value: c,
1836
1836
  onChange: (m, v) => {
@@ -1857,8 +1857,8 @@ const ka = ({
1857
1857
  count: r,
1858
1858
  first: a,
1859
1859
  max: l,
1860
- onNextClick: o,
1861
- onPreviousClick: i,
1860
+ onNextClick: i,
1861
+ onPreviousClick: o,
1862
1862
  onPerPageSelect: s
1863
1863
  }) => {
1864
1864
  const { t: d } = B(), c = Math.round(a / l);
@@ -1881,8 +1881,8 @@ const ka = ({
1881
1881
  itemCount: r + c * l,
1882
1882
  page: c + 1,
1883
1883
  perPage: l,
1884
- onNextClick: (h, u) => o((u - 1) * l),
1885
- onPreviousClick: (h, u) => i((u - 1) * l),
1884
+ onNextClick: (h, u) => i((u - 1) * l),
1885
+ onPreviousClick: (h, u) => o((u - 1) * l),
1886
1886
  onPerPageSelect: (h, u, f) => s(f - 1, u),
1887
1887
  variant: n
1888
1888
  }
@@ -1893,8 +1893,8 @@ const ka = ({
1893
1893
  toolbarItem: r,
1894
1894
  subToolbar: a,
1895
1895
  children: l,
1896
- inputGroupName: o,
1897
- inputGroupPlaceholder: i,
1896
+ inputGroupName: i,
1897
+ inputGroupPlaceholder: o,
1898
1898
  inputGroupOnEnter: s,
1899
1899
  ...d
1900
1900
  }) => /* @__PURE__ */ t(
@@ -1907,8 +1907,8 @@ const ka = ({
1907
1907
  ] }),
1908
1908
  subToolbar: a,
1909
1909
  toolbarItemFooter: e !== 0 ? /* @__PURE__ */ t(K, { variant: "pagination", children: /* @__PURE__ */ t(vt, { count: e, variant: "bottom", ...d }) }) : null,
1910
- inputGroupName: o,
1911
- inputGroupPlaceholder: i,
1910
+ inputGroupName: i,
1911
+ inputGroupPlaceholder: o,
1912
1912
  inputGroupOnEnter: s,
1913
1913
  children: l
1914
1914
  }
@@ -1925,8 +1925,8 @@ function Ta({
1925
1925
  actions: r,
1926
1926
  actionResolver: a,
1927
1927
  ariaLabelKey: l,
1928
- onSelect: o,
1929
- onCollapse: i,
1928
+ onSelect: i,
1929
+ onCollapse: o,
1930
1930
  canSelectAll: s,
1931
1931
  isNotCompact: d,
1932
1932
  isRadio: c,
@@ -1954,13 +1954,13 @@ function Ta({
1954
1954
  "aria-label": u(l),
1955
1955
  children: [
1956
1956
  /* @__PURE__ */ t(kr, { children: /* @__PURE__ */ b(fe, { children: [
1957
- i && /* @__PURE__ */ t(Oe, {}),
1957
+ o && /* @__PURE__ */ t(Oe, {}),
1958
1958
  s && /* @__PURE__ */ t(
1959
1959
  Oe,
1960
1960
  {
1961
1961
  select: c ? void 0 : {
1962
1962
  onSelect: (p, C, w) => {
1963
- o(C, w), g(-1, C);
1963
+ i(C, w), g(-1, C);
1964
1964
  },
1965
1965
  isSelected: f.filter((p) => p === !0).length === n.length
1966
1966
  }
@@ -1975,7 +1975,7 @@ function Ta({
1975
1975
  p.displayKey
1976
1976
  ))
1977
1977
  ] }) }),
1978
- i ? n.map((p, C) => /* @__PURE__ */ t(ut, { children: C % 2 === 0 ? /* @__PURE__ */ b(fe, { children: [
1978
+ o ? n.map((p, C) => /* @__PURE__ */ t(ut, { children: C % 2 === 0 ? /* @__PURE__ */ b(fe, { children: [
1979
1979
  /* @__PURE__ */ t(
1980
1980
  re,
1981
1981
  {
@@ -1984,7 +1984,7 @@ function Ta({
1984
1984
  rowIndex: C,
1985
1985
  expandId: `${C}`,
1986
1986
  onToggle: (w, k, A) => {
1987
- i(A, k);
1987
+ o(A, k);
1988
1988
  const V = [...v];
1989
1989
  V[C] = A, T(V);
1990
1990
  }
@@ -1996,13 +1996,13 @@ function Ta({
1996
1996
  /* @__PURE__ */ t(re, {}),
1997
1997
  /* @__PURE__ */ t(re, { colSpan: e.length, children: /* @__PURE__ */ t(wr, { children: /* @__PURE__ */ t(Me, { row: p }) }) })
1998
1998
  ] }) }, C)) : /* @__PURE__ */ t(ut, { children: n.map((p, C) => /* @__PURE__ */ b(fe, { isExpanded: v[C], children: [
1999
- o && /* @__PURE__ */ t(
1999
+ i && /* @__PURE__ */ t(
2000
2000
  re,
2001
2001
  {
2002
2002
  select: {
2003
2003
  rowIndex: C,
2004
2004
  onSelect: (w, k, A) => {
2005
- o(k, A), g(A, k);
2005
+ i(k, A), g(A, k);
2006
2006
  },
2007
2007
  isSelected: f[C],
2008
2008
  variant: c ? "radio" : "checkbox"
@@ -2028,8 +2028,8 @@ function Sa({
2028
2028
  isPaginated: r = !1,
2029
2029
  onSelect: a,
2030
2030
  canSelectAll: l = !1,
2031
- isNotCompact: o,
2032
- isRadio: i,
2031
+ isNotCompact: i,
2032
+ isRadio: o,
2033
2033
  detailColumns: s,
2034
2034
  isRowDisabled: d,
2035
2035
  loader: c,
@@ -2048,7 +2048,7 @@ function Sa({
2048
2048
  localStorage,
2049
2049
  "pageSize",
2050
2050
  10
2051
- ), [H, Gt] = x(N), [$, ie] = x(0), [W, Ae] = x(""), nt = Y(), [he, zt] = x(0), rt = Y(), at = () => zt(he + 1), Jt = Ot(), lt = (I, O) => I.map((R) => {
2051
+ ), [H, Gt] = x(N), [$, oe] = x(0), [W, Ae] = x(""), nt = Y(), [he, zt] = x(0), rt = Y(), at = () => zt(he + 1), Jt = Ot(), lt = (I, O) => I.map((R) => {
2052
2052
  if ("cellFormatters" in R) {
2053
2053
  const j = U(O, R.name);
2054
2054
  return R.cellFormatters?.reduce((G, P) => P(G), j);
@@ -2058,7 +2058,7 @@ function Sa({
2058
2058
  return { title: /* @__PURE__ */ t(j, { ...O }) };
2059
2059
  }
2060
2060
  return U(O, R.name);
2061
- }), ot = (I) => {
2061
+ }), it = (I) => {
2062
2062
  const O = (R) => s?.[0]?.enabled?.(R);
2063
2063
  return I.map((R, j) => {
2064
2064
  const G = d ? d(R) : !1, P = [
@@ -2079,7 +2079,7 @@ function Sa({
2079
2079
  }, Ee = (I) => ["string", "number"].includes(typeof I) ? I.toString() : I instanceof Array ? I.map(Ee).join("") : typeof I == "object" ? Ee(
2080
2080
  Wn(I.title) ? I.title.props : Object.values(I)
2081
2081
  ) : "", Re = _(
2082
- () => W === "" || r ? void 0 : ot(D || []).filter(
2082
+ () => W === "" || r ? void 0 : it(D || []).filter(
2083
2083
  (I) => I.cells.some(
2084
2084
  (O) => O && Ee(O).toLowerCase().includes(W.toLowerCase())
2085
2085
  )
@@ -2090,11 +2090,11 @@ function Sa({
2090
2090
  async () => {
2091
2091
  M(!0);
2092
2092
  const I = nt.current === "" && W !== "";
2093
- return I && ie(0), nt.current = W, typeof c == "function" ? he === rt.current && D ? D : await c(I ? 0 : $, H + 1, W) : c;
2093
+ return I && oe(0), nt.current = W, typeof c == "function" ? he === rt.current && D ? D : await c(I ? 0 : $, H + 1, W) : c;
2094
2094
  },
2095
2095
  (I) => {
2096
- rt.current = he, r || (F(I), I.length > $ ? I = I.slice($, $ + H + 1) : ie(0));
2097
- const O = ot(I);
2096
+ rt.current = he, r || (F(I), I.length > $ ? I = I.slice($, $ + H + 1) : oe(0));
2097
+ const O = it(I);
2098
2098
  S(O), M(!1);
2099
2099
  },
2100
2100
  [
@@ -2134,10 +2134,10 @@ function Sa({
2134
2134
  count: en,
2135
2135
  first: $,
2136
2136
  max: H,
2137
- onNextClick: ie,
2138
- onPreviousClick: ie,
2137
+ onNextClick: oe,
2138
+ onPreviousClick: oe,
2139
2139
  onPerPageSelect: (I, O) => {
2140
- ie(I), Gt(O), Se(O);
2140
+ oe(I), Gt(O), Se(O);
2141
2141
  },
2142
2142
  inputGroupName: n ? `${e}input` : void 0,
2143
2143
  inputGroupOnEnter: Ae,
@@ -2167,8 +2167,8 @@ function Sa({
2167
2167
  actionResolver: f,
2168
2168
  rows: Z.slice(0, Zt),
2169
2169
  columns: h,
2170
- isNotCompact: o,
2171
- isRadio: i,
2170
+ isNotCompact: i,
2171
+ isRadio: o,
2172
2172
  ariaLabelKey: e
2173
2173
  }
2174
2174
  ),
@@ -2224,38 +2224,39 @@ const Aa = ({ link: e, organization: n }) => {
2224
2224
  })
2225
2225
  }
2226
2226
  );
2227
- }, il = ({
2227
+ }, ol = ({
2228
2228
  loader: e,
2229
2229
  toolbarItem: n,
2230
2230
  isPaginated: r = !1,
2231
- onSelect: a,
2232
- onDelete: l,
2231
+ isSearching: a = !1,
2232
+ onSelect: l,
2233
+ onDelete: i,
2233
2234
  deleteLabel: o = "delete",
2234
- link: i,
2235
- children: s
2235
+ link: s,
2236
+ children: d
2236
2237
  }) => {
2237
- const { t: d } = B();
2238
+ const { t: c } = B();
2238
2239
  return /* @__PURE__ */ t(
2239
2240
  Sa,
2240
2241
  {
2241
2242
  loader: e,
2242
2243
  isPaginated: r,
2244
+ isSearching: a,
2243
2245
  ariaLabelKey: "organizationList",
2244
- searchPlaceholderKey: "searchOrganization",
2245
2246
  toolbarItem: n,
2246
- onSelect: a,
2247
- canSelectAll: a !== void 0,
2248
- actions: l ? [
2247
+ onSelect: l,
2248
+ canSelectAll: l !== void 0,
2249
+ actions: i ? [
2249
2250
  {
2250
- title: d(o),
2251
- onRowClick: l
2251
+ title: c(o),
2252
+ onRowClick: i
2252
2253
  }
2253
2254
  ] : void 0,
2254
2255
  columns: [
2255
2256
  {
2256
2257
  name: "name",
2257
2258
  displayKey: "name",
2258
- cellRenderer: (c) => /* @__PURE__ */ t(Aa, { link: i, organization: c })
2259
+ cellRenderer: (h) => /* @__PURE__ */ t(Aa, { link: s, organization: h })
2259
2260
  },
2260
2261
  {
2261
2262
  name: "domains",
@@ -2265,9 +2266,13 @@ const Aa = ({ link: e, organization: n }) => {
2265
2266
  {
2266
2267
  name: "description",
2267
2268
  displayKey: "description"
2269
+ },
2270
+ {
2271
+ name: "membershipType",
2272
+ displayKey: "membershipType"
2268
2273
  }
2269
2274
  ],
2270
- emptyState: s
2275
+ emptyState: d
2271
2276
  }
2272
2277
  );
2273
2278
  }, bt = "pf-v5-theme-dark", Ct = window.matchMedia("(prefers-color-scheme: dark)");
@@ -2284,7 +2289,7 @@ function sl() {
2284
2289
  export {
2285
2290
  Lr as AlertProvider,
2286
2291
  Wa as ContinueCancelModal,
2287
- ol as ErrorBoundaryFallback,
2292
+ il as ErrorBoundaryFallback,
2288
2293
  ll as ErrorBoundaryProvider,
2289
2294
  Nr as ErrorPage,
2290
2295
  qt as FormErrorText,
@@ -2301,7 +2306,7 @@ export {
2301
2306
  jr as KeycloakTextArea,
2302
2307
  ka as ListEmptyState,
2303
2308
  ja as NumberControl,
2304
- il as OrganizationTable,
2309
+ ol as OrganizationTable,
2305
2310
  wa as PaginatingTableToolbar,
2306
2311
  Ga as PasswordControl,
2307
2312
  Kt as PasswordInput,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@keycloak/keycloak-ui-shared",
3
- "version": "26.0.6",
3
+ "version": "26.0.7",
4
4
  "type": "module",
5
5
  "main": "./dist/keycloak-ui-shared.js",
6
6
  "types": "./dist/keycloak-ui-shared.d.ts",
@@ -50,8 +50,8 @@
50
50
  "react-dom": "^18.3.1",
51
51
  "react-hook-form": "7.53.0",
52
52
  "react-i18next": "^15.0.2",
53
- "keycloak-js": "26.0.6",
54
- "@keycloak/keycloak-admin-client": "26.0.6"
53
+ "@keycloak/keycloak-admin-client": "26.0.7",
54
+ "keycloak-js": "26.0.7"
55
55
  },
56
56
  "devDependencies": {
57
57
  "@types/lodash-es": "^4.17.12",