impaktapps-ui-builder 0.0.287 → 0.0.289

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/dist/impaktapps-ui-builder.es.js +153 -83
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +7 -7
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/uischema/apiSection.d.ts +3 -6
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +0 -9
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +2 -24
  8. package/dist/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.d.ts +28 -0
  9. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +28 -0
  10. package/package.json +1 -1
  11. package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +2 -8
  12. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +0 -7
  13. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +2 -41
  14. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +0 -6
  15. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +85 -0
  16. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.ts +36 -0
  17. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +1 -9
  18. package/src/impaktapps-ui-builder/builder/services/component.ts +1 -1
  19. package/src/impaktapps-ui-builder/runtime/services/events.ts +20 -5
package/dist/src/impaktapps-ui-builder/builder/build/uischema/apiSection.d.ts CHANGED
@@ -42,11 +42,8 @@ export declare const APISection: {
42
42
  main: {
43
43
  label: string;
44
44
  type: string;
45
- options: {
46
- title: string;
47
- const: string;
48
- }[];
49
45
  multiple?: undefined;
46
+ options?: undefined;
50
47
  };
51
48
  };
52
49
  layout?: undefined;
@@ -114,7 +111,7 @@ export declare const APISectionSchema: {
114
111
  key: {
115
112
  type: string;
116
113
  };
117
- const: {
114
+ value: {
118
115
  type: string;
119
116
  };
120
117
  };
@@ -128,7 +125,7 @@ export declare const APISectionSchema: {
128
125
  key: {
129
126
  type: string;
130
127
  };
131
- const: {
128
+ value: {
132
129
  type: string;
133
130
  };
134
131
  };
package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts CHANGED
@@ -18,10 +18,6 @@ export declare const CoreSection: {
18
18
  main: {
19
19
  label: string;
20
20
  type: string;
21
- options: {
22
- title: string;
23
- const: string;
24
- }[];
25
21
  };
26
22
  };
27
23
  layout?: undefined;
@@ -43,7 +39,6 @@ export declare const CoreSection: {
43
39
  main: {
44
40
  label: string;
45
41
  type?: undefined;
46
- options?: undefined;
47
42
  };
48
43
  };
49
44
  layout?: undefined;
@@ -88,10 +83,6 @@ export declare const CoreSection: {
88
83
  };
89
84
  main: {
90
85
  label: string;
91
- options: {
92
- title: string;
93
- const: string;
94
- }[];
95
86
  };
96
87
  };
97
88
  }[];
package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts CHANGED
@@ -8,7 +8,7 @@ export declare const ValidationSection: {
8
8
  elementLabelProp: string;
9
9
  detail: {
10
10
  type: string;
11
- elements: ({
11
+ elements: {
12
12
  type: string;
13
13
  scope: string;
14
14
  options: {
@@ -23,31 +23,9 @@ export declare const ValidationSection: {
23
23
  };
24
24
  main: {
25
25
  label: string;
26
- options: {
27
- const: string;
28
- title: string;
29
- }[];
30
26
  };
31
27
  };
32
- } | {
33
- type: string;
34
- scope: string;
35
- options: {
36
- widget: string;
37
- };
38
- config: {
39
- layout: {
40
- xs: number;
41
- sm: number;
42
- md: number;
43
- lg: number;
44
- };
45
- main: {
46
- label: string;
47
- options?: undefined;
48
- };
49
- };
50
- })[];
28
+ }[];
51
29
  };
52
30
  };
53
31
  }[];
package/dist/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.d.ts CHANGED
@@ -15,6 +15,13 @@ export declare const EventSchema: {
15
15
  };
16
16
  };
17
17
  };
18
+ method: {
19
+ type: string;
20
+ oneOf: {
21
+ title: string;
22
+ const: string;
23
+ }[];
24
+ };
18
25
  refreshElements: {
19
26
  type: string;
20
27
  items: {
@@ -26,6 +33,27 @@ export declare const EventSchema: {
26
33
  };
27
34
  };
28
35
  };
36
+ eventType: {
37
+ type: string;
38
+ oneOf: {
39
+ title: string;
40
+ const: string;
41
+ }[];
42
+ };
43
+ Handler: {
44
+ type: string;
45
+ oneOf: {
46
+ title: string;
47
+ const: string;
48
+ }[];
49
+ };
50
+ inBuiltFunctionType: {
51
+ type: string;
52
+ oneOf: {
53
+ title: string;
54
+ const: string;
55
+ }[];
56
+ };
29
57
  body: {
30
58
  type: string;
31
59
  items: {
package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts CHANGED
@@ -20,6 +20,13 @@ declare const _default: (store: any, dynamicData: any) => {
20
20
  };
21
21
  };
22
22
  };
23
+ method: {
24
+ type: string;
25
+ oneOf: {
26
+ title: string;
27
+ const: string;
28
+ }[];
29
+ };
23
30
  refreshElements: {
24
31
  type: string;
25
32
  items: {
@@ -31,6 +38,27 @@ declare const _default: (store: any, dynamicData: any) => {
31
38
  };
32
39
  };
33
40
  };
41
+ eventType: {
42
+ type: string;
43
+ oneOf: {
44
+ title: string;
45
+ const: string;
46
+ }[];
47
+ };
48
+ Handler: {
49
+ type: string;
50
+ oneOf: {
51
+ title: string;
52
+ const: string;
53
+ }[];
54
+ };
55
+ inBuiltFunctionType: {
56
+ type: string;
57
+ oneOf: {
58
+ title: string;
59
+ const: string;
60
+ }[];
61
+ };
34
62
  body: {
35
63
  type: string;
36
64
  items: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "impaktapps-ui-builder",
3
- "version": "0.0.287",
3
+ "version": "0.0.289",
4
4
  "scripts": {
5
5
  "dev": "vite",
6
6
  "build": "tsc && vite build",
package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts CHANGED
@@ -15,12 +15,6 @@ export const APISection = {
15
15
  main: {
16
16
  label: "Method",
17
17
  type: "text",
18
- options: [
19
- { title: "Get", const: "get" },
20
- { title: "Post", const: "post" },
21
- { title: "Delete", const: "delete" },
22
- { title: "Put", const: "put" },
23
- ],
24
18
  },
25
19
  },
26
20
  },
@@ -155,7 +149,7 @@ export const APISectionSchema = {
155
149
  key: {
156
150
  type: "string",
157
151
  },
158
- const: {
152
+ value: {
159
153
  type: "string",
160
154
  },
161
155
  },
@@ -169,7 +163,7 @@ export const APISectionSchema = {
169
163
  key: {
170
164
  type: "string",
171
165
  },
172
- const: {
166
+ value: {
173
167
  type: "string",
174
168
  },
175
169
  },
package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts CHANGED
@@ -195,13 +195,6 @@ export const buildPropertiesSection = function (type: String) {
195
195
  } else if (type === "card") {
196
196
  uiSchema.elements = [getInputField("url", "Image Url"), getInputField("label", "Label"), getInputField("description", "Description"),];
197
197
  }
198
- else if (type === "Box") {
199
- const iconName = getInputField("value", "Value");
200
- uiSchema.elements = [getSelectField("graphType", "Label Type", [
201
- { label: "URL", value: "url" },
202
- { label: "Heading", value: "heading" }
203
- ]), iconName];
204
- }
205
198
  else if (type === "Button") {
206
199
  const caption = getInputField("color", "Color");
207
200
  const size = getInputField("size", "Size");
package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts CHANGED
@@ -13,35 +13,6 @@ export const CoreSection = {
13
13
  main: {
14
14
  label: "Type",
15
15
  type: "text",
16
- options: [
17
- { title: "Select", const: "Select" },
18
- { title: "Date", const: "Date" },
19
- { title: "CheckBox", const: "CheckBox" },
20
- { title: "Table", const: "Table" },
21
- { title: "Lazy Loading Table", const: "LazyLoadingTable" },
22
- { title: "Array", const: "Array" },
23
- { title: "Container", const: "WrapperSection" },
24
- { title: "Tabs", const: "TabSection" },
25
- { title: "Text", const: "Text" },
26
- { title: "Text Area", const: "TextArea" },
27
- { title: "Button", const: "Button" },
28
- { title: "Card", const: "card" },
29
- { title: "Radio", const: "Radio" },
30
- { title: "Rank", const: "Rank" },
31
- { title: "SpeedoMeter", const: "SpeedoMeter" },
32
- { title: "ProgressBar", const: "ProgressBar" },
33
- { title: "Graph", const: "Graph" },
34
- { title: "Label", const: "Box" },
35
- { title: "Upload File", const: "UploadFile" },
36
- { title: "Download File", const: "DownloadFile" },
37
- { title: "Empty Box", const: "EmptyBox" },
38
- { title: "ProgressBar Card", const: "ProgressBarCard" },
39
- { title: "Rank Card", const: "RankCard" },
40
- { title: "Runner Boy Progress Bar", const: "RunnerBoyProgressBar" },
41
- { title: "Slider", const: "Slider" },
42
- { title: "Timer", const: "Timer" },
43
- { title: "MultipleSelect", const: "MultipleSelect" },
44
- { title: "LeaderBoard", const: "LeaderBoard" },],
45
16
  },
46
17
  },
47
18
  },
@@ -118,12 +89,7 @@ export const CoreSection = {
118
89
  },
119
90
  main: {
120
91
  label: "Screen Size",
121
- options: [
122
- { title: "Extra Small", const: "xs" },
123
- { title: "Small", const: "sm" },
124
- { title: "Medium", const: "md" },
125
- { title: "Large", const: "lg" },
126
- ],
92
+
127
93
  },
128
94
  },
129
95
  },
@@ -143,12 +109,7 @@ export const CoreSection = {
143
109
  },
144
110
  main: {
145
111
  label: "Value",
146
- options: [
147
- { title: "3", const: "3" },
148
- { title: "5.5", const: "5.5" },
149
- { title: "8", const: "8" },
150
- { title: "12", const: "12" },
151
- ],
112
+
152
113
  },
153
114
  },
154
115
  },
package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts CHANGED
@@ -26,12 +26,6 @@ export const ValidationSection = {
26
26
  },
27
27
  main: {
28
28
  label: "Validation Type",
29
- options: [
30
- { const: "required", title: "Required" },
31
- { const: "minLength", title: "Minimum Length" },
32
- { const: "maxLength", title: "Maximum Length" },
33
- { const: "pattern", title: "Pattern" },
34
- ]
35
29
  },
36
30
  },
37
31
  },
package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts CHANGED
@@ -1,6 +1,47 @@
1
1
  export const ComponentSchema:any = {
2
2
  type: "object",
3
3
  properties: {
4
+ type:{
5
+ type:"string",
6
+ oneOf:[
7
+ { title: "Select", const: "Select" },
8
+ { title: "Date", const: "Date" },
9
+ { title: "CheckBox", const: "CheckBox" },
10
+ { title: "Table", const: "Table" },
11
+ { title: "Lazy Loading Table", const: "LazyLoadingTable" },
12
+ { title: "Array", const: "Array" },
13
+ { title: "Container", const: "WrapperSection" },
14
+ { title: "Tabs", const: "TabSection" },
15
+ { title: "Text", const: "Text" },
16
+ { title: "Text Area", const: "TextArea" },
17
+ { title: "Button", const: "Button" },
18
+ { title: "Card", const: "card" },
19
+ { title: "Radio", const: "Radio" },
20
+ { title: "Rank", const: "Rank" },
21
+ { title: "SpeedoMeter", const: "SpeedoMeter" },
22
+ { title: "ProgressBar", const: "ProgressBar" },
23
+ { title: "Graph", const: "Graph" },
24
+ { title: "Label", const: "Box" },
25
+ { title: "Upload File", const: "UploadFile" },
26
+ { title: "Download File", const: "DownloadFile" },
27
+ { title: "Empty Box", const: "EmptyBox" },
28
+ { title: "ProgressBar Card", const: "ProgressBarCard" },
29
+ { title: "Rank Card", const: "RankCard" },
30
+ { title: "Runner Boy Progress Bar", const: "RunnerBoyProgressBar" },
31
+ { title: "Slider", const: "Slider" },
32
+ { title: "Timer", const: "Timer" },
33
+ { title: "MultipleSelect", const: "MultipleSelect" },
34
+ { title: "LeaderBoard", const: "LeaderBoard" },]
35
+ },
36
+ method:{
37
+ type:"string",
38
+ oneOf: [
39
+ { title: "Get", const: "get" },
40
+ { title: "Post", const: "post" },
41
+ { title: "Delete", const: "delete" },
42
+ { title: "Put", const: "put" },
43
+ ]
44
+ },
4
45
  layout: {
5
46
  type: "array",
6
47
  items: {
@@ -8,9 +49,21 @@ export const ComponentSchema:any = {
8
49
  properties: {
9
50
  key: {
10
51
  type: "string",
52
+ oneOf:[
53
+ { title: "Extra Small", const: "xs" },
54
+ { title: "Small", const: "sm" },
55
+ { title: "Medium", const: "md" },
56
+ { title: "Large", const: "lg" },
57
+ ],
11
58
  },
12
59
  value: {
13
60
  type: "string",
61
+ oneOf: [
62
+ { title: "3", const: "3" },
63
+ { title: "5.5", const: "5.5" },
64
+ { title: "8", const: "8" },
65
+ { title: "12", const: "12" },
66
+ ],
14
67
  },
15
68
  },
16
69
  },
@@ -103,15 +156,47 @@ export const ComponentSchema:any = {
103
156
  properties: {
104
157
  componentName: {
105
158
  type: "string",
159
+
106
160
  },
107
161
  validationType:{
108
162
  type: "string",
163
+ oneOf:[
164
+ { const: "required", title: "Required" },
165
+ { const: "minLength", title: "Minimum Length" },
166
+ { const: "maxLength", title: "Maximum Length" },
167
+ { const: "pattern", title: "Pattern" },
168
+ ]
109
169
  },
110
170
  validationValue: {
111
171
  type: "string",
112
172
  },
113
173
  },
114
174
  },
175
+ },
176
+ buttonType:{
177
+ type:"string",
178
+ oneOf:[
179
+ { title: "Button With Text", const: "Button" },
180
+ { title: "Button With Icon", const: "IconButton" },
181
+ { title: "Button With Icon and Text", const: "ButtonWithIconAndText" },
182
+ ]
183
+ },
184
+ defaultStyle:{
185
+ type:"string",
186
+ oneOf:[
187
+ { title: "Apply Default Style", const: "true" },
188
+ { title: "No Style", const: "false" },
189
+ ]
190
+ },
191
+ graphType:{
192
+ type:"string",
193
+ oneOf:[
194
+ { title: "Bar Graph", const: "BarGraph" },
195
+ { title: "Stack Bar Graph", const: "StackBarGraph" },
196
+ { title: "Line Graph", const: "LineGraph" },
197
+ { title: "Pie Graph", const: "PieGraph" },
198
+ { title: "Horizontal Bar Graph", const: "HorizontalBarGraph" },
199
+ ]
115
200
  }
116
201
  },
117
202
 
package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.ts CHANGED
@@ -15,6 +15,15 @@ export const EventSchema = {
15
15
  },
16
16
  },
17
17
  },
18
+ method:{
19
+ type:"string",
20
+ oneOf: [
21
+ { title: "Get", const: "get" },
22
+ { title: "Post", const: "post" },
23
+ { title: "Delete", const: "delete" },
24
+ { title: "Put", const: "put" },
25
+ ]
26
+ },
18
27
  refreshElements: {
19
28
  type: "array",
20
29
  items: {
@@ -26,6 +35,33 @@ export const EventSchema = {
26
35
  },
27
36
  },
28
37
  },
38
+ eventType:{
39
+ type:"string",
40
+ oneOf:[
41
+ { title: "Click Event", const: "onClick" },
42
+ { title: "onStart", const: "onStart" },
43
+ { title: "Load Event", const: "onLoad" },
44
+ { title: "Change Event", const: "onChange" },
45
+ { title: "Success", const: "Success" },
46
+ { title: "Fail", const: "Fail" }
47
+ ]
48
+ },
49
+ Handler:{
50
+ type:"string",
51
+ oneOf:[
52
+ { title: "Custom", const: "custom" },
53
+ { title: "Api", const: "api" },
54
+ { title: "Inbuilt Function", const: "inBuiltFunction" },
55
+ { title: "Refresh", const: "refresh" },
56
+ ]
57
+ },
58
+ inBuiltFunctionType:{
59
+ type:"string",
60
+ oneOf:[
61
+ { title: "RankProvider", const: "RankProvider" },
62
+ { title: "Download File", const: "downloadFile" },
63
+ ]
64
+ },
29
65
  body: {
30
66
  type: "array",
31
67
  items: {
package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts CHANGED
@@ -101,15 +101,7 @@ export const EventUiSchema: any = {
101
101
  layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
102
102
  main: {
103
103
  label: "Event Type",
104
- type: "text",
105
- options: [
106
- { label: "Click Event", value: "onClick" },
107
- { label: "onStart", value: "onStart" },
108
- { label: "Load Event", value: "onLoad" },
109
- { label: "Change Event", value: "onChange" },
110
- { label: "Success", value: "Success" },
111
- { label: "Fail", value: "Fail" }
112
- ]
104
+ type: "text",
113
105
 
114
106
  },
115
107
  },
package/src/impaktapps-ui-builder/builder/services/component.ts CHANGED
@@ -22,7 +22,7 @@ const sectionLabels = {
22
22
  UploadFile:["Core", "style", "Event","Validation"],
23
23
  Graph:["Core", "Properties", "style", "Event","Validation"],
24
24
  DownloadFile:["Core", "style", "Event","Validation"],
25
- Box: ["Core", "Properties", "style", "Event","Validation"],
25
+ Box: ["Core", "style", "Event","Validation"],
26
26
  Properties: ["Core", "Properties", "style", "Event","Validation"],
27
27
  ProgressBarCard: ["Core", "Properties", "style", "Event","Validation"],
28
28
  RankCard: ["Core", "Properties", "style", "Event","Validation"],
package/src/impaktapps-ui-builder/runtime/services/events.ts CHANGED
@@ -6,16 +6,16 @@ export const executeEvents = async (
6
6
  params:handlersProps
7
7
  ) => {
8
8
  let nextEvent = [];
9
- let LoadResponse = null;
9
+ let finalResponse = null;
10
10
  try{
11
11
  if (!shouldEventExecute(params)) {
12
12
  return { response: undefined, events: undefined };
13
13
  }
14
14
  const response = await executeEventsHandler(params)
15
- LoadResponse = response;
15
+ finalResponse = response;
16
16
  const SuccessEvent = params.config?.events.filter(e => e.eventType === "Success");
17
17
  if(params.config.returnNeeded){
18
- return LoadResponse
18
+ return finalResponse
19
19
  }
20
20
  nextEvent = SuccessEvent;
21
21
  } catch (err) {
@@ -25,10 +25,10 @@ export const executeEvents = async (
25
25
  }
26
26
  if (nextEvent?.length > 0) {
27
27
  for (const actionConfig of nextEvent) {
28
- await executeEvents({...params,config:actionConfig,parentEventOutput:LoadResponse})
28
+ await executeEvents({...params,config:actionConfig,parentEventOutput:finalResponse})
29
29
  }
30
30
  }
31
- return LoadResponse;
31
+ return finalResponse;
32
32
  }
33
33
 
34
34
  async function executeEventsHandler(params:handlersProps) {
@@ -101,6 +101,21 @@ async function mergeFormdata(handlerResponse: any, componentName: string, eventC
101
101
  }
102
102
  })
103
103
  }
104
+ else if(eventConfig.type = "MultipleSelect" && !(_.isEmpty(handlerResponse) && handlerResponse)){
105
+ store.setSchema((pre) => {
106
+ return {
107
+ ...pre, properties: {
108
+ ...pre.properties, [componentName]: {
109
+ ...pre.properties?.[componentName],
110
+ type:"array",
111
+ items:{
112
+ oneOf: handlerResponse.data
113
+ }
114
+ }
115
+ }
116
+ }
117
+ })
118
+ }
104
119
  else if (eventConfig.type === "page") {
105
120
  store.setFormdata((pre: any) => { return { ...pre, ...handlerResponse?.data } })
106
121
  }