impaktapps-ui-builder 0.0.412-mtreemap.3 → 0.0.412-mtreemap.31

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

@@ -1,150 +1,106 @@
-export const TableSection = {
-  type: "HorizontalLayout",
-  elements: [
-    // {
-    //   type: "WrapperLayout",
-    //   config: {
-    //     main: {
-    //       // label: "Table Columns",
-    //       // divider: true,
-    //     },
-    //     wrapperStyle: {
-    //       border:"1px solid gray"
-    //     },
-    //   },
-    //   elements: [
-    //     {
-    //       type: "Control",
-    //       scope: "#/properties/programType",
-
-    //       options: {
-    //         widget: "Box",
-    //       },
-    //       config: {
-    //         layout: 8,
-    //         main: {
-    //           heading: "Components Table",
-    //         },
-    //         style: {
-    //           fontFamily: "Roboto",
-    //           fontWeight: "500",
-    //           paddingLeft:"-10px",
-    //           fontSize: "20px",},
-    //       },
-    //     },
-    //     {
-    //       type: "Control",
-    //       scope: "#/properties/Back_Button",
-
-    //       options: {
-    //         widget: "IconButton",
-    //       },
-    //       config: {
-    //         layout: 3,
-    //         main: {
-    //           icon: "AddIcon",
-    //           styleDefault: true,
-    //           size: "small",
-    //           onClick: "widgetAddClickHandler",
-    //           tooltipMessage: "Add New",
-    //         },
-    //         style: {
-    //           float: "right", 
-    //         },
-    //       },
-    //     },
-    {
-      type: "Control",
-      scope: "#/properties/elements",
-      options: {
-        widget: "Table",
-      },
-      config: {
-        main: {
-          headerIcons: {
-            elements: [
-              {
-                widget: {
-                  type: "Control",
-                  scope: "#/properties/New_Record",
+export const TableSection = (theme) => {
+  const uiSchema = {
+    type: "HorizontalLayout",
+    elements: [
+      {
+        type: "Control",
+        scope: "#/properties/elements",
+        options: {
+          widget: "Table",
+        },
+        config: {
+          main: {
+            headerIcons: {
+              elements: [
+                {
+                  widget: {
+                    type: "Control",
+                    scope: "#/properties/New_Record",
 
-                  options: {
-                    widget: "IconButton",
-                  },
-                  config: {
-                    main: {
-                      color: "info",
-                      onClick: "widgetAddClickHandler",
-                      size: "small",
-                      icon: "AddIcon",
-                      iconLabel: "Add New",
-                      styleDefault: true,
+                    options: {
+                      widget: "IconButton",
                     },
-                    style: {
-                      mt: "6px",
+                    config: {
+                      main: {
+                        color: "info",
+                        onClick: "widgetAddClickHandler",
+                        size: "small",
+                        icon: "AddIcon",
+                        iconLabel: "Add New",
+                        styleDefault: true,
+                      },
+                      style: {
+                        mt: "6px",
+                      },
                     },
-                  },
-                }
-              },
-            ]
-          },
-          disableAction: true,
-          disableSelection: true,
-          enableDrag: true,
+                  }
+                },
+              ]
+            },
+            disableAction: true,
+            disableSelection: true,
+            enableDrag: true,
 
+          },
         },
-      },
-      elements: [
-        {
-          accessorKey: "name",
-          header: "Name"
-        },
-        {
-          accessorKey: "type",
-          header: "Type"
-        },
-        {
-          header: "Edit Record",
-          field: "Reject_Records",
-          flex: 1,
-          widget: {
-            type: "Control",
-            scope: "#/properties/RejectButton",
-            options: {
-              widget: "IconButton",
-            },
-            config: {
-              main: {
-                icon: "EditIcon",
-                color: "primary",
-                onClick: "editComponents",
-                tooltipMessage: "Reject This Record",
+        elements: [
+          {
+            accessorKey: "name",
+            header: "Name"
+          },
+          {
+            accessorKey: "type",
+            header: "Type"
+          },
+          {
+            header: "Edit Record",
+            field: "Reject_Records",
+            flex: 1,
+            widget: {
+              type: "Control",
+              scope: "#/properties/RejectButton",
+              options: {
+                widget: "IconButton",
+              },
+              config: {
+                main: {
+                  icon: "EditIcon",
+                  color: "primary",
+                  onClick: "editComponents",
+                  tooltipMessage: "Reject This Record",
+                },
+
+                style: {
+                  color: theme.palette.primary.main,
+                },
               },
             },
           },
-        },
-        {
-          header: "Delete",
-          field: "Reject_Records",
-          flex: 1,
-          widget: {
-            type: "Control",
-            scope: "#/properties/RejectButton",
-            options: {
-              widget: "IconButton",
-            },
-            config: {
-              main: {
-                icon: "RejectIcon",
-                color: "error",
-                onClick: "deleteComponent",
-                tooltipMessage: "Reject This Record",
+          {
+            header: "Delete",
+            field: "Reject_Records",
+            flex: 1,
+            widget: {
+              type: "Control",
+              scope: "#/properties/RejectButton",
+              options: {
+                widget: "IconButton",
+              },
+              config: {
+                main: {
+                  icon: "RejectIcon",
+                  color: "error",
+                  onClick: "deletePopUpComponent",
+                  tooltipMessage: "Reject This Record",
+                },
               },
             },
-          },
-        }
-      ]
-    }]
+          }
+        ]
+      }]
+  }
+
+  return uiSchema
 }
 // ]}
 

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

@@ -6,7 +6,7 @@ export const ValueTab = {
     {
       type: "Control",
       scope: "#/properties/value",
-      layout: 11.5,
+      layout: 12,
       options: {
         detail: {
           type: "HorizontalLayout",

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

@@ -4,6 +4,7 @@ export default {
       main: {
         rowSpacing: 3,
         divider: true,
+        label: "Default Label",
       },
       defaultStyle: true,
     },

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

@@ -37,8 +37,6 @@ export const ComponentSchema: any = {
         { title: "Tabs", const: "TabSection" },
         { title: "Text", const: "Text" },
         { title: "Text Area", const: "TextArea" },
-        // { title: "Timer", const: "Timer" },
-        // { title: "Upload File", const: "UploadFile" },
         { title: "Timer", const: "Timer" },
         { title: "Upload File", const: "UploadFile" },
         { title: "TreeMap", const: "TreeMap" },