impaktapps-ui-builder 1.0.312 → 1.0.380

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: "Split View Container", const: "SplitViewContainer" }
       ]
     },
     elementType: {
@@ -7815,7 +7816,7 @@ const getArrayControl = (parentScope, childScope, childLabel) => {
     ]
   };
 };
-const getArrayControlMultiField = (parentScope, heading, firstFieldScope, secondFieldScope, firstFieldLabel, secondFieldLabel) => {
+const getArrayControlMultiField = (parentScope, firstFieldScope, secondFieldScope, firstFieldLabel, secondFieldLabel) => {
   return {
     type: "Control",
     scope: `#/properties/${parentScope}`,
@@ -7824,9 +7825,7 @@ const getArrayControlMultiField = (parentScope, heading, firstFieldScope, second
     },
     config: {
       layout: 12,
-      main: {
-        label: heading
-      },
+      main: {},
       style: {
         marginLeft: "-24px",
         marginBottom: "24px !important",
@@ -8060,7 +8059,7 @@ const buildPropertiesSection = function(type) {
         getRadioInputField("fullScreen", "FullScreen", ["YES", "NO"]),
         getRadioInputField("fullWidth", "FullWidth", ["YES", "NO"]),
         getInputField("maxWidth", "Max. Width"),
-        emptyBox$1("PopUpEmpty", { xs: 0, sm: 0, md: 0, lg: 3 })
+        emptyBox$1("PopUpEmpty", { xs: 6, sm: 6, md: 0, lg: 0 })
       ];
       break;
     case "PopOver":
@@ -8108,7 +8107,7 @@ const buildPropertiesSection = function(type) {
       uiSchema.elements = [
         getInputField("rank", "Rank"),
         getInputField("height", "Height"),
-        emptyBox$1("RankCardEmpty1", { xs: 6, sm: 0, md: 8, lg: 6 })
+        emptyBox$1("RankCardEmpty1", { xs: 0, sm: 0, md: 4, lg: 4 })
       ];
       break;
     case "LeaderBoard":
@@ -8138,7 +8137,6 @@ const buildPropertiesSection = function(type) {
         getInputField("bottomLabel_3", "Third BottomLabel"),
         getInputField("size", "Size"),
         getRadioInputField("variant", "Variant", ["circular", "horizontal"]),
-        emptyBox$1("ProgressBarCardEmpty", { xs: 6, sm: 0, md: 8, lg: 6 }),
         getArrayControl("pieArcColors", "color", "Color")
       ];
       break;
@@ -8177,7 +8175,7 @@ const buildPropertiesSection = function(type) {
         getRadioInputField("multiSelect", "Enable multiSelect", ["YES", "No"]),
         getInputField("size", "Size"),
         getSelectField("color", "Color"),
-        emptyBox$1("ButtonEmpty1", { xs: 6, sm: 0, md: 4, lg: 3 })
+        emptyBox$1("ButtonEmpty1", { xs: 6, sm: 6, md: 8, lg: 9 })
       ];
       break;
     case "Box":
@@ -8207,8 +8205,8 @@ const buildPropertiesSection = function(type) {
         getInputField("yAxisTickCount", "Y Axis TickCount"),
         getSelectField("xAxisFormatType", "X Axis Format Type"),
         emptyBox$1("GraphEmpty1", { xs: 0, sm: 0, md: 4, lg: 6 }),
-        getArrayControlMultiField("legendLabels", "Legend Labels", "key", "value", "Key", "Label"),
-        getArrayControlMultiField("pieArcColors", "Colors", "key", "value", "Key", "Color")
+        getArrayControlMultiField("legendLabels", "key", "value", "Key", "Label"),
+        getArrayControlMultiField("pieArcColors", "key", "value", "Key", "Color")
       ];
       break;
     case "WrapperSection":
@@ -8223,12 +8221,18 @@ const buildPropertiesSection = function(type) {
         emptyBox$1("WrapperSectionEmpty1", { xs: 6, sm: 0, md: 4, lg: 3 })
       ];
       break;
+    case "SplitViewContainer":
+      uiSchema.elements = [
+        getInputField("collapsePanelHeight", "Expanded Panel Height"),
+        emptyBox$1("splitViewContainer", { xs: 6, sm: 6, md: 8, lg: 9 })
+      ];
+      break;
     case "TabSection":
       uiSchema.elements = [
         getRadioInputField("verticalOrientation", "Vertical Orientation", ["YES", "NO"]),
         getRadioInputField("lazyLoad", "Lazy Load", ["YES", "NO"]),
         emptyBox$1("TabEmpty"),
-        getArrayControlMultiField("sectionLabels", "Display Element", "label", "icon", "Label", "Icon")
+        getArrayControlMultiField("sectionLabels", "label", "icon", "Label", "Icon")
       ];
       break;
     case "Table":
@@ -8257,7 +8261,8 @@ const buildPropertiesSection = function(type) {
           getRadioInputField("treeStructure", "Flat Tree Structure", ["YES", "NO"]),
           getRadioInputField("filterFromLeafRows", "Filter from tree rows", ["YES", "NO"]),
           getInputField("defaultColumnSize", "Default Column Size"),
-          emptyBox$1("LazyLoadingTableEmpty3", { xs: 0, sm: 0, md: 4, lg: 6 })
+          ,
+          emptyBox$1("LazyLoadingTableEmpty3")
         ]),
         getArrayControl("Table_Download_Keys_Name", "KeyName", "Table Key Name"),
         sizeHolder,
@@ -8296,7 +8301,7 @@ const buildPropertiesSection = function(type) {
         getSelectField("variant", "Variant"),
         getInputField("toolTip", "Tooltip"),
         getSelectField("toolTipPosition", "Tooltip Position"),
-        emptyBox$1("dateEmpty", { xs: 6, sm: 6, md: 4, lg: 3 })
+        emptyBox$1("imageEmpty", { xs: 0, sm: 0, md: 4, lg: 6 })
       ];
       break;
     case "DateTime":
@@ -8304,7 +8309,7 @@ const buildPropertiesSection = function(type) {
         getSelectField("variant", "Variant"),
         getInputField("toolTip", "Tooltip"),
         getSelectField("toolTipPosition", "Tooltip Position"),
-        emptyBox$1("dateTimeEmpty", { xs: 6, sm: 6, md: 4, lg: 3 })
+        emptyBox$1("imageEmpty", { xs: 0, sm: 0, md: 4, lg: 6 })
       ];
       break;
     case "Thought":
@@ -8334,7 +8339,7 @@ const buildPropertiesSection = function(type) {
         getInputField("noFileAvailableMessage", "No Found Message"),
         getRadioInputField("useLabel", "Use Button", ["YES", "NO"]),
         getRadioInputField("externalUpload", "External Upload", ["YES", "NO"]),
-        emptyBox$1("fileInputEmpty", { xs: 6, sm: 6, md: 4, lg: 3 })
+        emptyBox$1("imageEmpty", { xs: 0, sm: 0, md: 4, lg: 6 })
       ];
       break;
     case "Camera":
@@ -8785,75 +8790,12 @@ 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;
-  const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
+  var _a, _b;
+  (_a = store2.searchParams) == null ? void 0 : _a.get("id");
+  const path = (_b = store2.searchParams) == null ? void 0 : _b.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);
@@ -8868,7 +8810,6 @@ 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",
@@ -8887,7 +8828,6 @@ 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.name);
     store2.navigate(-1);
     store2.setNotify({
       SuccessMessage: "Save Successfully",
@@ -8929,7 +8869,7 @@ 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"],
   Stepper: ["Core", "Components", "Properties", "Events", "Style"],
   DataGrid: ["Core", "Components", "Properties", "Events", "Style"],
@@ -8942,9 +8882,10 @@ const sectionLabels = {
   Image: ["Core", "Properties", "Events", "Style"],
   FileInput: ["Core", "Properties", "Events", "Style", "Validation"],
   Camera: ["Core", "Properties", "Events", "Style", "Validation"],
-  OTP_Input: ["Core", "Properties", "Events", "Style", "Validation"]
+  OTP_Input: ["Core", "Properties", "Events", "Style", "Validation"],
+  SplitViewContainer: ["Core", "Components", "Properties", "Style"]
 };
-function refreshPage(type, store2, formdata) {
+function refreshPage(type, store2) {
   var _a, _b;
   const UiSchema = _.cloneDeep(componentBasicUiSchema(store2.theme.myTheme));
   const currentConfig = JSON.parse(sessionStorage.getItem("pageFormdata"));
@@ -8959,9 +8900,6 @@ function refreshPage(type, store2, formdata) {
       Validation: ValidationSection
     };
     const elements = (_a = sectionLabels[type]) == null ? void 0 : _a.map((e) => sectionUiSchema[e]);
-    if (!(formdata == null ? void 0 : formdata.style)) {
-      store2.setFormdata((prev) => ({ ...prev, style: "{\n}" }));
-    }
     UiSchema.elements[0].config.main.tabLabels = sectionLabels[type] || ["Core", "Style", "Events", "Validation"];
     UiSchema.elements[0].elements = elements || [CoreSection, StyleSection, EventSection(store2.theme.myTheme), ValidationSection];
   }
@@ -9092,15 +9030,6 @@ function refreshPage(type, store2, formdata) {
   }
   store2.setUiSchema(UiSchema);
 }
-const debouncedScopeNameValidator = _.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() {
@@ -9108,7 +9037,7 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
       store2.setFormdata(formdata);
       const schema2 = this.getSchema();
       store2.setSchema(schema2);
-      this.refreshPage(formdata == null ? void 0 : formdata.type, store2, formdata);
+      this.refreshPage(formdata == null ? void 0 : formdata.type, store2);
     },
     refreshPage,
     getFormdata: function() {
@@ -9147,18 +9076,13 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
       schema2.properties.pageName.path = pathArray;
       return schema2;
     },
-    okHandler: () => {
-      okHandler(store2);
-    },
+    okHandler: () => okHandler(store2),
     saveHandler: async () => await saveHandler(store2, service2, submitHandler),
     onChange: function() {
-      var _a, _b, _c, _d, _e, _f, _g;
+      var _a, _b, _c, _d;
       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) {
-        debouncedScopeNameValidator(store2, store2.newData.name);
-      }
     },
     editComponents: function() {
       var _a, _b, _c;
@@ -9168,7 +9092,6 @@ 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.name);
       if (path) {
         const path2 = (_c = store2.searchParams) == null ? void 0 : _c.get("path");
         const finalPath = `${path2}.elements[${rowId}]`;
@@ -9213,7 +9136,6 @@ 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.name);
       const finalPath = `${path}.elements[${store2.formData.elements.length}]`;
       store2.searchParams.set("path", finalPath);
       store2.setSearchParams(store2.searchParams);
@@ -9375,7 +9297,6 @@ var pageMaster = (funcParams) => {
       const schema2 = await this.getSchema();
       store2.setSchema(schema2);
       store2.setUiSchema(uiSchema);
-      initialiseScopeKey();
     },
     getFormdata: async function() {
       var _a;
@@ -9404,7 +9325,6 @@ var pageMaster = (funcParams) => {
     },
     backHandler: () => {
       sessionStorage.removeItem("pageFormdata");
-      sessionStorage.removeItem("scopeKey");
       store2.navigate("/PageMasterRecords");
     },
     onAddClickHandler: function() {
@@ -9416,7 +9336,6 @@ var pageMaster = (funcParams) => {
         store2.formData.elements = [];
       }
       const response = saveFormdataInSessionStorage(store2.ctx.core.data);
-      addToScopeKey(store2.ctx.core.data.name);
       if (id) {
         store2.navigate(
           `/Component?path=${`elements[${response == null ? void 0 : response.elements.length}]`}&id=${id}`
@@ -9442,7 +9361,6 @@ var pageMaster = (funcParams) => {
         store2.formData.events = [];
       }
       saveFormdataInSessionStorage(store2.ctx.core.data);
-      addToScopeKey(store2.ctx.core.data.name);
       const finalPath = `events[${store2.formData.events.length}]`;
       store2.navigate(`/ComponentEvents?path=${finalPath}&id=${id}`);
     },
@@ -9453,7 +9371,6 @@ 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.name);
       const finalPath = `events[${rowId}]`;
       store2.navigate(`/ComponentEvents?path=${finalPath}&id=${id}`);
     },
@@ -9538,6 +9455,7 @@ const EventSchema = {
         { title: "Row Movement", const: "onRowMovement" },
         { title: "Download", const: "onDownload" },
         { title: "Fail", const: "Fail" },
+        { title: "onClose", const: "onClose" },
         { title: "Key Down", const: "onKeyDown" },
         { title: "Set Style", const: "setStyle" }
       ]
@@ -10269,9 +10187,9 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
       const schema2 = await this.getSchema();
       console.log("SettingSchema>>", schema2);
       store2.setSchema(schema2);
-      this.refreshPage(formdata.Handler, store2, formdata);
+      this.refreshPage(formdata.Handler, store2);
     },
-    refreshPage: (handlerType, store22, formdata) => {
+    refreshPage: (handlerType, store22) => {
       var _a, _b, _c;
       const uiSchema = _.cloneDeep(EventUiSchema(store22.theme.myTheme));
       const schema2 = _.cloneDeep(EventSchema);
@@ -10299,9 +10217,6 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
             "Write Custom Code",
             false
           );
-          if (!(formdata == null ? void 0 : formdata.eventCode)) {
-            store22.setFormdata((prev) => ({ ...prev, eventCode: "async (store, dynamicData, user, parentEventOutput, service, componentName) => {\n\n\n}" }));
-          }
           schema2.required = ["eventType", "Handler", "eventCode"];
         } else if (handlerType === "api") {
           uiSchema.elements[0].elements[0].elements[2] = emptyBox$1("emptyBox", {
@@ -10311,9 +10226,6 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
             lg: 6
           });
           uiSchema.elements[0].elements[0].elements[3] = APISection;
-          if (!(formdata == null ? void 0 : formdata.apiBody)) {
-            store22.setFormdata((prev) => ({ ...prev, apiBody: "(store, dynamicData, user, body, service) => {\n\n\n}" }));
-          }
           schema2.required = ["eventType", "Handler", "method", "path"];
         } else if (handlerType === "inBuiltFunction") {
           uiSchema.elements[0].elements[0].elements[2] = getSelectField(
@@ -10932,13 +10844,13 @@ var service = (funcParams) => {
       });
     },
     getStyle: () => {
-      var _a, _b, _c, _d, _e;
+      var _a, _b, _c, _d;
       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]) {
+        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,
@@ -10979,6 +10891,9 @@ var service = (funcParams) => {
     onFileDelete: async function() {
       this.callHandler("onFileDelete");
     },
+    onClose: function() {
+      this.callHandler("onClose");
+    },
     onMount: function() {
       this.callHandler("onMount");
     },
@@ -12818,6 +12733,7 @@ const PopUP = {
     },
     main: {
       label: "PopUp",
+      onClose: "onClose",
       fullScreen: false,
       fullWidth: false,
       maxWidth: false,
@@ -13276,6 +13192,31 @@ const buildOTP_Input = (config2, componentScope2) => {
   OTP.config.main.length = +config2.length;
   return OTP;
 };
+var SplitViewContainer = {
+  type: "Control",
+  scope: "#/properties/SplitViewContainerPath",
+  options: {
+    widget: "SplitViewContainer"
+  },
+  config: {
+    layout: { xs: 12, sm: 12, md: 12, lg: 12 },
+    main: {}
+  }
+};
+const buildSplitViewContainer = (config2, componentScope2, store2) => {
+  const splitViewContainer = _.cloneDeep(SplitViewContainer);
+  splitViewContainer.scope = componentScope2;
+  if (config2.collapsePanelHeight) {
+    splitViewContainer.config.main.collapsePanelHeight = config2.collapsePanelHeight;
+  }
+  if (config2.style) {
+    splitViewContainer.config.style = JSON.parse(config2.style);
+  }
+  if (config2.layout) {
+    splitViewContainer.config.layout = createLayoutFormat(config2.layout);
+  }
+  return splitViewContainer;
+};
 let schema = {
   type: "object",
   properties: {},
@@ -13506,6 +13447,8 @@ const buildUiSchema = (config2, store2) => {
     case "Camera":
       elements = buildCamera(config2, componentScope2);
       break;
+    case "SplitViewContainer":
+      elements = buildSplitViewContainer(config2, componentScope2);
     default:
       schema = {
         type: "object",