@applica-software-guru/react-admin 1.0.41 → 1.0.43

package/src/hooks/useBreadcrumbs.jsx

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

package/src/hooks/useLocalStorage.jsx

@@ -1,31 +1,31 @@
-import { useEffect, useState } from 'react'
+import { useEffect, useState } from 'react';
 
 export default function useLocalStorage(key, defaultValue) {
   const [value, setValue] = useState(() => {
-    const storedValue = typeof window !== 'undefined' ? localStorage.getItem(key) : null
-    return storedValue === null ? defaultValue : JSON.parse(storedValue)
-  })
+    const storedValue = typeof window !== 'undefined' ? localStorage.getItem(key) : null;
+    return storedValue === null ? defaultValue : JSON.parse(storedValue);
+  });
 
   useEffect(() => {
     const listener = (e) => {
       if (typeof window !== 'undefined' && e.storageArea === localStorage && e.key === key) {
-        setValue(e.newValue ? JSON.parse(e.newValue) : e.newValue)
+        setValue(e.newValue ? JSON.parse(e.newValue) : e.newValue);
       }
-    }
-    window.addEventListener('storage', listener)
+    };
+    window.addEventListener('storage', listener);
 
     return () => {
-      window.removeEventListener('storage', listener)
-    }
-  }, [key, defaultValue])
+      window.removeEventListener('storage', listener);
+    };
+  }, [key, defaultValue]);
 
   const setValueInLocalStorage = (newValue) => {
     setValue((currentValue) => {
-      const result = typeof newValue === 'function' ? newValue(currentValue) : newValue
-      if (typeof window !== 'undefined') localStorage.setItem(key, JSON.stringify(result))
-      return result
-    })
-  }
+      const result = typeof newValue === 'function' ? newValue(currentValue) : newValue;
+      if (typeof window !== 'undefined') localStorage.setItem(key, JSON.stringify(result));
+      return result;
+    });
+  };
 
-  return [value, setValueInLocalStorage]
+  return [value, setValueInLocalStorage];
 }

package/src/hooks/useMenu.jsx

@@ -1,130 +1,125 @@
-import { useGetIdentity, usePermissions, useResourceDefinitions, useTranslate } from 'react-admin'
+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'
+import { AntDesignOutlined } from '@ant-design/icons';
+import { cloneDeep } from 'lodash';
+import { useMemo } from 'react';
+import useMenuConfig from './useMenuConfig';
 
-const RESOURCE_PREFIXES = ['e-', 'entities/']
+const RESOURCE_PREFIXES = ['e-', 'entities/'];
 
 const getResourceName = (name) => {
-  let resourceName = name
+  let resourceName = name;
   RESOURCE_PREFIXES.forEach((prefix) => {
-    resourceName = resourceName?.startsWith(prefix)
-      ? resourceName?.substring(prefix.length)
-      : resourceName
-  })
-  return resourceName
-}
+    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 isInGroup = (group, resource) => resource.options?.group === group.id || (!resource.options?.group && group.id === 'admin');
 
 const hasPermission = (resource, permissions) => {
-  const name = getResourceName(resource.name)
-  const hasPermission = permissions?.includes(`${name}:list`)
-  return hasPermission
-}
+  const name = getResourceName(resource.name);
+  const hasPermission = permissions?.includes(`${name}:list`);
+  return hasPermission;
+};
 
 const getItem = (menu, id) => {
-  let item = menu.find((item) => item.id === id)
+  let item = menu.find((item) => item.id === id);
   if (!item) {
     for (let i = 0; i < menu.length; i++) {
-      const element = menu[i]
+      const element = menu[i];
       if (element.children) {
-        item = getItem(element.children, id)
+        item = getItem(element.children, id);
         if (item) {
-          return item
+          return 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)*/
-  )
+    (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]
+      const element = groups[i];
       if (element.children) {
-        group = getGroup(element.children, resource, permissions)
+        group = getGroup(element.children, resource, permissions);
         if (group) {
-          return group
+          return group;
         }
       }
     }
   }
-  return group
-}
+  return group;
+};
 
 const getGroupById = (groups, id) => {
-  let group = groups.find((g) => g.id === id)
+  let group = groups.find((g) => g.id === id);
   if (!group) {
     for (let i = 0; i < groups.length; i++) {
-      const element = groups[i]
+      const element = groups[i];
       if (element.children) {
-        group = getGroupById(element.children, id)
+        group = getGroupById(element.children, id);
         if (group) {
-          return group
+          return group;
         }
       }
     }
   }
-  return group
-}
+  return group;
+};
 const filterNotEmpty = (group) => {
   if (!group) {
-    return false
+    return false;
   }
   if (group.type === 'item') {
-    return true
+    return true;
   }
   if (group.children) {
-    group.children = group.children.filter(filterNotEmpty)
+    group.children = group.children.filter(filterNotEmpty);
   }
-  return group.children && group.children.length > 0
-}
+  return group.children && group.children.length > 0;
+};
 
 const mapParent = (group) => {
   if (group.children) {
     group.children.forEach((child) => {
-      child.parent = group
-      mapParent(child)
-    })
+      child.parent = group;
+      mapParent(child);
+    });
   }
-  return group
-}
+  return group;
+};
 
 const createNodes = ({ userGroups, resources, permissions, translate }) => {
   const translateRecursive = (group) => {
-    group.title = translate(group.title, { _: group.title })
+    group.title = translate(group.title, { _: group.title });
 
     if (group.children) {
-      group.children.forEach((child) => translateRecursive(child))
+      group.children.forEach((child) => translateRecursive(child));
     }
-    return group
-  }
-  const resourceNames = Object.keys(resources)
+    return group;
+  };
+  const resourceNames = Object.keys(resources);
   const removeNotFoundResources = (group, resources) => {
     if (group.children) {
       group.children = group.children.filter((child) => {
         if (child.resource === false) {
-          return true
+          return true;
         }
         if (child.type === 'item') {
-          return resources.includes(child.id)
+          return resources.includes(child.id);
         }
-        removeNotFoundResources(child, resources)
-        return child.children && child.children.length > 0
-      })
+        removeNotFoundResources(child, resources);
+        return child.children && child.children.length > 0;
+      });
     }
-    return group
-  }
+    return group;
+  };
 
   const groupsA = cloneDeep(userGroups)
     .map((group) => ({
@@ -134,7 +129,7 @@ const createNodes = ({ userGroups, resources, permissions, translate }) => {
       ...group
     }))
     .map(translateRecursive)
-    .map((group) => removeNotFoundResources(group, resourceNames))
+    .map((group) => removeNotFoundResources(group, resourceNames));
 
   const groupsB = Object.values(resources)
     // Detect group of each configured ra resource.
@@ -149,29 +144,29 @@ const createNodes = ({ userGroups, resources, permissions, translate }) => {
       type: 'group',
       icon: AntDesignOutlined,
       children: []
-    }))
+    }));
 
-  const groups = [...groupsA, ...groupsB]
+  const groups = [...groupsA, ...groupsB];
 
   Object.values(resources).forEach((resource) => {
     if (!resource.hasList) {
-      return
+      return;
     }
 
-    const group = getGroup(groups, resource, permissions)
-    const exists = group?.children?.some((c) => c.id === resource.name)
+    const group = getGroup(groups, resource, permissions);
+    const exists = group?.children?.some((c) => c.id === resource.name);
     if (!hasPermission(resource, permissions)) {
       if (exists && group?.children?.length > 0) {
-        group.children = group.children.filter((c) => c.id !== resource.name)
+        group.children = group.children.filter((c) => c.id !== resource.name);
       }
-      return
+      return;
     }
     if (group) {
       if (!group.children) {
-        group.children = []
+        group.children = [];
       }
       if (exists) {
-        return
+        return;
       }
       // group.children.push({
       //   id: resource.name,
@@ -183,21 +178,21 @@ const createNodes = ({ userGroups, resources, permissions, translate }) => {
       //   icon: resource.options?.icon || exists?.icon || AntDesignOutlined
       // })
     }
-  })
+  });
 
-  return groups.filter(filterNotEmpty).map(mapParent)
-}
+  return groups.filter(filterNotEmpty).map(mapParent);
+};
 
 const useMenu = () => {
-  const resources = useResourceDefinitions()
-  const { isLoading: loadingIdentity, data: identity } = useGetIdentity()
-  const { permissions } = usePermissions()
-  const { groups: userGroups } = useMenuConfig()
-  const translate = useTranslate()
+  const resources = useResourceDefinitions();
+  const { isLoading: loadingIdentity, data: identity } = useGetIdentity();
+  const { permissions } = usePermissions();
+  const { groups: userGroups } = useMenuConfig();
+  const translate = useTranslate();
 
   const menu = useMemo(() => {
     if (loadingIdentity || !identity || identity === null || identity?.id <= 0) {
-      return null
+      return null;
     }
 
     const groups = createNodes({
@@ -205,19 +200,19 @@ const useMenu = () => {
       permissions,
       translate,
       userGroups
-    })
+    });
 
-    return groups
-  }, [loadingIdentity, identity, resources, permissions, translate, userGroups])
+    return groups;
+  }, [loadingIdentity, identity, resources, permissions, translate, userGroups]);
 
-  const isLoading = useMemo(() => loadingIdentity, [loadingIdentity])
+  const isLoading = useMemo(() => loadingIdentity, [loadingIdentity]);
 
   return {
     menu,
     isLoading,
     getItem: (id) => (isLoading ? false : getItem(menu, id)),
     findInMenu: isLoading ? () => undefined : getItem
-  }
-}
+  };
+};
 
-export default useMenu
+export default useMenu;

package/src/hooks/useMenuConfig.jsx

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

package/src/hooks/useResourceTitle.jsx

@@ -1,25 +1,25 @@
-import { useRecordContext, useResourceContext, useTranslate } from 'react-admin'
+import { useRecordContext, useResourceContext, useTranslate } from 'react-admin';
 
-import { useMemo } from 'react'
+import { useMemo } from 'react';
 
 const useResourceTitle = (title) => {
-  const record = useRecordContext()
-  const translate = useTranslate()
-  const resource = useResourceContext()
-  const mode = record?.id ? 'edit' : 'create'
+  const record = useRecordContext();
+  const translate = useTranslate();
+  const resource = useResourceContext();
+  const mode = record?.id ? 'edit' : 'create';
 
   const cardTitle = useMemo(() => {
-    const defaultTitle = `resources.${resource}.title`
+    const defaultTitle = `resources.${resource}.title`;
     return (
       title ||
       translate(`resources.${resource}.title.${mode}`, {
         _: translate(defaultTitle, { _: defaultTitle }),
-        ...record,
+        ...record
       })
-    )
-  }, [mode, record, resource, translate, title])
+    );
+  }, [mode, record, resource, translate, title]);
 
-  return cardTitle
-}
+  return cardTitle;
+};
 
-export default useResourceTitle
+export default useResourceTitle;

package/src/hooks/useThemeConfig.jsx

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

package/src/i18n/createI18nProvider.jsx

@@ -1,15 +1,15 @@
-import { get } from 'lodash'
-import polyglotI18nProvider from 'ra-i18n-polyglot'
+import { get } from 'lodash';
+import polyglotI18nProvider from 'ra-i18n-polyglot';
 
 const createI18nProvider = ({ languages, defaultLocale, allowMissing = false }) =>
   polyglotI18nProvider(
     (locale) => {
-      const messages = get(languages, locale, {})
-      return messages
+      const messages = get(languages, locale, {});
+      return messages;
     },
     defaultLocale,
     [{ locale: defaultLocale }],
-    { allowMissing },
-  )
+    { allowMissing }
+  );
 
-export default createI18nProvider
+export default createI18nProvider;

package/src/i18n/index.jsx

@@ -1,4 +1,4 @@
-export { default as createI18nProvider } from './createI18nProvider'
-export { default as useI18nCatcher } from './useI18nCatcher'
-export { default as useI18nLanguages } from './useI18nLanguages'
-export { default as useI18nProvider } from './useI18nProvider'
+export { default as createI18nProvider } from './createI18nProvider';
+export { default as useI18nCatcher } from './useI18nCatcher';
+export { default as useI18nLanguages } from './useI18nLanguages';
+export { default as useI18nProvider } from './useI18nProvider';

package/src/i18n/useI18nCatcher.jsx

@@ -1,9 +1,9 @@
 /* eslint-disable no-console */
-import * as React from 'react'
+import * as React from 'react';
 
-import { useLocaleState } from 'react-admin'
+import { useLocaleState } from 'react-admin';
 
-const queued = []
+const queued = [];
 
 const putMessage = ({ apiUrl, endpoint, locale, message, bodyBuilder }) =>
   message != null &&
@@ -16,10 +16,10 @@ const putMessage = ({ apiUrl, endpoint, locale, message, bodyBuilder }) =>
     method: 'PUT',
     headers: new Headers({
       Accept: 'application/json',
-      'Content-Type': 'application/json',
+      'Content-Type': 'application/json'
     }),
-    body: JSON.stringify(bodyBuilder(locale, message)),
-  })
+    body: JSON.stringify(bodyBuilder(locale, message))
+  });
 
 const useI18nCatcher = ({
   apiUrl,
@@ -30,42 +30,42 @@ const useI18nCatcher = ({
     code: locale,
     message: {
       code: message,
-      text: message,
-    },
-  }),
+      text: message
+    }
+  })
 }) => {
-  const [locale] = useLocaleState()
+  const [locale] = useLocaleState();
   React.useMemo(() => {
     if (loading) {
-      return
+      return;
     }
 
     if (!enabled) {
-      return
+      return;
     }
 
-    const consoleError = console.error
+    const consoleError = console.error;
 
     console.error = function (message) {
       if (typeof message === 'string' && message === '%c%s') {
-        return
+        return;
       }
       if (typeof message === 'string' && message.indexOf('Missing translation for key: ') >= 0) {
-        message = message.replace('Warning: Missing translation for key: ', '')
-        message = message.split('"').join('').trim()
+        message = message.replace('Warning: Missing translation for key: ', '');
+        message = message.split('"').join('').trim();
         if (message === null || message.indexOf(' ') !== -1 || message.indexOf('.') === -1) {
-          return
+          return;
         }
 
-        const lc = localStorage.getItem('locale') || locale
-        putMessage({ apiUrl, endpoint, locale: lc, message, bodyBuilder })
-        return
+        const lc = localStorage.getItem('locale') || locale;
+        putMessage({ apiUrl, endpoint, locale: lc, message, bodyBuilder });
+        return;
       }
 
-      consoleError.apply(console, arguments)
-    }
-  }, [apiUrl, locale, loading, bodyBuilder, endpoint, enabled])
-  return true
-}
+      consoleError.apply(console, arguments);
+    };
+  }, [apiUrl, locale, loading, bodyBuilder, endpoint, enabled]);
+  return true;
+};
 
-export default useI18nCatcher
+export default useI18nCatcher;

package/src/i18n/useI18nLanguages.jsx

@@ -1,22 +1,18 @@
 /* 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 })
+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')
+    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])
+      .then((response) => setData({ loading: false, ...mapper(response) }));
+  }, [apiUrl, endpoint, mapper]);
 
-  return data
-}
+  return data;
+};
 
-export default useI18nLanguages
+export default useI18nLanguages;