added showDataLoadingIndicator property in UICompBuilder

raheeliftikhar5 · raheeliftikhar5 · commit 827958bc8c3b · 2025-01-09T19:38:53.000+05:00
diff --git a/client/packages/lowcoder/src/comps/generators/uiCompBuilder.tsx b/client/packages/lowcoder/src/comps/generators/uiCompBuilder.tsx
@@ -38,6 +38,7 @@ import { useMergeCompStyles } from "@lowcoder-ee/util/hooks";
 export type NewChildren<ChildrenCompMap extends Record<string, Comp<unknown>>> =
   ChildrenCompMap & {
     hidden: InstanceType<typeof BoolCodeControl>;
+    showDataLoadingIndicators: InstanceType<typeof BoolControl>,
     className: InstanceType<typeof StringControl>;
     dataTestId: InstanceType<typeof StringControl>;
     preventStyleOverwriting: InstanceType<typeof BoolControl>;
@@ -78,7 +79,7 @@ export const ExtendedPropertyView = React.memo(<
   const editorState = useContext(EditorContext);
   const selectedComp = values(editorState?.selectedComps())[0];
   const compType = selectedComp?.children?.compType?.getView() as UICompType;
-  
+
   useEffect(() => {
     setCompName(uiCompRegistry[compType]?.compName || '');
   }, [compType]);
@@ -139,6 +140,7 @@ export function uiChildren<
   return {
     ...childrenMap,
     hidden: BoolCodeControl,
+    showDataLoadingIndicators: withDefault(BoolControl, false),
     className: StringControl,
     dataTestId: StringControl,
     preventStyleOverwriting: withDefault(BoolControl, false),
diff --git a/client/packages/lowcoder/src/comps/utils/propertyUtils.tsx b/client/packages/lowcoder/src/comps/utils/propertyUtils.tsx
@@ -16,6 +16,11 @@ export function isCompWithPropertyView<C extends Comp<any> = Comp<any>>(
   return "propertyView" in comp && typeof (comp as any)["propertyView"] === "function";
 }
 
+export const showDataLoadingIndicatorsPropertyView = (
+  children: {showDataLoadingIndicators: InstanceType<typeof BoolControl> }
+) =>
+  children.showDataLoadingIndicators.propertyView({ label: trans("themeDetail.showDataLoadingIndicators") });
+
 export const hiddenPropertyView = (children: { hidden: InstanceType<typeof BoolCodeControl> }) =>
   children.hidden.propertyView({ label: trans("prop.hide") });
 
diff --git a/client/packages/lowcoder/src/i18n/locales/en.ts b/client/packages/lowcoder/src/i18n/locales/en.ts
@@ -2706,7 +2706,8 @@ export const en = {
     "gridColumnsDesc": "Default number of columns typically used for most containers",
     "loadingIndicators": "Loading Indicators",
     "showComponentLoadingIndicators": "Show loading indicators when component load",
-    "showDataLoadingIndicators": "Show loading indicators when data load",
+    "showDataLoadingIndicators": "Show indicators during data loading",
+    "dataLoadingIndicator": "Data loading indicator",
     "background": "Background Styles",
     "gridSettings": "Grid Settings",
     "gridRowHeight": "Grid Row Height",
