impaktapps-ui-builder 0.0.382-alpha.309 → 0.0.382-alpha.311
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.
- package/dist/impaktapps-ui-builder.es.js +228 -34
- package/dist/impaktapps-ui-builder.es.js.map +1 -1
- package/dist/impaktapps-ui-builder.umd.js +9 -9
- package/dist/impaktapps-ui-builder.umd.js.map +1 -1
- package/dist/src/impaktapps-ui-builder/builder/services/component.d.ts +2 -0
- package/package.json +1 -1
- package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +1 -1
- package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +4 -2
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +169 -0
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +32 -68
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +17 -26
- package/src/impaktapps-ui-builder/builder/services/component.ts +8 -0
- package/src/impaktapps-ui-builder/builder/services/event.ts +2 -2
- package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +1 -0
|
@@ -14,5 +14,7 @@ declare const _default: (store: any, dynamicData: any, submitHandler: any, servi
|
|
|
14
14
|
eventEditHandler: () => void;
|
|
15
15
|
eventAddHandler: () => void;
|
|
16
16
|
backHandler: () => void;
|
|
17
|
+
deletePopUpComponent: () => void;
|
|
18
|
+
deletePopUpEvent: () => void;
|
|
17
19
|
};
|
|
18
20
|
export default _default;
|
package/package.json
CHANGED
|
@@ -110,14 +110,16 @@ export const TableSection = {
|
|
|
110
110
|
main: {
|
|
111
111
|
icon: "RejectIcon",
|
|
112
112
|
color: "error",
|
|
113
|
-
onClick: "
|
|
113
|
+
onClick: "deletePopUpComponent",
|
|
114
114
|
tooltipMessage: "Reject This Record",
|
|
115
115
|
},
|
|
116
116
|
},
|
|
117
117
|
},
|
|
118
118
|
}
|
|
119
119
|
]
|
|
120
|
-
}
|
|
120
|
+
}
|
|
121
|
+
]
|
|
122
|
+
}
|
|
121
123
|
]}
|
|
122
124
|
|
|
123
125
|
export const TableSectionSchema = {
|
|
@@ -218,6 +218,175 @@ export const componentBasicUiSchema: any = {
|
|
|
218
218
|
},
|
|
219
219
|
],
|
|
220
220
|
},
|
|
221
|
+
{
|
|
222
|
+
type: "Control",
|
|
223
|
+
scope: "#/properties/popUpComponent",
|
|
224
|
+
options: {
|
|
225
|
+
widget: "PopUp"
|
|
226
|
+
},
|
|
227
|
+
config: {
|
|
228
|
+
layout: {
|
|
229
|
+
xs: 12,
|
|
230
|
+
sm: 12,
|
|
231
|
+
md: 12,
|
|
232
|
+
lg: 12,
|
|
233
|
+
},
|
|
234
|
+
main: {
|
|
235
|
+
},
|
|
236
|
+
},
|
|
237
|
+
elements:
|
|
238
|
+
[
|
|
239
|
+
{
|
|
240
|
+
type: "Control",
|
|
241
|
+
scope: "#/properties/label",
|
|
242
|
+
options: {
|
|
243
|
+
widget: "Box",
|
|
244
|
+
},
|
|
245
|
+
config: {
|
|
246
|
+
layout: 12,
|
|
247
|
+
main: {
|
|
248
|
+
heading: "Are you sure you want to delete ?",
|
|
249
|
+
},
|
|
250
|
+
style:{
|
|
251
|
+
marginTop: "-40px"
|
|
252
|
+
}
|
|
253
|
+
},
|
|
254
|
+
},
|
|
255
|
+
{
|
|
256
|
+
type: "Control",
|
|
257
|
+
scope: "#/properties/EmptyBox",
|
|
258
|
+
options: {
|
|
259
|
+
widget: "EmptyBox",
|
|
260
|
+
},
|
|
261
|
+
config: {
|
|
262
|
+
main:{},
|
|
263
|
+
layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 },
|
|
264
|
+
},
|
|
265
|
+
},
|
|
266
|
+
{
|
|
267
|
+
type: "Control",
|
|
268
|
+
scope: "#/properties/ConfirmDeleteCompButton",
|
|
269
|
+
options: {
|
|
270
|
+
widget: "Button",
|
|
271
|
+
},
|
|
272
|
+
config: {
|
|
273
|
+
layout: 3,
|
|
274
|
+
main: {
|
|
275
|
+
name: "Yes",
|
|
276
|
+
startIcon: "ApproveIcon",
|
|
277
|
+
variant: "contained",
|
|
278
|
+
color: "info",
|
|
279
|
+
type: "text",
|
|
280
|
+
onClick: "deleteComponents",
|
|
281
|
+
size: "small",
|
|
282
|
+
},
|
|
283
|
+
},
|
|
284
|
+
},
|
|
285
|
+
{
|
|
286
|
+
type: "Control",
|
|
287
|
+
scope: "#/properties/CancelDeleteCompButton",
|
|
288
|
+
options: {
|
|
289
|
+
widget: "Button",
|
|
290
|
+
},
|
|
291
|
+
config: {
|
|
292
|
+
layout: 3,
|
|
293
|
+
main: {
|
|
294
|
+
name: "No",
|
|
295
|
+
startIcon: "ApproveIcon",
|
|
296
|
+
variant: "contained",
|
|
297
|
+
color: "info",
|
|
298
|
+
type: "text",
|
|
299
|
+
onClick: "deletePopUpComponent",
|
|
300
|
+
size: "small",
|
|
301
|
+
},
|
|
302
|
+
},
|
|
303
|
+
},
|
|
304
|
+
]
|
|
305
|
+
},
|
|
306
|
+
{
|
|
307
|
+
type: "Control",
|
|
308
|
+
scope: "#/properties/popUpEvent",
|
|
309
|
+
options:{
|
|
310
|
+
widget: "PopUp"
|
|
311
|
+
},
|
|
312
|
+
config:{
|
|
313
|
+
layout: {
|
|
314
|
+
xs: 12,
|
|
315
|
+
sm: 12,
|
|
316
|
+
md: 12,
|
|
317
|
+
lg: 12,
|
|
318
|
+
},
|
|
319
|
+
main: {
|
|
320
|
+
},
|
|
321
|
+
},
|
|
322
|
+
elemetns:[
|
|
323
|
+
{
|
|
324
|
+
type: "Control",
|
|
325
|
+
scope: "#/properties/label",
|
|
326
|
+
options: {
|
|
327
|
+
widget: "Box",
|
|
328
|
+
},
|
|
329
|
+
config: {
|
|
330
|
+
layout: 12,
|
|
331
|
+
main: {
|
|
332
|
+
heading: "Are you sure you want to delete ?",
|
|
333
|
+
},
|
|
334
|
+
style:{
|
|
335
|
+
marginTop: "-40px"
|
|
336
|
+
}
|
|
337
|
+
},
|
|
338
|
+
},
|
|
339
|
+
{
|
|
340
|
+
type: "Control",
|
|
341
|
+
scope: "#/properties/EmptyBox",
|
|
342
|
+
options: {
|
|
343
|
+
widget: "EmptyBox",
|
|
344
|
+
},
|
|
345
|
+
config: {
|
|
346
|
+
main:{},
|
|
347
|
+
layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 },
|
|
348
|
+
},
|
|
349
|
+
},
|
|
350
|
+
{
|
|
351
|
+
type: "Control",
|
|
352
|
+
scope: "#/properties/ConfirmDeleteEventButton",
|
|
353
|
+
options: {
|
|
354
|
+
widget: "Button",
|
|
355
|
+
},
|
|
356
|
+
config: {
|
|
357
|
+
layout: 3,
|
|
358
|
+
main: {
|
|
359
|
+
name: "Yes",
|
|
360
|
+
startIcon: "ApproveIcon",
|
|
361
|
+
variant: "contained",
|
|
362
|
+
color: "info",
|
|
363
|
+
type: "text",
|
|
364
|
+
onClick: "deleteEvent",
|
|
365
|
+
size: "small",
|
|
366
|
+
},
|
|
367
|
+
},
|
|
368
|
+
},
|
|
369
|
+
{
|
|
370
|
+
type: "Control",
|
|
371
|
+
scope: "#/properties/CancelDeleteEventButton",
|
|
372
|
+
options: {
|
|
373
|
+
widget: "Button",
|
|
374
|
+
},
|
|
375
|
+
config: {
|
|
376
|
+
layout: 3,
|
|
377
|
+
main: {
|
|
378
|
+
name: "No",
|
|
379
|
+
startIcon: "ApproveIcon",
|
|
380
|
+
variant: "contained",
|
|
381
|
+
color: "info",
|
|
382
|
+
type: "text",
|
|
383
|
+
onClick: "deletePopUpEvent",
|
|
384
|
+
size: "small",
|
|
385
|
+
},
|
|
386
|
+
},
|
|
387
|
+
},
|
|
388
|
+
]
|
|
389
|
+
},
|
|
221
390
|
|
|
222
391
|
{
|
|
223
392
|
type: "Control",
|
|
@@ -225,8 +225,6 @@ export const PageMasterUiSchema: any = {
|
|
|
225
225
|
}
|
|
226
226
|
]
|
|
227
227
|
},
|
|
228
|
-
|
|
229
|
-
|
|
230
228
|
]
|
|
231
229
|
},
|
|
232
230
|
{
|
|
@@ -368,12 +366,6 @@ export const PageMasterUiSchema: any = {
|
|
|
368
366
|
lg: 12,
|
|
369
367
|
},
|
|
370
368
|
main: {
|
|
371
|
-
label: "PopUp",
|
|
372
|
-
fullScreen:false,
|
|
373
|
-
fullWidth:false,
|
|
374
|
-
maxWidth:false,
|
|
375
|
-
alignItems:false,
|
|
376
|
-
// spacing:2
|
|
377
369
|
},
|
|
378
370
|
},
|
|
379
371
|
elements:
|
|
@@ -381,7 +373,6 @@ export const PageMasterUiSchema: any = {
|
|
|
381
373
|
{
|
|
382
374
|
type: "Control",
|
|
383
375
|
scope: "#/properties/label",
|
|
384
|
-
|
|
385
376
|
options: {
|
|
386
377
|
widget: "Box",
|
|
387
378
|
},
|
|
@@ -390,11 +381,20 @@ export const PageMasterUiSchema: any = {
|
|
|
390
381
|
main: {
|
|
391
382
|
heading: "Are you sure you want to delete ?",
|
|
392
383
|
},
|
|
393
|
-
style:
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
384
|
+
style:{
|
|
385
|
+
marginTop: "-40px"
|
|
386
|
+
}
|
|
387
|
+
},
|
|
388
|
+
},
|
|
389
|
+
{
|
|
390
|
+
type: "Control",
|
|
391
|
+
scope: "#/properties/EmptyBox",
|
|
392
|
+
options: {
|
|
393
|
+
widget: "EmptyBox",
|
|
394
|
+
},
|
|
395
|
+
config: {
|
|
396
|
+
main:{},
|
|
397
|
+
layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 },
|
|
398
398
|
},
|
|
399
399
|
},
|
|
400
400
|
{
|
|
@@ -414,11 +414,6 @@ export const PageMasterUiSchema: any = {
|
|
|
414
414
|
onClick: "Delete_Components",
|
|
415
415
|
size: "small",
|
|
416
416
|
},
|
|
417
|
-
style: {
|
|
418
|
-
// marginBottom: "8px",
|
|
419
|
-
width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" },
|
|
420
|
-
// float: "right",
|
|
421
|
-
},
|
|
422
417
|
},
|
|
423
418
|
},
|
|
424
419
|
{
|
|
@@ -438,37 +433,11 @@ export const PageMasterUiSchema: any = {
|
|
|
438
433
|
onClick: "deletePopUpComponent",
|
|
439
434
|
size: "small",
|
|
440
435
|
},
|
|
441
|
-
|
|
442
|
-
style: {
|
|
443
|
-
// marginBottom: "8px",
|
|
444
|
-
width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" },
|
|
445
|
-
// float: "left",
|
|
446
|
-
},
|
|
447
436
|
},
|
|
448
437
|
},
|
|
449
|
-
// {
|
|
450
|
-
// type: "Control",
|
|
451
|
-
// scope: "#/properties/emptyBox",
|
|
452
|
-
|
|
453
|
-
// options: {
|
|
454
|
-
// widget: "Box",
|
|
455
|
-
// },
|
|
456
|
-
// config: {
|
|
457
|
-
// layout: 6,
|
|
458
|
-
// },
|
|
459
|
-
// },
|
|
460
|
-
// {
|
|
461
|
-
// type: "Control",
|
|
462
|
-
// scope: "#/properties/EmptyBox",
|
|
463
|
-
// config: { layout: { xs: 11, sm: 5.5, md: 5.5, lg: 6 } },
|
|
464
|
-
// options: {
|
|
465
|
-
// widget: "EmptyBox",
|
|
466
|
-
// },
|
|
467
|
-
// },
|
|
468
438
|
]
|
|
469
439
|
},
|
|
470
|
-
|
|
471
|
-
|
|
440
|
+
|
|
472
441
|
{
|
|
473
442
|
type: "Control",
|
|
474
443
|
scope: "#/properties/popUpEvent",
|
|
@@ -488,7 +457,7 @@ export const PageMasterUiSchema: any = {
|
|
|
488
457
|
elemetns:[
|
|
489
458
|
{
|
|
490
459
|
type: "Control",
|
|
491
|
-
scope: "#/properties/
|
|
460
|
+
scope: "#/properties/label",
|
|
492
461
|
options: {
|
|
493
462
|
widget: "Box",
|
|
494
463
|
},
|
|
@@ -497,6 +466,20 @@ export const PageMasterUiSchema: any = {
|
|
|
497
466
|
main: {
|
|
498
467
|
heading: "Are you sure you want to delete ?",
|
|
499
468
|
},
|
|
469
|
+
style:{
|
|
470
|
+
marginTop: "-40px"
|
|
471
|
+
}
|
|
472
|
+
},
|
|
473
|
+
},
|
|
474
|
+
{
|
|
475
|
+
type: "Control",
|
|
476
|
+
scope: "#/properties/EmptyBox",
|
|
477
|
+
options: {
|
|
478
|
+
widget: "EmptyBox",
|
|
479
|
+
},
|
|
480
|
+
config: {
|
|
481
|
+
main:{},
|
|
482
|
+
layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 },
|
|
500
483
|
},
|
|
501
484
|
},
|
|
502
485
|
{
|
|
@@ -508,7 +491,7 @@ export const PageMasterUiSchema: any = {
|
|
|
508
491
|
config: {
|
|
509
492
|
layout: 3,
|
|
510
493
|
main: {
|
|
511
|
-
name: "
|
|
494
|
+
name: "Yes",
|
|
512
495
|
startIcon: "ApproveIcon",
|
|
513
496
|
variant: "contained",
|
|
514
497
|
color: "info",
|
|
@@ -516,10 +499,6 @@ export const PageMasterUiSchema: any = {
|
|
|
516
499
|
onClick: "deleteEvent",
|
|
517
500
|
size: "small",
|
|
518
501
|
},
|
|
519
|
-
style: {
|
|
520
|
-
// width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" },
|
|
521
|
-
// float: "left",
|
|
522
|
-
},
|
|
523
502
|
},
|
|
524
503
|
},
|
|
525
504
|
{
|
|
@@ -536,26 +515,11 @@ export const PageMasterUiSchema: any = {
|
|
|
536
515
|
variant: "contained",
|
|
537
516
|
color: "info",
|
|
538
517
|
type: "text",
|
|
539
|
-
onClick: "
|
|
518
|
+
onClick: "deletePopUpEvent",
|
|
540
519
|
size: "small",
|
|
541
520
|
},
|
|
542
|
-
style: {
|
|
543
|
-
// width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" },
|
|
544
|
-
// float: "left",
|
|
545
|
-
},
|
|
546
521
|
},
|
|
547
522
|
},
|
|
548
|
-
// {
|
|
549
|
-
// type: "Control",
|
|
550
|
-
// scope: "#/properties/emptyBox",
|
|
551
|
-
|
|
552
|
-
// options: {
|
|
553
|
-
// widget: "Box",
|
|
554
|
-
// },
|
|
555
|
-
// config: {
|
|
556
|
-
// layout: 6,
|
|
557
|
-
// },
|
|
558
|
-
// },
|
|
559
523
|
]
|
|
560
524
|
},
|
|
561
525
|
|
|
@@ -240,7 +240,7 @@ export const EventUiSchema: any = {
|
|
|
240
240
|
},
|
|
241
241
|
{
|
|
242
242
|
type: "Control",
|
|
243
|
-
scope: "#/properties/
|
|
243
|
+
scope: "#/properties/popUpEvent",
|
|
244
244
|
options: {
|
|
245
245
|
widget: "PopUp"
|
|
246
246
|
},
|
|
@@ -259,7 +259,6 @@ export const EventUiSchema: any = {
|
|
|
259
259
|
{
|
|
260
260
|
type: "Control",
|
|
261
261
|
scope: "#/properties/label",
|
|
262
|
-
|
|
263
262
|
options: {
|
|
264
263
|
widget: "Box",
|
|
265
264
|
},
|
|
@@ -268,11 +267,25 @@ export const EventUiSchema: any = {
|
|
|
268
267
|
main: {
|
|
269
268
|
heading: "Are you sure you want to delete ?",
|
|
270
269
|
},
|
|
270
|
+
style:{
|
|
271
|
+
marginTop: "-40px"
|
|
272
|
+
}
|
|
273
|
+
},
|
|
274
|
+
},
|
|
275
|
+
{
|
|
276
|
+
type: "Control",
|
|
277
|
+
scope: "#/properties/EmptyBox",
|
|
278
|
+
options: {
|
|
279
|
+
widget: "EmptyBox",
|
|
280
|
+
},
|
|
281
|
+
config: {
|
|
282
|
+
main:{},
|
|
283
|
+
layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 },
|
|
271
284
|
},
|
|
272
285
|
},
|
|
273
286
|
{
|
|
274
287
|
type: "Control",
|
|
275
|
-
scope: "#/properties/
|
|
288
|
+
scope: "#/properties/ConfirmDeleteEventButton",
|
|
276
289
|
options: {
|
|
277
290
|
widget: "Button",
|
|
278
291
|
},
|
|
@@ -287,16 +300,11 @@ export const EventUiSchema: any = {
|
|
|
287
300
|
onClick: "deleteEvent",
|
|
288
301
|
size: "small",
|
|
289
302
|
},
|
|
290
|
-
style: {
|
|
291
|
-
// marginBottom: "8px",
|
|
292
|
-
width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" },
|
|
293
|
-
// float: "left",
|
|
294
|
-
},
|
|
295
303
|
},
|
|
296
304
|
},
|
|
297
305
|
{
|
|
298
306
|
type: "Control",
|
|
299
|
-
scope: "#/properties/
|
|
307
|
+
scope: "#/properties/CancelDeleteEventButton",
|
|
300
308
|
options: {
|
|
301
309
|
widget: "Button",
|
|
302
310
|
},
|
|
@@ -311,25 +319,8 @@ export const EventUiSchema: any = {
|
|
|
311
319
|
onClick: "deletePopUpEvent",
|
|
312
320
|
size: "small",
|
|
313
321
|
},
|
|
314
|
-
|
|
315
|
-
style: {
|
|
316
|
-
// marginBottom: "8px",
|
|
317
|
-
width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" },
|
|
318
|
-
// float: "left",
|
|
319
|
-
},
|
|
320
322
|
},
|
|
321
323
|
},
|
|
322
|
-
// {
|
|
323
|
-
// type: "Control",
|
|
324
|
-
// scope: "#/properties/emptyBox",
|
|
325
|
-
|
|
326
|
-
// options: {
|
|
327
|
-
// widget: "Box",
|
|
328
|
-
// },
|
|
329
|
-
// config: {
|
|
330
|
-
// layout: 6,
|
|
331
|
-
// },
|
|
332
|
-
// },
|
|
333
324
|
]
|
|
334
325
|
},
|
|
335
326
|
{
|
|
@@ -111,6 +111,7 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
|
|
|
111
111
|
const response = saveFormdataInLocalStorage(store.ctx.core.data, path)
|
|
112
112
|
const data = path ? _.get(response, path) : response;
|
|
113
113
|
store.setFormdata(data);
|
|
114
|
+
store.updateDialog("popUpComponent");
|
|
114
115
|
},
|
|
115
116
|
deleteEvent: function () {
|
|
116
117
|
const path = store.searchParams?.get("path");
|
|
@@ -118,6 +119,7 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
|
|
|
118
119
|
store.formData.events.splice(rowId, 1);
|
|
119
120
|
const response = saveFormdataInLocalStorage(store.ctx.core.data, path)
|
|
120
121
|
store.setFormdata(_.get(response, path));
|
|
122
|
+
store.updateDialog("popUpEvent")
|
|
121
123
|
},
|
|
122
124
|
widgetAddClickHandler: function () {
|
|
123
125
|
if (!Array.isArray(store.formData.elements)) {
|
|
@@ -152,6 +154,12 @@ export default (store: any, dynamicData: any, submitHandler: any, service: any)
|
|
|
152
154
|
backHandler: function () {
|
|
153
155
|
store.navigate(-1)
|
|
154
156
|
},
|
|
157
|
+
deletePopUpComponent: function(){
|
|
158
|
+
store.updateDialog("popUpComponent");
|
|
159
|
+
},
|
|
160
|
+
deletePopUpEvent: function(){
|
|
161
|
+
store.updateDialog("popUpEvent");
|
|
162
|
+
},
|
|
155
163
|
}
|
|
156
164
|
};
|
|
157
165
|
|
|
@@ -91,13 +91,13 @@ export default (
|
|
|
91
91
|
},
|
|
92
92
|
deleteEvent: async function () {
|
|
93
93
|
await Component(store, dynamicData, submitHandler, service).deleteEvent;
|
|
94
|
-
store.updateDialog("
|
|
94
|
+
store.updateDialog("popUpEvent")
|
|
95
95
|
},
|
|
96
96
|
backHandler: function () {
|
|
97
97
|
store.navigate(-1)
|
|
98
98
|
},
|
|
99
99
|
deletePopUpEvent: function(){
|
|
100
|
-
store.updateDialog("
|
|
100
|
+
store.updateDialog("popUpEvent");
|
|
101
101
|
}
|
|
102
102
|
}
|
|
103
103
|
};
|
|
@@ -81,6 +81,7 @@ export default (funcParams: funcParamsProps) => {
|
|
|
81
81
|
store.formData.events.splice(rowId, 1);
|
|
82
82
|
const response = saveFormdataInLocalStorage(store.ctx.core.data)
|
|
83
83
|
store.setFormdata(response);
|
|
84
|
+
store.updateDialog("popUpEvent");
|
|
84
85
|
},
|
|
85
86
|
deletePopUpComponent: function(){
|
|
86
87
|
store.updateDialog("popUpComponent");
|