impaktapps-ui-builder 0.0.382456 → 0.0.382460

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

@@ -1,124 +1,152 @@
-export const TableSection = {
-  type: "HorizontalLayout",
-  elements: [
-        {
-          type: "WrapperLayout",
-          config: {
-            main: {
-              // label: "Table Columns",
-              // divider: true,
-            },
-            wrapperStyle: {
-              border:"1px solid gray"
+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,
+                      },
+                      style: {
+                        mt: "6px",
+                      },
+                    },
+                  }
+                },
+                {
+                  widget: {
+                    type: "Control",
+                    scope: "#/properties/Paste_Component",
+
+                    options: {
+                      widget: "IconButton",
+                    },
+                    config: {
+                      main: {
+                        // color: "info",
+                        onClick: "copyPasteElement",
+                        size: "small",
+                        icon: "PasteIcon",
+                        iconLabel: "Paste",
+                        styleDefault: true,
+                      },
+                      style: {
+                        mt: "6px",
+                      },
+                    },
+                  }
+                },
+              ]
             },
+            disableAction: true,
+            disableSelection: true,
+            enableDrag: true,
+
+          },
+        },
+        elements: [
+          {
+            accessorKey: "name",
+            header: "Name"
           },
-          elements: [
-            {
+          {
+            accessorKey: "type",
+            header: "Type"
+          },
+          {
+            header: "Edit Record",
+            field: "Reject_Records",
+            flex: 1,
+            widget: {
               type: "Control",
-              scope: "#/properties/programType",
-    
+              scope: "#/properties/RejectButton",
               options: {
-                widget: "Box",
+                widget: "IconButton",
               },
               config: {
-                layout: 8,
                 main: {
-                  heading: "Components Table",
+                  icon: "EditIcon",
+                  color: "primary",
+                  onClick: "editComponents",
+                  tooltipMessage: "Reject This Record",
                 },
+
                 style: {
-                  fontFamily: "Roboto",
-                  fontWeight: "500",
-                  paddingLeft:"-10px",
-                  fontSize: "20px",},
+                  color: theme.palette.primary.main,
+                },
               },
             },
-            {
+          },
+          {
+            header: "Delete",
+            field: "Reject_Records",
+            flex: 1,
+            widget: {
               type: "Control",
-              scope: "#/properties/Back_Button",
-    
+              scope: "#/properties/RejectButton",
               options: {
                 widget: "IconButton",
               },
               config: {
-                layout: 3,
                 main: {
-                  icon: "AddIcon",
-                  styleDefault: true,
-                  size: "small",
-                  onClick: "widgetAddClickHandler",
-                  tooltipMessage: "Add New",
-                },
-                style: {
-                  float: "right", 
+                  icon: "RejectIcon",
+                  color: "error",
+                  onClick: "deletePopUpComponent",
+                  tooltipMessage: "Reject This Record",
                 },
               },
             },
-    {
-      type: "Control",
-      scope: "#/properties/elements",
-      options: {
-        widget: "Table",
-      },
-      config: {
-        main: {
-          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",
-              },
-            },
           },
-        },
-        {
-          header: "Delete",
-          field: "Reject_Records",
-          flex: 1,
-          widget: {
-            type: "Control",
-            scope: "#/properties/RejectButton",
-            options: {
-              widget: "IconButton",
-            },
-            config: {
-              main: {
-                icon: "RejectIcon",
-                color: "error",
-                onClick: "deleteComponents",
-                tooltipMessage: "Reject This Record",
+          {
+            header: "Copy",
+            field: "Copy_Component",
+            flex: 1,
+            widget: {
+              type: "Control",
+              scope: "#/properties/Copy_Component",
+              options: {
+                widget: "IconButton",
+              },
+              config: {
+                main: {
+                  icon: "FileCopyIcon",
+                  // color: "error",
+                  onClick: "copyPasteElement",
+                  styleDefault: true,
+                  disabled: false
+                },
               },
             },
           },
-        }
-      ]
-    }]}
-  ]}
+        ]
+      }]
+  }
+
+  return uiSchema
+}
+// ]}
 
 export const TableSectionSchema = {
   columns: {

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

@@ -6,12 +6,7 @@ export default {
       widget: "InputField",
     },
     config: {
-      layout: {
-        xs: 11,
-        sm: 11,
-        md: 5.5,
-        lg: 5.5,
-      },
+      layout: { xs: 12, sm: 6, md: 4, lg: 4 },
       main: {
         label: "",
       },

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

@@ -0,0 +1,14 @@
+export default {
+    type: "Control",
+    scope: "#/properties/path",
+  
+    options: {
+      widget: "Thought",
+    },
+    config: {
+      layout: { xs: 11.5, sm: 11.5, md: 8, lg: 8 },
+      main: {
+      },
+    },
+  };
+  

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

@@ -8,25 +8,11 @@ export default {
           layout: {
             xs: 12,
             sm: 12,
-            md: 12,
-            lg: 12,
+            md: 6,
+            lg: 6,
           },
           main : {},
           style : {
-            digitContainer : {
-              borderRadius : "4px",
-              textShawdow : 'none',
-              width : "22%"
-            },
-            container : {
-              // backgroundColor : "rgb(249 249 249)",
-              backgroundColor : "#FFFFFF",
-              borderRadius : "18px"
-            },
-
-            containerLabelColor : {
-              color : "red"
-            }
           }
         }
 }

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

@@ -18,12 +18,7 @@ export const ValidationSection = {
                 widget: "SelectInputField",
               },
               config: {
-                layout: {
-                  xs: 11,
-                  sm: 11,
-                  md: 5.5,
-                  lg: 5.5,
-                },
+                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
                 main: {
                   label: "Validation Type",
                 },
@@ -37,16 +32,21 @@ export const ValidationSection = {
                 widget: "InputField",
               },
               config: {
-                layout: {
-                  xs: 11,
-                  sm: 11,
-                  md: 5.5,
-                  lg: 5.5,
-                },
+                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
                 main: {
                   label: "Validation Value",
                 },
               },
+            },
+            {
+              type: "Control",
+              scope: "#/properties/emptyBox",
+              options: {
+                widget: "EmptyBox"
+              },
+              config: {
+                layout: {xs: 0, sm: 0, md: 4}
+              }
             }
           ],
         },

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",
@@ -18,12 +18,7 @@ export const ValueTab = {
                 widget: "InputField",
               },
               config: {
-                layout: {
-                  xs: 11,
-                  sm: 11,
-                  md: 5.5,
-                  lg: 5.5,
-                },
+                layout: { xs: 6, sm: 6, md: 4, lg: 4 },
                 main: {
                   label: "Label",
                 },
@@ -37,18 +32,23 @@ export const ValueTab = {
                 widget: "InputField",
               },
               config: {
-                layout: {
-                  xs: 11,
-                  sm: 11,
-                  md: 5.5,
-                  lg: 5.5,
-                },
+                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 },
+              }
+            }
           ],
         },
       },

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

@@ -2,8 +2,9 @@ export default {
     type: "WrapperLayout",
     config: {
       main: {
-        label: "Default Label",
+        rowSpacing: 3,
         divider: true,
+        label: "Default Label",
       },
       defaultStyle: true,
     },

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

@@ -4,7 +4,7 @@ export const ComponentSchema: any = {
     type: {
       // type: "string",
       oneOf: [
-        { title: "AadharcardText", const: "AadharcardText"},
+        { title: "AadharcardText", const: "AadharcardText" },
         { title: "Array", const: "Array" },
         { title: "Button", const: "Button" },
         { title: "Card", const: "card" },
@@ -12,10 +12,12 @@ export const ComponentSchema: any = {
         { title: "Container", const: "WrapperSection" },
         { title: "DataGrid", const: "DataGrid" },
         { title: "Date", const: "Date" },
+        { title: "DateTime", const: "DateTime" },
         { title: "Download File", const: "DownloadFile" },
         { title: "Empty Box", const: "EmptyBox" },
         { title: "File", const: "FileInput" },
         { title: "Graph", const: "Graph" },
+        { title: "Input Slider", const: "InputSlider" },
         { title: "Label", const: "Box" },
         { title: "LeaderBoard", const: "LeaderBoard" },
         { title: "MultipleSelect", const: "MultipleSelect" },
@@ -36,13 +38,25 @@ export const ComponentSchema: any = {
         { title: "Text", const: "Text" },
         { title: "Text Area", const: "TextArea" },
         { title: "Timer", const: "Timer" },
-        { title: "Upload File", const: "UploadFile" },]
+        { title: "Upload File", const: "UploadFile" },
+        { title: "TreeMap", const: "TreeMap" },
+        { title: "ColumnGroup", const: "ColumnGroup" },
+        { title: "Thought of the Day", const: "Thought" },
+      ]
+    },
+    columnFormat: {
+      oneOf: [
+        { title: "Date Column", const: "date" },
+        { title: "DateTime Column", const: "dateTime" },
+        { title: "Amount Column", const: "amount" },
+      ]
     },
-    orientation:{
+    orientation: {
       oneOf: [
-      { title: "Horizontal", const: "horizontal" },
-      { title: "Vertical", const: "vertical" },
-    ]},
+        { title: "Horizontal", const: "horizontal" },
+        { title: "Vertical", const: "vertical" },
+      ]
+    },
     method: {
       type: "string",
       oneOf: [
@@ -56,7 +70,7 @@ export const ComponentSchema: any = {
       type: "array",
       items: {
         type: "object",
-        properties: {
+        properties: { 
           key: {
             type: "string",
             oneOf: [
@@ -68,7 +82,7 @@ export const ComponentSchema: any = {
           },
           value: {
             // type: "string",
-      
+
           },
         },
       },
@@ -89,7 +103,7 @@ export const ComponentSchema: any = {
           },
           value: {
             // type: "string",
-      
+
           },
         },
       },
@@ -171,12 +185,42 @@ export const ComponentSchema: any = {
           keyName: {
             type: "string",
           },
-          value:{
-            type:"string"
+          value: {
+            type: "string"
           }
         },
       },
     },
+    enableColumnFilter:{
+      type: "array",
+      items: {
+        type: "object",
+        properties: {
+          keyName: {
+            type: "string",
+          },
+        },
+      },
+    },
+    filteringOptions:{
+      type: "array",
+      items:{
+        oneOf: [
+          { const: 'fuzzy', title: 'Fuzzy' },
+          { const: 'contains', title: 'Contain' },
+          { const: 'startsWith', title: 'Starts with' },
+          { const: 'endsWith', title: 'Ends with' },
+          { const: 'equals', title: 'Equals' },
+          { const: 'notEquals', title: 'Not Equals' },
+          { const: 'between', title: 'Between' },
+          { const: 'betweenInclusive', title: 'Between inclusive' },
+          { const: 'greaterThan', title: 'Greater than' },
+          { const: 'greaterThanOrEqualTo', title: 'Greater than or equal to' },
+          { const: 'lessThan', title: 'Less than' },
+          { const: 'lessThanOrEqualTo', title: 'Less than or equal to' },
+        ]
+      },
+    },
     legendLabels: {
       type: "array",
       items: {
@@ -260,11 +304,12 @@ export const ComponentSchema: any = {
         { title: "Line Graph", const: "LineGraph" },
         { title: "Pie Graph", const: "PieGraph" },
         { title: "Horizontal Bar Graph", const: "HorizontalBarGraph" },
+        { title: "Stack Horizontal Bar Graph", const: "HorizontalStackBarGraph" }
       ]
     },
-    iconName:{
-      type:"string",
-      oneOf:[
+    iconName: {
+      type: "string",
+      oneOf: [
         { title: "Search Icon", const: "SearchIcon" },
         { title: "Edit Icon", const: "EditIcon" },
         { title: "Add Icon", const: "AddIcon" },
@@ -284,8 +329,8 @@ export const ComponentSchema: any = {
         { title: "Exception Icon", const: "ExceptionIcon" },
       ]
     },
-    color:{
-      type:"string",
+    color: {
+      type: "string",
       oneOf: [
         { title: "Primary", const: "primary" },
         { title: "Secondary", const: "secondary" },
@@ -297,8 +342,11 @@ export const ComponentSchema: any = {
     name: {
       type: "string",
     },
-    label: { type: 'string' }
+    label: { type: 'string' },
+    RemoveItemButton:{
+      disabled: true,
+    },
   },
- 
-  required: [ "name", ]
+
+  required: ["name",]
 };