impaktapps-ui-builder 1.0.320 → 1.0.380

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

@@ -6272,7 +6272,7 @@ const ComponentSchema = {
         { title: "Rank", const: "Rank" },
         { title: "Rank Card", const: "RankCard" },
         { title: "Metric Card", const: "MetricCard" },
-        { title: "Bow and Arrow", const: "RunnerBoyProgressBar" },
+        { title: "Runner Boy", const: "RunnerBoyProgressBar" },
         { title: "Table", const: "Table" },
         { title: "Tabs", const: "TabSection" },
         { title: "Text", const: "Text" },
@@ -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: {
@@ -8220,6 +8221,12 @@ 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"]),
@@ -8294,7 +8301,7 @@ const buildPropertiesSection = function(type) {
         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":
@@ -8302,7 +8309,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":
@@ -8862,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"],
@@ -8875,7 +8882,8 @@ 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) {
   var _a, _b;
@@ -9447,7 +9455,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: {
@@ -10833,6 +10843,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);
@@ -10862,6 +10891,9 @@ var service = (funcParams) => {
     onFileDelete: async function() {
       this.callHandler("onFileDelete");
     },
+    onClose: function() {
+      this.callHandler("onClose");
+    },
     onMount: function() {
       this.callHandler("onMount");
     },
@@ -12139,7 +12171,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);
@@ -12161,7 +12192,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);
@@ -12703,6 +12733,7 @@ const PopUP = {
     },
     main: {
       label: "PopUp",
+      onClose: "onClose",
       fullScreen: false,
       fullWidth: false,
       maxWidth: false,
@@ -13161,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: {},
@@ -13391,6 +13447,8 @@ const buildUiSchema = (config2, store2) => {
     case "Camera":
       elements = buildCamera(config2, componentScope2);
       break;
+    case "SplitViewContainer":
+      elements = buildSplitViewContainer(config2, componentScope2);
     default:
       schema = {
         type: "object",