@electrolux-oss/plugin-infrawallet 0.1.12 → 0.2.0

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

@@ -1 +1 @@
-{"version":3,"file":"InfraWalletApi.esm.js","sources":["../../src/api/InfraWalletApi.ts"],"sourcesContent":["import { createApiRef } from '@backstage/core-plugin-api';\nimport {\n  CostReportsResponse,\n  GetWalletResponse,\n  MetricConfigsResponse,\n  MetricSetting,\n  MetricsResponse,\n  MetricsSettingResponse,\n  Tag,\n  TagResponse,\n} from './types';\n\n/** @public */\nexport const infraWalletApiRef = createApiRef<InfraWalletApi>({\n  id: 'plugin.infrawallet',\n});\n\n/** @public */\nexport interface InfraWalletApi {\n  getCostReports(\n    filters: string,\n    tags: Tag[],\n    groups: string,\n    granularity: string,\n    startTime: Date,\n    endTime: Date,\n  ): Promise<CostReportsResponse>;\n  getTagKeys(provider: string, startTime: Date, endTime: Date): Promise<TagResponse>;\n  getTagValues(tag: Tag, startTime: Date, endTime: Date): Promise<TagResponse>;\n  getMetrics(walletName: string, granularity: string, startTime: Date, endTime: Date): Promise<MetricsResponse>;\n  getMetricConfigs(): Promise<MetricConfigsResponse>;\n  getWalletMetricsSetting(walletName: string): Promise<MetricsSettingResponse>;\n  updateWalletMetricSetting(\n    walletName: string,\n    metricSetting: MetricSetting,\n  ): Promise<{ updated: boolean; status: number }>;\n  deleteWalletMetricSetting(\n    walletName: string,\n    metricSetting: MetricSetting,\n  ): Promise<{ deleted: boolean; status: number }>;\n  getWalletByName(walletName: string): Promise<GetWalletResponse>;\n}\n"],"names":[],"mappings":";;AAaO,MAAM,oBAAoB,YAA6B,CAAA;AAAA,EAC5D,EAAI,EAAA,oBAAA;AACN,CAAC;;;;"}
+{"version":3,"file":"InfraWalletApi.esm.js","sources":["../../src/api/InfraWalletApi.ts"],"sourcesContent":["import { createApiRef } from '@backstage/core-plugin-api';\nimport {\n  Budget,\n  BudgetsResponse,\n  CostReportsResponse,\n  CustomCost,\n  CustomCostsResponse,\n  GetWalletResponse,\n  MetricConfigsResponse,\n  MetricSetting,\n  MetricsResponse,\n  MetricsSettingResponse,\n  Tag,\n  TagResponse,\n} from './types';\n\n/** @public */\nexport const infraWalletApiRef = createApiRef<InfraWalletApi>({\n  id: 'plugin.infrawallet',\n});\n\n/** @public */\nexport interface InfraWalletApi {\n  getCostReports(\n    filters: string,\n    tags: Tag[],\n    groups: string,\n    granularity: string,\n    startTime: Date,\n    endTime: Date,\n  ): Promise<CostReportsResponse>;\n  getTagKeys(provider: string, startTime: Date, endTime: Date): Promise<TagResponse>;\n  getTagValues(tag: Tag, startTime: Date, endTime: Date): Promise<TagResponse>;\n  getBudgets(walletName: string): Promise<BudgetsResponse>;\n  getBudget(walletName: string, provider: string): Promise<BudgetsResponse>;\n  updateBudget(walletName: string, budget: Budget): Promise<{ updated: boolean; status: number }>;\n  getMetrics(walletName: string, granularity: string, startTime: Date, endTime: Date): Promise<MetricsResponse>;\n  getMetricConfigs(): Promise<MetricConfigsResponse>;\n  getWalletMetricsSetting(walletName: string): Promise<MetricsSettingResponse>;\n  updateWalletMetricSetting(\n    walletName: string,\n    metricSetting: MetricSetting,\n  ): Promise<{ updated: boolean; status: number }>;\n  deleteWalletMetricSetting(\n    walletName: string,\n    metricSetting: MetricSetting,\n  ): Promise<{ deleted: boolean; status: number }>;\n  getWalletByName(walletName: string): Promise<GetWalletResponse>;\n  getCustomCosts(): Promise<CustomCostsResponse>;\n  createCustomCosts(customCosts: CustomCost[]): Promise<{ created: number; status: number }>;\n  updateCustomCost(customCost: CustomCost): Promise<{ updated: boolean; status: number }>;\n  deleteCustomCost(customCost: CustomCost): Promise<{ deleted: boolean; status: number }>;\n}\n"],"names":[],"mappings":";;AAiBO,MAAM,oBAAoB,YAA6B,CAAA;AAAA,EAC5D,EAAI,EAAA,oBAAA;AACN,CAAC;;;;"}

package/dist/api/InfraWalletApiClient.esm.js

@@ -1,16 +1,10 @@
 import fetch from 'node-fetch';
 import { tagsToString } from './functions.esm.js';
 
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
 class InfraWalletApiClient {
+  identityApi;
+  backendUrl;
   constructor(options) {
-    __publicField(this, "identityApi");
-    __publicField(this, "backendUrl");
     this.identityApi = options.identityApi;
     this.backendUrl = options.configApi.getString("backend.baseUrl");
   }
@@ -23,7 +17,7 @@ class InfraWalletApiClient {
     }
     const request = {
       headers,
-      method: method != null ? method : "GET"
+      method: method ?? "GET"
     };
     if (payload) {
       request.body = JSON.stringify(payload);
@@ -51,6 +45,18 @@ class InfraWalletApiClient {
     const url = `api/infrawallet/tag-values?provider=${provider}&tag=${tagKey}&startTime=${startTime.getTime()}&endTime=${endTime.getTime()}`;
     return await this.request(url);
   }
+  async getBudgets(walletName) {
+    const url = `api/infrawallet/${walletName}/budgets`;
+    return await this.request(url);
+  }
+  async getBudget(walletName, provider) {
+    const url = `api/infrawallet/${walletName}/budgets?provider=${provider}`;
+    return await this.request(url);
+  }
+  async updateBudget(walletName, budget) {
+    const url = `api/infrawallet/${walletName}/budgets`;
+    return await this.request(url, "PUT", budget);
+  }
   async getWalletByName(walletName) {
     const url = `api/infrawallet/${walletName}`;
     return await this.request(url);
@@ -60,21 +66,37 @@ class InfraWalletApiClient {
     return await this.request(url);
   }
   async getMetricConfigs() {
-    const url = "api/infrawallet/metric/metric_configs";
+    const url = "api/infrawallet/metric/metric-configs";
     return await this.request(url);
   }
   async getWalletMetricsSetting(walletName) {
-    const url = `api/infrawallet/${walletName}/metrics_setting`;
+    const url = `api/infrawallet/${walletName}/metrics-setting`;
     return await this.request(url);
   }
   async updateWalletMetricSetting(walletName, metricSetting) {
-    const url = `api/infrawallet/${walletName}/metrics_setting`;
+    const url = `api/infrawallet/${walletName}/metrics-setting`;
     return await this.request(url, "PUT", metricSetting);
   }
   async deleteWalletMetricSetting(walletName, metricSetting) {
-    const url = `api/infrawallet/${walletName}/metrics_setting`;
+    const url = `api/infrawallet/${walletName}/metrics-setting`;
     return await this.request(url, "DELETE", metricSetting);
   }
+  async getCustomCosts() {
+    const url = `api/infrawallet/custom-costs`;
+    return await this.request(url);
+  }
+  async createCustomCosts(customCosts) {
+    const url = `api/infrawallet/custom-costs`;
+    return await this.request(url, "POST", customCosts);
+  }
+  async updateCustomCost(customCost) {
+    const url = `api/infrawallet/custom-cost`;
+    return await this.request(url, "PUT", customCost);
+  }
+  async deleteCustomCost(customCost) {
+    const url = `api/infrawallet/custom-cost`;
+    return await this.request(url, "DELETE", customCost);
+  }
 }
 
 export { InfraWalletApiClient };

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

@@ -1 +1 @@
-{"version":3,"file":"InfraWalletApiClient.esm.js","sources":["../../src/api/InfraWalletApiClient.ts"],"sourcesContent":["import { ConfigApi, IdentityApi } from '@backstage/core-plugin-api';\nimport fetch from 'node-fetch';\nimport { InfraWalletApi } from './InfraWalletApi';\nimport {\n  CostReportsResponse,\n  GetWalletResponse,\n  MetricConfigsResponse,\n  MetricSetting,\n  MetricsResponse,\n  MetricsSettingResponse,\n  Tag,\n  TagResponse,\n} from './types';\nimport { tagsToString } from './functions';\n\n/** @public */\nexport class InfraWalletApiClient implements InfraWalletApi {\n  private readonly identityApi: IdentityApi;\n  private readonly backendUrl: string;\n\n  constructor(options: { identityApi: IdentityApi; configApi: ConfigApi }) {\n    this.identityApi = options.identityApi;\n    this.backendUrl = options.configApi.getString('backend.baseUrl');\n  }\n\n  async request(path: string, method?: string, payload?: Record<string, string | undefined>) {\n    const url = `${this.backendUrl}/${path}`;\n    const { token: idToken } = await this.identityApi.getCredentials();\n    const headers: Record<string, string> = idToken ? { Authorization: `Bearer ${idToken}` } : {};\n\n    if (method !== undefined && method !== 'GET') {\n      headers['Content-Type'] = 'application/json';\n    }\n\n    const request: any = {\n      headers: headers,\n      method: method ?? 'GET',\n    };\n\n    if (payload) {\n      request.body = JSON.stringify(payload);\n    }\n\n    const response = await fetch(url, request);\n\n    if (!response.ok) {\n      const res = await response.text();\n      const message = `Request failed with ${response.status} ${response.statusText}, ${res}`;\n      throw new Error(message);\n    }\n\n    return await response.json();\n  }\n\n  async getCostReports(\n    filters: string,\n    tags: Tag[],\n    groups: string,\n    granularity: string,\n    startTime: Date,\n    endTime: Date,\n  ): Promise<CostReportsResponse> {\n    const tagsString = tagsToString(tags);\n    const url = `api/infrawallet/reports?granularity=${granularity}&groups=${groups}&filters=${filters}&tags=${tagsString}&startTime=${startTime.getTime()}&endTime=${endTime.getTime()}`;\n\n    return await this.request(url);\n  }\n  async getTagKeys(provider: string, startTime: Date, endTime: Date): Promise<TagResponse> {\n    const url = `api/infrawallet/tag-keys?provider=${provider}&startTime=${startTime.getTime()}&endTime=${endTime.getTime()}`;\n    return await this.request(url);\n  }\n\n  async getTagValues(tag: Tag, startTime: Date, endTime: Date): Promise<TagResponse> {\n    const provider = tag.provider;\n    const tagKey = tag.key;\n    const url = `api/infrawallet/tag-values?provider=${provider}&tag=${tagKey}&startTime=${startTime.getTime()}&endTime=${endTime.getTime()}`;\n    return await this.request(url);\n  }\n\n  async getWalletByName(walletName: string): Promise<GetWalletResponse> {\n    const url = `api/infrawallet/${walletName}`;\n    return await this.request(url);\n  }\n\n  async getMetrics(walletName: string, granularity: string, startTime: Date, endTime: Date): Promise<MetricsResponse> {\n    const url = `api/infrawallet/${walletName}/metrics?&granularity=${granularity}&startTime=${startTime.getTime()}&endTime=${endTime.getTime()}`;\n    return await this.request(url);\n  }\n\n  async getMetricConfigs(): Promise<MetricConfigsResponse> {\n    const url = 'api/infrawallet/metric/metric_configs';\n    return await this.request(url);\n  }\n\n  async getWalletMetricsSetting(walletName: string): Promise<MetricsSettingResponse> {\n    const url = `api/infrawallet/${walletName}/metrics_setting`;\n    return await this.request(url);\n  }\n  async updateWalletMetricSetting(\n    walletName: string,\n    metricSetting: MetricSetting,\n  ): Promise<{ updated: boolean; status: number }> {\n    const url = `api/infrawallet/${walletName}/metrics_setting`;\n    return await this.request(url, 'PUT', metricSetting);\n  }\n\n  async deleteWalletMetricSetting(\n    walletName: string,\n    metricSetting: MetricSetting,\n  ): Promise<{ deleted: boolean; status: number }> {\n    const url = `api/infrawallet/${walletName}/metrics_setting`;\n    return await this.request(url, 'DELETE', metricSetting);\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;AAgBO,MAAM,oBAA+C,CAAA;AAAA,EAI1D,YAAY,OAA6D,EAAA;AAHzE,IAAiB,aAAA,CAAA,IAAA,EAAA,aAAA,CAAA,CAAA;AACjB,IAAiB,aAAA,CAAA,IAAA,EAAA,YAAA,CAAA,CAAA;AAGf,IAAA,IAAA,CAAK,cAAc,OAAQ,CAAA,WAAA,CAAA;AAC3B,IAAA,IAAA,CAAK,UAAa,GAAA,OAAA,CAAQ,SAAU,CAAA,SAAA,CAAU,iBAAiB,CAAA,CAAA;AAAA,GACjE;AAAA,EAEA,MAAM,OAAA,CAAQ,IAAc,EAAA,MAAA,EAAiB,OAA8C,EAAA;AACzF,IAAA,MAAM,GAAM,GAAA,CAAA,EAAG,IAAK,CAAA,UAAU,IAAI,IAAI,CAAA,CAAA,CAAA;AACtC,IAAA,MAAM,EAAE,KAAO,EAAA,OAAA,KAAY,MAAM,IAAA,CAAK,YAAY,cAAe,EAAA,CAAA;AACjE,IAAM,MAAA,OAAA,GAAkC,UAAU,EAAE,aAAA,EAAe,UAAU,OAAO,CAAA,CAAA,KAAO,EAAC,CAAA;AAE5F,IAAI,IAAA,MAAA,KAAW,KAAa,CAAA,IAAA,MAAA,KAAW,KAAO,EAAA;AAC5C,MAAA,OAAA,CAAQ,cAAc,CAAI,GAAA,kBAAA,CAAA;AAAA,KAC5B;AAEA,IAAA,MAAM,OAAe,GAAA;AAAA,MACnB,OAAA;AAAA,MACA,QAAQ,MAAU,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA;AAAA,KACpB,CAAA;AAEA,IAAA,IAAI,OAAS,EAAA;AACX,MAAQ,OAAA,CAAA,IAAA,GAAO,IAAK,CAAA,SAAA,CAAU,OAAO,CAAA,CAAA;AAAA,KACvC;AAEA,IAAA,MAAM,QAAW,GAAA,MAAM,KAAM,CAAA,GAAA,EAAK,OAAO,CAAA,CAAA;AAEzC,IAAI,IAAA,CAAC,SAAS,EAAI,EAAA;AAChB,MAAM,MAAA,GAAA,GAAM,MAAM,QAAA,CAAS,IAAK,EAAA,CAAA;AAChC,MAAM,MAAA,OAAA,GAAU,uBAAuB,QAAS,CAAA,MAAM,IAAI,QAAS,CAAA,UAAU,KAAK,GAAG,CAAA,CAAA,CAAA;AACrF,MAAM,MAAA,IAAI,MAAM,OAAO,CAAA,CAAA;AAAA,KACzB;AAEA,IAAO,OAAA,MAAM,SAAS,IAAK,EAAA,CAAA;AAAA,GAC7B;AAAA,EAEA,MAAM,cACJ,CAAA,OAAA,EACA,MACA,MACA,EAAA,WAAA,EACA,WACA,OAC8B,EAAA;AAC9B,IAAM,MAAA,UAAA,GAAa,aAAa,IAAI,CAAA,CAAA;AACpC,IAAA,MAAM,MAAM,CAAuC,oCAAA,EAAA,WAAW,CAAW,QAAA,EAAA,MAAM,YAAY,OAAO,CAAA,MAAA,EAAS,UAAU,CAAA,WAAA,EAAc,UAAU,OAAQ,EAAC,CAAY,SAAA,EAAA,OAAA,CAAQ,SAAS,CAAA,CAAA,CAAA;AAEnL,IAAO,OAAA,MAAM,IAAK,CAAA,OAAA,CAAQ,GAAG,CAAA,CAAA;AAAA,GAC/B;AAAA,EACA,MAAM,UAAA,CAAW,QAAkB,EAAA,SAAA,EAAiB,OAAqC,EAAA;AACvF,IAAM,MAAA,GAAA,GAAM,CAAqC,kCAAA,EAAA,QAAQ,CAAc,WAAA,EAAA,SAAA,CAAU,SAAS,CAAA,SAAA,EAAY,OAAQ,CAAA,OAAA,EAAS,CAAA,CAAA,CAAA;AACvH,IAAO,OAAA,MAAM,IAAK,CAAA,OAAA,CAAQ,GAAG,CAAA,CAAA;AAAA,GAC/B;AAAA,EAEA,MAAM,YAAA,CAAa,GAAU,EAAA,SAAA,EAAiB,OAAqC,EAAA;AACjF,IAAA,MAAM,WAAW,GAAI,CAAA,QAAA,CAAA;AACrB,IAAA,MAAM,SAAS,GAAI,CAAA,GAAA,CAAA;AACnB,IAAA,MAAM,GAAM,GAAA,CAAA,oCAAA,EAAuC,QAAQ,CAAA,KAAA,EAAQ,MAAM,CAAA,WAAA,EAAc,SAAU,CAAA,OAAA,EAAS,CAAA,SAAA,EAAY,OAAQ,CAAA,OAAA,EAAS,CAAA,CAAA,CAAA;AACvI,IAAO,OAAA,MAAM,IAAK,CAAA,OAAA,CAAQ,GAAG,CAAA,CAAA;AAAA,GAC/B;AAAA,EAEA,MAAM,gBAAgB,UAAgD,EAAA;AACpE,IAAM,MAAA,GAAA,GAAM,mBAAmB,UAAU,CAAA,CAAA,CAAA;AACzC,IAAO,OAAA,MAAM,IAAK,CAAA,OAAA,CAAQ,GAAG,CAAA,CAAA;AAAA,GAC/B;AAAA,EAEA,MAAM,UAAA,CAAW,UAAoB,EAAA,WAAA,EAAqB,WAAiB,OAAyC,EAAA;AAClH,IAAA,MAAM,GAAM,GAAA,CAAA,gBAAA,EAAmB,UAAU,CAAA,sBAAA,EAAyB,WAAW,CAAA,WAAA,EAAc,SAAU,CAAA,OAAA,EAAS,CAAA,SAAA,EAAY,OAAQ,CAAA,OAAA,EAAS,CAAA,CAAA,CAAA;AAC3I,IAAO,OAAA,MAAM,IAAK,CAAA,OAAA,CAAQ,GAAG,CAAA,CAAA;AAAA,GAC/B;AAAA,EAEA,MAAM,gBAAmD,GAAA;AACvD,IAAA,MAAM,GAAM,GAAA,uCAAA,CAAA;AACZ,IAAO,OAAA,MAAM,IAAK,CAAA,OAAA,CAAQ,GAAG,CAAA,CAAA;AAAA,GAC/B;AAAA,EAEA,MAAM,wBAAwB,UAAqD,EAAA;AACjF,IAAM,MAAA,GAAA,GAAM,mBAAmB,UAAU,CAAA,gBAAA,CAAA,CAAA;AACzC,IAAO,OAAA,MAAM,IAAK,CAAA,OAAA,CAAQ,GAAG,CAAA,CAAA;AAAA,GAC/B;AAAA,EACA,MAAM,yBACJ,CAAA,UAAA,EACA,aAC+C,EAAA;AAC/C,IAAM,MAAA,GAAA,GAAM,mBAAmB,UAAU,CAAA,gBAAA,CAAA,CAAA;AACzC,IAAA,OAAO,MAAM,IAAA,CAAK,OAAQ,CAAA,GAAA,EAAK,OAAO,aAAa,CAAA,CAAA;AAAA,GACrD;AAAA,EAEA,MAAM,yBACJ,CAAA,UAAA,EACA,aAC+C,EAAA;AAC/C,IAAM,MAAA,GAAA,GAAM,mBAAmB,UAAU,CAAA,gBAAA,CAAA,CAAA;AACzC,IAAA,OAAO,MAAM,IAAA,CAAK,OAAQ,CAAA,GAAA,EAAK,UAAU,aAAa,CAAA,CAAA;AAAA,GACxD;AACF;;;;"}
+{"version":3,"file":"InfraWalletApiClient.esm.js","sources":["../../src/api/InfraWalletApiClient.ts"],"sourcesContent":["import { ConfigApi, IdentityApi } from '@backstage/core-plugin-api';\nimport fetch from 'node-fetch';\nimport { InfraWalletApi } from './InfraWalletApi';\nimport { tagsToString } from './functions';\nimport {\n  Budget,\n  BudgetsResponse,\n  CostReportsResponse,\n  CustomCost,\n  CustomCostsResponse,\n  GetWalletResponse,\n  MetricConfigsResponse,\n  MetricSetting,\n  MetricsResponse,\n  MetricsSettingResponse,\n  Tag,\n  TagResponse,\n} from './types';\n\n/** @public */\nexport class InfraWalletApiClient implements InfraWalletApi {\n  private readonly identityApi: IdentityApi;\n  private readonly backendUrl: string;\n\n  constructor(options: { identityApi: IdentityApi; configApi: ConfigApi }) {\n    this.identityApi = options.identityApi;\n    this.backendUrl = options.configApi.getString('backend.baseUrl');\n  }\n\n  async request(path: string, method?: string, payload?: Record<string, any>) {\n    const url = `${this.backendUrl}/${path}`;\n    const { token: idToken } = await this.identityApi.getCredentials();\n    const headers: Record<string, string> = idToken ? { Authorization: `Bearer ${idToken}` } : {};\n\n    if (method !== undefined && method !== 'GET') {\n      headers['Content-Type'] = 'application/json';\n    }\n\n    const request: any = {\n      headers: headers,\n      method: method ?? 'GET',\n    };\n\n    if (payload) {\n      request.body = JSON.stringify(payload);\n    }\n\n    const response = await fetch(url, request);\n\n    if (!response.ok) {\n      const res = await response.text();\n      const message = `Request failed with ${response.status} ${response.statusText}, ${res}`;\n      throw new Error(message);\n    }\n\n    return await response.json();\n  }\n\n  async getCostReports(\n    filters: string,\n    tags: Tag[],\n    groups: string,\n    granularity: string,\n    startTime: Date,\n    endTime: Date,\n  ): Promise<CostReportsResponse> {\n    const tagsString = tagsToString(tags);\n    const url = `api/infrawallet/reports?granularity=${granularity}&groups=${groups}&filters=${filters}&tags=${tagsString}&startTime=${startTime.getTime()}&endTime=${endTime.getTime()}`;\n\n    return await this.request(url);\n  }\n\n  async getTagKeys(provider: string, startTime: Date, endTime: Date): Promise<TagResponse> {\n    const url = `api/infrawallet/tag-keys?provider=${provider}&startTime=${startTime.getTime()}&endTime=${endTime.getTime()}`;\n    return await this.request(url);\n  }\n\n  async getTagValues(tag: Tag, startTime: Date, endTime: Date): Promise<TagResponse> {\n    const provider = tag.provider;\n    const tagKey = tag.key;\n    const url = `api/infrawallet/tag-values?provider=${provider}&tag=${tagKey}&startTime=${startTime.getTime()}&endTime=${endTime.getTime()}`;\n    return await this.request(url);\n  }\n\n  async getBudgets(walletName: string): Promise<BudgetsResponse> {\n    const url = `api/infrawallet/${walletName}/budgets`;\n    return await this.request(url);\n  }\n\n  async getBudget(walletName: string, provider: string): Promise<BudgetsResponse> {\n    const url = `api/infrawallet/${walletName}/budgets?provider=${provider}`;\n    return await this.request(url);\n  }\n\n  async updateBudget(walletName: string, budget: Budget): Promise<{ updated: boolean; status: number }> {\n    const url = `api/infrawallet/${walletName}/budgets`;\n    return await this.request(url, 'PUT', budget);\n  }\n\n  async getWalletByName(walletName: string): Promise<GetWalletResponse> {\n    const url = `api/infrawallet/${walletName}`;\n    return await this.request(url);\n  }\n\n  async getMetrics(walletName: string, granularity: string, startTime: Date, endTime: Date): Promise<MetricsResponse> {\n    const url = `api/infrawallet/${walletName}/metrics?&granularity=${granularity}&startTime=${startTime.getTime()}&endTime=${endTime.getTime()}`;\n    return await this.request(url);\n  }\n\n  async getMetricConfigs(): Promise<MetricConfigsResponse> {\n    const url = 'api/infrawallet/metric/metric-configs';\n    return await this.request(url);\n  }\n\n  async getWalletMetricsSetting(walletName: string): Promise<MetricsSettingResponse> {\n    const url = `api/infrawallet/${walletName}/metrics-setting`;\n    return await this.request(url);\n  }\n\n  async updateWalletMetricSetting(\n    walletName: string,\n    metricSetting: MetricSetting,\n  ): Promise<{ updated: boolean; status: number }> {\n    const url = `api/infrawallet/${walletName}/metrics-setting`;\n    return await this.request(url, 'PUT', metricSetting);\n  }\n\n  async deleteWalletMetricSetting(\n    walletName: string,\n    metricSetting: MetricSetting,\n  ): Promise<{ deleted: boolean; status: number }> {\n    const url = `api/infrawallet/${walletName}/metrics-setting`;\n    return await this.request(url, 'DELETE', metricSetting);\n  }\n\n  async getCustomCosts(): Promise<CustomCostsResponse> {\n    const url = `api/infrawallet/custom-costs`;\n    return await this.request(url);\n  }\n\n  async createCustomCosts(customCosts: CustomCost[]): Promise<{ created: number; status: number }> {\n    const url = `api/infrawallet/custom-costs`;\n    return await this.request(url, 'POST', customCosts);\n  }\n\n  async updateCustomCost(customCost: CustomCost): Promise<{ updated: boolean; status: number }> {\n    const url = `api/infrawallet/custom-cost`;\n    return await this.request(url, 'PUT', customCost);\n  }\n\n  async deleteCustomCost(customCost: CustomCost): Promise<{ deleted: boolean; status: number }> {\n    const url = `api/infrawallet/custom-cost`;\n    return await this.request(url, 'DELETE', customCost);\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/api/functions.esm.js

@@ -11,8 +11,8 @@ const mergeCostReports = (reports, threshold) => {
     });
     totalCosts.push({ id: report.id, total });
   });
-  const sortedTotalCosts = totalCosts.sort((a, b) => b.total - a.total);
-  const idsToBeKept = sortedTotalCosts.slice(0, threshold).map((v) => v.id);
+  totalCosts.sort((a, b) => b.total - a.total);
+  const idsToBeKept = totalCosts.slice(0, threshold).map((v) => v.id);
   const mergedReports = reduce(
     reports,
     (accumulator, report) => {
@@ -37,7 +37,7 @@ const mergeCostReports = (reports, threshold) => {
     },
     {}
   );
-  return Object.values(mergedReports);
+  return Object.values(mergedReports).sort((a, b) => a.id.localeCompare(b.id));
 };
 const filterCostReports = (reports, filters) => {
   const filteredReports = reports.filter((report) => {
@@ -87,7 +87,7 @@ const aggregateCostReports = (reports, aggregatedBy) => {
 const getReportKeyAndValues = (reports) => {
   const excludedKeys = ["id", "reports"];
   const keyValueSets = {};
-  reports.forEach((report) => {
+  reports?.forEach((report) => {
     Object.keys(report).forEach((key) => {
       if (!excludedKeys.includes(key)) {
         if (keyValueSets[key] === void 0) {
@@ -100,6 +100,7 @@ const getReportKeyAndValues = (reports) => {
   const keyValues = {};
   Object.keys(keyValueSets).forEach((key) => {
     keyValues[key] = Array.from(keyValueSets[key]);
+    keyValues[key].sort((a, b) => a.localeCompare(b));
   });
   return keyValues;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"functions.esm.js","sources":["../../src/api/functions.ts"],"sourcesContent":["import { format, parse, subDays, subMonths } from 'date-fns';\nimport { reduce } from 'lodash';\nimport moment from 'moment';\nimport { Filters, Report, Tag } from './types';\n\nexport const mergeCostReports = (reports: Report[], threshold: number): Report[] => {\n  const totalCosts: { id: string; total: number }[] = [];\n  reports.forEach(report => {\n    let total = 0;\n    Object.values(report.reports).forEach(v => {\n      total += v as number;\n    });\n    totalCosts.push({ id: report.id, total: total });\n  });\n  const sortedTotalCosts = totalCosts.sort((a, b) => b.total - a.total);\n  const idsToBeKept = sortedTotalCosts.slice(0, threshold).map(v => v.id);\n\n  const mergedReports = reduce(\n    reports,\n    (accumulator: { [key: string]: Report }, report) => {\n      let keyName = 'Others';\n      if (idsToBeKept.includes(report.id)) {\n        keyName = report.id;\n      }\n      if (!accumulator[keyName]) {\n        accumulator[keyName] = {\n          id: keyName,\n          reports: {},\n        };\n      }\n\n      Object.keys(report.reports).forEach(key => {\n        if (accumulator[keyName].reports[key]) {\n          accumulator[keyName].reports[key] += report.reports[key];\n        } else {\n          accumulator[keyName].reports[key] = report.reports[key];\n        }\n      });\n      return accumulator;\n    },\n    {},\n  );\n\n  return Object.values(mergedReports);\n};\n\nexport const filterCostReports = (reports: Report[], filters: Filters): Report[] => {\n  const filteredReports = reports.filter(report => {\n    let match = true;\n    Object.keys(filters).forEach(key => {\n      if (filters[key].length > 0 && !filters[key].includes(report[key] as string)) {\n        match = false;\n      }\n    });\n    return match;\n  });\n\n  return filteredReports;\n};\n\nexport const aggregateCostReports = (reports: Report[], aggregatedBy?: string): Report[] => {\n  const aggregatedReports: { [key: string]: Report } = reduce(\n    reports,\n    (accumulator, report) => {\n      let keyName: string = 'no value';\n      if (aggregatedBy && aggregatedBy in report) {\n        keyName = report[aggregatedBy] as string;\n      } else if (aggregatedBy === 'none') {\n        keyName = 'Total';\n      }\n\n      if (!accumulator[keyName]) {\n        accumulator[keyName] = {\n          id: keyName,\n          provider: report.provider,\n          reports: {},\n        } as {\n          id: string;\n          reports: { [key: string]: number };\n          [key: string]: any;\n        };\n\n        if (aggregatedBy !== undefined) {\n          accumulator[keyName][aggregatedBy] = keyName;\n        }\n      }\n\n      Object.keys(report.reports).forEach(key => {\n        if (accumulator[keyName].reports[key]) {\n          accumulator[keyName].reports[key] += report.reports[key];\n        } else {\n          accumulator[keyName].reports[key] = report.reports[key];\n        }\n      });\n      return accumulator;\n    },\n    {} as { [key: string]: Report },\n  );\n  return Object.values(aggregatedReports);\n};\n\nexport const getReportKeyAndValues = (reports: Report[]): { [key: string]: string[] } => {\n  const excludedKeys = ['id', 'reports'];\n  const keyValueSets: { [key: string]: Set<string> } = {};\n  reports.forEach(report => {\n    Object.keys(report).forEach(key => {\n      if (!excludedKeys.includes(key)) {\n        if (keyValueSets[key] === undefined) {\n          keyValueSets[key] = new Set<string>();\n        }\n\n        keyValueSets[key].add(report[key] as string);\n      }\n    });\n  });\n\n  const keyValues: { [key: string]: string[] } = {};\n  Object.keys(keyValueSets).forEach((key: string) => {\n    keyValues[key] = Array.from(keyValueSets[key]);\n  });\n  return keyValues;\n};\n\nexport const extractProvider = (input: string): string | undefined => {\n  let provider = undefined;\n  if (input && input.indexOf('/') !== -1) {\n    provider = input.split('/')[0];\n  }\n\n  return provider;\n};\n\nexport const extractAccountInfo = (input: string): { accountName: string; accountId?: string } => {\n  // try to match format: accountName (accountId), e.g. aws-dev (123456789012)\n  const regex = /^(.*?)\\s*\\(([^)]+)\\)$/;\n  const match = input.match(regex);\n\n  if (match) {\n    const accountName = match[1];\n    const accountId = match[2];\n    return { accountName: accountName, accountId: accountId };\n  }\n\n  return { accountName: input };\n};\n\n// check if targetTag exists in tags\nexport function tagExists(tags: Tag[], targetTag: Tag): boolean {\n  return tags.some(\n    tag => tag.provider === targetTag.provider && tag.key === targetTag.key && tag.value === targetTag.value,\n  );\n}\n\n// convert Tag array to (provider1:key1=value1 OR provider2:key2=value2) format\nexport const tagsToString = (tags: Tag[]): string => {\n  if (tags.length === 0) {\n    return '()';\n  }\n\n  const keyValuePairs = tags.map(tag => `${tag.provider}:${tag.key}=${tag.value}`);\n  return `(${keyValuePairs.join(' OR ')})`;\n};\n\nexport const getAllReportTags = (reports: Report[]): string[] => {\n  const tags = new Set<string>();\n  const reservedKeys = ['id', 'account', 'service', 'category', 'provider', 'reports'];\n  reports.forEach(report => {\n    Object.keys(report).forEach(key => {\n      if (reservedKeys.indexOf(key) === -1) {\n        tags.add(key);\n      }\n    });\n  });\n  return Array.from(tags);\n};\n\nexport const getPreviousMonth = (month: string): string => {\n  const date = parse(month, 'yyyy-MM', new Date());\n  const previousMonth = subMonths(date, 1);\n  return format(previousMonth, 'yyyy-MM');\n};\n\nexport const getPreviousDay = (day: string): string => {\n  const date = parse(day, 'yyyy-MM-dd', new Date());\n  const previousDay = subDays(date, 1);\n  return format(previousDay, 'yyyy-MM-dd');\n};\n\nexport const getPeriodStrings = (granularity: string, startTime: Date, endTime: Date): string[] => {\n  const result: string[] = [];\n  const current = moment(startTime);\n\n  while (current.isSameOrBefore(endTime) && current.isSameOrBefore(moment())) {\n    if (granularity === 'monthly') {\n      result.push(current.format('YYYY-MM'));\n      current.add(1, 'months');\n    } else {\n      result.push(current.format('YYYY-MM-DD'));\n      current.add(1, 'days');\n    }\n  }\n\n  return result;\n};\n\nexport const formatCurrency = (number: number, currency?: string): string => {\n  return new Intl.NumberFormat('en-US', {\n    style: 'currency',\n    currency: currency || 'USD',\n    notation: 'compact',\n  }).format(number);\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"functions.esm.js","sources":["../../src/api/functions.ts"],"sourcesContent":["import { format, parse, subDays, subMonths } from 'date-fns';\nimport { reduce } from 'lodash';\nimport moment from 'moment';\nimport { Filters, Report, Tag } from './types';\n\nexport const mergeCostReports = (reports: Report[], threshold?: number): Report[] => {\n  const totalCosts: { id: string; total: number }[] = [];\n  reports.forEach(report => {\n    let total = 0;\n    Object.values(report.reports).forEach(v => {\n      total += v as number;\n    });\n    totalCosts.push({ id: report.id, total: total });\n  });\n  totalCosts.sort((a, b) => b.total - a.total);\n  const idsToBeKept = totalCosts.slice(0, threshold).map(v => v.id);\n\n  const mergedReports = reduce(\n    reports,\n    (accumulator: { [key: string]: Report }, report) => {\n      let keyName = 'Others';\n      if (idsToBeKept.includes(report.id)) {\n        keyName = report.id;\n      }\n      if (!accumulator[keyName]) {\n        accumulator[keyName] = {\n          id: keyName,\n          reports: {},\n        };\n      }\n\n      Object.keys(report.reports).forEach(key => {\n        if (accumulator[keyName].reports[key]) {\n          accumulator[keyName].reports[key] += report.reports[key];\n        } else {\n          accumulator[keyName].reports[key] = report.reports[key];\n        }\n      });\n      return accumulator;\n    },\n    {},\n  );\n\n  return Object.values(mergedReports).sort((a, b) => a.id.localeCompare(b.id));\n};\n\nexport const filterCostReports = (reports: Report[], filters: Filters): Report[] => {\n  const filteredReports = reports.filter(report => {\n    let match = true;\n    Object.keys(filters).forEach(key => {\n      if (filters[key].length > 0 && !filters[key].includes(report[key] as string)) {\n        match = false;\n      }\n    });\n    return match;\n  });\n\n  return filteredReports;\n};\n\nexport const aggregateCostReports = (reports: Report[], aggregatedBy?: string): Report[] => {\n  const aggregatedReports: { [key: string]: Report } = reduce(\n    reports,\n    (accumulator, report) => {\n      let keyName: string = 'no value';\n      if (aggregatedBy && aggregatedBy in report) {\n        keyName = report[aggregatedBy] as string;\n      } else if (aggregatedBy === 'none') {\n        keyName = 'Total';\n      }\n\n      if (!accumulator[keyName]) {\n        accumulator[keyName] = {\n          id: keyName,\n          provider: report.provider,\n          reports: {},\n        } as {\n          id: string;\n          reports: { [key: string]: number };\n          [key: string]: any;\n        };\n\n        if (aggregatedBy !== undefined) {\n          accumulator[keyName][aggregatedBy] = keyName;\n        }\n      }\n\n      Object.keys(report.reports).forEach(key => {\n        if (accumulator[keyName].reports[key]) {\n          accumulator[keyName].reports[key] += report.reports[key];\n        } else {\n          accumulator[keyName].reports[key] = report.reports[key];\n        }\n      });\n      return accumulator;\n    },\n    {} as { [key: string]: Report },\n  );\n  return Object.values(aggregatedReports);\n};\n\nexport const getReportKeyAndValues = (reports: Report[] | undefined): { [key: string]: string[] } => {\n  const excludedKeys = ['id', 'reports'];\n  const keyValueSets: { [key: string]: Set<string> } = {};\n  reports?.forEach(report => {\n    Object.keys(report).forEach(key => {\n      if (!excludedKeys.includes(key)) {\n        if (keyValueSets[key] === undefined) {\n          keyValueSets[key] = new Set<string>();\n        }\n\n        keyValueSets[key].add(report[key] as string);\n      }\n    });\n  });\n\n  const keyValues: { [key: string]: string[] } = {};\n  Object.keys(keyValueSets).forEach((key: string) => {\n    keyValues[key] = Array.from(keyValueSets[key]);\n    keyValues[key].sort((a, b) => a.localeCompare(b));\n  });\n  return keyValues;\n};\n\nexport const extractProvider = (input: string): string | undefined => {\n  let provider = undefined;\n  if (input && input.indexOf('/') !== -1) {\n    provider = input.split('/')[0];\n  }\n\n  return provider;\n};\n\nexport const extractAccountInfo = (input: string): { accountName: string; accountId?: string } => {\n  // try to match format: accountName (accountId), e.g. aws-dev (123456789012)\n  const regex = /^(.*?)\\s*\\(([^)]+)\\)$/;\n  const match = input.match(regex);\n\n  if (match) {\n    const accountName = match[1];\n    const accountId = match[2];\n    return { accountName: accountName, accountId: accountId };\n  }\n\n  return { accountName: input };\n};\n\n// check if targetTag exists in tags\nexport function tagExists(tags: Tag[], targetTag: Tag): boolean {\n  return tags.some(\n    tag => tag.provider === targetTag.provider && tag.key === targetTag.key && tag.value === targetTag.value,\n  );\n}\n\n// convert Tag array to (provider1:key1=value1 OR provider2:key2=value2) format\nexport const tagsToString = (tags: Tag[]): string => {\n  if (tags.length === 0) {\n    return '()';\n  }\n\n  const keyValuePairs = tags.map(tag => `${tag.provider}:${tag.key}=${tag.value}`);\n  return `(${keyValuePairs.join(' OR ')})`;\n};\n\nexport const getAllReportTags = (reports: Report[]): string[] => {\n  const tags = new Set<string>();\n  const reservedKeys = ['id', 'account', 'service', 'category', 'provider', 'reports'];\n  reports.forEach(report => {\n    Object.keys(report).forEach(key => {\n      if (reservedKeys.indexOf(key) === -1) {\n        tags.add(key);\n      }\n    });\n  });\n  return Array.from(tags);\n};\n\nexport const getPreviousMonth = (month: string): string => {\n  const date = parse(month, 'yyyy-MM', new Date());\n  const previousMonth = subMonths(date, 1);\n  return format(previousMonth, 'yyyy-MM');\n};\n\nexport const getPreviousDay = (day: string): string => {\n  const date = parse(day, 'yyyy-MM-dd', new Date());\n  const previousDay = subDays(date, 1);\n  return format(previousDay, 'yyyy-MM-dd');\n};\n\nexport const getPeriodStrings = (granularity: string, startTime: Date, endTime: Date): string[] => {\n  const result: string[] = [];\n  const current = moment(startTime);\n\n  while (current.isSameOrBefore(endTime) && current.isSameOrBefore(moment())) {\n    if (granularity === 'monthly') {\n      result.push(current.format('YYYY-MM'));\n      current.add(1, 'months');\n    } else {\n      result.push(current.format('YYYY-MM-DD'));\n      current.add(1, 'days');\n    }\n  }\n\n  return result;\n};\n\nexport const formatCurrency = (number: number, currency?: string): string => {\n  return new Intl.NumberFormat('en-US', {\n    style: 'currency',\n    currency: currency || 'USD',\n    notation: 'compact',\n  }).format(number);\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Budgets/Budgets.esm.js

@@ -0,0 +1,184 @@
+import { useApi, alertApiRef } from '@backstage/core-plugin-api';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import Dialog from '@mui/material/Dialog';
+import DialogActions from '@mui/material/DialogActions';
+import DialogContent from '@mui/material/DialogContent';
+import DialogContentText from '@mui/material/DialogContentText';
+import DialogTitle from '@mui/material/DialogTitle';
+import FormControl from '@mui/material/FormControl';
+import Grid from '@mui/material/Grid';
+import Input from '@mui/material/Input';
+import InputAdornment from '@mui/material/InputAdornment';
+import InputLabel from '@mui/material/InputLabel';
+import Paper from '@mui/material/Paper';
+import Skeleton from '@mui/material/Skeleton';
+import { useTheme } from '@mui/material/styles';
+import Switch from '@mui/material/Switch';
+import Typography from '@mui/material/Typography';
+import { useDrawingArea, ChartContainer, ChartsGrid, ChartsAxisHighlight, LinePlot, BarPlot, MarkPlot, LineHighlightPlot, ChartsReferenceLine, ChartsXAxis, ChartsYAxis, ChartsTooltip } from '@mui/x-charts';
+import { max } from 'lodash';
+import moment from 'moment';
+import React__default, { useState, useCallback, useEffect } from 'react';
+import { aggregateCostReports, mergeCostReports, formatCurrency } from '../../api/functions.esm.js';
+import { infraWalletApiRef } from '../../api/InfraWalletApi.esm.js';
+import { colorList } from '../constants.esm.js';
+import { getProviderIcon } from '../ProviderIcons/ProviderIcons.esm.js';
+
+function BudgetChart(props) {
+  const { width, height } = useDrawingArea();
+  const theme = useTheme();
+  const { provider, monthlyCosts, view } = props;
+  const [annualBudget, setAnnualBudget] = useState(void 0);
+  const [openManageBudget, setOpenManageBudget] = useState(false);
+  const [refreshTrigger, setRefreshTrigger] = useState(false);
+  const infraWalletApi = useApi(infraWalletApiRef);
+  useEffect(() => {
+    const fetchBudget = async () => {
+      const response = await infraWalletApi.getBudget("default", provider);
+      const updatedBudget = response.data?.find((a) => a.provider.toLowerCase() === provider.toLowerCase());
+      setAnnualBudget(updatedBudget);
+    };
+    fetchBudget();
+  }, [refreshTrigger, provider, infraWalletApi]);
+  const updateBudget = async (event) => {
+    event.preventDefault();
+    const formData = new FormData(event.currentTarget);
+    const name = annualBudget?.name || `${provider} annual budget`;
+    const amount = formData.get("amount");
+    const newAnnualBudget = {
+      id: annualBudget?.id,
+      provider,
+      name,
+      amount: amount ? Number(amount) : 0
+    };
+    await infraWalletApi.updateBudget("default", newAnnualBudget);
+    setRefreshTrigger((prev) => !prev);
+    setOpenManageBudget(false);
+  };
+  const accumulatedCosts = [];
+  for (let i = 0; i < monthlyCosts.length; i++) {
+    if (i === 0) {
+      accumulatedCosts[i] = monthlyCosts[i];
+    } else {
+      accumulatedCosts[i] = accumulatedCosts[i - 1] + monthlyCosts[i];
+    }
+  }
+  let budgetAmount = annualBudget?.amount || 0;
+  if (view === "Monthly" /* MONTHLY */) {
+    budgetAmount = budgetAmount / 12;
+  }
+  return /* @__PURE__ */ React__default.createElement(Paper, { sx: { padding: 2 } }, /* @__PURE__ */ React__default.createElement(
+    ChartContainer,
+    {
+      width: width + 20,
+      height,
+      series: [
+        {
+          data: view === "Annual" /* ANNUAL */ ? accumulatedCosts : monthlyCosts,
+          type: view === "Annual" /* ANNUAL */ ? "line" : "bar",
+          valueFormatter: (value) => {
+            return formatCurrency(value || 0);
+          },
+          showMark: false
+        }
+      ],
+      xAxis: [
+        {
+          data: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
+          scaleType: "band"
+        }
+      ],
+      yAxis: [
+        {
+          min: 0,
+          max: view === "Annual" /* ANNUAL */ ? max([...accumulatedCosts, budgetAmount]) : max([...monthlyCosts, budgetAmount]),
+          valueFormatter: (value) => {
+            return formatCurrency(value || 0);
+          },
+          colorMap: {
+            type: "piecewise",
+            thresholds: [budgetAmount > 0 ? budgetAmount : Number.MAX_SAFE_INTEGER],
+            colors: [colorList[0], theme.palette.error.main]
+          }
+        }
+      ]
+    },
+    /* @__PURE__ */ React__default.createElement(ChartsGrid, { horizontal: true }),
+    /* @__PURE__ */ React__default.createElement(ChartsAxisHighlight, { x: view === "Annual" /* ANNUAL */ ? "line" : "band" }),
+    /* @__PURE__ */ React__default.createElement(LinePlot, null),
+    /* @__PURE__ */ React__default.createElement(BarPlot, null),
+    /* @__PURE__ */ React__default.createElement(MarkPlot, null),
+    /* @__PURE__ */ React__default.createElement(LineHighlightPlot, null),
+    /* @__PURE__ */ React__default.createElement(
+      ChartsReferenceLine,
+      {
+        y: budgetAmount,
+        label: budgetAmount ? formatCurrency(budgetAmount) : void 0,
+        labelAlign: "end",
+        lineStyle: {
+          stroke: budgetAmount ? theme.palette.error.main : "transparent",
+          strokeDasharray: "5 5",
+          strokeWidth: 1.5,
+          strokeOpacity: 0.8
+        },
+        labelStyle: { fill: theme.palette.error.main, fontSize: "0.9em" }
+      }
+    ),
+    /* @__PURE__ */ React__default.createElement(ChartsXAxis, null),
+    /* @__PURE__ */ React__default.createElement(ChartsYAxis, null),
+    /* @__PURE__ */ React__default.createElement(ChartsTooltip, null)
+  ), /* @__PURE__ */ React__default.createElement("div", { style: { textAlign: "center", fontWeight: "bold" } }, getProviderIcon(provider), " ", provider), /* @__PURE__ */ React__default.createElement("div", { style: { textAlign: "center" } }, /* @__PURE__ */ React__default.createElement(Button, { onClick: () => setOpenManageBudget(true) }, "Manage budget"), /* @__PURE__ */ React__default.createElement(Dialog, { fullWidth: true, maxWidth: "sm", open: openManageBudget, onClose: () => setOpenManageBudget(false) }, /* @__PURE__ */ React__default.createElement("form", { onSubmit: updateBudget }, /* @__PURE__ */ React__default.createElement(DialogTitle, null, "Manage Budget"), /* @__PURE__ */ React__default.createElement(DialogContent, null, /* @__PURE__ */ React__default.createElement(DialogContentText, null, "Please enter your ", props.provider, " annual budget here."), /* @__PURE__ */ React__default.createElement(Box, { sx: { display: "flex", alignItems: "flex-end" } }, getProviderIcon(provider), "\xA0\xA0", /* @__PURE__ */ React__default.createElement(FormControl, { variant: "standard" }, /* @__PURE__ */ React__default.createElement(InputLabel, null, "Amount"), /* @__PURE__ */ React__default.createElement(
+    Input,
+    {
+      id: "amount",
+      name: "amount",
+      type: "number",
+      startAdornment: /* @__PURE__ */ React__default.createElement(InputAdornment, { position: "start" }, "$"),
+      defaultValue: annualBudget?.amount
+    }
+  )))), /* @__PURE__ */ React__default.createElement(DialogActions, null, /* @__PURE__ */ React__default.createElement(Button, { type: "submit", variant: "contained" }, "Submit"), /* @__PURE__ */ React__default.createElement(Button, { onClick: () => setOpenManageBudget(false) }, "Cancel"))))));
+}
+const Budgets = ({ providerErrorsSetter }) => {
+  const [reportsAggregatedAndMerged, setReportsAggregatedAndMerged] = useState(void 0);
+  const [budgetView, setBudgetView] = useState("Annual" /* ANNUAL */);
+  const infraWalletApi = useApi(infraWalletApiRef);
+  const alertApi = useApi(alertApiRef);
+  const fetchCosts = useCallback(async () => {
+    await infraWalletApi.getCostReports("", [], "", "monthly", moment().startOf("y").toDate(), moment().endOf("d").toDate()).then((reportsResponse) => {
+      if (reportsResponse.data) {
+        const aggregatedReports = aggregateCostReports(reportsResponse.data, "provider");
+        const aggregatedAndMergedReports = mergeCostReports(aggregatedReports);
+        setReportsAggregatedAndMerged(aggregatedAndMergedReports);
+      }
+      if (reportsResponse.status === 207 && reportsResponse.errors) {
+        providerErrorsSetter(reportsResponse.errors);
+      }
+    }).catch((e) => alertApi.post({ message: `${e.message}`, severity: "error" }));
+  }, [alertApi, infraWalletApi, providerErrorsSetter]);
+  useEffect(() => {
+    fetchCosts();
+  }, [fetchCosts]);
+  return /* @__PURE__ */ React__default.createElement(Grid, { container: true, spacing: 3 }, /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "h5" }, moment().year(), " ", budgetView, " Budgets")), /* @__PURE__ */ React__default.createElement(Grid, { container: true, justifyContent: "flex-end", spacing: 1 }, /* @__PURE__ */ React__default.createElement(Grid, { item: true }, "Annual"), /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(
+    Switch,
+    {
+      size: "small",
+      onChange: (event) => setBudgetView(event.target.checked ? "Monthly" /* MONTHLY */ : "Annual" /* ANNUAL */)
+    }
+  )), /* @__PURE__ */ React__default.createElement(Grid, { item: true }, "Monthly")), reportsAggregatedAndMerged !== void 0 ? reportsAggregatedAndMerged.map((report) => /* @__PURE__ */ React__default.createElement(Grid, { item: true, key: `${report.id}-grid`, xs: 4 }, /* @__PURE__ */ React__default.createElement(BudgetChart, { provider: report.id, monthlyCosts: Object.values(report.reports), view: budgetView }))) : /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(
+    Paper,
+    {
+      sx: {
+        display: "flex",
+        flexDirection: "column",
+        height: 500,
+        backgroundColor: "transparent",
+        boxShadow: "none"
+      }
+    },
+    /* @__PURE__ */ React__default.createElement("div", { style: { width: "60%", margin: "auto" } }, /* @__PURE__ */ React__default.createElement(Skeleton, null), /* @__PURE__ */ React__default.createElement(Skeleton, null), /* @__PURE__ */ React__default.createElement(Skeleton, null))
+  )));
+};
+
+export { Budgets };
+//# sourceMappingURL=Budgets.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Budgets.esm.js","sources":["../../../src/components/Budgets/Budgets.tsx"],"sourcesContent":["import { alertApiRef, useApi } from '@backstage/core-plugin-api';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogActions from '@mui/material/DialogActions';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogContentText from '@mui/material/DialogContentText';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport FormControl from '@mui/material/FormControl';\nimport Grid from '@mui/material/Grid';\nimport Input from '@mui/material/Input';\nimport InputAdornment from '@mui/material/InputAdornment';\nimport InputLabel from '@mui/material/InputLabel';\nimport Paper from '@mui/material/Paper';\nimport Skeleton from '@mui/material/Skeleton';\nimport { useTheme } from '@mui/material/styles';\nimport Switch from '@mui/material/Switch';\nimport Typography from '@mui/material/Typography';\nimport {\n  BarPlot,\n  ChartContainer,\n  ChartsAxisHighlight,\n  ChartsGrid,\n  ChartsReferenceLine,\n  ChartsTooltip,\n  ChartsXAxis,\n  ChartsYAxis,\n  LineHighlightPlot,\n  LinePlot,\n  MarkPlot,\n  useDrawingArea,\n} from '@mui/x-charts';\nimport { max } from 'lodash';\nimport moment from 'moment';\nimport React, { FC, useCallback, useEffect, useState } from 'react';\nimport { aggregateCostReports, formatCurrency, mergeCostReports } from '../../api/functions';\nimport { infraWalletApiRef } from '../../api/InfraWalletApi';\nimport { Budget, Report } from '../../api/types';\nimport { colorList } from '../constants';\nimport { getProviderIcon } from '../ProviderIcons';\nimport { BudgetsProps } from '../types';\n\nconst enum BUDGET_VIEW {\n  MONTHLY = 'Monthly',\n  ANNUAL = 'Annual',\n}\n\ninterface BudgetChartProps {\n  provider: string;\n  monthlyCosts: number[];\n  view: string;\n}\n\nfunction BudgetChart(props: Readonly<BudgetChartProps>) {\n  const { width, height } = useDrawingArea();\n  const theme = useTheme();\n  const { provider, monthlyCosts, view } = props;\n\n  const [annualBudget, setAnnualBudget] = useState<Budget | undefined>(undefined);\n  const [openManageBudget, setOpenManageBudget] = useState(false);\n  const [refreshTrigger, setRefreshTrigger] = useState(false);\n\n  const infraWalletApi = useApi(infraWalletApiRef);\n\n  useEffect(() => {\n    const fetchBudget = async () => {\n      const response = await infraWalletApi.getBudget('default', provider);\n      const updatedBudget = response.data?.find(a => a.provider.toLowerCase() === provider.toLowerCase());\n      setAnnualBudget(updatedBudget);\n    };\n\n    fetchBudget();\n  }, [refreshTrigger, provider, infraWalletApi]);\n\n  const updateBudget = async (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    const formData = new FormData(event.currentTarget);\n    const name = annualBudget?.name || `${provider} annual budget`;\n    const amount = formData.get('amount');\n    const newAnnualBudget: Budget = {\n      id: annualBudget?.id,\n      provider: provider,\n      name: name,\n      amount: amount ? Number(amount) : 0,\n    };\n    await infraWalletApi.updateBudget('default', newAnnualBudget);\n    setRefreshTrigger(prev => !prev);\n    setOpenManageBudget(false);\n  };\n\n  const accumulatedCosts: number[] = [];\n  for (let i = 0; i < monthlyCosts.length; i++) {\n    if (i === 0) {\n      accumulatedCosts[i] = monthlyCosts[i];\n    } else {\n      accumulatedCosts[i] = accumulatedCosts[i - 1] + monthlyCosts[i];\n    }\n  }\n\n  let budgetAmount = annualBudget?.amount || 0;\n  if (view === BUDGET_VIEW.MONTHLY) {\n    budgetAmount = budgetAmount / 12;\n  }\n\n  return (\n    <Paper sx={{ padding: 2 }}>\n      <ChartContainer\n        width={width + 20}\n        height={height}\n        series={[\n          {\n            data: view === BUDGET_VIEW.ANNUAL ? accumulatedCosts : monthlyCosts,\n            type: view === BUDGET_VIEW.ANNUAL ? 'line' : 'bar',\n            valueFormatter: (value: number | null) => {\n              return formatCurrency(value || 0);\n            },\n            showMark: false,\n          },\n        ]}\n        xAxis={[\n          {\n            data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],\n            scaleType: 'band',\n          },\n        ]}\n        yAxis={[\n          {\n            min: 0,\n            max:\n              view === BUDGET_VIEW.ANNUAL\n                ? max([...accumulatedCosts, budgetAmount])\n                : max([...monthlyCosts, budgetAmount]),\n            valueFormatter: value => {\n              return formatCurrency(value || 0);\n            },\n            colorMap: {\n              type: 'piecewise',\n              thresholds: [budgetAmount > 0 ? budgetAmount : Number.MAX_SAFE_INTEGER],\n              colors: [colorList[0], theme.palette.error.main],\n            },\n          },\n        ]}\n      >\n        <ChartsGrid horizontal />\n        <ChartsAxisHighlight x={view === BUDGET_VIEW.ANNUAL ? 'line' : 'band'} />\n        <LinePlot />\n        <BarPlot />\n        <MarkPlot />\n        <LineHighlightPlot />\n        <ChartsReferenceLine\n          y={budgetAmount}\n          label={budgetAmount ? formatCurrency(budgetAmount) : undefined}\n          labelAlign=\"end\"\n          lineStyle={{\n            stroke: budgetAmount ? theme.palette.error.main : 'transparent',\n            strokeDasharray: '5 5',\n            strokeWidth: 1.5,\n            strokeOpacity: 0.8,\n          }}\n          labelStyle={{ fill: theme.palette.error.main, fontSize: '0.9em' }}\n        />\n        <ChartsXAxis />\n        <ChartsYAxis />\n        <ChartsTooltip />\n      </ChartContainer>\n      <div style={{ textAlign: 'center', fontWeight: 'bold' }}>\n        {getProviderIcon(provider)} {provider}\n      </div>\n      <div style={{ textAlign: 'center' }}>\n        <Button onClick={() => setOpenManageBudget(true)}>Manage budget</Button>\n        <Dialog fullWidth maxWidth=\"sm\" open={openManageBudget} onClose={() => setOpenManageBudget(false)}>\n          <form onSubmit={updateBudget}>\n            <DialogTitle>Manage Budget</DialogTitle>\n            <DialogContent>\n              <DialogContentText>Please enter your {props.provider} annual budget here.</DialogContentText>\n              <Box sx={{ display: 'flex', alignItems: 'flex-end' }}>\n                {getProviderIcon(provider)}&nbsp;&nbsp;\n                <FormControl variant=\"standard\">\n                  <InputLabel>Amount</InputLabel>\n                  <Input\n                    id=\"amount\"\n                    name=\"amount\"\n                    type=\"number\"\n                    startAdornment={<InputAdornment position=\"start\">$</InputAdornment>}\n                    defaultValue={annualBudget?.amount}\n                  />\n                </FormControl>\n              </Box>\n            </DialogContent>\n            <DialogActions>\n              <Button type=\"submit\" variant=\"contained\">\n                Submit\n              </Button>\n              <Button onClick={() => setOpenManageBudget(false)}>Cancel</Button>\n            </DialogActions>\n          </form>\n        </Dialog>\n      </div>\n    </Paper>\n  );\n}\n\nexport const Budgets: FC<BudgetsProps> = ({ providerErrorsSetter }) => {\n  const [reportsAggregatedAndMerged, setReportsAggregatedAndMerged] = useState<Report[] | undefined>(undefined);\n  const [budgetView, setBudgetView] = useState(BUDGET_VIEW.ANNUAL);\n\n  const infraWalletApi = useApi(infraWalletApiRef);\n  const alertApi = useApi(alertApiRef);\n\n  const fetchCosts = useCallback(async () => {\n    await infraWalletApi\n      .getCostReports('', [], '', 'monthly', moment().startOf('y').toDate(), moment().endOf('d').toDate())\n      .then(reportsResponse => {\n        if (reportsResponse.data) {\n          const aggregatedReports = aggregateCostReports(reportsResponse.data, 'provider');\n          const aggregatedAndMergedReports = mergeCostReports(aggregatedReports);\n          setReportsAggregatedAndMerged(aggregatedAndMergedReports);\n        }\n        if (reportsResponse.status === 207 && reportsResponse.errors) {\n          providerErrorsSetter(reportsResponse.errors);\n        }\n      })\n      .catch(e => alertApi.post({ message: `${e.message}`, severity: 'error' }));\n  }, [alertApi, infraWalletApi, providerErrorsSetter]);\n\n  useEffect(() => {\n    fetchCosts();\n  }, [fetchCosts]);\n\n  return (\n    <Grid container spacing={3}>\n      <Grid item>\n        <Typography variant=\"h5\">\n          {moment().year()} {budgetView} Budgets\n        </Typography>\n      </Grid>\n      <Grid container justifyContent=\"flex-end\" spacing={1}>\n        <Grid item>Annual</Grid>\n        <Grid item>\n          <Switch\n            size=\"small\"\n            onChange={event => setBudgetView(event.target.checked ? BUDGET_VIEW.MONTHLY : BUDGET_VIEW.ANNUAL)}\n          />\n        </Grid>\n        <Grid item>Monthly</Grid>\n      </Grid>\n      {reportsAggregatedAndMerged !== undefined ? (\n        reportsAggregatedAndMerged.map(report => (\n          <Grid item key={`${report.id}-grid`} xs={4}>\n            <BudgetChart provider={report.id} monthlyCosts={Object.values(report.reports)} view={budgetView} />\n          </Grid>\n        ))\n      ) : (\n        <Grid item xs={12}>\n          <Paper\n            sx={{\n              display: 'flex',\n              flexDirection: 'column',\n              height: 500,\n              backgroundColor: 'transparent',\n              boxShadow: 'none',\n            }}\n          >\n            <div style={{ width: '60%', margin: 'auto' }}>\n              <Skeleton />\n              <Skeleton />\n              <Skeleton />\n            </div>\n          </Paper>\n        </Grid>\n      )}\n    </Grid>\n  );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/ColumnsChartComponent/ColumnsChartComponent.esm.js

@@ -1,15 +1,16 @@
-import { Grid, Switch } from '@material-ui/core';
+import Grid from '@mui/material/Grid';
 import Paper from '@mui/material/Paper';
 import Skeleton from '@mui/material/Skeleton';
-import { ResponsiveChartContainer, ChartsGrid, BarPlot, LinePlot, LineHighlightPlot, MarkPlot, ChartsXAxis, ChartsYAxis, ChartsTooltip, ChartsLegend, DefaultChartsLegend } from '@mui/x-charts';
-import React, { useState, useCallback, useEffect } from 'react';
+import Switch from '@mui/material/Switch';
+import { ResponsiveChartContainer, ChartsGrid, BarPlot, LinePlot, MarkPlot, LineHighlightPlot, ChartsXAxis, ChartsYAxis, ChartsTooltip, ChartsLegend, DefaultChartsLegend } from '@mui/x-charts';
+import React__default, { useState, useCallback, useEffect } from 'react';
 import { formatCurrency } from '../../api/functions.esm.js';
 import { colorList } from '../constants.esm.js';
 
 const ColumnsChartComponent = ({
   granularity,
   granularitySetter,
-  categories,
+  periods,
   costs,
   metrics,
   height,
@@ -71,7 +72,7 @@ const ColumnsChartComponent = ({
   useEffect(() => {
     initChartCallback();
   }, [initChartCallback]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(
     Paper,
     {
       sx: {
@@ -81,17 +82,17 @@ const ColumnsChartComponent = ({
         height: height ? height : 300
       }
     },
-    /* @__PURE__ */ React.createElement(Grid, { container: true, justifyContent: "flex-end", spacing: 1 }, /* @__PURE__ */ React.createElement(Grid, { item: true }, "Monthly"), /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(Switch, { size: "small", onChange: (event) => granularitySetter(event.target.checked ? "daily" : "monthly") })), /* @__PURE__ */ React.createElement(Grid, { item: true }, "Daily"), /* @__PURE__ */ React.createElement(Grid, { item: true }, " | "), /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(Switch, { size: "small", checked: showMetrics, onChange: (_) => setShowMetrics((ori) => !ori) })), /* @__PURE__ */ React.createElement(Grid, { item: true }, "Show Metrics")),
-    costs && costsSeries ? /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React__default.createElement(Grid, { container: true, justifyContent: "flex-end", spacing: 1 }, /* @__PURE__ */ React__default.createElement(Grid, { item: true }, "Monthly"), /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(Switch, { size: "small", onChange: (event) => granularitySetter(event.target.checked ? "daily" : "monthly") })), /* @__PURE__ */ React__default.createElement(Grid, { item: true }, "Daily"), /* @__PURE__ */ React__default.createElement(Grid, { item: true }, " | "), /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(Switch, { size: "small", checked: showMetrics, onChange: (_) => setShowMetrics((ori) => !ori) })), /* @__PURE__ */ React__default.createElement(Grid, { item: true }, "Show Metrics")),
+    costs !== void 0 && costsSeries !== void 0 ? /* @__PURE__ */ React__default.createElement(
       ResponsiveChartContainer,
       {
         margin: {
-          bottom: 80
+          bottom: 6 * costsSeries.length + 80
         },
         series: [...costsSeries, ...metricsSeries ? metricsSeries : []],
         xAxis: [
           {
-            data: categories,
+            data: periods,
             scaleType: "band"
           }
         ],
@@ -108,30 +109,37 @@ const ColumnsChartComponent = ({
         colors: colorList,
         highlightedItem: highlightedItem ? { seriesId: highlightedItem } : null,
         onHighlightChange: (highlighted) => {
-          highlightedItemSetter(highlighted == null ? void 0 : highlighted.seriesId);
+          highlightedItemSetter(highlighted?.seriesId);
         }
       },
-      /* @__PURE__ */ React.createElement(ChartsGrid, { horizontal: true }),
-      /* @__PURE__ */ React.createElement(BarPlot, null),
-      /* @__PURE__ */ React.createElement(LinePlot, null),
-      /* @__PURE__ */ React.createElement(LineHighlightPlot, null),
-      /* @__PURE__ */ React.createElement(MarkPlot, null),
-      /* @__PURE__ */ React.createElement(ChartsXAxis, null),
-      /* @__PURE__ */ React.createElement(ChartsYAxis, null),
-      /* @__PURE__ */ React.createElement(ChartsTooltip, { trigger: "item" }),
-      /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ React__default.createElement(ChartsGrid, { horizontal: true }),
+      /* @__PURE__ */ React__default.createElement(BarPlot, null),
+      /* @__PURE__ */ React__default.createElement(LinePlot, null),
+      /* @__PURE__ */ React__default.createElement(MarkPlot, null),
+      /* @__PURE__ */ React__default.createElement(LineHighlightPlot, null),
+      /* @__PURE__ */ React__default.createElement(
+        ChartsXAxis,
+        {
+          tickLabelStyle: {
+            angle: periods.length > 12 ? -45 : 0,
+            textAnchor: periods.length > 12 ? "end" : "middle"
+          }
+        }
+      ),
+      /* @__PURE__ */ React__default.createElement(ChartsYAxis, null),
+      /* @__PURE__ */ React__default.createElement(ChartsTooltip, { trigger: "item" }),
+      /* @__PURE__ */ React__default.createElement(
         ChartsLegend,
         {
           slots: {
             legend: (props) => {
-              var _a;
               const seriesToDisplay = [];
               for (const s of props.seriesToDisplay) {
-                if (((_a = props.series.bar) == null ? void 0 : _a.seriesOrder) && props.series.bar.seriesOrder.indexOf(s.id) !== -1) {
+                if (props.series.bar?.seriesOrder && props.series.bar.seriesOrder.indexOf(s.id) !== -1) {
                   seriesToDisplay.push(s);
                 }
               }
-              return /* @__PURE__ */ React.createElement(
+              return /* @__PURE__ */ React__default.createElement(
                 DefaultChartsLegend,
                 {
                   series: props.series,
@@ -141,6 +149,7 @@ const ColumnsChartComponent = ({
                   position: { vertical: "bottom", horizontal: "middle" },
                   itemMarkHeight: 10,
                   itemMarkWidth: 10,
+                  itemGap: costsSeries.length > 5 ? 5 : 10,
                   labelStyle: {
                     fontSize: "0.9em"
                   },
@@ -158,7 +167,7 @@ const ColumnsChartComponent = ({
           }
         }
       )
-    ) : /* @__PURE__ */ React.createElement("div", { style: { width: "60%", margin: "auto" } }, /* @__PURE__ */ React.createElement(Skeleton, null), /* @__PURE__ */ React.createElement(Skeleton, null), /* @__PURE__ */ React.createElement(Skeleton, null))
+    ) : /* @__PURE__ */ React__default.createElement("div", { style: { width: "60%", margin: "auto" } }, /* @__PURE__ */ React__default.createElement(Skeleton, null), /* @__PURE__ */ React__default.createElement(Skeleton, null), /* @__PURE__ */ React__default.createElement(Skeleton, null))
   );
 };