@dashadmin/dash-auto-admin 1.3.25 → 1.3.26

package/src/interfaces/IDashAutoAdminResourceConfig.ts

@@ -0,0 +1,360 @@
+import IApplicationLayoutMainAction from './IDashApplicationLayoutMainAction';
+import IApplicationLayoutMenuItem from './IDashApplicationLayoutMenuItem';
+import IDashAutoAdminAttribute from './IDashAutoAdminAttribute';
+import { IDashAutoAdminReference } from './IDashAutoAdminReference';
+import IDashAutoAdminListActions from './IDashAutoAdminListActions';
+import IAutoGridButton, { IDeleteAutoGridButton, IEditAutoGridButton, IViewAutoGridButton } from './IDashAutoGridButton';
+import IGroupExtraData from './IGroupExtraData';
+import IReferenceFilter from './IReferenceFilter';
+import IDashAutoAdminCustomFieldComponent from './IDashAutoAdminCustomFieldComponent';
+import { IDashAutoDrawerPublicProps } from '../DashAutoDrawer';
+import React, { FC, JSX, ReactNode, ReactPortal } from 'react';
+
+//import type { PaginationProps, ListProps, DatagridProps } from 'react-admin';
+import { ListProps } from 'react-admin/src';
+import { Datagrid } from 'react-admin';
+
+import { IDashAutoLayoutRenderFunction } from '../DashAutoLayout';
+import { IDashAutoListActionsWrapper } from '../list/DashAutoListDefaultActionsWrapper';
+import { IDashAutoAdminDataGrid } from '../list/DashAutoListDatagridWrapper';
+import { IToolbarFilters } from '../list/DashAutoListTopToolbar';
+import { IToolbarFiltersHandler } from '../list/DashAutoListFilterFormWithButton';
+import { OverridableComponent } from '@mui/material/OverridableComponent';
+import { SvgIconTypeMap } from '@mui/material';
+type ReactNodeWithoutPortal = Exclude<ReactNode, ReactPortal>;
+
+/*
+This interface defines the configuration options for an auto-admin resource in the React Auto Admin library. It includes properties for defining the model, label, icon, group, references, schema, search, custom components, buttons, toolbars, layouts, and various other options to customize the behavior of the resource.
+The interface is used to configure the behavior of the auto-admin components, such as the list, edit, create, and show views, as well as the overall layout and functionality of the resource.
+*/
+
+export default interface IDashAutoAdminResourceConfig {
+    locale?: string;
+    redirect?: string;
+    hidden?: boolean;
+    resourceMenuDisabled?: boolean;
+    /** 
+     * When true, this resource is only used for menu navigation (redirect links).
+     * It will not register a react-admin resource or CRUD routes.
+     * Use `redirect` to specify the target URL, which can be:
+     * - An absolute path starting with "/" (e.g., "/plans")
+     * - A relative path (e.g., "create") which becomes "/{model}/create"
+     * - An external URL
+     */
+    menuOnly?: boolean;
+    /** if not path is provided, model will be used as default */
+    path?: string;
+    /** */
+	model: string;
+	/** */
+	label?: string;
+	//icon?: React.ReactElement | ComponentType<any>;
+	/** */
+	//icon?:  React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment | OverridableComponent<SvgIconTypeMap<{}, "svg">> & { muiName: string; };
+	/** */
+    icon?: React.ComponentType<any> | React.ReactElement | OverridableComponent<SvgIconTypeMap<{}, "svg">> & { muiName: string };	
+    /** */
+    group?: string;
+	/** */
+	groupsData?: IGroupExtraData[];
+	/** */
+	references?: IDashAutoAdminReference[];
+	/** */
+	referenceFilters?: IReferenceFilter[];
+	/* 
+	deprecated in favor of FilterFormComponent
+	customResourceFiltersComponent?: (
+		referenceFilters?: IReferenceFilter[],
+	) => ReactNode;
+	*/
+	/** */
+	schema: IDashAutoAdminAttribute[];
+	/** */
+	listSchema?: IDashAutoAdminAttribute[];
+	/** */
+	editSchema?: IDashAutoAdminAttribute[];
+	/** */
+	createSchema?: IDashAutoAdminAttribute[];
+	/** */
+	showSchema?: IDashAutoAdminAttribute[];
+	/** */
+	exporter?: any;
+	/** */
+	search?: boolean;
+	/** 
+	 * Custom component for rendering the resource. 
+	 * If not provided, defaults to ResourceTemplate from dash-admin.
+	 */
+	component?: (
+		resourceConfig: IDashAutoAdminResourceConfig,
+		children?: any,
+	) => ReactNode;
+	/** */
+	roles?: string[];
+	/** */
+	isFormData?: boolean;
+	/** */
+	listDeleteButton?: IDeleteAutoGridButton;
+	/** */
+	listEditButton?: IEditAutoGridButton;
+	/** */
+	listViewButton?: IViewAutoGridButton;
+	/** */
+	customListButtons?: IAutoGridButton[];
+	/** */
+	customToolbarElements?: (filters: ReactNode[]) => any;
+	/** */
+	customToolbarActions?: (filters: ReactNode[]) => any;
+	/** */
+	customListActions?: FC<IDashAutoAdminListActions>; //(resourceConfig:IDashAutoAdminResourceConfig,listProps:any,isLoading:boolean,data?:any) => React.ReactElement;
+	/** */
+	listActionsWrapper?: React.FC<IDashAutoListActionsWrapper>;
+	/** Enables soft deletes controller, to force delete records or reinstall them. */
+    trash?: boolean;
+    /** */
+	drawer?: boolean;
+	/** */
+	drawerOptions?: {
+        /* TODO! show or view? */
+		/** */
+		view?: boolean;
+        /** */
+		show?: boolean;
+		/** */
+		edit?: boolean;
+		/** */
+		create?: boolean;
+	}
+	/** */
+	drawerProps?: IDashAutoDrawerPublicProps;
+	/** */
+	formGroupMode?: 'tabs' | 'groups' | 'layout';
+    formGroupModes?: {
+        create?: 'tabs' | 'groups' | 'layout';
+        edit?: 'tabs' | 'groups' | 'layout';
+    }
+	/** */
+	saveButton?: boolean;
+	/** */
+	saveButtonAlwaysEnabled?: boolean;
+	/** */
+	closeDrawerAfterSave?: boolean;
+	/** Optional: hides id from List if true. */
+	hideSchemaId?: boolean;
+	/** Optional: reset filters on location change. */
+	resetFiltersOnLocationChange?: boolean;
+	/** Optional: hides default filter toolbar (useful together with customResourceFiltersComponent). */
+	hideDefaultFilters?: boolean;
+	/** Custom record id param name in url; it only works in custom routes related to auto-admin. Initially required to enable nested resources. */
+	idParamName?: string;
+	/** */
+	mutationMode?: 'pessimistic' | 'optimistic' | 'undoable';
+	/**
+	 * FieldWrapper. Allows to specify a component to wrap around the field.
+	 * Notice that you must implement a custom logic if you want to exclude the wrapper from certain conditions.$
+	 * For example, you could apply the wrapper only on the show method:.
+	 * 
+	 * @example
+	 * FieldWrapper: ({ children, record, method, attribute }) => {
+    return method === "show" ? 
+      <fieldset>
+        <legend>{attribute.label || attribute.attribute}</legend>
+        {children}
+      </fieldset>
+     : 
+      children
+  }  
+	 */
+	/**
+	 * FieldWrapper extends an FC<IDashAutoAdminCustomFieldComponent> including the record, method and attribute (attribute schema)
+	 * its purpose is to add a custom wrapper to all the fields around the React Auto Admin field.
+	 */
+	fieldWrapper?: ({
+		record,
+		method,
+		attribute,
+		children,
+	}: IDashAutoAdminCustomFieldComponent) => React.ReactElement;
+	/** DataGridProps extends Partial<DatagridProps> from React Admin. */
+	dataGridProps?: any;
+	/** DataGridComponent replaces the default <AutoDataGrid/> wrapped in a <List/>; use the listComponent to replace the complete list view. */
+	dataGridComponent?: React.FC<IDashAutoAdminDataGrid>;
+	/** DataGridRootComponent replaces the root React Admin GridComponent. */
+	dataGridRootComponent?: typeof Datagrid;
+	/**
+	 * DataGridWrapper extends an FC<PropsWithChildren> component
+	 * its purpose is to add a custom wrapper around the DataGrid in list views
+	 * its props are not defined because they depend on the DataGrid being implemented
+	 * they extends an FC<PropsWithChildren>
+	 * by default is react-admin DataGrid, but it can be overwritten by the custom datagrid component.
+	 */
+	dataGridWrapper?: (props: any) => React.ReactElement;
+	/** ListProps extends Partial<ListProps> from React Admin. */
+	listProps?: Partial<ListProps>;
+	/** Pagination is an optional component that aims to replace the default Pagination component that extends React Admin PaginationProps. */
+	Pagination?: FC<any>;
+	/** */
+	paginationProps?: any;
+	/** FilterFormComponent replaces entirely the default <FilterForm> React-admin component. */
+	//FilterFormComponent?: FC<{ resourceConfig: IDashAutoAdminResourceConfig }>;
+	FilterFormComponent?:  React.ForwardRefExoticComponent<IToolbarFilters & React.RefAttributes<IToolbarFiltersHandler>>;
+	/** */
+	filterButtonPosition?: 'buttons-toolbar' | 'filters-container'
+	/** */
+	filterWithSubmit?: boolean;
+	/** Post Formatter */
+	postFormatter?: (
+		params: any,
+		method: 'getList' | 'update' | 'create' | 'import',
+	) => { [x: string]: any };
+	/** Params Formatter */
+	paramsFormatter?: (params: any) => { [x: string]: any };
+	/** Form Post Formatter */
+	formPostFormatter?: (params: any, form: FormData) => FormData;
+	/** Before submit */
+	beforeSubmit?: (values: any) => any;
+
+	/** */
+	redirectAfterUpdate?: 'list' | 'view' | 'edit' | boolean;
+	/** */
+	redirectAfterCreate?: 'list' | 'view' | 'edit' | 'create' | boolean;
+	/** */
+	onError?: (mode:'list' | 'view' | 'edit' | 'create', error:any) => void | FC<{ 
+		/** */
+		mode:'list' | 'view' | 'edit' | 'create', 
+		/** */
+		error:any }>;
+    
+	/** */
+	resetFormAfterSubmit?: boolean;
+
+	/** */
+	showDialogAfterSubmit?: boolean;
+	/** */
+	showNotifyAfterSubmit?: boolean;
+
+	/** */
+	refreshAfter?: boolean;
+
+	/** */
+	mainAction?: IApplicationLayoutMainAction;
+	/** */
+	menu?:
+	| IApplicationLayoutMenuItem[]
+	| ((
+		resourceConfig?: IDashAutoAdminResourceConfig) => IApplicationLayoutMenuItem[]);
+
+	/** */
+	create?: boolean | ((resourceConfig: IDashAutoAdminResourceConfig) => boolean);
+	/** */
+	list?: boolean | ((resourceConfig: IDashAutoAdminResourceConfig) => boolean);
+	/** */
+	edit?: boolean | ((resourceConfig: IDashAutoAdminResourceConfig) => boolean);
+	/** */
+	delete?: boolean | ((resourceConfig: IDashAutoAdminResourceConfig) => boolean);
+	/** */
+	view?: boolean | ((resourceConfig: IDashAutoAdminResourceConfig) => boolean);
+
+	/** Disable/hide toolbar. */
+	toolbar?: boolean;
+	/** */
+	toolbarEditButton?: IAutoGridButton;
+	/** */
+	toolbarViewButton?: IAutoGridButton;
+	/** */
+	toolbarListButton?: IAutoGridButton;
+	/** */
+	toolbarDeleteButton?: IAutoGridButton;
+	/** */
+	toolbarSaveButton?: IAutoGridButton;
+	/** */
+	toolbarCreateButton?: IAutoGridButton;
+	/** */
+	toolbarExportButton?: IAutoGridButton;
+
+	/** Disable/hide bottom toolbar. */
+	bottomToolbar?: boolean;
+	/** */
+	bottomToolbarSaveButton?: IAutoGridButton;
+	/** */
+	bottomToolbarDeleteButton?: IAutoGridButton;
+
+
+	/** */
+	showSavedQueries?: boolean;
+
+	/** */
+	BulkActions?:
+	| React.ReactElement
+	| ReactNode
+	| (() => React.ReactElement | ReactNode);
+	/** */
+	RowActions?:
+	| React.ReactElement
+	| ReactNode
+	| (() => React.ReactElement | ReactNode);
+
+	//toolbarShow?: boolean | ((resourceConfig: IDashAutoAdminResourceConfig) => boolean);
+	//toolbarList?: boolean | ((resourceConfig: IDashAutoAdminResourceConfig) => boolean);
+	//toolbarDelete?: boolean | ((resourceConfig: IDashAutoAdminResourceConfig) => boolean);
+	//toolbarSave?: boolean | ((resourceConfig: IDashAutoAdminResourceConfig) => boolean);
+    bulkActionButtons?:  (props: any) => JSX.Element;
+	/** */
+	customRoutes?: (resourceConfig: IDashAutoAdminResourceConfig) => React.ReactElement;
+	/** */
+	showComponent?: (resourceConfig: IDashAutoAdminResourceConfig) => React.ReactElement;
+	/** List Component replaces the complete list component only wrapped by the specified layout; e.g: reference filters will not be applied. */
+	listComponent?: (
+		resourceConfig: IDashAutoAdminResourceConfig,
+		onError?: (data: any) => void,
+		onSubmit?: (data: any) => void,
+	) => React.ReactElement;
+	
+	
+	/** */
+	editComponent?: (resourceConfig: IDashAutoAdminResourceConfig) => React.ReactElement;
+	/** */
+	createComponent?: (resourceConfig: IDashAutoAdminResourceConfig) => React.ReactElement;
+
+	/** */
+	createLayout?: (render: IDashAutoLayoutRenderFunction) => React.ReactElement;
+	/** */
+	editLayout?: (render: IDashAutoLayoutRenderFunction) => React.ReactElement;
+	/** */
+	showLayout?: (render: IDashAutoLayoutRenderFunction) => React.ReactElement;
+	/** Generally the error handler is performed in the ResourceTemplate, in case no ResourceTemplate and defualt react-admin beheaviour is implemented, default value will be true. */
+	processErrors?: boolean;
+	errorParser?: (error: any) => string | React.ReactElement;	/** */
+	resetSelectedIdsOnLoad?: boolean;
+
+	/** */
+	AutoEditTopToolbarElements?: (
+		resourceConfig: IDashAutoAdminResourceConfig,
+	) => React.ReactElement;
+	/** */
+	AutoCreateTopToolbarElements?: (
+		resourceConfig: IDashAutoAdminResourceConfig,
+	) => React.ReactElement;
+	/** */
+	AutoEditBottomToolbarElements?: (
+		resourceConfig: IDashAutoAdminResourceConfig
+	) => React.ReactElement;
+	/** */
+	AutoCreateBottomToolbarElements?: (
+		resourceConfig: IDashAutoAdminResourceConfig,
+	) => React.ReactElement;
+    topToolbarButtons?: boolean; // Uses the bottom toolbar button in the top toolbar.
+    // Extended Resource Props from reactAdmin:
+    recordRepresentation?: string;
+    syncTabsWithLocation?: boolean;
+
+    contextComponent?:  ({resourceConfig,mode,children}:{resourceConfig:IDashAutoAdminResourceConfig,mode?:"create" | "edit" | "list" | "view",children?:ReactNode}) => JSX.Element | ReactNode;
+    editProps?: any; // TODO Map this with react admin Edit Props.
+    
+    /** 
+     * Custom configuration object for context components.
+     * Can be used to pass custom settings like API paths, storage keys, etc.
+     * The contextComponent receives this via resourceConfig.config
+     */
+    config?: Record<string, any>;
+}

package/src/interfaces/IDashAutoForm.ts

@@ -0,0 +1,24 @@
+import IDashAutoAdminResourceConfig from './IDashAutoAdminResourceConfig';
+
+export default interface IAutoForm {
+	/** */
+	id?: number;
+	/** */
+	resourceConfig: IDashAutoAdminResourceConfig;
+	/** */
+	onSubmit?: (values: any) => any;
+	/** */
+	onError?: (error: any) => any;
+	/** */
+	onCancel?: () => any;
+	/** */
+	beforeSubmit?: (values: any) => any;
+	/** */
+	toolbar?: React.ReactElement;
+	/** */
+	actions?: React.ReactElement;
+	/** */
+	isDrawer?: boolean;
+	/** */
+	locale?: string;
+}

package/src/interfaces/IDashAutoGridButton.ts

@@ -0,0 +1,35 @@
+export default interface IAutoGridButton {
+	/** */
+	enabled?: boolean;
+	/** */
+	props?: any;
+	/** */
+	component?: any;
+	/** */
+	modes?: {
+		/** */
+		list?: boolean;
+		/** */
+		view?: boolean;
+		/** */
+		edit?: boolean;
+		/** */
+		show?: boolean;
+	};
+    size?: 'small' | 'medium' | 'large';
+
+}
+
+
+export interface IViewAutoGridButton extends IAutoGridButton {
+	/** */
+	confirm?: boolean
+}
+export interface IEditAutoGridButton extends IAutoGridButton {
+	/** */
+	confirm?: boolean
+}
+export interface IDeleteAutoGridButton extends IAutoGridButton {
+	/** */
+	confirm?: boolean
+}

package/src/interfaces/IDashAutoShow.ts

@@ -0,0 +1,12 @@
+import IDashAutoAdminResourceConfig from './IDashAutoAdminResourceConfig';
+
+export default interface IAutoShow {
+	/** */
+	resourceConfig: IDashAutoAdminResourceConfig;
+	/** */
+	id?: React.Key;
+	/** */
+	isDrawer?: boolean;
+	/** */
+	locale?: string;
+}

package/src/interfaces/IGroupExtraData.ts

@@ -0,0 +1,8 @@
+import { JSX } from "react";
+
+export default interface IGroupExtraData {
+	/** */
+	name: string;
+	/** */
+	icon?: JSX.Element;
+}

package/src/interfaces/IRecord.ts

@@ -0,0 +1,7 @@
+import IDashAutoAdminAttribute from './IDashAutoAdminAttribute';
+
+export default interface IRecord {
+	/** */
+	attribute?: IDashAutoAdminAttribute;
+	[key: string]: any;
+}

package/src/interfaces/IReferenceFilter.ts

@@ -0,0 +1,55 @@
+import React, { FC } from 'react';
+import {
+	SelectInputProps,
+	AutocompleteInputProps,
+	SelectArrayInputProps,
+	AutocompleteArrayInputProps,
+} from 'react-admin';
+
+/**
+ * IReferenceFilter.
+ *
+ * @description
+ *
+ * Implemented in AutoFiltersGenerator.tsx
+ * Used by the referenceFilter prop in IDashAutoAdminResourceConfig.
+ */
+export default interface IReferenceFilter {
+	/** Id. */
+	id: React.Key;
+	/** Filter label. */
+	label: string;
+	/** Name of the field in the form. */
+	source: string;
+	/** Model that references or Array with option values. */
+	reference: string | Array<Partial<{ /** */
+		id: React.Key; /** */
+		name: string }>>; // model that references or Enum
+	/** */
+	optionText: string;
+	/** */
+	date?: boolean;
+	/** Always on feature from react-admin. */
+	alwaysOn?: boolean;
+	/** Allow to specify a reference component;  by default <SelectInput> | <SelectArrayInput/>, any other react admin component literal or even custom FC<any>. */
+	referenceComponent?:
+	| FC<AutocompleteInputProps>
+	| FC<SelectInputProps>
+	| FC<SelectArrayInputProps>
+	| FC<AutocompleteArrayInputProps>
+	| FC<any>;
+	/**
+	 * Props for the reference component, by default <SelectInput/> | <SelectArrayInput/> for single o multiple select filter.
+	 * This includes props for custom components when using referenceComponent.
+	 */
+	fieldProps?: any;
+    slotProps?: any;
+	/**
+	 * TODO: rename to referenceInputProps
+	 * props for the reference input component <ReferenceInput/>.
+	 */
+	inputOptions?: any;
+	/** Specify if the selection is multiple or single. */
+	multiple?: boolean;
+
+}

package/src/interfaces/IResourceComponent.ts

@@ -0,0 +1,8 @@
+import IDashAutoAdminResourceConfig from './IDashAutoAdminResourceConfig';
+
+export interface IResourceComponent {
+	/** */
+	resourceConfig: IDashAutoAdminResourceConfig;
+	/** */
+	children?: React.ReactNode;
+}

package/src/interfaces/IToolbarButton.ts

@@ -0,0 +1,11 @@
+import { IDashAutoAdminSaveButton } from '../DashAutoAdminSaveButton';
+import IDashAutoAdminResourceConfig from './IDashAutoAdminResourceConfig';
+
+export interface IToolbarButton extends IDashAutoAdminSaveButton {
+	/** */
+	//resourceConfig: IDashAutoAdminResourceConfig;
+	/** */
+	mode?: 'edit' | 'show' | 'list' | 'create'
+}
+
+export default IToolbarButton;

package/src/list/DashAutoListActions.tsx

@@ -0,0 +1,88 @@
+import { useRefresh, useUnselectAll, ListContext } from 'react-admin';
+import IDashAutoAdminResourceConfig from '../interfaces/IDashAutoAdminResourceConfig';
+import DashAutoListTopToolbar from './DashAutoListTopToolbar';
+import { FC, useState, useEffect } from 'react';
+
+/* TODO: currently restricted to vite env variables */
+export const getEnv = (key: string, defaultValue?:any) => {
+	/* @ts-ignore Expected , access to process */
+	return process.env['VITE_' + key] || (defaultValue || null);
+};
+
+const FILTERS_COLLAPSE_COUNT = getEnv('FILTERS_COLLAPSE_COUNT');
+const FILTERS_COLLAPSE_SIZE = getEnv('FILTERS_COLLAPSE_SIZE');
+
+export interface IDashAutoListActions {
+	resourceConfig: IDashAutoAdminResourceConfig;
+	filters: any;
+	autoFilters: any;
+	listProps: any;
+}
+
+const DashAutoListActions: FC<IDashAutoListActions> = (props) => {
+	const { filters, resourceConfig, autoFilters, listProps } = props;
+	
+	// Sanitize the resource model by replacing / with _ for localStorage compatibility
+	const sanitizedModel = resourceConfig.model.replace(/\//g, '_');
+	const storeKey = `filters.collapsed.${sanitizedModel}`;
+	
+	// Use localStorage directly instead of useStore (for Redux compatibility)
+	const [expanded, setExpandedState] = useState<boolean>(() => {
+		const stored = localStorage.getItem(storeKey);
+		return stored !== null ? JSON.parse(stored) : false;
+	});
+	
+	// Persist to localStorage whenever expanded changes
+	useEffect(() => {
+		localStorage.setItem(storeKey, JSON.stringify(expanded));
+		console.log('💾 Persisting filter state:', { storeKey, expanded });
+	}, [expanded, storeKey]);
+
+	const setExpanded = (value: boolean) => {
+		console.log('🔄 Setting expanded:', { storeKey, value });
+		setExpandedState(value);
+	};
+
+	const countFilters = resourceConfig.referenceFilters && resourceConfig.referenceFilters.length ? resourceConfig.referenceFilters.length : 0;
+
+	let hasToolbarItems: boolean =
+		filters ||
+		resourceConfig.create ||
+		resourceConfig.exporter ||
+		resourceConfig.customToolbarElements
+			? true
+			: false;
+
+	if (resourceConfig?.toolbar === false) {
+		hasToolbarItems = false;
+	}
+
+	// Return null instead of empty JSX to avoid rendering empty elements
+	if (!hasToolbarItems) return null;
+	
+	const toolbarComponent = (
+		<DashAutoListTopToolbar
+			resourceConfig={resourceConfig}
+			autoFilters={autoFilters}
+			filters={filters}
+			countFilters={countFilters}
+			expanded={expanded}
+			setExpanded={setExpanded}
+			filterCountToCollapse={FILTERS_COLLAPSE_COUNT}
+			collapsedSize={FILTERS_COLLAPSE_SIZE}
+		/>
+	);
+
+	return resourceConfig.customListActions ? (
+		<resourceConfig.customListActions
+			resourceConfig={resourceConfig}
+			listProps={listProps}
+		>
+			{toolbarComponent}
+		</resourceConfig.customListActions>
+	) : (
+		toolbarComponent
+	);
+};
+
+export default DashAutoListActions;

package/src/list/DashAutoListDatagridWrapper.tsx

@@ -0,0 +1,74 @@
+import { useLocation } from 'react-router';
+import { useUnselectAll, ListContext } from 'react-admin';
+
+import IDashAutoAdminResourceConfig from '../interfaces/IDashAutoAdminResourceConfig';
+import useAutoAdminLoadingStateMediator from '../hooks/useAutoAdminLoadingStateMediator';
+import { useContext, useEffect, useState } from 'react';
+import AutoDataGrid from '../mui/AutoDataGrid';
+import {
+	CircularProgress,
+} from '@mui/material';
+import { IDashAutoList } from '../DashAutoList';
+
+// Safe hook that doesn't throw when context is missing
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const useSafeListContext = (): any => {
+	const context = useContext(ListContext);
+	return context ?? null;
+};
+
+export interface IDashAutoAdminDataGrid {
+	resourceConfig: IDashAutoAdminResourceConfig;
+	dataGridProps?: IDashAutoList['dataGridProps'];
+	locale?: string;
+}
+
+const DashAutoListDataGridWrapper: React.FC<IDashAutoAdminDataGrid> = ({
+	resourceConfig,
+	dataGridProps,
+	locale,
+}) => {
+	const listContext = useSafeListContext();
+	const setFilters = listContext?.setFilters;
+	const location = useLocation();
+	const [currentLocation, setCurrentLocation] = useState(location.pathname);
+
+	// isLoafing from useListContext should have been enough, nevertheless it doesn't work as needed.
+	const [loading] = useAutoAdminLoadingStateMediator('getList');
+	const unselectAll = useUnselectAll((resourceConfig.listProps?.storeKey || resourceConfig.model));
+	const clearFilters = () => {
+
+		unselectAll();
+		if (setFilters) {
+			setFilters({}, []);
+		}
+	};
+
+	useEffect(() => {
+		if (currentLocation !== location.pathname) {
+			if (resourceConfig?.resetFiltersOnLocationChange === true) {
+				console.info('Resetting Filters on Location change');
+				clearFilters();
+			}
+			setCurrentLocation(location.pathname);
+		}
+	}, [location, currentLocation]);
+
+	return (
+		<div className={loading ? 'loading-overlay' : 'default-overlay'}>
+			{loading && <CircularProgress className={'datagrid-olverlay-loading'} />}
+			<AutoDataGrid resourceConfig={resourceConfig} {...dataGridProps} locale={locale} />
+		</div>
+	);
+
+	/*return (
+    <div className={ "loading-overlay"}>
+      
+        <CircularProgress className={"datagrid-olverlay-loading"} />
+    
+      <AutoDataGrid resourceConfig={resourceConfig} {...dataGridProps} />
+    </div>
+  );*/
+};
+
+export default DashAutoListDataGridWrapper;