@applica-software-guru/react-admin 1.0.61 → 1.0.62
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ApplicaAdmin.d.ts +8 -2
- package/dist/ApplicaAdmin.d.ts.map +1 -1
- package/dist/components/AuthBackground.d.ts.map +1 -1
- package/dist/contexts/ThemeConfigContext.d.ts +40 -58
- package/dist/contexts/ThemeConfigContext.d.ts.map +1 -1
- package/dist/hooks/useThemeConfig.d.ts +1 -13
- package/dist/hooks/useThemeConfig.d.ts.map +1 -1
- package/dist/react-admin.cjs.js +28 -28
- package/dist/react-admin.cjs.js.map +1 -1
- package/dist/react-admin.es.js +1509 -1571
- package/dist/react-admin.es.js.map +1 -1
- package/dist/react-admin.umd.js +21 -21
- package/dist/react-admin.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/ApplicaAdmin.tsx +9 -3
- package/src/components/AuthBackground.tsx +21 -19
- package/src/contexts/ThemeConfigContext.tsx +125 -0
- package/src/playground/App.jsx +3 -0
- package/src/themes/overrides/Autocomplete.jsx +1 -1
- package/src/contexts/ThemeConfigContext.jsx +0 -134
package/dist/ApplicaAdmin.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { AdminProps, AuthProvider, DataProvider } from 'react-admin';
|
|
2
|
-
import {
|
|
2
|
+
import { ThemeConfig } from './contexts';
|
|
3
|
+
import { MenuProps } from './types';
|
|
3
4
|
export type ApplicaAdminProps = AdminProps & {
|
|
4
5
|
/**
|
|
5
6
|
* Eventuali configurazioni aggiuntive da passare al tema.
|
|
@@ -9,6 +10,11 @@ export type ApplicaAdminProps = AdminProps & {
|
|
|
9
10
|
* @see https://material-ui.com/customization/theming/
|
|
10
11
|
*/
|
|
11
12
|
theme: any;
|
|
13
|
+
/**
|
|
14
|
+
* Consente di personalizzare ulteriormente il tema in base alle specifiche esposte dal tema stesso.
|
|
15
|
+
* Divertiti con cautela a modificare variabili di configurazione del tema, se fai un casino Marco Colucci potrebbe usare l'estintore (ho detto tutto).
|
|
16
|
+
*/
|
|
17
|
+
themeConfig: ThemeConfig;
|
|
12
18
|
/**
|
|
13
19
|
* URL dell'API da utilizzare nell'applicazione.
|
|
14
20
|
* Sebbene venga già definito un dataProvider ed authProvider di default, è possibile che l'app
|
|
@@ -127,7 +133,7 @@ export type ApplicaAdminProps = AdminProps & {
|
|
|
127
133
|
* @returns {React.ReactElement}
|
|
128
134
|
*/
|
|
129
135
|
declare const ApplicaAdmin: {
|
|
130
|
-
({ theme, apiUrl, defaultLocale, development, logoMain, logoIcon, loginPage, menu, name, version, dataProvider, authProvider, notification, enableNotification, enableRegistration, enablePasswordRecover, ...props }: ApplicaAdminProps): import("react/jsx-runtime").JSX.Element | null;
|
|
136
|
+
({ theme, themeConfig, apiUrl, defaultLocale, development, logoMain, logoIcon, loginPage, menu, name, version, dataProvider, authProvider, notification, enableNotification, enableRegistration, enablePasswordRecover, ...props }: ApplicaAdminProps): import("react/jsx-runtime").JSX.Element | null;
|
|
131
137
|
defaultProps: {
|
|
132
138
|
fileFields: never[];
|
|
133
139
|
defaultLocale: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ApplicaAdmin.d.ts","sourceRoot":"","sources":["../../src/ApplicaAdmin.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"ApplicaAdmin.d.ts","sourceRoot":"","sources":["../../src/ApplicaAdmin.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AACrE,OAAO,EAAwD,WAAW,EAAuB,MAAM,YAAY,CAAC;AAQpH,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AA8BpC,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG;IAC3C;;;;;;OAMG;IACH,KAAK,EAAE,GAAG,CAAC;IACX;;;OAGG;IACH,WAAW,EAAE,WAAW,CAAC;IACzB;;;;OAIG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,WAAW,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,EAAE,GAAG,CAAC;IACd;;OAEG;IACH,QAAQ,EAAE,GAAG,CAAC;IACd;;OAEG;IACH,IAAI,EAAE,SAAS,CAAC;IAChB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,YAAY,EAAE,YAAY,CAAC;IAC3B;;OAEG;IACH,YAAY,EAAE,YAAY,CAAC;IAC3B;;;;;;OAMG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;;;;;OAMG;IACH,kBAAkB,EAAE,OAAO,CAAC;IAC5B;;;;;;;;;;OAUG;IACH,kBAAkB,EAAE,OAAO,CAAC;IAC5B;;;;;;;;;;OAUG;IACH,qBAAqB,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,QAAA,MAAM,YAAY;wOAmBf,iBAAiB;;;;;;;;;;;;;;;CAgGnB,CAAC;AAkCF,eAAe,YAAY,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AuthBackground.d.ts","sourceRoot":"","sources":["../../../src/components/AuthBackground.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,cAAc,+
|
|
1
|
+
{"version":3,"file":"AuthBackground.d.ts","sourceRoot":"","sources":["../../../src/components/AuthBackground.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,cAAc,+CA+FnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -1,87 +1,69 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
export
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
|
+
export type ThemeFontFamily = `'Inter', sans-serif` | `'Poppins', sans-serif` | `'Roboto', sans-serif` | `'Public Sans', sans-serif`;
|
|
4
|
+
export type ThemeOrientation = 'vertical' | 'horizontal';
|
|
5
|
+
export type ThemeMode = 'light' | 'dark';
|
|
6
|
+
export type ThemePresetColor = 'default' | 'theme1' | 'theme2' | 'theme3' | 'theme4' | 'theme5' | 'theme6' | 'theme7' | 'theme8';
|
|
7
|
+
export type ThemeDirection = 'ltr' | 'rtl';
|
|
8
|
+
declare const ThemeConfigContext: import("react").Context<ThemeConfig>;
|
|
9
|
+
/**
|
|
10
|
+
* Elenco delle personalizzazioni disponibili per il tema Mantis.
|
|
11
|
+
*/
|
|
12
|
+
export type ThemeConfig = {
|
|
10
13
|
/**
|
|
11
|
-
*
|
|
12
|
-
* We provide static below options -
|
|
13
|
-
* `'Inter', sans-serif`
|
|
14
|
-
* `'Poppins', sans-serif`
|
|
15
|
-
* `'Roboto', sans-serif`
|
|
16
|
-
* `'Public Sans', sans-serif` (default)
|
|
14
|
+
* Indica il font da utilizzare con il tema.
|
|
17
15
|
*/
|
|
18
|
-
fontFamily:
|
|
16
|
+
fontFamily: ThemeFontFamily;
|
|
19
17
|
/**
|
|
20
|
-
*
|
|
21
|
-
* we provide static below options -
|
|
22
|
-
* 'vertical' (default)
|
|
23
|
-
* 'horizontal'
|
|
18
|
+
* Indica la disposizione del menu (verticale o orizzontale)
|
|
24
19
|
*/
|
|
25
|
-
menuOrientation:
|
|
20
|
+
menuOrientation: ThemeOrientation;
|
|
26
21
|
/**
|
|
27
|
-
*
|
|
28
|
-
* the mini variant is recommended for apps sections that need quick selection access alongside content.
|
|
29
|
-
* default - false
|
|
22
|
+
* Indica se abilitare il menu ridotto, utile per le app in cui è necessario accedere velocemente alle funzioni.
|
|
30
23
|
*/
|
|
31
24
|
miniDrawer: boolean;
|
|
32
25
|
/**
|
|
33
|
-
*
|
|
34
|
-
* the container centers your content horizontally. It's the most basic layout element.
|
|
35
|
-
* default - true which show container
|
|
36
|
-
* false - will show fluid
|
|
26
|
+
* Indica se il contenitore principale deve avere larghezza fluida (true) o fissa (false)
|
|
37
27
|
*/
|
|
38
28
|
container: boolean;
|
|
39
29
|
/**
|
|
40
|
-
*
|
|
41
|
-
* explore the default theme
|
|
42
|
-
* below theme options -
|
|
43
|
-
* 'light' (default)
|
|
44
|
-
* 'dark'
|
|
30
|
+
* Indica il tema da utilizzare (light o dark)
|
|
45
31
|
*/
|
|
46
|
-
mode:
|
|
32
|
+
mode: ThemeMode;
|
|
47
33
|
/**
|
|
48
|
-
*
|
|
49
|
-
* we provide static below options thoe s are already defaine in src/themes/theme -
|
|
50
|
-
* 'default'
|
|
51
|
-
* 'theme1'
|
|
52
|
-
* 'theme2'
|
|
53
|
-
* 'theme3'
|
|
54
|
-
* 'theme4'
|
|
55
|
-
* 'theme5'
|
|
56
|
-
* 'theme6'
|
|
57
|
-
* 'theme7'
|
|
58
|
-
* 'theme8'
|
|
34
|
+
* Indica la variante del tema da utilizzare (default, theme1, theme2, theme3, theme4, theme5, theme6, theme7, theme8)
|
|
59
35
|
*/
|
|
60
|
-
presetColor:
|
|
36
|
+
presetColor: ThemePresetColor;
|
|
61
37
|
/**
|
|
62
|
-
*
|
|
63
|
-
* explore the default theme
|
|
64
|
-
* below theme options -
|
|
65
|
-
* 'ltr' (default)
|
|
66
|
-
* 'rtl'
|
|
38
|
+
* Indica la direzione del tema (ltr o rtl)
|
|
67
39
|
*/
|
|
68
|
-
themeDirection:
|
|
40
|
+
themeDirection: ThemeDirection;
|
|
69
41
|
/**
|
|
70
|
-
*
|
|
42
|
+
* Indica il path di default per il routing.
|
|
71
43
|
*/
|
|
72
44
|
appDefaultPath: string;
|
|
73
45
|
/**
|
|
74
|
-
*
|
|
46
|
+
* Indica la dimensione del drawer.
|
|
75
47
|
*/
|
|
76
48
|
drawerWidth: number;
|
|
77
49
|
/**
|
|
78
|
-
*
|
|
50
|
+
* Indica il numero massimo di elementi da mostrare nel menu orizzontale.
|
|
79
51
|
*/
|
|
80
52
|
horizontalMaxItems: number;
|
|
81
53
|
/**
|
|
82
|
-
*
|
|
54
|
+
* Indica la spaziatura da utilizzare tra i componenti.
|
|
83
55
|
*/
|
|
84
56
|
spacing: number;
|
|
85
|
-
}
|
|
86
|
-
|
|
57
|
+
};
|
|
58
|
+
export type ThemeConfigProviderProps = {
|
|
59
|
+
children: React.ReactNode;
|
|
60
|
+
initialConfig: ThemeConfig;
|
|
61
|
+
};
|
|
62
|
+
declare const ThemeConfigProvider: {
|
|
63
|
+
({ initialConfig, children }: ThemeConfigProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
64
|
+
propTypes: {
|
|
65
|
+
children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
66
|
+
};
|
|
67
|
+
};
|
|
68
|
+
export { ThemeConfigProvider, ThemeConfigContext };
|
|
87
69
|
//# sourceMappingURL=ThemeConfigContext.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeConfigContext.d.ts","sourceRoot":"","sources":["../../../src/contexts/ThemeConfigContext.
|
|
1
|
+
{"version":3,"file":"ThemeConfigContext.d.ts","sourceRoot":"","sources":["../../../src/contexts/ThemeConfigContext.tsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAInC,MAAM,MAAM,eAAe,GAAG,qBAAqB,GAAG,uBAAuB,GAAG,sBAAsB,GAAG,2BAA2B,CAAC;AACrI,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,YAAY,CAAC;AACzD,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AACzC,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AACjI,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,KAAK,CAAC;AAgB3C,QAAA,MAAM,kBAAkB,sCAA8B,CAAC;AAIvD;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,UAAU,EAAE,eAAe,CAAC;IAE5B;;OAEG;IACH,eAAe,EAAE,gBAAgB,CAAC;IAClC;;OAEG;IACH,UAAU,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,EAAE,SAAS,CAAC;IAChB;;OAEG;IACH,WAAW,EAAE,gBAAgB,CAAC;IAC9B;;OAEG;IACH,cAAc,EAAE,cAAc,CAAC;IAC/B;;OAEG;IACH,cAAc,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,kBAAkB,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AACF,MAAM,MAAM,wBAAwB,GAAG;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,EAAE,WAAW,CAAC;CAC5B,CAAC;AAEF,QAAA,MAAM,mBAAmB;kCAAiC,wBAAwB;;;;CAmCjF,CAAC;AAMF,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,CAAC"}
|
|
@@ -1,15 +1,3 @@
|
|
|
1
1
|
export default useThemeConfig;
|
|
2
|
-
declare function useThemeConfig():
|
|
3
|
-
fontFamily: string;
|
|
4
|
-
menuOrientation: string;
|
|
5
|
-
miniDrawer: boolean;
|
|
6
|
-
container: boolean;
|
|
7
|
-
mode: string;
|
|
8
|
-
presetColor: string;
|
|
9
|
-
themeDirection: string;
|
|
10
|
-
appDefaultPath: string;
|
|
11
|
-
drawerWidth: number;
|
|
12
|
-
horizontalMaxItems: number;
|
|
13
|
-
spacing: number;
|
|
14
|
-
};
|
|
2
|
+
declare function useThemeConfig(): import("../contexts/ThemeConfigContext").ThemeConfig;
|
|
15
3
|
//# sourceMappingURL=useThemeConfig.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useThemeConfig.d.ts","sourceRoot":"","sources":["../../../src/hooks/useThemeConfig.jsx"],"names":[],"mappings":";AAGA
|
|
1
|
+
{"version":3,"file":"useThemeConfig.d.ts","sourceRoot":"","sources":["../../../src/hooks/useThemeConfig.jsx"],"names":[],"mappings":";AAGA,wFAA2D"}
|