@igstack/app-catalog-frontend-core 0.6.5 → 0.7.1
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/dist/esm/__tests__/integration/serviceDesks.integration.test.d.ts +0 -0
- package/dist/esm/__tests__/modules/gallery/Gallery.zoom-toggle.test.d.ts +0 -0
- package/dist/esm/modules/appCatalog/context/AppCatalogContext.js +4 -3
- package/dist/esm/modules/appCatalog/context/AppCatalogContext.js.map +1 -1
- package/dist/esm/modules/appCatalog/ui/components/PersonBadge.js +4 -3
- package/dist/esm/modules/appCatalog/ui/components/PersonBadge.js.map +1 -1
- package/dist/esm/modules/appCatalog/ui/components/SubResourcesSection.js +4 -3
- package/dist/esm/modules/appCatalog/ui/components/SubResourcesSection.js.map +1 -1
- package/dist/esm/modules/appCatalog/ui/components/TierVariantsSection.js +4 -3
- package/dist/esm/modules/appCatalog/ui/components/TierVariantsSection.js.map +1 -1
- package/dist/esm/modules/appCatalog/ui/components/ViewToggle.d.ts +6 -0
- package/dist/esm/modules/appCatalog/ui/components/ViewToggle.js +43 -0
- package/dist/esm/modules/appCatalog/ui/components/ViewToggle.js.map +1 -0
- package/dist/esm/modules/appCatalog/ui/layout/AppCatalogLayout.js +2 -1
- package/dist/esm/modules/appCatalog/ui/layout/AppCatalogLayout.js.map +1 -1
- package/dist/esm/modules/appCatalog/ui/pages/ServiceDesksPage.d.ts +6 -0
- package/dist/esm/modules/appCatalog/ui/pages/ServiceDesksPage.js +63 -0
- package/dist/esm/modules/appCatalog/ui/pages/ServiceDesksPage.js.map +1 -0
- package/dist/esm/modules/gallery/Gallery.js +5 -2
- package/dist/esm/modules/gallery/Gallery.js.map +1 -1
- package/dist/esm/routeTree.gen.d.ts +20 -3
- package/dist/esm/routeTree.gen.js +9 -2
- package/dist/esm/routeTree.gen.js.map +1 -1
- package/dist/esm/routes/_layout/service-desks.d.ts +6 -0
- package/dist/esm/routes/_layout/service-desks.js +25 -0
- package/dist/esm/routes/_layout/service-desks.js.map +1 -0
- package/package.json +4 -4
- package/src/__tests__/integration/mock-backend/magazines.ts +6 -0
- package/src/__tests__/integration/serviceDesks.integration.test.ts +85 -0
- package/src/__tests__/modules/gallery/Gallery.zoom-toggle.test.tsx +53 -0
- package/src/modules/appCatalog/ui/components/ViewToggle.tsx +40 -0
- package/src/modules/appCatalog/ui/layout/AppCatalogLayout.tsx +2 -1
- package/src/modules/appCatalog/ui/pages/ServiceDesksPage.tsx +91 -0
- package/src/modules/gallery/Gallery.tsx +4 -1
- package/src/routeTree.gen.ts +33 -2
- package/src/routes/_layout/service-desks.tsx +28 -0
|
@@ -2,6 +2,7 @@ import { Route as rootRouteImport } from './routes/__root.js';
|
|
|
2
2
|
import { Route as LayoutRouteImport } from './routes/_layout.js';
|
|
3
3
|
import { Route as LayoutIndexRouteImport } from './routes/_layout/index.js';
|
|
4
4
|
import { Route as AuthCallbackRouteImport } from './routes/auth.callback';
|
|
5
|
+
import { Route as LayoutServiceDesksRouteImport } from './routes/_layout/service-desks.js';
|
|
5
6
|
import { Route as LayoutLoginRouteImport } from './routes/_layout/login.js';
|
|
6
7
|
import { Route as LayoutAppSlugRouteImport } from './routes/_layout/app.$slug';
|
|
7
8
|
import { Route as LayoutCatalogAppsIndexRouteImport } from './routes/_layout/catalog.apps.index';
|
|
@@ -16,6 +17,11 @@ declare const AuthCallbackRoute: import('@tanstack/router-core').Route<import('@
|
|
|
16
17
|
error: string | undefined;
|
|
17
18
|
code: string | undefined;
|
|
18
19
|
}, import('@tanstack/router-core').ResolveParams<"/auth/callback">, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, undefined, unknown, unknown, unknown, unknown, undefined>;
|
|
20
|
+
declare const LayoutServiceDesksRoute: import('@tanstack/router-core').Route<import('@tanstack/react-router').Register, import('@tanstack/router-core').Route<import('@tanstack/react-router').Register, import('@tanstack/react-router').RootRoute<import('@tanstack/react-router').Register, undefined, import('./types/types.js').AcRouterContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, undefined, unknown, unknown, unknown, unknown, undefined>, "", "/", "/_layout", "/_layout", undefined, import('@tanstack/router-core').ResolveParams<"">, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, undefined, unknown, unknown, unknown, unknown, undefined>, "/service-desks", "/service-desks", "/_layout/service-desks", "/_layout/service-desks", import('zod').ZodObject<{
|
|
21
|
+
q: import('zod').ZodOptional<import('zod').ZodString>;
|
|
22
|
+
}, import('zod/v4/core').$strip>, import('@tanstack/router-core').ResolveParams<"/service-desks">, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, () => Promise<{
|
|
23
|
+
appCatalogLoader: import('./modules/appCatalog/routeLoader.js').AppCatalogLoaderReturn;
|
|
24
|
+
}>, unknown, unknown, unknown, unknown, undefined>;
|
|
19
25
|
declare const LayoutLoginRoute: import('@tanstack/router-core').Route<import('@tanstack/react-router').Register, import('@tanstack/router-core').Route<import('@tanstack/react-router').Register, import('@tanstack/react-router').RootRoute<import('@tanstack/react-router').Register, undefined, import('./types/types.js').AcRouterContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, undefined, unknown, unknown, unknown, unknown, undefined>, "", "/", "/_layout", "/_layout", undefined, import('@tanstack/router-core').ResolveParams<"">, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, undefined, unknown, unknown, unknown, unknown, undefined>, "/login", "/login", "/_layout/login", "/_layout/login", undefined, import('@tanstack/router-core').ResolveParams<"/login">, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, undefined, unknown, unknown, unknown, unknown, undefined>;
|
|
20
26
|
declare const LayoutAppSlugRoute: import('@tanstack/router-core').Route<import('@tanstack/react-router').Register, import('@tanstack/router-core').Route<import('@tanstack/react-router').Register, import('@tanstack/react-router').RootRoute<import('@tanstack/react-router').Register, undefined, import('./types/types.js').AcRouterContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, undefined, unknown, unknown, unknown, unknown, undefined>, "", "/", "/_layout", "/_layout", undefined, import('@tanstack/router-core').ResolveParams<"">, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, undefined, unknown, unknown, unknown, unknown, undefined>, "/app/$slug", "/app/$slug", "/_layout/app/$slug", "/_layout/app/$slug", import('zod').ZodObject<{
|
|
21
27
|
q: import('zod').ZodOptional<import('zod').ZodString>;
|
|
@@ -33,12 +39,14 @@ declare const LayoutCatalogAppsIndexRoute: import('@tanstack/router-core').Route
|
|
|
33
39
|
export interface FileRoutesByFullPath {
|
|
34
40
|
'/': typeof LayoutIndexRoute;
|
|
35
41
|
'/login': typeof LayoutLoginRoute;
|
|
42
|
+
'/service-desks': typeof LayoutServiceDesksRoute;
|
|
36
43
|
'/auth/callback': typeof AuthCallbackRoute;
|
|
37
44
|
'/app/$slug': typeof LayoutAppSlugRoute;
|
|
38
45
|
'/catalog/apps/': typeof LayoutCatalogAppsIndexRoute;
|
|
39
46
|
}
|
|
40
47
|
export interface FileRoutesByTo {
|
|
41
48
|
'/login': typeof LayoutLoginRoute;
|
|
49
|
+
'/service-desks': typeof LayoutServiceDesksRoute;
|
|
42
50
|
'/auth/callback': typeof AuthCallbackRoute;
|
|
43
51
|
'/': typeof LayoutIndexRoute;
|
|
44
52
|
'/app/$slug': typeof LayoutAppSlugRoute;
|
|
@@ -48,6 +56,7 @@ export interface FileRoutesById {
|
|
|
48
56
|
__root__: typeof rootRouteImport;
|
|
49
57
|
'/_layout': typeof LayoutRouteWithChildren;
|
|
50
58
|
'/_layout/login': typeof LayoutLoginRoute;
|
|
59
|
+
'/_layout/service-desks': typeof LayoutServiceDesksRoute;
|
|
51
60
|
'/auth/callback': typeof AuthCallbackRoute;
|
|
52
61
|
'/_layout/': typeof LayoutIndexRoute;
|
|
53
62
|
'/_layout/app/$slug': typeof LayoutAppSlugRoute;
|
|
@@ -55,10 +64,10 @@ export interface FileRoutesById {
|
|
|
55
64
|
}
|
|
56
65
|
export interface FileRouteTypes {
|
|
57
66
|
fileRoutesByFullPath: FileRoutesByFullPath;
|
|
58
|
-
fullPaths: '/' | '/login' | '/auth/callback' | '/app/$slug' | '/catalog/apps/';
|
|
67
|
+
fullPaths: '/' | '/login' | '/service-desks' | '/auth/callback' | '/app/$slug' | '/catalog/apps/';
|
|
59
68
|
fileRoutesByTo: FileRoutesByTo;
|
|
60
|
-
to: '/login' | '/auth/callback' | '/' | '/app/$slug' | '/catalog/apps';
|
|
61
|
-
id: '__root__' | '/_layout' | '/_layout/login' | '/auth/callback' | '/_layout/' | '/_layout/app/$slug' | '/_layout/catalog/apps/';
|
|
69
|
+
to: '/login' | '/service-desks' | '/auth/callback' | '/' | '/app/$slug' | '/catalog/apps';
|
|
70
|
+
id: '__root__' | '/_layout' | '/_layout/login' | '/_layout/service-desks' | '/auth/callback' | '/_layout/' | '/_layout/app/$slug' | '/_layout/catalog/apps/';
|
|
62
71
|
fileRoutesById: FileRoutesById;
|
|
63
72
|
}
|
|
64
73
|
export interface RootRouteChildren {
|
|
@@ -88,6 +97,13 @@ declare module '@tanstack/react-router' {
|
|
|
88
97
|
preLoaderRoute: typeof AuthCallbackRouteImport;
|
|
89
98
|
parentRoute: typeof rootRouteImport;
|
|
90
99
|
};
|
|
100
|
+
'/_layout/service-desks': {
|
|
101
|
+
id: '/_layout/service-desks';
|
|
102
|
+
path: '/service-desks';
|
|
103
|
+
fullPath: '/service-desks';
|
|
104
|
+
preLoaderRoute: typeof LayoutServiceDesksRouteImport;
|
|
105
|
+
parentRoute: typeof LayoutRoute;
|
|
106
|
+
};
|
|
91
107
|
'/_layout/login': {
|
|
92
108
|
id: '/_layout/login';
|
|
93
109
|
path: '/login';
|
|
@@ -113,6 +129,7 @@ declare module '@tanstack/react-router' {
|
|
|
113
129
|
}
|
|
114
130
|
interface LayoutRouteChildren {
|
|
115
131
|
LayoutLoginRoute: typeof LayoutLoginRoute;
|
|
132
|
+
LayoutServiceDesksRoute: typeof LayoutServiceDesksRoute;
|
|
116
133
|
LayoutIndexRoute: typeof LayoutIndexRoute;
|
|
117
134
|
LayoutAppSlugRoute: typeof LayoutAppSlugRoute;
|
|
118
135
|
LayoutCatalogAppsIndexRoute: typeof LayoutCatalogAppsIndexRoute;
|
|
@@ -2,7 +2,8 @@ import { Route } from "./routes/__root.js";
|
|
|
2
2
|
import { Route as Route$2 } from "./routes/_layout.js";
|
|
3
3
|
import { Route as Route$5 } from "./routes/_layout/index.js";
|
|
4
4
|
import { Route as Route$1 } from "./routes/auth.callback.js";
|
|
5
|
-
import { Route as Route$6 } from "./routes/_layout/
|
|
5
|
+
import { Route as Route$6 } from "./routes/_layout/service-desks.js";
|
|
6
|
+
import { Route as Route$7 } from "./routes/_layout/login.js";
|
|
6
7
|
import { Route as Route$4 } from "./routes/_layout/app._slug.js";
|
|
7
8
|
import { Route as Route$3 } from "./routes/_layout/catalog.apps.index.js";
|
|
8
9
|
const LayoutRoute = Route$2.update({
|
|
@@ -19,7 +20,12 @@ const AuthCallbackRoute = Route$1.update({
|
|
|
19
20
|
path: "/auth/callback",
|
|
20
21
|
getParentRoute: () => Route
|
|
21
22
|
});
|
|
22
|
-
const
|
|
23
|
+
const LayoutServiceDesksRoute = Route$6.update({
|
|
24
|
+
id: "/service-desks",
|
|
25
|
+
path: "/service-desks",
|
|
26
|
+
getParentRoute: () => LayoutRoute
|
|
27
|
+
});
|
|
28
|
+
const LayoutLoginRoute = Route$7.update({
|
|
23
29
|
id: "/login",
|
|
24
30
|
path: "/login",
|
|
25
31
|
getParentRoute: () => LayoutRoute
|
|
@@ -36,6 +42,7 @@ const LayoutCatalogAppsIndexRoute = Route$3.update({
|
|
|
36
42
|
});
|
|
37
43
|
const LayoutRouteChildren = {
|
|
38
44
|
LayoutLoginRoute,
|
|
45
|
+
LayoutServiceDesksRoute,
|
|
39
46
|
LayoutIndexRoute,
|
|
40
47
|
LayoutAppSlugRoute,
|
|
41
48
|
LayoutCatalogAppsIndexRoute
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"routeTree.gen.js","sources":["../../src/routeTree.gen.ts"],"sourcesContent":["/* eslint-disable */\n\n// @ts-nocheck\n\n// noinspection JSUnusedGlobalSymbols\n\n// This file was automatically generated by TanStack Router.\n// You should NOT make any changes in this file as it will be overwritten.\n// Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.\n\nimport { Route as rootRouteImport } from './routes/__root'\nimport { Route as LayoutRouteImport } from './routes/_layout'\nimport { Route as LayoutIndexRouteImport } from './routes/_layout/index'\nimport { Route as AuthCallbackRouteImport } from './routes/auth.callback'\nimport { Route as LayoutLoginRouteImport } from './routes/_layout/login'\nimport { Route as LayoutAppSlugRouteImport } from './routes/_layout/app.$slug'\nimport { Route as LayoutCatalogAppsIndexRouteImport } from './routes/_layout/catalog.apps.index'\n\nconst LayoutRoute = LayoutRouteImport.update({\n id: '/_layout',\n getParentRoute: () => rootRouteImport,\n} as any)\nconst LayoutIndexRoute = LayoutIndexRouteImport.update({\n id: '/',\n path: '/',\n getParentRoute: () => LayoutRoute,\n} as any)\nconst AuthCallbackRoute = AuthCallbackRouteImport.update({\n id: '/auth/callback',\n path: '/auth/callback',\n getParentRoute: () => rootRouteImport,\n} as any)\nconst LayoutLoginRoute = LayoutLoginRouteImport.update({\n id: '/login',\n path: '/login',\n getParentRoute: () => LayoutRoute,\n} as any)\nconst LayoutAppSlugRoute = LayoutAppSlugRouteImport.update({\n id: '/app/$slug',\n path: '/app/$slug',\n getParentRoute: () => LayoutRoute,\n} as any)\nconst LayoutCatalogAppsIndexRoute = LayoutCatalogAppsIndexRouteImport.update({\n id: '/catalog/apps/',\n path: '/catalog/apps/',\n getParentRoute: () => LayoutRoute,\n} as any)\n\nexport interface FileRoutesByFullPath {\n '/': typeof LayoutIndexRoute\n '/login': typeof LayoutLoginRoute\n '/auth/callback': typeof AuthCallbackRoute\n '/app/$slug': typeof LayoutAppSlugRoute\n '/catalog/apps/': typeof LayoutCatalogAppsIndexRoute\n}\nexport interface FileRoutesByTo {\n '/login': typeof LayoutLoginRoute\n '/auth/callback': typeof AuthCallbackRoute\n '/': typeof LayoutIndexRoute\n '/app/$slug': typeof LayoutAppSlugRoute\n '/catalog/apps': typeof LayoutCatalogAppsIndexRoute\n}\nexport interface FileRoutesById {\n __root__: typeof rootRouteImport\n '/_layout': typeof LayoutRouteWithChildren\n '/_layout/login': typeof LayoutLoginRoute\n '/auth/callback': typeof AuthCallbackRoute\n '/_layout/': typeof LayoutIndexRoute\n '/_layout/app/$slug': typeof LayoutAppSlugRoute\n '/_layout/catalog/apps/': typeof LayoutCatalogAppsIndexRoute\n}\nexport interface FileRouteTypes {\n fileRoutesByFullPath: FileRoutesByFullPath\n fullPaths
|
|
1
|
+
{"version":3,"file":"routeTree.gen.js","sources":["../../src/routeTree.gen.ts"],"sourcesContent":["/* eslint-disable */\n\n// @ts-nocheck\n\n// noinspection JSUnusedGlobalSymbols\n\n// This file was automatically generated by TanStack Router.\n// You should NOT make any changes in this file as it will be overwritten.\n// Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.\n\nimport { Route as rootRouteImport } from './routes/__root'\nimport { Route as LayoutRouteImport } from './routes/_layout'\nimport { Route as LayoutIndexRouteImport } from './routes/_layout/index'\nimport { Route as AuthCallbackRouteImport } from './routes/auth.callback'\nimport { Route as LayoutServiceDesksRouteImport } from './routes/_layout/service-desks'\nimport { Route as LayoutLoginRouteImport } from './routes/_layout/login'\nimport { Route as LayoutAppSlugRouteImport } from './routes/_layout/app.$slug'\nimport { Route as LayoutCatalogAppsIndexRouteImport } from './routes/_layout/catalog.apps.index'\n\nconst LayoutRoute = LayoutRouteImport.update({\n id: '/_layout',\n getParentRoute: () => rootRouteImport,\n} as any)\nconst LayoutIndexRoute = LayoutIndexRouteImport.update({\n id: '/',\n path: '/',\n getParentRoute: () => LayoutRoute,\n} as any)\nconst AuthCallbackRoute = AuthCallbackRouteImport.update({\n id: '/auth/callback',\n path: '/auth/callback',\n getParentRoute: () => rootRouteImport,\n} as any)\nconst LayoutServiceDesksRoute = LayoutServiceDesksRouteImport.update({\n id: '/service-desks',\n path: '/service-desks',\n getParentRoute: () => LayoutRoute,\n} as any)\nconst LayoutLoginRoute = LayoutLoginRouteImport.update({\n id: '/login',\n path: '/login',\n getParentRoute: () => LayoutRoute,\n} as any)\nconst LayoutAppSlugRoute = LayoutAppSlugRouteImport.update({\n id: '/app/$slug',\n path: '/app/$slug',\n getParentRoute: () => LayoutRoute,\n} as any)\nconst LayoutCatalogAppsIndexRoute = LayoutCatalogAppsIndexRouteImport.update({\n id: '/catalog/apps/',\n path: '/catalog/apps/',\n getParentRoute: () => LayoutRoute,\n} as any)\n\nexport interface FileRoutesByFullPath {\n '/': typeof LayoutIndexRoute\n '/login': typeof LayoutLoginRoute\n '/service-desks': typeof LayoutServiceDesksRoute\n '/auth/callback': typeof AuthCallbackRoute\n '/app/$slug': typeof LayoutAppSlugRoute\n '/catalog/apps/': typeof LayoutCatalogAppsIndexRoute\n}\nexport interface FileRoutesByTo {\n '/login': typeof LayoutLoginRoute\n '/service-desks': typeof LayoutServiceDesksRoute\n '/auth/callback': typeof AuthCallbackRoute\n '/': typeof LayoutIndexRoute\n '/app/$slug': typeof LayoutAppSlugRoute\n '/catalog/apps': typeof LayoutCatalogAppsIndexRoute\n}\nexport interface FileRoutesById {\n __root__: typeof rootRouteImport\n '/_layout': typeof LayoutRouteWithChildren\n '/_layout/login': typeof LayoutLoginRoute\n '/_layout/service-desks': typeof LayoutServiceDesksRoute\n '/auth/callback': typeof AuthCallbackRoute\n '/_layout/': typeof LayoutIndexRoute\n '/_layout/app/$slug': typeof LayoutAppSlugRoute\n '/_layout/catalog/apps/': typeof LayoutCatalogAppsIndexRoute\n}\nexport interface FileRouteTypes {\n fileRoutesByFullPath: FileRoutesByFullPath\n fullPaths:\n | '/'\n | '/login'\n | '/service-desks'\n | '/auth/callback'\n | '/app/$slug'\n | '/catalog/apps/'\n fileRoutesByTo: FileRoutesByTo\n to:\n | '/login'\n | '/service-desks'\n | '/auth/callback'\n | '/'\n | '/app/$slug'\n | '/catalog/apps'\n id:\n | '__root__'\n | '/_layout'\n | '/_layout/login'\n | '/_layout/service-desks'\n | '/auth/callback'\n | '/_layout/'\n | '/_layout/app/$slug'\n | '/_layout/catalog/apps/'\n fileRoutesById: FileRoutesById\n}\nexport interface RootRouteChildren {\n LayoutRoute: typeof LayoutRouteWithChildren\n AuthCallbackRoute: typeof AuthCallbackRoute\n}\n\ndeclare module '@tanstack/react-router' {\n interface FileRoutesByPath {\n '/_layout': {\n id: '/_layout'\n path: ''\n fullPath: '/'\n preLoaderRoute: typeof LayoutRouteImport\n parentRoute: typeof rootRouteImport\n }\n '/_layout/': {\n id: '/_layout/'\n path: '/'\n fullPath: '/'\n preLoaderRoute: typeof LayoutIndexRouteImport\n parentRoute: typeof LayoutRoute\n }\n '/auth/callback': {\n id: '/auth/callback'\n path: '/auth/callback'\n fullPath: '/auth/callback'\n preLoaderRoute: typeof AuthCallbackRouteImport\n parentRoute: typeof rootRouteImport\n }\n '/_layout/service-desks': {\n id: '/_layout/service-desks'\n path: '/service-desks'\n fullPath: '/service-desks'\n preLoaderRoute: typeof LayoutServiceDesksRouteImport\n parentRoute: typeof LayoutRoute\n }\n '/_layout/login': {\n id: '/_layout/login'\n path: '/login'\n fullPath: '/login'\n preLoaderRoute: typeof LayoutLoginRouteImport\n parentRoute: typeof LayoutRoute\n }\n '/_layout/app/$slug': {\n id: '/_layout/app/$slug'\n path: '/app/$slug'\n fullPath: '/app/$slug'\n preLoaderRoute: typeof LayoutAppSlugRouteImport\n parentRoute: typeof LayoutRoute\n }\n '/_layout/catalog/apps/': {\n id: '/_layout/catalog/apps/'\n path: '/catalog/apps'\n fullPath: '/catalog/apps/'\n preLoaderRoute: typeof LayoutCatalogAppsIndexRouteImport\n parentRoute: typeof LayoutRoute\n }\n }\n}\n\ninterface LayoutRouteChildren {\n LayoutLoginRoute: typeof LayoutLoginRoute\n LayoutServiceDesksRoute: typeof LayoutServiceDesksRoute\n LayoutIndexRoute: typeof LayoutIndexRoute\n LayoutAppSlugRoute: typeof LayoutAppSlugRoute\n LayoutCatalogAppsIndexRoute: typeof LayoutCatalogAppsIndexRoute\n}\n\nconst LayoutRouteChildren: LayoutRouteChildren = {\n LayoutLoginRoute: LayoutLoginRoute,\n LayoutServiceDesksRoute: LayoutServiceDesksRoute,\n LayoutIndexRoute: LayoutIndexRoute,\n LayoutAppSlugRoute: LayoutAppSlugRoute,\n LayoutCatalogAppsIndexRoute: LayoutCatalogAppsIndexRoute,\n}\n\nconst LayoutRouteWithChildren =\n LayoutRoute._addFileChildren(LayoutRouteChildren)\n\nconst rootRouteChildren: RootRouteChildren = {\n LayoutRoute: LayoutRouteWithChildren,\n AuthCallbackRoute: AuthCallbackRoute,\n}\nexport const routeTree = rootRouteImport\n ._addFileChildren(rootRouteChildren)\n ._addFileTypes<FileRouteTypes>()\n"],"names":["LayoutRouteImport","rootRouteImport","LayoutIndexRouteImport","AuthCallbackRouteImport","LayoutServiceDesksRouteImport","LayoutLoginRouteImport","LayoutAppSlugRouteImport","LayoutCatalogAppsIndexRouteImport"],"mappings":";;;;;;;;AAmBA,MAAM,cAAcA,QAAkB,OAAO;AAAA,EAC3C,IAAI;AAAA,EACJ,gBAAgB,MAAMC;AACxB,CAAQ;AACR,MAAM,mBAAmBC,QAAuB,OAAO;AAAA,EACrD,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,gBAAgB,MAAM;AACxB,CAAQ;AACR,MAAM,oBAAoBC,QAAwB,OAAO;AAAA,EACvD,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,gBAAgB,MAAMF;AACxB,CAAQ;AACR,MAAM,0BAA0BG,QAA8B,OAAO;AAAA,EACnE,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,gBAAgB,MAAM;AACxB,CAAQ;AACR,MAAM,mBAAmBC,QAAuB,OAAO;AAAA,EACrD,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,gBAAgB,MAAM;AACxB,CAAQ;AACR,MAAM,qBAAqBC,QAAyB,OAAO;AAAA,EACzD,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,gBAAgB,MAAM;AACxB,CAAQ;AACR,MAAM,8BAA8BC,QAAkC,OAAO;AAAA,EAC3E,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,gBAAgB,MAAM;AACxB,CAAQ;AA2HR,MAAM,sBAA2C;AAAA,EAC/C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,0BACJ,YAAY,iBAAiB,mBAAmB;AAElD,MAAM,oBAAuC;AAAA,EAC3C,aAAa;AAAA,EACb;AACF;AACO,MAAM,YAAYN,MACtB,iBAAiB,iBAAiB,EAClC,cAAA;"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { z } from 'zod';
|
|
2
|
+
export declare const Route: import('@tanstack/router-core').Route<import('@tanstack/react-router').Register, import('@tanstack/router-core').Route<import('@tanstack/react-router').Register, import('@tanstack/react-router').RootRoute<import('@tanstack/react-router').Register, undefined, import('../../types/types.js').AcRouterContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, undefined, unknown, unknown, unknown, unknown, undefined>, "", "/", "/_layout", "/_layout", undefined, import('@tanstack/router-core').ResolveParams<"">, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, undefined, unknown, unknown, unknown, unknown, undefined>, "/service-desks", "/service-desks", "/_layout/service-desks", "/_layout/service-desks", z.ZodObject<{
|
|
3
|
+
q: z.ZodOptional<z.ZodString>;
|
|
4
|
+
}, z.core.$strip>, import('@tanstack/router-core').ResolveParams<"/service-desks">, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, () => Promise<{
|
|
5
|
+
appCatalogLoader: import('~/modules/appCatalog/routeLoader').AppCatalogLoaderReturn;
|
|
6
|
+
}>, unknown, unknown, unknown, unknown, undefined>;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { createFileRoute } from "@tanstack/react-router";
|
|
3
|
+
import { appCatalogRouteLoader } from "../../modules/appCatalog/routeLoader.js";
|
|
4
|
+
import { AppCatalogLayout } from "../../modules/appCatalog/ui/layout/AppCatalogLayout.js";
|
|
5
|
+
import { ServiceDesksPage } from "../../modules/appCatalog/ui/pages/ServiceDesksPage.js";
|
|
6
|
+
import { object, string } from "../../node_modules/.pnpm/zod@4.3.5/node_modules/zod/v4/classic/schemas.js";
|
|
7
|
+
const searchSchema = object({
|
|
8
|
+
q: string().optional()
|
|
9
|
+
});
|
|
10
|
+
const Route = createFileRoute("/_layout/service-desks")({
|
|
11
|
+
component: RouteComponent,
|
|
12
|
+
validateSearch: searchSchema,
|
|
13
|
+
async loader() {
|
|
14
|
+
const appCatalogLoader = await appCatalogRouteLoader();
|
|
15
|
+
return { appCatalogLoader };
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
function RouteComponent() {
|
|
19
|
+
const { queryClient, trpcClient } = Route.useRouteContext();
|
|
20
|
+
return /* @__PURE__ */ jsx(AppCatalogLayout, { queryClient, trpcClient, children: /* @__PURE__ */ jsx(ServiceDesksPage, {}) });
|
|
21
|
+
}
|
|
22
|
+
export {
|
|
23
|
+
Route
|
|
24
|
+
};
|
|
25
|
+
//# sourceMappingURL=service-desks.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"service-desks.js","sources":["../../../../src/routes/_layout/service-desks.tsx"],"sourcesContent":["import { createFileRoute } from '@tanstack/react-router'\nimport { z } from 'zod'\nimport { appCatalogRouteLoader } from '~/modules/appCatalog/routeLoader'\nimport { AppCatalogLayout } from '~/modules/appCatalog/ui/layout/AppCatalogLayout'\nimport { ServiceDesksPage } from '~/modules/appCatalog/ui/pages/ServiceDesksPage'\n\nconst searchSchema = z.object({\n q: z.string().optional(),\n})\n\nexport const Route = createFileRoute('/_layout/service-desks')({\n component: RouteComponent,\n validateSearch: searchSchema,\n async loader() {\n const appCatalogLoader = await appCatalogRouteLoader()\n return { appCatalogLoader }\n },\n})\n\nfunction RouteComponent() {\n const { queryClient, trpcClient } = Route.useRouteContext()\n\n return (\n <AppCatalogLayout queryClient={queryClient} trpcClient={trpcClient}>\n <ServiceDesksPage />\n </AppCatalogLayout>\n )\n}\n"],"names":["z.object","z.string"],"mappings":";;;;;;AAMA,MAAM,eAAeA,OAAS;AAAA,EAC5B,GAAGC,OAAE,EAAS,SAAA;AAChB,CAAC;AAEM,MAAM,QAAQ,gBAAgB,wBAAwB,EAAE;AAAA,EAC7D,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,MAAM,SAAS;AACb,UAAM,mBAAmB,MAAM,sBAAA;AAC/B,WAAO,EAAE,iBAAA;AAAA,EACX;AACF,CAAC;AAED,SAAS,iBAAiB;AACxB,QAAM,EAAE,aAAa,eAAe,MAAM,gBAAA;AAE1C,6BACG,kBAAA,EAAiB,aAA0B,YAC1C,UAAA,oBAAC,oBAAiB,GACpB;AAEJ;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@igstack/app-catalog-frontend-core",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.7.1",
|
|
4
4
|
"description": "Frontend core library for App Catalog",
|
|
5
5
|
"homepage": "https://github.com/lislon/app-catalog",
|
|
6
6
|
"repository": {
|
|
@@ -134,8 +134,8 @@
|
|
|
134
134
|
"vite-plugin-static-copy": "^3.1.4",
|
|
135
135
|
"vite-plugin-svgr": "^4.2.0",
|
|
136
136
|
"vitest": "^4.1.2",
|
|
137
|
-
"@igstack/app-catalog-
|
|
138
|
-
"@igstack/app-catalog-
|
|
137
|
+
"@igstack/app-catalog-shared-core": "0.7.1",
|
|
138
|
+
"@igstack/app-catalog-backend-core": "0.7.1"
|
|
139
139
|
},
|
|
140
140
|
"peerDependencies": {
|
|
141
141
|
"react": "19.1.2",
|
|
@@ -144,7 +144,7 @@
|
|
|
144
144
|
"vite": "^6.3.5",
|
|
145
145
|
"vite-plugin-svgr": "^4.2.0"
|
|
146
146
|
},
|
|
147
|
-
"gitHead": "
|
|
147
|
+
"gitHead": "e3a5db87f9d07a62c8fae26949b55e54a45e2ca9",
|
|
148
148
|
"scripts": {
|
|
149
149
|
"build": "vite build",
|
|
150
150
|
"build:lenient": "vite build --mode lenient",
|
|
@@ -38,6 +38,12 @@ function fullMagazine(
|
|
|
38
38
|
displayName: 'IT Help Desk',
|
|
39
39
|
config: { url: 'https://helpdesk.example.com' },
|
|
40
40
|
})
|
|
41
|
+
backendCfg.withApprovalMethod({
|
|
42
|
+
slug: 'ux-app-helpdesk',
|
|
43
|
+
type: 'service',
|
|
44
|
+
displayName: 'UX App Helpdesk',
|
|
45
|
+
config: { url: 'https://uxdesk.example.com' },
|
|
46
|
+
})
|
|
41
47
|
const managerApproval = backendCfg.withApprovalMethod({
|
|
42
48
|
slug: 'manager-approval',
|
|
43
49
|
type: 'custom',
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import { describe, expect, it } from 'vitest'
|
|
2
|
+
import { screen, waitFor, within } from '@testing-library/react'
|
|
3
|
+
import userEvent from '@testing-library/user-event'
|
|
4
|
+
import '@testing-library/jest-dom/vitest'
|
|
5
|
+
|
|
6
|
+
import { given } from './harness/given'
|
|
7
|
+
import { magazine } from './mock-backend/magazines'
|
|
8
|
+
|
|
9
|
+
// #9: a header toggle (Apps | Service Desks) + a /service-desks route showing a
|
|
10
|
+
// searchable table of all type:'service' approval methods with open links.
|
|
11
|
+
// magazine.full() seeds two service desks (IT Help Desk, UX App Helpdesk) and
|
|
12
|
+
// two custom methods (Manager Approval, Self-Service) which must NOT appear.
|
|
13
|
+
|
|
14
|
+
function serviceDeskTable(): HTMLElement {
|
|
15
|
+
// The service-desks table (only table on that route).
|
|
16
|
+
return screen.getByRole('table')
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
function deskNames(): string[] {
|
|
20
|
+
const rows = within(serviceDeskTable()).getAllByRole('row')
|
|
21
|
+
return rows
|
|
22
|
+
.map((r) => within(r).queryAllByRole('cell')[0]?.textContent.trim() ?? '')
|
|
23
|
+
.filter(Boolean)
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
describe('Service Desks view (#9)', () => {
|
|
27
|
+
it('lists only service-type approval methods with open links', async () => {
|
|
28
|
+
await given(magazine.full(), {
|
|
29
|
+
initialRoute: '/service-desks',
|
|
30
|
+
})
|
|
31
|
+
|
|
32
|
+
await waitFor(() => {
|
|
33
|
+
expect(screen.getByLabelText('Search service desks')).toBeInTheDocument()
|
|
34
|
+
})
|
|
35
|
+
|
|
36
|
+
const names = deskNames()
|
|
37
|
+
expect(names).toContain('IT Help Desk')
|
|
38
|
+
expect(names).toContain('UX App Helpdesk')
|
|
39
|
+
// custom-type methods are not service desks
|
|
40
|
+
expect(names).not.toContain('Manager Approval')
|
|
41
|
+
expect(names).not.toContain('Self-Service')
|
|
42
|
+
|
|
43
|
+
// Each service desk row has a link to its portal opening in a new tab.
|
|
44
|
+
const itRow = within(serviceDeskTable())
|
|
45
|
+
.getAllByRole('row')
|
|
46
|
+
.find((r) => r.textContent.includes('IT Help Desk'))!
|
|
47
|
+
const link = within(itRow).getByRole('link')
|
|
48
|
+
expect(link).toHaveAttribute('href', 'https://helpdesk.example.com')
|
|
49
|
+
expect(link).toHaveAttribute('target', '_blank')
|
|
50
|
+
})
|
|
51
|
+
|
|
52
|
+
it('filters the desks by search', async () => {
|
|
53
|
+
const user = userEvent.setup()
|
|
54
|
+
await given(magazine.full(), {
|
|
55
|
+
initialRoute: '/service-desks',
|
|
56
|
+
})
|
|
57
|
+
|
|
58
|
+
await waitFor(() => expect(deskNames()).toContain('UX App Helpdesk'))
|
|
59
|
+
|
|
60
|
+
await user.type(screen.getByLabelText('Search service desks'), 'UX')
|
|
61
|
+
|
|
62
|
+
await waitFor(() => {
|
|
63
|
+
const names = deskNames()
|
|
64
|
+
expect(names).toContain('UX App Helpdesk')
|
|
65
|
+
expect(names).not.toContain('IT Help Desk')
|
|
66
|
+
})
|
|
67
|
+
})
|
|
68
|
+
|
|
69
|
+
it('toggles between Apps and Service Desks from the header', async () => {
|
|
70
|
+
const { router } = await given(magazine.full(), { initialRoute: '/' })
|
|
71
|
+
|
|
72
|
+
// Apps view first — the catalog search box is present.
|
|
73
|
+
await waitFor(() =>
|
|
74
|
+
expect(screen.getByLabelText('Search apps')).toBeInTheDocument(),
|
|
75
|
+
)
|
|
76
|
+
|
|
77
|
+
const user = userEvent.setup()
|
|
78
|
+
await user.click(screen.getByRole('link', { name: 'Service Desks' }))
|
|
79
|
+
|
|
80
|
+
await waitFor(() => {
|
|
81
|
+
expect(router.state.location.pathname).toBe('/service-desks')
|
|
82
|
+
})
|
|
83
|
+
expect(screen.getByLabelText('Search service desks')).toBeInTheDocument()
|
|
84
|
+
})
|
|
85
|
+
})
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { act, fireEvent, render, screen } from '@testing-library/react'
|
|
2
|
+
import { describe, expect, it } from 'vitest'
|
|
3
|
+
import '@testing-library/jest-dom/vitest'
|
|
4
|
+
|
|
5
|
+
import { Gallery } from '~/modules/gallery/Gallery'
|
|
6
|
+
import type { GalleryImage } from '~/modules/gallery/Gallery'
|
|
7
|
+
|
|
8
|
+
const images: GalleryImage[] = [
|
|
9
|
+
{ url: '/api/screenshots/img-1', alt: 'Screenshot 1' },
|
|
10
|
+
{ url: '/api/screenshots/img-2', alt: 'Screenshot 2' },
|
|
11
|
+
]
|
|
12
|
+
|
|
13
|
+
// Issue #14 — clicking the fullscreen image should exit fullscreen,
|
|
14
|
+
// making zoom-in / zoom-out a reversible click toggle.
|
|
15
|
+
describe('Gallery — click image to exit fullscreen', () => {
|
|
16
|
+
it('exits fullscreen when the fullscreen image is clicked', async () => {
|
|
17
|
+
render(<Gallery images={images} />)
|
|
18
|
+
|
|
19
|
+
// Enter fullscreen by clicking the active slide image
|
|
20
|
+
const activeImg = screen.getByAltText('Screenshot 1')
|
|
21
|
+
await act(async () => {
|
|
22
|
+
fireEvent.click(activeImg)
|
|
23
|
+
})
|
|
24
|
+
|
|
25
|
+
// Fullscreen overlay should now be visible
|
|
26
|
+
const dialog = screen.getByRole('dialog', { name: /fullscreen view/i })
|
|
27
|
+
expect(dialog).toBeInTheDocument()
|
|
28
|
+
|
|
29
|
+
// Click the image inside the fullscreen overlay — should exit fullscreen
|
|
30
|
+
const fullscreenImg = screen.getByAltText('Screenshot 1')
|
|
31
|
+
await act(async () => {
|
|
32
|
+
fireEvent.click(fullscreenImg)
|
|
33
|
+
})
|
|
34
|
+
|
|
35
|
+
// Fullscreen overlay should be gone (back to the carousel)
|
|
36
|
+
expect(
|
|
37
|
+
screen.queryByRole('dialog', { name: /fullscreen view/i }),
|
|
38
|
+
).not.toBeInTheDocument()
|
|
39
|
+
})
|
|
40
|
+
|
|
41
|
+
it('exposes the fullscreen image as an accessible exit control', async () => {
|
|
42
|
+
render(<Gallery images={images} />)
|
|
43
|
+
|
|
44
|
+
const activeImg = screen.getByAltText('Screenshot 1')
|
|
45
|
+
await act(async () => {
|
|
46
|
+
fireEvent.click(activeImg)
|
|
47
|
+
})
|
|
48
|
+
|
|
49
|
+
// The fullscreen image should itself be operable as an exit affordance
|
|
50
|
+
const imageControl = screen.getByRole('button', { name: /zoom out/i })
|
|
51
|
+
expect(imageControl).toBeInTheDocument()
|
|
52
|
+
})
|
|
53
|
+
})
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { Link } from '@tanstack/react-router'
|
|
2
|
+
import { cn } from '~/lib/utils'
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* Compact segmented toggle for the header (Apps | Service Desks). Rendered in
|
|
6
|
+
* the header's `middle` slot so it adds no header height. Uses router Links so
|
|
7
|
+
* the active segment reflects the current route and each is deep-linkable.
|
|
8
|
+
*/
|
|
9
|
+
export function ViewToggle() {
|
|
10
|
+
const segment =
|
|
11
|
+
'inline-flex items-center rounded-md px-3 py-1 text-sm font-medium transition-colors'
|
|
12
|
+
const active = 'bg-background text-foreground shadow-sm'
|
|
13
|
+
const inactive = 'text-muted-foreground hover:text-foreground'
|
|
14
|
+
|
|
15
|
+
return (
|
|
16
|
+
<div
|
|
17
|
+
role="tablist"
|
|
18
|
+
aria-label="View"
|
|
19
|
+
className="inline-flex items-center gap-1 rounded-lg bg-muted p-[3px]"
|
|
20
|
+
>
|
|
21
|
+
<Link
|
|
22
|
+
to="/"
|
|
23
|
+
aria-label="Apps"
|
|
24
|
+
className={cn(segment, inactive)}
|
|
25
|
+
activeOptions={{ exact: true }}
|
|
26
|
+
activeProps={{ className: cn(segment, active) }}
|
|
27
|
+
>
|
|
28
|
+
Apps
|
|
29
|
+
</Link>
|
|
30
|
+
<Link
|
|
31
|
+
to="/service-desks"
|
|
32
|
+
aria-label="Service Desks"
|
|
33
|
+
className={cn(segment, inactive)}
|
|
34
|
+
activeProps={{ className: cn(segment, active) }}
|
|
35
|
+
>
|
|
36
|
+
Service Desks
|
|
37
|
+
</Link>
|
|
38
|
+
</div>
|
|
39
|
+
)
|
|
40
|
+
}
|
|
@@ -4,6 +4,7 @@ import type { TRPCClient } from '@trpc/client'
|
|
|
4
4
|
import { useUiSettings } from '~/context/UiSettingsContext'
|
|
5
5
|
import { AppCatalogProvider } from '~/modules/appCatalog/context/AppCatalogContext'
|
|
6
6
|
import { AppCatalogFiltersProvider } from '~/modules/appCatalog/ui/context/AppCatalogFiltersContext'
|
|
7
|
+
import { ViewToggle } from '~/modules/appCatalog/ui/components/ViewToggle'
|
|
7
8
|
import { MainLayout } from '~/ui/layout/MainLayout'
|
|
8
9
|
import { TopLevelProviders } from '~/ui/layout/TopLevelProviders'
|
|
9
10
|
|
|
@@ -29,7 +30,7 @@ export function AppCatalogLayout({
|
|
|
29
30
|
<AppCatalogFiltersProvider
|
|
30
31
|
filterableTagPrefixes={filterableTagPrefixes}
|
|
31
32
|
>
|
|
32
|
-
<MainLayout headerMiddle={headerMiddle}>
|
|
33
|
+
<MainLayout headerMiddle={headerMiddle ?? <ViewToggle />}>
|
|
33
34
|
{/* <Breadcrumb className="pb-4">*/}
|
|
34
35
|
{/* <BreadcrumbList>*/}
|
|
35
36
|
{/* <BreadcrumbItem>*/}
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
import { ExternalLink } from 'lucide-react'
|
|
2
|
+
import { useMemo, useState } from 'react'
|
|
3
|
+
import { InputGroup, InputGroupInput } from '~/ui/input-group'
|
|
4
|
+
import {
|
|
5
|
+
Table,
|
|
6
|
+
TableBody,
|
|
7
|
+
TableCell,
|
|
8
|
+
TableHead,
|
|
9
|
+
TableHeader,
|
|
10
|
+
TableRow,
|
|
11
|
+
} from '~/ui/table'
|
|
12
|
+
import { useAppCatalogContext } from '../../context/AppCatalogContext'
|
|
13
|
+
|
|
14
|
+
/**
|
|
15
|
+
* Service Desks view (#9): a searchable table of all service-desk approval
|
|
16
|
+
* methods (type === 'service'), each with a link that opens its portal in a new
|
|
17
|
+
* tab. Data rides in on the existing app-catalog query (context.approvalMethods).
|
|
18
|
+
*/
|
|
19
|
+
export function ServiceDesksPage() {
|
|
20
|
+
const { approvalMethods } = useAppCatalogContext()
|
|
21
|
+
const [search, setSearch] = useState('')
|
|
22
|
+
|
|
23
|
+
const desks = useMemo(() => {
|
|
24
|
+
const services = approvalMethods.filter((m) => m.type === 'service')
|
|
25
|
+
const q = search.trim().toLowerCase()
|
|
26
|
+
const filtered = q
|
|
27
|
+
? services.filter((m) => m.displayName.toLowerCase().includes(q))
|
|
28
|
+
: services
|
|
29
|
+
return [...filtered].sort((a, b) =>
|
|
30
|
+
a.displayName.localeCompare(b.displayName),
|
|
31
|
+
)
|
|
32
|
+
}, [approvalMethods, search])
|
|
33
|
+
|
|
34
|
+
return (
|
|
35
|
+
<div className="flex flex-col flex-1 min-h-0 gap-4">
|
|
36
|
+
<InputGroup className="max-w-sm">
|
|
37
|
+
<InputGroupInput
|
|
38
|
+
value={search}
|
|
39
|
+
onChange={(e) => setSearch(e.target.value)}
|
|
40
|
+
placeholder="Search service desks by name…"
|
|
41
|
+
aria-label="Search service desks"
|
|
42
|
+
/>
|
|
43
|
+
</InputGroup>
|
|
44
|
+
|
|
45
|
+
<div className="flex-1 min-h-0 overflow-y-auto">
|
|
46
|
+
{desks.length === 0 ? (
|
|
47
|
+
<p className="text-sm text-muted-foreground">
|
|
48
|
+
No service desks found{search && ` for "${search}"`}.
|
|
49
|
+
</p>
|
|
50
|
+
) : (
|
|
51
|
+
<Table>
|
|
52
|
+
<TableHeader>
|
|
53
|
+
<TableRow>
|
|
54
|
+
<TableHead>Service Desk</TableHead>
|
|
55
|
+
<TableHead>Link</TableHead>
|
|
56
|
+
</TableRow>
|
|
57
|
+
</TableHeader>
|
|
58
|
+
<TableBody>
|
|
59
|
+
{desks.map((desk) => {
|
|
60
|
+
const url = desk.config.url
|
|
61
|
+
return (
|
|
62
|
+
<TableRow key={desk.slug}>
|
|
63
|
+
<TableCell className="font-medium">
|
|
64
|
+
{desk.displayName}
|
|
65
|
+
</TableCell>
|
|
66
|
+
<TableCell>
|
|
67
|
+
{url ? (
|
|
68
|
+
<a
|
|
69
|
+
href={url}
|
|
70
|
+
target="_blank"
|
|
71
|
+
rel="noopener noreferrer"
|
|
72
|
+
className="inline-flex items-center gap-1 text-primary hover:underline"
|
|
73
|
+
title={url}
|
|
74
|
+
>
|
|
75
|
+
Open
|
|
76
|
+
<ExternalLink className="size-3" />
|
|
77
|
+
</a>
|
|
78
|
+
) : (
|
|
79
|
+
<span className="text-muted-foreground">—</span>
|
|
80
|
+
)}
|
|
81
|
+
</TableCell>
|
|
82
|
+
</TableRow>
|
|
83
|
+
)
|
|
84
|
+
})}
|
|
85
|
+
</TableBody>
|
|
86
|
+
</Table>
|
|
87
|
+
)}
|
|
88
|
+
</div>
|
|
89
|
+
</div>
|
|
90
|
+
)
|
|
91
|
+
}
|
|
@@ -230,10 +230,13 @@ export function Gallery({
|
|
|
230
230
|
<img
|
|
231
231
|
src={currentImage.url}
|
|
232
232
|
alt={currentImage.alt}
|
|
233
|
-
className="max-w-full h-auto"
|
|
233
|
+
className="max-w-full h-auto cursor-zoom-out"
|
|
234
|
+
onClick={() => setFullscreen(false)}
|
|
234
235
|
onLoad={() => handleImageLoad(currentIndex)}
|
|
235
236
|
onError={() => handleImageError(currentIndex)}
|
|
236
237
|
style={{ opacity: imageState === 'loaded' ? 1 : 0 }}
|
|
238
|
+
role="button"
|
|
239
|
+
aria-label="Zoom out"
|
|
237
240
|
/>
|
|
238
241
|
</div>
|
|
239
242
|
)}
|
package/src/routeTree.gen.ts
CHANGED
|
@@ -12,6 +12,7 @@ import { Route as rootRouteImport } from './routes/__root'
|
|
|
12
12
|
import { Route as LayoutRouteImport } from './routes/_layout'
|
|
13
13
|
import { Route as LayoutIndexRouteImport } from './routes/_layout/index'
|
|
14
14
|
import { Route as AuthCallbackRouteImport } from './routes/auth.callback'
|
|
15
|
+
import { Route as LayoutServiceDesksRouteImport } from './routes/_layout/service-desks'
|
|
15
16
|
import { Route as LayoutLoginRouteImport } from './routes/_layout/login'
|
|
16
17
|
import { Route as LayoutAppSlugRouteImport } from './routes/_layout/app.$slug'
|
|
17
18
|
import { Route as LayoutCatalogAppsIndexRouteImport } from './routes/_layout/catalog.apps.index'
|
|
@@ -30,6 +31,11 @@ const AuthCallbackRoute = AuthCallbackRouteImport.update({
|
|
|
30
31
|
path: '/auth/callback',
|
|
31
32
|
getParentRoute: () => rootRouteImport,
|
|
32
33
|
} as any)
|
|
34
|
+
const LayoutServiceDesksRoute = LayoutServiceDesksRouteImport.update({
|
|
35
|
+
id: '/service-desks',
|
|
36
|
+
path: '/service-desks',
|
|
37
|
+
getParentRoute: () => LayoutRoute,
|
|
38
|
+
} as any)
|
|
33
39
|
const LayoutLoginRoute = LayoutLoginRouteImport.update({
|
|
34
40
|
id: '/login',
|
|
35
41
|
path: '/login',
|
|
@@ -49,12 +55,14 @@ const LayoutCatalogAppsIndexRoute = LayoutCatalogAppsIndexRouteImport.update({
|
|
|
49
55
|
export interface FileRoutesByFullPath {
|
|
50
56
|
'/': typeof LayoutIndexRoute
|
|
51
57
|
'/login': typeof LayoutLoginRoute
|
|
58
|
+
'/service-desks': typeof LayoutServiceDesksRoute
|
|
52
59
|
'/auth/callback': typeof AuthCallbackRoute
|
|
53
60
|
'/app/$slug': typeof LayoutAppSlugRoute
|
|
54
61
|
'/catalog/apps/': typeof LayoutCatalogAppsIndexRoute
|
|
55
62
|
}
|
|
56
63
|
export interface FileRoutesByTo {
|
|
57
64
|
'/login': typeof LayoutLoginRoute
|
|
65
|
+
'/service-desks': typeof LayoutServiceDesksRoute
|
|
58
66
|
'/auth/callback': typeof AuthCallbackRoute
|
|
59
67
|
'/': typeof LayoutIndexRoute
|
|
60
68
|
'/app/$slug': typeof LayoutAppSlugRoute
|
|
@@ -64,6 +72,7 @@ export interface FileRoutesById {
|
|
|
64
72
|
__root__: typeof rootRouteImport
|
|
65
73
|
'/_layout': typeof LayoutRouteWithChildren
|
|
66
74
|
'/_layout/login': typeof LayoutLoginRoute
|
|
75
|
+
'/_layout/service-desks': typeof LayoutServiceDesksRoute
|
|
67
76
|
'/auth/callback': typeof AuthCallbackRoute
|
|
68
77
|
'/_layout/': typeof LayoutIndexRoute
|
|
69
78
|
'/_layout/app/$slug': typeof LayoutAppSlugRoute
|
|
@@ -71,13 +80,26 @@ export interface FileRoutesById {
|
|
|
71
80
|
}
|
|
72
81
|
export interface FileRouteTypes {
|
|
73
82
|
fileRoutesByFullPath: FileRoutesByFullPath
|
|
74
|
-
fullPaths:
|
|
83
|
+
fullPaths:
|
|
84
|
+
| '/'
|
|
85
|
+
| '/login'
|
|
86
|
+
| '/service-desks'
|
|
87
|
+
| '/auth/callback'
|
|
88
|
+
| '/app/$slug'
|
|
89
|
+
| '/catalog/apps/'
|
|
75
90
|
fileRoutesByTo: FileRoutesByTo
|
|
76
|
-
to:
|
|
91
|
+
to:
|
|
92
|
+
| '/login'
|
|
93
|
+
| '/service-desks'
|
|
94
|
+
| '/auth/callback'
|
|
95
|
+
| '/'
|
|
96
|
+
| '/app/$slug'
|
|
97
|
+
| '/catalog/apps'
|
|
77
98
|
id:
|
|
78
99
|
| '__root__'
|
|
79
100
|
| '/_layout'
|
|
80
101
|
| '/_layout/login'
|
|
102
|
+
| '/_layout/service-desks'
|
|
81
103
|
| '/auth/callback'
|
|
82
104
|
| '/_layout/'
|
|
83
105
|
| '/_layout/app/$slug'
|
|
@@ -112,6 +134,13 @@ declare module '@tanstack/react-router' {
|
|
|
112
134
|
preLoaderRoute: typeof AuthCallbackRouteImport
|
|
113
135
|
parentRoute: typeof rootRouteImport
|
|
114
136
|
}
|
|
137
|
+
'/_layout/service-desks': {
|
|
138
|
+
id: '/_layout/service-desks'
|
|
139
|
+
path: '/service-desks'
|
|
140
|
+
fullPath: '/service-desks'
|
|
141
|
+
preLoaderRoute: typeof LayoutServiceDesksRouteImport
|
|
142
|
+
parentRoute: typeof LayoutRoute
|
|
143
|
+
}
|
|
115
144
|
'/_layout/login': {
|
|
116
145
|
id: '/_layout/login'
|
|
117
146
|
path: '/login'
|
|
@@ -138,6 +167,7 @@ declare module '@tanstack/react-router' {
|
|
|
138
167
|
|
|
139
168
|
interface LayoutRouteChildren {
|
|
140
169
|
LayoutLoginRoute: typeof LayoutLoginRoute
|
|
170
|
+
LayoutServiceDesksRoute: typeof LayoutServiceDesksRoute
|
|
141
171
|
LayoutIndexRoute: typeof LayoutIndexRoute
|
|
142
172
|
LayoutAppSlugRoute: typeof LayoutAppSlugRoute
|
|
143
173
|
LayoutCatalogAppsIndexRoute: typeof LayoutCatalogAppsIndexRoute
|
|
@@ -145,6 +175,7 @@ interface LayoutRouteChildren {
|
|
|
145
175
|
|
|
146
176
|
const LayoutRouteChildren: LayoutRouteChildren = {
|
|
147
177
|
LayoutLoginRoute: LayoutLoginRoute,
|
|
178
|
+
LayoutServiceDesksRoute: LayoutServiceDesksRoute,
|
|
148
179
|
LayoutIndexRoute: LayoutIndexRoute,
|
|
149
180
|
LayoutAppSlugRoute: LayoutAppSlugRoute,
|
|
150
181
|
LayoutCatalogAppsIndexRoute: LayoutCatalogAppsIndexRoute,
|