fixed loading indicator

Author: raheeliftikhar5

client/packages/lowcoder/src/components/NpmRegistryConfig.tsx

@@ -2,7 +2,7 @@ import { useEffect, useState } from "react";
 import { HelpText } from "./HelpText";
 import { FormInputItem, FormSelectItem, TacoSwitch } from "lowcoder-design";
 import { Form } from "antd";
-import { trans } from "@lowcoder-ee/i18n";
+import { trans } from "i18n";
 import { FormStyled } from "@lowcoder-ee/pages/setting/idSource/styledComponents";
 import { SaveButton } from "@lowcoder-ee/pages/setting/styled";
 import { NpmRegistryConfigEntry } from "@lowcoder-ee/redux/reducers/uiReducers/commonSettingsReducer";

client/packages/lowcoder/src/comps/comps/fileComp/fileComp.tsx

@@ -48,7 +48,7 @@ import type { ItemType } from "antd/es/menu/interface";
 import Skeleton from "antd/es/skeleton";
 import Menu from "antd/es/menu";
 import Flex from "antd/es/flex";
-import { checkIsMobile } from "@lowcoder-ee/index.sdk";
+import { checkIsMobile } from "@lowcoder-ee/util/commonUtils";
 
 const FileSizeControl = codeControl((value) => {
   if (typeof value === "number") {

client/packages/lowcoder/src/comps/comps/mediaComp/colorPickerConstants.tsx

@@ -1,4 +1,4 @@
-import { trans } from "@lowcoder-ee/i18n";
+import { trans } from "i18n";
 
 export const presets =
 {

client/packages/lowcoder/src/index.ts

@@ -24,15 +24,6 @@ if (!window.ResizeObserver) {
   window.ResizeObserver = ResizeObserver;
 }
 
-export function hideLoading() {
-  // hide loading
-  const node = document.getElementById("loading");
-  if (node) {
-    // @ts-ignore
-    node.style.opacity = 0;
-  }
-}
-
 debug(`REACT_APP_EDITION: ${REACT_APP_EDITION}`);
 debug(`REACT_APP_LANGUAGES:, ${REACT_APP_LANGUAGES}`);
 debug(`REACT_APP_API_SERVICE_URL:, ${REACT_APP_API_SERVICE_URL}`);

client/packages/lowcoder/src/util/hideLoading.tsx

@@ -1,10 +1,17 @@
 import {useEffect} from "react";
-import {hideLoading} from "@lowcoder-ee/index";
 
+function hideLoading() {
+  // hide loading
+  const node = document.getElementById("loading");
+  if (node) {
+    // @ts-ignore
+    node.style.opacity = 0;
+  }
+}
 export const LoadingBarHideTrigger = function(props: any) {
-    useEffect(() => {
-        setTimeout(() => hideLoading(), 300);
-    }, []);
+  useEffect(() => {
+    setTimeout(() => hideLoading(), 300);
+  }, []);
 
-    return <></>
+  return <></>
 };