@apicurio/common-ui-components 2.0.13 → 2.0.16

package/dist/auth/useAuth.d.ts

@@ -13,6 +13,7 @@ export interface AuthService {
     getToken: () => Promise<string | undefined>;
     getUsernameAndPassword: () => UsernameAndPassword | undefined;
     login: (username: string, password: string) => Promise<void>;
+    refresh: () => Promise<void>;
     logout: () => Promise<void>;
 }
 /**

package/dist/main.js

@@ -1,7 +1,7 @@
-import j, { createContext as gt, useContext as ut, useState as T, useEffect as pe, memo as Pe, forwardRef as ne, useCallback as Ne, useMemo as qe } from "react";
+import j, { createContext as gt, useContext as ut, useState as T, useEffect as pe, memo as Pe, forwardRef as ne, useCallback as Ne, useMemo as De } from "react";
 import { jsx as a, jsxs as v, Fragment as Re } from "react/jsx-runtime";
-import { useInterval as _t, Tooltip as pt, EmptyState as oe, EmptyStateVariant as ft, EmptyStateHeader as ae, EmptyStateBody as ve, Spinner as te, Alert as wt, Dropdown as mt, MenuToggle as Je, DropdownList as vt, Divider as Ke, DropdownItem as St, Select as yt, SelectOption as bt, TextInput as ce, Button as le, TextArea as kt, AboutModal as Tt, TextContent as It, Text as De, TextVariants as Le, TextList as $e, TextListItem as b, Modal as Ue, Form as Be, FormGroup as He, Progress as Et, EmptyStateIcon as ze, ChipGroup as Ct, Chip as Pt, InputGroup as Rt, ButtonVariant as Ut, Pagination as xt, PaginationVariant as At, Skeleton as Ot } from "@patternfly/react-core";
-import { EllipsisVIcon as Nt, ChevronDownIcon as qt, ChevronRightIcon as Dt, ErrorCircleOIcon as Lt, SearchIcon as $t } from "@patternfly/react-icons";
+import { useInterval as _t, Tooltip as pt, EmptyState as oe, EmptyStateVariant as ft, EmptyStateHeader as ae, EmptyStateBody as ve, Spinner as te, Alert as wt, Dropdown as mt, MenuToggle as Je, DropdownList as vt, Divider as Ke, DropdownItem as St, Select as yt, SelectOption as bt, TextInput as ce, Button as le, TextArea as kt, AboutModal as Tt, TextContent as It, Text as qe, TextVariants as Le, TextList as $e, TextListItem as b, Modal as Ue, Form as Be, FormGroup as He, Progress as Et, EmptyStateIcon as ze, ChipGroup as Ct, Chip as Pt, InputGroup as Rt, ButtonVariant as Ut, Pagination as xt, PaginationVariant as At, Skeleton as Ot } from "@patternfly/react-core";
+import { EllipsisVIcon as Nt, ChevronDownIcon as Dt, ChevronRightIcon as qt, ErrorCircleOIcon as Lt, SearchIcon as $t } from "@patternfly/react-icons";
 import { DateTime as ie } from "luxon";
 import { Tr as de, Td as xe, Th as Ht, Table as jt, Thead as Ft, Tbody as Mt, ActionsColumn as Wt } from "@patternfly/react-table";
 import Jt from "use-resize-observer";
@@ -82,22 +82,22 @@ var Gt = {
   }
   e.setLogger = i;
 })(he || (he = {}));
-var p = class D {
+var p = class q {
   constructor(t) {
     this._name = t;
   }
   /* eslint-disable @typescript-eslint/no-unsafe-enum-comparison */
   debug(...t) {
-    $ >= 4 && H.debug(D._format(this._name, this._method), ...t);
+    $ >= 4 && H.debug(q._format(this._name, this._method), ...t);
   }
   info(...t) {
-    $ >= 3 && H.info(D._format(this._name, this._method), ...t);
+    $ >= 3 && H.info(q._format(this._name, this._method), ...t);
   }
   warn(...t) {
-    $ >= 2 && H.warn(D._format(this._name, this._method), ...t);
+    $ >= 2 && H.warn(q._format(this._name, this._method), ...t);
   }
   error(...t) {
-    $ >= 1 && H.error(D._format(this._name, this._method), ...t);
+    $ >= 1 && H.error(q._format(this._name, this._method), ...t);
   }
   /* eslint-enable @typescript-eslint/no-unsafe-enum-comparison */
   throw(t) {
@@ -108,7 +108,7 @@ var p = class D {
     return s._method = t, s.debug("begin"), s;
   }
   static createStatic(t, s) {
-    const i = new D(`${t}.${s}`);
+    const i = new q(`${t}.${s}`);
     return i.debug("begin"), i;
   }
   static _format(t, s) {
@@ -118,16 +118,16 @@ var p = class D {
   /* eslint-disable @typescript-eslint/no-unsafe-enum-comparison */
   // helpers for static class methods
   static debug(t, ...s) {
-    $ >= 4 && H.debug(D._format(t), ...s);
+    $ >= 4 && H.debug(q._format(t), ...s);
   }
   static info(t, ...s) {
-    $ >= 3 && H.info(D._format(t), ...s);
+    $ >= 3 && H.info(q._format(t), ...s);
   }
   static warn(t, ...s) {
-    $ >= 2 && H.warn(D._format(t), ...s);
+    $ >= 2 && H.warn(q._format(t), ...s);
   }
   static error(t, ...s) {
-    $ >= 1 && H.error(D._format(t), ...s);
+    $ >= 1 && H.error(q._format(t), ...s);
   }
   /* eslint-enable @typescript-eslint/no-unsafe-enum-comparison */
 };
@@ -357,7 +357,7 @@ var C = Ve, W = class {
     const i = new URL(e, "http://127.0.0.1")[t === "fragment" ? "hash" : "search"];
     return new URLSearchParams(i.slice(1));
   }
-}, G = ";", B = class extends Error {
+}, G = ";", z = class extends Error {
   constructor(e, t) {
     var s, i, r;
     if (super(e.error_description || e.error || ""), this.form = t, this.name = "ErrorResponse", !e.error)
@@ -512,7 +512,7 @@ var C = Ve, W = class {
       throw r.error("Error parsing JSON response", d), o.ok ? d : new Error(`${o.statusText} (${o.status})`);
     }
     if (!o.ok)
-      throw r.error("Error from server:", l), l.error ? new B(l) : new Error(`${o.statusText} (${o.status}): ${JSON.stringify(l)}`);
+      throw r.error("Error from server:", l), l.error ? new z(l) : new Error(`${o.statusText} (${o.status}): ${JSON.stringify(l)}`);
     return l;
   }
   async postForm(e, {
@@ -551,7 +551,7 @@ var C = Ve, W = class {
         const _ = l.headers.get("dpop-nonce");
         throw new be(_, `${JSON.stringify(g)}`);
       }
-      throw g.error ? new B(g, t) : new Error(`${l.statusText} (${l.status}): ${JSON.stringify(g)}`);
+      throw g.error ? new z(g, t) : new Error(`${l.statusText} (${l.status}): ${JSON.stringify(g)}`);
     }
     return g;
   }
@@ -702,24 +702,24 @@ var C = Ve, W = class {
     disablePKCE: U = !1,
     // other behavior
     stateStore: y,
-    revokeTokenAdditionalContentTypes: z,
+    revokeTokenAdditionalContentTypes: V,
     fetchRequestCredentials: f,
     refreshTokenAllowedScope: m,
     // extra
-    extraQueryParams: q = {},
+    extraQueryParams: D = {},
     extraTokenParams: J = {},
     extraHeaders: K = {},
     dpop: X,
     omitScopeWhenRequesting: fe = !1
   }) {
     var Y;
-    if (this.authority = e, t ? this.metadataUrl = t : (this.metadataUrl = e, e && (this.metadataUrl.endsWith("/") || (this.metadataUrl += "/"), this.metadataUrl += ".well-known/openid-configuration")), this.metadata = s, this.metadataSeed = r, this.signingKeys = i, this.client_id = n, this.client_secret = o, this.response_type = c, this.scope = l, this.redirect_uri = d, this.post_logout_redirect_uri = h, this.client_authentication = g, this.prompt = _, this.display = S, this.max_age = x, this.ui_locales = k, this.acr_values = A, this.resource = I, this.response_mode = N, this.filterProtocolClaims = P ?? !0, this.loadUserInfo = !!F, this.staleStateAgeInSeconds = w, this.mergeClaimsStrategy = E, this.omitScopeWhenRequesting = fe, this.disablePKCE = !!U, this.revokeTokenAdditionalContentTypes = z, this.fetchRequestCredentials = f || "same-origin", this.requestTimeoutInSeconds = R, y)
+    if (this.authority = e, t ? this.metadataUrl = t : (this.metadataUrl = e, e && (this.metadataUrl.endsWith("/") || (this.metadataUrl += "/"), this.metadataUrl += ".well-known/openid-configuration")), this.metadata = s, this.metadataSeed = r, this.signingKeys = i, this.client_id = n, this.client_secret = o, this.response_type = c, this.scope = l, this.redirect_uri = d, this.post_logout_redirect_uri = h, this.client_authentication = g, this.prompt = _, this.display = S, this.max_age = x, this.ui_locales = k, this.acr_values = A, this.resource = I, this.response_mode = N, this.filterProtocolClaims = P ?? !0, this.loadUserInfo = !!F, this.staleStateAgeInSeconds = w, this.mergeClaimsStrategy = E, this.omitScopeWhenRequesting = fe, this.disablePKCE = !!U, this.revokeTokenAdditionalContentTypes = V, this.fetchRequestCredentials = f || "same-origin", this.requestTimeoutInSeconds = R, y)
       this.stateStore = y;
     else {
       const se = typeof window < "u" ? window.localStorage : new Ge();
       this.stateStore = new Qe({ store: se });
     }
-    if (this.refreshTokenAllowedScope = m, this.extraQueryParams = q, this.extraTokenParams = J, this.extraHeaders = K, this.dpop = X, this.dpop && !((Y = this.dpop) != null && Y.store))
+    if (this.refreshTokenAllowedScope = m, this.extraQueryParams = D, this.extraTokenParams = J, this.extraHeaders = K, this.dpop = X, this.dpop && !((Y = this.dpop) != null && Y.store))
       throw new Error("A DPoPStore is required when dpop is enabled");
   }
 }, rs = class {
@@ -904,13 +904,13 @@ var C = Ve, W = class {
   validateSignoutResponse(e, t) {
     const s = this._logger.create("validateSignoutResponse");
     if (t.id !== e.state && s.throw(new Error("State does not match")), s.debug("state validated"), e.userState = t.data, e.error)
-      throw s.warn("Response was error", e.error), new B(e);
+      throw s.warn("Response was error", e.error), new z(e);
   }
   _processSigninState(e, t) {
     var s;
     const i = this._logger.create("_processSigninState");
     if (t.id !== e.state && i.throw(new Error("State does not match")), t.client_id || i.throw(new Error("No client_id on state")), t.authority || i.throw(new Error("No authority on state")), this._settings.authority !== t.authority && i.throw(new Error("authority mismatch on settings vs. signin state")), this._settings.client_id && this._settings.client_id !== t.client_id && i.throw(new Error("client_id mismatch on settings vs. signin state")), i.debug("state validated"), e.userState = t.data, e.url_state = t.url_state, (s = e.scope) != null || (e.scope = t.scope), e.error)
-      throw i.warn("Response was error", e.error), new B(e);
+      throw i.warn("Response was error", e.error), new z(e);
     t.code_verifier && !e.code && i.throw(new Error("Expected code in response"));
   }
   async _processClaims(e, t = !1, s = !0) {
@@ -1245,8 +1245,8 @@ var os = Ze, as = "openid", we = class {
       omitScopeWhenRequesting: w
     });
     await this.clearStaleState();
-    const z = y.state;
-    return await this.settings.stateStore.set(z.id, z.toStorageString()), y;
+    const V = y.state;
+    return await this.settings.stateStore.set(V.id, V.toStorageString()), y;
   }
   async readSigninResponseState(e, t = !1) {
     const s = this._logger.create("readSigninResponseState"), i = new we(ye.readParams(e, this.settings.response_mode));
@@ -1379,7 +1379,7 @@ var os = Ze, as = "openid", we = class {
     const s = this._logger.create("readSignoutResponseState"), i = new ls(ye.readParams(e, this.settings.response_mode));
     if (!i.state) {
       if (s.debug("No state in response"), i.error)
-        throw s.warn("Response was error:", i.error), new B(i);
+        throw s.warn("Response was error:", i.error), new z(i);
       return { state: void 0, response: i };
     }
     const r = await this.settings.stateStore[t ? "remove" : "get"](i.state);
@@ -2131,7 +2131,7 @@ var os = Ze, as = "openid", we = class {
         sub: d.profile.sub
       }) : (t.info("success, user not authenticated"), null);
     } catch (l) {
-      if (this.settings.monitorAnonymousSession && l instanceof B)
+      if (this.settings.monitorAnonymousSession && l instanceof z)
         switch (l.error) {
           case "login_required":
           case "consent_required":
@@ -2170,7 +2170,7 @@ var os = Ze, as = "openid", we = class {
     const s = this._logger.create("_buildUser"), i = new me(e);
     if (t) {
       if (t !== i.profile.sub)
-        throw s.debug("current user does not match user returned from signin. sub from signin:", i.profile.sub), new B({ ...e, error: "login_required" });
+        throw s.debug("current user does not match user returned from signin. sub from signin:", i.profile.sub), new z({ ...e, error: "login_required" });
       s.debug("current user matches user returned from signin");
     }
     return await this.storeUser(i), s.debug("user stored"), await this._events.load(i), i;
@@ -2380,24 +2380,24 @@ var os = Ze, as = "openid", we = class {
     return await C.generateDPoPJkt(t.keys);
   }
 };
-const Cs = ["url", "clientId", "redirectUri", "scope", "logoutUrl"], Ps = "openid profile email";
+const Cs = ["url", "clientId", "redirectUri", "scope", "logoutUrl", "loadUserInfo"], Ps = "openid profile email";
 function Rs(e, t) {
   const s = {};
   return e.forEach((i) => {
     t[i] !== void 0 && (s[i] = t[i]);
   }), s;
 }
-let u, V;
-const Us = (e) => (V = Rs(Cs, e), new Es({
-  authority: V.url,
-  client_id: V.clientId,
-  redirect_uri: V.redirectUri,
+let u, B;
+const Us = (e) => (B = Rs(Cs, e), new Es({
+  authority: B.url,
+  client_id: B.clientId,
+  redirect_uri: B.redirectUri,
   response_type: "code",
-  scope: V.scope || Ps,
+  scope: B.scope || Ps,
   filterProtocolClaims: !0,
   includeIdTokenInSilentRenew: !0,
   includeIdTokenInSilentSignout: !0,
-  loadUserInfo: !0
+  loadUserInfo: B.loadUserInfo ?? !0
 })), xs = async () => {
   try {
     console.debug("[Auth] Logging in using OIDC");
@@ -2411,31 +2411,37 @@ const Us = (e) => (V = Rs(Cs, e), new Es({
     console.error("[Auth] Error logging in using OIDC: ", e);
   }
 }, As = async () => {
+  try {
+    console.debug("[Auth] Refreshing token using OIDC"), await (u == null ? void 0 : u.signinSilent());
+  } catch (e) {
+    console.error("[Auth] Error refreshing token using OIDC: ", e);
+  }
+}, Os = async () => {
   const e = await (u == null ? void 0 : u.getUser()), t = e == null ? void 0 : e.id_token;
   return u == null ? void 0 : u.removeUser().then(() => u == null ? void 0 : u.signoutRedirect({
     id_token_hint: t,
-    post_logout_redirect_uri: V.logoutUrl || window.location.href
+    post_logout_redirect_uri: B.logoutUrl || window.location.href
   }));
-}, Os = async () => await (u == null ? void 0 : u.getUser()) != null, Ns = async () => {
+}, Ns = async () => await (u == null ? void 0 : u.getUser()) != null, Ds = async () => {
   const e = await (u == null ? void 0 : u.getUser());
   return Promise.resolve(e == null ? void 0 : e.access_token);
 }, qs = async () => {
   const e = await (u == null ? void 0 : u.getUser());
   return Promise.resolve(e == null ? void 0 : e.id_token);
-}, Ds = async () => {
+}, Ls = async () => {
   const e = await (u == null ? void 0 : u.getUser());
   return Promise.resolve(e == null ? void 0 : e.profile.preferred_username);
 };
 let Q, ee;
-const Ls = async (e, t) => {
+const $s = async (e, t) => {
   try {
     console.debug("[Auth] Setting Username and Password for BasicAuth"), Q = e, ee = t;
   } catch (s) {
     console.error("[Auth] Error logging in using BasicAuth: ", s);
   }
-}, $s = async () => {
+}, Hs = async () => {
   console.debug("[Auth] Logout for BasicAuth"), Q = void 0, ee = void 0, window.location.reload();
-}, Hs = async () => Q !== void 0 && ee !== void 0, js = async () => Promise.resolve(Q), Fs = () => {
+}, js = async () => Q !== void 0 && ee !== void 0, Fs = async () => Promise.resolve(Q), Ms = () => {
   if (Q !== void 0 && ee != null)
     return {
       username: Q,
@@ -2446,29 +2452,31 @@ const Ls = async (e, t) => {
   return e.type === "oidc" ? (u === void 0 && (console.debug("[Auth] Creating OIDC UserManager with options: ", e.options), u = Us(e.options)), {
     isOidcAuthEnabled: () => !0,
     isBasicAuthEnabled: () => !1,
-    isAuthenticated: Os,
+    isAuthenticated: Ns,
     getToken: async () => {
       if (e.options.logTokens) {
         const t = await (u == null ? void 0 : u.getUser());
         console.debug("[Auth] ID Token:"), console.debug(t == null ? void 0 : t.id_token), console.debug("[Auth] Access Token:"), console.debug(t == null ? void 0 : t.access_token);
       }
-      return e.options.tokenType === "id" ? qs() : Ns();
+      return e.options.tokenType === "id" ? qs() : Ds();
     },
     getUsernameAndPassword: () => {
     },
-    getUsername: Ds,
+    getUsername: Ls,
     login: xs,
-    logout: As
+    refresh: As,
+    logout: Os
   }) : e.type === "basic" ? {
     isOidcAuthEnabled: () => !1,
     isBasicAuthEnabled: () => !0,
-    isAuthenticated: Hs,
+    isAuthenticated: js,
     getToken: async () => {
     },
-    getUsernameAndPassword: Fs,
-    getUsername: js,
-    login: Ls,
-    logout: $s
+    getUsernameAndPassword: Ms,
+    getUsername: Fs,
+    login: $s,
+    refresh: () => Promise.resolve(),
+    logout: Hs
   } : {
     isOidcAuthEnabled: () => !1,
     isBasicAuthEnabled: () => !1,
@@ -2478,6 +2486,7 @@ const Ls = async (e, t) => {
     getUsernameAndPassword: () => {
     },
     login: () => Promise.resolve(),
+    refresh: () => Promise.resolve(),
     logout: () => Promise.resolve()
   };
 }, Ee = (e) => {
@@ -2497,7 +2506,7 @@ const Ls = async (e, t) => {
   return pe(() => {
     o();
   }, [e.date]), n === "fromNow" ? /* @__PURE__ */ a(pt, { content: /* @__PURE__ */ a("span", { children: i }), children: /* @__PURE__ */ a("span", { children: t }) }) : /* @__PURE__ */ a("span", { children: t });
-}, Zs = (e) => /* @__PURE__ */ a(Ee, { date: e.date, format: "fromNow" }), O = ({ condition: e, children: t }) => (typeof e == "boolean" ? e : e()) ? /* @__PURE__ */ a(j.Fragment, { children: t }) : /* @__PURE__ */ a(j.Fragment, {}), ei = ({ collection: e, emptyState: t, emptyStateTitle: s, emptyStateMessage: i, children: r }) => {
+}, ei = (e) => /* @__PURE__ */ a(Ee, { date: e.date, format: "fromNow" }), O = ({ condition: e, children: t }) => (typeof e == "boolean" ? e : e()) ? /* @__PURE__ */ a(j.Fragment, { children: t }) : /* @__PURE__ */ a(j.Fragment, {}), ti = ({ collection: e, emptyState: t, emptyStateTitle: s, emptyStateMessage: i, children: r }) => {
   const n = () => !e || e.length === 0, o = t || /* @__PURE__ */ v(oe, { variant: ft.xs, children: [
     /* @__PURE__ */ a(ae, { titleText: s || "None found", headingLevel: "h4" }),
     /* @__PURE__ */ a(ve, { children: i || "No items found." })
@@ -2506,7 +2515,7 @@ const Ls = async (e, t) => {
 }, _e = ({ isLoading: e, loadingComponent: t, children: s }) => {
   const i = () => typeof e == "boolean" ? e : e(), r = t || /* @__PURE__ */ a(te, {});
   return i() ? /* @__PURE__ */ a(j.Fragment, { children: r }) : /* @__PURE__ */ a(j.Fragment, { children: s });
-}, ti = ({ toolbar: e, alwaysShowToolbar: t, emptyState: s, filteredEmptyState: i, isLoading: r, isError: n, loadingComponent: o, errorComponent: c, isEmpty: l, isFiltered: d, children: h }) => {
+}, si = ({ toolbar: e, alwaysShowToolbar: t, emptyState: s, filteredEmptyState: i, isLoading: r, isError: n, loadingComponent: o, errorComponent: c, isEmpty: l, isFiltered: d, children: h }) => {
   const g = t || !l || d || n;
   return c || (c = /* @__PURE__ */ a("div", { style: { padding: "15px", backgroundColor: "white" }, children: /* @__PURE__ */ a(wt, { isInline: !0, variant: "danger", title: "Error: Something went wrong!", children: /* @__PURE__ */ a("p", { children: "Something went wrong with the action you attempted, but we're not sure what it was. Try reloading the page and hopef for a better result, or contact your admin to report the error." }) }) })), /* @__PURE__ */ v(j.Fragment, { children: [
     /* @__PURE__ */ a(O, { condition: g, children: e }),
@@ -2517,7 +2526,7 @@ const Ls = async (e, t) => {
       /* @__PURE__ */ a(O, { condition: n, children: c })
     ] })
   ] });
-}, si = (e) => {
+}, ii = (e) => {
   const [t, s] = T(!1), i = (l, d) => {
     s(!1);
     const h = d;
@@ -2563,7 +2572,7 @@ const Ls = async (e, t) => {
       )) })
     }
   );
-}, Ms = (e) => {
+}, Ws = (e) => {
   var l;
   const [t, s] = T(!1), i = (d, h) => {
     s(!1), e.onSelect(e.items[h]);
@@ -2606,18 +2615,18 @@ const Ls = async (e, t) => {
       ))
     }
   );
-}, ii = ({ expanded: e, onClick: t }) => e ? /* @__PURE__ */ a(qt, { onClick: t, style: { cursor: "pointer" } }) : /* @__PURE__ */ a(Dt, { onClick: t, style: { cursor: "pointer" } }), lt = {
+}, ri = ({ expanded: e, onClick: t }) => e ? /* @__PURE__ */ a(Dt, { onClick: t, style: { cursor: "pointer" } }) : /* @__PURE__ */ a(qt, { onClick: t, style: { cursor: "pointer" } }), lt = {
   padding: "5px",
   minHeight: "128px",
   borderRight: 0,
   borderLeft: 0,
   borderBottom: "1px solid #666",
   backgroundColor: "rgb(240, 240, 240)"
-}, Ws = {
+}, Js = {
   ...lt,
   color: "red",
   overflow: "auto"
-}, ri = (e) => {
+}, ni = (e) => {
   const [t, s] = T(""), [i, r] = T(""), [n, o] = T(!1), [c, l] = T(), d = (k, A) => {
     s(A);
   }, h = () => t != null && t.trim().length > 0, g = () => c != null && c.trim().length > 0, _ = () => {
@@ -2650,7 +2659,7 @@ const Ls = async (e, t) => {
       /* @__PURE__ */ a("div", { className: "url-clear-button", children: /* @__PURE__ */ a(le, { "data-testid": `${e.testId}-clear`, variant: "control", isDisabled: !h(), onClick: S, children: "Clear" }) })
     ] }),
     /* @__PURE__ */ a("div", { className: "url-upload-preview", children: /* @__PURE__ */ v(_e, { isLoading: n, loadingComponent: x, children: [
-      /* @__PURE__ */ a(O, { condition: g, children: /* @__PURE__ */ v("div", { className: "url-upload-error", style: Ws, children: [
+      /* @__PURE__ */ a(O, { condition: g, children: /* @__PURE__ */ v("div", { className: "url-upload-error", style: Js, children: [
         /* @__PURE__ */ a("div", { children: "Error getting content from URL." }),
         /* @__PURE__ */ a("div", { children: c })
       ] }) }),
@@ -2666,7 +2675,7 @@ const Ls = async (e, t) => {
       ) })
     ] }) })
   ] });
-}, ni = (e) => {
+}, oi = (e) => {
   const [t, s] = T(), [i, r] = T();
   return pe(() => {
     e.isOpen && (typeof e.frontendInfo == "function" ? e.frontendInfo().then(s) : s(e.frontendInfo), typeof e.backendInfo == "function" ? e.backendInfo().then(r) : r(e.backendInfo));
@@ -2681,7 +2690,7 @@ const Ls = async (e, t) => {
       brandImageAlt: e.brandImageAlt,
       "aria-label": e.brandImageAlt,
       children: /* @__PURE__ */ v(It, { className: "app-about-modal-content", style: { marginTop: "-25px" }, children: [
-        /* @__PURE__ */ a(De, { component: Le.h2, children: "Web console info" }),
+        /* @__PURE__ */ a(qe, { component: Le.h2, children: "Web console info" }),
         /* @__PURE__ */ a(_e, { isLoading: t === void 0, children: /* @__PURE__ */ v($e, { component: "dl", children: [
           /* @__PURE__ */ a(b, { component: "dt", children: "Project" }),
           /* @__PURE__ */ a(b, { component: "dd", children: /* @__PURE__ */ a("a", { href: t == null ? void 0 : t.url, target: "_blank", children: t == null ? void 0 : t.name }) }),
@@ -2692,7 +2701,7 @@ const Ls = async (e, t) => {
           /* @__PURE__ */ a(b, { component: "dt", children: "Digest" }),
           /* @__PURE__ */ a(b, { component: "dd", children: t == null ? void 0 : t.digest })
         ] }) }),
-        /* @__PURE__ */ a(De, { style: { marginTop: "40px" }, component: Le.h2, children: e.backendLabel }),
+        /* @__PURE__ */ a(qe, { style: { marginTop: "40px" }, component: Le.h2, children: e.backendLabel }),
         /* @__PURE__ */ a(_e, { isLoading: i === void 0, children: /* @__PURE__ */ v($e, { component: "dl", children: [
           /* @__PURE__ */ a(b, { component: "dt", children: "Name" }),
           /* @__PURE__ */ a(b, { component: "dd", children: (i == null ? void 0 : i.name) || "" }),
@@ -2706,7 +2715,7 @@ const Ls = async (e, t) => {
       ] })
     }
   );
-}, Js = (e) => {
+}, Ks = (e) => {
   const [t, s] = T({
     username: "",
     password: ""
@@ -2781,7 +2790,7 @@ const Ls = async (e, t) => {
       ] })
     }
   );
-}, oi = (e) => /* @__PURE__ */ v(
+}, ai = (e) => /* @__PURE__ */ v(
   Ue,
   {
     title: "Please Wait",
@@ -2797,7 +2806,7 @@ const Ls = async (e, t) => {
       /* @__PURE__ */ a("span", { className: "message", style: { fontSize: "15px", color: "#333", marginLeft: "10px" }, children: e.message })
     ]
   }
-), ai = (e) => /* @__PURE__ */ a(
+), ci = (e) => /* @__PURE__ */ a(
   Ue,
   {
     title: e.title,
@@ -2809,7 +2818,7 @@ const Ls = async (e, t) => {
     "aria-label": "progress-modal",
     children: /* @__PURE__ */ a(Et, { title: e.message, value: e.progress })
   }
-), ci = (e) => {
+), li = (e) => {
   const [t, s] = T(
     0
     /* AUTHENTICATING */
@@ -2839,24 +2848,24 @@ const Ls = async (e, t) => {
       /* @__PURE__ */ a(ae, { titleText: "Loading", headingLevel: "h4" }),
       /* @__PURE__ */ a(ve, { children: /* @__PURE__ */ a(te, { size: "xl", "aria-label": "Loading spinner" }) })
     ] }) }),
-    /* @__PURE__ */ a(O, { condition: t === 0 && i.isBasicAuthEnabled(), children: /* @__PURE__ */ a(Js, { onLogin: r }) }),
+    /* @__PURE__ */ a(O, { condition: t === 0 && i.isBasicAuthEnabled(), children: /* @__PURE__ */ a(Ks, { onLogin: r }) }),
     /* @__PURE__ */ a(O, { condition: t === 2, children: /* @__PURE__ */ v(oe, { children: [
       /* @__PURE__ */ a(ae, { titleText: "Empty state", headingLevel: "h4", icon: /* @__PURE__ */ a(ze, { icon: Lt }) }),
       /* @__PURE__ */ a(ve, { children: "Authentication failed." })
     ] }) }),
     /* @__PURE__ */ a(O, { condition: t === 1, children: e.children })
   ] });
-}, li = (e) => {
+}, di = (e) => {
   const t = ct();
   return (() => {
     let i = !0;
     return e.enabled !== void 0 && (i = i && (t.isOidcAuthEnabled() === e.enabled || t.isBasicAuthEnabled() === e.enabled)), i;
   })() ? /* @__PURE__ */ a(j.Fragment, { children: e.children }) : /* @__PURE__ */ a(j.Fragment, {});
-}, di = (e) => /* @__PURE__ */ a(Ct, { categoryName: e.categoryName || "Filters", isClosable: !0, onClick: e.onClearAllCriteria, children: e.criteria.map((t, s) => /* @__PURE__ */ v(Pt, { onClick: () => e.onRemoveCriteria(t), children: [
+}, hi = (e) => /* @__PURE__ */ a(Ct, { categoryName: e.categoryName || "Filters", isClosable: !0, onClick: e.onClearAllCriteria, children: e.criteria.map((t, s) => /* @__PURE__ */ v(Pt, { onClick: () => e.onRemoveCriteria(t), children: [
   /* @__PURE__ */ a("b", { children: t.filterBy.label }),
   /* @__PURE__ */ a("span", { children: ": " }),
   /* @__PURE__ */ a("span", { children: t.filterValue })
-] }, s)) }), hi = (e) => {
+] }, s)) }), gi = (e) => {
   const [t, s] = T(e.filterTypes[0]), [i, r] = T(""), n = (o) => {
     o && o.preventDefault(), e.onAddCriteria({
       filterBy: t,
@@ -2867,7 +2876,7 @@ const Ls = async (e, t) => {
     s(e.filterTypes[0]);
   }, [e.filterTypes]), /* @__PURE__ */ a(Be, { onSubmit: n, children: /* @__PURE__ */ v(Rt, { children: [
     /* @__PURE__ */ a(
-      Ms,
+      Ws,
       {
         value: t,
         items: e.filterTypes,
@@ -2902,7 +2911,7 @@ const Ls = async (e, t) => {
     )
   ] }) });
 };
-function gi() {
+function ui() {
   return /* @__PURE__ */ a(oe, { children: /* @__PURE__ */ a(
     ae,
     {
@@ -2912,7 +2921,7 @@ function gi() {
     }
   ) });
 }
-function ui({
+function _i({
   itemCount: e,
   page: t,
   perPage: s,
@@ -2933,7 +2942,7 @@ function ui({
     }
   );
 }
-function Ks({ columns: e, rows: t, getTd: s = () => xe }) {
+function Bs({ columns: e, rows: t, getTd: s = () => xe }) {
   const i = new Array(e).fill(0).map((n, o) => {
     const c = s(o);
     return /* @__PURE__ */ a(c, { children: /* @__PURE__ */ a(
@@ -2945,7 +2954,7 @@ function Ks({ columns: e, rows: t, getTd: s = () => xe }) {
   }), r = new Array(t).fill(0).map((n, o) => /* @__PURE__ */ a(de, { children: i }, `row_${o}`));
   return /* @__PURE__ */ a(Re, { children: r });
 }
-const _i = ({
+const pi = ({
   ariaLabel: e,
   minimumColumnWidth: t = 250,
   columns: s,
@@ -2973,8 +2982,8 @@ const _i = ({
   }, { ref: R } = Jt({ onResize: F }), w = I >= 576, E = Ne(
     (f) => w && f !== 0 && f !== s.length - 1,
     [s, w]
-  ), U = qe(() => s.map((f, m) => {
-    const q = ne(
+  ), U = De(() => s.map((f, m) => {
+    const D = ne(
       ({ children: J, ...K }, X) => /* @__PURE__ */ a(
         dt,
         {
@@ -2989,8 +2998,8 @@ const _i = ({
         }
       )
     );
-    return q.displayName = "ResponsiveThCurried", r({
-      Th: q,
+    return D.displayName = "ResponsiveThCurried", r({
+      Th: D,
       key: `header_${f}`,
       column: f,
       colIndex: m
@@ -3005,7 +3014,7 @@ const _i = ({
   ]), y = Ne(
     (f) => {
       const m = ne(
-        ({ children: q, ...J }, K) => /* @__PURE__ */ a(
+        ({ children: D, ...J }, K) => /* @__PURE__ */ a(
           Ce,
           {
             position: f,
@@ -3014,14 +3023,14 @@ const _i = ({
             canHide: E(f),
             ...J,
             ref: K,
-            children: q
+            children: D
           }
         )
       );
       return m.displayName = "ResponsiveTdCurried", m;
     },
     [E, t, I]
-  ), z = qe(
+  ), V = De(
     () => s.map((f, m) => y(m)),
     [s, y]
   );
@@ -3038,7 +3047,7 @@ const _i = ({
         /* @__PURE__ */ a(Ft, { children: /* @__PURE__ */ a(de, { children: U }) }),
         /* @__PURE__ */ v(Mt, { children: [
           i === void 0 && /* @__PURE__ */ a(
-            Ks,
+            Bs,
             {
               columns: s.length,
               rows: h,
@@ -3046,14 +3055,14 @@ const _i = ({
             }
           ),
           i == null ? void 0 : i.map((f, m) => {
-            const q = l !== void 0 && l({ row: f, rowIndex: m }), J = d !== void 0 && d({ row: f, rowIndex: m }), K = !q && g ? () => g({ row: f, rowIndex: m }) : void 0, X = s.map((Y, se) => n({
-              Td: z[se],
+            const D = l !== void 0 && l({ row: f, rowIndex: m }), J = d !== void 0 && d({ row: f, rowIndex: m }), K = !D && g ? () => g({ row: f, rowIndex: m }) : void 0, X = s.map((Y, se) => n({
+              Td: V[se],
               key: `row_${m}_cell_${Y}`,
               column: Y,
               colIndex: se,
               rowIndex: m,
               row: f
-            })), fe = !q && o && /* @__PURE__ */ a(
+            })), fe = !D && o && /* @__PURE__ */ a(
               Ce,
               {
                 position: s.length,
@@ -3068,7 +3077,7 @@ const _i = ({
             return /* @__PURE__ */ v(
               ht,
               {
-                isDeleted: q,
+                isDeleted: D,
                 isSelected: J,
                 onClick: K,
                 rowOuiaId: S == null ? void 0 : S({ row: f, rowIndex: m }),
@@ -3149,31 +3158,31 @@ const ht = Pe(
 );
 ht.displayName = "DeletableRow";
 export {
-  ni as AppAboutModal,
-  ci as ApplicationAuth,
+  oi as AppAboutModal,
+  li as ApplicationAuth,
   Kt as AuthConfigContext,
-  Js as BasicAuthModal,
-  hi as ChipFilterInput,
+  Ks as BasicAuthModal,
+  gi as ChipFilterInput,
   Ee as DateTime,
   ht as DeletableRow,
-  di as FilterChips,
-  Zs as FromNow,
+  hi as FilterChips,
+  ei as FromNow,
   O as If,
-  li as IfAuth,
-  ei as IfNotEmpty,
+  di as IfAuth,
+  ti as IfNotEmpty,
   _e as IfNotLoading,
-  ti as ListWithToolbar,
-  gi as Loading,
-  si as ObjectDropdown,
-  Ms as ObjectSelect,
-  ui as Pagination,
-  oi as PleaseWaitModal,
-  ai as ProgressModal,
-  _i as ResponsiveTable,
+  si as ListWithToolbar,
+  ui as Loading,
+  ii as ObjectDropdown,
+  Ws as ObjectSelect,
+  _i as Pagination,
+  ai as PleaseWaitModal,
+  ci as ProgressModal,
+  pi as ResponsiveTable,
   Ce as ResponsiveTd,
   dt as ResponsiveTh,
-  Ks as TableSkeleton,
-  ii as ToggleIcon,
-  ri as UrlUpload,
+  Bs as TableSkeleton,
+  ri as ToggleIcon,
+  ni as UrlUpload,
   ct as useAuth
 };

package/package.json

@@ -1,13 +1,17 @@
 {
   "name": "@apicurio/common-ui-components",
   "private": false,
-  "version": "2.0.13",
+  "version": "2.0.16",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
   "files": [
     "dist"
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Apicurio/apicurio-common-ui-components"
+  },
   "scripts": {
     "clean": "rimraf dist",
     "dev": "vite",