impaktapps-ui-builder 1.0.58 → 1.0.60-alpha.1

package/dist/src/impaktapps-ui-builder/runtime/services/service.d.ts

@@ -5,6 +5,7 @@ interface funcParamsProps {
     userValue: any;
     pageDataProvider: any;
     functionsProvider?: Record<string, any>;
+    setExternaldata?: any;
 }
 export declare const extractEvents: (eventConfig: any) => any;
 declare const _default: (funcParams: funcParamsProps) => {
@@ -12,7 +13,7 @@ declare const _default: (funcParams: funcParamsProps) => {
     onCellRenderer: (cellParams: any) => {};
     onClick: () => void;
     onKeyDown: () => void;
-    onFileDelete: () => void;
+    onFileDelete: () => Promise<void>;
     onMount: () => void;
     onFileDownload: () => void;
     onFileUpload: () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "1.0.58",
+    "version": "1.0.60-alpha.1",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

package/src/impaktapps-ui-builder/builder/build/buildMultiSelect.ts

@@ -15,6 +15,9 @@ export const buildMultiSelect = (config, componentScope) => {
   if (config.value) {
     multipleSelect.config.main.options = config.value;
   }
+  if (config.variant) {
+    multipleSelect.config.main.variant = config.variant;
+  }
   if (config.lazyLoading) {
       multipleSelect.config.main.lazyLoading = config.lazyLoading === "YES" ? true : false;
     }

package/src/impaktapps-ui-builder/builder/build/buildSelect.ts

@@ -14,6 +14,9 @@ export const buildSelect = (config: any, componentScope: string) => {
   if (config.lazyLoading) {
     selectInputField.config.main.lazyLoading = config.lazyLoading === "YES" ? true : false;
   }
+  if (config.variant) {
+    selectInputField.config.main.variant = config.variant;
+  }
   if (config.layout) {
     selectInputField.config.layout = createLayoutFormat(config.layout)
   }

package/src/impaktapps-ui-builder/builder/build/buildText.ts

@@ -20,6 +20,9 @@ export const buildTextField = (config: any, componentScope: string) => {
   if (config.placeholder) {
     inputField.config.main.placeholder = config.placeholder;
   }
+  if (config.variant) {
+    inputField.config.main.variant = config.variant;
+  }
   if (config.layout) {
     inputField.config.layout = createLayoutFormat(config.layout)
   }

package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts

@@ -329,7 +329,12 @@ export const buildPropertiesSection = function (type: String) {
       uiSchema.elements = [
         getInputField("placeholder", "Placeholder"),
         getRadioInputField("multiline", "Multiline", ["YES", "NO"]),
-        emptyBox("TextEmpty1", { xs: 0, sm: 0, md: 4, lg: 4 }),
+        getSelectField("variant", "Variant", [
+          { label: "Outlined", value: "outlined" },
+          { label: "Filled", value: "filled" },
+          { label: "Standard", value: "standard" },
+        ]),
+        emptyBox("TextEmpty1", { xs: 6, sm: 6, md: 0, lg: 3 }),
         getArrayControl("InputFormatingAndMasking", "formatElement", "Format Element"),
         getInputField("keyName", "Event Key Name"),
       ]
@@ -489,12 +494,22 @@ export const buildPropertiesSection = function (type: String) {
       uiSchema.elements = [
         getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
         getRadioInputField("freeSolo", "FreeSolo", ["YES", "NO"]),
+        getSelectField("variant", "Variant", [
+          { label: "Outlined", value: "outlined" },
+          { label: "Filled", value: "filled" },
+          { label: "Standard", value: "standard" },
+        ]),
         emptyBox("SelectEmpty")
       ]
       break;
     case "MultipleSelect":
       uiSchema.elements = [
         getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
+        getSelectField("variant", "Variant", [
+          { label: "Outlined", value: "outlined" },
+          { label: "Filled", value: "filled" },
+          { label: "Standard", value: "standard" },
+        ]),
         emptyBox("MultipleSelectEmpty1", { xs: 0, sm: 6, md: 4, lg: 4 }),
         emptyBox("MultipleSelectEmpty2")
       ]

package/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.ts

@@ -11,7 +11,7 @@ export default {
       label: "",
       type: "text",
       multiple: true,
-      variant: "standard",
+      variant: "outlined",
       options: [],
     },
   },

package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts

@@ -58,6 +58,13 @@ export const ComponentSchema: any = {
         { title: "Amount Column", const: "amount" },
       ]
     },
+    variant: {
+      oneOf: [
+          { title: "Outlined", const: "outlined" },
+          { title: "Filled", const: "filled" },
+          { title: "Standard", const: "standard" },
+        ]
+    },
     orientation: {
       oneOf: [
         { title: "Horizontal", const: "horizontal" },

package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts

@@ -50,11 +50,26 @@ export const PageMasterUiSchema: any = (theme) => {
               },
             },
           },
+          {
+            type: "Control",
+            scope: "#/properties/hasBackIcon",
+
+            options: {
+              widget: "RadioInputField",
+            },
+            config: {
+              layout: { xs: 12, sm: 6, md: 4, lg: 3 },
+              main: {
+                label: "Back Icon",
+                options: [{label: "Yes",const: "YES"}, {label: "No",const: "NO"}],
+              },
+            },
+          },
           {
             type: "Control",
             scope: "#/properties/EmptyBox",
             config: {
-              layout: { xs: 0, sm: 0, md: 4, lg: 6 },
+              layout: { xs: 0, sm: 6, md: 0, lg: 3 },
             },
             options: {
               widget: "EmptyBox",

package/src/impaktapps-ui-builder/runtime/services/service.ts

@@ -19,7 +19,8 @@ interface funcParamsProps {
   service: any,
   userValue: any,
   pageDataProvider: any,
-  functionsProvider?: Record<string, any>
+  functionsProvider?: Record<string, any>,
+  setExternaldata?: any
 }
 let pageData: any = false;
 export const extractEvents = (eventConfig: any) => {
@@ -77,118 +78,15 @@ export default (funcParams: funcParamsProps) => {
       eventGroups = {};
       pageData = await funcParams.pageDataProvider();
       const config = pageData?.config;
+
+      funcParams?.setExternaldata();
+
       const uiSchema = pageData?.uiSchema;
       const event = new CustomEvent('pageNameChanged', {
-        detail: { pageName: config.label, hasBackIcon: true }
+        detail: { pageName: config.label, hasBackIcon: config.hasBackIcon }
       });
       window.dispatchEvent(event)
       const theme = funcParams?.store?.theme?.myTheme;
-      uiSchema.elements.push(
-        {
-          type: "HorizontalLayout",
-          config: {
-            main: {
-              direction: "row",
-            },
-            style: {
-              flexDirection: "row",
-              position: "absolute",
-              bottom: 0,
-              height: "fit-content",
-              overflow: "hidden",
-              zIndex: 1000,
-              width: "inherit",
-            },
-          },
-          elements: [
-            {
-              type: "Control",
-              scope: "#/properties/FooterText",
-              options: {
-                widget: "Box",
-              },
-              config: {
-                main: {
-                  heading: "Copywriter@ACT21.IO",
-                },
-                style: {
-                  color: theme?.palette?.text?.disabled || "#AFAFAF",
-                  fontSize: "11px",
-                  textAlign: "center",
-                  lineHeight: 2,
-                  width: "fit-content",
-                  left: "50%",
-                  position: "relative",
-                  margin: 0,
-                  flexGrow: 1,
-                  height: 0,
-                  transform: "translate(-50%, 0%)",
-                },
-              },
-            },
-            {
-              type: "Control",
-              scope: "#/properties/FooterBackIcon",
-              options: {
-                widget: "Box",
-              },
-              config: {
-                main: {
-                  iconName: "PrevIcon",
-                  onClick: "backHandler",
-                  width: "fit-content",
-                },
-                style: {
-                  fill: theme?.palette?.primary?.main,
-                  width: 20,
-                  height: 0,
-                  top: 0,
-                  right: { xs: "12px", sm: "84px" },
-                  position: "absolute",
-                  fontSize: "12px",
-                  cursor: "pointer",
-                  ":hover": {
-                    fill: theme?.palette?.primary?.dark,
-                  },
-                  marginRight: "20px",
-                },
-              },
-            },
-            {
-              type: "Control",
-              scope: "#/properties/FooterBackHandlerText",
-              options: {
-                widget: "Box",
-              },
-              config: {
-                main: {
-                  heading: "Previous Page",
-                  onClick: "backHandler",
-                },
-                style: {
-                  display: { xs: "none", sm: "flex" },
-                  textAlign: "left",
-                  lineHeight: 1,
-                  height: 0,
-                  width: "fit-content",
-                  color: theme?.palette?.primary?.main,
-                  fontSize: "12px",
-                  cursor: "pointer",
-                  marginLeft: "2px",
-
-                  top: 3,
-                  right: "12px",
-                  position: "absolute",
-                  ":hover": {
-                    color: theme?.palette?.primary?.dark,
-                  },
-                  marginRight: "4px",
-                },
-              },
-            },
-          ],
-        }
-      );
       const schema = pageData?.schema ?? { type: "object", properties: {} };
       eventGroups = extractEvents(config);
       executeEventsParameters = {
@@ -236,7 +134,7 @@ export default (funcParams: funcParamsProps) => {
     onKeyDown: function () {
       this.callHandler("onKeyDown")
     },
-    onFileDelete: function () {
+    onFileDelete: async function () {
       this.callHandler("onFileDelete")
     },
     onMount: function () {