@dashadmin/dash-admin 1.3.73 → 1.3.74-srcfree.2

package/src/templates/TrashTemplate.tsx

@@ -1,179 +0,0 @@
-import { Resource } from 'react-admin';
-
-import { Route } from 'react-router';
-import { useListContext } from 'react-admin';
-import { useState } from 'react';
-import { useRefresh, useTranslate } from 'react-admin';
-import { useUnselectAll } from 'react-admin';
-
-import { Button } from 'react-admin';
-import { Confirm } from 'react-admin';
-
-
-import { DashAutoList, IDashAutoAdminResourceConfig } from 'dash-auto-admin';
-import { useDialog } from 'dash-dialog';
-import { initAxios } from '../hooks/axios';
-import ApplicationLayout from '../layout/ApplicationLayout';
-import { ResourceTemplateList } from './ResourceTemplateList';
-import { useDashResource } from '../contexts/DashResourceContext';
-import { IResourceTemplate } from './ResourceTemplate';
-
-
-const TrashTemplate = (resourceConfig: IDashAutoAdminResourceConfig, locale?: string) => {	
-    const TrashBulkActions = () => {
-       
-		const axios = initAxios();
-		const dialog = useDialog();
-
-		const { selectedIds } = useListContext();
-
-		const refresh = useRefresh();
-		const translate = useTranslate();
-		const unselectAll = useUnselectAll(trashResourceConfig.model);
-
-		// RestoreMany
-		const [isRestoringLoading, setIsRestoringLoading] =
-			useState<boolean>(false);
-		const [restoreConfirmDialogOpen, setRestoreConfirmDialogOpen] =
-			useState(false);
-		const handleRestoreManyClick = () => setRestoreConfirmDialogOpen(true);
-		const handleRestoreManyDialogClose = () =>
-			setRestoreConfirmDialogOpen(false);
-		const handleRestoreManyConfirm = () => {
-			restoreMany();
-			setRestoreConfirmDialogOpen(false);
-		};
-
-		// DeleteMany
-		const [isDeletingLoading, setIsDeletingLoading] = useState<boolean>(false);
-		const [pemanentDeleteConfirmDialogOpen, setPermanentDeleteDialogOpen] =
-			useState(false);
-		const handleDeleteManyClick = () => setPermanentDeleteDialogOpen(true);
-		const handleDeleteManyDialogClose = () =>
-			setPermanentDeleteDialogOpen(false);
-		const handleDeleteManyConfirm = () => {
-			deleteMany();
-			setPermanentDeleteDialogOpen(false);
-		};
-
-		const restoreMany = async () => {
-			setIsRestoringLoading(true);
-			try {
-				await axios.post(`${trashResourceConfig.model}/updateMany`, {
-					ids: selectedIds,
-				});
-				setIsRestoringLoading(false);
-				refresh();
-				unselectAll();
-				dialog({
-					variant: 'info',
-					title: translate('dash.resource.updated'),
-					content: translate('dash.resource.updated_message', { label: translate(trashResourceConfig.label, { _: trashResourceConfig.label }) }),
-					onConfirm: () => {},
-					onClose: () => {},
-				});
-			} catch (error) {
-				setIsRestoringLoading(false);
-			}
-		};
-
-		const deleteMany = async () => {
-			setIsRestoringLoading(true);
-			try {
-				await axios.post(`${trashResourceConfig.model}/deleteMany`, {
-					ids: selectedIds,
-				});
-				setIsRestoringLoading(false);
-				refresh();
-				unselectAll();
-				dialog({
-					variant: 'info',
-					title: translate('dash.resource.updated'),
-					content: translate('dash.resource.updated_message', { label: translate(trashResourceConfig.label, { _: trashResourceConfig.label }) }),
-					onConfirm: () => {},
-					onClose: () => {},
-				});
-			} catch (error) {
-				setIsRestoringLoading(false);
-			}
-		};
-
-		return (
-			<>
-        
-				<Button label={translate('dash.action.restore')} onClick={handleRestoreManyClick} />
-				<Confirm
-					isOpen={restoreConfirmDialogOpen}
-					loading={isRestoringLoading}
-					title={translate('dash.action.restore')}
-					content={translate('dash.message.are_you_sure')}
-					onConfirm={handleRestoreManyConfirm}
-					onClose={handleRestoreManyDialogClose}
-				/>
-				<Button label={translate('ra.action.delete')} onClick={handleDeleteManyClick} />
-				<Confirm
-					isOpen={pemanentDeleteConfirmDialogOpen}
-					loading={isDeletingLoading}
-					title={translate('ra.action.delete')}
-					content={translate('dash.message.are_you_sure')}
-					onConfirm={handleDeleteManyConfirm}
-					onClose={handleDeleteManyDialogClose}
-				/>
-			</>
-		);
-	};
-    
-	const trashResourceConfig: IDashAutoAdminResourceConfig = {
-		...resourceConfig,
-		model:  resourceConfig.model+'/trash',
-		listDeleteButton: {
-			enabled: true,
-			props: { label: 'Eliminar definitivamente' },
-		},
-		listEditButton: { enabled: false },
-		listViewButton: { enabled: false },
-		customListButtons: null,
-        dataGridProps: {
-            ...resourceConfig.dataGridProps,
-            bulkActionButtons: <TrashBulkActions />
-        },
-        
-	};
-  
-	return (
-
-				<Resource
-					options={{
-						label: trashResourceConfig.label,
-						group: trashResourceConfig.group,
-					}}
-					name={trashResourceConfig.model}
-					list={() => <><ResourceTemplateList resourceConfig={trashResourceConfig} locale={locale} /></>/*{
-						return (
-							<ApplicationLayout
-								//icon={trashResourceConfig.icon} 
-                                //title={trashResourceConfig.label} menu={trashResourceConfig.menu} 
-                                //mainAction={trashResourceConfig.mainAction} 
-								resourceConfig={resourceConfig}
-							>
-								<DashAutoList
-                                    //BulkActions={trashResourceConfig.BulkActions}
-    
-									//search={trashResourceConfig.search} schema={trashResourceConfig.listSchema ? trashResourceConfig.listSchema : trashResourceConfig.schema}
-                                    //BulkActions={trashResourceConfig.BulkActions} 
-                                    //create={trashResourceConfig.create} 
-									resourceConfig={trashResourceConfig}
-								/>
-							</ApplicationLayout>
-						);
-                        
-					}*/}
-					// @ts-ignore 
-					icon={trashResourceConfig.icon}
-				/>
-                );
-      
-
-};
-
-export default TrashTemplate;

package/src/tenantResources.tsx

@@ -1,223 +0,0 @@
-import { TableContainer } from '@mui/material';
-// eslint-disable-next-line import/no-extraneous-dependencies
-//import Dashboard from '@mui/icons-material/Dashboard';
-import Person from '@mui/icons-material/Person';
-import { SelectInput } from 'react-admin';
-import { ImageInput } from 'react-admin';
-import { SelectArrayInput } from 'react-admin';
-import ResourceTemplate from './templates/ResourceTemplate';
-import IAppResourceConfig from './interfaces/IAppResourceConfig';
-import permissionSchema from './schemas/permissions';
-
-import roleSchema from './schemas/roles';
-import TrashTemplate from './resources/Trash/TrashTemplate';
-//import ImpersonateTenantResource, { TenantImpersonateResource } from './resources/Tenant/ImpersonateTenantResource';
-import tenantSystemAdminSchema from './schemas/tenant_superadmin';
-import notificationSchema from './schemas/notification';
-import LogResource from './resources/Log/LogResource';
-import logSchema from './schemas/log';
-
-import {DASHAppConstants} from 'dash-constants';
-
-/**
- * Configures the system resources for the DASH Admin application.
- * This includes resources such as permissions, roles, users, and tenant impersonation.
- * The configuration is defined as an array of `IAppResourceConfig` objects, which specify
- * the details of each resource, including its component, model, label, schema, icon, and menu.
- * The configuration also includes settings for the data grid, such as sticky headers and maximum height.
- */
-
-const drawerSettings = {
-  drawer: true,
-  drawerOptions: {
-    view: true,
-    edit: false,
-    create: false,
-  },
-  listViewButton: { props: { buttonProps: { variant: 'text', size: 'small' }, label: '' } },
-  listEditButton: { props: { buttonProps: { variant: 'text', size: 'small' }, label: '' } },
-  listDeleteButton: { confirm: true, props: { buttonProps: { variant: 'text', size: 'small' }, label: '' } },
-};
-
-const tenantResources: IAppResourceConfig[] = [
-  {
-    roles: [DASHAppConstants.system.SYSTEM_ROLE, DASHAppConstants.system.TENANT_ROLE],
-    component: ResourceTemplate,
-    trash: true,
-  
-    model: 'system/user',
-    group: 'resource.groups.system_resources',
-    label: 'Usuarios',
-    referenceFilters: [
-      // TODO: Cuando se cambia el cliente se debn mostrar sólo los CP de este filtro
-      {
-        id: 'search',
-        label: 'Buscar',
-        source: 'q',
-        reference: null,
-        optionText: '', // field from the model
-        alwaysOn: true,
-      },
-    ],
-    schema: [
-      {
-        label: 'Nombre',
-        attribute: 'name',
-        type: String,
-        tab: 'Datos Usuario',
-        //validate: (name: string) => (name && name.length >= 3 ? undefined : <div>Name is too short</div>)
-      },
-      /*{
-        label: "Apellido",
-        attribute: "lastname",
-        type: String,
-        tab: "Datos Usuario",
-        //validate: (name: string) => (name && name.length >= 3 ? undefined : <div>Name is too short</div>)
-      },*/
-      {
-        label: 'Email',
-        attribute: 'email',
-        type: String,
-        tab: 'Datos Usuario',
-        //validate: (email: string) => (email && email.indexOf('@') > 0 ? undefined : 'Invalid email')
-      },
-      {
-        label: 'Contraseña',
-        attribute: 'password',
-        type: String,
-        isPassword: true,
-        fieldProps: { fullWidth: true },
-        inList: false,
-        tab: 'Contraseña',
-        validate: (password: string) => {
-          if (password && password.length < 6 && password.length > 1) {
-            throw Error('Min 6 caracteres');
-          }
-        },
-      },
-      {
-        label: 'Confirmar Contraseña',
-        attribute: 'password_confirmation',
-        type: String,
-        isPassword: true,
-        fieldProps: { fullWidth: true },
-        inList: false,
-        tab: 'Contraseña',
-        validate: (password: string, values: any) => {
-          if (values?.password !== password) {
-            throw Error('Contraseñas no coinciden.');
-          }
-        },
-      },
-      {
-        // @TODO Solo mostrar cuando se está creando:
-        label: 'Genear Contraseña Aleatorea Automáticamente',
-        attribute: 'generate_password',
-        type: Boolean,
-        inList: false,
-        tab: 'Contraseña',
-      },
-      {
-        tab: 'Datos Usuario',
-        label: 'Roles',
-        attribute: 'role_ids',
-        //listAttribute: 'name',
-        type: 'system/role.name',
-        //type: Object,
-        // TODO Agregar un filtro, solo para traer los roles de cliente.
-        pagination: false,
-        multiple: true,
-        //custom: true,
-        //componentProps:{ options: {fullwidth: true} },
-        component: SelectArrayInput,
-        //searchField: "subdomain"
-      },
-      {
-        attribute: 'active',
-        type: Boolean,
-        inList: true,
-        label: 'Activo',
-        tab: 'Datos Usuario',
-        processor: 'Boolean',
-      },
-      {
-        attribute: 'avatar',
-        listAttribute: 'system/userclients.avatar',
-        type: ImageInput, // TODO: el componente no muestra la imágen
-        inList: false,
-        label: 'Imágen',
-        tab: 'Datos Usuario',
-        processor: 'RawFile',
-        //validate: (password: string) => (password && password.length >= 6 ? undefined : <div>Password is too short</div>)
-      },
-      {
-        tab: 'Datos Usuario',
-        label: 'Cliente',
-        attribute: 'tenant_id',
-        //listAttribute: 'name',
-        type: 'system/tenant.name',
-        //type: Object,
-        // TODO Agregar un filtro, solo para traer los roles de cliente.
-        pagination: false,
-        multiple: false,
-        //custom: true,
-        //componentProps: {multiple:false},
-        //componentProps: { options: {fullwidth: true} },
-        component: SelectInput,
-        //searchField: "subdomain"
-        processor: 'Null',
-      },
-    ],
-    //references: [{ reference: 'roles', target: 'role', schema: rolesSchema }]
-    //references: [{ reference: 'roles', target: 'id', schema: roleSchema }],
-    icon: <Person />,
-    redirectAfterUpdate: false,
-    menu: [
-      {
-        title: 'Usuarios',
-        redirect: '/system/user',
-      },
-    ],
-    //{
-    //    title: "🗑",
-    //    redirect: "/trash/admin/user",
-    //}],
-    mainAction: {
-      title: 'Crear usuario',
-      // type: "ghost",
-      redirect: '/system/user/create',
-    },
-    mutationMode: 'pessimistic',
-    //isFormData: true,
-    isFormData: false,
-    dataGridProps: { stickyHeader: true },
-    dataGridWrapper: (props: any) => (
-      <TableContainer sx={{ maxHeight: 800 }}>{props.children}</TableContainer>
-    ),
-    /*formPostFormatter: (params, form) => {
-        
-      return form;
-    },*/
-    postFormatter: (params, method) => {
-        
-      /* if (!params.meta) {
-        params.meta = {
-          method: "PUT",
-        };
-      } else {
-        params.meta.method = "PUT";
-      }*/
-     
-      if (method === 'update') {
-        params._method = 'PUT';
-      }
-      params.role_id = params.role_ids ? params.role_ids[0] : null;
-
-      return params;
-    },
-    ...drawerSettings,
-  },
-
-];
-
-export default tenantResources;

package/src/test_portal_bubbles.tsx

@@ -1,40 +0,0 @@
-import * as React from 'react';
-
-const SidebarItem = ({ children, onTouchStart }) => {
-    console.log('SidebarItem render');
-    return (
-        <div 
-            onTouchStart={(e) => {
-                console.log('Parent onTouchStart');
-                if (onTouchStart) onTouchStart(e);
-            }}
-            style={{ padding: '20px', border: '1px solid black' }}
-        >
-            Parent Item
-            {children}
-        </div>
-    );
-};
-
-const SubmenuItem = () => {
-    return (
-        <div 
-            onTouchStart={(e) => {
-                console.log('Child onTouchStart');
-                // e.stopPropagation(); // If we don't stop this, it bubbles to parent in React tree
-            }}
-            onClick={() => console.log('Child Click')}
-            style={{ padding: '10px', background: 'red' }}
-        >
-            Child (Portaled in React tree)
-        </div>
-    );
-};
-
-export default function Test() {
-    return (
-        <SidebarItem onTouchStart={() => console.log('Closing menu')}>
-            <SubmenuItem />
-        </SidebarItem>
-    );
-}

package/src/theme/AppHeader.tsx

@@ -1,52 +0,0 @@
-import React, { FC, JSX, ReactNode, useEffect } from 'react';
-import { Children } from 'react';
-
-import { useSelector } from 'react-redux';
-import { IPageState, IDASHAppState } from 'dash-admin-state';
-import PageTitle from './components/PageTitle';
-import { Box } from '@mui/material';
-
-export interface IAppHeader {
-	//toolbar: ReactNode[],
-	children?: JSX.Element;
-}
-
-const AppHeader: React.FC<IAppHeader> = ({
-	//toolbar,
-	children,
-	...props
-}) => {
-	const page: IPageState = useSelector(
-		(state: IDASHAppState<any, any, any>) => state.page,
-	);
-	const HeaderToolBar: FC = useSelector(
-		(state: IDASHAppState<any, any, any>) => state.common.headerToolBar,
-	);
-
-    return (
-        <Box className="dash-header" sx={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', px: 2, py: 1 }}>
-            {children ? (
-                children
-            ) : (
-                <PageTitle
-                    className="dash-header-title dash-d-lg-block"
-                    avatar={page.icon}
-                    title={page.title}
-                    subTitle={page.subTitle}
-                />
-            )}
-            <Box
-                className="dash-header-items"
-                sx={{
-                    display: 'flex',
-                    alignItems: 'center',
-                    ml: 'auto',
-                }}
-            >
-                <HeaderToolBar />
-            </Box>
-        </Box>
-    );
-};
-
-export default AppHeader;

package/src/theme/AppLayoutSetting.tsx

@@ -1,33 +0,0 @@
-class AppLayoutSettings {
-	static TAB_SIZE = 992;
-	static MOBILE_SIZE = 575;
-	static THEME_TYPE = 'THEME_TYPE';
-	static THEME_TYPE_LIGHT = 'light';
-	static THEME_TYPE_DARK = 'dark';
-	static THEME_TYPE_DASH_DEFAULT = 'light';
-	static THEME_TYPE_SEMI_DARK = 'THEME_TYPE_SEMI_DARK';
-	static THEME_COLOR = 'THEME_COLOR';
-	static UPDATE_RTL_STATUS = 'UPDATE_RTL_STATUS';
-	static LAYOUT_TYPE = 'LAYOUT_TYPE';
-	static LAYOUT_TYPE_FRAMED = 'framed-layout';
-	static LAYOUT_TYPE_BOXED = 'boxed-layout';
-	static LAYOUT_TYPE_FULL = 'full-layout';
-	static NAV_STYLE = 'NAV_STYLE';
-	static NAV_STYLE_FIXED = 'NAV_STYLE_FIXED';
-	static NAV_STYLE_MINI_SIDEBAR = 'NAV_STYLE_MINI_SIDEBAR';
-	static NAV_STYLE_DRAWER = 'NAV_STYLE_DRAWER';
-	static NAV_STYLE_NO_HEADER_MINI_SIDEBAR = 'NAV_STYLE_NO_HEADER_MINI_SIDEBAR';
-	static NAV_STYLE_NO_HEADER_EXPANDED_SIDEBAR =
-		'NAV_STYLE_NO_HEADER_EXPANDED_SIDEBAR';
-	static NAV_STYLE_DEFAULT_HORIZONTAL = 'NAV_STYLE_DEFAULT_HORIZONTAL';
-	static NAV_STYLE_DARK_HORIZONTAL = 'NAV_STYLE_DARK_HORIZONTAL';
-	static NAV_STYLE_INSIDE_HEADER_HORIZONTAL =
-		'NAV_STYLE_INSIDE_HEADER_HORIZONTAL';
-	static NAV_STYLE_BELOW_HEADER = 'NAV_STYLE_BELOW_HEADER';
-	static NAV_STYLE_ABOVE_HEADER = 'NAV_STYLE_ABOVE_HEADER';
-	static NAV_STYLE_COLLAPSABLE = 'NAV_STYLE_COLLAPSABLE';
-
-	
-}
-
-export default AppLayoutSettings;

package/src/theme/AppLogo.tsx

@@ -1,13 +0,0 @@
-import React, { FC, JSX } from 'react';
-
-export interface IAppLogo {
-	type?: 'logo';
-	horizontalLogo: JSX.Element;
-	squaredLogo: JSX.Element;
-}
-
-const AppLogo: FC<IAppLogo> = ({ type = 'logo', horizontalLogo, squaredLogo }) => {
-	return type === 'logo' ? horizontalLogo : squaredLogo;
-};
-
-export default AppLogo;

package/src/theme/AppSidebar.tsx

@@ -1,12 +0,0 @@
-import React, { ReactNode } from 'react';
-
-export interface IAppSidebar {
-	navStyle: any;
-	children?: ReactNode;
-}
-const AppSidebar: React.FC<IAppSidebar> = ({
-	children,
-	navStyle,
-	...props
-}) => <>Deprecated</>
-export default AppSidebar;

package/src/theme/AppSidebarContent.tsx

@@ -1,105 +0,0 @@
-import React, { JSX, ReactNode } from 'react';
-import AppSidebarLogo from './AppSidebarLogo';
-import { useSelector } from 'react-redux';
-
-import AppLayoutSettings from './AppLayoutSetting';
-
-import MenuOpenIcon from '@mui/icons-material/MenuOpen'	
-import MenuIcon from '@mui/icons-material/Menu'	
-import { IDASHAppState } from 'dash-admin-state';
-
-
-
-export interface IAppSidebarContent {
-	sidebarExpanded: any;
-	setSidebarExpanded: any;
-	navStyle: any;
-	themeType: any;
-	horizontalLogo: JSX.Element;
-	squaredLogo?: JSX.Element;
-	children?: ReactNode;
-}
-
-const SidebarContent: React.FC<IAppSidebarContent> = ({
-	sidebarExpanded,
-	setSidebarExpanded,
-	navStyle,
-	themeType,
-	// @ts-ignore - logo prop not in interface
-	logo,
-	squaredLogo,
-	children,
-	...props
-}) => {
-	const pathname = useSelector((state: IDASHAppState<any, any, any>) => state.common.pathname);
-
-	const getNoHeaderClass = (navStyle) => {
-		if (
-			navStyle === AppLayoutSettings.NAV_STYLE_NO_HEADER_MINI_SIDEBAR ||
-			navStyle === AppLayoutSettings.NAV_STYLE_NO_HEADER_EXPANDED_SIDEBAR
-		) {
-			return 'dash-no-header-notifications';
-		}
-		return '';
-	};
-
-	const selectedKeys = pathname.substr(1);
-	//const defaultOpenKeys = selectedKeys.split('/')[1];
-
-	return (
-		<>
-			
-			<AppSidebarLogo
-				sidebarExpanded={sidebarExpanded}
-				setSidebarExpanded={setSidebarExpanded}
-                /* @ts-ignore - logo prop not in interface */
-				logo={logo}
-				squaredLogo={squaredLogo}
-			/>
-
-			<div className='sidebar-content'>
-				{navStyle != AppLayoutSettings.NAV_STYLE_COLLAPSABLE &&
-				navStyle ===
-					AppLayoutSettings.NAV_STYLE_FIXED /*|| navStyle === NAV_STYLE_MINI_SIDEBAR*/ ? (
-					<div className='dash-linebar'>
-						<div className='sidebar-icon'>
-							<i
-								// className={`dash-icon-btn icon icon-${!sidebarExpanded ? 'menu-unfold' : 'menu-fold'} ${themeType !== THEME_TYPE_LIGHT ? 'dash-text-white' : ''}`}
-								// className={`sidebar-menu ${themeType !== THEME_TYPE_LIGHT ? 'dash-text-white' : ''}`}
-								className={`sidebar-menu`}
-								onClick={() => {
-									setSidebarExpanded(!sidebarExpanded);
-								}}
-							>
-								{sidebarExpanded ? (
-									<MenuOpenIcon sx={{ fontSize: 24 }} />
-								) : (
-									<MenuIcon sx={{ fontSize: 24 }} />
-								)}
-
-					</i>
-						</div>
-					</div>
-				) : null}
-
-				{navStyle === AppLayoutSettings.NAV_STYLE_COLLAPSABLE ? (
-					<div
-						onMouseEnter={() => setSidebarExpanded(true)}
-						onMouseLeave={() => setSidebarExpanded(false)}
-					>
-						{children}
-					</div>
-				) : (
-					children
-				)}
-
-				{/*<Auxiliary>
-            <UserProfile/>
-          </Auxiliary>*/}
-			</div>
-		</>
-	);
-};
-
-//export default React.memo(SidebarContent);
-export default SidebarContent;