@qpqjs/web-admin 0.0.0-stage → 0.2.0

package/README.md

@@ -1,3 +1,72 @@
-# Temporary Holding Version
+# @qpqjs/web-admin
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+The admin console for [quidproquo](https://github.com/qpqjs/quidproquo) backends: log viewing, execution traces, config inspection, maintenance, and auth, wired to your deployed services.
+
+This is a React component library, not a standalone app. It ships dual CommonJS and ESM builds with type declarations, compiled with `tsc`. There is no bundler, so you import `<App />` into your own host application and build and serve it however you like. React (`>=18.3.1`) is a peer dependency, so the host owns the React instance.
+
+```bash
+npm install @qpqjs/web-admin
+```
+
+## Usage
+
+Mount `<App />`, telling it how to resolve the URLs of your deployed services:
+
+```tsx
+import { App } from '@qpqjs/web-admin';
+import { BaseUrlResolvers } from '@qpqjs/web-react';
+import { createRoot } from 'react-dom/client';
+
+const urlResolvers: BaseUrlResolvers = {
+  getApiUrl: () => 'https://api.example.com',
+  getWsUrl: () => 'wss://ws.example.com',
+};
+
+createRoot(document.getElementById('root')!).render(<App urlResolvers={urlResolvers} />);
+```
+
+The backend half of the console lives in `@qpqjs/features`, added to a service with `defineAdminSettings`.
+
+## What you get
+
+Because every action a story yields passes through the qpq runtime, each run leaves a complete execution log. The console reads those logs, so you can search executions, open one, and see every action it took with its inputs and outputs. Traces go further and replay a story to show it statement by statement with local values, rendered over the original source.
+
+## Addons
+
+The admin UI can be extended with addon tabs. This package does not own the loading mechanism. The host application supplies a `loadAddons` function (module federation, dynamic `import()`, a static array, whatever suits you), and the admin renders whatever addons it returns.
+
+```tsx
+import { App, createAddon, LoadFederatedAddons } from '@qpqjs/web-admin';
+
+const MyTab = () => <div>Hello from an addon</div>;
+
+const loadAddons: LoadFederatedAddons = async ({ baseUrlResolvers, accessToken }) => [createAddon('My Tab', MyTab)];
+
+<App urlResolvers={urlResolvers} loadAddons={loadAddons} />;
+```
+
+When `loadAddons` is omitted, no addons are loaded.
+
+## Build
+
+```bash
+# from the repo root
+npm run build -w @qpqjs/web-admin
+
+# watch ESM during development
+npm run watch -w @qpqjs/web-admin
+```
+
+That runs `tsc` twice, emitting `lib/esm` (`module`, `types`) and `lib/commonjs` (`main`).
+
+## Status
+
+Pre-1.0. The whole `@qpqjs/*` family releases in lockstep, so versions that share a number were built and tested together. Expect APIs to move between releases, and pin your versions.
+
+## Documentation
+
+[docs.quidproquojs.com](https://docs.quidproquojs.com)
+
+## License
+
+MIT. See [LICENSE](https://github.com/qpqjs/quidproquo/blob/main/LICENSE).

package/lib/commonjs/ActionSearch/ActionSearch.d.ts

@@ -0,0 +1 @@
+export declare const ActionSearch: () => import("react").JSX.Element;

package/lib/commonjs/ActionSearch/ActionSearch.js

@@ -0,0 +1,80 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActionSearch = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const FormControl_1 = __importDefault(require("@mui/material/FormControl"));
+const Grid_1 = __importDefault(require("@mui/material/Grid"));
+const InputLabel_1 = __importDefault(require("@mui/material/InputLabel"));
+const MenuItem_1 = __importDefault(require("@mui/material/MenuItem"));
+const Select_1 = __importDefault(require("@mui/material/Select"));
+const x_date_pickers_1 = require("@mui/x-date-pickers");
+const AdapterDateFns_1 = require("@mui/x-date-pickers/AdapterDateFns");
+const adminApp_1 = require("../adminApp");
+const AsyncButton_1 = require("../components/AsyncButton");
+const TabViewBox_1 = require("../components/TabViewBox");
+const LogDialog_1 = require("../LogViewer/LogDialog");
+const useAsyncRequest_1 = require("../view/hooks/useAsyncRequest");
+const ActionSearchFilterForm_1 = require("./components/ActionSearchFilterForm");
+const ActionSearchGrid_1 = require("./components/ActionSearchGrid");
+const EntityTimelineDialog_1 = require("./components/EntityTimelineDialog");
+const useActionSearch_1 = require("./hooks/useActionSearch");
+const useActionSearchViews_1 = require("./hooks/useActionSearchViews");
+const DAY_IN_MS = 24 * 60 * 60 * 1000;
+const ActionSearch = () => {
+    var _a, _b, _c, _d;
+    const [api] = (0, adminApp_1.useAdminApp)();
+    const session = (0, adminApp_1.useSessionState)();
+    const views = (0, useActionSearchViews_1.useActionSearchViews)();
+    const [viewKey, setViewKey] = (0, react_1.useState)((_b = (_a = views[0]) === null || _a === void 0 ? void 0 : _a.key) !== null && _b !== void 0 ? _b : '');
+    const [startDate, setStartDate] = (0, react_1.useState)(() => new Date(Date.now() - DAY_IN_MS));
+    const [endDate, setEndDate] = (0, react_1.useState)(() => new Date());
+    const [filters, setFilters] = (0, react_1.useState)([]);
+    const [timeline, setTimeline] = (0, react_1.useState)(null);
+    const getEntityTimeline = (0, useAsyncRequest_1.usePlatformApiPost)('/actionSearch/entity/timeline');
+    const view = (_c = views.find((searchView) => searchView.key === viewKey)) !== null && _c !== void 0 ? _c : null;
+    const { rows, isSearching, runSearch } = (0, useActionSearch_1.useActionSearch)(view);
+    const handleViewChange = (event) => {
+        setViewKey(event.target.value);
+        setFilters([]);
+    };
+    const handleSearch = () => __awaiter(void 0, void 0, void 0, function* () {
+        if (!startDate || !endDate) {
+            return;
+        }
+        yield runSearch(startDate.toISOString(), endDate.toISOString(), filters);
+    });
+    const openLog = (correlation) => api.applyCorrelationOpened(correlation, adminApp_1.CorrelationOpenSource.grid);
+    // Fetch here, in the event that creates the need, so the dialog stays presentational
+    const openEntityTimeline = (linkKey) => __awaiter(void 0, void 0, void 0, function* () {
+        const rows = yield getEntityTimeline({ linkKey });
+        setTimeline({ linkKey, rows });
+    });
+    const handleRowClick = (row) => {
+        if ((view === null || view === void 0 ? void 0 : view.kind) === 'entity') {
+            openEntityTimeline(String(row.linkKey));
+            return;
+        }
+        openLog(String(row.correlation));
+    };
+    const selectedLogCorrelation = (_d = session.openCorrelation) !== null && _d !== void 0 ? _d : '';
+    const clearSelectedLogCorrelation = () => api.applyCorrelationClosed();
+    const setSelectedLogCorrelation = (correlation) => api.applyCorrelationOpened(correlation, adminApp_1.CorrelationOpenSource.tree);
+    const renderHeader = () => ((0, jsx_runtime_1.jsx)(x_date_pickers_1.LocalizationProvider, { dateAdapter: AdapterDateFns_1.AdapterDateFns, children: (0, jsx_runtime_1.jsxs)(Grid_1.default, { columns: 12, container: true, spacing: 2, children: [(0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, xs: 3, children: (0, jsx_runtime_1.jsxs)(FormControl_1.default, { fullWidth: true, children: [(0, jsx_runtime_1.jsx)(InputLabel_1.default, { id: "action-search-view-label", children: "View" }), (0, jsx_runtime_1.jsx)(Select_1.default, { label: "View", labelId: "action-search-view-label", onChange: handleViewChange, value: viewKey, children: views.map((searchView) => ((0, jsx_runtime_1.jsx)(MenuItem_1.default, { value: searchView.key, children: searchView.viewName }, searchView.key))) })] }) }), (0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, xs: 3, children: (0, jsx_runtime_1.jsx)(FormControl_1.default, { fullWidth: true, children: (0, jsx_runtime_1.jsx)(x_date_pickers_1.DateTimePicker, { label: "Start DateTime", onChange: setStartDate, value: startDate }) }) }), (0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, xs: 3, children: (0, jsx_runtime_1.jsx)(FormControl_1.default, { fullWidth: true, children: (0, jsx_runtime_1.jsx)(x_date_pickers_1.DateTimePicker, { label: "End DateTime", onChange: setEndDate, value: endDate }) }) }), (0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, xs: 3, children: (0, jsx_runtime_1.jsx)(AsyncButton_1.AsyncButton, { onClick: handleSearch, children: "Search" }) }), (0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, xs: 12, children: view && (0, jsx_runtime_1.jsx)(ActionSearchFilterForm_1.ActionSearchFilterForm, { fields: view.fields, filters: filters, onFiltersChange: setFilters }) })] }) }));
+    const renderBody = () => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [view && (0, jsx_runtime_1.jsx)(ActionSearchGrid_1.ActionSearchGrid, { isLoading: isSearching, onRowClick: handleRowClick, rows: rows, view: view }), (0, jsx_runtime_1.jsx)(EntityTimelineDialog_1.EntityTimelineDialog, { onClose: () => setTimeline(null), onOpenLog: openLog, timeline: timeline }), (0, jsx_runtime_1.jsx)(LogDialog_1.LogDialog, { handleClose: clearSelectedLogCorrelation, logCorrelation: selectedLogCorrelation, open: !!selectedLogCorrelation, setSelectedLogCorrelation: setSelectedLogCorrelation, storyResultMetadatas: [] })] }));
+    return (0, jsx_runtime_1.jsx)(TabViewBox_1.TabViewBox, { body: renderBody, header: renderHeader });
+};
+exports.ActionSearch = ActionSearch;
+//# sourceMappingURL=ActionSearch.js.map

package/lib/commonjs/ActionSearch/ActionSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionSearch.js","sourceRoot":"","sources":["../../../src/ActionSearch/ActionSearch.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Nullable } from '@qpqjs/core';\nimport { ActionSearchActionRow, ActionSearchFilter } from '@qpqjs/features';\n\nimport { useState } from 'react';\nimport FormControl from '@mui/material/FormControl';\nimport Grid from '@mui/material/Grid';\nimport InputLabel from '@mui/material/InputLabel';\nimport MenuItem from '@mui/material/MenuItem';\nimport Select, { SelectChangeEvent } from '@mui/material/Select';\nimport { DateTimePicker, LocalizationProvider } from '@mui/x-date-pickers';\nimport { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';\n\nimport { CorrelationOpenSource, useAdminApp, useSessionState } from '../adminApp';\nimport { AsyncButton } from '../components/AsyncButton';\nimport { TabViewBox } from '../components/TabViewBox';\nimport { LogDialog } from '../LogViewer/LogDialog';\nimport { usePlatformApiPost } from '../view/hooks/useAsyncRequest';\nimport { ActionSearchFilterForm } from './components/ActionSearchFilterForm';\nimport { ActionSearchGrid } from './components/ActionSearchGrid';\nimport { EntityTimelineDialog } from './components/EntityTimelineDialog';\nimport { ActionSearchResultRow, useActionSearch } from './hooks/useActionSearch';\nimport { useActionSearchViews } from './hooks/useActionSearchViews';\nimport { EntityTimeline } from './types/EntityTimeline';\n\nconst DAY_IN_MS = 24 * 60 * 60 * 1000;\n\nexport const ActionSearch = () => {\n  const [api] = useAdminApp();\n  const session = useSessionState();\n\n  const views = useActionSearchViews();\n\n  const [viewKey, setViewKey] = useState(views[0]?.key ?? '');\n  const [startDate, setStartDate] = useState<Nullable<Date>>(() => new Date(Date.now() - DAY_IN_MS));\n  const [endDate, setEndDate] = useState<Nullable<Date>>(() => new Date());\n  const [filters, setFilters] = useState<ActionSearchFilter[]>([]);\n  const [timeline, setTimeline] = useState<Nullable<EntityTimeline>>(null);\n\n  const getEntityTimeline = usePlatformApiPost<ActionSearchActionRow[]>('/actionSearch/entity/timeline');\n\n  const view = views.find((searchView) => searchView.key === viewKey) ?? null;\n\n  const { rows, isSearching, runSearch } = useActionSearch(view);\n\n  const handleViewChange = (event: SelectChangeEvent) => {\n    setViewKey(event.target.value);\n    setFilters([]);\n  };\n\n  const handleSearch = async () => {\n    if (!startDate || !endDate) {\n      return;\n    }\n\n    await runSearch(startDate.toISOString(), endDate.toISOString(), filters);\n  };\n\n  const openLog = (correlation: string) => api.applyCorrelationOpened(correlation, CorrelationOpenSource.grid);\n\n  // Fetch here, in the event that creates the need, so the dialog stays presentational\n  const openEntityTimeline = async (linkKey: string) => {\n    const rows = await getEntityTimeline({ linkKey });\n\n    setTimeline({ linkKey, rows });\n  };\n\n  const handleRowClick = (row: ActionSearchResultRow) => {\n    if (view?.kind === 'entity') {\n      openEntityTimeline(String(row.linkKey));\n      return;\n    }\n\n    openLog(String(row.correlation));\n  };\n\n  const selectedLogCorrelation = session.openCorrelation ?? '';\n  const clearSelectedLogCorrelation = () => api.applyCorrelationClosed();\n  const setSelectedLogCorrelation = (correlation: string) => api.applyCorrelationOpened(correlation, CorrelationOpenSource.tree);\n\n  const renderHeader = () => (\n    <LocalizationProvider dateAdapter={AdapterDateFns}>\n      <Grid columns={12} container spacing={2}>\n        <Grid item xs={3}>\n          <FormControl fullWidth>\n            <InputLabel id=\"action-search-view-label\">View</InputLabel>\n            <Select label=\"View\" labelId=\"action-search-view-label\" onChange={handleViewChange} value={viewKey}>\n              {views.map((searchView) => (\n                <MenuItem key={searchView.key} value={searchView.key}>\n                  {searchView.viewName}\n                </MenuItem>\n              ))}\n            </Select>\n          </FormControl>\n        </Grid>\n        <Grid item xs={3}>\n          <FormControl fullWidth>\n            <DateTimePicker label=\"Start DateTime\" onChange={setStartDate} value={startDate} />\n          </FormControl>\n        </Grid>\n        <Grid item xs={3}>\n          <FormControl fullWidth>\n            <DateTimePicker label=\"End DateTime\" onChange={setEndDate} value={endDate} />\n          </FormControl>\n        </Grid>\n        <Grid item xs={3}>\n          <AsyncButton onClick={handleSearch}>Search</AsyncButton>\n        </Grid>\n        <Grid item xs={12}>\n          {view && <ActionSearchFilterForm fields={view.fields} filters={filters} onFiltersChange={setFilters} />}\n        </Grid>\n      </Grid>\n    </LocalizationProvider>\n  );\n\n  const renderBody = () => (\n    <>\n      {view && <ActionSearchGrid isLoading={isSearching} onRowClick={handleRowClick} rows={rows} view={view} />}\n      <EntityTimelineDialog onClose={() => setTimeline(null)} onOpenLog={openLog} timeline={timeline} />\n      <LogDialog\n        handleClose={clearSelectedLogCorrelation}\n        logCorrelation={selectedLogCorrelation}\n        open={!!selectedLogCorrelation}\n        setSelectedLogCorrelation={setSelectedLogCorrelation}\n        storyResultMetadatas={[]}\n      />\n    </>\n  );\n\n  return <TabViewBox body={renderBody} header={renderHeader} />;\n};\n"]}

package/lib/commonjs/ActionSearch/components/ActionSearchFilterForm.d.ts

@@ -0,0 +1,8 @@
+import { ActionSearchFieldDefinition, ActionSearchFilter } from '@qpqjs/features';
+type ActionSearchFilterFormProps = {
+    fields: ActionSearchFieldDefinition[];
+    filters: ActionSearchFilter[];
+    onFiltersChange: (filters: ActionSearchFilter[]) => void;
+};
+export declare const ActionSearchFilterForm: ({ fields, filters, onFiltersChange }: ActionSearchFilterFormProps) => import("react").JSX.Element;
+export {};

package/lib/commonjs/ActionSearch/components/ActionSearchFilterForm.js

@@ -0,0 +1,36 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActionSearchFilterForm = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const features_1 = require("@qpqjs/features");
+const FormControl_1 = __importDefault(require("@mui/material/FormControl"));
+const Grid_1 = __importDefault(require("@mui/material/Grid"));
+const InputLabel_1 = __importDefault(require("@mui/material/InputLabel"));
+const MenuItem_1 = __importDefault(require("@mui/material/MenuItem"));
+const Select_1 = __importDefault(require("@mui/material/Select"));
+const TextField_1 = __importDefault(require("@mui/material/TextField"));
+const FilterFieldControl = ({ field, filter, onFilterChange }) => {
+    var _a, _b, _c, _d, _e;
+    const inputType = field.type === features_1.ActionSearchFieldType.Number ? 'number' : 'text';
+    if (field.operator === features_1.ActionSearchFilterOperator.Range) {
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, xs: 2, children: (0, jsx_runtime_1.jsx)(FormControl_1.default, { fullWidth: true, children: (0, jsx_runtime_1.jsx)(TextField_1.default, { InputLabelProps: { shrink: true }, label: `${field.label} (min)`, onChange: (event) => onFilterChange(field, { rangeStart: event.target.value }), type: inputType, value: (_a = filter === null || filter === void 0 ? void 0 : filter.rangeStart) !== null && _a !== void 0 ? _a : '' }) }) }), (0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, xs: 2, children: (0, jsx_runtime_1.jsx)(FormControl_1.default, { fullWidth: true, children: (0, jsx_runtime_1.jsx)(TextField_1.default, { InputLabelProps: { shrink: true }, label: `${field.label} (max)`, onChange: (event) => onFilterChange(field, { rangeEnd: event.target.value }), type: inputType, value: (_b = filter === null || filter === void 0 ? void 0 : filter.rangeEnd) !== null && _b !== void 0 ? _b : '' }) }) })] }));
+    }
+    if (field.type === features_1.ActionSearchFieldType.Enum) {
+        return ((0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, xs: 2, children: (0, jsx_runtime_1.jsxs)(FormControl_1.default, { fullWidth: true, children: [(0, jsx_runtime_1.jsx)(InputLabel_1.default, { id: `filter-${field.name}-label`, children: field.label }), (0, jsx_runtime_1.jsxs)(Select_1.default, { label: field.label, labelId: `filter-${field.name}-label`, onChange: (event) => onFilterChange(field, { value: event.target.value }), value: (_c = filter === null || filter === void 0 ? void 0 : filter.value) !== null && _c !== void 0 ? _c : '', children: [(0, jsx_runtime_1.jsx)(MenuItem_1.default, { value: "", children: "Any" }), ((_d = field.enumValues) !== null && _d !== void 0 ? _d : []).map((enumValue) => ((0, jsx_runtime_1.jsx)(MenuItem_1.default, { value: enumValue, children: enumValue }, enumValue)))] })] }) }));
+    }
+    return ((0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, xs: 2, children: (0, jsx_runtime_1.jsx)(FormControl_1.default, { fullWidth: true, children: (0, jsx_runtime_1.jsx)(TextField_1.default, { InputLabelProps: { shrink: true }, label: field.label, onChange: (event) => onFilterChange(field, { value: event.target.value }), type: inputType, value: (_e = filter === null || filter === void 0 ? void 0 : filter.value) !== null && _e !== void 0 ? _e : '' }) }) }));
+};
+const ActionSearchFilterForm = ({ fields, filters, onFiltersChange }) => {
+    const getFilter = (fieldName) => filters.find((filter) => filter.fieldName === fieldName);
+    const handleFilterChange = (field, partial) => {
+        const existing = getFilter(field.name);
+        const updated = Object.assign(Object.assign({ fieldName: field.name, operator: field.operator }, existing), partial);
+        onFiltersChange([...filters.filter((filter) => filter.fieldName !== field.name), updated]);
+    };
+    return ((0, jsx_runtime_1.jsx)(Grid_1.default, { columns: 12, container: true, spacing: 2, children: fields.map((field) => ((0, jsx_runtime_1.jsx)(FilterFieldControl, { field: field, filter: getFilter(field.name), onFilterChange: handleFilterChange }, field.name))) }));
+};
+exports.ActionSearchFilterForm = ActionSearchFilterForm;
+//# sourceMappingURL=ActionSearchFilterForm.js.map

package/lib/commonjs/ActionSearch/components/ActionSearchFilterForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionSearchFilterForm.js","sourceRoot":"","sources":["../../../../src/ActionSearch/components/ActionSearchFilterForm.tsx"],"names":[],"mappings":";;;;;;;AAAA,8CAAqI;AAErI,4EAAoD;AACpD,8DAAsC;AACtC,0EAAkD;AAClD,sEAA8C;AAC9C,kEAA0C;AAC1C,wEAAgD;AAQhD,MAAM,kBAAkB,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,EAA2B,EAAE,EAAE;;IACxF,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,KAAK,gCAAqB,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC;IAElF,IAAI,KAAK,CAAC,QAAQ,KAAK,qCAA0B,CAAC,KAAK,EAAE,CAAC;QACxD,OAAO,CACL,6DACE,uBAAC,cAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,YACd,uBAAC,qBAAW,IAAC,SAAS,kBACpB,uBAAC,mBAAS,IACR,eAAe,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EACjC,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK,QAAQ,EAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAC9E,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,mCAAI,EAAE,GAC/B,GACU,GACT,EACP,uBAAC,cAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,YACd,uBAAC,qBAAW,IAAC,SAAS,kBACpB,uBAAC,mBAAS,IACR,eAAe,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EACjC,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK,QAAQ,EAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAC5E,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,mCAAI,EAAE,GAC7B,GACU,GACT,IACN,CACJ,CAAC;IACJ,CAAC;IAED,IAAI,KAAK,CAAC,IAAI,KAAK,gCAAqB,CAAC,IAAI,EAAE,CAAC;QAC9C,OAAO,CACL,uBAAC,cAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,YACd,wBAAC,qBAAW,IAAC,SAAS,mBACpB,uBAAC,oBAAU,IAAC,EAAE,EAAE,UAAU,KAAK,CAAC,IAAI,QAAQ,YAAG,KAAK,CAAC,KAAK,GAAc,EACxE,wBAAC,gBAAM,IACL,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,UAAU,KAAK,CAAC,IAAI,QAAQ,EACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EACzE,KAAK,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,mCAAI,EAAE,aAE1B,uBAAC,kBAAQ,IAAC,KAAK,EAAC,EAAE,oBAAe,EAChC,CAAC,MAAA,KAAK,CAAC,UAAU,mCAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAC3C,uBAAC,kBAAQ,IAAiB,KAAK,EAAE,SAAS,YACvC,SAAS,IADG,SAAS,CAEb,CACZ,CAAC,IACK,IACG,GACT,CACR,CAAC;IACJ,CAAC;IAED,OAAO,CACL,uBAAC,cAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,YACd,uBAAC,qBAAW,IAAC,SAAS,kBACpB,uBAAC,mBAAS,IACR,eAAe,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EACjC,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EACzE,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,mCAAI,EAAE,GAC1B,GACU,GACT,CACR,CAAC;AACJ,CAAC,CAAC;AAQK,MAAM,sBAAsB,GAAG,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,eAAe,EAA+B,EAAE,EAAE;IAC1G,MAAM,SAAS,GAAG,CAAC,SAAiB,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC;IAElG,MAAM,kBAAkB,GAAG,CAAC,KAAkC,EAAE,OAAoC,EAAE,EAAE;QACtG,MAAM,QAAQ,GAAG,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACvC,MAAM,OAAO,iCACX,SAAS,EAAE,KAAK,CAAC,IAAI,EACrB,QAAQ,EAAE,KAAK,CAAC,QAAQ,IACrB,QAAQ,GACR,OAAO,CACX,CAAC;QAEF,eAAe,CAAC,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,KAAK,KAAK,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC;IAC7F,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,cAAI,IAAC,OAAO,EAAE,EAAE,EAAE,SAAS,QAAC,OAAO,EAAE,CAAC,YACpC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACrB,uBAAC,kBAAkB,IAAkB,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,cAAc,EAAE,kBAAkB,IAA3F,KAAK,CAAC,IAAI,CAAqF,CACzH,CAAC,GACG,CACR,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,sBAAsB,0BAsBjC","sourcesContent":["import { ActionSearchFieldDefinition, ActionSearchFieldType, ActionSearchFilter, ActionSearchFilterOperator } from '@qpqjs/features';\n\nimport FormControl from '@mui/material/FormControl';\nimport Grid from '@mui/material/Grid';\nimport InputLabel from '@mui/material/InputLabel';\nimport MenuItem from '@mui/material/MenuItem';\nimport Select from '@mui/material/Select';\nimport TextField from '@mui/material/TextField';\n\ntype FilterFieldControlProps = {\n  field: ActionSearchFieldDefinition;\n  filter?: ActionSearchFilter;\n  onFilterChange: (field: ActionSearchFieldDefinition, partial: Partial<ActionSearchFilter>) => void;\n};\n\nconst FilterFieldControl = ({ field, filter, onFilterChange }: FilterFieldControlProps) => {\n  const inputType = field.type === ActionSearchFieldType.Number ? 'number' : 'text';\n\n  if (field.operator === ActionSearchFilterOperator.Range) {\n    return (\n      <>\n        <Grid item xs={2}>\n          <FormControl fullWidth>\n            <TextField\n              InputLabelProps={{ shrink: true }}\n              label={`${field.label} (min)`}\n              onChange={(event) => onFilterChange(field, { rangeStart: event.target.value })}\n              type={inputType}\n              value={filter?.rangeStart ?? ''}\n            />\n          </FormControl>\n        </Grid>\n        <Grid item xs={2}>\n          <FormControl fullWidth>\n            <TextField\n              InputLabelProps={{ shrink: true }}\n              label={`${field.label} (max)`}\n              onChange={(event) => onFilterChange(field, { rangeEnd: event.target.value })}\n              type={inputType}\n              value={filter?.rangeEnd ?? ''}\n            />\n          </FormControl>\n        </Grid>\n      </>\n    );\n  }\n\n  if (field.type === ActionSearchFieldType.Enum) {\n    return (\n      <Grid item xs={2}>\n        <FormControl fullWidth>\n          <InputLabel id={`filter-${field.name}-label`}>{field.label}</InputLabel>\n          <Select\n            label={field.label}\n            labelId={`filter-${field.name}-label`}\n            onChange={(event) => onFilterChange(field, { value: event.target.value })}\n            value={filter?.value ?? ''}\n          >\n            <MenuItem value=\"\">Any</MenuItem>\n            {(field.enumValues ?? []).map((enumValue) => (\n              <MenuItem key={enumValue} value={enumValue}>\n                {enumValue}\n              </MenuItem>\n            ))}\n          </Select>\n        </FormControl>\n      </Grid>\n    );\n  }\n\n  return (\n    <Grid item xs={2}>\n      <FormControl fullWidth>\n        <TextField\n          InputLabelProps={{ shrink: true }}\n          label={field.label}\n          onChange={(event) => onFilterChange(field, { value: event.target.value })}\n          type={inputType}\n          value={filter?.value ?? ''}\n        />\n      </FormControl>\n    </Grid>\n  );\n};\n\ntype ActionSearchFilterFormProps = {\n  fields: ActionSearchFieldDefinition[];\n  filters: ActionSearchFilter[];\n  onFiltersChange: (filters: ActionSearchFilter[]) => void;\n};\n\nexport const ActionSearchFilterForm = ({ fields, filters, onFiltersChange }: ActionSearchFilterFormProps) => {\n  const getFilter = (fieldName: string) => filters.find((filter) => filter.fieldName === fieldName);\n\n  const handleFilterChange = (field: ActionSearchFieldDefinition, partial: Partial<ActionSearchFilter>) => {\n    const existing = getFilter(field.name);\n    const updated: ActionSearchFilter = {\n      fieldName: field.name,\n      operator: field.operator,\n      ...existing,\n      ...partial,\n    };\n\n    onFiltersChange([...filters.filter((filter) => filter.fieldName !== field.name), updated]);\n  };\n\n  return (\n    <Grid columns={12} container spacing={2}>\n      {fields.map((field) => (\n        <FilterFieldControl key={field.name} field={field} filter={getFilter(field.name)} onFilterChange={handleFilterChange} />\n      ))}\n    </Grid>\n  );\n};\n"]}

package/lib/commonjs/ActionSearch/components/ActionSearchGrid.d.ts

@@ -0,0 +1,10 @@
+import { ActionSearchResultRow } from '../hooks/useActionSearch';
+import { ActionSearchView } from '../types/ActionSearchView';
+type ActionSearchGridProps = {
+    view: ActionSearchView;
+    rows: ActionSearchResultRow[];
+    isLoading: boolean;
+    onRowClick: (row: ActionSearchResultRow) => void;
+};
+export declare const ActionSearchGrid: ({ view, rows, isLoading, onRowClick }: ActionSearchGridProps) => import("react").JSX.Element;
+export {};

package/lib/commonjs/ActionSearch/components/ActionSearchGrid.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActionSearchGrid = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const x_data_grid_1 = require("@mui/x-data-grid");
+const DataGridPagination_1 = require("../../components/DataGridPagination/DataGridPagination");
+const DateCell_1 = require("../../components/DateCell/DateCell");
+const dateColumn = (field, headerName) => ({
+    field,
+    headerName,
+    flex: 1,
+    // Guarded so one row with a missing date can't crash the whole grid
+    renderCell: (params) => (params.value ? (0, jsx_runtime_1.jsx)(DateCell_1.DateCell, { isoDateTime: params.value }) : null),
+});
+const buildColumns = (view) => {
+    // Lookup-only fields (e.g. email recipient) have no row attribute to show
+    const fieldColumns = view.fields
+        .filter((field) => !field.hasLookup)
+        .map((field) => ({ field: field.name, headerName: field.label, flex: 1 }));
+    if (view.kind === 'action') {
+        return [
+            dateColumn('startedAt', 'Started at'),
+            { field: 'moduleName', headerName: 'Service', flex: 1 },
+            ...fieldColumns,
+            { field: 'error', headerName: 'Error', flex: 2 },
+        ];
+    }
+    return [dateColumn('createdAt', 'Created at'), ...fieldColumns];
+};
+const getRowId = (view, row) => view.kind === 'action' ? `${row.correlation}#${row.actionIndex}` : String(row.linkKey);
+const ActionSearchGrid = ({ view, rows, isLoading, onRowClick }) => {
+    const columns = buildColumns(view);
+    const handleRowClick = (params) => onRowClick(params.row);
+    return ((0, jsx_runtime_1.jsx)(x_data_grid_1.DataGrid, { autoPageSize: true, columns: columns, components: {
+            Pagination: DataGridPagination_1.DataGridPagination,
+        }, loading: isLoading, onRowClick: handleRowClick, rows: rows.map((row) => (Object.assign(Object.assign({}, row), { id: getRowId(view, row) }))) }));
+};
+exports.ActionSearchGrid = ActionSearchGrid;
+//# sourceMappingURL=ActionSearchGrid.js.map

package/lib/commonjs/ActionSearch/components/ActionSearchGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionSearchGrid.js","sourceRoot":"","sources":["../../../../src/ActionSearch/components/ActionSearchGrid.tsx"],"names":[],"mappings":";;;;AAAA,kDAA6F;AAE7F,+FAA4F;AAC5F,iEAA8D;AAI9D,MAAM,UAAU,GAAG,CAAC,KAAa,EAAE,UAAkB,EAAc,EAAE,CAAC,CAAC;IACrE,KAAK;IACL,UAAU;IACV,IAAI,EAAE,CAAC;IACP,oEAAoE;IACpE,UAAU,EAAE,CAAC,MAA4B,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,uBAAC,mBAAQ,IAAC,WAAW,EAAE,MAAM,CAAC,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC;CAC9G,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,CAAC,IAAsB,EAAgB,EAAE;IAC5D,0EAA0E;IAC1E,MAAM,YAAY,GAAiB,IAAI,CAAC,MAAM;SAC3C,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC;SACnC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAE7E,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC3B,OAAO;YACL,UAAU,CAAC,WAAW,EAAE,YAAY,CAAC;YACrC,EAAE,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE;YACvD,GAAG,YAAY;YACf,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE;SACjD,CAAC;IACJ,CAAC;IAED,OAAO,CAAC,UAAU,CAAC,WAAW,EAAE,YAAY,CAAC,EAAE,GAAG,YAAY,CAAC,CAAC;AAClE,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAsB,EAAE,GAA0B,EAAU,EAAE,CAC9E,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,WAAW,IAAI,GAAG,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;AASlF,MAAM,gBAAgB,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAyB,EAAE,EAAE;IAC/F,MAAM,OAAO,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAEnC,MAAM,cAAc,GAAG,CAAC,MAAqB,EAAE,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,GAA4B,CAAC,CAAC;IAElG,OAAO,CACL,uBAAC,sBAAQ,IACP,YAAY,QACZ,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE;YACV,UAAU,EAAE,uCAAkB;SAC/B,EACD,OAAO,EAAE,SAAS,EAClB,UAAU,EAAE,cAAc,EAC1B,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,iCAAM,GAAG,KAAE,EAAE,EAAE,QAAQ,CAAC,IAAI,EAAE,GAAG,CAAC,IAAG,CAAC,GAC9D,CACH,CAAC;AACJ,CAAC,CAAC;AAjBW,QAAA,gBAAgB,oBAiB3B","sourcesContent":["import { DataGrid, GridColDef, GridRenderCellParams, GridRowParams } from '@mui/x-data-grid';\n\nimport { DataGridPagination } from '../../components/DataGridPagination/DataGridPagination';\nimport { DateCell } from '../../components/DateCell/DateCell';\nimport { ActionSearchResultRow } from '../hooks/useActionSearch';\nimport { ActionSearchView } from '../types/ActionSearchView';\n\nconst dateColumn = (field: string, headerName: string): GridColDef => ({\n  field,\n  headerName,\n  flex: 1,\n  // Guarded so one row with a missing date can't crash the whole grid\n  renderCell: (params: GridRenderCellParams) => (params.value ? <DateCell isoDateTime={params.value} /> : null),\n});\n\nconst buildColumns = (view: ActionSearchView): GridColDef[] => {\n  // Lookup-only fields (e.g. email recipient) have no row attribute to show\n  const fieldColumns: GridColDef[] = view.fields\n    .filter((field) => !field.hasLookup)\n    .map((field) => ({ field: field.name, headerName: field.label, flex: 1 }));\n\n  if (view.kind === 'action') {\n    return [\n      dateColumn('startedAt', 'Started at'),\n      { field: 'moduleName', headerName: 'Service', flex: 1 },\n      ...fieldColumns,\n      { field: 'error', headerName: 'Error', flex: 2 },\n    ];\n  }\n\n  return [dateColumn('createdAt', 'Created at'), ...fieldColumns];\n};\n\nconst getRowId = (view: ActionSearchView, row: ActionSearchResultRow): string =>\n  view.kind === 'action' ? `${row.correlation}#${row.actionIndex}` : String(row.linkKey);\n\ntype ActionSearchGridProps = {\n  view: ActionSearchView;\n  rows: ActionSearchResultRow[];\n  isLoading: boolean;\n  onRowClick: (row: ActionSearchResultRow) => void;\n};\n\nexport const ActionSearchGrid = ({ view, rows, isLoading, onRowClick }: ActionSearchGridProps) => {\n  const columns = buildColumns(view);\n\n  const handleRowClick = (params: GridRowParams) => onRowClick(params.row as ActionSearchResultRow);\n\n  return (\n    <DataGrid\n      autoPageSize\n      columns={columns}\n      components={{\n        Pagination: DataGridPagination,\n      }}\n      loading={isLoading}\n      onRowClick={handleRowClick}\n      rows={rows.map((row) => ({ ...row, id: getRowId(view, row) }))}\n    />\n  );\n};\n"]}

package/lib/commonjs/ActionSearch/components/EntityTimelineDialog.d.ts

@@ -0,0 +1,9 @@
+import { Nullable } from '@qpqjs/core';
+import { EntityTimeline } from '../types/EntityTimeline';
+type EntityTimelineDialogProps = {
+    timeline: Nullable<EntityTimeline>;
+    onClose: () => void;
+    onOpenLog: (correlation: string) => void;
+};
+export declare const EntityTimelineDialog: ({ timeline, onClose, onOpenLog }: EntityTimelineDialogProps) => import("react").JSX.Element;
+export {};

package/lib/commonjs/ActionSearch/components/EntityTimelineDialog.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EntityTimelineDialog = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Button_1 = __importDefault(require("@mui/material/Button"));
+const Dialog_1 = __importDefault(require("@mui/material/Dialog"));
+const DialogContent_1 = __importDefault(require("@mui/material/DialogContent"));
+const DialogTitle_1 = __importDefault(require("@mui/material/DialogTitle"));
+const Table_1 = __importDefault(require("@mui/material/Table"));
+const TableBody_1 = __importDefault(require("@mui/material/TableBody"));
+const TableCell_1 = __importDefault(require("@mui/material/TableCell"));
+const TableHead_1 = __importDefault(require("@mui/material/TableHead"));
+const TableRow_1 = __importDefault(require("@mui/material/TableRow"));
+const DateCell_1 = require("../../components/DateCell/DateCell");
+// Presentational only: the parent fetches the timeline in the row-click handler
+const EntityTimelineDialog = ({ timeline, onClose, onOpenLog }) => {
+    var _a;
+    return ((0, jsx_runtime_1.jsxs)(Dialog_1.default, { fullWidth: true, maxWidth: "md", onClose: onClose, open: !!timeline, children: [(0, jsx_runtime_1.jsx)(DialogTitle_1.default, { children: "Timeline" }), (0, jsx_runtime_1.jsx)(DialogContent_1.default, { children: (0, jsx_runtime_1.jsxs)(Table_1.default, { size: "small", children: [(0, jsx_runtime_1.jsx)(TableHead_1.default, { children: (0, jsx_runtime_1.jsxs)(TableRow_1.default, { children: [(0, jsx_runtime_1.jsx)(TableCell_1.default, { children: "Time" }), (0, jsx_runtime_1.jsx)(TableCell_1.default, { children: "Action" }), (0, jsx_runtime_1.jsx)(TableCell_1.default, { children: "Service" }), (0, jsx_runtime_1.jsx)(TableCell_1.default, { children: "Error" }), (0, jsx_runtime_1.jsx)(TableCell_1.default, {})] }) }), (0, jsx_runtime_1.jsx)(TableBody_1.default, { children: ((_a = timeline === null || timeline === void 0 ? void 0 : timeline.rows) !== null && _a !== void 0 ? _a : []).map((row) => {
+                                var _a;
+                                return ((0, jsx_runtime_1.jsxs)(TableRow_1.default, { children: [(0, jsx_runtime_1.jsx)(TableCell_1.default, { children: (0, jsx_runtime_1.jsx)(DateCell_1.DateCell, { isoDateTime: row.startedAt }) }), (0, jsx_runtime_1.jsx)(TableCell_1.default, { children: row.actionType }), (0, jsx_runtime_1.jsx)(TableCell_1.default, { children: row.moduleName }), (0, jsx_runtime_1.jsx)(TableCell_1.default, { children: (_a = row.error) !== null && _a !== void 0 ? _a : '' }), (0, jsx_runtime_1.jsx)(TableCell_1.default, { children: (0, jsx_runtime_1.jsx)(Button_1.default, { onClick: () => onOpenLog(row.correlation), size: "small", children: "Open log" }) })] }, `${row.correlation}#${row.actionIndex}`));
+                            }) })] }) })] }));
+};
+exports.EntityTimelineDialog = EntityTimelineDialog;
+//# sourceMappingURL=EntityTimelineDialog.js.map

package/lib/commonjs/ActionSearch/components/EntityTimelineDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityTimelineDialog.js","sourceRoot":"","sources":["../../../../src/ActionSearch/components/EntityTimelineDialog.tsx"],"names":[],"mappings":";;;;;;;AAEA,kEAA0C;AAC1C,kEAA0C;AAC1C,gFAAwD;AACxD,4EAAoD;AACpD,gEAAwC;AACxC,wEAAgD;AAChD,wEAAgD;AAChD,wEAAgD;AAChD,sEAA8C;AAE9C,iEAA8D;AAS9D,gFAAgF;AACzE,MAAM,oBAAoB,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAA6B,EAAE,EAAE;;IAAC,OAAA,CACnG,wBAAC,gBAAM,IAAC,SAAS,QAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,QAAQ,aAChE,uBAAC,qBAAW,2BAAuB,EACnC,uBAAC,uBAAa,cACZ,wBAAC,eAAK,IAAC,IAAI,EAAC,OAAO,aACjB,uBAAC,mBAAS,cACR,wBAAC,kBAAQ,eACP,uBAAC,mBAAS,uBAAiB,EAC3B,uBAAC,mBAAS,yBAAmB,EAC7B,uBAAC,mBAAS,0BAAoB,EAC9B,uBAAC,mBAAS,wBAAkB,EAC5B,uBAAC,mBAAS,KAAG,IACJ,GACD,EACZ,uBAAC,mBAAS,cACP,CAAC,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,mCAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;;gCAAC,OAAA,CACnC,wBAAC,kBAAQ,eACP,uBAAC,mBAAS,cACR,uBAAC,mBAAQ,IAAC,WAAW,EAAE,GAAG,CAAC,SAAS,GAAI,GAC9B,EACZ,uBAAC,mBAAS,cAAE,GAAG,CAAC,UAAU,GAAa,EACvC,uBAAC,mBAAS,cAAE,GAAG,CAAC,UAAU,GAAa,EACvC,uBAAC,mBAAS,cAAE,MAAA,GAAG,CAAC,KAAK,mCAAI,EAAE,GAAa,EACxC,uBAAC,mBAAS,cACR,uBAAC,gBAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,IAAI,EAAC,OAAO,yBAEtD,GACC,KAXC,GAAG,GAAG,CAAC,WAAW,IAAI,GAAG,CAAC,WAAW,EAAE,CAY3C,CACZ,CAAA;6BAAA,CAAC,GACQ,IACN,GACM,IACT,CACV,CAAA;CAAA,CAAC;AAlCW,QAAA,oBAAoB,wBAkC/B","sourcesContent":["import { Nullable } from '@qpqjs/core';\n\nimport Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport Table from '@mui/material/Table';\nimport TableBody from '@mui/material/TableBody';\nimport TableCell from '@mui/material/TableCell';\nimport TableHead from '@mui/material/TableHead';\nimport TableRow from '@mui/material/TableRow';\n\nimport { DateCell } from '../../components/DateCell/DateCell';\nimport { EntityTimeline } from '../types/EntityTimeline';\n\ntype EntityTimelineDialogProps = {\n  timeline: Nullable<EntityTimeline>;\n  onClose: () => void;\n  onOpenLog: (correlation: string) => void;\n};\n\n// Presentational only: the parent fetches the timeline in the row-click handler\nexport const EntityTimelineDialog = ({ timeline, onClose, onOpenLog }: EntityTimelineDialogProps) => (\n  <Dialog fullWidth maxWidth=\"md\" onClose={onClose} open={!!timeline}>\n    <DialogTitle>Timeline</DialogTitle>\n    <DialogContent>\n      <Table size=\"small\">\n        <TableHead>\n          <TableRow>\n            <TableCell>Time</TableCell>\n            <TableCell>Action</TableCell>\n            <TableCell>Service</TableCell>\n            <TableCell>Error</TableCell>\n            <TableCell />\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          {(timeline?.rows ?? []).map((row) => (\n            <TableRow key={`${row.correlation}#${row.actionIndex}`}>\n              <TableCell>\n                <DateCell isoDateTime={row.startedAt} />\n              </TableCell>\n              <TableCell>{row.actionType}</TableCell>\n              <TableCell>{row.moduleName}</TableCell>\n              <TableCell>{row.error ?? ''}</TableCell>\n              <TableCell>\n                <Button onClick={() => onOpenLog(row.correlation)} size=\"small\">\n                  Open log\n                </Button>\n              </TableCell>\n            </TableRow>\n          ))}\n        </TableBody>\n      </Table>\n    </DialogContent>\n  </Dialog>\n);\n"]}

package/lib/commonjs/ActionSearch/hooks/useActionSearch.d.ts

@@ -0,0 +1,9 @@
+import { Nullable } from '@qpqjs/core';
+import { ActionSearchFilter } from '@qpqjs/features';
+import { ActionSearchView } from '../types/ActionSearchView';
+export type ActionSearchResultRow = Record<string, unknown>;
+export declare const useActionSearch: (view: Nullable<ActionSearchView>) => {
+    rows: ActionSearchResultRow[];
+    isSearching: boolean;
+    runSearch: (startIsoDateTime: string, endIsoDateTime: string, filters: ActionSearchFilter[]) => Promise<void>;
+};

package/lib/commonjs/ActionSearch/hooks/useActionSearch.js

@@ -0,0 +1,52 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useActionSearch = void 0;
+const react_1 = require("react");
+const useAsyncRequest_1 = require("../../view/hooks/useAsyncRequest");
+// Matches the events search cap so a wide-open query can't page forever
+const MAX_RESULTS = 3000;
+const useActionSearch = (view) => {
+    const listActionRows = (0, useAsyncRequest_1.usePlatformApiPost)('/actionSearch/actions/list');
+    const listEntityRows = (0, useAsyncRequest_1.usePlatformApiPost)('/actionSearch/entities/list');
+    const [results, setResults] = (0, react_1.useState)({ viewKey: '', rows: [] });
+    const [isSearching, setIsSearching] = (0, react_1.useState)(false);
+    const runSearch = (startIsoDateTime, endIsoDateTime, filters) => __awaiter(void 0, void 0, void 0, function* () {
+        if (!view) {
+            return;
+        }
+        setIsSearching(true);
+        try {
+            const collected = [];
+            let nextPageKey = undefined;
+            do {
+                const request = Object.assign(Object.assign({}, (view.kind === 'action' ? { actionType: view.key } : { entityType: view.key })), { startIsoDateTime,
+                    endIsoDateTime,
+                    filters,
+                    nextPageKey });
+                const page = view.kind === 'action' ? yield listActionRows(request) : yield listEntityRows(request);
+                collected.push(...page.items);
+                nextPageKey = page.nextPageKey;
+            } while (nextPageKey && collected.length < MAX_RESULTS);
+            setResults({ viewKey: view.key, rows: collected });
+        }
+        finally {
+            setIsSearching(false);
+        }
+    });
+    // Rows are tagged with the view that produced them. Deriving (not clearing in an
+    // effect) matters: an effect runs after render, so the first render after a view
+    // switch would still hand the old rows to the new view's columns and crash.
+    const rows = view && results.viewKey === view.key ? results.rows : [];
+    return { rows, isSearching, runSearch };
+};
+exports.useActionSearch = useActionSearch;
+//# sourceMappingURL=useActionSearch.js.map

package/lib/commonjs/ActionSearch/hooks/useActionSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActionSearch.js","sourceRoot":"","sources":["../../../../src/ActionSearch/hooks/useActionSearch.ts"],"names":[],"mappings":";;;;;;;;;;;;AAGA,iCAAiC;AAEjC,sEAAsE;AAGtE,wEAAwE;AACxE,MAAM,WAAW,GAAG,IAAI,CAAC;AASlB,MAAM,eAAe,GAAG,CAAC,IAAgC,EAAE,EAAE;IAClE,MAAM,cAAc,GAAG,IAAA,oCAAkB,EAAsC,4BAA4B,CAAC,CAAC;IAC7G,MAAM,cAAc,GAAG,IAAA,oCAAkB,EAAsC,6BAA6B,CAAC,CAAC;IAE9G,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAsB,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IACvF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEtD,MAAM,SAAS,GAAG,CAAO,gBAAwB,EAAE,cAAsB,EAAE,OAA6B,EAAiB,EAAE;QACzH,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,OAAO;QACT,CAAC;QAED,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,IAAI,CAAC;YACH,MAAM,SAAS,GAA4B,EAAE,CAAC;YAC9C,IAAI,WAAW,GAAuB,SAAS,CAAC;YAEhD,GAAG,CAAC;gBACF,MAAM,OAAO,mCACR,CAAC,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,KACjF,gBAAgB;oBAChB,cAAc;oBACd,OAAO;oBACP,WAAW,GACZ,CAAC;gBAEF,MAAM,IAAI,GAAwC,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,cAAc,CAAC,OAAO,CAAC,CAAC;gBAEzI,SAAS,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC9B,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;YACjC,CAAC,QAAQ,WAAW,IAAI,SAAS,CAAC,MAAM,GAAG,WAAW,EAAE;YAExD,UAAU,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;QACrD,CAAC;gBAAS,CAAC;YACT,cAAc,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC;IACH,CAAC,CAAA,CAAC;IAEF,iFAAiF;IACjF,iFAAiF;IACjF,4EAA4E;IAC5E,MAAM,IAAI,GAAG,IAAI,IAAI,OAAO,CAAC,OAAO,KAAK,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;IAEtE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC;AAC1C,CAAC,CAAC;AA5CW,QAAA,eAAe,mBA4C1B","sourcesContent":["import { Nullable, QpqPagedData } from '@qpqjs/core';\nimport { ActionSearchFilter } from '@qpqjs/features';\n\nimport { useState } from 'react';\n\nimport { usePlatformApiPost } from '../../view/hooks/useAsyncRequest';\nimport { ActionSearchView } from '../types/ActionSearchView';\n\n// Matches the events search cap so a wide-open query can't page forever\nconst MAX_RESULTS = 3000;\n\nexport type ActionSearchResultRow = Record<string, unknown>;\n\ntype ActionSearchResults = {\n  viewKey: string;\n  rows: ActionSearchResultRow[];\n};\n\nexport const useActionSearch = (view: Nullable<ActionSearchView>) => {\n  const listActionRows = usePlatformApiPost<QpqPagedData<ActionSearchResultRow>>('/actionSearch/actions/list');\n  const listEntityRows = usePlatformApiPost<QpqPagedData<ActionSearchResultRow>>('/actionSearch/entities/list');\n\n  const [results, setResults] = useState<ActionSearchResults>({ viewKey: '', rows: [] });\n  const [isSearching, setIsSearching] = useState(false);\n\n  const runSearch = async (startIsoDateTime: string, endIsoDateTime: string, filters: ActionSearchFilter[]): Promise<void> => {\n    if (!view) {\n      return;\n    }\n\n    setIsSearching(true);\n    try {\n      const collected: ActionSearchResultRow[] = [];\n      let nextPageKey: string | undefined = undefined;\n\n      do {\n        const request: Record<string, unknown> = {\n          ...(view.kind === 'action' ? { actionType: view.key } : { entityType: view.key }),\n          startIsoDateTime,\n          endIsoDateTime,\n          filters,\n          nextPageKey,\n        };\n\n        const page: QpqPagedData<ActionSearchResultRow> = view.kind === 'action' ? await listActionRows(request) : await listEntityRows(request);\n\n        collected.push(...page.items);\n        nextPageKey = page.nextPageKey;\n      } while (nextPageKey && collected.length < MAX_RESULTS);\n\n      setResults({ viewKey: view.key, rows: collected });\n    } finally {\n      setIsSearching(false);\n    }\n  };\n\n  // Rows are tagged with the view that produced them. Deriving (not clearing in an\n  // effect) matters: an effect runs after render, so the first render after a view\n  // switch would still hand the old rows to the new view's columns and crash.\n  const rows = view && results.viewKey === view.key ? results.rows : [];\n\n  return { rows, isSearching, runSearch };\n};\n"]}

package/lib/commonjs/ActionSearch/hooks/useActionSearchViews.d.ts

@@ -0,0 +1,2 @@
+import { ActionSearchView } from '../types/ActionSearchView';
+export declare const useActionSearchViews: () => ActionSearchView[];

package/lib/commonjs/ActionSearch/hooks/useActionSearchViews.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useActionSearchViews = void 0;
+const features_1 = require("@qpqjs/features");
+const react_1 = require("react");
+const buildViews = () => {
+    const views = [];
+    // Definitions can share an entity (e.g. email send + status updates); one view each
+    const seenEntityTypes = new Set();
+    for (const definition of features_1.actionSearchRegistry) {
+        views.push({
+            kind: 'action',
+            key: definition.action.actionType,
+            viewName: definition.action.viewName,
+            fields: definition.action.fields,
+        });
+        if (definition.entity && !seenEntityTypes.has(definition.entity.entityType)) {
+            seenEntityTypes.add(definition.entity.entityType);
+            views.push({
+                kind: 'entity',
+                key: definition.entity.entityType,
+                viewName: definition.entity.viewName,
+                fields: definition.entity.fields,
+            });
+        }
+    }
+    return views;
+};
+const useActionSearchViews = () => (0, react_1.useMemo)(buildViews, []);
+exports.useActionSearchViews = useActionSearchViews;
+//# sourceMappingURL=useActionSearchViews.js.map

package/lib/commonjs/ActionSearch/hooks/useActionSearchViews.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActionSearchViews.js","sourceRoot":"","sources":["../../../../src/ActionSearch/hooks/useActionSearchViews.ts"],"names":[],"mappings":";;;AAAA,8CAAuD;AAEvD,iCAAgC;AAIhC,MAAM,UAAU,GAAG,GAAuB,EAAE;IAC1C,MAAM,KAAK,GAAuB,EAAE,CAAC;IAErC,oFAAoF;IACpF,MAAM,eAAe,GAAG,IAAI,GAAG,EAAU,CAAC;IAE1C,KAAK,MAAM,UAAU,IAAI,+BAAoB,EAAE,CAAC;QAC9C,KAAK,CAAC,IAAI,CAAC;YACT,IAAI,EAAE,QAAQ;YACd,GAAG,EAAE,UAAU,CAAC,MAAM,CAAC,UAAU;YACjC,QAAQ,EAAE,UAAU,CAAC,MAAM,CAAC,QAAQ;YACpC,MAAM,EAAE,UAAU,CAAC,MAAM,CAAC,MAAM;SACjC,CAAC,CAAC;QAEH,IAAI,UAAU,CAAC,MAAM,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,CAAC;YAC5E,eAAe,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;YAElD,KAAK,CAAC,IAAI,CAAC;gBACT,IAAI,EAAE,QAAQ;gBACd,GAAG,EAAE,UAAU,CAAC,MAAM,CAAC,UAAU;gBACjC,QAAQ,EAAE,UAAU,CAAC,MAAM,CAAC,QAAQ;gBACpC,MAAM,EAAE,UAAU,CAAC,MAAM,CAAC,MAAM;aACjC,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEK,MAAM,oBAAoB,GAAG,GAAuB,EAAE,CAAC,IAAA,eAAO,EAAC,UAAU,EAAE,EAAE,CAAC,CAAC;AAAzE,QAAA,oBAAoB,wBAAqD","sourcesContent":["import { actionSearchRegistry } from '@qpqjs/features';\n\nimport { useMemo } from 'react';\n\nimport { ActionSearchView } from '../types/ActionSearchView';\n\nconst buildViews = (): ActionSearchView[] => {\n  const views: ActionSearchView[] = [];\n\n  // Definitions can share an entity (e.g. email send + status updates); one view each\n  const seenEntityTypes = new Set<string>();\n\n  for (const definition of actionSearchRegistry) {\n    views.push({\n      kind: 'action',\n      key: definition.action.actionType,\n      viewName: definition.action.viewName,\n      fields: definition.action.fields,\n    });\n\n    if (definition.entity && !seenEntityTypes.has(definition.entity.entityType)) {\n      seenEntityTypes.add(definition.entity.entityType);\n\n      views.push({\n        kind: 'entity',\n        key: definition.entity.entityType,\n        viewName: definition.entity.viewName,\n        fields: definition.entity.fields,\n      });\n    }\n  }\n\n  return views;\n};\n\nexport const useActionSearchViews = (): ActionSearchView[] => useMemo(buildViews, []);\n"]}

package/lib/commonjs/ActionSearch/index.d.ts

@@ -0,0 +1 @@
+export * from './ActionSearch';

package/lib/commonjs/ActionSearch/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ActionSearch"), exports);
+//# sourceMappingURL=index.js.map

package/lib/commonjs/ActionSearch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ActionSearch/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA+B","sourcesContent":["export * from './ActionSearch';\n"]}

package/lib/commonjs/ActionSearch/types/ActionSearchView.d.ts

@@ -0,0 +1,7 @@
+import { ActionSearchFieldDefinition } from '@qpqjs/features';
+export type ActionSearchView = {
+    kind: 'action' | 'entity';
+    key: string;
+    viewName: string;
+    fields: ActionSearchFieldDefinition[];
+};

package/lib/commonjs/ActionSearch/types/ActionSearchView.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=ActionSearchView.js.map

package/lib/commonjs/ActionSearch/types/ActionSearchView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionSearchView.js","sourceRoot":"","sources":["../../../../src/ActionSearch/types/ActionSearchView.ts"],"names":[],"mappings":"","sourcesContent":["import { ActionSearchFieldDefinition } from '@qpqjs/features';\n\nexport type ActionSearchView = {\n  kind: 'action' | 'entity';\n\n  // actionType for action views, entityType for entity views\n  key: string;\n\n  viewName: string;\n  fields: ActionSearchFieldDefinition[];\n};\n"]}

package/lib/commonjs/ActionSearch/types/EntityTimeline.d.ts

@@ -0,0 +1,5 @@
+import { ActionSearchActionRow } from '@qpqjs/features';
+export type EntityTimeline = {
+    linkKey: string;
+    rows: ActionSearchActionRow[];
+};

package/lib/commonjs/ActionSearch/types/EntityTimeline.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=EntityTimeline.js.map

package/lib/commonjs/ActionSearch/types/EntityTimeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityTimeline.js","sourceRoot":"","sources":["../../../../src/ActionSearch/types/EntityTimeline.ts"],"names":[],"mappings":"","sourcesContent":["import { ActionSearchActionRow } from '@qpqjs/features';\n\nexport type EntityTimeline = {\n  linkKey: string;\n  rows: ActionSearchActionRow[];\n};\n"]}

package/lib/commonjs/ActionSearch/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ActionSearchView';
+export * from './EntityTimeline';

package/lib/commonjs/ActionSearch/types/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ActionSearchView"), exports);
+__exportStar(require("./EntityTimeline"), exports);
+//# sourceMappingURL=index.js.map

package/lib/commonjs/ActionSearch/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ActionSearch/types/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,qDAAmC;AACnC,mDAAiC","sourcesContent":["export * from './ActionSearchView';\nexport * from './EntityTimeline';\n"]}

package/lib/commonjs/App/App.d.ts

@@ -0,0 +1,8 @@
+import { BaseUrlResolvers } from '@qpqjs/web-react';
+import React from 'react';
+import { LoadFederatedAddons } from '../FederatedAddon';
+export type AppProps = {
+    urlResolvers: BaseUrlResolvers;
+    loadAddons?: LoadFederatedAddons;
+};
+export declare const App: React.FC<AppProps>;