@applica-software-guru/react-admin 1.3.145 → 1.3.147

package/dist/themes/theme/theme7.d.ts

@@ -0,0 +1,84 @@
+export default Theme7;
+declare function Theme7(colors: any, mode: any): {
+    primary: {
+        lighter: string;
+        100: string;
+        200: string;
+        light: string;
+        400: string;
+        main: string;
+        dark: string;
+        700: string;
+        darker: string;
+        900: string;
+        contrastText: string;
+    };
+    secondary: {
+        lighter: any;
+        100: any;
+        200: any;
+        light: any;
+        400: any;
+        main: any;
+        600: any;
+        dark: any;
+        800: any;
+        darker: any;
+        A100: any;
+        A200: any;
+        A300: any;
+        contrastText: any;
+    };
+    error: {
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+        contrastText: string;
+    };
+    warning: {
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+        contrastText: any;
+    };
+    info: {
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+        contrastText: string;
+    };
+    success: {
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+        contrastText: string;
+    };
+    grey: {
+        0: any;
+        50: any;
+        100: any;
+        200: any;
+        300: any;
+        400: any;
+        500: any;
+        600: any;
+        700: any;
+        800: any;
+        900: any;
+        A50: any;
+        A100: any;
+        A200: any;
+        A400: any;
+        A700: any;
+        A800: any;
+    };
+};
+//# sourceMappingURL=theme7.d.ts.map

package/dist/themes/theme/theme7.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme7.d.ts","sourceRoot":"","sources":["../../../../src/themes/theme/theme7.jsx"],"names":[],"mappings":";AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqGC"}

package/dist/themes/theme/theme8.d.ts

@@ -0,0 +1,84 @@
+export default Theme8;
+declare function Theme8(colors: any, mode: any): {
+    primary: {
+        lighter: string;
+        100: string;
+        200: string;
+        light: string;
+        400: string;
+        main: string;
+        dark: string;
+        700: string;
+        darker: string;
+        900: string;
+        contrastText: string;
+    };
+    secondary: {
+        lighter: any;
+        100: any;
+        200: any;
+        light: any;
+        400: any;
+        main: any;
+        600: any;
+        dark: any;
+        800: any;
+        darker: any;
+        A100: any;
+        A200: any;
+        A300: any;
+        contrastText: any;
+    };
+    error: {
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+        contrastText: string;
+    };
+    warning: {
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+        contrastText: any;
+    };
+    info: {
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+        contrastText: string;
+    };
+    success: {
+        lighter: string;
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+        contrastText: string;
+    };
+    grey: {
+        0: any;
+        50: any;
+        100: any;
+        200: any;
+        300: any;
+        400: any;
+        500: any;
+        600: any;
+        700: any;
+        800: any;
+        900: any;
+        A50: any;
+        A100: any;
+        A200: any;
+        A400: any;
+        A700: any;
+        A800: any;
+    };
+};
+//# sourceMappingURL=theme8.d.ts.map

package/dist/themes/theme/theme8.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme8.d.ts","sourceRoot":"","sources":["../../../../src/themes/theme/theme8.jsx"],"names":[],"mappings":";AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqGC"}

package/dist/themes/typography.d.ts

@@ -0,0 +1,69 @@
+export default Typography;
+declare function Typography(fontFamily: any): {
+    htmlFontSize: number;
+    fontFamily: any;
+    fontWeightLight: number;
+    fontWeightRegular: number;
+    fontWeightMedium: number;
+    fontWeightBold: number;
+    h1: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: number;
+    };
+    h2: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: number;
+    };
+    h3: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: number;
+    };
+    h4: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: number;
+    };
+    h5: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: number;
+    };
+    h6: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: number;
+    };
+    caption: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: number;
+    };
+    body1: {
+        fontSize: string;
+        lineHeight: number;
+    };
+    body2: {
+        fontSize: string;
+        lineHeight: number;
+    };
+    subtitle1: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: number;
+    };
+    subtitle2: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: number;
+    };
+    overline: {
+        lineHeight: number;
+    };
+    button: {
+        textTransform: string;
+    };
+};
+//# sourceMappingURL=typography.d.ts.map

package/dist/themes/typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/themes/typography.jsx"],"names":[],"mappings":";AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkEE"}

package/dist/types.d.ts

@@ -0,0 +1,58 @@
+import React from 'react';
+/**
+ * Definisce le proprietà di un elemento del menu.
+ */
+export type MenuItemProps = {
+    id: string;
+    /**
+     * Titolo da attribure all'elemento del menu.
+     * Il titolo deve essere una stringa localizzata: es. ra.menu.item.foo
+     */
+    title: string;
+    /**
+     * Icona da attribuire all'elemento del menu.
+     */
+    icon: React.ReactNode;
+    /**
+     * Tipo di elemento del menu.
+     * - item: elemento di menu normale
+     * - group: gruppo di elementi di menu
+     * - collapse: gruppo di elementi di menu con collapse
+     */
+    type: 'item' | 'group' | 'collapse';
+    /**
+     * URL da attribuire all'elemento del menu.
+     * Può puntare ad una risorsa o ad una pagina personalizzata purché la stessa sia stata registrata nell'appliazione.
+     *
+     * @example
+     * /entities/user
+     * /pages/foo
+     */
+    url: string;
+    /**
+     * Indica se l'elemento del menu è una risorsa.
+     */
+    resource: boolean;
+    /**
+     * Elenco dei ruoli che possono accedere all'elemento del menu.
+     * Se l'utente collegato non contiene almeno uno dei ruoli specificati l'elemento del menu non viene visualizzato.
+     *
+     * @example
+     * ["ROLE_ADMIN", "ROLE_USER"]
+     */
+    roles: string[];
+    /**
+     * Elenco dei figli dell'elemento del menu.
+     * Valido solo per i tipi "group" e "collapse".
+     */
+    children?: MenuItemProps[];
+};
+/**
+ * Indica come deve essere configurato il menu dell'applicazione.
+ */
+export type MenuProps = MenuItemProps[];
+/**
+ * Consente di trasformare dei type rendendone opzionali solo alcune chiavi
+ */
+export type Optional<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB;;;;;OAKG;IACH,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC;IACpC;;;;;;;OAOG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;;;;;OAMG;IACH,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;CAC5B,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,aAAa,EAAE,CAAC;AAExC;;GAEG;AACH,MAAM,MAAM,QAAQ,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC"}

package/dist/utils/index.d.ts

@@ -0,0 +1,3 @@
+export * from './time';
+export * from './lang';
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC"}

package/dist/utils/lang.d.ts

@@ -0,0 +1,2 @@
+export declare function uuid(): string;
+//# sourceMappingURL=lang.d.ts.map

package/dist/utils/lang.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lang.d.ts","sourceRoot":"","sources":["../../../src/utils/lang.ts"],"names":[],"mappings":"AAAA,wBAAgB,IAAI,IAAI,MAAM,CAW7B"}

package/dist/utils/time.d.ts

@@ -0,0 +1,4 @@
+import dayjs from 'dayjs';
+declare const parseTime: (time: string) => dayjs.Dayjs;
+export { parseTime };
+//# sourceMappingURL=time.d.ts.map

package/dist/utils/time.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../../../src/utils/time.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,QAAA,MAAM,SAAS,SAAU,MAAM,gBAS9B,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applica-software-guru/react-admin",
-  "version": "1.3.145",
+  "version": "1.3.147",
   "private": false,
   "repository": {
     "type": "git",
@@ -61,7 +61,7 @@
     "ra-core": "^4.14.5",
     "ra-i18n-polyglot": "^4.14.1",
     "ra-ui-materialui": "4.14.5",
-    "react-admin": "^4.14.4",
+    "react-admin": "4.14.5",
     "react-device-detect": "^2.2.3",
     "react-hook-form": "^7.43.9",
     "react-router": "^6.1.0",
@@ -101,12 +101,12 @@
     "vitest": "^0.33.0"
   },
   "peerDependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-admin": "4.14.5",
     "@mui/base": "5.0.0-beta.19",
     "@mui/icons-material": "^5.0.1",
     "@mui/lab": "5.0.0-alpha.148",
-    "@mui/material": "5.14.13"
+    "@mui/material": "5.14.13",
+    "react": "^18.2.0",
+    "react-admin": "4.14.5",
+    "react-dom": "^18.2.0"
   }
 }

package/src/components/ra-forms/Create.tsx

@@ -12,7 +12,7 @@ type ICreateProps<
 > = CreateProps<RecordType, Error, ResultRecordType> & {
   children: React.ReactNode;
   useDefaults?: boolean;
-  queryOptions?: UseQueryOptions
+  queryOptions?: UseQueryOptions;
 };
 
 type IResourceDefaultValue = object;
@@ -46,7 +46,13 @@ function Create(props: ICreateProps) {
           }
         });
     }, [resource, useDefaults, search, dataProvider]),
-    _queryOptions = useMemo<UseQueryOptions>(() => _.chain(queryOptions).extend({ queryKey: [resource, search], queryFn: fetch }).value(), [resource, search, fetch, queryOptions]),
+    _queryOptions = useMemo<UseQueryOptions>(
+      () =>
+        _.chain(queryOptions)
+          .extend({ queryKey: [resource, search], queryFn: fetch })
+          .value(),
+      [resource, search, fetch, queryOptions]
+    ),
     { data, isLoading } = useQuery(_queryOptions),
     passProps = _.omit(props, ['useDefaults']);
 
@@ -73,7 +79,8 @@ const StyledCreate = styled(Create, {
     backgroundColor: theme.palette.background.default
   },
   '& .RaCreate-main>.MuiPaper-root:first-of-type': {
-    overflow: 'visible'
+    overflow: 'visible',
+    backgroundColor: theme.palette.background.default
   }
 }));
 

package/src/components/ra-forms/Edit.jsx

@@ -24,7 +24,8 @@ const StyledEdit = styled(RaEdit, {
     // Ci ho messo 4 ore per scrivere questa riga di codice e risolvere un problema con react-sticky-box ed i Long Form.
     // L'overflow è di default 'hidden', a noi serve visibile per consentire a react-sticky-box di funzionare e gestire la visiblità con ancore
     // di tutti gli elementi presenti all'interno della pagina.
-    overflow: 'visible'
+    overflow: 'visible',
+    backgroundColor: theme.palette.background.default
   }
 }));
 

package/src/components/ra-forms/TabbedForm.tsx

@@ -0,0 +1,70 @@
+import { TabbedForm as RaTabbedForm, TabbedFormProps as RaTabbedFormProps, DeleteWithConfirmButton, SaveButton } from 'react-admin';
+import MainCard from '../MainCard';
+import { useResourceTitle } from '../../hooks';
+import Toolbar from './Toolbar';
+import { styled } from '@mui/system';
+import ActionsMenu from '../ActionsMenu';
+
+export type TabbedFormProps = RaTabbedFormProps & {
+  modal?: boolean;
+  content?: boolean;
+  subheader?: string | React.ReactNode;
+  title?: string | React.ReactNode | boolean;
+  secondary?: string | React.ReactNode;
+};
+
+const StyledTabbedForm = styled(RaTabbedForm, {
+  name: 'RaApplicaTabbedForm',
+  slot: 'Root'
+})(({ theme, modal }: { theme: any; modal: boolean }) => ({
+  '& .MuiGrid-root.MuiGrid-container': {
+    paddingBottom: theme.spacing(modal ? 0 : 1)
+  } as any,
+  [theme.breakpoints.down('sm')]: {
+    paddingBottom: 0
+  }
+}));
+
+const ApplicaTabbedForm = (props: TabbedFormProps) => {
+  const { title, modal, content, subheader, secondary, sx, ...rest } = props;
+  const cardTitle = useResourceTitle(title);
+
+  return (
+    <MainCard
+      title={cardTitle}
+      modal={modal}
+      content={content}
+      subheader={subheader}
+      secondary={secondary}
+      sx={{
+        ...sx,
+        '& .MuiToolbar-root': {
+          paddingLeft: '20px !important',
+          paddingRight: '20px !important'
+        }
+      }}
+      border={!modal}
+      divider
+    >
+      {/** @ts-ignore */}
+      <StyledTabbedForm toolbar={<Toolbar />} {...rest} />
+    </MainCard>
+  );
+};
+
+ApplicaTabbedForm.defaultProps = {
+  toolbar: (
+    <Toolbar>
+      <SaveButton type="button" />
+    </Toolbar>
+  ),
+  secondary: (
+    <ActionsMenu>
+      <DeleteWithConfirmButton />
+    </ActionsMenu>
+  )
+};
+
+ApplicaTabbedForm.Tab = RaTabbedForm.Tab;
+
+export default ApplicaTabbedForm;

package/src/components/ra-forms/Toolbar.jsx

@@ -1,7 +1,7 @@
 import { Toolbar as RaToolbar } from 'react-admin';
 import { styled } from '@mui/system';
 
-const ApplicaStyledToolbar = styled(RaToolbar, {
+const StyledToolbar = styled(RaToolbar, {
   name: 'RaApplicaToolbar',
   slot: 'Root'
 })(({ theme }) => ({
@@ -21,7 +21,7 @@ const ApplicaStyledToolbar = styled(RaToolbar, {
   }
 }));
 
-const Toolbar = (props) => <ApplicaStyledToolbar {...props} />;
+const Toolbar = (props) => <StyledToolbar {...props} />;
 
 Toolbar.defaultProps = {
   ...RaToolbar.defaultProps

package/src/hooks/useResourceTitle.jsx

@@ -9,6 +9,9 @@ const useResourceTitle = (title) => {
   const mode = record?.id ? 'edit' : 'create';
 
   const cardTitle = useMemo(() => {
+    if (title === false) {
+      return undefined;
+    }
     const defaultTitle = `resources.${resource}.title`;
     return (
       title ||

package/vite.config.js

@@ -15,14 +15,14 @@ export default defineConfig((configEnv) => ({
     }
   },
   plugins: [
-    // dts({
-    //   include: ['./src/**/*.{js,jsx,ts,tsx}']
-    // }),
-    react()
-    // linterPlugin({
-    //   include: ['./src/**/*.{js,jsx,ts,tsx}'],
-    //   linters: [new EsLinter({ configEnv })]
-    // })
+    dts({
+      include: ['./src/**/*.{js,jsx,ts,tsx}']
+    }),
+    react(),
+    linterPlugin({
+      include: ['./src/**/*.{js,jsx,ts,tsx}'],
+      linters: [new EsLinter({ configEnv })]
+    })
   ],
   optimizeDeps: {
     include: ['react', 'react-dom', 'react-admin', 'ra-ui-materialui', 'ra-core', 'ra-i18n-polyglot']

package/src/components/ra-forms/TabbedForm.jsx

@@ -1,19 +0,0 @@
-import { TabbedForm as RaTabbedForm } from 'react-admin';
-import { styled } from '@mui/system';
-
-const ApplicaStyledTabbedForm = styled(RaTabbedForm, {
-  name: 'RaApplicaTabbedForm',
-  slot: 'Root'
-})(() => ({}));
-
-ApplicaStyledTabbedForm.propTypes = {
-  ...RaTabbedForm.propTypes
-};
-
-ApplicaStyledTabbedForm.defaultProps = {
-  ...RaTabbedForm.defaultProps
-};
-
-ApplicaStyledTabbedForm.Tab = RaTabbedForm.Tab;
-
-export default ApplicaStyledTabbedForm;