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

package/CHANGELOG.md

@@ -0,0 +1,25 @@
+# @red-hat-developer-hub/plugin-cost-management
+
+## 2.0.1
+
+### Patch Changes
+
+- a889090: - Migrate from rhdh-theme to the theme within rhdh-plugins repo
+  - Fix package name in README and CHANGELOG
+  - Align pluginId in package.json to group pluginPackages
+- Updated dependencies [a889090]
+- Updated dependencies [03c0a11]
+  - @red-hat-developer-hub/plugin-cost-management-common@2.0.1
+
+## 2.0.0
+
+### Major Changes
+
+- 02bf923: plugin for viewing and applying Red Hat Insight recommendations
+- 67c18a8: sync with original repo
+
+### Patch Changes
+
+- Updated dependencies [02bf923]
+- Updated dependencies [67c18a8]
+  - @red-hat-developer-hub/plugin-cost-management-common@2.0.0

package/README.md

@@ -0,0 +1,152 @@
+# Resource Optimization
+
+Welcome to the Resource Optimization plugin!
+
+Based on [Project Koku](https://github.com/project-koku/koku), the Resource Optimization plugin allows users to visualize usage trends and receive optimization recommendations for workloads running on OpenShift clusters.
+
+## Getting started
+
+The plugin consumes services from [Red Hat Hybrid Cloud Console](https://console.redhat.com/openshift/cost-management/optimizations), therefore your clusters [must be configured to receive optimization recommendations](https://docs.redhat.com/en/documentation/cost_management_service/1-latest/html-single/getting_started_with_resource_optimization_for_openshift/index).  
+To get started, [create a service account](https://console.redhat.com/application-services/service-accounts) and assign it the `Cost OpenShift Viewer` role from the Red Hat Hybrid Cloud Console.
+
+### Setup
+
+You can follow one of these options depending on your environment and how you choose to deploy Backstage.
+
+#### Option 1: Static plugin
+
+1. Add the dependencies
+
+   ```sh
+   # From your rhdh root directory
+   yarn --cwd packages/app add @red-hat-developer-hub/plugin-cost-management
+   yarn --cwd packages/backend add @red-hat-developer-hub/plugin-cost-management-backend
+   ```
+
+1. Update your `app-config.yaml` file
+
+   ```yaml
+   # app-config.yaml
+
+   # Replace `${RHHCC_SA_CLIENT_ID}` and `${RHHCC_SA_CLIENT_SECRET}` with the service account credentials.
+   costManagement:
+     clientId: ${RHHCC_SA_CLIENT_ID}
+     clientSecret: ${RHHCC_SA_CLIENT_SECRET}
+   ```
+
+   > **Note:** No `proxy` configuration is required. The backend plugin handles all
+   > communication with the Red Hat Cost Management API server-side, including SSO
+   > token management and RBAC enforcement.
+
+1. Add the back-end plugin to `packages/backend/src/index.ts`
+
+   ```ts
+   backend.add(import('@red-hat-developer-hub/plugin-cost-management-backend'));
+   ```
+
+1. Add the `ResourceOptimizationPage` extension to your `App.tsx` routes
+
+   ```ts
+   // packages/app/src/App.tsx
+
+   import { ResourceOptimizationPage } from '@red-hat-developer-hub/plugin-cost-management';
+
+   <FlatRoutes>
+     ...
+     <Route
+       path="/cost-management/optimizations"
+       element={<ResourceOptimizationPage />}
+     />
+     ...
+   </FlatRoutes>;
+   ```
+
+1. Add a link to the Resource Optimization page in the side bar
+
+   ```diff
+   // packages/app/src/components/Root/Root.tsx
+
+   + import { CostManagementIconOutlined } from '@red-hat-developer-hub/plugin-cost-management';
+
+   export const Root = ({ children }: PropsWithChildren<{}>) => (
+     <SidebarPage>
+       <Sidebar>
+         <SidebarLogo />
+         <SidebarGroup label="Search" icon={<SearchIcon />} to="/search">
+           <SidebarSearchModal />
+         </SidebarGroup>
+         <SidebarDivider />
+         <SidebarGroup label="Menu" icon={<MenuIcon />}>
+           {/* Global nav, not org-specific */}
+           <SidebarItem icon={HomeIcon} to="catalog" text="Home" />
+           <SidebarItem icon={ExtensionIcon} to="api-docs" text="APIs" />
+           <SidebarItem icon={LibraryBooks} to="docs" text="Docs" />
+           <SidebarItem icon={CreateComponentIcon} to="create" text="Create..." />
+           {/* End global nav */}
+           <SidebarDivider />
+           <SidebarScrollWrapper>
+             <SidebarItem icon={MapIcon} to="tech-radar" text="Tech Radar" />
+           </SidebarScrollWrapper>
+   +       <SidebarItem
+   +         icon={CostManagementIconOutlined}
+   +         to="/cost-management/optimizations"
+   +         text="Optimizations"
+   +       />
+         </SidebarGroup>
+         <SidebarSpace />
+         <SidebarDivider />
+         <SidebarGroup
+           label="Settings"
+           icon={<UserSettingsSignInAvatar />}
+           to="/settings"
+         >
+           <SidebarSettings />
+         </SidebarGroup>
+       </Sidebar>
+       {children}
+     </SidebarPage>
+   );
+   ```
+
+#### Option 2: Dynamic plugin
+
+Unlike static plugins that necessitate source code modifications, dynamic plugins can be seamlessly integrated through configuration entries in the `app-config.yaml` file.
+Red Hat Developer Hub (RHDH) leverages dynamic plugins to efficiently deploy plugins on a Backstage instance.
+
+The procedure involves the following steps:
+
+1. First and foremost, you must follow [these instructions](https://github.com/redhat-developer/rhdh/blob/main/docs/dynamic-plugins/export-derived-package.md) to understand how to export this plugin as a dynamic plugin.
+1. Ensure you are familiar with the [RHDH configuration docs](https://docs.redhat.com/en/documentation/red_hat_developer_hub/1.3/html/administration_guide_for_red_hat_developer_hub/assembly-add-custom-app-file-openshift_admin-rhdh#proc-add-custom-app-config-file-ocp-operator_admin-rhdh)
+1. Specially, make sure you have configured
+
+   - ConfigMaps: `app-config-rhdh`, `dynamic-plugins-rhdh`
+   - Secrets: `secrets-rhdh`
+
+1. Add the following configuration to each one of the objects mentioned above respectively
+
+   ```yaml
+   # Add to secrets-rhdh Secret
+
+   RHHCC_SA_CLIENT_ID: # <as base64 string>
+   RHHCC_SA_CLIENT_SECRET: # <as base64 string>
+   ```
+
+   ```yaml
+   # Add to app-config-rhdh ConfigMap
+
+   costManagement:
+     clientId: '${RHHCC_SA_CLIENT_ID}'
+     clientSecret: '${RHHCC_SA_CLIENT_SECRET}'
+   ```
+
+   > **Note:** No `proxy` configuration is required. The backend plugin handles all
+   > communication with the Red Hat Cost Management API server-side, including SSO
+   > token management and RBAC enforcement.
+
+   See [dynamic-plugin.md](../docs/dynamic-plugin.md) for complete dynamic plugin configuration.
+
+### Contributing
+
+- [License Apache 2.0](../../LICENSE.md)
+- [DCO](../../DCO.md)
+- Find more details in the [Resource Optimization back-end](../cost-mangament-backend/README.md) part of this plugin.

package/app-config.dynamic.yaml

@@ -0,0 +1,28 @@
+dynamicPlugins:
+  frontend:
+    red-hat-developer-hub.plugin-cost-management:
+      appIcons:
+        - name: costManagementIconOutlined
+          importName: CostManagementIconOutlined
+      dynamicRoutes:
+        - path: /cost-management/optimizations
+          importName: ResourceOptimizationPage
+          menuItem:
+            icon: costManagementIconOutlined
+            text: Optimizations
+        - path: /cost-management/openshift
+          importName: OpenShiftPage
+          menuItem:
+            icon: costManagementIconOutlined
+            text: OpenShift
+      menuItems:
+        cost-management/optimizations:
+          parent: cost-management
+          priority: 10
+        cost-management/openshift:
+          parent: cost-management
+          priority: 20
+        cost-management:
+          icon: costManagementIconOutlined
+          title: Cost management
+          priority: 100

package/dist/Router.esm.js

@@ -0,0 +1,21 @@
+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';
+
+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" })
+    }
+  ));
+}
+
+export { Router };
+//# sourceMappingURL=Router.esm.js.map

package/dist/Router.esm.js.map

@@ -0,0 +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,MAAS,GAAA;AACvB,EAAmB,kBAAA,EAAA;AAEnB,EAAA,2CACG,MACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,KAAM,EAAA,EAAA,IAAA,EAAK,KAAI,OAAS,kBAAA,KAAA,CAAA,aAAA,CAAC,iBAAkB,EAAA,IAAA,CAAA,EAAI,mBAC/C,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,IAAK,EAAA,gBAAA,EAAiB,yBAAU,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,IAAkB,CAAI,EAAA,CAAA,sCAC5D,KAAM,EAAA,EAAA,IAAA,EAAK,YAAa,EAAA,OAAA,sCAAU,aAAc,EAAA,IAAA,CAAA,EAAI,CACrD,kBAAA,KAAA,CAAA,aAAA,CAAC,SAAM,IAAK,EAAA,QAAA,EAAS,yBAAU,KAAA,CAAA,aAAA,CAAA,0BAAA,EAAA,IAA2B,GAAI,CAC9D,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,GAAA;AAAA,MACL,yBAAU,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAU,MAAO,EAAA,KAAA,EAAM,eAAc,gBAAiB,EAAA;AAAA;AAAA,GAEpE,CAAA;AAEJ;;;;"}

package/dist/apis.esm.js

@@ -0,0 +1,14 @@
+import { createApiRef } from '@backstage/core-plugin-api';
+
+const optimizationsApiRef = createApiRef({
+  id: "plugin.cost-management.api"
+});
+const orchestratorSlimApiRef = createApiRef({
+  id: "plugin.redhat-orchestrator-slim.api"
+});
+const costManagementSlimApiRef = createApiRef({
+  id: "plugin.redhat-cost-management-slim.api"
+});
+
+export { costManagementSlimApiRef, optimizationsApiRef, orchestratorSlimApiRef };
+//# sourceMappingURL=apis.esm.js.map

package/dist/apis.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"apis.esm.js","sources":["../src/apis.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 { createApiRef } from '@backstage/core-plugin-api';\nimport {\n  type OptimizationsApi,\n  type OrchestratorSlimApi,\n  type CostManagementSlimApi,\n} from '@red-hat-developer-hub/plugin-cost-management-common/clients';\n\n/** @public */\nexport const optimizationsApiRef = createApiRef<OptimizationsApi>({\n  id: 'plugin.cost-management.api',\n});\n\n/** @public */\nexport const orchestratorSlimApiRef = createApiRef<OrchestratorSlimApi>({\n  id: 'plugin.redhat-orchestrator-slim.api',\n});\n\n/** @public */\nexport const costManagementSlimApiRef = createApiRef<CostManagementSlimApi>({\n  id: 'plugin.redhat-cost-management-slim.api',\n});\n"],"names":[],"mappings":";;AAwBO,MAAM,sBAAsB,YAA+B,CAAA;AAAA,EAChE,EAAI,EAAA;AACN,CAAC;AAGM,MAAM,yBAAyB,YAAkC,CAAA;AAAA,EACtE,EAAI,EAAA;AACN,CAAC;AAGM,MAAM,2BAA2B,YAAoC,CAAA;AAAA,EAC1E,EAAI,EAAA;AACN,CAAC;;;;"}

package/dist/components/BasePage.esm.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import { PageWithHeader, Content, ContentHeader, SupportButton } from '@backstage/core-components';
+
+function BasePage(props) {
+  const {
+    children,
+    contentHeaderTitle = "",
+    pageThemeId = "tool",
+    pageTitle,
+    pageType,
+    pageTypeLink,
+    showContentHeader = false,
+    showSupportButton = false,
+    withContentPadding = false
+  } = props;
+  return /* @__PURE__ */ React.createElement(
+    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)
+  );
+}
+
+export { BasePage };
+//# sourceMappingURL=BasePage.esm.js.map

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

@@ -0,0 +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,KAUA,EAAA;AACA,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,kBAAqB,GAAA,EAAA;AAAA,IACrB,WAAc,GAAA,MAAA;AAAA,IACd,SAAA;AAAA,IACA,QAAA;AAAA,IACA,YAAA;AAAA,IACA,iBAAoB,GAAA,KAAA;AAAA,IACpB,iBAAoB,GAAA,KAAA;AAAA,IACpB,kBAAqB,GAAA;AAAA,GACnB,GAAA,KAAA;AAEJ,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA,SAAA;AAAA,MACP,IAAM,EAAA,QAAA;AAAA,MACN,QAAU,EAAA,YAAA;AAAA,MACV,OAAS,EAAA;AAAA,KAAA;AAAA,wCAER,OAAQ,EAAA,EAAA,SAAA,EAAW,CAAC,kBAAA,EAAA,EAClB,qCACE,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EAAc,KAAO,EAAA,kBAAA,EAAA,EACnB,qCAAsB,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,IAAA,EAAc,SAAO,CAC9C,GAED,QACH;AAAA,GACF;AAEJ;;;;"}

package/dist/components/InfoCardTitle.esm.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import Typography from '@material-ui/core/Typography';
+
+const InfoCardTitle = (props) => {
+  return /* @__PURE__ */ React.createElement(Typography, { variant: "body1" }, /* @__PURE__ */ React.createElement("b", null, props.title));
+};
+
+export { InfoCardTitle };
+//# sourceMappingURL=InfoCardTitle.esm.js.map

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

@@ -0,0 +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":";;;AAuBa,MAAA,aAAA,GAAgB,CAAC,KAA8B,KAAA;AAC1D,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,OAAQ,EAAA,OAAA,EAAA,sCACjB,GAAG,EAAA,IAAA,EAAA,KAAA,CAAM,KAAM,CAClB,CAAA;AAEJ;;;;"}

package/dist/components/PageLayout.esm.js

@@ -0,0 +1,56 @@
+import React, { useState } from 'react';
+import Box from '@material-ui/core/Box';
+import Button from '@material-ui/core/Button';
+import Drawer from '@material-ui/core/Drawer';
+import Grid from '@material-ui/core/Grid';
+import Typography from '@material-ui/core/Typography';
+import useMediaQuery from '@material-ui/core/useMediaQuery';
+import { useTheme } from '@material-ui/core/styles';
+import FilterListIcon from '@material-ui/icons/FilterList';
+
+function Filters(props) {
+  const isScreenSmallerThanBreakpoint = useMediaQuery(
+    (theme2) => theme2.breakpoints.down(props.options?.drawerBreakpoint ?? "md")
+  );
+  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,
+      {
+        variant: "h6",
+        component: "h2",
+        style: { marginBottom: theme.spacing(1) }
+      },
+      "Filters"
+    ), props.children)
+  )) : /* @__PURE__ */ React.createElement(Grid, { item: true, lg: 2 }, props.children);
+}
+function Table(props) {
+  return /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, lg: 10 }, props.children);
+}
+function PageLayout(props) {
+  return /* @__PURE__ */ React.createElement(Grid, { container: true, style: { position: "relative" } }, props.children);
+}
+PageLayout.Filters = Filters;
+PageLayout.Table = Table;
+
+export { PageLayout };
+//# sourceMappingURL=PageLayout.esm.js.map

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

@@ -0,0 +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,KAMd,EAAA;AACD,EAAA,MAAM,6BAAgC,GAAA,aAAA;AAAA,IAAc,CAACA,WACnDA,MAAM,CAAA,WAAA,CAAY,KAAK,KAAM,CAAA,OAAA,EAAS,oBAAoB,IAAI;AAAA,GAChE;AACA,EAAA,MAAM,QAAQ,QAAS,EAAA;AACvB,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAI,SAAkB,KAAK,CAAA;AAEvE,EAAA,OAAO,gDAEH,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,EAAE,SAAA,EAAW,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA,EAAG,UAAY,EAAA,KAAA,CAAM,OAAQ,CAAA,CAAC,CAAE,EAAA;AAAA,MACnE,OAAA,EAAS,MAAM,mBAAA,CAAoB,IAAI,CAAA;AAAA,MACvC,SAAA,sCAAY,cAAe,EAAA,IAAA;AAAA,KAAA;AAAA,IAC5B;AAAA,GAGD,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,IAAM,EAAA,gBAAA;AAAA,MACN,OAAA,EAAS,MAAM,mBAAA,CAAoB,KAAK,CAAA;AAAA,MACxC,MAAA,EAAQ,KAAM,CAAA,OAAA,EAAS,YAAgB,IAAA,MAAA;AAAA,MACvC,gBAAgB,EAAA,IAAA;AAAA,MAChB,WAAW,EAAA,IAAA;AAAA,MACX,OAAQ,EAAA;AAAA,KAAA;AAAA,oBAER,KAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,CAAA,EAAG,CACN,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,IAAA;AAAA,QACR,SAAU,EAAA,IAAA;AAAA,QACV,OAAO,EAAE,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAE;AAAA,OAAA;AAAA,MACzC;AAAA,KAED,EACC,MAAM,QACT;AAAA,GAEJ,oBAEC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IAAC,EAAA,EAAA,EAAI,CACZ,EAAA,EAAA,KAAA,CAAM,QACT,CAAA;AAEJ;AAEA,SAAS,MAAM,KAAsC,EAAA;AACnD,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EAAI,EAAA,EAAA,EAAI,EACpB,EAAA,EAAA,KAAA,CAAM,QACT,CAAA;AAEJ;AAGO,SAAS,WAAW,KAAsC,EAAA;AAC/D,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IAAC,EAAA,KAAA,EAAO,EAAE,QAAU,EAAA,UAAA,EAChC,EAAA,EAAA,KAAA,CAAM,QACT,CAAA;AAEJ;AAEA,UAAA,CAAW,OAAU,GAAA,OAAA;AACrB,UAAA,CAAW,KAAQ,GAAA,KAAA;;;;"}

package/dist/components/filtersStyles.esm.js

@@ -0,0 +1,32 @@
+import { makeStyles } from '@material-ui/core/styles';
+
+const useBaseFiltersStyles = makeStyles(
+  (theme) => ({
+    root: {
+      height: "100%",
+      width: "100%",
+      display: "flex",
+      flexDirection: "column",
+      marginRight: theme.spacing(3)
+    },
+    value: {
+      fontWeight: "bold",
+      fontSize: 18
+    },
+    header: {
+      display: "flex",
+      alignItems: "center",
+      height: theme.spacing(7.5),
+      justifyContent: "space-between",
+      borderBottom: `1px solid ${theme.palette.grey[500]}`
+    },
+    filters: {
+      display: "flex",
+      flexDirection: "column"
+    }
+  }),
+  { name: "BaseFilters" }
+);
+
+export { useBaseFiltersStyles };
+//# sourceMappingURL=filtersStyles.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filtersStyles.esm.js","sources":["../../src/components/filtersStyles.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 { makeStyles, Theme } from '@material-ui/core/styles';\n\n/**\n * Common base styles for Filters components.\n * These styles are shared between OpenShift and Optimizations filters.\n *\n * @public\n */\nexport const useBaseFiltersStyles = makeStyles(\n  (theme: Theme) => ({\n    root: {\n      height: '100%',\n      width: '100%',\n      display: 'flex',\n      flexDirection: 'column',\n      marginRight: theme.spacing(3),\n    },\n    value: {\n      fontWeight: 'bold',\n      fontSize: 18,\n    },\n    header: {\n      display: 'flex',\n      alignItems: 'center',\n      height: theme.spacing(7.5),\n      justifyContent: 'space-between',\n      borderBottom: `1px solid ${theme.palette.grey[500]}`,\n    },\n    filters: {\n      display: 'flex',\n      flexDirection: 'column',\n    },\n  }),\n  { name: 'BaseFilters' },\n);\n"],"names":[],"mappings":";;AAwBO,MAAM,oBAAuB,GAAA,UAAA;AAAA,EAClC,CAAC,KAAkB,MAAA;AAAA,IACjB,IAAM,EAAA;AAAA,MACJ,MAAQ,EAAA,MAAA;AAAA,MACR,KAAO,EAAA,MAAA;AAAA,MACP,OAAS,EAAA,MAAA;AAAA,MACT,aAAe,EAAA,QAAA;AAAA,MACf,WAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA,KAC9B;AAAA,IACA,KAAO,EAAA;AAAA,MACL,UAAY,EAAA,MAAA;AAAA,MACZ,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,OAAS,EAAA,MAAA;AAAA,MACT,UAAY,EAAA,QAAA;AAAA,MACZ,MAAA,EAAQ,KAAM,CAAA,OAAA,CAAQ,GAAG,CAAA;AAAA,MACzB,cAAgB,EAAA,eAAA;AAAA,MAChB,cAAc,CAAa,UAAA,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAK,GAAG,CAAC,CAAA;AAAA,KACpD;AAAA,IACA,OAAS,EAAA;AAAA,MACP,OAAS,EAAA,MAAA;AAAA,MACT,aAAe,EAAA;AAAA;AACjB,GACF,CAAA;AAAA,EACA,EAAE,MAAM,aAAc;AACxB;;;;"}

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

@@ -0,0 +1,11 @@
+import React from 'react';
+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);
+};
+
+export { AnalyticsIcon };
+//# sourceMappingURL=AnalyticsIcon.esm.js.map

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

@@ -0,0 +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":";;;AAwBa,MAAA,aAAA,GAAgB,CAC3B,KACG,KAAA;AACH,EAAM,MAAA,OAAA,GAAU,MAAM,OAAW,IAAA,UAAA;AACjC,EAAM,MAAA,IAAA,GACJ,OAAY,KAAA,UAAA,mBACT,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAK,CAAE,EAAA,4PAAA,EAA6P,CAErQ,mBAAA,KAAA,CAAA,aAAA,CAAC,MAAK,EAAA,EAAA,CAAA,EAAE,sNAAuN,EAAA,CAAA;AAGnO,EAAA,2CACG,OAAS,EAAA,EAAA,GAAG,KAAO,EAAA,OAAA,EAAQ,oBACzB,IACH,CAAA;AAEJ;;;;"}

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

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

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

@@ -0,0 +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":";;;AAyBa,MAAA,mBAAA,GAAsB,CAAC,KAAwB,KAAA;AAC1D,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EAAc,OAAQ,EAAA,QAAA,EAAU,GAAG,KAAO,EAAA,CAAA;AACpD;;;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AnalyticsIconOutlined.esm.js","sources":["../../../src/components/icon/AnalyticsIconOutlined.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 outlined variant of the Analytics icon.\n *\n * @public\n */\nexport const AnalyticsIconOutlined = (props: SvgIconProps) => {\n  return <AnalyticsIcon variant=\"outlined\" {...props} />;\n};\n"],"names":[],"mappings":";;;AAyBa,MAAA,qBAAA,GAAwB,CAAC,KAAwB,KAAA;AAC5D,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EAAc,OAAQ,EAAA,UAAA,EAAY,GAAG,KAAO,EAAA,CAAA;AACtD;;;;"}

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import SvgIcon from '@material-ui/core/SvgIcon';
+
+const CostManagementIcon = (props) => {
+  const variant = props.variant ?? "outlined";
+  const path = variant === "outlined" ? /* @__PURE__ */ React.createElement("path", { d: "M10.9999948,16.8089888 C14.0684705,16.8089888 16.564698,14.4249501 16.564698,11.494382 C16.564698,10.8850957 16.458539,10.2893259 16.2482502,9.72348591 C16.1289533,9.40193985 16.3048704,9.0485358 16.6415375,8.93460052 C16.9792193,8.82066524 17.3472351,8.98867602 17.4675466,9.31021216 C17.7273845,10.009298 17.8588152,10.7441178 17.8588152,11.4943721 C17.8588152,15.1066436 14.7822538,18.044934 10.9999948,18.044934 C7.21773589,18.044934 4.14117451,15.1066436 4.14117451,11.4943721 C4.14117451,9.16247108 5.45551085,6.98796136 7.57058467,5.8205672 C7.87996147,5.64965934 8.27426335,5.7510472 8.45422849,6.04651956 C8.63317894,6.34199192 8.52701993,6.7195317 8.21764314,6.89044945 C6.50192352,7.83865439 5.43529156,9.60278749 5.43529156,11.494382 C5.43529156,14.4249501 7.93151914,16.8089888 10.9999948,16.8089888 Z M11,22 C4.93483061,22 0,17.2869573 0,11.494382 C0,6.87983012 3.09476184,2.85138788 7.69999637,1.46962967 C8.04374487,1.36727281 8.40467928,1.54880989 8.51185298,1.87421213 C8.61902653,2.19961438 8.42894662,2.54722428 8.08823148,2.64958113 C4.02389645,3.86815371 1.29411703,7.4224935 1.29411703,11.494382 C1.29411703,16.605254 5.6486138,20.764045 11,20.764045 C16.3513759,20.764045 20.7058726,16.605254 20.7058726,11.494382 C20.7058726,9.86543278 20.2569796,8.26255733 19.4077076,6.85955058 C19.2287571,6.56407822 19.3349161,6.18653845 19.6442929,6.01562069 C19.9516509,5.84471282 20.3489758,5.9451317 20.5279367,6.24157304 C21.4914431,7.83190114 22,9.64817176 22,11.494382 C22,17.2869573 17.0651694,22 11,22 L11,22 Z M10.9999948,12.9775281 C11.8576601,12.9775281 12.5529353,12.313501 12.5529353,11.494382 C12.5529353,10.6752631 11.8576601,10.011236 10.9999948,10.011236 C10.1423295,10.011236 9.44705437,10.6752631 9.44705437,11.494382 C9.44705437,12.313501 10.1423295,12.9775281 10.9999948,12.9775281 Z M11.6470534,1.25429663 L11.6470534,8.98142833 C11.9169336,9.04497625 12.169183,9.14745171 12.4007782,9.28172581 L18.1165722,3.82281889 C16.3104817,2.2917672 14.0562023,1.38990562 11.6470534,1.25429663 Z M10.3529362,8.98143827 L10.3529362,0.617977534 C10.3529362,0.277120904 10.643098,0 10.9999948,0 C14.2127905,0 17.2334978,1.19455551 19.507044,3.36363687 C19.5081828,3.36466518 19.5096943,3.36496181 19.5108332,3.36604944 C19.5976528,3.44933305 19.6434646,3.55235237 19.6703823,3.65910923 C19.70229,3.78439551 19.7037497,3.91547596 19.6525027,4.03598652 C19.6210299,4.11057889 19.5738307,4.18046473 19.5108332,4.24086832 L13.3167646,10.1565546 C13.5659183,10.5485798 13.7176406,11.0033124 13.7176406,11.494382 C13.7176406,12.9253906 12.4983443,14.0898877 10.9999948,14.0898877 C9.50164536,14.0898877 8.28234904,12.9253906 8.28234904,11.494382 C8.28234904,10.2773816 9.16750444,9.26054649 10.3529362,8.98143827 Z" }) : /* @__PURE__ */ React.createElement("path", { d: "M16.5,0 C19.5375767,0 22,2.46242333 22,5.5 L22,16.5 C22,19.53754 19.5375767,22 16.5,22 L5.5,22 C2.46242333,22 0,19.53754 0,16.5 L0,5.5 C0,2.46242333 2.46242333,0 5.5,0 Z M9.13388974,4.1556591 C9.05350946,3.91160741 8.78280865,3.77545461 8.52499728,3.85222225 C5.07107138,4.88854091 2.75,7.90987259 2.75,11.3707865 C2.75,15.715218 6.45112296,19.25 11.0000039,19.25 C15.5488771,19.25 19.25,15.715218 19.25,11.3707865 C19.25,9.98612882 18.8685823,8.62392586 18.1459525,7.43117978 C18.0117319,7.20884877 17.7137382,7.13353461 17.4832197,7.26171552 C17.2511871,7.38990383 17.1715678,7.67305866 17.3057807,7.89466293 C17.9427347,8.946918 18.2794045,10.1490746 18.2794045,11.3707865 C18.2794045,15.2039405 15.0135319,18.3230337 10.9999961,18.3230337 C6.98646035,18.3230337 3.72058777,15.2039405 3.72058777,11.3707865 C3.72058777,8.31687012 5.76792234,5.65111528 8.81617361,4.73718585 C9.07170996,4.66041821 9.2142699,4.39971079 9.13388974,4.1556591 Z M9.09067137,7.28488967 C8.95569751,7.0632854 8.6599711,6.9872445 8.42793851,7.1154254 C6.84163313,7.99097102 5.85588088,9.62185331 5.85588088,11.3707791 C5.85588088,14.0799827 8.16330192,16.2837005 10.9999961,16.2837005 C13.8366903,16.2837005 16.1441114,14.0799827 16.1441114,11.3707791 C16.1441114,10.8080883 16.0455384,10.2569735 15.8506599,9.73265912 C15.7604263,9.49150702 15.4844145,9.36549893 15.2311531,9.45095039 C14.9786528,9.53640185 14.846715,9.80145488 14.9361877,10.0426144 C15.0939043,10.4669944 15.1735235,10.9138218 15.1735235,11.3707865 C15.1735235,13.5687126 13.3013529,15.3567416 10.9999961,15.3567416 C8.69863935,15.3567416 6.82646867,13.5687126 6.82646867,11.3707865 C6.82646867,9.95209062 7.62644264,8.6289908 8.91323235,7.91783709 C9.14526495,7.78964877 9.22488421,7.50649394 9.09067137,7.28488967 Z M10.9999961,2.75 C10.7323235,2.75 10.5147022,2.95784068 10.5147022,3.21348315 L10.5147022,9.4860787 C9.62562833,9.69540987 8.96176178,10.4580362 8.96176178,11.3707865 C8.96176178,12.444043 9.87623402,13.3174158 10.9999961,13.3174158 C12.1237582,13.3174158 13.0382305,12.444043 13.0382305,11.3707865 C13.0382305,11.0024843 12.9244387,10.6614348 12.7375734,10.367416 L17.3831249,5.93065124 C17.4303731,5.88534855 17.4657724,5.83293417 17.489377,5.77698989 C17.5278123,5.68660697 17.5267175,5.58829664 17.5027867,5.49433192 C17.4825984,5.41426428 17.4482396,5.33699978 17.380283,5.27272765 C15.6751233,3.64591663 13.4095929,2.75 10.9999961,2.75 Z M10.9999961,10.258427 C11.6432451,10.258427 12.1647015,10.7564473 12.1647015,11.3707865 C12.1647015,11.9851258 11.6432451,12.4831461 10.9999961,12.4831461 C10.3567471,12.4831461 9.83529078,11.9851258 9.83529078,11.3707865 C9.83529078,10.7564473 10.3567471,10.258427 10.9999961,10.258427 Z M11.48529,3.69072247 C13.2921517,3.79242921 14.9828613,4.4688254 16.3374292,5.61711417 L12.0505836,9.71129436 C11.8768873,9.61058878 11.6877002,9.53373219 11.48529,9.48607125 Z" });
+  return /* @__PURE__ */ React.createElement(SvgIcon, { ...props, viewBox: "0 0 24 24" }, path);
+};
+
+export { CostManagementIcon };
+//# sourceMappingURL=CostManagementIcon.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CostManagementIcon.esm.js","sources":["../../../src/components/icon/CostManagementIcon.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 Cost Management icon.\n *\n * @public\n */\nexport const CostManagementIcon = (\n  props: SvgIconProps & { variant?: 'outlined' | 'filled' },\n) => {\n  const variant = props.variant ?? 'outlined';\n  const path =\n    variant === 'outlined' ? (\n      <path d=\"M10.9999948,16.8089888 C14.0684705,16.8089888 16.564698,14.4249501 16.564698,11.494382 C16.564698,10.8850957 16.458539,10.2893259 16.2482502,9.72348591 C16.1289533,9.40193985 16.3048704,9.0485358 16.6415375,8.93460052 C16.9792193,8.82066524 17.3472351,8.98867602 17.4675466,9.31021216 C17.7273845,10.009298 17.8588152,10.7441178 17.8588152,11.4943721 C17.8588152,15.1066436 14.7822538,18.044934 10.9999948,18.044934 C7.21773589,18.044934 4.14117451,15.1066436 4.14117451,11.4943721 C4.14117451,9.16247108 5.45551085,6.98796136 7.57058467,5.8205672 C7.87996147,5.64965934 8.27426335,5.7510472 8.45422849,6.04651956 C8.63317894,6.34199192 8.52701993,6.7195317 8.21764314,6.89044945 C6.50192352,7.83865439 5.43529156,9.60278749 5.43529156,11.494382 C5.43529156,14.4249501 7.93151914,16.8089888 10.9999948,16.8089888 Z M11,22 C4.93483061,22 0,17.2869573 0,11.494382 C0,6.87983012 3.09476184,2.85138788 7.69999637,1.46962967 C8.04374487,1.36727281 8.40467928,1.54880989 8.51185298,1.87421213 C8.61902653,2.19961438 8.42894662,2.54722428 8.08823148,2.64958113 C4.02389645,3.86815371 1.29411703,7.4224935 1.29411703,11.494382 C1.29411703,16.605254 5.6486138,20.764045 11,20.764045 C16.3513759,20.764045 20.7058726,16.605254 20.7058726,11.494382 C20.7058726,9.86543278 20.2569796,8.26255733 19.4077076,6.85955058 C19.2287571,6.56407822 19.3349161,6.18653845 19.6442929,6.01562069 C19.9516509,5.84471282 20.3489758,5.9451317 20.5279367,6.24157304 C21.4914431,7.83190114 22,9.64817176 22,11.494382 C22,17.2869573 17.0651694,22 11,22 L11,22 Z M10.9999948,12.9775281 C11.8576601,12.9775281 12.5529353,12.313501 12.5529353,11.494382 C12.5529353,10.6752631 11.8576601,10.011236 10.9999948,10.011236 C10.1423295,10.011236 9.44705437,10.6752631 9.44705437,11.494382 C9.44705437,12.313501 10.1423295,12.9775281 10.9999948,12.9775281 Z M11.6470534,1.25429663 L11.6470534,8.98142833 C11.9169336,9.04497625 12.169183,9.14745171 12.4007782,9.28172581 L18.1165722,3.82281889 C16.3104817,2.2917672 14.0562023,1.38990562 11.6470534,1.25429663 Z M10.3529362,8.98143827 L10.3529362,0.617977534 C10.3529362,0.277120904 10.643098,0 10.9999948,0 C14.2127905,0 17.2334978,1.19455551 19.507044,3.36363687 C19.5081828,3.36466518 19.5096943,3.36496181 19.5108332,3.36604944 C19.5976528,3.44933305 19.6434646,3.55235237 19.6703823,3.65910923 C19.70229,3.78439551 19.7037497,3.91547596 19.6525027,4.03598652 C19.6210299,4.11057889 19.5738307,4.18046473 19.5108332,4.24086832 L13.3167646,10.1565546 C13.5659183,10.5485798 13.7176406,11.0033124 13.7176406,11.494382 C13.7176406,12.9253906 12.4983443,14.0898877 10.9999948,14.0898877 C9.50164536,14.0898877 8.28234904,12.9253906 8.28234904,11.494382 C8.28234904,10.2773816 9.16750444,9.26054649 10.3529362,8.98143827 Z\" />\n    ) : (\n      <path d=\"M16.5,0 C19.5375767,0 22,2.46242333 22,5.5 L22,16.5 C22,19.53754 19.5375767,22 16.5,22 L5.5,22 C2.46242333,22 0,19.53754 0,16.5 L0,5.5 C0,2.46242333 2.46242333,0 5.5,0 Z M9.13388974,4.1556591 C9.05350946,3.91160741 8.78280865,3.77545461 8.52499728,3.85222225 C5.07107138,4.88854091 2.75,7.90987259 2.75,11.3707865 C2.75,15.715218 6.45112296,19.25 11.0000039,19.25 C15.5488771,19.25 19.25,15.715218 19.25,11.3707865 C19.25,9.98612882 18.8685823,8.62392586 18.1459525,7.43117978 C18.0117319,7.20884877 17.7137382,7.13353461 17.4832197,7.26171552 C17.2511871,7.38990383 17.1715678,7.67305866 17.3057807,7.89466293 C17.9427347,8.946918 18.2794045,10.1490746 18.2794045,11.3707865 C18.2794045,15.2039405 15.0135319,18.3230337 10.9999961,18.3230337 C6.98646035,18.3230337 3.72058777,15.2039405 3.72058777,11.3707865 C3.72058777,8.31687012 5.76792234,5.65111528 8.81617361,4.73718585 C9.07170996,4.66041821 9.2142699,4.39971079 9.13388974,4.1556591 Z M9.09067137,7.28488967 C8.95569751,7.0632854 8.6599711,6.9872445 8.42793851,7.1154254 C6.84163313,7.99097102 5.85588088,9.62185331 5.85588088,11.3707791 C5.85588088,14.0799827 8.16330192,16.2837005 10.9999961,16.2837005 C13.8366903,16.2837005 16.1441114,14.0799827 16.1441114,11.3707791 C16.1441114,10.8080883 16.0455384,10.2569735 15.8506599,9.73265912 C15.7604263,9.49150702 15.4844145,9.36549893 15.2311531,9.45095039 C14.9786528,9.53640185 14.846715,9.80145488 14.9361877,10.0426144 C15.0939043,10.4669944 15.1735235,10.9138218 15.1735235,11.3707865 C15.1735235,13.5687126 13.3013529,15.3567416 10.9999961,15.3567416 C8.69863935,15.3567416 6.82646867,13.5687126 6.82646867,11.3707865 C6.82646867,9.95209062 7.62644264,8.6289908 8.91323235,7.91783709 C9.14526495,7.78964877 9.22488421,7.50649394 9.09067137,7.28488967 Z M10.9999961,2.75 C10.7323235,2.75 10.5147022,2.95784068 10.5147022,3.21348315 L10.5147022,9.4860787 C9.62562833,9.69540987 8.96176178,10.4580362 8.96176178,11.3707865 C8.96176178,12.444043 9.87623402,13.3174158 10.9999961,13.3174158 C12.1237582,13.3174158 13.0382305,12.444043 13.0382305,11.3707865 C13.0382305,11.0024843 12.9244387,10.6614348 12.7375734,10.367416 L17.3831249,5.93065124 C17.4303731,5.88534855 17.4657724,5.83293417 17.489377,5.77698989 C17.5278123,5.68660697 17.5267175,5.58829664 17.5027867,5.49433192 C17.4825984,5.41426428 17.4482396,5.33699978 17.380283,5.27272765 C15.6751233,3.64591663 13.4095929,2.75 10.9999961,2.75 Z M10.9999961,10.258427 C11.6432451,10.258427 12.1647015,10.7564473 12.1647015,11.3707865 C12.1647015,11.9851258 11.6432451,12.4831461 10.9999961,12.4831461 C10.3567471,12.4831461 9.83529078,11.9851258 9.83529078,11.3707865 C9.83529078,10.7564473 10.3567471,10.258427 10.9999961,10.258427 Z M11.48529,3.69072247 C13.2921517,3.79242921 14.9828613,4.4688254 16.3374292,5.61711417 L12.0505836,9.71129436 C11.8768873,9.61058878 11.6877002,9.53373219 11.48529,9.48607125 Z\" />\n    );\n\n  return (\n    <SvgIcon {...props} viewBox=\"0 0 24 24\">\n      {path}\n    </SvgIcon>\n  );\n};\n"],"names":[],"mappings":";;;AAwBa,MAAA,kBAAA,GAAqB,CAChC,KACG,KAAA;AACH,EAAM,MAAA,OAAA,GAAU,MAAM,OAAW,IAAA,UAAA;AACjC,EAAM,MAAA,IAAA,GACJ,OAAY,KAAA,UAAA,mBACT,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAK,CAAE,EAAA,4qFAAA,EAA6qF,CAErrF,mBAAA,KAAA,CAAA,aAAA,CAAC,MAAK,EAAA,EAAA,CAAA,EAAE,8zFAA+zF,EAAA,CAAA;AAG30F,EAAA,2CACG,OAAS,EAAA,EAAA,GAAG,KAAO,EAAA,OAAA,EAAQ,eACzB,IACH,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { CostManagementIcon } from './CostManagementIcon.esm.js';
+
+const CostManagementIconFilled = (props) => {
+  return /* @__PURE__ */ React.createElement(CostManagementIcon, { variant: "filled", ...props });
+};
+
+export { CostManagementIconFilled };
+//# sourceMappingURL=CostManagementIconFilled.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CostManagementIconFilled.esm.js","sources":["../../../src/components/icon/CostManagementIconFilled.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 { CostManagementIcon } from './CostManagementIcon';\n\n/**\n * The filled variant of the Cost Management icon.\n *\n * @public\n */\nexport const CostManagementIconFilled = (props: SvgIconProps) => {\n  return <CostManagementIcon variant=\"filled\" {...props} />;\n};\n"],"names":[],"mappings":";;;AAyBa,MAAA,wBAAA,GAA2B,CAAC,KAAwB,KAAA;AAC/D,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,kBAAA,EAAA,EAAmB,OAAQ,EAAA,QAAA,EAAU,GAAG,KAAO,EAAA,CAAA;AACzD;;;;"}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { CostManagementIcon } from './CostManagementIcon.esm.js';
+
+const CostManagementIconOutlined = (props) => {
+  return /* @__PURE__ */ React.createElement(CostManagementIcon, { variant: "outlined", ...props });
+};
+
+export { CostManagementIconOutlined };
+//# sourceMappingURL=CostManagementIconOutlined.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CostManagementIconOutlined.esm.js","sources":["../../../src/components/icon/CostManagementIconOutlined.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 { CostManagementIcon } from './CostManagementIcon';\n\n/**\n * The outlined variant of the Cost Management icon.\n *\n * @public\n */\nexport const CostManagementIconOutlined = (props: SvgIconProps) => {\n  return <CostManagementIcon variant=\"outlined\" {...props} />;\n};\n"],"names":[],"mappings":";;;AAyBa,MAAA,0BAAA,GAA6B,CAAC,KAAwB,KAAA;AACjE,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,kBAAA,EAAA,EAAmB,OAAQ,EAAA,UAAA,EAAY,GAAG,KAAO,EAAA,CAAA;AAC3D;;;;"}

package/dist/constants/currencies.esm.js

@@ -0,0 +1,36 @@
+const CURRENCY_SYMBOLS = {
+  USD: "$",
+  EUR: "\u20AC",
+  GBP: "\xA3",
+  JPY: "\xA5",
+  AUD: "A$",
+  CAD: "CA$",
+  CHF: "CHF",
+  CNY: "CN\xA5",
+  INR: "\u20B9",
+  MXN: "$",
+  NZD: "NZ$",
+  SEK: "SEK",
+  SGD: "SGD",
+  HKD: "HK$",
+  TWD: "NT$",
+  THB: "\u0E3F",
+  RUB: "\u20BD",
+  BRL: "R$",
+  ZAR: "ZAR",
+  PLN: "z\u0142",
+  KRW: "\u20A9",
+  TRY: "\u20BA",
+  IDR: "Rp",
+  MYR: "RM",
+  PHP: "\u20B1",
+  VND: "\u20AB",
+  HUF: "Ft",
+  CZK: "K\u010D",
+  NOK: "NOK",
+  DKK: "DKK",
+  NGN: "\u20A6"
+};
+
+export { CURRENCY_SYMBOLS };
+//# sourceMappingURL=currencies.esm.js.map

package/dist/constants/currencies.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"currencies.esm.js","sources":["../../src/constants/currencies.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\nexport const CURRENCY_SYMBOLS: Record<string, string> = {\n  USD: '$',\n  EUR: '€',\n  GBP: '£',\n  JPY: '¥',\n  AUD: 'A$',\n  CAD: 'CA$',\n  CHF: 'CHF',\n  CNY: 'CN¥',\n  INR: '₹',\n  MXN: '$',\n  NZD: 'NZ$',\n  SEK: 'SEK',\n  SGD: 'SGD',\n  HKD: 'HK$',\n  TWD: 'NT$',\n  THB: '฿',\n  RUB: '₽',\n  BRL: 'R$',\n  ZAR: 'ZAR',\n  PLN: 'zł',\n  KRW: '₩',\n  TRY: '₺',\n  IDR: 'Rp',\n  MYR: 'RM',\n  PHP: '₱',\n  VND: '₫',\n  HUF: 'Ft',\n  CZK: 'Kč',\n  NOK: 'NOK',\n  DKK: 'DKK',\n  NGN: '₦',\n};\n"],"names":[],"mappings":"AAgBO,MAAM,gBAA2C,GAAA;AAAA,EACtD,GAAK,EAAA,GAAA;AAAA,EACL,GAAK,EAAA,QAAA;AAAA,EACL,GAAK,EAAA,MAAA;AAAA,EACL,GAAK,EAAA,MAAA;AAAA,EACL,GAAK,EAAA,IAAA;AAAA,EACL,GAAK,EAAA,KAAA;AAAA,EACL,GAAK,EAAA,KAAA;AAAA,EACL,GAAK,EAAA,QAAA;AAAA,EACL,GAAK,EAAA,QAAA;AAAA,EACL,GAAK,EAAA,GAAA;AAAA,EACL,GAAK,EAAA,KAAA;AAAA,EACL,GAAK,EAAA,KAAA;AAAA,EACL,GAAK,EAAA,KAAA;AAAA,EACL,GAAK,EAAA,KAAA;AAAA,EACL,GAAK,EAAA,KAAA;AAAA,EACL,GAAK,EAAA,QAAA;AAAA,EACL,GAAK,EAAA,QAAA;AAAA,EACL,GAAK,EAAA,IAAA;AAAA,EACL,GAAK,EAAA,KAAA;AAAA,EACL,GAAK,EAAA,SAAA;AAAA,EACL,GAAK,EAAA,QAAA;AAAA,EACL,GAAK,EAAA,QAAA;AAAA,EACL,GAAK,EAAA,IAAA;AAAA,EACL,GAAK,EAAA,IAAA;AAAA,EACL,GAAK,EAAA,QAAA;AAAA,EACL,GAAK,EAAA,QAAA;AAAA,EACL,GAAK,EAAA,IAAA;AAAA,EACL,GAAK,EAAA,SAAA;AAAA,EACL,GAAK,EAAA,KAAA;AAAA,EACL,GAAK,EAAA,KAAA;AAAA,EACL,GAAK,EAAA;AACP;;;;"}

package/dist/hooks/usePatternFlyTheme.esm.js

@@ -0,0 +1,22 @@
+import { useEffect } from 'react';
+import { useTheme } from '@material-ui/core/styles';
+
+const usePatternFlyTheme = () => {
+  const muiTheme = useTheme();
+  useEffect(() => {
+    const isDarkByType = muiTheme.palette.type === "dark";
+    const isDarkByMode = muiTheme.palette.mode === "dark";
+    const backgroundColor = muiTheme.palette.background?.default;
+    const isDarkByBackground = backgroundColor && (backgroundColor === "#303030" || backgroundColor === "#121212" || backgroundColor.startsWith("#") && parseInt(backgroundColor.slice(1), 16) < 8421504);
+    const isDark = isDarkByType || isDarkByMode || isDarkByBackground;
+    const html = document.documentElement;
+    if (isDark) {
+      html.classList.add("pf-v6-theme-dark");
+    } else {
+      html.classList.remove("pf-v6-theme-dark");
+    }
+  }, [muiTheme]);
+};
+
+export { usePatternFlyTheme };
+//# sourceMappingURL=usePatternFlyTheme.esm.js.map