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

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;

package/src/playground/types.ts

@@ -1,92 +0,0 @@
-import { CreateParams, DataProvider, HttpError, UpdateManyParams, UpdateParams } from 'ra-core';
-
-export type AttachmentParserConfig = {
-  images: string[];
-  files: string[];
-  attachments?: string[];
-};
-
-export type AttachmentParserResult = {
-  data: any;
-  parts: any[];
-};
-export type ErrorMapperResult = {
-  errors?: any[];
-};
-
-export type CreateHeaderOptions = {
-  headers: Headers | any;
-  body?: any;
-  user?: {
-    token: string;
-  };
-  method: 'GET' | 'POST' | 'PUT' | 'DELETE' | string;
-};
-
-export type UpdateManyParamsExtended = UpdateManyParams & {
-  rows: any[];
-};
-
-export type ApplicaDataProviderConfig = {
-  apiUrl: string;
-  getHeaders: () => Promise<Headers | any>;
-  getToken: () => Promise<string>;
-  HttpErrorClass: any | HttpError | Error;
-  attachmentsParser: (data: any) => Promise<AttachmentParserResult>;
-  prepareData?: (data: any, resource?: string, params?: CreateParams | UpdateParams | any) => any;
-  /**
-   * Consente di specificare se l'applicazione è in modalità mobile.
-   * In questo caso il dataProvider può adottare comportamenti differenti, in particolar modo
-   * per le chiamate di creazione e modifica dei records in cui l'utilizzo di FormData
-   * è soppiantato dall'utilizzo di chiamate REST pure e l'upload dei file viene gestito
-   * separatamente.
-   */
-  mobile?: boolean;
-};
-
-export type ApplicaDataProviderInterface = DataProvider & {
-  /**
-   * Allows you to get the REST service URL.
-   */
-  getApiUrl(): string;
-  /**
-   * Allows you to retrieve a single file from the server using any mechanisms
-   * authentication associated with the dataProvider (e.g. JWT passed through getHeaders).
-   *
-   * @param resource Resource to request
-   * @example Simple download of a file
-   * const attachment = await dataProvider.getFile(`/attachments/post/1/picture/1}`);
-   * const link = document.createElement('a');
-   * link.href = attachment;
-   * link.download = get(record, props?.title || props?.source);
-   * link.click();
-   *
-   */
-  getFile(resource: string): Promise<string>;
-  /**
-   * Allows you to make a generic GET call to the REST service.
-   * The service response must contain at least 'responseCode' as expected by the applica standard.
-   * Response code must be equal to 'ok' if the call was successful.
-   *
-   * @example
-   * // Example: users?name=Roberto
-   * const data = await dataProvider.get("users", { name: "Roberto" })
-   *
-   *
-   * @param resource Resource to request
-   * @param params Query string parameters to insert
-   */
-  get(resource: string, params: any): Promise<any>;
-  /**
-   * Allows you to make a generic POST call to the REST service.
-   * The service response must contain at least 'responseCode' as expected by the applica standard.
-   * Response code must be equal to 'ok' if the call was successful.
-   *
-   * @example
-   * const data = await dataProvider.post("users", { name: "Roberto" })
-   *
-   * @param resource Resource to request
-   * @param params Query string parameters to insert
-   */
-  post(resource: string, params: any): Promise<any>;
-};

package/src/themes/overrides/ButtonBase.jsx

@@ -1,12 +0,0 @@
-// ==============================|| OVERRIDES - BUTTON ||============================== //
-
-export default function ButtonBase() {
-  return {
-    MuiButtonBase: {
-      defaultProps: {
-        disableRipple: true,
-        size: 'medium'
-      }
-    }
-  };
-}

package/src/themes/overrides/ButtonGroup.jsx

@@ -1,11 +0,0 @@
-// ==============================|| OVERRIDES - BUTTON GROUP ||============================== //
-
-export default function ButtonGroup() {
-  return {
-    MuiButtonGroup: {
-      defaultProps: {
-        disableRipple: true
-      }
-    }
-  };
-}

package/src/themes/overrides/Link.jsx

@@ -1,11 +0,0 @@
-// ==============================|| OVERRIDES - LINK ||============================== //
-
-export default function Link() {
-  return {
-    MuiLink: {
-      defaultProps: {
-        underline: 'hover'
-      }
-    }
-  };
-}

package/src/themes/overrides/Pagination.jsx

@@ -1,11 +0,0 @@
-// ==============================|| OVERRIDES - PAGINATION ||============================== //
-
-export default function Pagination() {
-  return {
-    MuiPagination: {
-      defaultProps: {
-        shape: 'rounded'
-      }
-    }
-  };
-}

package/src/themes/overrides/index.jsx

@@ -1,100 +0,0 @@
-// project import
-import Accordion from './Accordion';
-import AccordionDetails from './AccordionDetails';
-import AccordionSummary from './AccordionSummary';
-import Alert from './Alert';
-import AlertTitle from './AlertTitle';
-import Autocomplete from './Autocomplete';
-import Badge from './Badge';
-import Button from './Button';
-import ButtonBase from './ButtonBase';
-import ButtonGroup from './ButtonGroup';
-import CardContent from './CardContent';
-import Checkbox from './Checkbox';
-import Chip from './Chip';
-import Dialog from './Dialog';
-import DialogContentText from './DialogContentText';
-import DialogTitle from './DialogTitle';
-import Fab from './Fab';
-import IconButton from './IconButton';
-import InputBase from './InputBase';
-import InputLabel from './InputLabel';
-import LinearProgress from './LinearProgress';
-import Link from './Link';
-import ListItemButton from './ListItemButton';
-import ListItemIcon from './ListItemIcon';
-import ListItemText from './ListItemText';
-import LoadingButton from './LoadingButton';
-import OutlinedInput from './OutlinedInput';
-import Pagination from './Pagination';
-import PaginationItem from './PaginationItem';
-import Popover from './Popover';
-import Radio from './Radio';
-import Slider from './Slider';
-import Switch from './Switch';
-import Tab from './Tab';
-import TableBody from './TableBody';
-import TableCell from './TableCell';
-import TableFooter from './TableFooter';
-import TableHead from './TableHead';
-import TablePagination from './TablePagination';
-import TableRow from './TableRow';
-import Tabs from './Tabs';
-import ToggleButton from './ToggleButton';
-import Tooltip from './Tooltip';
-import TreeItem from './TreeItem';
-import Typography from './Typography';
-// third-party
-import { merge } from 'lodash';
-
-// ==============================|| OVERRIDES - MAIN ||============================== //
-
-export default function ComponentsOverrides(theme) {
-  return merge(
-    Accordion(theme),
-    AccordionDetails(theme),
-    AccordionSummary(theme),
-    Alert(theme),
-    AlertTitle(),
-    Autocomplete(theme),
-    Badge(theme),
-    Button(theme),
-    ButtonBase(),
-    ButtonGroup(),
-    CardContent(),
-    Checkbox(theme),
-    Chip(theme),
-    Dialog(theme),
-    DialogContentText(theme),
-    DialogTitle(),
-    Fab(theme),
-    IconButton(theme),
-    InputBase(theme),
-    InputLabel(theme),
-    LinearProgress(),
-    Link(),
-    ListItemButton(theme),
-    ListItemIcon(theme),
-    ListItemText(theme),
-    LoadingButton(),
-    OutlinedInput(theme),
-    Pagination(),
-    PaginationItem(theme),
-    Popover(theme),
-    Radio(theme),
-    Slider(theme),
-    Switch(theme),
-    Tab(theme),
-    TableBody(theme),
-    TableCell(theme),
-    TableFooter(theme),
-    TableHead(theme),
-    TablePagination(),
-    TableRow(),
-    Tabs(),
-    ToggleButton(theme),
-    Tooltip(theme),
-    TreeItem(),
-    Typography()
-  );
-}

package/src/themes/shadows.jsx

@@ -1,27 +0,0 @@
-import { alpha } from '@mui/material/styles';
-
-const CustomShadows = (theme) => ({
-  // z1: `0px 2px 8px rgba(0, 0, 0, 0.15)`,
-  button: theme.palette.mode === 'dark' ? `0 2px 0 rgb(0 0 0 / 5%)` : `0 2px #0000000b`,
-  text: `0 -1px 0 rgb(0 0 0 / 12%)`,
-  z1:
-    theme.palette.mode === 'dark'
-      ? `0px 1px 1px rgb(0 0 0 / 14%), 0px 2px 1px rgb(0 0 0 / 12%), 0px 1px 3px rgb(0 0 0 / 20%)`
-      : `0px 1px 4px ${alpha(theme.palette.grey[900], 0.08)}`,
-  primary: `0 0 0 2px ${alpha(theme.palette.primary.main, 0.2)}`,
-  secondary: `0 0 0 2px ${alpha(theme.palette.secondary.main, 0.2)}`,
-  error: `0 0 0 2px ${alpha(theme.palette.error.main, 0.2)}`,
-  warning: `0 0 0 2px ${alpha(theme.palette.warning.main, 0.2)}`,
-  info: `0 0 0 2px ${alpha(theme.palette.info.main, 0.2)}`,
-  success: `0 0 0 2px ${alpha(theme.palette.success.main, 0.2)}`,
-  grey: `0 0 0 2px ${alpha(theme.palette.grey[500], 0.2)}`,
-  primaryButton: `0 14px 12px ${alpha(theme.palette.primary.main, 0.2)}`,
-  secondaryButton: `0 14px 12px ${alpha(theme.palette.secondary.main, 0.2)}`,
-  errorButton: `0 14px 12px ${alpha(theme.palette.error.main, 0.2)}`,
-  warningButton: `0 14px 12px ${alpha(theme.palette.warning.main, 0.2)}`,
-  infoButton: `0 14px 12px ${alpha(theme.palette.info.main, 0.2)}`,
-  successButton: `0 14px 12px ${alpha(theme.palette.success.main, 0.2)}`,
-  greyButton: `0 14px 12px ${alpha(theme.palette.grey[500], 0.2)}`
-});
-
-export default CustomShadows;

package/src/themes/theme/index.jsx

@@ -1,44 +0,0 @@
-import PropTypes from 'prop-types';
-
-// project import
-import Default from './default';
-import Theme1 from './theme1';
-import Theme2 from './theme2';
-import Theme3 from './theme3';
-import Theme4 from './theme4';
-import Theme5 from './theme5';
-import Theme6 from './theme6';
-import Theme7 from './theme7';
-import Theme8 from './theme8';
-
-// ==============================|| PRESET THEME - THEME SELECTOR ||============================== //
-
-const Theme = (colors, presetColor, mode) => {
-  switch (presetColor) {
-    case 'theme1':
-      return Theme1(colors, mode);
-    case 'theme2':
-      return Theme2(colors, mode);
-    case 'theme3':
-      return Theme3(colors, mode);
-    case 'theme4':
-      return Theme4(colors, mode);
-    case 'theme5':
-      return Theme5(colors, mode);
-    case 'theme6':
-      return Theme6(colors, mode);
-    case 'theme7':
-      return Theme7(colors, mode);
-    case 'theme8':
-      return Theme8(colors, mode);
-    default:
-      return Default(colors);
-  }
-};
-
-Theme.propTypes = {
-  colors: PropTypes.object,
-  presetColor: PropTypes.any
-};
-
-export default Theme;