impaktapps-ui-builder 0.0.412-mtreemap.3 → 0.0.412-mtreemap.4

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 (31) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1033 -1062
  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/dist/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.d.ts +1 -1
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/card.d.ts +12 -10
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +0 -18
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +121 -70
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +2 -17
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/wrapperSection.d.ts +1 -0
  11. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +1 -1
  12. package/package.json +1 -1
  13. package/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.ts +2 -2
  14. package/src/impaktapps-ui-builder/builder/build/buildHorizontalBarGraph.ts +27 -26
  15. package/src/impaktapps-ui-builder/builder/build/buildPieGraph.ts +2 -0
  16. package/src/impaktapps-ui-builder/builder/build/buildWrapperSection.ts +1 -1
  17. package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +10 -9
  18. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +0 -29
  19. package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +3 -8
  20. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +125 -99
  21. package/src/impaktapps-ui-builder/builder/build/uischema/graph.ts +1 -1
  22. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +12 -12
  23. package/src/impaktapps-ui-builder/builder/build/uischema/wrapperSection.ts +1 -0
  24. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +2 -2
  25. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +286 -311
  26. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +362 -367
  27. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +284 -380
  28. package/src/impaktapps-ui-builder/builder/services/component.ts +18 -18
  29. package/src/impaktapps-ui-builder/builder/services/event.ts +8 -8
  30. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +1 -1
  31. package/src/impaktapps-ui-builder/runtime/services/service.ts +1 -1
package/dist/impaktapps-ui-builder.es.js CHANGED
@@ -43,393 +43,393 @@ const PageMasterSchema = {
43
43
  },
44
44
  required: ["template", "name"]
45
45
  };
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
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"
58
64
  },
59
- defaultStyle: true
65
+ config: {
66
+ layout: 8,
67
+ main: {
68
+ heading: "Page Master"
69
+ }
70
+ }
60
71
  },
61
- elements: [
62
- {
63
- type: "Control",
64
- scope: "#/properties/name",
65
- options: {
66
- widget: "InputField"
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"
67
86
  },
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
- }
87
+ style: {
88
+ float: "right"
78
89
  }
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"
79
109
  },
80
- {
81
- type: "Control",
82
- scope: "#/properties/label",
83
- options: {
84
- widget: "InputField"
85
- },
86
- config: {
87
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
88
- main: {
89
- label: "Label",
90
- options: [],
91
- color: "secondary",
92
- required: true
93
- }
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
94
119
  }
120
+ }
121
+ },
122
+ {
123
+ type: "Control",
124
+ scope: "#/properties/template",
125
+ options: {
126
+ widget: "SelectInputField"
95
127
  },
96
- {
97
- type: "Control",
98
- scope: "#/properties/emptyBox",
99
- options: {
100
- widget: "EmptyBox"
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
139
+ }
140
+ }
141
+ }
142
+ ]
143
+ },
144
+ {
145
+ type: "TabLayout",
146
+ config: {
147
+ main: {
148
+ tabLabels: ["Components", "events"],
149
+ divider: true
150
+ },
151
+ defaultStyle: true
152
+ },
153
+ elements: [
154
+ {
155
+ type: "WrapperLayout",
156
+ config: {
157
+ main: {
158
+ divider: true
101
159
  },
102
- config: {
103
- layout: { xs: 0, sm: 4 }
160
+ wrapperStyle: {
161
+ border: "1px solid gray"
104
162
  }
105
163
  },
106
- {
107
- type: "TabLayout",
108
- config: {
109
- main: {
110
- tabLabels: ["Components", "events"],
111
- divider: true
164
+ elements: [
165
+ {
166
+ type: "Control",
167
+ scope: "#/properties/heading",
168
+ options: {
169
+ widget: "Box"
112
170
  },
113
- defaultStyle: true
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
+ }
114
183
  },
115
- elements: [
116
- {
117
- type: "Control",
118
- scope: "#/properties/elements",
119
- options: {
120
- widget: "Table"
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"
121
198
  },
122
- config: {
123
- main: {
124
- headerIcons: {
125
- elements: [
126
- {
127
- widget: {
128
- type: "Control",
129
- scope: "#/properties/New_Record",
130
- options: {
131
- widget: "IconButton"
132
- },
133
- config: {
134
- main: {
135
- onClick: "onAddClickHandler",
136
- size: "small",
137
- icon: "AddIcon",
138
- iconLabel: "Add New",
139
- styleDefault: true
140
- },
141
- style: {
142
- mt: "6px"
143
- }
144
- }
145
- }
146
- }
147
- ]
148
- },
149
- disableAction: true,
150
- disableSelection: true,
151
- enableDrag: true
152
- }
199
+ style: {
200
+ float: "right"
201
+ }
202
+ }
203
+ },
204
+ {
205
+ type: "Control",
206
+ scope: "#/properties/elements",
207
+ options: {
208
+ widget: "Table"
209
+ },
210
+ config: {
211
+ main: {
212
+ disableAction: true,
213
+ disableSelection: true,
214
+ enableDrag: true
215
+ }
216
+ },
217
+ elements: [
218
+ {
219
+ accessorKey: "name",
220
+ header: "Name"
153
221
  },
154
- elements: [
155
- {
156
- accessorKey: "name",
157
- header: "Name"
158
- },
159
- {
160
- accessorKey: "type",
161
- header: "Type"
162
- },
163
- {
164
- header: "Edit",
165
- field: "Reject_Records",
166
- flex: 1,
167
- widget: {
168
- type: "Control",
169
- scope: "#/properties/RejectButton",
170
- options: {
171
- widget: "IconButton"
172
- },
173
- config: {
174
- main: {
175
- icon: "EditIcon",
176
- onClick: "Edit_Components",
177
- tooltipMessage: "Edit This Record"
178
- }
179
- }
180
- }
181
- },
182
- {
183
- header: "Delete",
184
- field: "Reject_Records",
185
- flex: 1,
186
- widget: {
187
- type: "Control",
188
- scope: "#/properties/RejectButton",
189
- options: {
190
- widget: "IconButton"
191
- },
192
- config: {
193
- main: {
194
- icon: "RejectIcon",
195
- color: "error",
196
- onClick: "Delete_Components",
197
- tooltipMessage: "Reject This Record"
198
- }
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"
199
242
  }
200
243
  }
201
244
  }
202
- ]
203
- },
204
- {
205
- type: "Control",
206
- scope: "#/properties/events",
207
- options: {
208
- widget: "Table"
209
245
  },
210
- config: {
211
- main: {
212
- headerIcons: {
213
- elements: [
214
- {
215
- widget: {
216
- type: "Control",
217
- scope: "#/properties/New_Record",
218
- options: {
219
- widget: "IconButton"
220
- },
221
- config: {
222
- main: {
223
- onClick: "eventAddHandler",
224
- size: "small",
225
- icon: "AddIcon",
226
- iconLabel: "Add New",
227
- styleDefault: true
228
- },
229
- style: {
230
- mt: "6px"
231
- }
232
- }
233
- }
234
- }
235
- ]
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"
236
255
  },
237
- disableAction: true,
238
- disableSelection: true,
239
- enableDrag: true
240
- }
241
- },
242
- elements: [
243
- {
244
- accessorKey: "eventType",
245
- header: "Event Type"
246
- },
247
- {
248
- accessorKey: "Handler",
249
- header: "Handler"
250
- },
251
- {
252
- accessorKey: "Edit_Approve_Records",
253
- header: "Edit Widget",
254
- widget: {
255
- type: "Control",
256
- scope: "#/properties/Edit_Records",
257
- options: {
258
- widget: "IconButton"
259
- },
260
- config: {
261
- main: {
262
- size: "small",
263
- icon: "EditIcon",
264
- tooltipMessage: "Edit This Record",
265
- onClick: "editEvent"
266
- },
267
- style: {
268
- color: "#3949ab"
269
- }
270
- }
271
- }
272
- },
273
- {
274
- accessorKey: "Reject_Records",
275
- header: "Delete",
276
- widget: {
277
- type: "Control",
278
- scope: "#/properties/RejectButton",
279
- options: {
280
- widget: "IconButton"
281
- },
282
- config: {
283
- main: {
284
- icon: "RejectIcon",
285
- color: "error",
286
- tooltipMessage: "Reject This Record",
287
- onClick: "deleteEvent"
288
- }
256
+ config: {
257
+ main: {
258
+ icon: "RejectIcon",
259
+ color: "error",
260
+ onClick: "Delete_Components",
261
+ tooltipMessage: "Reject This Record"
289
262
  }
290
263
  }
291
264
  }
292
- ]
293
- }
294
- ]
295
- },
296
- {
297
- type: "Control",
298
- scope: "#/properties/btn",
299
- options: {
300
- widget: "Button"
301
- },
302
- config: {
303
- layout: 11.9,
304
- main: {
305
- name: "Save",
306
- startIcon: "ApproveIcon",
307
- variant: "contained",
308
- type: "text",
309
- onClick: "saveHandler",
310
- size: "medium"
311
- },
312
- style: {
313
- width: { xs: "90%", sm: "90%", md: "20%", lg: "10%" },
314
- float: "right"
315
- }
265
+ }
266
+ ]
316
267
  }
317
- }
318
- ]
319
- },
320
- {
321
- type: "Control",
322
- scope: "#/properties/notify",
323
- options: {
324
- widget: "Notify"
325
- },
326
- layout: 6
327
- },
328
- {
329
- type: "HorizontalLayout",
330
- config: {
331
- main: {
332
- direction: "row"
333
- },
334
- style: {
335
- flexDirection: "row",
336
- position: "absolute",
337
- bottom: 0,
338
- marginBottom: "-8px",
339
- height: "fit-content",
340
- overflow: "hidden",
341
- zIndex: 1e3,
342
- width: "inherit"
343
- }
268
+ ]
344
269
  },
345
- elements: [
346
- {
347
- type: "Control",
348
- scope: "#/properties/FooterText",
349
- options: {
350
- widget: "Box"
270
+ {
271
+ type: "WrapperLayout",
272
+ config: {
273
+ main: {
274
+ divider: true
351
275
  },
352
- config: {
353
- main: {
354
- heading: "Copywriter@ACT21.IO"
355
- },
356
- style: {
357
- color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
358
- fontSize: "12px",
359
- textAlign: "center",
360
- lineHeight: 1,
361
- width: "fit-content",
362
- left: "50%",
363
- position: "relative",
364
- margin: 0,
365
- flexGrow: 1,
366
- height: 0
367
- }
276
+ wrapperStyle: {
277
+ border: "1px solid gray"
368
278
  }
369
279
  },
370
- {
371
- type: "Control",
372
- scope: "#/properties/backIcon",
373
- options: {
374
- widget: "Box"
375
- },
376
- config: {
377
- main: {
378
- iconName: "PrevIcon",
379
- onClick: "backHandler",
380
- width: "fit-content"
280
+ elements: [
281
+ {
282
+ type: "Control",
283
+ scope: "#/properties/heading",
284
+ options: {
285
+ widget: "Box"
381
286
  },
382
- style: {
383
- fill: theme.palette.primary.main,
384
- width: 20,
385
- height: 0,
386
- margin: 0,
387
- top: 0,
388
- right: "82px",
389
- position: "absolute",
390
- fontSize: "12px",
391
- cursor: "pointer",
392
- ":hover": {
393
- fill: theme.palette.primary.dark
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"
394
297
  }
395
298
  }
396
- }
397
- },
398
- {
399
- type: "Control",
400
- scope: "#/properties/text",
401
- options: {
402
- widget: "Box"
403
299
  },
404
- config: {
405
- main: {
406
- heading: "Previous Page",
407
- onClick: "backHandler"
300
+ {
301
+ type: "Control",
302
+ scope: "#/properties/AddButton",
303
+ options: {
304
+ widget: "IconButton"
408
305
  },
409
- style: {
410
- textAlign: "left",
411
- lineHeight: 1,
412
- height: 0,
413
- width: "fit-content",
414
- color: theme.palette.primary.main,
415
- fontSize: "12px",
416
- cursor: "pointer",
417
- marginLeft: "2px",
418
- marginRight: 0,
419
- top: 3,
420
- right: "12px",
421
- position: "absolute",
422
- ":hover": {
423
- color: theme.palette.primary.dark
306
+ config: {
307
+ layout: 3,
308
+ main: {
309
+ icon: "AddIcon",
310
+ styleDefault: true,
311
+ size: "small",
312
+ onClick: "eventAddHandler",
313
+ tooltipMessage: "Back"
314
+ },
315
+ style: {
316
+ float: "right"
424
317
  }
425
318
  }
319
+ },
320
+ {
321
+ type: "Control",
322
+ scope: "#/properties/events",
323
+ options: {
324
+ widget: "Table"
325
+ },
326
+ config: {
327
+ main: {
328
+ disableAction: true,
329
+ disableSelection: true,
330
+ enableDrag: true
331
+ }
332
+ },
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"
350
+ },
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
+ }
362
+ }
363
+ }
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
+ }
381
+ }
382
+ }
383
+ }
384
+ ]
426
385
  }
427
- }
428
- ]
386
+ ]
387
+ }
388
+ ]
389
+ },
390
+ {
391
+ type: "Control",
392
+ scope: "#/properties/btn",
393
+ options: {
394
+ widget: "EmptyBox"
395
+ },
396
+ config: {
397
+ layout: { xs: 0, sm: 0, md: 8, lg: 7 }
429
398
  }
430
- ]
431
- };
432
- return uiSchema;
399
+ },
400
+ {
401
+ type: "Control",
402
+ scope: "#/properties/btn",
403
+ options: {
404
+ widget: "Button"
405
+ },
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"
416
+ },
417
+ style: {
418
+ marginBottom: "8px",
419
+ width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" },
420
+ float: "right"
421
+ }
422
+ }
423
+ },
424
+ {
425
+ type: "Control",
426
+ scope: "#/properties/notify",
427
+ options: {
428
+ widget: "Notify"
429
+ },
430
+ layout: 6
431
+ }
432
+ ]
433
433
  };
434
434
  var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
435
435
  var lodash = { exports: {} };
@@ -5911,6 +5911,8 @@ const ComponentSchema = {
5911
5911
  { title: "Text Area", const: "TextArea" },
5912
5912
  { title: "Timer", const: "Timer" },
5913
5913
  { title: "Upload File", const: "UploadFile" },
5914
+ { title: "Timer", const: "Timer" },
5915
+ { title: "Upload File", const: "UploadFile" },
5914
5916
  { title: "TreeMap", const: "TreeMap" },
5915
5917
  { title: "ColumnGroup", const: "ColumnGroup" }
5916
5918
  ]
@@ -6174,300 +6176,303 @@ const ComponentSchema = {
6174
6176
  },
6175
6177
  required: ["name"]
6176
6178
  };
6177
- const componentBasicUiSchema = (theme) => {
6178
- var _a;
6179
- const uiSchema = {
6180
- type: "HorizontalLayout",
6181
- heading: "Component",
6182
- elements: [
6183
- {
6184
- type: "TabLayout",
6185
- config: {
6186
- main: {
6187
- tabLabels: ["Core"],
6188
- defaultStyle: true,
6189
- id: `component`
6179
+ const componentBasicUiSchema = {
6180
+ type: "HorizontalLayout",
6181
+ elements: [
6182
+ {
6183
+ type: "WrapperLayout",
6184
+ config: {
6185
+ main: {
6186
+ rowSpacing: 1,
6187
+ header: true
6188
+ },
6189
+ defaultStyle: true
6190
+ },
6191
+ elements: [
6192
+ {
6193
+ type: "Control",
6194
+ scope: "#/properties/Component",
6195
+ options: {
6196
+ widget: "Box"
6197
+ },
6198
+ config: {
6199
+ layout: { xs: 12, sm: 12, md: 2 },
6200
+ main: {
6201
+ heading: "Component"
6202
+ },
6203
+ style: {
6204
+ "float": "left"
6205
+ }
6190
6206
  }
6191
6207
  },
6192
- elements: [
6193
- {
6194
- type: "HorizontalLayout",
6195
- elements: [
6196
- {
6197
- type: "Control",
6198
- scope: "#/properties/type",
6199
- options: {
6200
- widget: "SelectInputField"
6208
+ {
6209
+ type: "Control",
6210
+ scope: "#/properties/pageName",
6211
+ options: {
6212
+ widget: "Box"
6213
+ },
6214
+ config: {
6215
+ layout: { xs: 7, sm: 7, md: 9 },
6216
+ main: {
6217
+ heading: " "
6218
+ },
6219
+ style: {
6220
+ float: "right",
6221
+ width: "auto",
6222
+ fontSize: "12px",
6223
+ color: "gray",
6224
+ paddingTop: "10px"
6225
+ }
6226
+ }
6227
+ },
6228
+ {
6229
+ type: "Control",
6230
+ scope: "#/properties/Back_Button",
6231
+ options: {
6232
+ widget: "IconButton"
6233
+ },
6234
+ config: {
6235
+ layout: { xs: 2, sm: 2, md: 0.5 },
6236
+ main: {
6237
+ icon: "BackIcon",
6238
+ styleDefault: true,
6239
+ size: "small",
6240
+ onClick: "backHandler",
6241
+ tooltipMessage: "Back"
6242
+ },
6243
+ style: {
6244
+ float: "right"
6245
+ }
6246
+ }
6247
+ }
6248
+ ]
6249
+ },
6250
+ {
6251
+ type: "TabLayout",
6252
+ config: {
6253
+ main: {
6254
+ tabLabels: ["Core"],
6255
+ defaultStyle: true,
6256
+ id: `component`
6257
+ }
6258
+ },
6259
+ elements: [
6260
+ {
6261
+ type: "HorizontalLayout",
6262
+ elements: [
6263
+ {
6264
+ type: "Control",
6265
+ scope: "#/properties/type",
6266
+ options: {
6267
+ widget: "SelectInputField"
6268
+ },
6269
+ config: {
6270
+ layout: { xs: 12, sm: 12, md: 6, lg: 6 },
6271
+ main: {
6272
+ label: "Type"
6273
+ }
6274
+ }
6275
+ },
6276
+ {
6277
+ type: "Control",
6278
+ scope: "#/properties/name",
6279
+ options: {
6280
+ widget: "InputField"
6281
+ },
6282
+ config: {
6283
+ layout: {
6284
+ xs: 12,
6285
+ sm: 12,
6286
+ md: 6,
6287
+ lg: 6
6201
6288
  },
6202
- config: {
6203
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6204
- main: {
6205
- label: "Type"
6206
- }
6289
+ main: {
6290
+ label: "Name",
6291
+ options: [],
6292
+ color: "secondary",
6293
+ required: true
6207
6294
  }
6295
+ }
6296
+ },
6297
+ {
6298
+ type: "Control",
6299
+ scope: "#/properties/label",
6300
+ options: {
6301
+ widget: "InputField"
6208
6302
  },
6209
- {
6210
- type: "Control",
6211
- scope: "#/properties/name",
6212
- options: {
6213
- widget: "InputField"
6303
+ config: {
6304
+ layout: {
6305
+ xs: 12,
6306
+ sm: 12,
6307
+ md: 6,
6308
+ lg: 6
6214
6309
  },
6215
- config: {
6216
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6217
- main: {
6218
- label: "Name",
6219
- options: [],
6220
- color: "secondary",
6221
- required: true
6222
- }
6310
+ main: {
6311
+ label: "Label",
6312
+ options: [],
6313
+ color: "secondary",
6314
+ required: true
6223
6315
  }
6316
+ }
6317
+ },
6318
+ {
6319
+ type: "Control",
6320
+ scope: "#/properties/columnFormat",
6321
+ options: {
6322
+ widget: "SelectInputField"
6224
6323
  },
6225
- {
6226
- type: "Control",
6227
- scope: "#/properties/label",
6228
- options: {
6229
- widget: "InputField"
6324
+ config: {
6325
+ layout: {
6326
+ xs: 12,
6327
+ sm: 12,
6328
+ md: 6,
6329
+ lg: 6
6230
6330
  },
6231
- config: {
6232
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6233
- main: {
6234
- label: "Label",
6235
- options: [],
6236
- color: "secondary",
6237
- required: true
6238
- }
6331
+ main: {
6332
+ label: "Column Format"
6239
6333
  }
6334
+ }
6335
+ },
6336
+ {
6337
+ type: "Control",
6338
+ scope: "#/properties/proc",
6339
+ config: {
6340
+ layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6240
6341
  },
6241
- {
6242
- type: "Control",
6243
- scope: "#/properties/layout",
6244
- layout: 12,
6245
- options: {
6246
- detail: {
6247
- type: "HorizontalLayout",
6248
- elements: [
6249
- {
6250
- type: "Control",
6251
- scope: "#/properties/key",
6252
- options: {
6253
- widget: "SelectInputField"
6254
- },
6255
- config: {
6256
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6257
- main: {
6258
- label: "Screen Size"
6259
- }
6260
- }
6342
+ options: {
6343
+ widget: "EmptyBox"
6344
+ }
6345
+ },
6346
+ {
6347
+ type: "Control",
6348
+ scope: "#/properties/layout",
6349
+ layout: 11.5,
6350
+ options: {
6351
+ detail: {
6352
+ type: "HorizontalLayout",
6353
+ elements: [
6354
+ {
6355
+ type: "Control",
6356
+ scope: "#/properties/key",
6357
+ options: {
6358
+ widget: "SelectInputField"
6261
6359
  },
6262
- {
6263
- type: "Control",
6264
- scope: "#/properties/value",
6265
- options: {
6266
- widget: "InputField"
6360
+ config: {
6361
+ layout: {
6362
+ xs: 11,
6363
+ sm: 11,
6364
+ md: 5.5,
6365
+ lg: 5.5
6267
6366
  },
6268
- config: {
6269
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6270
- main: {
6271
- label: "Value",
6272
- type: "number",
6273
- helperText: "Number should be in range of 0 to 12",
6274
- errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6275
- }
6367
+ main: {
6368
+ label: "Screen Size"
6276
6369
  }
6370
+ }
6371
+ },
6372
+ {
6373
+ type: "Control",
6374
+ scope: "#/properties/value",
6375
+ options: {
6376
+ widget: "InputField"
6277
6377
  },
6278
- {
6279
- type: "Control",
6280
- scope: "#/properties/emptyBox",
6281
- options: {
6282
- widget: "EmptyBox"
6378
+ config: {
6379
+ layout: {
6380
+ xs: 11,
6381
+ sm: 11,
6382
+ md: 5.5,
6383
+ lg: 5.5
6283
6384
  },
6284
- config: {
6285
- layout: { xs: 0, sm: 4 }
6385
+ main: {
6386
+ label: "Value",
6387
+ type: "number",
6388
+ helperText: "Number should be in range of 0 to 12",
6389
+ errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6286
6390
  }
6287
6391
  }
6288
- ]
6289
- }
6392
+ }
6393
+ ]
6290
6394
  }
6291
6395
  }
6292
- ]
6293
- }
6294
- ]
6295
- },
6296
- {
6297
- type: "Control",
6298
- scope: "#/properties/EmptyBox",
6299
- options: {
6300
- widget: "EmptyBox"
6301
- },
6302
- config: {
6303
- layout: { xs: 0, sm: 4, md: 4, lg: 4 }
6396
+ }
6397
+ ]
6304
6398
  }
6399
+ ]
6400
+ },
6401
+ {
6402
+ type: "Control",
6403
+ scope: "#/properties/proc",
6404
+ config: {
6405
+ layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6305
6406
  },
6306
- {
6307
- type: "Control",
6308
- scope: "#/properties/EmptyBox",
6309
- options: {
6310
- widget: "EmptyBox"
6311
- },
6312
- config: {
6313
- layout: { xs: 0, sm: 4, md: 4, lg: 4 }
6314
- }
6407
+ options: {
6408
+ widget: "EmptyBox"
6409
+ }
6410
+ },
6411
+ {
6412
+ type: "Control",
6413
+ scope: "#/properties/btn",
6414
+ options: {
6415
+ widget: "Button"
6315
6416
  },
6316
- {
6317
- type: "Control",
6318
- scope: "#/properties/btn",
6319
- options: {
6320
- widget: "Button"
6417
+ config: {
6418
+ layout: {
6419
+ xs: 11,
6420
+ sm: 11,
6421
+ md: 2.5,
6422
+ lg: 2.5
6321
6423
  },
6322
- config: {
6323
- layout: 1.8,
6324
- main: {
6325
- name: "Ok",
6326
- startIcon: "ApproveIcon",
6327
- variant: "contained",
6328
- type: "text",
6329
- onClick: "okHandler",
6330
- size: "medium"
6331
- },
6332
- style: {
6333
- float: "right"
6334
- }
6335
- }
6336
- },
6337
- {
6338
- type: "Control",
6339
- scope: "#/properties/btnSubmit",
6340
- options: {
6341
- widget: "Button"
6424
+ main: {
6425
+ name: "Ok",
6426
+ startIcon: "ApproveIcon",
6427
+ variant: "contained",
6428
+ color: "info",
6429
+ type: "text",
6430
+ onClick: "okHandler",
6431
+ size: "small"
6342
6432
  },
6343
- config: {
6344
- layout: 1.8,
6345
- main: {
6346
- name: "Save & Exit",
6347
- startIcon: "ApproveIcon",
6348
- variant: "contained",
6349
- type: "text",
6350
- onClick: "saveHandler",
6351
- size: "medium"
6352
- },
6353
- style: {
6354
- float: "right"
6355
- }
6433
+ style: {
6434
+ marginBottom: "8px",
6435
+ float: "right"
6356
6436
  }
6437
+ }
6438
+ },
6439
+ {
6440
+ type: "Control",
6441
+ scope: "#/properties/btnSubmit",
6442
+ options: {
6443
+ widget: "Button"
6357
6444
  },
6358
- {
6359
- type: "Control",
6360
- scope: "#/properties/notify",
6361
- options: {
6362
- widget: "Notify"
6445
+ config: {
6446
+ layout: {
6447
+ xs: 11,
6448
+ sm: 11,
6449
+ md: 2.5,
6450
+ lg: 2.5
6363
6451
  },
6364
- layout: 6
6365
- },
6366
- {
6367
- type: "HorizontalLayout",
6368
- config: {
6369
- main: {
6370
- direction: "row"
6371
- },
6372
- style: {
6373
- flexDirection: "row",
6374
- position: "absolute",
6375
- bottom: 0,
6376
- marginBottom: "-8px",
6377
- height: "fit-content",
6378
- overflow: "hidden",
6379
- zIndex: 1e3,
6380
- width: "inherit"
6381
- }
6452
+ main: {
6453
+ name: "Save & Exit",
6454
+ startIcon: "ApproveIcon",
6455
+ variant: "contained",
6456
+ color: "info",
6457
+ type: "text",
6458
+ onClick: "saveHandler",
6459
+ size: "small"
6382
6460
  },
6383
- elements: [
6384
- {
6385
- type: "Control",
6386
- scope: "#/properties/FooterText",
6387
- options: {
6388
- widget: "Box"
6389
- },
6390
- config: {
6391
- main: {
6392
- heading: "Copywriter@ACT21.IO"
6393
- },
6394
- style: {
6395
- color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
6396
- fontSize: "12px",
6397
- textAlign: "center",
6398
- lineHeight: 1,
6399
- width: "fit-content",
6400
- left: "50%",
6401
- position: "relative",
6402
- margin: 0,
6403
- flexGrow: 1,
6404
- height: 0
6405
- }
6406
- }
6407
- },
6408
- {
6409
- type: "Control",
6410
- scope: "#/properties/backIcon",
6411
- options: {
6412
- widget: "Box"
6413
- },
6414
- config: {
6415
- main: {
6416
- iconName: "PrevIcon",
6417
- onClick: "backHandler",
6418
- width: "fit-content"
6419
- },
6420
- style: {
6421
- fill: theme.palette.primary.main,
6422
- width: 20,
6423
- height: 0,
6424
- margin: 0,
6425
- top: 0,
6426
- right: "90px",
6427
- position: "absolute",
6428
- fontSize: "12px",
6429
- cursor: "pointer",
6430
- ":hover": {
6431
- fill: theme.palette.primary.dark
6432
- }
6433
- }
6434
- }
6435
- },
6436
- {
6437
- type: "Control",
6438
- scope: "#/properties/text",
6439
- options: {
6440
- widget: "Box"
6441
- },
6442
- config: {
6443
- main: {
6444
- heading: "Previous Page",
6445
- onClick: "backHandler"
6446
- },
6447
- style: {
6448
- textAlign: "left",
6449
- lineHeight: 1,
6450
- height: 0,
6451
- width: "fit-content",
6452
- color: theme.palette.primary.main,
6453
- fontSize: "12px",
6454
- cursor: "pointer",
6455
- marginLeft: "2px",
6456
- marginRight: 0,
6457
- top: 3,
6458
- right: "20px",
6459
- position: "absolute",
6460
- ":hover": {
6461
- color: theme.palette.primary.dark
6462
- }
6463
- }
6464
- }
6465
- }
6466
- ]
6461
+ style: {
6462
+ marginBottom: "8px",
6463
+ float: "right"
6464
+ }
6467
6465
  }
6468
- ]
6469
- };
6470
- return uiSchema;
6466
+ },
6467
+ {
6468
+ type: "Control",
6469
+ scope: "#/properties/notify",
6470
+ options: {
6471
+ widget: "Notify"
6472
+ },
6473
+ layout: 6
6474
+ }
6475
+ ]
6471
6476
  };
6472
6477
  const CoreSection = {
6473
6478
  type: "HorizontalLayout",
@@ -6512,34 +6517,6 @@ const CoreSection = {
6512
6517
  }
6513
6518
  }
6514
6519
  },
6515
- {
6516
- type: "Control",
6517
- scope: "#/properties/columnFormat",
6518
- options: {
6519
- widget: "SelectInputField"
6520
- },
6521
- config: {
6522
- layout: {
6523
- xs: 12,
6524
- sm: 12,
6525
- md: 6,
6526
- lg: 6
6527
- },
6528
- main: {
6529
- label: "Column Format"
6530
- }
6531
- }
6532
- },
6533
- {
6534
- type: "Control",
6535
- scope: "#/properties/proc",
6536
- config: {
6537
- layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6538
- },
6539
- options: {
6540
- widget: "EmptyBox"
6541
- }
6542
- },
6543
6520
  {
6544
6521
  type: "Control",
6545
6522
  scope: "#/properties/layout",
@@ -6598,95 +6575,121 @@ const EventSection = {
6598
6575
  type: "HorizontalLayout",
6599
6576
  elements: [
6600
6577
  {
6601
- type: "Control",
6602
- scope: "#/properties/events",
6603
- options: {
6604
- widget: "Table"
6605
- },
6578
+ type: "WrapperLayout",
6606
6579
  config: {
6607
6580
  main: {
6608
- headerIcons: {
6609
- elements: [
6610
- {
6611
- widget: {
6612
- type: "Control",
6613
- scope: "#/properties/New_Record",
6614
- options: {
6615
- widget: "IconButton"
6616
- },
6617
- config: {
6618
- main: {
6619
- color: "info",
6620
- onClick: "eventAddHandler",
6621
- size: "small",
6622
- icon: "AddIcon",
6623
- iconLabel: "Add New",
6624
- styleDefault: true
6625
- },
6626
- style: {
6627
- mt: "6px"
6628
- }
6629
- }
6630
- }
6631
- }
6632
- ]
6633
- },
6634
- disableAction: true,
6635
- disableSelection: true,
6636
- enableDrag: true
6581
+ divider: true
6582
+ },
6583
+ wrapperStyle: {
6584
+ border: "1px solid gray"
6637
6585
  }
6638
6586
  },
6639
6587
  elements: [
6640
6588
  {
6641
- accessorKey: "eventType",
6642
- header: "Event Type"
6643
- },
6644
- {
6645
- accessorKey: "Handler",
6646
- header: "Handler"
6589
+ type: "Control",
6590
+ scope: "#/properties/programType",
6591
+ options: {
6592
+ widget: "Box"
6593
+ },
6594
+ config: {
6595
+ layout: 8,
6596
+ main: {
6597
+ heading: "Event Table"
6598
+ },
6599
+ style: {
6600
+ fontFamily: "Roboto",
6601
+ fontWeight: "500",
6602
+ paddingLeft: "-10px",
6603
+ fontSize: "20px"
6604
+ }
6605
+ }
6647
6606
  },
6648
6607
  {
6649
- accessorKey: "Edit_Approve_Records",
6650
- header: "Edit Widget",
6651
- widget: {
6652
- type: "Control",
6653
- scope: "#/properties/Edit_Records",
6654
- options: {
6655
- widget: "IconButton"
6608
+ type: "Control",
6609
+ scope: "#/properties/Back_Button",
6610
+ options: {
6611
+ widget: "IconButton"
6612
+ },
6613
+ config: {
6614
+ layout: 3,
6615
+ main: {
6616
+ icon: "AddIcon",
6617
+ styleDefault: true,
6618
+ size: "small",
6619
+ onClick: "eventAddHandler",
6620
+ tooltipMessage: "Back"
6656
6621
  },
6657
- config: {
6658
- main: {
6659
- color: "info",
6660
- size: "small",
6661
- icon: "EditIcon",
6662
- tooltipMessage: "Edit This Record",
6663
- onClick: "eventEditHandler"
6664
- },
6665
- style: {
6666
- color: "#3949ab"
6667
- }
6622
+ style: {
6623
+ float: "right"
6668
6624
  }
6669
6625
  }
6670
6626
  },
6671
6627
  {
6672
- accessorKey: "Reject_Records",
6673
- header: "Delete",
6674
- widget: {
6675
- type: "Control",
6676
- scope: "#/properties/RejectButton",
6677
- accessorKeyName: "Reject_Records",
6678
- options: {
6679
- widget: "IconButton"
6628
+ type: "Control",
6629
+ scope: "#/properties/events",
6630
+ options: {
6631
+ widget: "Table"
6632
+ },
6633
+ config: {
6634
+ main: {
6635
+ disableAction: true,
6636
+ disableSelection: true,
6637
+ enableDrag: true
6638
+ }
6639
+ },
6640
+ elements: [
6641
+ {
6642
+ accessorKey: "eventType",
6643
+ header: "Event Type"
6680
6644
  },
6681
- config: {
6682
- main: {
6683
- icon: "RejectIcon",
6684
- color: "error",
6685
- tooltipMessage: "Reject This Record",
6686
- onClick: "deleteEvent"
6645
+ {
6646
+ accessorKey: "Handler",
6647
+ header: "Handler"
6648
+ },
6649
+ {
6650
+ accessorKey: "Edit_Approve_Records",
6651
+ header: "Edit Widget",
6652
+ widget: {
6653
+ type: "Control",
6654
+ scope: "#/properties/Edit_Records",
6655
+ options: {
6656
+ widget: "IconButton"
6657
+ },
6658
+ config: {
6659
+ main: {
6660
+ color: "info",
6661
+ size: "small",
6662
+ icon: "EditIcon",
6663
+ tooltipMessage: "Edit This Record",
6664
+ onClick: "eventEditHandler"
6665
+ },
6666
+ style: {
6667
+ color: "#3949ab"
6668
+ }
6669
+ }
6670
+ }
6671
+ },
6672
+ {
6673
+ accessorKey: "Reject_Records",
6674
+ header: "Delete",
6675
+ widget: {
6676
+ type: "Control",
6677
+ scope: "#/properties/RejectButton",
6678
+ accessorKeyName: "Reject_Records",
6679
+ options: {
6680
+ widget: "IconButton"
6681
+ },
6682
+ config: {
6683
+ main: {
6684
+ icon: "RejectIcon",
6685
+ color: "error",
6686
+ tooltipMessage: "Reject This Record",
6687
+ onClick: "deleteEvent"
6688
+ }
6689
+ }
6687
6690
  }
6688
6691
  }
6689
- }
6692
+ ]
6690
6693
  }
6691
6694
  ]
6692
6695
  }
@@ -7229,7 +7232,12 @@ const ValueTab = {
7229
7232
  widget: "InputField"
7230
7233
  },
7231
7234
  config: {
7232
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7235
+ layout: {
7236
+ xs: 11,
7237
+ sm: 11,
7238
+ md: 5.5,
7239
+ lg: 5.5
7240
+ },
7233
7241
  main: {
7234
7242
  label: "Label"
7235
7243
  }
@@ -7242,21 +7250,16 @@ const ValueTab = {
7242
7250
  widget: "InputField"
7243
7251
  },
7244
7252
  config: {
7245
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7253
+ layout: {
7254
+ xs: 11,
7255
+ sm: 11,
7256
+ md: 5.5,
7257
+ lg: 5.5
7258
+ },
7246
7259
  main: {
7247
7260
  label: "Value"
7248
7261
  }
7249
7262
  }
7250
- },
7251
- {
7252
- type: "Control",
7253
- scope: "#/properties/emptyBox",
7254
- options: {
7255
- widget: "EmptyBox"
7256
- },
7257
- config: {
7258
- layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7259
- }
7260
7263
  }
7261
7264
  ]
7262
7265
  }
@@ -7498,20 +7501,20 @@ const sectionLabels = {
7498
7501
  };
7499
7502
  const refreshPage = (type, store2) => {
7500
7503
  var _a;
7501
- const UiSchema = _.cloneDeep(componentBasicUiSchema(store2.theme.myTheme));
7504
+ const UiSchema = _.cloneDeep(componentBasicUiSchema);
7502
7505
  if (type) {
7503
7506
  const sectionUiSchema = {
7504
7507
  Core: CoreSection,
7505
7508
  Value: ValueTab,
7506
- style: StyleSection,
7509
+ Style: StyleSection,
7507
7510
  Event: EventSection,
7508
7511
  Components: TableSection,
7509
7512
  Properties: buildPropertiesSection(type),
7510
7513
  Validation: ValidationSection
7511
7514
  };
7512
7515
  const elements = (_a = sectionLabels[type]) == null ? void 0 : _a.map((e) => sectionUiSchema[e]);
7513
- UiSchema.elements[0].config.main.tabLabels = sectionLabels[type] || ["Core", "style", "Event", "Validation"];
7514
- UiSchema.elements[0].elements = elements || [CoreSection, StyleSection, EventSection, ValidationSection];
7516
+ UiSchema.elements[1].config.main.tabLabels = sectionLabels[type] || ["Core", "Style", "Event", "Validation"];
7517
+ UiSchema.elements[1].elements = elements || [CoreSection, StyleSection, EventSection, ValidationSection];
7515
7518
  }
7516
7519
  store2.setUiSchema(UiSchema);
7517
7520
  };
@@ -7634,7 +7637,7 @@ var pageMaster = (funcParams) => {
7634
7637
  return config;
7635
7638
  },
7636
7639
  getUiSchema: function() {
7637
- return PageMasterUiSchema(store2.theme.myTheme);
7640
+ return PageMasterUiSchema;
7638
7641
  },
7639
7642
  getSchema: () => {
7640
7643
  return PageMasterSchema;
@@ -7768,341 +7771,311 @@ const EventSchema = {
7768
7771
  body_key: {
7769
7772
  type: "string"
7770
7773
  },
7771
- body_value: {
7772
- type: "string"
7774
+ body_value: {
7775
+ type: "string"
7776
+ }
7777
+ }
7778
+ }
7779
+ }
7780
+ },
7781
+ required: ["eventType", "Handler"]
7782
+ };
7783
+ const EventUiSchema = {
7784
+ type: "HorizontalLayout",
7785
+ elements: [
7786
+ {
7787
+ type: "WrapperLayout",
7788
+ config: {
7789
+ main: {
7790
+ rowSpacing: 1,
7791
+ header: true
7792
+ },
7793
+ defaultStyle: true
7794
+ },
7795
+ elements: [
7796
+ {
7797
+ type: "Control",
7798
+ scope: "#/properties/Component",
7799
+ options: {
7800
+ widget: "Box"
7801
+ },
7802
+ config: {
7803
+ layout: { xs: 12, sm: 12, md: 2 },
7804
+ main: {
7805
+ heading: "Component"
7806
+ },
7807
+ style: {
7808
+ "float": "left"
7809
+ }
7773
7810
  }
7774
- }
7775
- }
7776
- }
7777
- },
7778
- required: ["eventType", "Handler"]
7779
- };
7780
- const EventUiSchema = (theme) => {
7781
- var _a;
7782
- const uiSchema = {
7783
- type: "HorizontalLayout",
7784
- heading: "Component",
7785
- elements: [
7786
- {
7787
- type: "TabLayout",
7788
- config: {
7789
- main: {
7790
- tabLabels: ["Core", "Response Event"],
7791
- defaultStyle: true,
7792
- id: "event"
7811
+ },
7812
+ {
7813
+ type: "Control",
7814
+ scope: "#/properties/pageName",
7815
+ options: {
7816
+ widget: "Box"
7817
+ },
7818
+ config: {
7819
+ layout: { xs: 7, sm: 7, md: 9 },
7820
+ main: {
7821
+ heading: " "
7822
+ },
7823
+ style: {
7824
+ float: "right",
7825
+ width: "auto",
7826
+ fontSize: "12px",
7827
+ color: "gray",
7828
+ paddingTop: "10px"
7829
+ }
7793
7830
  }
7794
7831
  },
7795
- elements: [
7796
- {
7797
- type: "HorizontalLayout",
7798
- elements: [
7799
- {
7800
- type: "Control",
7801
- scope: `#/properties/eventType`,
7802
- options: {
7803
- widget: "SelectInputField"
7804
- },
7805
- config: {
7806
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7807
- main: {
7808
- label: "Event Type",
7809
- type: "text"
7810
- }
7811
- }
7832
+ {
7833
+ type: "Control",
7834
+ scope: "#/properties/Back_Button",
7835
+ options: {
7836
+ widget: "IconButton"
7837
+ },
7838
+ config: {
7839
+ layout: { xs: 2, sm: 2, md: 0.5 },
7840
+ main: {
7841
+ icon: "BackIcon",
7842
+ styleDefault: true,
7843
+ size: "small",
7844
+ onClick: "backHandler",
7845
+ tooltipMessage: "Back"
7846
+ },
7847
+ style: {
7848
+ float: "right"
7849
+ }
7850
+ }
7851
+ }
7852
+ ]
7853
+ },
7854
+ {
7855
+ type: "TabLayout",
7856
+ config: {
7857
+ main: {
7858
+ tabLabels: ["Core", "Response Event"],
7859
+ defaultStyle: true,
7860
+ id: "event"
7861
+ }
7862
+ },
7863
+ elements: [
7864
+ {
7865
+ type: "HorizontalLayout",
7866
+ elements: [
7867
+ {
7868
+ type: "Control",
7869
+ scope: `#/properties/eventType`,
7870
+ options: {
7871
+ widget: "SelectInputField"
7812
7872
  },
7813
- {
7814
- type: "Control",
7815
- scope: `#/properties/Handler`,
7816
- options: {
7817
- widget: "SelectInputField"
7818
- },
7819
- config: {
7820
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
7821
- main: {
7822
- label: "Handler",
7823
- type: "text"
7824
- }
7873
+ config: {
7874
+ layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
7875
+ main: {
7876
+ label: "Event Type",
7877
+ type: "text"
7825
7878
  }
7879
+ }
7880
+ },
7881
+ getSelectField("Handler", "Handler")
7882
+ ]
7883
+ },
7884
+ {
7885
+ type: "WrapperLayout",
7886
+ config: {
7887
+ main: {
7888
+ divider: true
7889
+ },
7890
+ wrapperStyle: {
7891
+ border: "1px solid gray"
7892
+ }
7893
+ },
7894
+ elements: [
7895
+ {
7896
+ type: "Control",
7897
+ scope: "#/properties/heading",
7898
+ options: {
7899
+ widget: "Box"
7826
7900
  },
7827
- {
7828
- type: "Control",
7829
- scope: "#/properties/emptyBox",
7830
- options: {
7831
- widget: "EmptyBox"
7901
+ config: {
7902
+ layout: 8,
7903
+ main: {
7904
+ heading: "Response Event"
7832
7905
  },
7833
- config: {
7834
- layout: { xs: 0, sm: 4 }
7906
+ style: {
7907
+ fontFamily: "Roboto",
7908
+ fontWeight: "500",
7909
+ paddingLeft: "-10px",
7910
+ fontSize: "20px"
7835
7911
  }
7836
7912
  }
7837
- ]
7838
- },
7839
- {
7840
- type: "Control",
7841
- scope: "#/properties/events",
7842
- options: {
7843
- widget: "Table"
7844
7913
  },
7845
- config: {
7846
- main: {
7847
- headerIcons: {
7848
- elements: [
7849
- {
7850
- widget: {
7851
- type: "Control",
7852
- scope: "#/properties/New_Record",
7853
- options: {
7854
- widget: "IconButton"
7855
- },
7856
- config: {
7857
- main: {
7858
- onClick: "addEvent",
7859
- size: "small",
7860
- icon: "AddIcon",
7861
- iconLabel: "Add New",
7862
- styleDefault: true
7863
- },
7864
- style: {
7865
- mt: "6px"
7866
- }
7867
- }
7868
- }
7869
- }
7870
- ]
7914
+ {
7915
+ type: "Control",
7916
+ scope: "#/properties/AddButton",
7917
+ options: {
7918
+ widget: "IconButton"
7919
+ },
7920
+ config: {
7921
+ layout: 3,
7922
+ main: {
7923
+ icon: "AddIcon",
7924
+ styleDefault: true,
7925
+ size: "small",
7926
+ onClick: "addEvent",
7927
+ tooltipMessage: "Back"
7871
7928
  },
7872
- disableAction: true,
7873
- disableSelection: true,
7874
- enableDrag: true
7929
+ style: {
7930
+ float: "right"
7931
+ }
7875
7932
  }
7876
7933
  },
7877
- elements: [
7878
- {
7879
- accessorKey: "eventType",
7880
- header: "Event Type"
7934
+ {
7935
+ type: "Control",
7936
+ scope: "#/properties/events",
7937
+ options: {
7938
+ widget: "Table"
7881
7939
  },
7882
- {
7883
- accessorKey: "Handler",
7884
- header: "Handler"
7940
+ config: {
7941
+ main: {
7942
+ disableAction: true,
7943
+ disableSelection: true,
7944
+ enableDrag: true
7945
+ }
7885
7946
  },
7886
- {
7887
- accessorKey: "Edit_Approve_Records",
7888
- header: "Edit Widget",
7889
- widget: {
7890
- type: "Control",
7891
- scope: "#/properties/Edit_Records",
7892
- options: {
7893
- widget: "IconButton"
7894
- },
7895
- config: {
7896
- main: {
7897
- size: "small",
7898
- icon: "EditIcon",
7899
- tooltipMessage: "Edit This Record",
7900
- onClick: "editEvent"
7947
+ elements: [
7948
+ {
7949
+ accessorKey: "eventType",
7950
+ header: "Event Type"
7951
+ },
7952
+ {
7953
+ accessorKey: "Handler",
7954
+ header: "Handler"
7955
+ },
7956
+ {
7957
+ accessorKey: "Edit_Approve_Records",
7958
+ header: "Edit Widget",
7959
+ widget: {
7960
+ type: "Control",
7961
+ scope: "#/properties/Edit_Records",
7962
+ options: {
7963
+ widget: "IconButton"
7901
7964
  },
7902
- style: {
7903
- color: "#3949ab"
7965
+ config: {
7966
+ main: {
7967
+ color: "info",
7968
+ size: "small",
7969
+ icon: "EditIcon",
7970
+ tooltipMessage: "Edit This Record",
7971
+ onClick: "editEvent"
7972
+ },
7973
+ style: {
7974
+ color: "#3949ab"
7975
+ }
7904
7976
  }
7905
7977
  }
7906
- }
7907
- },
7908
- {
7909
- accessorKey: "Reject_Records",
7910
- header: "Delete",
7911
- widget: {
7912
- type: "Control",
7913
- scope: "#/properties/RejectButton",
7914
- options: {
7915
- widget: "IconButton"
7916
- },
7917
- config: {
7918
- main: {
7919
- icon: "RejectIcon",
7920
- color: "error",
7921
- tooltipMessage: "Reject This Record",
7922
- onClick: "deleteEvent"
7978
+ },
7979
+ {
7980
+ accessorKey: "Reject_Records",
7981
+ header: "Delete",
7982
+ widget: {
7983
+ type: "Control",
7984
+ scope: "#/properties/RejectButton",
7985
+ options: {
7986
+ widget: "IconButton"
7987
+ },
7988
+ config: {
7989
+ main: {
7990
+ icon: "RejectIcon",
7991
+ color: "error",
7992
+ tooltipMessage: "Reject This Record",
7993
+ onClick: "deleteEvent"
7994
+ }
7923
7995
  }
7924
7996
  }
7925
7997
  }
7926
- }
7927
- ]
7928
- }
7929
- ]
7930
- },
7931
- {
7932
- type: "Control",
7933
- scope: "#/properties/EmptyBox",
7934
- options: {
7935
- widget: "EmptyBox"
7936
- },
7937
- config: {
7938
- layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7998
+ ]
7999
+ }
8000
+ ]
7939
8001
  }
8002
+ ]
8003
+ },
8004
+ {
8005
+ type: "Control",
8006
+ scope: "#/properties/proc",
8007
+ config: {
8008
+ layout: { xs: 11, sm: 11, md: 6, lg: 6 }
7940
8009
  },
7941
- {
7942
- type: "Control",
7943
- scope: "#/properties/EmptyBox",
7944
- options: {
7945
- widget: "EmptyBox"
7946
- },
7947
- config: {
7948
- layout: { xs: 0, sm: 4, md: 4, lg: 4 }
7949
- }
8010
+ options: {
8011
+ widget: "EmptyBox"
8012
+ }
8013
+ },
8014
+ {
8015
+ type: "Control",
8016
+ scope: "#/properties/btn",
8017
+ options: {
8018
+ widget: "Button"
7950
8019
  },
7951
- {
7952
- type: "Control",
7953
- scope: "#/properties/btn",
7954
- options: {
7955
- widget: "Button"
8020
+ config: {
8021
+ layout: {
8022
+ xs: 11,
8023
+ sm: 11,
8024
+ md: 2.5,
8025
+ lg: 2.5
7956
8026
  },
7957
- config: {
7958
- layout: 1.8,
7959
- main: {
7960
- name: "Ok",
7961
- startIcon: "ApproveIcon",
7962
- variant: "contained",
7963
- type: "text",
7964
- onClick: "okHandler",
7965
- size: "medium"
7966
- },
7967
- style: {
7968
- float: "right"
7969
- }
7970
- }
7971
- },
7972
- {
7973
- type: "Control",
7974
- scope: "#/properties/btnSubmit",
7975
- options: {
7976
- widget: "Button"
8027
+ main: {
8028
+ name: "Ok",
8029
+ startIcon: "ApproveIcon",
8030
+ variant: "contained",
8031
+ color: "info",
8032
+ type: "text",
8033
+ onClick: "okHandler",
8034
+ size: "small"
7977
8035
  },
7978
- config: {
7979
- layout: 1.8,
7980
- main: {
7981
- name: "Save & Exit",
7982
- startIcon: "ApproveIcon",
7983
- variant: "contained",
7984
- type: "text",
7985
- onClick: "saveHandler",
7986
- size: "medium"
7987
- },
7988
- style: {
7989
- float: "right"
7990
- }
8036
+ style: {
8037
+ marginBottom: "8px",
8038
+ float: "right"
7991
8039
  }
8040
+ }
8041
+ },
8042
+ {
8043
+ type: "Control",
8044
+ scope: "#/properties/btnSubmit",
8045
+ options: {
8046
+ widget: "Button"
7992
8047
  },
7993
- {
7994
- type: "Control",
7995
- scope: "#/properties/notify",
7996
- options: {
7997
- widget: "Notify"
8048
+ config: {
8049
+ layout: {
8050
+ xs: 11,
8051
+ sm: 11,
8052
+ md: 2.5,
8053
+ lg: 2.5
7998
8054
  },
7999
- layout: 6
8000
- },
8001
- {
8002
- type: "HorizontalLayout",
8003
- config: {
8004
- main: {
8005
- direction: "row"
8006
- },
8007
- style: {
8008
- flexDirection: "row",
8009
- position: "absolute",
8010
- bottom: 0,
8011
- marginBottom: "-8px",
8012
- height: "fit-content",
8013
- overflow: "hidden",
8014
- zIndex: 1e3,
8015
- width: "inherit"
8016
- }
8055
+ main: {
8056
+ name: "Save & Exit",
8057
+ startIcon: "ApproveIcon",
8058
+ variant: "contained",
8059
+ color: "info",
8060
+ type: "text",
8061
+ onClick: "saveHandler",
8062
+ size: "small"
8017
8063
  },
8018
- elements: [
8019
- {
8020
- type: "Control",
8021
- scope: "#/properties/FooterText",
8022
- options: {
8023
- widget: "Box"
8024
- },
8025
- config: {
8026
- main: {
8027
- heading: "Copywriter@ACT21.IO"
8028
- },
8029
- style: {
8030
- color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
8031
- fontSize: "12px",
8032
- textAlign: "center",
8033
- lineHeight: 1,
8034
- width: "fit-content",
8035
- left: "50%",
8036
- position: "relative",
8037
- margin: 0,
8038
- flexGrow: 1,
8039
- height: 0
8040
- }
8041
- }
8042
- },
8043
- {
8044
- type: "Control",
8045
- scope: "#/properties/backIcon",
8046
- options: {
8047
- widget: "Box"
8048
- },
8049
- config: {
8050
- main: {
8051
- iconName: "PrevIcon",
8052
- onClick: "backHandler",
8053
- width: "fit-content"
8054
- },
8055
- style: {
8056
- fill: theme.palette.primary.main,
8057
- width: 20,
8058
- height: 0,
8059
- margin: 0,
8060
- top: 0,
8061
- right: "82px",
8062
- position: "absolute",
8063
- fontSize: "12px",
8064
- cursor: "pointer",
8065
- ":hover": {
8066
- fill: theme.palette.primary.dark
8067
- }
8068
- }
8069
- }
8070
- },
8071
- {
8072
- type: "Control",
8073
- scope: "#/properties/text",
8074
- options: {
8075
- widget: "Box"
8076
- },
8077
- config: {
8078
- main: {
8079
- heading: "Previous Page",
8080
- onClick: "backHandler"
8081
- },
8082
- style: {
8083
- textAlign: "left",
8084
- lineHeight: 1,
8085
- height: 0,
8086
- width: "fit-content",
8087
- color: theme.palette.primary.main,
8088
- fontSize: "12px",
8089
- cursor: "pointer",
8090
- marginLeft: "2px",
8091
- marginRight: 0,
8092
- top: 3,
8093
- right: "12px",
8094
- position: "absolute",
8095
- ":hover": {
8096
- color: theme.palette.primary.dark
8097
- }
8098
- }
8099
- }
8100
- }
8101
- ]
8064
+ style: {
8065
+ marginBottom: "8px",
8066
+ float: "right"
8067
+ }
8102
8068
  }
8103
- ]
8104
- };
8105
- return uiSchema;
8069
+ },
8070
+ {
8071
+ type: "Control",
8072
+ scope: "#/properties/notify",
8073
+ options: {
8074
+ widget: "Notify"
8075
+ },
8076
+ layout: 6
8077
+ }
8078
+ ]
8106
8079
  };
8107
8080
  const APISection = {
8108
8081
  type: "HorizontalLayout",
@@ -8321,23 +8294,23 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
8321
8294
  this.refreshPage(formdata.Handler, store2);
8322
8295
  },
8323
8296
  refreshPage: (handlerType, store22) => {
8324
- const uiSchema = _.cloneDeep(EventUiSchema(store22.theme.myTheme));
8297
+ const uiSchema = _.cloneDeep(EventUiSchema);
8325
8298
  const schema2 = _.cloneDeep(EventSchema);
8326
8299
  if (handlerType) {
8327
8300
  if (handlerType === "custom") {
8328
8301
  uiSchema.elements[1].elements[0].elements[2] = getRadioInputField("isSync", "Run in Sync", ["Yes", "No"]);
8329
8302
  uiSchema.elements[1].elements[0].elements[3] = emptyBox;
8330
- uiSchema.elements[0].elements[0].elements[3] = getTextArea("eventCode", "Write Custom Code", false);
8303
+ uiSchema.elements[1].elements[0].elements[4] = getTextArea("eventCode", "Write Custom Code", false);
8331
8304
  schema2.required = ["eventType", "Handler", "eventCode"];
8332
8305
  } else if (handlerType === "api") {
8333
- uiSchema.elements[0].elements[0].elements[3] = APISection;
8306
+ uiSchema.elements[1].elements[0].elements[2] = APISection;
8334
8307
  schema2.required = ["eventType", "Handler", "method", "path"];
8335
8308
  } else if (handlerType === "inBuiltFunction") {
8336
- uiSchema.elements[0].elements[0].elements[2] = getSelectField("inBuiltFunctionType", "Function Name");
8337
- uiSchema.elements[0].elements[0].elements[3] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true, 12);
8309
+ uiSchema.elements[1].elements[0].elements[2] = getSelectField("inBuiltFunctionType", "Function Name");
8310
+ uiSchema.elements[1].elements[0].elements[3] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true, { xs: 12, sm: 12, md: 6 });
8338
8311
  schema2.required = ["eventType", "Handler", "inBuiltFunctionType"];
8339
8312
  } else if (handlerType === "refresh") {
8340
- uiSchema.elements[0].elements[0].elements[3] = refreshSectionUiSchema;
8313
+ uiSchema.elements[1].elements[0].elements[2] = refreshSectionUiSchema;
8341
8314
  schema2.properties.refreshElements.required = ["value"];
8342
8315
  schema2.properties.refreshElements.items.required = ["value"];
8343
8316
  schema2.required = ["eventType", "Handler", "refreshElements"];
@@ -8353,8 +8326,8 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
8353
8326
  store22.setUiSchema(uiSchema);
8354
8327
  },
8355
8328
  getFormData: Component(store2, dynamicData2, submitHandler, service2).getFormdata,
8356
- getUiSchema: async function() {
8357
- return await EventUiSchema(store2.theme.myTheme);
8329
+ getUiSchema: function() {
8330
+ return EventUiSchema;
8358
8331
  },
8359
8332
  getSchema: () => {
8360
8333
  return EventSchema;
@@ -9410,7 +9383,7 @@ const LineGraph = {
9410
9383
  leftLabel: "Incentive",
9411
9384
  gridHidden: true,
9412
9385
  numHidden: false,
9413
- tooltipDataKey: ["First", "Second", "Third"],
9386
+ tooltipDataKey: ["MAMA New Project", "Second", "Third"],
9414
9387
  axisLeft: true,
9415
9388
  axisBottom: true,
9416
9389
  hideLeftAxisLine: false,
@@ -9668,7 +9641,8 @@ var WrapperSection = {
9668
9641
  config: {
9669
9642
  main: {
9670
9643
  rowSpacing: 3,
9671
- divider: true
9644
+ divider: true,
9645
+ label: "Default Label"
9672
9646
  },
9673
9647
  defaultStyle: true
9674
9648
  },
@@ -10022,14 +9996,16 @@ var Card = {
10022
9996
  main: {
10023
9997
  rowSpacing: 0.5
10024
9998
  },
10025
- componentsBoxStyle: {
10026
- position: "relative",
10027
- color: "white",
10028
- height: { xs: "120px", md: "160px" },
10029
- width: "100%",
10030
- textAlign: "left",
10031
- background: "#3f51b5",
10032
- borderRadius: "20px"
9999
+ style: {
10000
+ componentsBoxStyle: {
10001
+ position: "relative",
10002
+ color: "white",
10003
+ height: { xs: "120px", md: "160px" },
10004
+ width: "100%",
10005
+ textAlign: "left",
10006
+ background: "#3f51b5",
10007
+ borderRadius: "20px"
10008
+ }
10033
10009
  },
10034
10010
  layout: { xs: 12, sm: 12, md: 6, lg: 6 }
10035
10011
  },
@@ -10155,12 +10131,7 @@ const DateTime = {
10155
10131
  widget: "DateTimeInputField"
10156
10132
  },
10157
10133
  config: {
10158
- layout: {
10159
- xs: 11,
10160
- sm: 11,
10161
- md: 5.5,
10162
- lg: 5.5
10163
- },
10134
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
10164
10135
  main: {
10165
10136
  label: "DateTime",
10166
10137
  type: "date"
@@ -10320,7 +10291,7 @@ const buildBasicUiSchema = (config) => {
10320
10291
  pageName: config.name,
10321
10292
  name: config.name,
10322
10293
  accessorKey: config.name,
10323
- header: config.label || config.name,
10294
+ headeing: config.label || config.name,
10324
10295
  "elements": []
10325
10296
  };
10326
10297
  };