@applica-software-guru/react-admin 1.5.267 → 1.5.269

package/package.json

@@ -106,5 +106,5 @@
   "type": "module",
   "types": "dist/index.d.ts",
   "typings": "dist/index.d.ts",
-  "version": "1.5.267"
+  "version": "1.5.269"
 }

package/src/ApplicaAdmin.tsx

@@ -52,6 +52,7 @@ function ApplicaAdmin({
   enableRegistration = false,
   enablePasswordRecover = false,
   enableThemeToggler = false,
+  enableLocaleSwitcher = false,
   queryClient = defaultQueryClient,
   background,
   notificationAPI = 'entities/notification',
@@ -76,7 +77,7 @@ function ApplicaAdmin({
       const result = new CatchResult({
         catch: isKnowBug,
         display: !isKnowBug,
-        log: !isKnowBug,
+        log: !isKnowBug && development === true,
         error: errorMessage
       });
       return result;
@@ -106,17 +107,29 @@ function ApplicaAdmin({
           {...props}
           name={name}
           copy={copy}
-          enableThemeToggler={enableThemeToggler}
           version={version}
           logoMain={_logoMain}
           logoIcon={_logoIcon}
           notification={notificationAPI}
+          enableThemeToggler={enableThemeToggler}
           enableNotification={enableNotification}
+          enableLocaleSwitcher={enableLocaleSwitcher}
           error={error}
         />
       );
     },
-    [logoMain, logoIcon, name, copy, version, error, notificationAPI, enableNotification, enableThemeToggler]
+    [
+      logoMain,
+      logoIcon,
+      name,
+      copy,
+      version,
+      error,
+      notificationAPI,
+      enableNotification,
+      enableThemeToggler,
+      enableLocaleSwitcher
+    ]
   );
 
   const i18nProvider = useI18nProvider({
@@ -292,6 +305,10 @@ type ApplicaAdminProps = AdminProps & {
    * Indicates whether the theme toggler should be displayed.
    */
   enableThemeToggler: boolean;
+  /**
+   * Indicates whether the locale switcher should be displayed.
+   */
+  enableLocaleSwitcher: boolean;
 };
 
 export { ApplicaAdmin };

package/src/components/Layout/Layout.tsx

@@ -18,21 +18,23 @@ type ILayoutProps = React.PropsWithChildren<{
   copy?: string;
   error?: React.ComponentType<ErrorProps>;
   enableThemeToggler: boolean;
+  enableNotification: boolean;
+  enableLocaleSwitcher: boolean;
 }>;
 
 const Layout = withLayoutProvider(function Layout(props: ILayoutProps) {
-  const { name, version, enableThemeToggler } = props;
+  const { name, version, enableThemeToggler, enableNotification, enableLocaleSwitcher } = props;
   const { isLoading, navigation, breadcrumbs } = useBreadcrumbs();
 
   return (
     <LayoutWrapper>
       <Header>
         <HeaderSpacer />
-        <LocaleButton />
+        {enableLocaleSwitcher ? <LocaleButton /> : null}
         {enableThemeToggler ? <ThemeToggler /> : null}
         <ThemeColor />
         <LoadingIndicator />
-        <HeaderNotification />
+        {enableNotification ? <HeaderNotification /> : null}
         <ResponsiveSection>
           <HeaderProfile />
         </ResponsiveSection>

package/src/i18n/createI18nProvider.tsx

@@ -18,6 +18,10 @@ type ICreateI18nProviderData = {
   createMissing?: boolean;
   customProvider?: Promise<I18nProvider>;
 };
+type ICreateJsonI18nProviderData = {
+  path: string;
+  defaultLocale: string;
+};
 type IPolyglotOptions = {
   phrases?: IDictionary;
   locale?: string;
@@ -88,19 +92,26 @@ function createI18nProvider(data: ICreateI18nProviderData): Promise<any> {
     });
   });
 }
-function createJsonI18nProvider(data: ICreateI18nProviderData): Promise<I18nProvider> {
-  const { defaultLocale, apiUrl } = data;
+
+/**
+ * Create an I18nProvider that fetches translations from JSON files.
+ *
+ * @param data {ICreateI18nProviderData} - The data to create the I18nProvider
+ * @returns {Promise<I18nProvider>} - The I18nProvider
+ */
+function createJsonI18nProvider(data: ICreateJsonI18nProviderData): Promise<I18nProvider> {
+  const { defaultLocale, path } = data;
   const defaultLanguages: Array<Locale> = [{ locale: defaultLocale, name: defaultLocale }];
   const headers = new Headers({ Accept: 'application/json', 'Content-Type': 'application/json' });
   function getLanguages(): Promise<Locale> {
-    return fetch(`${apiUrl}/i18n/languages.json`, { headers: headers, method: 'get' })
+    return fetch(`${path}/languages.json`, { headers: headers, method: 'get' })
       .then((response) => response.json())
       .catch(() => {
         return Promise.resolve(defaultLanguages);
       });
   }
   function getMessages(): Promise<ITranslations> {
-    return fetch(`${apiUrl}/i18n/messages.json`, { headers: headers, method: 'get' })
+    return fetch(`${path}/messages.json`, { headers: headers, method: 'get' })
       .then((response) => response.json())
       .then((response: Array<IMessage>): ITranslations => {
         return response.reduce(

package/src/playground/App.jsx

@@ -9,7 +9,7 @@ import { ApplicaDataProvider, createAttachmentsParser } from '@applica-software-
 import { ApplicaAuthProvider, LocalStorage } from '@applica-software-guru/iam-client';
 import { CustomRoutes } from 'ra-core';
 import { Route } from 'react-router-dom';
-// import { createJsonI18nProvider } from '@/i18n';
+import { createJsonI18nProvider } from '@/i18n';
 
 const authProvider = new ApplicaAuthProvider(API_URL, new LocalStorage());
 const dataProvider = new ApplicaDataProvider({
@@ -20,7 +20,7 @@ const dataProvider = new ApplicaDataProvider({
   attachmentsParser: createAttachmentsParser(),
   HttpErrorClass: HttpError
 });
-// const i18nProvider = createJsonI18nProvider({ apiUrl: `//${document.location.host}`, defaultLocale: 'it' });
+const i18nProvider = createJsonI18nProvider({ path: `//${document.location.host}/i18n`, defaultLocale: 'en' });
 function App() {
   return (
     <ApplicaAdmin
@@ -31,7 +31,7 @@ function App() {
       apiUrl={API_URL}
       authProvider={authProvider}
       dataProvider={dataProvider}
-      // i18nProvider={i18nProvider}
+      i18nProvider={i18nProvider}
       defaultLocale="it"
       menu={menu}
       name={APP_NAME}