Merge pull request #5429 from marmelab/theme-type

Add type for theme
marmelab · Oct 22, 2020 · 235c42f · 235c42f
2 parents 9442fcf + f245c85
commit 235c42f
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 1 deletion.
diff --git a/packages/ra-ui-materialui/src/defaultTheme.ts b/packages/ra-ui-materialui/src/defaultTheme.ts
@@ -1,3 +1,6 @@
+import { ThemeOptions } from '@material-ui/core';
+import { Overrides } from '@material-ui/core/styles/overrides';
+
 export default {
     palette: {
         secondary: {
@@ -27,3 +30,17 @@ export default {
         },
     },
 };
+
+// Temporary solution until we specify our components in it like MUI does
+// See https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/styles/overrides.d.ts#L103
+export interface RaThemeOverrides extends Overrides {
+    [key: string]: any;
+}
+
+export interface RaThemeOptions extends ThemeOptions {
+    sidebar: {
+        width: number;
+        closedWidth: number;
+    };
+    overrides: RaThemeOverrides;
+}
diff --git a/packages/ra-ui-materialui/src/index.js → packages/ra-ui-materialui/src/index.ts b/packages/ra-ui-materialui/src/index.js → packages/ra-ui-materialui/src/index.ts
@@ -1,5 +1,5 @@
 import Link from './Link';
-import defaultTheme from './defaultTheme';
+import defaultTheme, { RaThemeOptions, RaThemeOverrides } from './defaultTheme';
 
 export * from './auth';
 export * from './button';
@@ -10,5 +10,6 @@ export * from './input';
 export * from './layout';
 export * from './list';
 export { Link, defaultTheme };
+export type { RaThemeOptions, RaThemeOverrides };
 
 export * from './types';