impaktapps-ui-builder 1.0.63 → 1.0.64

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

@@ -6270,6 +6270,7 @@ const ComponentSchema = {
         { title: "Data Card", const: "card" },
         { title: "Check Box", const: "CheckBox" },
         { title: "Container", const: "WrapperSection" },
+        { title: "Tab Container", const: "HorizontalLayout" },
         { title: "Data Grid", const: "DataGrid" },
         { title: "Date", const: "Date" },
         { title: "Time Stamp", const: "DateTime" },
@@ -8333,7 +8334,7 @@ var buildConfig = (FormData) => {
 };
 const createLayoutFormat = (layout, type) => {
   if (_.isEmpty(layout)) {
-    const fullLayoutComponents = ["WrapperSection", "DataGrid", "LeaderBoard", "PopUp", "TextArea", "TreeMap", "Thought"];
+    const fullLayoutComponents = ["WrapperSection", "DataGrid", "LeaderBoard", "PopUp", "TextArea", "TreeMap", "Thought", "HorizontalLayout"];
     if (fullLayoutComponents.includes(type)) {
       return { xs: 12, sm: 12, md: 12, lg: 12 };
     } else if (type === "Graph") {
@@ -8465,6 +8466,7 @@ const sectionLabels = {
   Table: ["Core", "Components", "Properties", "Events", "Style", "Validation"],
   LeaderBoard: ["Core", "Components", "Properties", "Events", "Style", "Validation"],
   WrapperSection: ["Core", "Components", "Properties", "Style", "Validation"],
+  HorizontalLayout: ["Core", "Components", "Properties", "Style", "Validation"],
   TabSection: ["Core", "Components", "Properties", "Style", "Validation"],
   SpeedoMeter: ["Core", "Properties", "Events", "Style", "Validation"],
   card: ["Core", "Properties", "Events", "Style", "Validation"],
@@ -10974,6 +10976,9 @@ const buildTabSection = (config2, componentScope2) => {
   if (config2.sectionLabels) {
     tab.config.main.tabLabels = config2.sectionLabels.map((e) => e.label);
   }
+  if (config2.style) {
+    tab.config.style = JSON.parse(config2.style);
+  }
   tab.config.main.id = config2.name;
   return tab;
 };
@@ -12267,6 +12272,29 @@ const buildThoughtOfTheDay = (config2, componentScope2) => {
   }
   return thought;
 };
+var horizontalLayout = {
+  type: "HorizontalLayout",
+  config: {
+    layout: 12,
+    main: {
+      rowSpacing: 3,
+      divider: false
+    },
+    defaultStyle: true
+  },
+  elements: []
+};
+const buildHorizontalLayout = (config2, componentScope2) => {
+  const horizontal = _.cloneDeep(horizontalLayout);
+  horizontal.scope = componentScope2;
+  if (config2.style) {
+    horizontal.config.style = JSON.parse(config2.style);
+  }
+  if (config2.layout) {
+    horizontal.config.layout = createLayoutFormat(config2.layout, config2.type);
+  }
+  return horizontal;
+};
 let schema = {
   type: "object",
   properties: {},
@@ -12421,6 +12449,9 @@ const buildUiSchema = (config2, store2) => {
     case "WrapperSection":
       elements = buildWrapperSection(config2, componentScope2);
       break;
+    case "HorizontalLayout":
+      elements = buildHorizontalLayout(config2, componentScope2);
+      break;
     case "Text":
       elements = buildTextField(config2, componentScope2);
       break;