impaktapps-ui-builder 1.0.320 → 1.0.390

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

@@ -6272,7 +6272,7 @@ const ComponentSchema = {
         { title: "Rank", const: "Rank" },
         { title: "Rank Card", const: "RankCard" },
         { title: "Metric Card", const: "MetricCard" },
-        { title: "Bow and Arrow", const: "RunnerBoyProgressBar" },
+        { title: "Runner Boy", const: "RunnerBoyProgressBar" },
         { title: "Table", const: "Table" },
         { title: "Tabs", const: "TabSection" },
         { title: "Text", const: "Text" },
@@ -6280,7 +6280,9 @@ const ComponentSchema = {
         { title: "Timer", const: "Timer" },
         { title: "Upload", const: "UploadFile" },
         { title: "Tree ", const: "TreeMap" },
-        { title: "Thought of the day", const: "Thought" }
+        { title: "Thought of the day", const: "Thought" },
+        { title: "PDF", const: "PdfViewer" },
+        { title: "Dual Wrapper", const: "DualWrapper" }
       ]
     },
     elementType: {
@@ -6362,6 +6364,15 @@ const ComponentSchema = {
         { title: "Right", const: "right" }
       ]
     },
+    maxWidth: {
+      oneOf: [
+        { title: "Extra Small", const: "xs" },
+        { title: "Small", const: "sm" },
+        { title: "Medium", const: "md" },
+        { title: "Large", const: "lg" },
+        { title: "Extra Large", const: "xl" }
+      ]
+    },
     toolTipPosition: {
       oneOf: [
         { title: "Top", const: "top" },
@@ -8289,12 +8300,18 @@ const buildPropertiesSection = function(type) {
         getSelectField("toolTipPosition", "Tooltip Position")
       ];
       break;
+    case "PdfViewer":
+      uiSchema.elements = [
+        getInputField("scale", "Zoom"),
+        emptyBox$1("PdfViewer", { xs: 6, sm: 6, md: 8, lg: 9 })
+      ];
+      break;
     case "Date":
       uiSchema.elements = [
         getSelectField("variant", "Variant"),
         getInputField("toolTip", "Tooltip"),
         getSelectField("toolTipPosition", "Tooltip Position"),
-        emptyBox$1("DateEmpty1", { xs: 6, sm: 6, md: 4, lg: 3 })
+        emptyBox$1("imageEmpty", { xs: 0, sm: 0, md: 4, lg: 6 })
       ];
       break;
     case "DateTime":
@@ -8302,7 +8319,7 @@ const buildPropertiesSection = function(type) {
         getSelectField("variant", "Variant"),
         getInputField("toolTip", "Tooltip"),
         getSelectField("toolTipPosition", "Tooltip Position"),
-        emptyBox$1("DateTimeEmpty1", { xs: 6, sm: 6, md: 4, lg: 3 })
+        emptyBox$1("imageEmpty", { xs: 0, sm: 0, md: 4, lg: 6 })
       ];
       break;
     case "Thought":
@@ -8862,8 +8879,10 @@ const sectionLabels = {
   Radio: ["Core", "Properties", "Events", "Style", "Validation"],
   Text: ["Core", "Properties", "Events", "Style", "Validation"],
   TextArea: ["Core", "Properties", "Events", "Style", "Validation"],
-  PopUp: ["Core", "Components", "Properties", "Style"],
+  PopUp: ["Core", "Components", "Properties", "Events", "Style"],
   PopOver: ["Core", "Components", "Properties", "Style"],
+  PdfViewer: ["Core", "Components", "Properties", "Style"],
+  DualWrapper: ["Core", "Components", "Style"],
   Stepper: ["Core", "Components", "Properties", "Events", "Style"],
   DataGrid: ["Core", "Components", "Properties", "Events", "Style"],
   InputSlider: ["Core", "Properties", "Events", "Style", "Validation"],
@@ -9447,7 +9466,9 @@ const EventSchema = {
         { title: "Row Movement", const: "onRowMovement" },
         { title: "Download", const: "onDownload" },
         { title: "Fail", const: "Fail" },
-        { title: "Key Down", const: "onKeyDown" }
+        { title: "onClose", const: "onClose" },
+        { title: "Key Down", const: "onKeyDown" },
+        { title: "Set Style", const: "setStyle" }
       ]
     },
     Handler: {
@@ -10833,6 +10854,25 @@ var service = (funcParams) => {
         funcParams.store.setUiSchema(uiSchema);
       });
     },
+    getStyle: () => {
+      var _a, _b, _c, _d;
+      const cloneEventGroup = _.cloneDeep(eventGroups);
+      if (cloneEventGroup.setStyle) {
+        let finalResponse = {};
+        const path = ((_a = funcParams.dynamicData) == null ? void 0 : _a.tableButtonPath) || ((_b = funcParams == null ? void 0 : funcParams.dynamicData.path) == null ? void 0 : _b.split(".").pop());
+        if ((_c = cloneEventGroup == null ? void 0 : cloneEventGroup.setStyle) == null ? void 0 : _c[path]) {
+          for (const eventConfig of (_d = cloneEventGroup == null ? void 0 : cloneEventGroup.setStyle) == null ? void 0 : _d[path]) {
+            finalResponse = executeEvents({
+              ...executeEventsParameters,
+              config: eventConfig,
+              componentName: path
+            });
+          }
+          return finalResponse;
+        }
+      }
+      return {};
+    },
     onCellRenderer: (cellParams) => {
       var _a, _b, _c, _d, _e;
       const cloneEventGroup = _.cloneDeep(eventGroups);
@@ -10862,6 +10902,9 @@ var service = (funcParams) => {
     onFileDelete: async function() {
       this.callHandler("onFileDelete");
     },
+    onClose: function() {
+      this.callHandler("onClose");
+    },
     onMount: function() {
       this.callHandler("onMount");
     },
@@ -12139,7 +12182,6 @@ const DateTime = {
 const buildDate = (config2, componentScope2) => {
   const dateInputField = _.cloneDeep(DateInputField);
   dateInputField.config.main.label = config2.label;
-  dateInputField.config.main.errorMessage = `${config2.name} is empty or invalid`;
   dateInputField.scope = componentScope2;
   if (config2.layout) {
     dateInputField.config.layout = createLayoutFormat(config2.layout);
@@ -12161,7 +12203,6 @@ const buildDate = (config2, componentScope2) => {
 const buildDateTime = (config2, componentScope2) => {
   const dateTimeInputField = _.cloneDeep(DateTime);
   dateTimeInputField.config.main.label = config2.label;
-  dateTimeInputField.config.main.errorMessage = `${config2.name} is empty or invalid`;
   dateTimeInputField.scope = componentScope2;
   if (config2.layout) {
     dateTimeInputField.config.layout = createLayoutFormat(config2.layout);
@@ -12703,6 +12744,7 @@ const PopUP = {
     },
     main: {
       label: "PopUp",
+      onClose: "onClose",
       fullScreen: false,
       fullWidth: false,
       maxWidth: false,
@@ -13161,6 +13203,58 @@ const buildOTP_Input = (config2, componentScope2) => {
   OTP.config.main.length = +config2.length;
   return OTP;
 };
+var pdfViewer = {
+  type: "Control",
+  scope: "#/properties/pdfviewer",
+  options: {
+    widget: "PdfViewer"
+  },
+  config: {
+    layout: {
+      xs: 12,
+      sm: 12,
+      md: 12,
+      lg: 12
+    },
+    main: {
+      title: "PDF"
+    }
+  }
+};
+const buildPdfViewer = (config2, componentScope2) => {
+  const PdfViewer = _.cloneDeep(pdfViewer);
+  PdfViewer.scope = componentScope2;
+  PdfViewer.config.main.scale = config2.scale;
+  if (config2.layout) {
+    PdfViewer.config.layout = createLayoutFormat(config2.layout);
+  }
+  if (config2.style) {
+    PdfViewer.config.style = JSON.parse(config2.style);
+  }
+  return PdfViewer;
+};
+var DualWrapper = {
+  type: "Control",
+  scope: "#/properties/dualWrapperPath",
+  options: {
+    widget: "DualWrapper"
+  },
+  config: {
+    layout: { xs: 12, sm: 12, md: 12, lg: 12 },
+    main: {}
+  }
+};
+const buildDualWrapper = (config2, componentScope2, store2) => {
+  const dualWrapper = _.cloneDeep(DualWrapper);
+  dualWrapper.scope = componentScope2;
+  if (config2.style) {
+    dualWrapper.config.style = JSON.parse(config2.style);
+  }
+  if (config2.layout) {
+    dualWrapper.config.layout = createLayoutFormat(config2.layout);
+  }
+  return dualWrapper;
+};
 let schema = {
   type: "object",
   properties: {},
@@ -13391,6 +13485,12 @@ const buildUiSchema = (config2, store2) => {
     case "Camera":
       elements = buildCamera(config2, componentScope2);
       break;
+    case "PdfViewer":
+      elements = buildPdfViewer(config2, componentScope2);
+      break;
+    case "DualWrapper":
+      elements = buildDualWrapper(config2, componentScope2);
+      break;
     default:
       schema = {
         type: "object",