impaktapps-ui-builder 0.0.292 → 0.0.294

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

@@ -3,7 +3,7 @@ export declare let schema: {
     properties: {};
     required: any[];
 };
-export declare const buildSchema: (config: any, tableName?: string) => {
+export declare const buildSchema: (config: any, tableName?: string, isArrayType?: boolean) => {
     type: string;
     properties: {};
     required: any[];

package/package.json

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

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

@@ -25,28 +25,65 @@ import { buildRollAndDice } from "./buildRollAndDice";
 import { buildTimer } from "./buildTimer";
 import { buildMultiSelect } from "./buildMultiSelect";
 import { buildBasicUiSchema } from "./buildBasicUiSchema";
-import { buildArraySchema } from "./schema/arraySchemaBuilder";
-import { buildArray } from "./buildArray";
-import { getTextArea } from "./uischema/buildPropertiesSection";
 import { buildTextArea } from "./buildTextArea";
 import { buildSlider } from "./buildSlider";
 import { buildCheckbox } from "./buildCheckbox";
 import { buildLineGraph } from "./buildLineGraph";
 import { buildRadio } from "./buildRadio";
 import { buildEmptyBox } from "./buildEmptyBox";
+import { buildArray } from "./buildArray";
 export let schema = {
   type: "object",
   properties: {},
   required: []
 };
-
-function buildRule(configObj: any, tableName?: string) {
+//MultipleSelect
+function buildRule(configObj: any, tableName?: string, arrayHolderName?: boolean) {
+  if (arrayHolderName) {
+    if (schema.properties?.[tableName]?.items?.properties) {
+      if (!schema.properties?.[tableName]?.items?.properties?.[configObj.name]) {
+        schema.properties[tableName].items.properties[configObj.name] = {};
+        if (configObj.type === "Select" || configObj.value?.length > 0) {
+          schema.properties[tableName].items.properties[configObj.name] = {
+            oneOf: configObj.value.map((e) => {
+              return { const: e.value, title: e.label }
+            })
+          }
+        }
+        else if (configObj.type === "MultipleSelect" || configObj.value?.length > 0) {
+          schema.properties[tableName].items.properties[configObj.name] = {
+            items: {
+              oneOf: configObj.value.map((e) => {
+                return { const: e.value, title: e.label }
+              })
+            }
+          }
+        }
+      }
+    }
+  }
   if (configObj.validation) {
     configObj.validation.forEach((rule: any) => {
       if (tableName) {
         if (schema.properties?.[tableName]?.items?.properties) {
           if (!schema.properties?.[tableName]?.items?.properties?.[configObj.name]) {
             schema.properties[tableName].items.properties[configObj.name] = {};
+            if (configObj.type === "Select" || configObj.value?.length > 0) {
+              schema.properties[tableName].items.properties[configObj.name] = {
+                oneOf: configObj.value.map((e) => {
+                  return { const: e.value, title: e.label }
+                })
+              }
+            }
+            else if (configObj.type === "MultipleSelect" || configObj.value?.length > 0) {
+              schema.properties[tableName].items.properties[configObj.name] = {
+                items: {
+                  oneOf: configObj.value.map((e) => {
+                    return { const: e.value, title: e.label }
+                  })
+                }
+              }
+            }
           }
           if (rule.validationType === "required") {
             schema.properties?.[tableName]?.items?.required.push(configObj.name)
@@ -59,7 +96,6 @@ function buildRule(configObj: any, tableName?: string) {
 
         }
       } else {
-
         if (!schema.properties[configObj.name]) {
           schema.properties[configObj.name] = {};
         }
@@ -71,19 +107,16 @@ function buildRule(configObj: any, tableName?: string) {
             isNaN(rule.validationValue) ?
               rule.validationValue : Number(rule.validationValue)
         }
-
-
-
       }
     });
   }
 
+
 }
-export const buildSchema = (config: any, tableName?: string) => {
-  buildRule(config, tableName);
+export const buildSchema = (config: any, tableName?: string, isArrayType?: boolean) => {
+  buildRule(config, tableName, isArrayType);
   if (config?.elements) {
-
-    if (config.type == "Table") {
+    if (config.type == "Table" || config.type == "Array") {
       if (!schema.properties[config.name]) {
         schema.properties[config.name] = {
           type: "array",
@@ -95,7 +128,7 @@ export const buildSchema = (config: any, tableName?: string) => {
         }
       }
       config.elements.map((e, elemInd) => {
-        buildSchema(e, config.name)
+        buildSchema(e, config.name, config.type === "Array" ? true : false)
       })
     }
     else {
@@ -144,10 +177,12 @@ const buildUiSchema = (config: any) => {
     case "Table":
       elements = buildTable(config, componentScope);
       break;
-    
-    case "LazyLoadingTable" :
-    elements = buildLazyLoadingTable(config, componentScope)
-    break; 
+    case "Array":
+      elements = buildArray(config, componentScope);
+      break;
+    case "LazyLoadingTable":
+      elements = buildLazyLoadingTable(config, componentScope)
+      break;
     case "Box":
       elements = buildLabel(config, componentScope);
       break;
@@ -239,13 +274,18 @@ const buildUiSchema = (config: any) => {
         }
       })
     }
-    else {
-      elements.elements = config.elements.map((e: any, elemInd: number) => {
+    else if (config.type == "Array") {
+      elements.options.detail.elements = config.elements.map((e: any, elemInd: number) => {
         return buildUiSchema(e)
       });
     }
+  else {
+    elements.elements = config.elements.map((e: any, elemInd: number) => {
+      return buildUiSchema(e)
+    });
   }
-  return elements;
+}
+return elements;
 }
 
 

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

@@ -234,7 +234,7 @@ export const buildPropertiesSection = function (type: String) {
       getArrayControl("pieArcColors", "color"),
     ];
   } else if (type === "WrapperSection") {
-    uiSchema.elements = [getRadioInputField("divider", "Divider", ["YES", "No"]), getRadioInputField("heading", "Page Heading", ["YES", "No"])]
+    uiSchema.elements = [getRadioInputField("divider", "Divider", ["YES", "No"]), EmptyBox]
   }
   else if (type === "TabSection") {
     uiSchema.elements = [

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

@@ -98,7 +98,7 @@ export const CoreSection = {
               scope: "#/properties/value",
 
               options: {
-                widget: "MultipleSelect",
+                widget: "InputField",
               },
               config: {
                 layout: {
@@ -132,7 +132,7 @@ export const OptionArray: any = {
           type: "Control",
           scope: "#/properties/label",
           options: {
-            widget: "InputField",
+            widget: "SelectInputField",
           },
           config: {
             layout: {

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

@@ -58,12 +58,6 @@ export const ComponentSchema:any = {
           },
           value: {
             type: "string",
-            oneOf: [
-              { title: "3", const: "3" },
-              { title: "5.5", const: "5.5" },
-              { title: "8", const: "8" },
-              { title: "12", const: "12" },
-            ],
           },
         },
       },

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

@@ -212,12 +212,7 @@ export const componentBasicUiSchema: any = {
                         },
                         main: {
                           label: "Screen Size",
-                          options: [
-                            {   label: "Extra Small", value: "xs" },
-                            {   label: "Small", value: "sm" },
-                            {   label: "Medium", value: "md" },
-                            {   label: "Large", value: "lg" },
-                          ],
+                        
                         },
                       },
                     },
@@ -226,7 +221,7 @@ export const componentBasicUiSchema: any = {
                       scope: "#/properties/value",
 
                       options: {
-                        widget: "MultipleSelect",
+                        widget: "InputField",
                       },
                       config: {
                         layout: {

package/src/impaktapps-ui-builder/runtime/services/service.ts

@@ -93,7 +93,7 @@ export default (funcParams: funcParamsProps) => {
     onPaginationChange: async function (paginationValues) {
       const apiBody = [
         { key: "size", value: paginationValues.pagination.pageSize },
-        { key: "start", value: paginationValues.pagination.pageIndex * paginationValues.pagination.pageSize },
+        { key: "pageIndex", value: paginationValues.pagination.pageIndex  },
         { key: "sorting", value: paginationValues.sorting || [] },
         { key: "filters", value: paginationValues.columnFilters || [] },
         { key: "globalFilter", value: paginationValues.globalFilter ?? '' }

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

@@ -1,7 +0,0 @@
-export declare const buildArraySchema: (config: any) => {
-    type: string;
-    items: {
-        type: string;
-        properties: {};
-    };
-};