@red-hat-developer-hub/backstage-plugin-bui-test 0.3.0 → 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/dist/alpha.d.ts +26 -25
- package/dist/alpha.esm.js +7 -13
- package/dist/alpha.esm.js.map +1 -1
- package/dist/components/BUITestPage.esm.js +5 -5
- package/dist/components/BUITestPage.esm.js.map +1 -1
- package/dist/components/TableExample.esm.js +64 -16
- package/dist/components/TableExample.esm.js.map +1 -1
- package/dist/index.d.ts +1 -3
- package/dist/index.esm.js +0 -1
- package/dist/index.esm.js.map +1 -1
- package/dist/package.json.esm.js +12 -10
- package/dist/package.json.esm.js.map +1 -1
- package/package.json +12 -10
package/CHANGELOG.md
CHANGED
package/dist/alpha.d.ts
CHANGED
|
@@ -1,46 +1,47 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import * as react from 'react';
|
|
3
2
|
import * as _backstage_frontend_plugin_api from '@backstage/frontend-plugin-api';
|
|
4
|
-
import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
|
|
5
3
|
|
|
6
4
|
declare const _default: _backstage_frontend_plugin_api.OverridableFrontendPlugin<{
|
|
7
|
-
root:
|
|
5
|
+
root: _backstage_frontend_plugin_api.RouteRef<undefined>;
|
|
8
6
|
}, {}, {
|
|
9
|
-
"nav-item:bui-test": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
|
|
10
|
-
kind: "nav-item";
|
|
11
|
-
name: undefined;
|
|
12
|
-
config: {};
|
|
13
|
-
configInput: {};
|
|
14
|
-
output: _backstage_frontend_plugin_api.ExtensionDataRef<{
|
|
15
|
-
title: string;
|
|
16
|
-
icon: _backstage_frontend_plugin_api.IconComponent;
|
|
17
|
-
routeRef: _backstage_frontend_plugin_api.RouteRef<undefined>;
|
|
18
|
-
}, "core.nav-item.target", {}>;
|
|
19
|
-
inputs: {};
|
|
20
|
-
params: {
|
|
21
|
-
title: string;
|
|
22
|
-
icon: _backstage_frontend_plugin_api.IconComponent;
|
|
23
|
-
routeRef: _backstage_frontend_plugin_api.RouteRef<undefined>;
|
|
24
|
-
};
|
|
25
|
-
}>;
|
|
26
7
|
"page:bui-test": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
|
|
27
8
|
kind: "page";
|
|
28
9
|
name: undefined;
|
|
29
10
|
config: {
|
|
30
11
|
path: string | undefined;
|
|
12
|
+
title: string | undefined;
|
|
31
13
|
};
|
|
32
14
|
configInput: {
|
|
15
|
+
title?: string | undefined;
|
|
33
16
|
path?: string | undefined;
|
|
34
17
|
};
|
|
35
|
-
output: _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<
|
|
18
|
+
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", {
|
|
19
|
+
optional: true;
|
|
20
|
+
}> | _backstage_frontend_plugin_api.ExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.title", {
|
|
21
|
+
optional: true;
|
|
22
|
+
}> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.IconElement, "core.icon", {
|
|
36
23
|
optional: true;
|
|
37
24
|
}>;
|
|
38
|
-
inputs: {
|
|
25
|
+
inputs: {
|
|
26
|
+
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", {
|
|
27
|
+
optional: true;
|
|
28
|
+
}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "core.title", {
|
|
29
|
+
optional: true;
|
|
30
|
+
}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<_backstage_frontend_plugin_api.IconElement, "core.icon", {
|
|
31
|
+
optional: true;
|
|
32
|
+
}>, {
|
|
33
|
+
singleton: false;
|
|
34
|
+
optional: false;
|
|
35
|
+
internal: false;
|
|
36
|
+
}>;
|
|
37
|
+
};
|
|
39
38
|
params: {
|
|
40
|
-
defaultPath?: [Error: "Use the 'path' param instead"] | undefined;
|
|
41
39
|
path: string;
|
|
42
|
-
|
|
43
|
-
|
|
40
|
+
title?: string;
|
|
41
|
+
icon?: _backstage_frontend_plugin_api.IconElement;
|
|
42
|
+
loader?: () => Promise<react.JSX.Element>;
|
|
43
|
+
routeRef?: _backstage_frontend_plugin_api.RouteRef;
|
|
44
|
+
noHeader?: boolean;
|
|
44
45
|
};
|
|
45
46
|
}>;
|
|
46
47
|
}>;
|
package/dist/alpha.esm.js
CHANGED
|
@@ -1,27 +1,21 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import ExtensionIcon from '@material-ui/icons/Extension';
|
|
5
|
-
import { BUITestPage } from './components/BUITestPage.esm.js';
|
|
2
|
+
import { createRouteRef, PageBlueprint, createFrontendPlugin } from '@backstage/frontend-plugin-api';
|
|
3
|
+
import { RiPuzzleLine } from '@remixicon/react';
|
|
6
4
|
|
|
5
|
+
const rootRouteRef = createRouteRef();
|
|
7
6
|
const buiTestPage = PageBlueprint.make({
|
|
8
7
|
params: {
|
|
9
|
-
path: "/bui-
|
|
10
|
-
routeRef: rootRouteRef,
|
|
11
|
-
loader: async () => /* @__PURE__ */ jsx(BUITestPage, {})
|
|
12
|
-
}
|
|
13
|
-
});
|
|
14
|
-
const buiTestNavItem = NavItemBlueprint.make({
|
|
15
|
-
params: {
|
|
8
|
+
path: "/bui-tests",
|
|
16
9
|
title: "BUI Tests",
|
|
10
|
+
icon: /* @__PURE__ */ jsx(RiPuzzleLine, {}),
|
|
17
11
|
routeRef: rootRouteRef,
|
|
18
|
-
|
|
12
|
+
loader: async () => import('./components/BUITestPage.esm.js').then((m) => /* @__PURE__ */ jsx(m.BUITestPage, {}))
|
|
19
13
|
}
|
|
20
14
|
});
|
|
21
15
|
var index = createFrontendPlugin({
|
|
22
16
|
pluginId: "bui-test",
|
|
23
17
|
info: { packageJson: () => import('./package.json.esm.js') },
|
|
24
|
-
extensions: [buiTestPage
|
|
18
|
+
extensions: [buiTestPage],
|
|
25
19
|
routes: { root: rootRouteRef }
|
|
26
20
|
});
|
|
27
21
|
|
package/dist/alpha.esm.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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
|
|
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;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
2
|
-
import {
|
|
2
|
+
import { Header, Container, Tabs, TabPanel } from '@backstage/ui';
|
|
3
3
|
import { useLocation } from 'react-router';
|
|
4
4
|
import { UserSettingsThemeToggle } from '@backstage/plugin-user-settings';
|
|
5
5
|
import { FormComponents } from './FormComponents.esm.js';
|
|
@@ -10,7 +10,7 @@ const BUITestPage = () => {
|
|
|
10
10
|
const { pathname } = useLocation();
|
|
11
11
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
12
12
|
/* @__PURE__ */ jsx(
|
|
13
|
-
|
|
13
|
+
Header,
|
|
14
14
|
{
|
|
15
15
|
title: "Backstage UI Tests",
|
|
16
16
|
customActions: /* @__PURE__ */ jsx(UserSettingsThemeToggle, {}),
|
|
@@ -18,17 +18,17 @@ const BUITestPage = () => {
|
|
|
18
18
|
{
|
|
19
19
|
id: "form-components",
|
|
20
20
|
label: "Form Components",
|
|
21
|
-
href: "
|
|
21
|
+
href: "/bui-tests"
|
|
22
22
|
},
|
|
23
23
|
{
|
|
24
24
|
id: "table-example",
|
|
25
25
|
label: "Table Example",
|
|
26
|
-
href: "table-example"
|
|
26
|
+
href: "/bui-tests/table-example"
|
|
27
27
|
},
|
|
28
28
|
{
|
|
29
29
|
id: "card-example",
|
|
30
30
|
label: "Card Example",
|
|
31
|
-
href: "card-example"
|
|
31
|
+
href: "/bui-tests/card-example"
|
|
32
32
|
}
|
|
33
33
|
]
|
|
34
34
|
}
|
|
@@ -1 +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,
|
|
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, 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;;;;"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { useMemo } from 'react';
|
|
3
|
+
import { CellProfile, CellText, useTable, Table } from '@backstage/ui';
|
|
3
4
|
|
|
4
5
|
const users = [
|
|
5
6
|
{
|
|
@@ -164,20 +165,67 @@ const users = [
|
|
|
164
165
|
}
|
|
165
166
|
];
|
|
166
167
|
const TableExample = () => {
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
168
|
+
const columnConfig = useMemo(
|
|
169
|
+
() => [
|
|
170
|
+
{
|
|
171
|
+
id: "lastname",
|
|
172
|
+
label: "Lastname",
|
|
173
|
+
cell: (item) => /* @__PURE__ */ jsx(CellProfile, { src: item.user.picture, name: item.user.name.last }),
|
|
174
|
+
isRowHeader: true,
|
|
175
|
+
isSortable: true
|
|
176
|
+
},
|
|
177
|
+
{
|
|
178
|
+
id: "firstname",
|
|
179
|
+
label: "Firstname",
|
|
180
|
+
cell: (item) => /* @__PURE__ */ jsx(CellText, { title: item.user.name.first }),
|
|
181
|
+
isSortable: true
|
|
182
|
+
},
|
|
183
|
+
{
|
|
184
|
+
id: "email",
|
|
185
|
+
label: "Email",
|
|
186
|
+
cell: (item) => /* @__PURE__ */ jsx(CellText, { title: item.user.email }),
|
|
187
|
+
isSortable: true
|
|
188
|
+
}
|
|
189
|
+
],
|
|
190
|
+
[]
|
|
191
|
+
);
|
|
192
|
+
const data = useMemo(
|
|
193
|
+
() => users.map((user, index) => ({
|
|
194
|
+
id: String(index),
|
|
195
|
+
user
|
|
196
|
+
})),
|
|
197
|
+
[]
|
|
198
|
+
);
|
|
199
|
+
const { tableProps } = useTable({
|
|
200
|
+
mode: "complete",
|
|
201
|
+
data,
|
|
202
|
+
initialSort: { column: "lastname", direction: "ascending" },
|
|
203
|
+
sortFn: (items, { column, direction }) => {
|
|
204
|
+
return [...items].sort((a, b) => {
|
|
205
|
+
let aVal;
|
|
206
|
+
let bVal;
|
|
207
|
+
switch (column) {
|
|
208
|
+
case "lastname":
|
|
209
|
+
aVal = a.user.name.last;
|
|
210
|
+
bVal = b.user.name.last;
|
|
211
|
+
break;
|
|
212
|
+
case "firstname":
|
|
213
|
+
aVal = a.user.name.first;
|
|
214
|
+
bVal = b.user.name.first;
|
|
215
|
+
break;
|
|
216
|
+
case "email":
|
|
217
|
+
aVal = a.user.email;
|
|
218
|
+
bVal = b.user.email;
|
|
219
|
+
break;
|
|
220
|
+
default:
|
|
221
|
+
return 0;
|
|
222
|
+
}
|
|
223
|
+
const cmp = aVal.localeCompare(bVal);
|
|
224
|
+
return direction === "descending" ? -cmp : cmp;
|
|
225
|
+
});
|
|
226
|
+
}
|
|
227
|
+
});
|
|
228
|
+
return /* @__PURE__ */ jsx(Table, { columnConfig, ...tableProps });
|
|
181
229
|
};
|
|
182
230
|
|
|
183
231
|
export { TableExample };
|
|
@@ -1 +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":"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"}
|
|
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 { 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/index.d.ts
CHANGED
|
@@ -10,8 +10,6 @@ declare const buiTestPlugin: _backstage_core_plugin_api.BackstagePlugin<{
|
|
|
10
10
|
/**
|
|
11
11
|
* @public
|
|
12
12
|
*/
|
|
13
|
-
declare const BUITestPage$1: () => react_jsx_runtime.JSX.Element;
|
|
14
|
-
|
|
15
13
|
declare const BUITestPage: () => react_jsx_runtime.JSX.Element;
|
|
16
14
|
|
|
17
|
-
export { BUITestPage
|
|
15
|
+
export { BUITestPage, buiTestPlugin };
|
package/dist/index.esm.js
CHANGED
package/dist/index.esm.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
package/dist/package.json.esm.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
var name = "@red-hat-developer-hub/backstage-plugin-bui-test";
|
|
2
|
-
var version = "0.
|
|
2
|
+
var version = "0.4.0";
|
|
3
3
|
var license = "Apache-2.0";
|
|
4
4
|
var main = "src/index.ts";
|
|
5
5
|
var types = "src/index.ts";
|
|
@@ -44,21 +44,23 @@ var scripts = {
|
|
|
44
44
|
postpack: "backstage-cli package postpack"
|
|
45
45
|
};
|
|
46
46
|
var dependencies = {
|
|
47
|
-
"@backstage/core-plugin-api": "^1.12.
|
|
48
|
-
"@backstage/plugin-
|
|
49
|
-
"@backstage/
|
|
50
|
-
"@backstage/
|
|
51
|
-
"@
|
|
47
|
+
"@backstage/core-plugin-api": "^1.12.4",
|
|
48
|
+
"@backstage/frontend-plugin-api": "^0.15.1",
|
|
49
|
+
"@backstage/plugin-user-settings": "^0.9.1",
|
|
50
|
+
"@backstage/theme": "^0.7.2",
|
|
51
|
+
"@backstage/ui": "^0.13.1",
|
|
52
|
+
"@mui/icons-material": "^6.1.0",
|
|
53
|
+
"@remixicon/react": "^4.9.0"
|
|
52
54
|
};
|
|
53
55
|
var peerDependencies = {
|
|
54
56
|
react: "^16.13.1 || ^17.0.0 || ^18.0.0",
|
|
55
57
|
"react-router": "*"
|
|
56
58
|
};
|
|
57
59
|
var devDependencies = {
|
|
58
|
-
"@backstage/cli": "^0.
|
|
59
|
-
"@backstage/core-app-api": "^1.19.
|
|
60
|
-
"@backstage/dev-utils": "^1.1.
|
|
61
|
-
"@backstage/test-utils": "^1.7.
|
|
60
|
+
"@backstage/cli": "^0.36.0",
|
|
61
|
+
"@backstage/core-app-api": "^1.19.6",
|
|
62
|
+
"@backstage/dev-utils": "^1.1.21",
|
|
63
|
+
"@backstage/test-utils": "^1.7.16",
|
|
62
64
|
"@testing-library/jest-dom": "^6.0.0",
|
|
63
65
|
"@testing-library/react": "^14.0.0",
|
|
64
66
|
"@testing-library/user-event": "^14.0.0",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"package.json.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"package.json.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@red-hat-developer-hub/backstage-plugin-bui-test",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.4.0",
|
|
4
4
|
"license": "Apache-2.0",
|
|
5
5
|
"main": "./dist/index.esm.js",
|
|
6
6
|
"types": "./dist/index.d.ts",
|
|
@@ -57,21 +57,23 @@
|
|
|
57
57
|
"postpack": "backstage-cli package postpack"
|
|
58
58
|
},
|
|
59
59
|
"dependencies": {
|
|
60
|
-
"@backstage/core-plugin-api": "^1.12.
|
|
61
|
-
"@backstage/plugin-
|
|
62
|
-
"@backstage/
|
|
63
|
-
"@backstage/
|
|
64
|
-
"@
|
|
60
|
+
"@backstage/core-plugin-api": "^1.12.4",
|
|
61
|
+
"@backstage/frontend-plugin-api": "^0.15.1",
|
|
62
|
+
"@backstage/plugin-user-settings": "^0.9.1",
|
|
63
|
+
"@backstage/theme": "^0.7.2",
|
|
64
|
+
"@backstage/ui": "^0.13.1",
|
|
65
|
+
"@mui/icons-material": "^6.1.0",
|
|
66
|
+
"@remixicon/react": "^4.9.0"
|
|
65
67
|
},
|
|
66
68
|
"peerDependencies": {
|
|
67
69
|
"react": "^16.13.1 || ^17.0.0 || ^18.0.0",
|
|
68
70
|
"react-router": "*"
|
|
69
71
|
},
|
|
70
72
|
"devDependencies": {
|
|
71
|
-
"@backstage/cli": "^0.
|
|
72
|
-
"@backstage/core-app-api": "^1.19.
|
|
73
|
-
"@backstage/dev-utils": "^1.1.
|
|
74
|
-
"@backstage/test-utils": "^1.7.
|
|
73
|
+
"@backstage/cli": "^0.36.0",
|
|
74
|
+
"@backstage/core-app-api": "^1.19.6",
|
|
75
|
+
"@backstage/dev-utils": "^1.1.21",
|
|
76
|
+
"@backstage/test-utils": "^1.7.16",
|
|
75
77
|
"@testing-library/jest-dom": "^6.0.0",
|
|
76
78
|
"@testing-library/react": "^14.0.0",
|
|
77
79
|
"@testing-library/user-event": "^14.0.0",
|