@solidxai/core-ui 0.1.20 → 0.1.21-beta.0

package/dist/routes/pages/admin/core/ArchivedChatterMessagesPage.tsx

@@ -1,96 +1,306 @@
 import React from 'react';
 import qs from 'qs';
-import { ChevronLeft, ChevronRight, Loader2 } from 'lucide-react';
-import { SolidButton } from '../../../../components/shad-cn-ui';
+import { Loader2 } from 'lucide-react';
+import { SolidAutocomplete } from '../../../../components/shad-cn-ui/SolidAutocomplete';
+import { Column, SolidDataTable } from '../../../../components/core/list/SolidDataTable';
+import { useLazyGetModelsQuery } from '../../../../redux/api/modelApi';
+import { createSolidEntityApi } from '../../../../redux/api/solidEntityApi';
 import { useGetArchivedChatterMessagesQuery, useLazyGetArchivedChatterMessageQuery } from '../../../../redux/api/solidChatterMessageApi';
 
-const PAGE_SIZE = 25;
-type Filters = { entityName: string; entityId: string; messageType: string; messageSubType: string; user: string; from: string; to: string };
+const DEFAULT_PAGE_SIZE = 25;
+const PAGE_SIZE_OPTIONS = [10, 25, 50, 100];
+const MESSAGE_TYPES = [
+  { label: 'All types', value: '' },
+  { label: 'Audit', value: 'audit' },
+  { label: 'Custom', value: 'custom' },
+];
+const MESSAGE_SUBTYPES = [
+  { label: 'All subtypes', value: '' },
+  { label: 'Audit insert', value: 'audit_insert' },
+  { label: 'Audit update', value: 'audit_update' },
+  { label: 'Audit delete', value: 'audit_delete' },
+  { label: 'Custom', value: 'custom' },
+  { label: 'Note', value: 'note' },
+  { label: 'Task', value: 'task' },
+];
+
+type AutocompleteOption = { label: string; value: string | number };
+type ArchiveFilters = {
+  entity: AutocompleteOption | null;
+  entityId: string;
+  messageType: string;
+  messageSubType: string;
+  user: AutocompleteOption | null;
+  from: string;
+  to: string;
+};
+
+const userApi = createSolidEntityApi('User');
+
+const buildQueryString = (query: Record<string, unknown>) =>
+  qs.stringify(query, { encodeValuesOnly: true });
+
+function toLocalDateBoundary(value: string, endOfDay = false): string {
+  const date = new Date(`${value}T${endOfDay ? '23:59:59.999' : '00:00:00'}`);
+  return date.toISOString();
+}
 
 export function ArchivedChatterMessagesPage() {
-  const [filters, setFilters] = React.useState<Filters>({ entityName: '', entityId: '', messageType: '', messageSubType: '', user: '', from: '', to: '' });
-  const [offset, setOffset] = React.useState(0);
+  const [filters, setFilters] = React.useState<ArchiveFilters>({
+    entity: null,
+    entityId: '',
+    messageType: '',
+    messageSubType: '',
+    user: null,
+    from: '',
+    to: '',
+  });
+  const [first, setFirst] = React.useState(0);
+  const [rows, setRows] = React.useState(DEFAULT_PAGE_SIZE);
   const [selectedId, setSelectedId] = React.useState<number | null>(null);
+  const [modelOptions, setModelOptions] = React.useState<AutocompleteOption[]>([]);
+  const [userOptions, setUserOptions] = React.useState<AutocompleteOption[]>([]);
 
-  const queryString = React.useMemo(() => {
-    const query: any = { limit: PAGE_SIZE, offset };
+  const [getModels, { data: modelsData }] = useLazyGetModelsQuery();
+  const [getUsers] = userApi.useLazyGetSolidEntitiesQuery();
+  const {
+    data,
+    isLoading,
+    isError,
+  } = useGetArchivedChatterMessagesQuery(React.useMemo(() => {
+    const query: Record<string, unknown> = {
+      limit: rows,
+      offset: first,
+      sort: ['createdAt:DESC'],
+    };
     const where: Record<string, any> = {};
-    if (filters.entityName.trim()) where.coModelName = { $containsi: filters.entityName.trim() };
-    if (filters.entityId.trim() && Number.isFinite(Number(filters.entityId))) where.coModelEntityId = { $eq: Number(filters.entityId) };
+    if (filters.entity?.value) where.coModelName = { $eq: filters.entity.value };
+    if (filters.entityId.trim() && Number.isFinite(Number(filters.entityId))) {
+      where.coModelEntityId = { $eq: Number(filters.entityId) };
+    }
     if (filters.messageType) where.messageType = { $eq: filters.messageType };
-    if (filters.messageSubType.trim()) where.messageSubType = { $containsi: filters.messageSubType.trim() };
-    if (filters.user.trim()) where.user = { fullName: { $containsi: filters.user.trim() } };
+    if (filters.messageSubType) where.messageSubType = { $eq: filters.messageSubType };
+    if (filters.user?.value) where.user = { id: { $eq: filters.user.value } };
     if (filters.from || filters.to) {
       where.createdAt = {};
-      if (filters.from) where.createdAt.$gte = new Date(filters.from).toISOString();
-      if (filters.to) where.createdAt.$lte = new Date(filters.to).toISOString();
+      if (filters.from) where.createdAt.$gte = toLocalDateBoundary(filters.from);
+      if (filters.to) where.createdAt.$lte = toLocalDateBoundary(filters.to, true);
     }
     if (Object.keys(where).length) query.filters = where;
-    query.sort = ['createdAt:DESC'];
-    return qs.stringify(query, { encodeValuesOnly: true });
-  }, [filters, offset]);
+    return buildQueryString(query);
+  }, [filters, first, rows]));
 
-  const { data, isLoading, isFetching, error } = useGetArchivedChatterMessagesQuery(queryString);
-  const [fetchOne, { data: detailData, isFetching: detailLoading }] = useLazyGetArchivedChatterMessageQuery();
+  const [fetchOne, { currentData: detailData, isFetching: detailLoading }] = useLazyGetArchivedChatterMessageQuery();
   const records = data?.records ?? [];
   const meta = data?.meta ?? {};
+  React.useEffect(() => {
+    getModels('offset=0&limit=1000&sort[0]=displayName%3AASC');
+  }, [getModels]);
+
+  React.useEffect(() => {
+    const options = (modelsData?.records ?? [])
+      .filter((model: any) => model?.singularName)
+      .map((model: any) => ({
+        label: model.displayName && model.displayName !== model.singularName
+          ? `${model.displayName} (${model.singularName})`
+          : model.singularName,
+        value: model.singularName,
+      }));
+    setModelOptions(options);
+  }, [modelsData]);
+
+  const updateFilter = <K extends keyof ArchiveFilters>(key: K, value: ArchiveFilters[K]) => {
+    setFirst(0);
+    setFilters(current => ({ ...current, [key]: value }));
+  };
+
+  const completeModels = ({ query }: { query: string }) => {
+    const normalizedQuery = query.trim().toLocaleLowerCase();
+    setModelOptions((modelsData?.records ?? [])
+      .filter((model: any) => model?.singularName)
+      .filter((model: any) => !normalizedQuery ||
+        `${model.displayName ?? ''} ${model.singularName}`.toLocaleLowerCase().includes(normalizedQuery))
+      .slice(0, 25)
+      .map((model: any) => ({
+        label: model.displayName && model.displayName !== model.singularName
+          ? `${model.displayName} (${model.singularName})`
+          : model.singularName,
+        value: model.singularName,
+      })));
+  };
+
+  const completeUsers = async ({ query }: { query: string }) => {
+    const queryString = buildQueryString({
+      offset: 0,
+      limit: 10,
+      sort: ['fullName:ASC'],
+      filters: query.trim() ? { fullName: { $containsi: query.trim() } } : {},
+    });
+    const response = await getUsers(queryString);
+    const users = response.data?.records ?? [];
+    setUserOptions(users.map((user: any) => ({
+      label: user.fullName || user.username || `User ${user.id}`,
+      value: user.id,
+    })));
+  };
 
-  const openRecord = async (id: number) => {
+  const openRecord = (id: number) => {
     setSelectedId(id);
-    await fetchOne(id);
+    void fetchOne(id);
   };
+
   const selected = detailData?.record;
+  const emptyMessage = isLoading
+    ? <span className="inline-flex items-center justify-center gap-2"><Loader2 className="animate-spin" size={16} />Loading archived messages…</span>
+    : isError
+      ? <span role="alert" className="text-red-600">Unable to load archived messages. Check the archive store connection and try again.</span>
+      : 'No archived messages found';
+
+  return (
+    <div className="page-parent-wrapper solid-list-page-wrapper flex h-full min-h-0 overflow-hidden">
+      <div className="solid-list-content flex min-w-0 flex-grow-1 flex-col">
+        <div className="solid-list-surface flex min-h-0 flex-1 flex-col">
+          <div className="page-header solid-list-toolbar flex-col">
+            <section className="solid-list-toolbar-left grid w-full grid-cols-1 items-end gap-3 sm:grid-cols-2 xl:grid-cols-7" aria-label="Archived message filters">
+              <label className="flex min-w-0 flex-col gap-1 text-sm">
+                Entity
+                <SolidAutocomplete
+                  dropdown
+                  forceSelection
+                  field="label"
+                  value={filters.entity}
+                  suggestions={modelOptions}
+                  completeMethod={completeModels}
+                  onChange={(event) => updateFilter('entity', event.value)}
+                  placeholder="All entities"
+                  className="w-full solid-standard-autocomplete"
+                  inputClassName="w-full solid-filter-compact-control"
+                  emptyMessage="No models found"
+                />
+              </label>
+              <label className="flex min-w-0 flex-col gap-1 text-sm">
+                Entity ID
+                <input
+                  className="solid-input w-full solid-filter-compact-control"
+                  type="text"
+                  value={filters.entityId}
+                  onChange={(event) => updateFilter('entityId', event.target.value)}
+                  placeholder="Any entity ID"
+                />
+              </label>
+              <label className="flex min-w-0 flex-col gap-1 text-sm">
+                Message type
+                <select className="solid-input w-full solid-filter-compact-control" value={filters.messageType} onChange={(event) => updateFilter('messageType', event.target.value)}>
+                  {MESSAGE_TYPES.map(option => <option key={option.value || 'all'} value={option.value}>{option.label}</option>)}
+                </select>
+              </label>
+              <label className="flex min-w-0 flex-col gap-1 text-sm">
+                Message subtype
+                <select className="solid-input w-full solid-filter-compact-control" value={filters.messageSubType} onChange={(event) => updateFilter('messageSubType', event.target.value)}>
+                  {MESSAGE_SUBTYPES.map(option => <option key={option.value || 'all'} value={option.value}>{option.label}</option>)}
+                </select>
+              </label>
+              <label className="flex min-w-0 flex-col gap-1 text-sm">
+                Changed by
+                <SolidAutocomplete
+                  dropdown
+                  forceSelection
+                  field="label"
+                  value={filters.user}
+                  suggestions={userOptions}
+                  completeMethod={completeUsers}
+                  onChange={(event) => updateFilter('user', event.value)}
+                  placeholder="Any user"
+                  className="w-full solid-standard-autocomplete"
+                  inputClassName="w-full solid-filter-compact-control"
+                  emptyMessage="No users found"
+                />
+              </label>
+              <label className="flex min-w-0 flex-col gap-1 text-sm">
+                From
+                <input className="solid-input w-full solid-filter-compact-control" type="date" value={filters.from} onChange={(event) => updateFilter('from', event.target.value)} />
+              </label>
+              <label className="flex min-w-0 flex-col gap-1 text-sm">
+                To
+                <input className="solid-input w-full solid-filter-compact-control" type="date" value={filters.to} onChange={(event) => updateFilter('to', event.target.value)} />
+              </label>
+            </section>
+          </div>
+
+          {data?.available === false ? (
+            <section className="m-4 rounded-md border border-border/60 bg-background p-6 text-center" role="status">
+              <h2 className="m-0 text-base font-semibold">Chatter archival is not enabled</h2>
+              <p className="mb-0 mt-2 text-sm text-muted-foreground">Configure and register an IChatterMessageArchive provider in the consuming project to archive and browse messages.</p>
+            </section>
+          ) : (
+            <>
+              <div className="solid-datatable-wrapper solid-list-table-area min-h-0 flex-1 overflow-hidden">
+                <SolidDataTable
+                  value={records}
+                  dataKey="id"
+                  rows={rows}
+                  first={first}
+                  totalRecords={meta.totalRecords ?? records.length}
+                  rowsPerPageOptions={PAGE_SIZE_OPTIONS}
+                  onPage={(event) => {
+                    setFirst(event.first);
+                    setRows(event.rows);
+                  }}
+                  emptyMessage={emptyMessage}
+                  viewportHeight="100%"
+                  rowClassName={() => 'cursor-pointer'}
+                  onRowClick={(event) => openRecord(event.data.id)}
+                  currentPageReportTemplate="{first} - {last} of {totalRecords}"
+                >
+                  <Column header="Date" body={(message: any) => message.createdAt ? new Date(message.createdAt).toLocaleString() : '—'} />
+                  <Column header="Entity" body={(message: any) => message.modelDisplayName || message.coModelName || '—'} />
+                  <Column header="Entity ID" body={(message: any) => message.coModelEntityId ?? '—'} />
+                  <Column header="Type" body={(message: any) => message.messageType || '—'} />
+                  <Column header="Subtype" body={(message: any) => message.messageSubType || '—'} />
+                  <Column header="Changed by" body={(message: any) => message.user?.fullName || 'System'} />
+                  <Column header="Message" body={(message: any) => <span className="line-clamp-2 min-w-48">{message.messageBody || 'View message details'}</span>} />
+                </SolidDataTable>
+              </div>
+            </>
+          )}
+        </div>
+      </div>
 
-  return <main className="mx-auto flex w-full max-w-7xl flex-col gap-5 p-6">
-    <header>
-      <h1 className="m-0 text-2xl font-semibold">Archived Messages</h1>
-      <p className="mt-1 text-sm text-muted-foreground">Search chatter messages moved to the configured archive store.</p>
-    </header>
-
-    {data?.available === false ? <section className="rounded-lg border p-6" role="status">
-      <h2 className="m-0 text-lg font-semibold">Chatter archival is not enabled</h2>
-      <p className="mb-0 mt-2 text-sm text-muted-foreground">Configure and register an IChatterMessageArchive provider in the consuming project to archive and browse messages.</p>
-    </section> : <>
-      <section className="grid grid-cols-1 gap-3 rounded-lg border p-4 sm:grid-cols-2 lg:grid-cols-7" aria-label="Archive filters">
-        <label className="flex flex-col gap-1 text-sm">Entity name<input className="rounded border px-3 py-2" value={filters.entityName} onChange={e => { setOffset(0); setFilters({ ...filters, entityName: e.target.value }); }} placeholder="e.g. customer" /></label>
-        <label className="flex flex-col gap-1 text-sm">Entity ID<input className="rounded border px-3 py-2" inputMode="numeric" value={filters.entityId} onChange={e => { setOffset(0); setFilters({ ...filters, entityId: e.target.value }); }} placeholder="Record ID" /></label>
-        <label className="flex flex-col gap-1 text-sm">Message type<select className="rounded border px-3 py-2" value={filters.messageType} onChange={e => { setOffset(0); setFilters({ ...filters, messageType: e.target.value }); }}><option value="">All types</option><option value="audit">Audit</option><option value="custom">Custom</option></select></label>
-        <label className="flex flex-col gap-1 text-sm">Message subtype<input className="rounded border px-3 py-2" value={filters.messageSubType} onChange={e => { setOffset(0); setFilters({ ...filters, messageSubType: e.target.value }); }} placeholder="e.g. audit_update" /></label>
-        <label className="flex flex-col gap-1 text-sm">Changed by<input className="rounded border px-3 py-2" value={filters.user} onChange={e => { setOffset(0); setFilters({ ...filters, user: e.target.value }); }} placeholder="User name" /></label>
-        <label className="flex flex-col gap-1 text-sm">From<input className="rounded border px-3 py-2" type="datetime-local" value={filters.from} onChange={e => { setOffset(0); setFilters({ ...filters, from: e.target.value }); }} /></label>
-        <label className="flex flex-col gap-1 text-sm">To<input className="rounded border px-3 py-2" type="datetime-local" value={filters.to} onChange={e => { setOffset(0); setFilters({ ...filters, to: e.target.value }); }} /></label>
-      </section>
-
-      {error && <p role="alert" className="text-sm text-red-600">Unable to load archived messages. Check provider availability and try again.</p>}
-      <section className="overflow-hidden rounded-lg border">
-        {isLoading ? <div className="flex items-center gap-2 p-8"><Loader2 className="animate-spin" size={18} />Loading archived messages…</div> : records.length === 0 ? <p className="p-8 text-center text-sm text-muted-foreground">No archived messages match these filters.</p> : <div className="overflow-x-auto">
-          <table className="w-full border-collapse text-left text-sm">
-            <thead className="bg-muted/50"><tr><th className="p-3">Date</th><th className="p-3">Entity</th><th className="p-3">Entity ID</th><th className="p-3">Type</th><th className="p-3">User</th><th className="p-3">Message</th></tr></thead>
-            <tbody>{records.map((message: any) => <tr key={message.id} className="border-t hover:bg-muted/30">
-              <td className="whitespace-nowrap p-3">{message.createdAt ? new Date(message.createdAt).toLocaleString() : '—'}</td>
-              <td className="p-3">{message.modelDisplayName || message.coModelName}</td><td className="p-3">{message.coModelEntityId}</td>
-              <td className="p-3">{message.messageSubType || message.messageType}</td><td className="p-3">{message.user?.fullName || 'System'}</td>
-              <td className="max-w-md p-3"><button type="button" className="text-left text-primary underline" onClick={() => openRecord(message.id)}>{message.messageBody || 'View message'}</button></td>
-            </tr>)}</tbody>
-          </table>
-        </div>}
-      </section>
-
-      <footer className="flex items-center justify-between">
-        <span className="text-sm text-muted-foreground">{meta.totalRecords ?? records.length} archived messages{isFetching ? ' · Updating…' : ''}</span>
-        <div className="flex gap-2"><SolidButton variant="outline" disabled={offset === 0 || isFetching} onClick={() => setOffset(Math.max(0, offset - PAGE_SIZE))}><ChevronLeft size={16} />Previous</SolidButton><SolidButton variant="outline" disabled={records.length < PAGE_SIZE || isFetching} onClick={() => setOffset(offset + PAGE_SIZE)}>Next<ChevronRight size={16} /></SolidButton></div>
-      </footer>
-    </>}
-
-    {selectedId !== null && <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/40 p-4" role="presentation" onClick={() => setSelectedId(null)}>
-      <section role="dialog" aria-modal="true" aria-label="Archived chatter message" className="max-h-[85vh] w-full max-w-3xl overflow-auto rounded-lg bg-background p-6 shadow-xl" onClick={e => e.stopPropagation()}>
-        <div className="mb-4 flex items-start justify-between"><h2 className="m-0 text-xl font-semibold">Archived message #{selectedId}</h2><button type="button" className="rounded px-2 py-1 hover:bg-muted" onClick={() => setSelectedId(null)}>Close</button></div>
-        {detailLoading ? <p>Loading message…</p> : selected ? <>
-          <dl className="grid grid-cols-2 gap-3 text-sm"><dt>Entity</dt><dd>{selected.modelDisplayName || selected.coModelName}</dd><dt>Entity ID</dt><dd>{selected.coModelEntityId}</dd><dt>Date</dt><dd>{selected.createdAt ? new Date(selected.createdAt).toLocaleString() : '—'}</dd><dt>User</dt><dd>{selected.user?.fullName || 'System'}</dd><dt>Subtype</dt><dd>{selected.messageSubType}</dd></dl>
-          <h3 className="mt-5 text-base font-semibold">Message</h3><pre className="whitespace-pre-wrap break-words rounded bg-muted p-3 text-sm">{selected.messageBody || ''}</pre>
-          {!!selected.chatterMessageDetails?.length && <><h3 className="mt-5 text-base font-semibold">Change details</h3><div className="overflow-x-auto"><table className="w-full text-left text-sm"><thead><tr><th className="p-2">Field</th><th className="p-2">Previous</th><th className="p-2">Current</th></tr></thead><tbody>{selected.chatterMessageDetails.map((detail: any, index: number) => <tr className="border-t" key={detail.id ?? index}><td className="p-2">{detail.fieldDisplayName || detail.fieldName}</td><td className="p-2">{detail.oldValueDisplay ?? detail.oldValue ?? '—'}</td><td className="p-2">{detail.newValueDisplay ?? detail.newValue ?? '—'}</td></tr>)}</tbody></table></div></>}
-        </> : <p role="alert">Could not load this archived message.</p>}
-      </section>
-    </div>}
-  </main>;
+      {selectedId !== null && (
+        <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/40 p-4" role="presentation" onClick={() => setSelectedId(null)}>
+          <section role="dialog" aria-modal="true" aria-label="Archived chatter message" className="max-h-[85vh] w-full max-w-3xl overflow-auto rounded-lg bg-background p-6 shadow-xl" onClick={event => event.stopPropagation()}>
+            <div className="mb-4 flex items-start justify-between">
+              <h2 className="m-0 text-xl font-semibold">Archived message #{selectedId}</h2>
+              <button type="button" className="rounded px-2 py-1 hover:bg-muted" onClick={() => setSelectedId(null)}>Close</button>
+            </div>
+            {detailLoading ? <p>Loading message…</p> : selected ? <>
+              <dl className="grid grid-cols-2 gap-3 text-sm">
+                <dt>Entity</dt><dd>{selected.modelDisplayName || selected.coModelName}</dd>
+                <dt>Entity ID</dt><dd>{selected.coModelEntityId}</dd>
+                <dt>Date</dt><dd>{selected.createdAt ? new Date(selected.createdAt).toLocaleString() : '—'}</dd>
+                <dt>Changed by</dt><dd>{selected.user?.fullName || 'System'}</dd>
+                <dt>Type</dt><dd>{selected.messageType}</dd>
+                <dt>Subtype</dt><dd>{selected.messageSubType}</dd>
+              </dl>
+              <h3 className="mt-5 text-base font-semibold">Message</h3>
+              <pre className="whitespace-pre-wrap break-words rounded bg-muted p-3 text-sm">{selected.messageBody || ''}</pre>
+              {!!selected.chatterMessageDetails?.length && <>
+                <h3 className="mt-5 text-base font-semibold">Change details</h3>
+                <div className="overflow-x-auto">
+                  <table className="w-full text-left text-sm">
+                    <thead><tr><th className="p-2">Field</th><th className="p-2">Previous</th><th className="p-2">Current</th></tr></thead>
+                    <tbody>{selected.chatterMessageDetails.map((detail: any, index: number) => <tr className="border-t" key={detail.id ?? index}>
+                      <td className="p-2">{detail.fieldDisplayName || detail.fieldName}</td>
+                      <td className="p-2">{detail.oldValueDisplay ?? detail.oldValue ?? '—'}</td>
+                      <td className="p-2">{detail.newValueDisplay ?? detail.newValue ?? '—'}</td>
+                    </tr>)}</tbody>
+                  </table>
+                </div>
+              </>}
+            </> : <p role="alert">Could not load this archived message.</p>}
+          </section>
+        </div>
+      )}
+    </div>
+  );
 }

package/dist/routes/pages/admin/core/CardPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardPage.d.ts","sourceRoot":"","sources":["../../../../../src/routes/pages/admin/core/CardPage.tsx"],"names":[],"mappings":"AAUA,wBAAgB,QAAQ,4CA2BvB"}
+{"version":3,"file":"CardPage.d.ts","sourceRoot":"","sources":["../../../../../src/routes/pages/admin/core/CardPage.tsx"],"names":[],"mappings":"AAYA,wBAAgB,QAAQ,4CAiCvB"}

package/dist/routes/pages/admin/core/CardPage.js

@@ -14,10 +14,12 @@ import { camelCase } from "lodash";
 import { useCallback, useEffect } from "react";
 import { useParams } from "react-router-dom";
 import { SolidCardView } from "../../../../components/core/card/SolidCardView";
-import { registerCardView, unregisterCardView } from "../../../../components/core/card/cardViewRegistry";
+import { getCardView, registerCardView, unregisterCardView } from "../../../../components/core/card/cardViewRegistry";
 import { storeCurrentModelViewContext } from "../../../../helpers/modelViewPersistence";
 import { usePathname } from "../../../../hooks/usePathname";
 import { useSearchParams } from "../../../../hooks/useSearchParams";
+import { isMatchingAdminViewRefresh, ADMIN_VIEW_REFRESH_REQUESTED } from "../../../../helpers/adminViewRefresh";
+import { eventBus } from "../../../../helpers/eventBus";
 export function CardPage() {
     var params = useParams();
     var pathname = usePathname();
@@ -41,6 +43,12 @@ export function CardPage() {
         var currentUrl = search ? "".concat(pathname, "?").concat(search) : pathname;
         storeCurrentModelViewContext(currentUrl);
     }, [pathname, search]);
+    useEffect(function () { return eventBus.on(ADMIN_VIEW_REFRESH_REQUESTED, function (request) {
+        var _a;
+        if (isMatchingAdminViewRefresh(request, { moduleName: moduleName, modelName: modelName, viewName: "card" })) {
+            (_a = getCardView(cardId)) === null || _a === void 0 ? void 0 : _a.refresh();
+        }
+    }); }, [cardId, moduleName, modelName]);
     return _jsx(SolidCardView, __assign({ ref: setCardRef }, params, { embeded: false, moduleName: moduleName, modelName: modelName }), cardId);
 }
 //# sourceMappingURL=CardPage.js.map

package/dist/routes/pages/admin/core/CardPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardPage.js","sourceRoot":"","sources":["../../../../../src/routes/pages/admin/core/CardPage.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,gDAAgD,CAAC;AAE/E,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,mDAAmD,CAAC;AACzG,OAAO,EAAE,4BAA4B,EAAE,MAAM,0CAA0C,CAAC;AACxF,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAEpE,MAAM,UAAU,QAAQ;IACtB,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,IAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,IAAM,MAAM,GAAG,YAAY,CAAC,QAAQ,EAAE,CAAC;IACvC,IAAM,UAAU,GAAG,MAAM,CAAC,UAAU,IAAI,EAAE,CAAC;IAC3C,IAAM,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACtE,IAAM,UAAU,GAAG,YAAY,CAAC,GAAG,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;IACxD,IAAM,YAAY,GAAG,YAAY,CAAC,GAAG,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC;IAC5D,IAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;IACpD,IAAM,UAAU,GAAG,YAAY,CAAC,GAAG,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;IACxD,IAAM,MAAM,GAAG,eAAQ,UAAU,cAAI,SAAS,cAAI,UAAU,cAAI,YAAY,cAAI,QAAQ,cAAI,UAAU,CAAE,CAAC;IAEzG,IAAM,UAAU,GAAG,WAAW,CAAC,UAAC,MAAkC;QAChE,IAAI,MAAM,EAAE;YACV,gBAAgB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;YACjC,OAAO;SACR;QACD,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,SAAS,CAAC;QACR,IAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,UAAG,QAAQ,cAAI,MAAM,CAAE,CAAC,CAAC,CAAC,QAAQ,CAAC;QAC/D,4BAA4B,CAAC,UAAU,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IAEvB,OAAO,KAAC,aAAa,aAAC,GAAG,EAAE,UAAU,IAAmB,MAAM,IAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,KAAhF,MAAM,CAA8E,CAAC;AACnI,CAAC","sourcesContent":["import { camelCase } from \"lodash\";\nimport { useCallback, useEffect } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport { SolidCardView } from \"../../../../components/core/card/SolidCardView\";\nimport type { SolidCardViewHandle } from \"../../../../components/core/card/SolidCardView\";\nimport { registerCardView, unregisterCardView } from \"../../../../components/core/card/cardViewRegistry\";\nimport { storeCurrentModelViewContext } from \"../../../../helpers/modelViewPersistence\";\nimport { usePathname } from \"../../../../hooks/usePathname\";\nimport { useSearchParams } from \"../../../../hooks/useSearchParams\";\n\nexport function CardPage() {\n  const params = useParams();\n  const pathname = usePathname();\n  const searchParams = useSearchParams();\n  const search = searchParams.toString();\n  const moduleName = params.moduleName || \"\";\n  const modelName = params.modelName ? camelCase(params.modelName) : \"\";\n  const menuItemId = searchParams.get(\"menuItemId\") || \"\";\n  const menuItemName = searchParams.get(\"menuItemName\") || \"\";\n  const actionId = searchParams.get(\"actionId\") || \"\";\n  const actionName = searchParams.get(\"actionName\") || \"\";\n  const cardId = `page:${moduleName}:${modelName}:${menuItemId}:${menuItemName}:${actionId}:${actionName}`;\n\n  const setCardRef = useCallback((handle: SolidCardViewHandle | null) => {\n    if (handle) {\n      registerCardView(cardId, handle);\n      return;\n    }\n    unregisterCardView(cardId);\n  }, [cardId]);\n\n  useEffect(() => {\n    const currentUrl = search ? `${pathname}?${search}` : pathname;\n    storeCurrentModelViewContext(currentUrl);\n  }, [pathname, search]);\n\n  return <SolidCardView ref={setCardRef} key={cardId} {...params} embeded={false} moduleName={moduleName} modelName={modelName} />;\n}\n"]}
+{"version":3,"file":"CardPage.js","sourceRoot":"","sources":["../../../../../src/routes/pages/admin/core/CardPage.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,gDAAgD,CAAC;AAE/E,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,mDAAmD,CAAC;AACtH,OAAO,EAAE,4BAA4B,EAAE,MAAM,0CAA0C,CAAC;AACxF,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACpE,OAAO,EAAE,0BAA0B,EAAE,4BAA4B,EAAgC,MAAM,sCAAsC,CAAC;AAC9I,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAExD,MAAM,UAAU,QAAQ;IACtB,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,IAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,IAAM,MAAM,GAAG,YAAY,CAAC,QAAQ,EAAE,CAAC;IACvC,IAAM,UAAU,GAAG,MAAM,CAAC,UAAU,IAAI,EAAE,CAAC;IAC3C,IAAM,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACtE,IAAM,UAAU,GAAG,YAAY,CAAC,GAAG,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;IACxD,IAAM,YAAY,GAAG,YAAY,CAAC,GAAG,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC;IAC5D,IAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;IACpD,IAAM,UAAU,GAAG,YAAY,CAAC,GAAG,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;IACxD,IAAM,MAAM,GAAG,eAAQ,UAAU,cAAI,SAAS,cAAI,UAAU,cAAI,YAAY,cAAI,QAAQ,cAAI,UAAU,CAAE,CAAC;IAEzG,IAAM,UAAU,GAAG,WAAW,CAAC,UAAC,MAAkC;QAChE,IAAI,MAAM,EAAE;YACV,gBAAgB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;YACjC,OAAO;SACR;QACD,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,SAAS,CAAC;QACR,IAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,UAAG,QAAQ,cAAI,MAAM,CAAE,CAAC,CAAC,CAAC,QAAQ,CAAC;QAC/D,4BAA4B,CAAC,UAAU,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IAEvB,SAAS,CAAC,cAAM,OAAA,QAAQ,CAAC,EAAE,CAA0B,4BAA4B,EAAE,UAAC,OAAO;;QACzF,IAAI,0BAA0B,CAAC,OAAO,EAAE,EAAE,UAAU,YAAA,EAAE,SAAS,WAAA,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,EAAE;YACpF,MAAA,WAAW,CAAC,MAAM,CAAC,0CAAE,OAAO,EAAE,CAAC;SAChC;IACH,CAAC,CAAC,EAJc,CAId,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC;IAErC,OAAO,KAAC,aAAa,aAAC,GAAG,EAAE,UAAU,IAAmB,MAAM,IAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,KAAhF,MAAM,CAA8E,CAAC;AACnI,CAAC","sourcesContent":["import { camelCase } from \"lodash\";\nimport { useCallback, useEffect } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport { SolidCardView } from \"../../../../components/core/card/SolidCardView\";\nimport type { SolidCardViewHandle } from \"../../../../components/core/card/SolidCardView\";\nimport { getCardView, registerCardView, unregisterCardView } from \"../../../../components/core/card/cardViewRegistry\";\nimport { storeCurrentModelViewContext } from \"../../../../helpers/modelViewPersistence\";\nimport { usePathname } from \"../../../../hooks/usePathname\";\nimport { useSearchParams } from \"../../../../hooks/useSearchParams\";\nimport { isMatchingAdminViewRefresh, ADMIN_VIEW_REFRESH_REQUESTED, type AdminViewRefreshRequest } from \"../../../../helpers/adminViewRefresh\";\nimport { eventBus } from \"../../../../helpers/eventBus\";\n\nexport function CardPage() {\n  const params = useParams();\n  const pathname = usePathname();\n  const searchParams = useSearchParams();\n  const search = searchParams.toString();\n  const moduleName = params.moduleName || \"\";\n  const modelName = params.modelName ? camelCase(params.modelName) : \"\";\n  const menuItemId = searchParams.get(\"menuItemId\") || \"\";\n  const menuItemName = searchParams.get(\"menuItemName\") || \"\";\n  const actionId = searchParams.get(\"actionId\") || \"\";\n  const actionName = searchParams.get(\"actionName\") || \"\";\n  const cardId = `page:${moduleName}:${modelName}:${menuItemId}:${menuItemName}:${actionId}:${actionName}`;\n\n  const setCardRef = useCallback((handle: SolidCardViewHandle | null) => {\n    if (handle) {\n      registerCardView(cardId, handle);\n      return;\n    }\n    unregisterCardView(cardId);\n  }, [cardId]);\n\n  useEffect(() => {\n    const currentUrl = search ? `${pathname}?${search}` : pathname;\n    storeCurrentModelViewContext(currentUrl);\n  }, [pathname, search]);\n\n  useEffect(() => eventBus.on<AdminViewRefreshRequest>(ADMIN_VIEW_REFRESH_REQUESTED, (request) => {\n    if (isMatchingAdminViewRefresh(request, { moduleName, modelName, viewName: \"card\" })) {\n      getCardView(cardId)?.refresh();\n    }\n  }), [cardId, moduleName, modelName]);\n\n  return <SolidCardView ref={setCardRef} key={cardId} {...params} embeded={false} moduleName={moduleName} modelName={modelName} />;\n}\n"]}

package/dist/routes/pages/admin/core/CardPage.tsx

@@ -3,10 +3,12 @@ import { useCallback, useEffect } from "react";
 import { useParams } from "react-router-dom";
 import { SolidCardView } from "../../../../components/core/card/SolidCardView";
 import type { SolidCardViewHandle } from "../../../../components/core/card/SolidCardView";
-import { registerCardView, unregisterCardView } from "../../../../components/core/card/cardViewRegistry";
+import { getCardView, registerCardView, unregisterCardView } from "../../../../components/core/card/cardViewRegistry";
 import { storeCurrentModelViewContext } from "../../../../helpers/modelViewPersistence";
 import { usePathname } from "../../../../hooks/usePathname";
 import { useSearchParams } from "../../../../hooks/useSearchParams";
+import { isMatchingAdminViewRefresh, ADMIN_VIEW_REFRESH_REQUESTED, type AdminViewRefreshRequest } from "../../../../helpers/adminViewRefresh";
+import { eventBus } from "../../../../helpers/eventBus";
 
 export function CardPage() {
   const params = useParams();
@@ -34,5 +36,11 @@ export function CardPage() {
     storeCurrentModelViewContext(currentUrl);
   }, [pathname, search]);
 
+  useEffect(() => eventBus.on<AdminViewRefreshRequest>(ADMIN_VIEW_REFRESH_REQUESTED, (request) => {
+    if (isMatchingAdminViewRefresh(request, { moduleName, modelName, viewName: "card" })) {
+      getCardView(cardId)?.refresh();
+    }
+  }), [cardId, moduleName, modelName]);
+
   return <SolidCardView ref={setCardRef} key={cardId} {...params} embeded={false} moduleName={moduleName} modelName={modelName} />;
 }

package/dist/routes/pages/admin/core/KanbanPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KanbanPage.d.ts","sourceRoot":"","sources":["../../../../../src/routes/pages/admin/core/KanbanPage.tsx"],"names":[],"mappings":"AAUA,wBAAgB,UAAU,4CA2BzB"}
+{"version":3,"file":"KanbanPage.d.ts","sourceRoot":"","sources":["../../../../../src/routes/pages/admin/core/KanbanPage.tsx"],"names":[],"mappings":"AAYA,wBAAgB,UAAU,4CAiCzB"}

package/dist/routes/pages/admin/core/KanbanPage.js

@@ -11,13 +11,15 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { SolidKanbanView } from "../../../../components/core/kanban/SolidKanbanView";
-import { registerKanbanView, unregisterKanbanView } from "../../../../components/core/kanban/kanbanViewRegistry";
+import { getKanbanView, registerKanbanView, unregisterKanbanView } from "../../../../components/core/kanban/kanbanViewRegistry";
 import { camelCase } from "lodash";
 import { useCallback, useEffect } from "react";
 import { useParams } from "react-router-dom";
 import { storeCurrentModelViewContext } from "../../../../helpers/modelViewPersistence";
 import { usePathname } from "../../../../hooks/usePathname";
 import { useSearchParams } from "../../../../hooks/useSearchParams";
+import { isMatchingAdminViewRefresh, ADMIN_VIEW_REFRESH_REQUESTED } from "../../../../helpers/adminViewRefresh";
+import { eventBus } from "../../../../helpers/eventBus";
 export function KanbanPage() {
     var params = useParams();
     var pathname = usePathname();
@@ -41,6 +43,12 @@ export function KanbanPage() {
         var currentUrl = search ? "".concat(pathname, "?").concat(search) : pathname;
         storeCurrentModelViewContext(currentUrl);
     }, [pathname, search]);
+    useEffect(function () { return eventBus.on(ADMIN_VIEW_REFRESH_REQUESTED, function (request) {
+        var _a;
+        if (isMatchingAdminViewRefresh(request, { moduleName: moduleName, modelName: modelName, viewName: "kanban" })) {
+            (_a = getKanbanView(kanbanId)) === null || _a === void 0 ? void 0 : _a.refresh();
+        }
+    }); }, [kanbanId, moduleName, modelName]);
     return _jsx(SolidKanbanView, __assign({ ref: setKanbanRef }, params, { embeded: false, moduleName: moduleName, modelName: modelName }), kanbanId);
 }
 //# sourceMappingURL=KanbanPage.js.map

package/dist/routes/pages/admin/core/KanbanPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"KanbanPage.js","sourceRoot":"","sources":["../../../../../src/routes/pages/admin/core/KanbanPage.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oDAAoD,CAAC;AAErF,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,uDAAuD,CAAC;AACjH,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,4BAA4B,EAAE,MAAM,0CAA0C,CAAC;AACxF,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAEpE,MAAM,UAAU,UAAU;IACxB,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,IAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,IAAM,MAAM,GAAG,YAAY,CAAC,QAAQ,EAAE,CAAC;IACvC,IAAM,UAAU,GAAG,MAAM,CAAC,UAAU,IAAI,EAAE,CAAC;IAC3C,IAAM,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACtE,IAAM,UAAU,GAAG,YAAY,CAAC,GAAG,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;IACxD,IAAM,YAAY,GAAG,YAAY,CAAC,GAAG,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC;IAC5D,IAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;IACpD,IAAM,UAAU,GAAG,YAAY,CAAC,GAAG,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;IACxD,IAAM,QAAQ,GAAG,eAAQ,UAAU,cAAI,SAAS,cAAI,UAAU,cAAI,YAAY,cAAI,QAAQ,cAAI,UAAU,CAAE,CAAC;IAE3G,IAAM,YAAY,GAAG,WAAW,CAAC,UAAC,MAAoC;QACpE,IAAI,MAAM,EAAE;YACV,kBAAkB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;YACrC,OAAO;SACR;QACD,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,SAAS,CAAC;QACR,IAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,UAAG,QAAQ,cAAI,MAAM,CAAE,CAAC,CAAC,CAAC,QAAQ,CAAC;QAC/D,4BAA4B,CAAC,UAAU,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IAEvB,OAAO,KAAC,eAAe,aAAC,GAAG,EAAE,YAAY,IAAqB,MAAM,IAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,KAAlF,QAAQ,CAA8E,CAAC;AACzI,CAAC","sourcesContent":["import { SolidKanbanView } from \"../../../../components/core/kanban/SolidKanbanView\";\nimport type { SolidKanbanViewHandle } from \"../../../../components/core/kanban/SolidKanbanView\";\nimport { registerKanbanView, unregisterKanbanView } from \"../../../../components/core/kanban/kanbanViewRegistry\";\nimport { camelCase } from \"lodash\";\nimport { useCallback, useEffect } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport { storeCurrentModelViewContext } from \"../../../../helpers/modelViewPersistence\";\nimport { usePathname } from \"../../../../hooks/usePathname\";\nimport { useSearchParams } from \"../../../../hooks/useSearchParams\";\n\nexport function KanbanPage() {\n  const params = useParams();\n  const pathname = usePathname();\n  const searchParams = useSearchParams();\n  const search = searchParams.toString();\n  const moduleName = params.moduleName || \"\";\n  const modelName = params.modelName ? camelCase(params.modelName) : \"\";\n  const menuItemId = searchParams.get(\"menuItemId\") || \"\";\n  const menuItemName = searchParams.get(\"menuItemName\") || \"\";\n  const actionId = searchParams.get(\"actionId\") || \"\";\n  const actionName = searchParams.get(\"actionName\") || \"\";\n  const kanbanId = `page:${moduleName}:${modelName}:${menuItemId}:${menuItemName}:${actionId}:${actionName}`;\n\n  const setKanbanRef = useCallback((handle: SolidKanbanViewHandle | null) => {\n    if (handle) {\n      registerKanbanView(kanbanId, handle);\n      return;\n    }\n    unregisterKanbanView(kanbanId);\n  }, [kanbanId]);\n\n  useEffect(() => {\n    const currentUrl = search ? `${pathname}?${search}` : pathname;\n    storeCurrentModelViewContext(currentUrl);\n  }, [pathname, search]);\n\n  return <SolidKanbanView ref={setKanbanRef} key={kanbanId} {...params} embeded={false} moduleName={moduleName} modelName={modelName} />;\n}\n"]}
+{"version":3,"file":"KanbanPage.js","sourceRoot":"","sources":["../../../../../src/routes/pages/admin/core/KanbanPage.tsx"],"names":[],"mappings":"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","sourcesContent":["import { SolidKanbanView } from \"../../../../components/core/kanban/SolidKanbanView\";\nimport type { SolidKanbanViewHandle } from \"../../../../components/core/kanban/SolidKanbanView\";\nimport { getKanbanView, registerKanbanView, unregisterKanbanView } from \"../../../../components/core/kanban/kanbanViewRegistry\";\nimport { camelCase } from \"lodash\";\nimport { useCallback, useEffect } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport { storeCurrentModelViewContext } from \"../../../../helpers/modelViewPersistence\";\nimport { usePathname } from \"../../../../hooks/usePathname\";\nimport { useSearchParams } from \"../../../../hooks/useSearchParams\";\nimport { isMatchingAdminViewRefresh, ADMIN_VIEW_REFRESH_REQUESTED, type AdminViewRefreshRequest } from \"../../../../helpers/adminViewRefresh\";\nimport { eventBus } from \"../../../../helpers/eventBus\";\n\nexport function KanbanPage() {\n  const params = useParams();\n  const pathname = usePathname();\n  const searchParams = useSearchParams();\n  const search = searchParams.toString();\n  const moduleName = params.moduleName || \"\";\n  const modelName = params.modelName ? camelCase(params.modelName) : \"\";\n  const menuItemId = searchParams.get(\"menuItemId\") || \"\";\n  const menuItemName = searchParams.get(\"menuItemName\") || \"\";\n  const actionId = searchParams.get(\"actionId\") || \"\";\n  const actionName = searchParams.get(\"actionName\") || \"\";\n  const kanbanId = `page:${moduleName}:${modelName}:${menuItemId}:${menuItemName}:${actionId}:${actionName}`;\n\n  const setKanbanRef = useCallback((handle: SolidKanbanViewHandle | null) => {\n    if (handle) {\n      registerKanbanView(kanbanId, handle);\n      return;\n    }\n    unregisterKanbanView(kanbanId);\n  }, [kanbanId]);\n\n  useEffect(() => {\n    const currentUrl = search ? `${pathname}?${search}` : pathname;\n    storeCurrentModelViewContext(currentUrl);\n  }, [pathname, search]);\n\n  useEffect(() => eventBus.on<AdminViewRefreshRequest>(ADMIN_VIEW_REFRESH_REQUESTED, (request) => {\n    if (isMatchingAdminViewRefresh(request, { moduleName, modelName, viewName: \"kanban\" })) {\n      getKanbanView(kanbanId)?.refresh();\n    }\n  }), [kanbanId, moduleName, modelName]);\n\n  return <SolidKanbanView ref={setKanbanRef} key={kanbanId} {...params} embeded={false} moduleName={moduleName} modelName={modelName} />;\n}\n"]}

package/dist/routes/pages/admin/core/KanbanPage.tsx

@@ -1,12 +1,14 @@
 import { SolidKanbanView } from "../../../../components/core/kanban/SolidKanbanView";
 import type { SolidKanbanViewHandle } from "../../../../components/core/kanban/SolidKanbanView";
-import { registerKanbanView, unregisterKanbanView } from "../../../../components/core/kanban/kanbanViewRegistry";
+import { getKanbanView, registerKanbanView, unregisterKanbanView } from "../../../../components/core/kanban/kanbanViewRegistry";
 import { camelCase } from "lodash";
 import { useCallback, useEffect } from "react";
 import { useParams } from "react-router-dom";
 import { storeCurrentModelViewContext } from "../../../../helpers/modelViewPersistence";
 import { usePathname } from "../../../../hooks/usePathname";
 import { useSearchParams } from "../../../../hooks/useSearchParams";
+import { isMatchingAdminViewRefresh, ADMIN_VIEW_REFRESH_REQUESTED, type AdminViewRefreshRequest } from "../../../../helpers/adminViewRefresh";
+import { eventBus } from "../../../../helpers/eventBus";
 
 export function KanbanPage() {
   const params = useParams();
@@ -34,5 +36,11 @@ export function KanbanPage() {
     storeCurrentModelViewContext(currentUrl);
   }, [pathname, search]);
 
+  useEffect(() => eventBus.on<AdminViewRefreshRequest>(ADMIN_VIEW_REFRESH_REQUESTED, (request) => {
+    if (isMatchingAdminViewRefresh(request, { moduleName, modelName, viewName: "kanban" })) {
+      getKanbanView(kanbanId)?.refresh();
+    }
+  }), [kanbanId, moduleName, modelName]);
+
   return <SolidKanbanView ref={setKanbanRef} key={kanbanId} {...params} embeded={false} moduleName={moduleName} modelName={modelName} />;
 }

package/dist/routes/pages/admin/core/ListPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListPage.d.ts","sourceRoot":"","sources":["../../../../../src/routes/pages/admin/core/ListPage.tsx"],"names":[],"mappings":"AAUA,wBAAgB,QAAQ,4CAqCvB"}
+{"version":3,"file":"ListPage.d.ts","sourceRoot":"","sources":["../../../../../src/routes/pages/admin/core/ListPage.tsx"],"names":[],"mappings":"AAYA,wBAAgB,QAAQ,4CA4CvB"}

package/dist/routes/pages/admin/core/ListPage.js

@@ -14,10 +14,12 @@ import { SolidListView } from "../../../../components/core/list/SolidListView";
 import { camelCase } from "lodash";
 import { useCallback, useEffect } from "react";
 import { useParams, useSearchParams } from "react-router-dom";
-import { registerListView, unregisterListView } from "../../../../components/core/list/listViewRegistry";
+import { getListView, registerListView, unregisterListView } from "../../../../components/core/list/listViewRegistry";
 import { usePathname } from "../../../../hooks/usePathname";
 import { useRouter } from "../../../../hooks/useRouter";
 import { resolveRetainedModelViewRoute, storeCurrentModelViewContext } from "../../../../helpers/modelViewPersistence";
+import { isMatchingAdminViewRefresh, ADMIN_VIEW_REFRESH_REQUESTED } from "../../../../helpers/adminViewRefresh";
+import { eventBus } from "../../../../helpers/eventBus";
 export function ListPage() {
     var params = useParams();
     var searchParams = useSearchParams()[0];
@@ -47,6 +49,13 @@ export function ListPage() {
         }
         storeCurrentModelViewContext(currentUrl);
     }, [pathname, search]);
+    useEffect(function () { return eventBus.on(ADMIN_VIEW_REFRESH_REQUESTED, function (request) {
+        var _a;
+        if (isMatchingAdminViewRefresh(request, { moduleName: moduleName, modelName: modelName, viewName: "list" })) {
+            // The registered handle is the page's active list view; its refresh retains current filters.
+            (_a = getListView(listId)) === null || _a === void 0 ? void 0 : _a.refresh();
+        }
+    }); }, [listId, moduleName, modelName]);
     return _jsx(SolidListView, __assign({ ref: setListRef }, params, { embeded: false, moduleName: moduleName, modelName: modelName }), listId);
 }
 //# sourceMappingURL=ListPage.js.map