@keycloakify/keycloak-account-ui 25.0.4-rc.7 → 26.0.0-rc.0

package/src/ui-shared/utils/errors.ts

@@ -0,0 +1,55 @@
+import { NetworkError } from "@keycloak/keycloak-admin-client";
+
+const ERROR_FIELDS = ["error", "errorMessage"];
+const ERROR_DESCRIPTION_FIELD = "error_description";
+
+export function getErrorMessage(error: unknown) {
+  if (typeof error === "string") {
+    return error;
+  }
+
+  if (error instanceof NetworkError) {
+    return getNetworkErrorMessage(error.responseData);
+  }
+
+  if (error instanceof Error) {
+    return error.message;
+  }
+
+  throw new Error("Unable to determine error message.");
+}
+
+export function getErrorDescription(error: unknown) {
+  if (!(error instanceof NetworkError)) {
+    return;
+  }
+
+  const data = error.responseData;
+
+  return getNetworkErrorDescription(data);
+}
+
+export function getNetworkErrorDescription(data: unknown) {
+  if (
+    typeof data === "object" &&
+    data !== null &&
+    ERROR_DESCRIPTION_FIELD in data &&
+    typeof data[ERROR_DESCRIPTION_FIELD] === "string"
+  ) {
+    return data[ERROR_DESCRIPTION_FIELD];
+  }
+}
+
+export function getNetworkErrorMessage(data: unknown) {
+  if (typeof data !== "object" || data === null) {
+    return;
+  }
+
+  for (const key of ERROR_FIELDS) {
+    const value = (data as Record<string, unknown>)[key];
+
+    if (typeof value === "string") {
+      return value;
+    }
+  }
+}

package/src/ui-shared/utils/generateId.ts

@@ -0,0 +1 @@
+export const generateId = () => Math.floor(Math.random() * 1000);

package/src/ui-shared/utils/useFetch.ts

@@ -0,0 +1,44 @@
+import { DependencyList, useEffect } from "react";
+import { useErrorBoundary } from "@keycloakify/keycloak-account-ui/ui-shared/utils/ErrorBoundary";
+
+/**
+ * Util function to only set the state when the component is still mounted.
+ *
+ * It takes 2 functions one you do your adminClient call in and the other to set your state
+ *
+ * @example
+ * useFetch(
+ *  () => adminClient.components.findOne({ id }),
+ *  (component) => setupForm(component),
+ *  []
+ * );
+ *
+ * @param adminClientCall use this to do your adminClient call
+ * @param callback when the data is fetched this is where you set your state
+ */
+export function useFetch<T>(
+  adminClientCall: () => Promise<T>,
+  callback: (param: T) => void,
+  deps?: DependencyList,
+) {
+  const { showBoundary } = useErrorBoundary();
+
+  useEffect(() => {
+    const controller = new AbortController();
+    const { signal } = controller;
+    adminClientCall()
+      .then((result) => {
+        if (!signal.aborted) {
+          callback(result);
+        }
+      })
+      .catch((error) => {
+        console.error(error);
+        if (!signal.aborted) {
+          showBoundary(error);
+        }
+      });
+
+    return () => controller.abort();
+  }, deps);
+}

package/src/ui-shared/utils/useSetTimeout.ts

@@ -0,0 +1,40 @@
+import { useEffect, useRef, useCallback } from "react";
+
+export function useSetTimeout() {
+  const didUnmountRef = useRef(false);
+  const scheduledTimersRef = useRef(new Set<number>());
+
+  useEffect(() => {
+    didUnmountRef.current = false;
+
+    return () => {
+      didUnmountRef.current = true;
+      clearAll();
+    };
+  }, []);
+
+  function clearAll() {
+    scheduledTimersRef.current.forEach((timer) => clearTimeout(timer));
+    scheduledTimersRef.current.clear();
+  }
+
+  return useCallback((callback: () => void, delay: number) => {
+    if (didUnmountRef.current) {
+      throw new Error("Can't schedule a timeout on an unmounted component.");
+    }
+
+    const timer = Number(setTimeout(handleCallback, delay));
+
+    scheduledTimersRef.current.add(timer);
+
+    function handleCallback() {
+      scheduledTimersRef.current.delete(timer);
+      callback();
+    }
+
+    return function cancelTimeout() {
+      clearTimeout(timer);
+      scheduledTimersRef.current.delete(timer);
+    };
+  }, []);
+}

package/src/utils/useAccountAlerts.ts

@@ -0,0 +1,28 @@
+import { useAlerts } from "@keycloakify/keycloak-account-ui/ui-shared";
+import { AlertVariant } from "@patternfly/react-core";
+import { useCallback, useMemo } from "react";
+import { useTranslation } from "react-i18next";
+
+import { ApiError } from "@keycloakify/keycloak-account-ui/api/parse-response";
+
+export function useAccountAlerts() {
+  const { t } = useTranslation();
+  const { addAlert, addError } = useAlerts();
+  const addAccountError = useCallback(
+    (messageKey: string, error: unknown) => {
+      if (!(error instanceof ApiError)) {
+        addError(messageKey, error);
+        return;
+      }
+
+      const message = t(messageKey, { error: error.message });
+      addAlert(message, AlertVariant.danger, error.description);
+    },
+    [addAlert, addError, t],
+  );
+
+  return useMemo(
+    () => ({ addAlert, addError: addAccountError }),
+    [addAccountError, addAlert],
+  );
+}

package/src/utils/usePromise.ts

@@ -1,5 +1,5 @@
 import type { DependencyList } from "react";
-import { useEffect } from "react";
+import { useEffect, useState } from "react";
 
 /**
  * Function that creates a Promise. Receives an [AbortSignal](https://developer.mozilla.org/en-US/docs/Web/API/AbortSignal)
@@ -47,6 +47,7 @@ export function usePromise<T>(
   callback: PromiseResolvedFn<T>,
   deps: DependencyList = [],
 ) {
+  const [error, setError] = useState<unknown>();
   useEffect(() => {
     const controller = new AbortController();
     const { signal } = controller;
@@ -61,8 +62,7 @@ export function usePromise<T>(
           return;
         }
 
-        // Rethrow other errors.
-        throw error;
+        setError(error);
       }
     }
 
@@ -71,4 +71,9 @@ export function usePromise<T>(
     // Abort the Promise when the component unmounts, or the dependencies change.
     return () => controller.abort();
   }, deps);
+
+  // Rethrow other errors.
+  if (error) {
+    throw error;
+  }
 }

package/src/zKcContextLike.ts

@@ -28,6 +28,7 @@ const zKcContextLikeCommon = (() => {
         deleteAccountAllowed: z.boolean(),
         updateEmailFeatureEnabled: z.boolean(),
         updateEmailActionEnabled: z.boolean(),
+        isViewOrganizationsEnabled: z.boolean().optional(),
     });
 
     assert<Equals<z.infer<typeof zTargetType>, TargetType>>();

package/ui-shared/alerts/AlertPanel.d.ts

@@ -0,0 +1,6 @@
+import type { AlertEntry } from "../../ui-shared/alerts/Alerts";
+export type AlertPanelProps = {
+    alerts: AlertEntry[];
+    onCloseAlert: (id: number) => void;
+};
+export declare function AlertPanel({ alerts, onCloseAlert }: AlertPanelProps): import("react/jsx-runtime").JSX.Element;

package/ui-shared/alerts/AlertPanel.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AlertGroup, Alert, AlertActionCloseButton, AlertVariant, } from "@patternfly/react-core";
+export function AlertPanel({ alerts, onCloseAlert }) {
+    return (_jsx(AlertGroup, { "data-testid": "global-alerts", isToast: true, style: { whiteSpace: "pre-wrap" }, children: alerts.map(({ id, variant, message, description }, index) => (_jsx(Alert, { "data-testid": index === 0 ? "last-alert" : undefined, isLiveRegion: true, variant: AlertVariant[variant], component: "p", variantLabel: "", title: message, actionClose: _jsx(AlertActionCloseButton, { title: message, onClose: () => onCloseAlert(id) }), children: description && _jsx("p", { children: description }) }, id))) }));
+}
+//# sourceMappingURL=AlertPanel.js.map

package/ui-shared/alerts/AlertPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertPanel.js","sourceRoot":"","sources":["../../src/ui-shared/alerts/AlertPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,UAAU,EACV,KAAK,EACL,sBAAsB,EACtB,YAAY,GACb,MAAM,wBAAwB,CAAC;AAShC,MAAM,UAAU,UAAU,CAAC,EAAE,MAAM,EAAE,YAAY,EAAmB;IAClE,OAAO,CACL,KAAC,UAAU,mBACG,eAAe,EAC3B,OAAO,QACP,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,YAEhC,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5D,KAAC,KAAK,mBAES,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EACnD,YAAY,QACZ,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,EAC9B,SAAS,EAAC,GAAG,EACb,YAAY,EAAC,EAAE,EACf,KAAK,EAAE,OAAO,EACd,WAAW,EACT,KAAC,sBAAsB,IACrB,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,GAC/B,YAGH,WAAW,IAAI,sBAAI,WAAW,GAAK,IAd/B,EAAE,CAeD,CACT,CAAC,GACS,CACd,CAAC;AACJ,CAAC"}

package/ui-shared/alerts/Alerts.d.ts

@@ -1,14 +1,13 @@
 import { AlertVariant } from "@patternfly/react-core";
 import { PropsWithChildren } from "react";
 export type AddAlertFunction = (message: string, variant?: AlertVariant, description?: string) => void;
-export type AddErrorFunction = (message: string) => void;
+export type AddErrorFunction = (messageKey: string, error: unknown) => void;
 export type AlertProps = {
     addAlert: AddAlertFunction;
     addError: AddErrorFunction;
 };
-export declare const AlertContext: import("react").Context<AlertProps | undefined>;
 export declare const useAlerts: () => AlertProps;
-export type AlertType = {
+export type AlertEntry = {
     id: number;
     message: string;
     variant: AlertVariant;

package/ui-shared/alerts/Alerts.js

@@ -1,27 +1,37 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Alert, AlertActionCloseButton, AlertGroup, AlertVariant, } from "@patternfly/react-core";
-import { createContext, useContext, useState } from "react";
-export const AlertContext = createContext(undefined);
-export const useAlerts = () => useContext(AlertContext);
+import { AlertVariant } from "@patternfly/react-core";
+import { useCallback, useMemo, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { createNamedContext } from "../../ui-shared/utils/createNamedContext";
+import { getErrorDescription, getErrorMessage } from "../../ui-shared/utils/errors";
+import { generateId } from "../../ui-shared/utils/generateId";
+import { useRequiredContext } from "../../ui-shared/utils/useRequiredContext";
+import { useSetTimeout } from "../../ui-shared/utils/useSetTimeout";
+import { AlertPanel } from "../../ui-shared/alerts/AlertPanel";
+const ALERT_TIMEOUT = 8000;
+const AlertContext = createNamedContext("AlertContext", undefined);
+export const useAlerts = () => useRequiredContext(AlertContext);
 export const AlertProvider = ({ children }) => {
+    const { t } = useTranslation();
+    const setTimeout = useSetTimeout();
     const [alerts, setAlerts] = useState([]);
-    const hideAlert = (id) => {
-        setAlerts((alerts) => alerts.filter((alert) => alert.id !== id));
-    };
-    const addAlert = (message, variant = AlertVariant.success, description) => {
-        setAlerts([
-            {
-                id: Math.random() * 100,
-                message,
-                variant,
-                description,
-            },
-            ...alerts,
-        ]);
-    };
-    const addError = (message) => {
-        addAlert(message, AlertVariant.danger);
-    };
-    return (_jsxs(AlertContext.Provider, { value: { addAlert, addError }, children: [_jsx(AlertGroup, { isToast: true, "data-testid": "alerts", children: alerts.map(({ id, variant, message, description }) => (_jsx(Alert, { isLiveRegion: true, variant: AlertVariant[variant], variantLabel: "", title: message, actionClose: _jsx(AlertActionCloseButton, { title: message, onClose: () => hideAlert(id) }), timeout: true, onTimeout: () => hideAlert(id), children: description && _jsx("p", { children: description }) }, id))) }), children] }));
+    const removeAlert = (id) => setAlerts((alerts) => alerts.filter((alert) => alert.id !== id));
+    const addAlert = useCallback((message, variant = AlertVariant.success, description) => {
+        const alert = {
+            id: generateId(),
+            message,
+            variant,
+            description,
+        };
+        setAlerts((alerts) => [alert, ...alerts]);
+        setTimeout(() => removeAlert(alert.id), ALERT_TIMEOUT);
+    }, [setTimeout]);
+    const addError = useCallback((messageKey, error) => {
+        const message = t(messageKey, { error: getErrorMessage(error) });
+        const description = getErrorDescription(error);
+        addAlert(message, AlertVariant.danger, description);
+    }, [addAlert, t]);
+    const value = useMemo(() => ({ addAlert, addError }), [addAlert, addError]);
+    return (_jsxs(AlertContext.Provider, { value: value, children: [_jsx(AlertPanel, { alerts: alerts, onCloseAlert: removeAlert }), children] }));
 };
 //# sourceMappingURL=Alerts.js.map

package/ui-shared/alerts/Alerts.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alerts.js","sourceRoot":"","sources":["../../src/ui-shared/alerts/Alerts.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,KAAK,EACL,sBAAsB,EACtB,UAAU,EACV,YAAY,GACb,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,aAAa,EAAqB,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAe/E,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAyB,SAAS,CAAC,CAAC;AAE7E,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,YAAY,CAAE,CAAC;AASzD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAqB,EAAE,EAAE;IAC/D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAc,EAAE,CAAC,CAAC;IAEtD,MAAM,SAAS,GAAG,CAAC,EAAU,EAAE,EAAE;QAC/B,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;IACnE,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,CACf,OAAe,EACf,UAAwB,YAAY,CAAC,OAAO,EAC5C,WAAoB,EACpB,EAAE;QACF,SAAS,CAAC;YACR;gBACE,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG;gBACvB,OAAO;gBACP,OAAO;gBACP,WAAW;aACZ;YACD,GAAG,MAAM;SACV,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,CAAC,OAAe,EAAE,EAAE;QACnC,QAAQ,CAAC,OAAO,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IACzC,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAClD,KAAC,UAAU,IAAC,OAAO,uBAAa,QAAQ,YACrC,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CACrD,KAAC,KAAK,IAEJ,YAAY,QACZ,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,EAC9B,YAAY,EAAC,EAAE,EACf,KAAK,EAAE,OAAO,EACd,WAAW,EACT,KAAC,sBAAsB,IACrB,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC,GAC5B,EAEJ,OAAO,QACP,SAAS,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC,YAE7B,WAAW,IAAI,sBAAI,WAAW,GAAK,IAd/B,EAAE,CAeD,CACT,CAAC,GACS,EACZ,QAAQ,IACa,CACzB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Alerts.js","sourceRoot":"","sources":["../../src/ui-shared/alerts/Alerts.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAqB,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,qEAAqE,CAAC;AACzG,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,yDAAyD,CAAC;AAC/G,OAAO,EAAE,UAAU,EAAE,MAAM,6DAA6D,CAAC;AACzF,OAAO,EAAE,kBAAkB,EAAE,MAAM,qEAAqE,CAAC;AACzG,OAAO,EAAE,aAAa,EAAE,MAAM,gEAAgE,CAAC;AAC/F,OAAO,EAAE,UAAU,EAAE,MAAM,8DAA8D,CAAC;AAE1F,MAAM,aAAa,GAAG,IAAI,CAAC;AAe3B,MAAM,YAAY,GAAG,kBAAkB,CACrC,cAAc,EACd,SAAS,CACV,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAC;AAShE,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAqB,EAAE,EAAE;IAC/D,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAe,EAAE,CAAC,CAAC;IAEvD,MAAM,WAAW,GAAG,CAAC,EAAU,EAAE,EAAE,CACjC,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;IAEnE,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,OAAO,EAAE,OAAO,GAAG,YAAY,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE;QACvD,MAAM,KAAK,GAAe;YACxB,EAAE,EAAE,UAAU,EAAE;YAChB,OAAO;YACP,OAAO;YACP,WAAW;SACZ,CAAC;QAEF,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC;QAC1C,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,aAAa,CAAC,CAAC;IACzD,CAAC,EACD,CAAC,UAAU,CAAC,CACb,CAAC;IAEF,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE;QACpB,MAAM,OAAO,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,KAAK,EAAE,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QACjE,MAAM,WAAW,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;QAE/C,QAAQ,CAAC,OAAO,EAAE,YAAY,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IACtD,CAAC,EACD,CAAC,QAAQ,EAAE,CAAC,CAAC,CACd,CAAC;IAEF,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE5E,OAAO,CACL,MAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,aACjC,KAAC,UAAU,IAAC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,WAAW,GAAI,EACxD,QAAQ,IACa,CACzB,CAAC;AACJ,CAAC,CAAC"}

package/ui-shared/context/environment.js

@@ -20,7 +20,7 @@ export function getInjectedEnvironment() {
     try {
         return JSON.parse(contents);
     }
-    catch (error) {
+    catch (_a) {
         throw new Error("Unable to parse environment variables as JSON.");
     }
 }

package/ui-shared/context/environment.js.map

@@ -1 +1 @@
-{"version":3,"file":"environment.js","sourceRoot":"","sources":["../../src/ui-shared/context/environment.ts"],"names":[],"mappings":"AAuBA;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,sBAAsB;IACpC,MAAM,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;IACvD,MAAM,QAAQ,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,CAAC;IAEtC,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE,CAAC;QACjC,MAAM,IAAI,KAAK,CAAC,kDAAkD,CAAC,CAAC;IACtE,CAAC;IAED,IAAI,CAAC;QACH,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC9B,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,MAAM,IAAI,KAAK,CAAC,gDAAgD,CAAC,CAAC;IACpE,CAAC;AACH,CAAC"}
+{"version":3,"file":"environment.js","sourceRoot":"","sources":["../../src/ui-shared/context/environment.ts"],"names":[],"mappings":"AAuBA;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,sBAAsB;IACpC,MAAM,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;IACvD,MAAM,QAAQ,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,CAAC;IAEtC,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE,CAAC;QACjC,MAAM,IAAI,KAAK,CAAC,kDAAkD,CAAC,CAAC;IACtE,CAAC;IAED,IAAI,CAAC;QACH,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC9B,CAAC;IAAC,WAAM,CAAC;QACP,MAAM,IAAI,KAAK,CAAC,gDAAgD,CAAC,CAAC;IACpE,CAAC;AACH,CAAC"}

package/ui-shared/controls/KeycloakSpinner.d.ts

@@ -0,0 +1 @@
+export declare const KeycloakSpinner: () => import("react/jsx-runtime").JSX.Element;

package/ui-shared/controls/KeycloakSpinner.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Bullseye, Spinner } from "@patternfly/react-core";
+import { useTranslation } from "react-i18next";
+export const KeycloakSpinner = () => {
+    const { t } = useTranslation();
+    return (_jsx(Bullseye, { children: _jsx(Spinner, { "aria-label": t("spinnerLoading") }) }));
+};
+//# sourceMappingURL=KeycloakSpinner.js.map

package/ui-shared/controls/KeycloakSpinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeycloakSpinner.js","sourceRoot":"","sources":["../../src/ui-shared/controls/KeycloakSpinner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAE/B,OAAO,CACL,KAAC,QAAQ,cACP,KAAC,OAAO,kBAAa,CAAC,CAAC,gBAAgB,CAAC,GAAI,GACnC,CACZ,CAAC;AACJ,CAAC,CAAC"}

package/ui-shared/controls/OrganizationTable.d.ts

@@ -0,0 +1,16 @@
+import OrganizationRepresentation from "@keycloak/keycloak-admin-client/lib/defs/organizationRepresentation";
+import { FunctionComponent, PropsWithChildren, ReactNode } from "react";
+import { LoaderFunction } from "../../ui-shared/controls/table/KeycloakDataTable";
+type OrganizationTableProps = PropsWithChildren & {
+    loader: LoaderFunction<OrganizationRepresentation> | OrganizationRepresentation[];
+    link: FunctionComponent<PropsWithChildren<{
+        organization: OrganizationRepresentation;
+    }>>;
+    toolbarItem?: ReactNode;
+    isPaginated?: boolean;
+    onSelect?: (orgs: OrganizationRepresentation[]) => void;
+    onDelete?: (org: OrganizationRepresentation) => void;
+    deleteLabel?: string;
+};
+export declare const OrganizationTable: ({ loader, toolbarItem, isPaginated, onSelect, onDelete, deleteLabel, link, children, }: OrganizationTableProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/ui-shared/controls/OrganizationTable.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge, Chip, ChipGroup } from "@patternfly/react-core";
+import { TableText } from "@patternfly/react-table";
+import { useTranslation } from "react-i18next";
+import { KeycloakDataTable } from "../../ui-shared/controls/table/KeycloakDataTable";
+const OrgDetailLink = ({ link, organization }) => {
+    const { t } = useTranslation();
+    const Component = link;
+    return (_jsx(TableText, { wrapModifier: "truncate", children: _jsxs(Component, { organization: organization, children: [organization.name, !organization.enabled && (_jsx(Badge, { isRead: true, className: "pf-v5-u-ml-sm", children: t("disabled") }, `${organization.id}-disabled`))] }) }));
+};
+const Domains = (org) => {
+    var _a;
+    const { t } = useTranslation();
+    return (_jsx(ChipGroup, { numChips: 2, expandedText: t("hide"), collapsedText: t("showRemaining"), children: (_a = org.domains) === null || _a === void 0 ? void 0 : _a.map((dn) => {
+            const name = typeof dn === "string" ? dn : dn.name;
+            return (_jsx(Chip, { isReadOnly: true, children: name }, name));
+        }) }));
+};
+export const OrganizationTable = ({ loader, toolbarItem, isPaginated = false, onSelect, onDelete, deleteLabel = "delete", link, children, }) => {
+    const { t } = useTranslation();
+    return (_jsx(KeycloakDataTable, { loader: loader, isPaginated: isPaginated, ariaLabelKey: "organizationList", searchPlaceholderKey: "searchOrganization", toolbarItem: toolbarItem, onSelect: onSelect, canSelectAll: onSelect !== undefined, actions: onDelete
+            ? [
+                {
+                    title: t(deleteLabel),
+                    onRowClick: onDelete,
+                },
+            ]
+            : undefined, columns: [
+            {
+                name: "name",
+                displayKey: "name",
+                cellRenderer: (row) => (_jsx(OrgDetailLink, { link: link, organization: row })),
+            },
+            {
+                name: "domains",
+                displayKey: "domains",
+                cellRenderer: Domains,
+            },
+            {
+                name: "description",
+                displayKey: "description",
+            },
+        ], emptyState: children }));
+};
+//# sourceMappingURL=OrganizationTable.js.map

package/ui-shared/controls/OrganizationTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationTable.js","sourceRoot":"","sources":["../../src/ui-shared/controls/OrganizationTable.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAkB,MAAM,6EAA6E,CAAC;AAShI,MAAM,aAAa,GAAG,CAAC,EAAE,IAAI,EAAE,YAAY,EAAsB,EAAE,EAAE;IACnE,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,SAAS,GAAG,IAAI,CAAC;IACvB,OAAO,CACL,KAAC,SAAS,IAAC,YAAY,EAAC,UAAU,YAChC,MAAC,SAAS,IAAC,YAAY,EAAE,YAAY,aAClC,YAAY,CAAC,IAAI,EACjB,CAAC,YAAY,CAAC,OAAO,IAAI,CACxB,KAAC,KAAK,IAEJ,MAAM,QACN,SAAS,EAAC,eAAe,YAExB,CAAC,CAAC,UAAU,CAAC,IAJT,GAAG,YAAY,CAAC,EAAE,WAAW,CAK5B,CACT,IACS,GACF,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,OAAO,GAAG,CAAC,GAA+B,EAAE,EAAE;;IAClD,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,OAAO,CACL,KAAC,SAAS,IACR,QAAQ,EAAE,CAAC,EACX,YAAY,EAAE,CAAC,CAAC,MAAM,CAAC,EACvB,aAAa,EAAE,CAAC,CAAC,eAAe,CAAC,YAEhC,MAAA,GAAG,CAAC,OAAO,0CAAE,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE;YACvB,MAAM,IAAI,GAAG,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC;YACnD,OAAO,CACL,KAAC,IAAI,IAAY,UAAU,kBACxB,IAAI,IADI,IAAI,CAER,CACR,CAAC;QACJ,CAAC,CAAC,GACQ,CACb,CAAC;AACJ,CAAC,CAAC;AAgBF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,MAAM,EACN,WAAW,EACX,WAAW,GAAG,KAAK,EACnB,QAAQ,EACR,QAAQ,EACR,WAAW,GAAG,QAAQ,EACtB,IAAI,EACJ,QAAQ,GACe,EAAE,EAAE;IAC3B,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAE/B,OAAO,CACL,KAAC,iBAAiB,IAChB,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,YAAY,EAAC,kBAAkB,EAC/B,oBAAoB,EAAC,oBAAoB,EACzC,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,QAAQ,KAAK,SAAS,EACpC,OAAO,EACL,QAAQ;YACN,CAAC,CAAC;gBACE;oBACE,KAAK,EAAE,CAAC,CAAC,WAAW,CAAC;oBACrB,UAAU,EAAE,QAAQ;iBACrB;aACF;YACH,CAAC,CAAC,SAAS,EAEf,OAAO,EAAE;YACP;gBACE,IAAI,EAAE,MAAM;gBACZ,UAAU,EAAE,MAAM;gBAClB,YAAY,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CACrB,KAAC,aAAa,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,GAAI,CACjD;aACF;YACD;gBACE,IAAI,EAAE,SAAS;gBACf,UAAU,EAAE,SAAS;gBACrB,YAAY,EAAE,OAAO;aACtB;YACD;gBACE,IAAI,EAAE,aAAa;gBACnB,UAAU,EAAE,aAAa;aAC1B;SACF,EACD,UAAU,EAAE,QAAQ,GACpB,CACH,CAAC;AACJ,CAAC,CAAC"}

package/ui-shared/controls/select-control/SingleSelectControl.js

@@ -14,6 +14,7 @@ import { MenuToggle, MenuToggleStatus, Select, SelectList, SelectOption, } from
 import { get } from "lodash-es";
 import { useState } from "react";
 import { Controller, useFormContext, } from "react-hook-form";
+import { getRuleValue } from "../../../ui-shared/utils/getRuleValue";
 import { FormLabel } from "../../../ui-shared/controls/FormLabel";
 import { isSelectBasedOptions, isString, key, } from "../../../ui-shared/controls/select-control/SelectControl";
 export const SingleSelectControl = (_a) => {
@@ -21,7 +22,8 @@ export const SingleSelectControl = (_a) => {
     var { id, name, label, options, controller, labelIcon } = _a, rest = __rest(_a, ["id", "name", "label", "options", "controller", "labelIcon"]);
     const { control, formState: { errors }, } = useFormContext();
     const [open, setOpen] = useState(false);
-    return (_jsx(FormLabel, { name: name, label: label, isRequired: !!((_b = controller.rules) === null || _b === void 0 ? void 0 : _b.required), error: get(errors, name), labelIcon: labelIcon, children: _jsx(Controller, Object.assign({}, controller, { name: name, control: control, render: ({ field: { onChange, value } }) => (_jsx(Select, Object.assign({}, rest, { onClick: () => setOpen(!open), onOpenChange: () => setOpen(false), selected: isSelectBasedOptions(options)
+    const required = getRuleValue((_b = controller.rules) === null || _b === void 0 ? void 0 : _b.required) === true;
+    return (_jsx(FormLabel, { name: name, label: label, isRequired: required, error: get(errors, name), labelIcon: labelIcon, children: _jsx(Controller, Object.assign({}, controller, { name: name, control: control, render: ({ field: { onChange, value } }) => (_jsx(Select, Object.assign({}, rest, { onClick: () => setOpen(!open), onOpenChange: () => setOpen(false), selected: isSelectBasedOptions(options)
                     ? options
                         .filter((o) => Array.isArray(value)
                         ? value.includes(o.key)

package/ui-shared/controls/select-control/SingleSelectControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"SingleSelectControl.js","sourceRoot":"","sources":["../../../src/ui-shared/controls/select-control/SingleSelectControl.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SingleSelectControl.js","sourceRoot":"","sources":["../../../src/ui-shared/controls/select-control/SingleSelectControl.tsx"],"names":[],"mappings":"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"}

package/ui-shared/controls/select-control/TypeaheadSelectControl.js

@@ -15,6 +15,7 @@ import { TimesIcon } from "@patternfly/react-icons";
 import { get } from "lodash-es";
 import { useMemo, useRef, useState } from "react";
 import { Controller, useFormContext, } from "react-hook-form";
+import { getRuleValue } from "../../../ui-shared/utils/getRuleValue";
 import { FormLabel } from "../../../ui-shared/controls/FormLabel";
 import { SelectVariant, isSelectBasedOptions, isString, key, } from "../../../ui-shared/controls/select-control/SelectControl";
 const getValue = (option) => isString(option) ? option : option.value;
@@ -26,6 +27,7 @@ export const TypeaheadSelectControl = (_a) => {
     const [filterValue, setFilterValue] = useState("");
     const [focusedItemIndex, setFocusedItemIndex] = useState(0);
     const textInputRef = useRef();
+    const required = getRuleValue((_b = controller.rules) === null || _b === void 0 ? void 0 : _b.required) === true;
     const filteredOptions = options.filter((option) => getValue(option).toLowerCase().startsWith(filterValue.toLowerCase()));
     const convert = useMemo(() => filteredOptions.map((option, index) => (_jsx(SelectOption, { value: key(option), isFocused: focusedItemIndex === index, children: getValue(option) }, key(option)))), [focusedItemIndex, filteredOptions]);
     const onInputKeyDown = (event, field) => {
@@ -84,7 +86,7 @@ export const TypeaheadSelectControl = (_a) => {
             }
         }
     };
-    return (_jsx(FormLabel, { name: name, label: label, isRequired: !!((_b = controller.rules) === null || _b === void 0 ? void 0 : _b.required), error: get(errors, name), labelIcon: labelIcon, children: _jsx(Controller, Object.assign({}, controller, { name: name, control: control, render: ({ field }) => (_jsx(Select, Object.assign({}, rest, { onClick: () => setOpen(!open), onOpenChange: () => setOpen(false), selected: isSelectBasedOptions(options)
+    return (_jsx(FormLabel, { name: name, label: label, isRequired: required, error: get(errors, name), labelIcon: labelIcon, children: _jsx(Controller, Object.assign({}, controller, { name: name, control: control, render: ({ field }) => (_jsx(Select, Object.assign({}, rest, { onClick: () => setOpen(!open), onOpenChange: () => setOpen(false), selected: isSelectBasedOptions(options)
                     ? options
                         .filter((o) => Array.isArray(field.value)
                         ? field.value.includes(o.key)
@@ -111,10 +113,10 @@ export const TypeaheadSelectControl = (_a) => {
                                                 }, children: isSelectBasedOptions(options)
                                                     ? (_a = options.find((o) => selection === o.key)) === null || _a === void 0 ? void 0 : _a.value
                                                     : getValue(selection) }, index));
-                                        }) })) }), _jsx(TextInputGroupUtilities, { children: !!filterValue && (_jsx(Button, { variant: "plain", onClick: () => {
+                                        }) })) }), _jsx(TextInputGroupUtilities, { children: (!!filterValue || field.value) && (_jsx(Button, { variant: "plain", onClick: () => {
                                             var _a;
-                                            field.onChange(undefined);
                                             setFilterValue("");
+                                            field.onChange("");
                                             (_a = textInputRef === null || textInputRef === void 0 ? void 0 : textInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
                                         }, "aria-label": "Clear input value", children: _jsx(TimesIcon, { "aria-hidden": true }) })) })] }) }));
                 }, onSelect: (event, v) => {

package/ui-shared/controls/select-control/TypeaheadSelectControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"TypeaheadSelectControl.js","sourceRoot":"","sources":["../../../src/ui-shared/controls/select-control/TypeaheadSelectControl.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TypeaheadSelectControl.js","sourceRoot":"","sources":["../../../src/ui-shared/controls/select-control/TypeaheadSelectControl.tsx"],"names":[],"mappings":"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"}

package/ui-shared/controls/table/KeycloakDataTable.d.ts

@@ -0,0 +1,64 @@
+import type { SVGIconProps } from "@patternfly/react-icons/dist/js/createIcon";
+import { IAction, IActionsResolver, IFormatter, ITransform, TableProps } from "@patternfly/react-table";
+import { ComponentClass, ReactNode, type JSX } from "react";
+export type Field<T> = {
+    name: string;
+    displayKey?: string;
+    cellFormatters?: IFormatter[];
+    transforms?: ITransform[];
+    cellRenderer?: (row: T) => JSX.Element | string;
+};
+export type DetailField<T> = {
+    name: string;
+    enabled?: (row: T) => boolean;
+    cellRenderer?: (row: T) => JSX.Element | string;
+};
+export type Action<T> = IAction & {
+    onRowClick?: (row: T) => Promise<boolean | void> | void;
+};
+export type LoaderFunction<T> = (first?: number, max?: number, search?: string) => Promise<T[]>;
+export type DataListProps<T> = Omit<TableProps, "rows" | "cells" | "onSelect"> & {
+    loader: T[] | LoaderFunction<T>;
+    onSelect?: (value: T[]) => void;
+    canSelectAll?: boolean;
+    detailColumns?: DetailField<T>[];
+    isRowDisabled?: (value: T) => boolean;
+    isPaginated?: boolean;
+    ariaLabelKey: string;
+    searchPlaceholderKey?: string;
+    columns: Field<T>[];
+    actions?: Action<T>[];
+    actionResolver?: IActionsResolver;
+    searchTypeComponent?: ReactNode;
+    toolbarItem?: ReactNode;
+    subToolbar?: ReactNode;
+    emptyState?: ReactNode;
+    icon?: ComponentClass<SVGIconProps>;
+    isNotCompact?: boolean;
+    isRadio?: boolean;
+    isSearching?: boolean;
+};
+/**
+ * A generic component that can be used to show the initial list most sections have. Takes care of the loading of the date and filtering.
+ * All you have to define is how the columns are displayed.
+ * @example
+ *   <KeycloakDataTable columns={[
+ *     {
+ *        name: "clientId", //name of the field from the array of object the loader returns to display in this column
+ *        displayKey: "clientId", //i18n key to use to lookup the name of the column header
+ *        cellRenderer: ClientDetailLink, //optionally you can use a component to render the column when you don't want just the content of the field, the whole row / entire object is passed in.
+ *     }
+ *   ]}
+ * @param {DataListProps} props - The properties.
+ * @param {string} props.ariaLabelKey - The aria label key i18n key to lookup the label
+ * @param {string} props.searchPlaceholderKey - The i18n key to lookup the placeholder for the search box
+ * @param {boolean} props.isPaginated - if true the the loader will be called with first, max and search and a pager will be added in the header
+ * @param {(first?: number, max?: number, search?: string) => Promise<T[]>} props.loader - loader function that will fetch the data to display first, max and search are only applicable when isPaginated = true
+ * @param {Field<T>} props.columns - definition of the columns
+ * @param {Field<T>} props.detailColumns - definition of the columns expandable columns
+ * @param {Action[]} props.actions - the actions that appear on the row
+ * @param {IActionsResolver} props.actionResolver Resolver for the given action
+ * @param {ReactNode} props.toolbarItem - Toolbar items that appear on the top of the table {@link toolbarItem}
+ * @param {ReactNode} props.emptyState - ReactNode show when the list is empty could be any component but best to use {@link ListEmptyState}
+ */
+export declare function KeycloakDataTable<T>({ ariaLabelKey, searchPlaceholderKey, isPaginated, onSelect, canSelectAll, isNotCompact, isRadio, detailColumns, isRowDisabled, loader, columns, actions, actionResolver, searchTypeComponent, toolbarItem, subToolbar, emptyState, icon, isSearching, ...props }: DataListProps<T>): import("react/jsx-runtime").JSX.Element;