impaktapps-ui-builder 0.0.101-alpha.14 → 0.0.101-alpha.16

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

@@ -6240,10 +6240,10 @@ const ComponentSchema = {
   properties: {
     type: {
       oneOf: [
-        { title: "AadharcardText", const: "AadharcardText" },
+        { title: "Masked Aadhaar", const: "AadharcardText" },
         { title: "Array", const: "Array" },
         { title: "Button", const: "Button" },
-        { title: "Card", const: "card" },
+        { title: "Data Card", const: "card" },
         { title: "CheckBox", const: "CheckBox" },
         { title: "Container", const: "WrapperSection" },
         { title: "DataGrid", const: "DataGrid" },
@@ -7519,7 +7519,7 @@ const getInputField = (scope, label) => {
       widget: "InputField"
     },
     config: {
-      layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+      layout: { xs: 6, sm: 6, md: 4, lg: 3 },
       main: {
         label
       }
@@ -7534,7 +7534,7 @@ const getRadioInputField = (scope, label, options) => {
       widget: "RadioInputField"
     },
     config: {
-      layout: { xs: 12, sm: 6, md: 4, lg: 4 },
+      layout: { xs: 12, sm: 6, md: 4, lg: 3 },
       main: {
         label,
         options
@@ -7600,7 +7600,7 @@ const getSelectField = (scope, label, options) => {
       widget: "SelectInputField"
     },
     config: {
-      layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+      layout: { xs: 6, sm: 6, md: 4, lg: 3 },
       main: {
         label,
         type: "text"
@@ -7616,7 +7616,7 @@ const getMultiSelectField = (scope, label) => {
       widget: "MultipleSelect"
     },
     config: {
-      layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+      layout: { xs: 6, sm: 6, md: 4, lg: 3 },
       main: {
         multiple: true,
         label,
@@ -7625,12 +7625,18 @@ const getMultiSelectField = (scope, label) => {
     }
   };
 };
-const GraphSection = {
+const BaseSection = {
   type: "WrapperLayout",
+  config: {
+    main: {
+      label: " ",
+      gap: "8px"
+    }
+  },
   elements: []
 };
 const buildPropertiesSection = function(type) {
-  let uiSchema = _.cloneDeep(GraphSection);
+  let uiSchema = _.cloneDeep(BaseSection);
   switch (type) {
     case "TreeMap":
       uiSchema.elements = [
@@ -7911,15 +7917,20 @@ const TableSection = (theme) => {
                     },
                     config: {
                       main: {
-                        color: "info",
                         onClick: "widgetAddClickHandler",
                         size: "small",
-                        icon: "AddIcon",
-                        iconLabel: "Add New",
+                        icon: "TableAddIcon",
+                        iconLabel: "Add",
                         styleDefault: true
                       },
                       style: {
-                        mt: "6px"
+                        mt: "6px",
+                        color: "inherit",
+                        fill: "inherit",
+                        "&:hover": {
+                          color: "inherit",
+                          fill: "inherit"
+                        }
                       }
                     }
                   }
@@ -7935,12 +7946,18 @@ const TableSection = (theme) => {
                       main: {
                         onClick: "copyPasteElement",
                         size: "small",
-                        icon: "PasteIcon",
+                        icon: "TablePaste",
                         iconLabel: "Paste",
                         styleDefault: true
                       },
                       style: {
-                        mt: "6px"
+                        mt: "6px",
+                        color: "inherit",
+                        fill: "inherit",
+                        "&:hover": {
+                          color: "inherit",
+                          fill: "inherit"
+                        }
                       }
                     }
                   }
@@ -7955,16 +7972,21 @@ const TableSection = (theme) => {
         elements: [
           {
             accessorKey: "name",
-            header: "Name"
+            header: "Name",
+            type: "string",
+            size: 300
           },
           {
             accessorKey: "type",
-            header: "Type"
+            header: "Type",
+            type: "string",
+            size: 200
           },
           {
             header: "Edit Record",
             field: "Reject_Records",
-            flex: 1,
+            size: 150,
+            type: "action",
             widget: {
               type: "Control",
               scope: "#/properties/RejectButton",
@@ -7973,13 +7995,16 @@ const TableSection = (theme) => {
               },
               config: {
                 main: {
-                  icon: "EditIcon",
-                  color: "primary",
+                  icon: "TableEditIcon",
+                  size: "small",
                   onClick: "editComponents",
                   tooltipMessage: "Reject This Record"
                 },
                 style: {
-                  color: theme.palette.primary.main
+                  fill: theme.palette.primary.main,
+                  "& :hover": {
+                    fill: theme.palette.primary.dark
+                  }
                 }
               }
             }
@@ -7987,7 +8012,8 @@ const TableSection = (theme) => {
           {
             header: "Delete",
             field: "Reject_Records",
-            flex: 1,
+            size: 150,
+            type: "action",
             widget: {
               type: "Control",
               scope: "#/properties/RejectButton",
@@ -7996,10 +8022,15 @@ const TableSection = (theme) => {
               },
               config: {
                 main: {
-                  icon: "RejectIcon",
-                  color: "error",
+                  icon: "Bin",
                   onClick: "deletePopUpComponent",
                   tooltipMessage: "Reject This Record"
+                },
+                style: {
+                  fill: theme.palette.primary.main,
+                  "& :hover": {
+                    fill: theme.palette.primary.dark
+                  }
                 }
               }
             }
@@ -8007,7 +8038,8 @@ const TableSection = (theme) => {
           {
             header: "Copy",
             field: "Copy_Component",
-            flex: 1,
+            size: 150,
+            type: "action",
             widget: {
               type: "Control",
               scope: "#/properties/Copy_Component",
@@ -8031,55 +8063,75 @@ const TableSection = (theme) => {
   return uiSchema;
 };
 const ValueTab = {
-  type: "HorizontalLayout",
+  type: "WrapperLayout",
+  config: {
+    main: {
+      label: " ",
+      gap: "8px"
+    }
+  },
   elements: [
     {
       type: "Control",
       scope: "#/properties/value",
-      layout: 12,
       options: {
-        detail: {
-          type: "HorizontalLayout",
-          elements: [
-            {
-              type: "Control",
-              scope: "#/properties/label",
-              options: {
-                widget: "InputField"
-              },
-              config: {
-                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
-                main: {
-                  label: "Label"
-                }
-              }
-            },
-            {
-              type: "Control",
-              scope: "#/properties/value",
-              options: {
-                widget: "InputField"
-              },
-              config: {
-                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
-                main: {
-                  label: "Value"
-                }
-              }
-            },
-            {
-              type: "Control",
-              scope: "#/properties/emptyBox",
-              options: {
-                widget: "EmptyBox"
-              },
-              config: {
-                layout: { xs: 0, sm: 0, md: 4, lg: 4 }
-              }
+        widget: "Array"
+      },
+      config: {
+        layout: 12,
+        main: {
+          label: "Value",
+          childElementLabel: "Value"
+        },
+        style: {
+          marginLeft: "-24px",
+          marginBottom: "24px !important",
+          labelStyle: {
+            marginLeft: "24px"
+          },
+          detailsStyle: {
+            marginLeft: "24px"
+          }
+        }
+      },
+      elements: [
+        {
+          type: "Control",
+          scope: "#/properties/label",
+          options: {
+            widget: "InputField"
+          },
+          config: {
+            layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+            main: {
+              label: "Label"
             }
-          ]
+          }
+        },
+        {
+          type: "Control",
+          scope: "#/properties/value",
+          options: {
+            widget: "InputField"
+          },
+          config: {
+            layout: { xs: 6, sm: 6, md: 4, lg: 4 },
+            main: {
+              label: "Value"
+            }
+          }
+        },
+        {
+          type: "Control",
+          scope: "#/properties/emptyBox",
+          options: {
+            widget: "EmptyBox"
+          },
+          config: {
+            layout: { xs: 0, sm: 0, md: 4, lg: 4 }
+          }
         }
-      }
+      ]
     }
   ]
 };