@applica-software-guru/react-admin 1.4.225 → 1.5.228

package/src/components/@extended/Transitions.jsx

@@ -1,116 +0,0 @@
-import PropTypes from 'prop-types';
-import { forwardRef } from 'react';
-
-// material-ui
-import { Collapse, Fade, Box, Grow, Slide, Zoom } from '@mui/material';
-
-// ==============================|| TRANSITIONS ||============================== //
-
-const Transitions = forwardRef(({ children, position = 'top-left', type = 'grow', direction = 'up', ...others }, ref) => {
-  let positionSX = {
-    transformOrigin: '0 0 0'
-  };
-
-  switch (position) {
-    case 'top-right':
-      positionSX = {
-        transformOrigin: 'top right'
-      };
-      break;
-    case 'top':
-      positionSX = {
-        transformOrigin: 'top'
-      };
-      break;
-    case 'bottom-left':
-      positionSX = {
-        transformOrigin: 'bottom left'
-      };
-      break;
-    case 'bottom-right':
-      positionSX = {
-        transformOrigin: 'bottom right'
-      };
-      break;
-    case 'bottom':
-      positionSX = {
-        transformOrigin: 'bottom'
-      };
-      break;
-    case 'top-left':
-    default:
-      positionSX = {
-        transformOrigin: '0 0 0'
-      };
-      break;
-  }
-
-  return (
-    <Box ref={ref}>
-      {type === 'grow' && (
-        <Grow
-          {...others}
-          timeout={{
-            appear: 0,
-            enter: 150,
-            exit: 150
-          }}
-        >
-          <Box sx={positionSX}>{children}</Box>
-        </Grow>
-      )}
-
-      {type === 'collapse' && (
-        <Collapse {...others} sx={positionSX}>
-          {children}
-        </Collapse>
-      )}
-
-      {type === 'fade' && (
-        <Fade
-          {...others}
-          timeout={{
-            appear: 0,
-            enter: 300,
-            exit: 150
-          }}
-        >
-          <Box sx={positionSX}>{children}</Box>
-        </Fade>
-      )}
-
-      {type === 'slide' && (
-        <Slide
-          {...others}
-          timeout={{
-            appear: 0,
-            enter: 150,
-            exit: 150
-          }}
-          direction={direction}
-        >
-          <Box sx={positionSX}>{children}</Box>
-        </Slide>
-      )}
-
-      {type === 'zoom' && (
-        <Zoom {...others}>
-          <Box sx={positionSX}>{children}</Box>
-        </Zoom>
-      )}
-    </Box>
-  );
-});
-
-Transitions.propTypes = {
-  children: PropTypes.node,
-  type: PropTypes.oneOf(['grow', 'fade', 'collapse', 'slide', 'zoom']),
-  position: PropTypes.oneOf(['top-left', 'top-right', 'top', 'bottom-left', 'bottom-right', 'bottom']),
-  direction: PropTypes.oneOf(['up', 'down', 'left', 'right'])
-};
-
-export default Transitions;
-
-export const PopupTransition = forwardRef(function Transition(props, ref) {
-  return <Zoom ref={ref} timeout={200} {...props} />;
-});

package/src/components/@extended/index.jsx

@@ -1,11 +0,0 @@
-import AnimateButton from './AnimateButton';
-import Avatar from './Avatar';
-import Breadcrumbs from './Breadcrumbs';
-import Dot from './Dot';
-import IconButton from './IconButton';
-import LoadingButton from './LoadingButton';
-import Tooltip from './Tooltip';
-import Transitions from './Transitions';
-
-export * from './progress';
-export { AnimateButton, Avatar, Breadcrumbs, Dot, IconButton, LoadingButton, Tooltip, Transitions };

package/src/components/@extended/progress/index.jsx

@@ -1,6 +0,0 @@
-import CircularWithLabel from './CircularWithLabel';
-import CircularWithPath from './CircularWithPath';
-import LinearWithIcon from './LinearWithIcon';
-import LinearWithLabel from './LinearWithLabel';
-
-export { CircularWithLabel, CircularWithPath, LinearWithIcon, LinearWithLabel };

package/src/components/Layout/Drawer/DrawerHeaderStyled.jsx

@@ -1,12 +0,0 @@
-import { Box } from '@mui/material';
-import { styled } from '@mui/material/styles';
-
-export const DrawerHeaderStyled = styled(Box, { shouldForwardProp: (prop) => prop !== 'open' })(({ theme, open }) => ({
-  ...theme.mixins.toolbar,
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: open ? 'flex-start' : 'center',
-  paddingLeft: theme.spacing(open ? 3 : 0)
-}));
-
-export default DrawerHeaderStyled;

package/src/components/Layout/Drawer/MiniDrawerStyled.jsx

@@ -1,45 +0,0 @@
-import Drawer from '@mui/material/Drawer';
-import { styled } from '@mui/material/styles';
-import { useThemeConfig } from '../../../hooks';
-
-const openedMixin = (theme, drawerWidth) => ({
-  width: drawerWidth,
-  borderRight: `1px solid ${theme.palette.divider}`,
-  transition: theme.transitions.create('width', {
-    easing: theme.transitions.easing.sharp,
-    duration: theme.transitions.duration.enteringScreen
-  }),
-  overflowX: 'hidden',
-  boxShadow: theme.palette.mode === 'dark' ? theme.customShadows.z1 : 'none'
-});
-
-const closedMixin = (theme) => ({
-  transition: theme.transitions.create('width', {
-    easing: theme.transitions.easing.sharp,
-    duration: theme.transitions.duration.leavingScreen
-  }),
-  overflowX: 'hidden',
-  width: theme.spacing(7.5),
-  borderRight: 'none',
-  boxShadow: theme.customShadows.z1
-});
-
-const MiniDrawerStyled = styled(Drawer, { shouldForwardProp: (prop) => prop !== 'open' })(({ theme, open }) => {
-  const { drawerWidth } = useThemeConfig();
-  return {
-    width: drawerWidth,
-    flexShrink: 0,
-    whiteSpace: 'nowrap',
-    boxSizing: 'border-box',
-    ...(open && {
-      ...openedMixin(theme, drawerWidth),
-      '& .MuiDrawer-paper': openedMixin(theme, drawerWidth)
-    }),
-    ...(!open && {
-      ...closedMixin(theme),
-      '& .MuiDrawer-paper': closedMixin(theme)
-    })
-  };
-});
-
-export default MiniDrawerStyled;

package/src/components/Layout/Header/Profile/buttons/index.jsx

@@ -1,4 +0,0 @@
-import ChangePasswordButton from './ChangePasswordButton';
-import LogoutButton from './LogoutButton';
-import StopImpersonateButton from './StopImpersonateButton';
-export { ChangePasswordButton, LogoutButton, StopImpersonateButton };

package/src/components/Loadable.jsx

@@ -1,11 +0,0 @@
-import Loader from './Loader';
-import { Suspense } from 'react';
-
-const Loadable = (Component) => (props) =>
-  (
-    <Suspense fallback={<Loader />}>
-      <Component {...props} />
-    </Suspense>
-  );
-
-export default Loadable;

package/src/components/Logo.jsx

@@ -1,29 +0,0 @@
-import { ButtonBase } from '@mui/material';
-import { Link } from 'react-router-dom';
-import PropTypes from 'prop-types';
-import logoIcon from '../assets/logo-icon.png';
-import logoMain from '../assets/logo-main.png';
-import { useThemeConfig } from '../hooks';
-
-const defaultIcon = <img src={logoIcon} alt="Applica" width="20px" />;
-const defaultMain = <img src={logoMain} alt="Applica" width="100px" />;
-
-const Logo = ({ isIcon, sx, to, logoIcon = defaultIcon, logoMain = defaultMain }) => {
-  const { appDefaultPath } = useThemeConfig();
-  return (
-    <ButtonBase disableRipple component={Link} to={!to ? appDefaultPath : to} sx={sx}>
-      {isIcon ? logoIcon : logoMain}
-    </ButtonBase>
-  );
-};
-
-Logo.propTypes = {
-  reverse: PropTypes.bool,
-  isIcon: PropTypes.bool,
-  sx: PropTypes.object,
-  to: PropTypes.string,
-  logoIcon: PropTypes.node,
-  logoMain: PropTypes.node
-};
-
-export default Logo;

package/src/components/MenuPopover/index.jsx

@@ -1,3 +0,0 @@
-export { default as getPosition } from './getPosition';
-export { default as MenuPopover } from './MenuPopover';
-export { StyledArrow } from './styles';

package/src/components/SmallIcon.jsx

@@ -1,14 +0,0 @@
-import PropTypes from 'prop-types';
-import { Typography } from '@mui/material';
-
-const SmallIcon = ({ title }) => (
-  <Typography variant="h2" sx={{ style: 'bold' }}>
-    {title?.substr(0, 1).toUpperCase()}
-  </Typography>
-);
-
-SmallIcon.propTypes = {
-  title: PropTypes.string.isRequired
-};
-
-export default SmallIcon;

package/src/components/third-party/index.jsx

@@ -1,3 +0,0 @@
-import SimpleBar from './SimpleBar';
-
-export { SimpleBar };

package/src/contexts/AppConfigContext.tsx

@@ -1,67 +0,0 @@
-import { createContext, useState } from 'react';
-
-import PropTypes from 'prop-types';
-
-export type InitialStateProps = {
-  openDialogs: string[];
-  getCurrentDialog: () => string | null;
-  openDialog: (id: string, callback: () => void) => void;
-  closeDialog: (id: string, callback: () => void) => void;
-};
-
-const initialState = {
-  /**
-   * This context is necessary to work with react-admin standard forms when executed
-   * inside a dialog and deeper in another resource handled inside a primary form.
-   *
-   * In this case, when using "EditInDialogButton" or "CreateInDialogButton" components,
-   * the dialog is opened and the form is rendered inside it. If the form has a subform
-   * and needs to know the associated resource.
-   */
-  openDialogs: [],
-  getCurrentDialog: () => null,
-  openDialog: (id: string, callback: () => void): void => {
-    throw new Error(`openDialog not yet ready for: ${id}, ${callback}`);
-  },
-  closeDialog: (id: string, callback: () => void): void => {
-    throw new Error(`closeDialog not yet ready for: ${id}, ${callback}`);
-  }
-};
-
-const AppConfigContext = createContext(initialState);
-
-const AppConfigProvider = ({ children }: { children: React.ReactNode }) => {
-  const [config, setConfig] = useState(initialState);
-  const openDialog = (id: string, callback: () => void) => {
-    setConfig((config: any) => ({ ...config, openDialogs: [...config.openDialogs, id] }));
-    if (callback) callback();
-  };
-  const closeDialog = (id: string, callback: () => void) => {
-    setConfig((config) => ({
-      ...config,
-      openDialogs: config.openDialogs.filter((modalId) => modalId !== id)
-    }));
-    if (callback) callback();
-  };
-
-  const getCurrentDialog = () => (config.openDialogs.length > 0 ? config.openDialogs[config.openDialogs.length - 1] : null);
-
-  return (
-    <AppConfigContext.Provider
-      value={{
-        ...config,
-        openDialog,
-        closeDialog,
-        getCurrentDialog
-      }}
-    >
-      {children}
-    </AppConfigContext.Provider>
-  );
-};
-
-AppConfigProvider.propTypes = {
-  children: PropTypes.node
-};
-
-export { AppConfigProvider, AppConfigContext };

package/src/contexts/MenuConfigContext.tsx

@@ -1,69 +0,0 @@
-import { MenuProps } from '../types';
-import { createContext, useEffect, useState } from 'react';
-
-export type MenuConfigContextProps = {
-  openItem: string[];
-  openComponent: string;
-  selectedID: string | null;
-  drawerOpen: boolean;
-  error: any;
-  menu: MenuProps;
-  activeItem: (openItem: string[]) => void;
-  openDrawer: (drawerOpen: boolean) => void;
-  activeID: (selectedID: string | null) => void;
-  hasError: (error: any) => void;
-  setMenu: (menu: MenuProps) => void;
-};
-const notImplemented = () => {
-  throw new Error('Not implemented');
-};
-const initialState: MenuConfigContextProps = {
-  openItem: ['dashboard'],
-  openComponent: 'buttons',
-  selectedID: null,
-  drawerOpen: false,
-  error: null,
-  menu: [],
-  activeItem: notImplemented,
-  openDrawer: notImplemented,
-  activeID: notImplemented,
-  hasError: notImplemented,
-  setMenu: notImplemented
-};
-
-const MenuConfigContext = createContext<MenuConfigContextProps>(initialState);
-
-export type MenuConfigProviderProps = {
-  menu: MenuProps;
-  children: React.ReactNode;
-};
-
-const MenuConfigProvider = ({ menu, children }: MenuConfigProviderProps) => {
-  const [menuConfig, setMenuConfig] = useState({ ...initialState, menu }) as any;
-  const setMenu = (menu: MenuProps) => setMenuConfig((menuConfig: MenuConfigContextProps) => ({ ...menuConfig, menu }));
-  const activeItem = (openItem: string) => setMenuConfig((menuConfig: MenuConfigContextProps) => ({ ...menuConfig, openItem }));
-  const activeID = (selectedID: string) => setMenuConfig((menuConfig: MenuConfigContextProps) => ({ ...menuConfig, selectedID }));
-  const openDrawer = (drawerOpen: boolean) => setMenuConfig((menuConfig: MenuConfigContextProps) => ({ ...menuConfig, drawerOpen }));
-  const hasError = (error: any) => setMenuConfig((menuConfig: MenuConfigContextProps) => ({ ...menuConfig, error }));
-
-  useEffect(() => {
-    setMenu(menu);
-  }, [menu]);
-
-  return (
-    <MenuConfigContext.Provider
-      value={{
-        // @ts-ignore
-        ...menuConfig,
-        setMenu,
-        activeItem,
-        openDrawer,
-        activeID,
-        hasError
-      }}
-    >
-      {children}
-    </MenuConfigContext.Provider>
-  );
-};
-export { MenuConfigContext, MenuConfigProvider };

package/src/contexts/TableFormIteratorContext.ts

@@ -1,21 +0,0 @@
-import { createContext } from 'react';
-
-/**
- * A React context that provides access to a TableFormIterator data (the total number of items) and mutators (add, reorder and remove).
- * Useful to create custom array input iterators.
- * @see {TableFormIterator}
- * @see {ArrayInput}
- *
- */
-// @ts-ignore
-const TableFormIteratorContext = createContext<TableFormIteratorContextValue>(undefined);
-
-export type TableFormIteratorContextValue = {
-  add: () => void;
-  remove: (index: number) => void;
-  reOrder: (index: number, newIndex: number) => void;
-  source: string;
-  total: number;
-};
-
-export { TableFormIteratorContext };

package/src/contexts/TableFormIteratorItemContext.ts

@@ -1,19 +0,0 @@
-import { createContext } from 'react';
-
-/**
- * A React context that provides access to a TableFormIterator item meta (its index and the total number of items) and mutators (reorder and remove this remove).
- * Useful to create custom array input iterators.
- * @see {TableFormIterator}
- * @see {ArrayInput}
- */
-// @ts-ignore
-const TableFormIteratorItemContext = createContext<TableFormIteratorItemContextValue>(undefined);
-
-export type TableFormIteratorItemContextValue = {
-  index: number;
-  total: number;
-  remove: () => void;
-  reOrder: (newIndex: number) => void;
-};
-
-export { TableFormIteratorItemContext };

package/src/contexts/ThemeConfigContext.tsx

@@ -1,151 +0,0 @@
-import PropTypes from 'prop-types';
-import { createContext } from 'react';
-import { useLocalStorage } from '../hooks';
-
-export type ThemeFontFamily = `'Inter', sans-serif` | `'Poppins', sans-serif` | `'Roboto', sans-serif` | `'Public Sans', sans-serif`;
-export type ThemeOrientation = 'vertical' | 'horizontal';
-export type ThemeMode = 'light' | 'dark';
-export type ThemePresetColor = 'default' | 'theme1' | 'theme2' | 'theme3' | 'theme4' | 'theme5' | 'theme6' | 'theme7' | 'theme8';
-export type ThemeDirection = 'ltr' | 'rtl';
-const notImplemented = () => {
-  throw new Error('Method must be implemented');
-};
-const initialState: ThemeConfig = {
-  fontFamily: `'Inter', sans-serif`,
-  menuOrientation: 'vertical',
-  miniDrawer: false,
-  container: false,
-  mode: 'light',
-  presetColor: 'theme4',
-  themeDirection: 'ltr',
-  appDefaultPath: '/',
-  drawerWidth: 260,
-  horizontalMaxItems: 6,
-  spacing: 2,
-
-  setFontFamily: notImplemented,
-  setMenuOrientation: notImplemented,
-  setMiniDrawer: notImplemented,
-  setContainer: notImplemented,
-  setMode: notImplemented,
-  setPresetColor: notImplemented,
-  setThemeDirection: notImplemented,
-  setAppDefaultPath: notImplemented,
-  setDrawerWidth: notImplemented,
-  setHorizontalMaxItems: notImplemented
-};
-
-const ThemeConfigContext = createContext(initialState);
-
-const isVerticalLayout = (layout: ThemeDirection) => layout === ('vertical' as ThemeDirection);
-const isHorizontalLayout = (layout: ThemeDirection) => layout === ('horizontal' as ThemeDirection);
-/**
- * Elenco delle personalizzazioni disponibili per il tema Mantis.
- */
-export type ThemeConfig = {
-  /**
-   * Indica il font da utilizzare con il tema.
-   */
-  fontFamily: ThemeFontFamily;
-
-  /**
-   * Indica la disposizione del menu (verticale o orizzontale)
-   */
-  menuOrientation: ThemeOrientation;
-  /**
-   * Indica se abilitare il menu ridotto, utile per le app in cui è necessario accedere velocemente alle funzioni.
-   */
-  miniDrawer: boolean;
-  /**
-   * Indica se il contenitore principale deve avere larghezza fluida (true) o fissa (false)
-   */
-  container: boolean;
-  /**
-   * Indica il tema da utilizzare (light o dark)
-   */
-  mode: ThemeMode;
-  /**
-   * Indica la variante del tema da utilizzare (default, theme1, theme2, theme3, theme4, theme5, theme6, theme7, theme8)
-   */
-  presetColor: ThemePresetColor;
-  /**
-   * Indica la direzione del tema (ltr o rtl)
-   */
-  themeDirection: ThemeDirection;
-  /**
-   * Indica il path di default per il routing.
-   */
-  appDefaultPath: string;
-  /**
-   * Indica la dimensione del drawer.
-   */
-  drawerWidth: number;
-  /**
-   * Indica il numero massimo di elementi da mostrare nel menu orizzontale.
-   */
-  horizontalMaxItems: number;
-  /**
-   * Indica la spaziatura da utilizzare tra i componenti.
-   */
-  spacing: number;
-
-  // Define all the methods to update the theme configuration
-  setFontFamily: (fontFamily: ThemeFontFamily) => void;
-  setMenuOrientation: (menuOrientation: ThemeOrientation) => void;
-  setMiniDrawer: (miniDrawer: boolean) => void;
-  setContainer: (container: boolean) => void;
-  setMode: (mode: ThemeMode) => void;
-  setPresetColor: (presetColor: ThemePresetColor) => void;
-  setThemeDirection: (themeDirection: ThemeDirection) => void;
-  setAppDefaultPath: (appDefaultPath: string) => void;
-  setDrawerWidth: (drawerWidth: number) => void;
-  setHorizontalMaxItems: (horizontalMaxItems: number) => void;
-};
-export type ThemeConfigProviderProps = {
-  children: React.ReactNode;
-  initialConfig: ThemeConfig;
-};
-
-const ThemeConfigProvider = ({ initialConfig, children }: ThemeConfigProviderProps) => {
-  const [config, setConfig] = useLocalStorage('theme-config', { ...initialState, ...initialConfig });
-  const setFontFamily = (fontFamily: ThemeFontFamily) => setConfig((config: any) => ({ ...config, fontFamily }));
-  const setMenuOrientation = (menuOrientation: ThemeOrientation) => setConfig((config: any) => ({ ...config, menuOrientation }));
-  const setMiniDrawer = (miniDrawer: boolean) => setConfig((config: any) => ({ ...config, miniDrawer }));
-  const setContainer = (container: boolean) => setConfig((config: any) => ({ ...config, container }));
-  const setMode = (mode: ThemeMode) => setConfig((config: any) => ({ ...config, mode }));
-  const setPresetColor = (presetColor: ThemePresetColor) => setConfig((config: any) => ({ ...config, presetColor }));
-  const setThemeDirection = (themeDirection: ThemeDirection) => setConfig((config: any) => ({ ...config, themeDirection }));
-  const setAppDefaultPath = (appDefaultPath: string) => setConfig((config: any) => ({ ...config, appDefaultPath }));
-  const setDrawerWidth = (drawerWidth: number) => setConfig((config: any) => ({ ...config, drawerWidth }));
-  const setHorizontalMaxItems = (horizontalMaxItems: number) => setConfig((config: any) => ({ ...config, horizontalMaxItems }));
-  return (
-    <ThemeConfigContext.Provider
-      value={{
-        // @ts-ignore
-        ...config,
-
-        setFontFamily,
-        setMenuOrientation,
-        setMiniDrawer,
-        setContainer,
-        setMode,
-        setPresetColor,
-        setThemeDirection,
-        setAppDefaultPath,
-        setDrawerWidth,
-        setHorizontalMaxItems,
-
-        isVerticalLayout,
-        isHorizontalLayout
-      }}
-    >
-      {children}
-    </ThemeConfigContext.Provider>
-  );
-};
-
-ThemeConfigProvider.propTypes = {
-  children: PropTypes.node
-};
-
-export { ThemeConfigProvider, ThemeConfigContext };

package/src/contexts/index.jsx

@@ -1,5 +0,0 @@
-export * from './ThemeConfigContext';
-export * from './MenuConfigContext';
-export * from './AppConfigContext';
-export * from './TableFormIteratorContext';
-export * from './TableFormIteratorItemContext';

package/src/hooks/useAppConfig.jsx

@@ -1,6 +0,0 @@
-import { AppConfigContext } from '../contexts/AppConfigContext';
-import { useContext } from 'react';
-
-const useAppConfig = () => useContext(AppConfigContext);
-
-export default useAppConfig;

package/src/hooks/useBreadcrumbs.jsx

@@ -1,68 +0,0 @@
-import { cloneDeep } from 'lodash';
-import { useLocation } from 'react-router-dom';
-import { useMemo } from 'react';
-import useMenu from './useMenu';
-import { useTranslate } from 'react-admin';
-
-const useBreadcrumbs = () => {
-  const translate = useTranslate();
-  const { isLoading, menu: _menu, findInMenu } = useMenu();
-  const { pathname } = useLocation();
-
-  return useMemo(() => {
-    const pathArgs = pathname.split('/').filter((x) => x);
-    let menu = cloneDeep(_menu);
-    let id = pathname;
-    let menuItem = findInMenu(menu, pathname);
-    if (!menuItem) {
-      menuItem = findInMenu(menu, pathArgs[pathArgs.length - 1]);
-      id = menuItem ? menuItem.id : id;
-    }
-    if (!menuItem) {
-      for (let i = pathArgs.length; i >= 0; i--) {
-        let path = pathArgs.slice(0, i).join('/');
-        menuItem = findInMenu(menu, path);
-        if (menuItem) {
-          id = menuItem.id;
-          break;
-        }
-      }
-    }
-
-    const urlParts = menuItem?.url?.split('/');
-    if (pathArgs.length >= urlParts?.length) {
-      const data = pathArgs[pathArgs.length - 1];
-      if (menuItem) {
-        const context = data === 'create' || pathname === menuItem.url ? 'create' : 'edit';
-        const title = `resources.${id}.breadcrumbs.${context}`;
-        const child = {
-          id: `${id}-${context}`,
-          type: 'item',
-          title: translate(title, { _: translate(title, { _: title }) }),
-          url: pathname,
-          breadcrumbs: true,
-          parent: menuItem
-        };
-        menuItem.type = 'collapse';
-        menuItem.breadcrumbs = true;
-        menuItem.children = menuItem.children || [];
-        menuItem.children.push(child);
-        menuItem = child;
-      }
-    }
-
-    let breadcrumbs = [];
-    if (menuItem) {
-      let current = { ...menuItem, last: true };
-      while (current) {
-        breadcrumbs.push(current);
-        current = current.parent;
-      }
-      breadcrumbs = breadcrumbs.reverse();
-    }
-
-    return { isLoading, navigation: { items: menu }, breadcrumbs };
-  }, [isLoading, pathname, _menu, findInMenu, translate]);
-};
-
-export default useBreadcrumbs;