@applica-software-guru/react-admin 1.3.128 → 1.3.130

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applica-software-guru/react-admin",
-  "version": "1.3.128",
+  "version": "1.3.130",
   "private": false,
   "repository": {
     "type": "git",
@@ -72,7 +72,7 @@
   },
   "devDependencies": {
     "@applica-software-guru/crud-client": "1.1.*",
-    "@applica-software-guru/iam-client": "1.0.*",
+    "@applica-software-guru/iam-client": "1.1.*",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^14.0.0",
     "@types/node": "^18.7.6",

package/src/components/Layout/Error.tsx

@@ -38,7 +38,15 @@ function Error(props: ErrorBoundaryProps) {
       <Stack alignItems="center" px={2} py={{ xs: 4, sm: 8 }} spacing={2} textAlign="center">
         {title && <Title title={title} />}
         <img src={imgSrc} style={{ width: '100%', maxWidth: 450, marginTop: theme.spacing(4) }} />
-        <Typography variant="h2">{translate(isProduction ? 'ra.page.error' : error.message, { _: error.message })}</Typography>
+        <Typography
+          variant="h2"
+          sx={{
+            whiteSpace: 'pre-wrap',
+            wordBreak: 'break-word'
+          }}
+        >
+          {translate(isProduction ? 'ra.page.error' : error.message, { _: error.message })}
+        </Typography>
         {!isProduction && <Typography variant="caption">{translate('ra.message.error_more_info')}</Typography>}
         {errorInfo && (
           <Typography

package/src/components/ra-forms/LongForm/NavMenu.tsx

@@ -3,7 +3,7 @@ import { Avatar } from '../../@extended';
 import { Card, Collapse, List, ListItem, ListItemProps, ListItemIcon, ListItemText, ListItemButton, ListItemAvatar } from '@mui/material';
 import { useSetActiveItem, useSyncWithLocation } from './Provider';
 import { IItem } from './types';
-import { useCallback, useMemo, useState } from 'react';
+import { useCallback, useEffect, useMemo, useState } from 'react';
 import { useChildren, useIsActive, useNavigateForm } from './hooks';
 import { ExpandLess, ExpandMore } from '@mui/icons-material';
 import { getLevel } from './utils';
@@ -57,6 +57,12 @@ function NavMenuItem(props: INavMenuItemProps) {
     hasIcon = icon !== undefined,
     listItemProps = _.omit(props, ['label', 'icon', 'selected', 'badge']);
 
+  useEffect(() => {
+    if (selected && !open) {
+      setOpen(selected);
+    }
+  }, [selected, open, setOpen]);
+
   return (
     <>
       <ListItem {...listItemProps} disablePadding>

package/src/components/ra-forms/LongForm/Provider.tsx

@@ -61,18 +61,15 @@ function reducer(state: IState, action: IAction): IState {
     case ActionType.SET_ACTIVE_ITEM:
       return _.includes(getItemsIds(state.items), payload) ? _.extend(newState, { activeItem: payload }) : newState;
     case ActionType.ADD_ITEM: {
-      const id = payload.id,
-        items = _.chain(newState.items)
+      const { id } = payload;
+      return _.extend(newState, {
+        items: _.chain(newState.items)
           .clone()
           .reject((item: IItem) => item.id === id)
           .concat([payload])
           .orderBy((item) => item.index)
-          .value();
-      _.extend(newState, { items: items });
-      if (newState.activeItem === undefined) {
-        _.extend(newState, { activeItem: payload.id });
-      }
-      return newState;
+          .value()
+      });
     }
     case ActionType.REMOVE_ITEM: {
       const id = _.isString(payload) ? payload : payload.id,

package/src/components/ra-forms/LongForm/hooks.tsx

@@ -6,7 +6,11 @@ import { useNavigate } from 'react-router';
 
 function useIsActive(id: string): boolean {
   const activeItem = useActiveItem();
-  return id === activeItem || isChild(id, activeItem ?? '');
+  if (activeItem === undefined) {
+    return false;
+  } else {
+    return id === activeItem || isChild(id, activeItem);
+  }
 }
 
 function useChildren(id?: string): Array<IItem> {

package/src/i18n/createI18nProvider.tsx

@@ -36,10 +36,6 @@ function createI18nProvider(data: ICreateI18nProviderData): Promise<any> {
     getLanguages = (): Promise<Locale> => {
       return fetch(`${apiUrl}/i18n/languages`, { headers: headers, method: 'get' })
         .then((response) => response.json())
-        .then((response) => {
-          const { responseCode, locales } = response;
-          return responseCode !== 'ok' ? defaultLanguages : locales;
-        })
         .catch(() => {
           return Promise.resolve(defaultLanguages);
         });