@sqrzro/admin 2.1.0-r19.76 → 2.1.0-r19.78

package/dist/components/DataTable/index.d.ts

@@ -1,5 +1,8 @@
 export interface DataTableProps {
-    data: Record<string, React.ReactNode>;
+    data: {
+        title: React.ReactNode;
+        value: React.ReactNode;
+    }[];
 }
 declare function DataTable({ data }: Readonly<DataTableProps>): React.ReactElement;
 export default DataTable;

package/dist/components/DataTable/index.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function DataTable({ data }) {
-    return (_jsx("table", { children: _jsx("tbody", { children: Object.entries(data).map(([key, value]) => (_jsxs("tr", { className: "odd:bg-slate-100", children: [_jsx("th", { className: "p-2 font-normal", children: key }), _jsx("td", { className: "p-2 text-right", children: value })] }, key))) }) }));
+    return (_jsx("table", { children: _jsx("tbody", { children: data.map(({ title, value }, index) => (_jsxs("tr", { className: "odd:bg-slate-100", children: [_jsx("th", { className: "p-2 font-normal", children: title }), _jsx("td", { className: "p-2 text-right", children: value })] }, index))) }) }));
 }
 export default DataTable;

package/dist/components/ListComponent/index.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment } from 'react';
 import { MagnifyingGlassCircleIcon } from '@heroicons/react/24/outline';
 import { Pagination } from '@sqrzro/components';
-import { parseFilters } from '../../filters';
+import { getPage, parseFilters } from '../../filters';
 import checkHasFilters from '../../utility/check-has-filters';
 import getSearchParams from '../../utility/get-search-params';
 import { messages } from '../../utility/lang';
@@ -15,10 +15,6 @@ function defaultTransformer() {
         title: '',
     };
 }
-function getPage(searchParams) {
-    const page = searchParams.get('page');
-    return page ? parseInt(page, 10) : null;
-}
 async function ListComponent({ emptyMessageProps, filterMap, fn, isMinimal, params, transformer, ...clientProps }) {
     const searchParams = await getSearchParams();
     const filters = parseFilters(searchParams, filterMap);

package/dist/components/Summary/index.d.ts

@@ -1,5 +1,8 @@
 export interface SummaryProps {
-    data: Record<string, React.ReactNode>;
+    data: {
+        title: React.ReactNode;
+        value: React.ReactNode;
+    }[];
 }
 declare function Summary({ data }: Readonly<SummaryProps>): React.ReactElement;
 export default Summary;

package/dist/components/Summary/index.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { tw } from '@sqrzro/components';
-import { getEntries } from '@sqrzro/utility';
 const colMap = {
     1: 'grid-cols-1',
     2: 'grid-cols-2',
@@ -10,6 +9,6 @@ const colMap = {
     6: 'grid-cols-6',
 };
 function Summary({ data }) {
-    return (_jsx("dl", { className: tw('relative grid gap-6 before:absolute before:bottom-0 before:left-[calc(50%-50vw)] before:-z-10 before:-mb-16 before:h-96 before:w-screen before:bg-slate-800', colMap[Object.keys(data).length]), children: getEntries(data).map(([key, value]) => (_jsxs("div", { className: "relative rounded border border-slate-500 p-4 font-semibold text-white", children: [_jsx("dt", { className: "text-slate-300", children: key }), _jsx("dd", { className: "flex min-h-8 items-center text-2xl", children: value })] }, key))) }));
+    return (_jsx("dl", { className: tw('relative grid gap-6 before:absolute before:bottom-0 before:left-[calc(50%-50vw)] before:-z-10 before:-mb-16 before:h-96 before:w-screen before:bg-slate-800', colMap[Object.keys(data).length]), children: data.map(({ title, value }, index) => (_jsxs("div", { className: "relative rounded border border-slate-500 p-4 font-semibold text-white", children: [_jsx("dt", { className: "text-slate-300", children: title }), _jsx("dd", { className: "flex min-h-8 items-center text-2xl", children: value })] }, index))) }));
 }
 export default Summary;

package/dist/components/Table/index.d.ts

@@ -2,5 +2,5 @@ import type { TableComponentProps } from '../TableComponent';
 export interface TableProps<Item extends object, Filters, Params> extends Omit<TableComponentProps<Item, Filters, Params>, 'actions' | 'hasFilters'> {
     actions?: (data: Record<string, unknown>) => React.ReactNode;
 }
-declare function Table<Item extends object, Filters, Params>({ columns, filters, ...props }: Readonly<TableProps<Item, Filters, Params>>): React.ReactElement;
+declare function Table<Item extends object, Filters, Params>({ columns, filterMap, ...props }: Readonly<TableProps<Item, Filters, Params>>): React.ReactElement;
 export default Table;

package/dist/components/Table/index.js

@@ -4,7 +4,7 @@ import FilterBar from '../../filters/components/FilterBar';
 import { createClientFilterMap } from '../../filters';
 import Loader from '../Loader';
 import TableComponent from '../TableComponent';
-function Table({ columns, filters, ...props }) {
-    return (_jsxs(Fragment, { children: [filters ? _jsx(FilterBar, { columns: columns, map: createClientFilterMap(filters) }) : null, _jsx(Suspense, { fallback: _jsx("div", { className: "flex justify-center p-16", children: _jsx(Loader, {}) }), children: _jsx(TableComponent, { columns: columns, ...props }) })] }));
+function Table({ columns, filterMap, ...props }) {
+    return (_jsxs(Fragment, { children: [filterMap ? (_jsx(FilterBar, { columns: columns, map: createClientFilterMap(filterMap) })) : null, _jsx(Suspense, { fallback: _jsx("div", { className: "flex justify-center p-16", children: _jsx(Loader, {}) }), children: _jsx(TableComponent, { columns: columns, filterMap: filterMap, ...props }) })] }));
 }
 export default Table;

package/dist/components/TableComponent/index.d.ts

@@ -1,13 +1,14 @@
 import type { EmptyMessageProps } from '@sqrzro/components';
 import type { Errorable, Paginated } from '@sqrzro/interfaces';
 import type { FilterMap } from '../../filters/interfaces';
+import type { ListFnConfig } from '../ListComponent';
 import type { TableClientComponentProps, TableItemObject } from '../TableClientComponent';
 export interface TableComponentProps<Item, Filters, Params> extends Omit<TableClientComponentProps, 'data'> {
-    fn: (params?: Params, searchParams?: URLSearchParams) => Promise<Errorable<Item[]>> | Promise<Errorable<Paginated<Item>>>;
+    fn: (config: ListFnConfig<Filters, Params>) => Promise<Errorable<Item[]>> | Promise<Errorable<Paginated<Item>>>;
     emptyMessageProps?: EmptyMessageProps;
-    filters?: FilterMap<Filters>;
-    params?: Params;
+    filterMap?: FilterMap<Filters>;
+    params?: Params | null;
     transformer?: (item: Item) => TableItemObject;
 }
-declare function TableComponent<Item extends object, Filters, Params>({ emptyMessageProps, fn, params, transformer, ...clientProps }: Readonly<TableComponentProps<Item, Filters, Params>>): Promise<React.ReactElement>;
+declare function TableComponent<Item extends object, Filters, Params>({ emptyMessageProps, filterMap, fn, params, transformer, ...clientProps }: Readonly<TableComponentProps<Item, Filters, Params>>): Promise<React.ReactElement>;
 export default TableComponent;

package/dist/components/TableComponent/index.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { MagnifyingGlassCircleIcon } from '@heroicons/react/24/outline';
 import { EmptyMessage, Pagination } from '@sqrzro/components';
+import { getPage, parseFilters } from '../../filters';
 import checkHasFilters from '../../utility/check-has-filters';
 import getSearchParams from '../../utility/get-search-params';
 import { messages } from '../../utility/lang';
@@ -13,9 +14,11 @@ function defaultTransformer(item) {
         ...item,
     };
 }
-async function TableComponent({ emptyMessageProps, fn, params, transformer, ...clientProps }) {
+async function TableComponent({ emptyMessageProps, filterMap, fn, params, transformer, ...clientProps }) {
     const searchParams = await getSearchParams();
-    const [response, error] = await fn(params, searchParams);
+    const filters = parseFilters(searchParams, filterMap);
+    const page = getPage(searchParams);
+    const [response, error] = await fn({ filters, params: params || null, page });
     if (error) {
         throw error;
     }

package/dist/filters/index.d.ts

@@ -14,4 +14,5 @@ interface FilterReturn {
 export declare function filter(): FilterReturn;
 export declare function createClientFilterMap<T>(map: FilterMap<T>): ClientFilterMap<T>;
 export declare function parseFilters<T>(searchParams: URLSearchParams, map?: FilterMap<T> | null): Partial<T> | null;
+export declare function getPage(searchParams: URLSearchParams): number | null;
 export {};

package/dist/filters/index.js

@@ -136,3 +136,7 @@ export function parseFilters(searchParams, map) {
     }
     return out;
 }
+export function getPage(searchParams) {
+    const page = searchParams.get('page');
+    return page ? parseInt(page, 10) : null;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sqrzro/admin",
   "type": "module",
-  "version": "2.1.0-r19.76",
+  "version": "2.1.0-r19.78",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "license": "ISC",