impaktapps-ui-builder 1.0.130 → 1.0.131-alpha.1

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "impaktapps-ui-builder",
-    "version": "1.0.130",
+    "version": "1.0.131-alpha.1",
     "scripts": {
         "dev": "vite",
         "build": "tsc && vite build",

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

@@ -77,5 +77,8 @@ export const buildTable = (config: any, componentScope: string) => {
   if (config.maxPageSize) {
     table.config.main.maxPageSize = config.maxPageSize
   }
+  if(config.initialDensity){
+    table.config.main.initialDensity = config.initialDensity
+  }
   return table;
 };

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

@@ -292,7 +292,8 @@ const buildUiSchema = (config: any, store?: any) => {
           enableColumnFilter: cellElem.enableFilter === "No" ? false : true,
           columnFilterModeOptions: cellElem.filteringOptions,
           enableSorting: cellElem.enableSorting === "No" ? false : true,
-          columnKey: cellElem.columnKey
+          columnKey: cellElem.columnKey,
+          dateFormat: cellElem.dateFormat,
         }
         if (cellElem.type) {
           const tableElem = {
@@ -325,7 +326,8 @@ const buildUiSchema = (config: any, store?: any) => {
           enableColumnFilter: cellElem.enableFilter === "No" ? false : true,
           columnFilterModeOptions: cellElem.filteringOptions,
           enableSorting: cellElem.enableSorting === "No" ? false : true,
-          columnKey: cellElem.columnKey
+          columnKey: cellElem.columnKey,
+          dateFormat: cellElem.dateFormat,
         }
         if (cellElem.type) {
           if (cellElem.elementType == "action") {

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

@@ -487,6 +487,11 @@ export const buildPropertiesSection = function (type: String) {
           { label: "100", value: 100 },
           { label: "500", value: 500 }
         ]),
+        getSelectField("initialDensity", "Initial Toggle Density", [
+          { label: "Compact", value: "compact" },
+          { label: "Comfortable", value: "comfortable" },
+          { label: "Spacious", value: "spacious" }
+        ]),
         buildWrapper("Tree Table Properties", [
           getRadioInputField("enableRowMovement", "Row Rearrangement", ["YES", "NO"]),
           getRadioInputField("enableExpanding", "Row Expanding", ["YES", "NO"]),

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

@@ -62,20 +62,76 @@ export const CoreSection = {
         },
       },
     },
-    // {
-    //   type: "Control",
-    //   scope: "#/properties/columnFormat",
-    //   options: {
-    //     widget: "SelectInputField",
-    //   },
-    //   config: {
-    //     layout: { xs: 6, sm: 6, md: 4, lg: 3 },
-    //     main: {
-    //       label: "Column Format",
-
-    //     },
-    //   },
-    // },
+    {
+      type: "Control",
+      scope: "#/properties/proc5",
+      config: {
+        layout: { xs: 6, sm: 6, md: 0, lg: 3 },
+      },
+      options: {
+        widget: "EmptyBox",
+      },
+    },
+    {
+      type: "Control",
+      scope: "#/properties/proc6",
+      config: {
+        layout: { xs: 6, sm: 6, md: 0, lg: 3 },
+      },
+      options: {
+        widget: "EmptyBox",
+      },
+    },
+    {
+      type: "Control",
+      scope: "#/properties/proc7",
+      config: {
+        layout: { xs: 6, sm: 6, md: 0, lg: 3 },
+      },
+      options: {
+        widget: "EmptyBox",
+      },
+    },
+    {
+      type: "Control",
+      scope: "#/properties/proc8",
+      config: {
+        layout: { xs: 6, sm: 6, md: 0, lg: 3 },
+      },
+      options: {
+        widget: "EmptyBox",
+      },
+    },
+    {
+      type: "Control",
+      scope: "#/properties/proc9",
+      config: {
+        layout: { xs: 6, sm: 6, md: 0, lg: 3 },
+      },
+      options: {
+        widget: "EmptyBox",
+      },
+    },
+    {
+      type: "Control",
+      scope: "#/properties/proc10",
+      config: {
+        layout: { xs: 6, sm: 6, md: 0, lg: 3 },
+      },
+      options: {
+        widget: "EmptyBox",
+      },
+    },
+    {
+      type: "Control",
+      scope: "#/properties/proc11",
+      config: {
+        layout: { xs: 6, sm: 6, md: 0, lg: 3 },
+      },
+      options: {
+        widget: "EmptyBox",
+      },
+    },
     {
       type: "Control",
       scope: "#/properties/proc",
@@ -117,7 +173,7 @@ export const CoreSection = {
             layout: { xs: 6, sm: 6, md: 4, lg: 4 },
             main: {
               label: "Screen Size",
-            
+
             },
           },
         },
@@ -132,11 +188,11 @@ export const CoreSection = {
             layout: { xs: 6, sm: 6, md: 4, lg: 4 },
             main: {
               label: "Value",
-              type:"number",
+              type: "number",
               // freeSolo:true,
-              helperText:'Number should be in range of 0 to 12',
-              errorMessage:"Number Can't be greater than 12 and can't be less than 0.",
-             
+              helperText: 'Number should be in range of 0 to 12',
+              errorMessage: "Number Can't be greater than 12 and can't be less than 0.",
+
             },
           },
         },

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

@@ -94,6 +94,14 @@ export const ComponentSchema: any = {
         { title: "500", const: 500 }
       ]
     },
+    initialDensity:{
+      type: "string",
+       oneOf: [
+        { title: "Compact", const: "compact" },
+        { title: "Comfortable", const: "comfortable" },
+        { title: "Spacious", const: "spacious" }
+      ]
+    },
     layout: {
       type: "array",
       items: {

package/src/impaktapps-ui-builder/builder/services/component.ts

@@ -162,6 +162,22 @@ export function refreshPage(type: string, store: any) {
         },
       },
     }
+
+    if(store.formData.columnFormat === 'DateTimeFormat') {
+      UiSchema.elements[0].elements[0].elements[10] = {
+        type: "Control",
+        scope: "#/properties/dateFormat",
+        options: {
+          widget: "SelectInputField",
+        },
+        config: {
+          layout: { xs: 6, sm: 6, md: 4, lg: 3 },
+          main: {
+            label: "Date Time Format",
+          },
+        },
+      }
+    }
   }
 
   if (sessionStorage.getItem("copiedConfig") ) {