impaktapps-ui-builder 0.0.351 → 0.0.353

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

@@ -5880,11 +5880,13 @@ const ComponentSchema = {
         { title: "LeaderBoard", const: "LeaderBoard" },
         { title: "MultipleSelect", const: "MultipleSelect" },
         { title: "PanCardText", const: "PanCardText" },
+        { title: "Popup Container", const: "PopUp" },
         { title: "ProgressBar", const: "ProgressBar" },
         { title: "ProgressBar Card", const: "ProgressBarCard" },
         { title: "Select", const: "Select" },
         { title: "Slider", const: "Slider" },
         { title: "SpeedoMeter", const: "SpeedoMeter" },
+        { title: "Stepper Container", const: "Stepper" },
         { title: "Radio", const: "Radio" },
         { title: "Rank", const: "Rank" },
         { title: "Rank Card", const: "RankCard" },
@@ -5980,6 +5982,17 @@ const ComponentSchema = {
         }
       }
     },
+    skipAvailable: {
+      type: "array",
+      items: {
+        type: "object",
+        properties: {
+          skipId: {
+            type: "string"
+          }
+        }
+      }
+    },
     Table_Download_Keys_Name: {
       type: "array",
       items: {
@@ -6773,6 +6786,26 @@ const GraphSection = {
 const buildPropertiesSection = function(type) {
   let uiSchema = _.cloneDeep(GraphSection);
   switch (type) {
+    case "Stepper":
+      uiSchema.elements = [
+        getRadioInputField("complete", "Complete Needed", ["YES", "NO"]),
+        getRadioInputField("resetButton", "Reset Button", ["YES", "NO"]),
+        getInputField("resetText", "Reset Text"),
+        getInputField("completeText", "Complete Text"),
+        getSelectField("orientation", "Orientation Type"),
+        getArrayControl("sectionLabels", "label"),
+        getArrayControl("skipAvailable", "skipId"),
+        EmptyBox
+      ];
+      break;
+    case "PopUp":
+      uiSchema.elements = [
+        getRadioInputField("fullScreen", "FullScreen", ["YES", "NO"]),
+        getRadioInputField("fullWidth", "FullWidth", ["YES", "NO"]),
+        getInputField("maxWidth", "Max. Width"),
+        EmptyBox
+      ];
+      break;
     case "Text":
       uiSchema.elements = [
         getInputField("placeholder", "Placeholder"),
@@ -7325,7 +7358,9 @@ const sectionLabels = {
   Array: ["Core", "Components", "Validation"],
   Radio: ["Core", "Properties", "style", "Event", "Validation"],
   Text: ["Core", "Properties", "style", "Event", "Validation"],
-  TextArea: ["Core", "Properties", "style", "Event", "Validation"]
+  TextArea: ["Core", "Properties", "style", "Event", "Validation"],
+  PopUp: ["Core", "Components", "Properties", "style"],
+  Stepper: ["Core", "Components", "Properties", "Event", "style"]
 };
 const refreshPage = (type, store2) => {
   var _a;
@@ -7554,12 +7589,15 @@ const EventSchema = {
       type: "string",
       oneOf: [
         { title: "Click Event", const: "onClick" },
-        { title: "onStart", const: "onStart" },
         { title: "Load Event", const: "onLoad" },
-        { title: "File Upload Event", const: "onUpload" },
-        { title: "File Download Event", const: "onDownload" },
         { title: "Change Event", const: "onChange" },
         { title: "Success", const: "Success" },
+        { title: "onStart", const: "onStart" },
+        { title: "File Upload Event", const: "onUpload" },
+        { title: "Stepper Back Event", const: "onStepperBack" },
+        { title: "Stepper Next Event", const: "onStepperNext" },
+        { title: "Stepper Skip Event", const: "onStepperSkip" },
+        { title: "File Download Event", const: "onDownload" },
         { title: "Fail", const: "Fail" }
       ]
     },
@@ -8455,37 +8493,13 @@ var service = (funcParams) => {
       });
     },
     onClick: async function() {
-      var _a;
-      const path = ((_a = funcParams.dynamicData) == null ? void 0 : _a.tableButtonPath) || funcParams.dynamicData.path.split(".")[0];
-      for (const eventConfig of eventGroups == null ? void 0 : eventGroups.onClick[path]) {
-        await executeEvents({
-          ...executeEventsParameters,
-          config: eventConfig,
-          componentName: path
-        });
-      }
+      await this.callHandler("onClick");
     },
-    onFileDownload: async () => {
-      var _a;
-      const path = ((_a = funcParams.dynamicData) == null ? void 0 : _a.tableButtonPath) || funcParams.dynamicData.path.split(".")[0];
-      for (const eventConfig of eventGroups == null ? void 0 : eventGroups.onDownload[path]) {
-        await executeEvents({
-          ...executeEventsParameters,
-          config: eventConfig,
-          componentName: path
-        });
-      }
+    onFileDownload: async function() {
+      await this.callHandler("onDownload");
     },
-    onFileUpload: async () => {
-      var _a;
-      const path = ((_a = funcParams.dynamicData) == null ? void 0 : _a.tableButtonPath) || funcParams.dynamicData.path.split(".")[0];
-      for (const eventConfig of eventGroups == null ? void 0 : eventGroups.onUpload[path]) {
-        await executeEvents({
-          ...executeEventsParameters,
-          config: eventConfig,
-          componentName: path
-        });
-      }
+    onFileUpload: async function() {
+      await this.callHandler("onUpload");
     },
     onPaginationChange: async function(paginationValues) {
       var _a;
@@ -8549,6 +8563,29 @@ var service = (funcParams) => {
       }
       return LastCallResponse;
     },
+    StepperBackHandler: async function(param) {
+      await this.callHandler("onStepperBack");
+      param.handleBack();
+    },
+    StepperSkipHandler: async function(param) {
+      await this.callHandler("onStepperSkip");
+      param.handleSkip();
+    },
+    StepperNextHandler: async function(param) {
+      await this.callHandler("onStepperNext");
+      param.handleNext();
+    },
+    callHandler: async function(eventType) {
+      var _a, _b;
+      const path = ((_a = funcParams.dynamicData) == null ? void 0 : _a.tableButtonPath) || funcParams.dynamicData.path.split(".")[0];
+      for (const eventConfig of (_b = eventGroups == null ? void 0 : eventGroups[eventType]) == null ? void 0 : _b[path]) {
+        await executeEvents({
+          ...executeEventsParameters,
+          config: eventConfig,
+          componentName: path
+        });
+      }
+    },
     downloadFile: downloadFile$1
   };
 };
@@ -10248,7 +10285,7 @@ const FileInput = {
 const buildFileInput = (config, componentScope) => {
   const box = _.cloneDeep(FileInput);
   box.scope = componentScope;
-  box.config.main.heading = config.label;
+  box.config.main.label = config.label;
   if (config.layout) {
     box.config.layout = createLayoutFormat(config.layout);
   }
@@ -10257,6 +10294,88 @@ const buildFileInput = (config, componentScope) => {
   }
   return box;
 };
+const Stepper = {
+  type: "Control",
+  scope: "#/properties/Stepper",
+  options: {
+    widget: "Stepper"
+  },
+  config: {
+    main: {
+      label: ["First", "Second", "Third"],
+      stepsSkip: { 0: "false", 1: "false" },
+      resetButton: false,
+      resetText: "RESETdaad",
+      orientation: "vertical"
+    }
+  },
+  "elements": []
+};
+const buildStepper = (config, componentScope) => {
+  const stepper = _.cloneDeep(Stepper);
+  stepper.scope = componentScope;
+  stepper.config.main.complete = config.fullScreen === "YES" ? true : false;
+  stepper.config.main.resetButton = config.fullWidth === "YES" ? true : false;
+  stepper.config.main.resetText = config.resetText || "ResetData";
+  stepper.config.main.completeText = config.completeText || "CompleteText";
+  stepper.config.main.orientation = config.orientation || "horizontal";
+  if (config.sectionLabels) {
+    stepper.config.main.tabLabels = config.sectionLabels.map((e, i) => {
+      return { label: e.label, id: i };
+    });
+  }
+  if (config.skipAvailable) {
+    stepper.config.main.tabLabels = config.skipAvailable.map((e, i) => {
+      return { [e.skipId]: true };
+    });
+  }
+  if (config.layout) {
+    stepper.config.layout = createLayoutFormat(config.layout);
+  }
+  if (config.style) {
+    stepper.config.style = JSON.parse(config.style);
+  }
+  return stepper;
+};
+const PopUP = {
+  type: "Control",
+  scope: "#/properties/text",
+  options: {
+    widget: "PopUp"
+  },
+  config: {
+    layout: {
+      xs: 12,
+      sm: 12,
+      md: 12,
+      lg: 12
+    },
+    main: {
+      label: "PopUp",
+      fullScreen: false,
+      fullWidth: false,
+      maxWidth: false,
+      alignItems: false,
+      spacing: 2
+    },
+    style: {}
+  }
+};
+const buildPopUp = (config, componentScope) => {
+  const popup = _.cloneDeep(PopUP);
+  popup.scope = componentScope;
+  popup.config.main.label = config.label;
+  popup.config.main.fullScreen = config.fullScreen === "YES" ? true : false;
+  popup.config.main.fullWidth = config.fullWidth === "YES" ? true : false;
+  popup.config.main.maxWidth = config.maxWidth || false;
+  if (config.layout) {
+    popup.config.layout = createLayoutFormat(config.layout);
+  }
+  if (config.style) {
+    PopUP.config.style = JSON.parse(config.style);
+  }
+  return popup;
+};
 let schema = {
   type: "object",
   properties: {},
@@ -10375,6 +10494,12 @@ const buildUiSchema = (config) => {
   let elements = {};
   const componentScope = `#/properties/${config.name}`;
   switch (config.type) {
+    case "Stepper":
+      elements = buildStepper(config, componentScope);
+      break;
+    case "PopUp":
+      elements = buildPopUp(config, componentScope);
+      break;
     case "FileInput":
       elements = buildFileInput(config, componentScope);
       break;