@red-hat-developer-hub/backstage-plugin-adoption-insights 0.0.2 → 0.0.3

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @red-hat-developer-hub/backstage-plugin-adoption-insights
 
+## 0.0.3
+
+### Patch Changes
+
+- 6922e2b: Improved error management for API failures
+
 ## 0.0.2
 
 ### Patch Changes

package/dist/api/index.esm.js

@@ -4,6 +4,13 @@ import { generateEventsUrl } from '../utils/utils.esm.js';
 const adoptionInsightsApiRef = createApiRef({
   id: "plugin.adoption-insights.service"
 });
+const validateResponse = (response, action) => {
+  if (!response.body || !response.ok) {
+    throw new Error(
+      `failed to fetch ${action}, status ${response.status}: ${!response.ok ? response.statusText : "Something went wrong."}`
+    );
+  }
+};
 class AdoptionInsightsApiClient {
   configApi;
   fetchApi;
@@ -23,6 +30,7 @@ class AdoptionInsightsApiClient {
     const baseUrl = await this.getBaseUrl();
     const url = generateEventsUrl(`${baseUrl}/events`, options);
     const response = await this.fetchApi.fetch(url);
+    validateResponse(response, "active users");
     const data = await response.json();
     return data;
   }
@@ -33,6 +41,7 @@ class AdoptionInsightsApiClient {
     const baseUrl = await this.getBaseUrl();
     const url = generateEventsUrl(`${baseUrl}/events`, options);
     const response = await this.fetchApi.fetch(url);
+    validateResponse(response, "users");
     const data = await response.json();
     return data;
   }
@@ -43,6 +52,7 @@ class AdoptionInsightsApiClient {
     const baseUrl = await this.getBaseUrl();
     const url = generateEventsUrl(`${baseUrl}/events`, options);
     const response = await this.fetchApi.fetch(url);
+    validateResponse(response, "catalog entities");
     const data = await response.json();
     return data;
   }
@@ -53,6 +63,7 @@ class AdoptionInsightsApiClient {
     const baseUrl = await this.getBaseUrl();
     const url = generateEventsUrl(`${baseUrl}/events`, options);
     const response = await this.fetchApi.fetch(url);
+    validateResponse(response, "templates");
     const data = await response.json();
     return data;
   }
@@ -63,6 +74,7 @@ class AdoptionInsightsApiClient {
     const baseUrl = await this.getBaseUrl();
     const url = generateEventsUrl(`${baseUrl}/events`, options);
     const response = await this.fetchApi.fetch(url);
+    validateResponse(response, "techdocs");
     const data = await response.json();
     return data;
   }
@@ -73,6 +85,7 @@ class AdoptionInsightsApiClient {
     const baseUrl = await this.getBaseUrl();
     const url = generateEventsUrl(`${baseUrl}/events`, options);
     const response = await this.fetchApi.fetch(url);
+    validateResponse(response, "plugins");
     const data = await response.json();
     return data;
   }
@@ -83,6 +96,7 @@ class AdoptionInsightsApiClient {
     const baseUrl = await this.getBaseUrl();
     const url = generateEventsUrl(`${baseUrl}/events`, options);
     const response = await this.fetchApi.fetch(url);
+    validateResponse(response, "searches");
     const data = await response.json();
     return data;
   }

package/dist/api/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../src/api/index.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { createApiRef, ConfigApi, FetchApi } from '@backstage/core-plugin-api';\nimport {\n  AdoptionInsightsApi,\n  APIsViewOptions,\n  TemplatesResponse,\n  CatalogEntitiesResponse,\n  PluginTrendResponse,\n  UsersResponse,\n  TechdocsResponse,\n  ActiveUsersResponse,\n  SearchesResponse,\n} from '../types';\nimport { generateEventsUrl } from '../utils/utils';\n\nexport interface InsightsApi {\n  downloadBlob(options: APIsViewOptions): Promise<any>;\n  getActiveUsers(options: APIsViewOptions): Promise<ActiveUsersResponse>;\n  getUsers(options: APIsViewOptions): Promise<UsersResponse>;\n  getCatalogEntities(\n    options: APIsViewOptions,\n  ): Promise<CatalogEntitiesResponse>;\n  getTemplates(options: APIsViewOptions): Promise<TemplatesResponse>;\n  getTechdocs(options: APIsViewOptions): Promise<TechdocsResponse>;\n  getPlugins(options: APIsViewOptions): Promise<PluginTrendResponse>;\n  getSearches(options: APIsViewOptions): Promise<SearchesResponse>;\n}\n\nexport const adoptionInsightsApiRef = createApiRef<AdoptionInsightsApi>({\n  id: 'plugin.adoption-insights.service',\n});\n\nexport type Options = {\n  configApi: ConfigApi;\n  fetchApi: FetchApi;\n};\n\nexport class AdoptionInsightsApiClient implements AdoptionInsightsApi {\n  private readonly configApi: ConfigApi;\n  private readonly fetchApi: FetchApi;\n\n  constructor(options: Options) {\n    this.configApi = options.configApi;\n    this.fetchApi = options.fetchApi;\n  }\n\n  async getBaseUrl() {\n    return `${this.configApi.getString(\n      'backend.baseUrl',\n    )}/api/adoption-insights`;\n  }\n\n  async getActiveUsers(options: APIsViewOptions): Promise<ActiveUsersResponse> {\n    if (!options.start_date || !options.end_date) {\n      return Promise.resolve({ grouping: undefined, data: [] });\n    }\n\n    const baseUrl = await this.getBaseUrl();\n    const url = generateEventsUrl(`${baseUrl}/events`, options);\n\n    const response = await this.fetchApi.fetch(url);\n\n    const data = await response.json();\n    return data as ActiveUsersResponse;\n  }\n\n  async getUsers(options: APIsViewOptions): Promise<UsersResponse> {\n    if (!options.start_date || !options.end_date) {\n      return Promise.resolve({ data: [] });\n    }\n\n    const baseUrl = await this.getBaseUrl();\n    const url = generateEventsUrl(`${baseUrl}/events`, options);\n\n    const response = await this.fetchApi.fetch(url);\n\n    const data = await response.json();\n    return data as UsersResponse;\n  }\n\n  async getCatalogEntities(\n    options: APIsViewOptions,\n  ): Promise<CatalogEntitiesResponse> {\n    if (!options.start_date || !options.end_date) {\n      return Promise.resolve({ data: [] });\n    }\n\n    const baseUrl = await this.getBaseUrl();\n    const url = generateEventsUrl(`${baseUrl}/events`, options);\n\n    const response = await this.fetchApi.fetch(url);\n\n    const data = await response.json();\n    return data as CatalogEntitiesResponse;\n  }\n\n  async getTemplates(options: APIsViewOptions): Promise<TemplatesResponse> {\n    if (!options.start_date || !options.end_date) {\n      return Promise.resolve({ data: [] });\n    }\n\n    const baseUrl = await this.getBaseUrl();\n    const url = generateEventsUrl(`${baseUrl}/events`, options);\n\n    const response = await this.fetchApi.fetch(url);\n\n    const data = await response.json();\n    return data as TemplatesResponse;\n  }\n\n  async getTechdocs(options: APIsViewOptions): Promise<TechdocsResponse> {\n    if (!options.start_date || !options.end_date) {\n      return Promise.resolve({ data: [] });\n    }\n\n    const baseUrl = await this.getBaseUrl();\n    const url = generateEventsUrl(`${baseUrl}/events`, options);\n\n    const response = await this.fetchApi.fetch(url);\n\n    const data = await response.json();\n    return data as TechdocsResponse;\n  }\n\n  async getPlugins(options: APIsViewOptions): Promise<PluginTrendResponse> {\n    if (!options.start_date || !options.end_date) {\n      return Promise.resolve({ data: [] });\n    }\n\n    const baseUrl = await this.getBaseUrl();\n    const url = generateEventsUrl(`${baseUrl}/events`, options);\n\n    const response = await this.fetchApi.fetch(url);\n\n    const data = await response.json();\n    return data as PluginTrendResponse;\n  }\n\n  async getSearches(options: APIsViewOptions): Promise<SearchesResponse> {\n    if (!options.start_date || !options.end_date) {\n      return Promise.resolve({ grouping: undefined, data: [] });\n    }\n\n    const baseUrl = await this.getBaseUrl();\n    const url = generateEventsUrl(`${baseUrl}/events`, options);\n\n    const response = await this.fetchApi.fetch(url);\n\n    const data = await response.json();\n    return data as SearchesResponse;\n  }\n\n  async downloadBlob(options: APIsViewOptions): Promise<void> {\n    const baseUrl = await this.getBaseUrl();\n    const response = await this.fetchApi.fetch(\n      `${baseUrl}/events?type=${options.type}&start_date=${options.start_date}&end_date=${options.end_date}&format=${options.format}`,\n    );\n    const blob = await response.blob();\n    const blobUrl = window.URL.createObjectURL(blob);\n    const link = document.createElement('a');\n    link.href = blobUrl;\n    link.download = options.blobName ?? 'active-users';\n    document.body.appendChild(link);\n    link.click();\n    link.parentNode?.removeChild(link);\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../src/api/index.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { createApiRef, ConfigApi, FetchApi } from '@backstage/core-plugin-api';\nimport {\n  AdoptionInsightsApi,\n  APIsViewOptions,\n  TemplatesResponse,\n  CatalogEntitiesResponse,\n  PluginTrendResponse,\n  UsersResponse,\n  TechdocsResponse,\n  ActiveUsersResponse,\n  SearchesResponse,\n} from '../types';\nimport { generateEventsUrl } from '../utils/utils';\n\nexport interface InsightsApi {\n  downloadBlob(options: APIsViewOptions): Promise<any>;\n  getActiveUsers(options: APIsViewOptions): Promise<ActiveUsersResponse>;\n  getUsers(options: APIsViewOptions): Promise<UsersResponse>;\n  getCatalogEntities(\n    options: APIsViewOptions,\n  ): Promise<CatalogEntitiesResponse>;\n  getTemplates(options: APIsViewOptions): Promise<TemplatesResponse>;\n  getTechdocs(options: APIsViewOptions): Promise<TechdocsResponse>;\n  getPlugins(options: APIsViewOptions): Promise<PluginTrendResponse>;\n  getSearches(options: APIsViewOptions): Promise<SearchesResponse>;\n}\n\nexport const adoptionInsightsApiRef = createApiRef<AdoptionInsightsApi>({\n  id: 'plugin.adoption-insights.service',\n});\n\nexport type Options = {\n  configApi: ConfigApi;\n  fetchApi: FetchApi;\n};\n\nconst validateResponse = (response: Response, action: string) => {\n  if (!response.body || !response.ok) {\n    throw new Error(\n      `failed to fetch ${action}, status ${response.status}: ${\n        !response.ok ? response.statusText : 'Something went wrong.'\n      }`,\n    );\n  }\n};\n\nexport class AdoptionInsightsApiClient implements AdoptionInsightsApi {\n  private readonly configApi: ConfigApi;\n  private readonly fetchApi: FetchApi;\n\n  constructor(options: Options) {\n    this.configApi = options.configApi;\n    this.fetchApi = options.fetchApi;\n  }\n\n  async getBaseUrl() {\n    return `${this.configApi.getString(\n      'backend.baseUrl',\n    )}/api/adoption-insights`;\n  }\n\n  async getActiveUsers(options: APIsViewOptions): Promise<ActiveUsersResponse> {\n    if (!options.start_date || !options.end_date) {\n      return Promise.resolve({ grouping: undefined, data: [] });\n    }\n\n    const baseUrl = await this.getBaseUrl();\n    const url = generateEventsUrl(`${baseUrl}/events`, options);\n\n    const response = await this.fetchApi.fetch(url);\n\n    validateResponse(response, 'active users');\n\n    const data = await response.json();\n    return data as ActiveUsersResponse;\n  }\n\n  async getUsers(options: APIsViewOptions): Promise<UsersResponse> {\n    if (!options.start_date || !options.end_date) {\n      return Promise.resolve({ data: [] });\n    }\n\n    const baseUrl = await this.getBaseUrl();\n    const url = generateEventsUrl(`${baseUrl}/events`, options);\n\n    const response = await this.fetchApi.fetch(url);\n\n    validateResponse(response, 'users');\n\n    const data = await response.json();\n    return data as UsersResponse;\n  }\n\n  async getCatalogEntities(\n    options: APIsViewOptions,\n  ): Promise<CatalogEntitiesResponse> {\n    if (!options.start_date || !options.end_date) {\n      return Promise.resolve({ data: [] });\n    }\n\n    const baseUrl = await this.getBaseUrl();\n    const url = generateEventsUrl(`${baseUrl}/events`, options);\n\n    const response = await this.fetchApi.fetch(url);\n\n    validateResponse(response, 'catalog entities');\n\n    const data = await response.json();\n    return data as CatalogEntitiesResponse;\n  }\n\n  async getTemplates(options: APIsViewOptions): Promise<TemplatesResponse> {\n    if (!options.start_date || !options.end_date) {\n      return Promise.resolve({ data: [] });\n    }\n\n    const baseUrl = await this.getBaseUrl();\n    const url = generateEventsUrl(`${baseUrl}/events`, options);\n\n    const response = await this.fetchApi.fetch(url);\n\n    validateResponse(response, 'templates');\n\n    const data = await response.json();\n    return data as TemplatesResponse;\n  }\n\n  async getTechdocs(options: APIsViewOptions): Promise<TechdocsResponse> {\n    if (!options.start_date || !options.end_date) {\n      return Promise.resolve({ data: [] });\n    }\n\n    const baseUrl = await this.getBaseUrl();\n    const url = generateEventsUrl(`${baseUrl}/events`, options);\n\n    const response = await this.fetchApi.fetch(url);\n\n    validateResponse(response, 'techdocs');\n\n    const data = await response.json();\n    return data as TechdocsResponse;\n  }\n\n  async getPlugins(options: APIsViewOptions): Promise<PluginTrendResponse> {\n    if (!options.start_date || !options.end_date) {\n      return Promise.resolve({ data: [] });\n    }\n\n    const baseUrl = await this.getBaseUrl();\n    const url = generateEventsUrl(`${baseUrl}/events`, options);\n\n    const response = await this.fetchApi.fetch(url);\n\n    validateResponse(response, 'plugins');\n\n    const data = await response.json();\n    return data as PluginTrendResponse;\n  }\n\n  async getSearches(options: APIsViewOptions): Promise<SearchesResponse> {\n    if (!options.start_date || !options.end_date) {\n      return Promise.resolve({ grouping: undefined, data: [] });\n    }\n\n    const baseUrl = await this.getBaseUrl();\n    const url = generateEventsUrl(`${baseUrl}/events`, options);\n\n    const response = await this.fetchApi.fetch(url);\n\n    validateResponse(response, 'searches');\n\n    const data = await response.json();\n    return data as SearchesResponse;\n  }\n\n  async downloadBlob(options: APIsViewOptions): Promise<void> {\n    const baseUrl = await this.getBaseUrl();\n    const response = await this.fetchApi.fetch(\n      `${baseUrl}/events?type=${options.type}&start_date=${options.start_date}&end_date=${options.end_date}&format=${options.format}`,\n    );\n    const blob = await response.blob();\n    const blobUrl = window.URL.createObjectURL(blob);\n    const link = document.createElement('a');\n    link.href = blobUrl;\n    link.download = options.blobName ?? 'active-users';\n    document.body.appendChild(link);\n    link.click();\n    link.parentNode?.removeChild(link);\n  }\n}\n"],"names":[],"mappings":";;;AA0CO,MAAM,yBAAyB,YAAkC,CAAA;AAAA,EACtE,EAAI,EAAA;AACN,CAAC;AAOD,MAAM,gBAAA,GAAmB,CAAC,QAAA,EAAoB,MAAmB,KAAA;AAC/D,EAAA,IAAI,CAAC,QAAA,CAAS,IAAQ,IAAA,CAAC,SAAS,EAAI,EAAA;AAClC,IAAA,MAAM,IAAI,KAAA;AAAA,MACR,CAAA,gBAAA,EAAmB,MAAM,CAAA,SAAA,EAAY,QAAS,CAAA,MAAM,CAClD,EAAA,EAAA,CAAC,QAAS,CAAA,EAAA,GAAK,QAAS,CAAA,UAAA,GAAa,uBACvC,CAAA;AAAA,KACF;AAAA;AAEJ,CAAA;AAEO,MAAM,yBAAyD,CAAA;AAAA,EACnD,SAAA;AAAA,EACA,QAAA;AAAA,EAEjB,YAAY,OAAkB,EAAA;AAC5B,IAAA,IAAA,CAAK,YAAY,OAAQ,CAAA,SAAA;AACzB,IAAA,IAAA,CAAK,WAAW,OAAQ,CAAA,QAAA;AAAA;AAC1B,EAEA,MAAM,UAAa,GAAA;AACjB,IAAO,OAAA,CAAA,EAAG,KAAK,SAAU,CAAA,SAAA;AAAA,MACvB;AAAA,KACD,CAAA,sBAAA,CAAA;AAAA;AACH,EAEA,MAAM,eAAe,OAAwD,EAAA;AAC3E,IAAA,IAAI,CAAC,OAAA,CAAQ,UAAc,IAAA,CAAC,QAAQ,QAAU,EAAA;AAC5C,MAAO,OAAA,OAAA,CAAQ,QAAQ,EAAE,QAAA,EAAU,QAAW,IAAM,EAAA,IAAI,CAAA;AAAA;AAG1D,IAAM,MAAA,OAAA,GAAU,MAAM,IAAA,CAAK,UAAW,EAAA;AACtC,IAAA,MAAM,GAAM,GAAA,iBAAA,CAAkB,CAAG,EAAA,OAAO,WAAW,OAAO,CAAA;AAE1D,IAAA,MAAM,QAAW,GAAA,MAAM,IAAK,CAAA,QAAA,CAAS,MAAM,GAAG,CAAA;AAE9C,IAAA,gBAAA,CAAiB,UAAU,cAAc,CAAA;AAEzC,IAAM,MAAA,IAAA,GAAO,MAAM,QAAA,CAAS,IAAK,EAAA;AACjC,IAAO,OAAA,IAAA;AAAA;AACT,EAEA,MAAM,SAAS,OAAkD,EAAA;AAC/D,IAAA,IAAI,CAAC,OAAA,CAAQ,UAAc,IAAA,CAAC,QAAQ,QAAU,EAAA;AAC5C,MAAA,OAAO,QAAQ,OAAQ,CAAA,EAAE,IAAM,EAAA,IAAI,CAAA;AAAA;AAGrC,IAAM,MAAA,OAAA,GAAU,MAAM,IAAA,CAAK,UAAW,EAAA;AACtC,IAAA,MAAM,GAAM,GAAA,iBAAA,CAAkB,CAAG,EAAA,OAAO,WAAW,OAAO,CAAA;AAE1D,IAAA,MAAM,QAAW,GAAA,MAAM,IAAK,CAAA,QAAA,CAAS,MAAM,GAAG,CAAA;AAE9C,IAAA,gBAAA,CAAiB,UAAU,OAAO,CAAA;AAElC,IAAM,MAAA,IAAA,GAAO,MAAM,QAAA,CAAS,IAAK,EAAA;AACjC,IAAO,OAAA,IAAA;AAAA;AACT,EAEA,MAAM,mBACJ,OACkC,EAAA;AAClC,IAAA,IAAI,CAAC,OAAA,CAAQ,UAAc,IAAA,CAAC,QAAQ,QAAU,EAAA;AAC5C,MAAA,OAAO,QAAQ,OAAQ,CAAA,EAAE,IAAM,EAAA,IAAI,CAAA;AAAA;AAGrC,IAAM,MAAA,OAAA,GAAU,MAAM,IAAA,CAAK,UAAW,EAAA;AACtC,IAAA,MAAM,GAAM,GAAA,iBAAA,CAAkB,CAAG,EAAA,OAAO,WAAW,OAAO,CAAA;AAE1D,IAAA,MAAM,QAAW,GAAA,MAAM,IAAK,CAAA,QAAA,CAAS,MAAM,GAAG,CAAA;AAE9C,IAAA,gBAAA,CAAiB,UAAU,kBAAkB,CAAA;AAE7C,IAAM,MAAA,IAAA,GAAO,MAAM,QAAA,CAAS,IAAK,EAAA;AACjC,IAAO,OAAA,IAAA;AAAA;AACT,EAEA,MAAM,aAAa,OAAsD,EAAA;AACvE,IAAA,IAAI,CAAC,OAAA,CAAQ,UAAc,IAAA,CAAC,QAAQ,QAAU,EAAA;AAC5C,MAAA,OAAO,QAAQ,OAAQ,CAAA,EAAE,IAAM,EAAA,IAAI,CAAA;AAAA;AAGrC,IAAM,MAAA,OAAA,GAAU,MAAM,IAAA,CAAK,UAAW,EAAA;AACtC,IAAA,MAAM,GAAM,GAAA,iBAAA,CAAkB,CAAG,EAAA,OAAO,WAAW,OAAO,CAAA;AAE1D,IAAA,MAAM,QAAW,GAAA,MAAM,IAAK,CAAA,QAAA,CAAS,MAAM,GAAG,CAAA;AAE9C,IAAA,gBAAA,CAAiB,UAAU,WAAW,CAAA;AAEtC,IAAM,MAAA,IAAA,GAAO,MAAM,QAAA,CAAS,IAAK,EAAA;AACjC,IAAO,OAAA,IAAA;AAAA;AACT,EAEA,MAAM,YAAY,OAAqD,EAAA;AACrE,IAAA,IAAI,CAAC,OAAA,CAAQ,UAAc,IAAA,CAAC,QAAQ,QAAU,EAAA;AAC5C,MAAA,OAAO,QAAQ,OAAQ,CAAA,EAAE,IAAM,EAAA,IAAI,CAAA;AAAA;AAGrC,IAAM,MAAA,OAAA,GAAU,MAAM,IAAA,CAAK,UAAW,EAAA;AACtC,IAAA,MAAM,GAAM,GAAA,iBAAA,CAAkB,CAAG,EAAA,OAAO,WAAW,OAAO,CAAA;AAE1D,IAAA,MAAM,QAAW,GAAA,MAAM,IAAK,CAAA,QAAA,CAAS,MAAM,GAAG,CAAA;AAE9C,IAAA,gBAAA,CAAiB,UAAU,UAAU,CAAA;AAErC,IAAM,MAAA,IAAA,GAAO,MAAM,QAAA,CAAS,IAAK,EAAA;AACjC,IAAO,OAAA,IAAA;AAAA;AACT,EAEA,MAAM,WAAW,OAAwD,EAAA;AACvE,IAAA,IAAI,CAAC,OAAA,CAAQ,UAAc,IAAA,CAAC,QAAQ,QAAU,EAAA;AAC5C,MAAA,OAAO,QAAQ,OAAQ,CAAA,EAAE,IAAM,EAAA,IAAI,CAAA;AAAA;AAGrC,IAAM,MAAA,OAAA,GAAU,MAAM,IAAA,CAAK,UAAW,EAAA;AACtC,IAAA,MAAM,GAAM,GAAA,iBAAA,CAAkB,CAAG,EAAA,OAAO,WAAW,OAAO,CAAA;AAE1D,IAAA,MAAM,QAAW,GAAA,MAAM,IAAK,CAAA,QAAA,CAAS,MAAM,GAAG,CAAA;AAE9C,IAAA,gBAAA,CAAiB,UAAU,SAAS,CAAA;AAEpC,IAAM,MAAA,IAAA,GAAO,MAAM,QAAA,CAAS,IAAK,EAAA;AACjC,IAAO,OAAA,IAAA;AAAA;AACT,EAEA,MAAM,YAAY,OAAqD,EAAA;AACrE,IAAA,IAAI,CAAC,OAAA,CAAQ,UAAc,IAAA,CAAC,QAAQ,QAAU,EAAA;AAC5C,MAAO,OAAA,OAAA,CAAQ,QAAQ,EAAE,QAAA,EAAU,QAAW,IAAM,EAAA,IAAI,CAAA;AAAA;AAG1D,IAAM,MAAA,OAAA,GAAU,MAAM,IAAA,CAAK,UAAW,EAAA;AACtC,IAAA,MAAM,GAAM,GAAA,iBAAA,CAAkB,CAAG,EAAA,OAAO,WAAW,OAAO,CAAA;AAE1D,IAAA,MAAM,QAAW,GAAA,MAAM,IAAK,CAAA,QAAA,CAAS,MAAM,GAAG,CAAA;AAE9C,IAAA,gBAAA,CAAiB,UAAU,UAAU,CAAA;AAErC,IAAM,MAAA,IAAA,GAAO,MAAM,QAAA,CAAS,IAAK,EAAA;AACjC,IAAO,OAAA,IAAA;AAAA;AACT,EAEA,MAAM,aAAa,OAAyC,EAAA;AAC1D,IAAM,MAAA,OAAA,GAAU,MAAM,IAAA,CAAK,UAAW,EAAA;AACtC,IAAM,MAAA,QAAA,GAAW,MAAM,IAAA,CAAK,QAAS,CAAA,KAAA;AAAA,MACnC,CAAG,EAAA,OAAO,CAAgB,aAAA,EAAA,OAAA,CAAQ,IAAI,CAAA,YAAA,EAAe,OAAQ,CAAA,UAAU,CAAa,UAAA,EAAA,OAAA,CAAQ,QAAQ,CAAA,QAAA,EAAW,QAAQ,MAAM,CAAA;AAAA,KAC/H;AACA,IAAM,MAAA,IAAA,GAAO,MAAM,QAAA,CAAS,IAAK,EAAA;AACjC,IAAA,MAAM,OAAU,GAAA,MAAA,CAAO,GAAI,CAAA,eAAA,CAAgB,IAAI,CAAA;AAC/C,IAAM,MAAA,IAAA,GAAO,QAAS,CAAA,aAAA,CAAc,GAAG,CAAA;AACvC,IAAA,IAAA,CAAK,IAAO,GAAA,OAAA;AACZ,IAAK,IAAA,CAAA,QAAA,GAAW,QAAQ,QAAY,IAAA,cAAA;AACpC,IAAS,QAAA,CAAA,IAAA,CAAK,YAAY,IAAI,CAAA;AAC9B,IAAA,IAAA,CAAK,KAAM,EAAA;AACX,IAAK,IAAA,CAAA,UAAA,EAAY,YAAY,IAAI,CAAA;AAAA;AAErC;;;;"}

package/dist/components/ActiveUsers/ActiveUsers.esm.js

@@ -1,4 +1,5 @@
 import React__default from 'react';
+import { ResponseErrorPanel } from '@backstage/core-components';
 import Box from '@mui/material/Box';
 import { useTheme } from '@mui/material/styles';
 import CircularProgress from '@mui/material/CircularProgress';
@@ -16,8 +17,11 @@ import EmptyChartState from '../Common/EmptyChartState.esm.js';
 const ActiveUsers = () => {
   const theme = useTheme();
   const isDarkMode = theme.palette.mode === "dark";
-  const { activeUsers, loading } = useActiveUsers();
+  const { activeUsers, loading, error } = useActiveUsers();
   const { data, grouping = "daily" } = activeUsers;
+  if (error) {
+    return /* @__PURE__ */ React__default.createElement(CardWrapper, { title: "Active users" }, /* @__PURE__ */ React__default.createElement(ResponseErrorPanel, { error }));
+  }
   if (!data || data?.length === 0 || !data?.[0] && !loading) {
     return /* @__PURE__ */ React__default.createElement(CardWrapper, { title: "Active users" }, /* @__PURE__ */ React__default.createElement(
       Box,

package/dist/components/ActiveUsers/ActiveUsers.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActiveUsers.esm.js","sources":["../../../src/components/ActiveUsers/ActiveUsers.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport Box from '@mui/material/Box';\nimport { useTheme } from '@mui/material/styles';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport {\n  AreaChart,\n  CartesianGrid,\n  ResponsiveContainer,\n  XAxis,\n  YAxis,\n  Tooltip,\n  Area,\n  Legend,\n} from 'recharts';\n\nimport CardWrapper from '../CardWrapper';\nimport CustomTooltip from './CustomTooltip';\nimport CustomCursor from '../Common/CustomCursor';\nimport CustomLegend from './CustomLegend';\nimport {\n  getAverage,\n  getXAxisformat,\n  getXAxisTickValues,\n} from '../../utils/utils';\nimport { useActiveUsers } from '../../hooks/useActiveUsers';\nimport { Typography } from '@material-ui/core';\nimport ExportCSVButton from './ExportCSVButton';\nimport EmptyChartState from '../Common/EmptyChartState';\n\nconst ActiveUsers = () => {\n  const theme = useTheme();\n  const isDarkMode = theme.palette.mode === 'dark';\n\n  const { activeUsers, loading } = useActiveUsers();\n  const { data, grouping = 'daily' } = activeUsers;\n\n  if (!data || data?.length === 0 || (!data?.[0] && !loading)) {\n    return (\n      <CardWrapper title=\"Active users\">\n        <Box\n          display=\"flex\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          height={200}\n        >\n          <EmptyChartState />\n        </Box>\n      </CardWrapper>\n    );\n  }\n\n  return (\n    <CardWrapper title=\"Active users\" filter={<ExportCSVButton />}>\n      {loading ? (\n        <Box\n          display=\"flex\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          height={200}\n        >\n          <CircularProgress />\n        </Box>\n      ) : (\n        <>\n          <Typography style={{ margin: '20px 36px' }}>\n            <b>\n              {`${Math.round(\n                getAverage(data, 'total_users'),\n              ).toLocaleString()} active users per ${\n                grouping === 'hourly' ? 'hour' : 'day'\n              }`}\n            </b>{' '}\n            were conducted during this period.\n          </Typography>\n          <Box sx={{ height: 310, mt: 4, mb: 4, ml: 0, mr: 0 }}>\n            <ResponsiveContainer width=\"100%\" height=\"100%\">\n              <AreaChart\n                data={data}\n                margin={{ top: 10, right: 50, left: 20, bottom: 0 }}\n              >\n                <defs>\n                  <linearGradient id=\"new_users\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                    <stop offset=\"5%\" stopColor=\"#1976d2\" stopOpacity={0.8} />\n                    <stop offset=\"95%\" stopColor=\"#1976d2\" stopOpacity={0.2} />\n                  </linearGradient>\n                  <linearGradient\n                    id=\"returning_users\"\n                    x1=\"0\"\n                    y1=\"0\"\n                    x2=\"0\"\n                    y2=\"1\"\n                  >\n                    <stop offset=\"5%\" stopColor=\"#B8BBBE\" stopOpacity={0.8} />\n                    <stop offset=\"95%\" stopColor=\"#B8BBBE\" stopOpacity={0.2} />\n                  </linearGradient>\n                </defs>\n\n                <CartesianGrid\n                  stroke={isDarkMode ? '#666' : '#E5E7EB'}\n                  strokeDasharray={0}\n                  vertical={false}\n                />\n\n                <XAxis\n                  dataKey=\"date\"\n                  tickFormatter={date => getXAxisformat(date, grouping)}\n                  ticks={getXAxisTickValues(data, grouping)}\n                  tick={{ fill: theme.palette.text.primary }}\n                  axisLine={false}\n                  tickLine={false}\n                  padding={{ left: 30, right: 30 }}\n                  tickMargin={10}\n                />\n                <YAxis\n                  tick={{ fill: theme.palette.text.primary }}\n                  tickLine={false}\n                  axisLine={false}\n                  tickFormatter={value => value.toLocaleString()}\n                  tickMargin={20}\n                />\n                <Tooltip\n                  cursor={<CustomCursor cursorHeight={250} />}\n                  content={<CustomTooltip grouping={grouping} />}\n                />\n                <Area\n                  type=\"linear\"\n                  dataKey=\"returning_users\"\n                  stroke=\"#555\"\n                  fill=\"url(#returning_users)\"\n                  strokeWidth={1}\n                />\n                <Area\n                  type=\"linear\"\n                  dataKey=\"new_users\"\n                  stroke=\"#1976d2\"\n                  fill=\"url(#new_users)\"\n                  strokeWidth={1}\n                />\n                <Legend content={<CustomLegend />} />\n              </AreaChart>\n            </ResponsiveContainer>\n          </Box>\n        </>\n      )}\n    </CardWrapper>\n  );\n};\n\nexport default ActiveUsers;\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;AA6CA,MAAM,cAAc,MAAM;AACxB,EAAA,MAAM,QAAQ,QAAS,EAAA;AACvB,EAAM,MAAA,UAAA,GAAa,KAAM,CAAA,OAAA,CAAQ,IAAS,KAAA,MAAA;AAE1C,EAAA,MAAM,EAAE,WAAA,EAAa,OAAQ,EAAA,GAAI,cAAe,EAAA;AAChD,EAAA,MAAM,EAAE,IAAA,EAAM,QAAW,GAAA,OAAA,EAAY,GAAA,WAAA;AAErC,EAAI,IAAA,CAAC,IAAQ,IAAA,IAAA,EAAM,MAAW,KAAA,CAAA,IAAM,CAAC,IAAO,GAAA,CAAC,CAAK,IAAA,CAAC,OAAU,EAAA;AAC3D,IACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,WAAY,EAAA,EAAA,KAAA,EAAM,cACjB,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,MAAA;AAAA,QACR,cAAe,EAAA,QAAA;AAAA,QACf,UAAW,EAAA,QAAA;AAAA,QACX,MAAQ,EAAA;AAAA,OAAA;AAAA,mDAEP,eAAgB,EAAA,IAAA;AAAA,KAErB,CAAA;AAAA;AAIJ,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,eAAY,KAAM,EAAA,cAAA,EAAe,wBAASA,cAAA,CAAA,aAAA,CAAA,eAAA,EAAA,IAAgB,KACxD,OACC,mBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,MAAA;AAAA,MACR,cAAe,EAAA,QAAA;AAAA,MACf,UAAW,EAAA,QAAA;AAAA,MACX,MAAQ,EAAA;AAAA,KAAA;AAAA,iDAEP,gBAAiB,EAAA,IAAA;AAAA,GAGpB,mBAAAA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,kBACGA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,KAAO,EAAA,EAAE,MAAQ,EAAA,WAAA,EAC3B,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,GACE,EAAA,IAAA,EAAA,CAAA,EAAG,IAAK,CAAA,KAAA;AAAA,IACP,UAAA,CAAW,MAAM,aAAa;AAAA,GAC9B,CAAA,cAAA,EAAgB,CAAA,kBAAA,EAChB,aAAa,QAAW,GAAA,MAAA,GAAS,KACnC,CAAA,CACF,CAAK,EAAA,GAAA,EAAI,oCAEX,CAAA,+CACC,GAAI,EAAA,EAAA,EAAA,EAAI,EAAE,MAAA,EAAQ,GAAK,EAAA,EAAA,EAAI,CAAG,EAAA,EAAA,EAAI,GAAG,EAAI,EAAA,CAAA,EAAG,EAAI,EAAA,CAAA,sBAC9CA,cAAA,CAAA,aAAA,CAAA,mBAAA,EAAA,EAAoB,KAAM,EAAA,MAAA,EAAO,QAAO,MACvC,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,MAAA,EAAQ,EAAE,GAAK,EAAA,EAAA,EAAI,OAAO,EAAI,EAAA,IAAA,EAAM,EAAI,EAAA,MAAA,EAAQ,CAAE;AAAA,KAAA;AAAA,oBAEjDA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,kBACEA,cAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,EAAe,IAAG,WAAY,EAAA,EAAA,EAAG,GAAI,EAAA,EAAA,EAAG,GAAI,EAAA,EAAA,EAAG,GAAI,EAAA,EAAA,EAAG,uBACpDA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAK,MAAO,EAAA,IAAA,EAAK,SAAU,EAAA,SAAA,EAAU,WAAa,EAAA,GAAA,EAAK,mBACvDA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAK,MAAO,EAAA,KAAA,EAAM,SAAU,EAAA,SAAA,EAAU,WAAa,EAAA,GAAA,EAAK,CAC3D,CACA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACC,EAAG,EAAA,iBAAA;AAAA,QACH,EAAG,EAAA,GAAA;AAAA,QACH,EAAG,EAAA,GAAA;AAAA,QACH,EAAG,EAAA,GAAA;AAAA,QACH,EAAG,EAAA;AAAA,OAAA;AAAA,mDAEF,MAAK,EAAA,EAAA,MAAA,EAAO,MAAK,SAAU,EAAA,SAAA,EAAU,aAAa,GAAK,EAAA,CAAA;AAAA,mDACvD,MAAK,EAAA,EAAA,MAAA,EAAO,OAAM,SAAU,EAAA,SAAA,EAAU,aAAa,GAAK,EAAA;AAAA,KAE7D,CAAA;AAAA,oBAEAA,cAAA,CAAA,aAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,MAAA,EAAQ,aAAa,MAAS,GAAA,SAAA;AAAA,QAC9B,eAAiB,EAAA,CAAA;AAAA,QACjB,QAAU,EAAA;AAAA;AAAA,KACZ;AAAA,oBAEAA,cAAA,CAAA,aAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,MAAA;AAAA,QACR,aAAe,EAAA,CAAA,IAAA,KAAQ,cAAe,CAAA,IAAA,EAAM,QAAQ,CAAA;AAAA,QACpD,KAAA,EAAO,kBAAmB,CAAA,IAAA,EAAM,QAAQ,CAAA;AAAA,QACxC,MAAM,EAAE,IAAA,EAAM,KAAM,CAAA,OAAA,CAAQ,KAAK,OAAQ,EAAA;AAAA,QACzC,QAAU,EAAA,KAAA;AAAA,QACV,QAAU,EAAA,KAAA;AAAA,QACV,OAAS,EAAA,EAAE,IAAM,EAAA,EAAA,EAAI,OAAO,EAAG,EAAA;AAAA,QAC/B,UAAY,EAAA;AAAA;AAAA,KACd;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,MAAM,EAAE,IAAA,EAAM,KAAM,CAAA,OAAA,CAAQ,KAAK,OAAQ,EAAA;AAAA,QACzC,QAAU,EAAA,KAAA;AAAA,QACV,QAAU,EAAA,KAAA;AAAA,QACV,aAAA,EAAe,CAAS,KAAA,KAAA,KAAA,CAAM,cAAe,EAAA;AAAA,QAC7C,UAAY,EAAA;AAAA;AAAA,KACd;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,MAAQ,kBAAAA,cAAA,CAAA,aAAA,CAAC,YAAa,EAAA,EAAA,YAAA,EAAc,GAAK,EAAA,CAAA;AAAA,QACzC,OAAA,kBAAUA,cAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EAAc,QAAoB,EAAA;AAAA;AAAA,KAC9C;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,QAAA;AAAA,QACL,OAAQ,EAAA,iBAAA;AAAA,QACR,MAAO,EAAA,MAAA;AAAA,QACP,IAAK,EAAA,uBAAA;AAAA,QACL,WAAa,EAAA;AAAA;AAAA,KACf;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,QAAA;AAAA,QACL,OAAQ,EAAA,WAAA;AAAA,QACR,MAAO,EAAA,SAAA;AAAA,QACP,IAAK,EAAA,iBAAA;AAAA,QACL,WAAa,EAAA;AAAA;AAAA,KACf;AAAA,oBACCA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,OAAS,kBAAAA,cAAA,CAAA,aAAA,CAAC,kBAAa,CAAI,EAAA;AAAA,GAEvC,CACF,CACF,CAEJ,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ActiveUsers.esm.js","sources":["../../../src/components/ActiveUsers/ActiveUsers.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport { ResponseErrorPanel } from '@backstage/core-components';\nimport Box from '@mui/material/Box';\nimport { useTheme } from '@mui/material/styles';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport {\n  AreaChart,\n  CartesianGrid,\n  ResponsiveContainer,\n  XAxis,\n  YAxis,\n  Tooltip,\n  Area,\n  Legend,\n} from 'recharts';\n\nimport CardWrapper from '../CardWrapper';\nimport CustomTooltip from './CustomTooltip';\nimport CustomCursor from '../Common/CustomCursor';\nimport CustomLegend from './CustomLegend';\nimport {\n  getAverage,\n  getXAxisformat,\n  getXAxisTickValues,\n} from '../../utils/utils';\nimport { useActiveUsers } from '../../hooks/useActiveUsers';\nimport { Typography } from '@material-ui/core';\nimport ExportCSVButton from './ExportCSVButton';\nimport EmptyChartState from '../Common/EmptyChartState';\n\nconst ActiveUsers = () => {\n  const theme = useTheme();\n  const isDarkMode = theme.palette.mode === 'dark';\n\n  const { activeUsers, loading, error } = useActiveUsers();\n  const { data, grouping = 'daily' } = activeUsers;\n\n  if (error) {\n    return (\n      <CardWrapper title=\"Active users\">\n        <ResponseErrorPanel error={error} />\n      </CardWrapper>\n    );\n  }\n\n  if (!data || data?.length === 0 || (!data?.[0] && !loading)) {\n    return (\n      <CardWrapper title=\"Active users\">\n        <Box\n          display=\"flex\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          height={200}\n        >\n          <EmptyChartState />\n        </Box>\n      </CardWrapper>\n    );\n  }\n\n  return (\n    <CardWrapper title=\"Active users\" filter={<ExportCSVButton />}>\n      {loading ? (\n        <Box\n          display=\"flex\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          height={200}\n        >\n          <CircularProgress />\n        </Box>\n      ) : (\n        <>\n          <Typography style={{ margin: '20px 36px' }}>\n            <b>\n              {`${Math.round(\n                getAverage(data, 'total_users'),\n              ).toLocaleString()} active users per ${\n                grouping === 'hourly' ? 'hour' : 'day'\n              }`}\n            </b>{' '}\n            were conducted during this period.\n          </Typography>\n          <Box sx={{ height: 310, mt: 4, mb: 4, ml: 0, mr: 0 }}>\n            <ResponsiveContainer width=\"100%\" height=\"100%\">\n              <AreaChart\n                data={data}\n                margin={{ top: 10, right: 50, left: 20, bottom: 0 }}\n              >\n                <defs>\n                  <linearGradient id=\"new_users\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                    <stop offset=\"5%\" stopColor=\"#1976d2\" stopOpacity={0.8} />\n                    <stop offset=\"95%\" stopColor=\"#1976d2\" stopOpacity={0.2} />\n                  </linearGradient>\n                  <linearGradient\n                    id=\"returning_users\"\n                    x1=\"0\"\n                    y1=\"0\"\n                    x2=\"0\"\n                    y2=\"1\"\n                  >\n                    <stop offset=\"5%\" stopColor=\"#B8BBBE\" stopOpacity={0.8} />\n                    <stop offset=\"95%\" stopColor=\"#B8BBBE\" stopOpacity={0.2} />\n                  </linearGradient>\n                </defs>\n\n                <CartesianGrid\n                  stroke={isDarkMode ? '#666' : '#E5E7EB'}\n                  strokeDasharray={0}\n                  vertical={false}\n                />\n\n                <XAxis\n                  dataKey=\"date\"\n                  tickFormatter={date => getXAxisformat(date, grouping)}\n                  ticks={getXAxisTickValues(data, grouping)}\n                  tick={{ fill: theme.palette.text.primary }}\n                  axisLine={false}\n                  tickLine={false}\n                  padding={{ left: 30, right: 30 }}\n                  tickMargin={10}\n                />\n                <YAxis\n                  tick={{ fill: theme.palette.text.primary }}\n                  tickLine={false}\n                  axisLine={false}\n                  tickFormatter={value => value.toLocaleString()}\n                  tickMargin={20}\n                />\n                <Tooltip\n                  cursor={<CustomCursor cursorHeight={250} />}\n                  content={<CustomTooltip grouping={grouping} />}\n                />\n                <Area\n                  type=\"linear\"\n                  dataKey=\"returning_users\"\n                  stroke=\"#555\"\n                  fill=\"url(#returning_users)\"\n                  strokeWidth={1}\n                />\n                <Area\n                  type=\"linear\"\n                  dataKey=\"new_users\"\n                  stroke=\"#1976d2\"\n                  fill=\"url(#new_users)\"\n                  strokeWidth={1}\n                />\n                <Legend content={<CustomLegend />} />\n              </AreaChart>\n            </ResponsiveContainer>\n          </Box>\n        </>\n      )}\n    </CardWrapper>\n  );\n};\n\nexport default ActiveUsers;\n"],"names":["React"],"mappings":"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"}

package/dist/components/CatalogEntities/CatalogEntities.esm.js

@@ -1,4 +1,5 @@
 import React__default from 'react';
+import { ResponseErrorPanel } from '@backstage/core-components';
 import Box from '@mui/material/Box';
 import Table from '@mui/material/Table';
 import TableBody from '@mui/material/TableBody';
@@ -25,7 +26,7 @@ const CatalogEntities = () => {
   const [selectedOption, setSelectedOption] = React__default.useState("");
   const [uniqueCatalogEntityKinds, setUniqueCatalogEntityKinds] = React__default.useState([]);
   const entityLink = useRouteRef(entityRouteRef);
-  const { catalogEntities, loading } = useCatalogEntities({
+  const { catalogEntities, loading, error } = useCatalogEntities({
     limit,
     kind: selectedOption === "All" ? "" : selectedOption.toLocaleLowerCase()
   });
@@ -59,6 +60,9 @@ const CatalogEntities = () => {
       return true;
     }).slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage);
   }, [catalogEntities, page, rowsPerPage, selectedOption]);
+  if (error) {
+    return /* @__PURE__ */ React__default.createElement(CardWrapper, { title: CATALOG_ENTITIES_TITLE }, /* @__PURE__ */ React__default.createElement(ResponseErrorPanel, { error }));
+  }
   if ((!visibleCatalogEntities || visibleCatalogEntities?.length === 0) && !loading) {
     return /* @__PURE__ */ React__default.createElement(CardWrapper, { title: CATALOG_ENTITIES_TITLE }, /* @__PURE__ */ React__default.createElement(
       Box,

package/dist/components/CatalogEntities/CatalogEntities.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"CatalogEntities.esm.js","sources":["../../../src/components/CatalogEntities/CatalogEntities.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport Box from '@mui/material/Box';\nimport { SelectChangeEvent } from '@mui/material/Select';\nimport Table from '@mui/material/Table';\nimport TableBody from '@mui/material/TableBody';\nimport TableCell from '@mui/material/TableCell';\nimport TableFooter from '@mui/material/TableFooter';\nimport TableHead from '@mui/material/TableHead';\nimport TableRow from '@mui/material/TableRow';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport Link from '@mui/material/Link';\nimport { entityRouteRef } from '@backstage/plugin-catalog-react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\n\nimport CardWrapper from '../CardWrapper';\nimport {\n  CATALOG_ENTITIES_TABLE_HEADERS,\n  CATALOG_ENTITIES_TITLE,\n} from '../../utils/constants';\nimport { useCatalogEntities } from '../../hooks/useCatalogEntities';\nimport TableFooterPagination from '../CardFooter';\nimport { getLastUsedDay, getUniqueCatalogEntityKinds } from '../../utils/utils';\nimport FilterDropdown from './FilterDropdown';\nimport EmptyChartState from '../Common/EmptyChartState';\n\nconst CatalogEntities = () => {\n  const [page, setPage] = React.useState(0);\n  const [limit] = React.useState(20);\n  const [rowsPerPage, setRowsPerPage] = React.useState(3);\n  const [selectedOption, setSelectedOption] = React.useState('');\n  const [uniqueCatalogEntityKinds, setUniqueCatalogEntityKinds] =\n    React.useState<string[]>([]);\n\n  const entityLink = useRouteRef(entityRouteRef);\n\n  const { catalogEntities, loading } = useCatalogEntities({\n    limit,\n    kind: selectedOption === 'All' ? '' : selectedOption.toLocaleLowerCase(),\n  });\n\n  React.useEffect(() => {\n    if (\n      catalogEntities?.data?.length > 0 &&\n      uniqueCatalogEntityKinds?.length === 0\n    ) {\n      const uniqueKinds = getUniqueCatalogEntityKinds(catalogEntities.data);\n      setUniqueCatalogEntityKinds(uniqueKinds);\n    }\n  }, [catalogEntities, uniqueCatalogEntityKinds]);\n\n  const handleChangePage = React.useCallback(\n    (_event: unknown, newPage: number) => {\n      setPage(newPage);\n    },\n    [],\n  );\n\n  const handleChangeRowsPerPage = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n      setRowsPerPage(+event.target.value);\n      setPage(0);\n    },\n    [],\n  );\n\n  const handleChange = React.useCallback((event: SelectChangeEvent<string>) => {\n    setSelectedOption(event.target.value);\n  }, []);\n\n  const visibleCatalogEntities = React.useMemo(() => {\n    return catalogEntities.data\n      ?.filter(entity => {\n        if (selectedOption && selectedOption !== 'All') {\n          return (\n            entity.kind.toLocaleLowerCase() ===\n            selectedOption.toLocaleLowerCase()\n          );\n        }\n        return true;\n      })\n      .slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage);\n  }, [catalogEntities, page, rowsPerPage, selectedOption]);\n\n  if (\n    (!visibleCatalogEntities || visibleCatalogEntities?.length === 0) &&\n    !loading\n  ) {\n    return (\n      <CardWrapper title={CATALOG_ENTITIES_TITLE}>\n        <Box\n          display=\"flex\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          height={200}\n        >\n          <EmptyChartState />\n        </Box>\n      </CardWrapper>\n    );\n  }\n\n  return (\n    <CardWrapper\n      title={CATALOG_ENTITIES_TITLE}\n      filter={\n        <FilterDropdown\n          selectedOption={selectedOption}\n          handleChange={handleChange}\n          uniqueCatalogEntityKinds={uniqueCatalogEntityKinds}\n        />\n      }\n    >\n      <Table aria-labelledby=\"Catalog entities\" sx={{ width: '100%' }}>\n        <TableHead>\n          <TableRow>\n            {CATALOG_ENTITIES_TABLE_HEADERS.map(header => (\n              <TableCell\n                key={header.id}\n                align=\"left\"\n                sx={{\n                  borderBottom: theme => `1px solid ${theme.palette.grey[300]}`,\n                  width: '25%',\n                }}\n              >\n                {header.title}\n              </TableCell>\n            ))}\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          {loading ? (\n            <TableRow>\n              <TableCell\n                colSpan={CATALOG_ENTITIES_TABLE_HEADERS.length}\n                align=\"center\"\n              >\n                <CircularProgress />\n              </TableCell>\n            </TableRow>\n          ) : (\n            visibleCatalogEntities?.map(entity => (\n              <TableRow\n                key={`${entity.kind}-${entity.name}`}\n                sx={{\n                  '&:nth-of-type(odd)': { backgroundColor: 'inherit' },\n                  borderBottom: theme => `1px solid ${theme.palette.grey[300]}`,\n                }}\n              >\n                <TableCell sx={{ width: '25%' }}>\n                  <Link\n                    component=\"a\"\n                    href={entityLink({\n                      kind: entity.kind,\n                      namespace: entity.namespace,\n                      name: entity.name,\n                    })}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    sx={{\n                      textDecoration: 'none',\n                      '&:hover': {\n                        textDecoration: 'none',\n                      },\n                    }}\n                  >\n                    {entity.name ?? '--'}\n                  </Link>\n                </TableCell>\n                <TableCell sx={{ width: '25%' }}>\n                  {entity.kind?.charAt(0).toLocaleUpperCase('en-US') +\n                    entity.kind?.slice(1) || '--'}\n                </TableCell>\n                <TableCell sx={{ width: '25%' }}>\n                  {getLastUsedDay(entity.last_used) ?? '--'}\n                </TableCell>\n                <TableCell sx={{ width: '25%' }}>\n                  {Number(entity.count).toLocaleString() ?? '--'}\n                </TableCell>\n              </TableRow>\n            ))\n          )}\n        </TableBody>\n        <TableFooter>\n          <TableRow>\n            <TableCell\n              colSpan={CATALOG_ENTITIES_TABLE_HEADERS.length}\n              sx={{ padding: 0 }}\n            >\n              <TableFooterPagination\n                count={catalogEntities.data?.length}\n                rowsPerPage={rowsPerPage}\n                page={page}\n                handleChangePage={handleChangePage}\n                handleChangeRowsPerPage={handleChangeRowsPerPage}\n              />\n            </TableCell>\n          </TableRow>\n        </TableFooter>\n      </Table>\n    </CardWrapper>\n  );\n};\n\nexport default CatalogEntities;\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"CatalogEntities.esm.js","sources":["../../../src/components/CatalogEntities/CatalogEntities.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport { ResponseErrorPanel } from '@backstage/core-components';\nimport Box from '@mui/material/Box';\nimport { SelectChangeEvent } from '@mui/material/Select';\nimport Table from '@mui/material/Table';\nimport TableBody from '@mui/material/TableBody';\nimport TableCell from '@mui/material/TableCell';\nimport TableFooter from '@mui/material/TableFooter';\nimport TableHead from '@mui/material/TableHead';\nimport TableRow from '@mui/material/TableRow';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport Link from '@mui/material/Link';\nimport { entityRouteRef } from '@backstage/plugin-catalog-react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\n\nimport CardWrapper from '../CardWrapper';\nimport {\n  CATALOG_ENTITIES_TABLE_HEADERS,\n  CATALOG_ENTITIES_TITLE,\n} from '../../utils/constants';\nimport { useCatalogEntities } from '../../hooks/useCatalogEntities';\nimport TableFooterPagination from '../CardFooter';\nimport { getLastUsedDay, getUniqueCatalogEntityKinds } from '../../utils/utils';\nimport FilterDropdown from './FilterDropdown';\nimport EmptyChartState from '../Common/EmptyChartState';\n\nconst CatalogEntities = () => {\n  const [page, setPage] = React.useState(0);\n  const [limit] = React.useState(20);\n  const [rowsPerPage, setRowsPerPage] = React.useState(3);\n  const [selectedOption, setSelectedOption] = React.useState('');\n  const [uniqueCatalogEntityKinds, setUniqueCatalogEntityKinds] =\n    React.useState<string[]>([]);\n\n  const entityLink = useRouteRef(entityRouteRef);\n\n  const { catalogEntities, loading, error } = useCatalogEntities({\n    limit,\n    kind: selectedOption === 'All' ? '' : selectedOption.toLocaleLowerCase(),\n  });\n\n  React.useEffect(() => {\n    if (\n      catalogEntities?.data?.length > 0 &&\n      uniqueCatalogEntityKinds?.length === 0\n    ) {\n      const uniqueKinds = getUniqueCatalogEntityKinds(catalogEntities.data);\n      setUniqueCatalogEntityKinds(uniqueKinds);\n    }\n  }, [catalogEntities, uniqueCatalogEntityKinds]);\n\n  const handleChangePage = React.useCallback(\n    (_event: unknown, newPage: number) => {\n      setPage(newPage);\n    },\n    [],\n  );\n\n  const handleChangeRowsPerPage = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n      setRowsPerPage(+event.target.value);\n      setPage(0);\n    },\n    [],\n  );\n\n  const handleChange = React.useCallback((event: SelectChangeEvent<string>) => {\n    setSelectedOption(event.target.value);\n  }, []);\n\n  const visibleCatalogEntities = React.useMemo(() => {\n    return catalogEntities.data\n      ?.filter(entity => {\n        if (selectedOption && selectedOption !== 'All') {\n          return (\n            entity.kind.toLocaleLowerCase() ===\n            selectedOption.toLocaleLowerCase()\n          );\n        }\n        return true;\n      })\n      .slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage);\n  }, [catalogEntities, page, rowsPerPage, selectedOption]);\n\n  if (error) {\n    return (\n      <CardWrapper title={CATALOG_ENTITIES_TITLE}>\n        <ResponseErrorPanel error={error} />\n      </CardWrapper>\n    );\n  }\n\n  if (\n    (!visibleCatalogEntities || visibleCatalogEntities?.length === 0) &&\n    !loading\n  ) {\n    return (\n      <CardWrapper title={CATALOG_ENTITIES_TITLE}>\n        <Box\n          display=\"flex\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          height={200}\n        >\n          <EmptyChartState />\n        </Box>\n      </CardWrapper>\n    );\n  }\n\n  return (\n    <CardWrapper\n      title={CATALOG_ENTITIES_TITLE}\n      filter={\n        <FilterDropdown\n          selectedOption={selectedOption}\n          handleChange={handleChange}\n          uniqueCatalogEntityKinds={uniqueCatalogEntityKinds}\n        />\n      }\n    >\n      <Table aria-labelledby=\"Catalog entities\" sx={{ width: '100%' }}>\n        <TableHead>\n          <TableRow>\n            {CATALOG_ENTITIES_TABLE_HEADERS.map(header => (\n              <TableCell\n                key={header.id}\n                align=\"left\"\n                sx={{\n                  borderBottom: theme => `1px solid ${theme.palette.grey[300]}`,\n                  width: '25%',\n                }}\n              >\n                {header.title}\n              </TableCell>\n            ))}\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          {loading ? (\n            <TableRow>\n              <TableCell\n                colSpan={CATALOG_ENTITIES_TABLE_HEADERS.length}\n                align=\"center\"\n              >\n                <CircularProgress />\n              </TableCell>\n            </TableRow>\n          ) : (\n            visibleCatalogEntities?.map(entity => (\n              <TableRow\n                key={`${entity.kind}-${entity.name}`}\n                sx={{\n                  '&:nth-of-type(odd)': { backgroundColor: 'inherit' },\n                  borderBottom: theme => `1px solid ${theme.palette.grey[300]}`,\n                }}\n              >\n                <TableCell sx={{ width: '25%' }}>\n                  <Link\n                    component=\"a\"\n                    href={entityLink({\n                      kind: entity.kind,\n                      namespace: entity.namespace,\n                      name: entity.name,\n                    })}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    sx={{\n                      textDecoration: 'none',\n                      '&:hover': {\n                        textDecoration: 'none',\n                      },\n                    }}\n                  >\n                    {entity.name ?? '--'}\n                  </Link>\n                </TableCell>\n                <TableCell sx={{ width: '25%' }}>\n                  {entity.kind?.charAt(0).toLocaleUpperCase('en-US') +\n                    entity.kind?.slice(1) || '--'}\n                </TableCell>\n                <TableCell sx={{ width: '25%' }}>\n                  {getLastUsedDay(entity.last_used) ?? '--'}\n                </TableCell>\n                <TableCell sx={{ width: '25%' }}>\n                  {Number(entity.count).toLocaleString() ?? '--'}\n                </TableCell>\n              </TableRow>\n            ))\n          )}\n        </TableBody>\n        <TableFooter>\n          <TableRow>\n            <TableCell\n              colSpan={CATALOG_ENTITIES_TABLE_HEADERS.length}\n              sx={{ padding: 0 }}\n            >\n              <TableFooterPagination\n                count={catalogEntities.data?.length}\n                rowsPerPage={rowsPerPage}\n                page={page}\n                handleChangePage={handleChangePage}\n                handleChangeRowsPerPage={handleChangeRowsPerPage}\n              />\n            </TableCell>\n          </TableRow>\n        </TableFooter>\n      </Table>\n    </CardWrapper>\n  );\n};\n\nexport default CatalogEntities;\n"],"names":["React"],"mappings":"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"}

package/dist/components/Plugins/Plugins.esm.js

@@ -1,4 +1,5 @@
 import React__default from 'react';
+import { ResponseErrorPanel } from '@backstage/core-components';
 import Table from '@mui/material/Table';
 import TableBody from '@mui/material/TableBody';
 import TableCell from '@mui/material/TableCell';
@@ -23,7 +24,7 @@ const Plugins = () => {
   const [limit] = React__default.useState(20);
   const [rowsPerPage, setRowsPerPage] = React__default.useState(3);
   const { isDefaultDateRange } = useDateRange();
-  const { plugins, loading } = usePlugins({ limit });
+  const { plugins, loading, error } = usePlugins({ limit });
   const handleChangePage = React__default.useCallback(
     (_event, newPage) => {
       setPage(newPage);
@@ -43,6 +44,9 @@ const Plugins = () => {
       page * rowsPerPage + rowsPerPage
     );
   }, [plugins, page, rowsPerPage]);
+  if (error) {
+    return /* @__PURE__ */ React__default.createElement(CardWrapper, { title: "Top plugins" }, /* @__PURE__ */ React__default.createElement(ResponseErrorPanel, { error }));
+  }
   if (!visiblePlugins || visiblePlugins?.length === 0) {
     return /* @__PURE__ */ React__default.createElement(CardWrapper, { title: "Top plugins" }, /* @__PURE__ */ React__default.createElement(
       Box,

package/dist/components/Plugins/Plugins.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Plugins.esm.js","sources":["../../../src/components/Plugins/Plugins.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport Table from '@mui/material/Table';\nimport TableBody from '@mui/material/TableBody';\nimport TableCell from '@mui/material/TableCell';\nimport TableFooter from '@mui/material/TableFooter';\nimport TableHead from '@mui/material/TableHead';\nimport TableRow from '@mui/material/TableRow';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport TrendingUpIcon from '@mui/icons-material/TrendingUp';\nimport TrendingDownIcon from '@mui/icons-material/TrendingDown';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\n\nimport CardWrapper from '../CardWrapper';\nimport { PLUGINS_TABLE_HEADERS } from '../../utils/constants';\nimport { usePlugins } from '../../hooks/usePlugins';\nimport TableFooterPagination from '../CardFooter';\nimport { Line, LineChart, ResponsiveContainer } from 'recharts';\nimport EmptyChartState from '../Common/EmptyChartState';\nimport { useDateRange } from '../Header/DateRangeContext';\n\nconst Plugins = () => {\n  const [page, setPage] = React.useState(0);\n  const [limit] = React.useState(20);\n  const [rowsPerPage, setRowsPerPage] = React.useState(3);\n\n  const { isDefaultDateRange } = useDateRange();\n  const { plugins, loading } = usePlugins({ limit });\n\n  const handleChangePage = React.useCallback(\n    (_event: unknown, newPage: number) => {\n      setPage(newPage);\n    },\n    [],\n  );\n\n  const handleChangeRowsPerPage = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n      setRowsPerPage(+event.target.value);\n      setPage(0);\n    },\n    [],\n  );\n\n  const visiblePlugins = React.useMemo(() => {\n    return plugins.data?.slice(\n      page * rowsPerPage,\n      page * rowsPerPage + rowsPerPage,\n    );\n  }, [plugins, page, rowsPerPage]);\n\n  if (!visiblePlugins || visiblePlugins?.length === 0) {\n    return (\n      <CardWrapper title=\"Top plugins\">\n        <Box\n          display=\"flex\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          height={200}\n        >\n          <EmptyChartState />\n        </Box>\n      </CardWrapper>\n    );\n  }\n\n  return (\n    <CardWrapper title={`Top ${rowsPerPage} plugins`}>\n      <Table aria-labelledby=\"Catalog entities\" sx={{ width: '100%' }}>\n        <TableHead>\n          <TableRow>\n            {PLUGINS_TABLE_HEADERS.map(header => {\n              if (isDefaultDateRange && header.id === 'percent') return null;\n              return (\n                <TableCell\n                  key={header.id}\n                  align=\"left\"\n                  sx={{\n                    borderBottom: theme =>\n                      `1px solid ${theme.palette.grey[300]}`,\n                  }}\n                >\n                  {header.title}\n                </TableCell>\n              );\n            })}\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          {loading ? (\n            <TableRow>\n              <TableCell colSpan={PLUGINS_TABLE_HEADERS.length} align=\"center\">\n                <CircularProgress />\n              </TableCell>\n            </TableRow>\n          ) : (\n            visiblePlugins?.map(plugin => (\n              <TableRow\n                key={plugin.plugin_id}\n                sx={{\n                  '&:nth-of-type(odd)': { backgroundColor: 'inherit' },\n                  borderBottom: theme => `1px solid ${theme.palette.grey[300]}`,\n                }}\n              >\n                <TableCell sx={isDefaultDateRange ? {} : { width: '20%' }}>\n                  {plugin.plugin_id ?? '--'}\n                </TableCell>\n                <TableCell sx={{ width: '40%' }}>\n                  {plugin.trend?.length > 0 ? (\n                    <ResponsiveContainer width={250} height={50}>\n                      <LineChart data={plugin.trend}>\n                        <Line\n                          type=\"monotone\"\n                          dataKey=\"count\"\n                          stroke=\"#9370DB\"\n                          strokeWidth={2}\n                          dot={false}\n                        />\n                      </LineChart>\n                    </ResponsiveContainer>\n                  ) : (\n                    '--'\n                  )}\n                </TableCell>\n                {!isDefaultDateRange && (\n                  <TableCell sx={isDefaultDateRange ? {} : { width: '20%' }}>\n                    <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n                      {Math.round(Number(plugin.trend_percentage)) < 0 ? (\n                        <TrendingDownIcon sx={{ color: 'red' }} />\n                      ) : (\n                        <TrendingUpIcon sx={{ color: 'green' }} />\n                      )}\n                      <Typography variant=\"body2\">\n                        {Math.abs(Math.round(Number(plugin.trend_percentage)))}%\n                      </Typography>\n                    </Box>\n                  </TableCell>\n                )}\n                <TableCell sx={isDefaultDateRange ? {} : { width: '20%' }}>\n                  {Number(plugin.visit_count).toLocaleString() ?? '--'}\n                </TableCell>\n              </TableRow>\n            ))\n          )}\n        </TableBody>\n        <TableFooter>\n          <TableRow>\n            <TableCell\n              colSpan={PLUGINS_TABLE_HEADERS.length}\n              sx={{ padding: 0 }}\n            >\n              <TableFooterPagination\n                count={plugins.data?.length}\n                rowsPerPage={rowsPerPage}\n                page={page}\n                handleChangePage={handleChangePage}\n                handleChangeRowsPerPage={handleChangeRowsPerPage}\n              />\n            </TableCell>\n          </TableRow>\n        </TableFooter>\n      </Table>\n    </CardWrapper>\n  );\n};\n\nexport default Plugins;\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"Plugins.esm.js","sources":["../../../src/components/Plugins/Plugins.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport { ResponseErrorPanel } from '@backstage/core-components';\nimport Table from '@mui/material/Table';\nimport TableBody from '@mui/material/TableBody';\nimport TableCell from '@mui/material/TableCell';\nimport TableFooter from '@mui/material/TableFooter';\nimport TableHead from '@mui/material/TableHead';\nimport TableRow from '@mui/material/TableRow';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport TrendingUpIcon from '@mui/icons-material/TrendingUp';\nimport TrendingDownIcon from '@mui/icons-material/TrendingDown';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\n\nimport CardWrapper from '../CardWrapper';\nimport { PLUGINS_TABLE_HEADERS } from '../../utils/constants';\nimport { usePlugins } from '../../hooks/usePlugins';\nimport TableFooterPagination from '../CardFooter';\nimport { Line, LineChart, ResponsiveContainer } from 'recharts';\nimport EmptyChartState from '../Common/EmptyChartState';\nimport { useDateRange } from '../Header/DateRangeContext';\n\nconst Plugins = () => {\n  const [page, setPage] = React.useState(0);\n  const [limit] = React.useState(20);\n  const [rowsPerPage, setRowsPerPage] = React.useState(3);\n\n  const { isDefaultDateRange } = useDateRange();\n  const { plugins, loading, error } = usePlugins({ limit });\n\n  const handleChangePage = React.useCallback(\n    (_event: unknown, newPage: number) => {\n      setPage(newPage);\n    },\n    [],\n  );\n\n  const handleChangeRowsPerPage = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n      setRowsPerPage(+event.target.value);\n      setPage(0);\n    },\n    [],\n  );\n\n  const visiblePlugins = React.useMemo(() => {\n    return plugins.data?.slice(\n      page * rowsPerPage,\n      page * rowsPerPage + rowsPerPage,\n    );\n  }, [plugins, page, rowsPerPage]);\n\n  if (error) {\n    return (\n      <CardWrapper title=\"Top plugins\">\n        <ResponseErrorPanel error={error} />\n      </CardWrapper>\n    );\n  }\n\n  if (!visiblePlugins || visiblePlugins?.length === 0) {\n    return (\n      <CardWrapper title=\"Top plugins\">\n        <Box\n          display=\"flex\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          height={200}\n        >\n          <EmptyChartState />\n        </Box>\n      </CardWrapper>\n    );\n  }\n\n  return (\n    <CardWrapper title={`Top ${rowsPerPage} plugins`}>\n      <Table aria-labelledby=\"Catalog entities\" sx={{ width: '100%' }}>\n        <TableHead>\n          <TableRow>\n            {PLUGINS_TABLE_HEADERS.map(header => {\n              if (isDefaultDateRange && header.id === 'percent') return null;\n              return (\n                <TableCell\n                  key={header.id}\n                  align=\"left\"\n                  sx={{\n                    borderBottom: theme =>\n                      `1px solid ${theme.palette.grey[300]}`,\n                  }}\n                >\n                  {header.title}\n                </TableCell>\n              );\n            })}\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          {loading ? (\n            <TableRow>\n              <TableCell colSpan={PLUGINS_TABLE_HEADERS.length} align=\"center\">\n                <CircularProgress />\n              </TableCell>\n            </TableRow>\n          ) : (\n            visiblePlugins?.map(plugin => (\n              <TableRow\n                key={plugin.plugin_id}\n                sx={{\n                  '&:nth-of-type(odd)': { backgroundColor: 'inherit' },\n                  borderBottom: theme => `1px solid ${theme.palette.grey[300]}`,\n                }}\n              >\n                <TableCell sx={isDefaultDateRange ? {} : { width: '20%' }}>\n                  {plugin.plugin_id ?? '--'}\n                </TableCell>\n                <TableCell sx={{ width: '40%' }}>\n                  {plugin.trend?.length > 0 ? (\n                    <ResponsiveContainer width={250} height={50}>\n                      <LineChart data={plugin.trend}>\n                        <Line\n                          type=\"monotone\"\n                          dataKey=\"count\"\n                          stroke=\"#9370DB\"\n                          strokeWidth={2}\n                          dot={false}\n                        />\n                      </LineChart>\n                    </ResponsiveContainer>\n                  ) : (\n                    '--'\n                  )}\n                </TableCell>\n                {!isDefaultDateRange && (\n                  <TableCell sx={isDefaultDateRange ? {} : { width: '20%' }}>\n                    <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n                      {Math.round(Number(plugin.trend_percentage)) < 0 ? (\n                        <TrendingDownIcon sx={{ color: 'red' }} />\n                      ) : (\n                        <TrendingUpIcon sx={{ color: 'green' }} />\n                      )}\n                      <Typography variant=\"body2\">\n                        {Math.abs(Math.round(Number(plugin.trend_percentage)))}%\n                      </Typography>\n                    </Box>\n                  </TableCell>\n                )}\n                <TableCell sx={isDefaultDateRange ? {} : { width: '20%' }}>\n                  {Number(plugin.visit_count).toLocaleString() ?? '--'}\n                </TableCell>\n              </TableRow>\n            ))\n          )}\n        </TableBody>\n        <TableFooter>\n          <TableRow>\n            <TableCell\n              colSpan={PLUGINS_TABLE_HEADERS.length}\n              sx={{ padding: 0 }}\n            >\n              <TableFooterPagination\n                count={plugins.data?.length}\n                rowsPerPage={rowsPerPage}\n                page={page}\n                handleChangePage={handleChangePage}\n                handleChangeRowsPerPage={handleChangeRowsPerPage}\n              />\n            </TableCell>\n          </TableRow>\n        </TableFooter>\n      </Table>\n    </CardWrapper>\n  );\n};\n\nexport default Plugins;\n"],"names":["React"],"mappings":"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"}

package/dist/components/Searches/Searches.esm.js

@@ -1,4 +1,5 @@
 import React__default from 'react';
+import { ResponseErrorPanel } from '@backstage/core-components';
 import Box from '@mui/material/Box';
 import Typography from '@mui/material/Typography';
 import { useTheme } from '@mui/material/styles';
@@ -14,8 +15,11 @@ import EmptyChartState from '../Common/EmptyChartState.esm.js';
 const Searches = () => {
   const theme = useTheme();
   const isDarkMode = theme.palette.mode === "dark";
-  const { searches, loading } = useSearches();
+  const { searches, loading, error } = useSearches();
   const { data, grouping = "daily" } = searches;
+  if (error) {
+    return /* @__PURE__ */ React__default.createElement(CardWrapper, { title: "Searches" }, /* @__PURE__ */ React__default.createElement(ResponseErrorPanel, { error }));
+  }
   if (!data || data?.length === 0 || !data?.[0] && !loading) {
     return /* @__PURE__ */ React__default.createElement(CardWrapper, { title: "Searches" }, /* @__PURE__ */ React__default.createElement(
       Box,

package/dist/components/Searches/Searches.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Searches.esm.js","sources":["../../../src/components/Searches/Searches.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport Box from '@mui/material/Box';\nimport Typography from '@mui/material/Typography';\nimport { useTheme } from '@mui/material/styles';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport {\n  LineChart,\n  Line,\n  XAxis,\n  YAxis,\n  CartesianGrid,\n  Tooltip,\n  ResponsiveContainer,\n} from 'recharts';\n\nimport CardWrapper from '../CardWrapper';\nimport { useSearches } from '../../hooks/useSearches';\nimport {\n  getAverage,\n  getTotal,\n  getXAxisformat,\n  getXAxisTickValues,\n} from '../../utils/utils';\nimport CustomCursor from '../Common/CustomCursor';\nimport CustomTooltip from './CustomTooltip';\nimport EmptyChartState from '../Common/EmptyChartState';\n\nconst Searches = () => {\n  const theme = useTheme();\n  const isDarkMode = theme.palette.mode === 'dark';\n\n  const { searches, loading } = useSearches();\n  const { data, grouping = 'daily' } = searches;\n\n  if (!data || data?.length === 0 || (!data?.[0] && !loading)) {\n    return (\n      <CardWrapper title=\"Searches\">\n        <Box\n          display=\"flex\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          height={200}\n        >\n          <EmptyChartState />\n        </Box>\n      </CardWrapper>\n    );\n  }\n\n  return (\n    <CardWrapper\n      title={`${getTotal(data, 'count')?.toLocaleString()} searches`}\n    >\n      {loading ? (\n        <Box\n          display=\"flex\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          height={200}\n        >\n          <CircularProgress />\n        </Box>\n      ) : (\n        <>\n          <Typography style={{ margin: '20px 36px' }}>\n            An average of{' '}\n            <b>\n              {`${Math.round(\n                getAverage(data, 'count'),\n              ).toLocaleString()} searches per ${\n                grouping === 'hourly' ? 'hour' : 'day'\n              }`}\n            </b>{' '}\n            were conducted during this period.\n          </Typography>\n          <Box sx={{ height: 310, mt: 4, mb: 4, ml: 0, mr: 0 }}>\n            <ResponsiveContainer width=\"100%\" height=\"100%\">\n              <LineChart\n                data={data}\n                margin={{ top: 10, right: 50, left: 20, bottom: 0 }}\n              >\n                <CartesianGrid\n                  stroke={isDarkMode ? '#666' : '#E5E7EB'}\n                  strokeDasharray={0}\n                  vertical={false}\n                />\n                <XAxis\n                  dataKey=\"date\"\n                  tickFormatter={date => getXAxisformat(date, grouping)}\n                  ticks={getXAxisTickValues(data, grouping)}\n                  tick={{ fill: theme.palette.text.primary }}\n                  axisLine={false}\n                  tickLine={false}\n                  padding={{ left: 30, right: 30 }}\n                  tickMargin={10}\n                />\n                <YAxis\n                  tickLine={false}\n                  axisLine={false}\n                  tick={{ fill: theme.palette.text.primary }}\n                  tickFormatter={value => value.toLocaleString()}\n                  tickMargin={20}\n                />\n                <Tooltip\n                  cursor={<CustomCursor cursorHeight={280} />}\n                  content={<CustomTooltip grouping={grouping} />}\n                />\n                <Line\n                  type=\"linear\"\n                  dataKey=\"count\"\n                  stroke=\"#00838F\"\n                  strokeWidth={1.5}\n                  dot={false}\n                />\n              </LineChart>\n            </ResponsiveContainer>\n          </Box>\n        </>\n      )}\n    </CardWrapper>\n  );\n};\n\nexport default Searches;\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"Searches.esm.js","sources":["../../../src/components/Searches/Searches.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport { ResponseErrorPanel } from '@backstage/core-components';\nimport Box from '@mui/material/Box';\nimport Typography from '@mui/material/Typography';\nimport { useTheme } from '@mui/material/styles';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport {\n  LineChart,\n  Line,\n  XAxis,\n  YAxis,\n  CartesianGrid,\n  Tooltip,\n  ResponsiveContainer,\n} from 'recharts';\n\nimport CardWrapper from '../CardWrapper';\nimport { useSearches } from '../../hooks/useSearches';\nimport {\n  getAverage,\n  getTotal,\n  getXAxisformat,\n  getXAxisTickValues,\n} from '../../utils/utils';\nimport CustomCursor from '../Common/CustomCursor';\nimport CustomTooltip from './CustomTooltip';\nimport EmptyChartState from '../Common/EmptyChartState';\n\nconst Searches = () => {\n  const theme = useTheme();\n  const isDarkMode = theme.palette.mode === 'dark';\n\n  const { searches, loading, error } = useSearches();\n  const { data, grouping = 'daily' } = searches;\n\n  if (error) {\n    return (\n      <CardWrapper title=\"Searches\">\n        <ResponseErrorPanel error={error} />\n      </CardWrapper>\n    );\n  }\n\n  if (!data || data?.length === 0 || (!data?.[0] && !loading)) {\n    return (\n      <CardWrapper title=\"Searches\">\n        <Box\n          display=\"flex\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          height={200}\n        >\n          <EmptyChartState />\n        </Box>\n      </CardWrapper>\n    );\n  }\n\n  return (\n    <CardWrapper\n      title={`${getTotal(data, 'count')?.toLocaleString()} searches`}\n    >\n      {loading ? (\n        <Box\n          display=\"flex\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          height={200}\n        >\n          <CircularProgress />\n        </Box>\n      ) : (\n        <>\n          <Typography style={{ margin: '20px 36px' }}>\n            An average of{' '}\n            <b>\n              {`${Math.round(\n                getAverage(data, 'count'),\n              ).toLocaleString()} searches per ${\n                grouping === 'hourly' ? 'hour' : 'day'\n              }`}\n            </b>{' '}\n            were conducted during this period.\n          </Typography>\n          <Box sx={{ height: 310, mt: 4, mb: 4, ml: 0, mr: 0 }}>\n            <ResponsiveContainer width=\"100%\" height=\"100%\">\n              <LineChart\n                data={data}\n                margin={{ top: 10, right: 50, left: 20, bottom: 0 }}\n              >\n                <CartesianGrid\n                  stroke={isDarkMode ? '#666' : '#E5E7EB'}\n                  strokeDasharray={0}\n                  vertical={false}\n                />\n                <XAxis\n                  dataKey=\"date\"\n                  tickFormatter={date => getXAxisformat(date, grouping)}\n                  ticks={getXAxisTickValues(data, grouping)}\n                  tick={{ fill: theme.palette.text.primary }}\n                  axisLine={false}\n                  tickLine={false}\n                  padding={{ left: 30, right: 30 }}\n                  tickMargin={10}\n                />\n                <YAxis\n                  tickLine={false}\n                  axisLine={false}\n                  tick={{ fill: theme.palette.text.primary }}\n                  tickFormatter={value => value.toLocaleString()}\n                  tickMargin={20}\n                />\n                <Tooltip\n                  cursor={<CustomCursor cursorHeight={280} />}\n                  content={<CustomTooltip grouping={grouping} />}\n                />\n                <Line\n                  type=\"linear\"\n                  dataKey=\"count\"\n                  stroke=\"#00838F\"\n                  strokeWidth={1.5}\n                  dot={false}\n                />\n              </LineChart>\n            </ResponsiveContainer>\n          </Box>\n        </>\n      )}\n    </CardWrapper>\n  );\n};\n\nexport default Searches;\n"],"names":["React"],"mappings":"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"}

package/dist/components/Techdocs/Techdocs.esm.js

@@ -1,4 +1,5 @@
 import React__default from 'react';
+import { ResponseErrorPanel } from '@backstage/core-components';
 import Table from '@mui/material/Table';
 import TableBody from '@mui/material/TableBody';
 import TableCell from '@mui/material/TableCell';
@@ -19,7 +20,7 @@ const Techdocs = () => {
   const [page, setPage] = React__default.useState(0);
   const [limit] = React__default.useState(20);
   const [rowsPerPage, setRowsPerPage] = React__default.useState(3);
-  const { techdocs, loading } = useTechdocs({ limit });
+  const { techdocs, loading, error } = useTechdocs({ limit });
   const handleChangePage = React__default.useCallback(
     (_event, newPage) => {
       setPage(newPage);
@@ -39,6 +40,9 @@ const Techdocs = () => {
       page * rowsPerPage + rowsPerPage
     );
   }, [techdocs, page, rowsPerPage]);
+  if (error) {
+    return /* @__PURE__ */ React__default.createElement(CardWrapper, { title: "Top techdocs" }, /* @__PURE__ */ React__default.createElement(ResponseErrorPanel, { error }));
+  }
   if (!visibleTechdocs || visibleTechdocs?.length === 0) {
     return /* @__PURE__ */ React__default.createElement(CardWrapper, { title: "Top techdocs" }, /* @__PURE__ */ React__default.createElement(
       Box,

package/dist/components/Techdocs/Techdocs.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Techdocs.esm.js","sources":["../../../src/components/Techdocs/Techdocs.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport Table from '@mui/material/Table';\nimport TableBody from '@mui/material/TableBody';\nimport TableCell from '@mui/material/TableCell';\nimport TableFooter from '@mui/material/TableFooter';\nimport TableHead from '@mui/material/TableHead';\nimport TableRow from '@mui/material/TableRow';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport Box from '@mui/material/Box';\nimport Link from '@mui/material/Link';\n\nimport CardWrapper from '../CardWrapper';\nimport { TECHDOCS_TABLE_HEADERS } from '../../utils/constants';\nimport TableFooterPagination from '../CardFooter';\nimport { useTechdocs } from '../../hooks/useTechdocs';\nimport { getLastUsedDay } from '../../utils/utils';\nimport EmptyChartState from '../Common/EmptyChartState';\n\nconst Techdocs = () => {\n  const [page, setPage] = React.useState(0);\n  const [limit] = React.useState(20);\n  const [rowsPerPage, setRowsPerPage] = React.useState(3);\n\n  const { techdocs, loading } = useTechdocs({ limit });\n\n  const handleChangePage = React.useCallback(\n    (_event: unknown, newPage: number) => {\n      setPage(newPage);\n    },\n    [],\n  );\n\n  const handleChangeRowsPerPage = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n      setRowsPerPage(+event.target.value);\n      setPage(0);\n    },\n    [],\n  );\n\n  const visibleTechdocs = React.useMemo(() => {\n    return techdocs.data?.slice(\n      page * rowsPerPage,\n      page * rowsPerPage + rowsPerPage,\n    );\n  }, [techdocs, page, rowsPerPage]);\n\n  if (!visibleTechdocs || visibleTechdocs?.length === 0) {\n    return (\n      <CardWrapper title=\"Top techdocs\">\n        <Box\n          display=\"flex\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          height={200}\n        >\n          <EmptyChartState />\n        </Box>\n      </CardWrapper>\n    );\n  }\n\n  return (\n    <CardWrapper title={`Top ${rowsPerPage} techdocs`}>\n      <Table aria-labelledby=\"Catalog entities\" sx={{ width: '100%' }}>\n        <TableHead>\n          <TableRow>\n            {TECHDOCS_TABLE_HEADERS.map(header => (\n              <TableCell\n                key={header.id}\n                align=\"left\"\n                sx={{\n                  borderBottom: theme => `1px solid ${theme.palette.grey[300]}`,\n                }}\n              >\n                {header.title}\n              </TableCell>\n            ))}\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          {loading ? (\n            <TableRow>\n              <TableCell colSpan={TECHDOCS_TABLE_HEADERS.length} align=\"center\">\n                <CircularProgress />\n              </TableCell>\n            </TableRow>\n          ) : (\n            visibleTechdocs?.map(techdoc => {\n              return (\n                <TableRow\n                  key={techdoc.name ?? 'index-page'}\n                  sx={{\n                    '&:nth-of-type(odd)': { backgroundColor: 'inherit' },\n                    borderBottom: theme =>\n                      `1px solid ${theme.palette.grey[300]}`,\n                  }}\n                >\n                  <TableCell>\n                    <Link\n                      component=\"a\"\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                      href={\n                        !techdoc?.name\n                          ? '/docs'\n                          : `/docs/${techdoc?.namespace}/${techdoc?.kind}/${techdoc?.name}`\n                      }\n                      sx={{\n                        textDecoration: 'none',\n                        '&:hover': {\n                          textDecoration: 'none',\n                        },\n                      }}\n                    >\n                      {!techdoc?.site_name\n                        ? 'docs'\n                        : techdoc?.site_name || '--'}\n                    </Link>\n                  </TableCell>\n                  <TableCell>\n                    {techdoc?.name ? (\n                      <Link\n                        component=\"a\"\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                        href={\n                          !techdoc?.name\n                            ? '/docs'\n                            : `/catalog/${techdoc?.namespace}/${techdoc?.kind}/${techdoc?.name}`\n                        }\n                        sx={{\n                          textDecoration: 'none',\n                          '&:hover': {\n                            textDecoration: 'none',\n                          },\n                        }}\n                      >\n                        {techdoc?.name ?? '--'}\n                      </Link>\n                    ) : (\n                      '--'\n                    )}\n                  </TableCell>\n                  <TableCell>\n                    {getLastUsedDay(techdoc.last_used) ?? '--'}\n                  </TableCell>\n                  <TableCell>\n                    {Number(techdoc.count).toLocaleString() ?? '--'}\n                  </TableCell>\n                </TableRow>\n              );\n            })\n          )}\n        </TableBody>\n        <TableFooter>\n          <TableRow>\n            <TableCell\n              colSpan={TECHDOCS_TABLE_HEADERS.length}\n              sx={{ padding: 0 }}\n            >\n              <TableFooterPagination\n                count={techdocs.data?.length}\n                rowsPerPage={rowsPerPage}\n                page={page}\n                handleChangePage={handleChangePage}\n                handleChangeRowsPerPage={handleChangeRowsPerPage}\n              />\n            </TableCell>\n          </TableRow>\n        </TableFooter>\n      </Table>\n    </CardWrapper>\n  );\n};\n\nexport default Techdocs;\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"Techdocs.esm.js","sources":["../../../src/components/Techdocs/Techdocs.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport { ResponseErrorPanel } from '@backstage/core-components';\nimport Table from '@mui/material/Table';\nimport TableBody from '@mui/material/TableBody';\nimport TableCell from '@mui/material/TableCell';\nimport TableFooter from '@mui/material/TableFooter';\nimport TableHead from '@mui/material/TableHead';\nimport TableRow from '@mui/material/TableRow';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport Box from '@mui/material/Box';\nimport Link from '@mui/material/Link';\n\nimport CardWrapper from '../CardWrapper';\nimport { TECHDOCS_TABLE_HEADERS } from '../../utils/constants';\nimport TableFooterPagination from '../CardFooter';\nimport { useTechdocs } from '../../hooks/useTechdocs';\nimport { getLastUsedDay } from '../../utils/utils';\nimport EmptyChartState from '../Common/EmptyChartState';\n\nconst Techdocs = () => {\n  const [page, setPage] = React.useState(0);\n  const [limit] = React.useState(20);\n  const [rowsPerPage, setRowsPerPage] = React.useState(3);\n\n  const { techdocs, loading, error } = useTechdocs({ limit });\n\n  const handleChangePage = React.useCallback(\n    (_event: unknown, newPage: number) => {\n      setPage(newPage);\n    },\n    [],\n  );\n\n  const handleChangeRowsPerPage = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n      setRowsPerPage(+event.target.value);\n      setPage(0);\n    },\n    [],\n  );\n\n  const visibleTechdocs = React.useMemo(() => {\n    return techdocs.data?.slice(\n      page * rowsPerPage,\n      page * rowsPerPage + rowsPerPage,\n    );\n  }, [techdocs, page, rowsPerPage]);\n\n  if (error) {\n    return (\n      <CardWrapper title=\"Top techdocs\">\n        <ResponseErrorPanel error={error} />\n      </CardWrapper>\n    );\n  }\n\n  if (!visibleTechdocs || visibleTechdocs?.length === 0) {\n    return (\n      <CardWrapper title=\"Top techdocs\">\n        <Box\n          display=\"flex\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          height={200}\n        >\n          <EmptyChartState />\n        </Box>\n      </CardWrapper>\n    );\n  }\n\n  return (\n    <CardWrapper title={`Top ${rowsPerPage} techdocs`}>\n      <Table aria-labelledby=\"Catalog entities\" sx={{ width: '100%' }}>\n        <TableHead>\n          <TableRow>\n            {TECHDOCS_TABLE_HEADERS.map(header => (\n              <TableCell\n                key={header.id}\n                align=\"left\"\n                sx={{\n                  borderBottom: theme => `1px solid ${theme.palette.grey[300]}`,\n                }}\n              >\n                {header.title}\n              </TableCell>\n            ))}\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          {loading ? (\n            <TableRow>\n              <TableCell colSpan={TECHDOCS_TABLE_HEADERS.length} align=\"center\">\n                <CircularProgress />\n              </TableCell>\n            </TableRow>\n          ) : (\n            visibleTechdocs?.map(techdoc => {\n              return (\n                <TableRow\n                  key={techdoc.name ?? 'index-page'}\n                  sx={{\n                    '&:nth-of-type(odd)': { backgroundColor: 'inherit' },\n                    borderBottom: theme =>\n                      `1px solid ${theme.palette.grey[300]}`,\n                  }}\n                >\n                  <TableCell>\n                    <Link\n                      component=\"a\"\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                      href={\n                        !techdoc?.name\n                          ? '/docs'\n                          : `/docs/${techdoc?.namespace}/${techdoc?.kind}/${techdoc?.name}`\n                      }\n                      sx={{\n                        textDecoration: 'none',\n                        '&:hover': {\n                          textDecoration: 'none',\n                        },\n                      }}\n                    >\n                      {!techdoc?.site_name\n                        ? 'docs'\n                        : techdoc?.site_name || '--'}\n                    </Link>\n                  </TableCell>\n                  <TableCell>\n                    {techdoc?.name ? (\n                      <Link\n                        component=\"a\"\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                        href={\n                          !techdoc?.name\n                            ? '/docs'\n                            : `/catalog/${techdoc?.namespace}/${techdoc?.kind}/${techdoc?.name}`\n                        }\n                        sx={{\n                          textDecoration: 'none',\n                          '&:hover': {\n                            textDecoration: 'none',\n                          },\n                        }}\n                      >\n                        {techdoc?.name ?? '--'}\n                      </Link>\n                    ) : (\n                      '--'\n                    )}\n                  </TableCell>\n                  <TableCell>\n                    {getLastUsedDay(techdoc.last_used) ?? '--'}\n                  </TableCell>\n                  <TableCell>\n                    {Number(techdoc.count).toLocaleString() ?? '--'}\n                  </TableCell>\n                </TableRow>\n              );\n            })\n          )}\n        </TableBody>\n        <TableFooter>\n          <TableRow>\n            <TableCell\n              colSpan={TECHDOCS_TABLE_HEADERS.length}\n              sx={{ padding: 0 }}\n            >\n              <TableFooterPagination\n                count={techdocs.data?.length}\n                rowsPerPage={rowsPerPage}\n                page={page}\n                handleChangePage={handleChangePage}\n                handleChangeRowsPerPage={handleChangeRowsPerPage}\n              />\n            </TableCell>\n          </TableRow>\n        </TableFooter>\n      </Table>\n    </CardWrapper>\n  );\n};\n\nexport default Techdocs;\n"],"names":["React"],"mappings":"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"}

package/dist/components/Templates/Templates.esm.js

@@ -1,5 +1,6 @@
 import React__default from 'react';
 import { parseEntityRef } from '@backstage/catalog-model';
+import { ResponseErrorPanel } from '@backstage/core-components';
 import Table from '@mui/material/Table';
 import TableBody from '@mui/material/TableBody';
 import TableCell from '@mui/material/TableCell';
@@ -19,7 +20,7 @@ const Templates = () => {
   const [page, setPage] = React__default.useState(0);
   const [limit] = React__default.useState(20);
   const [rowsPerPage, setRowsPerPage] = React__default.useState(3);
-  const { templates, loading } = useTemplates({ limit });
+  const { templates, loading, error } = useTemplates({ limit });
   const handleChangePage = React__default.useCallback(
     (_event, newPage) => {
       setPage(newPage);
@@ -39,6 +40,9 @@ const Templates = () => {
       page * rowsPerPage + rowsPerPage
     );
   }, [templates, page, rowsPerPage]);
+  if (error) {
+    return /* @__PURE__ */ React__default.createElement(CardWrapper, { title: "Top templates" }, /* @__PURE__ */ React__default.createElement(ResponseErrorPanel, { error }));
+  }
   if (!visibleTemplates || visibleTemplates?.length === 0) {
     return /* @__PURE__ */ React__default.createElement(CardWrapper, { title: "Top templates" }, /* @__PURE__ */ React__default.createElement(
       Box,

package/dist/components/Templates/Templates.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Templates.esm.js","sources":["../../../src/components/Templates/Templates.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport { parseEntityRef } from '@backstage/catalog-model';\nimport Table from '@mui/material/Table';\nimport TableBody from '@mui/material/TableBody';\nimport TableCell from '@mui/material/TableCell';\nimport TableFooter from '@mui/material/TableFooter';\nimport TableHead from '@mui/material/TableHead';\nimport TableRow from '@mui/material/TableRow';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport Box from '@mui/material/Box';\nimport Link from '@mui/material/Link';\n\nimport CardWrapper from '../CardWrapper';\nimport { TEMPLATE_TABLE_HEADERS } from '../../utils/constants';\nimport TableFooterPagination from '../CardFooter';\nimport { useTemplates } from '../../hooks/useTemplates';\nimport EmptyChartState from '../Common/EmptyChartState';\n\nconst Templates = () => {\n  const [page, setPage] = React.useState(0);\n  const [limit] = React.useState(20);\n  const [rowsPerPage, setRowsPerPage] = React.useState(3);\n\n  const { templates, loading } = useTemplates({ limit });\n\n  const handleChangePage = React.useCallback(\n    (_event: unknown, newPage: number) => {\n      setPage(newPage);\n    },\n    [],\n  );\n\n  const handleChangeRowsPerPage = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n      setRowsPerPage(+event.target.value);\n      setPage(0);\n    },\n    [],\n  );\n\n  const visibleTemplates = React.useMemo(() => {\n    return templates.data?.slice(\n      page * rowsPerPage,\n      page * rowsPerPage + rowsPerPage,\n    );\n  }, [templates, page, rowsPerPage]);\n\n  if (!visibleTemplates || visibleTemplates?.length === 0) {\n    return (\n      <CardWrapper title=\"Top templates\">\n        <Box\n          display=\"flex\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          height={200}\n        >\n          <EmptyChartState />\n        </Box>\n      </CardWrapper>\n    );\n  }\n\n  return (\n    <CardWrapper title={`Top ${rowsPerPage} templates`}>\n      <Table aria-labelledby=\"Catalog entities\" sx={{ width: '100%' }}>\n        <TableHead>\n          <TableRow>\n            {TEMPLATE_TABLE_HEADERS.map(header => (\n              <TableCell\n                key={header.id}\n                align=\"left\"\n                sx={{\n                  borderBottom: theme => `1px solid ${theme.palette.grey[300]}`,\n                }}\n              >\n                {header.title}\n              </TableCell>\n            ))}\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          {loading ? (\n            <TableRow>\n              <TableCell colSpan={TEMPLATE_TABLE_HEADERS.length} align=\"center\">\n                <CircularProgress />\n              </TableCell>\n            </TableRow>\n          ) : (\n            visibleTemplates?.map(template => {\n              if (\n                !template.entityref ||\n                Object.keys(template.entityref).length === 0\n              )\n                return null;\n\n              const { name, namespace = 'default' } = parseEntityRef(\n                template?.entityref,\n              );\n              const entityHrefLink = `/create/templates/${namespace}/${name}`;\n\n              return (\n                <TableRow\n                  key={template.entityref}\n                  sx={{\n                    '&:nth-of-type(odd)': { backgroundColor: 'inherit' },\n                    borderBottom: theme =>\n                      `1px solid ${theme.palette.grey[300]}`,\n                  }}\n                >\n                  <TableCell sx={{ width: '50%' }}>\n                    <Link\n                      component=\"a\"\n                      href={entityHrefLink}\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                      sx={{\n                        textDecoration: 'none',\n                        '&:hover': {\n                          textDecoration: 'none',\n                        },\n                      }}\n                    >\n                      {name ?? '--'}\n                    </Link>\n                  </TableCell>\n                  <TableCell sx={{ width: '50%' }}>\n                    {Number(template.count).toLocaleString() ?? '--'}\n                  </TableCell>\n                </TableRow>\n              );\n            })\n          )}\n        </TableBody>\n        <TableFooter>\n          <TableRow>\n            <TableCell\n              colSpan={TEMPLATE_TABLE_HEADERS.length}\n              sx={{ padding: 0 }}\n            >\n              <TableFooterPagination\n                count={templates.data?.length}\n                rowsPerPage={rowsPerPage}\n                page={page}\n                handleChangePage={handleChangePage}\n                handleChangeRowsPerPage={handleChangeRowsPerPage}\n              />\n            </TableCell>\n          </TableRow>\n        </TableFooter>\n      </Table>\n    </CardWrapper>\n  );\n};\n\nexport default Templates;\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"Templates.esm.js","sources":["../../../src/components/Templates/Templates.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport { parseEntityRef } from '@backstage/catalog-model';\nimport { ResponseErrorPanel } from '@backstage/core-components';\nimport Table from '@mui/material/Table';\nimport TableBody from '@mui/material/TableBody';\nimport TableCell from '@mui/material/TableCell';\nimport TableFooter from '@mui/material/TableFooter';\nimport TableHead from '@mui/material/TableHead';\nimport TableRow from '@mui/material/TableRow';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport Box from '@mui/material/Box';\nimport Link from '@mui/material/Link';\n\nimport CardWrapper from '../CardWrapper';\nimport { TEMPLATE_TABLE_HEADERS } from '../../utils/constants';\nimport TableFooterPagination from '../CardFooter';\nimport { useTemplates } from '../../hooks/useTemplates';\nimport EmptyChartState from '../Common/EmptyChartState';\n\nconst Templates = () => {\n  const [page, setPage] = React.useState(0);\n  const [limit] = React.useState(20);\n  const [rowsPerPage, setRowsPerPage] = React.useState(3);\n\n  const { templates, loading, error } = useTemplates({ limit });\n\n  const handleChangePage = React.useCallback(\n    (_event: unknown, newPage: number) => {\n      setPage(newPage);\n    },\n    [],\n  );\n\n  const handleChangeRowsPerPage = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n      setRowsPerPage(+event.target.value);\n      setPage(0);\n    },\n    [],\n  );\n\n  const visibleTemplates = React.useMemo(() => {\n    return templates.data?.slice(\n      page * rowsPerPage,\n      page * rowsPerPage + rowsPerPage,\n    );\n  }, [templates, page, rowsPerPage]);\n\n  if (error) {\n    return (\n      <CardWrapper title=\"Top templates\">\n        <ResponseErrorPanel error={error} />\n      </CardWrapper>\n    );\n  }\n\n  if (!visibleTemplates || visibleTemplates?.length === 0) {\n    return (\n      <CardWrapper title=\"Top templates\">\n        <Box\n          display=\"flex\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          height={200}\n        >\n          <EmptyChartState />\n        </Box>\n      </CardWrapper>\n    );\n  }\n\n  return (\n    <CardWrapper title={`Top ${rowsPerPage} templates`}>\n      <Table aria-labelledby=\"Catalog entities\" sx={{ width: '100%' }}>\n        <TableHead>\n          <TableRow>\n            {TEMPLATE_TABLE_HEADERS.map(header => (\n              <TableCell\n                key={header.id}\n                align=\"left\"\n                sx={{\n                  borderBottom: theme => `1px solid ${theme.palette.grey[300]}`,\n                }}\n              >\n                {header.title}\n              </TableCell>\n            ))}\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          {loading ? (\n            <TableRow>\n              <TableCell colSpan={TEMPLATE_TABLE_HEADERS.length} align=\"center\">\n                <CircularProgress />\n              </TableCell>\n            </TableRow>\n          ) : (\n            visibleTemplates?.map(template => {\n              if (\n                !template.entityref ||\n                Object.keys(template.entityref).length === 0\n              )\n                return null;\n\n              const { name, namespace = 'default' } = parseEntityRef(\n                template?.entityref,\n              );\n              const entityHrefLink = `/create/templates/${namespace}/${name}`;\n\n              return (\n                <TableRow\n                  key={template.entityref}\n                  sx={{\n                    '&:nth-of-type(odd)': { backgroundColor: 'inherit' },\n                    borderBottom: theme =>\n                      `1px solid ${theme.palette.grey[300]}`,\n                  }}\n                >\n                  <TableCell sx={{ width: '50%' }}>\n                    <Link\n                      component=\"a\"\n                      href={entityHrefLink}\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                      sx={{\n                        textDecoration: 'none',\n                        '&:hover': {\n                          textDecoration: 'none',\n                        },\n                      }}\n                    >\n                      {name ?? '--'}\n                    </Link>\n                  </TableCell>\n                  <TableCell sx={{ width: '50%' }}>\n                    {Number(template.count).toLocaleString() ?? '--'}\n                  </TableCell>\n                </TableRow>\n              );\n            })\n          )}\n        </TableBody>\n        <TableFooter>\n          <TableRow>\n            <TableCell\n              colSpan={TEMPLATE_TABLE_HEADERS.length}\n              sx={{ padding: 0 }}\n            >\n              <TableFooterPagination\n                count={templates.data?.length}\n                rowsPerPage={rowsPerPage}\n                page={page}\n                handleChangePage={handleChangePage}\n                handleChangeRowsPerPage={handleChangeRowsPerPage}\n              />\n            </TableCell>\n          </TableRow>\n        </TableFooter>\n      </Table>\n    </CardWrapper>\n  );\n};\n\nexport default Templates;\n"],"names":["React"],"mappings":"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"}

package/dist/components/Users/Users.esm.js

@@ -1,4 +1,5 @@
 import React__default from 'react';
+import { ResponseErrorPanel } from '@backstage/core-components';
 import { ResponsiveContainer, PieChart, Pie, Cell, Label, Tooltip } from 'recharts';
 import Typography from '@mui/material/Typography';
 import Box from '@mui/material/Box';
@@ -16,8 +17,11 @@ import EmptyChartState from '../Common/EmptyChartState.esm.js';
 
 const Users = () => {
   const theme = useTheme();
-  const { users, loading } = useUsers();
-  if (!users || users.data?.length === 0 || !users.data?.[0] && !loading) {
+  const { users, loading, error } = useUsers();
+  if (error) {
+    return /* @__PURE__ */ React__default.createElement(CardWrapper, { title: "Total number of users", filter: /* @__PURE__ */ React__default.createElement(InfoComponent, null) }, /* @__PURE__ */ React__default.createElement(ResponseErrorPanel, { error }));
+  }
+  if ((!users || users.data?.length === 0 || !users.data?.[0] && !loading) && !error) {
     return /* @__PURE__ */ React__default.createElement(CardWrapper, { title: "Total number of users", filter: /* @__PURE__ */ React__default.createElement(InfoComponent, null) }, /* @__PURE__ */ React__default.createElement(
       Box,
       {
@@ -29,7 +33,7 @@ const Users = () => {
       /* @__PURE__ */ React__default.createElement(EmptyChartState, null)
     ));
   }
-  const { logged_in_users = 0, licensed_users = 0 } = users.data[0];
+  const { logged_in_users = 0, licensed_users = 0 } = users?.data?.[0] ?? {};
   const loggedInPercentage = logged_in_users && licensed_users ? Math.round(Number(logged_in_users) / Number(licensed_users) * 100) || 0 : 0;
   const data = [
     {

package/dist/components/Users/Users.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Users.esm.js","sources":["../../../src/components/Users/Users.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport {\n  Cell,\n  Label,\n  Pie,\n  PieChart,\n  ResponsiveContainer,\n  Tooltip,\n} from 'recharts';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport List from '@mui/material/List';\nimport ListItem from '@mui/material/ListItem';\nimport ListItemIcon from '@mui/material/ListItemIcon';\nimport ListItemText from '@mui/material/ListItemText';\nimport { useTheme } from '@mui/material/styles';\nimport CircularProgress from '@mui/material/CircularProgress';\n\nimport CardWrapper from '../CardWrapper';\nimport InfoComponent from './Info';\nimport CustomTooltip from './Tooltip';\nimport { useUsers } from '../../hooks/useUsers';\nimport EmptyChartState from '../Common/EmptyChartState';\n\nconst Users = () => {\n  const theme = useTheme();\n\n  const { users, loading } = useUsers();\n\n  if (!users || users.data?.length === 0 || (!users.data?.[0] && !loading)) {\n    return (\n      <CardWrapper title=\"Total number of users\" filter={<InfoComponent />}>\n        <Box\n          display=\"flex\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          height={200}\n        >\n          <EmptyChartState />\n        </Box>\n      </CardWrapper>\n    );\n  }\n\n  const { logged_in_users = 0, licensed_users = 0 } = users.data[0];\n\n  const loggedInPercentage =\n    logged_in_users && licensed_users\n      ? Math.round((Number(logged_in_users) / Number(licensed_users)) * 100) ||\n        0\n      : 0;\n\n  const data = [\n    {\n      name: 'Logged-in users',\n      value: Number(logged_in_users),\n      color: '#00AEEF',\n    },\n    { name: 'Licensed', value: Number(licensed_users), color: '#E5E5E5' },\n  ];\n\n  return (\n    <CardWrapper title=\"Total number of users\" filter={<InfoComponent />}>\n      {loading ? (\n        <Box\n          display=\"flex\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          height={200}\n        >\n          <CircularProgress />\n        </Box>\n      ) : (\n        <Box\n          display=\"flex\"\n          alignItems=\"center\"\n          gap={2}\n          justifyContent=\"flex-start\"\n        >\n          <Box display=\"flex\" alignItems=\"center\" flex={7}>\n            <Box sx={{ width: '100%', maxWidth: '240px' }}>\n              <ResponsiveContainer width=\"100%\" height={240}>\n                <PieChart>\n                  <Pie\n                    data={data}\n                    dataKey=\"value\"\n                    nameKey=\"name\"\n                    innerRadius=\"60%\"\n                    outerRadius=\"70%\"\n                    startAngle={90}\n                    endAngle={-270}\n                    stroke=\"none\"\n                  >\n                    {data.map(entry => (\n                      <Cell key={entry.name} fill={entry.color} />\n                    ))}\n\n                    <Label\n                      value={logged_in_users.toLocaleString()}\n                      position=\"center\"\n                      style={{\n                        fontSize: '24px',\n                        fill: theme.palette.text.primary,\n                        textAnchor: 'middle',\n                      }}\n                    />\n                    <Label\n                      value={`of ${licensed_users.toLocaleString()}`}\n                      position=\"center\"\n                      dy={20}\n                      style={{\n                        fontSize: '14px',\n                        textAnchor: 'middle',\n                        fill: theme.palette.text.secondary,\n                      }}\n                    />\n                  </Pie>\n                  <Tooltip\n                    content={\n                      <CustomTooltip\n                        licensed_users={licensed_users}\n                        logged_in_users={logged_in_users}\n                      />\n                    }\n                  />\n                </PieChart>\n              </ResponsiveContainer>\n            </Box>\n\n            <List dense>\n              <ListItem key=\"logged-in users\" disableGutters>\n                <ListItemIcon sx={{ minWidth: 24 }}>\n                  <Box\n                    sx={{\n                      width: 12,\n                      height: 12,\n                      bgcolor: '#00AEEF',\n                      borderRadius: '2px',\n                    }}\n                  />\n                </ListItemIcon>\n                <ListItemText primary=\"Logged-in users\" />\n              </ListItem>\n              <ListItem key=\"licensed users\" disableGutters>\n                <ListItemIcon sx={{ minWidth: 24 }}>\n                  <Box\n                    sx={{\n                      width: 12,\n                      height: 12,\n                      bgcolor: '#E5E5E5',\n                      borderRadius: '2px',\n                    }}\n                  />\n                </ListItemIcon>\n                <ListItemText primary=\"Licensed\" />\n              </ListItem>\n            </List>\n          </Box>\n\n          <Box flex={3} gap={2}>\n            <Typography\n              variant=\"h1\"\n              fontWeight=\"bold\"\n              sx={{ fontSize: '54px' }}\n            >\n              {loggedInPercentage}%\n            </Typography>\n            <Typography variant=\"body1\" color=\"textSecondary\">\n              have logged in\n            </Typography>\n          </Box>\n        </Box>\n      )}\n    </CardWrapper>\n  );\n};\n\nexport default Users;\n"],"names":["React","CustomTooltip"],"mappings":"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"}
+{"version":3,"file":"Users.esm.js","sources":["../../../src/components/Users/Users.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport { ResponseErrorPanel } from '@backstage/core-components';\nimport {\n  Cell,\n  Label,\n  Pie,\n  PieChart,\n  ResponsiveContainer,\n  Tooltip,\n} from 'recharts';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport List from '@mui/material/List';\nimport ListItem from '@mui/material/ListItem';\nimport ListItemIcon from '@mui/material/ListItemIcon';\nimport ListItemText from '@mui/material/ListItemText';\nimport { useTheme } from '@mui/material/styles';\nimport CircularProgress from '@mui/material/CircularProgress';\n\nimport CardWrapper from '../CardWrapper';\nimport InfoComponent from './Info';\nimport CustomTooltip from './Tooltip';\nimport { useUsers } from '../../hooks/useUsers';\nimport EmptyChartState from '../Common/EmptyChartState';\n\nconst Users = () => {\n  const theme = useTheme();\n\n  const { users, loading, error } = useUsers();\n\n  if (error) {\n    return (\n      <CardWrapper title=\"Total number of users\" filter={<InfoComponent />}>\n        <ResponseErrorPanel error={error} />\n      </CardWrapper>\n    );\n  }\n\n  if (\n    (!users || users.data?.length === 0 || (!users.data?.[0] && !loading)) &&\n    !error\n  ) {\n    return (\n      <CardWrapper title=\"Total number of users\" filter={<InfoComponent />}>\n        <Box\n          display=\"flex\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          height={200}\n        >\n          <EmptyChartState />\n        </Box>\n      </CardWrapper>\n    );\n  }\n\n  const { logged_in_users = 0, licensed_users = 0 } = users?.data?.[0] ?? {};\n\n  const loggedInPercentage =\n    logged_in_users && licensed_users\n      ? Math.round((Number(logged_in_users) / Number(licensed_users)) * 100) ||\n        0\n      : 0;\n\n  const data = [\n    {\n      name: 'Logged-in users',\n      value: Number(logged_in_users),\n      color: '#00AEEF',\n    },\n    { name: 'Licensed', value: Number(licensed_users), color: '#E5E5E5' },\n  ];\n\n  return (\n    <CardWrapper title=\"Total number of users\" filter={<InfoComponent />}>\n      {loading ? (\n        <Box\n          display=\"flex\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          height={200}\n        >\n          <CircularProgress />\n        </Box>\n      ) : (\n        <Box\n          display=\"flex\"\n          alignItems=\"center\"\n          gap={2}\n          justifyContent=\"flex-start\"\n        >\n          <Box display=\"flex\" alignItems=\"center\" flex={7}>\n            <Box sx={{ width: '100%', maxWidth: '240px' }}>\n              <ResponsiveContainer width=\"100%\" height={240}>\n                <PieChart>\n                  <Pie\n                    data={data}\n                    dataKey=\"value\"\n                    nameKey=\"name\"\n                    innerRadius=\"60%\"\n                    outerRadius=\"70%\"\n                    startAngle={90}\n                    endAngle={-270}\n                    stroke=\"none\"\n                  >\n                    {data.map(entry => (\n                      <Cell key={entry.name} fill={entry.color} />\n                    ))}\n\n                    <Label\n                      value={logged_in_users.toLocaleString()}\n                      position=\"center\"\n                      style={{\n                        fontSize: '24px',\n                        fill: theme.palette.text.primary,\n                        textAnchor: 'middle',\n                      }}\n                    />\n                    <Label\n                      value={`of ${licensed_users.toLocaleString()}`}\n                      position=\"center\"\n                      dy={20}\n                      style={{\n                        fontSize: '14px',\n                        textAnchor: 'middle',\n                        fill: theme.palette.text.secondary,\n                      }}\n                    />\n                  </Pie>\n                  <Tooltip\n                    content={\n                      <CustomTooltip\n                        licensed_users={licensed_users}\n                        logged_in_users={logged_in_users}\n                      />\n                    }\n                  />\n                </PieChart>\n              </ResponsiveContainer>\n            </Box>\n\n            <List dense>\n              <ListItem key=\"logged-in users\" disableGutters>\n                <ListItemIcon sx={{ minWidth: 24 }}>\n                  <Box\n                    sx={{\n                      width: 12,\n                      height: 12,\n                      bgcolor: '#00AEEF',\n                      borderRadius: '2px',\n                    }}\n                  />\n                </ListItemIcon>\n                <ListItemText primary=\"Logged-in users\" />\n              </ListItem>\n              <ListItem key=\"licensed users\" disableGutters>\n                <ListItemIcon sx={{ minWidth: 24 }}>\n                  <Box\n                    sx={{\n                      width: 12,\n                      height: 12,\n                      bgcolor: '#E5E5E5',\n                      borderRadius: '2px',\n                    }}\n                  />\n                </ListItemIcon>\n                <ListItemText primary=\"Licensed\" />\n              </ListItem>\n            </List>\n          </Box>\n\n          <Box flex={3} gap={2}>\n            <Typography\n              variant=\"h1\"\n              fontWeight=\"bold\"\n              sx={{ fontSize: '54px' }}\n            >\n              {loggedInPercentage}%\n            </Typography>\n            <Typography variant=\"body1\" color=\"textSecondary\">\n              have logged in\n            </Typography>\n          </Box>\n        </Box>\n      )}\n    </CardWrapper>\n  );\n};\n\nexport default Users;\n"],"names":["React","CustomTooltip"],"mappings":";;;;;;;;;;;;;;;;;AAyCA,MAAM,QAAQ,MAAM;AAClB,EAAA,MAAM,QAAQ,QAAS,EAAA;AAEvB,EAAA,MAAM,EAAE,KAAA,EAAO,OAAS,EAAA,KAAA,KAAU,QAAS,EAAA;AAE3C,EAAA,IAAI,KAAO,EAAA;AACT,IACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,WAAY,EAAA,EAAA,KAAA,EAAM,uBAAwB,EAAA,MAAA,kBAASA,cAAA,CAAA,aAAA,CAAA,aAAA,EAAA,IAAc,CAChE,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,kBAAmB,EAAA,EAAA,KAAA,EAAc,CACpC,CAAA;AAAA;AAIJ,EAAA,IAAA,CACG,CAAC,KAAA,IAAS,KAAM,CAAA,IAAA,EAAM,WAAW,CAAM,IAAA,CAAC,KAAM,CAAA,IAAA,GAAO,CAAC,CAAA,IAAK,CAAC,OAAA,KAC7D,CAAC,KACD,EAAA;AACA,IAAA,oDACG,WAAY,EAAA,EAAA,KAAA,EAAM,yBAAwB,MAAQ,kBAAAA,cAAA,CAAA,aAAA,CAAC,mBAAc,CAChE,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,MAAA;AAAA,QACR,cAAe,EAAA,QAAA;AAAA,QACf,UAAW,EAAA,QAAA;AAAA,QACX,MAAQ,EAAA;AAAA,OAAA;AAAA,mDAEP,eAAgB,EAAA,IAAA;AAAA,KAErB,CAAA;AAAA;AAIJ,EAAM,MAAA,EAAE,eAAkB,GAAA,CAAA,EAAG,cAAiB,GAAA,CAAA,KAAM,KAAO,EAAA,IAAA,GAAO,CAAC,CAAA,IAAK,EAAC;AAEzE,EAAA,MAAM,kBACJ,GAAA,eAAA,IAAmB,cACf,GAAA,IAAA,CAAK,KAAO,CAAA,MAAA,CAAO,eAAe,CAAA,GAAI,MAAO,CAAA,cAAc,CAAK,GAAA,GAAG,KACnE,CACA,GAAA,CAAA;AAEN,EAAA,MAAM,IAAO,GAAA;AAAA,IACX;AAAA,MACE,IAAM,EAAA,iBAAA;AAAA,MACN,KAAA,EAAO,OAAO,eAAe,CAAA;AAAA,MAC7B,KAAO,EAAA;AAAA,KACT;AAAA,IACA,EAAE,MAAM,UAAY,EAAA,KAAA,EAAO,OAAO,cAAc,CAAA,EAAG,OAAO,SAAU;AAAA,GACtE;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,eAAY,KAAM,EAAA,uBAAA,EAAwB,wBAASA,cAAA,CAAA,aAAA,CAAA,aAAA,EAAA,IAAc,KAC/D,OACC,mBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,MAAA;AAAA,MACR,cAAe,EAAA,QAAA;AAAA,MACf,UAAW,EAAA,QAAA;AAAA,MACX,MAAQ,EAAA;AAAA,KAAA;AAAA,iDAEP,gBAAiB,EAAA,IAAA;AAAA,GAGpB,mBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,MAAA;AAAA,MACR,UAAW,EAAA,QAAA;AAAA,MACX,GAAK,EAAA,CAAA;AAAA,MACL,cAAe,EAAA;AAAA,KAAA;AAAA,oBAEfA,cAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,OAAA,EAAQ,MAAO,EAAA,UAAA,EAAW,UAAS,IAAM,EAAA,CAAA,EAAA,kBAC3CA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,EAAI,EAAA,EAAE,OAAO,MAAQ,EAAA,QAAA,EAAU,OAAQ,EAAA,EAAA,kBACzCA,cAAA,CAAA,aAAA,CAAA,mBAAA,EAAA,EAAoB,OAAM,MAAO,EAAA,MAAA,EAAQ,GACxC,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,QACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,IAAA;AAAA,QACA,OAAQ,EAAA,OAAA;AAAA,QACR,OAAQ,EAAA,MAAA;AAAA,QACR,WAAY,EAAA,KAAA;AAAA,QACZ,WAAY,EAAA,KAAA;AAAA,QACZ,UAAY,EAAA,EAAA;AAAA,QACZ,QAAU,EAAA,IAAA;AAAA,QACV,MAAO,EAAA;AAAA,OAAA;AAAA,MAEN,IAAA,CAAK,GAAI,CAAA,CAAA,KAAA,qBACPA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,GAAK,EAAA,KAAA,CAAM,IAAM,EAAA,IAAA,EAAM,KAAM,CAAA,KAAA,EAAO,CAC3C,CAAA;AAAA,sBAEDA,cAAA,CAAA,aAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAO,gBAAgB,cAAe,EAAA;AAAA,UACtC,QAAS,EAAA,QAAA;AAAA,UACT,KAAO,EAAA;AAAA,YACL,QAAU,EAAA,MAAA;AAAA,YACV,IAAA,EAAM,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA,OAAA;AAAA,YACzB,UAAY,EAAA;AAAA;AACd;AAAA,OACF;AAAA,sBACAA,cAAA,CAAA,aAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,KAAO,EAAA,CAAA,GAAA,EAAM,cAAe,CAAA,cAAA,EAAgB,CAAA,CAAA;AAAA,UAC5C,QAAS,EAAA,QAAA;AAAA,UACT,EAAI,EAAA,EAAA;AAAA,UACJ,KAAO,EAAA;AAAA,YACL,QAAU,EAAA,MAAA;AAAA,YACV,UAAY,EAAA,QAAA;AAAA,YACZ,IAAA,EAAM,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA;AAAA;AAC3B;AAAA;AACF,KAEF,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,OACE,kBAAAA,cAAA,CAAA,aAAA;AAAA,UAACC,SAAA;AAAA,UAAA;AAAA,YACC,cAAA;AAAA,YACA;AAAA;AAAA;AACF;AAAA,KAGN,CACF,CACF,CAAA,+CAEC,IAAK,EAAA,EAAA,KAAA,EAAK,wBACRD,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAI,iBAAkB,EAAA,cAAA,EAAc,wBAC3CA,cAAA,CAAA,aAAA,CAAA,YAAA,EAAA,EAAa,IAAI,EAAE,QAAA,EAAU,IAC5B,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,EAAI,EAAA;AAAA,UACF,KAAO,EAAA,EAAA;AAAA,UACP,MAAQ,EAAA,EAAA;AAAA,UACR,OAAS,EAAA,SAAA;AAAA,UACT,YAAc,EAAA;AAAA;AAChB;AAAA,KAEJ,mBACCA,cAAA,CAAA,aAAA,CAAA,YAAA,EAAA,EAAa,SAAQ,iBAAkB,EAAA,CAC1C,mBACCA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAI,gBAAiB,EAAA,cAAA,EAAc,wBAC1CA,cAAA,CAAA,aAAA,CAAA,YAAA,EAAA,EAAa,IAAI,EAAE,QAAA,EAAU,IAC5B,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,EAAI,EAAA;AAAA,UACF,KAAO,EAAA,EAAA;AAAA,UACP,MAAQ,EAAA,EAAA;AAAA,UACR,OAAS,EAAA,SAAA;AAAA,UACT,YAAc,EAAA;AAAA;AAChB;AAAA,KAEJ,mBACCA,cAAA,CAAA,aAAA,CAAA,YAAA,EAAA,EAAa,SAAQ,UAAW,EAAA,CACnC,CACF,CACF,CAAA;AAAA,oBAECA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,IAAM,EAAA,CAAA,EAAG,KAAK,CACjB,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,IAAA;AAAA,QACR,UAAW,EAAA,MAAA;AAAA,QACX,EAAA,EAAI,EAAE,QAAA,EAAU,MAAO;AAAA,OAAA;AAAA,MAEtB,kBAAA;AAAA,MAAmB;AAAA,KACtB,+CACC,UAAW,EAAA,EAAA,OAAA,EAAQ,SAAQ,KAAM,EAAA,eAAA,EAAA,EAAgB,gBAElD,CACF;AAAA,GAGN,CAAA;AAEJ;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@red-hat-developer-hub/backstage-plugin-adoption-insights",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "license": "Apache-2.0",
   "main": "dist/index.esm.js",
   "types": "dist/index.d.ts",