@red-hat-developer-hub/plugin-cost-management 2.2.2 → 2.4.0

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @red-hat-developer-hub/plugin-cost-management
 
+## 2.4.0
+
+### Minor Changes
+
+- ef3257c: Add a New Frontend System `/alpha` export so the plugin loads in RHDH 2.1, with Optimizations and Cost Management sidebar pages. Legacy PluginRoot exports are unchanged.
+
+### Patch Changes
+
+- @red-hat-developer-hub/plugin-cost-management-common@2.4.0
+
+## 2.3.0
+
+### Minor Changes
+
+- 1fc6bbe: Backstage version bump to v1.54.6
+
+  Also includes the workspace resolutions cleanup and MSW bump from #4459.
+
+### Patch Changes
+
+- Updated dependencies [1fc6bbe]
+  - @red-hat-developer-hub/plugin-cost-management-common@2.3.0
+
 ## 2.2.1
 
 ### Patch Changes

package/README.md

@@ -44,7 +44,34 @@ You can follow one of these options depending on your environment and how you ch
    backend.add(import('@red-hat-developer-hub/plugin-cost-management-backend'));
    ```
 
-1. Add the `ResourceOptimizationPage` extension to your `App.tsx` routes
+1. Add the frontend plugin to your app.
+
+   **New Frontend System** (RHDH 2.1 / `app-next`):
+
+   ```ts
+   import costManagementPlugin from '@red-hat-developer-hub/plugin-cost-management/alpha';
+
+   const app = createApp({
+     features: [costManagementPlugin],
+   });
+   ```
+
+   Sidebar items come from the plugin: **Optimizations** (`/cost-management/optimizations`) and **Cost Management** (`/cost-management/openshift`). Optional overrides:
+
+   ```yaml
+   app:
+     extensions:
+       - page:cost-management:
+           config:
+             title: Optimizations
+             path: /cost-management/optimizations
+       - page:cost-management/openshift:
+           config:
+             title: Cost Management
+             path: /cost-management/openshift
+   ```
+
+   **Legacy frontend** (`FlatRoutes`):
 
    ```ts
    // packages/app/src/App.tsx

package/dist/Router.esm.js

@@ -1,21 +1,27 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { ErrorPage } from '@backstage/core-components';
-import React from 'react';
 import { Routes, Route } from 'react-router-dom';
 import { OptimizationsPage } from './pages/optimizations/OptimizationsPage.esm.js';
 import { OptimizationsBreakdownPage } from './pages/optimizations-breakdown/OptimizationsBreakdownPage.esm.js';
-import { OpenShiftPage } from './pages/openshift/OpenShiftPage.esm.js';
 import { usePatternFlyTheme } from './hooks/usePatternFlyTheme.esm.js';
 
+const notFound = /* @__PURE__ */ jsx(ErrorPage, { status: "404", statusMessage: "Page not found" });
+function OptimizationsRouter() {
+  usePatternFlyTheme();
+  return /* @__PURE__ */ jsxs(Routes, { children: [
+    /* @__PURE__ */ jsx(Route, { path: "/", element: /* @__PURE__ */ jsx(OptimizationsPage, {}) }),
+    /* @__PURE__ */ jsx(Route, { path: "/:id/*", element: /* @__PURE__ */ jsx(OptimizationsBreakdownPage, {}) }),
+    /* @__PURE__ */ jsx(Route, { path: "*", element: notFound })
+  ] });
+}
 function Router() {
   usePatternFlyTheme();
-  return /* @__PURE__ */ React.createElement(Routes, null, /* @__PURE__ */ React.createElement(Route, { path: "/", element: /* @__PURE__ */ React.createElement(OptimizationsPage, null) }), /* @__PURE__ */ React.createElement(Route, { path: "/optimizations", element: /* @__PURE__ */ React.createElement(OptimizationsPage, null) }), /* @__PURE__ */ React.createElement(Route, { path: "/openshift", element: /* @__PURE__ */ React.createElement(OpenShiftPage, null) }), /* @__PURE__ */ React.createElement(Route, { path: "/:id/*", element: /* @__PURE__ */ React.createElement(OptimizationsBreakdownPage, null) }), /* @__PURE__ */ React.createElement(
-    Route,
-    {
-      path: "*",
-      element: /* @__PURE__ */ React.createElement(ErrorPage, { status: "404", statusMessage: "Page not found" })
-    }
-  ));
+  return /* @__PURE__ */ jsxs(Routes, { children: [
+    /* @__PURE__ */ jsx(Route, { path: "/", element: /* @__PURE__ */ jsx(OptimizationsPage, {}) }),
+    /* @__PURE__ */ jsx(Route, { path: "/:id/*", element: /* @__PURE__ */ jsx(OptimizationsBreakdownPage, {}) }),
+    /* @__PURE__ */ jsx(Route, { path: "*", element: notFound })
+  ] });
 }
 
-export { Router };
+export { OptimizationsRouter, Router };
 //# sourceMappingURL=Router.esm.js.map

package/dist/Router.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Router.esm.js","sources":["../src/Router.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 */\n\nimport { ErrorPage } from '@backstage/core-components';\nimport React from 'react';\nimport { Routes, Route } from 'react-router-dom';\nimport { OptimizationsPage } from './pages/optimizations/OptimizationsPage';\nimport { OptimizationsBreakdownPage } from './pages/optimizations-breakdown/OptimizationsBreakdownPage';\nimport { OpenShiftPage } from './pages/openshift/OpenShiftPage';\nimport { usePatternFlyTheme } from './hooks/usePatternFlyTheme';\n\n/** @public */\nexport function Router() {\n  usePatternFlyTheme();\n\n  return (\n    <Routes>\n      <Route path=\"/\" element={<OptimizationsPage />} />\n      <Route path=\"/optimizations\" element={<OptimizationsPage />} />\n      <Route path=\"/openshift\" element={<OpenShiftPage />} />\n      <Route path=\"/:id/*\" element={<OptimizationsBreakdownPage />} />\n      <Route\n        path=\"*\"\n        element={<ErrorPage status=\"404\" statusMessage=\"Page not found\" />}\n      />\n    </Routes>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAyBO,SAAS,MAAA,GAAS;AACvB,EAAA,kBAAA,EAAmB;AAEnB,EAAA,2CACG,MAAA,EAAA,IAAA,kBACC,KAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAM,IAAA,EAAK,KAAI,OAAA,kBAAS,KAAA,CAAA,aAAA,CAAC,iBAAA,EAAA,IAAkB,CAAA,EAAI,mBAChD,KAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAM,IAAA,EAAK,gBAAA,EAAiB,yBAAS,KAAA,CAAA,aAAA,CAAC,iBAAA,EAAA,IAAkB,CAAA,EAAI,CAAA,sCAC5D,KAAA,EAAA,EAAM,IAAA,EAAK,YAAA,EAAa,OAAA,sCAAU,aAAA,EAAA,IAAc,CAAA,EAAI,CAAA,kBACrD,KAAA,CAAA,aAAA,CAAC,SAAM,IAAA,EAAK,QAAA,EAAS,yBAAS,KAAA,CAAA,aAAA,CAAC,0BAAA,EAAA,IAA2B,GAAI,CAAA,kBAC9D,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,GAAA;AAAA,MACL,yBAAS,KAAA,CAAA,aAAA,CAAC,SAAA,EAAA,EAAU,MAAA,EAAO,KAAA,EAAM,eAAc,gBAAA,EAAiB;AAAA;AAAA,GAEpE,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Router.esm.js","sources":["../src/Router.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 */\n\nimport { ErrorPage } from '@backstage/core-components';\nimport { Routes, Route } from 'react-router-dom';\nimport { OptimizationsPage } from './pages/optimizations/OptimizationsPage';\nimport { OptimizationsBreakdownPage } from './pages/optimizations-breakdown/OptimizationsBreakdownPage';\nimport { usePatternFlyTheme } from './hooks/usePatternFlyTheme';\n\nconst notFound = <ErrorPage status=\"404\" statusMessage=\"Page not found\" />;\n\n/**\n * NFS Optimizations page loader: list + breakdown only.\n * OpenShift is a separate PageBlueprint, not a child of this mount.\n */\nexport function OptimizationsRouter() {\n  usePatternFlyTheme();\n\n  return (\n    <Routes>\n      <Route path=\"/\" element={<OptimizationsPage />} />\n      <Route path=\"/:id/*\" element={<OptimizationsBreakdownPage />} />\n      <Route path=\"*\" element={notFound} />\n    </Routes>\n  );\n}\n\n/** @public Legacy ResourceOptimizationPage mount (list + breakdown). */\nexport function Router() {\n  usePatternFlyTheme();\n\n  return (\n    <Routes>\n      <Route path=\"/\" element={<OptimizationsPage />} />\n      <Route path=\"/:id/*\" element={<OptimizationsBreakdownPage />} />\n      <Route path=\"*\" element={notFound} />\n    </Routes>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAsBA,MAAM,2BAAW,GAAA,CAAC,SAAA,EAAA,EAAU,MAAA,EAAO,KAAA,EAAM,eAAc,gBAAA,EAAiB,CAAA;AAMjE,SAAS,mBAAA,GAAsB;AACpC,EAAA,kBAAA,EAAmB;AAEnB,EAAA,4BACG,MAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,SAAM,IAAA,EAAK,GAAA,EAAI,OAAA,kBAAS,GAAA,CAAC,qBAAkB,CAAA,EAAI,CAAA;AAAA,wBAC/C,KAAA,EAAA,EAAM,IAAA,EAAK,UAAS,OAAA,kBAAS,GAAA,CAAC,8BAA2B,CAAA,EAAI,CAAA;AAAA,oBAC9D,GAAA,CAAC,KAAA,EAAA,EAAM,IAAA,EAAK,GAAA,EAAI,SAAS,QAAA,EAAU;AAAA,GAAA,EACrC,CAAA;AAEJ;AAGO,SAAS,MAAA,GAAS;AACvB,EAAA,kBAAA,EAAmB;AAEnB,EAAA,4BACG,MAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,SAAM,IAAA,EAAK,GAAA,EAAI,OAAA,kBAAS,GAAA,CAAC,qBAAkB,CAAA,EAAI,CAAA;AAAA,wBAC/C,KAAA,EAAA,EAAM,IAAA,EAAK,UAAS,OAAA,kBAAS,GAAA,CAAC,8BAA2B,CAAA,EAAI,CAAA;AAAA,oBAC9D,GAAA,CAAC,KAAA,EAAA,EAAM,IAAA,EAAK,GAAA,EAAI,SAAS,QAAA,EAAU;AAAA,GAAA,EACrC,CAAA;AAEJ;;;;"}

package/dist/alpha.d.ts

@@ -0,0 +1,136 @@
+import * as react from 'react';
+import * as _backstage_frontend_plugin_api from '@backstage/frontend-plugin-api';
+import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
+
+/**
+ * Cost Management plugin for the Backstage new frontend system.
+ * @alpha
+ */
+declare const _default: _backstage_frontend_plugin_api.OverridableFrontendPlugin<{
+    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/*">>;
+}, {}, {
+    "api:cost-management/cost-management-slim": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
+        kind: "api";
+        name: "cost-management-slim";
+        config: {};
+        configInput: {};
+        output: _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.AnyApiFactory, "core.api.factory", {}>;
+        inputs: {};
+        params: <TApi, TImpl extends TApi, TDeps extends { [name in string]: unknown; }>(params: _backstage_frontend_plugin_api.ApiFactory<TApi, TImpl, TDeps>) => _backstage_frontend_plugin_api.ExtensionBlueprintParams<_backstage_frontend_plugin_api.AnyApiFactory>;
+    }>;
+    "api:cost-management/optimizations": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
+        kind: "api";
+        name: "optimizations";
+        config: {};
+        configInput: {};
+        output: _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.AnyApiFactory, "core.api.factory", {}>;
+        inputs: {};
+        params: <TApi, TImpl extends TApi, TDeps extends { [name in string]: unknown; }>(params: _backstage_frontend_plugin_api.ApiFactory<TApi, TImpl, TDeps>) => _backstage_frontend_plugin_api.ExtensionBlueprintParams<_backstage_frontend_plugin_api.AnyApiFactory>;
+    }>;
+    "api:cost-management/orchestrator-slim": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
+        kind: "api";
+        name: "orchestrator-slim";
+        config: {};
+        configInput: {};
+        output: _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.AnyApiFactory, "core.api.factory", {}>;
+        inputs: {};
+        params: <TApi, TImpl extends TApi, TDeps extends { [name in string]: unknown; }>(params: _backstage_frontend_plugin_api.ApiFactory<TApi, TImpl, TDeps>) => _backstage_frontend_plugin_api.ExtensionBlueprintParams<_backstage_frontend_plugin_api.AnyApiFactory>;
+    }>;
+    "icon-bundle:cost-management/cost-management-icons": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
+        kind: "icon-bundle";
+        name: "cost-management-icons";
+        config: {};
+        configInput: {};
+        output: _backstage_frontend_plugin_api.ExtensionDataRef<{
+            [x: string]: _backstage_frontend_plugin_api.IconComponent | _backstage_frontend_plugin_api.IconElement;
+        }, "core.icons", {}>;
+        inputs: {};
+        params: {
+            icons: { [key in string]: _backstage_frontend_plugin_api.IconComponent | _backstage_frontend_plugin_api.IconElement; };
+        };
+    }>;
+    "page:cost-management": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
+        kind: "page";
+        name: undefined;
+        config: {
+            path: string | undefined;
+            title: string | undefined;
+        };
+        configInput: {
+            path?: string | undefined;
+            title?: string | undefined;
+        };
+        output: _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.title", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.IconElement, "core.icon", {
+            optional: true;
+        }>;
+        inputs: {
+            pages: _backstage_frontend_plugin_api.ExtensionInput<_backstage_frontend_plugin_api.ConfigurableExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
+                optional: true;
+            }> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "core.title", {
+                optional: true;
+            }> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<_backstage_frontend_plugin_api.IconElement, "core.icon", {
+                optional: true;
+            }>, {
+                singleton: false;
+                optional: false;
+                internal: false;
+            }>;
+        };
+        params: {
+            path: string;
+            title?: string;
+            icon?: _backstage_frontend_plugin_api.IconElement;
+            loader?: () => Promise<react.JSX.Element>;
+            routeRef?: _backstage_frontend_plugin_api.RouteRef;
+            noHeader?: boolean;
+        };
+    }>;
+    "page:cost-management/openshift": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
+        kind: "page";
+        name: "openshift";
+        config: {
+            path: string | undefined;
+            title: string | undefined;
+        };
+        configInput: {
+            path?: string | undefined;
+            title?: string | undefined;
+        };
+        output: _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.title", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.IconElement, "core.icon", {
+            optional: true;
+        }>;
+        inputs: {
+            pages: _backstage_frontend_plugin_api.ExtensionInput<_backstage_frontend_plugin_api.ConfigurableExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
+                optional: true;
+            }> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "core.title", {
+                optional: true;
+            }> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<_backstage_frontend_plugin_api.IconElement, "core.icon", {
+                optional: true;
+            }>, {
+                singleton: false;
+                optional: false;
+                internal: false;
+            }>;
+        };
+        params: {
+            path: string;
+            title?: string;
+            icon?: _backstage_frontend_plugin_api.IconElement;
+            loader?: () => Promise<react.JSX.Element>;
+            routeRef?: _backstage_frontend_plugin_api.RouteRef;
+            noHeader?: boolean;
+        };
+    }>;
+}>;
+
+export { _default as default };

package/dist/alpha.esm.js

@@ -0,0 +1,108 @@
+import { jsx } from 'react/jsx-runtime';
+import { fetchApiRef, discoveryApiRef, identityApiRef } from '@backstage/core-plugin-api';
+import { ApiBlueprint, createApiFactory, PageBlueprint, createFrontendPlugin } from '@backstage/frontend-plugin-api';
+import { IconBundleBlueprint } from '@backstage/plugin-app-react';
+import { OptimizationsClient, OrchestratorSlimClient, CostManagementSlimClient } from '@red-hat-developer-hub/plugin-cost-management-common/clients';
+import { optimizationsApiRef, orchestratorSlimApiRef, costManagementSlimApiRef } from './apis.esm.js';
+import '@material-ui/core/SvgIcon';
+import { CostManagementIconOutlined } from './components/icon/CostManagementIconOutlined.esm.js';
+import { rootRouteRef, openShiftRouteRef, optimizationsBreakdownRouteRef } from './routes.esm.js';
+
+const optimizationsApi = ApiBlueprint.make({
+  name: "optimizations",
+  params: (defineParams) => defineParams(
+    createApiFactory({
+      api: optimizationsApiRef,
+      deps: {
+        discoveryApi: discoveryApiRef,
+        fetchApi: fetchApiRef
+      },
+      factory: ({ discoveryApi, fetchApi }) => new OptimizationsClient({
+        discoveryApi,
+        fetchApi
+      })
+    })
+  )
+});
+const orchestratorSlimApi = ApiBlueprint.make({
+  name: "orchestrator-slim",
+  params: (defineParams) => defineParams(
+    createApiFactory({
+      api: orchestratorSlimApiRef,
+      deps: {
+        discoveryApi: discoveryApiRef,
+        fetchApi: fetchApiRef,
+        identityApi: identityApiRef
+      },
+      factory: ({ discoveryApi, fetchApi, identityApi }) => new OrchestratorSlimClient({
+        discoveryApi,
+        fetchApi,
+        identityApi
+      })
+    })
+  )
+});
+const costManagementSlimApi = ApiBlueprint.make({
+  name: "cost-management-slim",
+  params: (defineParams) => defineParams(
+    createApiFactory({
+      api: costManagementSlimApiRef,
+      deps: {
+        discoveryApi: discoveryApiRef,
+        fetchApi: fetchApiRef
+      },
+      factory: ({ discoveryApi, fetchApi }) => new CostManagementSlimClient({
+        discoveryApi,
+        fetchApi
+      })
+    })
+  )
+});
+const costManagementIcons = IconBundleBlueprint.make({
+  name: "cost-management-icons",
+  params: {
+    icons: {
+      costManagementIconOutlined: CostManagementIconOutlined
+    }
+  }
+});
+const optimizationsPage = PageBlueprint.make({
+  params: {
+    path: "/cost-management/optimizations",
+    routeRef: rootRouteRef,
+    title: "Optimizations",
+    icon: /* @__PURE__ */ jsx(CostManagementIconOutlined, {}),
+    noHeader: true,
+    loader: () => import('./Router.esm.js').then((m) => /* @__PURE__ */ jsx(m.OptimizationsRouter, {}))
+  }
+});
+const openShiftPage = PageBlueprint.make({
+  name: "openshift",
+  params: {
+    path: "/cost-management/openshift",
+    routeRef: openShiftRouteRef,
+    title: "Cost Management",
+    icon: /* @__PURE__ */ jsx(CostManagementIconOutlined, {}),
+    noHeader: true,
+    loader: () => import('./pages/openshift/OpenShiftPage.esm.js').then((m) => /* @__PURE__ */ jsx(m.OpenShiftPage, {}))
+  }
+});
+var alpha = createFrontendPlugin({
+  pluginId: "cost-management",
+  extensions: [
+    optimizationsApi,
+    orchestratorSlimApi,
+    costManagementSlimApi,
+    costManagementIcons,
+    optimizationsPage,
+    openShiftPage
+  ],
+  routes: {
+    root: rootRouteRef,
+    openShift: openShiftRouteRef,
+    breakdown: optimizationsBreakdownRouteRef
+  }
+});
+
+export { alpha as default };
+//# sourceMappingURL=alpha.esm.js.map

package/dist/alpha.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alpha.esm.js","sources":["../src/alpha.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 */\n\n/**\n * New Frontend System entry (`./alpha`).\n *\n * @packageDocumentation\n */\n\nimport {\n  discoveryApiRef,\n  fetchApiRef,\n  identityApiRef,\n} from '@backstage/core-plugin-api';\nimport {\n  ApiBlueprint,\n  createApiFactory,\n  createFrontendPlugin,\n  PageBlueprint,\n} from '@backstage/frontend-plugin-api';\nimport { IconBundleBlueprint } from '@backstage/plugin-app-react';\nimport {\n  CostManagementSlimClient,\n  OptimizationsClient,\n  OrchestratorSlimClient,\n} from '@red-hat-developer-hub/plugin-cost-management-common/clients';\nimport {\n  costManagementSlimApiRef,\n  optimizationsApiRef,\n  orchestratorSlimApiRef,\n} from './apis';\nimport { CostManagementIconOutlined } from './components/icon';\nimport {\n  optimizationsBreakdownRouteRef,\n  openShiftRouteRef,\n  rootRouteRef,\n} from './routes';\n\nconst optimizationsApi = ApiBlueprint.make({\n  name: 'optimizations',\n  params: defineParams =>\n    defineParams(\n      createApiFactory({\n        api: optimizationsApiRef,\n        deps: {\n          discoveryApi: discoveryApiRef,\n          fetchApi: fetchApiRef,\n        },\n        factory: ({ discoveryApi, fetchApi }) =>\n          new OptimizationsClient({\n            discoveryApi,\n            fetchApi,\n          }),\n      }),\n    ),\n});\n\nconst orchestratorSlimApi = ApiBlueprint.make({\n  name: 'orchestrator-slim',\n  params: defineParams =>\n    defineParams(\n      createApiFactory({\n        api: orchestratorSlimApiRef,\n        deps: {\n          discoveryApi: discoveryApiRef,\n          fetchApi: fetchApiRef,\n          identityApi: identityApiRef,\n        },\n        factory: ({ discoveryApi, fetchApi, identityApi }) =>\n          new OrchestratorSlimClient({\n            discoveryApi,\n            fetchApi,\n            identityApi,\n          }),\n      }),\n    ),\n});\n\nconst costManagementSlimApi = ApiBlueprint.make({\n  name: 'cost-management-slim',\n  params: defineParams =>\n    defineParams(\n      createApiFactory({\n        api: costManagementSlimApiRef,\n        deps: {\n          discoveryApi: discoveryApiRef,\n          fetchApi: fetchApiRef,\n        },\n        factory: ({ discoveryApi, fetchApi }) =>\n          new CostManagementSlimClient({\n            discoveryApi,\n            fetchApi,\n          }),\n      }),\n    ),\n});\n\nconst costManagementIcons = IconBundleBlueprint.make({\n  name: 'cost-management-icons',\n  params: {\n    icons: {\n      costManagementIconOutlined: CostManagementIconOutlined,\n    },\n  },\n});\n\nconst optimizationsPage = PageBlueprint.make({\n  params: {\n    path: '/cost-management/optimizations',\n    routeRef: rootRouteRef,\n    title: 'Optimizations',\n    icon: <CostManagementIconOutlined />,\n    noHeader: true,\n    loader: () => import('./Router').then(m => <m.OptimizationsRouter />),\n  },\n});\n\nconst openShiftPage = PageBlueprint.make({\n  name: 'openshift',\n  params: {\n    path: '/cost-management/openshift',\n    routeRef: openShiftRouteRef,\n    title: 'Cost Management',\n    icon: <CostManagementIconOutlined />,\n    noHeader: true,\n    loader: () =>\n      import('./pages/openshift/OpenShiftPage').then(m => <m.OpenShiftPage />),\n  },\n});\n\n/**\n * Cost Management plugin for the Backstage new frontend system.\n * @alpha\n */\nexport default createFrontendPlugin({\n  pluginId: 'cost-management',\n  extensions: [\n    optimizationsApi,\n    orchestratorSlimApi,\n    costManagementSlimApi,\n    costManagementIcons,\n    optimizationsPage,\n    openShiftPage,\n  ],\n  routes: {\n    root: rootRouteRef,\n    openShift: openShiftRouteRef,\n    breakdown: optimizationsBreakdownRouteRef,\n  },\n});\n"],"names":[],"mappings":";;;;;;;;;;AAmDA,MAAM,gBAAA,GAAmB,aAAa,IAAA,CAAK;AAAA,EACzC,IAAA,EAAM,eAAA;AAAA,EACN,QAAQ,CAAA,YAAA,KACN,YAAA;AAAA,IACE,gBAAA,CAAiB;AAAA,MACf,GAAA,EAAK,mBAAA;AAAA,MACL,IAAA,EAAM;AAAA,QACJ,YAAA,EAAc,eAAA;AAAA,QACd,QAAA,EAAU;AAAA,OACZ;AAAA,MACA,SAAS,CAAC,EAAE,cAAc,QAAA,EAAS,KACjC,IAAI,mBAAA,CAAoB;AAAA,QACtB,YAAA;AAAA,QACA;AAAA,OACD;AAAA,KACJ;AAAA;AAEP,CAAC,CAAA;AAED,MAAM,mBAAA,GAAsB,aAAa,IAAA,CAAK;AAAA,EAC5C,IAAA,EAAM,mBAAA;AAAA,EACN,QAAQ,CAAA,YAAA,KACN,YAAA;AAAA,IACE,gBAAA,CAAiB;AAAA,MACf,GAAA,EAAK,sBAAA;AAAA,MACL,IAAA,EAAM;AAAA,QACJ,YAAA,EAAc,eAAA;AAAA,QACd,QAAA,EAAU,WAAA;AAAA,QACV,WAAA,EAAa;AAAA,OACf;AAAA,MACA,OAAA,EAAS,CAAC,EAAE,YAAA,EAAc,UAAU,WAAA,EAAY,KAC9C,IAAI,sBAAA,CAAuB;AAAA,QACzB,YAAA;AAAA,QACA,QAAA;AAAA,QACA;AAAA,OACD;AAAA,KACJ;AAAA;AAEP,CAAC,CAAA;AAED,MAAM,qBAAA,GAAwB,aAAa,IAAA,CAAK;AAAA,EAC9C,IAAA,EAAM,sBAAA;AAAA,EACN,QAAQ,CAAA,YAAA,KACN,YAAA;AAAA,IACE,gBAAA,CAAiB;AAAA,MACf,GAAA,EAAK,wBAAA;AAAA,MACL,IAAA,EAAM;AAAA,QACJ,YAAA,EAAc,eAAA;AAAA,QACd,QAAA,EAAU;AAAA,OACZ;AAAA,MACA,SAAS,CAAC,EAAE,cAAc,QAAA,EAAS,KACjC,IAAI,wBAAA,CAAyB;AAAA,QAC3B,YAAA;AAAA,QACA;AAAA,OACD;AAAA,KACJ;AAAA;AAEP,CAAC,CAAA;AAED,MAAM,mBAAA,GAAsB,oBAAoB,IAAA,CAAK;AAAA,EACnD,IAAA,EAAM,uBAAA;AAAA,EACN,MAAA,EAAQ;AAAA,IACN,KAAA,EAAO;AAAA,MACL,0BAAA,EAA4B;AAAA;AAC9B;AAEJ,CAAC,CAAA;AAED,MAAM,iBAAA,GAAoB,cAAc,IAAA,CAAK;AAAA,EAC3C,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,gCAAA;AAAA,IACN,QAAA,EAAU,YAAA;AAAA,IACV,KAAA,EAAO,eAAA;AAAA,IACP,IAAA,sBAAO,0BAAA,EAAA,EAA2B,CAAA;AAAA,IAClC,QAAA,EAAU,IAAA;AAAA,IACV,MAAA,EAAQ,MAAM,OAAO,iBAAU,CAAA,CAAE,IAAA,CAAK,CAAA,CAAA,qBAAK,GAAA,CAAC,CAAA,CAAE,mBAAA,EAAF,EAAsB,CAAE;AAAA;AAExE,CAAC,CAAA;AAED,MAAM,aAAA,GAAgB,cAAc,IAAA,CAAK;AAAA,EACvC,IAAA,EAAM,WAAA;AAAA,EACN,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,4BAAA;AAAA,IACN,QAAA,EAAU,iBAAA;AAAA,IACV,KAAA,EAAO,iBAAA;AAAA,IACP,IAAA,sBAAO,0BAAA,EAAA,EAA2B,CAAA;AAAA,IAClC,QAAA,EAAU,IAAA;AAAA,IACV,MAAA,EAAQ,MACN,OAAO,wCAAiC,CAAA,CAAE,IAAA,CAAK,CAAA,CAAA,qBAAK,GAAA,CAAC,CAAA,CAAE,aAAA,EAAF,EAAgB,CAAE;AAAA;AAE7E,CAAC,CAAA;AAMD,YAAe,oBAAA,CAAqB;AAAA,EAClC,QAAA,EAAU,iBAAA;AAAA,EACV,UAAA,EAAY;AAAA,IACV,gBAAA;AAAA,IACA,mBAAA;AAAA,IACA,qBAAA;AAAA,IACA,mBAAA;AAAA,IACA,iBAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,YAAA;AAAA,IACN,SAAA,EAAW,iBAAA;AAAA,IACX,SAAA,EAAW;AAAA;AAEf,CAAC,CAAA;;;;"}

package/dist/components/BasePage.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { PageWithHeader, Content, ContentHeader, SupportButton } from '@backstage/core-components';
 
 function BasePage(props) {
@@ -13,15 +13,18 @@ function BasePage(props) {
     showSupportButton = false,
     withContentPadding = false
   } = props;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     PageWithHeader,
     {
       title: pageTitle,
       type: pageType,
       typeLink: pageTypeLink,
-      themeId: pageThemeId
-    },
-    /* @__PURE__ */ React.createElement(Content, { noPadding: !withContentPadding }, showContentHeader && /* @__PURE__ */ React.createElement(ContentHeader, { title: contentHeaderTitle }, showSupportButton && /* @__PURE__ */ React.createElement(SupportButton, null, "Support")), children)
+      themeId: pageThemeId,
+      children: /* @__PURE__ */ jsxs(Content, { noPadding: !withContentPadding, children: [
+        showContentHeader && /* @__PURE__ */ jsx(ContentHeader, { title: contentHeaderTitle, children: showSupportButton && /* @__PURE__ */ jsx(SupportButton, { children: "Support" }) }),
+        children
+      ] })
+    }
   );
 }
 

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

@@ -1 +1 @@
-{"version":3,"file":"BasePage.esm.js","sources":["../../src/components/BasePage.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 */\n\nimport React, { PropsWithChildren } from 'react';\nimport {\n  PageWithHeader,\n  Content,\n  ContentHeader,\n  SupportButton,\n} from '@backstage/core-components';\n\n/** @public */\nexport function BasePage(\n  props: PropsWithChildren<{\n    pageThemeId?: string;\n    pageTitle: string;\n    pageType?: string;\n    pageTypeLink?: string;\n    contentHeaderTitle?: string;\n    showSupportButton?: boolean;\n    showContentHeader?: boolean;\n    withContentPadding?: boolean;\n  }>,\n) {\n  const {\n    children,\n    contentHeaderTitle = '',\n    pageThemeId = 'tool',\n    pageTitle,\n    pageType,\n    pageTypeLink,\n    showContentHeader = false,\n    showSupportButton = false,\n    withContentPadding = false,\n  } = props;\n\n  return (\n    <PageWithHeader\n      title={pageTitle}\n      type={pageType}\n      typeLink={pageTypeLink}\n      themeId={pageThemeId}\n    >\n      <Content noPadding={!withContentPadding}>\n        {showContentHeader && (\n          <ContentHeader title={contentHeaderTitle}>\n            {showSupportButton && <SupportButton>Support</SupportButton>}\n          </ContentHeader>\n        )}\n        {children}\n      </Content>\n    </PageWithHeader>\n  );\n}\n"],"names":[],"mappings":";;;AAyBO,SAAS,SACd,KAAA,EAUA;AACA,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,kBAAA,GAAqB,EAAA;AAAA,IACrB,WAAA,GAAc,MAAA;AAAA,IACd,SAAA;AAAA,IACA,QAAA;AAAA,IACA,YAAA;AAAA,IACA,iBAAA,GAAoB,KAAA;AAAA,IACpB,iBAAA,GAAoB,KAAA;AAAA,IACpB,kBAAA,GAAqB;AAAA,GACvB,GAAI,KAAA;AAEJ,EAAA,uBACE,KAAA,CAAA,aAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,SAAA;AAAA,MACP,IAAA,EAAM,QAAA;AAAA,MACN,QAAA,EAAU,YAAA;AAAA,MACV,OAAA,EAAS;AAAA,KAAA;AAAA,wCAER,OAAA,EAAA,EAAQ,SAAA,EAAW,CAAC,kBAAA,EAAA,EAClB,qCACC,KAAA,CAAA,aAAA,CAAC,aAAA,EAAA,EAAc,KAAA,EAAO,kBAAA,EAAA,EACnB,qCAAqB,KAAA,CAAA,aAAA,CAAC,aAAA,EAAA,IAAA,EAAc,SAAO,CAC9C,GAED,QACH;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"BasePage.esm.js","sources":["../../src/components/BasePage.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 */\n\nimport { PropsWithChildren } from 'react';\nimport {\n  PageWithHeader,\n  Content,\n  ContentHeader,\n  SupportButton,\n} from '@backstage/core-components';\n\n/** @public */\nexport function BasePage(\n  props: PropsWithChildren<{\n    pageThemeId?: string;\n    pageTitle: string;\n    pageType?: string;\n    pageTypeLink?: string;\n    contentHeaderTitle?: string;\n    showSupportButton?: boolean;\n    showContentHeader?: boolean;\n    withContentPadding?: boolean;\n  }>,\n) {\n  const {\n    children,\n    contentHeaderTitle = '',\n    pageThemeId = 'tool',\n    pageTitle,\n    pageType,\n    pageTypeLink,\n    showContentHeader = false,\n    showSupportButton = false,\n    withContentPadding = false,\n  } = props;\n\n  return (\n    <PageWithHeader\n      title={pageTitle}\n      type={pageType}\n      typeLink={pageTypeLink}\n      themeId={pageThemeId}\n    >\n      <Content noPadding={!withContentPadding}>\n        {showContentHeader && (\n          <ContentHeader title={contentHeaderTitle}>\n            {showSupportButton && <SupportButton>Support</SupportButton>}\n          </ContentHeader>\n        )}\n        {children}\n      </Content>\n    </PageWithHeader>\n  );\n}\n"],"names":[],"mappings":";;;AAyBO,SAAS,SACd,KAAA,EAUA;AACA,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,kBAAA,GAAqB,EAAA;AAAA,IACrB,WAAA,GAAc,MAAA;AAAA,IACd,SAAA;AAAA,IACA,QAAA;AAAA,IACA,YAAA;AAAA,IACA,iBAAA,GAAoB,KAAA;AAAA,IACpB,iBAAA,GAAoB,KAAA;AAAA,IACpB,kBAAA,GAAqB;AAAA,GACvB,GAAI,KAAA;AAEJ,EAAA,uBACE,GAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,SAAA;AAAA,MACP,IAAA,EAAM,QAAA;AAAA,MACN,QAAA,EAAU,YAAA;AAAA,MACV,OAAA,EAAS,WAAA;AAAA,MAET,QAAA,kBAAA,IAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAW,CAAC,kBAAA,EAClB,QAAA,EAAA;AAAA,QAAA,iBAAA,oBACC,GAAA,CAAC,iBAAc,KAAA,EAAO,kBAAA,EACnB,+CAAqB,GAAA,CAAC,aAAA,EAAA,EAAc,qBAAO,CAAA,EAC9C,CAAA;AAAA,QAED;AAAA,OAAA,EACH;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/components/InfoCardTitle.esm.js

@@ -1,8 +1,8 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import Typography from '@material-ui/core/Typography';
 
 const InfoCardTitle = (props) => {
-  return /* @__PURE__ */ React.createElement(Typography, { variant: "body1" }, /* @__PURE__ */ React.createElement("b", null, props.title));
+  return /* @__PURE__ */ jsx(Typography, { variant: "body1", children: /* @__PURE__ */ jsx("b", { children: props.title }) });
 };
 
 export { InfoCardTitle };

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

@@ -1 +1 @@
-{"version":3,"file":"InfoCardTitle.esm.js","sources":["../../src/components/InfoCardTitle.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 */\n\nimport React from 'react';\nimport Typography from '@material-ui/core/Typography';\n\ninterface InfoCardTitleProps {\n  title: React.ReactNode;\n}\n\nexport const InfoCardTitle = (props: InfoCardTitleProps) => {\n  return (\n    <Typography variant=\"body1\">\n      <b>{props.title}</b>\n    </Typography>\n  );\n};\n"],"names":[],"mappings":";;;AAuBO,MAAM,aAAA,GAAgB,CAAC,KAAA,KAA8B;AAC1D,EAAA,uBACE,KAAA,CAAA,aAAA,CAAC,cAAW,OAAA,EAAQ,OAAA,EAAA,sCACjB,GAAA,EAAA,IAAA,EAAG,KAAA,CAAM,KAAM,CAClB,CAAA;AAEJ;;;;"}
+{"version":3,"file":"InfoCardTitle.esm.js","sources":["../../src/components/InfoCardTitle.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 */\n\nimport { default as React } from 'react';\nimport Typography from '@material-ui/core/Typography';\n\ninterface InfoCardTitleProps {\n  title: React.ReactNode;\n}\n\nexport const InfoCardTitle = (props: InfoCardTitleProps) => {\n  return (\n    <Typography variant=\"body1\">\n      <b>{props.title}</b>\n    </Typography>\n  );\n};\n"],"names":[],"mappings":";;;AAuBO,MAAM,aAAA,GAAgB,CAAC,KAAA,KAA8B;AAC1D,EAAA,uBACE,GAAA,CAAC,cAAW,OAAA,EAAQ,OAAA,EAClB,8BAAC,GAAA,EAAA,EAAG,QAAA,EAAA,KAAA,CAAM,OAAM,CAAA,EAClB,CAAA;AAEJ;;;;"}

package/dist/components/PageLayout.esm.js

@@ -1,4 +1,5 @@
-import React, { useState } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useState } from 'react';
 import Box from '@material-ui/core/Box';
 import Button from '@material-ui/core/Button';
 import Drawer from '@material-ui/core/Drawer';
@@ -14,40 +15,46 @@ function Filters(props) {
   );
   const theme = useTheme();
   const [filterDrawerOpen, setFilterDrawerOpen] = useState(false);
-  return isScreenSmallerThanBreakpoint ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      style: { marginTop: theme.spacing(1), marginLeft: theme.spacing(1) },
-      onClick: () => setFilterDrawerOpen(true),
-      startIcon: /* @__PURE__ */ React.createElement(FilterListIcon, null)
-    },
-    "Filters"
-  ), /* @__PURE__ */ React.createElement(
-    Drawer,
-    {
-      open: filterDrawerOpen,
-      onClose: () => setFilterDrawerOpen(false),
-      anchor: props.options?.drawerAnchor ?? "left",
-      disableAutoFocus: true,
-      keepMounted: true,
-      variant: "temporary"
-    },
-    /* @__PURE__ */ React.createElement(Box, { m: 2 }, /* @__PURE__ */ React.createElement(
-      Typography,
+  return isScreenSmallerThanBreakpoint ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Button,
       {
-        variant: "h6",
-        component: "h2",
-        style: { marginBottom: theme.spacing(1) }
-      },
-      "Filters"
-    ), props.children)
-  )) : /* @__PURE__ */ React.createElement(Grid, { item: true, lg: 2 }, props.children);
+        style: { marginTop: theme.spacing(1), marginLeft: theme.spacing(1) },
+        onClick: () => setFilterDrawerOpen(true),
+        startIcon: /* @__PURE__ */ jsx(FilterListIcon, {}),
+        children: "Filters"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Drawer,
+      {
+        open: filterDrawerOpen,
+        onClose: () => setFilterDrawerOpen(false),
+        anchor: props.options?.drawerAnchor ?? "left",
+        disableAutoFocus: true,
+        keepMounted: true,
+        variant: "temporary",
+        children: /* @__PURE__ */ jsxs(Box, { m: 2, children: [
+          /* @__PURE__ */ jsx(
+            Typography,
+            {
+              variant: "h6",
+              component: "h2",
+              style: { marginBottom: theme.spacing(1) },
+              children: "Filters"
+            }
+          ),
+          props.children
+        ] })
+      }
+    )
+  ] }) : /* @__PURE__ */ jsx(Grid, { item: true, lg: 2, children: props.children });
 }
 function Table(props) {
-  return /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, lg: 10 }, props.children);
+  return /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, lg: 10, children: props.children });
 }
 function PageLayout(props) {
-  return /* @__PURE__ */ React.createElement(Grid, { container: true, style: { position: "relative" } }, props.children);
+  return /* @__PURE__ */ jsx(Grid, { container: true, style: { position: "relative" }, children: props.children });
 }
 PageLayout.Filters = Filters;
 PageLayout.Table = Table;

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

@@ -1 +1 @@
-{"version":3,"file":"PageLayout.esm.js","sources":["../../src/components/PageLayout.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 */\n\nimport React, { useState } from 'react';\nimport Box from '@material-ui/core/Box';\nimport Button from '@material-ui/core/Button';\nimport Drawer from '@material-ui/core/Drawer';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\nimport { Theme, useTheme } from '@material-ui/core/styles';\nimport FilterListIcon from '@material-ui/icons/FilterList';\n\nfunction Filters(props: {\n  children: React.ReactNode;\n  options?: {\n    drawerBreakpoint?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | number;\n    drawerAnchor?: 'left' | 'right' | 'top' | 'bottom';\n  };\n}) {\n  const isScreenSmallerThanBreakpoint = useMediaQuery((theme: Theme) =>\n    theme.breakpoints.down(props.options?.drawerBreakpoint ?? 'md'),\n  );\n  const theme = useTheme();\n  const [filterDrawerOpen, setFilterDrawerOpen] = useState<boolean>(false);\n\n  return isScreenSmallerThanBreakpoint ? (\n    <>\n      <Button\n        style={{ marginTop: theme.spacing(1), marginLeft: theme.spacing(1) }}\n        onClick={() => setFilterDrawerOpen(true)}\n        startIcon={<FilterListIcon />}\n      >\n        Filters\n      </Button>\n      <Drawer\n        open={filterDrawerOpen}\n        onClose={() => setFilterDrawerOpen(false)}\n        anchor={props.options?.drawerAnchor ?? 'left'}\n        disableAutoFocus\n        keepMounted\n        variant=\"temporary\"\n      >\n        <Box m={2}>\n          <Typography\n            variant=\"h6\"\n            component=\"h2\"\n            style={{ marginBottom: theme.spacing(1) }}\n          >\n            Filters\n          </Typography>\n          {props.children}\n        </Box>\n      </Drawer>\n    </>\n  ) : (\n    <Grid item lg={2}>\n      {props.children}\n    </Grid>\n  );\n}\n\nfunction Table(props: { children: React.ReactNode }) {\n  return (\n    <Grid item xs={12} lg={10}>\n      {props.children}\n    </Grid>\n  );\n}\n\n/** @public */\nexport function PageLayout(props: { children: React.ReactNode }) {\n  return (\n    <Grid container style={{ position: 'relative' }}>\n      {props.children}\n    </Grid>\n  );\n}\n\nPageLayout.Filters = Filters;\nPageLayout.Table = Table;\n"],"names":["theme"],"mappings":";;;;;;;;;;AA0BA,SAAS,QAAQ,KAAA,EAMd;AACD,EAAA,MAAM,6BAAA,GAAgC,aAAA;AAAA,IAAc,CAACA,WACnDA,MAAAA,CAAM,WAAA,CAAY,KAAK,KAAA,CAAM,OAAA,EAAS,oBAAoB,IAAI;AAAA,GAChE;AACA,EAAA,MAAM,QAAQ,QAAA,EAAS;AACvB,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAI,SAAkB,KAAK,CAAA;AAEvE,EAAA,OAAO,gDACL,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,EAAE,SAAA,EAAW,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA,EAAG,UAAA,EAAY,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA,EAAE;AAAA,MACnE,OAAA,EAAS,MAAM,mBAAA,CAAoB,IAAI,CAAA;AAAA,MACvC,SAAA,sCAAY,cAAA,EAAA,IAAe;AAAA,KAAA;AAAA,IAC5B;AAAA,GAED,kBACA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,gBAAA;AAAA,MACN,OAAA,EAAS,MAAM,mBAAA,CAAoB,KAAK,CAAA;AAAA,MACxC,MAAA,EAAQ,KAAA,CAAM,OAAA,EAAS,YAAA,IAAgB,MAAA;AAAA,MACvC,gBAAA,EAAgB,IAAA;AAAA,MAChB,WAAA,EAAW,IAAA;AAAA,MACX,OAAA,EAAQ;AAAA,KAAA;AAAA,oBAER,KAAA,CAAA,aAAA,CAAC,GAAA,EAAA,EAAI,CAAA,EAAG,CAAA,EAAA,kBACN,KAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,IAAA;AAAA,QACR,SAAA,EAAU,IAAA;AAAA,QACV,OAAO,EAAE,YAAA,EAAc,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA;AAAE,OAAA;AAAA,MACzC;AAAA,KAED,EACC,MAAM,QACT;AAAA,GAEJ,oBAEA,KAAA,CAAA,aAAA,CAAC,IAAA,EAAA,EAAK,MAAI,IAAA,EAAC,EAAA,EAAI,CAAA,EAAA,EACZ,KAAA,CAAM,QACT,CAAA;AAEJ;AAEA,SAAS,MAAM,KAAA,EAAsC;AACnD,EAAA,uBACE,KAAA,CAAA,aAAA,CAAC,QAAK,IAAA,EAAI,IAAA,EAAC,IAAI,EAAA,EAAI,EAAA,EAAI,EAAA,EAAA,EACpB,KAAA,CAAM,QACT,CAAA;AAEJ;AAGO,SAAS,WAAW,KAAA,EAAsC;AAC/D,EAAA,uBACE,KAAA,CAAA,aAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAS,IAAA,EAAC,KAAA,EAAO,EAAE,QAAA,EAAU,UAAA,EAAW,EAAA,EAC3C,KAAA,CAAM,QACT,CAAA;AAEJ;AAEA,UAAA,CAAW,OAAA,GAAU,OAAA;AACrB,UAAA,CAAW,KAAA,GAAQ,KAAA;;;;"}
+{"version":3,"file":"PageLayout.esm.js","sources":["../../src/components/PageLayout.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 */\n\nimport { default as React, useState } from 'react';\nimport Box from '@material-ui/core/Box';\nimport Button from '@material-ui/core/Button';\nimport Drawer from '@material-ui/core/Drawer';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\nimport { Theme, useTheme } from '@material-ui/core/styles';\nimport FilterListIcon from '@material-ui/icons/FilterList';\n\nfunction Filters(props: {\n  children: React.ReactNode;\n  options?: {\n    drawerBreakpoint?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | number;\n    drawerAnchor?: 'left' | 'right' | 'top' | 'bottom';\n  };\n}) {\n  const isScreenSmallerThanBreakpoint = useMediaQuery((theme: Theme) =>\n    theme.breakpoints.down(props.options?.drawerBreakpoint ?? 'md'),\n  );\n  const theme = useTheme();\n  const [filterDrawerOpen, setFilterDrawerOpen] = useState<boolean>(false);\n\n  return isScreenSmallerThanBreakpoint ? (\n    <>\n      <Button\n        style={{ marginTop: theme.spacing(1), marginLeft: theme.spacing(1) }}\n        onClick={() => setFilterDrawerOpen(true)}\n        startIcon={<FilterListIcon />}\n      >\n        Filters\n      </Button>\n      <Drawer\n        open={filterDrawerOpen}\n        onClose={() => setFilterDrawerOpen(false)}\n        anchor={props.options?.drawerAnchor ?? 'left'}\n        disableAutoFocus\n        keepMounted\n        variant=\"temporary\"\n      >\n        <Box m={2}>\n          <Typography\n            variant=\"h6\"\n            component=\"h2\"\n            style={{ marginBottom: theme.spacing(1) }}\n          >\n            Filters\n          </Typography>\n          {props.children}\n        </Box>\n      </Drawer>\n    </>\n  ) : (\n    <Grid item lg={2}>\n      {props.children}\n    </Grid>\n  );\n}\n\nfunction Table(props: { children: React.ReactNode }) {\n  return (\n    <Grid item xs={12} lg={10}>\n      {props.children}\n    </Grid>\n  );\n}\n\n/** @public */\nexport function PageLayout(props: { children: React.ReactNode }) {\n  return (\n    <Grid container style={{ position: 'relative' }}>\n      {props.children}\n    </Grid>\n  );\n}\n\nPageLayout.Filters = Filters;\nPageLayout.Table = Table;\n"],"names":["theme"],"mappings":";;;;;;;;;;;AA0BA,SAAS,QAAQ,KAAA,EAMd;AACD,EAAA,MAAM,6BAAA,GAAgC,aAAA;AAAA,IAAc,CAACA,WACnDA,MAAAA,CAAM,WAAA,CAAY,KAAK,KAAA,CAAM,OAAA,EAAS,oBAAoB,IAAI;AAAA,GAChE;AACA,EAAA,MAAM,QAAQ,QAAA,EAAS;AACvB,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAI,SAAkB,KAAK,CAAA;AAEvE,EAAA,OAAO,gDACL,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,EAAE,SAAA,EAAW,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA,EAAG,UAAA,EAAY,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA,EAAE;AAAA,QACnE,OAAA,EAAS,MAAM,mBAAA,CAAoB,IAAI,CAAA;AAAA,QACvC,SAAA,sBAAY,cAAA,EAAA,EAAe,CAAA;AAAA,QAC5B,QAAA,EAAA;AAAA;AAAA,KAED;AAAA,oBACA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAM,gBAAA;AAAA,QACN,OAAA,EAAS,MAAM,mBAAA,CAAoB,KAAK,CAAA;AAAA,QACxC,MAAA,EAAQ,KAAA,CAAM,OAAA,EAAS,YAAA,IAAgB,MAAA;AAAA,QACvC,gBAAA,EAAgB,IAAA;AAAA,QAChB,WAAA,EAAW,IAAA;AAAA,QACX,OAAA,EAAQ,WAAA;AAAA,QAER,QAAA,kBAAA,IAAA,CAAC,GAAA,EAAA,EAAI,CAAA,EAAG,CAAA,EACN,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,OAAA,EAAQ,IAAA;AAAA,cACR,SAAA,EAAU,IAAA;AAAA,cACV,OAAO,EAAE,YAAA,EAAc,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA,EAAE;AAAA,cACzC,QAAA,EAAA;AAAA;AAAA,WAED;AAAA,UACC,KAAA,CAAM;AAAA,SAAA,EACT;AAAA;AAAA;AACF,GAAA,EACF,CAAA,uBAEC,IAAA,EAAA,EAAK,IAAA,EAAI,MAAC,EAAA,EAAI,CAAA,EACZ,gBAAM,QAAA,EACT,CAAA;AAEJ;AAEA,SAAS,MAAM,KAAA,EAAsC;AACnD,EAAA,uBACE,GAAA,CAAC,QAAK,IAAA,EAAI,IAAA,EAAC,IAAI,EAAA,EAAI,EAAA,EAAI,EAAA,EACpB,QAAA,EAAA,KAAA,CAAM,QAAA,EACT,CAAA;AAEJ;AAGO,SAAS,WAAW,KAAA,EAAsC;AAC/D,EAAA,uBACE,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAS,IAAA,EAAC,KAAA,EAAO,EAAE,QAAA,EAAU,UAAA,EAAW,EAC3C,QAAA,EAAA,KAAA,CAAM,QAAA,EACT,CAAA;AAEJ;AAEA,UAAA,CAAW,OAAA,GAAU,OAAA;AACrB,UAAA,CAAW,KAAA,GAAQ,KAAA;;;;"}

package/dist/components/icon/AnalyticsIcon.esm.js

@@ -1,10 +1,10 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import SvgIcon from '@material-ui/core/SvgIcon';
 
 const AnalyticsIcon = (props) => {
   const variant = props.variant ?? "outlined";
-  const path = variant === "outlined" ? /* @__PURE__ */ React.createElement("path", { d: "M280-280h80v-200h-80v200Zm320 0h80v-400h-80v400Zm-160 0h80v-120h-80v120Zm0-200h80v-80h-80v80ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm0-560v560-560Z" }) : /* @__PURE__ */ React.createElement("path", { d: "M280-280h80v-200h-80v200Zm320 0h80v-400h-80v400Zm-160 0h80v-120h-80v120Zm0-200h80v-80h-80v80ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Z" });
-  return /* @__PURE__ */ React.createElement(SvgIcon, { ...props, viewBox: "0 -960 960 960" }, path);
+  const path = variant === "outlined" ? /* @__PURE__ */ jsx("path", { d: "M280-280h80v-200h-80v200Zm320 0h80v-400h-80v400Zm-160 0h80v-120h-80v120Zm0-200h80v-80h-80v80ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm0-560v560-560Z" }) : /* @__PURE__ */ jsx("path", { d: "M280-280h80v-200h-80v200Zm320 0h80v-400h-80v400Zm-160 0h80v-120h-80v120Zm0-200h80v-80h-80v80ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Z" });
+  return /* @__PURE__ */ jsx(SvgIcon, { ...props, viewBox: "0 -960 960 960", children: path });
 };
 
 export { AnalyticsIcon };

package/dist/components/icon/AnalyticsIcon.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnalyticsIcon.esm.js","sources":["../../../src/components/icon/AnalyticsIcon.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 */\n\nimport React from 'react';\nimport SvgIcon, { SvgIconProps } from '@material-ui/core/SvgIcon';\n\n/**\n * The Analytics icon.\n *\n * @public\n */\nexport const AnalyticsIcon = (\n  props: SvgIconProps & { variant?: 'outlined' | 'filled' },\n) => {\n  const variant = props.variant ?? 'outlined';\n  const path =\n    variant === 'outlined' ? (\n      <path d=\"M280-280h80v-200h-80v200Zm320 0h80v-400h-80v400Zm-160 0h80v-120h-80v120Zm0-200h80v-80h-80v80ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm0-560v560-560Z\" />\n    ) : (\n      <path d=\"M280-280h80v-200h-80v200Zm320 0h80v-400h-80v400Zm-160 0h80v-120h-80v120Zm0-200h80v-80h-80v80ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Z\" />\n    );\n\n  return (\n    <SvgIcon {...props} viewBox=\"0 -960 960 960\">\n      {path}\n    </SvgIcon>\n  );\n};\n"],"names":[],"mappings":";;;AAwBO,MAAM,aAAA,GAAgB,CAC3B,KAAA,KACG;AACH,EAAA,MAAM,OAAA,GAAU,MAAM,OAAA,IAAW,UAAA;AACjC,EAAA,MAAM,IAAA,GACJ,OAAA,KAAY,UAAA,mBACV,KAAA,CAAA,aAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,4PAAA,EAA6P,CAAA,mBAErQ,KAAA,CAAA,aAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,sNAAA,EAAuN,CAAA;AAGnO,EAAA,2CACG,OAAA,EAAA,EAAS,GAAG,KAAA,EAAO,OAAA,EAAQ,oBACzB,IACH,CAAA;AAEJ;;;;"}
+{"version":3,"file":"AnalyticsIcon.esm.js","sources":["../../../src/components/icon/AnalyticsIcon.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 */\n\nimport SvgIcon, { SvgIconProps } from '@material-ui/core/SvgIcon';\n\n/**\n * The Analytics icon.\n *\n * @public\n */\nexport const AnalyticsIcon = (\n  props: SvgIconProps & { variant?: 'outlined' | 'filled' },\n) => {\n  const variant = props.variant ?? 'outlined';\n  const path =\n    variant === 'outlined' ? (\n      <path d=\"M280-280h80v-200h-80v200Zm320 0h80v-400h-80v400Zm-160 0h80v-120h-80v120Zm0-200h80v-80h-80v80ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm0-560v560-560Z\" />\n    ) : (\n      <path d=\"M280-280h80v-200h-80v200Zm320 0h80v-400h-80v400Zm-160 0h80v-120h-80v120Zm0-200h80v-80h-80v80ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Z\" />\n    );\n\n  return (\n    <SvgIcon {...props} viewBox=\"0 -960 960 960\">\n      {path}\n    </SvgIcon>\n  );\n};\n"],"names":[],"mappings":";;;AAuBO,MAAM,aAAA,GAAgB,CAC3B,KAAA,KACG;AACH,EAAA,MAAM,OAAA,GAAU,MAAM,OAAA,IAAW,UAAA;AACjC,EAAA,MAAM,IAAA,GACJ,OAAA,KAAY,UAAA,mBACV,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,4PAAA,EAA6P,CAAA,mBAErQ,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,sNAAA,EAAuN,CAAA;AAGnO,EAAA,2BACG,OAAA,EAAA,EAAS,GAAG,KAAA,EAAO,OAAA,EAAQ,kBACzB,QAAA,EAAA,IAAA,EACH,CAAA;AAEJ;;;;"}

package/dist/components/icon/AnalyticsIconFilled.esm.js

@@ -1,8 +1,8 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { AnalyticsIcon } from './AnalyticsIcon.esm.js';
 
 const AnalyticsIconFilled = (props) => {
-  return /* @__PURE__ */ React.createElement(AnalyticsIcon, { variant: "filled", ...props });
+  return /* @__PURE__ */ jsx(AnalyticsIcon, { variant: "filled", ...props });
 };
 
 export { AnalyticsIconFilled };

package/dist/components/icon/AnalyticsIconFilled.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnalyticsIconFilled.esm.js","sources":["../../../src/components/icon/AnalyticsIconFilled.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 */\n\nimport React from 'react';\nimport type { SvgIconProps } from '@material-ui/core/SvgIcon';\nimport { AnalyticsIcon } from './AnalyticsIcon';\n\n/**\n * The filled variant of the Analytics icon.\n *\n * @public\n */\nexport const AnalyticsIconFilled = (props: SvgIconProps) => {\n  return <AnalyticsIcon variant=\"filled\" {...props} />;\n};\n"],"names":[],"mappings":";;;AAyBO,MAAM,mBAAA,GAAsB,CAAC,KAAA,KAAwB;AAC1D,EAAA,uBAAO,KAAA,CAAA,aAAA,CAAC,aAAA,EAAA,EAAc,OAAA,EAAQ,QAAA,EAAU,GAAG,KAAA,EAAO,CAAA;AACpD;;;;"}
+{"version":3,"file":"AnalyticsIconFilled.esm.js","sources":["../../../src/components/icon/AnalyticsIconFilled.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 */\n\nimport type { SvgIconProps } from '@material-ui/core/SvgIcon';\nimport { AnalyticsIcon } from './AnalyticsIcon';\n\n/**\n * The filled variant of the Analytics icon.\n *\n * @public\n */\nexport const AnalyticsIconFilled = (props: SvgIconProps) => {\n  return <AnalyticsIcon variant=\"filled\" {...props} />;\n};\n"],"names":[],"mappings":";;;AAwBO,MAAM,mBAAA,GAAsB,CAAC,KAAA,KAAwB;AAC1D,EAAA,uBAAO,GAAA,CAAC,aAAA,EAAA,EAAc,OAAA,EAAQ,QAAA,EAAU,GAAG,KAAA,EAAO,CAAA;AACpD;;;;"}

package/dist/components/icon/AnalyticsIconOutlined.esm.js

@@ -1,8 +1,8 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { AnalyticsIcon } from './AnalyticsIcon.esm.js';
 
 const AnalyticsIconOutlined = (props) => {
-  return /* @__PURE__ */ React.createElement(AnalyticsIcon, { variant: "outlined", ...props });
+  return /* @__PURE__ */ jsx(AnalyticsIcon, { variant: "outlined", ...props });
 };
 
 export { AnalyticsIconOutlined };