impaktapps-ui-builder 1.0.50-alpha.11 → 1.0.50-alpha.21

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

@@ -6287,8 +6287,7 @@ const ComponentSchema = {
         { title: "Upload", const: "UploadFile" },
         { title: "Tree ", const: "TreeMap" },
         { title: "Column Group", const: "ColumnGroup" },
-        { title: "Thought of the day", const: "Thought" },
-        { title: "Phone Input", const: "PhoneInput" }
+        { title: "Thought of the day", const: "Thought" }
       ]
     },
     elementType: {
@@ -6305,6 +6304,23 @@ const ComponentSchema = {
         { title: "Amount Column", const: "amount" }
       ]
     },
+    filterVariant: {
+      oneOf: [
+        { title: "Text", const: "text" },
+        { title: "Autocomplete", const: "autocomplete" },
+        { title: "Select", const: "select" },
+        { title: "Multi-Select", const: "multi-select" },
+        { title: "Range", const: "range" },
+        { title: "Range Slider", const: "range-slider" },
+        { title: "Date", const: "date" },
+        { title: "DateTime", const: "datetime" },
+        { title: "Date Range", const: "date-range" },
+        { title: "DateTime Range", const: "datetime-range" },
+        { title: "Time", const: "time" },
+        { title: "Time Range", const: "time-range" },
+        { title: "Checkbox", const: "checkbox" }
+      ]
+    },
     orientation: {
       oneOf: [
         { title: "Horizontal", const: "horizontal" },
@@ -6551,7 +6567,33 @@ const ComponentSchema = {
         { title: "Error Icon", const: "ErrorIcon" },
         { title: "Refresh Icon", const: "RefreshIcon" },
         { title: "Download Icon", const: "DownloadIcon" },
-        { title: "Exception Icon", const: "ExceptionIcon" }
+        { title: "Exception Icon", const: "ExceptionIcon" },
+        { "title": "Alarm Icon", "const": "AlarmIcon" },
+        { "title": "Click Icon", "const": "ClickIcon" },
+        { "title": "Content Copy Icon", "const": "ContentCopyIcon" },
+        { "title": "File Copy Icon", "const": "FileCopyIcon" },
+        { "title": "Pause Icon", "const": "PauseIcon" },
+        { "title": "Play Icon", "const": "PlayIcon" },
+        { "title": "Close Icon", "const": "CloseIcon" },
+        { "title": "Replay Icon", "const": "ReplayIcon" },
+        { "title": "Delete Icon", "const": "DeleteIcon" },
+        { "title": "Drafts Icon", "const": "DraftsIcon" },
+        { "title": "Perm Phone Msg Icon", "const": "PermPhoneMsgIcon" },
+        { "title": "Paste Icon", "const": "PasteIcon" },
+        { "title": "Prev Icon", "const": "PrevIcon" },
+        { "title": "Verified Icon", "const": "VerifiedIcon" },
+        { "title": "Table Add Icon", "const": "TableAddIcon" },
+        { "title": "Table Download Icon", "const": "TableDownloadIcon" },
+        { "title": "Audit Trail Icon", "const": "AuditTrailIcon" },
+        { "title": "View Component", "const": "View" },
+        { "title": "Table Edit Icon", "const": "TableEditIcon" },
+        { "title": "Maximize Icon", "const": "Maximize" },
+        { "title": "Minimize Icon", "const": "Minimize" },
+        { "title": "Subtract Icon", "const": "Subtract" },
+        { "title": "Bin Icon", "const": "Bin" },
+        { "title": "Export Icon", "const": "Export" },
+        { "title": "Table Paste Icon", "const": "TablePaste" },
+        { "title": "Clone Icon", "const": "CloneIcon" }
       ]
     },
     color: {
@@ -6644,7 +6686,7 @@ const componentBasicUiSchema = (theme) => {
                   widget: "InputField"
                 },
                 config: {
-                  layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+                  layout: { xs: 12, sm: 6, md: 4, lg: 3 },
                   main: {
                     label: "Component ID",
                     required: true
@@ -7168,7 +7210,7 @@ const CoreSection = {
         widget: "InputField"
       },
       config: {
-        layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+        layout: { xs: 12, sm: 6, md: 4, lg: 3 },
         main: {
           label: "Component ID",
           required: true
@@ -8269,21 +8311,12 @@ var buildConfig = (FormData) => {
   component = { ...formData, ...component };
   return component;
 };
-const createLayoutFormat = (layout, type) => {
-  if (_.isEmpty(layout)) {
-    const fullLayoutComponents = ["Array", "WrapperSection", "DataGrid", "LeaderBoard", "PopUp", "Table", "TabSection", "TextArea", "TreeMap", "Thought"];
-    if (fullLayoutComponents.includes(type)) {
-      return { xs: 12, sm: 12, md: 12, lg: 12 };
-    } else if (type === "Graph") {
-      return { xs: 12, sm: 12, md: 12, lg: 6 };
-    } else if (type === "Button") {
-      return { xs: 4, sm: 2.5, md: 2, lg: 1.5 };
-    } else {
-      return { xs: 6, sm: 6, md: 4, lg: 3 };
-    }
+const createLayoutFormat = (config2) => {
+  if (_.isEmpty(config2)) {
+    return { xs: 12, sm: 6, md: 4, lg: 3 };
   }
   let data = {};
-  layout.map((e) => {
+  config2.map((e) => {
     data[e.key || "xs"] = +e.value || 5.5;
   });
   return data;
@@ -8529,6 +8562,18 @@ function refreshPage(type, store2) {
           label: "Element Type"
         }
       }
+    }, UiSchema.elements[0].elements[0].elements[10] = {
+      type: "Control",
+      scope: "#/properties/filterVariant",
+      options: {
+        widget: "SelectInputField"
+      },
+      config: {
+        layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+        main: {
+          label: "Filter Variant"
+        }
+      }
     };
   }
   if (sessionStorage.getItem("copiedConfig")) {
@@ -10300,7 +10345,6 @@ 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 }
@@ -10413,9 +10457,7 @@ var service = (funcParams) => {
         }
       );
       const schema2 = (_m = pageData == null ? void 0 : pageData.schema) != null ? _m : { type: "object", properties: {} };
-      const newEventGroups = extractEvents(config2);
-      console.log("newEventGroups", newEventGroups, eventGroups);
-      eventGroups = newEventGroups;
+      eventGroups = extractEvents(config2);
       executeEventsParameters = {
         config: {},
         componentName: "",
@@ -10425,7 +10467,7 @@ var service = (funcParams) => {
         service: funcParams.service,
         functionsProvider: funcParams.functionsProvider,
         serviceHolder: this,
-        eventGroups: newEventGroups,
+        eventGroups,
         formDataHolder
       };
       await executeRefreshHandler({
@@ -10436,7 +10478,7 @@ var service = (funcParams) => {
         userValue: funcParams.userValue,
         service: funcParams.service,
         serviceHolder: this,
-        eventGroups: newEventGroups,
+        eventGroups,
         formDataHolder: {}
       });
       funcParams.store.setSchema(
@@ -11015,7 +11057,6 @@ const buildTabSection = (config2, componentScope2) => {
 var WrapperSection = {
   type: "WrapperLayout",
   config: {
-    layout: 12,
     main: {
       rowSpacing: 3,
       divider: true,
@@ -11049,7 +11090,7 @@ var TextInputField = {
     widget: "InputField"
   },
   config: {
-    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+    layout: { xs: 12, sm: 6, md: 4, lg: 4 },
     main: {
       label: ""
     },
@@ -11085,7 +11126,7 @@ var SelectInputField = {
     widget: "SelectInputField"
   },
   config: {
-    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+    layout: { xs: 12, sm: 6, md: 4, lg: 3 },
     main: {
       label: "",
       type: "text",
@@ -11118,7 +11159,7 @@ var Button = {
     widget: "Button"
   },
   config: {
-    layout: { xs: 4, sm: 2.5, md: 2, lg: 1.5 },
+    layout: 3,
     main: {
       name: "Compare",
       variant: "contained",
@@ -11174,7 +11215,6 @@ var Table = {
   },
   elements: [],
   config: {
-    layout: 12,
     main: {
       onMount: "onMount",
       enableExpandAll: true,
@@ -11266,7 +11306,7 @@ const Box = {
     widget: "Box"
   },
   config: {
-    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+    layout: 12,
     main: {},
     style: {}
   }
@@ -11296,7 +11336,7 @@ const uploadFile = {
     "style": {
       "backgroundColor": "none"
     },
-    layout: { xs: 6, sm: 6, md: 4, lg: 3 }
+    layout: { xs: 6, sm: 6, md: 4, lg: 4 }
   },
   "options": {
     "widget": "UploadFile"
@@ -11313,7 +11353,7 @@ const downloadFile = {
     "style": {
       "backgroundColor": "none"
     },
-    layout: { xs: 12, sm: 6, md: 4, lg: 3 }
+    layout: { xs: 12, sm: 6, md: 4, lg: 4 }
   },
   "options": {
     "widget": "DownloadFile"
@@ -11584,7 +11624,7 @@ var DateInputField = {
     widget: "DateInputField"
   },
   config: {
-    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+    layout: { xs: 6, sm: 6, md: 4, lg: 4 },
     main: {
       label: "",
       type: "date"
@@ -11598,7 +11638,7 @@ const DateTime = {
     widget: "DateTimeInputField"
   },
   config: {
-    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+    layout: { xs: 6, sm: 6, md: 4, lg: 4 },
     main: {
       label: "DateTime",
       type: "date"
@@ -11706,7 +11746,7 @@ var MultipleSelect = {
     widget: "MultipleSelect"
   },
   config: {
-    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+    layout: { xs: 6, sm: 6, md: 4, lg: 4 },
     main: {
       label: "",
       type: "text",
@@ -11750,7 +11790,7 @@ const TextArea = {
     widget: "TextArea"
   },
   config: {
-    layout: 12,
+    layout: { xs: 12, sm: 12, md: 5.5, lg: 5.5 },
     style: {
       containerStyle: {
         borderRadius: "20px"
@@ -11816,11 +11856,11 @@ const buildSlider = (config2, componentScope2) => {
 const Checkbox = {
   "type": "Control",
   "scope": "#/properties/username1",
+  "layout": 12,
   "options": {
     "widget": "CheckBox"
   },
   "config": {
-    "layout": { xs: 6, sm: 6, md: 4, lg: 3 },
     "main": {
       "label": "Welcome to Hyperform"
     }
@@ -11886,7 +11926,7 @@ const RadioUiSchema = {
     widget: "RadioInputField"
   },
   config: {
-    layout: { xs: 12, sm: 6, md: 4, lg: 3 },
+    layout: { xs: 12, sm: 6, md: 4, lg: 4 },
     main: {
       label: "Enabled",
       options: ["YES", "NO"],
@@ -11916,7 +11956,7 @@ var emptyBox = {
     widget: "EmptyBox"
   },
   config: {
-    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+    layout: { xs: 0, sm: 4, md: 4, lg: 4 },
     main: {},
     style: {}
   }
@@ -11931,7 +11971,7 @@ const buildEmptyBox = (config2, componentScope2) => {
 const ArrayUiSchema = {
   type: "Control",
   scope: "#/properties/adjustments",
-  layout: 12,
+  layout: 11.5,
   elements: [],
   config: {
     main: {}
@@ -11958,7 +11998,7 @@ const TextField = {
     "widget": "InputField"
   },
   config: {
-    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+    layout: { xs: 12, sm: 6, md: 4, lg: 4 },
     main: {
       label: "Adhaar Card",
       formatStrArray: ["9", "9", "9", "9", " ", "9", "9", "9", "9", " ", "X9", "X9", "X9", "X9"],
@@ -11987,7 +12027,7 @@ const PanField = {
     "widget": "InputField"
   },
   config: {
-    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+    layout: { xs: 12, sm: 6, md: 4, lg: 4 },
     main: {
       label: "Pan Card",
       placeholder: "AAAAA0000A",
@@ -12015,7 +12055,7 @@ const FileInput = {
     widget: "FileInputField"
   },
   config: {
-    layout: { xs: 12, sm: 6, md: 4, lg: 3 },
+    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
     main: {
       required: false,
       onUpload: "onFileUpload",
@@ -12205,7 +12245,6 @@ const TreeMap = {
   "type": "Control",
   "scope": "#/properties/TreeMap2",
   "config": {
-    layout: 12,
     "main": {
       "layout": "cartsian",
       orientation: "vertical",
@@ -12284,39 +12323,6 @@ const buildThoughtOfTheDay = (config2, componentScope2) => {
   }
   return thought;
 };
-const PhoneInput = {
-  scope: "#/properties/testPhone",
-  type: "Control",
-  options: {
-    widget: "PhoneInput"
-  },
-  config: {
-    layout: { xs: 6, sm: 6, md: 4, lg: 3 },
-    main: {
-      defaultCountry: "in",
-      label: "Phone"
-    }
-  }
-};
-const buildPhoneInputField = (config2, componentScope2) => {
-  const phonInputField = _.cloneDeep(PhoneInput);
-  phonInputField.config.main.label = config2.label;
-  if (config2.style) {
-    phonInputField.config.style = JSON.parse(config2.style);
-  }
-  if (config2.InputFormatingAndMasking) {
-    phonInputField.config.main.formatStrArray = config2.InputFormatingAndMasking.map((e) => e.formatElement);
-  }
-  if (config2.placeholder) {
-    phonInputField.config.main.placeholder = config2.placeholder;
-  }
-  if (config2.layout) {
-    phonInputField.config.layout = createLayoutFormat(config2.layout);
-  }
-  phonInputField.config.main.errorMessage = `${config2.name} is empty or invalid`;
-  phonInputField.scope = componentScope2;
-  return phonInputField;
-};
 let schema = {
   type: "object",
   properties: {},
@@ -12571,9 +12577,6 @@ const buildUiSchema = (config2, store2) => {
     case "Thought":
       elements = buildThoughtOfTheDay(config2, componentScope2);
       break;
-    case "PhoneInput":
-      elements = buildPhoneInputField(config2, componentScope2);
-      break;
     default:
       schema = {
         type: "object",
@@ -12620,7 +12623,8 @@ const buildUiSchema = (config2, store2) => {
           enableColumnFilter: cellElem.enableFilter === "No" ? false : true,
           columnFilterModeOptions: cellElem.filteringOptions,
           enableSorting: cellElem.enableSorting === "No" ? false : true,
-          columnKey: cellElem.columnKey
+          columnKey: cellElem.columnKey,
+          filterVariant: cellElem.filterVariant
         };
         if (cellElem.type) {
           if (cellElem.elementType == "action") {