impaktapps-ui-builder 0.0.406 → 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.406",
+    "version": "0.0.407",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

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/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/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" },