impaktapps-ui-builder 1.0.287 → 1.0.288

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",
@@ -6265,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: {
@@ -6648,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: {
@@ -7807,7 +7825,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}`,
@@ -7816,7 +7834,9 @@ const getArrayControlMultiField = (parentScope, firstFieldScope, secondFieldScop
     },
     config: {
       layout: 12,
-      main: {},
+      main: {
+        label: arrayLabel
+      },
       style: {
         marginLeft: "-24px",
         marginBottom: "24px !important",
@@ -7996,6 +8016,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;
@@ -8190,22 +8214,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":
@@ -8213,9 +8239,12 @@ 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 }),
+        getInputField("rowSpacing", "Row Spacing"),
+        getInputField("columnSpacing", "Column Spacing"),
+        getInputField("spacing", "Spacing"),
+        getInputField("iconUrl", "Icon Url"),
+        emptyBox$1("WrapperSectionEmpty1", { xs: 0, sm: 0, md: 4, lg: 6 }),
         emptyBox$1("WrapperSectionEmpty2")
       ];
       break;
@@ -8288,12 +8317,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":
@@ -8301,7 +8336,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":
@@ -8313,6 +8348,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 +8364,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":
@@ -8854,12 +8893,13 @@ const sectionLabels = {
   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"],
+  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"],
@@ -8868,7 +8908,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"]
@@ -9443,7 +9483,9 @@ 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" }
       ]
     },
     Handler: {
@@ -10786,7 +10828,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;
@@ -10829,6 +10871,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);
@@ -10858,6 +10919,9 @@ var service = (funcParams) => {
     onFileDelete: async function() {
       this.callHandler("onFileDelete");
     },
+    onClose: function() {
+      this.callHandler("onClose");
+    },
     onMount: function() {
       this.callHandler("onMount");
     },
@@ -11229,6 +11293,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;
@@ -11496,9 +11575,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
   },
@@ -11511,6 +11592,10 @@ 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);
   if (config2.defaultStyle) {
     wrapper.config.defaultStyle = config2.defaultStyle === "YES" ? true : false;
   }
@@ -11785,7 +11870,8 @@ const Box = {
   config: {
     layout: { xs: 6, sm: 6, md: 4, lg: 3 },
     main: {
-      iconName: ""
+      iconName: "",
+      onClick: "onClick"
     },
     style: {}
   }
@@ -12151,7 +12237,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);
@@ -12173,7 +12258,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);
@@ -12549,7 +12633,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;
@@ -12624,7 +12712,8 @@ const FileInput = {
       required: false,
       onUpload: "onFileUpload",
       onDownload: "onFileDownload",
-      label: "Aggrement Copy"
+      label: "Aggrement Copy",
+      "onClick": "onClick"
     },
     style: {
       backgroundColor: "none"
@@ -12645,6 +12734,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;
@@ -12652,6 +12742,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 = {
@@ -12708,6 +12799,7 @@ const PopUP = {
     },
     main: {
       label: "PopUp",
+      onClose: "onClose",
       fullScreen: false,
       fullWidth: false,
       maxWidth: false,
@@ -12931,7 +13023,8 @@ const imageUiSchema = {
   config: {
     layout: 3,
     main: {
-      url: ""
+      url: "",
+      onClick: "onClick"
     },
     style: {}
   }
@@ -12949,6 +13042,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) => {
@@ -12982,9 +13077,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;
   }
@@ -13010,6 +13102,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",
@@ -13050,7 +13204,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;
 };
@@ -13163,6 +13317,36 @@ 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",
@@ -13392,6 +13576,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;
@@ -13440,6 +13627,9 @@ const buildUiSchema = (config2, store2) => {
     case "Camera":
       elements = buildCamera(config2, componentScope2);
       break;
+    case "PdfViewer":
+      elements = buildPdfViewer(config2, componentScope2);
+      break;
     default:
       schema = {
         type: "object",