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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/dist/impaktapps-ui-builder.es.js +774 -915
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +9 -9
  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/package.json +1 -1
  7. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +264 -308
  8. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +361 -341
  9. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +284 -381
  10. package/src/impaktapps-ui-builder/builder/services/component.ts +3 -3
  11. package/src/impaktapps-ui-builder/builder/services/event.ts +8 -8
  12. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +1 -1
package/dist/impaktapps-ui-builder.es.js CHANGED
@@ -36,387 +36,299 @@ const PageMasterSchema = {
36
36
  },
37
37
  required: ["label", "name"]
38
38
  };
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"
39
+ const PageMasterUiSchema = {
40
+ type: "HorizontalLayout",
41
+ heading: "Page Master",
42
+ elements: [
43
+ {
44
+ type: "WrapperLayout",
45
+ config: {
46
+ main: {
47
+ label: "Page Template",
48
+ isAccordion: true
50
49
  },
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
60
- }
61
- }
50
+ wrapperStyle: {
51
+ marginTop: "-6px",
52
+ marginBottom: "-8px"
53
+ },
54
+ componentsBoxStyle: {
55
+ marginLeft: "24px"
56
+ },
57
+ defaultStyle: true
62
58
  },
63
- {
64
- type: "Control",
65
- scope: "#/properties/label",
66
- options: {
67
- widget: "InputField"
59
+ elements: [
60
+ {
61
+ type: "Control",
62
+ scope: "#/properties/name",
63
+ options: {
64
+ widget: "InputField"
65
+ },
66
+ config: {
67
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
68
+ main: {
69
+ label: "Name",
70
+ options: [],
71
+ color: "secondary",
72
+ errorMessage: "Name should be start with 'page_'",
73
+ helperText: 'Name should be start with "page_"',
74
+ required: true
75
+ }
76
+ }
68
77
  },
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
78
+ {
79
+ type: "Control",
80
+ scope: "#/properties/label",
81
+ options: {
82
+ widget: "InputField"
83
+ },
84
+ config: {
85
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
86
+ main: {
87
+ label: "Label",
88
+ options: [],
89
+ color: "secondary",
90
+ required: true
91
+ }
76
92
  }
77
- }
78
- },
79
- {
80
- type: "Control",
81
- scope: "#/properties/emptyBox",
82
- options: {
83
- widget: "EmptyBox"
84
93
  },
85
- config: {
86
- layout: { xs: 0, sm: 4 }
94
+ {
95
+ type: "Control",
96
+ scope: "#/properties/emptyBox",
97
+ options: {
98
+ widget: "EmptyBox"
99
+ },
100
+ config: {
101
+ layout: { xs: 0, sm: 4 }
102
+ }
87
103
  }
104
+ ]
105
+ },
106
+ {
107
+ type: "TabLayout",
108
+ config: {
109
+ main: {
110
+ tabLabels: ["Components", "events"],
111
+ divider: true
112
+ },
113
+ defaultStyle: true
88
114
  },
89
- {
90
- type: "TabLayout",
91
- config: {
92
- main: {
93
- tabLabels: ["Components", "events"],
94
- divider: true
115
+ elements: [
116
+ {
117
+ type: "Control",
118
+ scope: "#/properties/elements",
119
+ options: {
120
+ widget: "Table"
95
121
  },
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"
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
+ color: "info",
136
+ onClick: "onAddClickHandler",
137
+ size: "small",
138
+ icon: "AddIcon",
139
+ iconLabel: "Add New",
140
+ styleDefault: true
115
141
  },
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
- }
142
+ style: {
143
+ mt: "6px"
128
144
  }
129
145
  }
130
146
  }
131
- ]
132
- },
133
- disableAction: true,
134
- disableSelection: true,
135
- enableDrag: true
136
- }
137
- },
138
- elements: [
139
- {
140
- accessorKey: "name",
141
- header: "Name"
142
- },
143
- {
144
- accessorKey: "type",
145
- header: "Type"
147
+ }
148
+ ]
146
149
  },
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
- }
150
+ disableAction: true,
151
+ disableSelection: true,
152
+ enableDrag: true
153
+ }
154
+ },
155
+ elements: [
156
+ {
157
+ accessorKey: "name",
158
+ header: "Name"
159
+ },
160
+ {
161
+ accessorKey: "type",
162
+ header: "Type"
163
+ },
164
+ {
165
+ header: "Edit",
166
+ field: "Reject_Records",
167
+ flex: 1,
168
+ widget: {
169
+ type: "Control",
170
+ scope: "#/properties/RejectButton",
171
+ options: {
172
+ widget: "IconButton"
173
+ },
174
+ config: {
175
+ main: {
176
+ icon: "EditIcon",
177
+ color: "primary",
178
+ onClick: "Edit_Components",
179
+ tooltipMessage: "Edit This Record"
164
180
  }
165
181
  }
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
- }
182
+ }
183
+ },
184
+ {
185
+ header: "Delete",
186
+ field: "Reject_Records",
187
+ flex: 1,
188
+ widget: {
189
+ type: "Control",
190
+ scope: "#/properties/RejectButton",
191
+ options: {
192
+ widget: "IconButton"
193
+ },
194
+ config: {
195
+ main: {
196
+ icon: "RejectIcon",
197
+ color: "error",
198
+ onClick: "Delete_Components",
199
+ tooltipMessage: "Reject This Record"
184
200
  }
185
201
  }
186
202
  }
187
- ]
203
+ }
204
+ ]
205
+ },
206
+ {
207
+ type: "Control",
208
+ scope: "#/properties/events",
209
+ options: {
210
+ widget: "Table"
188
211
  },
189
- {
190
- type: "Control",
191
- scope: "#/properties/events",
192
- options: {
193
- widget: "Table"
194
- },
195
- config: {
196
- main: {
197
- headerIcons: {
198
- elements: [
199
- {
200
- widget: {
201
- type: "Control",
202
- scope: "#/properties/New_Record",
203
- options: {
204
- widget: "IconButton"
212
+ config: {
213
+ main: {
214
+ headerIcons: {
215
+ elements: [
216
+ {
217
+ widget: {
218
+ type: "Control",
219
+ scope: "#/properties/New_Record",
220
+ options: {
221
+ widget: "IconButton"
222
+ },
223
+ config: {
224
+ main: {
225
+ color: "info",
226
+ onClick: "eventAddHandler",
227
+ size: "small",
228
+ icon: "AddIcon",
229
+ iconLabel: "Add New",
230
+ styleDefault: true
205
231
  },
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
- }
232
+ style: {
233
+ mt: "6px"
218
234
  }
219
235
  }
220
236
  }
221
- ]
222
- },
223
- disableAction: true,
224
- disableSelection: true,
225
- enableDrag: true
226
- }
227
- },
228
- elements: [
229
- {
230
- accessorKey: "eventType",
231
- header: "Event Type"
232
- },
233
- {
234
- accessorKey: "Handler",
235
- header: "Handler"
236
- },
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"
253
- },
254
- style: {
255
- color: "#3949ab"
256
- }
257
237
  }
258
- }
238
+ ]
259
239
  },
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"
275
- }
276
- }
277
- }
278
- }
279
- ]
280
- }
281
- ]
282
- },
283
- {
284
- type: "Control",
285
- scope: "#/properties/btn",
286
- options: {
287
- widget: "Button"
288
- },
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"
331
- },
332
- config: {
333
- layout: { xs: 0, sm: 4, md: 4, lg: 4 }
240
+ disableAction: true,
241
+ disableSelection: true,
242
+ enableDrag: true
334
243
  }
335
244
  },
336
- {
337
- type: "Control",
338
- scope: "#/properties/FooterText",
339
- options: {
340
- widget: "Box"
245
+ elements: [
246
+ {
247
+ accessorKey: "eventType",
248
+ header: "Event Type"
341
249
  },
342
- config: {
343
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
344
- main: {
345
- heading: "Copywriter@ACT21.IO"
346
- },
347
- style: {
348
- color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
349
- fontSize: "12px"
350
- }
351
- }
352
- },
353
- {
354
- type: "HorizontalLayout",
355
- config: {
356
- layout: { xs: 11, sm: 4, md: 4, lg: 4 }
250
+ {
251
+ accessorKey: "Handler",
252
+ header: "Handler"
357
253
  },
358
- elements: [
359
- {
360
- type: "Control",
361
- scope: "#/properties/EmptyBox",
362
- options: {
363
- widget: "EmptyBox"
364
- },
365
- config: {
366
- layout: 2
367
- }
368
- },
369
- {
254
+ {
255
+ accessorKey: "Edit_Approve_Records",
256
+ header: "Edit Widget",
257
+ widget: {
370
258
  type: "Control",
371
- scope: "#/properties/backIcon",
259
+ scope: "#/properties/Edit_Records",
372
260
  options: {
373
- widget: "Box"
261
+ widget: "IconButton"
374
262
  },
375
263
  config: {
376
- layout: 1,
377
264
  main: {
378
- iconName: "PrevIcon",
379
- onClick: "backHandler"
265
+ color: "info",
266
+ size: "small",
267
+ icon: "EditIcon",
268
+ tooltipMessage: "Edit This Record",
269
+ onClick: "editEvent"
380
270
  },
381
271
  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"
272
+ color: "#3949ab"
390
273
  }
391
274
  }
392
- },
393
- {
275
+ }
276
+ },
277
+ {
278
+ accessorKey: "Reject_Records",
279
+ header: "Delete",
280
+ widget: {
394
281
  type: "Control",
395
- scope: "#/properties/text",
282
+ scope: "#/properties/RejectButton",
396
283
  options: {
397
- widget: "Box"
284
+ widget: "IconButton"
398
285
  },
399
286
  config: {
400
- layout: 9,
401
287
  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"
288
+ icon: "RejectIcon",
289
+ color: "error",
290
+ tooltipMessage: "Reject This Record",
291
+ onClick: "deleteEvent"
410
292
  }
411
293
  }
412
294
  }
413
- ]
414
- }
415
- ]
295
+ }
296
+ ]
297
+ }
298
+ ]
299
+ },
300
+ {
301
+ type: "Control",
302
+ scope: "#/properties/btn",
303
+ options: {
304
+ widget: "Button"
305
+ },
306
+ config: {
307
+ layout: 11.9,
308
+ main: {
309
+ name: "Save",
310
+ startIcon: "ApproveIcon",
311
+ variant: "contained",
312
+ color: "info",
313
+ type: "text",
314
+ onClick: "saveHandler",
315
+ size: "medium"
316
+ },
317
+ style: {
318
+ width: { xs: "90%", sm: "90%", md: "20%", lg: "10%" },
319
+ float: "right"
320
+ }
416
321
  }
417
- ]
418
- };
419
- return uiSchema;
322
+ },
323
+ {
324
+ type: "Control",
325
+ scope: "#/properties/notify",
326
+ options: {
327
+ widget: "Notify"
328
+ },
329
+ layout: 6
330
+ }
331
+ ]
420
332
  };
421
333
  var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
422
334
  var lodash = { exports: {} };
@@ -6150,303 +6062,285 @@ const ComponentSchema = {
6150
6062
  },
6151
6063
  required: ["name"]
6152
6064
  };
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`
6065
+ const componentBasicUiSchema = {
6066
+ type: "HorizontalLayout",
6067
+ elements: [
6068
+ {
6069
+ type: "WrapperLayout",
6070
+ config: {
6071
+ main: {
6072
+ rowSpacing: 1,
6073
+ header: true
6074
+ },
6075
+ defaultStyle: true
6076
+ },
6077
+ elements: [
6078
+ {
6079
+ type: "Control",
6080
+ scope: "#/properties/Component",
6081
+ options: {
6082
+ widget: "Box"
6083
+ },
6084
+ config: {
6085
+ layout: { xs: 12, sm: 12, md: 2 },
6086
+ main: {
6087
+ heading: "Component"
6088
+ },
6089
+ style: {
6090
+ "float": "left"
6091
+ }
6166
6092
  }
6167
6093
  },
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
- }
6094
+ {
6095
+ type: "Control",
6096
+ scope: "#/properties/pageName",
6097
+ options: {
6098
+ widget: "Box"
6099
+ },
6100
+ config: {
6101
+ layout: { xs: 7, sm: 7, md: 9 },
6102
+ main: {
6103
+ heading: " "
6104
+ },
6105
+ style: {
6106
+ float: "right",
6107
+ width: "auto",
6108
+ fontSize: "12px",
6109
+ color: "gray",
6110
+ paddingTop: "10px"
6111
+ }
6112
+ }
6113
+ },
6114
+ {
6115
+ type: "Control",
6116
+ scope: "#/properties/Back_Button",
6117
+ options: {
6118
+ widget: "IconButton"
6119
+ },
6120
+ config: {
6121
+ layout: { xs: 2, sm: 2, md: 0.5 },
6122
+ main: {
6123
+ icon: "BackIcon",
6124
+ styleDefault: true,
6125
+ size: "small",
6126
+ onClick: "backHandler",
6127
+ tooltipMessage: "Back"
6128
+ },
6129
+ style: {
6130
+ float: "right"
6131
+ }
6132
+ }
6133
+ }
6134
+ ]
6135
+ },
6136
+ {
6137
+ type: "TabLayout",
6138
+ config: {
6139
+ main: {
6140
+ tabLabels: ["Core"],
6141
+ defaultStyle: true,
6142
+ id: `component`
6143
+ }
6144
+ },
6145
+ elements: [
6146
+ {
6147
+ type: "HorizontalLayout",
6148
+ elements: [
6149
+ {
6150
+ type: "Control",
6151
+ scope: "#/properties/type",
6152
+ options: {
6153
+ widget: "SelectInputField"
6154
+ },
6155
+ config: {
6156
+ layout: { xs: 12, sm: 12, md: 6, lg: 6 },
6157
+ main: {
6158
+ label: "Type"
6183
6159
  }
6160
+ }
6161
+ },
6162
+ {
6163
+ type: "Control",
6164
+ scope: "#/properties/name",
6165
+ options: {
6166
+ widget: "InputField"
6184
6167
  },
6185
- {
6186
- type: "Control",
6187
- scope: "#/properties/name",
6188
- options: {
6189
- widget: "InputField"
6168
+ config: {
6169
+ layout: {
6170
+ xs: 12,
6171
+ sm: 12,
6172
+ md: 6,
6173
+ lg: 6
6190
6174
  },
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
- }
6175
+ main: {
6176
+ label: "Name",
6177
+ options: [],
6178
+ color: "secondary",
6179
+ required: true
6199
6180
  }
6181
+ }
6182
+ },
6183
+ {
6184
+ type: "Control",
6185
+ scope: "#/properties/label",
6186
+ options: {
6187
+ widget: "InputField"
6200
6188
  },
6201
- {
6202
- type: "Control",
6203
- scope: "#/properties/label",
6204
- options: {
6205
- widget: "InputField"
6189
+ config: {
6190
+ layout: {
6191
+ xs: 12,
6192
+ sm: 12,
6193
+ md: 6,
6194
+ lg: 6
6206
6195
  },
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
- }
6196
+ main: {
6197
+ label: "Label",
6198
+ options: [],
6199
+ color: "secondary",
6200
+ required: true
6215
6201
  }
6202
+ }
6203
+ },
6204
+ {
6205
+ type: "Control",
6206
+ scope: "#/properties/proc",
6207
+ config: {
6208
+ layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6216
6209
  },
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
- }
6210
+ options: {
6211
+ widget: "EmptyBox"
6212
+ }
6213
+ },
6214
+ {
6215
+ type: "Control",
6216
+ scope: "#/properties/layout",
6217
+ layout: 11.5,
6218
+ options: {
6219
+ detail: {
6220
+ type: "HorizontalLayout",
6221
+ elements: [
6222
+ {
6223
+ type: "Control",
6224
+ scope: "#/properties/key",
6225
+ options: {
6226
+ widget: "SelectInputField"
6237
6227
  },
6238
- {
6239
- type: "Control",
6240
- scope: "#/properties/value",
6241
- options: {
6242
- widget: "InputField"
6228
+ config: {
6229
+ layout: {
6230
+ xs: 11,
6231
+ sm: 11,
6232
+ md: 5.5,
6233
+ lg: 5.5
6243
6234
  },
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
- }
6235
+ main: {
6236
+ label: "Screen Size"
6252
6237
  }
6238
+ }
6239
+ },
6240
+ {
6241
+ type: "Control",
6242
+ scope: "#/properties/value",
6243
+ options: {
6244
+ widget: "InputField"
6253
6245
  },
6254
- {
6255
- type: "Control",
6256
- scope: "#/properties/emptyBox",
6257
- options: {
6258
- widget: "EmptyBox"
6246
+ config: {
6247
+ layout: {
6248
+ xs: 11,
6249
+ sm: 11,
6250
+ md: 5.5,
6251
+ lg: 5.5
6259
6252
  },
6260
- config: {
6261
- layout: { xs: 0, sm: 4 }
6253
+ main: {
6254
+ label: "Value",
6255
+ type: "number",
6256
+ helperText: "Number should be in range of 0 to 12",
6257
+ errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6262
6258
  }
6263
6259
  }
6264
- ]
6265
- }
6260
+ }
6261
+ ]
6266
6262
  }
6267
6263
  }
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 }
6264
+ }
6265
+ ]
6280
6266
  }
6267
+ ]
6268
+ },
6269
+ {
6270
+ type: "Control",
6271
+ scope: "#/properties/proc",
6272
+ config: {
6273
+ layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6281
6274
  },
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
- }
6275
+ options: {
6276
+ widget: "EmptyBox"
6277
+ }
6278
+ },
6279
+ {
6280
+ type: "Control",
6281
+ scope: "#/properties/btn",
6282
+ options: {
6283
+ widget: "Button"
6291
6284
  },
6292
- {
6293
- type: "Control",
6294
- scope: "#/properties/btn",
6295
- options: {
6296
- widget: "Button"
6285
+ config: {
6286
+ layout: {
6287
+ xs: 11,
6288
+ sm: 11,
6289
+ md: 2.5,
6290
+ lg: 2.5
6297
6291
  },
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"
6292
+ main: {
6293
+ name: "Ok",
6294
+ startIcon: "ApproveIcon",
6295
+ variant: "contained",
6296
+ color: "info",
6297
+ type: "text",
6298
+ onClick: "okHandler",
6299
+ size: "small"
6319
6300
  },
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
- }
6301
+ style: {
6302
+ marginBottom: "8px",
6303
+ float: "right"
6334
6304
  }
6305
+ }
6306
+ },
6307
+ {
6308
+ type: "Control",
6309
+ scope: "#/properties/btnSubmit",
6310
+ options: {
6311
+ widget: "Button"
6335
6312
  },
6336
- {
6337
- type: "Control",
6338
- scope: "#/properties/notify",
6339
- options: {
6340
- widget: "Notify"
6313
+ config: {
6314
+ layout: {
6315
+ xs: 11,
6316
+ sm: 11,
6317
+ md: 2.5,
6318
+ lg: 2.5
6341
6319
  },
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
- }
6320
+ main: {
6321
+ name: "Save & Exit",
6322
+ startIcon: "ApproveIcon",
6323
+ variant: "contained",
6324
+ color: "info",
6325
+ type: "text",
6326
+ onClick: "saveHandler",
6327
+ size: "small"
6354
6328
  },
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
- ]
6329
+ style: {
6330
+ marginBottom: "8px",
6331
+ float: "right"
6332
+ }
6446
6333
  }
6447
- ]
6448
- };
6449
- return uiSchema;
6334
+ },
6335
+ {
6336
+ type: "Control",
6337
+ scope: "#/properties/notify",
6338
+ options: {
6339
+ widget: "Notify"
6340
+ },
6341
+ layout: 6
6342
+ }
6343
+ ]
6450
6344
  };
6451
6345
  const CoreSection = {
6452
6346
  type: "HorizontalLayout",
@@ -7487,7 +7381,7 @@ const sectionLabels = {
7487
7381
  };
7488
7382
  const refreshPage = (type, store2) => {
7489
7383
  var _a;
7490
- const UiSchema = _.cloneDeep(componentBasicUiSchema(store2.theme.myTheme));
7384
+ const UiSchema = _.cloneDeep(componentBasicUiSchema);
7491
7385
  if (type) {
7492
7386
  const sectionUiSchema = {
7493
7387
  Core: CoreSection,
@@ -7499,8 +7393,8 @@ const refreshPage = (type, store2) => {
7499
7393
  Validation: ValidationSection
7500
7394
  };
7501
7395
  const elements = (_a = sectionLabels[type]) == null ? void 0 : _a.map((e) => sectionUiSchema[e]);
7502
- UiSchema.elements[0].config.main.tabLabels = sectionLabels[type] || ["Core", "style", "Event", "Validation"];
7503
- UiSchema.elements[0].elements = elements || [CoreSection, StyleSection, EventSection, ValidationSection];
7396
+ UiSchema.elements[1].config.main.tabLabels = sectionLabels[type] || ["Core", "style", "Event", "Validation"];
7397
+ UiSchema.elements[1].elements = elements || [CoreSection, StyleSection, EventSection, ValidationSection];
7504
7398
  }
7505
7399
  store2.setUiSchema(UiSchema);
7506
7400
  };
@@ -7622,7 +7516,7 @@ var pageMaster = (funcParams) => {
7622
7516
  return config;
7623
7517
  },
7624
7518
  getUiSchema: function() {
7625
- return PageMasterUiSchema(store2.theme.myTheme);
7519
+ return PageMasterUiSchema;
7626
7520
  },
7627
7521
  getSchema: () => {
7628
7522
  return PageMasterSchema;
@@ -7757,337 +7651,302 @@ const EventSchema = {
7757
7651
  },
7758
7652
  required: ["eventType", "Handler"]
7759
7653
  };
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"
7654
+ const EventUiSchema = {
7655
+ type: "HorizontalLayout",
7656
+ elements: [
7657
+ {
7658
+ type: "WrapperLayout",
7659
+ config: {
7660
+ main: {
7661
+ rowSpacing: 1,
7662
+ header: true
7663
+ },
7664
+ defaultStyle: true
7665
+ },
7666
+ elements: [
7667
+ {
7668
+ type: "Control",
7669
+ scope: "#/properties/Component",
7670
+ options: {
7671
+ widget: "Box"
7672
+ },
7673
+ config: {
7674
+ layout: { xs: 12, sm: 12, md: 2 },
7675
+ main: {
7676
+ heading: "Component"
7677
+ },
7678
+ style: {
7679
+ "float": "left"
7680
+ }
7773
7681
  }
7774
7682
  },
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
- }
7683
+ {
7684
+ type: "Control",
7685
+ scope: "#/properties/pageName",
7686
+ options: {
7687
+ widget: "Box"
7688
+ },
7689
+ config: {
7690
+ layout: { xs: 7, sm: 7, md: 9 },
7691
+ main: {
7692
+ heading: " "
7693
+ },
7694
+ style: {
7695
+ float: "right",
7696
+ width: "auto",
7697
+ fontSize: "12px",
7698
+ color: "gray",
7699
+ paddingTop: "10px"
7700
+ }
7701
+ }
7702
+ },
7703
+ {
7704
+ type: "Control",
7705
+ scope: "#/properties/Back_Button",
7706
+ options: {
7707
+ widget: "IconButton"
7708
+ },
7709
+ config: {
7710
+ layout: { xs: 2, sm: 2, md: 0.5 },
7711
+ main: {
7712
+ icon: "BackIcon",
7713
+ styleDefault: true,
7714
+ size: "small",
7715
+ onClick: "backHandler",
7716
+ tooltipMessage: "Back"
7717
+ },
7718
+ style: {
7719
+ float: "right"
7720
+ }
7721
+ }
7722
+ }
7723
+ ]
7724
+ },
7725
+ {
7726
+ type: "TabLayout",
7727
+ config: {
7728
+ main: {
7729
+ tabLabels: ["Core", "Response Event"],
7730
+ defaultStyle: true,
7731
+ id: "event"
7732
+ }
7733
+ },
7734
+ elements: [
7735
+ {
7736
+ type: "HorizontalLayout",
7737
+ elements: [
7738
+ {
7739
+ type: "Control",
7740
+ scope: `#/properties/eventType`,
7741
+ options: {
7742
+ widget: "SelectInputField"
7792
7743
  },
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
- }
7744
+ config: {
7745
+ layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
7746
+ main: {
7747
+ label: "Event Type",
7748
+ type: "text"
7805
7749
  }
7750
+ }
7751
+ },
7752
+ getSelectField("Handler", "Handler")
7753
+ ]
7754
+ },
7755
+ {
7756
+ type: "WrapperLayout",
7757
+ config: {
7758
+ main: {
7759
+ divider: true
7760
+ },
7761
+ wrapperStyle: {
7762
+ border: "1px solid gray"
7763
+ }
7764
+ },
7765
+ elements: [
7766
+ {
7767
+ type: "Control",
7768
+ scope: "#/properties/heading",
7769
+ options: {
7770
+ widget: "Box"
7806
7771
  },
7807
- {
7808
- type: "Control",
7809
- scope: "#/properties/emptyBox",
7810
- options: {
7811
- widget: "EmptyBox"
7772
+ config: {
7773
+ layout: 8,
7774
+ main: {
7775
+ heading: "Response Event"
7812
7776
  },
7813
- config: {
7814
- layout: { xs: 0, sm: 4 }
7777
+ style: {
7778
+ fontFamily: "Roboto",
7779
+ fontWeight: "500",
7780
+ paddingLeft: "-10px",
7781
+ fontSize: "20px"
7815
7782
  }
7816
7783
  }
7817
- ]
7818
- },
7819
- {
7820
- type: "Control",
7821
- scope: "#/properties/events",
7822
- options: {
7823
- widget: "Table"
7824
7784
  },
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
- ]
7785
+ {
7786
+ type: "Control",
7787
+ scope: "#/properties/AddButton",
7788
+ options: {
7789
+ widget: "IconButton"
7790
+ },
7791
+ config: {
7792
+ layout: 3,
7793
+ main: {
7794
+ icon: "AddIcon",
7795
+ styleDefault: true,
7796
+ size: "small",
7797
+ onClick: "addEvent",
7798
+ tooltipMessage: "Back"
7852
7799
  },
7853
- disableAction: true,
7854
- disableSelection: true,
7855
- enableDrag: true
7800
+ style: {
7801
+ float: "right"
7802
+ }
7856
7803
  }
7857
7804
  },
7858
- elements: [
7859
- {
7860
- accessorKey: "eventType",
7861
- header: "Event Type"
7805
+ {
7806
+ type: "Control",
7807
+ scope: "#/properties/events",
7808
+ options: {
7809
+ widget: "Table"
7862
7810
  },
7863
- {
7864
- accessorKey: "Handler",
7865
- header: "Handler"
7811
+ config: {
7812
+ main: {
7813
+ disableAction: true,
7814
+ disableSelection: true,
7815
+ enableDrag: true
7816
+ }
7866
7817
  },
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"
7818
+ elements: [
7819
+ {
7820
+ accessorKey: "eventType",
7821
+ header: "Event Type"
7822
+ },
7823
+ {
7824
+ accessorKey: "Handler",
7825
+ header: "Handler"
7826
+ },
7827
+ {
7828
+ accessorKey: "Edit_Approve_Records",
7829
+ header: "Edit Widget",
7830
+ widget: {
7831
+ type: "Control",
7832
+ scope: "#/properties/Edit_Records",
7833
+ options: {
7834
+ widget: "IconButton"
7883
7835
  },
7884
- style: {
7885
- color: "#3949ab"
7836
+ config: {
7837
+ main: {
7838
+ color: "info",
7839
+ size: "small",
7840
+ icon: "EditIcon",
7841
+ tooltipMessage: "Edit This Record",
7842
+ onClick: "editEvent"
7843
+ },
7844
+ style: {
7845
+ color: "#3949ab"
7846
+ }
7886
7847
  }
7887
7848
  }
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"
7849
+ },
7850
+ {
7851
+ accessorKey: "Reject_Records",
7852
+ header: "Delete",
7853
+ widget: {
7854
+ type: "Control",
7855
+ scope: "#/properties/RejectButton",
7856
+ options: {
7857
+ widget: "IconButton"
7858
+ },
7859
+ config: {
7860
+ main: {
7861
+ icon: "RejectIcon",
7862
+ color: "error",
7863
+ tooltipMessage: "Reject This Record",
7864
+ onClick: "deleteEvent"
7865
+ }
7905
7866
  }
7906
7867
  }
7907
7868
  }
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 }
7869
+ ]
7870
+ }
7871
+ ]
7921
7872
  }
7873
+ ]
7874
+ },
7875
+ {
7876
+ type: "Control",
7877
+ scope: "#/properties/proc",
7878
+ config: {
7879
+ layout: { xs: 11, sm: 11, md: 6, lg: 6 }
7922
7880
  },
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
- }
7881
+ options: {
7882
+ widget: "EmptyBox"
7883
+ }
7884
+ },
7885
+ {
7886
+ type: "Control",
7887
+ scope: "#/properties/btn",
7888
+ options: {
7889
+ widget: "Button"
7932
7890
  },
7933
- {
7934
- type: "Control",
7935
- scope: "#/properties/btn",
7936
- options: {
7937
- widget: "Button"
7891
+ config: {
7892
+ layout: {
7893
+ xs: 11,
7894
+ sm: 11,
7895
+ md: 2.5,
7896
+ lg: 2.5
7938
7897
  },
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"
7898
+ main: {
7899
+ name: "Ok",
7900
+ startIcon: "ApproveIcon",
7901
+ variant: "contained",
7902
+ color: "info",
7903
+ type: "text",
7904
+ onClick: "okHandler",
7905
+ size: "small"
7960
7906
  },
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
- }
7907
+ style: {
7908
+ marginBottom: "8px",
7909
+ float: "right"
7975
7910
  }
7911
+ }
7912
+ },
7913
+ {
7914
+ type: "Control",
7915
+ scope: "#/properties/btnSubmit",
7916
+ options: {
7917
+ widget: "Button"
7976
7918
  },
7977
- {
7978
- type: "Control",
7979
- scope: "#/properties/notify",
7980
- options: {
7981
- widget: "Notify"
7919
+ config: {
7920
+ layout: {
7921
+ xs: 11,
7922
+ sm: 11,
7923
+ md: 2.5,
7924
+ lg: 2.5
7982
7925
  },
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
- }
7926
+ main: {
7927
+ name: "Save & Exit",
7928
+ startIcon: "ApproveIcon",
7929
+ variant: "contained",
7930
+ color: "info",
7931
+ type: "text",
7932
+ onClick: "saveHandler",
7933
+ size: "small"
7995
7934
  },
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
- ]
7935
+ style: {
7936
+ marginBottom: "8px",
7937
+ float: "right"
7938
+ }
8087
7939
  }
8088
- ]
8089
- };
8090
- return uiSchema;
7940
+ },
7941
+ {
7942
+ type: "Control",
7943
+ scope: "#/properties/notify",
7944
+ options: {
7945
+ widget: "Notify"
7946
+ },
7947
+ layout: 6
7948
+ }
7949
+ ]
8091
7950
  };
8092
7951
  const APISection = {
8093
7952
  type: "HorizontalLayout",
@@ -8284,21 +8143,21 @@ var event = (store2, dynamicData2, submitHandler, service2) => {
8284
8143
  this.refreshPage(formdata.Handler, store2);
8285
8144
  },
8286
8145
  refreshPage: (handlerType, store22) => {
8287
- const uiSchema = _.cloneDeep(EventUiSchema(store22.theme.myTheme));
8146
+ const uiSchema = _.cloneDeep(EventUiSchema);
8288
8147
  const schema2 = _.cloneDeep(EventSchema);
8289
8148
  if (handlerType) {
8290
8149
  if (handlerType === "custom") {
8291
- uiSchema.elements[0].elements[0].elements[2] = getTextArea("eventCode", "Write Custom Code", false);
8150
+ uiSchema.elements[1].elements[0].elements[2] = getTextArea("eventCode", "Write Custom Code", false);
8292
8151
  schema2.required = ["eventType", "Handler", "eventCode"];
8293
8152
  } else if (handlerType === "api") {
8294
- uiSchema.elements[0].elements[0].elements[2] = APISection;
8153
+ uiSchema.elements[1].elements[0].elements[2] = APISection;
8295
8154
  schema2.required = ["eventType", "Handler", "method", "path"];
8296
8155
  } else if (handlerType === "inBuiltFunction") {
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 });
8156
+ uiSchema.elements[1].elements[0].elements[2] = getSelectField("inBuiltFunctionType", "Function Name");
8157
+ uiSchema.elements[1].elements[0].elements[3] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true, { xs: 12, sm: 12, md: 6 });
8299
8158
  schema2.required = ["eventType", "Handler", "inBuiltFunctionType"];
8300
8159
  } else if (handlerType === "refresh") {
8301
- uiSchema.elements[0].elements[0].elements[2] = refreshSectionUiSchema;
8160
+ uiSchema.elements[1].elements[0].elements[2] = refreshSectionUiSchema;
8302
8161
  schema2.properties.refreshElements.required = ["value"];
8303
8162
  schema2.properties.refreshElements.items.required = ["value"];
8304
8163
  schema2.required = ["eventType", "Handler", "refreshElements"];
@@ -8308,8 +8167,8 @@ var event = (store2, dynamicData2, submitHandler, service2) => {
8308
8167
  store22.setUiSchema(uiSchema);
8309
8168
  },
8310
8169
  getFormData: Component(store2, dynamicData2, submitHandler, service2).getFormdata,
8311
- getUiSchema: async function() {
8312
- return await EventUiSchema(store2.theme.myTheme);
8170
+ getUiSchema: function() {
8171
+ return EventUiSchema;
8313
8172
  },
8314
8173
  getSchema: () => {
8315
8174
  return EventSchema;