Merge branch 'dev' into feature/add-styles

Author: FalkWolsky

README.md

@@ -15,16 +15,14 @@
 
 ## 📢 Use Lowcoder in 3 steps
 1. Connect to any data sources or APIs.
-2. Build UI with 60+ components.
+2. Build flexible and responsive UI with 100+ components and free layout / design possibilities.
 3. Share with colleagues and customers.
 
 ## 💡 Why Lowcoder
 One platform for everything instead so many different softwares. (like Website Builders, CMS, CRM, POS, ERP, Dashboards & Data Story Visualization, Collaboration Tools).
 
 It's cumbersome to create a single app. You had to design user interfaces, write code in multiple languages and frameworks, and understand how all of that code works together.
 
-Low-code/No-code platforms are fast to get started with but quickly become unmaintainable and inflexible. This creates more problems than it solves.
-
 NewGen Lowcode Platforms like Retool and others are great for their simplicity and flexibility - like Lowcoder too, but they can also be limited in different ways, especially when it comes to "external" applications for everyone.
 
 Lowcoder wants to take a step forward. More specifically, Lowcoder is:
@@ -36,7 +34,7 @@ Lowcoder wants to take a step forward. More specifically, Lowcoder is:
 - The only platform which has extensibility plugin architecture [Check Community Contributions](https://www.npmjs.com/search?q=lowcoder-comp)
 
 ## 🪄 Features
-- **Visual UI builder** with 85+ built-in components. Save 90% of time to build apps.
+- **Visual UI builder** with 100+ built-in components. Save 90% of time to build apps.
 - **Modules** for reusable (!) embedable component sets in the UI builder.
 - **Embed Lowcoder Apps as native parts of any Website** instead of iFrame (!). [Demo](https://lowcoder.cloud/about), [Docu](https://docs.lowcoder.cloud/lowcoder-documentation/lowcoder-extension/native-embed-sdk)
 - **Video Meeting Components** to create your own individual Web-Meeting tool.
@@ -63,6 +61,7 @@ Lowcoder wants to take a step forward. More specifically, Lowcoder is:
 - Lowcoder is open-source. You don't need to worry about vendor lock-in or being stuck with an outdated version of the software.
 - In Lowcoder, developers can build truly responsive apps - not as cumbersome as the "Desktop / Mobile switch" in Retool
 - Lowcoder is free and you can contribute!
+- With Lowcoder you can design better Apps. More Layout & Design Components as also better support for powerful Data & Admin Dashboards.
 - The EE Version of Lowcoder comes with a much better pricing model, so you have no "per-user costs".
 ### Lowcoder vs Appsmith, Tooljet
 - Lowcoder has more components and richer configuration than Appsmith and Tooljet.
@@ -101,6 +100,8 @@ You can access Lowcoder from [cloud-hosted version](https://app.lowcoder.cloud/)
 - Create and share components or demos: If you've created something that might be useful to others, add the link here.
 - [Contributing guide](https://docs.lowcoder.cloud/lowcoder-documentation/lowcoder-extension/opensource-contribution)
 
+Special tanks goes to [@sjhoeksma](https://github.com/sjhoeksma), [@mousheng](https://github.com/mousheng), [@mat02](https://github.com/mat02), [@jomedya](https://github.com/jomedya) and many other contributors!
+
 ## 🥇 Sponsors
 Accelerate the growth of Lowcoder and unleash its potential with your Sponsorship – together, we're shaping the future of Lowcode for everyone!
 [Be a Sponsor](https://github.com/sponsors/lowcoder-org)

client/packages/lowcoder-comps/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lowcoder-comps",
-  "version": "0.0.39",
+  "version": "2.4.4",
   "type": "module",
   "license": "MIT",
   "dependencies": {
@@ -38,152 +38,160 @@
         "name": "Agora Meeting Controller",
         "icon": "./icons/icon-comp-calendar.svg",
         "layoutInfo": {
-          "w": 15,
-          "h": 60
+          "w": 1,
+          "h": 1
         }
       },
       "meetingSharing": {
         "name": "Agora Meeting Sharing",
         "icon": "./icons/icon-comp-calendar.svg",
         "layoutInfo": {
-          "w": 15,
-          "h": 60
+          "w": 6,
+          "h": 40
         }
       },
       "meetingStream": {
         "name": "Video Stream",
         "icon": "./icons/icon-comp-calendar.svg",
         "layoutInfo": {
-          "w": 15,
-          "h": 60
+          "w": 6,
+          "h": 40
         }
       },
       "calendar": {
         "name": "Calendar",
         "icon": "./icons/icon-comp-calendar.svg",
         "layoutInfo": {
-          "w": 15,
+          "w": 19,
           "h": 60
         }
       },
       "chart": {
         "name": "Chart",
         "icon": "./icons/icon-chart.svg",
         "layoutInfo": {
-          "w": 15,
+          "w": 12,
+          "h": 40
+        }
+      },
+      "basicChart": {
+        "name": "Basic Chart",
+        "icon": "./icons/icon-chart.svg",
+        "layoutInfo": {
+          "w": 12,
           "h": 40
         }
       },
       "imageEditor": {
         "name": "Image Editor",
         "icon": "./icons/icon-chart.svg",
         "layoutInfo": {
-          "w": 15,
+          "w": 12,
           "h": 40
         }
       },
       "mermaid": {
         "name": "Mermaid",
         "icon": "./icons/mermaidchart.svg",
         "layoutInfo": {
-          "w": 15,
+          "w": 12,
           "h": 40
         }
       },
       "funnelChart": {
         "name": "Funnel Chart",
         "icon": "./icons/icon-chart.svg",
         "layoutInfo": {
-          "w": 15,
+          "w": 12,
           "h": 40
         }
       },
       "gaugeChart": {
         "name": "Gauge Chart",
         "icon": "./icons/icon-chart.svg",
         "layoutInfo": {
-          "w": 15,
+          "w": 12,
           "h": 40
         }
       },
       "sankeyChart": {
         "name": "Sankey Chart",
         "icon": "./icons/icon-chart.svg",
         "layoutInfo": {
-          "w": 15,
+          "w": 12,
           "h": 40
         }
       },
       "candleStickChart": {
         "name": "CandleStick Chart",
         "icon": "./icons/icon-chart.svg",
         "layoutInfo": {
-          "w": 15,
+          "w": 12,
           "h": 40
         }
       },
       "radarChart": {
         "name": "Radar Chart",
         "icon": "./icons/icon-chart.svg",
         "layoutInfo": {
-          "w": 15,
+          "w": 12,
           "h": 40
         }
       },
       "heatmapChart": {
         "name": "Heatmap Chart",
         "icon": "./icons/icon-chart.svg",
         "layoutInfo": {
-          "w": 15,
+          "w": 12,
           "h": 40
         }
       },
       "graphChart": {
         "name": "Graph Chart",
         "icon": "./icons/icon-chart.svg",
         "layoutInfo": {
-          "w": 15,
+          "w": 12,
           "h": 40
         }
       },
       "treeChart": {
         "name": "Tree Chart",
         "icon": "./icons/icon-chart.svg",
         "layoutInfo": {
-          "w": 15,
+          "w": 12,
           "h": 40
         }
       },
       "treemapChart": {
         "name": "Treemap Chart",
         "icon": "./icons/icon-chart.svg",
         "layoutInfo": {
-          "w": 15,
+          "w": 12,
           "h": 40
         }
       },
       "sunburstChart": {
         "name": "Sunburst Chart",
         "icon": "./icons/icon-chart.svg",
         "layoutInfo": {
-          "w": 15,
+          "w": 12,
           "h": 40
         }
       },
       "themeriverChart": {
         "name": "Themeriver Chart",
         "icon": "./icons/icon-chart.svg",
         "layoutInfo": {
-          "w": 15,
+          "w": 12,
           "h": 40
         }
       },
-      "map": {
-        "name": "Map",
+      "chartsGeoMap": {
+        "name": "chartsGeoMap",
         "icon": "./icons/icon-chart.svg",
         "layoutInfo": {
-          "w": 15,
-          "h": 40
+          "w": 19,
+          "h": 60
         }
       }
     }

client/packages/lowcoder-comps/src/comps/agoraMeetingComp/meetingControllerComp.tsx

@@ -864,16 +864,16 @@ let MTComp = (function () {
     ]); 
 
     MeetingControllerComp = withExposingConfigs(MTComp, [
-    new NameConfig("appId", trans("meeting.appid")),
-    new NameConfig("localUser", trans("meeting.host")),
-    new NameConfig("participants", trans("meeting.participants")),
-    new NameConfig("meetingActive", trans("meeting.meetingActive")),
-    new NameConfig("meetingName", trans("meeting.meetingName")),
-    new NameConfig("localUserID", trans("meeting.localUserID")),
-    new NameConfig("messages", trans("meeting.messages")),
-    new NameConfig("rtmToken", trans("meeting.rtmToken")),
-    new NameConfig("rtcToken", trans("meeting.rtcToken")),
-  ]);
+      new NameConfig("appId", trans("meeting.appid")),
+      new NameConfig("localUser", trans("meeting.host")),
+      new NameConfig("participants", trans("meeting.participants")),
+      new NameConfig("meetingActive", trans("meeting.meetingActive")),
+      new NameConfig("meetingName", trans("meeting.meetingName")),
+      new NameConfig("localUserID", trans("meeting.localUserID")),
+      new NameConfig("messages", trans("meeting.messages")),
+      new NameConfig("rtmToken", trans("meeting.rtmToken")),
+      new NameConfig("rtcToken", trans("meeting.rtcToken")),
+    ]);
 
 } else {
   console.error("ContainerCompBuilder for Meeting Comp is not available. Please ensure that Lowcoder SDK version v2.4 or higher is installed.");

client/packages/lowcoder-comps/src/comps/agoraMeetingComp/videoMeetingStreamComp.tsx

@@ -225,7 +225,7 @@ let VideoCompBuilder = (function () {
           {children.profileBorderRadius.propertyView({
             label: "Profile Image Border Radius",
           })}
-          {children.videoAspectRatio.propertyView({
+          {children.videoAspectRatio.propertyView({ 
             label: "Video Aspect Ratio",
           })}
           {children.style.getPropertyView()}
@@ -239,13 +239,13 @@ let VideoCompBuilder = (function () {
 
 VideoCompBuilder = class extends VideoCompBuilder {
   autoHeight(): boolean {
-    return false;
+    return this.children.autoHeight.getView();
   }
 };
 
 export const VideoMeetingStreamComp = withExposingConfigs(VideoCompBuilder, [
   new NameConfig("loading", trans("meeting.loadingDesc")),
   new NameConfig("profileImageUrl", trans("meeting.profileImageUrl")),
 
-  ...CommonNameConfig,
+  ...CommonNameConfig, 
 ]);

client/packages/lowcoder-comps/src/comps/agoraMeetingComp/videoSharingStreamComp.tsx

@@ -223,7 +223,7 @@ let SharingCompBuilder = (function () {
 
 SharingCompBuilder = class extends SharingCompBuilder {
   autoHeight(): boolean {
-    return false;
+    return this.children.autoHeight.getView();
   }
 };