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/impaktapps-ui-builder.es.js CHANGED
@@ -36,389 +36,387 @@ const PageMasterSchema = {
36
36
  },
37
37
  required: ["label", "name"]
38
38
  };
39
- const PageMasterUiSchema = {
40
- type: "HorizontalLayout",
41
- elements: [
42
- {
43
- type: "WrapperLayout",
44
- config: {
45
- main: {
46
- rowSpacing: 1,
47
- header: true
48
- },
49
- defaultStyle: true
50
- },
51
- elements: [
52
- {
53
- type: "Control",
54
- scope: "#/properties/pageMaster",
55
- options: {
56
- widget: "Box"
57
- },
58
- config: {
59
- layout: 8,
60
- main: {
61
- heading: "Page Master"
62
- }
63
- }
39
+ const PageMasterUiSchema = (theme) => {
40
+ var _a;
41
+ const uiSchema = {
42
+ type: "HorizontalLayout",
43
+ heading: "Page Master",
44
+ elements: [
45
+ {
46
+ type: "Control",
47
+ scope: "#/properties/name",
48
+ options: {
49
+ widget: "InputField"
64
50
  },
65
- {
66
- type: "Control",
67
- scope: "#/properties/Back_Button",
68
- options: {
69
- widget: "IconButton"
70
- },
71
- config: {
72
- layout: 3,
73
- main: {
74
- icon: "BackIcon",
75
- styleDefault: true,
76
- size: "small",
77
- onClick: "backHandler",
78
- tooltipMessage: "Back"
79
- },
80
- style: {
81
- float: "right"
82
- }
51
+ config: {
52
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
53
+ main: {
54
+ label: "Name",
55
+ options: [],
56
+ color: "secondary",
57
+ errorMessage: "Name should be start with 'page_'",
58
+ helperText: 'Name should be start with "page_"',
59
+ required: true
83
60
  }
84
61
  }
85
- ]
86
- },
87
- {
88
- type: "WrapperLayout",
89
- config: {
90
- main: {
91
- label: "Page Template",
92
- divider: true
93
- },
94
- defaultStyle: true
95
62
  },
96
- elements: [
97
- {
98
- type: "Control",
99
- scope: "#/properties/name",
100
- options: {
101
- widget: "InputField"
102
- },
103
- config: {
104
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
105
- main: {
106
- label: "Name",
107
- options: [],
108
- color: "secondary",
109
- errorMessage: "Name should be start with 'page_'",
110
- helperText: 'Name should be start with "page_"',
111
- required: true
112
- }
113
- }
63
+ {
64
+ type: "Control",
65
+ scope: "#/properties/label",
66
+ options: {
67
+ widget: "InputField"
114
68
  },
115
- {
116
- type: "Control",
117
- scope: "#/properties/label",
118
- options: {
119
- widget: "InputField"
120
- },
121
- config: {
122
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
123
- main: {
124
- label: "Label",
125
- options: [],
126
- color: "secondary",
127
- required: true
128
- }
69
+ config: {
70
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
71
+ main: {
72
+ label: "Label",
73
+ options: [],
74
+ color: "secondary",
75
+ required: true
129
76
  }
130
77
  }
131
- ]
132
- },
133
- {
134
- type: "TabLayout",
135
- config: {
136
- main: {
137
- tabLabels: ["Components", "events"],
138
- divider: true
78
+ },
79
+ {
80
+ type: "Control",
81
+ scope: "#/properties/emptyBox",
82
+ options: {
83
+ widget: "EmptyBox"
139
84
  },
140
- defaultStyle: true
85
+ config: {
86
+ layout: { xs: 0, sm: 4 }
87
+ }
141
88
  },
142
- elements: [
143
- {
144
- type: "WrapperLayout",
145
- config: {
146
- main: {
147
- divider: true
148
- },
149
- wrapperStyle: {
150
- border: "1px solid gray"
151
- }
89
+ {
90
+ type: "TabLayout",
91
+ config: {
92
+ main: {
93
+ tabLabels: ["Components", "events"],
94
+ divider: true
152
95
  },
153
- elements: [
154
- {
155
- type: "Control",
156
- scope: "#/properties/heading",
157
- options: {
158
- widget: "Box"
159
- },
160
- config: {
161
- layout: 8,
162
- main: {
163
- heading: "Components Table"
96
+ defaultStyle: true
97
+ },
98
+ elements: [
99
+ {
100
+ type: "Control",
101
+ scope: "#/properties/elements",
102
+ options: {
103
+ widget: "Table"
104
+ },
105
+ config: {
106
+ main: {
107
+ headerIcons: {
108
+ elements: [
109
+ {
110
+ widget: {
111
+ type: "Control",
112
+ scope: "#/properties/New_Record",
113
+ options: {
114
+ widget: "IconButton"
115
+ },
116
+ config: {
117
+ main: {
118
+ color: "info",
119
+ onClick: "onAddClickHandler",
120
+ size: "small",
121
+ icon: "AddIcon",
122
+ iconLabel: "Add New",
123
+ styleDefault: true
124
+ },
125
+ style: {
126
+ mt: "6px"
127
+ }
128
+ }
129
+ }
130
+ }
131
+ ]
164
132
  },
165
- style: {
166
- fontFamily: "Roboto",
167
- fontWeight: "500",
168
- paddingLeft: "-10px",
169
- fontSize: "20px"
170
- }
133
+ disableAction: true,
134
+ disableSelection: true,
135
+ enableDrag: true
171
136
  }
172
137
  },
173
- {
174
- type: "Control",
175
- scope: "#/properties/AddButton",
176
- options: {
177
- widget: "IconButton"
138
+ elements: [
139
+ {
140
+ accessorKey: "name",
141
+ header: "Name"
178
142
  },
179
- config: {
180
- layout: 3,
181
- main: {
182
- icon: "AddIcon",
183
- styleDefault: true,
184
- size: "small",
185
- onClick: "onAddClickHandler",
186
- tooltipMessage: "Add New"
187
- },
188
- style: {
189
- float: "right"
143
+ {
144
+ accessorKey: "type",
145
+ header: "Type"
146
+ },
147
+ {
148
+ header: "Edit",
149
+ field: "Reject_Records",
150
+ flex: 1,
151
+ widget: {
152
+ type: "Control",
153
+ scope: "#/properties/RejectButton",
154
+ options: {
155
+ widget: "IconButton"
156
+ },
157
+ config: {
158
+ main: {
159
+ icon: "EditIcon",
160
+ color: "primary",
161
+ onClick: "Edit_Components",
162
+ tooltipMessage: "Edit This Record"
163
+ }
164
+ }
165
+ }
166
+ },
167
+ {
168
+ header: "Delete",
169
+ field: "Reject_Records",
170
+ flex: 1,
171
+ widget: {
172
+ type: "Control",
173
+ scope: "#/properties/RejectButton",
174
+ options: {
175
+ widget: "IconButton"
176
+ },
177
+ config: {
178
+ main: {
179
+ icon: "RejectIcon",
180
+ color: "error",
181
+ onClick: "Delete_Components",
182
+ tooltipMessage: "Reject This Record"
183
+ }
184
+ }
190
185
  }
191
186
  }
187
+ ]
188
+ },
189
+ {
190
+ type: "Control",
191
+ scope: "#/properties/events",
192
+ options: {
193
+ widget: "Table"
192
194
  },
193
- {
194
- type: "Control",
195
- scope: "#/properties/elements",
196
- options: {
197
- widget: "Table"
195
+ config: {
196
+ main: {
197
+ headerIcons: {
198
+ elements: [
199
+ {
200
+ widget: {
201
+ type: "Control",
202
+ scope: "#/properties/New_Record",
203
+ options: {
204
+ widget: "IconButton"
205
+ },
206
+ config: {
207
+ main: {
208
+ color: "info",
209
+ onClick: "eventAddHandler",
210
+ size: "small",
211
+ icon: "AddIcon",
212
+ iconLabel: "Add New",
213
+ styleDefault: true
214
+ },
215
+ style: {
216
+ mt: "6px"
217
+ }
218
+ }
219
+ }
220
+ }
221
+ ]
222
+ },
223
+ disableAction: true,
224
+ disableSelection: true,
225
+ enableDrag: true
226
+ }
227
+ },
228
+ elements: [
229
+ {
230
+ accessorKey: "eventType",
231
+ header: "Event Type"
198
232
  },
199
- config: {
200
- main: {
201
- disableAction: true,
202
- disableSelection: true,
203
- enableDrag: true
204
- }
233
+ {
234
+ accessorKey: "Handler",
235
+ header: "Handler"
205
236
  },
206
- elements: [
207
- {
208
- accessorKey: "name",
209
- header: "Name"
210
- },
211
- {
212
- accessorKey: "type",
213
- header: "Type"
214
- },
215
- {
216
- header: "Edit",
217
- field: "Reject_Records",
218
- flex: 1,
219
- widget: {
220
- type: "Control",
221
- scope: "#/properties/RejectButton",
222
- options: {
223
- widget: "IconButton"
237
+ {
238
+ accessorKey: "Edit_Approve_Records",
239
+ header: "Edit Widget",
240
+ widget: {
241
+ type: "Control",
242
+ scope: "#/properties/Edit_Records",
243
+ options: {
244
+ widget: "IconButton"
245
+ },
246
+ config: {
247
+ main: {
248
+ color: "info",
249
+ size: "small",
250
+ icon: "EditIcon",
251
+ tooltipMessage: "Edit This Record",
252
+ onClick: "editEvent"
224
253
  },
225
- config: {
226
- main: {
227
- icon: "EditIcon",
228
- color: "primary",
229
- onClick: "Edit_Components",
230
- tooltipMessage: "Edit This Record"
231
- }
254
+ style: {
255
+ color: "#3949ab"
232
256
  }
233
257
  }
234
- },
235
- {
236
- header: "Delete",
237
- field: "Reject_Records",
238
- flex: 1,
239
- widget: {
240
- type: "Control",
241
- scope: "#/properties/RejectButton",
242
- options: {
243
- widget: "IconButton"
244
- },
245
- config: {
246
- main: {
247
- icon: "RejectIcon",
248
- color: "error",
249
- onClick: "Delete_Components",
250
- tooltipMessage: "Reject This Record"
251
- }
258
+ }
259
+ },
260
+ {
261
+ accessorKey: "Reject_Records",
262
+ header: "Delete",
263
+ widget: {
264
+ type: "Control",
265
+ scope: "#/properties/RejectButton",
266
+ options: {
267
+ widget: "IconButton"
268
+ },
269
+ config: {
270
+ main: {
271
+ icon: "RejectIcon",
272
+ color: "error",
273
+ tooltipMessage: "Reject This Record",
274
+ onClick: "deleteEvent"
252
275
  }
253
276
  }
254
277
  }
255
- ]
256
- }
257
- ]
278
+ }
279
+ ]
280
+ }
281
+ ]
282
+ },
283
+ {
284
+ type: "Control",
285
+ scope: "#/properties/btn",
286
+ options: {
287
+ widget: "Button"
258
288
  },
259
- {
260
- type: "WrapperLayout",
261
- config: {
262
- main: {
263
- divider: true
289
+ config: {
290
+ layout: 11.9,
291
+ main: {
292
+ name: "Save",
293
+ startIcon: "ApproveIcon",
294
+ variant: "contained",
295
+ color: "info",
296
+ type: "text",
297
+ onClick: "saveHandler",
298
+ size: "medium"
299
+ },
300
+ style: {
301
+ width: { xs: "90%", sm: "90%", md: "20%", lg: "10%" },
302
+ float: "right"
303
+ }
304
+ }
305
+ },
306
+ {
307
+ type: "Control",
308
+ scope: "#/properties/notify",
309
+ options: {
310
+ widget: "Notify"
311
+ },
312
+ layout: 6
313
+ },
314
+ {
315
+ type: "HorizontalLayout",
316
+ config: {
317
+ style: {
318
+ position: "fixed",
319
+ bottom: 5,
320
+ overflow: "visible",
321
+ margin: "0",
322
+ width: "100vw"
323
+ }
324
+ },
325
+ elements: [
326
+ {
327
+ type: "Control",
328
+ scope: "#/properties/EmptyBox",
329
+ options: {
330
+ widget: "EmptyBox"
264
331
  },
265
- wrapperStyle: {
266
- border: "1px solid gray"
332
+ config: {
333
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
267
334
  }
268
335
  },
269
- elements: [
270
- {
271
- type: "Control",
272
- scope: "#/properties/heading",
273
- options: {
274
- widget: "Box"
275
- },
276
- config: {
277
- layout: 8,
278
- main: {
279
- heading: "Event Table"
280
- },
281
- style: {
282
- fontFamily: "Roboto",
283
- fontWeight: "500",
284
- paddingLeft: "-10px",
285
- fontSize: "20px"
286
- }
287
- }
336
+ {
337
+ type: "Control",
338
+ scope: "#/properties/FooterText",
339
+ options: {
340
+ widget: "Box"
288
341
  },
289
- {
290
- type: "Control",
291
- scope: "#/properties/AddButton",
292
- options: {
293
- widget: "IconButton"
342
+ config: {
343
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
344
+ main: {
345
+ heading: "Copywriter@ACT21.IO"
294
346
  },
295
- config: {
296
- layout: 3,
297
- main: {
298
- icon: "AddIcon",
299
- styleDefault: true,
300
- size: "small",
301
- onClick: "eventAddHandler",
302
- tooltipMessage: "Back"
303
- },
304
- style: {
305
- float: "right"
306
- }
347
+ style: {
348
+ color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
349
+ fontSize: "12px"
307
350
  }
351
+ }
352
+ },
353
+ {
354
+ type: "HorizontalLayout",
355
+ config: {
356
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 }
308
357
  },
309
- {
310
- type: "Control",
311
- scope: "#/properties/events",
312
- options: {
313
- widget: "Table"
314
- },
315
- config: {
316
- main: {
317
- disableAction: true,
318
- disableSelection: true,
319
- enableDrag: true
358
+ elements: [
359
+ {
360
+ type: "Control",
361
+ scope: "#/properties/EmptyBox",
362
+ options: {
363
+ widget: "EmptyBox"
364
+ },
365
+ config: {
366
+ layout: 2
320
367
  }
321
368
  },
322
- elements: [
323
- {
324
- accessorKey: "eventType",
325
- header: "Event Type"
326
- },
327
- {
328
- accessorKey: "Handler",
329
- header: "Handler"
369
+ {
370
+ type: "Control",
371
+ scope: "#/properties/backIcon",
372
+ options: {
373
+ widget: "Box"
330
374
  },
331
- {
332
- accessorKey: "Edit_Approve_Records",
333
- header: "Edit Widget",
334
- widget: {
335
- type: "Control",
336
- scope: "#/properties/Edit_Records",
337
- options: {
338
- widget: "IconButton"
339
- },
340
- config: {
341
- main: {
342
- color: "info",
343
- size: "small",
344
- icon: "EditIcon",
345
- tooltipMessage: "Edit This Record",
346
- onClick: "editEvent"
347
- },
348
- style: {
349
- color: "#3949ab"
350
- }
351
- }
375
+ config: {
376
+ layout: 1,
377
+ main: {
378
+ iconName: "PrevIcon",
379
+ onClick: "backHandler"
380
+ },
381
+ style: {
382
+ fill: theme.palette.primary.dark,
383
+ width: 20,
384
+ height: 20,
385
+ display: "flex",
386
+ alignItems: "center",
387
+ justifyContent: "center",
388
+ marginRight: "-8px",
389
+ cursor: "pointer"
352
390
  }
391
+ }
392
+ },
393
+ {
394
+ type: "Control",
395
+ scope: "#/properties/text",
396
+ options: {
397
+ widget: "Box"
353
398
  },
354
- {
355
- accessorKey: "Reject_Records",
356
- header: "Delete",
357
- widget: {
358
- type: "Control",
359
- scope: "#/properties/RejectButton",
360
- options: {
361
- widget: "IconButton"
362
- },
363
- config: {
364
- main: {
365
- icon: "RejectIcon",
366
- color: "error",
367
- tooltipMessage: "Reject This Record",
368
- onClick: "deleteEvent"
369
- }
370
- }
399
+ config: {
400
+ layout: 9,
401
+ main: {
402
+ heading: "Previous Page",
403
+ onClick: "backHandler"
404
+ },
405
+ style: {
406
+ color: theme.palette.primary.dark,
407
+ fontSize: "12px",
408
+ cursor: "pointer",
409
+ marginLeft: "-6px"
371
410
  }
372
- }
373
- ]
374
- }
375
- ]
376
- }
377
- ]
378
- },
379
- {
380
- type: "Control",
381
- scope: "#/properties/btn",
382
- options: {
383
- widget: "EmptyBox"
384
- },
385
- config: {
386
- layout: { xs: 0, sm: 0, md: 8, lg: 7 }
387
- }
388
- },
389
- {
390
- type: "Control",
391
- scope: "#/properties/btn",
392
- options: {
393
- widget: "Button"
394
- },
395
- config: {
396
- layout: 11.7,
397
- main: {
398
- name: "Save",
399
- startIcon: "ApproveIcon",
400
- variant: "contained",
401
- color: "info",
402
- type: "text",
403
- onClick: "saveHandler",
404
- size: "small"
405
- },
406
- style: {
407
- marginBottom: "8px",
408
- width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" },
409
- float: "right"
410
- }
411
+ }
412
+ }
413
+ ]
414
+ }
415
+ ]
411
416
  }
412
- },
413
- {
414
- type: "Control",
415
- scope: "#/properties/notify",
416
- options: {
417
- widget: "Notify"
418
- },
419
- layout: 6
420
- }
421
- ]
417
+ ]
418
+ };
419
+ return uiSchema;
422
420
  };
423
421
  var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
424
422
  var lodash = { exports: {} };
@@ -6152,285 +6150,303 @@ const ComponentSchema = {
6152
6150
  },
6153
6151
  required: ["name"]
6154
6152
  };
6155
- const componentBasicUiSchema = {
6156
- type: "HorizontalLayout",
6157
- elements: [
6158
- {
6159
- type: "WrapperLayout",
6160
- config: {
6161
- main: {
6162
- rowSpacing: 1,
6163
- header: true
6164
- },
6165
- defaultStyle: true
6166
- },
6167
- elements: [
6168
- {
6169
- type: "Control",
6170
- scope: "#/properties/Component",
6171
- options: {
6172
- widget: "Box"
6173
- },
6174
- config: {
6175
- layout: { xs: 12, sm: 12, md: 2 },
6176
- main: {
6177
- heading: "Component"
6178
- },
6179
- style: {
6180
- "float": "left"
6181
- }
6182
- }
6183
- },
6184
- {
6185
- type: "Control",
6186
- scope: "#/properties/pageName",
6187
- options: {
6188
- widget: "Box"
6189
- },
6190
- config: {
6191
- layout: { xs: 7, sm: 7, md: 9 },
6192
- main: {
6193
- heading: " "
6194
- },
6195
- style: {
6196
- float: "right",
6197
- width: "auto",
6198
- fontSize: "12px",
6199
- color: "gray",
6200
- paddingTop: "10px"
6201
- }
6153
+ const componentBasicUiSchema = (theme) => {
6154
+ var _a;
6155
+ const uiSchema = {
6156
+ type: "HorizontalLayout",
6157
+ heading: "Component",
6158
+ elements: [
6159
+ {
6160
+ type: "TabLayout",
6161
+ config: {
6162
+ main: {
6163
+ tabLabels: ["Core"],
6164
+ defaultStyle: true,
6165
+ id: `component`
6202
6166
  }
6203
6167
  },
6204
- {
6205
- type: "Control",
6206
- scope: "#/properties/Back_Button",
6207
- options: {
6208
- widget: "IconButton"
6209
- },
6210
- config: {
6211
- layout: { xs: 2, sm: 2, md: 0.5 },
6212
- main: {
6213
- icon: "BackIcon",
6214
- styleDefault: true,
6215
- size: "small",
6216
- onClick: "backHandler",
6217
- tooltipMessage: "Back"
6218
- },
6219
- style: {
6220
- float: "right"
6221
- }
6222
- }
6223
- }
6224
- ]
6225
- },
6226
- {
6227
- type: "TabLayout",
6228
- config: {
6229
- main: {
6230
- tabLabels: ["Core"],
6231
- defaultStyle: true,
6232
- id: `component`
6233
- }
6234
- },
6235
- elements: [
6236
- {
6237
- type: "HorizontalLayout",
6238
- elements: [
6239
- {
6240
- type: "Control",
6241
- scope: "#/properties/type",
6242
- options: {
6243
- widget: "SelectInputField"
6244
- },
6245
- config: {
6246
- layout: { xs: 12, sm: 12, md: 6, lg: 6 },
6247
- main: {
6248
- label: "Type"
6168
+ elements: [
6169
+ {
6170
+ type: "HorizontalLayout",
6171
+ elements: [
6172
+ {
6173
+ type: "Control",
6174
+ scope: "#/properties/type",
6175
+ options: {
6176
+ widget: "SelectInputField"
6177
+ },
6178
+ config: {
6179
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6180
+ main: {
6181
+ label: "Type"
6182
+ }
6249
6183
  }
6250
- }
6251
- },
6252
- {
6253
- type: "Control",
6254
- scope: "#/properties/name",
6255
- options: {
6256
- widget: "InputField"
6257
6184
  },
6258
- config: {
6259
- layout: {
6260
- xs: 12,
6261
- sm: 12,
6262
- md: 6,
6263
- lg: 6
6185
+ {
6186
+ type: "Control",
6187
+ scope: "#/properties/name",
6188
+ options: {
6189
+ widget: "InputField"
6264
6190
  },
6265
- main: {
6266
- label: "Name",
6267
- options: [],
6268
- color: "secondary",
6269
- required: true
6191
+ config: {
6192
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6193
+ main: {
6194
+ label: "Name",
6195
+ options: [],
6196
+ color: "secondary",
6197
+ required: true
6198
+ }
6270
6199
  }
6271
- }
6272
- },
6273
- {
6274
- type: "Control",
6275
- scope: "#/properties/label",
6276
- options: {
6277
- widget: "InputField"
6278
6200
  },
6279
- config: {
6280
- layout: {
6281
- xs: 12,
6282
- sm: 12,
6283
- md: 6,
6284
- lg: 6
6201
+ {
6202
+ type: "Control",
6203
+ scope: "#/properties/label",
6204
+ options: {
6205
+ widget: "InputField"
6285
6206
  },
6286
- main: {
6287
- label: "Label",
6288
- options: [],
6289
- color: "secondary",
6290
- required: true
6207
+ config: {
6208
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6209
+ main: {
6210
+ label: "Label",
6211
+ options: [],
6212
+ color: "secondary",
6213
+ required: true
6214
+ }
6291
6215
  }
6292
- }
6293
- },
6294
- {
6295
- type: "Control",
6296
- scope: "#/properties/proc",
6297
- config: {
6298
- layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6299
6216
  },
6300
- options: {
6301
- widget: "EmptyBox"
6302
- }
6303
- },
6304
- {
6305
- type: "Control",
6306
- scope: "#/properties/layout",
6307
- layout: 11.5,
6308
- options: {
6309
- detail: {
6310
- type: "HorizontalLayout",
6311
- elements: [
6312
- {
6313
- type: "Control",
6314
- scope: "#/properties/key",
6315
- options: {
6316
- widget: "SelectInputField"
6217
+ {
6218
+ type: "Control",
6219
+ scope: "#/properties/layout",
6220
+ layout: 12,
6221
+ options: {
6222
+ detail: {
6223
+ type: "HorizontalLayout",
6224
+ elements: [
6225
+ {
6226
+ type: "Control",
6227
+ scope: "#/properties/key",
6228
+ options: {
6229
+ widget: "SelectInputField"
6230
+ },
6231
+ config: {
6232
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6233
+ main: {
6234
+ label: "Screen Size"
6235
+ }
6236
+ }
6317
6237
  },
6318
- config: {
6319
- layout: {
6320
- xs: 11,
6321
- sm: 11,
6322
- md: 5.5,
6323
- lg: 5.5
6238
+ {
6239
+ type: "Control",
6240
+ scope: "#/properties/value",
6241
+ options: {
6242
+ widget: "InputField"
6324
6243
  },
6325
- main: {
6326
- label: "Screen Size"
6244
+ config: {
6245
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6246
+ main: {
6247
+ label: "Value",
6248
+ type: "number",
6249
+ helperText: "Number should be in range of 0 to 12",
6250
+ errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6251
+ }
6327
6252
  }
6328
- }
6329
- },
6330
- {
6331
- type: "Control",
6332
- scope: "#/properties/value",
6333
- options: {
6334
- widget: "InputField"
6335
6253
  },
6336
- config: {
6337
- layout: {
6338
- xs: 11,
6339
- sm: 11,
6340
- md: 5.5,
6341
- lg: 5.5
6254
+ {
6255
+ type: "Control",
6256
+ scope: "#/properties/emptyBox",
6257
+ options: {
6258
+ widget: "EmptyBox"
6342
6259
  },
6343
- main: {
6344
- label: "Value",
6345
- type: "number",
6346
- helperText: "Number should be in range of 0 to 12",
6347
- errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6260
+ config: {
6261
+ layout: { xs: 0, sm: 4 }
6348
6262
  }
6349
6263
  }
6350
- }
6351
- ]
6264
+ ]
6265
+ }
6352
6266
  }
6353
6267
  }
6354
- }
6355
- ]
6268
+ ]
6269
+ }
6270
+ ]
6271
+ },
6272
+ {
6273
+ type: "Control",
6274
+ scope: "#/properties/EmptyBox",
6275
+ options: {
6276
+ widget: "EmptyBox"
6277
+ },
6278
+ config: {
6279
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
6356
6280
  }
6357
- ]
6358
- },
6359
- {
6360
- type: "Control",
6361
- scope: "#/properties/proc",
6362
- config: {
6363
- layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6364
6281
  },
6365
- options: {
6366
- widget: "EmptyBox"
6367
- }
6368
- },
6369
- {
6370
- type: "Control",
6371
- scope: "#/properties/btn",
6372
- options: {
6373
- widget: "Button"
6282
+ {
6283
+ type: "Control",
6284
+ scope: "#/properties/EmptyBox",
6285
+ options: {
6286
+ widget: "EmptyBox"
6287
+ },
6288
+ config: {
6289
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
6290
+ }
6374
6291
  },
6375
- config: {
6376
- layout: {
6377
- xs: 11,
6378
- sm: 11,
6379
- md: 2.5,
6380
- lg: 2.5
6292
+ {
6293
+ type: "Control",
6294
+ scope: "#/properties/btn",
6295
+ options: {
6296
+ widget: "Button"
6381
6297
  },
6382
- main: {
6383
- name: "Ok",
6384
- startIcon: "ApproveIcon",
6385
- variant: "contained",
6386
- color: "info",
6387
- type: "text",
6388
- onClick: "okHandler",
6389
- size: "small"
6298
+ config: {
6299
+ layout: 1.8,
6300
+ main: {
6301
+ name: "Ok",
6302
+ startIcon: "ApproveIcon",
6303
+ variant: "contained",
6304
+ color: "info",
6305
+ type: "text",
6306
+ onClick: "okHandler",
6307
+ size: "medium"
6308
+ },
6309
+ style: {
6310
+ float: "right"
6311
+ }
6312
+ }
6313
+ },
6314
+ {
6315
+ type: "Control",
6316
+ scope: "#/properties/btnSubmit",
6317
+ options: {
6318
+ widget: "Button"
6390
6319
  },
6391
- style: {
6392
- marginBottom: "8px",
6393
- float: "right"
6320
+ config: {
6321
+ layout: 1.8,
6322
+ main: {
6323
+ name: "Save & Exit",
6324
+ startIcon: "ApproveIcon",
6325
+ variant: "contained",
6326
+ color: "info",
6327
+ type: "text",
6328
+ onClick: "saveHandler",
6329
+ size: "medium"
6330
+ },
6331
+ style: {
6332
+ float: "right"
6333
+ }
6394
6334
  }
6395
- }
6396
- },
6397
- {
6398
- type: "Control",
6399
- scope: "#/properties/btnSubmit",
6400
- options: {
6401
- widget: "Button"
6402
6335
  },
6403
- config: {
6404
- layout: {
6405
- xs: 11,
6406
- sm: 11,
6407
- md: 2.5,
6408
- lg: 2.5
6336
+ {
6337
+ type: "Control",
6338
+ scope: "#/properties/notify",
6339
+ options: {
6340
+ widget: "Notify"
6409
6341
  },
6410
- main: {
6411
- name: "Save & Exit",
6412
- startIcon: "ApproveIcon",
6413
- variant: "contained",
6414
- color: "info",
6415
- type: "text",
6416
- onClick: "saveHandler",
6417
- size: "small"
6342
+ layout: 6
6343
+ },
6344
+ {
6345
+ type: "HorizontalLayout",
6346
+ config: {
6347
+ style: {
6348
+ position: "fixed",
6349
+ bottom: 5,
6350
+ overflow: "visible",
6351
+ margin: "0",
6352
+ width: "100vw"
6353
+ }
6418
6354
  },
6419
- style: {
6420
- marginBottom: "8px",
6421
- float: "right"
6422
- }
6355
+ elements: [
6356
+ {
6357
+ type: "Control",
6358
+ scope: "#/properties/EmptyBox",
6359
+ options: {
6360
+ widget: "EmptyBox"
6361
+ },
6362
+ config: {
6363
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
6364
+ }
6365
+ },
6366
+ {
6367
+ type: "Control",
6368
+ scope: "#/properties/FooterText",
6369
+ options: {
6370
+ widget: "Box"
6371
+ },
6372
+ config: {
6373
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6374
+ main: {
6375
+ heading: "Copywriter@ACT21.IO"
6376
+ },
6377
+ style: {
6378
+ color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
6379
+ fontSize: "12px"
6380
+ }
6381
+ }
6382
+ },
6383
+ {
6384
+ type: "HorizontalLayout",
6385
+ config: {
6386
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 }
6387
+ },
6388
+ elements: [
6389
+ {
6390
+ type: "Control",
6391
+ scope: "#/properties/EmptyBox",
6392
+ options: {
6393
+ widget: "EmptyBox"
6394
+ },
6395
+ config: {
6396
+ layout: 2
6397
+ }
6398
+ },
6399
+ {
6400
+ type: "Control",
6401
+ scope: "#/properties/backIcon",
6402
+ options: {
6403
+ widget: "Box"
6404
+ },
6405
+ config: {
6406
+ layout: 1,
6407
+ main: {
6408
+ iconName: "PrevIcon",
6409
+ onClick: "backHandler"
6410
+ },
6411
+ style: {
6412
+ fill: theme.palette.primary.dark,
6413
+ width: 20,
6414
+ height: 20,
6415
+ display: "flex",
6416
+ alignItems: "center",
6417
+ justifyContent: "center",
6418
+ marginRight: "-8px",
6419
+ cursor: "pointer"
6420
+ }
6421
+ }
6422
+ },
6423
+ {
6424
+ type: "Control",
6425
+ scope: "#/properties/text",
6426
+ options: {
6427
+ widget: "Box"
6428
+ },
6429
+ config: {
6430
+ layout: 9,
6431
+ main: {
6432
+ heading: "Previous Page",
6433
+ onClick: "backHandler"
6434
+ },
6435
+ style: {
6436
+ color: theme.palette.primary.dark,
6437
+ fontSize: "12px",
6438
+ cursor: "pointer",
6439
+ marginLeft: "-6px"
6440
+ }
6441
+ }
6442
+ }
6443
+ ]
6444
+ }
6445
+ ]
6423
6446
  }
6424
- },
6425
- {
6426
- type: "Control",
6427
- scope: "#/properties/notify",
6428
- options: {
6429
- widget: "Notify"
6430
- },
6431
- layout: 6
6432
- }
6433
- ]
6447
+ ]
6448
+ };
6449
+ return uiSchema;
6434
6450
  };
6435
6451
  const CoreSection = {
6436
6452
  type: "HorizontalLayout",
@@ -7471,7 +7487,7 @@ const sectionLabels = {
7471
7487
  };
7472
7488
  const refreshPage = (type, store2) => {
7473
7489
  var _a;
7474
- const UiSchema = _.cloneDeep(componentBasicUiSchema);
7490
+ const UiSchema = _.cloneDeep(componentBasicUiSchema(store2.theme.myTheme));
7475
7491
  if (type) {
7476
7492
  const sectionUiSchema = {
7477
7493
  Core: CoreSection,
@@ -7483,8 +7499,8 @@ const refreshPage = (type, store2) => {
7483
7499
  Validation: ValidationSection
7484
7500
  };
7485
7501
  const elements = (_a = sectionLabels[type]) == null ? void 0 : _a.map((e) => sectionUiSchema[e]);
7486
- UiSchema.elements[1].config.main.tabLabels = sectionLabels[type] || ["Core", "style", "Event", "Validation"];
7487
- UiSchema.elements[1].elements = elements || [CoreSection, StyleSection, EventSection, ValidationSection];
7502
+ UiSchema.elements[0].config.main.tabLabels = sectionLabels[type] || ["Core", "style", "Event", "Validation"];
7503
+ UiSchema.elements[0].elements = elements || [CoreSection, StyleSection, EventSection, ValidationSection];
7488
7504
  }
7489
7505
  store2.setUiSchema(UiSchema);
7490
7506
  };
@@ -7606,7 +7622,7 @@ var pageMaster = (funcParams) => {
7606
7622
  return config;
7607
7623
  },
7608
7624
  getUiSchema: function() {
7609
- return PageMasterUiSchema;
7625
+ return PageMasterUiSchema(store2.theme.myTheme);
7610
7626
  },
7611
7627
  getSchema: () => {
7612
7628
  return PageMasterSchema;
@@ -7741,302 +7757,337 @@ const EventSchema = {
7741
7757
  },
7742
7758
  required: ["eventType", "Handler"]
7743
7759
  };
7744
- const EventUiSchema = {
7745
- type: "HorizontalLayout",
7746
- elements: [
7747
- {
7748
- type: "WrapperLayout",
7749
- config: {
7750
- main: {
7751
- rowSpacing: 1,
7752
- header: true
7753
- },
7754
- defaultStyle: true
7755
- },
7756
- elements: [
7757
- {
7758
- type: "Control",
7759
- scope: "#/properties/Component",
7760
- options: {
7761
- widget: "Box"
7762
- },
7763
- config: {
7764
- layout: { xs: 12, sm: 12, md: 2 },
7765
- main: {
7766
- heading: "Component"
7767
- },
7768
- style: {
7769
- "float": "left"
7770
- }
7771
- }
7772
- },
7773
- {
7774
- type: "Control",
7775
- scope: "#/properties/pageName",
7776
- options: {
7777
- widget: "Box"
7778
- },
7779
- config: {
7780
- layout: { xs: 7, sm: 7, md: 9 },
7781
- main: {
7782
- heading: " "
7783
- },
7784
- style: {
7785
- float: "right",
7786
- width: "auto",
7787
- fontSize: "12px",
7788
- color: "gray",
7789
- paddingTop: "10px"
7790
- }
7760
+ const EventUiSchema = (theme) => {
7761
+ var _a;
7762
+ const uiSchema = {
7763
+ type: "HorizontalLayout",
7764
+ heading: "Component",
7765
+ elements: [
7766
+ {
7767
+ type: "TabLayout",
7768
+ config: {
7769
+ main: {
7770
+ tabLabels: ["Core", "Response Event"],
7771
+ defaultStyle: true,
7772
+ id: "event"
7791
7773
  }
7792
7774
  },
7793
- {
7794
- type: "Control",
7795
- scope: "#/properties/Back_Button",
7796
- options: {
7797
- widget: "IconButton"
7798
- },
7799
- config: {
7800
- layout: { xs: 2, sm: 2, md: 0.5 },
7801
- main: {
7802
- icon: "BackIcon",
7803
- styleDefault: true,
7804
- size: "small",
7805
- onClick: "backHandler",
7806
- tooltipMessage: "Back"
7807
- },
7808
- style: {
7809
- float: "right"
7810
- }
7811
- }
7812
- }
7813
- ]
7814
- },
7815
- {
7816
- type: "TabLayout",
7817
- config: {
7818
- main: {
7819
- tabLabels: ["Core", "Response Event"],
7820
- defaultStyle: true,
7821
- id: "event"
7822
- }
7823
- },
7824
- elements: [
7825
- {
7826
- type: "HorizontalLayout",
7827
- elements: [
7828
- {
7829
- type: "Control",
7830
- scope: `#/properties/eventType`,
7831
- options: {
7832
- widget: "SelectInputField"
7775
+ elements: [
7776
+ {
7777
+ type: "HorizontalLayout",
7778
+ elements: [
7779
+ {
7780
+ type: "Control",
7781
+ scope: `#/properties/eventType`,
7782
+ options: {
7783
+ widget: "SelectInputField"
7784
+ },
7785
+ config: {
7786
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7787
+ main: {
7788
+ label: "Event Type",
7789
+ type: "text"
7790
+ }
7791
+ }
7833
7792
  },
7834
- config: {
7835
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
7836
- main: {
7837
- label: "Event Type",
7838
- type: "text"
7793
+ {
7794
+ type: "Control",
7795
+ scope: `#/properties/Handler`,
7796
+ options: {
7797
+ widget: "SelectInputField"
7798
+ },
7799
+ config: {
7800
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7801
+ main: {
7802
+ label: "Handler",
7803
+ type: "text"
7804
+ }
7839
7805
  }
7840
- }
7841
- },
7842
- getSelectField("Handler", "Handler")
7843
- ]
7844
- },
7845
- {
7846
- type: "WrapperLayout",
7847
- config: {
7848
- main: {
7849
- divider: true
7850
- },
7851
- wrapperStyle: {
7852
- border: "1px solid gray"
7853
- }
7854
- },
7855
- elements: [
7856
- {
7857
- type: "Control",
7858
- scope: "#/properties/heading",
7859
- options: {
7860
- widget: "Box"
7861
7806
  },
7862
- config: {
7863
- layout: 8,
7864
- main: {
7865
- heading: "Response Event"
7807
+ {
7808
+ type: "Control",
7809
+ scope: "#/properties/emptyBox",
7810
+ options: {
7811
+ widget: "EmptyBox"
7866
7812
  },
7867
- style: {
7868
- fontFamily: "Roboto",
7869
- fontWeight: "500",
7870
- paddingLeft: "-10px",
7871
- fontSize: "20px"
7813
+ config: {
7814
+ layout: { xs: 0, sm: 4 }
7872
7815
  }
7873
7816
  }
7817
+ ]
7818
+ },
7819
+ {
7820
+ type: "Control",
7821
+ scope: "#/properties/events",
7822
+ options: {
7823
+ widget: "Table"
7874
7824
  },
7875
- {
7876
- type: "Control",
7877
- scope: "#/properties/AddButton",
7878
- options: {
7879
- widget: "IconButton"
7880
- },
7881
- config: {
7882
- layout: 3,
7883
- main: {
7884
- icon: "AddIcon",
7885
- styleDefault: true,
7886
- size: "small",
7887
- onClick: "addEvent",
7888
- tooltipMessage: "Back"
7825
+ config: {
7826
+ main: {
7827
+ headerIcons: {
7828
+ elements: [
7829
+ {
7830
+ widget: {
7831
+ type: "Control",
7832
+ scope: "#/properties/New_Record",
7833
+ options: {
7834
+ widget: "IconButton"
7835
+ },
7836
+ config: {
7837
+ main: {
7838
+ color: "info",
7839
+ onClick: "addEvent",
7840
+ size: "small",
7841
+ icon: "AddIcon",
7842
+ iconLabel: "Add New",
7843
+ styleDefault: true
7844
+ },
7845
+ style: {
7846
+ mt: "6px"
7847
+ }
7848
+ }
7849
+ }
7850
+ }
7851
+ ]
7889
7852
  },
7890
- style: {
7891
- float: "right"
7892
- }
7853
+ disableAction: true,
7854
+ disableSelection: true,
7855
+ enableDrag: true
7893
7856
  }
7894
7857
  },
7895
- {
7896
- type: "Control",
7897
- scope: "#/properties/events",
7898
- options: {
7899
- widget: "Table"
7858
+ elements: [
7859
+ {
7860
+ accessorKey: "eventType",
7861
+ header: "Event Type"
7900
7862
  },
7901
- config: {
7902
- main: {
7903
- disableAction: true,
7904
- disableSelection: true,
7905
- enableDrag: true
7906
- }
7863
+ {
7864
+ accessorKey: "Handler",
7865
+ header: "Handler"
7907
7866
  },
7908
- elements: [
7909
- {
7910
- accessorKey: "eventType",
7911
- header: "Event Type"
7912
- },
7913
- {
7914
- accessorKey: "Handler",
7915
- header: "Handler"
7916
- },
7917
- {
7918
- accessorKey: "Edit_Approve_Records",
7919
- header: "Edit Widget",
7920
- widget: {
7921
- type: "Control",
7922
- scope: "#/properties/Edit_Records",
7923
- options: {
7924
- widget: "IconButton"
7867
+ {
7868
+ accessorKey: "Edit_Approve_Records",
7869
+ header: "Edit Widget",
7870
+ widget: {
7871
+ type: "Control",
7872
+ scope: "#/properties/Edit_Records",
7873
+ options: {
7874
+ widget: "IconButton"
7875
+ },
7876
+ config: {
7877
+ main: {
7878
+ color: "info",
7879
+ size: "small",
7880
+ icon: "EditIcon",
7881
+ tooltipMessage: "Edit This Record",
7882
+ onClick: "editEvent"
7925
7883
  },
7926
- config: {
7927
- main: {
7928
- color: "info",
7929
- size: "small",
7930
- icon: "EditIcon",
7931
- tooltipMessage: "Edit This Record",
7932
- onClick: "editEvent"
7933
- },
7934
- style: {
7935
- color: "#3949ab"
7936
- }
7884
+ style: {
7885
+ color: "#3949ab"
7937
7886
  }
7938
7887
  }
7939
- },
7940
- {
7941
- accessorKey: "Reject_Records",
7942
- header: "Delete",
7943
- widget: {
7944
- type: "Control",
7945
- scope: "#/properties/RejectButton",
7946
- options: {
7947
- widget: "IconButton"
7948
- },
7949
- config: {
7950
- main: {
7951
- icon: "RejectIcon",
7952
- color: "error",
7953
- tooltipMessage: "Reject This Record",
7954
- onClick: "deleteEvent"
7955
- }
7888
+ }
7889
+ },
7890
+ {
7891
+ accessorKey: "Reject_Records",
7892
+ header: "Delete",
7893
+ widget: {
7894
+ type: "Control",
7895
+ scope: "#/properties/RejectButton",
7896
+ options: {
7897
+ widget: "IconButton"
7898
+ },
7899
+ config: {
7900
+ main: {
7901
+ icon: "RejectIcon",
7902
+ color: "error",
7903
+ tooltipMessage: "Reject This Record",
7904
+ onClick: "deleteEvent"
7956
7905
  }
7957
7906
  }
7958
7907
  }
7959
- ]
7960
- }
7961
- ]
7908
+ }
7909
+ ]
7910
+ }
7911
+ ]
7912
+ },
7913
+ {
7914
+ type: "Control",
7915
+ scope: "#/properties/EmptyBox",
7916
+ options: {
7917
+ widget: "EmptyBox"
7918
+ },
7919
+ config: {
7920
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7962
7921
  }
7963
- ]
7964
- },
7965
- {
7966
- type: "Control",
7967
- scope: "#/properties/proc",
7968
- config: {
7969
- layout: { xs: 11, sm: 11, md: 6, lg: 6 }
7970
7922
  },
7971
- options: {
7972
- widget: "EmptyBox"
7973
- }
7974
- },
7975
- {
7976
- type: "Control",
7977
- scope: "#/properties/btn",
7978
- options: {
7979
- widget: "Button"
7923
+ {
7924
+ type: "Control",
7925
+ scope: "#/properties/EmptyBox",
7926
+ options: {
7927
+ widget: "EmptyBox"
7928
+ },
7929
+ config: {
7930
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7931
+ }
7980
7932
  },
7981
- config: {
7982
- layout: {
7983
- xs: 11,
7984
- sm: 11,
7985
- md: 2.5,
7986
- lg: 2.5
7933
+ {
7934
+ type: "Control",
7935
+ scope: "#/properties/btn",
7936
+ options: {
7937
+ widget: "Button"
7987
7938
  },
7988
- main: {
7989
- name: "Ok",
7990
- startIcon: "ApproveIcon",
7991
- variant: "contained",
7992
- color: "info",
7993
- type: "text",
7994
- onClick: "okHandler",
7995
- size: "small"
7939
+ config: {
7940
+ layout: 1.8,
7941
+ main: {
7942
+ name: "Ok",
7943
+ startIcon: "ApproveIcon",
7944
+ variant: "contained",
7945
+ color: "info",
7946
+ type: "text",
7947
+ onClick: "okHandler",
7948
+ size: "medium"
7949
+ },
7950
+ style: {
7951
+ float: "right"
7952
+ }
7953
+ }
7954
+ },
7955
+ {
7956
+ type: "Control",
7957
+ scope: "#/properties/btnSubmit",
7958
+ options: {
7959
+ widget: "Button"
7996
7960
  },
7997
- style: {
7998
- marginBottom: "8px",
7999
- float: "right"
7961
+ config: {
7962
+ layout: 1.8,
7963
+ main: {
7964
+ name: "Save & Exit",
7965
+ startIcon: "ApproveIcon",
7966
+ variant: "contained",
7967
+ color: "info",
7968
+ type: "text",
7969
+ onClick: "saveHandler",
7970
+ size: "medium"
7971
+ },
7972
+ style: {
7973
+ float: "right"
7974
+ }
8000
7975
  }
8001
- }
8002
- },
8003
- {
8004
- type: "Control",
8005
- scope: "#/properties/btnSubmit",
8006
- options: {
8007
- widget: "Button"
8008
7976
  },
8009
- config: {
8010
- layout: {
8011
- xs: 11,
8012
- sm: 11,
8013
- md: 2.5,
8014
- lg: 2.5
7977
+ {
7978
+ type: "Control",
7979
+ scope: "#/properties/notify",
7980
+ options: {
7981
+ widget: "Notify"
8015
7982
  },
8016
- main: {
8017
- name: "Save & Exit",
8018
- startIcon: "ApproveIcon",
8019
- variant: "contained",
8020
- color: "info",
8021
- type: "text",
8022
- onClick: "saveHandler",
8023
- size: "small"
7983
+ layout: 6
7984
+ },
7985
+ {
7986
+ type: "HorizontalLayout",
7987
+ config: {
7988
+ style: {
7989
+ position: "fixed",
7990
+ bottom: 5,
7991
+ overflow: "visible",
7992
+ margin: "0",
7993
+ width: "100vw"
7994
+ }
8024
7995
  },
8025
- style: {
8026
- marginBottom: "8px",
8027
- float: "right"
8028
- }
7996
+ elements: [
7997
+ {
7998
+ type: "Control",
7999
+ scope: "#/properties/EmptyBox",
8000
+ options: {
8001
+ widget: "EmptyBox"
8002
+ },
8003
+ config: {
8004
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
8005
+ }
8006
+ },
8007
+ {
8008
+ type: "Control",
8009
+ scope: "#/properties/FooterText",
8010
+ options: {
8011
+ widget: "Box"
8012
+ },
8013
+ config: {
8014
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8015
+ main: {
8016
+ heading: "Copywriter@ACT21.IO"
8017
+ },
8018
+ style: {
8019
+ color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
8020
+ fontSize: "12px"
8021
+ }
8022
+ }
8023
+ },
8024
+ {
8025
+ type: "HorizontalLayout",
8026
+ config: {
8027
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 }
8028
+ },
8029
+ elements: [
8030
+ {
8031
+ type: "Control",
8032
+ scope: "#/properties/EmptyBox",
8033
+ options: {
8034
+ widget: "EmptyBox"
8035
+ },
8036
+ config: {
8037
+ layout: 2
8038
+ }
8039
+ },
8040
+ {
8041
+ type: "Control",
8042
+ scope: "#/properties/backIcon",
8043
+ options: {
8044
+ widget: "Box"
8045
+ },
8046
+ config: {
8047
+ layout: 1,
8048
+ main: {
8049
+ iconName: "PrevIcon",
8050
+ onClick: "backHandler"
8051
+ },
8052
+ style: {
8053
+ fill: theme.palette.primary.dark,
8054
+ width: 20,
8055
+ height: 20,
8056
+ display: "flex",
8057
+ alignItems: "center",
8058
+ justifyContent: "center",
8059
+ marginRight: "-8px",
8060
+ cursor: "pointer"
8061
+ }
8062
+ }
8063
+ },
8064
+ {
8065
+ type: "Control",
8066
+ scope: "#/properties/text",
8067
+ options: {
8068
+ widget: "Box"
8069
+ },
8070
+ config: {
8071
+ layout: 9,
8072
+ main: {
8073
+ heading: "Previous Page",
8074
+ onClick: "backHandler"
8075
+ },
8076
+ style: {
8077
+ color: theme.palette.primary.dark,
8078
+ fontSize: "12px",
8079
+ cursor: "pointer",
8080
+ marginLeft: "-6px"
8081
+ }
8082
+ }
8083
+ }
8084
+ ]
8085
+ }
8086
+ ]
8029
8087
  }
8030
- },
8031
- {
8032
- type: "Control",
8033
- scope: "#/properties/notify",
8034
- options: {
8035
- widget: "Notify"
8036
- },
8037
- layout: 6
8038
- }
8039
- ]
8088
+ ]
8089
+ };
8090
+ return uiSchema;
8040
8091
  };
8041
8092
  const APISection = {
8042
8093
  type: "HorizontalLayout",
@@ -8233,21 +8284,21 @@ var event = (store2, dynamicData2, submitHandler, service2) => {
8233
8284
  this.refreshPage(formdata.Handler, store2);
8234
8285
  },
8235
8286
  refreshPage: (handlerType, store22) => {
8236
- const uiSchema = _.cloneDeep(EventUiSchema);
8287
+ const uiSchema = _.cloneDeep(EventUiSchema(store22.theme.myTheme));
8237
8288
  const schema2 = _.cloneDeep(EventSchema);
8238
8289
  if (handlerType) {
8239
8290
  if (handlerType === "custom") {
8240
- uiSchema.elements[1].elements[0].elements[2] = getTextArea("eventCode", "Write Custom Code", false);
8291
+ uiSchema.elements[0].elements[0].elements[2] = getTextArea("eventCode", "Write Custom Code", false);
8241
8292
  schema2.required = ["eventType", "Handler", "eventCode"];
8242
8293
  } else if (handlerType === "api") {
8243
- uiSchema.elements[1].elements[0].elements[2] = APISection;
8294
+ uiSchema.elements[0].elements[0].elements[2] = APISection;
8244
8295
  schema2.required = ["eventType", "Handler", "method", "path"];
8245
8296
  } else if (handlerType === "inBuiltFunction") {
8246
- uiSchema.elements[1].elements[0].elements[2] = getSelectField("inBuiltFunctionType", "Function Name");
8247
- uiSchema.elements[1].elements[0].elements[3] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true, { xs: 12, sm: 12, md: 6 });
8297
+ uiSchema.elements[0].elements[0].elements[2] = getSelectField("inBuiltFunctionType", "Function Name");
8298
+ uiSchema.elements[0].elements[0].elements[3] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true, { xs: 12, sm: 12, md: 6 });
8248
8299
  schema2.required = ["eventType", "Handler", "inBuiltFunctionType"];
8249
8300
  } else if (handlerType === "refresh") {
8250
- uiSchema.elements[1].elements[0].elements[2] = refreshSectionUiSchema;
8301
+ uiSchema.elements[0].elements[0].elements[2] = refreshSectionUiSchema;
8251
8302
  schema2.properties.refreshElements.required = ["value"];
8252
8303
  schema2.properties.refreshElements.items.required = ["value"];
8253
8304
  schema2.required = ["eventType", "Handler", "refreshElements"];
@@ -8257,8 +8308,8 @@ var event = (store2, dynamicData2, submitHandler, service2) => {
8257
8308
  store22.setUiSchema(uiSchema);
8258
8309
  },
8259
8310
  getFormData: Component(store2, dynamicData2, submitHandler, service2).getFormdata,
8260
- getUiSchema: function() {
8261
- return EventUiSchema;
8311
+ getUiSchema: async function() {
8312
+ return await EventUiSchema(store2.theme.myTheme);
8262
8313
  },
8263
8314
  getSchema: () => {
8264
8315
  return EventSchema;
@@ -8314,13 +8365,12 @@ const downloadFile$1 = (obj) => {
8314
8365
  URL.revokeObjectURL(url);
8315
8366
  document.body.removeChild(link);
8316
8367
  };
8317
- const clickDownloadLink = (response2, service2) => {
8318
- const user = JSON.parse(localStorage.getItem("user"));
8319
- let url = `${service2.defaults.baseURL}/${response2.path}?Authorization=Bearer%20${user.token}`;
8368
+ const doDownload = (response2, service2) => {
8369
+ let url = `${service2.defaults.baseURL}/${response2.path}`;
8320
8370
  if (response2 == null ? void 0 : response2.params) {
8321
8371
  const keysArray = Object.keys(response2 == null ? void 0 : response2.params);
8322
8372
  keysArray.map((e, i) => {
8323
- url = url + `&${e}=${response2 == null ? void 0 : response2.params[e]}`;
8373
+ url = url + `${i === 0 ? "?" : "&"}${e}=${response2 == null ? void 0 : response2.params[e]}`;
8324
8374
  });
8325
8375
  }
8326
8376
  const link = document.createElement("a");
@@ -8410,7 +8460,7 @@ async function executeInBuiltFunctionHandler(params) {
8410
8460
  const makeFunc = eval(params.config.funcParametersCode);
8411
8461
  parameter = makeFunc(params.store, params.dynamicData, params.userValue, params.parentEventOutput, params.service);
8412
8462
  }
8413
- params.serviceHolder[params.config.inBuiltFunctionType](parameter, params.service);
8463
+ params.serviceHolder[params.config.inBuiltFunctionType](parameter);
8414
8464
  }
8415
8465
  async function executeCustomHandler(params) {
8416
8466
  const makeFunc = eval(params.config.eventCode);
@@ -8597,7 +8647,7 @@ var service = (funcParams) => {
8597
8647
  dynamicData: funcParams.dynamicData,
8598
8648
  userValue: funcParams.userValue,
8599
8649
  service: funcParams.service,
8600
- serviceHolder: { downloadFile: downloadFile$1, download: clickDownloadLink },
8650
+ serviceHolder: { downloadFile: downloadFile$1, download: doDownload },
8601
8651
  eventGroups
8602
8652
  };
8603
8653
  return {
@@ -8744,7 +8794,7 @@ var service = (funcParams) => {
8744
8794
  }
8745
8795
  },
8746
8796
  downloadFile: downloadFile$1,
8747
- download: clickDownloadLink
8797
+ download: doDownload
8748
8798
  };
8749
8799
  };
8750
8800
  var leaderBoard = {