refactor: added global instances for message, modal and notification

Author: raheeliftikhar5

client/packages/lowcoder-design/src/components/GlobalInstances.tsx

@@ -0,0 +1,18 @@
+import { App } from 'antd';
+import type { MessageInstance } from 'antd/es/message/interface';
+import type { ModalStaticFunctions } from 'antd/es/modal/confirm';
+import type { NotificationInstance } from 'antd/es/notification/interface';
+
+let messageInstance: MessageInstance;
+let notificationInstance: NotificationInstance;
+let modalInstance: Omit<ModalStaticFunctions, 'warn'>;
+
+export default () => {
+  const staticFunction = App.useApp();
+  messageInstance = staticFunction.message;
+  modalInstance = staticFunction.modal;
+  notificationInstance = staticFunction.notification;
+  return null;
+};
+
+export { messageInstance, notificationInstance, modalInstance };

client/packages/lowcoder-design/src/index.ts

@@ -3,6 +3,7 @@ export * from "./components/CustomModal";
 export * from "./components/Drawer";
 export * from "./components/Dropdown";
 export * from "./components/ExternalLink";
+export * from "./components/GlobalInstances";
 export * from "./components/Input";
 export * from "./components/Label";
 export * from "./components/Menu";

client/packages/lowcoder/src/app.tsx

@@ -1,4 +1,4 @@
-import { ConfigProvider } from "antd";
+import { App, ConfigProvider } from "antd";
 import {
   ALL_APPLICATIONS_URL,
   APP_EDITOR_URL,
@@ -46,6 +46,7 @@ import { isFetchUserFinished } from "redux/selectors/usersSelectors";
 import { SystemWarning } from "./components/SystemWarning";
 import { getBrandingConfig, getSystemConfigFetching } from "./redux/selectors/configSelectors";
 import { buildMaterialPreviewURL } from "./util/materialUtils";
+import GlobalInstances from 'components/GlobalInstances';
 
 const LazyUserAuthComp = React.lazy(() => import("pages/userAuth"));
 const LazyInviteLanding = React.lazy(() => import("pages/common/inviteLanding"));
@@ -54,9 +55,17 @@ const LazyComponentPlayground = React.lazy(() => import("pages/ComponentPlaygrou
 const LazyDebugComp = React.lazy(() => import("./debug"));
 const LazyDebugNewComp = React.lazy(() => import("./debugNew"));
 
-const Wrapper = (props: { children: React.ReactNode }) => {
-  return <ConfigProvider locale={getAntdLocale(language)}>{props.children}</ConfigProvider>;
-};
+const Wrapper = (props: { children: React.ReactNode }) => (
+  <ConfigProvider
+    theme={{ hashed: false }}
+    locale={getAntdLocale(language)}
+  >
+    <App>
+      <GlobalInstances />
+      {props.children}
+    </App>
+  </ConfigProvider>
+);
 
 type AppIndexProps = {
   isFetchUserFinished: boolean;