Small Fixes and SDK Version increase

FalkWolsky · FalkWolsky · commit 94b19a0514f9 · 2025-01-12T00:59:51.000+01:00
diff --git a/client/packages/lowcoder-sdk/package.json b/client/packages/lowcoder-sdk/package.json
@@ -1,6 +1,6 @@
 {
   "name": "lowcoder-sdk",
-  "version": "2.5.4",
+  "version": "2.5.5",
   "type": "module",
   "files": [
     "src",
diff --git a/client/packages/lowcoder/src/comps/queries/queryComp/queryPropertyView.tsx b/client/packages/lowcoder/src/comps/queries/queryComp/queryPropertyView.tsx
@@ -47,7 +47,7 @@ const Wrapper = styled.div`
     font-size: 13px;
     line-height: 1.5;
     color: grey;
-    margin-bottom: 8px;
+    margin-bottom: 12px;
   }
 
   .section {
@@ -567,11 +567,44 @@ const ComponentButton = (props: {
   return (
     <Tooltip title={props.path} placement="top">
       <DataSourceButton onClick={handleClick}>
-        <div style={{ display: "flex", alignItems: "center", gap: "8px" }}>
-          {Icon && <Icon style={{ width: "32px"}} />}
-          <div>
-            <div style={{ fontSize: "14px", fontWeight: "bold" }}>{props.componentName}</div>
-            <div style={{ fontSize: "12px", fontWeight: "400" }}>{props.componentType}</div>
+        <div style={{ display: "flex", alignItems: "flex-start", gap: "5px", width: "100%"}}>
+          <div style={{ flex: 1}}>
+            {Icon && (
+              <Icon style={{ margin: "0px", width: "32px" }} />
+            )}
+          </div>
+          <div style={{ flex: 2, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }}>
+            <div
+              style={{
+                marginTop: "5px",
+                fontSize: "14px",
+                fontWeight: "bold",
+                maxWidth: "100%",
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                whiteSpace: "nowrap",
+              }}
+              title={props.componentName} // Tooltip to show full name on hover
+            >
+              {props.componentName?.length > 100
+                ? `${props.componentName.slice(0, 100)}...`
+                : props.componentName}
+            </div>
+            <div
+              style={{
+                fontSize: "12px",
+                fontWeight: "400",
+                maxWidth: "100%",
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                whiteSpace: "nowrap",
+              }}
+              title={props.componentType} // Tooltip for type too
+            >
+              {props.componentType?.length > 100
+                ? `${props.componentType.slice(0, 100)}...`
+                : props.componentType}
+            </div>
           </div>
         </div>
       </DataSourceButton>

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "lowcoder-sdk",`
`3`		`- "version": "2.5.4",`
	`3`	`+ "version": "2.5.5",`
`4`	`4`	`"type": "module",`
`5`	`5`	`"files": [`
`6`	`6`	`"src",`