impaktapps-ui-builder 1.0.280 → 1.0.301

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

@@ -96,6 +96,22 @@ const PageMasterUiSchema = (theme) => {
               }
             }
           },
+          {
+            type: "Control",
+            scope: "#/properties/pageIconUrl",
+            options: {
+              widget: "InputField"
+            },
+            config: {
+              layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+              main: {
+                label: "Page Icon URL",
+                options: [],
+                color: "secondary",
+                required: true
+              }
+            }
+          },
           {
             type: "Control",
             scope: "#/properties/hasBackIcon",
@@ -6256,7 +6272,6 @@ const ComponentSchema = {
         { title: "Rank", const: "Rank" },
         { title: "Rank Card", const: "RankCard" },
         { title: "Metric Card", const: "MetricCard" },
-        { title: "Hierarchy Chart", const: "HierarchyChart" },
         { title: "Runner Boy", const: "RunnerBoyProgressBar" },
         { title: "Table", const: "Table" },
         { title: "Tabs", const: "TabSection" },
@@ -6265,7 +6280,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: {
@@ -6319,13 +6335,6 @@ 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" },
@@ -7996,6 +8005,10 @@ const buildPropertiesSection = function(type) {
         getRadioInputField("disableExpandAllButton", "Disable Expand Buttons", ["YES", "NO"]),
         getRadioInputField("disableRowActions", "Disable Row Actions", ["YES", "NO"]),
         getInputField("childElementLabel", "Child Element Label"),
+        getInputField("showKeyAsLabel", "ShowKey As Label"),
+        getInputField("rowSpacing", "Row Spacing"),
+        getInputField("columnSpacing", "Column Spacing"),
+        getInputField("spacing", "Spacing"),
         emptyBox$1("empty1", { xs: 12, sm: 6, md: 4, lg: 3 })
       ];
       break;
@@ -8136,18 +8149,6 @@ 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"),
-        getRadioInputField("isExpandAll", "Expand All", ["YES", "NO"]),
-        getInputField("chartHeight", "Chart Height"),
-        getInputField("stepPercent", "Link Bend Position"),
-        emptyBox$1("HierarchyChart", { xs: 6, sm: 6, md: 0, lg: 3 })
-      ];
-      break;
     case "MetricCard":
       uiSchema.elements = [
         getInputField("url", "Image Url"),
@@ -8156,7 +8157,7 @@ const buildPropertiesSection = function(type) {
         getInputField("description", "Description"),
         getSelectField("growthRate", "Growth Rate"),
         getInputField("color", "Card Color"),
-        emptyBox$1("MetricEmpty1", { xs: 6, sm: 6, md: 4, lg: 3 })
+        emptyBox$1("MetricEmpty1", { xs: 6, sm: 0, md: 8, lg: 6 })
       ];
       break;
     case "Button":
@@ -8213,10 +8214,11 @@ const buildPropertiesSection = function(type) {
         getRadioInputField("divider", "Divider", ["YES", "No"]),
         getRadioInputField("isAccordion", "Accordion", ["YES", "No"]),
         getRadioInputField("defaultStyle", "Default Style", ["YES", "No"]),
-        getInputField("rowSpacing", "Row Spacing"),
         getRadioInputField("defaultClosed", "Default Closed", ["YES", "No"]),
-        emptyBox$1("WrapperSectionEmpty1", { xs: 6, sm: 0, md: 4, lg: 4 }),
-        emptyBox$1("WrapperSectionEmpty2")
+        getInputField("rowSpacing", "Row Spacing"),
+        getInputField("columnSpacing", "Column Spacing"),
+        getInputField("spacing", "Spacing"),
+        emptyBox$1("WrapperSectionEmpty1", { xs: 6, sm: 0, md: 4, lg: 3 })
       ];
       break;
     case "TabSection":
@@ -8288,6 +8290,14 @@ const buildPropertiesSection = function(type) {
         getSelectField("toolTipPosition", "Tooltip Position")
       ];
       break;
+    case "PdfViewer":
+      uiSchema.elements = [
+        getInputField("title", "title"),
+        getRadioInputField("fullScreen", "FullScreen", ["YES", "NO"]),
+        getRadioInputField("fullWidth", "FullWidth", ["YES", "NO"]),
+        getInputField("maxWidth", "Max. Width")
+      ];
+      break;
     case "Date":
       uiSchema.elements = [
         getSelectField("variant", "Variant"),
@@ -8313,6 +8323,8 @@ const buildPropertiesSection = function(type) {
       uiSchema.elements = [
         getInputField("imageUrl", "Image URL"),
         getInputField("height", "Image Height"),
+        getInputField("toolTip", "Tooltip"),
+        getSelectField("toolTipPosition", "Tooltip Position"),
         emptyBox$1("imageEmpty", { xs: 0, sm: 0, md: 4, lg: 6 })
       ];
       break;
@@ -8327,7 +8339,9 @@ const buildPropertiesSection = function(type) {
         getSelectField("toolTipPosition", "Tooltip Position"),
         getInputField("chooseButtonLabel", "ChooseButton Label"),
         getInputField("noFileAvailableMessage", "No Found Message"),
-        emptyBox$1("FileInputEmpty", { xs: 6, sm: 6, md: 4, lg: 3 })
+        getRadioInputField("useLabel", "Use Button", ["YES", "NO"]),
+        getRadioInputField("externalUpload", "External Upload", ["YES", "NO"]),
+        emptyBox$1("imageEmpty", { xs: 0, sm: 0, md: 4, lg: 6 })
       ];
       break;
     case "Camera":
@@ -8848,18 +8862,18 @@ 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"],
   Button: ["Core", "Properties", "Events", "Style", "Validation"],
   ButtonGroup: ["Core", "Components", "Properties", "Events", "Style", "Validation"],
-  Array: ["Core", "Components", "Properties", "Events", "Validation"],
+  Array: ["Core", "Components", "Properties", "Events", "Style", "Validation"],
   Radio: ["Core", "Properties", "Events", "Style", "Validation"],
   Text: ["Core", "Properties", "Events", "Style", "Validation"],
   TextArea: ["Core", "Properties", "Events", "Style", "Validation"],
   PopUp: ["Core", "Components", "Properties", "Style"],
   PopOver: ["Core", "Components", "Properties", "Style"],
+  PdfViewer: ["Core", "Components", "Properties", "Style"],
   Stepper: ["Core", "Components", "Properties", "Events", "Style"],
   DataGrid: ["Core", "Components", "Properties", "Events", "Style"],
   InputSlider: ["Core", "Properties", "Events", "Style", "Validation"],
@@ -8868,7 +8882,7 @@ const sectionLabels = {
   Thought: ["Core", "Properties", "Events", "Style"],
   Date: ["Core", "Properties", "Events", "Style", "Validation"],
   DateTime: ["Core", "Properties", "Events", "Style", "Validation"],
-  Image: ["Core", "Properties", "Style"],
+  Image: ["Core", "Properties", "Events", "Style"],
   FileInput: ["Core", "Properties", "Events", "Style", "Validation"],
   Camera: ["Core", "Properties", "Events", "Style", "Validation"],
   OTP_Input: ["Core", "Properties", "Events", "Style", "Validation"]
@@ -10786,7 +10800,7 @@ var service = (funcParams) => {
       const config2 = pageData == null ? void 0 : pageData.config;
       const uiSchema = pageData == null ? void 0 : pageData.uiSchema;
       const event2 = new CustomEvent("pageNameChanged", {
-        detail: { pageName: config2.label, hasBackIcon: config2.hasBackIcon === "NO" ? false : true }
+        detail: { pageName: config2.label, pageIconUrl: config2.pageIconUrl, hasBackIcon: config2.hasBackIcon === "NO" ? false : true }
       });
       window.dispatchEvent(event2);
       (_b = (_a = funcParams == null ? void 0 : funcParams.store) == null ? void 0 : _a.theme) == null ? void 0 : _b.myTheme;
@@ -10893,13 +10907,6 @@ var service = (funcParams) => {
       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, "onLoad");
-      return response == null ? void 0 : response.data;
-    },
     getSelectOptions: async function(param) {
       if (param.serachValue !== "" && param.serachValue !== void 0) {
         const apiBody = [
@@ -11481,9 +11488,11 @@ var WrapperSection = {
   config: {
     layout: 12,
     main: {
-      rowSpacing: 3,
       divider: true,
-      label: "Default Label"
+      label: "Default Label",
+      rowSpacing: 2,
+      columnSpacing: 2,
+      spacing: 2
     },
     defaultStyle: true
   },
@@ -11496,6 +11505,9 @@ 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.rowSpacing = Number(config2.rowSpacing);
+  wrapper.config.main.columnSpacing = Number(config2.columnSpacing);
+  wrapper.config.main.spacing = Number(config2.spacing);
   if (config2.defaultStyle) {
     wrapper.config.defaultStyle = config2.defaultStyle === "YES" ? true : false;
   }
@@ -11770,7 +11782,8 @@ const Box = {
   config: {
     layout: { xs: 6, sm: 6, md: 4, lg: 3 },
     main: {
-      iconName: ""
+      iconName: "",
+      onClick: "onClick"
     },
     style: {}
   }
@@ -12534,7 +12547,11 @@ const buildArray = (config2, componentScope2) => {
   if (config2.style) {
     array.config.style = JSON.parse(config2.style);
   }
+  array.config.main.rowSpacing = Number(config2.rowSpacing);
+  array.config.main.columnSpacing = Number(config2.columnSpacing);
+  array.config.main.spacing = Number(config2.spacing);
   array.config.main.childElementLabel = config2.childElementLabel;
+  array.config.main.showKeyAsLabel = config2.showKeyAsLabel;
   array.config.main.label = config2.label;
   array.scope = componentScope2;
   return array;
@@ -12609,7 +12626,8 @@ const FileInput = {
       required: false,
       onUpload: "onFileUpload",
       onDownload: "onFileDownload",
-      label: "Aggrement Copy"
+      label: "Aggrement Copy",
+      "onClick": "onClick"
     },
     style: {
       backgroundColor: "none"
@@ -12630,6 +12648,7 @@ const buildFileInput = (config2, componentScope2) => {
   box.config.main.disableUpload = config2.disableUpload === "YES" ? true : false;
   box.config.main.disableDownload = config2.disableDownload === "YES" ? true : false;
   box.config.main.disableDelete = config2.disableDelete === "YES" ? true : false;
+  box.config.main.useLabel = config2.useLabel === "YES" ? true : false;
   box.config.main.description = config2.description;
   box.config.main.toolTip = config2.toolTip;
   box.config.main.chooseButtonLabel = config2.chooseButtonLabel;
@@ -12637,6 +12656,7 @@ const buildFileInput = (config2, componentScope2) => {
   if (config2.toolTipPosition) {
     box.config.main.toolTipPosition = config2.toolTipPosition;
   }
+  box.config.main.externalUpload = config2.externalUpload === "YES" ? true : false;
   return box;
 };
 const Stepper = {
@@ -12916,7 +12936,8 @@ const imageUiSchema = {
   config: {
     layout: 3,
     main: {
-      url: ""
+      url: "",
+      onClick: "onClick"
     },
     style: {}
   }
@@ -12934,6 +12955,8 @@ const buildImage = (config2, componentScope2) => {
   if (config2.height) {
     image.config.style.imageStyle = { ...image.config.style.imageStyle, height: config2.height };
   }
+  image.config.main.toolTip = config2.toolTip;
+  image.config.main.toolTipPosition = config2.toolTipPosition;
   return image;
 };
 const buildAreaGraph = (config2, componentScope2) => {
@@ -13035,7 +13058,7 @@ const buildCamera = (config2, componentScope2) => {
     camera.config.main.color = config2.color;
   }
   if (config2.label) {
-    camera.config.main.name = config2.label;
+    camera.config.main.label = config2.label;
   }
   return camera;
 };
@@ -13148,49 +13171,38 @@ const buildOTP_Input = (config2, componentScope2) => {
   OTP.config.main.length = +config2.length;
   return OTP;
 };
-const HierarchyChart = {
+var pdfViewer = {
   type: "Control",
-  scope: "#/properties/HierarchyChart",
+  scope: "#/properties/pdfviewer",
   options: {
-    widget: "HierarchyChart"
+    widget: "PdfViewer"
   },
   config: {
-    layout: { xs: 12, sm: 12, md: 12, lg: 12 },
-    main: {},
-    style: { containerStyle: {}, labelStyle: { margin: {} } }
+    layout: {
+      xs: 12,
+      sm: 12,
+      md: 12,
+      lg: 12
+    },
+    main: {
+      title: "PDF"
+    }
   }
 };
-const buildHierarchyChart = (config2, componentScope2, store2) => {
-  const hierarchyChart = _.cloneDeep(HierarchyChart);
-  hierarchyChart.scope = componentScope2;
-  if (config2.style) {
-    hierarchyChart.config.style = JSON.parse(config2.style);
-  }
+const buildPdfViewer = (config2, componentScope2) => {
+  const PdfViewer = _.cloneDeep(pdfViewer);
+  PdfViewer.scope = componentScope2;
+  PdfViewer.config.main.title = config2.label;
+  PdfViewer.config.main.fullScreen = config2.fullScreen === "YES" ? true : false;
+  PdfViewer.config.main.fullWidth = config2.fullWidth === "YES" ? true : false;
+  PdfViewer.config.main.maxWidth = config2.maxWidth || false;
   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;
+    PdfViewer.config.layout = createLayoutFormat(config2.layout);
   }
-  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;
-  }
-  if (config2.isExpandAll) {
-    hierarchyChart.config.main.isExpandAll = config2.isExpandAll === "YES" ? true : false;
+  if (config2.style) {
+    PdfViewer.config.style = JSON.parse(config2.style);
   }
-  return hierarchyChart;
+  return PdfViewer;
 };
 let schema = {
   type: "object",
@@ -13355,9 +13367,6 @@ 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":
@@ -13425,6 +13434,9 @@ const buildUiSchema = (config2, store2) => {
     case "Camera":
       elements = buildCamera(config2, componentScope2);
       break;
+    case "PdfViewer":
+      elements = buildPdfViewer(config2, componentScope2);
+      break;
     default:
       schema = {
         type: "object",