@red-hat-developer-hub/plugin-cost-management 2.0.3-rc.4

package/dist/hooks/usePatternFlyTheme.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePatternFlyTheme.esm.js","sources":["../../src/hooks/usePatternFlyTheme.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 */\n\nimport { useEffect } from 'react';\nimport { useTheme } from '@material-ui/core/styles';\n\n/**\n * Hook to automatically sync Backstage theme with PatternFly dark theme.\n * Applies 'pf-v6-theme-dark' class to HTML element when Backstage is in dark mode.\n */\nexport const usePatternFlyTheme = () => {\n  const muiTheme = useTheme();\n\n  useEffect(() => {\n    // Detect if Backstage is using dark theme\n    const isDarkByType = muiTheme.palette.type === 'dark';\n    const isDarkByMode = (muiTheme.palette as any).mode === 'dark';\n\n    // Check background color for dark theme indicators\n    const backgroundColor = muiTheme.palette.background?.default;\n    const isDarkByBackground =\n      backgroundColor &&\n      (backgroundColor === '#303030' ||\n        backgroundColor === '#121212' ||\n        (backgroundColor.startsWith('#') &&\n          parseInt(backgroundColor.slice(1), 16) < 0x808080));\n\n    const isDark = isDarkByType || isDarkByMode || isDarkByBackground;\n\n    // Apply PatternFly dark theme class to HTML when Backstage is in dark mode\n    const html = document.documentElement;\n    if (isDark) {\n      html.classList.add('pf-v6-theme-dark');\n    } else {\n      html.classList.remove('pf-v6-theme-dark');\n    }\n  }, [muiTheme]);\n};\n"],"names":[],"mappings":";;;AAuBO,MAAM,qBAAqB,MAAM;AACtC,EAAA,MAAM,WAAW,QAAS,EAAA;AAE1B,EAAA,SAAA,CAAU,MAAM;AAEd,IAAM,MAAA,YAAA,GAAe,QAAS,CAAA,OAAA,CAAQ,IAAS,KAAA,MAAA;AAC/C,IAAM,MAAA,YAAA,GAAgB,QAAS,CAAA,OAAA,CAAgB,IAAS,KAAA,MAAA;AAGxD,IAAM,MAAA,eAAA,GAAkB,QAAS,CAAA,OAAA,CAAQ,UAAY,EAAA,OAAA;AACrD,IAAA,MAAM,qBACJ,eACC,KAAA,eAAA,KAAoB,SACnB,IAAA,eAAA,KAAoB,aACnB,eAAgB,CAAA,UAAA,CAAW,GAAG,CAAA,IAC7B,SAAS,eAAgB,CAAA,KAAA,CAAM,CAAC,CAAA,EAAG,EAAE,CAAI,GAAA,OAAA,CAAA;AAE/C,IAAM,MAAA,MAAA,GAAS,gBAAgB,YAAgB,IAAA,kBAAA;AAG/C,IAAA,MAAM,OAAO,QAAS,CAAA,eAAA;AACtB,IAAA,IAAI,MAAQ,EAAA;AACV,MAAK,IAAA,CAAA,SAAA,CAAU,IAAI,kBAAkB,CAAA;AAAA,KAChC,MAAA;AACL,MAAK,IAAA,CAAA,SAAA,CAAU,OAAO,kBAAkB,CAAA;AAAA;AAC1C,GACF,EAAG,CAAC,QAAQ,CAAC,CAAA;AACf;;;;"}

package/dist/hooks/useThemeBackgroundColor.esm.js

@@ -0,0 +1,13 @@
+import { useTheme } from '@material-ui/core/styles';
+
+const useThemeBackgroundColor = () => {
+  const theme = useTheme();
+  const isDarkMode = theme.palette.mode === "dark";
+  return {
+    backgroundColor: isDarkMode ? "#292929" : "#FFFFFF",
+    filterTableBackgroundColor: isDarkMode ? "#262626" : "#F2F2F2"
+  };
+};
+
+export { useThemeBackgroundColor };
+//# sourceMappingURL=useThemeBackgroundColor.esm.js.map

package/dist/hooks/useThemeBackgroundColor.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useThemeBackgroundColor.esm.js","sources":["../../src/hooks/useThemeBackgroundColor.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 */\n\nimport { useTheme } from '@material-ui/core/styles';\n\n/**\n * Hook that returns the appropriate background color based on the current theme mode.\n * @returns Object with backgroundColor and filterTableBackgroundColor strings\n */\nexport const useThemeBackgroundColor = (): {\n  backgroundColor: string;\n  filterTableBackgroundColor: string;\n} => {\n  const theme = useTheme();\n  const isDarkMode = (theme.palette as any).mode === 'dark';\n\n  return {\n    backgroundColor: isDarkMode ? '#292929' : '#FFFFFF',\n    filterTableBackgroundColor: isDarkMode ? '#262626' : '#F2F2F2',\n  };\n};\n"],"names":[],"mappings":";;AAsBO,MAAM,0BAA0B,MAGlC;AACH,EAAA,MAAM,QAAQ,QAAS,EAAA;AACvB,EAAM,MAAA,UAAA,GAAc,KAAM,CAAA,OAAA,CAAgB,IAAS,KAAA,MAAA;AAEnD,EAAO,OAAA;AAAA,IACL,eAAA,EAAiB,aAAa,SAAY,GAAA,SAAA;AAAA,IAC1C,0BAAA,EAA4B,aAAa,SAAY,GAAA;AAAA,GACvD;AACF;;;;"}

package/dist/index.d.ts

@@ -0,0 +1,71 @@
+import React from 'react';
+import { SvgIconProps } from '@material-ui/core/SvgIcon';
+import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
+
+/**
+ * The Cost Management icon.
+ *
+ * @public
+ */
+declare const CostManagementIcon: (props: SvgIconProps & {
+    variant?: 'outlined' | 'filled';
+}) => React.JSX.Element;
+
+/**
+ * The outlined variant of the Cost Management icon.
+ *
+ * @public
+ */
+declare const CostManagementIconOutlined: (props: SvgIconProps) => React.JSX.Element;
+
+/**
+ * The filled variant of the Cost Management icon.
+ *
+ * @public
+ */
+declare const CostManagementIconFilled: (props: SvgIconProps) => React.JSX.Element;
+
+/**
+ * The Analytics icon.
+ *
+ * @public
+ */
+declare const AnalyticsIcon: (props: SvgIconProps & {
+    variant?: 'outlined' | 'filled';
+}) => React.JSX.Element;
+
+/**
+ * The outlined variant of the Analytics icon.
+ *
+ * @public
+ */
+declare const AnalyticsIconOutlined: (props: SvgIconProps) => React.JSX.Element;
+
+/**
+ * The filled variant of the Analytics icon.
+ *
+ * @public
+ */
+declare const AnalyticsIconFilled: (props: SvgIconProps) => React.JSX.Element;
+
+/** @public */
+declare function Router(): React.JSX.Element;
+
+/** @public */
+declare function OpenShiftPage$1(): React.JSX.Element;
+declare namespace OpenShiftPage$1 {
+    var displayName: string;
+}
+
+/** @public */
+declare const resourceOptimizationPlugin: _backstage_core_plugin_api.BackstagePlugin<{
+    root: _backstage_core_plugin_api.RouteRef<undefined>;
+    openShift: _backstage_core_plugin_api.RouteRef<undefined>;
+    breakdown: _backstage_core_plugin_api.SubRouteRef<_backstage_core_plugin_api.PathParams<"/:id/*">>;
+}, {}, {}>;
+/** @public */
+declare const ResourceOptimizationPage: typeof Router;
+/** @public */
+declare const OpenShiftPage: typeof OpenShiftPage$1;
+
+export { AnalyticsIcon, AnalyticsIconFilled, AnalyticsIconOutlined, CostManagementIcon, CostManagementIconFilled, CostManagementIconOutlined, OpenShiftPage, ResourceOptimizationPage, Router, resourceOptimizationPlugin };

package/dist/index.esm.js

@@ -0,0 +1,9 @@
+export { CostManagementIcon } from './components/icon/CostManagementIcon.esm.js';
+export { CostManagementIconOutlined } from './components/icon/CostManagementIconOutlined.esm.js';
+export { CostManagementIconFilled } from './components/icon/CostManagementIconFilled.esm.js';
+export { AnalyticsIcon } from './components/icon/AnalyticsIcon.esm.js';
+export { AnalyticsIconOutlined } from './components/icon/AnalyticsIconOutlined.esm.js';
+export { AnalyticsIconFilled } from './components/icon/AnalyticsIconFilled.esm.js';
+export { Router } from './Router.esm.js';
+export { OpenShiftPage, ResourceOptimizationPage, resourceOptimizationPlugin } from './plugin.esm.js';
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}