@applica-software-guru/react-admin 1.4.219 → 1.4.220

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applica-software-guru/react-admin",
-  "version": "1.4.219",
+  "version": "1.4.220",
   "private": false,
   "repository": {
     "type": "git",

package/src/components/Layout/Header/Buttons/LocaleButton.tsx

@@ -0,0 +1,37 @@
+import { HeaderButton } from './HeaderButton';
+import { usePopoverState } from '../../../../hooks';
+import { Menu, MenuItem, Stack, Typography } from '@mui/material';
+import { Fragment } from 'react/jsx-runtime';
+import { useLocaleState, useLocales } from 'ra-core';
+import { CaretDownOutlined, CaretUpOutlined } from '@ant-design/icons';
+export function LocaleButton(): JSX.Element | null {
+  const { open, anchorEl, handleClose, handleToggle } = usePopoverState();
+  const [locale, setLocale] = useLocaleState();
+  const locales = useLocales();
+  if (locales.length === 0) {
+    return null;
+  }
+  const handleChooseLocale = (locale: string) => {
+    setLocale(locale);
+    handleClose();
+  };
+  return (
+    <Fragment>
+      <HeaderButton value="locale" onClick={handleToggle} sx={{ minWidth: 'auto' }}>
+        <Stack direction="row" spacing={0.5}>
+          <Typography variant="body1">{locale.toUpperCase()}</Typography>
+          {open ? <CaretUpOutlined /> : <CaretDownOutlined />}
+        </Stack>
+      </HeaderButton>
+      <Menu id="menu-appbar" anchorEl={anchorEl} keepMounted open={open} onClose={handleClose}>
+        {locales.map((locale, index) => (
+          <MenuItem key={index} onClick={() => handleChooseLocale(locale.locale)}>
+            {locale.name}
+          </MenuItem>
+        ))}
+      </Menu>
+    </Fragment>
+  );
+}
+
+export default LocaleButton;

package/src/components/Layout/Header/Buttons/index.ts

@@ -1,3 +1,4 @@
 export * from './HeaderButton';
 export * from './HeaderIconButton';
 export * from './HeaderToggleButton';
+export * from './LocaleButton';

package/src/components/Layout/Layout.tsx

@@ -1,4 +1,4 @@
-import { Header, HeaderNotification, HeaderProfile, HeaderSpacer, ResponsiveSection } from './Header';
+import { Header, HeaderNotification, HeaderProfile, HeaderSpacer, LocaleButton, ResponsiveSection } from './Header';
 
 import { Breadcrumbs } from '../@extended';
 import { Footer } from './Footer';
@@ -28,6 +28,7 @@ const Layout = withLayoutProvider(function Layout(props: ILayoutProps) {
     <LayoutWrapper>
       <Header>
         <HeaderSpacer />
+        <LocaleButton />
         {enableThemeToggler && <ThemeToggler />}
         <LoadingIndicator />
         <HeaderNotification />

package/src/index.jsx

@@ -9,6 +9,7 @@ export * from './utils';
 export * from './i18n';
 
 export {
+  ArrayField,
   ArrayInputContext,
   BooleanField,
   BulkDeleteWithConfirmButton,
@@ -72,6 +73,7 @@ export {
   useInput,
   useListContext,
   useListController,
+  useLocales,
   useLocaleState,
   useNotify,
   usePermissions,