impaktapps-ui-builder 0.0.284 → 0.0.286

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

@@ -24,8 +24,8 @@ export declare const getTextArea: (scope: string, heading: string, hideButton: b
     };
 };
 export declare const getSelectField: (scope: string, label: string, options: {
-    title: string;
-    const: string;
+    label: string;
+    value: string;
 }[]) => {
     type: string;
     scope: string;
@@ -43,8 +43,8 @@ export declare const getSelectField: (scope: string, label: string, options: {
             label: string;
             type: string;
             options: {
-                title: string;
-                const: string;
+                label: string;
+                value: string;
             }[];
         };
     };

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

@@ -14,6 +14,7 @@ declare const _default: {
         main: {
             label: string;
             type: string;
+            freeSole: boolean;
         };
     };
 };

package/dist/src/impaktapps-ui-builder/runtime/services/events.d.ts

@@ -1,4 +1,5 @@
-export declare const executeEvents: (config: any, componentName: string, store: any, dynamicData: any, userValue: any, service: any, serviceHolder: any, eventGroups?: any, parentEventOutput?: any) => Promise<any>;
+import { handlersProps } from "./interface";
+export declare const executeEvents: (params: handlersProps) => Promise<any>;
 export declare function buildApiPayload(compConfig: any, body: any, headers: any, store: any, dynamicData: any, userValue: any, service: any): Promise<{
     body: any;
     headers: any;

package/dist/src/impaktapps-ui-builder/runtime/services/interface.d.ts

@@ -0,0 +1,11 @@
+export interface handlersProps {
+    config: any;
+    componentName: string;
+    store: any;
+    dynamicData: any;
+    userValue: any;
+    service: any;
+    serviceHolder: any;
+    eventGroups?: any;
+    parentEventOutput?: any;
+}

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

@@ -11,7 +11,7 @@ interface funcParamsProps {
 declare const _default: (funcParams: funcParamsProps) => {
     setPage: () => Promise<void>;
     onClick: () => Promise<void>;
-    onPaginationChange: (paginationValues: any) => Promise<void>;
+    onPaginationChange: (paginationValues: any) => Promise<any>;
     onChange: () => Promise<void>;
     downloadFile: (obj: any) => void;
 };

package/package.json

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

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

@@ -2,21 +2,23 @@ import MultipleSelect from "./uischema/multiSelect";
 import _ from "lodash";
 import { createLayoutFormat } from "./buildConfig";
 
-export const buildMultiSelect = (config,componentScope) =>{
-    const multipleSelect: any = _.cloneDeep(MultipleSelect);
-    multipleSelect.scope = componentScope;
-    if (config.label) {
-      
-      multipleSelect.config.main.label = config.label;
-    }
-    if(config.layout){
-      multipleSelect.config.layout = createLayoutFormat(config.layout)
-    }
-    if(config.value){
-      const options = config.value.map((e:any)=>{
-        return {title:e.label,const:e.value}
-     });
-    multipleSelect.config.main.options = options??[];
+export const buildMultiSelect = (config, componentScope) => {
+  const multipleSelect: any = _.cloneDeep(MultipleSelect);
+  multipleSelect.scope = componentScope;
+  if (config.label) {
+
+    multipleSelect.config.main.label = config.label;
+  }
+  if (config.layout) {
+    multipleSelect.config.layout = createLayoutFormat(config.layout)
+  }
+  if (config.value) {
+    multipleSelect.config.main.options = config.value;
+  }
+  if (config.lazyLoading) {
+      multipleSelect.config.main.lazyLoading = config.lazyLoading === "YES" ? true : false;
     }
-    return multipleSelect;
+   
+  
+  return multipleSelect;
 }

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

@@ -2,18 +2,21 @@ import SelectInputField from "./uischema/selectInputField";
 import _ from "lodash";
 import { createLayoutFormat } from "./buildConfig";
 
-export const buildSelect = (config:any,componentScope:string) =>{
-    const selectInputField:any = _.cloneDeep(SelectInputField);
-    selectInputField.config.main.label = config.label;
-    if(config.value){
-        const options = config.value.map((e:any)=>{
-           return {title:e.label,const:e.value}
-        });
-        selectInputField.config.main.options = options;
-    };
-    if(config.layout){
-        selectInputField.config.layout = createLayoutFormat(config.layout)
-      }
-    selectInputField.scope = componentScope;
-    return selectInputField;
+export const buildSelect = (config: any, componentScope: string) => {
+  const selectInputField: any = _.cloneDeep(SelectInputField);
+  selectInputField.config.main.label = config.label;
+  if (config.value) {
+    selectInputField.config.main.options = config.value;
+  };
+  if (config.freeSolo) {
+    selectInputField.config.main.freeSolo = config.freeSolo === "YES" ? true : false;;
+  }
+  if (config.lazyLoading) {
+    selectInputField.config.main.lazyLoading = config.lazyLoading === "YES" ? true : false;
+  }
+  if (config.layout) {
+    selectInputField.config.layout = createLayoutFormat(config.layout)
+  }
+  selectInputField.scope = componentScope;
+  return selectInputField;
 }

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

@@ -9,6 +9,9 @@ export const buildTable = (config: any, componentScope: string) => {
   if (config.style) {
     table.config.style = JSON.parse(config.style)
   }
+  if (config.lazyLoading) {
+    table.config.main.lazyLoading = config.lazyLoading === "YES" ? true : false;
+  }
   if (config.SelectionAvailable) {
     table.config.main.Selection = config.SelectionAvailable === "YES" ? true : false
   };

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

@@ -131,7 +131,7 @@ export const getTextArea = (scope: string, heading: string, hideButton: boolean,
     },
   }
 }
-export const getSelectField = (scope: string, label: string, options: { title: string, const: string }[]) => {
+export const getSelectField = (scope: string, label: string, options: { label: string, value: string }[]) => {
   return {
     type: "Control",
     scope: `#/properties/${scope}`,
@@ -198,8 +198,8 @@ export const buildPropertiesSection = function (type: String) {
   else if (type === "Box") {
     const iconName = getInputField("value", "Value");
     uiSchema.elements = [getSelectField("graphType", "Label Type", [
-      { title: "URL", const: "url" },
-      { title: "Heading", const: "heading" }
+      { label: "URL", value: "url" },
+      { label: "Heading", value: "heading" }
     ]), iconName];
   }
   else if (type === "Button") {
@@ -207,13 +207,13 @@ export const buildPropertiesSection = function (type: String) {
     const size = getInputField("size", "Size");
     const iconName = getInputField("iconName", "Icon Name");
     uiSchema.elements = [getSelectField("buttonType", "Button Type", [
-      { title: "Button With Text", const: "Button" },
-      { title: "Button With Icon", const: "IconButton" },
-      { title: "Button With Icon and Text", const: "ButtonWithIconAndText" },
+      { label: "Button With Text", value: "Button" },
+      { label: "Button With Icon", value: "IconButton" },
+      { label: "Button With Icon and Text", value: "ButtonWithIconAndText" },
     ]), iconName, size, caption,
     getSelectField("defaultStyle", "Default Style", [
-      { title: "Apply Default Style", const: "true" },
-      { title: "No Style", const: "false" },
+      { label: "Apply Default Style", value: "true" },
+      { label: "No Style", value: "false" },
     ]),
     JSON.parse(JSON.stringify(EmptyBox))
     ];
@@ -228,11 +228,11 @@ export const buildPropertiesSection = function (type: String) {
       heading,
       height,
       getSelectField("graphType", "Graph Type", [
-        { title: "Bar Graph", const: "BarGraph" },
-        { title: "Stack Bar Graph", const: "StackBarGraph" },
-        { title: "Line Graph", const: "LineGraph" },
-        { title: "Pie Graph", const: "PieGraph" },
-        { title: "Horizontal Bar Graph", const: "HorizontalBarGraph" },
+        { label: "Bar Graph", value: "BarGraph" },
+        { label: "Stack Bar Graph", value: "StackBarGraph" },
+        { label: "Line Graph", value: "LineGraph" },
+        { label: "Pie Graph", value: "PieGraph" },
+        { label: "Horizontal Bar Graph", value: "HorizontalBarGraph" },
       ]),
       leftLabel,
       bottomLabel,
@@ -248,19 +248,33 @@ export const buildPropertiesSection = function (type: String) {
       getArrayControl("sectionLabels", "label"),
     ]
   }
-  else if(type === "Table"||type === "LazyLoadingTable"){
-    uiSchema.elements =[
-      getRadioInputField("SelectionAvailable","Selection Available",["YES","NO"]),
-      getRadioInputField("ColumnResizingAvailable","ColumnResizing Available",["YES","NO"]),
-      getRadioInputField("DragAvailable","Drag Available",["YES","NO"]),
-      getInputField("selectKey","Selection Key")
+  else if (type === "Table" || type === "LazyLoadingTable") {
+    uiSchema.elements = [
+      getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
+      getRadioInputField("SelectionAvailable", "Selection Available", ["YES", "NO"]),
+      getRadioInputField("ColumnResizingAvailable", "ColumnResizing Available", ["YES", "NO"]),
+      getRadioInputField("DragAvailable", "Drag Available", ["YES", "NO"]),
+      getInputField("selectKey", "Selection Key"),
+      EmptyBox
     ]
- }
+  }
   else if (type === "Radio") {
     uiSchema.elements = [
       getArrayControl("sectionLabels", "label", "Options Of Radio"),
     ]
   }
+  else if (type === "Select") {
+    uiSchema.elements = [
+      getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
+      getRadioInputField("freeSolo", "FreeSolo", ["YES", "NO"]),
+    ]
+  }
+  else if (type === "MultipleSelect") {
+    uiSchema.elements = [
+      getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
+      EmptyBox
+    ]
+  }
 
   return uiSchema;
 };

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

@@ -15,7 +15,7 @@ export default {
     main: {
       label: "",
       type: "text",
-      // options: [{}],
+      freeSole:false
     },
   },
 };

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

@@ -102,34 +102,34 @@ export const componentBasicUiSchema: any = {
                 main: {
                   label: "Type",
                   options: [
-                    { title: "Select", const: "Select" },
-                    { title: "Date", const: "Date" },
-                    { title: "CheckBox", const: "CheckBox" },
-                    { title: "Table", const: "Table" },
-                    { title: "Lazy Loading Table", const: "LazyLoadingTable" },
-                    { title: "Array", const: "Array" },
-                    { title: "Container", const: "WrapperSection" },
-                    { title: "Tabs", const: "TabSection" },
-                    { title: "Text", const: "Text" },
-                    { title: "Radio", const: "Radio" },
-                    { title: "Text Area", const: "TextArea" },
-                    { title: "Button", const: "Button" },
-                    { title: "Card", const: "card" },
-                    { title: "Rank", const: "Rank" },
-                    { title: "SpeedoMeter", const: "SpeedoMeter" },
-                    { title: "ProgressBar", const: "ProgressBar" },
-                    { title: "Graph", const: "Graph" },
-                    { title: "Label", const: "Box" },
-                    { title: "Upload File", const: "UploadFile" },
-                    { title: "Download File", const: "DownloadFile" },
-                    { title: "Empty Box", const: "EmptyBox" },
-                    { title: "ProgressBar Card", const: "ProgressBarCard" },
-                    { title: "Rank Card", const: "RankCard" },
-                    { title: "Runner Boy Progress Bar", const: "RunnerBoyProgressBar" },
-                    { title: "Slider", const: "Slider" },
-                    { title: "Timer", const: "Timer" },
-                    { title: "MultipleSelect", const: "MultipleSelect" },
-                    { title: "LeaderBoard", const: "LeaderBoard" }
+                    {   label: "Select", value: "Select" },
+                    {   label: "Date", value: "Date" },
+                    {   label: "CheckBox", value: "CheckBox" },
+                    {   label: "Table", value: "Table" },
+                    {   label: "Lazy Loading Table", value: "LazyLoadingTable" },
+                    {   label: "Array", value: "Array" },
+                    {   label: "Container", value: "WrapperSection" },
+                    {   label: "Tabs", value: "TabSection" },
+                    {   label: "Text", value: "Text" },
+                    {   label: "Radio", value: "Radio" },
+                    {   label: "Text Area", value: "TextArea" },
+                    {   label: "Button", value: "Button" },
+                    {   label: "Card", value: "card" },
+                    {   label: "Rank", value: "Rank" },
+                    {   label: "SpeedoMeter", value: "SpeedoMeter" },
+                    {   label: "ProgressBar", value: "ProgressBar" },
+                    {   label: "Graph", value: "Graph" },
+                    {   label: "Label", value: "Box" },
+                    {   label: "Upload File", value: "UploadFile" },
+                    {   label: "Download File", value: "DownloadFile" },
+                    {   label: "Empty Box", value: "EmptyBox" },
+                    {   label: "ProgressBar Card", value: "ProgressBarCard" },
+                    {   label: "Rank Card", value: "RankCard" },
+                    {   label: "Runner Boy Progress Bar", value: "RunnerBoyProgressBar" },
+                    {   label: "Slider", value: "Slider" },
+                    {   label: "Timer", value: "Timer" },
+                    {   label: "MultipleSelect", value: "MultipleSelect" },
+                    {   label: "LeaderBoard", value: "LeaderBoard" }
               ],
                 },
               },
@@ -213,10 +213,10 @@ export const componentBasicUiSchema: any = {
                         main: {
                           label: "Screen Size",
                           options: [
-                            { title: "Extra Small", const: "xs" },
-                            { title: "Small", const: "sm" },
-                            { title: "Medium", const: "md" },
-                            { title: "Large", const: "lg" },
+                            {   label: "Extra Small", value: "xs" },
+                            {   label: "Small", value: "sm" },
+                            {   label: "Medium", value: "md" },
+                            {   label: "Large", value: "lg" },
                           ],
                         },
                       },
@@ -238,10 +238,10 @@ export const componentBasicUiSchema: any = {
                         main: {
                           label: "Value",
                           options: [
-                            { title: "3", const: "3" },
-                            { title: "5.5", const: "5.5" },
-                            { title: "8", const: "8" },
-                            { title: "12", const: "12" },
+                            {   label: "3", value: "3" },
+                            {   label: "5.5", value: "5.5" },
+                            {   label: "8", value: "8" },
+                            {   label: "12", value: "12" },
                           ],
                         },
                       },

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

@@ -88,7 +88,7 @@ export const PageMasterUiSchema: any = {
             main: {
               label: "Template",
               programType: true,
-              options: [{ title: "Basic Template", const: 1 }],
+              options: [{ label: "Basic Template", value: 1 }],
 
               required: true,
             },

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

@@ -103,22 +103,22 @@ export const EventUiSchema: any = {
                   label: "Event Type",
                   type: "text",
                   options: [
-                    { title: "Click Event", const: "onClick" },
-                    { title: "onStart", const: "onStart" },
-                    { title: "Load Event", const: "onLoad" },
-                    { title: "Change Event", const: "onChange" },
-                    { title: "Success", const: "Success" },
-                    { title: "Fail", const: "Fail" }
+                    { label: "Click Event", value: "onClick" },
+                    { label: "onStart", value: "onStart" },
+                    { label: "Load Event", value: "onLoad" },
+                    { label: "Change Event", value: "onChange" },
+                    { label: "Success", value: "Success" },
+                    { label: "Fail", value: "Fail" }
                   ]
   
                 },
               },
             },
             getSelectField("Handler", "Handler", [
-              { title: "Custom", const: "custom" },
-              { title: "Api", const: "api" },
-              { title: "Inbuilt Function", const: "inBuiltFunction" },
-              { title: "Refresh", const: "refresh" },
+              { label: "Custom", value: "custom" },
+              { label: "Api", value: "api" },
+              { label: "Inbuilt Function", value: "inBuiltFunction" },
+              { label: "Refresh", value: "refresh" },
             ]),
           ],
         },

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

@@ -10,8 +10,8 @@ import { TableSection } from "../build/uischema/tableSection";
 import { ValueTab } from "../build/uischema/valueTab";
 import { ValidationSection } from "../build/uischema/validationSections";
 const sectionLabels = {
-  Select: ["Core", "Value", "style", "Event","Validation"],
-  MultipleSelect: ["Core", "Value", "style", "Event","Validation"],
+  Select: ["Core", "Properties","Value", "style", "Event","Validation"],
+  MultipleSelect: ["Core", "Properties","Value", "style", "Event","Validation"],
   Table: ["Core", "Components",  "Properties","style",  "Event","Validation"],
   LazyLoadingTable:["Core", "Components", "Properties", "style", "Event","Validation"],
   LeaderBoard: ["Core", "Components", "Properties", "style", "Event","Validation"],

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

@@ -29,8 +29,8 @@ export default (
 
         } else if (handlerType === "inBuiltFunction") {
           uiSchema.elements[1].elements[0].elements[2] = getSelectField("inBuiltFunctionType", "Function Name", [
-            { title: "RankProvider", const: "RankProvider" },
-            { title: "Download File", const: "downloadFile" },
+            { label: "RankProvider", value: "RankProvider" },
+            { label: "Download File", value: "downloadFile" },
           ])
           uiSchema.elements[1].elements[0].elements[3] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true, { xs: 12, sm: 12, md: 6 })
         } else if (handlerType === "refresh") {