@keycloak/keycloak-admin-ui 26.6.4 → 26.7.0

package/lib/RealmSection-C9novYiZ.js

@@ -0,0 +1,181 @@
+import { jsxs as h, Fragment as g, jsx as e } from "react/jsx-runtime";
+import { a_ as F, a as L, a$ as V, u as U, q as $, aa as j, e as q, b0 as M, b1 as W, V as H, P as Q, b2 as _, b3 as k, b4 as z, b5 as G, b6 as S, b7 as J, af as f, B as X, b8 as Y, b9 as Z, ba as ee, O as v, Q as O, S as K, U as A, bb as ae } from "./index-CAGzl0JA.js";
+import { useState as m } from "react";
+import { useTranslation as p } from "react-i18next";
+import { useNavigate as te, Link as N } from "react-router-dom";
+const ne = () => {
+  const { t: n } = p(), [o, i] = m(!1), r = ee();
+  return r.length < 3 ? null : /* @__PURE__ */ e(
+    v,
+    {
+      shouldFocusToggleOnSelect: !0,
+      onOpenChange: (t) => i(t),
+      toggle: (t) => /* @__PURE__ */ e(
+        A,
+        {
+          "data-testid": "kebab",
+          "aria-label": "Kebab toggle",
+          ref: t,
+          onClick: () => i(!o),
+          children: n("recentRealms")
+        }
+      ),
+      isOpen: o,
+      children: /* @__PURE__ */ e(O, { children: r.map(({ name: t }) => /* @__PURE__ */ e(
+        K,
+        {
+          component: (s) => /* @__PURE__ */ e(N, { ...s, to: k({ realm: t }) }),
+          children: t
+        },
+        "server info"
+      )) })
+    }
+  );
+}, le = ({ onClick: n, isDisabled: o }) => {
+  const { t: i } = p(), [r, t] = m(!1);
+  return /* @__PURE__ */ e(
+    v,
+    {
+      shouldFocusToggleOnSelect: !0,
+      onOpenChange: (s) => t(s),
+      toggle: (s) => /* @__PURE__ */ e(
+        A,
+        {
+          "data-testid": "kebab",
+          "aria-label": "Kebab toggle",
+          ref: s,
+          onClick: () => t(!r),
+          variant: "plain",
+          isDisabled: o,
+          children: /* @__PURE__ */ e(ae, {})
+        }
+      ),
+      isOpen: r,
+      children: /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e(
+        K,
+        {
+          "data-testid": "delete",
+          onClick: () => {
+            t(!1), n();
+          },
+          children: i("delete")
+        }
+      ) })
+    }
+  );
+};
+function me() {
+  const { t: n } = p(), o = te(), { whoAmI: i } = F(), { realm: r } = L(), { environment: t } = V(), { adminClient: s } = U(), { addAlert: b, addError: I } = $(), [c, u] = m([]), [x, R] = m(!1), [C, P] = m(0), w = () => P(C + 1), T = async (a, l, B) => {
+    try {
+      return (await Y(
+        s,
+        "ui-ext/realms/names",
+        { first: `${a}`, max: `${l}`, search: B || "" }
+      )).map((D) => ({ ...D, id: D.name }));
+    } catch (d) {
+      if (d instanceof Z && d.response.status < 500)
+        return [];
+      throw d;
+    }
+  }, [y, E] = j({
+    titleKey: n("deleteConfirmRealm", {
+      count: c.length,
+      name: c[0]?.name
+    }),
+    messageKey: "deleteConfirmRealmSetting",
+    continueButtonLabel: "delete",
+    onConfirm: async () => {
+      try {
+        c.some(({ name: l }) => l === t.masterRealm) && b(n("cantDeleteMasterRealm"), q.warning);
+        const a = c.filter(
+          ({ name: l }) => l !== t.masterRealm
+        );
+        if (a.length === 0) return;
+        await Promise.all(
+          a.map(
+            ({ name: l }) => s.realms.del({ realm: l })
+          )
+        ), b(n("deletedSuccessRealmSetting")), c.some(({ name: l }) => l === r) && o(M({ realm: t.masterRealm })), w(), u([]);
+      } catch (a) {
+        I("deleteError", a);
+      }
+    }
+  });
+  return /* @__PURE__ */ h(g, { children: [
+    /* @__PURE__ */ e(E, {}),
+    x && /* @__PURE__ */ e(
+      W,
+      {
+        onClose: () => {
+          R(!1), w();
+        }
+      }
+    ),
+    /* @__PURE__ */ e(H, { titleKey: "manageRealms", divider: !1 }),
+    /* @__PURE__ */ e(Q, { variant: "light", className: "pf-v5-u-p-0", children: /* @__PURE__ */ e(
+      _,
+      {
+        loader: T,
+        isPaginated: !0,
+        onSelect: u,
+        canSelectAll: !0,
+        ariaLabelKey: "selectRealm",
+        searchPlaceholderKey: "search",
+        actions: [
+          {
+            title: n("delete"),
+            onRowClick: (a) => {
+              u([a]), y();
+            }
+          }
+        ],
+        toolbarItem: /* @__PURE__ */ h(g, { children: [
+          /* @__PURE__ */ e(f, { children: i.createRealm && /* @__PURE__ */ e(
+            X,
+            {
+              onClick: () => R(!0),
+              "data-testid": "add-realm",
+              children: n("createRealm")
+            }
+          ) }),
+          /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(ne, {}) }),
+          /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(
+            le,
+            {
+              onClick: y,
+              isDisabled: c.length === 0
+            }
+          ) })
+        ] }),
+        columns: [
+          {
+            name: "name",
+            transforms: [S(20)],
+            cellRenderer: ({ name: a }) => a !== r ? /* @__PURE__ */ e(N, { to: k({ realm: a }), children: a }) : /* @__PURE__ */ e(
+              z,
+              {
+                bodyContent: n("currentRealmExplain"),
+                triggerAction: "hover",
+                children: /* @__PURE__ */ h(g, { children: [
+                  a,
+                  " ",
+                  /* @__PURE__ */ e(G, { isRead: !0, children: n("currentRealm") })
+                ] })
+              }
+            )
+          },
+          {
+            name: "displayName",
+            transforms: [S(80)],
+            cellRenderer: ({ displayName: a }) => J(n, a, "—")
+          }
+        ]
+      },
+      C
+    ) })
+  ] });
+}
+export {
+  me as default
+};
+//# sourceMappingURL=RealmSection-C9novYiZ.js.map

package/lib/RealmSection-C9novYiZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RealmSection-C9novYiZ.js","sources":["../src/realm/RealmSection.tsx"],"sourcesContent":["import { NetworkError } from \"@keycloak/keycloak-admin-client\";\nimport {\n  KeycloakDataTable,\n  useAlerts,\n  useEnvironment,\n} from \"@keycloak/keycloak-ui-shared\";\nimport {\n  AlertVariant,\n  Badge,\n  Button,\n  Dropdown,\n  DropdownItem,\n  DropdownList,\n  MenuToggle,\n  PageSection,\n  Popover,\n  ToolbarItem,\n} from \"@patternfly/react-core\";\nimport { EllipsisVIcon } from \"@patternfly/react-icons\";\nimport { cellWidth } from \"@patternfly/react-table\";\nimport { useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { Link, useNavigate } from \"react-router-dom\";\nimport { useAdminClient } from \"../admin-client\";\nimport { useConfirmDialog } from \"../components/confirm-dialog/ConfirmDialog\";\nimport { ViewHeader } from \"../components/view-header/ViewHeader\";\nimport { fetchAdminUI } from \"../context/auth/admin-ui-endpoint\";\nimport { useRealm } from \"../context/realm-context/RealmContext\";\nimport { useRecentRealms } from \"../context/RecentRealms\";\nimport { useWhoAmI } from \"../context/whoami/WhoAmI\";\nimport type { Environment } from \"../environment-types\";\nimport { resolveDisplayName } from \"../util\";\nimport NewRealmForm from \"./add/NewRealmForm\";\nimport { toRealm } from \"./RealmRoutes\";\nimport { toDashboard } from \"../dashboard/routes/Dashboard\";\n\nexport type RealmNameRepresentation = {\n  name: string;\n  displayName?: string;\n};\n\nconst RecentRealmsDropdown = () => {\n  const { t } = useTranslation();\n  const [open, setOpen] = useState(false);\n  const recentRealms = useRecentRealms();\n\n  if (recentRealms.length < 3) return null;\n  return (\n    <Dropdown\n      shouldFocusToggleOnSelect\n      onOpenChange={(isOpen) => setOpen(isOpen)}\n      toggle={(ref) => (\n        <MenuToggle\n          data-testid=\"kebab\"\n          aria-label=\"Kebab toggle\"\n          ref={ref}\n          onClick={() => setOpen(!open)}\n        >\n          {t(\"recentRealms\")}\n        </MenuToggle>\n      )}\n      isOpen={open}\n    >\n      <DropdownList>\n        {recentRealms.map(({ name }) => (\n          <DropdownItem\n            key=\"server info\"\n            component={(props) => (\n              <Link {...props} to={toDashboard({ realm: name })} />\n            )}\n          >\n            {name}\n          </DropdownItem>\n        ))}\n      </DropdownList>\n    </Dropdown>\n  );\n};\n\ntype KebabDropdownProps = {\n  onClick: () => void;\n  isDisabled?: boolean;\n};\n\nconst KebabDropdown = ({ onClick, isDisabled }: KebabDropdownProps) => {\n  const { t } = useTranslation();\n  const [open, setOpen] = useState(false);\n  return (\n    <Dropdown\n      shouldFocusToggleOnSelect\n      onOpenChange={(isOpen) => setOpen(isOpen)}\n      toggle={(ref) => (\n        <MenuToggle\n          data-testid=\"kebab\"\n          aria-label=\"Kebab toggle\"\n          ref={ref}\n          onClick={() => setOpen(!open)}\n          variant=\"plain\"\n          isDisabled={isDisabled}\n        >\n          <EllipsisVIcon />\n        </MenuToggle>\n      )}\n      isOpen={open}\n    >\n      <DropdownList>\n        <DropdownItem\n          data-testid=\"delete\"\n          onClick={() => {\n            setOpen(false);\n            onClick();\n          }}\n        >\n          {t(\"delete\")}\n        </DropdownItem>\n      </DropdownList>\n    </Dropdown>\n  );\n};\n\ntype RealmRow = RealmNameRepresentation & { id: string };\n\nexport default function RealmSection() {\n  const { t } = useTranslation();\n  const navigate = useNavigate();\n  const { whoAmI } = useWhoAmI();\n  const { realm } = useRealm();\n  const { environment } = useEnvironment<Environment>();\n  const { adminClient } = useAdminClient();\n  const { addAlert, addError } = useAlerts();\n\n  const [selected, setSelected] = useState<RealmRow[]>([]);\n  const [openNewRealm, setOpenNewRealm] = useState(false);\n  const [key, setKey] = useState(0);\n  const refresh = () => setKey(key + 1);\n\n  const loader = async (first?: number, max?: number, search?: string) => {\n    try {\n      const result = await fetchAdminUI<RealmNameRepresentation[]>(\n        adminClient,\n        \"ui-ext/realms/names\",\n        { first: `${first}`, max: `${max}`, search: search || \"\" },\n      );\n      return result.map((r) => ({ ...r, id: r.name }));\n    } catch (error) {\n      if (error instanceof NetworkError && error.response.status < 500) {\n        return [];\n      }\n\n      throw error;\n    }\n  };\n\n  const [toggleDeleteDialog, DeleteConfirm] = useConfirmDialog({\n    titleKey: t(\"deleteConfirmRealm\", {\n      count: selected.length,\n      name: selected[0]?.name,\n    }),\n    messageKey: \"deleteConfirmRealmSetting\",\n    continueButtonLabel: \"delete\",\n    onConfirm: async () => {\n      try {\n        if (selected.some(({ name }) => name === environment.masterRealm)) {\n          addAlert(t(\"cantDeleteMasterRealm\"), AlertVariant.warning);\n        }\n        const filtered = selected.filter(\n          ({ name }) => name !== environment.masterRealm,\n        );\n        if (filtered.length === 0) return;\n        await Promise.all(\n          filtered.map(({ name: realmName }) =>\n            adminClient.realms.del({ realm: realmName }),\n          ),\n        );\n        addAlert(t(\"deletedSuccessRealmSetting\"));\n        if (selected.some(({ name }) => name === realm)) {\n          navigate(toRealm({ realm: environment.masterRealm }));\n        }\n        refresh();\n        setSelected([]);\n      } catch (error) {\n        addError(\"deleteError\", error);\n      }\n    },\n  });\n\n  return (\n    <>\n      <DeleteConfirm />\n      {openNewRealm && (\n        <NewRealmForm\n          onClose={() => {\n            setOpenNewRealm(false);\n            refresh();\n          }}\n        />\n      )}\n      <ViewHeader titleKey=\"manageRealms\" divider={false} />\n      <PageSection variant=\"light\" className=\"pf-v5-u-p-0\">\n        <KeycloakDataTable\n          key={key}\n          loader={loader}\n          isPaginated\n          onSelect={setSelected}\n          canSelectAll\n          ariaLabelKey=\"selectRealm\"\n          searchPlaceholderKey=\"search\"\n          actions={[\n            {\n              title: t(\"delete\"),\n              onRowClick: (selected) => {\n                setSelected([selected]);\n                toggleDeleteDialog();\n              },\n            },\n          ]}\n          toolbarItem={\n            <>\n              <ToolbarItem>\n                {whoAmI.createRealm && (\n                  <Button\n                    onClick={() => setOpenNewRealm(true)}\n                    data-testid=\"add-realm\"\n                  >\n                    {t(\"createRealm\")}\n                  </Button>\n                )}\n              </ToolbarItem>\n              <ToolbarItem>\n                <RecentRealmsDropdown />\n              </ToolbarItem>\n              <ToolbarItem>\n                <KebabDropdown\n                  onClick={toggleDeleteDialog}\n                  isDisabled={selected.length === 0}\n                />\n              </ToolbarItem>\n            </>\n          }\n          columns={[\n            {\n              name: \"name\",\n              transforms: [cellWidth(20)],\n              cellRenderer: ({ name }) =>\n                name !== realm ? (\n                  <Link to={toDashboard({ realm: name })}>{name}</Link>\n                ) : (\n                  <Popover\n                    bodyContent={t(\"currentRealmExplain\")}\n                    triggerAction=\"hover\"\n                  >\n                    <>\n                      {name} <Badge isRead>{t(\"currentRealm\")}</Badge>\n                    </>\n                  </Popover>\n                ),\n            },\n            {\n              name: \"displayName\",\n              transforms: [cellWidth(80)],\n              cellRenderer: ({ displayName }) =>\n                resolveDisplayName(t, displayName, \"—\"),\n            },\n          ]}\n        />\n      </PageSection>\n    </>\n  );\n}\n"],"names":["RecentRealmsDropdown","t","useTranslation","open","setOpen","useState","recentRealms","useRecentRealms","jsx","Dropdown","isOpen","ref","MenuToggle","DropdownList","name","DropdownItem","props","Link","toDashboard","KebabDropdown","onClick","isDisabled","EllipsisVIcon","RealmSection","navigate","useNavigate","whoAmI","useWhoAmI","realm","useRealm","environment","useEnvironment","adminClient","useAdminClient","addAlert","addError","useAlerts","selected","setSelected","openNewRealm","setOpenNewRealm","key","setKey","refresh","loader","first","max","search","fetchAdminUI","r","error","NetworkError","toggleDeleteDialog","DeleteConfirm","useConfirmDialog","AlertVariant","filtered","realmName","toRealm","jsxs","Fragment","NewRealmForm","ViewHeader","PageSection","KeycloakDataTable","ToolbarItem","Button","cellWidth","Popover","Badge","displayName","resolveDisplayName"],"mappings":"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"}

package/lib/{ResourceDetails-BqEkqCCk.js → ResourceDetails-DP6BvER1.js}

@@ -1,14 +1,14 @@
 import { jsxs as c, Fragment as y, jsx as a } from "react/jsx-runtime";
-import { u as x, q as B, b as L, aq as E, ar as z, n as M, aa as j, e as w, as as A, aC as G, au as K, V as O, Q as U, P as X, F as Q, c as W, X as i, aw as D, aD as J, a7 as R, aE as Y, aF as Z, A as $, B as P, l as ee, a2 as ae, a3 as re, aG as se } from "./index-DBABpj90.js";
+import { u as x, q as B, b as L, aq as E, ar as z, v as M, aa as j, e as w, as as A, aC as G, au as K, V as O, S as U, P as X, F as W, c as J, X as i, aw as D, aD as Q, a7 as R, aE as Y, aF as Z, A as $, B as P, l as ee, a2 as ae, a3 as re, aG as se } from "./index-CAGzl0JA.js";
 import { useState as d } from "react";
 import { useTranslation as te } from "react-i18next";
 import { useNavigate as oe, Link as ne } from "react-router-dom";
-import { S as le } from "./ScopePicker-BaDxbnFl.js";
+import { S as le } from "./ScopePicker-ggXUe0mk.js";
 function be() {
   const { adminClient: o } = x(), { t: e } = te(), [m, C] = d(), [F, p] = d(), [b, N] = d(), { addAlert: h, addError: f } = B(), v = L({
     mode: "onChange"
-  }), { setValue: H, handleSubmit: S } = v, { id: t, resourceId: s, realm: u } = E(), I = oe(), V = (r = {}) => {
-    ae(r, H);
+  }), { setValue: S, handleSubmit: H } = v, { id: t, resourceId: s, realm: u } = E(), I = oe(), V = (r = {}) => {
+    ae(r, S);
   }, { hasAccess: T } = z(), g = !T("manage-authorization");
   M(
     () => Promise.all([
@@ -90,13 +90,13 @@ function be() {
         ] : void 0
       }
     ),
-    /* @__PURE__ */ a(X, { variant: "light", children: /* @__PURE__ */ a(Q, { ...v, children: /* @__PURE__ */ c(
-      W,
+    /* @__PURE__ */ a(X, { variant: "light", children: /* @__PURE__ */ a(W, { ...v, children: /* @__PURE__ */ c(
+      J,
       {
         isHorizontal: !0,
         role: "manage-authorization",
         className: "keycloak__resource-details__form",
-        onSubmit: S(q),
+        onSubmit: H(q),
         children: [
           /* @__PURE__ */ a(
             i,
@@ -141,7 +141,7 @@ function be() {
               fieldId: "uris",
               labelIcon: /* @__PURE__ */ a(R, { helpText: e("urisHelp"), fieldLabelId: "uris" }),
               children: /* @__PURE__ */ a(
-                J,
+                Q,
                 {
                   name: "uris",
                   type: "url",
@@ -223,4 +223,4 @@ function be() {
 export {
   be as default
 };
-//# sourceMappingURL=ResourceDetails-BqEkqCCk.js.map
+//# sourceMappingURL=ResourceDetails-DP6BvER1.js.map

package/lib/{ResourceDetails-BqEkqCCk.js.map → ResourceDetails-DP6BvER1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ResourceDetails-BqEkqCCk.js","sources":["../src/clients/authorization/ResourceDetails.tsx"],"sourcesContent":["import type ClientRepresentation from \"@keycloak/keycloak-admin-client/lib/defs/clientRepresentation\";\nimport type PolicyRepresentation from \"@keycloak/keycloak-admin-client/lib/defs/policyRepresentation\";\nimport type ResourceRepresentation from \"@keycloak/keycloak-admin-client/lib/defs/resourceRepresentation\";\nimport {\n  HelpItem,\n  TextControl,\n  useAlerts,\n  useFetch,\n} from \"@keycloak/keycloak-ui-shared\";\nimport {\n  ActionGroup,\n  Alert,\n  AlertVariant,\n  Button,\n  ButtonVariant,\n  DropdownItem,\n  FormGroup,\n  PageSection,\n} from \"@patternfly/react-core\";\nimport { useState } from \"react\";\nimport { FormProvider, useForm } from \"react-hook-form\";\nimport { useTranslation } from \"react-i18next\";\nimport { Link, useNavigate } from \"react-router-dom\";\nimport { useAdminClient } from \"../../admin-client\";\nimport { DefaultSwitchControl } from \"../../components/SwitchControl\";\nimport { useConfirmDialog } from \"../../components/confirm-dialog/ConfirmDialog\";\nimport { FormAccess } from \"../../components/form/FormAccess\";\nimport { KeyValueInput } from \"../../components/key-value-form/KeyValueInput\";\nimport type { KeyValueType } from \"../../components/key-value-form/key-value-convert\";\nimport { KeycloakSpinner } from \"@keycloak/keycloak-ui-shared\";\nimport { MultiLineInput } from \"../../components/multi-line-input/MultiLineInput\";\nimport { ViewHeader } from \"../../components/view-header/ViewHeader\";\nimport { useAccess } from \"../../context/access/Access\";\nimport { convertFormValuesToObject, convertToFormValues } from \"../../util\";\nimport { useParams } from \"../../utils/useParams\";\nimport { toAuthorizationTab } from \"../routes/AuthenticationTab\";\nimport { ResourceDetailsParams, toResourceDetails } from \"../routes/Resource\";\nimport { ScopePicker } from \"./ScopePicker\";\nimport \"./resource-details.css\";\n\ntype SubmittedResource = Omit<\n  ResourceRepresentation,\n  \"attributes\" | \"scopes\"\n> & {\n  attributes: KeyValueType[];\n};\n\nexport default function ResourceDetails() {\n  const { adminClient } = useAdminClient();\n\n  const { t } = useTranslation();\n  const [client, setClient] = useState<ClientRepresentation>();\n  const [resource, setResource] = useState<ResourceRepresentation>();\n\n  const [permissions, setPermission] = useState<PolicyRepresentation[]>();\n\n  const { addAlert, addError } = useAlerts();\n  const form = useForm<SubmittedResource>({\n    mode: \"onChange\",\n  });\n  const { setValue, handleSubmit } = form;\n\n  const { id, resourceId, realm } = useParams<ResourceDetailsParams>();\n  const navigate = useNavigate();\n\n  const setupForm = (resource: ResourceRepresentation = {}) => {\n    convertToFormValues(resource, setValue);\n  };\n\n  const { hasAccess } = useAccess();\n\n  const isDisabled = !hasAccess(\"manage-authorization\");\n\n  useFetch(\n    () =>\n      Promise.all([\n        adminClient.clients.findOne({ id }),\n        resourceId\n          ? adminClient.clients.getResource({ id, resourceId })\n          : Promise.resolve(undefined),\n        resourceId\n          ? adminClient.clients.listPermissionsByResource({ id, resourceId })\n          : Promise.resolve(undefined),\n      ]),\n    ([client, resource, permissions]) => {\n      if (!client) {\n        throw new Error(t(\"notFound\"));\n      }\n      setClient(client);\n      setPermission(permissions);\n      setResource(resource);\n      setupForm(resource);\n    },\n    [],\n  );\n\n  const submit = async (submitted: SubmittedResource) => {\n    const resource = convertFormValuesToObject<\n      SubmittedResource,\n      ResourceRepresentation\n    >(submitted);\n\n    try {\n      if (resourceId) {\n        await adminClient.clients.updateResource({ id, resourceId }, resource);\n      } else {\n        const result = await adminClient.clients.createResource(\n          { id },\n          resource,\n        );\n        setResource(resource);\n        navigate(toResourceDetails({ realm, id, resourceId: result._id! }));\n      }\n      addAlert(\n        t((resourceId ? \"update\" : \"create\") + \"ResourceSuccess\"),\n        AlertVariant.success,\n      );\n    } catch (error) {\n      addError(\"resourceSaveError\", error);\n    }\n  };\n\n  const [toggleDeleteDialog, DeleteConfirm] = useConfirmDialog({\n    titleKey: \"deleteResource\",\n    children: (\n      <>\n        {t(\"deleteResourceConfirm\")}\n        {permissions?.length !== 0 && (\n          <Alert\n            variant=\"warning\"\n            isInline\n            isPlain\n            title={t(\"deleteResourceWarning\")}\n            className=\"pf-v5-u-pt-lg\"\n          >\n            <p className=\"pf-v5-u-pt-xs\">\n              {permissions?.map((permission) => (\n                <strong key={permission.id} className=\"pf-v5-u-pr-md\">\n                  {permission.name}\n                </strong>\n              ))}\n            </p>\n          </Alert>\n        )}\n      </>\n    ),\n    continueButtonLabel: \"confirm\",\n    onConfirm: async () => {\n      try {\n        await adminClient.clients.delResource({\n          id,\n          resourceId: resourceId!,\n        });\n        addAlert(t(\"resourceDeletedSuccess\"), AlertVariant.success);\n        navigate(toAuthorizationTab({ realm, clientId: id, tab: \"resources\" }));\n      } catch (error) {\n        addError(\"resourceDeletedError\", error);\n      }\n    },\n  });\n\n  if (!client) {\n    return <KeycloakSpinner />;\n  }\n\n  return (\n    <>\n      <DeleteConfirm />\n      <ViewHeader\n        titleKey={resourceId ? resource?.name! : \"createResource\"}\n        dropdownItems={\n          resourceId\n            ? [\n                <DropdownItem\n                  key=\"delete\"\n                  data-testid=\"delete-resource\"\n                  isDisabled={isDisabled}\n                  onClick={() => toggleDeleteDialog()}\n                >\n                  {t(\"delete\")}\n                </DropdownItem>,\n              ]\n            : undefined\n        }\n      />\n      <PageSection variant=\"light\">\n        <FormProvider {...form}>\n          <FormAccess\n            isHorizontal\n            role=\"manage-authorization\"\n            className=\"keycloak__resource-details__form\"\n            onSubmit={handleSubmit(submit)}\n          >\n            <TextControl\n              name={resourceId ? \"owner.name\" : \"\"}\n              label={t(\"owner\")}\n              labelIcon={t(\"ownerHelp\")}\n              defaultValue={client.clientId}\n              readOnly\n            />\n            <TextControl\n              name={\"name\"}\n              label={t(\"name\")}\n              labelIcon={t(\"resourceNameHelp\")}\n              rules={{ required: t(\"required\") }}\n            />\n            <TextControl\n              name=\"displayName\"\n              label={t(\"displayName\")}\n              labelIcon={t(\"displayNameHelp\")}\n              rules={{ required: t(\"required\") }}\n            />\n            <TextControl\n              name=\"type\"\n              label={t(\"type\")}\n              labelIcon={t(\"resourceDetailsTypeHelp\")}\n            />\n            <FormGroup\n              label={t(\"uris\")}\n              fieldId=\"uris\"\n              labelIcon={\n                <HelpItem helpText={t(\"urisHelp\")} fieldLabelId=\"uris\" />\n              }\n            >\n              <MultiLineInput\n                name=\"uris\"\n                type=\"url\"\n                aria-label={t(\"uris\")}\n                addButtonLabel=\"addUri\"\n              />\n            </FormGroup>\n            <ScopePicker clientId={id} />\n            <TextControl\n              name=\"icon_uri\"\n              label={t(\"iconUri\")}\n              labelIcon={t(\"iconUriHelp\")}\n              type=\"url\"\n            />\n            <DefaultSwitchControl\n              name=\"ownerManagedAccess\"\n              label={t(\"ownerManagedAccess\")}\n              labelIcon={t(\"ownerManagedAccessHelp\")}\n            />\n            <FormGroup\n              hasNoPaddingTop\n              label={t(\"resourceAttribute\")}\n              labelIcon={\n                <HelpItem\n                  helpText={t(\"resourceAttributeHelp\")}\n                  fieldLabelId=\"resourceAttribute\"\n                />\n              }\n              fieldId=\"resourceAttribute\"\n            >\n              <KeyValueInput name=\"attributes\" isDisabled={isDisabled} />\n            </FormGroup>\n            <ActionGroup>\n              <div className=\"pf-v5-u-mt-md\">\n                <Button\n                  variant={ButtonVariant.primary}\n                  type=\"submit\"\n                  data-testid=\"save\"\n                >\n                  {t(\"save\")}\n                </Button>\n\n                <Button\n                  variant=\"link\"\n                  data-testid=\"cancel\"\n                  component={(props) => (\n                    <Link\n                      {...props}\n                      to={toAuthorizationTab({\n                        realm,\n                        clientId: id,\n                        tab: \"resources\",\n                      })}\n                    ></Link>\n                  )}\n                >\n                  {t(\"cancel\")}\n                </Button>\n              </div>\n            </ActionGroup>\n          </FormAccess>\n        </FormProvider>\n      </PageSection>\n    </>\n  );\n}\n"],"names":["ResourceDetails","adminClient","useAdminClient","t","useTranslation","client","setClient","useState","resource","setResource","permissions","setPermission","addAlert","addError","useAlerts","form","useForm","setValue","handleSubmit","id","resourceId","realm","useParams","navigate","useNavigate","setupForm","convertToFormValues","hasAccess","useAccess","isDisabled","useFetch","submit","submitted","convertFormValuesToObject","result","toResourceDetails","AlertVariant","error","toggleDeleteDialog","DeleteConfirm","useConfirmDialog","jsxs","Fragment","jsx","Alert","permission","toAuthorizationTab","ViewHeader","DropdownItem","PageSection","FormProvider","FormAccess","TextControl","FormGroup","HelpItem","MultiLineInput","ScopePicker","DefaultSwitchControl","KeyValueInput","ActionGroup","Button","ButtonVariant","props","Link","KeycloakSpinner"],"mappings":"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"}
+{"version":3,"file":"ResourceDetails-DP6BvER1.js","sources":["../src/clients/authorization/ResourceDetails.tsx"],"sourcesContent":["import type ClientRepresentation from \"@keycloak/keycloak-admin-client/lib/defs/clientRepresentation\";\nimport type PolicyRepresentation from \"@keycloak/keycloak-admin-client/lib/defs/policyRepresentation\";\nimport type ResourceRepresentation from \"@keycloak/keycloak-admin-client/lib/defs/resourceRepresentation\";\nimport {\n  HelpItem,\n  TextControl,\n  useAlerts,\n  useFetch,\n} from \"@keycloak/keycloak-ui-shared\";\nimport {\n  ActionGroup,\n  Alert,\n  AlertVariant,\n  Button,\n  ButtonVariant,\n  DropdownItem,\n  FormGroup,\n  PageSection,\n} from \"@patternfly/react-core\";\nimport { useState } from \"react\";\nimport { FormProvider, useForm } from \"react-hook-form\";\nimport { useTranslation } from \"react-i18next\";\nimport { Link, useNavigate } from \"react-router-dom\";\nimport { useAdminClient } from \"../../admin-client\";\nimport { DefaultSwitchControl } from \"../../components/SwitchControl\";\nimport { useConfirmDialog } from \"../../components/confirm-dialog/ConfirmDialog\";\nimport { FormAccess } from \"../../components/form/FormAccess\";\nimport { KeyValueInput } from \"../../components/key-value-form/KeyValueInput\";\nimport type { KeyValueType } from \"../../components/key-value-form/key-value-convert\";\nimport { KeycloakSpinner } from \"@keycloak/keycloak-ui-shared\";\nimport { MultiLineInput } from \"../../components/multi-line-input/MultiLineInput\";\nimport { ViewHeader } from \"../../components/view-header/ViewHeader\";\nimport { useAccess } from \"../../context/access/Access\";\nimport { convertFormValuesToObject, convertToFormValues } from \"../../util\";\nimport { useParams } from \"../../utils/useParams\";\nimport { toAuthorizationTab } from \"../routes/AuthenticationTab\";\nimport { ResourceDetailsParams, toResourceDetails } from \"../routes/Resource\";\nimport { ScopePicker } from \"./ScopePicker\";\nimport \"./resource-details.css\";\n\ntype SubmittedResource = Omit<\n  ResourceRepresentation,\n  \"attributes\" | \"scopes\"\n> & {\n  attributes: KeyValueType[];\n};\n\nexport default function ResourceDetails() {\n  const { adminClient } = useAdminClient();\n\n  const { t } = useTranslation();\n  const [client, setClient] = useState<ClientRepresentation>();\n  const [resource, setResource] = useState<ResourceRepresentation>();\n\n  const [permissions, setPermission] = useState<PolicyRepresentation[]>();\n\n  const { addAlert, addError } = useAlerts();\n  const form = useForm<SubmittedResource>({\n    mode: \"onChange\",\n  });\n  const { setValue, handleSubmit } = form;\n\n  const { id, resourceId, realm } = useParams<ResourceDetailsParams>();\n  const navigate = useNavigate();\n\n  const setupForm = (resource: ResourceRepresentation = {}) => {\n    convertToFormValues(resource, setValue);\n  };\n\n  const { hasAccess } = useAccess();\n\n  const isDisabled = !hasAccess(\"manage-authorization\");\n\n  useFetch(\n    () =>\n      Promise.all([\n        adminClient.clients.findOne({ id }),\n        resourceId\n          ? adminClient.clients.getResource({ id, resourceId })\n          : Promise.resolve(undefined),\n        resourceId\n          ? adminClient.clients.listPermissionsByResource({ id, resourceId })\n          : Promise.resolve(undefined),\n      ]),\n    ([client, resource, permissions]) => {\n      if (!client) {\n        throw new Error(t(\"notFound\"));\n      }\n      setClient(client);\n      setPermission(permissions);\n      setResource(resource);\n      setupForm(resource);\n    },\n    [],\n  );\n\n  const submit = async (submitted: SubmittedResource) => {\n    const resource = convertFormValuesToObject<\n      SubmittedResource,\n      ResourceRepresentation\n    >(submitted);\n\n    try {\n      if (resourceId) {\n        await adminClient.clients.updateResource({ id, resourceId }, resource);\n      } else {\n        const result = await adminClient.clients.createResource(\n          { id },\n          resource,\n        );\n        setResource(resource);\n        navigate(toResourceDetails({ realm, id, resourceId: result._id! }));\n      }\n      addAlert(\n        t((resourceId ? \"update\" : \"create\") + \"ResourceSuccess\"),\n        AlertVariant.success,\n      );\n    } catch (error) {\n      addError(\"resourceSaveError\", error);\n    }\n  };\n\n  const [toggleDeleteDialog, DeleteConfirm] = useConfirmDialog({\n    titleKey: \"deleteResource\",\n    children: (\n      <>\n        {t(\"deleteResourceConfirm\")}\n        {permissions?.length !== 0 && (\n          <Alert\n            variant=\"warning\"\n            isInline\n            isPlain\n            title={t(\"deleteResourceWarning\")}\n            className=\"pf-v5-u-pt-lg\"\n          >\n            <p className=\"pf-v5-u-pt-xs\">\n              {permissions?.map((permission) => (\n                <strong key={permission.id} className=\"pf-v5-u-pr-md\">\n                  {permission.name}\n                </strong>\n              ))}\n            </p>\n          </Alert>\n        )}\n      </>\n    ),\n    continueButtonLabel: \"confirm\",\n    onConfirm: async () => {\n      try {\n        await adminClient.clients.delResource({\n          id,\n          resourceId: resourceId!,\n        });\n        addAlert(t(\"resourceDeletedSuccess\"), AlertVariant.success);\n        navigate(toAuthorizationTab({ realm, clientId: id, tab: \"resources\" }));\n      } catch (error) {\n        addError(\"resourceDeletedError\", error);\n      }\n    },\n  });\n\n  if (!client) {\n    return <KeycloakSpinner />;\n  }\n\n  return (\n    <>\n      <DeleteConfirm />\n      <ViewHeader\n        titleKey={resourceId ? resource?.name! : \"createResource\"}\n        dropdownItems={\n          resourceId\n            ? [\n                <DropdownItem\n                  key=\"delete\"\n                  data-testid=\"delete-resource\"\n                  isDisabled={isDisabled}\n                  onClick={() => toggleDeleteDialog()}\n                >\n                  {t(\"delete\")}\n                </DropdownItem>,\n              ]\n            : undefined\n        }\n      />\n      <PageSection variant=\"light\">\n        <FormProvider {...form}>\n          <FormAccess\n            isHorizontal\n            role=\"manage-authorization\"\n            className=\"keycloak__resource-details__form\"\n            onSubmit={handleSubmit(submit)}\n          >\n            <TextControl\n              name={resourceId ? \"owner.name\" : \"\"}\n              label={t(\"owner\")}\n              labelIcon={t(\"ownerHelp\")}\n              defaultValue={client.clientId}\n              readOnly\n            />\n            <TextControl\n              name={\"name\"}\n              label={t(\"name\")}\n              labelIcon={t(\"resourceNameHelp\")}\n              rules={{ required: t(\"required\") }}\n            />\n            <TextControl\n              name=\"displayName\"\n              label={t(\"displayName\")}\n              labelIcon={t(\"displayNameHelp\")}\n              rules={{ required: t(\"required\") }}\n            />\n            <TextControl\n              name=\"type\"\n              label={t(\"type\")}\n              labelIcon={t(\"resourceDetailsTypeHelp\")}\n            />\n            <FormGroup\n              label={t(\"uris\")}\n              fieldId=\"uris\"\n              labelIcon={\n                <HelpItem helpText={t(\"urisHelp\")} fieldLabelId=\"uris\" />\n              }\n            >\n              <MultiLineInput\n                name=\"uris\"\n                type=\"url\"\n                aria-label={t(\"uris\")}\n                addButtonLabel=\"addUri\"\n              />\n            </FormGroup>\n            <ScopePicker clientId={id} />\n            <TextControl\n              name=\"icon_uri\"\n              label={t(\"iconUri\")}\n              labelIcon={t(\"iconUriHelp\")}\n              type=\"url\"\n            />\n            <DefaultSwitchControl\n              name=\"ownerManagedAccess\"\n              label={t(\"ownerManagedAccess\")}\n              labelIcon={t(\"ownerManagedAccessHelp\")}\n            />\n            <FormGroup\n              hasNoPaddingTop\n              label={t(\"resourceAttribute\")}\n              labelIcon={\n                <HelpItem\n                  helpText={t(\"resourceAttributeHelp\")}\n                  fieldLabelId=\"resourceAttribute\"\n                />\n              }\n              fieldId=\"resourceAttribute\"\n            >\n              <KeyValueInput name=\"attributes\" isDisabled={isDisabled} />\n            </FormGroup>\n            <ActionGroup>\n              <div className=\"pf-v5-u-mt-md\">\n                <Button\n                  variant={ButtonVariant.primary}\n                  type=\"submit\"\n                  data-testid=\"save\"\n                >\n                  {t(\"save\")}\n                </Button>\n\n                <Button\n                  variant=\"link\"\n                  data-testid=\"cancel\"\n                  component={(props) => (\n                    <Link\n                      {...props}\n                      to={toAuthorizationTab({\n                        realm,\n                        clientId: id,\n                        tab: \"resources\",\n                      })}\n                    ></Link>\n                  )}\n                >\n                  {t(\"cancel\")}\n                </Button>\n              </div>\n            </ActionGroup>\n          </FormAccess>\n        </FormProvider>\n      </PageSection>\n    </>\n  );\n}\n"],"names":["ResourceDetails","adminClient","useAdminClient","t","useTranslation","client","setClient","useState","resource","setResource","permissions","setPermission","addAlert","addError","useAlerts","form","useForm","setValue","handleSubmit","id","resourceId","realm","useParams","navigate","useNavigate","setupForm","convertToFormValues","hasAccess","useAccess","isDisabled","useFetch","submit","submitted","convertFormValuesToObject","result","toResourceDetails","AlertVariant","error","toggleDeleteDialog","DeleteConfirm","useConfirmDialog","jsxs","Fragment","jsx","Alert","permission","toAuthorizationTab","ViewHeader","DropdownItem","PageSection","FormProvider","FormAccess","TextControl","FormGroup","HelpItem","MultiLineInput","ScopePicker","DefaultSwitchControl","KeyValueInput","ActionGroup","Button","ButtonVariant","props","Link","KeycloakSpinner"],"mappings":"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"}

package/lib/{ScopeDetails-Cv51TSqT.js → ScopeDetails-BvnOpPxf.js}

@@ -1,52 +1,48 @@
-import { jsxs as c, Fragment as D, jsx as t } from "react/jsx-runtime";
-import { u as w, aq as N, q as z, U as F, b as H, n as U, aH as k, as as l, V as q, Q as C, P, F as V, c as x, X as d, A as B, B as m, l as E, e as T } from "./index-DBABpj90.js";
-import { useState as j } from "react";
+import { jsxs as c, Fragment as D, jsx as a } from "react/jsx-runtime";
+import { u as N, aq as z, q as w, W as H, b as k, v as q, aH as C, as as l, V as F, S as U, P, F as V, c as x, X as d, A as B, B as m, l as T, e as j } from "./index-CAGzl0JA.js";
+import { useState as E } from "react";
 import { useTranslation as X } from "react-i18next";
 import { useNavigate as G, Link as K } from "react-router-dom";
-function R() {
-  const { adminClient: r } = w(), { t: e } = X(), { id: i, scopeId: o, realm: s } = N(), p = G(), { addAlert: S, addError: v } = z(), [f, u] = F(), [n, h] = j(), g = H({
+function Q() {
+  const { adminClient: r } = N(), { t: e } = X(), { id: i, scopeId: o, realm: s } = z(), p = G(), { addAlert: S, addError: b } = w(), [f, u] = H(), [n, h] = E(), g = k({
     mode: "onChange"
-  }), { reset: b, handleSubmit: y } = g;
-  U(
+  }), { reset: v, handleSubmit: y } = g;
+  q(
     async () => {
-      if (o) {
-        const a = await r.clients.getAuthorizationScope({
+      if (o)
+        return await r.clients.getAuthorizationScope({
           id: i,
           scopeId: o
         });
-        if (!a)
-          throw new Error(e("notFound"));
-        return a;
-      }
     },
-    (a) => {
-      h(a), b({ ...a });
+    (t) => {
+      h(t), v({ ...t });
     },
     []
   );
-  const A = async (a) => {
+  const A = async (t) => {
     try {
       o ? (await r.clients.updateAuthorizationScope(
         { id: i, scopeId: o },
-        a
-      ), h(a)) : (await r.clients.createAuthorizationScope(
+        t
+      ), h(t)) : (await r.clients.createAuthorizationScope(
         { id: i },
         {
-          name: a.name,
-          displayName: a.displayName,
-          iconUri: a.iconUri
+          name: t.name,
+          displayName: t.displayName,
+          iconUri: t.iconUri
         }
       ), p(l({ realm: s, clientId: i, tab: "scopes" }))), S(
         e((o ? "update" : "create") + "ScopeSuccess"),
-        T.success
+        j.success
       );
     } catch (I) {
-      v("scopeSaveError", I);
+      b("scopeSaveError", I);
     }
   };
   return /* @__PURE__ */ c(D, { children: [
-    /* @__PURE__ */ t(
-      k,
+    /* @__PURE__ */ a(
+      C,
       {
         clientId: i,
         open: f,
@@ -55,13 +51,13 @@ function R() {
         refresh: () => p(l({ realm: s, clientId: i, tab: "scopes" }))
       }
     ),
-    /* @__PURE__ */ t(
-      q,
+    /* @__PURE__ */ a(
+      F,
       {
         titleKey: o ? n?.name : e("createAuthorizationScope"),
         dropdownItems: o ? [
-          /* @__PURE__ */ t(
-            C,
+          /* @__PURE__ */ a(
+            U,
             {
               "data-testid": "delete-resource",
               onClick: () => u(),
@@ -72,14 +68,14 @@ function R() {
         ] : void 0
       }
     ),
-    /* @__PURE__ */ t(P, { variant: "light", children: /* @__PURE__ */ t(V, { ...g, children: /* @__PURE__ */ c(
+    /* @__PURE__ */ a(P, { variant: "light", children: /* @__PURE__ */ a(V, { ...g, children: /* @__PURE__ */ c(
       x,
       {
         isHorizontal: !0,
         role: "manage-authorization",
         onSubmit: y(A),
         children: [
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ a(
             d,
             {
               name: "name",
@@ -88,7 +84,7 @@ function R() {
               rules: { required: e("required") }
             }
           ),
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ a(
             d,
             {
               name: "displayName",
@@ -96,7 +92,7 @@ function R() {
               labelIcon: e("scopeDisplayNameHelp")
             }
           ),
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ a(
             d,
             {
               name: "iconUri",
@@ -104,33 +100,33 @@ function R() {
               labelIcon: e("iconUriHelp")
             }
           ),
-          /* @__PURE__ */ t(B, { children: /* @__PURE__ */ c("div", { className: "pf-v5-u-mt-md", children: [
-            /* @__PURE__ */ t(
+          /* @__PURE__ */ a(B, { children: /* @__PURE__ */ c("div", { className: "pf-v5-u-mt-md", children: [
+            /* @__PURE__ */ a(
               m,
               {
-                variant: E.primary,
+                variant: T.primary,
                 type: "submit",
                 "data-testid": "save",
                 children: e("save")
               }
             ),
-            n ? /* @__PURE__ */ t(
+            n ? /* @__PURE__ */ a(
               m,
               {
                 variant: "link",
                 "data-testid": "revert",
-                onClick: () => b({ ...n }),
+                onClick: () => v({ ...n }),
                 children: e("revert")
               }
-            ) : /* @__PURE__ */ t(
+            ) : /* @__PURE__ */ a(
               m,
               {
                 variant: "link",
                 "data-testid": "cancel",
-                component: (a) => /* @__PURE__ */ t(
+                component: (t) => /* @__PURE__ */ a(
                   K,
                   {
-                    ...a,
+                    ...t,
                     to: l({
                       realm: s,
                       clientId: i,
@@ -148,6 +144,6 @@ function R() {
   ] });
 }
 export {
-  R as default
+  Q as default
 };
-//# sourceMappingURL=ScopeDetails-Cv51TSqT.js.map
+//# sourceMappingURL=ScopeDetails-BvnOpPxf.js.map

package/lib/ScopeDetails-BvnOpPxf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScopeDetails-BvnOpPxf.js","sources":["../src/clients/authorization/ScopeDetails.tsx"],"sourcesContent":["import type ScopeRepresentation from \"@keycloak/keycloak-admin-client/lib/defs/scopeRepresentation\";\nimport { TextControl, useAlerts, useFetch } from \"@keycloak/keycloak-ui-shared\";\nimport {\n  ActionGroup,\n  AlertVariant,\n  Button,\n  ButtonVariant,\n  DropdownItem,\n  PageSection,\n} from \"@patternfly/react-core\";\nimport { useState } from \"react\";\nimport { FormProvider, useForm } from \"react-hook-form\";\nimport { useTranslation } from \"react-i18next\";\nimport { Link, useNavigate } from \"react-router-dom\";\nimport { useAdminClient } from \"../../admin-client\";\nimport { FormAccess } from \"../../components/form/FormAccess\";\nimport { ViewHeader } from \"../../components/view-header/ViewHeader\";\nimport { useParams } from \"../../utils/useParams\";\nimport useToggle from \"../../utils/useToggle\";\nimport { toAuthorizationTab } from \"../routes/AuthenticationTab\";\nimport type { ScopeDetailsParams } from \"../routes/Scope\";\nimport { DeleteScopeDialog } from \"./DeleteScopeDialog\";\n\ntype FormFields = Omit<ScopeRepresentation, \"resources\">;\n\nexport default function ScopeDetails() {\n  const { adminClient } = useAdminClient();\n\n  const { t } = useTranslation();\n  const { id, scopeId, realm } = useParams<ScopeDetailsParams>();\n  const navigate = useNavigate();\n  const { addAlert, addError } = useAlerts();\n  const [deleteDialog, toggleDeleteDialog] = useToggle();\n  const [scope, setScope] = useState<ScopeRepresentation>();\n  const form = useForm<FormFields>({\n    mode: \"onChange\",\n  });\n  const { reset, handleSubmit } = form;\n\n  useFetch(\n    async () => {\n      if (scopeId) {\n        const scope = await adminClient.clients.getAuthorizationScope({\n          id,\n          scopeId,\n        });\n        return scope;\n      }\n    },\n    (scope) => {\n      setScope(scope);\n      reset({ ...scope });\n    },\n    [],\n  );\n\n  const onSubmit = async (scope: ScopeRepresentation) => {\n    try {\n      if (scopeId) {\n        await adminClient.clients.updateAuthorizationScope(\n          { id, scopeId },\n          scope,\n        );\n        setScope(scope);\n      } else {\n        await adminClient.clients.createAuthorizationScope(\n          { id },\n          {\n            name: scope.name!,\n            displayName: scope.displayName,\n            iconUri: scope.iconUri,\n          },\n        );\n        navigate(toAuthorizationTab({ realm, clientId: id, tab: \"scopes\" }));\n      }\n      addAlert(\n        t((scopeId ? \"update\" : \"create\") + \"ScopeSuccess\"),\n        AlertVariant.success,\n      );\n    } catch (error) {\n      addError(\"scopeSaveError\", error);\n    }\n  };\n\n  return (\n    <>\n      <DeleteScopeDialog\n        clientId={id}\n        open={deleteDialog}\n        toggleDialog={toggleDeleteDialog}\n        selectedScope={scope}\n        refresh={() =>\n          navigate(toAuthorizationTab({ realm, clientId: id, tab: \"scopes\" }))\n        }\n      />\n      <ViewHeader\n        titleKey={scopeId ? scope?.name! : t(\"createAuthorizationScope\")}\n        dropdownItems={\n          scopeId\n            ? [\n                <DropdownItem\n                  key=\"delete\"\n                  data-testid=\"delete-resource\"\n                  onClick={() => toggleDeleteDialog()}\n                >\n                  {t(\"delete\")}\n                </DropdownItem>,\n              ]\n            : undefined\n        }\n      />\n      <PageSection variant=\"light\">\n        <FormProvider {...form}>\n          <FormAccess\n            isHorizontal\n            role=\"manage-authorization\"\n            onSubmit={handleSubmit(onSubmit)}\n          >\n            <TextControl\n              name=\"name\"\n              label={t(\"name\")}\n              labelIcon={t(\"scopeNameHelp\")}\n              rules={{ required: t(\"required\") }}\n            />\n            <TextControl\n              name=\"displayName\"\n              label={t(\"displayName\")}\n              labelIcon={t(\"scopeDisplayNameHelp\")}\n            />\n            <TextControl\n              name=\"iconUri\"\n              label={t(\"iconUri\")}\n              labelIcon={t(\"iconUriHelp\")}\n            />\n            <ActionGroup>\n              <div className=\"pf-v5-u-mt-md\">\n                <Button\n                  variant={ButtonVariant.primary}\n                  type=\"submit\"\n                  data-testid=\"save\"\n                >\n                  {t(\"save\")}\n                </Button>\n\n                {!scope ? (\n                  <Button\n                    variant=\"link\"\n                    data-testid=\"cancel\"\n                    component={(props) => (\n                      <Link\n                        {...props}\n                        to={toAuthorizationTab({\n                          realm,\n                          clientId: id,\n                          tab: \"scopes\",\n                        })}\n                      ></Link>\n                    )}\n                  >\n                    {t(\"cancel\")}\n                  </Button>\n                ) : (\n                  <Button\n                    variant=\"link\"\n                    data-testid=\"revert\"\n                    onClick={() => reset({ ...scope })}\n                  >\n                    {t(\"revert\")}\n                  </Button>\n                )}\n              </div>\n            </ActionGroup>\n          </FormAccess>\n        </FormProvider>\n      </PageSection>\n    </>\n  );\n}\n"],"names":["ScopeDetails","adminClient","useAdminClient","t","useTranslation","id","scopeId","realm","useParams","navigate","useNavigate","addAlert","addError","useAlerts","deleteDialog","toggleDeleteDialog","useToggle","scope","setScope","useState","form","useForm","reset","handleSubmit","useFetch","onSubmit","toAuthorizationTab","AlertVariant","error","jsxs","Fragment","jsx","DeleteScopeDialog","ViewHeader","DropdownItem","PageSection","FormProvider","FormAccess","TextControl","ActionGroup","Button","ButtonVariant","props","Link"],"mappings":"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"}

package/lib/{ScopePicker-BaDxbnFl.js → ScopePicker-ggXUe0mk.js}

@@ -1,5 +1,5 @@
 import { jsx as n, jsxs as F, Fragment as q } from "react/jsx-runtime";
-import { u as I, am as P, aY as z, n as O, au as T, aw as j, an as w, ao as y, ap as G, az as L, a7 as R, a4 as k } from "./index-DBABpj90.js";
+import { u as I, am as P, aY as z, v as O, au as T, aw as j, an as w, ao as y, ap as G, az as L, a7 as R, a4 as k } from "./index-CAGzl0JA.js";
 import { useState as c } from "react";
 import { useTranslation as H } from "react-i18next";
 const _ = ({
@@ -82,4 +82,4 @@ const _ = ({
 export {
   _ as S
 };
-//# sourceMappingURL=ScopePicker-BaDxbnFl.js.map
+//# sourceMappingURL=ScopePicker-ggXUe0mk.js.map

package/lib/{ScopePicker-BaDxbnFl.js.map → ScopePicker-ggXUe0mk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ScopePicker-BaDxbnFl.js","sources":["../src/clients/authorization/ScopePicker.tsx"],"sourcesContent":["import type ScopeRepresentation from \"@keycloak/keycloak-admin-client/lib/defs/scopeRepresentation\";\nimport {\n  FormErrorText,\n  HelpItem,\n  KeycloakSelect,\n  SelectVariant,\n  useFetch,\n} from \"@keycloak/keycloak-ui-shared\";\nimport { FormGroup, SelectOption } from \"@patternfly/react-core\";\nimport { useState } from \"react\";\nimport { Controller, useFormContext } from \"react-hook-form\";\nimport { useTranslation } from \"react-i18next\";\nimport { useAdminClient } from \"../../admin-client\";\nimport { KeycloakSpinner } from \"@keycloak/keycloak-ui-shared\";\nimport { useIsAdminPermissionsClient } from \"../../utils/useIsAdminPermissionsClient\";\n\ntype Scope = {\n  id: string;\n  name: string;\n};\n\ntype ScopePickerProps = {\n  clientId: string;\n  resourceTypeScopes?: string[];\n};\n\nexport const ScopePicker = ({\n  clientId,\n  resourceTypeScopes,\n}: ScopePickerProps) => {\n  const { adminClient } = useAdminClient();\n  const { t } = useTranslation();\n  const {\n    control,\n    formState: { errors },\n  } = useFormContext();\n  const [open, setOpen] = useState(false);\n  const [scopes, setScopes] = useState<ScopeRepresentation[]>();\n  const [search, setSearch] = useState(\"\");\n  const isAdminPermissionsClient = useIsAdminPermissionsClient(clientId);\n\n  useFetch(\n    () => {\n      const params = {\n        id: clientId,\n        first: 0,\n        max: 20,\n        deep: false,\n        name: search,\n      };\n      return adminClient.clients.listAllScopes(params);\n    },\n    setScopes,\n    [search],\n  );\n\n  const renderScopes = (scopes: ScopeRepresentation[] | string[]) =>\n    scopes.map((option, index) => (\n      <SelectOption key={index} value={option}>\n        {typeof option === \"string\" ? option : option.name}\n      </SelectOption>\n    ));\n\n  if (!scopes && !resourceTypeScopes) return <KeycloakSpinner />;\n\n  const allScopes =\n    isAdminPermissionsClient && resourceTypeScopes\n      ? resourceTypeScopes\n      : scopes?.map((scope) => scope.name!);\n\n  return (\n    <FormGroup\n      label={t(\"authorizationScopes\")}\n      labelIcon={\n        <HelpItem helpText={t(\"clientScopesHelp\")} fieldLabelId=\"scopes\" />\n      }\n      fieldId=\"scopes\"\n      isRequired={isAdminPermissionsClient}\n    >\n      <Controller\n        name=\"scopes\"\n        defaultValue={[]}\n        control={control}\n        rules={isAdminPermissionsClient ? { required: t(\"requiredField\") } : {}}\n        render={({ field }) => {\n          const selectedValues = field.value.map((o: Scope) => o.name);\n          return (\n            <>\n              <KeycloakSelect\n                toggleId=\"scopes\"\n                variant={SelectVariant.typeaheadMulti}\n                chipGroupProps={{\n                  numChips: 3,\n                  expandedText: t(\"hide\"),\n                  collapsedText: t(\"showRemaining\"),\n                }}\n                onToggle={(val) => setOpen(val)}\n                isOpen={open}\n                selections={selectedValues}\n                onFilter={(value) => {\n                  setSearch(value);\n                  return renderScopes(allScopes || []);\n                }}\n                onSelect={(selectedValue) => {\n                  const option =\n                    typeof selectedValue === \"string\"\n                      ? selectedValue\n                      : (selectedValue as Scope).name;\n                  const changedValue = field.value.find(\n                    (o: Scope) => o.name === option,\n                  )\n                    ? field.value.filter((item: Scope) => item.name !== option)\n                    : [...field.value, { name: option }];\n                  field.onChange(changedValue);\n                }}\n                onClear={() => {\n                  setSearch(\"\");\n                  field.onChange([]);\n                }}\n                typeAheadAriaLabel={t(\"authorizationScopes\")}\n              >\n                {renderScopes(allScopes || [])}\n              </KeycloakSelect>\n              {isAdminPermissionsClient && errors.scopes && (\n                <FormErrorText message={t(\"required\")} />\n              )}\n            </>\n          );\n        }}\n      />\n    </FormGroup>\n  );\n};\n"],"names":["ScopePicker","clientId","resourceTypeScopes","adminClient","useAdminClient","t","useTranslation","control","errors","useFormContext","open","setOpen","useState","scopes","setScopes","search","setSearch","isAdminPermissionsClient","useIsAdminPermissionsClient","useFetch","params","renderScopes","option","index","jsx","SelectOption","KeycloakSpinner","allScopes","scope","FormGroup","HelpItem","Controller","field","selectedValues","o","jsxs","Fragment","KeycloakSelect","SelectVariant","val","value","selectedValue","changedValue","item","FormErrorText"],"mappings":"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"}
+{"version":3,"file":"ScopePicker-ggXUe0mk.js","sources":["../src/clients/authorization/ScopePicker.tsx"],"sourcesContent":["import type ScopeRepresentation from \"@keycloak/keycloak-admin-client/lib/defs/scopeRepresentation\";\nimport {\n  FormErrorText,\n  HelpItem,\n  KeycloakSelect,\n  SelectVariant,\n  useFetch,\n} from \"@keycloak/keycloak-ui-shared\";\nimport { FormGroup, SelectOption } from \"@patternfly/react-core\";\nimport { useState } from \"react\";\nimport { Controller, useFormContext } from \"react-hook-form\";\nimport { useTranslation } from \"react-i18next\";\nimport { useAdminClient } from \"../../admin-client\";\nimport { KeycloakSpinner } from \"@keycloak/keycloak-ui-shared\";\nimport { useIsAdminPermissionsClient } from \"../../utils/useIsAdminPermissionsClient\";\n\ntype Scope = {\n  id: string;\n  name: string;\n};\n\ntype ScopePickerProps = {\n  clientId: string;\n  resourceTypeScopes?: string[];\n};\n\nexport const ScopePicker = ({\n  clientId,\n  resourceTypeScopes,\n}: ScopePickerProps) => {\n  const { adminClient } = useAdminClient();\n  const { t } = useTranslation();\n  const {\n    control,\n    formState: { errors },\n  } = useFormContext();\n  const [open, setOpen] = useState(false);\n  const [scopes, setScopes] = useState<ScopeRepresentation[]>();\n  const [search, setSearch] = useState(\"\");\n  const isAdminPermissionsClient = useIsAdminPermissionsClient(clientId);\n\n  useFetch(\n    () => {\n      const params = {\n        id: clientId,\n        first: 0,\n        max: 20,\n        deep: false,\n        name: search,\n      };\n      return adminClient.clients.listAllScopes(params);\n    },\n    setScopes,\n    [search],\n  );\n\n  const renderScopes = (scopes: ScopeRepresentation[] | string[]) =>\n    scopes.map((option, index) => (\n      <SelectOption key={index} value={option}>\n        {typeof option === \"string\" ? option : option.name}\n      </SelectOption>\n    ));\n\n  if (!scopes && !resourceTypeScopes) return <KeycloakSpinner />;\n\n  const allScopes =\n    isAdminPermissionsClient && resourceTypeScopes\n      ? resourceTypeScopes\n      : scopes?.map((scope) => scope.name!);\n\n  return (\n    <FormGroup\n      label={t(\"authorizationScopes\")}\n      labelIcon={\n        <HelpItem helpText={t(\"clientScopesHelp\")} fieldLabelId=\"scopes\" />\n      }\n      fieldId=\"scopes\"\n      isRequired={isAdminPermissionsClient}\n    >\n      <Controller\n        name=\"scopes\"\n        defaultValue={[]}\n        control={control}\n        rules={isAdminPermissionsClient ? { required: t(\"requiredField\") } : {}}\n        render={({ field }) => {\n          const selectedValues = field.value.map((o: Scope) => o.name);\n          return (\n            <>\n              <KeycloakSelect\n                toggleId=\"scopes\"\n                variant={SelectVariant.typeaheadMulti}\n                chipGroupProps={{\n                  numChips: 3,\n                  expandedText: t(\"hide\"),\n                  collapsedText: t(\"showRemaining\"),\n                }}\n                onToggle={(val) => setOpen(val)}\n                isOpen={open}\n                selections={selectedValues}\n                onFilter={(value) => {\n                  setSearch(value);\n                  return renderScopes(allScopes || []);\n                }}\n                onSelect={(selectedValue) => {\n                  const option =\n                    typeof selectedValue === \"string\"\n                      ? selectedValue\n                      : (selectedValue as Scope).name;\n                  const changedValue = field.value.find(\n                    (o: Scope) => o.name === option,\n                  )\n                    ? field.value.filter((item: Scope) => item.name !== option)\n                    : [...field.value, { name: option }];\n                  field.onChange(changedValue);\n                }}\n                onClear={() => {\n                  setSearch(\"\");\n                  field.onChange([]);\n                }}\n                typeAheadAriaLabel={t(\"authorizationScopes\")}\n              >\n                {renderScopes(allScopes || [])}\n              </KeycloakSelect>\n              {isAdminPermissionsClient && errors.scopes && (\n                <FormErrorText message={t(\"required\")} />\n              )}\n            </>\n          );\n        }}\n      />\n    </FormGroup>\n  );\n};\n"],"names":["ScopePicker","clientId","resourceTypeScopes","adminClient","useAdminClient","t","useTranslation","control","errors","useFormContext","open","setOpen","useState","scopes","setScopes","search","setSearch","isAdminPermissionsClient","useIsAdminPermissionsClient","useFetch","params","renderScopes","option","index","jsx","SelectOption","KeycloakSpinner","allScopes","scope","FormGroup","HelpItem","Controller","field","selectedValues","o","jsxs","Fragment","KeycloakSelect","SelectVariant","val","value","selectedValue","changedValue","item","FormErrorText"],"mappings":"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"}