impaktapps-ui-builder 1.0.133 → 1.0.135

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

@@ -112,8 +112,16 @@ export default function Card(theme: any): {
                             margin: string;
                             marginLeft: string;
                             height: number;
+                            marginTop?: undefined;
                             position?: undefined;
                             left?: undefined;
+                            whiteSpace?: undefined;
+                            overflowX?: undefined;
+                            overflowY?: undefined;
+                            scrollbarWidth?: undefined;
+                            msOverflowStyle?: undefined;
+                            maxWidth?: undefined;
+                            "&::-webkit-scrollbar"?: undefined;
                         };
                     };
                     options: {
@@ -138,8 +146,18 @@ export default function Card(theme: any): {
                             justifyContent: string;
                             width: string;
                             margin: string;
+                            marginTop: string;
                             position: string;
                             left: string;
+                            whiteSpace: string;
+                            overflowX: string;
+                            overflowY: string;
+                            scrollbarWidth: string;
+                            msOverflowStyle: string;
+                            maxWidth: string;
+                            "&::-webkit-scrollbar": {
+                                display: string;
+                            };
                             marginLeft?: undefined;
                             height?: undefined;
                         };

package/dist/src/impaktapps-ui-builder/runtime/services/service.d.ts

@@ -22,7 +22,7 @@ declare const _default: (funcParams: funcParamsProps) => {
     onRowMovement: (paginationValues: any) => Promise<any>;
     onPaginationChange: (paginationValues: any) => Promise<any>;
     getSelectOptions: (param: any) => Promise<any>;
-    onChange: () => void;
+    onChange: () => Promise<void>;
     callExecuteEvents: (paramValue: any, apiBody: any, eventType: string) => Promise<any>;
     onBack: (functionParameters: any) => Promise<void>;
     onNext: (functionParameters: any) => Promise<void>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "1.0.133",
+    "version": "1.0.135",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

package/src/impaktapps-ui-builder/builder/build/buildHorizontalBarGraph.ts

@@ -21,6 +21,9 @@ const buildHorizontalBarGraph = (config:any,componentScope:string) => {
     if (config.legendLabels) {
       horizontalBarGraph.config.main.legendLabels = flatObjectValueInArray(config.legendLabels);
     }
+    if(config.legendDirection){
+      horizontalBarGraph.config.main.legendDirection = config.legendDirection === "Row" ? "row" : "column";
+    }
     if (config.pieArcColors) {
       horizontalBarGraph.config.style.barStyle.colorRange = flatObjectValueInArray(config.pieArcColors);
     }
@@ -42,6 +45,9 @@ const buildHorizontalBarGraph = (config:any,componentScope:string) => {
     if (config.leftLabel) {
       horizontalBarGraph.config.main.leftLabel = config.leftLabel;
     }
+    if (config.disableLeftLabel) {
+      horizontalBarGraph.config.main.disableLeftLabel = config.disableLeftLabel==="YES"? true: false;
+    }
     return horizontalBarGraph
 }
 

package/src/impaktapps-ui-builder/builder/build/buildLineGraph.ts

@@ -28,9 +28,15 @@ export const buildLineGraph = (config, componentScope) => {
   if (config.leftLabel) {
     lineGraph.config.main.leftLabel = config.leftLabel;
   }
+  if (config.disableLeftLabel) {
+    lineGraph.config.main.disableLeftLabel = config.disableLeftLabel==="YES"? true: false;
+  }
   if (config.legendHide) {
     lineGraph.config.main.legendAvailable = config.legendHide==="YES"?false:true;
   }
+  if(config.legendDirection){
+    lineGraph.config.main.legendDirection = config.legendDirection === "Row" ? "row" : "column";
+  }
   if (config.bottomAxisAngle) {
     lineGraph.config.main.bottomAxisAngle = config.bottomAxisAngle==="YES"?true:false;
   }

package/src/impaktapps-ui-builder/builder/build/buildPieGraph.ts

@@ -12,6 +12,9 @@ export const buildPieGraph = (config, componentScope) => {
   if (config.legendHide) {
     pieGraph.config.main.legendAvailable = config.legendHide === "YES" ? false : true;
   }
+  if(config.legendDirection){
+    pieGraph.config.main.legendDirection = config.legendDirection === "Row" ? "row" : "column";
+  }
   pieGraph.scope = componentScope;
   pieGraph.config.main.header = config.heading;
 

package/src/impaktapps-ui-builder/builder/build/buildStackBarGraph.ts

@@ -11,6 +11,9 @@ export const buildStackbarGraph = (config:any,componentScope:string) => {
       barGraph.config.main.legendAvailable = config.legendHide;
       barGraph.config.main.legendAvailable = config.legendHide==="YES"?false:true;
     }
+    if(config.legendDirection){
+      barGraph.config.main.legendDirection = config.legendDirection === "Row" ? "row" : "column";
+    }
     if (config.bottomAxisAngle) {
       barGraph.config.main.bottomAxisAngle = config.bottomAxisAngle==="YES"?true:false;
     }
@@ -39,6 +42,9 @@ export const buildStackbarGraph = (config:any,componentScope:string) => {
     if (config.leftLabel) {
       barGraph.config.main.leftLabel = config.leftLabel;
     }
+    if (config.disableLeftLabel) {
+     barGraph.config.main.disableLeftLabel = config.disableLeftLabel==="YES"? true: false;
+    }
     barGraph.scope = componentScope;
     return barGraph;
 } 

package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts

@@ -274,7 +274,17 @@ const buildUiSchema = (config: any, store?: any) => {
 
   if (config?.elements) {
     if (config?.type === "LeaderBoard") {
-      return elements;
+      const rowElements = []
+      config.elements.filter((cellElem, elemInd) => {
+        const commonProperties = {
+          accessorKey: cellElem.name,
+          type: cellElem.type === "ColumnGroup" ? "ColumnGroup" : cellElem.columnFormat,
+          header: cellElem.label || cellElem.name,
+          columnKey: cellElem.columnKey
+        }
+        rowElements.push({ ...commonProperties })
+      })
+      elements.elements = rowElements;
     }
     else if (config.type == "ColumnGroup") {
       const sizeMap = {}
@@ -292,8 +302,7 @@ const buildUiSchema = (config: any, store?: any) => {
           enableColumnFilter: cellElem.enableFilter === "No" ? false : true,
           columnFilterModeOptions: cellElem.filteringOptions,
           enableSorting: cellElem.enableSorting === "No" ? false : true,
-          columnKey: cellElem.columnKey,
-          dateFormat: cellElem.dateFormat,
+          columnKey: cellElem.columnKey
         }
         if (cellElem.type) {
           const tableElem = {
@@ -326,8 +335,7 @@ const buildUiSchema = (config: any, store?: any) => {
           enableColumnFilter: cellElem.enableFilter === "No" ? false : true,
           columnFilterModeOptions: cellElem.filteringOptions,
           enableSorting: cellElem.enableSorting === "No" ? false : true,
-          columnKey: cellElem.columnKey,
-          dateFormat: cellElem.dateFormat,
+          columnKey: cellElem.columnKey
         }
         if (cellElem.type) {
           if (cellElem.elementType == "action") {

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

@@ -432,9 +432,11 @@ export const buildPropertiesSection = function (type: String) {
           { label: "Stack Horizontal Bar Graph", value: "HorizontalStackBarGraph" }
         ]),
         getInputField("leftLabel", "Left Label"),
+        getRadioInputField("disableLeftLabel", "Disable Left Label", ["YES", "No"]),
         getInputField("bottomLabel", "Bottom Label"),
         emptyBox("GraphEmpty1", { xs: 6, sm: 0, md: 0, lg: 0 }),
         getRadioInputField("legendHide", "Legend Hide", ["YES", "No"]),
+        getRadioInputField("legendDirection", "Legend Direction", ["Row", "Column"]),
         getInputField("yAxisValue", "Y-AxisValue"),
         getInputField("xAxisValue", "X-AxisValue"),
         getRadioInputField("bottomAxisAngle", "Bottom Axis Angled", ["YES", "No"]),

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

@@ -123,14 +123,24 @@ export default function Card(theme){
                       style: {
                         color: "black",
                         display: "flex",
-                        fontSize: { xs: "24px", md: "28px" },
+                        fontSize: { xs: "24px", md: "25px" },
                         fontWeight: "bold",
                         background: "inherit",
                         justifyContent: "flex-start",
                         width: "auto",
                         margin: "-8px",
+                        marginTop: "-6px",
                         position: "absolute",
-                        left: "24px"
+                        left: "7px",  
+                        whiteSpace: "nowrap",          
+                        overflowX: "auto",             
+                        overflowY: "hidden",          
+                        scrollbarWidth: "none",        
+                        msOverflowStyle: "none",        
+                        maxWidth: "calc(100% + 20px)",  
+                        "&::-webkit-scrollbar": {  
+                          display: "none",
+                        }
                       },
                       // layout: 11,
                     },

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

@@ -62,76 +62,20 @@ export const CoreSection = {
         },
       },
     },
-    {
-      type: "Control",
-      scope: "#/properties/proc5",
-      config: {
-        layout: { xs: 6, sm: 6, md: 0, lg: 3 },
-      },
-      options: {
-        widget: "EmptyBox",
-      },
-    },
-    {
-      type: "Control",
-      scope: "#/properties/proc6",
-      config: {
-        layout: { xs: 6, sm: 6, md: 0, lg: 3 },
-      },
-      options: {
-        widget: "EmptyBox",
-      },
-    },
-    {
-      type: "Control",
-      scope: "#/properties/proc7",
-      config: {
-        layout: { xs: 6, sm: 6, md: 0, lg: 3 },
-      },
-      options: {
-        widget: "EmptyBox",
-      },
-    },
-    {
-      type: "Control",
-      scope: "#/properties/proc8",
-      config: {
-        layout: { xs: 6, sm: 6, md: 0, lg: 3 },
-      },
-      options: {
-        widget: "EmptyBox",
-      },
-    },
-    {
-      type: "Control",
-      scope: "#/properties/proc9",
-      config: {
-        layout: { xs: 6, sm: 6, md: 0, lg: 3 },
-      },
-      options: {
-        widget: "EmptyBox",
-      },
-    },
-    {
-      type: "Control",
-      scope: "#/properties/proc10",
-      config: {
-        layout: { xs: 6, sm: 6, md: 0, lg: 3 },
-      },
-      options: {
-        widget: "EmptyBox",
-      },
-    },
-    {
-      type: "Control",
-      scope: "#/properties/proc11",
-      config: {
-        layout: { xs: 6, sm: 6, md: 0, lg: 3 },
-      },
-      options: {
-        widget: "EmptyBox",
-      },
-    },
+    // {
+    //   type: "Control",
+    //   scope: "#/properties/columnFormat",
+    //   options: {
+    //     widget: "SelectInputField",
+    //   },
+    //   config: {
+    //     layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+    //     main: {
+    //       label: "Column Format",
+
+    //     },
+    //   },
+    // },
     {
       type: "Control",
       scope: "#/properties/proc",
@@ -173,7 +117,7 @@ export const CoreSection = {
             layout: { xs: 6, sm: 6, md: 4, lg: 4 },
             main: {
               label: "Screen Size",
-
+            
             },
           },
         },
@@ -188,11 +132,11 @@ export const CoreSection = {
             layout: { xs: 6, sm: 6, md: 4, lg: 4 },
             main: {
               label: "Value",
-              type: "number",
+              type:"number",
               // freeSolo:true,
-              helperText: 'Number should be in range of 0 to 12',
-              errorMessage: "Number Can't be greater than 12 and can't be less than 0.",
-
+              helperText:'Number should be in range of 0 to 12',
+              errorMessage:"Number Can't be greater than 12 and can't be less than 0.",
+             
             },
           },
         },

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

@@ -43,65 +43,36 @@ export const ComponentSchema: any = {
         { title: "Upload", const: "UploadFile" },
         { title: "Tree ", const: "TreeMap" },
         { title: "Column Group", const: "ColumnGroup" },
-        { title: "Thought of the day", const: "Thought" },
-      ],
+        { title: "Thought of the day", const: "Thought" }
+      ]
     },
     elementType: {
       oneOf: [
         { title: "Table Action Element", const: "action" },
         { title: "Table Header Element", const: "tableHeader" },
         { title: "Table Element", const: "element" },
-      ],
+      ]
     },
     columnFormat: {
       oneOf: [
         { title: "Date Column", const: "date" },
         { title: "DateTime Column", const: "dateTime" },
         { title: "Amount Column", const: "amount" },
-        { title: "Center Column", const: "action" },
-      ],
-    },
-    dateFormat: {
-      oneOf: [
-        {
-          title: "ISO DateTime (UTC) — YYYY-MM-DDTHH:mm:ss.SSSZ",
-          const: "YYYY-MM-DDTHH:mm:ss.SSSZ",
-        },
-        {
-          title: "ISO DateTime — YYYY-MM-DDTHH:mm:ssZ",
-          const: "YYYY-MM-DDTHH:mm:ssZ",
-        },
-        {
-          title: "ISO DateTime (No TZ) — YYYY-MM-DDTHH:mm:ss",
-          const: "YYYY-MM-DDTHH:mm:ss",
-        },
-        { title: "ISO Date — YYYY-MM-DD", const: "YYYY-MM-DD" },
-        { title: "Date (DD-MM-YYYY) — DD-MM-YYYY", const: "DD-MM-YYYY" },
-        { title: "Date (MM/DD/YYYY) — MM/DD/YYYY", const: "MM/DD/YYYY" },
-        {
-          title: "DateTime (DB) — YYYY-MM-DD HH:mm:ss",
-          const: "YYYY-MM-DD HH:mm:ss",
-        },
-        {
-          title: "DateTime (DB ms) — YYYY-MM-DD HH:mm:ss.SSS",
-          const: "YYYY-MM-DD HH:mm:ss.SSS",
-        },
-        { title: "Epoch (Milliseconds)", const: "x" },
-        { title: "Epoch (Seconds)", const: "X" },
-      ],
+        { title: "Center Column", const: "action" }
+      ]
     },
     variant: {
       oneOf: [
         { title: "Outlined", const: "outlined" },
         { title: "Filled", const: "filled" },
         { title: "Standard", const: "standard" },
-      ],
+      ]
     },
     orientation: {
       oneOf: [
         { title: "Horizontal", const: "horizontal" },
         { title: "Vertical", const: "vertical" },
-      ],
+      ]
     },
     method: {
       type: "string",
@@ -110,7 +81,7 @@ export const ComponentSchema: any = {
         { title: "Post", const: "post" },
         { title: "Delete", const: "delete" },
         { title: "Put", const: "put" },
-      ],
+      ]
     },
     maxPageSize: {
       type: "number",
@@ -120,16 +91,16 @@ export const ComponentSchema: any = {
         { title: "30", const: 30 },
         { title: "50", const: 50 },
         { title: "100", const: 100 },
-        { title: "500", const: 500 },
-      ],
+        { title: "500", const: 500 }
+      ]
     },
-    initialDensity: {
+    initialDensity:{
       type: "string",
-      oneOf: [
+       oneOf: [
         { title: "Compact", const: "compact" },
         { title: "Comfortable", const: "comfortable" },
-        { title: "Spacious", const: "spacious" },
-      ],
+        { title: "Spacious", const: "spacious" }
+      ]
     },
     layout: {
       type: "array",
@@ -145,7 +116,9 @@ export const ComponentSchema: any = {
               { title: "Large", const: "lg" },
             ],
           },
-          value: {},
+          value: {
+
+          },
         },
       },
     },
@@ -163,7 +136,9 @@ export const ComponentSchema: any = {
               { title: "Large", const: "lg" },
             ],
           },
-          value: {},
+          value: {
+
+          },
         },
       },
     },
@@ -220,6 +195,7 @@ export const ComponentSchema: any = {
           label: {
             type: "string",
           },
+
         },
       },
     },
@@ -231,6 +207,7 @@ export const ComponentSchema: any = {
           KeyName: {
             type: "string",
           },
+
         },
       },
     },
@@ -243,8 +220,8 @@ export const ComponentSchema: any = {
             type: "string",
           },
           value: {
-            type: "string",
-          },
+            type: "string"
+          }
         },
       },
     },
@@ -261,19 +238,19 @@ export const ComponentSchema: any = {
     },
     filteringOptions: {
       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" },
-      ],
+        { 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: {
@@ -284,6 +261,7 @@ export const ComponentSchema: any = {
           label: {
             type: "string",
           },
+
         },
       },
     },
@@ -295,6 +273,7 @@ export const ComponentSchema: any = {
           label: {
             type: "string",
           },
+
         },
       },
     },
@@ -306,6 +285,7 @@ export const ComponentSchema: any = {
           formatElement: {
             type: "string",
           },
+
         },
       },
     },
@@ -316,6 +296,7 @@ export const ComponentSchema: any = {
         properties: {
           componentName: {
             type: "string",
+
           },
           validationType: {
             type: "string",
@@ -325,7 +306,7 @@ export const ComponentSchema: any = {
               { const: "maxLength", title: "Maximum Length" },
               { const: "pattern", title: "Pattern" },
               { const: "readOnly", title: "Read Only" },
-            ],
+            ]
           },
           validationValue: {
             type: "string",
@@ -339,14 +320,14 @@ export const ComponentSchema: any = {
         { title: "Button", const: "Button" },
         { title: "IconButton", const: "IconButton" },
         { title: "HybridButton", const: "ButtonWithIconAndText" },
-      ],
+      ]
     },
     defaultStyle: {
       type: "string",
       oneOf: [
         { title: "Apply Default Style", const: "true" },
         { title: "No Style", const: "false" },
-      ],
+      ]
     },
     graphType: {
       type: "string",
@@ -356,11 +337,8 @@ 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",
-        },
-      ],
+        { title: "Stack Horizontal Bar Graph", const: "HorizontalStackBarGraph" }
+      ]
     },
     iconName: {
       type: "string",
@@ -383,36 +361,36 @@ export const ComponentSchema: any = {
         { title: "Download Icon", const: "DownloadIcon" },
         { title: "Download All Icon", const: "DownloadAllIcon" },
         { 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" },
-        { title: "Detail Icon", const: "DetailIcon" },
-        { title: "Report View Icon", const: "ReportViewIcon" },
-        { title: "Payout", const: "Payout" },
-      ],
+        { "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" },
+        { "title": "Detail Icon", "const": "DetailIcon" },
+        { "title": "Report View Icon", "const": "ReportViewIcon" },
+        { "title": "Payout", "const": "Payout" },
+      ]
     },
     color: {
       type: "string",
@@ -422,19 +400,19 @@ export const ComponentSchema: any = {
         { title: "Error", const: "error" },
         { title: "Success", const: "success" },
         { title: "Info", const: "info" },
-      ],
+      ]
     },
     pageName: {
-      path: [],
+      path: []
     },
     name: {
       type: "string",
     },
-    label: { type: "string" },
+    label: { type: 'string' },
     RemoveItemButton: {
       disabled: true,
     },
   },
 
-  required: ["name"],
+  required: ["name",]
 };