impaktapps-ui-builder 1.0.303 → 1.0.305-test.2

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

@@ -6280,8 +6280,7 @@ const ComponentSchema = {
         { title: "Timer", const: "Timer" },
         { title: "Upload", const: "UploadFile" },
         { title: "Tree ", const: "TreeMap" },
-        { title: "Thought of the day", const: "Thought" },
-        { title: "PDF", const: "PdfViewer" }
+        { title: "Thought of the day", const: "Thought" }
       ]
     },
     elementType: {
@@ -6363,15 +6362,6 @@ 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" },
@@ -6666,7 +6656,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: {
@@ -8200,6 +8191,7 @@ 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 }),
@@ -8210,7 +8202,7 @@ const buildPropertiesSection = function(type) {
         getSelectField("xAxisType", "X-AxisType"),
         getRadioInputField("bottomAxisAngle", "Bottom Axis Angled", ["YES", "No"]),
         getInputField("leftMargin", "Left Margin"),
-        getInputField("xAxisTickCount", "X Axis TickCount"),
+        getInputField("xAxisLabelMinWidth", "X Axis Label Width"),
         getInputField("yAxisTickCount", "Y Axis TickCount"),
         getSelectField("xAxisFormatType", "X Axis Format Type"),
         emptyBox$1("GraphEmpty1", { xs: 0, sm: 0, md: 4, lg: 6 }),
@@ -8227,7 +8219,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":
@@ -8299,22 +8293,12 @@ 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"]),
-        getSelectField("maxWidth", "Max Width"),
-        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":
@@ -8322,7 +8306,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":
@@ -8803,12 +8787,75 @@ const getFormdataFromSessionStorage = (path) => {
   }
   return returnValue || pageFormdata;
 };
+const collectScopeNames = (config2, scopeMap = {}) => {
+  if (!config2 || typeof config2 !== "object")
+    return scopeMap;
+  if (Array.isArray(config2)) {
+    config2.forEach((item) => collectScopeNames(item, scopeMap));
+    return scopeMap;
+  }
+  if (config2.name) {
+    scopeMap[config2.name] = true;
+  }
+  if (Array.isArray(config2.elements)) {
+    collectScopeNames(config2.elements, scopeMap);
+  }
+  return scopeMap;
+};
+const initialiseScopeKey = () => {
+  const config2 = sessionStorage.getItem("pageFormdata") ? JSON.parse(sessionStorage.getItem("pageFormdata")) : void 0;
+  const names = config2 ? collectScopeNames(config2) : {};
+  sessionStorage.setItem("scopeKey", JSON.stringify(names));
+};
+const getScopeKey = () => {
+  const raw = sessionStorage.getItem("scopeKey");
+  return raw ? JSON.parse(raw) : {};
+};
+const addToScopeKey = (name) => {
+  if (!name)
+    return;
+  const scopeKey = getScopeKey();
+  scopeKey[name] = true;
+  sessionStorage.setItem("scopeKey", JSON.stringify(scopeKey));
+};
+const doesScopeNameExist = (name) => {
+  if (!name)
+    return false;
+  const scopeKey = getScopeKey();
+  return !!scopeKey[name];
+};
+const findDuplicateScopeNames = (config2) => {
+  const scopeNameCount = {};
+  const traverse = (currentNode) => {
+    if (!currentNode || typeof currentNode !== "object")
+      return;
+    if (Array.isArray(currentNode)) {
+      currentNode.forEach(traverse);
+      return;
+    }
+    if (currentNode.name) {
+      scopeNameCount[currentNode.name] = (scopeNameCount[currentNode.name] || 0) + 1;
+    }
+    if (Array.isArray(currentNode.elements))
+      traverse(currentNode.elements);
+  };
+  traverse(config2);
+  return Object.keys(scopeNameCount).filter((name) => scopeNameCount[name] > 1);
+};
 async function saveHandler(store2, service2, submitHandler) {
-  var _a, _b;
-  (_a = store2.searchParams) == null ? void 0 : _a.get("id");
-  const path = (_b = store2.searchParams) == null ? void 0 : _b.get("path");
+  var _a;
+  const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
   saveFormdataInSessionStorage(store2.ctx.core.data, path);
   const config2 = JSON.parse(sessionStorage.getItem("pageFormdata"));
+  const duplicates = findDuplicateScopeNames(config2);
+  if (duplicates.length > 0) {
+    store2.setValidation("ValidateAndShow");
+    store2.setNotify({
+      Fail: true,
+      FailMessage: `Duplicate names found: ${duplicates.join(", ")}`
+    });
+    return;
+  }
   if (_.isEmpty(store2.ctx.core.errors)) {
     try {
       const saveReturn = await submitHandler(store2, service2, config2);
@@ -8823,6 +8870,7 @@ async function saveHandler(store2, service2, submitHandler) {
 const navigateHandler = (store2, isSubmitted, pageName, errorMessage) => {
   if (isSubmitted) {
     sessionStorage.removeItem("pageFormdata");
+    sessionStorage.removeItem("scopeKey");
     store2.navigate(pageName || -1);
     store2.setNotify({
       SuccessMessage: "Submit Successfully",
@@ -8841,6 +8889,7 @@ function okHandler(store2) {
   const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
   if (_.isEmpty(store2.ctx.core.errors)) {
     saveFormdataInSessionStorage(store2.ctx.core.data, path);
+    addToScopeKey(store2.ctx.core.data);
     store2.navigate(-1);
     store2.setNotify({
       SuccessMessage: "Save Successfully",
@@ -8884,7 +8933,6 @@ 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"],
@@ -9043,6 +9091,15 @@ function refreshPage(type, store2) {
   }
   store2.setUiSchema(UiSchema);
 }
+const debouncedNameValidator = _.debounce((store2, newName) => {
+  if (doesScopeNameExist(newName)) {
+    store2.setValidation("ValidateAndShow");
+    store2.setNotify({
+      Fail: true,
+      FailMessage: `Name "${newName}" already exists. Please use a unique name.`
+    });
+  }
+}, 400);
 var Component = (store2, dynamicData2, submitHandler, service2) => {
   return {
     setPage: async function() {
@@ -9089,13 +9146,19 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
       schema2.properties.pageName.path = pathArray;
       return schema2;
     },
-    okHandler: () => okHandler(store2),
+    okHandler: () => {
+      okHandler(store2);
+      addToScopeKey(store2.ctx.core.data);
+    },
     saveHandler: async () => await saveHandler(store2, service2, submitHandler),
     onChange: function() {
-      var _a, _b, _c, _d;
+      var _a, _b, _c, _d, _e, _f, _g;
       if (((_a = store2 == null ? void 0 : store2.formData) == null ? void 0 : _a.type) !== ((_b = store2 == null ? void 0 : store2.newData) == null ? void 0 : _b.type) && ((_c = store2 == null ? void 0 : store2.newData) == null ? void 0 : _c.type) !== void 0) {
         this.refreshPage((_d = store2 == null ? void 0 : store2.newData) == null ? void 0 : _d.type, store2);
       }
+      if (((_e = store2 == null ? void 0 : store2.formData) == null ? void 0 : _e.name) !== ((_f = store2 == null ? void 0 : store2.newData) == null ? void 0 : _f.name) && ((_g = store2 == null ? void 0 : store2.newData) == null ? void 0 : _g.name) !== void 0) {
+        debouncedNameValidator(store2, store2.newData.name);
+      }
     },
     editComponents: function() {
       var _a, _b, _c;
@@ -9105,6 +9168,7 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
       const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
       const id = (_b = store2.searchParams) == null ? void 0 : _b.get("id");
       saveFormdataInSessionStorage(store2.ctx.core.data, path);
+      addToScopeKey(store2.ctx.core.data);
       if (path) {
         const path2 = (_c = store2.searchParams) == null ? void 0 : _c.get("path");
         const finalPath = `${path2}.elements[${rowId}]`;
@@ -9149,6 +9213,7 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
       }
       const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
       saveFormdataInSessionStorage(store2.ctx.core.data, path);
+      addToScopeKey(store2.ctx.core.data);
       const finalPath = `${path}.elements[${store2.formData.elements.length}]`;
       store2.searchParams.set("path", finalPath);
       store2.setSearchParams(store2.searchParams);
@@ -9310,6 +9375,7 @@ var pageMaster = (funcParams) => {
       const schema2 = await this.getSchema();
       store2.setSchema(schema2);
       store2.setUiSchema(uiSchema);
+      initialiseScopeKey();
     },
     getFormdata: async function() {
       var _a;
@@ -9338,6 +9404,7 @@ var pageMaster = (funcParams) => {
     },
     backHandler: () => {
       sessionStorage.removeItem("pageFormdata");
+      sessionStorage.removeItem("scopeKey");
       store2.navigate("/PageMasterRecords");
     },
     onAddClickHandler: function() {
@@ -9349,6 +9416,7 @@ var pageMaster = (funcParams) => {
         store2.formData.elements = [];
       }
       const response = saveFormdataInSessionStorage(store2.ctx.core.data);
+      addToScopeKey(store2.ctx.core.data);
       if (id) {
         store2.navigate(
           `/Component?path=${`elements[${response == null ? void 0 : response.elements.length}]`}&id=${id}`
@@ -9374,6 +9442,7 @@ var pageMaster = (funcParams) => {
         store2.formData.events = [];
       }
       saveFormdataInSessionStorage(store2.ctx.core.data);
+      addToScopeKey(store2.ctx.core.data);
       const finalPath = `events[${store2.formData.events.length}]`;
       store2.navigate(`/ComponentEvents?path=${finalPath}&id=${id}`);
     },
@@ -9384,6 +9453,7 @@ var pageMaster = (funcParams) => {
       const rowId = dynamicData2.path.split(".")[1];
       const id = (_a = store2.searchParams) == null ? void 0 : _a.get("id");
       saveFormdataInSessionStorage(store2.ctx.core.data);
+      addToScopeKey(store2.ctx.core.data);
       const finalPath = `events[${rowId}]`;
       store2.navigate(`/ComponentEvents?path=${finalPath}&id=${id}`);
     },
@@ -9468,7 +9538,8 @@ const EventSchema = {
         { title: "Row Movement", const: "onRowMovement" },
         { title: "Download", const: "onDownload" },
         { title: "Fail", const: "Fail" },
-        { title: "Key Down", const: "onKeyDown" }
+        { title: "Key Down", const: "onKeyDown" },
+        { title: "Set Style", const: "setStyle" }
       ]
     },
     Handler: {
@@ -10854,6 +10925,25 @@ var service = (funcParams) => {
         funcParams.store.setUiSchema(uiSchema);
       });
     },
+    getStyle: () => {
+      var _a, _b, _c, _d, _e;
+      const cloneEventGroup = _.cloneDeep(eventGroups);
+      if (cloneEventGroup.setStyle) {
+        let finalResponse = {};
+        const path = ((_a = funcParams.dynamicData) == null ? void 0 : _a.tableButtonPath) || ((_c = (_b = funcParams == null ? void 0 : funcParams.dynamicData) == null ? void 0 : _b.path) == null ? void 0 : _c.split(".")[0]);
+        if ((_d = cloneEventGroup == null ? void 0 : cloneEventGroup.setStyle) == null ? void 0 : _d[path]) {
+          for (const eventConfig of (_e = cloneEventGroup == null ? void 0 : cloneEventGroup.setStyle) == null ? void 0 : _e[path]) {
+            finalResponse = executeEvents({
+              ...executeEventsParameters,
+              config: eventConfig,
+              componentName: path
+            });
+          }
+          return finalResponse;
+        }
+      }
+      return {};
+    },
     onCellRenderer: (cellParams) => {
       var _a, _b, _c, _d, _e;
       const cloneEventGroup = _.cloneDeep(eventGroups);
@@ -11232,6 +11322,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;
@@ -11516,6 +11621,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);
@@ -12160,7 +12266,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);
@@ -12182,7 +12287,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);
@@ -13001,8 +13105,8 @@ const buildAreaGraph = (config2, componentScope2) => {
   if (config2.xAxisFormatType) {
     AreaGraph.config.main.xAxisFormatType = config2.xAxisFormatType;
   }
-  if (config2.xAxisTickCount) {
-    AreaGraph.config.main.xAxisTickCount = config2.xAxisTickCount;
+  if (config2.xAxisLabelMinWidth) {
+    AreaGraph.config.main.xAxisLabelMinWidth = config2.xAxisLabelMinWidth;
   }
   if (config2.yAxisTickCount) {
     AreaGraph.config.main.yAxisTickCount = config2.yAxisTickCount;
@@ -13029,6 +13133,65 @@ 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",
@@ -13182,40 +13345,6 @@ 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: {},
@@ -13398,6 +13527,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;
@@ -13446,9 +13578,6 @@ const buildUiSchema = (config2, store2) => {
     case "Camera":
       elements = buildCamera(config2, componentScope2);
       break;
-    case "PdfViewer":
-      elements = buildPdfViewer(config2, componentScope2);
-      break;
     default:
       schema = {
         type: "object",