impaktapps-ui-builder 0.0.392 → 0.0.393-alpha.10

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

@@ -22,13 +22,6 @@ const PageMasterSchema = {
         }
       }
     },
-    template: {
-      oneOf: [
-        { const: "Template-1", title: "template1" },
-        { const: "Template-2", title: "template2" },
-        { const: "Template-3", title: "template3" }
-      ]
-    },
     sectionLabels: {
       type: "array",
       items: {
@@ -41,7 +34,7 @@ const PageMasterSchema = {
       }
     }
   },
-  required: ["template", "name"]
+  required: ["label", "name"]
 };
 const PageMasterUiSchema = {
   type: "HorizontalLayout",
@@ -121,19 +114,15 @@ const PageMasterUiSchema = {
         },
         {
           type: "Control",
-          scope: "#/properties/template",
+          scope: "#/properties/label",
           options: {
-            widget: "SelectInputField"
+            widget: "InputField"
           },
           config: {
             layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
             main: {
-              label: "Template",
-              options: [
-                { const: "template1", title: "template1" },
-                { const: "template2", title: "template2" },
-                { const: "template3", title: "template3" }
-              ],
+              label: "Label",
+              options: [],
               color: "secondary",
               required: true
             }
@@ -5888,7 +5877,6 @@ const ComponentSchema = {
         { title: "Empty Box", const: "EmptyBox" },
         { title: "File", const: "FileInput" },
         { title: "Graph", const: "Graph" },
-        { title: "Input Slider", const: "InputSlider" },
         { title: "Label", const: "Box" },
         { title: "LeaderBoard", const: "LeaderBoard" },
         { title: "MultipleSelect", const: "MultipleSelect" },
@@ -6896,14 +6884,6 @@ const GraphSection = {
 const buildPropertiesSection = function(type) {
   let uiSchema = _.cloneDeep(GraphSection);
   switch (type) {
-    case "InputSlider":
-      uiSchema.elements = [
-        getInputField("max", "Max Limit"),
-        getInputField("step", "Step"),
-        getInputField("min", "Min Limit"),
-        getRadioInputField("limitToMax", "Applly Max. Limit", ["YES", "NO"])
-      ];
-      break;
     case "DataGrid":
       uiSchema.elements = [
         getRadioInputField("divider", "Use Header divider", ["YES", "NO"]),
@@ -7020,8 +7000,6 @@ const buildPropertiesSection = function(type) {
       break;
     case "TabSection":
       uiSchema.elements = [
-        getRadioInputField("verticalOrientation", "Vertical Orientation", ["YES", "NO"]),
-        EmptyBox,
         getArrayControl("sectionLabels", "label")
       ];
       break;
@@ -7415,14 +7393,14 @@ const getFormdataFromLocalStorage = (path) => {
 };
 async function saveHandler(store2, service2, submitHandler, pageName) {
   var _a, _b;
-  (_a = store2.searchParams) == null ? void 0 : _a.get("id");
+  const id = (_a = store2.searchParams) == null ? void 0 : _a.get("id");
   const path = (_b = store2.searchParams) == null ? void 0 : _b.get("path");
   saveFormdataInLocalStorage(store2.ctx.core.data, path);
   const config = JSON.parse(localStorage.getItem("pageFormdata"));
   if (_.isEmpty(store2.ctx.core.errors)) {
     try {
       const saveReturn = await submitHandler(store2, service2, config);
-      navigateHandler(store2, true, pageName ? `/${pageName}?id=${saveReturn.id}` : "/PageMasterRecords");
+      navigateHandler(store2, true, pageName ? `/${pageName}?id=${id}` : "/PageMasterRecords");
     } catch (err) {
       navigateHandler(store2, false);
     }
@@ -7489,8 +7467,7 @@ const sectionLabels = {
   TextArea: ["Core", "Properties", "style", "Event", "Validation"],
   PopUp: ["Core", "Components", "Properties", "style"],
   Stepper: ["Core", "Components", "Properties", "Event", "style"],
-  DataGrid: ["Core", "Components", "Properties", "Event", "style"],
-  InputSlider: ["Core", "Properties", "style", "Event", "Validation"]
+  DataGrid: ["Core", "Components", "Properties", "Event", "style"]
 };
 const refreshPage = (type, store2) => {
   var _a;
@@ -7645,15 +7622,9 @@ var pageMaster = (funcParams) => {
         store2.formData.elements = [];
       }
       const response2 = saveFormdataInLocalStorage(store2.ctx.core.data);
-      if (id) {
-        store2.navigate(
-          `/Component?path=${`elements[${response2 == null ? void 0 : response2.elements.length}]`}&id=${id}`
-        );
-      } else {
-        store2.navigate(
-          `/Component?path=${`elements[${response2 == null ? void 0 : response2.elements.length}]`}`
-        );
-      }
+      store2.navigate(
+        `/Component?path=${`elements[${response2 == null ? void 0 : response2.elements.length}]`}&id=${id}`
+      );
     },
     saveHandler: async () => await saveHandler(store2, service2, submitHandler),
     Edit_Components: Component(store2, dynamicData2, submitHandler, service2).editComponents,
@@ -7727,7 +7698,6 @@ const EventSchema = {
         { title: "Click Event", const: "onClick" },
         { title: "Load Event", const: "onLoad" },
         { title: "Change Event", const: "onChange" },
-        { title: "Mount Event", const: "onMount" },
         { title: "Success", const: "Success" },
         { title: "onStart", const: "onStart" },
         { title: "File Upload Event", const: "onUpload" },
@@ -8439,7 +8409,7 @@ async function executeInBuiltFunctionHandler(params) {
     const makeFunc = eval(params.config.funcParametersCode);
     parameter = makeFunc(params.store, params.dynamicData, params.userValue, params.parentEventOutput, params.service);
   }
-  params.serviceHolder[params.config.inBuiltFunctionType](parameter, params.service);
+  params.serviceHolder[params.config.inBuiltFunctionType](parameter);
 }
 async function executeCustomHandler(params) {
   const makeFunc = eval(params.config.eventCode);
@@ -8487,8 +8457,7 @@ async function mergeFormdata(handlerResponse, componentName, eventConfig, store2
   } else {
     if (handlerResponse) {
       store2.setFormdata((pre) => {
-        var _a;
-        return { ...pre, [componentName]: eventConfig.lazyLoading ? (_a = handlerResponse == null ? void 0 : handlerResponse.data) == null ? void 0 : _a.data : handlerResponse.data };
+        return { ...pre, [componentName]: eventConfig.lazyLoading ? handlerResponse.data.data : handlerResponse.data };
       });
       await asyncOperation();
     }
@@ -8647,7 +8616,7 @@ var service = (funcParams) => {
         (pre) => {
           return {
             ...funcParams.schema,
-            properties: { ...funcParams.schema.properties, ...pre.properties }
+            properties: { ...pre.properties, ...funcParams.schema.properties }
           };
         }
       );
@@ -8667,9 +8636,6 @@ var service = (funcParams) => {
     onClick: async function() {
       await this.callHandler("onClick");
     },
-    onMount: async function() {
-      await this.callHandler("onMount");
-    },
     onFileDownload: async function() {
       await this.callHandler("onDownload");
     },
@@ -9126,7 +9092,6 @@ const buildLeaderBoard = (config) => {
     });
     LeaderBoard.elements[9].elements = modifyColumns;
   }
-  LeaderBoard.config.main.label = config.label;
   if (config.name) {
     LeaderBoard.elements[0].scope = `#/properties/${config.name}/properties/firstImage`;
     LeaderBoard.elements[3].scope = `#/properties/${config.name}/properties/firstName`;
@@ -9146,7 +9111,7 @@ const buildLeaderBoard = (config) => {
     LeaderBoard.elements[2].config.main.url = config.thirdImage;
   }
   if (config.layout) {
-    LeaderBoard.config.layout = createLayoutFormat(config.layout);
+    LeaderBoard.config.layout = config.layout;
   }
   return LeaderBoard;
 };
@@ -9579,10 +9544,6 @@ var Tabsection = {
 };
 const buildTabSection = (config, componentScope) => {
   const tab = _.cloneDeep(Tabsection);
-  tab.scopeName = componentScope;
-  if (config.orientation) {
-    tab.config.main.orientation = config.orientation === "YES" ? "vertical" : "horizontal";
-  }
   if (config.sectionLabels) {
     tab.config.main.tabLabels = config.sectionLabels.map((e) => e.label);
   }
@@ -9602,7 +9563,6 @@ var WrapperSection = {
 };
 const buildWrapperSection = (config, componentScope) => {
   const wrapper = _.cloneDeep(WrapperSection);
-  wrapper.scopeName = componentScope;
   wrapper.config.main.label = config.label;
   wrapper.config.main.divider = config.divider === "YES" ? true : false;
   if (config.style) {
@@ -9759,7 +9719,6 @@ var Table = {
   elements: [],
   config: {
     main: {
-      onMount: "onMount",
       allRowData: [],
       downloadAllData: false,
       columns: {
@@ -9778,7 +9737,6 @@ var lazyLoadingTable = {
   elements: [],
   config: {
     main: {
-      onMount: "onMount",
       columns: {}
     }
   }
@@ -10620,47 +10578,6 @@ const buildDataGrid = (config, componentScope) => {
   }
   return DataGrid;
 };
-const InputSlider = {
-  type: "Control",
-  scope: "#/properties/inputSlider",
-  options: {
-    widget: "InputSlider"
-  },
-  config: {
-    layout: 12,
-    main: {
-      limitToMax: false,
-      max: 1e4,
-      step: 1e3,
-      min: 0,
-      label: "Slider"
-    }
-  }
-};
-const buildInputSlider = (config, componentScope) => {
-  const inputSlider = _.cloneDeep(InputSlider);
-  inputSlider.scope = componentScope;
-  inputSlider.config.main.label = config.label;
-  if (config.layout) {
-    inputSlider.config.layout = createLayoutFormat(config.layout);
-  }
-  if (config.limitToMax) {
-    inputSlider.config.main.limitToMax = config.limitToMax === "YES" ? true : false;
-  }
-  if (config.max) {
-    inputSlider.config.main.max = config.max;
-  }
-  if (config.step) {
-    inputSlider.config.main.step = config.step;
-  }
-  if (config.min) {
-    inputSlider.config.main.min = config.min;
-  }
-  if (config.style) {
-    inputSlider.config.main.defaultStyle = JSON.parse(config.style);
-  }
-  return inputSlider;
-};
 let schema = {
   type: "object",
   properties: {},
@@ -10689,19 +10606,19 @@ function buildRule(configObj, tableName, arrayHolderName) {
         }
       }
     }
-  } else if ((configObj.type === "Select" || configObj.type === "MultipleSelect") && ((_j = configObj.value) == null ? void 0 : _j.length) > 0) {
+  } else if ((configObj.type === "Select" || configObj.type === "MultipleSelect") && ((_j = configObj.value) == null ? void 0 : _j.length) >= 0) {
     if (configObj.type === "Select") {
       schema.properties[configObj.name] = {
-        oneOf: configObj.value.map((e) => {
+        oneOf: Array.isArray(configObj.value) && configObj.value.length > 0 ? configObj.value.map((e) => {
           return { const: e.value, title: e.label };
-        })
+        }) : [{ const: "", title: "" }]
       };
     } else if (configObj.type === "MultipleSelect") {
       schema.properties[configObj.name] = {
         items: {
-          oneOf: configObj.value.map((e) => {
+          oneOf: Array.isArray(configObj.value) && configObj.value.length > 0 ? configObj.value.map((e) => {
             return { const: e.value, title: e.label };
-          })
+          }) : [{ const: "", title: "" }]
         }
       };
     }
@@ -10779,9 +10696,6 @@ const buildUiSchema = (config) => {
   let elements = {};
   const componentScope = `#/properties/${config.name}`;
   switch (config.type) {
-    case "InputSlider":
-      elements = buildInputSlider(config, componentScope);
-      break;
     case "DataGrid":
       elements = buildDataGrid(config, componentScope);
       break;
@@ -10801,13 +10715,13 @@ const buildUiSchema = (config) => {
       elements = buildPanField(config, componentScope);
       break;
     case "TabSection":
-      elements = buildTabSection(config, componentScope);
+      elements = buildTabSection(config);
       break;
     case "RunnerBoyProgressBar":
       elements = RunnerBoyProgressbar(config, componentScope);
       break;
     case "WrapperSection":
-      elements = buildWrapperSection(config, componentScope);
+      elements = buildWrapperSection(config);
       break;
     case "Text":
       elements = buildTextField(config, componentScope);