impaktapps-ui-builder 0.0.288 → 0.0.289

package/dist/impaktapps-ui-builder.es.js

@@ -5879,16 +5879,70 @@ var _ = lodash.exports;
 const ComponentSchema = {
   type: "object",
   properties: {
+    type: {
+      type: "string",
+      oneOf: [
+        { title: "Select", const: "Select" },
+        { title: "Date", const: "Date" },
+        { title: "CheckBox", const: "CheckBox" },
+        { title: "Table", const: "Table" },
+        { title: "Lazy Loading Table", const: "LazyLoadingTable" },
+        { title: "Array", const: "Array" },
+        { title: "Container", const: "WrapperSection" },
+        { title: "Tabs", const: "TabSection" },
+        { title: "Text", const: "Text" },
+        { title: "Text Area", const: "TextArea" },
+        { title: "Button", const: "Button" },
+        { title: "Card", const: "card" },
+        { title: "Radio", const: "Radio" },
+        { title: "Rank", const: "Rank" },
+        { title: "SpeedoMeter", const: "SpeedoMeter" },
+        { title: "ProgressBar", const: "ProgressBar" },
+        { title: "Graph", const: "Graph" },
+        { title: "Label", const: "Box" },
+        { title: "Upload File", const: "UploadFile" },
+        { title: "Download File", const: "DownloadFile" },
+        { title: "Empty Box", const: "EmptyBox" },
+        { title: "ProgressBar Card", const: "ProgressBarCard" },
+        { title: "Rank Card", const: "RankCard" },
+        { title: "Runner Boy Progress Bar", const: "RunnerBoyProgressBar" },
+        { title: "Slider", const: "Slider" },
+        { title: "Timer", const: "Timer" },
+        { title: "MultipleSelect", const: "MultipleSelect" },
+        { title: "LeaderBoard", const: "LeaderBoard" }
+      ]
+    },
+    method: {
+      type: "string",
+      oneOf: [
+        { title: "Get", const: "get" },
+        { title: "Post", const: "post" },
+        { title: "Delete", const: "delete" },
+        { title: "Put", const: "put" }
+      ]
+    },
     layout: {
       type: "array",
       items: {
         type: "object",
         properties: {
           key: {
-            type: "string"
+            type: "string",
+            oneOf: [
+              { title: "Extra Small", const: "xs" },
+              { title: "Small", const: "sm" },
+              { title: "Medium", const: "md" },
+              { title: "Large", const: "lg" }
+            ]
           },
           value: {
-            type: "string"
+            type: "string",
+            oneOf: [
+              { title: "3", const: "3" },
+              { title: "5.5", const: "5.5" },
+              { title: "8", const: "8" },
+              { title: "12", const: "12" }
+            ]
           }
         }
       }
@@ -5980,13 +6034,44 @@ const ComponentSchema = {
             type: "string"
           },
           validationType: {
-            type: "string"
+            type: "string",
+            oneOf: [
+              { const: "required", title: "Required" },
+              { const: "minLength", title: "Minimum Length" },
+              { const: "maxLength", title: "Maximum Length" },
+              { const: "pattern", title: "Pattern" }
+            ]
           },
           validationValue: {
             type: "string"
           }
         }
       }
+    },
+    buttonType: {
+      type: "string",
+      oneOf: [
+        { title: "Button With Text", const: "Button" },
+        { title: "Button With Icon", const: "IconButton" },
+        { title: "Button With Icon and Text", const: "ButtonWithIconAndText" }
+      ]
+    },
+    defaultStyle: {
+      type: "string",
+      oneOf: [
+        { title: "Apply Default Style", const: "true" },
+        { title: "No Style", const: "false" }
+      ]
+    },
+    graphType: {
+      type: "string",
+      oneOf: [
+        { title: "Bar Graph", const: "BarGraph" },
+        { title: "Stack Bar Graph", const: "StackBarGraph" },
+        { title: "Line Graph", const: "LineGraph" },
+        { title: "Pie Graph", const: "PieGraph" },
+        { title: "Horizontal Bar Graph", const: "HorizontalBarGraph" }
+      ]
     }
   }
 };
@@ -6377,37 +6462,7 @@ const CoreSection = {
         layout: { xs: 12, sm: 12, md: 6, lg: 6 },
         main: {
           label: "Type",
-          type: "text",
-          options: [
-            { label: "Select", value: "Select" },
-            { label: "Date", value: "Date" },
-            { label: "CheckBox", value: "CheckBox" },
-            { label: "Table", value: "Table" },
-            { label: "Lazy Loading Table", value: "LazyLoadingTable" },
-            { label: "Array", value: "Array" },
-            { label: "Container", value: "WrapperSection" },
-            { label: "Tabs", value: "TabSection" },
-            { label: "Text", value: "Text" },
-            { label: "Text Area", value: "TextArea" },
-            { label: "Button", value: "Button" },
-            { label: "Card", value: "card" },
-            { label: "Radio", value: "Radio" },
-            { label: "Rank", value: "Rank" },
-            { label: "SpeedoMeter", value: "SpeedoMeter" },
-            { label: "ProgressBar", value: "ProgressBar" },
-            { label: "Graph", value: "Graph" },
-            { label: "Label", value: "Box" },
-            { label: "Upload File", value: "UploadFile" },
-            { label: "Download File", value: "DownloadFile" },
-            { label: "Empty Box", value: "EmptyBox" },
-            { label: "ProgressBar Card", value: "ProgressBarCard" },
-            { label: "Rank Card", value: "RankCard" },
-            { label: "Runner Boy Progress Bar", value: "RunnerBoyProgressBar" },
-            { label: "Slider", value: "Slider" },
-            { label: "Timer", value: "Timer" },
-            { label: "MultipleSelect", value: "MultipleSelect" },
-            { label: "LeaderBoard", value: "LeaderBoard" }
-          ]
+          type: "text"
         }
       }
     },
@@ -6480,13 +6535,7 @@ const CoreSection = {
                   lg: 5.5
                 },
                 main: {
-                  label: "Screen Size",
-                  options: [
-                    { label: "Extra Small", value: "xs" },
-                    { label: "Small", value: "sm" },
-                    { label: "Medium", value: "md" },
-                    { label: "Large", value: "lg" }
-                  ]
+                  label: "Screen Size"
                 }
               }
             },
@@ -6504,13 +6553,7 @@ const CoreSection = {
                   lg: 5.5
                 },
                 main: {
-                  label: "Value",
-                  options: [
-                    { label: "3", value: "3" },
-                    { label: "5.5", value: "5.5" },
-                    { label: "8", value: "8" },
-                    { label: "12", value: "12" }
-                  ]
+                  label: "Value"
                 }
               }
             }
@@ -6867,12 +6910,6 @@ const buildPropertiesSection = function(type) {
     uiSchema.elements = [heading, bottomLabel_1, bottomLabel_2, bottomLabel_3];
   } else if (type === "card") {
     uiSchema.elements = [getInputField("url", "Image Url"), getInputField("label", "Label"), getInputField("description", "Description")];
-  } else if (type === "Box") {
-    const iconName = getInputField("value", "Value");
-    uiSchema.elements = [getSelectField("graphType", "Label Type", [
-      { label: "URL", value: "url" },
-      { label: "Heading", value: "heading" }
-    ]), iconName];
   } else if (type === "Button") {
     const caption = getInputField("color", "Color");
     const size = getInputField("size", "Size");
@@ -7130,13 +7167,7 @@ const ValidationSection = {
                   lg: 5.5
                 },
                 main: {
-                  label: "Validation Type",
-                  options: [
-                    { value: "required", label: "Required" },
-                    { value: "minLength", label: "Minimum Length" },
-                    { value: "maxLength", label: "Maximum Length" },
-                    { value: "pattern", label: "Pattern" }
-                  ]
+                  label: "Validation Type"
                 }
               }
             },
@@ -7177,7 +7208,7 @@ const sectionLabels = {
   UploadFile: ["Core", "style", "Event", "Validation"],
   Graph: ["Core", "Properties", "style", "Event", "Validation"],
   DownloadFile: ["Core", "style", "Event", "Validation"],
-  Box: ["Core", "Properties", "style", "Event", "Validation"],
+  Box: ["Core", "style", "Event", "Validation"],
   Properties: ["Core", "Properties", "style", "Event", "Validation"],
   ProgressBarCard: ["Core", "Properties", "style", "Event", "Validation"],
   RankCard: ["Core", "Properties", "style", "Event", "Validation"],
@@ -9167,6 +9198,15 @@ const EventSchema = {
         }
       }
     },
+    method: {
+      type: "string",
+      oneOf: [
+        { title: "Get", const: "get" },
+        { title: "Post", const: "post" },
+        { title: "Delete", const: "delete" },
+        { title: "Put", const: "put" }
+      ]
+    },
     refreshElements: {
       type: "array",
       items: {
@@ -9178,6 +9218,33 @@ const EventSchema = {
         }
       }
     },
+    eventType: {
+      type: "string",
+      oneOf: [
+        { title: "Click Event", const: "onClick" },
+        { title: "onStart", const: "onStart" },
+        { title: "Load Event", const: "onLoad" },
+        { title: "Change Event", const: "onChange" },
+        { title: "Success", const: "Success" },
+        { title: "Fail", const: "Fail" }
+      ]
+    },
+    Handler: {
+      type: "string",
+      oneOf: [
+        { title: "Custom", const: "custom" },
+        { title: "Api", const: "api" },
+        { title: "Inbuilt Function", const: "inBuiltFunction" },
+        { title: "Refresh", const: "refresh" }
+      ]
+    },
+    inBuiltFunctionType: {
+      type: "string",
+      oneOf: [
+        { title: "RankProvider", const: "RankProvider" },
+        { title: "Download File", const: "downloadFile" }
+      ]
+    },
     body: {
       type: "array",
       items: {
@@ -9288,15 +9355,7 @@ const EventUiSchema = {
                 layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
                 main: {
                   label: "Event Type",
-                  type: "text",
-                  options: [
-                    { label: "Click Event", value: "onClick" },
-                    { label: "onStart", value: "onStart" },
-                    { label: "Load Event", value: "onLoad" },
-                    { label: "Change Event", value: "onChange" },
-                    { label: "Success", value: "Success" },
-                    { label: "Fail", value: "Fail" }
-                  ]
+                  type: "text"
                 }
               }
             },
@@ -9489,13 +9548,7 @@ const APISection = {
         layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
         main: {
           label: "Method",
-          type: "text",
-          options: [
-            { label: "Get", value: "get" },
-            { label: "Post", value: "post" },
-            { label: "Delete", value: "delete" },
-            { label: "Put", value: "put" }
-          ]
+          type: "text"
         }
       }
     },
@@ -9832,6 +9885,23 @@ async function mergeFormdata(handlerResponse, componentName, eventConfig, store2
         }
       };
     });
+  } else if (eventConfig.type = !(_.isEmpty(handlerResponse) && handlerResponse)) {
+    store2.setSchema((pre) => {
+      var _a;
+      return {
+        ...pre,
+        properties: {
+          ...pre.properties,
+          [componentName]: {
+            ...(_a = pre.properties) == null ? void 0 : _a[componentName],
+            type: "array",
+            items: {
+              oneOf: handlerResponse.data
+            }
+          }
+        }
+      };
+    });
   } else if (eventConfig.type === "page") {
     store2.setFormdata((pre) => {
       return { ...pre, ...handlerResponse == null ? void 0 : handlerResponse.data };