impaktapps-ui-builder 1.0.308 → 1.0.310

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "1.0.308",
+    "version": "1.0.310",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts

@@ -127,7 +127,7 @@ const getArrayControl = (parentScope: string, childScope: string, childLabel?: s
     ],
   }
 };
-const getArrayControlMultiField = (parentScope: string, firstFieldScope: string, secondFieldScope: string, firstFieldLabel?: string, secondFieldLabel?: string) => {
+const getArrayControlMultiField = (parentScope: string, heading: string, firstFieldScope: string, secondFieldScope: string, firstFieldLabel?: string, secondFieldLabel?: string) => {
   return {
     type: "Control",
     scope: `#/properties/${parentScope}`,
@@ -136,7 +136,9 @@ const getArrayControlMultiField = (parentScope: string, firstFieldScope: string,
     },
     config: {
       layout: 12,
-      main: {},
+      main: {
+        label: heading,
+      },
       style: {
         marginLeft: "-24px",
         marginBottom: "24px !important",
@@ -391,7 +393,7 @@ export const buildPropertiesSection = function (type: String) {
         getRadioInputField("fullScreen", "FullScreen", ["YES", "NO"]),
         getRadioInputField("fullWidth", "FullWidth", ["YES", "NO"]),
         getInputField("maxWidth", "Max. Width"),
-        emptyBox("PopUpEmpty", { xs: 6, sm: 6, md: 0, lg: 0 })
+        emptyBox("PopUpEmpty", { xs: 0, sm: 0, md: 0, lg: 3 })
       ]
       break;
 
@@ -466,7 +468,7 @@ export const buildPropertiesSection = function (type: String) {
       uiSchema.elements = [
         getInputField("rank", "Rank"),
         getInputField("height", "Height"),
-        emptyBox("RankCardEmpty1", { xs: 0, sm: 0, md: 4, lg: 4 })];
+        emptyBox("RankCardEmpty1", { xs: 6, sm: 0, md: 8, lg: 6 })];
       break;
     case "LeaderBoard":
       uiSchema.elements = [
@@ -493,7 +495,7 @@ export const buildPropertiesSection = function (type: String) {
         getInputField("bottomLabel_3", "Third BottomLabel"),
         getInputField("size", "Size"),
         getRadioInputField("variant", "Variant", ["circular", "horizontal"]),
-
+        emptyBox("ProgressBarCardEmpty", { xs: 6, sm: 0, md: 8, lg: 6 }),
         getArrayControl("pieArcColors", "color", "Color"),
       ];
       break;
@@ -538,7 +540,7 @@ export const buildPropertiesSection = function (type: String) {
         getRadioInputField("multiSelect", "Enable multiSelect", ["YES", "No"]),
         getInputField("size", "Size"),
         getSelectField("color", "Color", []),
-        emptyBox("ButtonEmpty1", { xs: 6, sm: 6, md: 8, lg: 9 })
+        emptyBox("ButtonEmpty1",{ xs: 6, sm: 0, md: 4, lg: 3 })
       ];
       break;
     case "Box":
@@ -583,8 +585,8 @@ export const buildPropertiesSection = function (type: String) {
           { label: "Month and Year", value: "Month and Year" }
         ]),
         emptyBox("GraphEmpty1", { xs: 0, sm: 0, md: 4, lg: 6 }),
-        getArrayControlMultiField("legendLabels", "key", "value", "Key", "Label"),
-        getArrayControlMultiField("pieArcColors", "key", "value", "Key", "Color"),
+        getArrayControlMultiField("legendLabels","Legend Labels", "key", "value", "Key", "Label"),
+        getArrayControlMultiField("pieArcColors","Colors", "key", "value", "Key", "Color"),
       ];
       break;
     case "WrapperSection":
@@ -605,7 +607,7 @@ export const buildPropertiesSection = function (type: String) {
         getRadioInputField("verticalOrientation", "Vertical Orientation", ["YES", "NO"]),
         getRadioInputField("lazyLoad", "Lazy Load", ["YES", "NO"]),
         emptyBox("TabEmpty"),
-        getArrayControlMultiField("sectionLabels", "label", "icon", "Label", "Icon")
+        getArrayControlMultiField("sectionLabels","Display Element", "label", "icon", "Label", "Icon")
       ]
       break;
     case "Table":
@@ -646,7 +648,8 @@ export const buildPropertiesSection = function (type: String) {
           getRadioInputField("paginateExpandedRows", "Multi Page Expansion", ["YES", "NO"]),
           getRadioInputField("treeStructure", "Flat Tree Structure", ["YES", "NO"]),
           getRadioInputField("filterFromLeafRows", "Filter from tree rows", ["YES", "NO"]),
-          getInputField("defaultColumnSize", "Default Column Size"), , emptyBox("LazyLoadingTableEmpty3")
+          getInputField("defaultColumnSize", "Default Column Size"),
+          emptyBox("LazyLoadingTableEmpty3", { xs: 0, sm: 0, md: 4, lg: 6 })
         ]),
         getArrayControl("Table_Download_Keys_Name", "KeyName", "Table Key Name"),
         sizeHolder,
@@ -717,7 +720,7 @@ export const buildPropertiesSection = function (type: String) {
           { label: "Right", value: "right" },
           { label: "Bottom", value: "bottom" }
         ]),
-        emptyBox("imageEmpty", { xs: 0, sm: 0, md: 4, lg: 6 }),
+        emptyBox("dateEmpty", { xs: 6, sm: 6, md: 4, lg: 3 }),
       ]
       break;
     case "DateTime":
@@ -734,7 +737,7 @@ export const buildPropertiesSection = function (type: String) {
           { label: "Right", value: "right" },
           { label: "Bottom", value: "bottom" }
         ]),
-        emptyBox("imageEmpty", { xs: 0, sm: 0, md: 4, lg: 6 }),
+        emptyBox("dateTimeEmpty", { xs: 6, sm: 6, md: 4, lg: 3 }),
       ]
       break;
     case "Thought":
@@ -774,7 +777,7 @@ export const buildPropertiesSection = function (type: String) {
         getInputField("noFileAvailableMessage", "No Found Message"),
         getRadioInputField("useLabel", "Use Button", ["YES", "NO"]),
         getRadioInputField("externalUpload", "External Upload", ["YES", "NO"]),
-        emptyBox("imageEmpty", { xs: 0, sm: 0, md: 4, lg: 6 }),
+        emptyBox("fileInputEmpty",{ xs: 6, sm: 6, md: 4, lg: 3 }),
       ]
       break;
     case "Camera":