impaktapps-ui-builder 1.0.320 → 1.0.330

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

@@ -6272,7 +6272,8 @@ const ComponentSchema = {
         { title: "Rank", const: "Rank" },
         { title: "Rank Card", const: "RankCard" },
         { title: "Metric Card", const: "MetricCard" },
-        { title: "Bow and Arrow", const: "RunnerBoyProgressBar" },
+        { title: "Hierarchy Chart", const: "HierarchyChart" },
+        { title: "Runner Boy", const: "RunnerBoyProgressBar" },
         { title: "Table", const: "Table" },
         { title: "Tabs", const: "TabSection" },
         { title: "Text", const: "Text" },
@@ -6280,7 +6281,8 @@ const ComponentSchema = {
         { title: "Timer", const: "Timer" },
         { title: "Upload", const: "UploadFile" },
         { title: "Tree ", const: "TreeMap" },
-        { title: "Thought of the day", const: "Thought" }
+        { title: "Thought of the day", const: "Thought" },
+        { title: "PDF", const: "PdfViewer" }
       ]
     },
     elementType: {
@@ -6334,6 +6336,13 @@ const ComponentSchema = {
         { title: "Standard", const: "standard" }
       ]
     },
+    linkType: {
+      oneOf: [
+        { title: "Step", const: "step" },
+        { title: "Diagonal", const: "diagonal" },
+        { title: "Line", const: "line" }
+      ]
+    },
     positionVertical: {
       oneOf: [
         { title: "Top", const: "top" },
@@ -6656,7 +6665,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: {
@@ -6709,7 +6719,12 @@ const ComponentSchema = {
         { title: "Clone Icon", const: "CloneIcon" },
         { title: "Detail Icon", const: "DetailIcon" },
         { title: "Report View Icon", const: "ReportViewIcon" },
-        { title: "Payout", const: "Payout" }
+        { title: "Payout", const: "Payout" },
+        { title: "Info Outlined", const: "InfoOutlinedIcon" },
+        { title: "Territory Add", const: "TerritoryAdd" },
+        { title: "Territory Edit", const: "TerritoryEdit" },
+        { title: "Territory Delete", const: "TerritoryDelete" },
+        { title: "Git Compare", const: "GitCompare" }
       ]
     },
     color: {
@@ -7815,7 +7830,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}`,
@@ -7824,7 +7839,9 @@ const getArrayControlMultiField = (parentScope, firstFieldScope, secondFieldScop
     },
     config: {
       layout: 12,
-      main: {},
+      main: {
+        label: arrayLabel
+      },
       style: {
         marginLeft: "-24px",
         marginBottom: "24px !important",
@@ -8079,7 +8096,8 @@ const buildPropertiesSection = function(type) {
         getSelectField("variant", "Variant"),
         getInputField("toolTip", "Tooltip"),
         getSelectField("toolTipPosition", "Tooltip Position"),
-        emptyBox$1("Radio", { xs: 6, sm: 6, md: 8, lg: 9 }),
+        getSelectField("iconName", "Start Icon"),
+        emptyBox$1("Radio", { xs: 0, sm: 0, md: 0, lg: 6 }),
         getArrayControl("InputFormatingAndMasking", "formatElement", "Format Element"),
         getInputField("keyName", "Event Key Name")
       ];
@@ -8148,6 +8166,17 @@ const buildPropertiesSection = function(type) {
         emptyBox$1("cardEmpty", { xs: 0, sm: 0, md: 8, lg: 8 })
       ];
       break;
+    case "HierarchyChart":
+      uiSchema.elements = [
+        getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
+        getSelectField("linkType", "Link Type"),
+        getInputField("nodeWidth", "Node Width"),
+        getInputField("nodeHeight", "Node Height"),
+        getInputField("chartHeight", "Chart Height"),
+        getInputField("stepPercent", "Link Bend Position"),
+        emptyBox$1("HierarchyChart", { xs: 0, sm: 0, md: 4, lg: 6 })
+      ];
+      break;
     case "MetricCard":
       uiSchema.elements = [
         getInputField("url", "Image Url"),
@@ -8156,7 +8185,7 @@ const buildPropertiesSection = function(type) {
         getInputField("description", "Description"),
         getSelectField("growthRate", "Growth Rate"),
         getInputField("color", "Card Color"),
-        emptyBox$1("MetricEmpty1", { xs: 6, sm: 0, md: 8, lg: 6 })
+        emptyBox$1("MetricEmpty1", { xs: 6, sm: 6, md: 4, lg: 3 })
       ];
       break;
     case "Button":
@@ -8190,22 +8219,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"),
+        getInputField("xAxisTickCount", "X 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"),
+        getArrayControlMultiField("legendLabels", "key", "value", "Key", "Label", "Configure Bar Labels"),
+        getArrayControlMultiField("pieArcColors", "key", "value", "Key", "Color", "Configure Bar Colors")
       ];
       break;
     case "WrapperSection":
@@ -8217,7 +8248,10 @@ 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"),
+        getInputField("wrapperId", "Wrapper Id"),
+        emptyBox$1("WrapperSectionEmpty1", { xs: 6, sm: 6, md: 8, lg: 9 }),
+        emptyBox$1("WrapperSectionEmpty2")
       ];
       break;
     case "TabSection":
@@ -8247,11 +8281,13 @@ const buildPropertiesSection = function(type) {
         getMultiSelectField("filteringOptions", "Filtering Options"),
         getSelectField("maxPageSize", "Max Page Size"),
         getSelectField("initialDensity", "Initial Toggle Density"),
+        getInputField("rowIdKey", "Row ID Key"),
+        getInputField("parentIdKey", "Parent ID Key"),
+        emptyBox$1("TreeEmpty1", { xs: 6, sm: 6, md: 4, lg: 3 }),
         buildWrapper("Tree Table Properties", [
           getRadioInputField("enableRowMovement", "Row Rearrangement", ["YES", "NO"]),
           getRadioInputField("enableExpanding", "Row Expanding", ["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"),
           ,
@@ -8289,12 +8325,18 @@ const buildPropertiesSection = function(type) {
         getSelectField("toolTipPosition", "Tooltip Position")
       ];
       break;
+    case "PdfViewer":
+      uiSchema.elements = [
+        getInputField("scale", "Zoom"),
+        emptyBox$1("PdfViewer", { xs: 6, sm: 6, md: 8, lg: 9 })
+      ];
+      break;
     case "Date":
       uiSchema.elements = [
         getSelectField("variant", "Variant"),
         getInputField("toolTip", "Tooltip"),
         getSelectField("toolTipPosition", "Tooltip Position"),
-        emptyBox$1("DateEmpty1", { xs: 6, sm: 6, md: 4, lg: 3 })
+        emptyBox$1("imageEmpty", { xs: 0, sm: 0, md: 4, lg: 6 })
       ];
       break;
     case "DateTime":
@@ -8302,7 +8344,7 @@ const buildPropertiesSection = function(type) {
         getSelectField("variant", "Variant"),
         getInputField("toolTip", "Tooltip"),
         getSelectField("toolTipPosition", "Tooltip Position"),
-        emptyBox$1("DateTimeEmpty1", { xs: 6, sm: 6, md: 4, lg: 3 })
+        emptyBox$1("imageEmpty", { xs: 0, sm: 0, md: 4, lg: 6 })
       ];
       break;
     case "Thought":
@@ -8381,13 +8423,13 @@ const StyleSection = {
     }
   ]
 };
-const TableSection = (theme) => {
+const TableSection = (theme, scopeName = "elements") => {
   const uiSchema = {
     type: "HorizontalLayout",
     elements: [
       {
         type: "Control",
-        scope: "#/properties/elements",
+        scope: `#/properties/${scopeName}`,
         options: {
           widget: "Table"
         },
@@ -8398,7 +8440,7 @@ const TableSection = (theme) => {
                 {
                   widget: {
                     type: "Control",
-                    scope: "#/properties/New_Record",
+                    scope: `#/properties/${scopeName}_New_Record`,
                     options: {
                       widget: "IconButton"
                     },
@@ -8425,7 +8467,7 @@ const TableSection = (theme) => {
                 {
                   widget: {
                     type: "Control",
-                    scope: "#/properties/Paste_Component",
+                    scope: scopeName === "elements" ? `#/properties/Paste_Component` : `#/properties/Paste_TabsComponent`,
                     options: {
                       widget: "IconButton"
                     },
@@ -8490,7 +8532,7 @@ const TableSection = (theme) => {
             },
             {
               type: "Control",
-              scope: "#/properties/Copy_Component",
+              scope: scopeName === "elements" ? `#/properties/Copy_Component` : `#/properties/Copy_TabsComponent`,
               options: {
                 widget: "Button"
               },
@@ -8683,6 +8725,10 @@ var buildConfig = (FormData) => {
   if (formData.events) {
     delete formData.events;
   }
+  if (formData.tabLabelElements) {
+    component.tabLabelElements = formData.tabLabelElements || [];
+    delete formData.tabLabelElements;
+  }
   component = { ...formData, ...component };
   return component;
 };
@@ -8841,7 +8887,7 @@ const sectionLabels = {
   LeaderBoard: ["Core", "Components", "Properties", "Events", "Style"],
   WrapperSection: ["Core", "Components", "Properties", "Style"],
   HorizontalLayout: ["Core", "Components", "Properties", "Style"],
-  TabSection: ["Core", "Components", "Properties", "Style", "Validation"],
+  TabSection: ["Core", "Components", "TabTitles", "Properties", "Style", "Validation"],
   SpeedoMeter: ["Core", "Properties", "Events", "Style"],
   card: ["Core", "Properties", "Events", "Style", "Validation"],
   UploadFile: ["Core", "Events", "Style", "Validation"],
@@ -8853,6 +8899,7 @@ const sectionLabels = {
   ProgressBar: ["Core", "Properties", "Events", "Style"],
   RankCard: ["Core", "Properties", "Events", "Style"],
   MetricCard: ["Core", "Properties", "Events", "Style", "Validation"],
+  HierarchyChart: ["Core", "Components", "Properties", "Events", "Style", "Validation"],
   Slider: ["Core", "Components", "Events", "Style", "Validation"],
   Timer: ["Core", "Events", "Style"],
   Rank: ["Core", "Events", "Style"],
@@ -8862,8 +8909,9 @@ const sectionLabels = {
   Radio: ["Core", "Properties", "Events", "Style", "Validation"],
   Text: ["Core", "Properties", "Events", "Style", "Validation"],
   TextArea: ["Core", "Properties", "Events", "Style", "Validation"],
-  PopUp: ["Core", "Components", "Properties", "Style"],
+  PopUp: ["Core", "Components", "Properties", "Events", "Style"],
   PopOver: ["Core", "Components", "Properties", "Style"],
+  PdfViewer: ["Core", "Properties", "Style"],
   Stepper: ["Core", "Components", "Properties", "Events", "Style"],
   DataGrid: ["Core", "Components", "Properties", "Events", "Style"],
   InputSlider: ["Core", "Properties", "Events", "Style", "Validation"],
@@ -8888,6 +8936,7 @@ function refreshPage(type, store2) {
       Style: StyleSection,
       Events: EventSection(store2.theme.myTheme),
       Components: TableSection(store2.theme.myTheme),
+      TabTitles: TableSection(store2.theme.myTheme, "tabLabelElements"),
       Properties: buildPropertiesSection(type),
       Validation: ValidationSection
     };
@@ -9085,8 +9134,12 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
       const id = (_b = store2.searchParams) == null ? void 0 : _b.get("id");
       saveFormdataInSessionStorage(store2.ctx.core.data, path);
       if (path) {
-        const path2 = (_c = store2.searchParams) == null ? void 0 : _c.get("path");
-        const finalPath = `${path2}.elements[${rowId}]`;
+        let finalPath = `${path}`;
+        if ((_c = dynamicData2 == null ? void 0 : dynamicData2.path) == null ? void 0 : _c.startsWith("tabLabel")) {
+          finalPath = `${finalPath}.tabLabelElements[${rowId}]`;
+        } else {
+          finalPath = `${finalPath}.elements[${rowId}]`;
+        }
         store2.searchParams.set("path", finalPath);
         store2.setSearchParams(store2.searchParams);
         this.setPage();
@@ -9098,7 +9151,12 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
       var _a;
       const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
       const rowId = sessionStorage.getItem("rowId");
-      store2.formData.elements.splice(rowId, 1);
+      const isTabLabelElements = sessionStorage.getItem("isTabLabelElements") === "true";
+      if (isTabLabelElements) {
+        store2.formData.tabLabelElements.splice(rowId, 1);
+      } else {
+        store2.formData.elements.splice(rowId, 1);
+      }
       const response = saveFormdataInSessionStorage(store2.ctx.core.data, path);
       const data = path ? _.get(response, path) : response;
       store2.setFormdata(data);
@@ -9106,6 +9164,7 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
         store2.updateDialog("popUpComponentSection");
       }
       sessionStorage.removeItem("rowId");
+      sessionStorage.removeItem("isTabLabelElements");
     },
     deleteEvent: function(shouldUpdateDialog = true) {
       var _a;
@@ -9126,9 +9185,17 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
       if (!Array.isArray(store2.formData.elements)) {
         store2.formData.elements = [];
       }
+      if (!Array.isArray(store2.formData.tabLabelElements)) {
+        store2.formData.tabLabelElements = [];
+      }
       const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
       saveFormdataInSessionStorage(store2.ctx.core.data, path);
-      const finalPath = `${path}.elements[${store2.formData.elements.length}]`;
+      let finalPath = `${path}`;
+      if (dynamicData2.path.startsWith("tabLabel")) {
+        finalPath = `${finalPath}.tabLabelElements[${store2.formData.tabLabelElements.length}]`;
+      } else {
+        finalPath = `${finalPath}.elements[${store2.formData.elements.length}]`;
+      }
       store2.searchParams.set("path", finalPath);
       store2.setSearchParams(store2.searchParams);
       this.setPage();
@@ -9163,6 +9230,7 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
     deletePopUpComponent: function() {
       const rowId = dynamicData2.path.split(".")[1];
       sessionStorage.setItem("rowId", rowId);
+      sessionStorage.setItem("isTabLabelElements", dynamicData2.path.startsWith("tabLabel") ? "true" : "false");
       store2.updateDialog("popUpComponentSection");
     },
     deletePopUpEvent: function() {
@@ -9209,9 +9277,17 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
       if (!Array.isArray(store2.formData.events)) {
         store2.formData.events = [];
       }
+      if (!Array.isArray(store2.formData.tabLabelElements)) {
+        store2.formData.tabLabelElements = [];
+      }
       saveFormdataInSessionStorage(store2.ctx.core.data, pastedElementParentPath);
       const formData = getFormdataFromSessionStorage(pastedElementParentPath);
-      const insertElementIndex = elementType === "Component" ? formData.elements.length : formData.events.length;
+      const currentLength = {
+        "TabsComponent": formData.tabLabelElements.length,
+        "Component": formData.elements.length,
+        "Events": formData.events.length
+      };
+      const insertElementIndex = currentLength[elementType] || 0;
       const pastedElementPath = this.elementPathHandler(pastedElementParentPath, insertElementIndex, elementType);
       const copiedConfig = JSON.parse(sessionStorage.getItem("copiedConfig"));
       const notificationMessages = {
@@ -9246,6 +9322,9 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
       if (elementType === "Component") {
         return parentPath ? `${parentPath}.elements[${rowId}]` : `elements[${rowId}]`;
       }
+      if (elementType === "TabsComponent") {
+        return `${parentPath}.tabLabelElements[${rowId}]`;
+      }
       return parentPath ? `${parentPath}.events[${rowId}]` : `events[${rowId}]`;
     },
     ElementPathSetter: function(uiSchema, copiedFormData) {
@@ -9447,7 +9526,10 @@ const EventSchema = {
         { title: "Row Movement", const: "onRowMovement" },
         { title: "Download", const: "onDownload" },
         { title: "Fail", const: "Fail" },
-        { title: "Key Down", const: "onKeyDown" }
+        { title: "onClose", const: "onClose" },
+        { title: "Key Down", const: "onKeyDown" },
+        { title: "Set Style", const: "setStyle" },
+        { title: "Expand Node", const: "onNodeExpandChange" }
       ]
     },
     Handler: {
@@ -10833,6 +10915,25 @@ var service = (funcParams) => {
         funcParams.store.setUiSchema(uiSchema);
       });
     },
+    getStyle: () => {
+      var _a, _b, _c, _d;
+      const cloneEventGroup = _.cloneDeep(eventGroups);
+      if (cloneEventGroup.setStyle) {
+        let finalResponse = {};
+        const path = ((_a = funcParams.dynamicData) == null ? void 0 : _a.tableButtonPath) || ((_b = funcParams == null ? void 0 : funcParams.dynamicData.path) == null ? void 0 : _b.split(".").pop());
+        if ((_c = cloneEventGroup == null ? void 0 : cloneEventGroup.setStyle) == null ? void 0 : _c[path]) {
+          for (const eventConfig of (_d = cloneEventGroup == null ? void 0 : cloneEventGroup.setStyle) == null ? void 0 : _d[path]) {
+            finalResponse = executeEvents({
+              ...executeEventsParameters,
+              config: eventConfig,
+              componentName: path
+            });
+          }
+          return finalResponse;
+        }
+      }
+      return {};
+    },
     onCellRenderer: (cellParams) => {
       var _a, _b, _c, _d, _e;
       const cloneEventGroup = _.cloneDeep(eventGroups);
@@ -10862,6 +10963,9 @@ var service = (funcParams) => {
     onFileDelete: async function() {
       this.callHandler("onFileDelete");
     },
+    onClose: function() {
+      this.callHandler("onClose");
+    },
     onMount: function() {
       this.callHandler("onMount");
     },
@@ -10885,18 +10989,26 @@ var service = (funcParams) => {
       return response == null ? void 0 : response.data;
     },
     onPaginationChange: async function(paginationValues) {
-      var _a, _b;
+      var _a;
       const apiBody = [
         { key: "size", value: paginationValues.pagination.pageSize },
         { key: "pageIndex", value: paginationValues.pagination.pageIndex },
         { 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: "parentIds", value: paginationValues.parentIds },
+        { key: "isExpandAll", value: paginationValues.isExpandAll }
       ];
       const response = await this.callExecuteEvents(paginationValues, apiBody, "onLoad");
       return response == null ? void 0 : response.data;
     },
+    onNodeExpandChange: async function(param) {
+      const apiBody = [
+        { key: "expandedNodeId", value: param.expandedNodeId }
+      ];
+      const response = await this.callExecuteEvents(param, apiBody, "onNodeExpandChange");
+      return response == null ? void 0 : response.data;
+    },
     getSelectOptions: async function(param) {
       if (param.serachValue !== "" && param.serachValue !== void 0) {
         const apiBody = [
@@ -10912,8 +11024,8 @@ var service = (funcParams) => {
         return;
       const ChangeEventsKeysArray = Object.keys(eventGroups.onChange);
       const promises = ChangeEventsKeysArray.flatMap((componentName) => {
-        var _a, _b;
-        if (((_a = funcParams.store) == null ? void 0 : _a.formData[componentName]) === funcParams.store.newData[componentName] || ((_b = funcParams.store) == null ? void 0 : _b.newData[componentName]) === void 0) {
+        var _a;
+        if (((_a = funcParams.store) == null ? void 0 : _a.formData[componentName]) === funcParams.store.newData[componentName]) {
           return [];
         }
         return eventGroups.onChange[componentName].map(
@@ -11211,6 +11323,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;
@@ -11495,9 +11622,11 @@ 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);
+  wrapper.config.main.wrapperId = config2.wrapperId;
   if (config2.defaultStyle) {
     wrapper.config.defaultStyle = config2.defaultStyle === "YES" ? true : false;
   }
@@ -11553,6 +11682,9 @@ const buildTextField = (config2, componentScope2) => {
   if (config2.toolTipPosition) {
     inputField.config.main.toolTipPosition = config2.toolTipPosition;
   }
+  if (config2.iconName) {
+    inputField.config.main.startIcon = config2.iconName;
+  }
   inputField.config.main.errorMessage = `${config2.name} is empty or invalid`;
   inputField.scope = componentScope2;
   return inputField;
@@ -11707,9 +11839,6 @@ const buildTable = (config2, componentScope2) => {
   if (config2.paginateExpandedRows) {
     table.config.main.paginateExpandedRows = config2.paginateExpandedRows === "YES" ? true : false;
   }
-  if (config2.treeStructure) {
-    table.config.main.treeStructure = config2.treeStructure === "YES" ? "flatTreeMap" : false;
-  }
   if (config2.SelectionAvailable) {
     table.config.main.Selection = config2.SelectionAvailable === "YES" ? true : false;
   }
@@ -11752,6 +11881,12 @@ const buildTable = (config2, componentScope2) => {
   if (config2.selectKey) {
     table.config.main.selectKey = config2.selectKey;
   }
+  if (config2.rowIdKey) {
+    table.config.main.rowIdKey = config2.rowIdKey;
+  }
+  if (config2.parentIdKey) {
+    table.config.main.parentIdKey = config2.parentIdKey;
+  }
   if (config2.maxPageSize) {
     table.config.main.maxPageSize = config2.maxPageSize;
   }
@@ -12139,7 +12274,6 @@ const DateTime = {
 const buildDate = (config2, componentScope2) => {
   const dateInputField = _.cloneDeep(DateInputField);
   dateInputField.config.main.label = config2.label;
-  dateInputField.config.main.errorMessage = `${config2.name} is empty or invalid`;
   dateInputField.scope = componentScope2;
   if (config2.layout) {
     dateInputField.config.layout = createLayoutFormat(config2.layout);
@@ -12161,7 +12295,6 @@ const buildDate = (config2, componentScope2) => {
 const buildDateTime = (config2, componentScope2) => {
   const dateTimeInputField = _.cloneDeep(DateTime);
   dateTimeInputField.config.main.label = config2.label;
-  dateTimeInputField.config.main.errorMessage = `${config2.name} is empty or invalid`;
   dateTimeInputField.scope = componentScope2;
   if (config2.layout) {
     dateTimeInputField.config.layout = createLayoutFormat(config2.layout);
@@ -12509,6 +12642,9 @@ const buildEmptyBox = (config2, componentScope2) => {
   if (config2.layout) {
     EmptyBox.config.layout = createLayoutFormat(config2.layout);
   }
+  if (config2.style) {
+    EmptyBox.config.style = JSON.parse(config2.style);
+  }
   return EmptyBox;
 };
 const ArrayUiSchema = {
@@ -12703,6 +12839,7 @@ const PopUP = {
     },
     main: {
       label: "PopUp",
+      onClose: "onClose",
       fullScreen: false,
       fullWidth: false,
       maxWidth: false,
@@ -12980,12 +13117,12 @@ 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;
   }
+  if (config2.xAxisTickCount) {
+    AreaGraph.config.main.xAxisTickCount = config2.xAxisTickCount;
+  }
   if (config2.xAxisValue) {
     AreaGraph.config.main.xAxisValue = config2.xAxisValue;
   }
@@ -13008,6 +13145,71 @@ 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.xAxisTickCount) {
+    StackBarLineGraph.config.main.xAxisTickCount = config2.xAxisTickCount;
+  }
+  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",
@@ -13161,6 +13363,77 @@ const buildOTP_Input = (config2, componentScope2) => {
   OTP.config.main.length = +config2.length;
   return OTP;
 };
+var pdfViewer = {
+  type: "Control",
+  scope: "#/properties/pdfviewer",
+  options: {
+    widget: "PdfViewer"
+  },
+  config: {
+    layout: {
+      xs: 12,
+      sm: 12,
+      md: 12,
+      lg: 12
+    },
+    main: {
+      title: "PDF"
+    }
+  }
+};
+const buildPdfViewer = (config2, componentScope2) => {
+  const PdfViewer = _.cloneDeep(pdfViewer);
+  PdfViewer.scope = componentScope2;
+  PdfViewer.config.main.scale = config2.scale;
+  if (config2.layout) {
+    PdfViewer.config.layout = createLayoutFormat(config2.layout);
+  }
+  if (config2.style) {
+    PdfViewer.config.style = JSON.parse(config2.style);
+  }
+  return PdfViewer;
+};
+const HierarchyChart = {
+  type: "Control",
+  scope: "#/properties/HierarchyChart",
+  options: {
+    widget: "HierarchyChart"
+  },
+  config: {
+    layout: { xs: 12, sm: 12, md: 12, lg: 12 },
+    main: {},
+    style: { containerStyle: {}, labelStyle: { margin: {} } }
+  }
+};
+const buildHierarchyChart = (config2, componentScope2, store2) => {
+  const hierarchyChart = _.cloneDeep(HierarchyChart);
+  hierarchyChart.scope = componentScope2;
+  if (config2.style) {
+    hierarchyChart.config.style = JSON.parse(config2.style);
+  }
+  if (config2.layout) {
+    hierarchyChart.config.layout = createLayoutFormat(config2.layout);
+  }
+  if (config2.linkType) {
+    hierarchyChart.config.main.linkType = config2.linkType;
+  }
+  if (config2.stepPercent) {
+    hierarchyChart.config.main.stepPercent = config2.stepPercent;
+  }
+  if (config2.nodeWidth) {
+    hierarchyChart.config.main.nodeWidth = config2.nodeWidth;
+  }
+  if (config2.nodeHeight) {
+    hierarchyChart.config.main.nodeHeight = config2.nodeHeight;
+  }
+  if (config2.chartHeight) {
+    hierarchyChart.config.main.chartHeight = config2.chartHeight;
+  }
+  if (config2.lazyLoading) {
+    hierarchyChart.config.main.lazyLoading = config2.lazyLoading === "YES" ? true : false;
+  }
+  return hierarchyChart;
+};
 let schema = {
   type: "object",
   properties: {},
@@ -13324,6 +13597,9 @@ const buildUiSchema = (config2, store2) => {
     case "MetricCard":
       elements = buildMetricCard(config2, componentScope2);
       break;
+    case "HierarchyChart":
+      elements = buildHierarchyChart(config2, componentScope2);
+      break;
     case "Graph":
       switch (config2.graphType) {
         case "BarGraph":
@@ -13343,6 +13619,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;
@@ -13391,6 +13670,9 @@ const buildUiSchema = (config2, store2) => {
     case "Camera":
       elements = buildCamera(config2, componentScope2);
       break;
+    case "PdfViewer":
+      elements = buildPdfViewer(config2, componentScope2);
+      break;
     default:
       schema = {
         type: "object",
@@ -13494,6 +13776,11 @@ const buildUiSchema = (config2, store2) => {
       });
     }
   }
+  if (config2.tabLabelElements) {
+    elements.tabLabelElements = config2.tabLabelElements.map((e, elemInd) => {
+      return buildUiSchema(e, store2);
+    });
+  }
   return elements;
 };
 export { buildConfig, buildSchema, buildUiSchema, clearFromSessionStorage, downloadFile$1 as downloadFile, downloadFileFromUrl, pageMaster, Component as pageMasterComponents, event as pageMasterEvents, service as pageService, schema };