impaktapps-ui-builder 1.0.300 → 1.0.302

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

@@ -6280,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: {
@@ -6362,6 +6363,15 @@ const ComponentSchema = {
         { title: "Right", const: "right" }
       ]
     },
+    maxWidth: {
+      oneOf: [
+        { title: "Extra Small", const: "xs" },
+        { title: "Small", const: "sm" },
+        { title: "Medium", const: "md" },
+        { title: "Large", const: "lg" },
+        { title: "Extra Large", const: "xl" }
+      ]
+    },
     toolTipPosition: {
       oneOf: [
         { title: "Top", const: "top" },
@@ -6656,8 +6666,7 @@ const ComponentSchema = {
           title: "Stack Horizontal Bar Graph",
           const: "HorizontalStackBarGraph"
         },
-        { title: "Area Graph", const: "AreaGraph" },
-        { title: "StackBar And Line Graph", const: "StackBarLineGraph" }
+        { title: "Area Graph", const: "AreaGraph" }
       ]
     },
     iconName: {
@@ -8191,7 +8200,6 @@ 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 }),
@@ -8202,7 +8210,7 @@ const buildPropertiesSection = function(type) {
         getSelectField("xAxisType", "X-AxisType"),
         getRadioInputField("bottomAxisAngle", "Bottom Axis Angled", ["YES", "No"]),
         getInputField("leftMargin", "Left Margin"),
-        getInputField("xAxisLabelMinWidth", "X Axis Label Width"),
+        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 }),
@@ -8219,9 +8227,7 @@ const buildPropertiesSection = function(type) {
         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")
+        emptyBox$1("WrapperSectionEmpty1", { xs: 6, sm: 0, md: 4, lg: 3 })
       ];
       break;
     case "TabSection":
@@ -8293,6 +8299,16 @@ 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"),
+        getSelectField("maxWidth", "Max Width"),
+        getInputField("scale", "Zoom Factor")
+      ];
+      break;
     case "Date":
       uiSchema.elements = [
         getSelectField("variant", "Variant"),
@@ -8868,6 +8884,7 @@ const sectionLabels = {
   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"],
@@ -11215,21 +11232,6 @@ 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;
@@ -11514,7 +11516,6 @@ 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);
@@ -13000,8 +13001,8 @@ const buildAreaGraph = (config2, componentScope2) => {
   if (config2.xAxisFormatType) {
     AreaGraph.config.main.xAxisFormatType = config2.xAxisFormatType;
   }
-  if (config2.xAxisLabelMinWidth) {
-    AreaGraph.config.main.xAxisLabelMinWidth = config2.xAxisLabelMinWidth;
+  if (config2.xAxisTickCount) {
+    AreaGraph.config.main.xAxisTickCount = config2.xAxisTickCount;
   }
   if (config2.yAxisTickCount) {
     AreaGraph.config.main.yAxisTickCount = config2.yAxisTickCount;
@@ -13028,65 +13029,6 @@ 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.xAxisLabelMinWidth) {
-    StackBarLineGraph.config.main.xAxisLabelMinWidth = config2.xAxisLabelMinWidth;
-  }
-  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.leftMargin) {
-    StackBarLineGraph.config.style.labelStyle.margin = {
-      left: config2.leftMargin
-    };
-  }
-  return StackBarLineGraph;
-};
 const cameraUiSchema = {
   type: "Control",
   scope: "#/properties/camera",
@@ -13240,6 +13182,40 @@ 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.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;
+  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;
+};
 let schema = {
   type: "object",
   properties: {},
@@ -13422,9 +13398,6 @@ const buildUiSchema = (config2, store2) => {
         case "AreaGraph":
           elements = buildAreaGraph(config2, componentScope2);
           break;
-        case "StackBarLineGraph":
-          elements = buildStackBarLineGraph(config2, componentScope2);
-          break;
         default:
           elements = buildStackbarGraph(config2, componentScope2);
           break;
@@ -13473,6 +13446,9 @@ const buildUiSchema = (config2, store2) => {
     case "Camera":
       elements = buildCamera(config2, componentScope2);
       break;
+    case "PdfViewer":
+      elements = buildPdfViewer(config2, componentScope2);
+      break;
     default:
       schema = {
         type: "object",