xladmin 0.2.8 → 0.2.9

package/dist/client.d.ts

@@ -2,6 +2,14 @@ import type { AdminChoicesResponse, AdminDeletePreviewResponse, AdminDetailRespo
 export type XLAdminRequestOptions = {
     signal?: AbortSignal;
 };
+export type XLAdminSelectionScope = {
+    q?: string;
+    filters?: Record<string, string>;
+};
+export type XLAdminSelectionOptions = {
+    selectAll?: boolean;
+    selectionScope?: XLAdminSelectionScope;
+};
 export type XLAdminClient = {
     getModels: () => Promise<AdminModelsResponse>;
     getModel: (slug: string) => Promise<AdminModelMeta>;
@@ -16,11 +24,11 @@ export type XLAdminClient = {
     patchItem: (slug: string, id: string | number, payload: Record<string, unknown>) => Promise<AdminDetailResponse>;
     deleteItem: (slug: string, id: string | number) => Promise<void>;
     getDeletePreview: (slug: string, id: string | number) => Promise<AdminDeletePreviewResponse>;
-    bulkDelete: (slug: string, ids: Array<string | number>) => Promise<{
+    bulkDelete: (slug: string, ids: Array<string | number>, options?: XLAdminSelectionOptions) => Promise<{
         deleted: number;
     }>;
-    getBulkDeletePreview: (slug: string, ids: Array<string | number>) => Promise<AdminDeletePreviewResponse>;
-    runBulkAction: (slug: string, actionSlug: string, ids: Array<string | number>, payload?: Record<string, unknown>) => Promise<{
+    getBulkDeletePreview: (slug: string, ids: Array<string | number>, options?: XLAdminSelectionOptions) => Promise<AdminDeletePreviewResponse>;
+    runBulkAction: (slug: string, actionSlug: string, ids: Array<string | number>, payload?: Record<string, unknown>, options?: XLAdminSelectionOptions) => Promise<{
         processed: number;
     } & Record<string, unknown>>;
     runObjectAction: (slug: string, id: string | number, actionSlug: string, payload?: Record<string, unknown>) => Promise<AdminObjectActionResponse>;

package/dist/components/ModelPage.d.ts

@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react';
 import type { XLAdminClient } from '../client';
 import type { XLAdminRouter } from '../router';
 type AdminModelPageProps = {
@@ -5,7 +6,24 @@ type AdminModelPageProps = {
     basePath: string;
     slug: string;
     router?: XLAdminRouter;
+    renderBeforePagination?: (context: ModelPageToolbarContext) => ReactNode;
 };
 export type ModelPageProps = AdminModelPageProps;
-export declare function ModelPage({ client, basePath, slug, router }: ModelPageProps): import("react/jsx-runtime").JSX.Element;
+export type ModelPageToolbarContext = {
+    client: XLAdminClient;
+    slug: string;
+    meta: {
+        slug: string;
+        title: string;
+    };
+    selectedIds: Array<string | number>;
+    isAllMatchingSelected: boolean;
+    selectionCount: number;
+    total: number;
+    appliedQuery: string;
+    sortValue: string;
+    appliedFilters: Record<string, string>;
+    refresh: () => Promise<void>;
+};
+export declare function ModelPage({ client, basePath, slug, router, renderBeforePagination }: ModelPageProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/model-page/useModelPageController.d.ts

@@ -16,6 +16,7 @@ export declare function useModelPageController({ client, slug, pathname, locatio
     appliedQuery: string;
     bulkActionMenuAnchor: HTMLElement | null;
     bulkActions: import("@xladmin-core/types").AdminBulkActionMeta[];
+    clearBulkDeleteState: () => void;
     createOpen: boolean;
     currentPage: number;
     data: AdminListResponse | null;
@@ -25,6 +26,9 @@ export declare function useModelPageController({ client, slug, pathname, locatio
     error: string | null;
     fieldMap: Map<string, import("@xladmin-core/types").AdminFieldMeta>;
     filtersOpen: boolean;
+    handleClearDeletePreview: () => void;
+    handleCloseBulkActionMenu: () => void;
+    handleCloseRowMenu: () => void;
     handleConfirmDelete: () => Promise<void>;
     handleFilterChange: (filterSlug: string, value: string) => void;
     handleOpenRowMenu: (event: {
@@ -36,10 +40,13 @@ export declare function useModelPageController({ client, slug, pathname, locatio
     handleRowDelete: (rowId: string | number) => Promise<void>;
     handleRunNamedBulkAction: (actionSlug: string) => Promise<void>;
     handleSearchCommit: (nextQuery: string) => void;
+    handleSelectAllMatching: () => void;
     handleToggleAllVisible: (checked: boolean) => void;
     handleToggleSelection: (rowId: string | number, checked: boolean) => void;
     hasListFilters: boolean;
+    hasSelection: boolean;
     hasVisibleSelection: boolean;
+    isAllMatchingSelected: boolean;
     isDeletePreviewLoading: boolean;
     isDeleteSubmitting: boolean;
     isLoading: boolean;
@@ -53,6 +60,7 @@ export declare function useModelPageController({ client, slug, pathname, locatio
     rowActionMenuAnchor: HTMLElement | null;
     rowActionMenuId: string | number | null;
     rows: Record<string, unknown>[];
+    selectionCount: number;
     selectedIdSet: Set<string>;
     selectedIds: (string | number)[];
     setBulkActionMenuAnchor: import("react").Dispatch<import("react").SetStateAction<HTMLElement | null>>;
@@ -62,9 +70,7 @@ export declare function useModelPageController({ client, slug, pathname, locatio
     setDeletePreviewOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     setFiltersOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     setPageInput: import("react").Dispatch<import("react").SetStateAction<string>>;
-    setPendingDeleteIds: import("react").Dispatch<import("react").SetStateAction<(string | number)[]>>;
-    setRowActionMenuAnchor: import("react").Dispatch<import("react").SetStateAction<HTMLElement | null>>;
-    setRowActionMenuId: import("react").Dispatch<import("react").SetStateAction<string | number | null>>;
+    sortValue: string;
     sortFields: string[];
     toggleSort: (fieldName: string) => void;
     total: number;

package/dist/index.d.mts

@@ -2,7 +2,7 @@ export { createAxiosXLAdminClient, createFetchXLAdminClient, createFetchXLAdminT
 export { XLAdminRouterProvider, buildUrlWithParams, createBrowserXLAdminRouter, handleNavLinkClick, type XLAdminAnchorProps, type XLAdminLocation, type XLAdminRouter, useXLAdminLocation, useXLAdminRouter, } from './router';
 export { FormDialog, type FormDialogProps } from './components/FormDialog';
 export { OverviewPage, type OverviewPageProps } from './components/OverviewPage';
-export { ModelPage, type ModelPageProps } from './components/ModelPage';
+export { ModelPage, type ModelPageProps, type ModelPageToolbarContext } from './components/ModelPage';
 export { ObjectPage, type ObjectPageProps } from './components/ObjectPage';
 export { Shell, type ShellProps } from './components/Shell';
 export { FieldEditor, type FieldEditorProps } from './components/FieldEditor';

package/dist/index.d.ts

@@ -2,7 +2,7 @@ export { createAxiosXLAdminClient, createFetchXLAdminClient, createFetchXLAdminT
 export { XLAdminRouterProvider, buildUrlWithParams, createBrowserXLAdminRouter, handleNavLinkClick, type XLAdminAnchorProps, type XLAdminLocation, type XLAdminRouter, useXLAdminLocation, useXLAdminRouter, } from './router';
 export { FormDialog, type FormDialogProps } from './components/FormDialog';
 export { OverviewPage, type OverviewPageProps } from './components/OverviewPage';
-export { ModelPage, type ModelPageProps } from './components/ModelPage';
+export { ModelPage, type ModelPageProps, type ModelPageToolbarContext } from './components/ModelPage';
 export { ObjectPage, type ObjectPageProps } from './components/ObjectPage';
 export { Shell, type ShellProps } from './components/Shell';
 export { FieldEditor, type FieldEditorProps } from './components/FieldEditor';

package/dist/index.js

@@ -25,17 +25,25 @@ function createXLAdminClient(transport) {
     async getDeletePreview(slug, id) {
       return await transportGet(transport, `/xladmin/models/${slug}/items/${id}/delete-preview/`);
     },
-    async bulkDelete(slug, ids) {
-      return await transportPost(transport, `/xladmin/models/${slug}/bulk-delete/`, { ids });
+    async bulkDelete(slug, ids, options) {
+      return await transportPost(
+        transport,
+        `/xladmin/models/${slug}/bulk-delete/`,
+        buildSelectionPayload(ids, void 0, options)
+      );
     },
-    async getBulkDeletePreview(slug, ids) {
-      return await transportPost(transport, `/xladmin/models/${slug}/bulk-delete-preview/`, { ids });
+    async getBulkDeletePreview(slug, ids, options) {
+      return await transportPost(
+        transport,
+        `/xladmin/models/${slug}/bulk-delete-preview/`,
+        buildSelectionPayload(ids, void 0, options)
+      );
     },
-    async runBulkAction(slug, actionSlug, ids, payload) {
+    async runBulkAction(slug, actionSlug, ids, payload, options) {
       return await transportPost(
         transport,
         `/xladmin/models/${slug}/bulk-actions/${actionSlug}/`,
-        { ids, ...payload != null ? payload : {} }
+        buildSelectionPayload(ids, payload, options)
       );
     },
     async runObjectAction(slug, id, actionSlug, payload) {
@@ -181,6 +189,23 @@ function buildSearchParams(params) {
   }
   return searchParams.toString();
 }
+function buildSelectionPayload(ids, payload, options) {
+  var _a;
+  const result = {
+    ids,
+    ...payload != null ? payload : {}
+  };
+  if (options == null ? void 0 : options.selectAll) {
+    result.select_all = true;
+  }
+  if (options == null ? void 0 : options.selectionScope) {
+    result.selection_scope = {
+      q: options.selectionScope.q,
+      filters: (_a = options.selectionScope.filters) != null ? _a : {}
+    };
+  }
+  return result;
+}
 
 // src/router.tsx
 import { createContext, useContext, useMemo, useRef, useSyncExternalStore } from "react";
@@ -2562,6 +2587,7 @@ function useModelPageController({
     })
   )) != null ? _c : null;
   const [selectedIds, setSelectedIds] = useState9([]);
+  const [isAllMatchingSelected, setIsAllMatchingSelected] = useState9(false);
   const [createOpen, setCreateOpen] = useState9(false);
   const [data, setData] = useState9(() => initialCachedResponse);
   const [error, setError] = useState9(null);
@@ -2580,6 +2606,8 @@ function useModelPageController({
   const [isDeletePreviewLoading, setIsDeletePreviewLoading] = useState9(false);
   const [isDeleteSubmitting, setIsDeleteSubmitting] = useState9(false);
   const [pendingDeleteIds, setPendingDeleteIds] = useState9([]);
+  const [pendingDeleteSelectAll, setPendingDeleteSelectAll] = useState9(false);
+  const [pendingDeleteScope, setPendingDeleteScope] = useState9(null);
   const [pendingDeleteMode, setPendingDeleteMode] = useState9("single");
   const [filtersOpen, setFiltersOpen] = useState9(false);
   const requestIdRef = useRef3(0);
@@ -2602,15 +2630,32 @@ function useModelPageController({
   const listFilters = (_j = meta == null ? void 0 : meta.list_filters) != null ? _j : [];
   const hasListFilters = listFilters.length > 0;
   const bulkActions = (_k = meta == null ? void 0 : meta.bulk_actions) != null ? _k : [];
-  const selectedIdSet = useMemo8(() => new Set(selectedIds.map((item) => String(item))), [selectedIds]);
-  const allVisibleSelected = rows.length > 0 && rows.every((row) => {
+  const selectionScope = useMemo8(
+    () => ({
+      q: appliedQuery || void 0,
+      filters: { ...appliedFilters }
+    }),
+    [appliedFilters, appliedQuery]
+  );
+  const selectedIdSet = useMemo8(() => {
+    if (isAllMatchingSelected) {
+      return new Set(rows.map((row) => {
+        var _a2;
+        return String(row[(_a2 = meta == null ? void 0 : meta.pk_field) != null ? _a2 : "id"]);
+      }));
+    }
+    return new Set(selectedIds.map((item) => String(item)));
+  }, [isAllMatchingSelected, meta == null ? void 0 : meta.pk_field, rows, selectedIds]);
+  const allVisibleSelected = rows.length > 0 && (isAllMatchingSelected || rows.every((row) => {
     var _a2;
     return selectedIdSet.has(String(row[(_a2 = meta == null ? void 0 : meta.pk_field) != null ? _a2 : "id"]));
-  });
-  const hasVisibleSelection = rows.some((row) => {
+  }));
+  const hasVisibleSelection = isAllMatchingSelected || rows.some((row) => {
     var _a2;
     return selectedIdSet.has(String(row[(_a2 = meta == null ? void 0 : meta.pk_field) != null ? _a2 : "id"]));
   });
+  const hasSelection = isAllMatchingSelected || selectedIds.length > 0;
+  const selectionCount = isAllMatchingSelected ? total : selectedIds.length;
   useEffect9(() => {
     dataRef.current = data;
   }, [data]);
@@ -2630,6 +2675,10 @@ function useModelPageController({
     setPageInput(String(nextPage));
     setAppliedFilters(nextFilters);
   }, [locationSearch]);
+  const clearSelection = useCallback4(() => {
+    setSelectedIds([]);
+    setIsAllMatchingSelected(false);
+  }, []);
   const loadItems = useCallback4(async () => {
     var _a2;
     const activeRequestId = requestIdRef.current + 1;
@@ -2646,7 +2695,9 @@ function useModelPageController({
     const cachedResponse = (_a2 = getClientCacheBucket(client).listResponseCache.get(requestKey)) != null ? _a2 : null;
     if (cachedResponse) {
       setData(cachedResponse);
-      setSelectedIds([]);
+      if (!isAllMatchingSelected) {
+        setSelectedIds([]);
+      }
       setIsLoading(false);
       return;
     }
@@ -2661,7 +2712,9 @@ function useModelPageController({
       }
       pageSizeRef.current = response.meta.page_size;
       setData(response);
-      setSelectedIds([]);
+      if (!isAllMatchingSelected) {
+        setSelectedIds([]);
+      }
     } catch (reason) {
       setError(reason instanceof Error ? reason.message : t("model_load_error"));
     } finally {
@@ -2669,7 +2722,7 @@ function useModelPageController({
         setIsLoading(false);
       }
     }
-  }, [appliedFilters, appliedQuery, client, currentPage, slug, sortValue, t]);
+  }, [appliedFilters, appliedQuery, client, currentPage, isAllMatchingSelected, slug, sortValue, t]);
   useEffect9(() => {
     void loadItems();
   }, [loadItems]);
@@ -2684,11 +2737,12 @@ function useModelPageController({
     if (nextQuery === appliedQuery) {
       return;
     }
+    clearSelection();
     setAppliedQuery(nextQuery);
     setCurrentPage(1);
     setPageInput("1");
     replaceLocation(nextQuery, sortValue, 1, appliedFilters);
-  }, [appliedFilters, appliedQuery, replaceLocation, sortValue]);
+  }, [appliedFilters, appliedQuery, clearSelection, replaceLocation, sortValue]);
   const handlePageChange = useCallback4((nextPage) => {
     const safePage = Math.min(Math.max(nextPage, 1), totalPages);
     setCurrentPage(safePage);
@@ -2723,22 +2777,26 @@ function useModelPageController({
     if (!value) {
       delete nextFilters[filterSlug];
     }
+    clearSelection();
     setAppliedFilters(nextFilters);
     setCurrentPage(1);
     setPageInput("1");
     replaceLocation(appliedQuery, sortValue, 1, nextFilters);
-  }, [appliedFilters, appliedQuery, replaceLocation, sortValue]);
+  }, [appliedFilters, appliedQuery, clearSelection, replaceLocation, sortValue]);
   const handleResetFilters = useCallback4(() => {
     if (Object.keys(appliedFilters).length === 0) {
       return;
     }
+    clearSelection();
     setAppliedFilters({});
     setCurrentPage(1);
     setPageInput("1");
     replaceLocation(appliedQuery, sortValue, 1, {});
-  }, [appliedFilters, appliedQuery, replaceLocation, sortValue]);
+  }, [appliedFilters, appliedQuery, clearSelection, replaceLocation, sortValue]);
   const openSingleDeletePreview = useCallback4(async (rowId) => {
     setPendingDeleteIds([rowId]);
+    setPendingDeleteSelectAll(false);
+    setPendingDeleteScope(null);
     setPendingDeleteMode("single");
     setDeletePreviewOpen(true);
     setDeletePreview(null);
@@ -2754,17 +2812,23 @@ function useModelPageController({
     }
   }, [client, slug, t]);
   const openBulkDeletePreview = useCallback4(async () => {
-    if (selectedIds.length === 0) {
+    if (!hasSelection) {
       return;
     }
-    setPendingDeleteIds(selectedIds);
+    setPendingDeleteIds(isAllMatchingSelected ? [] : selectedIds);
+    setPendingDeleteSelectAll(isAllMatchingSelected);
+    setPendingDeleteScope(isAllMatchingSelected ? selectionScope : null);
     setPendingDeleteMode("bulk");
     setDeletePreviewOpen(true);
     setDeletePreview(null);
     setDeletePreviewError(null);
     setIsDeletePreviewLoading(true);
     try {
-      const preview = await client.getBulkDeletePreview(slug, selectedIds);
+      const preview = await client.getBulkDeletePreview(
+        slug,
+        isAllMatchingSelected ? [] : selectedIds,
+        isAllMatchingSelected ? { selectAll: true, selectionScope } : void 0
+      );
       setDeletePreview(preview);
     } catch (reason) {
       setDeletePreviewError(reason instanceof Error ? reason.message : t("delete_preview_error"));
@@ -2772,9 +2836,12 @@ function useModelPageController({
       setIsDeletePreviewLoading(false);
       setBulkActionMenuAnchor(null);
     }
-  }, [client, selectedIds, slug, t]);
+  }, [client, hasSelection, isAllMatchingSelected, selectedIds, selectionScope, slug, t]);
   const handleConfirmDelete = useCallback4(async () => {
-    if (pendingDeleteIds.length === 0) {
+    if (pendingDeleteMode === "single" && pendingDeleteIds.length === 0) {
+      return;
+    }
+    if (pendingDeleteMode === "bulk" && pendingDeleteIds.length === 0 && !pendingDeleteSelectAll) {
       return;
     }
     setIsDeleteSubmitting(true);
@@ -2783,21 +2850,28 @@ function useModelPageController({
       if (pendingDeleteMode === "single") {
         await client.deleteItem(slug, pendingDeleteIds[0]);
       } else {
-        await client.bulkDelete(slug, pendingDeleteIds);
+        await client.bulkDelete(
+          slug,
+          pendingDeleteIds,
+          pendingDeleteSelectAll && pendingDeleteScope ? { selectAll: true, selectionScope: pendingDeleteScope } : void 0
+        );
       }
       setDeletePreviewOpen(false);
       setDeletePreview(null);
       setDeletePreviewError(null);
       setPendingDeleteIds([]);
+      setPendingDeleteSelectAll(false);
+      setPendingDeleteScope(null);
+      clearSelection();
       await refresh();
     } catch (reason) {
       setDeletePreviewError(reason instanceof Error ? reason.message : t("object_delete_error"));
     } finally {
       setIsDeleteSubmitting(false);
     }
-  }, [client, pendingDeleteIds, pendingDeleteMode, refresh, slug, t]);
+  }, [clearSelection, client, pendingDeleteIds, pendingDeleteMode, pendingDeleteScope, pendingDeleteSelectAll, refresh, slug, t]);
   const handleRunNamedBulkAction = useCallback4(async (actionSlug) => {
-    if (!actionSlug || selectedIds.length === 0) {
+    if (!actionSlug || !hasSelection) {
       return;
     }
     if (actionSlug === "delete") {
@@ -2805,19 +2879,40 @@ function useModelPageController({
       return;
     }
     try {
-      await client.runBulkAction(slug, actionSlug, selectedIds);
+      await client.runBulkAction(
+        slug,
+        actionSlug,
+        isAllMatchingSelected ? [] : selectedIds,
+        void 0,
+        isAllMatchingSelected ? { selectAll: true, selectionScope } : void 0
+      );
       setBulkActionMenuAnchor(null);
+      clearSelection();
       await refresh();
     } catch (reason) {
       setError(reason instanceof Error ? reason.message : t("object_action_error"));
     }
-  }, [client, openBulkDeletePreview, refresh, selectedIds, slug, t]);
+  }, [clearSelection, client, hasSelection, isAllMatchingSelected, openBulkDeletePreview, refresh, selectedIds, selectionScope, slug, t]);
   const handleRowDelete = useCallback4(async (rowId) => {
     setRowActionMenuAnchor(null);
     setRowActionMenuId(null);
     await openSingleDeletePreview(rowId);
   }, [openSingleDeletePreview]);
   const handleToggleSelection = useCallback4((rowId, checked) => {
+    if (isAllMatchingSelected) {
+      if (checked) {
+        return;
+      }
+      setIsAllMatchingSelected(false);
+      if (!meta) {
+        setSelectedIds([]);
+        return;
+      }
+      setSelectedIds(
+        rows.map((row) => row[meta.pk_field]).filter((item) => String(item) !== String(rowId))
+      );
+      return;
+    }
     setSelectedIds((current) => {
       const rowKey = String(rowId);
       if (checked) {
@@ -2828,27 +2923,54 @@ function useModelPageController({
       }
       return current.filter((item) => String(item) !== rowKey);
     });
-  }, []);
+  }, [isAllMatchingSelected, meta, rows]);
   const handleToggleAllVisible = useCallback4((checked) => {
     if (!meta) {
       return;
     }
     if (checked) {
+      setIsAllMatchingSelected(false);
       setSelectedIds(rows.map((row) => row[meta.pk_field]));
       return;
     }
+    clearSelection();
+  }, [clearSelection, meta, rows]);
+  const handleSelectAllMatching = useCallback4(() => {
+    if (!hasSelection || total === 0) {
+      return;
+    }
     setSelectedIds([]);
-  }, [meta, rows]);
+    setIsAllMatchingSelected(true);
+  }, [hasSelection, total]);
+  const clearBulkDeleteState = useCallback4(() => {
+    setPendingDeleteIds([]);
+    setPendingDeleteSelectAll(false);
+    setPendingDeleteScope(null);
+  }, []);
+  const handleClearDeletePreview = useCallback4(() => {
+    setDeletePreviewOpen(false);
+    setDeletePreview(null);
+    setDeletePreviewError(null);
+    clearBulkDeleteState();
+  }, [clearBulkDeleteState]);
   const handleOpenRowMenu = useCallback4((event, rowId) => {
     setRowActionMenuAnchor(event.currentTarget);
     setRowActionMenuId(rowId);
   }, []);
+  const handleCloseRowMenu = useCallback4(() => {
+    setRowActionMenuAnchor(null);
+    setRowActionMenuId(null);
+  }, []);
+  const handleCloseBulkActionMenu = useCallback4(() => {
+    setBulkActionMenuAnchor(null);
+  }, []);
   return {
     allVisibleSelected,
     appliedFilters,
     appliedQuery,
     bulkActionMenuAnchor,
     bulkActions,
+    clearBulkDeleteState,
     createOpen,
     currentPage,
     data,
@@ -2858,6 +2980,9 @@ function useModelPageController({
     error,
     fieldMap,
     filtersOpen,
+    handleClearDeletePreview,
+    handleCloseBulkActionMenu,
+    handleCloseRowMenu,
     handleConfirmDelete,
     handleFilterChange,
     handleOpenRowMenu,
@@ -2867,10 +2992,13 @@ function useModelPageController({
     handleRowDelete,
     handleRunNamedBulkAction,
     handleSearchCommit,
+    handleSelectAllMatching,
     handleToggleAllVisible,
     handleToggleSelection,
     hasListFilters,
+    hasSelection,
     hasVisibleSelection,
+    isAllMatchingSelected,
     isDeletePreviewLoading,
     isDeleteSubmitting,
     isLoading,
@@ -2884,6 +3012,7 @@ function useModelPageController({
     rowActionMenuAnchor,
     rowActionMenuId,
     rows,
+    selectionCount,
     selectedIdSet,
     selectedIds,
     setBulkActionMenuAnchor,
@@ -2893,9 +3022,7 @@ function useModelPageController({
     setDeletePreviewOpen,
     setFiltersOpen,
     setPageInput,
-    setPendingDeleteIds,
-    setRowActionMenuAnchor,
-    setRowActionMenuId,
+    sortValue,
     sortFields,
     toggleSort,
     total,
@@ -2971,10 +3098,11 @@ import { jsx as jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
 var SEARCH_DEBOUNCE_MS = 300;
 var CHECKBOX_COLUMN_WIDTH = 56;
 var ACTIONS_COLUMN_WIDTH = 56;
-function ModelPage({ client, basePath, slug, router }) {
+function ModelPage({ client, basePath, slug, router, renderBeforePagination }) {
   var _a, _b;
   const locale = useAdminLocale();
   const t = useAdminTranslation();
+  const selectAllLabel = locale === "ru" ? "\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435" : "Select All";
   const resolvedRouter = useXLAdminRouter(router);
   const location = useXLAdminLocation(resolvedRouter);
   const theme = useTheme2();
@@ -2995,6 +3123,22 @@ function ModelPage({ client, basePath, slug, router }) {
     return /* @__PURE__ */ jsx19(ModelPageSkeleton, {});
   }
   const meta = controller.meta;
+  const beforePagination = renderBeforePagination == null ? void 0 : renderBeforePagination({
+    client,
+    slug,
+    meta: {
+      slug: meta.slug,
+      title: meta.title
+    },
+    selectedIds: controller.selectedIds,
+    isAllMatchingSelected: controller.isAllMatchingSelected,
+    selectionCount: controller.selectionCount,
+    total: controller.total,
+    appliedQuery: controller.appliedQuery,
+    sortValue: controller.sortValue,
+    appliedFilters: controller.appliedFilters,
+    refresh: controller.refresh
+  });
   return /* @__PURE__ */ jsx19(XLAdminRouterProvider, { router: resolvedRouter, children: /* @__PURE__ */ jsxs12(Stack9, { spacing: 1.5, sx: { height: "100%", minHeight: 0 }, children: [
     /* @__PURE__ */ jsx19(
       MainHeader,
@@ -3006,8 +3150,8 @@ function ModelPage({ client, basePath, slug, router }) {
             "aria-label": t("create"),
             onClick: () => controller.setCreateOpen(true),
             sx: {
-              width: 30,
-              height: 30,
+              width: 29,
+              height: 29,
               p: 0.5,
               backgroundColor: "primary.main",
               color: "primary.contrastText",
@@ -3031,28 +3175,53 @@ function ModelPage({ client, basePath, slug, router }) {
           flexShrink: 0
         },
         children: /* @__PURE__ */ jsxs12(Stack9, { direction: { xs: "column", lg: "row" }, spacing: 1.5, alignItems: { lg: "center" }, children: [
-          /* @__PURE__ */ jsx19(Stack9, { direction: { xs: "column", xl: "row" }, spacing: 1.5, sx: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ jsx19(
-            SearchField,
+          /* @__PURE__ */ jsxs12(
+            Stack9,
             {
-              value: controller.appliedQuery,
-              onCommit: controller.handleSearchCommit,
-              debounceMs: SEARCH_DEBOUNCE_MS,
-              placeholder: t("search")
+              direction: { xs: "column", xl: "row" },
+              spacing: 1.5,
+              alignItems: { xl: "center" },
+              sx: { flex: 1, minWidth: 0 },
+              children: [
+                /* @__PURE__ */ jsx19(
+                  SearchField,
+                  {
+                    value: controller.appliedQuery,
+                    onCommit: controller.handleSearchCommit,
+                    debounceMs: SEARCH_DEBOUNCE_MS,
+                    placeholder: t("search")
+                  }
+                ),
+                controller.hasSelection ? /* @__PURE__ */ jsxs12(Stack9, { direction: "row", spacing: 1, alignItems: "center", sx: { minWidth: 0, flexWrap: "wrap" }, children: [
+                  /* @__PURE__ */ jsx19(
+                    Button4,
+                    {
+                      variant: "outlined",
+                      endIcon: /* @__PURE__ */ jsx19(ExpandMoreIcon4, {}),
+                      onClick: (event) => controller.setBulkActionMenuAnchor(event.currentTarget),
+                      children: t("actions")
+                    }
+                  ),
+                  !controller.isAllMatchingSelected && controller.selectionCount < controller.total ? /* @__PURE__ */ jsx19(
+                    Button4,
+                    {
+                      variant: "text",
+                      onClick: controller.handleSelectAllMatching,
+                      sx: { px: 0.5, minWidth: "auto" },
+                      children: selectAllLabel
+                    }
+                  ) : null,
+                  /* @__PURE__ */ jsxs12(Typography5, { color: "text.secondary", sx: { alignSelf: "center", whiteSpace: "nowrap" }, children: [
+                    t("selected_count", { count: controller.selectionCount }),
+                    " / ",
+                    controller.total
+                  ] })
+                ] }) : null
+              ]
             }
-          ) }),
-          controller.selectedIds.length > 0 ? /* @__PURE__ */ jsxs12(Stack9, { direction: "row", spacing: 1, sx: { flex: { lg: 1 }, minWidth: 0 }, children: [
-            /* @__PURE__ */ jsx19(
-              Button4,
-              {
-                variant: "outlined",
-                endIcon: /* @__PURE__ */ jsx19(ExpandMoreIcon4, {}),
-                onClick: (event) => controller.setBulkActionMenuAnchor(event.currentTarget),
-                children: t("actions")
-              }
-            ),
-            /* @__PURE__ */ jsx19(Typography5, { color: "text.secondary", sx: { alignSelf: "center" }, children: t("selected_count", { count: controller.selectedIds.length }) })
-          ] }) : null,
+          ),
           /* @__PURE__ */ jsxs12(Stack9, { direction: "row", spacing: 1, alignItems: "center", sx: { marginLeft: "auto" }, children: [
+            beforePagination ? /* @__PURE__ */ jsx19(Box9, { sx: { display: "flex", alignItems: "center", flexShrink: 0 }, children: beforePagination }) : null,
             isMobile && controller.hasListFilters ? /* @__PURE__ */ jsx19(Tooltip, { title: t("filters"), children: /* @__PURE__ */ jsx19(
               IconButton3,
               {
@@ -3257,7 +3426,7 @@ function ModelPage({ client, basePath, slug, router }) {
       {
         anchorEl: controller.bulkActionMenuAnchor,
         open: Boolean(controller.bulkActionMenuAnchor),
-        onClose: () => controller.setBulkActionMenuAnchor(null),
+        onClose: controller.handleCloseBulkActionMenu,
         children: controller.bulkActions.map((action) => /* @__PURE__ */ jsx19(
           MenuItem2,
           {
@@ -3273,10 +3442,7 @@ function ModelPage({ client, basePath, slug, router }) {
       {
         anchorEl: controller.rowActionMenuAnchor,
         open: Boolean(controller.rowActionMenuAnchor),
-        onClose: () => {
-          controller.setRowActionMenuAnchor(null);
-          controller.setRowActionMenuId(null);
-        },
+        onClose: controller.handleCloseRowMenu,
         children: /* @__PURE__ */ jsx19(
           MenuItem2,
           {
@@ -3353,10 +3519,7 @@ function ModelPage({ client, basePath, slug, router }) {
           if (controller.isDeleteSubmitting) {
             return;
           }
-          controller.setDeletePreviewOpen(false);
-          controller.setDeletePreview(null);
-          controller.setDeletePreviewError(null);
-          controller.setPendingDeleteIds([]);
+          controller.handleClearDeletePreview();
         },
         onConfirm: () => void controller.handleConfirmDelete()
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xladmin",
-  "version": "0.2.8",
+  "version": "0.2.9",
   "description": "Framework-agnostic React + MUI admin frontend for xladmin.",
   "license": "MIT",
   "type": "module",