@red-hat-developer-hub/backstage-plugin-bui-test 0.2.0 → 0.4.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @red-hat-developer-hub/backstage-plugin-bui-test
 
+## 0.4.0
+
+### Minor Changes
+
+- 0b7c442: Backstage version bump to v1.49.2
+
+## 0.3.0
+
+### Minor Changes
+
+- 9476d25: Added NFS support.
+
 ## 0.2.0
 
 ### Minor Changes

package/dist/alpha.d.ts

@@ -0,0 +1,49 @@
+import * as react from 'react';
+import * as _backstage_frontend_plugin_api from '@backstage/frontend-plugin-api';
+
+declare const _default: _backstage_frontend_plugin_api.OverridableFrontendPlugin<{
+    root: _backstage_frontend_plugin_api.RouteRef<undefined>;
+}, {}, {
+    "page:bui-test": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
+        kind: "page";
+        name: undefined;
+        config: {
+            path: string | undefined;
+            title: string | undefined;
+        };
+        configInput: {
+            title?: string | undefined;
+            path?: 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,23 @@
+import { jsx } from 'react/jsx-runtime';
+import { createRouteRef, PageBlueprint, createFrontendPlugin } from '@backstage/frontend-plugin-api';
+import { RiPuzzleLine } from '@remixicon/react';
+
+const rootRouteRef = createRouteRef();
+const buiTestPage = PageBlueprint.make({
+  params: {
+    path: "/bui-tests",
+    title: "BUI Tests",
+    icon: /* @__PURE__ */ jsx(RiPuzzleLine, {}),
+    routeRef: rootRouteRef,
+    loader: async () => import('./components/BUITestPage.esm.js').then((m) => /* @__PURE__ */ jsx(m.BUITestPage, {}))
+  }
+});
+var index = createFrontendPlugin({
+  pluginId: "bui-test",
+  info: { packageJson: () => import('./package.json.esm.js') },
+  extensions: [buiTestPage],
+  routes: { root: rootRouteRef }
+});
+
+export { index 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/index.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 {\n  createFrontendPlugin,\n  createRouteRef,\n  PageBlueprint,\n} from '@backstage/frontend-plugin-api';\nimport { RiPuzzleLine } from '@remixicon/react';\n\nconst rootRouteRef = createRouteRef();\n\nconst buiTestPage = PageBlueprint.make({\n  params: {\n    path: '/bui-tests',\n    title: 'BUI Tests',\n    icon: <RiPuzzleLine />,\n    routeRef: rootRouteRef,\n    loader: async () =>\n      import('../components/BUITestPage').then(m => <m.BUITestPage />),\n  },\n});\n\n/*\n * @alpha\n */\nexport default createFrontendPlugin({\n  pluginId: 'bui-test',\n  info: { packageJson: () => import('../../package.json') },\n  extensions: [buiTestPage],\n  routes: { root: rootRouteRef },\n});\n"],"names":[],"mappings":";;;;AAuBA,MAAM,eAAe,cAAe,EAAA;AAEpC,MAAM,WAAA,GAAc,cAAc,IAAK,CAAA;AAAA,EACrC,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,YAAA;AAAA,IACN,KAAO,EAAA,WAAA;AAAA,IACP,IAAA,sBAAO,YAAa,EAAA,EAAA,CAAA;AAAA,IACpB,QAAU,EAAA,YAAA;AAAA,IACV,MAAA,EAAQ,YACN,OAAO,iCAA2B,CAAA,CAAE,IAAK,CAAA,CAAA,CAAA,qBAAM,GAAA,CAAA,CAAA,CAAE,WAAF,EAAA,EAAc,CAAE;AAAA;AAErE,CAAC,CAAA;AAKD,YAAe,oBAAqB,CAAA;AAAA,EAClC,QAAU,EAAA,UAAA;AAAA,EACV,MAAM,EAAE,WAAA,EAAa,MAAM,OAAO,uBAAoB,CAAE,EAAA;AAAA,EACxD,UAAA,EAAY,CAAC,WAAW,CAAA;AAAA,EACxB,MAAA,EAAQ,EAAE,IAAA,EAAM,YAAa;AAC/B,CAAC,CAAA;;;;"}

package/dist/components/BUITestPage.esm.js

@@ -1,5 +1,5 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { HeaderPage, Container, Tabs, TabPanel } from '@backstage/ui';
+import { Header, Container, Tabs, TabPanel } from '@backstage/ui';
 import { useLocation } from 'react-router';
 import { UserSettingsThemeToggle } from '@backstage/plugin-user-settings';
 import { FormComponents } from './FormComponents.esm.js';
@@ -10,7 +10,7 @@ const BUITestPage = () => {
   const { pathname } = useLocation();
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
-      HeaderPage,
+      Header,
       {
         title: "Backstage UI Tests",
         customActions: /* @__PURE__ */ jsx(UserSettingsThemeToggle, {}),
@@ -18,17 +18,17 @@ const BUITestPage = () => {
           {
             id: "form-components",
             label: "Form Components",
-            href: "."
+            href: "/bui-tests"
           },
           {
             id: "table-example",
             label: "Table Example",
-            href: "table-example"
+            href: "/bui-tests/table-example"
           },
           {
             id: "card-example",
             label: "Card Example",
-            href: "card-example"
+            href: "/bui-tests/card-example"
           }
         ]
       }

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

@@ -1 +1 @@
-{"version":3,"file":"BUITestPage.esm.js","sources":["../../src/components/BUITestPage.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 { Container, HeaderPage, TabPanel, Tabs } from '@backstage/ui';\n\nimport { useLocation } from 'react-router';\n\nimport { UserSettingsThemeToggle } from '@backstage/plugin-user-settings';\n\nimport { FormComponents } from './FormComponents';\nimport { TableExample } from './TableExample';\nimport { CardsExample } from './CardExample';\n\nexport const BUITestPage = () => {\n  const { pathname } = useLocation();\n\n  return (\n    <>\n      <HeaderPage\n        title=\"Backstage UI Tests\"\n        customActions={<UserSettingsThemeToggle />}\n        tabs={[\n          {\n            id: 'form-components',\n            label: 'Form Components',\n            href: '.',\n          },\n          {\n            id: 'table-example',\n            label: 'Table Example',\n            href: 'table-example',\n          },\n          {\n            id: 'card-example',\n            label: 'Card Example',\n            href: 'card-example',\n          },\n        ]}\n      />\n      <Container>\n        <Tabs selectedKey={pathname.split('/')[2] ?? 'form-components'}>\n          <TabPanel id=\"form-components\">\n            <FormComponents />\n          </TabPanel>\n          <TabPanel id=\"table-example\">\n            <TableExample />\n          </TabPanel>\n          <TabPanel id=\"card-example\">\n            <CardsExample />\n          </TabPanel>\n        </Tabs>\n      </Container>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AA0BO,MAAM,cAAc,MAAM;AAC/B,EAAM,MAAA,EAAE,QAAS,EAAA,GAAI,WAAY,EAAA;AAEjC,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,KAAM,EAAA,oBAAA;AAAA,QACN,aAAA,sBAAgB,uBAAwB,EAAA,EAAA,CAAA;AAAA,QACxC,IAAM,EAAA;AAAA,UACJ;AAAA,YACE,EAAI,EAAA,iBAAA;AAAA,YACJ,KAAO,EAAA,iBAAA;AAAA,YACP,IAAM,EAAA;AAAA,WACR;AAAA,UACA;AAAA,YACE,EAAI,EAAA,eAAA;AAAA,YACJ,KAAO,EAAA,eAAA;AAAA,YACP,IAAM,EAAA;AAAA,WACR;AAAA,UACA;AAAA,YACE,EAAI,EAAA,cAAA;AAAA,YACJ,KAAO,EAAA,cAAA;AAAA,YACP,IAAM,EAAA;AAAA;AACR;AACF;AAAA,KACF;AAAA,oBACA,GAAA,CAAC,SACC,EAAA,EAAA,QAAA,kBAAA,IAAA,CAAC,IAAK,EAAA,EAAA,WAAA,EAAa,QAAS,CAAA,KAAA,CAAM,GAAG,CAAA,CAAE,CAAC,CAAA,IAAK,iBAC3C,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,EAAA,EAAG,iBACX,EAAA,QAAA,kBAAA,GAAA,CAAC,kBAAe,CAClB,EAAA,CAAA;AAAA,0BACC,QAAS,EAAA,EAAA,EAAA,EAAG,eACX,EAAA,QAAA,kBAAA,GAAA,CAAC,gBAAa,CAChB,EAAA,CAAA;AAAA,0BACC,QAAS,EAAA,EAAA,EAAA,EAAG,cACX,EAAA,QAAA,kBAAA,GAAA,CAAC,gBAAa,CAChB,EAAA;AAAA,KAAA,EACF,CACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"BUITestPage.esm.js","sources":["../../src/components/BUITestPage.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 { Container, Header, TabPanel, Tabs } from '@backstage/ui';\n\nimport { useLocation } from 'react-router';\n\nimport { UserSettingsThemeToggle } from '@backstage/plugin-user-settings';\n\nimport { FormComponents } from './FormComponents';\nimport { TableExample } from './TableExample';\nimport { CardsExample } from './CardExample';\n\nexport const BUITestPage = () => {\n  const { pathname } = useLocation();\n\n  return (\n    <>\n      <Header\n        title=\"Backstage UI Tests\"\n        customActions={<UserSettingsThemeToggle />}\n        tabs={[\n          {\n            id: 'form-components',\n            label: 'Form Components',\n            href: '/bui-tests',\n          },\n          {\n            id: 'table-example',\n            label: 'Table Example',\n            href: '/bui-tests/table-example',\n          },\n          {\n            id: 'card-example',\n            label: 'Card Example',\n            href: '/bui-tests/card-example',\n          },\n        ]}\n      />\n      <Container>\n        <Tabs selectedKey={pathname.split('/')[2] ?? 'form-components'}>\n          <TabPanel id=\"form-components\">\n            <FormComponents />\n          </TabPanel>\n          <TabPanel id=\"table-example\">\n            <TableExample />\n          </TabPanel>\n          <TabPanel id=\"card-example\">\n            <CardsExample />\n          </TabPanel>\n        </Tabs>\n      </Container>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AA0BO,MAAM,cAAc,MAAM;AAC/B,EAAM,MAAA,EAAE,QAAS,EAAA,GAAI,WAAY,EAAA;AAEjC,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,KAAM,EAAA,oBAAA;AAAA,QACN,aAAA,sBAAgB,uBAAwB,EAAA,EAAA,CAAA;AAAA,QACxC,IAAM,EAAA;AAAA,UACJ;AAAA,YACE,EAAI,EAAA,iBAAA;AAAA,YACJ,KAAO,EAAA,iBAAA;AAAA,YACP,IAAM,EAAA;AAAA,WACR;AAAA,UACA;AAAA,YACE,EAAI,EAAA,eAAA;AAAA,YACJ,KAAO,EAAA,eAAA;AAAA,YACP,IAAM,EAAA;AAAA,WACR;AAAA,UACA;AAAA,YACE,EAAI,EAAA,cAAA;AAAA,YACJ,KAAO,EAAA,cAAA;AAAA,YACP,IAAM,EAAA;AAAA;AACR;AACF;AAAA,KACF;AAAA,oBACA,GAAA,CAAC,SACC,EAAA,EAAA,QAAA,kBAAA,IAAA,CAAC,IAAK,EAAA,EAAA,WAAA,EAAa,QAAS,CAAA,KAAA,CAAM,GAAG,CAAA,CAAE,CAAC,CAAA,IAAK,iBAC3C,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,EAAA,EAAG,iBACX,EAAA,QAAA,kBAAA,GAAA,CAAC,kBAAe,CAClB,EAAA,CAAA;AAAA,0BACC,QAAS,EAAA,EAAA,EAAA,EAAG,eACX,EAAA,QAAA,kBAAA,GAAA,CAAC,gBAAa,CAChB,EAAA,CAAA;AAAA,0BACC,QAAS,EAAA,EAAA,EAAA,EAAG,cACX,EAAA,QAAA,kBAAA,GAAA,CAAC,gBAAa,CAChB,EAAA;AAAA,KAAA,EACF,CACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/TableExample.esm.js

@@ -1,5 +1,6 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Table, TableHeader, Column, TableBody, Row, CellProfile, Cell } from '@backstage/ui';
+import { jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { CellProfile, CellText, useTable, Table } from '@backstage/ui';
 
 const users = [
   {
@@ -164,20 +165,67 @@ const users = [
   }
 ];
 const TableExample = () => {
-  return /* @__PURE__ */ jsxs(Table, { children: [
-    /* @__PURE__ */ jsxs(TableHeader, { children: [
-      /* @__PURE__ */ jsx(Column, { children: "Avatar" }),
-      /* @__PURE__ */ jsx(Column, { isRowHeader: true, children: "Lastname" }),
-      /* @__PURE__ */ jsx(Column, { children: "Firstname" }),
-      /* @__PURE__ */ jsx(Column, { children: "Email" })
-    ] }),
-    /* @__PURE__ */ jsx(TableBody, { children: users.map((user, index) => /* @__PURE__ */ jsxs(Row, { children: [
-      /* @__PURE__ */ jsx(CellProfile, { src: user.picture }),
-      /* @__PURE__ */ jsx(Cell, { title: user.name.last }),
-      /* @__PURE__ */ jsx(Cell, { title: user.name.first }),
-      /* @__PURE__ */ jsx(Cell, { title: user.email })
-    ] }, index)) })
-  ] });
+  const columnConfig = useMemo(
+    () => [
+      {
+        id: "lastname",
+        label: "Lastname",
+        cell: (item) => /* @__PURE__ */ jsx(CellProfile, { src: item.user.picture, name: item.user.name.last }),
+        isRowHeader: true,
+        isSortable: true
+      },
+      {
+        id: "firstname",
+        label: "Firstname",
+        cell: (item) => /* @__PURE__ */ jsx(CellText, { title: item.user.name.first }),
+        isSortable: true
+      },
+      {
+        id: "email",
+        label: "Email",
+        cell: (item) => /* @__PURE__ */ jsx(CellText, { title: item.user.email }),
+        isSortable: true
+      }
+    ],
+    []
+  );
+  const data = useMemo(
+    () => users.map((user, index) => ({
+      id: String(index),
+      user
+    })),
+    []
+  );
+  const { tableProps } = useTable({
+    mode: "complete",
+    data,
+    initialSort: { column: "lastname", direction: "ascending" },
+    sortFn: (items, { column, direction }) => {
+      return [...items].sort((a, b) => {
+        let aVal;
+        let bVal;
+        switch (column) {
+          case "lastname":
+            aVal = a.user.name.last;
+            bVal = b.user.name.last;
+            break;
+          case "firstname":
+            aVal = a.user.name.first;
+            bVal = b.user.name.first;
+            break;
+          case "email":
+            aVal = a.user.email;
+            bVal = b.user.email;
+            break;
+          default:
+            return 0;
+        }
+        const cmp = aVal.localeCompare(bVal);
+        return direction === "descending" ? -cmp : cmp;
+      });
+    }
+  });
+  return /* @__PURE__ */ jsx(Table, { columnConfig, ...tableProps });
 };
 
 export { TableExample };

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

@@ -1 +1 @@
-{"version":3,"file":"TableExample.esm.js","sources":["../../src/components/TableExample.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 {\n  Table,\n  TableHeader,\n  Column,\n  TableBody,\n  Row,\n  Cell,\n  CellProfile,\n} from '@backstage/ui';\n\ninterface User {\n  name: {\n    first: string; // \"Duane\",\n    last: string; // \"Reed\"\n  };\n  email: string; // \"duane.reed@example.com\"\n  picture: string; // \"https://api.dicebear.com/6.x/open-peeps/svg?seed=Duane\"\n}\n\nconst users: User[] = [\n  {\n    name: {\n      first: 'Carolyn',\n      last: 'Moore',\n    },\n    email: 'carolyn.moore@example.com',\n    picture: 'https://api.dicebear.com/6.x/open-peeps/svg?seed=Carolyn',\n  },\n  {\n    name: {\n      first: 'Esma',\n      last: 'Berberoğlu',\n    },\n    email: 'esma.berberoglu@example.com',\n    picture: 'https://api.dicebear.com/6.x/open-peeps/svg?seed=Esma',\n  },\n  {\n    name: {\n      first: 'Isabella',\n      last: 'Rhodes',\n    },\n    email: 'isabella.rhodes@example.com',\n    picture: 'https://api.dicebear.com/6.x/open-peeps/svg?seed=Isabella',\n  },\n  {\n    name: {\n      first: 'Derrick',\n      last: 'Carter',\n    },\n    email: 'derrick.carter@example.com',\n    picture: 'https://api.dicebear.com/6.x/open-peeps/svg?seed=Derrick',\n  },\n  {\n    name: {\n      first: 'Mattie',\n      last: 'Lambert',\n    },\n    email: 'mattie.lambert@example.com',\n    picture: 'https://api.dicebear.com/6.x/open-peeps/svg?seed=Mattie',\n  },\n  {\n    name: {\n      first: 'Mijat',\n      last: 'Rakić',\n    },\n    email: 'mijat.rakic@example.com',\n    picture: 'https://api.dicebear.com/6.x/open-peeps/svg?seed=Mijat',\n  },\n  {\n    name: {\n      first: 'Javier',\n      last: 'Reid',\n    },\n    email: 'javier.reid@example.com',\n    picture: 'https://api.dicebear.com/6.x/open-peeps/svg?seed=Javier',\n  },\n  {\n    name: {\n      first: 'Isabella',\n      last: 'Li',\n    },\n    email: 'isabella.li@example.com',\n    picture: 'https://api.dicebear.com/6.x/open-peeps/svg?seed=Isabella',\n  },\n  {\n    name: {\n      first: 'Stephanie',\n      last: 'Garrett',\n    },\n    email: 'stephanie.garrett@example.com',\n    picture: 'https://api.dicebear.com/6.x/open-peeps/svg?seed=Stephanie',\n  },\n  {\n    name: {\n      first: 'Antonia',\n      last: 'Núñez',\n    },\n    email: 'antonia.nunez@example.com',\n    picture: 'https://api.dicebear.com/6.x/open-peeps/svg?seed=Antonia',\n  },\n  {\n    name: {\n      first: 'Donald',\n      last: 'Young',\n    },\n    email: 'donald.young@example.com',\n    picture: 'https://api.dicebear.com/6.x/open-peeps/svg?seed=Donald',\n  },\n  {\n    name: {\n      first: 'Iegor',\n      last: 'Holodovskiy',\n    },\n    email: 'iegor.holodovskiy@example.com',\n    picture: 'https://api.dicebear.com/6.x/open-peeps/svg?seed=Iegor',\n  },\n  {\n    name: {\n      first: 'Jessica',\n      last: 'David',\n    },\n    email: 'jessica.david@example.com',\n    picture: 'https://api.dicebear.com/6.x/open-peeps/svg?seed=Jessica',\n  },\n  {\n    name: {\n      first: 'Eve',\n      last: 'Martinez',\n    },\n    email: 'eve.martinez@example.com',\n    picture: 'https://api.dicebear.com/6.x/open-peeps/svg?seed=Eve',\n  },\n  {\n    name: {\n      first: 'Caleb',\n      last: 'Silva',\n    },\n    email: 'caleb.silva@example.com',\n    picture: 'https://api.dicebear.com/6.x/open-peeps/svg?seed=Caleb',\n  },\n  {\n    name: {\n      first: 'Marcia',\n      last: 'Jenkins',\n    },\n    email: 'marcia.jenkins@example.com',\n    picture: 'https://api.dicebear.com/6.x/open-peeps/svg?seed=Marcia',\n  },\n  {\n    name: {\n      first: 'Mackenzie',\n      last: 'Jones',\n    },\n    email: 'mackenzie.jones@example.com',\n    picture: 'https://api.dicebear.com/6.x/open-peeps/svg?seed=Mackenzie',\n  },\n  {\n    name: {\n      first: 'Jeremiah',\n      last: 'Gutierrez',\n    },\n    email: 'jeremiah.gutierrez@example.com',\n    picture: 'https://api.dicebear.com/6.x/open-peeps/svg?seed=Jeremiah',\n  },\n  {\n    name: {\n      first: 'Luciara',\n      last: 'Souza',\n    },\n    email: 'luciara.souza@example.com',\n    picture: 'https://api.dicebear.com/6.x/open-peeps/svg?seed=Luciara',\n  },\n  {\n    name: {\n      first: 'Valgi',\n      last: 'da Cunha',\n    },\n    email: 'valgi.dacunha@example.com',\n    picture: 'https://api.dicebear.com/6.x/open-peeps/svg?seed=Valgi',\n  },\n];\n\nexport const TableExample = () => {\n  return (\n    <Table>\n      <TableHeader>\n        <Column>Avatar</Column>\n        <Column isRowHeader>Lastname</Column>\n        <Column>Firstname</Column>\n        <Column>Email</Column>\n      </TableHeader>\n      <TableBody>\n        {users.map((user, index) => (\n          <Row key={index}>\n            <CellProfile src={user.picture} />\n            <Cell title={user.name.last} />\n            <Cell title={user.name.first} />\n            <Cell title={user.email} />\n          </Row>\n        ))}\n      </TableBody>\n    </Table>\n  );\n};\n"],"names":[],"mappings":";;;AAmCA,MAAM,KAAgB,GAAA;AAAA,EACpB;AAAA,IACE,IAAM,EAAA;AAAA,MACJ,KAAO,EAAA,SAAA;AAAA,MACP,IAAM,EAAA;AAAA,KACR;AAAA,IACA,KAAO,EAAA,2BAAA;AAAA,IACP,OAAS,EAAA;AAAA,GACX;AAAA,EACA;AAAA,IACE,IAAM,EAAA;AAAA,MACJ,KAAO,EAAA,MAAA;AAAA,MACP,IAAM,EAAA;AAAA,KACR;AAAA,IACA,KAAO,EAAA,6BAAA;AAAA,IACP,OAAS,EAAA;AAAA,GACX;AAAA,EACA;AAAA,IACE,IAAM,EAAA;AAAA,MACJ,KAAO,EAAA,UAAA;AAAA,MACP,IAAM,EAAA;AAAA,KACR;AAAA,IACA,KAAO,EAAA,6BAAA;AAAA,IACP,OAAS,EAAA;AAAA,GACX;AAAA,EACA;AAAA,IACE,IAAM,EAAA;AAAA,MACJ,KAAO,EAAA,SAAA;AAAA,MACP,IAAM,EAAA;AAAA,KACR;AAAA,IACA,KAAO,EAAA,4BAAA;AAAA,IACP,OAAS,EAAA;AAAA,GACX;AAAA,EACA;AAAA,IACE,IAAM,EAAA;AAAA,MACJ,KAAO,EAAA,QAAA;AAAA,MACP,IAAM,EAAA;AAAA,KACR;AAAA,IACA,KAAO,EAAA,4BAAA;AAAA,IACP,OAAS,EAAA;AAAA,GACX;AAAA,EACA;AAAA,IACE,IAAM,EAAA;AAAA,MACJ,KAAO,EAAA,OAAA;AAAA,MACP,IAAM,EAAA;AAAA,KACR;AAAA,IACA,KAAO,EAAA,yBAAA;AAAA,IACP,OAAS,EAAA;AAAA,GACX;AAAA,EACA;AAAA,IACE,IAAM,EAAA;AAAA,MACJ,KAAO,EAAA,QAAA;AAAA,MACP,IAAM,EAAA;AAAA,KACR;AAAA,IACA,KAAO,EAAA,yBAAA;AAAA,IACP,OAAS,EAAA;AAAA,GACX;AAAA,EACA;AAAA,IACE,IAAM,EAAA;AAAA,MACJ,KAAO,EAAA,UAAA;AAAA,MACP,IAAM,EAAA;AAAA,KACR;AAAA,IACA,KAAO,EAAA,yBAAA;AAAA,IACP,OAAS,EAAA;AAAA,GACX;AAAA,EACA;AAAA,IACE,IAAM,EAAA;AAAA,MACJ,KAAO,EAAA,WAAA;AAAA,MACP,IAAM,EAAA;AAAA,KACR;AAAA,IACA,KAAO,EAAA,+BAAA;AAAA,IACP,OAAS,EAAA;AAAA,GACX;AAAA,EACA;AAAA,IACE,IAAM,EAAA;AAAA,MACJ,KAAO,EAAA,SAAA;AAAA,MACP,IAAM,EAAA;AAAA,KACR;AAAA,IACA,KAAO,EAAA,2BAAA;AAAA,IACP,OAAS,EAAA;AAAA,GACX;AAAA,EACA;AAAA,IACE,IAAM,EAAA;AAAA,MACJ,KAAO,EAAA,QAAA;AAAA,MACP,IAAM,EAAA;AAAA,KACR;AAAA,IACA,KAAO,EAAA,0BAAA;AAAA,IACP,OAAS,EAAA;AAAA,GACX;AAAA,EACA;AAAA,IACE,IAAM,EAAA;AAAA,MACJ,KAAO,EAAA,OAAA;AAAA,MACP,IAAM,EAAA;AAAA,KACR;AAAA,IACA,KAAO,EAAA,+BAAA;AAAA,IACP,OAAS,EAAA;AAAA,GACX;AAAA,EACA;AAAA,IACE,IAAM,EAAA;AAAA,MACJ,KAAO,EAAA,SAAA;AAAA,MACP,IAAM,EAAA;AAAA,KACR;AAAA,IACA,KAAO,EAAA,2BAAA;AAAA,IACP,OAAS,EAAA;AAAA,GACX;AAAA,EACA;AAAA,IACE,IAAM,EAAA;AAAA,MACJ,KAAO,EAAA,KAAA;AAAA,MACP,IAAM,EAAA;AAAA,KACR;AAAA,IACA,KAAO,EAAA,0BAAA;AAAA,IACP,OAAS,EAAA;AAAA,GACX;AAAA,EACA;AAAA,IACE,IAAM,EAAA;AAAA,MACJ,KAAO,EAAA,OAAA;AAAA,MACP,IAAM,EAAA;AAAA,KACR;AAAA,IACA,KAAO,EAAA,yBAAA;AAAA,IACP,OAAS,EAAA;AAAA,GACX;AAAA,EACA;AAAA,IACE,IAAM,EAAA;AAAA,MACJ,KAAO,EAAA,QAAA;AAAA,MACP,IAAM,EAAA;AAAA,KACR;AAAA,IACA,KAAO,EAAA,4BAAA;AAAA,IACP,OAAS,EAAA;AAAA,GACX;AAAA,EACA;AAAA,IACE,IAAM,EAAA;AAAA,MACJ,KAAO,EAAA,WAAA;AAAA,MACP,IAAM,EAAA;AAAA,KACR;AAAA,IACA,KAAO,EAAA,6BAAA;AAAA,IACP,OAAS,EAAA;AAAA,GACX;AAAA,EACA;AAAA,IACE,IAAM,EAAA;AAAA,MACJ,KAAO,EAAA,UAAA;AAAA,MACP,IAAM,EAAA;AAAA,KACR;AAAA,IACA,KAAO,EAAA,gCAAA;AAAA,IACP,OAAS,EAAA;AAAA,GACX;AAAA,EACA;AAAA,IACE,IAAM,EAAA;AAAA,MACJ,KAAO,EAAA,SAAA;AAAA,MACP,IAAM,EAAA;AAAA,KACR;AAAA,IACA,KAAO,EAAA,2BAAA;AAAA,IACP,OAAS,EAAA;AAAA,GACX;AAAA,EACA;AAAA,IACE,IAAM,EAAA;AAAA,MACJ,KAAO,EAAA,OAAA;AAAA,MACP,IAAM,EAAA;AAAA,KACR;AAAA,IACA,KAAO,EAAA,2BAAA;AAAA,IACP,OAAS,EAAA;AAAA;AAEb,CAAA;AAEO,MAAM,eAAe,MAAM;AAChC,EAAA,4BACG,KACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,WACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,UAAO,QAAM,EAAA,QAAA,EAAA,CAAA;AAAA,sBACb,GAAA,CAAA,MAAA,EAAA,EAAO,WAAW,EAAA,IAAA,EAAC,QAAQ,EAAA,UAAA,EAAA,CAAA;AAAA,sBAC5B,GAAA,CAAC,UAAO,QAAS,EAAA,WAAA,EAAA,CAAA;AAAA,sBACjB,GAAA,CAAC,UAAO,QAAK,EAAA,OAAA,EAAA;AAAA,KACf,EAAA,CAAA;AAAA,oBACA,GAAA,CAAC,aACE,QAAM,EAAA,KAAA,CAAA,GAAA,CAAI,CAAC,IAAM,EAAA,KAAA,0BACf,GACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,WAAA,EAAA,EAAY,GAAK,EAAA,IAAA,CAAK,OAAS,EAAA,CAAA;AAAA,sBAC/B,GAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,IAAA,CAAK,KAAK,IAAM,EAAA,CAAA;AAAA,sBAC5B,GAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,IAAA,CAAK,KAAK,KAAO,EAAA,CAAA;AAAA,sBAC7B,GAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,IAAA,CAAK,KAAO,EAAA;AAAA,KAJjB,EAAA,EAAA,KAKV,CACD,CACH,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"TableExample.esm.js","sources":["../../src/components/TableExample.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 { useMemo } from 'react';\nimport {\n  CellProfile,\n  CellText,\n  ColumnConfig,\n  Table,\n  TableItem,\n  useTable,\n} from '@backstage/ui';\n\ninterface User {\n  name: {\n    first: string; // \"Duane\",\n    last: string; // \"Reed\"\n  };\n  email: string; // \"duane.reed@example.com\"\n  picture: string; // \"https://api.dicebear.com/6.x/open-peeps/svg?seed=Duane\"\n}\n\nconst users: User[] = [\n  {\n    name: {\n      first: 'Carolyn',\n      last: 'Moore',\n    },\n    email: 'carolyn.moore@example.com',\n    picture: 'https://api.dicebear.com/6.x/open-peeps/svg?seed=Carolyn',\n  },\n  {\n    name: {\n      first: 'Esma',\n      last: 'Berberoğlu',\n    },\n    email: 'esma.berberoglu@example.com',\n    picture: 'https://api.dicebear.com/6.x/open-peeps/svg?seed=Esma',\n  },\n  {\n    name: {\n      first: 'Isabella',\n      last: 'Rhodes',\n    },\n    email: 'isabella.rhodes@example.com',\n    picture: 'https://api.dicebear.com/6.x/open-peeps/svg?seed=Isabella',\n  },\n  {\n    name: {\n      first: 'Derrick',\n      last: 'Carter',\n    },\n    email: 'derrick.carter@example.com',\n    picture: 'https://api.dicebear.com/6.x/open-peeps/svg?seed=Derrick',\n  },\n  {\n    name: {\n      first: 'Mattie',\n      last: 'Lambert',\n    },\n    email: 'mattie.lambert@example.com',\n    picture: 'https://api.dicebear.com/6.x/open-peeps/svg?seed=Mattie',\n  },\n  {\n    name: {\n      first: 'Mijat',\n      last: 'Rakić',\n    },\n    email: 'mijat.rakic@example.com',\n    picture: 'https://api.dicebear.com/6.x/open-peeps/svg?seed=Mijat',\n  },\n  {\n    name: {\n      first: 'Javier',\n      last: 'Reid',\n    },\n    email: 'javier.reid@example.com',\n    picture: 'https://api.dicebear.com/6.x/open-peeps/svg?seed=Javier',\n  },\n  {\n    name: {\n      first: 'Isabella',\n      last: 'Li',\n    },\n    email: 'isabella.li@example.com',\n    picture: 'https://api.dicebear.com/6.x/open-peeps/svg?seed=Isabella',\n  },\n  {\n    name: {\n      first: 'Stephanie',\n      last: 'Garrett',\n    },\n    email: 'stephanie.garrett@example.com',\n    picture: 'https://api.dicebear.com/6.x/open-peeps/svg?seed=Stephanie',\n  },\n  {\n    name: {\n      first: 'Antonia',\n      last: 'Núñez',\n    },\n    email: 'antonia.nunez@example.com',\n    picture: 'https://api.dicebear.com/6.x/open-peeps/svg?seed=Antonia',\n  },\n  {\n    name: {\n      first: 'Donald',\n      last: 'Young',\n    },\n    email: 'donald.young@example.com',\n    picture: 'https://api.dicebear.com/6.x/open-peeps/svg?seed=Donald',\n  },\n  {\n    name: {\n      first: 'Iegor',\n      last: 'Holodovskiy',\n    },\n    email: 'iegor.holodovskiy@example.com',\n    picture: 'https://api.dicebear.com/6.x/open-peeps/svg?seed=Iegor',\n  },\n  {\n    name: {\n      first: 'Jessica',\n      last: 'David',\n    },\n    email: 'jessica.david@example.com',\n    picture: 'https://api.dicebear.com/6.x/open-peeps/svg?seed=Jessica',\n  },\n  {\n    name: {\n      first: 'Eve',\n      last: 'Martinez',\n    },\n    email: 'eve.martinez@example.com',\n    picture: 'https://api.dicebear.com/6.x/open-peeps/svg?seed=Eve',\n  },\n  {\n    name: {\n      first: 'Caleb',\n      last: 'Silva',\n    },\n    email: 'caleb.silva@example.com',\n    picture: 'https://api.dicebear.com/6.x/open-peeps/svg?seed=Caleb',\n  },\n  {\n    name: {\n      first: 'Marcia',\n      last: 'Jenkins',\n    },\n    email: 'marcia.jenkins@example.com',\n    picture: 'https://api.dicebear.com/6.x/open-peeps/svg?seed=Marcia',\n  },\n  {\n    name: {\n      first: 'Mackenzie',\n      last: 'Jones',\n    },\n    email: 'mackenzie.jones@example.com',\n    picture: 'https://api.dicebear.com/6.x/open-peeps/svg?seed=Mackenzie',\n  },\n  {\n    name: {\n      first: 'Jeremiah',\n      last: 'Gutierrez',\n    },\n    email: 'jeremiah.gutierrez@example.com',\n    picture: 'https://api.dicebear.com/6.x/open-peeps/svg?seed=Jeremiah',\n  },\n  {\n    name: {\n      first: 'Luciara',\n      last: 'Souza',\n    },\n    email: 'luciara.souza@example.com',\n    picture: 'https://api.dicebear.com/6.x/open-peeps/svg?seed=Luciara',\n  },\n  {\n    name: {\n      first: 'Valgi',\n      last: 'da Cunha',\n    },\n    email: 'valgi.dacunha@example.com',\n    picture: 'https://api.dicebear.com/6.x/open-peeps/svg?seed=Valgi',\n  },\n];\n\ninterface RowData extends TableItem {\n  user: User;\n}\n\nexport const TableExample = () => {\n  const columnConfig = useMemo<ColumnConfig<RowData>[]>(\n    () => [\n      {\n        id: 'lastname',\n        label: 'Lastname',\n        cell: item => (\n          <CellProfile src={item.user.picture} name={item.user.name.last} />\n        ),\n        isRowHeader: true,\n        isSortable: true,\n      },\n      {\n        id: 'firstname',\n        label: 'Firstname',\n        cell: item => <CellText title={item.user.name.first} />,\n        isSortable: true,\n      },\n      {\n        id: 'email',\n        label: 'Email',\n        cell: item => <CellText title={item.user.email} />,\n        isSortable: true,\n      },\n    ],\n    [],\n  );\n\n  const data = useMemo<RowData[]>(\n    () =>\n      users.map((user, index) => ({\n        id: String(index),\n        user,\n      })),\n    [],\n  );\n\n  const { tableProps } = useTable({\n    mode: 'complete',\n    data,\n    initialSort: { column: 'lastname', direction: 'ascending' },\n    sortFn: (items, { column, direction }) => {\n      return [...items].sort((a, b) => {\n        let aVal: string;\n        let bVal: string;\n        switch (column) {\n          case 'lastname':\n            aVal = a.user.name.last;\n            bVal = b.user.name.last;\n            break;\n          case 'firstname':\n            aVal = a.user.name.first;\n            bVal = b.user.name.first;\n            break;\n          case 'email':\n            aVal = a.user.email;\n            bVal = b.user.email;\n            break;\n          default:\n            return 0;\n        }\n        const cmp = aVal.localeCompare(bVal);\n        return direction === 'descending' ? -cmp : cmp;\n      });\n    },\n  });\n\n  return <Table columnConfig={columnConfig} {...tableProps} />;\n};\n"],"names":[],"mappings":"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"}

package/dist/package.json.esm.js

@@ -0,0 +1,93 @@
+var name = "@red-hat-developer-hub/backstage-plugin-bui-test";
+var version = "0.4.0";
+var license = "Apache-2.0";
+var main = "src/index.ts";
+var types = "src/index.ts";
+var publishConfig = {
+	access: "public"
+};
+var repository = {
+	type: "git",
+	url: "https://github.com/redhat-developer/rhdh-plugins",
+	directory: "workspaces/theme/plugins/bui-test"
+};
+var backstage = {
+	role: "frontend-plugin",
+	pluginId: "bui-test",
+	pluginPackages: [
+		"@red-hat-developer-hub/backstage-plugin-bui-test"
+	]
+};
+var sideEffects = false;
+var exports = {
+	".": "./src/index.ts",
+	"./alpha": "./src/alpha/index.tsx",
+	"./package.json": "./package.json"
+};
+var typesVersions = {
+	"*": {
+		alpha: [
+			"src/alpha/index.tsx"
+		],
+		"package.json": [
+			"package.json"
+		]
+	}
+};
+var scripts = {
+	start: "backstage-cli package start",
+	build: "backstage-cli package build",
+	lint: "backstage-cli package lint",
+	test: "backstage-cli package test",
+	clean: "backstage-cli package clean",
+	prepack: "backstage-cli package prepack",
+	postpack: "backstage-cli package postpack"
+};
+var dependencies = {
+	"@backstage/core-plugin-api": "^1.12.4",
+	"@backstage/frontend-plugin-api": "^0.15.1",
+	"@backstage/plugin-user-settings": "^0.9.1",
+	"@backstage/theme": "^0.7.2",
+	"@backstage/ui": "^0.13.1",
+	"@mui/icons-material": "^6.1.0",
+	"@remixicon/react": "^4.9.0"
+};
+var peerDependencies = {
+	react: "^16.13.1 || ^17.0.0 || ^18.0.0",
+	"react-router": "*"
+};
+var devDependencies = {
+	"@backstage/cli": "^0.36.0",
+	"@backstage/core-app-api": "^1.19.6",
+	"@backstage/dev-utils": "^1.1.21",
+	"@backstage/test-utils": "^1.7.16",
+	"@testing-library/jest-dom": "^6.0.0",
+	"@testing-library/react": "^14.0.0",
+	"@testing-library/user-event": "^14.0.0",
+	msw: "^1.0.0",
+	react: "^16.13.1 || ^17.0.0 || ^18.0.0"
+};
+var files = [
+	"dist"
+];
+var _package = {
+	name: name,
+	version: version,
+	license: license,
+	main: main,
+	types: types,
+	publishConfig: publishConfig,
+	repository: repository,
+	backstage: backstage,
+	sideEffects: sideEffects,
+	exports: exports,
+	typesVersions: typesVersions,
+	scripts: scripts,
+	dependencies: dependencies,
+	peerDependencies: peerDependencies,
+	devDependencies: devDependencies,
+	files: files
+};
+
+export { backstage, _package as default, dependencies, devDependencies, exports, files, license, main, name, peerDependencies, publishConfig, repository, scripts, sideEffects, types, typesVersions, version };
+//# sourceMappingURL=package.json.esm.js.map

package/dist/package.json.esm.js.map

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

package/package.json

@@ -1,13 +1,11 @@
 {
   "name": "@red-hat-developer-hub/backstage-plugin-bui-test",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "license": "Apache-2.0",
-  "main": "dist/index.esm.js",
-  "types": "dist/index.d.ts",
+  "main": "./dist/index.esm.js",
+  "types": "./dist/index.d.ts",
   "publishConfig": {
-    "access": "public",
-    "main": "dist/index.esm.js",
-    "types": "dist/index.d.ts"
+    "access": "public"
   },
   "repository": {
     "type": "git",
@@ -19,9 +17,36 @@
     "pluginId": "bui-test",
     "pluginPackages": [
       "@red-hat-developer-hub/backstage-plugin-bui-test"
-    ]
+    ],
+    "features": {
+      "./alpha": "@backstage/FrontendPlugin"
+    }
   },
   "sideEffects": false,
+  "exports": {
+    ".": {
+      "import": "./dist/index.esm.js",
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.esm.js"
+    },
+    "./alpha": {
+      "backstage": "@backstage/FrontendPlugin",
+      "import": "./dist/alpha.esm.js",
+      "types": "./dist/alpha.d.ts",
+      "default": "./dist/alpha.esm.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "typesVersions": {
+    "*": {
+      "alpha": [
+        "dist/alpha.d.ts"
+      ],
+      "package.json": [
+        "package.json"
+      ]
+    }
+  },
   "scripts": {
     "start": "backstage-cli package start",
     "build": "backstage-cli package build",
@@ -32,21 +57,23 @@
     "postpack": "backstage-cli package postpack"
   },
   "dependencies": {
-    "@backstage/core-plugin-api": "^1.12.0",
-    "@backstage/plugin-user-settings": "^0.8.29",
-    "@backstage/theme": "^0.7.0",
-    "@backstage/ui": "^0.9.1",
-    "@mui/icons-material": "^6.1.0"
+    "@backstage/core-plugin-api": "^1.12.4",
+    "@backstage/frontend-plugin-api": "^0.15.1",
+    "@backstage/plugin-user-settings": "^0.9.1",
+    "@backstage/theme": "^0.7.2",
+    "@backstage/ui": "^0.13.1",
+    "@mui/icons-material": "^6.1.0",
+    "@remixicon/react": "^4.9.0"
   },
   "peerDependencies": {
     "react": "^16.13.1 || ^17.0.0 || ^18.0.0",
     "react-router": "*"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.34.5",
-    "@backstage/core-app-api": "^1.19.2",
-    "@backstage/dev-utils": "^1.1.17",
-    "@backstage/test-utils": "^1.7.13",
+    "@backstage/cli": "^0.36.0",
+    "@backstage/core-app-api": "^1.19.6",
+    "@backstage/dev-utils": "^1.1.21",
+    "@backstage/test-utils": "^1.7.16",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.0.0",
@@ -56,12 +83,5 @@
   "files": [
     "dist"
   ],
-  "typesVersions": {
-    "*": {
-      "package.json": [
-        "package.json"
-      ]
-    }
-  },
   "module": "./dist/index.esm.js"
 }