@omnsight/osint-entity-components 0.2.4 → 0.2.6

package/src/main.tsx

@@ -1,22 +1,38 @@
 import "@mantine/core/styles.css";
+import "@mantine/dates/styles.css";
+import "@mantine/notifications/styles.css";
 import i18n from "./i18n";
 import App from "./App";
 import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
-import { createTheme, MantineProvider } from "@mantine/core";
+import { createTheme, MantineProvider, Modal, Popover } from "@mantine/core";
 import { I18nextProvider } from "react-i18next";
+import { ModalsProvider } from "@mantine/modals";
 
 const theme = createTheme({
   primaryColor: "blue",
   autoContrast: true,
+  components: {
+    Modal: Modal.extend({
+      defaultProps: { zIndex: 1200 },
+    }),
+    Popover: Popover.extend({
+      defaultProps: { zIndex: 1300 },
+    }),
+    Tooltip: {
+      defaultProps: { zIndex: 1400 },
+    },
+  },
 });
 
 createRoot(document.getElementById("root")!).render(
   <StrictMode>
     <MantineProvider theme={theme}>
-      <I18nextProvider i18n={i18n}>
-        <App />
-      </I18nextProvider>
+      <ModalsProvider>
+        <I18nextProvider i18n={i18n}>
+          <App />
+        </I18nextProvider>
+      </ModalsProvider>
     </MantineProvider>
   </StrictMode>,
 );