impaktapps-ui-builder 0.0.366 → 0.0.369

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

@@ -5871,6 +5871,7 @@ const ComponentSchema = {
         { title: "Card", const: "card" },
         { title: "CheckBox", const: "CheckBox" },
         { title: "Container", const: "WrapperSection" },
+        { title: "DataGrid", const: "DataGrid" },
         { title: "Date", const: "Date" },
         { title: "Download File", const: "DownloadFile" },
         { title: "Empty Box", const: "EmptyBox" },
@@ -6814,6 +6815,12 @@ const GraphSection = {
 const buildPropertiesSection = function(type) {
   let uiSchema = _.cloneDeep(GraphSection);
   switch (type) {
+    case "DataGrid":
+      uiSchema.elements = [
+        getRadioInputField("useWrapper", "use Item Wrapper", ["YES", "NO"]),
+        getInputField("elevation", "Item Wrapper Elevation")
+      ];
+      break;
     case "Stepper":
       uiSchema.elements = [
         getRadioInputField("resetButton", "Reset Button", ["YES", "NO"]),
@@ -7387,7 +7394,8 @@ const sectionLabels = {
   Text: ["Core", "Properties", "style", "Event", "Validation"],
   TextArea: ["Core", "Properties", "style", "Event", "Validation"],
   PopUp: ["Core", "Components", "Properties", "style"],
-  Stepper: ["Core", "Components", "Properties", "Event", "style"]
+  Stepper: ["Core", "Components", "Properties", "Event", "style"],
+  DataGrid: ["Core", "Components", "Properties", "Event", "style"]
 };
 const refreshPage = (type, store2) => {
   var _a;
@@ -8233,6 +8241,15 @@ const downloadFile$1 = (obj) => {
   URL.revokeObjectURL(url);
   document.body.removeChild(link);
 };
+const downloadBlobFile = (response2) => {
+  const url = window.URL.createObjectURL(new Blob([response2.data]));
+  const link = document.createElement("a");
+  link.href = url;
+  link.setAttribute("download", `${response2.headers.data}`);
+  document.body.appendChild(link);
+  link.click();
+  link.parentNode.removeChild(link);
+};
 const executeEvents = async (params2) => {
   var _a, _b, _c;
   let nextEvent = [];
@@ -8647,7 +8664,8 @@ var service = (funcParams) => {
         }
       }
     },
-    downloadFile: downloadFile$1
+    downloadFile: downloadFile$1,
+    downloadBlobFile
   };
 };
 var leaderBoard = {
@@ -10436,6 +10454,43 @@ const buildPopUp = (config, componentScope) => {
   }
   return popup;
 };
+const dataGrid = {
+  "type": "Control",
+  "scope": "#/properties/dataGrid",
+  "layout": 12,
+  "options": {
+    "widget": "DataGrid"
+  },
+  elements: [],
+  "config": {
+    "main": {
+      elevation: 0,
+      useWrapper: false
+    },
+    style: {}
+  }
+};
+const buildDataGrid = (config, componentScope) => {
+  const DataGrid = _.cloneDeep(dataGrid);
+  DataGrid.scope = componentScope;
+  DataGrid.config.main.useWrapper = config.useWrapper === "NO" ? false : true;
+  if (config.elevation) {
+    DataGrid.config.main.elevation = +config.elevation;
+  }
+  if (config.height) {
+    DataGrid.config.main.height = `${config.height}px`;
+  }
+  if (config.label) {
+    DataGrid.config.main.label = config.label;
+  }
+  if (config.layout) {
+    DataGrid.config.layout = createLayoutFormat(config.layout);
+  }
+  if (config.style) {
+    DataGrid.config.style = JSON.parse(config.style);
+  }
+  return DataGrid;
+};
 let schema = {
   type: "object",
   properties: {},
@@ -10554,6 +10609,9 @@ const buildUiSchema = (config) => {
   let elements = {};
   const componentScope = `#/properties/${config.name}`;
   switch (config.type) {
+    case "DataGrid":
+      elements = buildDataGrid(config, componentScope);
+      break;
     case "Stepper":
       elements = buildStepper(config, componentScope);
       break;