added loading indicator options for comp/data

Author: raheeliftikhar5

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

@@ -111,10 +111,6 @@ const DivStyled = styled.div`
     > div:first-child {
       margin-bottom: 6px;
     }
-    
-    .tooltipLabel {
-      white-space: nowrap;
-    }
 
   }
   // custom styles for icon selector
@@ -189,6 +185,8 @@ const childrenMap = {
   maxWidth: dropdownInputSimpleControl(OPTIONS, USER_DEFINE, "1920"),
   themeId: valueComp<string>(DEFAULT_THEMEID),
   preventAppStylesOverwriting: withDefault(BoolControl, true),
+  showComponentLoadingIndicators: withDefault(BoolControl, true),
+  showDataLoadingIndicators: withDefault(BoolControl, true),
   customShortcuts: CustomShortcutsComp,
   disableCollision: valueComp<boolean>(false),
   lowcoderCompVersion: withDefault(StringControl, 'latest'),
@@ -211,6 +209,8 @@ function AppSettingsModal(props: ChildrenInstance) {
     category,
     showHeaderInPublic,
     preventAppStylesOverwriting,
+    showComponentLoadingIndicators,
+    showDataLoadingIndicators,
     lowcoderCompVersion,
   } = props;
 
@@ -325,6 +325,16 @@ function AppSettingsModal(props: ChildrenInstance) {
             label: trans("prop.preventOverwriting"),
           })}
         </div>
+        <div style={{ margin: '20px 0'}}>
+          {showComponentLoadingIndicators.propertyView({
+            label: trans("prop.showComponentLoadingIndicators"),
+          })}
+        </div>
+        <div style={{ margin: '20px 0'}}>
+          {showDataLoadingIndicators.propertyView({
+            label: trans("prop.showDataLoadingIndicators"),
+          })}
+        </div>
       </DivStyled>
       <DividerStyled />
       <DivStyled>