impaktapps-ui-builder 0.0.412-mtreemap.5 → 0.0.412-mtreemap.7

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 (12) hide show
  1. package/dist/impaktapps-ui-builder.es.js +692 -677
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +4 -4
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/package.json +1 -1
  6. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +11 -44
  7. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +360 -285
  8. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +496 -353
  9. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +401 -285
  10. package/src/impaktapps-ui-builder/builder/services/component.ts +3 -3
  11. package/src/impaktapps-ui-builder/builder/services/event.ts +8 -8
  12. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +1 -1
package/dist/impaktapps-ui-builder.es.js CHANGED
@@ -43,393 +43,415 @@ const PageMasterSchema = {
43
43
  },
44
44
  required: ["template", "name", "label"]
45
45
  };
46
- const PageMasterUiSchema = {
47
- type: "HorizontalLayout",
48
- elements: [
49
- {
50
- type: "WrapperLayout",
51
- config: {
52
- main: {
53
- rowSpacing: 1,
54
- header: true
55
- },
56
- defaultStyle: true
57
- },
58
- elements: [
59
- {
60
- type: "Control",
61
- scope: "#/properties/pageMaster",
62
- options: {
63
- widget: "Box"
46
+ const PageMasterUiSchema = (theme) => {
47
+ var _a;
48
+ const uiSchema = {
49
+ type: "HorizontalLayout",
50
+ heading: "Page Master",
51
+ elements: [
52
+ {
53
+ type: "WrapperLayout",
54
+ config: {
55
+ main: {},
56
+ wrapperStyle: {
57
+ backgroundColor: theme.palette.background.default
64
58
  },
65
- config: {
66
- layout: 8,
67
- main: {
68
- heading: "Page Master"
69
- }
70
- }
59
+ defaultStyle: true
71
60
  },
72
- {
73
- type: "Control",
74
- scope: "#/properties/Back_Button",
75
- options: {
76
- widget: "IconButton"
77
- },
78
- config: {
79
- layout: 3,
80
- main: {
81
- icon: "BackIcon",
82
- styleDefault: true,
83
- size: "small",
84
- onClick: "backHandler",
85
- tooltipMessage: "Back"
61
+ elements: [
62
+ {
63
+ type: "Control",
64
+ scope: "#/properties/name",
65
+ options: {
66
+ widget: "InputField"
86
67
  },
87
- style: {
88
- float: "right"
68
+ config: {
69
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
70
+ main: {
71
+ label: "Name",
72
+ options: [],
73
+ color: "secondary",
74
+ errorMessage: "Name should be start with 'page_'",
75
+ helperText: 'Name should be start with "page_"',
76
+ required: true
77
+ }
89
78
  }
90
- }
91
- }
92
- ]
93
- },
94
- {
95
- type: "WrapperLayout",
96
- config: {
97
- main: {
98
- label: "Page Template",
99
- divider: true
100
- },
101
- defaultStyle: true
102
- },
103
- elements: [
104
- {
105
- type: "Control",
106
- scope: "#/properties/name",
107
- options: {
108
- widget: "InputField"
109
79
  },
110
- config: {
111
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
112
- main: {
113
- label: "Name",
114
- options: [],
115
- color: "secondary",
116
- errorMessage: "Name should be start with 'page_'",
117
- helperText: 'Name should be start with "page_"',
118
- required: true
80
+ {
81
+ type: "Control",
82
+ scope: "#/properties/template",
83
+ options: {
84
+ widget: "SelectInputField"
85
+ },
86
+ config: {
87
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
88
+ main: {
89
+ label: "Template",
90
+ options: [
91
+ { const: "template1", title: "template1" },
92
+ { const: "template2", title: "template2" },
93
+ { const: "template3", title: "template3" }
94
+ ],
95
+ color: "secondary",
96
+ required: true
97
+ }
119
98
  }
120
- }
121
- },
122
- {
123
- type: "Control",
124
- scope: "#/properties/template",
125
- options: {
126
- widget: "SelectInputField"
127
99
  },
128
- config: {
129
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
130
- main: {
131
- label: "Template",
132
- options: [
133
- { const: "template1", title: "template1" },
134
- { const: "template2", title: "template2" },
135
- { const: "template3", title: "template3" }
136
- ],
137
- color: "secondary",
138
- required: true
100
+ {
101
+ type: "Control",
102
+ scope: "#/properties/label",
103
+ options: {
104
+ widget: "InputField"
105
+ },
106
+ config: {
107
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
108
+ main: {
109
+ label: "Label",
110
+ options: [],
111
+ color: "secondary",
112
+ required: true
113
+ }
139
114
  }
140
115
  }
141
- }
142
- ]
143
- },
144
- {
145
- type: "TabLayout",
146
- config: {
147
- main: {
148
- tabLabels: ["Components", "events"],
149
- divider: true
150
- },
151
- defaultStyle: true
116
+ ]
152
117
  },
153
- elements: [
154
- {
155
- type: "WrapperLayout",
156
- config: {
157
- main: {
158
- divider: true
159
- },
160
- wrapperStyle: {
161
- border: "1px solid gray"
162
- }
118
+ {
119
+ type: "TabLayout",
120
+ config: {
121
+ main: {
122
+ tabLabels: ["Components", "events"],
123
+ divider: true
163
124
  },
164
- elements: [
165
- {
166
- type: "Control",
167
- scope: "#/properties/heading",
168
- options: {
169
- widget: "Box"
170
- },
171
- config: {
172
- layout: 8,
173
- main: {
174
- heading: "Components Table"
175
- },
176
- style: {
177
- fontFamily: "Roboto",
178
- fontWeight: "500",
179
- paddingLeft: "-10px",
180
- fontSize: "20px"
181
- }
182
- }
125
+ defaultStyle: true
126
+ },
127
+ elements: [
128
+ {
129
+ type: "Control",
130
+ scope: "#/properties/elements",
131
+ options: {
132
+ widget: "Table"
183
133
  },
184
- {
185
- type: "Control",
186
- scope: "#/properties/AddButton",
187
- options: {
188
- widget: "IconButton"
189
- },
190
- config: {
191
- layout: 3,
192
- main: {
193
- icon: "AddIcon",
194
- styleDefault: true,
195
- size: "small",
196
- onClick: "onAddClickHandler",
197
- tooltipMessage: "Add New"
134
+ config: {
135
+ main: {
136
+ headerIcons: {
137
+ elements: [
138
+ {
139
+ widget: {
140
+ type: "Control",
141
+ scope: "#/properties/New_Record",
142
+ options: {
143
+ widget: "IconButton"
144
+ },
145
+ config: {
146
+ main: {
147
+ onClick: "onAddClickHandler",
148
+ size: "small",
149
+ icon: "AddIcon",
150
+ iconLabel: "Add New",
151
+ styleDefault: true
152
+ },
153
+ style: {
154
+ mt: "6px"
155
+ }
156
+ }
157
+ }
158
+ }
159
+ ]
198
160
  },
199
- style: {
200
- float: "right"
201
- }
161
+ disableAction: true,
162
+ disableSelection: true,
163
+ enableDrag: true
202
164
  }
203
165
  },
204
- {
205
- type: "Control",
206
- scope: "#/properties/elements",
207
- options: {
208
- widget: "Table"
166
+ elements: [
167
+ {
168
+ accessorKey: "name",
169
+ header: "Name"
209
170
  },
210
- config: {
211
- main: {
212
- disableAction: true,
213
- disableSelection: true,
214
- enableDrag: true
215
- }
171
+ {
172
+ accessorKey: "type",
173
+ header: "Type"
216
174
  },
217
- elements: [
218
- {
219
- accessorKey: "name",
220
- header: "Name"
221
- },
222
- {
223
- accessorKey: "type",
224
- header: "Type"
225
- },
226
- {
227
- header: "Edit",
228
- field: "Reject_Records",
229
- flex: 1,
230
- widget: {
231
- type: "Control",
232
- scope: "#/properties/RejectButton",
233
- options: {
234
- widget: "IconButton"
235
- },
236
- config: {
237
- main: {
238
- icon: "EditIcon",
239
- color: "primary",
240
- onClick: "Edit_Components",
241
- tooltipMessage: "Edit This Record"
242
- }
243
- }
244
- }
245
- },
246
- {
247
- header: "Delete",
248
- field: "Reject_Records",
249
- flex: 1,
250
- widget: {
251
- type: "Control",
252
- scope: "#/properties/RejectButton",
253
- options: {
254
- widget: "IconButton"
255
- },
256
- config: {
257
- main: {
258
- icon: "RejectIcon",
259
- color: "error",
260
- onClick: "Delete_Components",
261
- tooltipMessage: "Reject This Record"
262
- }
175
+ {
176
+ header: "Edit",
177
+ field: "Reject_Records",
178
+ flex: 1,
179
+ widget: {
180
+ type: "Control",
181
+ scope: "#/properties/RejectButton",
182
+ options: {
183
+ widget: "IconButton"
184
+ },
185
+ config: {
186
+ main: {
187
+ icon: "EditIcon",
188
+ color: "primary",
189
+ onClick: "Edit_Components",
190
+ tooltipMessage: "Edit This Record"
263
191
  }
264
192
  }
265
193
  }
266
- ]
267
- }
268
- ]
269
- },
270
- {
271
- type: "WrapperLayout",
272
- config: {
273
- main: {
274
- divider: true
275
- },
276
- wrapperStyle: {
277
- border: "1px solid gray"
278
- }
279
- },
280
- elements: [
281
- {
282
- type: "Control",
283
- scope: "#/properties/heading",
284
- options: {
285
- widget: "Box"
286
194
  },
287
- config: {
288
- layout: 8,
289
- main: {
290
- heading: "Event Table"
291
- },
292
- style: {
293
- fontFamily: "Roboto",
294
- fontWeight: "500",
295
- paddingLeft: "-10px",
296
- fontSize: "20px"
195
+ {
196
+ header: "Delete",
197
+ field: "Reject_Records",
198
+ flex: 1,
199
+ widget: {
200
+ type: "Control",
201
+ scope: "#/properties/RejectButton",
202
+ options: {
203
+ widget: "IconButton"
204
+ },
205
+ config: {
206
+ main: {
207
+ icon: "RejectIcon",
208
+ color: "error",
209
+ onClick: "Delete_Components",
210
+ tooltipMessage: "Reject This Record"
211
+ }
212
+ }
297
213
  }
298
214
  }
215
+ ]
216
+ },
217
+ {
218
+ type: "Control",
219
+ scope: "#/properties/events",
220
+ options: {
221
+ widget: "Table"
299
222
  },
300
- {
301
- type: "Control",
302
- scope: "#/properties/AddButton",
303
- options: {
304
- widget: "IconButton"
305
- },
306
- config: {
307
- layout: 3,
308
- main: {
309
- icon: "AddIcon",
310
- styleDefault: true,
311
- size: "small",
312
- onClick: "eventAddHandler",
313
- tooltipMessage: "Back"
223
+ config: {
224
+ main: {
225
+ headerIcons: {
226
+ elements: [
227
+ {
228
+ widget: {
229
+ type: "Control",
230
+ scope: "#/properties/New_Record",
231
+ options: {
232
+ widget: "IconButton"
233
+ },
234
+ config: {
235
+ main: {
236
+ onClick: "eventAddHandler",
237
+ size: "small",
238
+ icon: "AddIcon",
239
+ iconLabel: "Add New",
240
+ styleDefault: true
241
+ },
242
+ style: {
243
+ mt: "6px"
244
+ }
245
+ }
246
+ }
247
+ }
248
+ ]
314
249
  },
315
- style: {
316
- float: "right"
317
- }
250
+ disableAction: true,
251
+ disableSelection: true,
252
+ enableDrag: true
318
253
  }
319
254
  },
320
- {
321
- type: "Control",
322
- scope: "#/properties/events",
323
- options: {
324
- widget: "Table"
255
+ elements: [
256
+ {
257
+ accessorKey: "eventType",
258
+ header: "Event Type"
325
259
  },
326
- config: {
327
- main: {
328
- disableAction: true,
329
- disableSelection: true,
330
- enableDrag: true
331
- }
260
+ {
261
+ accessorKey: "Handler",
262
+ header: "Handler"
332
263
  },
333
- elements: [
334
- {
335
- accessorKey: "eventType",
336
- header: "Event Type"
337
- },
338
- {
339
- accessorKey: "Handler",
340
- header: "Handler"
341
- },
342
- {
343
- accessorKey: "Edit_Approve_Records",
344
- header: "Edit Widget",
345
- widget: {
346
- type: "Control",
347
- scope: "#/properties/Edit_Records",
348
- options: {
349
- widget: "IconButton"
264
+ {
265
+ accessorKey: "Edit_Approve_Records",
266
+ header: "Edit Widget",
267
+ widget: {
268
+ type: "Control",
269
+ scope: "#/properties/Edit_Records",
270
+ options: {
271
+ widget: "IconButton"
272
+ },
273
+ config: {
274
+ main: {
275
+ color: "info",
276
+ size: "small",
277
+ icon: "EditIcon",
278
+ tooltipMessage: "Edit This Record",
279
+ onClick: "editEvent"
350
280
  },
351
- config: {
352
- main: {
353
- color: "info",
354
- size: "small",
355
- icon: "EditIcon",
356
- tooltipMessage: "Edit This Record",
357
- onClick: "editEvent"
358
- },
359
- style: {
360
- color: "#3949ab"
361
- }
281
+ style: {
282
+ color: "#3949ab"
362
283
  }
363
284
  }
364
- },
365
- {
366
- accessorKey: "Reject_Records",
367
- header: "Delete",
368
- widget: {
369
- type: "Control",
370
- scope: "#/properties/RejectButton",
371
- options: {
372
- widget: "IconButton"
373
- },
374
- config: {
375
- main: {
376
- icon: "RejectIcon",
377
- color: "error",
378
- tooltipMessage: "Reject This Record",
379
- onClick: "deleteEvent"
380
- }
285
+ }
286
+ },
287
+ {
288
+ accessorKey: "Reject_Records",
289
+ header: "Delete",
290
+ widget: {
291
+ type: "Control",
292
+ scope: "#/properties/RejectButton",
293
+ options: {
294
+ widget: "IconButton"
295
+ },
296
+ config: {
297
+ main: {
298
+ icon: "RejectIcon",
299
+ color: "error",
300
+ tooltipMessage: "Reject This Record",
301
+ onClick: "deleteEvent"
381
302
  }
382
303
  }
383
304
  }
384
- ]
385
- }
386
- ]
387
- }
388
- ]
389
- },
390
- {
391
- type: "Control",
392
- scope: "#/properties/btn",
393
- options: {
394
- widget: "EmptyBox"
305
+ }
306
+ ]
307
+ }
308
+ ]
395
309
  },
396
- config: {
397
- layout: { xs: 0, sm: 0, md: 8, lg: 7 }
398
- }
399
- },
400
- {
401
- type: "Control",
402
- scope: "#/properties/btn",
403
- options: {
404
- widget: "Button"
310
+ {
311
+ type: "Control",
312
+ scope: "#/properties/btn",
313
+ options: {
314
+ widget: "EmptyBox"
315
+ },
316
+ config: {
317
+ layout: { xs: 0, sm: 0, md: 8, lg: 7 }
318
+ }
405
319
  },
406
- config: {
407
- layout: 11.7,
408
- main: {
409
- name: "Save",
410
- startIcon: "ApproveIcon",
411
- variant: "contained",
412
- color: "info",
413
- type: "text",
414
- onClick: "saveHandler",
415
- size: "small"
320
+ {
321
+ type: "Control",
322
+ scope: "#/properties/btn",
323
+ options: {
324
+ widget: "Button"
416
325
  },
417
- style: {
418
- marginBottom: "8px",
419
- width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" },
420
- float: "right"
326
+ config: {
327
+ layout: 11.9,
328
+ main: {
329
+ name: "Save",
330
+ startIcon: "ApproveIcon",
331
+ variant: "contained",
332
+ type: "text",
333
+ onClick: "saveHandler",
334
+ size: "medium"
335
+ },
336
+ style: {
337
+ width: { xs: "90%", sm: "90%", md: "20%", lg: "10%" },
338
+ float: "right"
339
+ }
421
340
  }
422
- }
423
- },
424
- {
425
- type: "Control",
426
- scope: "#/properties/notify",
427
- options: {
428
- widget: "Notify"
429
341
  },
430
- layout: 6
431
- }
432
- ]
342
+ {
343
+ type: "Control",
344
+ scope: "#/properties/notify",
345
+ options: {
346
+ widget: "Notify"
347
+ },
348
+ layout: 6
349
+ },
350
+ {
351
+ type: "HorizontalLayout",
352
+ config: {
353
+ main: {
354
+ direction: "row"
355
+ },
356
+ style: {
357
+ flexDirection: "row",
358
+ position: "absolute",
359
+ bottom: 0,
360
+ marginBottom: "-8px",
361
+ height: "fit-content",
362
+ overflow: "hidden",
363
+ zIndex: 1e3,
364
+ width: "inherit"
365
+ }
366
+ },
367
+ elements: [
368
+ {
369
+ type: "Control",
370
+ scope: "#/properties/FooterText",
371
+ options: {
372
+ widget: "Box"
373
+ },
374
+ config: {
375
+ main: {
376
+ heading: "Copywriter@ACT21.IO"
377
+ },
378
+ style: {
379
+ color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
380
+ fontSize: "12px",
381
+ textAlign: "center",
382
+ lineHeight: 1,
383
+ width: "fit-content",
384
+ left: "50%",
385
+ position: "relative",
386
+ margin: 0,
387
+ flexGrow: 1,
388
+ height: 0
389
+ }
390
+ }
391
+ },
392
+ {
393
+ type: "Control",
394
+ scope: "#/properties/backIcon",
395
+ options: {
396
+ widget: "Box"
397
+ },
398
+ config: {
399
+ main: {
400
+ iconName: "PrevIcon",
401
+ onClick: "backHandler",
402
+ width: "fit-content"
403
+ },
404
+ style: {
405
+ fill: theme.palette.primary.main,
406
+ width: 20,
407
+ height: 0,
408
+ margin: 0,
409
+ top: 0,
410
+ right: "82px",
411
+ position: "absolute",
412
+ fontSize: "12px",
413
+ cursor: "pointer",
414
+ ":hover": {
415
+ fill: theme.palette.primary.dark
416
+ }
417
+ }
418
+ }
419
+ },
420
+ {
421
+ type: "Control",
422
+ scope: "#/properties/text",
423
+ options: {
424
+ widget: "Box"
425
+ },
426
+ config: {
427
+ main: {
428
+ heading: "Previous Page",
429
+ onClick: "backHandler"
430
+ },
431
+ style: {
432
+ textAlign: "left",
433
+ lineHeight: 1,
434
+ height: 0,
435
+ width: "fit-content",
436
+ color: theme.palette.primary.main,
437
+ fontSize: "12px",
438
+ cursor: "pointer",
439
+ marginLeft: "2px",
440
+ marginRight: 0,
441
+ top: 3,
442
+ right: "12px",
443
+ position: "absolute",
444
+ ":hover": {
445
+ color: theme.palette.primary.dark
446
+ }
447
+ }
448
+ }
449
+ }
450
+ ]
451
+ }
452
+ ]
453
+ };
454
+ return uiSchema;
433
455
  };
434
456
  var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
435
457
  var lodash = { exports: {} };
@@ -6240,6 +6262,39 @@ const componentBasicUiSchema = (theme) => {
6240
6262
  }
6241
6263
  }
6242
6264
  },
6265
+ {
6266
+ type: "Control",
6267
+ scope: "#/properties/columnFormat",
6268
+ options: {
6269
+ widget: "SelectInputField"
6270
+ },
6271
+ config: {
6272
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6273
+ main: {
6274
+ label: "Column Format"
6275
+ }
6276
+ }
6277
+ },
6278
+ {
6279
+ type: "Control",
6280
+ scope: "#/properties/proc",
6281
+ config: {
6282
+ llayout: { xs: 0, sm: 4, md: 4, lg: 4 }
6283
+ },
6284
+ options: {
6285
+ widget: "EmptyBox"
6286
+ }
6287
+ },
6288
+ {
6289
+ type: "Control",
6290
+ scope: "#/properties/proc",
6291
+ config: {
6292
+ llayout: { xs: 0, sm: 4, md: 4, lg: 4 }
6293
+ },
6294
+ options: {
6295
+ widget: "EmptyBox"
6296
+ }
6297
+ },
6243
6298
  {
6244
6299
  type: "Control",
6245
6300
  scope: "#/properties/layout",
@@ -6279,12 +6334,12 @@ const componentBasicUiSchema = (theme) => {
6279
6334
  },
6280
6335
  {
6281
6336
  type: "Control",
6282
- scope: "#/properties/emptyBox",
6337
+ scope: "#/properties/proc",
6338
+ config: {
6339
+ llayout: { xs: 0, sm: 4, md: 4, lg: 4 }
6340
+ },
6283
6341
  options: {
6284
6342
  widget: "EmptyBox"
6285
- },
6286
- config: {
6287
- layout: { xs: 0, sm: 4 }
6288
6343
  }
6289
6344
  }
6290
6345
  ]
@@ -6699,12 +6754,7 @@ const EmptyBox = {
6699
6754
  widget: "EmptyBox"
6700
6755
  },
6701
6756
  config: {
6702
- layout: {
6703
- xs: 11,
6704
- sm: 11,
6705
- md: 5.5,
6706
- lg: 5.5
6707
- },
6757
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
6708
6758
  main: {}
6709
6759
  }
6710
6760
  };
@@ -6723,12 +6773,7 @@ const cardLayout = {
6723
6773
  widget: "SelectInputField"
6724
6774
  },
6725
6775
  config: {
6726
- layout: {
6727
- xs: 11,
6728
- sm: 11,
6729
- md: 5.5,
6730
- lg: 5.5
6731
- },
6776
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6732
6777
  main: {
6733
6778
  label: "Screen Size"
6734
6779
  }
@@ -6741,12 +6786,7 @@ const cardLayout = {
6741
6786
  widget: "InputField"
6742
6787
  },
6743
6788
  config: {
6744
- layout: {
6745
- xs: 11,
6746
- sm: 11,
6747
- md: 5.5,
6748
- lg: 5.5
6749
- },
6789
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6750
6790
  main: {
6751
6791
  label: "Value",
6752
6792
  type: "number",
@@ -6754,7 +6794,8 @@ const cardLayout = {
6754
6794
  errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6755
6795
  }
6756
6796
  }
6757
- }
6797
+ },
6798
+ EmptyBox
6758
6799
  ]
6759
6800
  }
6760
6801
  }
@@ -6776,12 +6817,7 @@ const getArrayControl = (parentScope, childScope, childLabel) => {
6776
6817
  widget: "InputField"
6777
6818
  },
6778
6819
  config: {
6779
- layout: {
6780
- xs: 11,
6781
- sm: 11,
6782
- md: 5.5,
6783
- lg: 5.5
6784
- },
6820
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6785
6821
  main: {
6786
6822
  label: childLabel || "Labels for Tab"
6787
6823
  }
@@ -6801,12 +6837,7 @@ sizeHolder.options.detail.elements[1] = {
6801
6837
  widget: "InputField"
6802
6838
  },
6803
6839
  config: {
6804
- layout: {
6805
- xs: 11,
6806
- sm: 11,
6807
- md: 5.5,
6808
- lg: 5.5
6809
- },
6840
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6810
6841
  main: {
6811
6842
  label: "Size"
6812
6843
  }
@@ -6820,12 +6851,7 @@ const getInputField = (scope, label) => {
6820
6851
  widget: "InputField"
6821
6852
  },
6822
6853
  config: {
6823
- layout: {
6824
- xs: 11,
6825
- sm: 11,
6826
- md: 5.5,
6827
- lg: 5.5
6828
- },
6854
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6829
6855
  main: {
6830
6856
  label
6831
6857
  }
@@ -6840,12 +6866,7 @@ const getRadioInputField = (scope, label, options) => {
6840
6866
  widget: "RadioInputField"
6841
6867
  },
6842
6868
  config: {
6843
- layout: {
6844
- xs: 11,
6845
- sm: 11,
6846
- md: 5.5,
6847
- lg: 5.5
6848
- },
6869
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6849
6870
  main: {
6850
6871
  label,
6851
6872
  options
@@ -6888,7 +6909,7 @@ const getSelectField = (scope, label, options) => {
6888
6909
  widget: "SelectInputField"
6889
6910
  },
6890
6911
  config: {
6891
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
6912
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6892
6913
  main: {
6893
6914
  label,
6894
6915
  type: "text"
@@ -6926,6 +6947,8 @@ const buildPropertiesSection = function(type) {
6926
6947
  getInputField("elevation", "Card Elevation"),
6927
6948
  getInputField("height", "Grid height"),
6928
6949
  getInputField("justifyContent", "justifyContent"),
6950
+ EmptyBox,
6951
+ EmptyBox,
6929
6952
  cardLayout
6930
6953
  ];
6931
6954
  break;
@@ -6943,8 +6966,7 @@ const buildPropertiesSection = function(type) {
6943
6966
  uiSchema.elements = [
6944
6967
  getRadioInputField("fullScreen", "FullScreen", ["YES", "NO"]),
6945
6968
  getRadioInputField("fullWidth", "FullWidth", ["YES", "NO"]),
6946
- getInputField("maxWidth", "Max. Width"),
6947
- EmptyBox
6969
+ getInputField("maxWidth", "Max. Width")
6948
6970
  ];
6949
6971
  break;
6950
6972
  case "Text":
@@ -7498,7 +7520,7 @@ const sectionLabels = {
7498
7520
  };
7499
7521
  const refreshPage = (type, store2) => {
7500
7522
  var _a;
7501
- const UiSchema = _.cloneDeep(componentBasicUiSchema);
7523
+ const UiSchema = _.cloneDeep(componentBasicUiSchema(store2.theme.myTheme));
7502
7524
  if (type) {
7503
7525
  const sectionUiSchema = {
7504
7526
  Core: CoreSection,
@@ -7510,8 +7532,8 @@ const refreshPage = (type, store2) => {
7510
7532
  Validation: ValidationSection
7511
7533
  };
7512
7534
  const elements = (_a = sectionLabels[type]) == null ? void 0 : _a.map((e) => sectionUiSchema[e]);
7513
- UiSchema.elements[1].config.main.tabLabels = sectionLabels[type] || ["Core", "Style", "Event", "Validation"];
7514
- UiSchema.elements[1].elements = elements || [CoreSection, StyleSection, EventSection, ValidationSection];
7535
+ UiSchema.elements[0].config.main.tabLabels = sectionLabels[type] || ["Core", "Style", "Event", "Validation"];
7536
+ UiSchema.elements[0].elements = elements || [CoreSection, StyleSection, EventSection, ValidationSection];
7515
7537
  }
7516
7538
  store2.setUiSchema(UiSchema);
7517
7539
  };
@@ -7634,7 +7656,7 @@ var pageMaster = (funcParams) => {
7634
7656
  return config;
7635
7657
  },
7636
7658
  getUiSchema: function() {
7637
- return PageMasterUiSchema;
7659
+ return PageMasterUiSchema(store2.theme.myTheme);
7638
7660
  },
7639
7661
  getSchema: () => {
7640
7662
  return PageMasterSchema;
@@ -7777,302 +7799,295 @@ const EventSchema = {
7777
7799
  },
7778
7800
  required: ["eventType", "Handler"]
7779
7801
  };
7780
- const EventUiSchema = {
7781
- type: "HorizontalLayout",
7782
- elements: [
7783
- {
7784
- type: "WrapperLayout",
7785
- config: {
7786
- main: {
7787
- rowSpacing: 1,
7788
- header: true
7789
- },
7790
- defaultStyle: true
7791
- },
7792
- elements: [
7793
- {
7794
- type: "Control",
7795
- scope: "#/properties/Component",
7796
- options: {
7797
- widget: "Box"
7798
- },
7799
- config: {
7800
- layout: { xs: 12, sm: 12, md: 2 },
7801
- main: {
7802
- heading: "Component"
7803
- },
7804
- style: {
7805
- "float": "left"
7806
- }
7807
- }
7808
- },
7809
- {
7810
- type: "Control",
7811
- scope: "#/properties/pageName",
7812
- options: {
7813
- widget: "Box"
7814
- },
7815
- config: {
7816
- layout: { xs: 7, sm: 7, md: 9 },
7817
- main: {
7818
- heading: " "
7819
- },
7820
- style: {
7821
- float: "right",
7822
- width: "auto",
7823
- fontSize: "12px",
7824
- color: "gray",
7825
- paddingTop: "10px"
7826
- }
7802
+ const EventUiSchema = (theme) => {
7803
+ var _a;
7804
+ const uiSchema = {
7805
+ type: "HorizontalLayout",
7806
+ heading: "Component",
7807
+ elements: [
7808
+ {
7809
+ type: "TabLayout",
7810
+ config: {
7811
+ main: {
7812
+ tabLabels: ["Core", "Response Event"],
7813
+ defaultStyle: true,
7814
+ id: "event"
7827
7815
  }
7828
7816
  },
7829
- {
7830
- type: "Control",
7831
- scope: "#/properties/Back_Button",
7832
- options: {
7833
- widget: "IconButton"
7834
- },
7835
- config: {
7836
- layout: { xs: 2, sm: 2, md: 0.5 },
7837
- main: {
7838
- icon: "BackIcon",
7839
- styleDefault: true,
7840
- size: "small",
7841
- onClick: "backHandler",
7842
- tooltipMessage: "Back"
7843
- },
7844
- style: {
7845
- float: "right"
7846
- }
7847
- }
7848
- }
7849
- ]
7850
- },
7851
- {
7852
- type: "TabLayout",
7853
- config: {
7854
- main: {
7855
- tabLabels: ["Core", "Response Event"],
7856
- defaultStyle: true,
7857
- id: "event"
7858
- }
7859
- },
7860
- elements: [
7861
- {
7862
- type: "HorizontalLayout",
7863
- elements: [
7864
- {
7865
- type: "Control",
7866
- scope: `#/properties/eventType`,
7867
- options: {
7868
- widget: "SelectInputField"
7869
- },
7870
- config: {
7871
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
7872
- main: {
7873
- label: "Event Type",
7874
- type: "text"
7817
+ elements: [
7818
+ {
7819
+ type: "HorizontalLayout",
7820
+ elements: [
7821
+ {
7822
+ type: "Control",
7823
+ scope: `#/properties/eventType`,
7824
+ options: {
7825
+ widget: "SelectInputField"
7826
+ },
7827
+ config: {
7828
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7829
+ main: {
7830
+ label: "Event Type",
7831
+ type: "text"
7832
+ }
7875
7833
  }
7876
- }
7877
- },
7878
- getSelectField("Handler", "Handler")
7879
- ]
7880
- },
7881
- {
7882
- type: "WrapperLayout",
7883
- config: {
7884
- main: {
7885
- divider: true
7886
- },
7887
- wrapperStyle: {
7888
- border: "1px solid gray"
7889
- }
7890
- },
7891
- elements: [
7892
- {
7893
- type: "Control",
7894
- scope: "#/properties/heading",
7895
- options: {
7896
- widget: "Box"
7897
7834
  },
7898
- config: {
7899
- layout: 8,
7900
- main: {
7901
- heading: "Response Event"
7835
+ getSelectField("Handler", "Handler"),
7836
+ {
7837
+ type: "Control",
7838
+ scope: "#/properties/EmptyBox",
7839
+ options: {
7840
+ widget: "EmptyBox"
7902
7841
  },
7903
- style: {
7904
- fontFamily: "Roboto",
7905
- fontWeight: "500",
7906
- paddingLeft: "-10px",
7907
- fontSize: "20px"
7842
+ config: {
7843
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7908
7844
  }
7909
7845
  }
7846
+ ]
7847
+ },
7848
+ {
7849
+ type: "Control",
7850
+ scope: "#/properties/events",
7851
+ options: {
7852
+ widget: "Table"
7910
7853
  },
7911
- {
7912
- type: "Control",
7913
- scope: "#/properties/AddButton",
7914
- options: {
7915
- widget: "IconButton"
7916
- },
7917
- config: {
7918
- layout: 3,
7919
- main: {
7920
- icon: "AddIcon",
7921
- styleDefault: true,
7922
- size: "small",
7923
- onClick: "addEvent",
7924
- tooltipMessage: "Back"
7925
- },
7926
- style: {
7927
- float: "right"
7928
- }
7854
+ config: {
7855
+ main: {
7856
+ disableAction: true,
7857
+ disableSelection: true,
7858
+ enableDrag: true
7929
7859
  }
7930
7860
  },
7931
- {
7932
- type: "Control",
7933
- scope: "#/properties/events",
7934
- options: {
7935
- widget: "Table"
7861
+ elements: [
7862
+ {
7863
+ accessorKey: "eventType",
7864
+ header: "Event Type"
7936
7865
  },
7937
- config: {
7938
- main: {
7939
- disableAction: true,
7940
- disableSelection: true,
7941
- enableDrag: true
7942
- }
7866
+ {
7867
+ accessorKey: "Handler",
7868
+ header: "Handler"
7943
7869
  },
7944
- elements: [
7945
- {
7946
- accessorKey: "eventType",
7947
- header: "Event Type"
7948
- },
7949
- {
7950
- accessorKey: "Handler",
7951
- header: "Handler"
7952
- },
7953
- {
7954
- accessorKey: "Edit_Approve_Records",
7955
- header: "Edit Widget",
7956
- widget: {
7957
- type: "Control",
7958
- scope: "#/properties/Edit_Records",
7959
- options: {
7960
- widget: "IconButton"
7870
+ {
7871
+ accessorKey: "Edit_Approve_Records",
7872
+ header: "Edit Widget",
7873
+ widget: {
7874
+ type: "Control",
7875
+ scope: "#/properties/Edit_Records",
7876
+ options: {
7877
+ widget: "IconButton"
7878
+ },
7879
+ config: {
7880
+ main: {
7881
+ color: "info",
7882
+ size: "small",
7883
+ icon: "EditIcon",
7884
+ tooltipMessage: "Edit This Record",
7885
+ onClick: "editEvent"
7961
7886
  },
7962
- config: {
7963
- main: {
7964
- color: "info",
7965
- size: "small",
7966
- icon: "EditIcon",
7967
- tooltipMessage: "Edit This Record",
7968
- onClick: "editEvent"
7969
- },
7970
- style: {
7971
- color: "#3949ab"
7972
- }
7887
+ style: {
7888
+ color: "#3949ab"
7973
7889
  }
7974
7890
  }
7975
- },
7976
- {
7977
- accessorKey: "Reject_Records",
7978
- header: "Delete",
7979
- widget: {
7980
- type: "Control",
7981
- scope: "#/properties/RejectButton",
7982
- options: {
7983
- widget: "IconButton"
7984
- },
7985
- config: {
7986
- main: {
7987
- icon: "RejectIcon",
7988
- color: "error",
7989
- tooltipMessage: "Reject This Record",
7990
- onClick: "deleteEvent"
7991
- }
7891
+ }
7892
+ },
7893
+ {
7894
+ accessorKey: "Reject_Records",
7895
+ header: "Delete",
7896
+ widget: {
7897
+ type: "Control",
7898
+ scope: "#/properties/RejectButton",
7899
+ options: {
7900
+ widget: "IconButton"
7901
+ },
7902
+ config: {
7903
+ main: {
7904
+ icon: "RejectIcon",
7905
+ color: "error",
7906
+ tooltipMessage: "Reject This Record",
7907
+ onClick: "deleteEvent"
7992
7908
  }
7993
7909
  }
7994
7910
  }
7995
- ]
7996
- }
7997
- ]
7911
+ }
7912
+ ]
7913
+ }
7914
+ ]
7915
+ },
7916
+ {
7917
+ type: "Control",
7918
+ scope: "#/properties/EmptyBox",
7919
+ options: {
7920
+ widget: "EmptyBox"
7921
+ },
7922
+ config: {
7923
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7998
7924
  }
7999
- ]
8000
- },
8001
- {
8002
- type: "Control",
8003
- scope: "#/properties/proc",
8004
- config: {
8005
- layout: { xs: 11, sm: 11, md: 6, lg: 6 }
8006
7925
  },
8007
- options: {
8008
- widget: "EmptyBox"
8009
- }
8010
- },
8011
- {
8012
- type: "Control",
8013
- scope: "#/properties/btn",
8014
- options: {
8015
- widget: "Button"
7926
+ {
7927
+ type: "Control",
7928
+ scope: "#/properties/EmptyBox",
7929
+ options: {
7930
+ widget: "EmptyBox"
7931
+ },
7932
+ config: {
7933
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7934
+ }
8016
7935
  },
8017
- config: {
8018
- layout: {
8019
- xs: 11,
8020
- sm: 11,
8021
- md: 2.5,
8022
- lg: 2.5
7936
+ {
7937
+ type: "Control",
7938
+ scope: "#/properties/btn",
7939
+ options: {
7940
+ widget: "Button"
8023
7941
  },
8024
- main: {
8025
- name: "Ok",
8026
- startIcon: "ApproveIcon",
8027
- variant: "contained",
8028
- color: "info",
8029
- type: "text",
8030
- onClick: "okHandler",
8031
- size: "small"
7942
+ config: {
7943
+ layout: 1.8,
7944
+ main: {
7945
+ name: "Ok",
7946
+ startIcon: "ApproveIcon",
7947
+ variant: "contained",
7948
+ type: "text",
7949
+ onClick: "okHandler",
7950
+ size: "medium"
7951
+ },
7952
+ style: {
7953
+ float: "right"
7954
+ }
7955
+ }
7956
+ },
7957
+ {
7958
+ type: "Control",
7959
+ scope: "#/properties/btnSubmit",
7960
+ options: {
7961
+ widget: "Button"
8032
7962
  },
8033
- style: {
8034
- marginBottom: "8px",
8035
- float: "right"
7963
+ config: {
7964
+ layout: 1.8,
7965
+ main: {
7966
+ name: "Save & Exit",
7967
+ startIcon: "ApproveIcon",
7968
+ variant: "contained",
7969
+ type: "text",
7970
+ onClick: "saveHandler",
7971
+ size: "medium"
7972
+ },
7973
+ style: {
7974
+ float: "right"
7975
+ }
8036
7976
  }
8037
- }
8038
- },
8039
- {
8040
- type: "Control",
8041
- scope: "#/properties/btnSubmit",
8042
- options: {
8043
- widget: "Button"
8044
7977
  },
8045
- config: {
8046
- layout: {
8047
- xs: 11,
8048
- sm: 11,
8049
- md: 2.5,
8050
- lg: 2.5
7978
+ {
7979
+ type: "Control",
7980
+ scope: "#/properties/notify",
7981
+ options: {
7982
+ widget: "Notify"
8051
7983
  },
8052
- main: {
8053
- name: "Save & Exit",
8054
- startIcon: "ApproveIcon",
8055
- variant: "contained",
8056
- color: "info",
8057
- type: "text",
8058
- onClick: "saveHandler",
8059
- size: "small"
7984
+ layout: 6
7985
+ },
7986
+ {
7987
+ type: "HorizontalLayout",
7988
+ config: {
7989
+ main: {
7990
+ direction: "row"
7991
+ },
7992
+ style: {
7993
+ flexDirection: "row",
7994
+ position: "absolute",
7995
+ bottom: 0,
7996
+ marginBottom: "-8px",
7997
+ height: "fit-content",
7998
+ overflow: "hidden",
7999
+ zIndex: 1e3,
8000
+ width: "inherit"
8001
+ }
8060
8002
  },
8061
- style: {
8062
- marginBottom: "8px",
8063
- float: "right"
8064
- }
8003
+ elements: [
8004
+ {
8005
+ type: "Control",
8006
+ scope: "#/properties/FooterText",
8007
+ options: {
8008
+ widget: "Box"
8009
+ },
8010
+ config: {
8011
+ main: {
8012
+ heading: "Copywriter@ACT21.IO"
8013
+ },
8014
+ style: {
8015
+ color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
8016
+ fontSize: "12px",
8017
+ textAlign: "center",
8018
+ lineHeight: 1,
8019
+ width: "fit-content",
8020
+ left: "50%",
8021
+ position: "relative",
8022
+ margin: 0,
8023
+ flexGrow: 1,
8024
+ height: 0
8025
+ }
8026
+ }
8027
+ },
8028
+ {
8029
+ type: "Control",
8030
+ scope: "#/properties/backIcon",
8031
+ options: {
8032
+ widget: "Box"
8033
+ },
8034
+ config: {
8035
+ main: {
8036
+ iconName: "PrevIcon",
8037
+ onClick: "backHandler",
8038
+ width: "fit-content"
8039
+ },
8040
+ style: {
8041
+ fill: theme.palette.primary.main,
8042
+ width: 20,
8043
+ height: 0,
8044
+ margin: 0,
8045
+ top: 0,
8046
+ right: "82px",
8047
+ position: "absolute",
8048
+ fontSize: "12px",
8049
+ cursor: "pointer",
8050
+ ":hover": {
8051
+ fill: theme.palette.primary.dark
8052
+ }
8053
+ }
8054
+ }
8055
+ },
8056
+ {
8057
+ type: "Control",
8058
+ scope: "#/properties/text",
8059
+ options: {
8060
+ widget: "Box"
8061
+ },
8062
+ config: {
8063
+ main: {
8064
+ heading: "Previous Page",
8065
+ onClick: "backHandler"
8066
+ },
8067
+ style: {
8068
+ textAlign: "left",
8069
+ lineHeight: 1,
8070
+ height: 0,
8071
+ width: "fit-content",
8072
+ color: theme.palette.primary.main,
8073
+ fontSize: "12px",
8074
+ cursor: "pointer",
8075
+ marginLeft: "2px",
8076
+ marginRight: 0,
8077
+ top: 3,
8078
+ right: "12px",
8079
+ position: "absolute",
8080
+ ":hover": {
8081
+ color: theme.palette.primary.dark
8082
+ }
8083
+ }
8084
+ }
8085
+ }
8086
+ ]
8065
8087
  }
8066
- },
8067
- {
8068
- type: "Control",
8069
- scope: "#/properties/notify",
8070
- options: {
8071
- widget: "Notify"
8072
- },
8073
- layout: 6
8074
- }
8075
- ]
8088
+ ]
8089
+ };
8090
+ return uiSchema;
8076
8091
  };
8077
8092
  const APISection = {
8078
8093
  type: "HorizontalLayout",
@@ -8291,23 +8306,23 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
8291
8306
  this.refreshPage(formdata.Handler, store2);
8292
8307
  },
8293
8308
  refreshPage: (handlerType, store22) => {
8294
- const uiSchema = _.cloneDeep(EventUiSchema);
8309
+ const uiSchema = _.cloneDeep(EventUiSchema(store22.theme.myTheme));
8295
8310
  const schema2 = _.cloneDeep(EventSchema);
8296
8311
  if (handlerType) {
8297
8312
  if (handlerType === "custom") {
8298
- uiSchema.elements[1].elements[0].elements[2] = getRadioInputField("isSync", "Run in Sync", ["Yes", "No"]);
8299
- uiSchema.elements[1].elements[0].elements[3] = emptyBox;
8300
- uiSchema.elements[1].elements[0].elements[4] = getTextArea("eventCode", "Write Custom Code", false);
8313
+ uiSchema.elements[0].elements[0].elements[2] = getRadioInputField("isSync", "Run in Sync", ["Yes", "No"]);
8314
+ uiSchema.elements[0].elements[0].elements[3] = emptyBox;
8315
+ uiSchema.elements[0].elements[0].elements[4] = getTextArea("eventCode", "Write Custom Code", false);
8301
8316
  schema2.required = ["eventType", "Handler", "eventCode"];
8302
8317
  } else if (handlerType === "api") {
8303
- uiSchema.elements[1].elements[0].elements[2] = APISection;
8318
+ uiSchema.elements[0].elements[0].elements[2] = APISection;
8304
8319
  schema2.required = ["eventType", "Handler", "method", "path"];
8305
8320
  } else if (handlerType === "inBuiltFunction") {
8306
- uiSchema.elements[1].elements[0].elements[2] = getSelectField("inBuiltFunctionType", "Function Name");
8307
- uiSchema.elements[1].elements[0].elements[3] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true, { xs: 12, sm: 12, md: 6 });
8321
+ uiSchema.elements[0].elements[0].elements[2] = getSelectField("inBuiltFunctionType", "Function Name");
8322
+ uiSchema.elements[0].elements[0].elements[3] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true, { xs: 12, sm: 12, md: 6 });
8308
8323
  schema2.required = ["eventType", "Handler", "inBuiltFunctionType"];
8309
8324
  } else if (handlerType === "refresh") {
8310
- uiSchema.elements[1].elements[0].elements[2] = refreshSectionUiSchema;
8325
+ uiSchema.elements[0].elements[0].elements[2] = refreshSectionUiSchema;
8311
8326
  schema2.properties.refreshElements.required = ["value"];
8312
8327
  schema2.properties.refreshElements.items.required = ["value"];
8313
8328
  schema2.required = ["eventType", "Handler", "refreshElements"];