@applica-software-guru/react-admin 1.5.268 → 1.5.273

package/package.json

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

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

@@ -19,17 +19,18 @@ type ILayoutProps = React.PropsWithChildren<{
   error?: React.ComponentType<ErrorProps>;
   enableThemeToggler: boolean;
   enableNotification: boolean;
+  enableLocaleSwitcher: boolean;
 }>;
 
 const Layout = withLayoutProvider(function Layout(props: ILayoutProps) {
-  const { name, version, enableThemeToggler, enableNotification } = 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 />

package/src/components/Layout/Navigation/NavItem.tsx

@@ -30,7 +30,9 @@ function NavItem({ item, level }: NavItemProps) {
 
   const listItemProps: NavListItemProps =
     item?.external !== false
-      ? { component: forwardRef((props, ref) => <Link {...props} to={item.url} target={itemTarget} ref={ref} />) }
+      ? {
+          component: forwardRef((props, ref) => <Link {...props} to={item.url} target={itemTarget} ref={ref as any} />)
+        }
       : { component: 'a', href: item.url, target: itemTarget };
 
   const Icon = item.icon;

package/src/components/Layout/Provider.tsx

@@ -238,7 +238,7 @@ function LayoutProvider(props: ILayoutProviderProps) {
 }
 
 function withLayoutProvider<P, T>(Component: React.ComponentType<P>) {
-  return forwardRef((props: P & ILayoutProviderProps, ref: React.ForwardedRef<T>) => {
+  return forwardRef((props: P & ILayoutProviderProps & any, ref: React.ForwardedRef<T>) => {
     const { logoIcon, logoMain, enableNotification, notification } = props;
     return (
       <LayoutProvider

package/src/components/ra-buttons/CreateInDialogButton.tsx

@@ -40,7 +40,6 @@ function ResponsiveButton(props: ResponsiveButtonProps): JSX.Element {
   const handleClick = useCallback(
     (event: any) => {
       (event as Event).preventDefault();
-      (event as Event).stopPropagation();
       props?.onClick?.();
     },
     [props]