impaktapps-ui-builder 1.0.414 → 1.0.421-lazyAuto.1

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

@@ -6657,7 +6657,8 @@ const ComponentSchema = {
           title: "Stack Horizontal Bar Graph",
           const: "HorizontalStackBarGraph"
         },
-        { title: "Area Graph", const: "AreaGraph" }
+        { title: "Area Graph", const: "AreaGraph" },
+        { title: "StackBar And Line Graph", const: "StackBarLineGraph" }
       ]
     },
     iconName: {
@@ -7816,7 +7817,7 @@ const getArrayControl = (parentScope, childScope, childLabel) => {
     ]
   };
 };
-const getArrayControlMultiField = (parentScope, firstFieldScope, secondFieldScope, firstFieldLabel, secondFieldLabel) => {
+const getArrayControlMultiField = (parentScope, firstFieldScope, secondFieldScope, firstFieldLabel, secondFieldLabel, arrayLabel) => {
   return {
     type: "Control",
     scope: `#/properties/${parentScope}`,
@@ -7825,7 +7826,9 @@ const getArrayControlMultiField = (parentScope, firstFieldScope, secondFieldScop
     },
     config: {
       layout: 12,
-      main: {},
+      main: {
+        label: arrayLabel
+      },
       style: {
         marginLeft: "-24px",
         marginBottom: "24px !important",
@@ -8191,22 +8194,24 @@ const buildPropertiesSection = function(type) {
         getInputField("subHeader", "Sub Header"),
         getSelectField("graphType", "Graph Type"),
         getInputField("leftLabel", "Left Label"),
+        getInputField("rightLabel", "Right Label"),
         getRadioInputField("disableLeftLabel", "Disable Left Label", ["YES", "No"]),
         getInputField("bottomLabel", "Bottom Label"),
         emptyBox$1("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"),
+        getInputField("yAxisValue", "Y-Axis Key"),
+        getInputField("xAxisValue", "X-Axis Key"),
         getSelectField("xAxisType", "X-AxisType"),
         getRadioInputField("bottomAxisAngle", "Bottom Axis Angled", ["YES", "No"]),
         getInputField("leftMargin", "Left Margin"),
-        getInputField("xAxisTickCount", "X Axis TickCount"),
         getInputField("yAxisTickCount", "Y Axis TickCount"),
         getSelectField("xAxisFormatType", "X Axis Format Type"),
-        emptyBox$1("GraphEmpty1", { xs: 0, sm: 0, md: 4, lg: 6 }),
-        getArrayControlMultiField("legendLabels", "key", "value", "Key", "Label"),
-        getArrayControlMultiField("pieArcColors", "key", "value", "Key", "Color")
+        getInputField("growthRateKey", "Growth Rate Key"),
+        getInputField("tooltipUnit", "Tooltip Unit"),
+        emptyBox$1("GraphEmpty1", { xs: 6, sm: 6, md: 4, lg: 3 }),
+        getArrayControlMultiField("legendLabels", "key", "value", "Key", "Label", "Configure Bar Labels"),
+        getArrayControlMultiField("pieArcColors", "key", "value", "Key", "Color", "Configure Bar Colors")
       ];
       break;
     case "WrapperSection":
@@ -8218,7 +8223,9 @@ const buildPropertiesSection = function(type) {
         getInputField("rowSpacing", "Row Spacing"),
         getInputField("columnSpacing", "Column Spacing"),
         getInputField("spacing", "Spacing"),
-        emptyBox$1("WrapperSectionEmpty1", { xs: 6, sm: 0, md: 4, lg: 3 })
+        getInputField("iconUrl", "Icon Url"),
+        emptyBox$1("WrapperSectionEmpty1", { xs: 0, sm: 0, md: 4, lg: 6 }),
+        emptyBox$1("WrapperSectionEmpty2")
       ];
       break;
     case "TabSection":
@@ -8251,12 +8258,11 @@ const buildPropertiesSection = function(type) {
         buildWrapper("Tree Table Properties", [
           getRadioInputField("enableRowMovement", "Row Rearrangement", ["YES", "NO"]),
           getRadioInputField("enableExpanding", "Row Expanding", ["YES", "NO"]),
-          getRadioInputField("lazyLoadTree", "Lazy Load Tree", ["YES", "NO"]),
           getRadioInputField("paginateExpandedRows", "Multi Page Expansion", ["YES", "NO"]),
           getRadioInputField("treeStructure", "Flat Tree Structure", ["YES", "NO"]),
           getRadioInputField("filterFromLeafRows", "Filter from tree rows", ["YES", "NO"]),
           getInputField("defaultColumnSize", "Default Column Size"),
-          getInputField("subRowsExpansionPageSize", "Page Size for Subrows Expansion"),
+          ,
           emptyBox$1("LazyLoadingTableEmpty3")
         ]),
         getArrayControl("Table_Download_Keys_Name", "KeyName", "Table Key Name"),
@@ -8276,16 +8282,18 @@ const buildPropertiesSection = function(type) {
     case "Select":
       uiSchema.elements = [
         getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
+        getInputField("pageSize", "Single Page Size"),
         getRadioInputField("freeSolo", "FreeSolo", ["YES", "NO"]),
         getSelectField("variant", "Variant"),
         getInputField("toolTip", "Tooltip"),
         getSelectField("toolTipPosition", "Tooltip Position"),
-        emptyBox$1("SelectEmpty", { xs: 6, sm: 6, md: 8, lg: 9 })
+        emptyBox$1("SelectEmpty", { xs: 0, sm: 0, md: 0, lg: 6 })
       ];
       break;
     case "MultipleSelect":
       uiSchema.elements = [
         getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
+        getInputField("pageSize", "Single Page Size"),
         getSelectField("variant", "Variant"),
         getInputField("toolTip", "Tooltip"),
         getSelectField("toolTipPosition", "Tooltip Position")
@@ -10925,25 +10933,20 @@ var service = (funcParams) => {
         { key: "sorting", value: paginationValues.sorting || [] },
         { key: "filters", value: paginationValues.tableColumnConfig || [] },
         { key: "globalFilter", value: (_a = paginationValues.globalFilter) != null ? _a : "" },
-        { key: "expandedRowIds", value: (_b = paginationValues.expandedRowIds) != null ? _b : [] },
-        { key: "subRowsPagination", value: paginationValues.subRowsPagination || [] },
-        { key: "loadChildOnly", value: paginationValues.loadChildOnly || false },
-        { key: "parentId", value: paginationValues.parentId },
-        { key: "prevRowCount", value: paginationValues.prevRowCount },
-        { key: "newDataCount", value: paginationValues.newDataCount }
+        { key: "expandedRowIds", value: (_b = paginationValues.expandedRowIds) != null ? _b : [] }
       ];
       const response = await this.callExecuteEvents(paginationValues, apiBody, "onLoad");
       return response == null ? void 0 : response.data;
     },
     getSelectOptions: async function(param) {
-      if (param.serachValue !== "" && param.serachValue !== void 0) {
-        const apiBody = [
-          { key: "searchValue", value: param.serachValue },
-          { key: "currentValue", value: param.currentValue }
-        ];
-        const response = await this.callExecuteEvents(param, apiBody, "onLoad");
-        return response == null ? void 0 : response.data;
-      }
+      const apiBody = [
+        { key: "searchValue", value: param.serachValue },
+        { key: "currentValue", value: param.currentValue },
+        { key: "currentPage", value: param.currentPage },
+        { key: "limit", value: param.limit }
+      ];
+      const response = await this.callExecuteEvents(param, apiBody, "onLoad");
+      return response == null ? void 0 : response.data;
     },
     onChange: function() {
       if (!eventGroups.onChange)
@@ -11249,6 +11252,21 @@ const AreaBarGraph = {
     style: { containerStyle: {}, labelStyle: { margin: {} } }
   }
 };
+const StackBarLineG = {
+  type: "Control",
+  scope: "#/properties/graph",
+  options: {
+    widget: "Graph"
+  },
+  config: {
+    layout: { xs: 12, sm: 12, md: 12, lg: 12 },
+    main: {
+      type: "StackBarLineGraph",
+      legendLabels: null
+    },
+    style: { containerStyle: {}, labelStyle: { margin: {} } }
+  }
+};
 const buildHorizontalBarGraph = (config2, componentScope2) => {
   const horizontalBarGraph = _.cloneDeep(HorizontalBarGraph);
   horizontalBarGraph.scope = componentScope2;
@@ -11533,6 +11551,7 @@ const buildWrapperSection = (config2, componentScope2) => {
   wrapper.config.main.divider = config2.divider === "YES" ? true : false;
   wrapper.config.main.isAccordion = config2.isAccordion === "No" ? false : true;
   wrapper.config.main.defaultClosed = config2.defaultClosed === "YES" ? true : false;
+  wrapper.config.main.icon = config2.iconUrl;
   wrapper.config.main.rowSpacing = Number(config2.rowSpacing);
   wrapper.config.main.columnSpacing = Number(config2.columnSpacing);
   wrapper.config.main.spacing = Number(config2.spacing);
@@ -11622,6 +11641,9 @@ const buildSelect = (config2, componentScope2) => {
   }
   if (config2.lazyLoading) {
     selectInputField.config.main.lazyLoading = config2.lazyLoading === "YES" ? true : false;
+    if (config2.lazyLoading === "YES" && config2.pageSize) {
+      selectInputField.config.main.pageSize = config2.pageSize;
+    }
   }
   if (config2.variant) {
     selectInputField.config.main.variant = config2.variant;
@@ -11727,15 +11749,9 @@ const buildTable = (config2, componentScope2) => {
   if (config2.lazyLoading) {
     table.config.main.lazyLoading = config2.lazyLoading === "YES" ? true : false;
   }
-  if (config2.lazyLoadTree) {
-    table.config.main.lazyTree = config2.lazyLoadTree === "YES" ? true : false;
-  }
   if (config2.defaultColumnSize) {
     table.config.main.defaultColumnSize = config2.defaultColumnSize;
   }
-  if (config2.subRowsExpansionPageSize) {
-    table.config.main.subRowsExpansionPageSize = config2.subRowsExpansionPageSize;
-  }
   if (config2.enableRowMovement) {
     table.config.main.enableRowMovement = config2.enableRowMovement === "YES" ? true : false;
   }
@@ -12331,6 +12347,9 @@ const buildMultiSelect = (config2, componentScope2) => {
   }
   if (config2.lazyLoading) {
     multipleSelect.config.main.lazyLoading = config2.lazyLoading === "YES" ? true : false;
+    if (config2.lazyLoading === "YES" && config2.pageSize) {
+      multipleSelect.config.main.pageSize = config2.pageSize;
+    }
   }
   if (config2.toolTip) {
     multipleSelect.config.main.toolTip = config2.toolTip;
@@ -13023,9 +13042,6 @@ const buildAreaGraph = (config2, componentScope2) => {
   if (config2.xAxisFormatType) {
     AreaGraph.config.main.xAxisFormatType = config2.xAxisFormatType;
   }
-  if (config2.xAxisTickCount) {
-    AreaGraph.config.main.xAxisTickCount = config2.xAxisTickCount;
-  }
   if (config2.yAxisTickCount) {
     AreaGraph.config.main.yAxisTickCount = config2.yAxisTickCount;
   }
@@ -13051,6 +13067,68 @@ const buildAreaGraph = (config2, componentScope2) => {
   }
   return AreaGraph;
 };
+const buildStackBarLineGraph = (config2, componentScope2) => {
+  const StackBarLineGraph = _.cloneDeep(StackBarLineG);
+  StackBarLineGraph.scope = componentScope2;
+  if (config2.layout) {
+    StackBarLineGraph.config.layout = createLayoutFormat(config2.layout, config2.type);
+  }
+  StackBarLineGraph.config.main.type = config2.graphType;
+  StackBarLineGraph.scope = componentScope2;
+  StackBarLineGraph.config.main.header = config2.heading;
+  StackBarLineGraph.config.main.subHeader = config2.subHeader;
+  if (config2.legendHide) {
+    StackBarLineGraph.config.main.legendAvailable = config2.legendHide === "YES" ? false : true;
+  }
+  if (config2.bottomAxisAngle) {
+    StackBarLineGraph.config.main.bottomAxisAngle = config2.bottomAxisAngle === "YES" ? true : false;
+  }
+  if (config2.legendLabels) {
+    StackBarLineGraph.config.main.legendLabels = createKeyValueMap(config2.legendLabels);
+  }
+  if (config2.legendDirection) {
+    StackBarLineGraph.config.main.legendDirection = config2.legendDirection === "Row" ? "row" : "column";
+  }
+  if (config2.height) {
+    StackBarLineGraph.config.style.containerStyle.height = config2.height;
+  }
+  if (config2.pieArcColors) {
+    StackBarLineGraph.config.style.colorMap = createKeyValueMap(config2.pieArcColors);
+  }
+  if (config2.yAxisTickCount) {
+    StackBarLineGraph.config.main.yAxisTickCount = config2.yAxisTickCount;
+  }
+  if (config2.xAxisValue) {
+    StackBarLineGraph.config.main.xAxisValue = config2.xAxisValue;
+  }
+  if (config2.xAxisType) {
+    StackBarLineGraph.config.main.xAxisType = config2.xAxisType;
+  }
+  if (config2.bottomLabel) {
+    StackBarLineGraph.config.main.bottomLabel = config2.bottomLabel;
+  }
+  if (config2.leftLabel) {
+    StackBarLineGraph.config.main.leftLabel = config2.leftLabel;
+  }
+  if (config2.rightLabel) {
+    StackBarLineGraph.config.main.rightLabel = config2.rightLabel;
+  }
+  if (config2.disableLeftLabel) {
+    StackBarLineGraph.config.main.disableLeftLabel = config2.disableLeftLabel === "YES" ? true : false;
+  }
+  if (config2.growthRateKey) {
+    StackBarLineGraph.config.main.growthRateKey = config2.growthRateKey;
+  }
+  if (config2.tooltipUnit) {
+    StackBarLineGraph.config.main.tooltipUnit = config2.tooltipUnit;
+  }
+  if (config2.leftMargin) {
+    StackBarLineGraph.config.style.labelStyle.margin = {
+      left: config2.leftMargin
+    };
+  }
+  return StackBarLineGraph;
+};
 const cameraUiSchema = {
   type: "Control",
   scope: "#/properties/camera",
@@ -13416,6 +13494,9 @@ const buildUiSchema = (config2, store2) => {
         case "AreaGraph":
           elements = buildAreaGraph(config2, componentScope2);
           break;
+        case "StackBarLineGraph":
+          elements = buildStackBarLineGraph(config2, componentScope2);
+          break;
         default:
           elements = buildStackbarGraph(config2, componentScope2);
           break;