@shipfox/client-triggers 13.0.0 → 14.0.1

package/dist/pages/events-page.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/pages/events-page.tsx"],"sourcesContent":["import {RelativeTimeProvider} from '@shipfox/react-ui/relative-time';\nimport {Header, Text} from '@shipfox/react-ui/typography';\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\n        className=\"@container flex min-w-0 flex-col gap-16\"\n        aria-labelledby=\"trigger-events-heading\"\n      >\n        <div className=\"flex flex-col gap-4\">\n          <Header id=\"trigger-events-heading\" variant=\"h3\">\n            Events\n          </Header>\n          <Text size=\"sm\" className=\"text-foreground-neutral-muted\">\n            A workspace-wide audit log of trigger events received from integrations, schedules, and\n            manual trigger calls.\n          </Text>\n        </div>\n\n        <div className=\"grid min-h-0 items-start gap-16 @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","Header","Text","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-labelledby","div","variant","size","facets","hasNextPage","isFetchingNextPage","onLoadMore","fetchNextPage","onSelectEvent","eventId","onBack"],"mappings":";AAAA,SAAQA,oBAAoB,QAAO,kCAAkC;AACrE,SAAQC,MAAM,EAAEC,IAAI,QAAO,+BAA+B;AAC1D,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,KAAClB;kBACC,cAAA,MAACgC;YACCC,WAAU;YACVC,mBAAgB;;8BAEhB,MAACC;oBAAIF,WAAU;;sCACb,KAAChC;4BAAO6B,IAAG;4BAAyBM,SAAQ;sCAAK;;sCAGjD,KAAClC;4BAAKmC,MAAK;4BAAKJ,WAAU;sCAAgC;;;;8BAM5D,MAACE;oBAAIF,WAAU;;sCACb,KAACE;4BAAIF,WAAW9B,GAAG,WAAWe,mBAAmB;sCAC/C,cAAA,KAACX;gCACCa,QAAQA;gCACRJ,OAAOA;gCACPsB,QAAQrB,YAAYI,IAAI;gCACxBP,SAASA;gCACTC,iBAAiBA;gCACjBF,eAAeA;gCACf0B,aAAavB,MAAMuB,WAAW;gCAC9BC,oBAAoBxB,MAAMwB,kBAAkB;gCAC5CC,YAAY;oCACV,KAAKzB,MAAM0B,aAAa;gCAC1B;gCACAxB,iBAAiBA;gCACjByB,eAAexB;;;sCAGnB,KAACX;4BACCI,aAAaA;4BACbC,eAAeA;4BACf+B,SAAS1B;4BACT2B,QAAQ,IAAM1B,mBAAmBY;;;;;;;AAM7C"}
+{"version":3,"sources":["../../src/pages/events-page.tsx"],"sourcesContent":["import {RelativeTimeProvider} from '@shipfox/react-ui/relative-time';\nimport {Header, Text} from '@shipfox/react-ui/typography';\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\n        className=\"@container flex min-w-0 flex-col gap-group\"\n        aria-labelledby=\"trigger-events-heading\"\n      >\n        <div className=\"flex flex-col gap-tight\">\n          <Header id=\"trigger-events-heading\" variant=\"h3\">\n            Events\n          </Header>\n          <Text size=\"sm\" className=\"text-foreground-neutral-muted\">\n            A workspace-wide audit log of trigger events received from integrations, schedules, and\n            manual trigger calls.\n          </Text>\n        </div>\n\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","Header","Text","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-labelledby","div","variant","size","facets","hasNextPage","isFetchingNextPage","onLoadMore","fetchNextPage","onSelectEvent","eventId","onBack"],"mappings":";AAAA,SAAQA,oBAAoB,QAAO,kCAAkC;AACrE,SAAQC,MAAM,EAAEC,IAAI,QAAO,+BAA+B;AAC1D,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,KAAClB;kBACC,cAAA,MAACgC;YACCC,WAAU;YACVC,mBAAgB;;8BAEhB,MAACC;oBAAIF,WAAU;;sCACb,KAAChC;4BAAO6B,IAAG;4BAAyBM,SAAQ;sCAAK;;sCAGjD,KAAClC;4BAAKmC,MAAK;4BAAKJ,WAAU;sCAAgC;;;;8BAM5D,MAACE;oBAAIF,WAAU;;sCACb,KAACE;4BAAIF,WAAW9B,GAAG,WAAWe,mBAAmB;sCAC/C,cAAA,KAACX;gCACCa,QAAQA;gCACRJ,OAAOA;gCACPsB,QAAQrB,YAAYI,IAAI;gCACxBP,SAASA;gCACTC,iBAAiBA;gCACjBF,eAAeA;gCACf0B,aAAavB,MAAMuB,WAAW;gCAC9BC,oBAAoBxB,MAAMwB,kBAAkB;gCAC5CC,YAAY;oCACV,KAAKzB,MAAM0B,aAAa;gCAC1B;gCACAxB,iBAAiBA;gCACjByB,eAAexB;;;sCAGnB,KAACX;4BACCI,aAAaA;4BACbC,eAAeA;4BACf+B,SAAS1B;4BACT2B,QAAQ,IAAM1B,mBAAmBY;;;;;;;AAM7C"}