impaktapps-ui-builder 0.0.405 → 0.0.407

package/dist/src/impaktapps-ui-builder/builder/build/buildDate.d.ts

@@ -1 +1,2 @@
 export declare const buildDate: (config: any, componentScope: string) => any;
+export declare const buildDateTime: (config: any, componentScope: string) => any;

package/dist/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.d.ts

@@ -18,3 +18,22 @@ declare const _default: {
     };
 };
 export default _default;
+export declare const DateTime: {
+    type: string;
+    scope: string;
+    options: {
+        widget: string;
+    };
+    config: {
+        layout: {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+        };
+        main: {
+            label: string;
+            type: string;
+        };
+    };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "0.0.405",
+    "version": "0.0.407",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

package/src/impaktapps-ui-builder/builder/build/buildConfig.ts

@@ -10,10 +10,10 @@ export default (FormData: any) => {
   // if(!formData.type ){
   //  component.type = "page";
   // }
-  if(formData.pageName){
+  if (formData.pageName) {
     delete formData.pageName
   }
-  if(formData.eventsSelected){
+  if (formData.eventsSelected) {
     delete formData.eventsSelected
   }
   if (formData.type === "Table" ||
@@ -25,7 +25,7 @@ export default (FormData: any) => {
       delete formData.elements
     }
   }
-  component.events = formData.events||[];
+  component.events = formData.events || [];
   if (formData.events) {
     delete formData.events
   }
@@ -34,7 +34,7 @@ export default (FormData: any) => {
 };
 
 export const createLayoutFormat = (config: any[]) => {
-  if(_.isEmpty(config)){
+  if (_.isEmpty(config)) {
     return {
       xs: 11,
       sm: 11,
@@ -43,14 +43,17 @@ export const createLayoutFormat = (config: any[]) => {
     }
   }
   let data: any = {};
-  config.map((e:any)=>{
-    data[e.key||"xs"] = +e.value||5.5
+  config.map((e: any) => {
+    data[e.key || "xs"] = +e.value || 5.5
   })
   return data;
 };
-export const flatObjectValueInArray = (config:any[])=>{
+export const flatObjectValueInArray = (config: any[]) => {
+  if (config[0].length < 1) {
+    return
+  }
   const keyName = Object.keys(config[0])[0]
-  const data = config.map((e)=>{
+  const data = config.map((e) => {
     return e[keyName]
   })
   return data;

package/src/impaktapps-ui-builder/builder/build/buildDate.ts

@@ -1,4 +1,4 @@
-import DateInputField from "./uischema/dateInputField";
+import DateInputField, { DateTime } from "./uischema/dateInputField";
 import _ from "lodash";
 import { createLayoutFormat } from "./buildConfig";
 
@@ -11,4 +11,14 @@ export const buildDate = (config:any,componentScope:string)=>{
         dateInputField.config.layout = createLayoutFormat(config.layout)
       }
     return dateInputField;
+}
+export const buildDateTime = (config:any,componentScope:string)=>{
+  const dateTimeInputField: any = _.cloneDeep(DateTime);
+  dateTimeInputField.config.main.label = config.label;
+  dateTimeInputField.config.main.errorMessage = `${config.name} is empty or invalid`;
+  dateTimeInputField.scope = componentScope;
+  if(config.layout){
+    dateTimeInputField.config.layout = createLayoutFormat(config.layout)
+    }
+  return dateTimeInputField;
 }

package/src/impaktapps-ui-builder/builder/build/buildPieGraph.ts

@@ -1,27 +1,26 @@
 import { createLayoutFormat, flatObjectValueInArray } from "./buildConfig";
 import { PieGraph } from "./uischema/graph";
 import _ from "lodash";
-// flatObjectValueInArray
-export const buildPieGraph = (config,componentScope) =>{
-    const pieGraph: any = _.cloneDeep(PieGraph);
-    if (config.layout) {
-      pieGraph.config.layout = createLayoutFormat(config.layout);
-    }
-    if (config.height) {
-      pieGraph.config.style.containerStyle.height = config.height;
-    }
-    if (config.legendHide) {
-      pieGraph.config.main.legendAvailabe = config.legendHide==="YES"?false:true;
-    }
-    pieGraph.scope = componentScope;
-    pieGraph.config.main.header = config.heading;
-  
-      if(config.legendLabels){
-        pieGraph.config.main.tooltipDataKey = flatObjectValueInArray(config.legendLabels);
-        }
-    
-        if(config.pieArcColors){
-          pieGraph.config.style.pieStyle.colorRange = flatObjectValueInArray(config.pieArcColors);
-          }
-    return pieGraph;
+export const buildPieGraph = (config, componentScope) => {
+  const pieGraph: any = _.cloneDeep(PieGraph);
+  if (config.layout) {
+    pieGraph.config.layout = createLayoutFormat(config.layout);
+  }
+  if (config.height) {
+    pieGraph.config.style.containerStyle.height = config.height;
+  }
+  if (config.legendHide) {
+    pieGraph.config.main.legendAvailabe = config.legendHide === "YES" ? false : true;
+  }
+  pieGraph.scope = componentScope;
+  pieGraph.config.main.header = config.heading;
+
+  if (config.legendLabels) {
+    pieGraph.config.main.tooltipDataKey = flatObjectValueInArray(config.legendLabels);
+  }
+
+  if (config.pieArcColors) {
+    pieGraph.config.style.pieStyle.colorRange = flatObjectValueInArray(config.pieArcColors);
+  }
+  return pieGraph;
 }

package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts

@@ -168,6 +168,9 @@ const buildUiSchema = (config: any) => {
   let elements: any = {};
   const componentScope = `#/properties/${config.name}`;
   switch (config.type) {
+    case "DateTime":
+      elements = buildInputSlider(config, componentScope);
+      break;
     case "InputSlider":
       elements = buildInputSlider(config, componentScope);
       break;

package/src/impaktapps-ui-builder/builder/build/buildWrapperSection.ts

@@ -7,6 +7,7 @@ export const buildWrapperSection = (config,componentScope) =>{
     wrapper.scope = componentScope;
     wrapper.config.main.label = config.label;
     wrapper.config.main.divider = config.divider === "YES" ? true : false;
+    wrapper.config.main.isAccordion = config.isAccordion==="YES"?true:false;
     if (config.style) {
         wrapper.config.style = JSON.parse(config.style)
       }

package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts

@@ -366,7 +366,9 @@ export const buildPropertiesSection = function (type: String) {
       ];
       break;
     case "WrapperSection":
-      uiSchema.elements = [getRadioInputField("divider", "Divider", ["YES", "No"]), EmptyBox]
+      uiSchema.elements = [getRadioInputField("divider", "Divider", ["YES", "No"]),
+      getRadioInputField("isAccordion", "Accordion", ["YES", "No"])
+      , EmptyBox]
       break;
 
     case "TabSection":

package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts

@@ -18,3 +18,23 @@ export default {
     },
   },
 };
+export const DateTime =  {
+  type: "Control",
+  scope: "#/properties/date",
+  options: {
+    widget: "DateTimeInputField",
+  },
+
+  config: {
+    layout: {
+      xs: 11,
+      sm: 11,
+      md: 5.5,
+      lg: 5.5,
+    },
+    main: {
+      label: "DateTime",
+      type: "date",
+    },
+  },
+};

package/src/impaktapps-ui-builder/builder/build/uischema/graph.ts

@@ -134,7 +134,7 @@ export const LineGraph = {
       leftLabel: "Incentive",
       gridHidden: true,
       numHidden: false,
-      tooltipDataKey: ["MAMA New Project", "Second", "Third"],
+      tooltipDataKey: ["First", "Second", "Third"],
       axisLeft: true,
       axisBottom: true,
       hideLeftAxisLine: false,

package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts

@@ -12,6 +12,7 @@ export const ComponentSchema: any = {
         { title: "Container", const: "WrapperSection" },
         { title: "DataGrid", const: "DataGrid" },
         { title: "Date", const: "Date" },
+        { title: "DateTime", const: "DateTime"},
         { title: "Download File", const: "DownloadFile" },
         { title: "Empty Box", const: "EmptyBox" },
         { title: "File", const: "FileInput" },