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

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 (8) hide show
  1. package/dist/impaktapps-ui-builder.es.js +340 -163
  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/pageMaster.d.ts +1 -0
  6. package/package.json +1 -1
  7. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +314 -239
  8. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +4 -0
package/dist/impaktapps-ui-builder.es.js CHANGED
@@ -38,21 +38,58 @@ const PageMasterSchema = {
38
38
  };
39
39
  const PageMasterUiSchema = {
40
40
  type: "HorizontalLayout",
41
- heading: "Page Master",
42
41
  elements: [
43
42
  {
44
43
  type: "WrapperLayout",
45
44
  config: {
46
45
  main: {
47
- label: "Page Template",
48
- isAccordion: true
46
+ rowSpacing: 1,
47
+ header: true
49
48
  },
50
- wrapperStyle: {
51
- marginTop: "-6px",
52
- marginBottom: "-8px"
49
+ defaultStyle: true
50
+ },
51
+ elements: [
52
+ {
53
+ type: "Control",
54
+ scope: "#/properties/pageMaster",
55
+ options: {
56
+ widget: "Box"
57
+ },
58
+ config: {
59
+ layout: 8,
60
+ main: {
61
+ heading: "Page Master"
62
+ }
63
+ }
53
64
  },
54
- componentsBoxStyle: {
55
- marginLeft: "24px"
65
+ {
66
+ type: "Control",
67
+ scope: "#/properties/Back_Button",
68
+ options: {
69
+ widget: "IconButton"
70
+ },
71
+ config: {
72
+ layout: 3,
73
+ main: {
74
+ icon: "BackIcon",
75
+ styleDefault: true,
76
+ size: "small",
77
+ onClick: "backHandler",
78
+ tooltipMessage: "Back"
79
+ },
80
+ style: {
81
+ float: "right"
82
+ }
83
+ }
84
+ }
85
+ ]
86
+ },
87
+ {
88
+ type: "WrapperLayout",
89
+ config: {
90
+ main: {
91
+ label: "Page Template",
92
+ divider: true
56
93
  },
57
94
  defaultStyle: true
58
95
  },
@@ -64,7 +101,7 @@ const PageMasterUiSchema = {
64
101
  widget: "InputField"
65
102
  },
66
103
  config: {
67
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
104
+ layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
68
105
  main: {
69
106
  label: "Name",
70
107
  options: [],
@@ -82,7 +119,7 @@ const PageMasterUiSchema = {
82
119
  widget: "InputField"
83
120
  },
84
121
  config: {
85
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
122
+ layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
86
123
  main: {
87
124
  label: "Label",
88
125
  options: [],
@@ -90,16 +127,6 @@ const PageMasterUiSchema = {
90
127
  required: true
91
128
  }
92
129
  }
93
- },
94
- {
95
- type: "Control",
96
- scope: "#/properties/emptyBox",
97
- options: {
98
- widget: "EmptyBox"
99
- },
100
- config: {
101
- layout: { xs: 0, sm: 4 }
102
- }
103
130
  }
104
131
  ]
105
132
  },
@@ -114,189 +141,335 @@ const PageMasterUiSchema = {
114
141
  },
115
142
  elements: [
116
143
  {
117
- type: "Control",
118
- scope: "#/properties/elements",
119
- options: {
120
- widget: "Table"
121
- },
144
+ type: "WrapperLayout",
122
145
  config: {
123
146
  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
141
- },
142
- style: {
143
- mt: "6px"
144
- }
145
- }
146
- }
147
- }
148
- ]
149
- },
150
- disableAction: true,
151
- disableSelection: true,
152
- enableDrag: true
147
+ divider: true
148
+ },
149
+ wrapperStyle: {
150
+ border: "1px solid gray"
153
151
  }
154
152
  },
155
153
  elements: [
156
154
  {
157
- accessorKey: "name",
158
- header: "Name"
159
- },
160
- {
161
- accessorKey: "type",
162
- header: "Type"
155
+ type: "Control",
156
+ scope: "#/properties/heading",
157
+ options: {
158
+ widget: "Box"
159
+ },
160
+ config: {
161
+ layout: 8,
162
+ main: {
163
+ heading: "Components Table"
164
+ },
165
+ style: {
166
+ fontFamily: "Roboto",
167
+ fontWeight: "500",
168
+ paddingLeft: "-10px",
169
+ fontSize: "20px"
170
+ }
171
+ }
163
172
  },
164
173
  {
165
- header: "Edit",
166
- field: "Reject_Records",
167
- flex: 1,
168
- widget: {
169
- type: "Control",
170
- scope: "#/properties/RejectButton",
171
- options: {
172
- widget: "IconButton"
174
+ type: "Control",
175
+ scope: "#/properties/AddButton",
176
+ options: {
177
+ widget: "IconButton"
178
+ },
179
+ config: {
180
+ layout: 3,
181
+ main: {
182
+ icon: "AddIcon",
183
+ styleDefault: true,
184
+ size: "small",
185
+ onClick: "onAddClickHandler",
186
+ tooltipMessage: "Add New"
173
187
  },
174
- config: {
175
- main: {
176
- icon: "EditIcon",
177
- color: "primary",
178
- onClick: "Edit_Components",
179
- tooltipMessage: "Edit This Record"
180
- }
188
+ style: {
189
+ float: "right"
181
190
  }
182
191
  }
183
192
  },
184
193
  {
185
- header: "Delete",
186
- field: "Reject_Records",
187
- flex: 1,
188
- widget: {
189
- type: "Control",
190
- scope: "#/properties/RejectButton",
191
- options: {
192
- widget: "IconButton"
194
+ type: "Control",
195
+ scope: "#/properties/elements",
196
+ options: {
197
+ widget: "Table"
198
+ },
199
+ config: {
200
+ main: {
201
+ disableAction: true,
202
+ disableSelection: true,
203
+ enableDrag: true
204
+ }
205
+ },
206
+ elements: [
207
+ {
208
+ accessorKey: "name",
209
+ header: "Name"
193
210
  },
194
- config: {
195
- main: {
196
- icon: "RejectIcon",
197
- color: "error",
198
- onClick: "Delete_Components",
199
- tooltipMessage: "Reject This Record"
211
+ {
212
+ accessorKey: "type",
213
+ header: "Type"
214
+ },
215
+ {
216
+ header: "Edit",
217
+ field: "Reject_Records",
218
+ flex: 1,
219
+ widget: {
220
+ type: "Control",
221
+ scope: "#/properties/RejectButton",
222
+ options: {
223
+ widget: "IconButton"
224
+ },
225
+ config: {
226
+ main: {
227
+ icon: "EditIcon",
228
+ color: "primary",
229
+ onClick: "Edit_Components",
230
+ tooltipMessage: "Edit This Record"
231
+ }
232
+ }
233
+ }
234
+ },
235
+ {
236
+ header: "Delete",
237
+ field: "Reject_Records",
238
+ flex: 1,
239
+ widget: {
240
+ type: "Control",
241
+ scope: "#/properties/RejectButton",
242
+ options: {
243
+ widget: "IconButton"
244
+ },
245
+ config: {
246
+ main: {
247
+ icon: "RejectIcon",
248
+ color: "error",
249
+ onClick: "Delete_Components",
250
+ tooltipMessage: "Reject This Record"
251
+ }
252
+ }
200
253
  }
201
254
  }
202
- }
255
+ ]
203
256
  }
204
257
  ]
205
258
  },
206
259
  {
207
- type: "Control",
208
- scope: "#/properties/events",
209
- options: {
210
- widget: "Table"
211
- },
260
+ type: "WrapperLayout",
212
261
  config: {
213
262
  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
231
- },
232
- style: {
233
- mt: "6px"
234
- }
235
- }
236
- }
237
- }
238
- ]
239
- },
240
- disableAction: true,
241
- disableSelection: true,
242
- enableDrag: true
263
+ divider: true
264
+ },
265
+ wrapperStyle: {
266
+ border: "1px solid gray"
243
267
  }
244
268
  },
245
269
  elements: [
246
270
  {
247
- accessorKey: "eventType",
248
- header: "Event Type"
271
+ type: "Control",
272
+ scope: "#/properties/heading",
273
+ options: {
274
+ widget: "Box"
275
+ },
276
+ config: {
277
+ layout: 8,
278
+ main: {
279
+ heading: "Event Table"
280
+ },
281
+ style: {
282
+ fontFamily: "Roboto",
283
+ fontWeight: "500",
284
+ paddingLeft: "-10px",
285
+ fontSize: "20px"
286
+ }
287
+ }
249
288
  },
250
289
  {
251
- accessorKey: "Handler",
252
- header: "Handler"
290
+ type: "Control",
291
+ scope: "#/properties/AddButton",
292
+ options: {
293
+ widget: "IconButton"
294
+ },
295
+ config: {
296
+ layout: 3,
297
+ main: {
298
+ icon: "AddIcon",
299
+ styleDefault: true,
300
+ size: "small",
301
+ onClick: "eventAddHandler",
302
+ tooltipMessage: "Back"
303
+ },
304
+ style: {
305
+ float: "right"
306
+ }
307
+ }
253
308
  },
254
309
  {
255
- accessorKey: "Edit_Approve_Records",
256
- header: "Edit Widget",
257
- widget: {
258
- type: "Control",
259
- scope: "#/properties/Edit_Records",
260
- options: {
261
- widget: "IconButton"
310
+ type: "Control",
311
+ scope: "#/properties/events",
312
+ options: {
313
+ widget: "Table"
314
+ },
315
+ config: {
316
+ main: {
317
+ disableAction: true,
318
+ disableSelection: true,
319
+ enableDrag: true
320
+ }
321
+ },
322
+ elements: [
323
+ {
324
+ accessorKey: "eventType",
325
+ header: "Event Type"
262
326
  },
263
- config: {
264
- main: {
265
- color: "info",
266
- size: "small",
267
- icon: "EditIcon",
268
- tooltipMessage: "Edit This Record",
269
- onClick: "editEvent"
270
- },
271
- style: {
272
- color: "#3949ab"
327
+ {
328
+ accessorKey: "Handler",
329
+ header: "Handler"
330
+ },
331
+ {
332
+ accessorKey: "Edit_Approve_Records",
333
+ header: "Edit Widget",
334
+ widget: {
335
+ type: "Control",
336
+ scope: "#/properties/Edit_Records",
337
+ options: {
338
+ widget: "IconButton"
339
+ },
340
+ config: {
341
+ main: {
342
+ color: "info",
343
+ size: "small",
344
+ icon: "EditIcon",
345
+ tooltipMessage: "Edit This Record",
346
+ onClick: "editEvent"
347
+ },
348
+ style: {
349
+ color: "#3949ab"
350
+ }
351
+ }
352
+ }
353
+ },
354
+ {
355
+ accessorKey: "Reject_Records",
356
+ header: "Delete",
357
+ widget: {
358
+ type: "Control",
359
+ scope: "#/properties/RejectButton",
360
+ options: {
361
+ widget: "IconButton"
362
+ },
363
+ config: {
364
+ main: {
365
+ icon: "RejectIcon",
366
+ color: "error",
367
+ tooltipMessage: "Reject This Record",
368
+ onClick: "deletePopUp"
369
+ }
370
+ }
273
371
  }
274
372
  }
275
- }
373
+ ]
276
374
  },
277
375
  {
278
- accessorKey: "Reject_Records",
279
- header: "Delete",
280
- widget: {
281
- type: "Control",
282
- scope: "#/properties/RejectButton",
283
- options: {
284
- widget: "IconButton"
376
+ type: "Control",
377
+ scope: "#/properties/popUp",
378
+ options: {
379
+ widget: "popUp"
380
+ },
381
+ config: {
382
+ layout: {
383
+ xs: 12,
384
+ sm: 12,
385
+ md: 12,
386
+ lg: 12
285
387
  },
286
- config: {
287
- main: {
288
- icon: "RejectIcon",
289
- color: "error",
290
- tooltipMessage: "Reject This Record",
291
- onClick: "deleteEvent"
388
+ main: {
389
+ label: "PopUp",
390
+ fullScreen: false,
391
+ fullWidth: false,
392
+ maxWidth: false,
393
+ alignItems: false,
394
+ spacing: 2
395
+ }
396
+ },
397
+ elements: [
398
+ {
399
+ type: "Control",
400
+ scope: "#/properties/pageMaster",
401
+ options: {
402
+ widget: "Box"
403
+ },
404
+ config: {
405
+ layout: 8,
406
+ main: {
407
+ heading: "Are you sure"
408
+ }
409
+ }
410
+ },
411
+ {
412
+ type: "Control",
413
+ scope: "#/properties/ConfirmDeleteButton",
414
+ options: {
415
+ widget: "Button"
416
+ },
417
+ config: {
418
+ main: {
419
+ name: "No",
420
+ startIcon: "ApproveIcon",
421
+ variant: "contained",
422
+ color: "info",
423
+ type: "text",
424
+ onClick: "deleteEvent",
425
+ size: "small"
426
+ },
427
+ style: {
428
+ marginBottom: "8px",
429
+ width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" },
430
+ float: "left"
431
+ }
432
+ }
433
+ },
434
+ {
435
+ type: "Control",
436
+ scope: "#/properties/CancelDeleteButton",
437
+ options: {
438
+ widget: "Button"
439
+ },
440
+ config: {
441
+ main: {
442
+ name: "No",
443
+ startIcon: "ApproveIcon",
444
+ variant: "contained",
445
+ color: "info",
446
+ type: "text",
447
+ onClick: "deleteEvent",
448
+ size: "small"
449
+ },
450
+ style: {
451
+ marginBottom: "8px",
452
+ width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" },
453
+ float: "right"
454
+ }
292
455
  }
293
456
  }
294
- }
457
+ ]
295
458
  }
296
459
  ]
297
460
  }
298
461
  ]
299
462
  },
463
+ {
464
+ type: "Control",
465
+ scope: "#/properties/btn",
466
+ options: {
467
+ widget: "EmptyBox"
468
+ },
469
+ config: {
470
+ layout: { xs: 0, sm: 0, md: 8, lg: 7 }
471
+ }
472
+ },
300
473
  {
301
474
  type: "Control",
302
475
  scope: "#/properties/btn",
@@ -304,7 +477,7 @@ const PageMasterUiSchema = {
304
477
  widget: "Button"
305
478
  },
306
479
  config: {
307
- layout: 11.9,
480
+ layout: 11.7,
308
481
  main: {
309
482
  name: "Save",
310
483
  startIcon: "ApproveIcon",
@@ -312,10 +485,11 @@ const PageMasterUiSchema = {
312
485
  color: "info",
313
486
  type: "text",
314
487
  onClick: "saveHandler",
315
- size: "medium"
488
+ size: "small"
316
489
  },
317
490
  style: {
318
- width: { xs: "90%", sm: "90%", md: "20%", lg: "10%" },
491
+ marginBottom: "8px",
492
+ width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" },
319
493
  float: "right"
320
494
  }
321
495
  }
@@ -7562,6 +7736,9 @@ var pageMaster = (funcParams) => {
7562
7736
  store2.formData.events.splice(rowId, 1);
7563
7737
  const response2 = saveFormdataInLocalStorage(store2.ctx.core.data);
7564
7738
  store2.setFormdata(response2);
7739
+ },
7740
+ deletePopUp: function() {
7741
+ store2.updateDialog("popUp");
7565
7742
  }
7566
7743
  };
7567
7744
  };