impaktapps-ui-builder 0.0.55 → 0.0.56-alpha.1

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

@@ -7983,7 +7983,7 @@ const refreshPage = (type, store2) => {
     };
     const elements = (_a = sectionLabels[type]) == null ? void 0 : _a.map((e) => sectionUiSchema[e]);
     UiSchema.elements[1].config.main.tabLabels = sectionLabels[type] || ["Core", "Style", "Event", "Validation"];
-    UiSchema.elements[1].elements = elements || [CoreSection, StyleSection, EventSection, ValidationSection];
+    UiSchema.elements[1].elements = elements || [CoreSection, StyleSection, EventSection(store2.theme.myTheme), ValidationSection];
   }
   store2.setUiSchema(UiSchema);
 };
@@ -9575,8 +9575,8 @@ var service = (funcParams) => {
         { key: "movedRowId", value: paginationValues.rowMovement.movedRowId },
         { key: "targetRowId", value: paginationValues.rowMovement.targetRowId || [] }
       ];
-      await this.updateConfigApiBody(paginationValues, apiBody, "onRowMovement");
-      const response = await this.updateConfigApiBody(paginationValues, apiBody, "onLoad");
+      await this.callExecuteEvents({ path: paginationValues == null ? void 0 : paginationValues.path }, apiBody, "onRowMovement");
+      const response = await this.callExecuteEvents({ path: paginationValues == null ? void 0 : paginationValues.path }, apiBody, "onLoad");
       return response == null ? void 0 : response.data;
     },
     onPaginationChange: async function(paginationValues) {
@@ -9588,7 +9588,7 @@ var service = (funcParams) => {
         { key: "filters", value: paginationValues.columnFilters || [] },
         { key: "globalFilter", value: (_a = paginationValues.globalFilter) != null ? _a : "" }
       ];
-      const response = await this.updateConfigApiBody(paginationValues, apiBody, "onLoad");
+      const response = await this.callExecuteEvents(paginationValues, apiBody, "onLoad");
       return response == null ? void 0 : response.data;
     },
     getSelectOptions: async function(param) {
@@ -9597,7 +9597,7 @@ var service = (funcParams) => {
           { key: "searchValue", value: param.serachValue },
           { key: "currentValue", value: param.currentValue }
         ];
-        const response = await this.updateConfigApiBody(param, apiBody);
+        const response = await this.callExecuteEvents(param, apiBody);
         return response == null ? void 0 : response.data;
       }
     },
@@ -9618,7 +9618,7 @@ var service = (funcParams) => {
         }));
       }
     },
-    updateConfigApiBody: async function(paramValue, apiBody, eventType) {
+    callExecuteEvents: async function(paramValue, apiBody, eventType) {
       var _a, _b;
       let LastCallResponse = void 0;
       for (const eventConfig of (_a = eventGroups == null ? void 0 : eventGroups[eventType]) == null ? void 0 : _a[paramValue.path]) {
@@ -9695,15 +9695,14 @@ var leaderBoard = {
       label: "LeaderBoard",
       divider: true
     },
-    style: {
-      wrapperStyle: {
-        display: "flex",
-        gap: "10px"
-      }
-    },
+    style: {},
     wrapperStyle: {
       position: "relative",
       width: "100%"
+    },
+    componentsBoxStyle: {
+      display: "flex",
+      gap: "10px"
     }
   },
   elements: [
@@ -9714,21 +9713,23 @@ var leaderBoard = {
         main: {
           url: "https://my.alfred.edu/zoom/_images/foster-lake.jpg"
         },
-        containerStyle: {
-          objectFit: "cover",
-          position: "absolute",
-          top: { xs: "90px", "md": "60px" },
-          left: { "xs": "calc(50% - 50px)", "sm": "calc(50% - 50px)", "md": "calc(50% - 100px)" },
-          width: { "xs": "100px", "sm": "100px", "md": "200px" },
-          border: "5px solid rgb(179, 198, 255)",
-          height: { "xs": "100px", "sm": "100px", "md": "200px" },
-          borderRadius: "50%"
-        },
         style: {
-          objectFit: "cover",
-          width: "100%",
-          height: "100%",
-          borderRadius: "50%"
+          imageStyle: {
+            objectFit: "cover",
+            width: "100%",
+            height: "100%",
+            borderRadius: "50%"
+          },
+          containerStyle: {
+            objectFit: "cover",
+            position: "absolute",
+            top: { xs: "90px", "md": "60px" },
+            left: { "xs": "calc(50% - 50px)", "sm": "calc(50% - 50px)", "md": "calc(50% - 100px)" },
+            width: { "xs": "100px", "sm": "100px", "md": "200px" },
+            border: "5px solid rgb(179, 198, 255)",
+            height: { "xs": "100px", "sm": "100px", "md": "200px" },
+            borderRadius: "50%"
+          }
         },
         layout: 6
       },
@@ -9743,21 +9744,23 @@ var leaderBoard = {
         main: {
           url: "https://my.alfred.edu/zoom/_images/foster-lake.jpg"
         },
-        containerStyle: {
-          objectFit: "cover",
-          position: "absolute",
-          top: { xs: "160px", "md": "130px" },
-          left: { "xs": "calc(25% - 45px)", "sm": "calc(25% - 45px)", "md": "calc(25% - 90px)" },
-          width: { "xs": "80px", "sm": "80px", "md": "180px" },
-          border: "5px solid rgb(179, 198, 255)",
-          height: { "xs": "80px", "sm": "80px", "md": "180px" },
-          borderRadius: "50%"
-        },
         style: {
-          objectFit: "cover",
-          width: "100%",
-          height: "100%",
-          borderRadius: "50%"
+          imageStyle: {
+            objectFit: "cover",
+            width: "100%",
+            height: "100%",
+            borderRadius: "50%"
+          },
+          containerStyle: {
+            objectFit: "cover",
+            position: "absolute",
+            top: { xs: "160px", "md": "130px" },
+            left: { "xs": "calc(25% - 45px)", "sm": "calc(25% - 45px)", "md": "calc(25% - 90px)" },
+            width: { "xs": "80px", "sm": "80px", "md": "180px" },
+            border: "5px solid rgb(179, 198, 255)",
+            height: { "xs": "80px", "sm": "80px", "md": "180px" },
+            borderRadius: "50%"
+          }
         },
         layout: 6
       },
@@ -9772,21 +9775,23 @@ var leaderBoard = {
         main: {
           url: "https://my.alfred.edu/zoom/_images/foster-lake.jpg"
         },
-        containerStyle: {
-          objectFit: "cover",
-          position: "absolute",
-          top: { xs: "160px", "md": "130px" },
-          left: { "xs": "calc(75% - 42.5px)", "sm": "calc(75% - 42.5px)", "md": "calc(75% - 85px)" },
-          width: { "xs": "80px", "sm": "80px", "md": "180px" },
-          border: "5px solid rgb(179, 198, 255)",
-          height: { "xs": "80px", "sm": "80px", "md": "180px" },
-          borderRadius: "50%"
-        },
         style: {
-          objectFit: "cover",
-          width: "100%",
-          height: "100%",
-          borderRadius: "50%"
+          imageStyle: {
+            objectFit: "cover",
+            width: "100%",
+            height: "100%",
+            borderRadius: "50%"
+          },
+          containerStyle: {
+            objectFit: "cover",
+            position: "absolute",
+            top: { xs: "160px", "md": "130px" },
+            left: { "xs": "calc(75% - 42.5px)", "sm": "calc(75% - 42.5px)", "md": "calc(75% - 85px)" },
+            width: { "xs": "80px", "sm": "80px", "md": "180px" },
+            border: "5px solid rgb(179, 198, 255)",
+            height: { "xs": "80px", "sm": "80px", "md": "180px" },
+            borderRadius: "50%"
+          }
         },
         layout: 6
       },
@@ -10764,16 +10769,14 @@ var Card = {
     main: {
       rowSpacing: 0.5
     },
-    style: {
-      componentsBoxStyle: {
-        position: "relative",
-        color: "white",
-        height: { xs: "120px", md: "160px" },
-        width: "100%",
-        textAlign: "left",
-        background: "#3f51b5",
-        borderRadius: "20px"
-      }
+    componentsBoxStyle: {
+      position: "relative",
+      color: "white",
+      height: { xs: "120px", md: "160px" },
+      width: "100%",
+      textAlign: "left",
+      background: "#3f51b5",
+      borderRadius: "20px"
     },
     layout: { xs: 12, sm: 12, md: 6, lg: 6 }
   },