impaktapps-ui-builder 1.0.59 → 1.0.60

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

@@ -6304,6 +6304,13 @@ const ComponentSchema = {
         { 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" },
@@ -7760,7 +7767,8 @@ const buildPropertiesSection = function(type) {
       uiSchema.elements = [
         getInputField("placeholder", "Placeholder"),
         getRadioInputField("multiline", "Multiline", ["YES", "NO"]),
-        emptyBox$1("TextEmpty1", { xs: 0, sm: 0, md: 4, lg: 4 }),
+        getSelectField("variant", "Variant"),
+        emptyBox$1("TextEmpty1", { xs: 6, sm: 6, md: 0, lg: 3 }),
         getArrayControl("InputFormatingAndMasking", "formatElement", "Format Element"),
         getInputField("keyName", "Event Key Name")
       ];
@@ -7913,12 +7921,14 @@ const buildPropertiesSection = function(type) {
       uiSchema.elements = [
         getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
         getRadioInputField("freeSolo", "FreeSolo", ["YES", "NO"]),
+        getSelectField("variant", "Variant"),
         emptyBox$1("SelectEmpty")
       ];
       break;
     case "MultipleSelect":
       uiSchema.elements = [
         getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
+        getSelectField("variant", "Variant"),
         emptyBox$1("MultipleSelectEmpty1", { xs: 0, sm: 6, md: 4, lg: 4 }),
         emptyBox$1("MultipleSelectEmpty2")
       ];
@@ -10329,6 +10339,7 @@ var service = (funcParams) => {
       eventGroups = {};
       pageData = await funcParams.pageDataProvider();
       const config2 = pageData == null ? void 0 : pageData.config;
+      funcParams == null ? void 0 : funcParams.setExternaldata();
       const uiSchema = pageData == null ? void 0 : pageData.uiSchema;
       const event2 = new CustomEvent("pageNameChanged", {
         detail: { pageName: config2.label, hasBackIcon: true }
@@ -11106,6 +11117,9 @@ const buildTextField = (config2, componentScope2) => {
   if (config2.placeholder) {
     inputField.config.main.placeholder = config2.placeholder;
   }
+  if (config2.variant) {
+    inputField.config.main.variant = config2.variant;
+  }
   if (config2.layout) {
     inputField.config.layout = createLayoutFormat(config2.layout);
   }
@@ -11140,6 +11154,9 @@ const buildSelect = (config2, componentScope2) => {
   if (config2.lazyLoading) {
     selectInputField.config.main.lazyLoading = config2.lazyLoading === "YES" ? true : false;
   }
+  if (config2.variant) {
+    selectInputField.config.main.variant = config2.variant;
+  }
   if (config2.layout) {
     selectInputField.config.layout = createLayoutFormat(config2.layout);
   }
@@ -11746,7 +11763,7 @@ var MultipleSelect = {
       label: "",
       type: "text",
       multiple: true,
-      variant: "standard",
+      variant: "outlined",
       options: []
     }
   }
@@ -11763,6 +11780,9 @@ const buildMultiSelect = (config2, componentScope2) => {
   if (config2.value) {
     multipleSelect.config.main.options = config2.value;
   }
+  if (config2.variant) {
+    multipleSelect.config.main.variant = config2.variant;
+  }
   if (config2.lazyLoading) {
     multipleSelect.config.main.lazyLoading = config2.lazyLoading === "YES" ? true : false;
   }