@applica-software-guru/react-admin 1.4.226 → 1.5.230

package/src/themes/theme/theme7.ts

@@ -0,0 +1,126 @@
+function Theme7(colors: any, mode: string) {
+  const { grey } = colors;
+  const greyColors = {
+    0: grey[0],
+    50: grey[1],
+    100: grey[2],
+    200: grey[3],
+    300: grey[4],
+    400: grey[5],
+    500: grey[6],
+    600: grey[7],
+    700: grey[8],
+    800: grey[9],
+    900: grey[10],
+    A50: grey[15],
+    A100: grey[11],
+    A200: grey[12],
+    A400: grey[13],
+    A700: grey[14],
+    A800: grey[16]
+  };
+  const contrastText = '#fff';
+
+  let primaryColors = [
+    '#d1e8d99c',
+    '#8cdba9',
+    '#63cf8e',
+    '#3ec277',
+    '#1db564',
+    '#00a854',
+    '#008245',
+    '#005c34',
+    '#003620',
+    '#000f0a'
+  ];
+  let errorColors = ['#FDE8E7', '#F25E52', '#F04134', '#EE3B2F', '#E92A21'];
+  let warningColors = ['#FFF7E0', '#FFC926', '#FFBF00', '#FFB900', '#FFA900'];
+  let infoColors = ['#E0F4F5', '#26B0BA', '#00A2AE', '#009AA7', '#008694'];
+  let successColors = ['#E0F5EA', '#26B56E', '#00A854', '#00A04D', '#008D3A'];
+
+  if (mode === 'dark') {
+    primaryColors = [
+      '#1a2721',
+      '#173728',
+      '#15472e',
+      '#115c36',
+      '#0b7841',
+      '#05934c',
+      '#1da65d',
+      '#3cba73',
+      '#61ca8b',
+      '#8ad7a6'
+    ];
+    errorColors = ['#321d1d', '#7d2e28', '#d13c31', '#e66859', '#f8baaf'];
+    warningColors = ['#342c1a', '#836611', '#dda705', '#e9bf28', '#f8e577'];
+    infoColors = ['#1a2628', '#11595f', '#058e98', '#1ea6aa', '#64cfcb'];
+    successColors = ['#1a2721', '#115c36', '#05934c', '#1da65d', '#61ca8b'];
+  }
+
+  return {
+    primary: {
+      lighter: primaryColors[0],
+      100: primaryColors[1],
+      200: primaryColors[2],
+      light: primaryColors[3],
+      400: primaryColors[4],
+      main: primaryColors[5],
+      dark: primaryColors[6],
+      700: primaryColors[7],
+      darker: primaryColors[8],
+      900: primaryColors[9],
+      contrastText
+    },
+    secondary: {
+      lighter: greyColors[100],
+      100: greyColors[100],
+      200: greyColors[200],
+      light: greyColors[300],
+      400: greyColors[400],
+      main: greyColors[500],
+      600: greyColors[600],
+      dark: greyColors[700],
+      800: greyColors[800],
+      darker: greyColors[900],
+      A100: greyColors[0],
+      A200: greyColors.A400,
+      A300: greyColors.A700,
+      contrastText: greyColors[0]
+    },
+    error: {
+      lighter: errorColors[0],
+      light: errorColors[1],
+      main: errorColors[2],
+      dark: errorColors[3],
+      darker: errorColors[4],
+      contrastText
+    },
+    warning: {
+      lighter: warningColors[0],
+      light: warningColors[1],
+      main: warningColors[2],
+      dark: warningColors[3],
+      darker: warningColors[4],
+      contrastText: greyColors[100]
+    },
+    info: {
+      lighter: infoColors[0],
+      light: infoColors[1],
+      main: infoColors[2],
+      dark: infoColors[3],
+      darker: infoColors[4],
+      contrastText
+    },
+    success: {
+      lighter: successColors[0],
+      light: successColors[1],
+      main: successColors[2],
+      dark: successColors[3],
+      darker: successColors[4],
+      contrastText
+    },
+    grey: greyColors
+  };
+}
+
+export { Theme7 };

package/src/themes/theme/theme8.ts

@@ -0,0 +1,126 @@
+function Theme8(colors: any, mode: string) {
+  const { grey } = colors;
+  const greyColors = {
+    0: grey[0],
+    50: grey[1],
+    100: grey[2],
+    200: grey[3],
+    300: grey[4],
+    400: grey[5],
+    500: grey[6],
+    600: grey[7],
+    700: grey[8],
+    800: grey[9],
+    900: grey[10],
+    A50: grey[15],
+    A100: grey[11],
+    A200: grey[12],
+    A400: grey[13],
+    A700: grey[14],
+    A800: grey[16]
+  };
+  const contrastText = '#fff';
+
+  let primaryColors = [
+    '#c1d6d066',
+    '#81c9b9',
+    '#5bbda9',
+    '#38b09c',
+    '#1aa391',
+    '#009688',
+    '#007069',
+    '#004a47',
+    '#002424',
+    '#000000'
+  ];
+  let errorColors = ['#FDE8E7', '#F25E52', '#F04134', '#EE3B2F', '#E92A21'];
+  let warningColors = ['#FFF7E0', '#FFC926', '#FFBF00', '#FFB900', '#FFA900'];
+  let infoColors = ['#E0F4F5', '#26B0BA', '#00A2AE', '#009AA7', '#008694'];
+  let successColors = ['#E0F5EA', '#26B56E', '#00A854', '#00A04D', '#008D3A'];
+
+  if (mode === 'dark') {
+    primaryColors = [
+      '#1a2524',
+      '#173331',
+      '#15423e',
+      '#11544e',
+      '#0b6c63',
+      '#058478',
+      '#1a9686',
+      '#37a996',
+      '#59b8a5',
+      '#7fc6b6'
+    ];
+    errorColors = ['#321d1d', '#7d2e28', '#d13c31', '#e66859', '#f8baaf'];
+    warningColors = ['#342c1a', '#836611', '#dda705', '#e9bf28', '#f8e577'];
+    infoColors = ['#1a2628', '#11595f', '#058e98', '#1ea6aa', '#64cfcb'];
+    successColors = ['#1a2721', '#115c36', '#05934c', '#1da65d', '#61ca8b'];
+  }
+
+  return {
+    primary: {
+      lighter: primaryColors[0],
+      100: primaryColors[1],
+      200: primaryColors[2],
+      light: primaryColors[3],
+      400: primaryColors[4],
+      main: primaryColors[5],
+      dark: primaryColors[6],
+      700: primaryColors[7],
+      darker: primaryColors[8],
+      900: primaryColors[9],
+      contrastText
+    },
+    secondary: {
+      lighter: greyColors[100],
+      100: greyColors[100],
+      200: greyColors[200],
+      light: greyColors[300],
+      400: greyColors[400],
+      main: greyColors[500],
+      600: greyColors[600],
+      dark: greyColors[700],
+      800: greyColors[800],
+      darker: greyColors[900],
+      A100: greyColors[0],
+      A200: greyColors.A400,
+      A300: greyColors.A700,
+      contrastText: greyColors[0]
+    },
+    error: {
+      lighter: errorColors[0],
+      light: errorColors[1],
+      main: errorColors[2],
+      dark: errorColors[3],
+      darker: errorColors[4],
+      contrastText
+    },
+    warning: {
+      lighter: warningColors[0],
+      light: warningColors[1],
+      main: warningColors[2],
+      dark: warningColors[3],
+      darker: warningColors[4],
+      contrastText: greyColors[100]
+    },
+    info: {
+      lighter: infoColors[0],
+      light: infoColors[1],
+      main: infoColors[2],
+      dark: infoColors[3],
+      darker: infoColors[4],
+      contrastText
+    },
+    success: {
+      lighter: successColors[0],
+      light: successColors[1],
+      main: successColors[2],
+      dark: successColors[3],
+      darker: successColors[4],
+      contrastText
+    },
+    grey: greyColors
+  };
+}
+
+export { Theme8 };

package/src/themes/types.ts

@@ -0,0 +1,20 @@
+import { Theme } from '@mui/material';
+
+type ThemeProps = Theme & {
+  customShadows: {
+    primary: string;
+    secondary: string;
+    error: string;
+    warning: string;
+    info: string;
+    success: string;
+    primaryButton: string;
+    secondaryButton: string;
+    errorButton: string;
+    warningButton: string;
+    infoButton: string;
+    successButton: string;
+  };
+};
+
+export type { ThemeProps };

package/src/themes/typography.ts

@@ -0,0 +1,70 @@
+function Typography(fontFamily: string) {
+  return {
+    htmlFontSize: 16,
+    fontFamily,
+    fontWeightLight: 300,
+    fontWeightRegular: 400,
+    fontWeightMedium: 500,
+    fontWeightBold: 600,
+    h1: {
+      fontWeight: 600,
+      fontSize: '2.375rem',
+      lineHeight: 1.21
+    },
+    h2: {
+      fontWeight: 600,
+      fontSize: '1.875rem',
+      lineHeight: 1.27
+    },
+    h3: {
+      fontWeight: 600,
+      fontSize: '1.5rem',
+      lineHeight: 1.33
+    },
+    h4: {
+      fontWeight: 600,
+      fontSize: '1.25rem',
+      lineHeight: 1.4
+    },
+    h5: {
+      fontWeight: 600,
+      fontSize: '1rem',
+      lineHeight: 1.5
+    },
+    h6: {
+      fontWeight: 400,
+      fontSize: '0.875rem',
+      lineHeight: 1.57
+    },
+    caption: {
+      fontWeight: 400,
+      fontSize: '0.75rem',
+      lineHeight: 1.66
+    },
+    body1: {
+      fontSize: '0.875rem',
+      lineHeight: 1.57
+    },
+    body2: {
+      fontSize: '0.75rem',
+      lineHeight: 1.66
+    },
+    subtitle1: {
+      fontSize: '0.875rem',
+      fontWeight: 600,
+      lineHeight: 1.57
+    },
+    subtitle2: {
+      fontSize: '0.75rem',
+      fontWeight: 500,
+      lineHeight: 1.66
+    },
+    overline: {
+      lineHeight: 1.66
+    },
+    button: {
+      textTransform: 'capitalize'
+    }
+  };
+}
+export { Typography };

package/src/types.ts

@@ -1,60 +1,6 @@
-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>>;
+type Optional<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
+
+export type { Optional };

package/src/utils/index.ts

@@ -1,4 +1,4 @@
-export * from './time';
 export * from './lang';
-export * from './localizedValue';
 export * from './localStorage';
+export * from './localizedValue';
+export * from './time';

package/src/utils/lang.ts

@@ -1,4 +1,4 @@
-export function uuid(): string {
+function uuid(): string {
   let d = new Date().getTime();
   if (window.performance && typeof window.performance.now === 'function') {
     d += performance.now(); //use high-precision timer if available
@@ -10,3 +10,5 @@ export function uuid(): string {
   });
   return uuid;
 }
+
+export { uuid };

package/src/utils/localizedValue.ts

@@ -1,4 +1,5 @@
 import _ from 'lodash';
+
 type ILocale = {
   name: string;
   locale: string;
@@ -19,18 +20,23 @@ type IGetLocalizedValueOptions = {
   fallback?: boolean;
   fallbackLocales?: Array<string>;
 };
-function getLocalizedValue<T>(value: ILocalizedValue<T>, locale: string, options?: IGetLocalizedValueOptions): T | undefined {
+function getLocalizedValue<T>(
+  value: ILocalizedValue<T>,
+  locale: string,
+  options?: IGetLocalizedValueOptions
+): T | undefined {
   if (!_.isPlainObject(value) || locale === undefined) {
     return undefined;
   }
 
-  const _options: IGetLocalizedValueOptions = _.isPlainObject(options) ? (options as IGetLocalizedValueOptions) : {},
-    fallback = Boolean(_options?.fallback ?? true);
+  const _options: IGetLocalizedValueOptions = _.isPlainObject(options) ? (options as IGetLocalizedValueOptions) : {};
+  const fallback = Boolean(_options?.fallback ?? true);
 
   let localizedValue: T | undefined = value[String(locale)];
 
   if (localizedValue === undefined && fallback) {
-    const fallbackLocales = _.isArray(_options.fallbackLocales) && !_.isEmpty(_options.fallbackLocales) ? _options.fallbackLocales : ['en'];
+    const fallbackLocales =
+      _.isArray(_options.fallbackLocales) && !_.isEmpty(_options.fallbackLocales) ? _options.fallbackLocales : ['en'];
     localizedValue = _.chain(fallbackLocales)
       .map((l) => value[String(l)])
       .reject(_.isUndefined)
@@ -45,5 +51,5 @@ function getLocalizedValue<T>(value: ILocalizedValue<T>, locale: string, options
   return localizedValue;
 }
 
-export type { ILocalizedValue, IGetLocalizedValueOptions };
-export { localizedValueHasAllLocales, getLocalizedValue };
+export type { IGetLocalizedValueOptions, ILocalizedValue };
+export { getLocalizedValue, localizedValueHasAllLocales };

package/src/utils/time.ts

@@ -1,6 +1,6 @@
 import dayjs from 'dayjs';
 
-const parseTime = (time: string) => {
+function parseTime(time: string) {
   const args = time.split(':');
   if (args.length === 1) {
     args.push('00');
@@ -9,6 +9,6 @@ const parseTime = (time: string) => {
   const minute = parseInt(args[1]);
   const d = dayjs().hour(hour).minute(minute);
   return d;
-};
+}
 
 export { parseTime };

package/tsconfig.json

@@ -1,28 +1,37 @@
 {
   "compilerOptions": {
-    "target": "ESNext",
-    "useDefineForClassFields": true,
-    "lib": ["DOM", "DOM.Iterable", "ESNext"],
     "allowJs": true,
     "allowSyntheticDefaultImports": true,
-    "strict": true,
+    "baseUrl": ".",
+    "declaration": true,
+    "declarationMap": true,
+    "esModuleInterop": true,
     "forceConsistentCasingInFileNames": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "lib": ["DOM", "DOM.Iterable", "ESNext"],
     "module": "ESNext",
     "moduleResolution": "Node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
     "noEmit": false,
-    "jsx": "react-jsx",
-    "declaration": true,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "declarationMap": true,
-    "baseUrl": ".",
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "outDir": "dist",
     "paths": {
-      "crud-client": ["src/index.jsx"]
+      "@/*": ["src/*"],
+      "*": ["src/*"],
+      "@applica-software-guru/react-admin": ["src/*"]
     },
-    "typeRoots": ["node_modules/@types", "src/index.d.ts"]
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "target": "ESNext",
+    "typeRoots": ["node_modules/@types", "src/index.d.ts"],
+    "useDefineForClassFields": true
   },
   "include": ["src"],
-  "references": [{ "path": "./jsconfig.node.json" }]
+  "references": [
+    {
+      "path": "./jsconfig.node.json"
+    }
+  ]
 }

package/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/vite.config.js

@@ -1,20 +1,23 @@
 import * as packageJson from './package.json';
-import { defineConfig } from 'vite';
-import dts from 'vite-plugin-dts';
 import react from '@vitejs/plugin-react';
 import { resolve } from 'node:path';
 import process from 'process';
-// import EsLint from 'vite-plugin-linter';
-// const { EsLinter, linterPlugin } = EsLint;
+import { defineConfig } from 'vite';
+import dts from 'vite-plugin-dts';
 import { EsLinter, linterPlugin } from 'vite-plugin-linter';
 
 export default defineConfig((configEnv) => {
   const isWatching = process.argv.includes('--watch');
   return {
+    server: {
+      open: true,
+      port: 3000
+    },
     resolve: {
       alias: {
-        // eslint-disable-next-line no-undef
-        '@applica-software-guru/react-admin': resolve(__dirname, 'src')
+        '@applica-software-guru/react-admin': resolve(__dirname, 'src'),
+        '@': resolve(__dirname, 'src'),
+        '*': resolve(__dirname, 'src')
       }
     },
     plugins: isWatching

package/.eslintrc.json

@@ -1,46 +0,0 @@
-{
-  "env": {
-    "browser": true,
-    "es2021": true
-  },
-  "extends": [
-    "eslint:recommended",
-    "plugin:react/recommended",
-    "plugin:@typescript-eslint/recommended",
-    "prettier"
-  ],
-  "parser": "@typescript-eslint/parser",
-  "parserOptions": {
-    "ecmaFeatures": {
-      "tsx": true
-    },
-    "ecmaVersion": "latest",
-    "sourceType": "module"
-  },
-  "plugins": ["react", "@typescript-eslint", "react-hooks", "prettier","simple-import-sort"],
-  "rules": {
-    "camelcase": "error",
-    "no-duplicate-imports": "error",
-    "@typescript-eslint/ban-ts-comment": "off",
-    "@typescript-eslint/no-explicit-any":"off",
-    "react/react-in-jsx-scope":"off",
-    "no-console": "error",
-    "no-alert": "error",
-    "react-hooks/exhaustive-deps": "off",
-    "react/prop-types": 0,
-    "react/display-name": 0,
-    // "simple-import-sort/imports": "error",
-    // "simple-import-sort/exports": "error",
-    "@typescript-eslint/no-empty-function":"off",
-    "react/no-unknown-property":"off",
-    "react/no-unescaped-entities ":"off"
-  },
-  "settings": {
-    "react": {
-      "version": "^18.2.0"
-    },
-    "import/resolver": {
-      "typescript": {}
-    }
-  }
-}

package/build.sh

@@ -1,9 +0,0 @@
-# Questo script è comodo per generare build del progetto localmente.
-# Ricorda alcune cose:
-# - se hai un computer pacco, spegni qualsiasi npm start che hai su altri progetti, la macchina ti muore
-# - se non vuoi spegnere gli altri progetti, almeno disabilita dts in vite.config.js per velocizzare la build
-# - se segui il punto precedente ricorda che non avrai le definizioni typescript, ma tanto se hai un computer pacco
-#   non le avresti comunque (questa frase me l'ha scritta copilot, giuro).
-npm i
-export NODE_OPTIONS=--max_old_space_size=8192
-npm run build

package/dist/components/Layout/Header/Profile/Profile.d.ts

@@ -1,3 +0,0 @@
-declare function Profile(): import("react/jsx-runtime").JSX.Element;
-export default Profile;
-//# sourceMappingURL=Profile.d.ts.map

package/dist/components/Layout/Header/Profile/Profile.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Profile.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Layout/Header/Profile/Profile.tsx"],"names":[],"mappings":"AAWA,iBAAS,OAAO,4CAwFf;AAED,eAAe,OAAO,CAAC"}

package/dist/components/Onboarding/onboardingDataProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"onboardingDataProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/Onboarding/onboardingDataProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAO1C,KAAK,uBAAuB,GAAG;IAC7B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,qBAAqB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC5C,CAAC;AA6FF,iBAAS,yBAAyB,CAAC,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,GAAG,uBAAuB,CAoBhG;AAED,OAAO,EAAE,yBAAyB,EAAE,CAAC"}

package/dist/contexts/AppConfigContext.d.ts

@@ -1,32 +0,0 @@
-/// <reference types="react" />
-import PropTypes from 'prop-types';
-export type InitialStateProps = {
-    openDialogs: string[];
-    getCurrentDialog: () => string | null;
-    openDialog: (id: string, callback: () => void) => void;
-    closeDialog: (id: string, callback: () => void) => void;
-};
-declare const AppConfigContext: import("react").Context<{
-    /**
-     * This context is necessary to work with react-admin standard forms when executed
-     * inside a dialog and deeper in another resource handled inside a primary form.
-     *
-     * In this case, when using "EditInDialogButton" or "CreateInDialogButton" components,
-     * the dialog is opened and the form is rendered inside it. If the form has a subform
-     * and needs to know the associated resource.
-     */
-    openDialogs: never[];
-    getCurrentDialog: () => null;
-    openDialog: (id: string, callback: () => void) => void;
-    closeDialog: (id: string, callback: () => void) => void;
-}>;
-declare const AppConfigProvider: {
-    ({ children }: {
-        children: React.ReactNode;
-    }): import("react/jsx-runtime").JSX.Element;
-    propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    };
-};
-export { AppConfigProvider, AppConfigContext };
-//# sourceMappingURL=AppConfigContext.d.ts.map

package/dist/contexts/AppConfigContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppConfigContext.d.ts","sourceRoot":"","sources":["../../../src/contexts/AppConfigContext.tsx"],"names":[],"mappings":";AAEA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,gBAAgB,EAAE,MAAM,MAAM,GAAG,IAAI,CAAC;IACtC,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IACvD,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;CACzD,CAAC;AAqBF,QAAA,MAAM,gBAAgB;IAlBpB;;;;;;;OAOG;;;qBAGc,MAAM,YAAY,MAAM,IAAI,KAAG,IAAI;sBAGlC,MAAM,YAAY,MAAM,IAAI,KAAG,IAAI;EAKH,CAAC;AAErD,QAAA,MAAM,iBAAiB;;kBAA8B,MAAM,SAAS;;;;;CA4BnE,CAAC;AAMF,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,CAAC"}