@applica-software-guru/react-admin 1.4.226 → 1.5.230

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;

package/src/hooks/useMenu.jsx

@@ -1,217 +0,0 @@
-import { useGetIdentity, usePermissions, useResourceDefinitions, useTranslate } from 'react-admin';
-
-import { AntDesignOutlined } from '@ant-design/icons';
-import { cloneDeep } from 'lodash';
-import { useMemo } from 'react';
-import useMenuConfig from './useMenuConfig';
-
-const RESOURCE_PREFIXES = ['e-', 'entities/'];
-
-const getResourceName = (name) => {
-  let resourceName = name;
-  RESOURCE_PREFIXES.forEach((prefix) => {
-    resourceName = resourceName?.startsWith(prefix) ? resourceName?.substring(prefix.length) : resourceName;
-  });
-  return resourceName;
-};
-
-const isInGroup = (group, resource) => resource.options?.group === group.id || (!resource.options?.group && group.id === 'admin');
-
-const hasPermission = (resource, permissions) => {
-  const name = getResourceName(resource.name);
-  // TODO: remove ":list" permssion when crud permission refactoring is complete
-  const hasPermission = permissions?.includes(`${name}:list`) || permissions?.includes(`${name}:find`);
-  return hasPermission;
-};
-
-const getItem = (menu, id) => {
-  let item = menu.find((item) => item.id === id);
-  if (!item) {
-    for (let i = 0; i < menu.length; i++) {
-      const element = menu[i];
-      if (element.children) {
-        item = getItem(element.children, id);
-        if (item) {
-          return item;
-        }
-      }
-    }
-  }
-  return item;
-};
-
-const getGroup = (groups, resource, permissions) => {
-  let group = groups.find(
-    (g) => ['group', 'collapse'].indexOf(g.type) !== -1 && isInGroup(g, resource) /* && hasPermission(resource, permissions)*/
-  );
-  if (!group) {
-    for (let i = 0; i < groups.length; i++) {
-      const element = groups[i];
-      if (element.children) {
-        group = getGroup(element.children, resource, permissions);
-        if (group) {
-          return group;
-        }
-      }
-    }
-  }
-  return group;
-};
-
-const getGroupById = (groups, id) => {
-  let group = groups.find((g) => g.id === id);
-  if (!group) {
-    for (let i = 0; i < groups.length; i++) {
-      const element = groups[i];
-      if (element.children) {
-        group = getGroupById(element.children, id);
-        if (group) {
-          return group;
-        }
-      }
-    }
-  }
-  return group;
-};
-const filterNotEmpty = (group) => {
-  if (!group) {
-    return false;
-  }
-  if (group.type === 'item') {
-    return true;
-  }
-  if (group.children) {
-    group.children = group.children.filter(filterNotEmpty);
-  }
-  return group.children && group.children.length > 0;
-};
-
-const mapParent = (group) => {
-  if (group.children) {
-    group.children.forEach((child) => {
-      child.parent = group;
-      mapParent(child);
-    });
-  }
-  return group;
-};
-
-const createNodes = ({ userMenu, resources, permissions, translate, roles }) => {
-  const translateRecursive = (group) => {
-    group.title = translate(group.title, { _: group.title });
-
-    if (group.children) {
-      group.children.forEach((child) => translateRecursive(child));
-    }
-    return group;
-  };
-  const resourceNames = Object.keys(resources);
-  const removeNotFoundResources = (group, resources) => {
-    if (group.children) {
-      group.children = group.children.filter((child) => {
-        if (child.resource === false) {
-          const childRoles = child.roles || [];
-          if (childRoles.length === 0 || childRoles.some((role) => roles.includes(role))) {
-            return true;
-          }
-          return false;
-        }
-        if (child.type === 'item') {
-          return resources.includes(child.id);
-        }
-        removeNotFoundResources(child, resources);
-        return child.children && child.children.length > 0;
-      });
-    }
-    return group;
-  };
-
-  const groupsA = cloneDeep(userMenu)
-    .map((group) => ({
-      type: 'group',
-      icon: AntDesignOutlined,
-      children: [],
-      ...group
-    }))
-    .map(translateRecursive)
-    .map((group) => removeNotFoundResources(group, resourceNames));
-
-  const groupsB = Object.values(resources)
-    // Detect group of each configured ra resource.
-    .map((resource) => resource.options?.group || 'admin')
-    // Generate unique list of groups (because a resource can be configured with the same group of another resource)
-    .filter((group, index, self) => self.indexOf(group) === index)
-    // Remove from the list groups already defined by the user (Applica developer)
-    .filter((group) => group !== undefined && getGroupById(userMenu, group) === null)
-    .map((group) => ({
-      id: group,
-      title: translate(`ra.menu.group.${group}`),
-      type: 'group',
-      icon: AntDesignOutlined,
-      children: []
-    }));
-
-  const groups = [...groupsA, ...groupsB];
-
-  Object.values(resources).forEach((resource) => {
-    const resourceGroup = getGroup(groups, resource, permissions);
-    const resourceMenu = resourceGroup?.children?.find((c) => c.id === resource.name);
-    const resourceExists = resourceGroup?.children?.some((c) => c.id === resource.name);
-    const resourceRoles = resourceMenu?.roles || resource.options?.roles || [];
-    const hasRoles = !resourceRoles || resourceRoles.length === 0 || resourceRoles.some((role) => roles.includes(role));
-    const hasPerms = hasPermission(resource, permissions);
-    if (!hasPerms || !resource.hasList || !hasRoles) {
-      if (resourceExists && resourceGroup?.children?.length > 0) {
-        resourceGroup.children = resourceGroup.children.filter((c) => c.id !== resource.name);
-      }
-      return;
-    }
-    if (resourceGroup) {
-      if (!resourceGroup.children) {
-        resourceGroup.children = [];
-      }
-      if (resourceExists) {
-        return;
-      }
-    }
-  });
-
-  return groups.filter(filterNotEmpty).map(mapParent);
-};
-
-const useMenu = () => {
-  const resources = useResourceDefinitions();
-  const { isLoading: loadingIdentity, data: identity } = useGetIdentity();
-  // Utilizziamo l'identità come discriminante per chiedere a react-query, eventualmente, dati aggiornati.
-  // Il rischio, senza questo passaggio, è di ricevere dati precedenti che non consentono di caricare correttamente la UX.
-  const isAuthenticated = identity && identity.id > 0;
-
-  const { isLoading: loadingPermissions, permissions } = usePermissions(isAuthenticated);
-  const { menu: userMenu } = useMenuConfig();
-  const translate = useTranslate();
-  const menu = useMemo(() => {
-    if (loadingIdentity || !identity || identity === null || identity?.id <= 0) {
-      return null;
-    }
-    const roles = (identity?.roles || []).map((role) => role.id);
-    const groups = createNodes({
-      resources,
-      permissions,
-      translate,
-      userMenu,
-      roles
-    });
-    return groups;
-  }, [loadingIdentity, loadingPermissions, identity, resources, permissions, translate, userMenu]);
-
-  const isLoading = useMemo(() => loadingIdentity, [loadingIdentity]);
-
-  return {
-    menu,
-    isLoading,
-    getItem: (id) => (isLoading ? false : getItem(menu, id)),
-    findInMenu: isLoading ? () => undefined : getItem
-  };
-};
-
-export default useMenu;

package/src/hooks/useMenuConfig.ts

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

package/src/hooks/useTableFormIterator.ts

@@ -1,12 +0,0 @@
-import { useContext } from 'react';
-import { TableFormIteratorContext } from '../contexts';
-
-/**
- * A hook 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}
- */
-const useTableFormIterator = () => useContext(TableFormIteratorContext);
-
-export default useTableFormIterator;

package/src/hooks/useTableFormIteratorItem.ts

@@ -1,12 +0,0 @@
-import { useContext } from 'react';
-import { TableFormIteratorItemContext } from '../contexts';
-
-/**
- * A hook 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}
- */
-const useTableFormIteratorItem = () => useContext(TableFormIteratorItemContext);
-
-export default useTableFormIteratorItem;

package/src/hooks/useThemeConfig.jsx

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

package/src/i18n/useI18nLanguages.jsx

@@ -1,18 +0,0 @@
-/* eslint-disable no-console */
-import React from 'react';
-window.React = React;
-const useI18nLanguages = ({ apiUrl, endpoint = '/languages/load', mapper = ({ data }) => ({ data }) }) => {
-  const [data, setData] = React.useState({ loading: true, languages: null });
-  React.useEffect(() => {
-    let headers = new Headers();
-    headers.append('Accept', 'application/json');
-    headers.append('Content-Type', 'application/json');
-    fetch(`${apiUrl}${endpoint}`, { headers })
-      .then((response) => response.json())
-      .then((response) => setData({ loading: false, ...mapper(response) }));
-  }, [apiUrl, endpoint, mapper]);
-
-  return data;
-};
-
-export default useI18nLanguages;

package/src/playground/contexts/index.jsx

@@ -1 +0,0 @@
-export {};

package/src/playground/entities/order.jsx

@@ -1,24 +0,0 @@
-import { Create, Edit } from '@applica-software-guru/react-admin';
-import { OrderForm, OrderList } from '../components';
-
-const OrderCreate = () => (
-  <Create>
-    <OrderForm />
-  </Create>
-);
-const EditForm = () => (
-  <Edit mutationMode="pessimistic" redirect={false}>
-    <OrderForm />
-  </Edit>
-);
-
-const config = {
-  list: OrderList,
-  edit: EditForm,
-  create: OrderCreate,
-  options: {
-    group: 'dashboard'
-  }
-};
-
-export default config;

package/src/playground/hooks/index.jsx

@@ -1 +0,0 @@
-export {};

package/src/playground/reportWebVitals.jsx

@@ -1,13 +0,0 @@
-const reportWebVitals = (onPerfEntry) => {
-  if (onPerfEntry && onPerfEntry instanceof Function) {
-    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
-      getCLS(onPerfEntry);
-      getFID(onPerfEntry);
-      getFCP(onPerfEntry);
-      getLCP(onPerfEntry);
-      getTTFB(onPerfEntry);
-    });
-  }
-};
-
-export default reportWebVitals;