impaktapps-ui-builder 0.0.381 → 0.0.382-alpha.10

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 (17) hide show
  1. package/dist/impaktapps-ui-builder.es.js +928 -878
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +13 -13
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +1 -1
  6. package/dist/src/impaktapps-ui-builder/runtime/services/downloadFile.d.ts +1 -1
  7. package/package.json +1 -1
  8. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +308 -264
  9. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +349 -355
  10. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.ts +1 -1
  11. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +381 -284
  12. package/src/impaktapps-ui-builder/builder/services/component.ts +3 -3
  13. package/src/impaktapps-ui-builder/builder/services/event.ts +8 -8
  14. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +1 -1
  15. package/src/impaktapps-ui-builder/runtime/services/downloadFile.ts +3 -4
  16. package/src/impaktapps-ui-builder/runtime/services/events.ts +1 -1
  17. package/src/impaktapps-ui-builder/runtime/services/service.ts +3 -3
package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts CHANGED
@@ -2,7 +2,7 @@ declare const _default: (store: any, dynamicData: any, submitHandler: any, servi
2
2
  setPage: () => Promise<void>;
3
3
  refreshPage: (handlerType: any, store: any) => void;
4
4
  getFormData: () => any;
5
- getUiSchema: () => any;
5
+ getUiSchema: () => Promise<any>;
6
6
  getSchema: () => {
7
7
  type: string;
8
8
  properties: {
package/dist/src/impaktapps-ui-builder/runtime/services/downloadFile.d.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  export declare const downloadFile: (obj: any) => void;
2
- export declare const clickDownloadLink: (response: any, service: any) => void;
2
+ export declare const doDownload: (response: any, service: any) => void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "impaktapps-ui-builder",
3
- "version": "0.0.381",
3
+ "version": "0.0.382-alpha.10",
4
4
  "scripts": {
5
5
  "dev": "vite",
6
6
  "build": "tsc && vite build",
package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts CHANGED
@@ -1,233 +1,224 @@
1
- export const componentBasicUiSchema: any = {
2
- type: "HorizontalLayout",
3
- elements: [
4
- {
5
- type: "WrapperLayout",
6
- config: {
7
- main: {
8
- rowSpacing: 1,
9
- header:true
10
- },
11
- defaultStyle:true
12
- },
13
- elements: [
14
-
15
- {
16
- type: "Control",
17
- scope: "#/properties/Component",
1
+ export const componentBasicUiSchema: any = (theme) => {
2
+ const uiSchema = {
3
+ type: "HorizontalLayout",
4
+ heading: "Component",
5
+ elements: [
6
+ // {
7
+ // type: "WrapperLayout",
8
+ // config: {
9
+ // main: {
10
+ // rowSpacing: 1,
11
+ // header:true
12
+ // },
13
+ // defaultStyle:true
14
+ // },
15
+ // elements: [
18
16
 
19
- options: {
20
- widget: "Box",
21
- },
22
- config: {
23
- layout: {xs:12,sm:12,md:2},
24
- main: {
25
- heading: "Component",
26
- },
27
- style:{
28
- "float":"left",
29
- }
30
- },
31
- },
32
-
33
- {
34
- type: "Control",
35
- scope: "#/properties/pageName",
36
-
37
- options: {
38
- widget: "Box",
39
- },
40
- config: {
41
- layout: {xs:7,sm:7,md:9},
42
- main: {
43
- heading: " ",
44
- },
45
- style: {
46
- float: "right",
47
- width:"auto",
48
- fontSize:"12px",
49
- color:"gray",
50
- paddingTop:"10px"
51
- },
52
- },
53
- },
54
-
55
- {
56
- type: "Control",
57
- scope: "#/properties/Back_Button",
58
-
59
- options: {
60
- widget: "IconButton",
61
- },
62
- config: {
63
- layout: {xs:2,sm:2,md:0.5},
64
- main: {
65
- icon: "BackIcon",
66
- styleDefault: true,
67
- size: "small",
68
- onClick: "backHandler",
69
- tooltipMessage: "Back",
70
- },
71
- style: {
72
- float: "right",
73
- },
17
+ // {
18
+ // type: "Control",
19
+ // scope: "#/properties/Component",
20
+
21
+ // options: {
22
+ // widget: "Box",
23
+ // },
24
+ // config: {
25
+ // layout: {xs:12,sm:12,md:2},
26
+ // main: {
27
+ // heading: "Component",
28
+ // },
29
+ // style:{
30
+ // "float":"left",
31
+ // }
32
+ // },
33
+ // },
34
+
35
+ // {
36
+ // type: "Control",
37
+ // scope: "#/properties/pageName",
38
+
39
+ // options: {
40
+ // widget: "Box",
41
+ // },
42
+ // config: {
43
+ // layout: {xs:7,sm:7,md:9},
44
+ // main: {
45
+ // heading: " ",
46
+ // },
47
+ // style: {
48
+ // float: "right",
49
+ // width:"auto",
50
+ // fontSize:"12px",
51
+ // color:"gray",
52
+ // paddingTop:"10px"
53
+ // },
54
+ // },
55
+ // },
56
+
57
+ // {
58
+ // type: "Control",
59
+ // scope: "#/properties/Back_Button",
60
+
61
+ // options: {
62
+ // widget: "IconButton",
63
+ // },
64
+ // config: {
65
+ // layout: {xs:2,sm:2,md:0.5},
66
+ // main: {
67
+ // icon: "BackIcon",
68
+ // styleDefault: true,
69
+ // size: "small",
70
+ // onClick: "backHandler",
71
+ // tooltipMessage: "Back",
72
+ // },
73
+ // style: {
74
+ // float: "right",
75
+ // },
76
+ // },
77
+ // },
78
+
79
+ // ],
80
+ // },
81
+ {
82
+ type: "TabLayout",
83
+ config: {
84
+ main: {
85
+ tabLabels: ["Core"],
86
+ defaultStyle: true,
87
+ id: `component`
74
88
  },
75
89
  },
76
-
77
- ],
78
- },
79
- {
80
- type: "TabLayout",
81
- config: {
82
- main: {
83
- tabLabels: ["Core"],
84
- defaultStyle: true,
85
- id:`component`
86
- },
87
- },
88
90
 
89
- elements: [
90
- {
91
- type: "HorizontalLayout",
92
- elements: [
93
- {
94
- type: "Control",
95
- scope: "#/properties/type",
91
+ elements: [
92
+ {
93
+ type: "HorizontalLayout",
94
+ elements: [
95
+ {
96
+ type: "Control",
97
+ scope: "#/properties/type",
96
98
 
97
- options: {
98
- widget: "SelectInputField",
99
- },
100
- config: {
101
- layout: { xs: 12, sm: 12, md: 6, lg: 6 },
102
- main: {
103
- label: "Type",
99
+ options: {
100
+ widget: "SelectInputField",
101
+ },
102
+ config: {
103
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
104
+ main: {
105
+ label: "Type",
106
+ },
104
107
  },
105
108
  },
106
- },
107
- {
108
- type: "Control",
109
- scope: "#/properties/name",
109
+ {
110
+ type: "Control",
111
+ scope: "#/properties/name",
110
112
 
111
- options: {
112
- widget: "InputField",
113
- },
114
- config: {
115
- layout: {
116
- xs: 12,
117
- sm: 12,
118
- md: 6,
119
- lg: 6,
113
+ options: {
114
+ widget: "InputField",
120
115
  },
121
- main: {
122
- label: "Name",
123
- options: [],
124
- color: "secondary",
125
- required: true,
116
+ config: {
117
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
118
+ main: {
119
+ label: "Name",
120
+ options: [],
121
+ color: "secondary",
122
+ required: true,
123
+ },
126
124
  },
127
125
  },
128
- },
129
- {
130
- type: "Control",
131
- scope: "#/properties/label",
126
+ {
127
+ type: "Control",
128
+ scope: "#/properties/label",
132
129
 
133
- options: {
134
- widget: "InputField",
135
- },
136
- config: {
137
- layout: {
138
- xs: 12,
139
- sm: 12,
140
- md: 6,
141
- lg: 6,
130
+ options: {
131
+ widget: "InputField",
142
132
  },
143
- main: {
144
- label: "Label",
145
- options: [],
146
- color: "secondary",
147
- required: true,
133
+ config: {
134
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
135
+ main: {
136
+ label: "Label",
137
+ options: [],
138
+ color: "secondary",
139
+ required: true,
140
+ },
148
141
  },
149
142
  },
150
- },
151
-
152
- {
153
- type: "Control",
154
- scope: "#/properties/proc",
155
- config: {
156
- layout: { xs: 11, sm: 11, md: 6, lg: 6 },
157
- },
158
- options: {
159
- widget: "EmptyBox",
160
- },
161
- },
162
- {
163
- type: "Control",
164
- scope: "#/properties/layout",
165
- layout: 11.5,
166
- options: {
167
- detail: {
168
- type: "HorizontalLayout",
169
- elements: [
170
- {
171
- type: "Control",
172
- scope: "#/properties/key",
173
- options: {
174
- widget: "SelectInputField",
175
- },
176
- config: {
177
- layout: {
178
- xs: 11,
179
- sm: 11,
180
- md: 5.5,
181
- lg: 5.5,
143
+ {
144
+ type: "Control",
145
+ scope: "#/properties/layout",
146
+ layout: 12,
147
+ options: {
148
+ detail: {
149
+ type: "HorizontalLayout",
150
+ elements: [
151
+ {
152
+ type: "Control",
153
+ scope: "#/properties/key",
154
+ options: {
155
+ widget: "SelectInputField",
182
156
  },
183
- main: {
184
- label: "Screen Size",
185
-
157
+ config: {
158
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
159
+ main: {
160
+ label: "Screen Size",
161
+
162
+ },
186
163
  },
187
164
  },
188
- },
189
- {
190
- type: "Control",
191
- scope: "#/properties/value",
165
+ {
166
+ type: "Control",
167
+ scope: "#/properties/value",
192
168
 
193
- options: {
194
- widget: "InputField",
195
- },
196
- config: {
197
- layout: {
198
- xs: 11,
199
- sm: 11,
200
- md: 5.5,
201
- lg: 5.5,
169
+ options: {
170
+ widget: "InputField",
202
171
  },
203
- main: {
204
- label: "Value",
205
- type:"number",
206
- // freeSolo:true,
207
- helperText:'Number should be in range of 0 to 12',
208
- errorMessage:"Number Can't be greater than 12 and can't be less than 0.",
209
-
172
+ config: {
173
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
174
+ main: {
175
+ label: "Value",
176
+ type: "number",
177
+ // freeSolo:true,
178
+ helperText: 'Number should be in range of 0 to 12',
179
+ errorMessage: "Number Can't be greater than 12 and can't be less than 0.",
180
+
181
+ },
210
182
  },
211
183
  },
212
- },
213
- ],
184
+ {
185
+ type: "Control",
186
+ scope: "#/properties/emptyBox",
187
+ options: {
188
+ widget: "EmptyBox"
189
+ },
190
+ config: {
191
+ layout: { xs: 0, sm: 4 }
192
+ }
193
+ }
194
+ ],
195
+ },
214
196
  },
215
197
  },
216
- },
217
- ],
218
- },
219
- ],
220
- },
221
-
198
+ ],
199
+ },
200
+ ],
201
+ },
202
+
222
203
  {
223
204
  type: "Control",
224
- scope: "#/properties/proc",
205
+ scope: "#/properties/EmptyBox",
206
+ options: {
207
+ widget: "EmptyBox",
208
+ },
225
209
  config: {
226
- layout: { xs: 11, sm: 11, md: 6, lg: 6 },
210
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
227
211
  },
212
+ },
213
+ {
214
+ type: "Control",
215
+ scope: "#/properties/EmptyBox",
228
216
  options: {
229
217
  widget: "EmptyBox",
230
218
  },
219
+ config: {
220
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
221
+ },
231
222
  },
232
223
  {
233
224
  type: "Control",
@@ -237,12 +228,7 @@ export const componentBasicUiSchema: any = {
237
228
  },
238
229
 
239
230
  config: {
240
- layout: {
241
- xs: 11,
242
- sm: 11,
243
- md: 2.5,
244
- lg: 2.5,
245
- },
231
+ layout: 1.8,
246
232
  main: {
247
233
  name: "Ok",
248
234
  startIcon: "ApproveIcon",
@@ -250,10 +236,9 @@ export const componentBasicUiSchema: any = {
250
236
  color: "info",
251
237
  type: "text",
252
238
  onClick: "okHandler",
253
- size: "small",
239
+ size: "medium",
254
240
  },
255
241
  style: {
256
- marginBottom: "8px",
257
242
  float: "right",
258
243
  },
259
244
  },
@@ -266,12 +251,7 @@ export const componentBasicUiSchema: any = {
266
251
  },
267
252
 
268
253
  config: {
269
- layout: {
270
- xs: 11,
271
- sm: 11,
272
- md: 2.5,
273
- lg: 2.5,
274
- },
254
+ layout: 1.8,
275
255
  main: {
276
256
  name: "Save & Exit",
277
257
  startIcon: "ApproveIcon",
@@ -279,63 +259,127 @@ export const componentBasicUiSchema: any = {
279
259
  color: "info",
280
260
  type: "text",
281
261
  onClick: "saveHandler",
282
- size: "small",
262
+ size: "medium",
283
263
  },
284
264
  style: {
285
- marginBottom: "8px",
286
265
  float: "right",
287
266
  },
288
267
  },
289
268
  },
290
- {
291
- type: "Control",
292
- scope: "#/properties/notify",
293
- options: {
294
- widget: "Notify",
269
+ {
270
+ type: "Control",
271
+ scope: "#/properties/notify",
272
+ options: {
273
+ widget: "Notify",
274
+ },
275
+ layout: 6,
295
276
  },
296
- layout: 6,
297
- }
298
- ],
299
- };
300
-
301
-
302
-
303
-
304
-
305
-
306
-
307
-
308
-
309
-
310
-
311
-
312
-
313
-
314
-
315
-
277
+ {
278
+ type: "HorizontalLayout",
279
+ config: {
280
+ style: {
281
+ position: "fixed",
282
+ bottom: 5,
283
+ overflow: 'visible',
284
+ margin: "0",
285
+ width: "100vw",
286
+ }
287
+ },
288
+ elements: [
289
+ {
290
+ type: "Control",
291
+ scope: "#/properties/EmptyBox",
292
+ options: {
293
+ widget: "EmptyBox",
294
+ },
295
+ config: {
296
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
297
+ },
298
+ },
299
+ {
316
300
 
317
- // {
318
- // type: "Control",
319
- // scope: "#/properties/homeBtn",
320
-
321
- // options: {
322
- // widget: "Button",
323
- // },
324
- // config: {
325
- // layout: {xs:2,sm:2,md:1},
326
- // main: {
327
- // name: "🏠",
328
- // },
329
- // style: {
330
- // marginRight:'auto',
331
- // marginLeft:"auto",
332
- // width:"20px",
301
+ type: "Control",
302
+ scope: "#/properties/FooterText",
303
+ options: {
304
+ widget: "Box",
305
+ },
306
+ config: {
307
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
308
+ main: {
309
+ heading: "Copywriter@ACT21.IO"
310
+ },
311
+ style: {
312
+ color: theme?.palette?.text.disabled || "#AFAFAF",
313
+ fontSize: '12px',
314
+ }
315
+ },
316
+ },
317
+ {
318
+ type: "HorizontalLayout",
319
+ config: {
320
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
321
+ },
322
+ elements: [
323
+ {
324
+ type: "Control",
325
+ scope: "#/properties/EmptyBox",
326
+ options: {
327
+ widget: "EmptyBox",
328
+ },
329
+ config: {
330
+ layout: 2,
331
+ },
332
+ },
333
+ {
334
+ type: "Control",
335
+ scope: "#/properties/backIcon",
336
+ options: {
337
+ widget: "Box",
338
+ },
339
+ config: {
340
+ layout: 1,
341
+ main: {
342
+ iconName: 'PrevIcon',
343
+ onClick: "backHandler"
344
+ },
345
+ style: {
346
+ fill: theme.palette.primary.dark,
347
+ width: 20,
348
+ height: 20,
349
+ display: 'flex',
350
+ alignItems: 'center',
351
+ justifyContent: 'center',
352
+ marginRight: '-8px',
353
+ cursor: 'pointer'
354
+ }
355
+ }
356
+ },
357
+ {
358
+ type: "Control",
359
+ scope: "#/properties/text",
333
360
 
334
- // // background:"inherit",
335
- // // boxShadow:"none",
336
- // float:"left",
337
- // borderRadius:"50%"
338
-
339
- // },
340
- // },
341
- // },
361
+ options: {
362
+ widget: "Box",
363
+ },
364
+ config: {
365
+ layout: 9,
366
+ main: {
367
+ heading: "Previous Page",
368
+ onClick: "backHandler"
369
+ },
370
+ style: {
371
+ color: theme.palette.primary.dark,
372
+ fontSize: "12px",
373
+ cursor: 'pointer',
374
+ marginLeft: '-6px'
375
+ }
376
+ },
377
+ },
378
+ ],
379
+ },
380
+ ]
381
+ }
382
+ ],
383
+ };
384
+ return uiSchema
385
+ }