@backstage-community/plugin-cost-insights 0.25.0 → 0.27.0

package/dist/utils/formatters.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"formatters.esm.js","sources":["../../src/utils/formatters.ts"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\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 */\n\nimport { DateTime, Duration as LuxonDuration } from 'luxon';\nimport pluralize from 'pluralize';\nimport { Duration } from '../types';\nimport { ChangeStatistic } from '@backstage-community/plugin-cost-insights-common';\nimport { inclusiveEndDateOf, inclusiveStartDateOf } from './duration';\nimport { notEmpty } from './assert';\n\nexport type Period = {\n  periodStart: string;\n  periodEnd: string;\n};\n\nexport const currencyFormatter = (currency: Intl.NumberFormat) => {\n  const options = currency.resolvedOptions();\n\n  return new Intl.NumberFormat(options.locale, {\n    style: 'currency',\n    currency: options.currency,\n    minimumFractionDigits: 0,\n    maximumFractionDigits: 0,\n  });\n};\n\nexport const lengthyCurrencyFormatter = (currency: Intl.NumberFormat) => {\n  const options = currency.resolvedOptions();\n\n  return new Intl.NumberFormat(options.locale, {\n    style: 'currency',\n    currency: options.currency,\n    minimumFractionDigits: 0,\n    minimumSignificantDigits: 2,\n    maximumSignificantDigits: 2,\n  });\n};\n\nexport const numberFormatter = new Intl.NumberFormat('en-US', {\n  minimumFractionDigits: 0,\n  maximumFractionDigits: 0,\n});\n\nexport const monthFormatter = new Intl.DateTimeFormat('en-US', {\n  timeZone: 'UTC',\n  month: 'long',\n  year: 'numeric',\n});\n\nexport const dateFormatter = new Intl.DateTimeFormat('en-US', {\n  timeZone: 'UTC',\n  day: 'numeric',\n  month: 'short',\n});\n\nexport const monthOf = (date: string): string => {\n  return monthFormatter.format(Date.parse(date));\n};\n\nexport const quarterOf = (date: string): string => {\n  // Supports formatting yyyy-LL-dd and yyyy-'Q'q returned in alerts\n  const d = DateTime.fromISO(date).isValid\n    ? DateTime.fromISO(date)\n    : DateTime.fromFormat(date, \"yyyy-'Q'q\");\n  return d.toFormat(\"'Q'q yyyy\");\n};\n\nexport function formatCurrency(amount: number, currency?: string): string {\n  const n = Math.round(amount);\n  const numString = numberFormatter.format(n);\n\n  return currency ? `${numString} ${pluralize(currency, n)}` : numString;\n}\n\nexport function formatChange(\n  change: ChangeStatistic,\n  options?: { absolute: boolean },\n): string {\n  if (notEmpty(change.ratio)) {\n    return formatPercent(\n      options?.absolute ? Math.abs(change.ratio) : change.ratio,\n    );\n  }\n  if (options?.absolute) {\n    return '∞';\n  }\n  return change.amount >= 0 ? '∞' : '-∞';\n}\n\nexport function formatPercent(n: number): string {\n  // Number.toFixed shows scientific notation for extreme numbers\n  if (isNaN(n) || Math.abs(n) < 0.01) {\n    return '0%';\n  }\n\n  if (Math.abs(n) > 10) {\n    return `>${n < 0 ? '-' : ''}1000%`;\n  }\n\n  return `${(n * 100).toFixed(0)}%`;\n}\n\nexport function formatLastTwoLookaheadQuarters(inclusiveEndDate: string) {\n  const start = DateTime.fromISO(\n    inclusiveStartDateOf(Duration.P3M, inclusiveEndDate),\n  ).toFormat(\"'Q'q yyyy\");\n  const end = DateTime.fromISO(\n    inclusiveEndDateOf(Duration.P3M, inclusiveEndDate),\n  ).toFormat(\"'Q'q yyyy\");\n  return `${start} vs ${end}`;\n}\n\nconst formatRelativePeriod = (\n  duration: Duration,\n  date: string,\n  isEndDate: boolean,\n): string => {\n  const periodStart = isEndDate ? inclusiveStartDateOf(duration, date) : date;\n  const periodEnd = isEndDate ? date : inclusiveEndDateOf(duration, date);\n  const days = LuxonDuration.fromISO(duration).days;\n  if (![periodStart, periodEnd].includes(date)) {\n    throw new Error(`Invalid relative date ${date} for duration ${duration}`);\n  }\n  return date === periodStart ? `First ${days} Days` : `Last ${days} Days`;\n};\n\nexport function formatPeriod(\n  duration: Duration,\n  date: string,\n  isEndDate: boolean,\n) {\n  switch (duration) {\n    case Duration.P3M:\n      return quarterOf(\n        isEndDate\n          ? inclusiveEndDateOf(duration, date)\n          : inclusiveStartDateOf(duration, date),\n      );\n    default:\n      return formatRelativePeriod(duration, date, isEndDate);\n  }\n}\n"],"names":["LuxonDuration"],"mappings":"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"}
+{"version":3,"file":"formatters.esm.js","sources":["../../src/utils/formatters.ts"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\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 */\n\nimport { DateTime, Duration as LuxonDuration } from 'luxon';\nimport pluralize from 'pluralize';\nimport { Duration } from '../types';\nimport { ChangeStatistic } from '@backstage-community/plugin-cost-insights-common';\nimport { inclusiveEndDateOf, inclusiveStartDateOf } from './duration';\nimport { notEmpty } from './assert';\n\nexport type Period = {\n  periodStart: string;\n  periodEnd: string;\n};\n\nexport const currencyFormatter = (currency: Intl.NumberFormat) => {\n  const options = currency.resolvedOptions();\n\n  return new Intl.NumberFormat(options.locale, {\n    style: 'currency',\n    currency: options.currency,\n    minimumFractionDigits: 0,\n    maximumFractionDigits: 0,\n  });\n};\n\nexport const lengthyCurrencyFormatter = (currency: Intl.NumberFormat) => {\n  const options = currency.resolvedOptions();\n\n  return new Intl.NumberFormat(options.locale, {\n    style: 'currency',\n    currency: options.currency,\n    minimumFractionDigits: 0,\n    minimumSignificantDigits: 2,\n    maximumSignificantDigits: 2,\n  });\n};\n\nexport const numberFormatter = new Intl.NumberFormat('en-US', {\n  minimumFractionDigits: 0,\n  maximumFractionDigits: 0,\n});\n\nexport const monthFormatter = new Intl.DateTimeFormat('en-US', {\n  timeZone: 'UTC',\n  month: 'long',\n  year: 'numeric',\n});\n\nexport const dateFormatter = new Intl.DateTimeFormat('en-US', {\n  timeZone: 'UTC',\n  day: 'numeric',\n  month: 'short',\n});\n\nexport const monthOf = (date: string): string => {\n  return monthFormatter.format(Date.parse(date));\n};\n\nexport const quarterOf = (date: string): string => {\n  // Supports formatting yyyy-LL-dd and yyyy-'Q'q returned in alerts\n  const d = DateTime.fromISO(date).isValid\n    ? DateTime.fromISO(date)\n    : DateTime.fromFormat(date, \"yyyy-'Q'q\");\n  return d.toFormat(\"'Q'q yyyy\");\n};\n\nexport function formatCurrency(amount: number, currency?: string): string {\n  const n = Math.round(amount);\n  const numString = numberFormatter.format(n);\n\n  return currency ? `${numString} ${pluralize(currency, n)}` : numString;\n}\n\nexport function formatChange(\n  change: ChangeStatistic,\n  options?: { absolute: boolean },\n): string {\n  if (notEmpty(change.ratio)) {\n    return formatPercent(\n      options?.absolute ? Math.abs(change.ratio) : change.ratio,\n    );\n  }\n  if (options?.absolute) {\n    return '∞';\n  }\n  return change.amount >= 0 ? '∞' : '-∞';\n}\n\nexport function formatPercent(n: number): string {\n  // Number.toFixed shows scientific notation for extreme numbers\n  if (isNaN(n) || Math.abs(n) < 0.01) {\n    return '0%';\n  }\n\n  if (Math.abs(n) > 10) {\n    return `>${n < 0 ? '-' : ''}1000%`;\n  }\n\n  return `${(n * 100).toFixed(0)}%`;\n}\n\nexport function formatLastTwoLookaheadQuarters(inclusiveEndDate: string) {\n  const start = DateTime.fromISO(\n    inclusiveStartDateOf(Duration.P3M, inclusiveEndDate),\n  ).toFormat(\"'Q'q yyyy\");\n  const end = DateTime.fromISO(\n    inclusiveEndDateOf(Duration.P3M, inclusiveEndDate),\n  ).toFormat(\"'Q'q yyyy\");\n  return `${start} vs ${end}`;\n}\n\nconst formatRelativePeriod = (\n  duration: Duration,\n  date: string,\n  isEndDate: boolean,\n  customDays?: number,\n): string => {\n  // For custom durations, we already know the days, so skip validation\n  if (duration === Duration.CUSTOM && customDays !== undefined) {\n    return isEndDate ? `Last ${customDays} Days` : `First ${customDays} Days`;\n  }\n\n  const periodStart = isEndDate ? inclusiveStartDateOf(duration, date) : date;\n  const periodEnd = isEndDate ? date : inclusiveEndDateOf(duration, date);\n  const days = customDays ?? LuxonDuration.fromISO(duration).days;\n  if (![periodStart, periodEnd].includes(date)) {\n    throw new Error(`Invalid relative date ${date} for duration ${duration}`);\n  }\n  return date === periodStart ? `First ${days} Days` : `Last ${days} Days`;\n};\n\nexport function formatPeriod(\n  duration: Duration,\n  date: string,\n  isEndDate: boolean,\n  customDateRange?: { start: string; end: string },\n  comparisonMode: boolean = false,\n) {\n  switch (duration) {\n    case Duration.P3M:\n      return quarterOf(\n        isEndDate\n          ? inclusiveEndDateOf(duration, date, customDateRange)\n          : inclusiveStartDateOf(duration, date, customDateRange),\n      );\n    case Duration.CUSTOM:\n      // For custom durations in non-comparison mode, display the full date range\n      if (customDateRange && !comparisonMode) {\n        const startDate = DateTime.fromISO(customDateRange.start);\n        const endDate = DateTime.fromISO(customDateRange.end);\n        return `${startDate.toFormat('MMM dd')} - ${endDate.toFormat(\n          'MMM dd, yyyy',\n        )}`;\n      }\n      // For comparison mode, display as \"First X Days\" vs \"Last X Days\"\n      if (customDateRange && comparisonMode) {\n        const startDate = DateTime.fromISO(customDateRange.start);\n        const endDate = DateTime.fromISO(customDateRange.end);\n        const totalDays = Math.round(endDate.diff(startDate, 'days').days) + 1;\n        const firstPeriodDays = Math.floor(totalDays / 2);\n        const lastPeriodDays = totalDays - firstPeriodDays;\n        const periodDays = isEndDate ? lastPeriodDays : firstPeriodDays;\n        return formatRelativePeriod(duration, date, isEndDate, periodDays);\n      }\n      return DateTime.fromISO(date).toFormat('MMM dd, yyyy');\n    default:\n      return formatRelativePeriod(duration, date, isEndDate);\n  }\n}\n"],"names":["LuxonDuration"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage-community/plugin-cost-insights",
-  "version": "0.25.0",
+  "version": "0.27.0",
   "description": "A Backstage plugin that helps you keep track of your cloud spend",
   "backstage": {
     "role": "frontend-plugin",
@@ -67,18 +67,20 @@
     "test": "backstage-cli package test"
   },
   "dependencies": {
-    "@backstage-community/plugin-cost-insights-common": "^0.11.0",
+    "@backstage-community/plugin-cost-insights-common": "^0.12.0",
     "@backstage/catalog-model": "^1.7.6",
     "@backstage/config": "^1.3.6",
-    "@backstage/core-compat-api": "^0.5.5",
-    "@backstage/core-components": "^0.18.4",
-    "@backstage/core-plugin-api": "^1.12.1",
-    "@backstage/frontend-plugin-api": "^0.13.2",
-    "@backstage/plugin-catalog-react": "^1.21.4",
+    "@backstage/core-compat-api": "^0.5.7",
+    "@backstage/core-components": "^0.18.6",
+    "@backstage/core-plugin-api": "^1.12.2",
+    "@backstage/frontend-plugin-api": "^0.13.4",
+    "@backstage/plugin-catalog-react": "^1.21.6",
     "@backstage/theme": "^0.7.1",
+    "@date-io/luxon": "1.x",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.61",
+    "@material-ui/pickers": "^3.3.11",
     "@material-ui/styles": "^4.9.6",
     "@types/react": "^16.13.1 || ^17.0.0 || ^18.0.0",
     "@types/recharts": "^2.0.0",
@@ -93,9 +95,9 @@
     "yup": "^1.0.0"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.35.1",
-    "@backstage/core-app-api": "^1.19.3",
-    "@backstage/dev-utils": "^1.1.18",
+    "@backstage/cli": "^0.35.3",
+    "@backstage/core-app-api": "^1.19.4",
+    "@backstage/dev-utils": "^1.1.19",
     "@backstage/test-utils": "^1.7.14",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.0.0",

package/dist/components/PeriodSelect/PeriodSelect.esm.js

@@ -1,72 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import MenuItem from '@material-ui/core/MenuItem';
-import Select from '@material-ui/core/Select';
-import '../../types/Alert.esm.js';
-import { Duration } from '../../types/Duration.esm.js';
-import { formatLastTwoLookaheadQuarters } from '../../utils/formatters.esm.js';
-import { findAlways } from '../../utils/assert.esm.js';
-import { useSelectStyles } from '../../utils/styles.esm.js';
-import '../../hooks/useConfig.esm.js';
-import '../../hooks/useCurrency.esm.js';
-import '../../hooks/useFilters.esm.js';
-import '../../hooks/useGroups.esm.js';
-import '../../hooks/useLoading.esm.js';
-import '../../hooks/useScroll.esm.js';
-import { useLastCompleteBillingDate } from '../../hooks/useLastCompleteBillingDate.esm.js';
-
-function getDefaultOptions(lastCompleteBillingDate) {
-  return [
-    {
-      value: Duration.P90D,
-      label: "Past 6 Months"
-    },
-    {
-      value: Duration.P30D,
-      label: "Past 60 Days"
-    },
-    {
-      value: Duration.P3M,
-      label: formatLastTwoLookaheadQuarters(lastCompleteBillingDate)
-    }
-  ];
-}
-const PeriodSelect = ({
-  duration,
-  onSelect,
-  options
-}) => {
-  const classes = useSelectStyles();
-  const lastCompleteBillingDate = useLastCompleteBillingDate();
-  const optionsOrDefault = options ?? getDefaultOptions(lastCompleteBillingDate);
-  const handleOnChange = (e) => {
-    onSelect(e.target.value);
-  };
-  const renderValue = (value) => {
-    const option = findAlways(optionsOrDefault, (o) => o.value === value);
-    return /* @__PURE__ */ jsx("b", { children: option.label });
-  };
-  return /* @__PURE__ */ jsx(
-    Select,
-    {
-      className: classes.select,
-      variant: "outlined",
-      onChange: handleOnChange,
-      value: duration,
-      renderValue,
-      "data-testid": "period-select",
-      children: optionsOrDefault.map((option) => /* @__PURE__ */ jsx(
-        MenuItem,
-        {
-          className: classes.menuItem,
-          value: option.value,
-          "data-testid": `period-select-option-${option.value}`,
-          children: option.label
-        },
-        option.value
-      ))
-    }
-  );
-};
-
-export { PeriodSelect, getDefaultOptions };
-//# sourceMappingURL=PeriodSelect.esm.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PeriodSelect.esm.js","sources":["../../../src/components/PeriodSelect/PeriodSelect.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\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 */\n\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Select, { SelectProps } from '@material-ui/core/Select';\nimport { Duration } from '../../types';\nimport { formatLastTwoLookaheadQuarters } from '../../utils/formatters';\nimport { findAlways } from '../../utils/assert';\nimport { useSelectStyles as useStyles } from '../../utils/styles';\nimport { useLastCompleteBillingDate } from '../../hooks';\n\nexport type PeriodOption = {\n  value: Duration;\n  label: string;\n};\n\nexport function getDefaultOptions(\n  lastCompleteBillingDate: string,\n): PeriodOption[] {\n  return [\n    {\n      value: Duration.P90D,\n      label: 'Past 6 Months',\n    },\n    {\n      value: Duration.P30D,\n      label: 'Past 60 Days',\n    },\n    {\n      value: Duration.P3M,\n      label: formatLastTwoLookaheadQuarters(lastCompleteBillingDate),\n    },\n  ];\n}\n\ntype PeriodSelectProps = {\n  duration: Duration;\n  onSelect: (duration: Duration) => void;\n  options?: PeriodOption[];\n};\n\nexport const PeriodSelect = ({\n  duration,\n  onSelect,\n  options,\n}: PeriodSelectProps) => {\n  const classes = useStyles();\n  const lastCompleteBillingDate = useLastCompleteBillingDate();\n  const optionsOrDefault =\n    options ?? getDefaultOptions(lastCompleteBillingDate);\n\n  const handleOnChange: SelectProps['onChange'] = e => {\n    onSelect(e.target.value as Duration);\n  };\n\n  const renderValue: SelectProps['renderValue'] = value => {\n    const option = findAlways(optionsOrDefault, o => o.value === value);\n    return <b>{option.label}</b>;\n  };\n\n  return (\n    <Select\n      className={classes.select}\n      variant=\"outlined\"\n      onChange={handleOnChange}\n      value={duration}\n      renderValue={renderValue}\n      data-testid=\"period-select\"\n    >\n      {optionsOrDefault.map(option => (\n        <MenuItem\n          className={classes.menuItem}\n          key={option.value}\n          value={option.value}\n          data-testid={`period-select-option-${option.value}`}\n        >\n          {option.label}\n        </MenuItem>\n      ))}\n    </Select>\n  );\n};\n"],"names":["useStyles"],"mappings":";;;;;;;;;;;;;;;;AA6BO,SAAS,kBACd,uBACgB,EAAA;AAChB,EAAO,OAAA;AAAA,IACL;AAAA,MACE,OAAO,QAAS,CAAA,IAAA;AAAA,MAChB,KAAO,EAAA;AAAA,KACT;AAAA,IACA;AAAA,MACE,OAAO,QAAS,CAAA,IAAA;AAAA,MAChB,KAAO,EAAA;AAAA,KACT;AAAA,IACA;AAAA,MACE,OAAO,QAAS,CAAA,GAAA;AAAA,MAChB,KAAA,EAAO,+BAA+B,uBAAuB;AAAA;AAC/D,GACF;AACF;AAQO,MAAM,eAAe,CAAC;AAAA,EAC3B,QAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAyB,KAAA;AACvB,EAAA,MAAM,UAAUA,eAAU,EAAA;AAC1B,EAAA,MAAM,0BAA0B,0BAA2B,EAAA;AAC3D,EAAM,MAAA,gBAAA,GACJ,OAAW,IAAA,iBAAA,CAAkB,uBAAuB,CAAA;AAEtD,EAAA,MAAM,iBAA0C,CAAK,CAAA,KAAA;AACnD,IAAS,QAAA,CAAA,CAAA,CAAE,OAAO,KAAiB,CAAA;AAAA,GACrC;AAEA,EAAA,MAAM,cAA0C,CAAS,KAAA,KAAA;AACvD,IAAA,MAAM,SAAS,UAAW,CAAA,gBAAA,EAAkB,CAAK,CAAA,KAAA,CAAA,CAAE,UAAU,KAAK,CAAA;AAClE,IAAO,uBAAA,GAAA,CAAC,GAAG,EAAA,EAAA,QAAA,EAAA,MAAA,CAAO,KAAM,EAAA,CAAA;AAAA,GAC1B;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,WAAW,OAAQ,CAAA,MAAA;AAAA,MACnB,OAAQ,EAAA,UAAA;AAAA,MACR,QAAU,EAAA,cAAA;AAAA,MACV,KAAO,EAAA,QAAA;AAAA,MACP,WAAA;AAAA,MACA,aAAY,EAAA,eAAA;AAAA,MAEX,QAAA,EAAA,gBAAA,CAAiB,IAAI,CACpB,MAAA,qBAAA,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,WAAW,OAAQ,CAAA,QAAA;AAAA,UAEnB,OAAO,MAAO,CAAA,KAAA;AAAA,UACd,aAAA,EAAa,CAAwB,qBAAA,EAAA,MAAA,CAAO,KAAK,CAAA,CAAA;AAAA,UAEhD,QAAO,EAAA,MAAA,CAAA;AAAA,SAAA;AAAA,QAJH,MAAO,CAAA;AAAA,OAMf;AAAA;AAAA,GACH;AAEJ;;;;"}