@compill/admin 1.0.86 → 1.0.88

package/index.cjs.js

@@ -368,7 +368,6 @@ function Breadcrumbs(_a) {
     return jsxRuntime.jsx("div", Object.assign({
       dflex: true,
       alignItems: "center",
-      placeContent: "center",
       trait: "typo.h5"
     }, props, {
       children: breadcrumbs.map((b, index) => jsxRuntime.jsx(BreadcrumbItem, {
@@ -417,7 +416,6 @@ function QueryBreadcrumbs(_a) {
   return jsxRuntime.jsx("div", Object.assign({
     dflex: true,
     alignItems: "center",
-    placeContent: "center",
     trait: "typo.h5"
   }, props, {
     children: breadcrumbs.map((b, index) => jsxRuntime.jsx(BreadcrumbItem, {
@@ -2557,7 +2555,7 @@ const schemes$1 = {
   "custom": "dark"
 };
 
-function useTableProps(api, table, rowActions) {
+function useTableProps(api, table, rowActions, queryParams) {
   const navigate = reactRouterDom.useNavigate();
   const nextRouter = router.useRouter();
   const openLink = hooks.useOpenLink();
@@ -2613,7 +2611,7 @@ function useTableProps(api, table, rowActions) {
   tableProps.columns = columns;
   tableProps.onRowClick = onRowClickHandler;
   tableProps.queryKey = api.queryKey;
-  tableProps.queryFn = api.search;
+  tableProps.queryFilters = queryParams(tableProps).queryFn = api.search;
   return tableProps;
 }
 
@@ -2702,7 +2700,8 @@ function TT({
         }),
         rowActions: rowActions,
         api: tableApi,
-        subtitle: subtitle
+        subtitle: subtitle,
+        queryParams: screen.queryParams
       }), jsxRuntime.jsx(TableDialogManager, {})]
     })]
   });
@@ -2747,9 +2746,10 @@ function TableWrapper({
   table: table$1,
   subtitle,
   rowActions,
-  api
+  api,
+  queryParams
 }) {
-  const tableProps = useTableProps(api, table$1, rowActions);
+  const tableProps = useTableProps(api, table$1, rowActions, queryParams);
   const _subtitle = React__default["default"].useMemo(() => {
     if (!subtitle) return undefined;
     return data => {

package/index.esm.js

@@ -358,7 +358,6 @@ function Breadcrumbs(_a) {
     return jsx("div", Object.assign({
       dflex: true,
       alignItems: "center",
-      placeContent: "center",
       trait: "typo.h5"
     }, props, {
       children: breadcrumbs.map((b, index) => jsx(BreadcrumbItem, {
@@ -407,7 +406,6 @@ function QueryBreadcrumbs(_a) {
   return jsx("div", Object.assign({
     dflex: true,
     alignItems: "center",
-    placeContent: "center",
     trait: "typo.h5"
   }, props, {
     children: breadcrumbs.map((b, index) => jsx(BreadcrumbItem, {
@@ -2547,7 +2545,7 @@ const schemes$1 = {
   "custom": "dark"
 };
 
-function useTableProps(api, table, rowActions) {
+function useTableProps(api, table, rowActions, queryParams) {
   const navigate = useNavigate();
   const nextRouter = useRouter();
   const openLink = useOpenLink();
@@ -2603,7 +2601,7 @@ function useTableProps(api, table, rowActions) {
   tableProps.columns = columns;
   tableProps.onRowClick = onRowClickHandler;
   tableProps.queryKey = api.queryKey;
-  tableProps.queryFn = api.search;
+  tableProps.queryFilters = queryParams(tableProps).queryFn = api.search;
   return tableProps;
 }
 
@@ -2692,7 +2690,8 @@ function TT({
         }),
         rowActions: rowActions,
         api: tableApi,
-        subtitle: subtitle
+        subtitle: subtitle,
+        queryParams: screen.queryParams
       }), jsx(TableDialogManager, {})]
     })]
   });
@@ -2737,9 +2736,10 @@ function TableWrapper({
   table,
   subtitle,
   rowActions,
-  api
+  api,
+  queryParams
 }) {
-  const tableProps = useTableProps(api, table, rowActions);
+  const tableProps = useTableProps(api, table, rowActions, queryParams);
   const _subtitle = React.useMemo(() => {
     if (!subtitle) return undefined;
     return data => {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@compill/admin",
-    "version": "1.0.86",
+    "version": "1.0.88",
     "module": "./index.esm.js",
     "main": "./index.cjs.js"
 }

package/src/lib/json/table/useTableProps.d.ts

@@ -1,3 +1,3 @@
 import { API } from "@compill/admin-api";
 import { TableRowAction, TableViewTable } from "../types/TableView";
-export declare function useTableProps(api: API<any>, table: TableViewTable, rowActions?: TableRowAction[] | ((item?: any) => TableRowAction[])): any;
+export declare function useTableProps(api: API<any>, table: TableViewTable, rowActions?: TableRowAction[] | ((item?: any) => TableRowAction[]), queryParams?: any): any;

package/src/lib/json/types/TableView.d.ts

@@ -20,6 +20,7 @@ export type TableViewScreen = {
     deleteItem?: TableViewDeleteItem | ((item: any) => TableViewDeleteItem);
     table: TableViewTable;
     rowActions?: TableRowAction[] | ((item: any) => TableRowAction[]);
+    queryParams?: any;
 };
 export type TableViewConfig = {
     type: "table";
@@ -33,7 +34,7 @@ export type CustomDialog = {
     render: (props: ModalProps) => React.ReactNode;
 };
 export type TableViewEditView = CustomDialog | EditItemDialogConfig | QueryWrapperDialogConfig<any>;
-export type TableViewTable = Omit<TableProps, "onRowClick" | "queryKey" | "queryFn"> & {
+export type TableViewTable = Omit<TableProps, "onRowClick" | "queryKey" | "queryFn" | "queryFilters"> & {
     filtersMethod?: "internal" | "nextRouter" | "reactRouter";
     initialVisibleColumns?: string[];
     onRowClick?: {