@shipfox/client-triggers 16.0.0 → 21.0.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/.turbo/turbo-build.log +1 -1
- package/CHANGELOG.md +33 -0
- package/dist/components/events-filter-bar.d.ts.map +1 -1
- package/dist/components/events-filter-bar.js +98 -94
- package/dist/components/events-filter-bar.js.map +1 -1
- package/dist/components/events-list.d.ts.map +1 -1
- package/dist/components/events-list.js +3 -2
- package/dist/components/events-list.js.map +1 -1
- package/dist/components/trigger-event-detail.d.ts.map +1 -1
- package/dist/components/trigger-event-detail.js +173 -157
- package/dist/components/trigger-event-detail.js.map +1 -1
- package/dist/pages/events-page.d.ts.map +1 -1
- package/dist/pages/events-page.js +29 -47
- package/dist/pages/events-page.js.map +1 -1
- package/dist/routes/events-settings.d.ts +3 -0
- package/dist/routes/events-settings.js +3 -0
- package/dist/routes/events-settings.js.map +1 -1
- package/dist/tsconfig.test.tsbuildinfo +1 -1
- package/package.json +6 -6
- package/src/components/events-filter-bar.tsx +80 -77
- package/src/components/events-list.test.tsx +9 -0
- package/src/components/events-list.tsx +3 -2
- package/src/components/trigger-event-detail.test.tsx +3 -0
- package/src/components/trigger-event-detail.tsx +129 -126
- package/src/pages/events-page.test.tsx +7 -0
- package/src/pages/events-page.tsx +1 -15
- package/src/routes/events-settings.tsx +1 -0
- package/tsconfig.build.tsbuildinfo +1 -1
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { RelativeTimeProvider } from '@shipfox/react-ui/relative-time';
|
|
3
|
-
import { Header, Text } from '@shipfox/react-ui/typography';
|
|
4
3
|
import { cn } from '@shipfox/react-ui/utils';
|
|
5
4
|
import { useEffect, useMemo, useState } from 'react';
|
|
6
5
|
import { EventsList } from '#components/events-list.js';
|
|
@@ -27,55 +26,38 @@ import { useTriggerEventFacetsQuery, useTriggerEventsInfiniteQuery } from '#hook
|
|
|
27
26
|
selectedEventId
|
|
28
27
|
]);
|
|
29
28
|
return /*#__PURE__*/ _jsx(RelativeTimeProvider, {
|
|
30
|
-
children: /*#__PURE__*/
|
|
29
|
+
children: /*#__PURE__*/ _jsx("section", {
|
|
31
30
|
className: "@container flex min-w-0 flex-col gap-group",
|
|
32
|
-
"aria-
|
|
33
|
-
children:
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
className: "text-foreground-neutral-muted",
|
|
45
|
-
children: "A workspace-wide audit log of trigger events received from integrations, schedules, and manual trigger calls."
|
|
46
|
-
})
|
|
47
|
-
]
|
|
48
|
-
}),
|
|
49
|
-
/*#__PURE__*/ _jsxs("div", {
|
|
50
|
-
className: "grid min-h-0 items-start gap-group @min-[820px]:grid-cols-[minmax(0,1fr)_minmax(360px,420px)]",
|
|
51
|
-
children: [
|
|
52
|
-
/*#__PURE__*/ _jsx("div", {
|
|
53
|
-
className: cn('min-w-0', selectedEventId && '@max-[820px]:hidden'),
|
|
54
|
-
children: /*#__PURE__*/ _jsx(EventsList, {
|
|
55
|
-
events: events,
|
|
56
|
-
query: query,
|
|
57
|
-
facets: facetsQuery.data,
|
|
58
|
-
filters: filters,
|
|
59
|
-
onFiltersChange: onFiltersChange,
|
|
60
|
-
workspaceSlug: workspaceSlug,
|
|
61
|
-
hasNextPage: query.hasNextPage,
|
|
62
|
-
isFetchingNextPage: query.isFetchingNextPage,
|
|
63
|
-
onLoadMore: ()=>{
|
|
64
|
-
void query.fetchNextPage();
|
|
65
|
-
},
|
|
66
|
-
selectedEventId: selectedEventId,
|
|
67
|
-
onSelectEvent: setSelectedEventId
|
|
68
|
-
})
|
|
69
|
-
}),
|
|
70
|
-
/*#__PURE__*/ _jsx(TriggerEventDetail, {
|
|
71
|
-
workspaceId: workspaceId,
|
|
31
|
+
"aria-label": "Events",
|
|
32
|
+
children: /*#__PURE__*/ _jsxs("div", {
|
|
33
|
+
className: "grid min-h-0 items-start gap-group @min-[820px]:grid-cols-[minmax(0,1fr)_minmax(360px,420px)]",
|
|
34
|
+
children: [
|
|
35
|
+
/*#__PURE__*/ _jsx("div", {
|
|
36
|
+
className: cn('min-w-0', selectedEventId && '@max-[820px]:hidden'),
|
|
37
|
+
children: /*#__PURE__*/ _jsx(EventsList, {
|
|
38
|
+
events: events,
|
|
39
|
+
query: query,
|
|
40
|
+
facets: facetsQuery.data,
|
|
41
|
+
filters: filters,
|
|
42
|
+
onFiltersChange: onFiltersChange,
|
|
72
43
|
workspaceSlug: workspaceSlug,
|
|
73
|
-
|
|
74
|
-
|
|
44
|
+
hasNextPage: query.hasNextPage,
|
|
45
|
+
isFetchingNextPage: query.isFetchingNextPage,
|
|
46
|
+
onLoadMore: ()=>{
|
|
47
|
+
void query.fetchNextPage();
|
|
48
|
+
},
|
|
49
|
+
selectedEventId: selectedEventId,
|
|
50
|
+
onSelectEvent: setSelectedEventId
|
|
75
51
|
})
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
52
|
+
}),
|
|
53
|
+
/*#__PURE__*/ _jsx(TriggerEventDetail, {
|
|
54
|
+
workspaceId: workspaceId,
|
|
55
|
+
workspaceSlug: workspaceSlug,
|
|
56
|
+
eventId: selectedEventId,
|
|
57
|
+
onBack: ()=>setSelectedEventId(undefined)
|
|
58
|
+
})
|
|
59
|
+
]
|
|
60
|
+
})
|
|
79
61
|
})
|
|
80
62
|
});
|
|
81
63
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/pages/events-page.tsx"],"sourcesContent":["import {RelativeTimeProvider} from '@shipfox/react-ui/relative-time';\nimport {
|
|
1
|
+
{"version":3,"sources":["../../src/pages/events-page.tsx"],"sourcesContent":["import {RelativeTimeProvider} from '@shipfox/react-ui/relative-time';\nimport {cn} from '@shipfox/react-ui/utils';\nimport {useEffect, useMemo, useState} from 'react';\nimport {EventsList} from '#components/events-list.js';\nimport {TriggerEventDetail} from '#components/trigger-event-detail.js';\nimport type {TriggerEventFilters, TriggerEventSummary} from '#core/trigger-event.js';\nimport {\n useTriggerEventFacetsQuery,\n useTriggerEventsInfiniteQuery,\n} from '#hooks/api/trigger-events.js';\n\nexport interface EventsPageProps {\n workspaceId: string;\n workspaceSlug?: string | undefined;\n filters: TriggerEventFilters;\n onFiltersChange: (patch: Partial<TriggerEventFilters>) => void;\n}\n\n/**\n * Workspace-scoped Events list. Router-agnostic: filters and their setter come in as props\n * (the settings wrapper binds them to the URL), so a story can drive it with local state.\n */\nexport function EventsPage({\n workspaceId,\n workspaceSlug,\n filters,\n onFiltersChange,\n}: EventsPageProps) {\n const query = useTriggerEventsInfiniteQuery(workspaceId, filters);\n const facetsQuery = useTriggerEventFacetsQuery(workspaceId);\n const [selectedEventId, setSelectedEventId] = useState<string | undefined>();\n\n const events = useMemo<TriggerEventSummary[]>(\n () => query.data?.pages.flatMap((page) => page.events) ?? [],\n [query.data],\n );\n\n useEffect(() => {\n if (!selectedEventId || query.isPending || query.isFetching || query.isError) return;\n if (!events.some((event) => event.id === selectedEventId)) setSelectedEventId(undefined);\n }, [events, query.isError, query.isFetching, query.isPending, selectedEventId]);\n\n return (\n <RelativeTimeProvider>\n <section className=\"@container flex min-w-0 flex-col gap-group\" aria-label=\"Events\">\n <div className=\"grid min-h-0 items-start gap-group @min-[820px]:grid-cols-[minmax(0,1fr)_minmax(360px,420px)]\">\n <div className={cn('min-w-0', selectedEventId && '@max-[820px]:hidden')}>\n <EventsList\n events={events}\n query={query}\n facets={facetsQuery.data}\n filters={filters}\n onFiltersChange={onFiltersChange}\n workspaceSlug={workspaceSlug}\n hasNextPage={query.hasNextPage}\n isFetchingNextPage={query.isFetchingNextPage}\n onLoadMore={() => {\n void query.fetchNextPage();\n }}\n selectedEventId={selectedEventId}\n onSelectEvent={setSelectedEventId}\n />\n </div>\n <TriggerEventDetail\n workspaceId={workspaceId}\n workspaceSlug={workspaceSlug}\n eventId={selectedEventId}\n onBack={() => setSelectedEventId(undefined)}\n />\n </div>\n </section>\n </RelativeTimeProvider>\n );\n}\n"],"names":["RelativeTimeProvider","cn","useEffect","useMemo","useState","EventsList","TriggerEventDetail","useTriggerEventFacetsQuery","useTriggerEventsInfiniteQuery","EventsPage","workspaceId","workspaceSlug","filters","onFiltersChange","query","facetsQuery","selectedEventId","setSelectedEventId","events","data","pages","flatMap","page","isPending","isFetching","isError","some","event","id","undefined","section","className","aria-label","div","facets","hasNextPage","isFetchingNextPage","onLoadMore","fetchNextPage","onSelectEvent","eventId","onBack"],"mappings":";AAAA,SAAQA,oBAAoB,QAAO,kCAAkC;AACrE,SAAQC,EAAE,QAAO,0BAA0B;AAC3C,SAAQC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAO,QAAQ;AACnD,SAAQC,UAAU,QAAO,6BAA6B;AACtD,SAAQC,kBAAkB,QAAO,sCAAsC;AAEvE,SACEC,0BAA0B,EAC1BC,6BAA6B,QACxB,+BAA+B;AAStC;;;CAGC,GACD,OAAO,SAASC,WAAW,EACzBC,WAAW,EACXC,aAAa,EACbC,OAAO,EACPC,eAAe,EACC;IAChB,MAAMC,QAAQN,8BAA8BE,aAAaE;IACzD,MAAMG,cAAcR,2BAA2BG;IAC/C,MAAM,CAACM,iBAAiBC,mBAAmB,GAAGb;IAE9C,MAAMc,SAASf,QACb,IAAMW,MAAMK,IAAI,EAAEC,MAAMC,QAAQ,CAACC,OAASA,KAAKJ,MAAM,KAAK,EAAE,EAC5D;QAACJ,MAAMK,IAAI;KAAC;IAGdjB,UAAU;QACR,IAAI,CAACc,mBAAmBF,MAAMS,SAAS,IAAIT,MAAMU,UAAU,IAAIV,MAAMW,OAAO,EAAE;QAC9E,IAAI,CAACP,OAAOQ,IAAI,CAAC,CAACC,QAAUA,MAAMC,EAAE,KAAKZ,kBAAkBC,mBAAmBY;IAChF,GAAG;QAACX;QAAQJ,MAAMW,OAAO;QAAEX,MAAMU,UAAU;QAAEV,MAAMS,SAAS;QAAEP;KAAgB;IAE9E,qBACE,KAAChB;kBACC,cAAA,KAAC8B;YAAQC,WAAU;YAA6CC,cAAW;sBACzE,cAAA,MAACC;gBAAIF,WAAU;;kCACb,KAACE;wBAAIF,WAAW9B,GAAG,WAAWe,mBAAmB;kCAC/C,cAAA,KAACX;4BACCa,QAAQA;4BACRJ,OAAOA;4BACPoB,QAAQnB,YAAYI,IAAI;4BACxBP,SAASA;4BACTC,iBAAiBA;4BACjBF,eAAeA;4BACfwB,aAAarB,MAAMqB,WAAW;4BAC9BC,oBAAoBtB,MAAMsB,kBAAkB;4BAC5CC,YAAY;gCACV,KAAKvB,MAAMwB,aAAa;4BAC1B;4BACAtB,iBAAiBA;4BACjBuB,eAAetB;;;kCAGnB,KAACX;wBACCI,aAAaA;wBACbC,eAAeA;wBACf6B,SAASxB;wBACTyB,QAAQ,IAAMxB,mBAAmBY;;;;;;AAM7C"}
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { type TriggerEventsSearch } from '#search.js';
|
|
2
2
|
declare function validateSearch(search: Record<string, unknown>): TriggerEventsSearch;
|
|
3
3
|
declare const _default: import("@shipfox/client-shell/runtime").RouteImpl<{
|
|
4
|
+
readonly staticData: {
|
|
5
|
+
readonly frame: "data";
|
|
6
|
+
};
|
|
4
7
|
readonly validateSearch: typeof validateSearch;
|
|
5
8
|
readonly component: () => import("react").JSX.Element;
|
|
6
9
|
}>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/routes/events-settings.tsx"],"sourcesContent":["import {defineRoute, useActiveWorkspace} from '@shipfox/client-shell/runtime';\nimport {getRouteApi} from '@tanstack/react-router';\nimport type {TriggerEventFilters} from '#core/trigger-event.js';\nimport {EventsPage} from '#pages/events-page.js';\nimport {type TriggerEventsSearch, validateTriggerEventsSearch} from '#search.js';\n\nconst routeApi = getRouteApi('/w/$workspaceSlug/settings/events');\n\n// Wrapped (not just re-typed) so the search validator's own type is portable outside this\n// package: TanStack Router's `const` generics capture the exact declared function, and a\n// route module consumed from another package (apps/client's composed router) can't print a\n// type that only resolves through this package's internal `#search.js` path.\nfunction validateSearch(search: Record<string, unknown>): TriggerEventsSearch {\n return validateTriggerEventsSearch(search);\n}\n\nexport default defineRoute({\n validateSearch,\n component: () => {\n const workspace = useActiveWorkspace();\n const search = routeApi.useSearch();\n const navigate = routeApi.useNavigate();\n const onFiltersChange = (patch: Partial<TriggerEventFilters>) => {\n void navigate({search: {...search, ...patch}, replace: true});\n };\n return (\n <EventsPage\n workspaceId={workspace.id}\n workspaceSlug={workspace.slug}\n filters={search}\n onFiltersChange={onFiltersChange}\n />\n );\n },\n});\n"],"names":["defineRoute","useActiveWorkspace","getRouteApi","EventsPage","validateTriggerEventsSearch","routeApi","validateSearch","search","component","workspace","useSearch","navigate","useNavigate","onFiltersChange","patch","replace","workspaceId","id","workspaceSlug","slug","filters"],"mappings":";AAAA,SAAQA,WAAW,EAAEC,kBAAkB,QAAO,gCAAgC;AAC9E,SAAQC,WAAW,QAAO,yBAAyB;AAEnD,SAAQC,UAAU,QAAO,wBAAwB;AACjD,SAAkCC,2BAA2B,QAAO,aAAa;AAEjF,MAAMC,WAAWH,YAAY;AAE7B,0FAA0F;AAC1F,yFAAyF;AACzF,2FAA2F;AAC3F,6EAA6E;AAC7E,SAASI,eAAeC,MAA+B;IACrD,OAAOH,4BAA4BG;AACrC;AAEA,eAAeP,YAAY;
|
|
1
|
+
{"version":3,"sources":["../../src/routes/events-settings.tsx"],"sourcesContent":["import {defineRoute, useActiveWorkspace} from '@shipfox/client-shell/runtime';\nimport {getRouteApi} from '@tanstack/react-router';\nimport type {TriggerEventFilters} from '#core/trigger-event.js';\nimport {EventsPage} from '#pages/events-page.js';\nimport {type TriggerEventsSearch, validateTriggerEventsSearch} from '#search.js';\n\nconst routeApi = getRouteApi('/w/$workspaceSlug/settings/events');\n\n// Wrapped (not just re-typed) so the search validator's own type is portable outside this\n// package: TanStack Router's `const` generics capture the exact declared function, and a\n// route module consumed from another package (apps/client's composed router) can't print a\n// type that only resolves through this package's internal `#search.js` path.\nfunction validateSearch(search: Record<string, unknown>): TriggerEventsSearch {\n return validateTriggerEventsSearch(search);\n}\n\nexport default defineRoute({\n staticData: {frame: 'data'},\n validateSearch,\n component: () => {\n const workspace = useActiveWorkspace();\n const search = routeApi.useSearch();\n const navigate = routeApi.useNavigate();\n const onFiltersChange = (patch: Partial<TriggerEventFilters>) => {\n void navigate({search: {...search, ...patch}, replace: true});\n };\n return (\n <EventsPage\n workspaceId={workspace.id}\n workspaceSlug={workspace.slug}\n filters={search}\n onFiltersChange={onFiltersChange}\n />\n );\n },\n});\n"],"names":["defineRoute","useActiveWorkspace","getRouteApi","EventsPage","validateTriggerEventsSearch","routeApi","validateSearch","search","staticData","frame","component","workspace","useSearch","navigate","useNavigate","onFiltersChange","patch","replace","workspaceId","id","workspaceSlug","slug","filters"],"mappings":";AAAA,SAAQA,WAAW,EAAEC,kBAAkB,QAAO,gCAAgC;AAC9E,SAAQC,WAAW,QAAO,yBAAyB;AAEnD,SAAQC,UAAU,QAAO,wBAAwB;AACjD,SAAkCC,2BAA2B,QAAO,aAAa;AAEjF,MAAMC,WAAWH,YAAY;AAE7B,0FAA0F;AAC1F,yFAAyF;AACzF,2FAA2F;AAC3F,6EAA6E;AAC7E,SAASI,eAAeC,MAA+B;IACrD,OAAOH,4BAA4BG;AACrC;AAEA,eAAeP,YAAY;IACzBQ,YAAY;QAACC,OAAO;IAAM;IAC1BH;IACAI,WAAW;QACT,MAAMC,YAAYV;QAClB,MAAMM,SAASF,SAASO,SAAS;QACjC,MAAMC,WAAWR,SAASS,WAAW;QACrC,MAAMC,kBAAkB,CAACC;YACvB,KAAKH,SAAS;gBAACN,QAAQ;oBAAC,GAAGA,MAAM;oBAAE,GAAGS,KAAK;gBAAA;gBAAGC,SAAS;YAAI;QAC7D;QACA,qBACE,KAACd;YACCe,aAAaP,UAAUQ,EAAE;YACzBC,eAAeT,UAAUU,IAAI;YAC7BC,SAASf;YACTQ,iBAAiBA;;IAGvB;AACF,GAAG"}
|