impaktapps-ui-builder 0.0.412-mtreemap.9 → 0.0.591

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

@@ -1,20 +1,22 @@
 
 import _ from "lodash";
 import emptyBox from "./emptyBox";
-const EmptyBox = {
-  type: "Control",
-  scope: `#/properties/empty`,
+import { buildLabel } from "../buildLabel";
+import Box from "./box";
+// const emptyBox = {
+//   type: "Control",
+//   scope: `#/properties/empty`,
 
-  options: {
-    widget: "EmptyBox",
-  },
-  config: {
-    layout: { xs: 0, sm: 4, md: 4, lg: 4 },
-    main: {
+//   options: {
+//     widget: "emptyBox",
+//   },
+//   config: {
+//     layout: { xs: 0, sm: 4, md: 4, lg: 4 },
+//     main: {
 
-    },
-  },
-};
+//     },
+//   },
+// };
 const cardLayout = {
   type: "Control",
   scope: "#/properties/cardLayout",
@@ -56,7 +58,7 @@ const cardLayout = {
             },
           },
         },
-        EmptyBox
+        emptyBox
       ],
     },
   },
@@ -65,7 +67,7 @@ const getArrayControl = (parentScope: string, childScope: string, childLabel?: s
   return {
     type: "Control",
     scope: `#/properties/${parentScope}`,
-    layout: 11.5,
+    layout: 12,
     options: {
       "elementLabelProp": childScope,
       detail: {
@@ -85,7 +87,8 @@ const getArrayControl = (parentScope: string, childScope: string, childLabel?: s
               },
             },
           },
-          EmptyBox
+          emptyBox,
+          emptyBox
         ],
       },
     },
@@ -106,6 +109,7 @@ sizeHolder.options.detail.elements[1] = {
     },
   },
 };
+sizeHolder.options.detail.elements[2] = emptyBox
 const getInputField = (scope: String, label: String) => {
   return {
     type: "Control",
@@ -141,7 +145,26 @@ export const getRadioInputField = (scope: String, label: String, options: string
     },
   };
 };
-
+export const buildWrapper = (label: string, elements: any[]) => {
+  return {
+    type: "WrapperLayout",
+    config: {
+      main: {
+        label: label || "Details",
+        isAccordion: true,
+      },
+      wrapperStyle: {
+        marginTop: '-6px',
+        marginBottom: '-8px',
+      },
+      componentsBoxStyle: {
+        marginLeft: "24px",
+      },
+      defaultStyle: true
+    },
+    elements: elements || []
+  }
+}
 export const getTextArea = (scope: string, heading: string, hideButton: boolean, layout?: any) => {
   return {
     type: "Control",
@@ -210,6 +233,7 @@ export const buildPropertiesSection = function (type: String) {
         getInputField("graphHeight", "Graph Height"),
         getInputField("graphWidth", "Graph Width"),
         getInputField("graphZoomHeight", "Zoom Height"),
+        emptyBox
       ]
       break;
     case "InputSlider":
@@ -218,6 +242,7 @@ export const buildPropertiesSection = function (type: String) {
         getInputField("step", "Step"),
         getInputField("min", "Min Limit"),
         getRadioInputField("limitToMax", "Applly Max. Limit", ["YES", "NO"]),
+        emptyBox, emptyBox
       ]
       break;
     case "DataGrid":
@@ -226,8 +251,8 @@ export const buildPropertiesSection = function (type: String) {
         getInputField("elevation", "Card Elevation"),
         getInputField("height", "Grid height"),
         getInputField("justifyContent", "justifyContent"),
-        EmptyBox,
-        EmptyBox,
+        emptyBox,
+        emptyBox,
         cardLayout,
       ]
       break;
@@ -241,6 +266,7 @@ export const buildPropertiesSection = function (type: String) {
           { label: "Horizontal", value: "horizontal" },
           { label: "Vertical", value: "vertical" },
         ]),
+        emptyBox,
 
         getArrayControl("sectionLabels", "label")
 
@@ -256,14 +282,15 @@ export const buildPropertiesSection = function (type: String) {
     case "Text":
       uiSchema.elements = [
         getInputField("placeholder", "Placeholder"),
-        EmptyBox,
+        emptyBox,
+        emptyBox,
         getArrayControl("InputFormatingAndMasking", "formatElement", "Format Element")
       ]
       break;
     case "TextArea":
       uiSchema.elements = [
         getInputField("placeholder", "Placeholder"),
-        EmptyBox,]
+        emptyBox, emptyBox]
       break;
 
     case "SpeedoMeter":
@@ -272,7 +299,8 @@ export const buildPropertiesSection = function (type: String) {
         getInputField("heading", "Container Heading"),
         getInputField("heading", "Container Heading"),
         getInputField("speedoCaption", "Speedometer Caption"),
-        getInputField("width", "Speedometer Width")
+        getInputField("width", "Speedometer Width"),
+        emptyBox
       ]
       break;
     case "RankCard":
@@ -280,7 +308,8 @@ export const buildPropertiesSection = function (type: String) {
         getInputField("rank", "Rank"),
         getInputField("image", "Image Url"),
         getInputField("title", "Card Title"),
-        getInputField("description", "Card Description")];
+        getInputField("description", "Card Description"),
+        emptyBox, emptyBox];
       break;
     case "LeaderBoard":
       uiSchema.elements = [
@@ -288,7 +317,8 @@ export const buildPropertiesSection = function (type: String) {
         getInputField("firstImage", "First Image url"),
         getInputField("secondImage", "Second Image url"),
         getInputField("thirdImage", "Third Image url"),
-        getTextArea("functionCode", "Write Compare Code", false)
+        emptyBox, emptyBox,
+        getTextArea("functionCode", "Write Compare Code", false),
       ];
       break;
     case "CardSlider":
@@ -301,7 +331,8 @@ export const buildPropertiesSection = function (type: String) {
         getInputField("heading", "Heading"),
         getInputField("bottomLabel_1", "First BottomLabel"),
         getInputField("bottomLabel_2", "Second BottomLabel"),
-        getInputField("bottomLabel_3", "Third BottomLabel")
+        getInputField("bottomLabel_3", "Third BottomLabel"),
+        emptyBox, emptyBox
       ];
       break;
     case "card":
@@ -309,7 +340,7 @@ export const buildPropertiesSection = function (type: String) {
         getInputField("url", "Image Url"),
         getInputField("label", "Label"),
         getInputField("description", "Description"),
-        EmptyBox
+        emptyBox
       ];
       break;
     case "Button":
@@ -322,7 +353,7 @@ export const buildPropertiesSection = function (type: String) {
           { label: "Apply Default Style", value: "true" },
           { label: "No Style", value: "false" },
         ]),
-        EmptyBox
+        emptyBox
       ];
       break;
     case "Graph":
@@ -341,6 +372,7 @@ export const buildPropertiesSection = function (type: String) {
         getRadioInputField("legendHide", "Legend Hide", ["YES", "No"]),
         getInputField("yAxisValue", "Y-AxisValue"),
         getInputField("xAxisValue", "X-AxisValue"),
+        emptyBox,
         getArrayControl("legendLabels", "label"),
         getArrayControl("pieArcColors", "color"),
       ];
@@ -349,7 +381,8 @@ export const buildPropertiesSection = function (type: String) {
       uiSchema.elements = [getRadioInputField("divider", "Divider", ["YES", "No"]),
       getRadioInputField("isAccordion", "Accordion", ["YES", "No"])
         , getRadioInputField("defaultStyle", "Default Style", ["YES", "No"]),
-        getInputField("rowSpacing", "Row Spacing"),
+      getInputField("rowSpacing", "Row Spacing"),
+        emptyBox, emptyBox
       ]
       break;
 
@@ -357,6 +390,7 @@ export const buildPropertiesSection = function (type: String) {
       uiSchema.elements = [
         getRadioInputField("verticalOrientation", "Vertical Orientation", ["YES", "NO"]),
         getRadioInputField("lazyLoad", "Lazy Load", ["YES", "NO"]),
+        emptyBox,
         getArrayControl("sectionLabels", "label"),
       ]
       break;
@@ -364,13 +398,22 @@ export const buildPropertiesSection = function (type: String) {
     case "LazyLoadingTable":
       uiSchema.elements = [
         getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
-        getRadioInputField("SelectionAvailable", "Selection Available", ["YES", "NO"]),
-        getRadioInputField("ColumnResizingAvailable", "ColumnResizing Available", ["YES", "NO"]),
-        getRadioInputField("DragAvailable", "Drag Available", ["YES", "NO"]),
+        getRadioInputField("SelectionAvailable", "Row Selection", ["YES", "NO"]),
+        getRadioInputField("ColumnResizingAvailable", "ColumnResizing ", ["YES", "NO"]),
+        getRadioInputField("DragAvailable", "Row Dragging", ["YES", "NO"]),
         getRadioInputField("downloadAllData", "Download All Data", ["YES", "NO"]),
-        getInputField("selectKey", "Selection Key"),
+        getInputField("selectKey", "Selection Key"), emptyBox,
+        buildWrapper("Tree Table Properties", [
+          getRadioInputField("enableRowMovement", "Row Rearrangement", ["YES", "NO"]),
+          getRadioInputField("enableExpanding", "Row Expanding", ["YES", "NO"]),
+          // getRadioInputField("enableExpandAll", "Use All Row Expanding", ["YES", "NO"]),
+          getRadioInputField("paginateExpandedRows", "Multi Page Expansion", ["YES", "NO"]),
+          getRadioInputField("treeStructure", "Flat Tree Structure", ["YES", "NO"]),
+          emptyBox, emptyBox
+        ]),
         getArrayControl("Table_Download_Keys_Name", "KeyName", "Table Key Name"),
-        sizeHolder
+        sizeHolder,
+
       ]
       break;
     case "Radio":
@@ -382,12 +425,14 @@ export const buildPropertiesSection = function (type: String) {
       uiSchema.elements = [
         getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
         getRadioInputField("freeSolo", "FreeSolo", ["YES", "NO"]),
+        emptyBox
       ]
       break;
     case "MultipleSelect":
       uiSchema.elements = [
         getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
-        EmptyBox
+        emptyBox,
+        emptyBox
       ]
       break;
   }

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

@@ -5,12 +5,7 @@ export default  {
     widget: "Button",
   },
   config: {
-    layout: {
-      xs: 11,
-      sm: 11,
-      md: 5.5,
-      lg: 5.5,
-    },
+    layout: 3,
     main: {
       name: "Compare",
       variant: "contained",
@@ -20,7 +15,7 @@ export default  {
       styleDefault:false,
       icon:"",
       onClick: "onClick",
-      size: "small",
+      size: "medium",
     },
     style: {
     },

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

@@ -1,100 +1,98 @@
 export default {
-    type: "WrapperLayout",
-    config: {
-      main: {
-        rowSpacing: 0.5,
-      },
-      style: {
-        componentsBoxStyle: {
-          position : "relative",
-          color: "white",
-          height: {xs:"120px",md:"160px"},
-          width: "100%",
-          textAlign: "left",
-          background: "#3f51b5",
-          borderRadius: "20px",
-        },
-      },
-   layout: { xs: 12, sm: 12,md: 6,lg: 6, },},
-    elements: [
-      {
-        type: "Control",
-        scope: "#/properties/programType",
-        config: {
-          main: {
-            heading: "$5000.00",
-          },
-          style: {
-            position : "absolute",
-            left : "10%",
-            top: "15%",
-            color: "#f5effc",
-            height: "80px",
-            display: "flex",
-            fontSize: {xs:"24px",md:"32px"},
-            alignItems: "center",
-            background: "inherit",
-            justifyContent:"flex-start",
-            
-          },
-          layout: 5,
+  type: "WrapperLayout",
+  config: {
+    main: {
+      rowSpacing: 0.5,
+    },
+    componentsBoxStyle: {
+      position: "relative",
+      color: "white",
+      height: { xs: "120px", md: "160px" },
+      width: "100%",
+      textAlign: "left",
+      background: "#3f51b5",
+      borderRadius: "20px",
+    },
+    layout: { xs: 12, sm: 12, md: 6, lg: 6, },
+  },
+  elements: [
+    {
+      type: "Control",
+      scope: "#/properties/programType",
+      config: {
+        main: {
+          heading: "$5000.00",
         },
-        options: {
-          widget: "Box",
+        style: {
+          position: "absolute",
+          left: "10%",
+          top: "15%",
+          color: "#f5effc",
+          height: "80px",
+          display: "flex",
+          fontSize: { xs: "24px", md: "32px" },
+          alignItems: "center",
+          background: "inherit",
+          justifyContent: "flex-start",
+ 
         },
+        layout: 5,
+      },
+      options: {
+        widget: "Box",
       },
-      {
-        type: "Control",
-        scope: "#/properties/programType",
-        config: {
-          main: {
-            url: "https://www.svgrepo.com/show/500606/loading.svg",
-          },
-          style: {
-            color: "#f5effc",
-            objectFit: "contain",
-              position:"absolute",
-              top:"10px",
-              right:"10px",
-               height: "80%",
-            width : "35%", 
-            display: "flex",
-            fontSize: "34px",
-            alignItems: "center",
-            background: "inherit",
-            padding: "20px",
-            justifyContent: "left",
-          },
-    layout: 5,
+    },
+    {
+      type: "Control",
+      scope: "#/properties/programType",
+      config: {
+        main: {
+          url: "https://www.svgrepo.com/show/500606/loading.svg",
         },
-        options: {
-          widget: "Image",
+        style: {
+          color: "#f5effc",
+          objectFit: "contain",
+          position: "absolute",
+          top: "10px",
+          right: "10px",
+          height: "80%",
+          width: "35%",
+          display: "flex",
+          fontSize: "34px",
+          alignItems: "center",
+          background: "inherit",
+          padding: "20px",
+          justifyContent: "left",
         },
+        layout: 5,
       },
-      {
-        type: "Control",
-        scope: "#/properties/programType",
-        config: {
-          main: {
-            heading: "Total Earnings",
-          },
-          style: {
-            position : "absolute",
-            top: "calc(60%)",
-            alignItems : "center",
-            color: "#8999e8",
-            fontSize: "16px",
-            left: "10%",
-            background: "inherit",
-            justifyContent :"center",
-          },
-        layout: 12,
+      options: {
+        widget: "Image",
+      },
+    },
+    {
+      type: "Control",
+      scope: "#/properties/programType",
+      config: {
+        main: {
+          heading: "Total Earnings",
         },
-  
-        options: {
-          widget: "Box",
+        style: {
+          position: "absolute",
+          top: "calc(60%)",
+          alignItems: "center",
+          color: "#8999e8",
+          fontSize: "16px",
+          left: "10%",
+          background: "inherit",
+          justifyContent: "center",
         },
+        layout: 12,
+      },
+ 
+      options: {
+        widget: "Box",
       },
-    ],
-  };
-  
+    },
+  ],
+};

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

@@ -68,6 +68,16 @@ export const CoreSection = {
         widget: "EmptyBox",
       },
     },
+    {
+      type: "Control",
+      scope: "#/properties/proc",
+      config: {
+        layout: { xs: 0, sm: 4, md: 4, lg: 4 },
+      },
+      options: {
+        widget: "EmptyBox",
+      },
+    },
     {
       type: "Control",
       scope: "#/properties/layout",

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

@@ -5,15 +5,15 @@ export default {
     widget: "DateInputField",
   },
 
-  config: {   
-     layout: { xs: 11, sm: 4, md: 4, lg: 4 },
+  config: {
+    layout: { xs: 11, sm: 4, md: 4, lg: 4 },
     main: {
       label: "",
       type: "date",
     },
   },
 };
-export const DateTime =  {
+export const DateTime = {
   type: "Control",
   scope: "#/properties/date",
   options: {

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

@@ -1,58 +1,7 @@
-export const EventSection = {
+export const EventSection = (theme)=>{
+  const uiSchema = {
     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: "Event 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: "eventAddHandler",
-          //           tooltipMessage: "Back",
-          //         },
-          //         style: {
-          //           float: "right", 
-          //         },
-          //       },
-          //     },
       {
         type: "Control",
         scope: "#/properties/events",
@@ -123,7 +72,7 @@ export const EventSection = {
                   onClick: "eventEditHandler",
                 },
                 style: {
-                  color: "#3949ab",
+                  color: theme.palette.primary.main,
                 },
               },
             },
@@ -144,13 +93,15 @@ export const EventSection = {
                   icon: "RejectIcon",
                   color: "error",
                   tooltipMessage: "Reject This Record",
-                  onClick: "deleteEvent",
+                  onClick: "deletePopUpEvent",
                 },
               },
             },
           },
         ]
       }]}
+      return uiSchema
+    }
     // ]}
   
   export const EventSectionSchema = {

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

@@ -13,12 +13,7 @@ export const uploadFile =  {
       "style": {
         "backgroundColor": "none"
       },
-      "layout": {
-        "lg": 5.5,
-        "md": 5.5,
-        "sm": 11,
-        "xs": 11
-      }
+      layout: { xs: 11, sm: 4, md: 4, lg: 4 }
     },
     "options": {
       "widget": "UploadFile"
@@ -35,12 +30,7 @@ export const downloadFile =   {
       "style": {
         "backgroundColor": "none"
       },
-      "layout": {
-        "lg": 5.5,
-        "md": 5.5,
-        "sm": 11,
-        "xs": 11
-      }
+      layout: { xs: 11, sm: 4, md: 4, lg: 4 }
     },
     "options": {
       "widget": "DownloadFile"