impaktapps-ui-builder 0.0.382-alpha.3 → 0.0.382-alpha.301

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 +430 -352
  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 +435 -345
  8. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +4 -1
package/dist/impaktapps-ui-builder.es.js CHANGED
@@ -36,406 +36,481 @@ 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: "WrapperLayout",
47
- config: {
48
- main: {
49
- label: "Page Template",
50
- isAccordion: true
51
- },
52
- wrapperStyle: {
53
- marginTop: "-6px",
54
- marginBottom: "-8px"
55
- },
56
- componentsBoxStyle: {
57
- marginLeft: "24px"
39
+ const PageMasterUiSchema = {
40
+ type: "HorizontalLayout",
41
+ elements: [
42
+ {
43
+ type: "WrapperLayout",
44
+ config: {
45
+ main: {
46
+ rowSpacing: 1,
47
+ header: true
48
+ },
49
+ defaultStyle: true
50
+ },
51
+ elements: [
52
+ {
53
+ type: "Control",
54
+ scope: "#/properties/pageMaster",
55
+ options: {
56
+ widget: "Box"
58
57
  },
59
- defaultStyle: true
58
+ config: {
59
+ layout: 8,
60
+ main: {
61
+ heading: "Page Master"
62
+ }
63
+ }
60
64
  },
61
- elements: [
62
- {
63
- type: "Control",
64
- scope: "#/properties/name",
65
- options: {
66
- widget: "InputField"
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"
67
79
  },
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
- }
80
+ style: {
81
+ float: "right"
78
82
  }
83
+ }
84
+ }
85
+ ]
86
+ },
87
+ {
88
+ type: "WrapperLayout",
89
+ config: {
90
+ main: {
91
+ label: "Page Template",
92
+ divider: true
93
+ },
94
+ defaultStyle: true
95
+ },
96
+ elements: [
97
+ {
98
+ type: "Control",
99
+ scope: "#/properties/name",
100
+ options: {
101
+ widget: "InputField"
79
102
  },
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
- }
103
+ config: {
104
+ layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
105
+ main: {
106
+ label: "Name",
107
+ options: [],
108
+ color: "secondary",
109
+ errorMessage: "Name should be start with 'page_'",
110
+ helperText: 'Name should be start with "page_"',
111
+ required: true
94
112
  }
113
+ }
114
+ },
115
+ {
116
+ type: "Control",
117
+ scope: "#/properties/label",
118
+ options: {
119
+ widget: "InputField"
95
120
  },
96
- {
97
- type: "Control",
98
- scope: "#/properties/emptyBox",
99
- options: {
100
- widget: "EmptyBox"
101
- },
102
- config: {
103
- layout: { xs: 0, sm: 4 }
121
+ config: {
122
+ layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
123
+ main: {
124
+ label: "Label",
125
+ options: [],
126
+ color: "secondary",
127
+ required: true
104
128
  }
105
129
  }
106
- ]
130
+ }
131
+ ]
132
+ },
133
+ {
134
+ type: "TabLayout",
135
+ config: {
136
+ main: {
137
+ tabLabels: ["Components", "events"],
138
+ divider: true
139
+ },
140
+ defaultStyle: true
107
141
  },
108
- {
109
- type: "TabLayout",
110
- config: {
111
- main: {
112
- tabLabels: ["Components", "events"],
113
- divider: true
142
+ elements: [
143
+ {
144
+ type: "WrapperLayout",
145
+ config: {
146
+ main: {
147
+ divider: true
148
+ },
149
+ wrapperStyle: {
150
+ border: "1px solid gray"
151
+ }
114
152
  },
115
- defaultStyle: true
116
- },
117
- elements: [
118
- {
119
- type: "Control",
120
- scope: "#/properties/elements",
121
- options: {
122
- widget: "Table"
153
+ elements: [
154
+ {
155
+ type: "Control",
156
+ scope: "#/properties/heading",
157
+ options: {
158
+ widget: "Box"
159
+ },
160
+ config: {
161
+ layout: 8,
162
+ main: {
163
+ heading: "Components Table"
164
+ },
165
+ style: {
166
+ fontFamily: "Roboto",
167
+ fontWeight: "500",
168
+ paddingLeft: "-10px",
169
+ fontSize: "20px"
170
+ }
171
+ }
123
172
  },
124
- config: {
125
- main: {
126
- headerIcons: {
127
- elements: [
128
- {
129
- widget: {
130
- type: "Control",
131
- scope: "#/properties/New_Record",
132
- options: {
133
- widget: "IconButton"
134
- },
135
- config: {
136
- main: {
137
- color: "info",
138
- onClick: "onAddClickHandler",
139
- size: "small",
140
- icon: "AddIcon",
141
- iconLabel: "Add New",
142
- styleDefault: true
143
- },
144
- style: {
145
- mt: "6px"
146
- }
147
- }
148
- }
149
- }
150
- ]
173
+ {
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"
151
187
  },
152
- disableAction: true,
153
- disableSelection: true,
154
- enableDrag: true
188
+ style: {
189
+ float: "right"
190
+ }
155
191
  }
156
192
  },
157
- elements: [
158
- {
159
- accessorKey: "name",
160
- header: "Name"
193
+ {
194
+ type: "Control",
195
+ scope: "#/properties/elements",
196
+ options: {
197
+ widget: "Table"
161
198
  },
162
- {
163
- accessorKey: "type",
164
- header: "Type"
199
+ config: {
200
+ main: {
201
+ disableAction: true,
202
+ disableSelection: true,
203
+ enableDrag: true
204
+ }
165
205
  },
166
- {
167
- header: "Edit",
168
- field: "Reject_Records",
169
- flex: 1,
170
- widget: {
171
- type: "Control",
172
- scope: "#/properties/RejectButton",
173
- options: {
174
- widget: "IconButton"
175
- },
176
- config: {
177
- main: {
178
- icon: "EditIcon",
179
- color: "primary",
180
- onClick: "Edit_Components",
181
- tooltipMessage: "Edit This Record"
206
+ elements: [
207
+ {
208
+ accessorKey: "name",
209
+ header: "Name"
210
+ },
211
+ {
212
+ accessorKey: "type",
213
+ header: "Type"
214
+ },
215
+ {
216
+ header: "Edit",
217
+ field: "Reject_Records",
218
+ flex: 1,
219
+ widget: {
220
+ type: "Control",
221
+ scope: "#/properties/RejectButton",
222
+ options: {
223
+ widget: "IconButton"
224
+ },
225
+ config: {
226
+ main: {
227
+ icon: "EditIcon",
228
+ color: "primary",
229
+ onClick: "Edit_Components",
230
+ tooltipMessage: "Edit This Record"
231
+ }
182
232
  }
183
233
  }
184
- }
185
- },
186
- {
187
- header: "Delete",
188
- field: "Reject_Records",
189
- flex: 1,
190
- widget: {
191
- type: "Control",
192
- scope: "#/properties/RejectButton",
193
- options: {
194
- widget: "IconButton"
195
- },
196
- config: {
197
- main: {
198
- icon: "RejectIcon",
199
- color: "error",
200
- onClick: "Delete_Components",
201
- tooltipMessage: "Reject This Record"
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: "popUpComponent",
250
+ tooltipMessage: "Reject This Record"
251
+ }
202
252
  }
203
253
  }
204
254
  }
205
- }
206
- ]
255
+ ]
256
+ }
257
+ ]
258
+ },
259
+ {
260
+ type: "WrapperLayout",
261
+ config: {
262
+ main: {
263
+ divider: true
264
+ },
265
+ wrapperStyle: {
266
+ border: "1px solid gray"
267
+ }
207
268
  },
208
- {
209
- type: "Control",
210
- scope: "#/properties/events",
211
- options: {
212
- widget: "Table"
269
+ elements: [
270
+ {
271
+ type: "Control",
272
+ scope: "#/properties/heading",
273
+ options: {
274
+ widget: "Box"
275
+ },
276
+ config: {
277
+ layout: 8,
278
+ main: {
279
+ heading: "Event Table"
280
+ },
281
+ style: {
282
+ fontFamily: "Roboto",
283
+ fontWeight: "500",
284
+ paddingLeft: "-10px",
285
+ fontSize: "20px"
286
+ }
287
+ }
213
288
  },
214
- config: {
215
- main: {
216
- headerIcons: {
217
- elements: [
218
- {
219
- widget: {
220
- type: "Control",
221
- scope: "#/properties/New_Record",
222
- options: {
223
- widget: "IconButton"
224
- },
225
- config: {
226
- main: {
227
- color: "info",
228
- onClick: "eventAddHandler",
229
- size: "small",
230
- icon: "AddIcon",
231
- iconLabel: "Add New",
232
- styleDefault: true
233
- },
234
- style: {
235
- mt: "6px"
236
- }
237
- }
238
- }
239
- }
240
- ]
289
+ {
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"
241
303
  },
242
- disableAction: true,
243
- disableSelection: true,
244
- enableDrag: true
304
+ style: {
305
+ float: "right"
306
+ }
245
307
  }
246
308
  },
247
- elements: [
248
- {
249
- accessorKey: "eventType",
250
- header: "Event Type"
309
+ {
310
+ type: "Control",
311
+ scope: "#/properties/events",
312
+ options: {
313
+ widget: "Table"
251
314
  },
252
- {
253
- accessorKey: "Handler",
254
- header: "Handler"
315
+ config: {
316
+ main: {
317
+ disableAction: true,
318
+ disableSelection: true,
319
+ enableDrag: true
320
+ }
255
321
  },
256
- {
257
- accessorKey: "Edit_Approve_Records",
258
- header: "Edit Widget",
259
- widget: {
260
- type: "Control",
261
- scope: "#/properties/Edit_Records",
262
- options: {
263
- widget: "IconButton"
264
- },
265
- config: {
266
- main: {
267
- color: "info",
268
- size: "small",
269
- icon: "EditIcon",
270
- tooltipMessage: "Edit This Record",
271
- onClick: "editEvent"
322
+ elements: [
323
+ {
324
+ accessorKey: "eventType",
325
+ header: "Event Type"
326
+ },
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"
272
339
  },
273
- style: {
274
- color: "#3949ab"
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
+ }
275
351
  }
276
352
  }
277
- }
278
- },
279
- {
280
- accessorKey: "Reject_Records",
281
- header: "Delete",
282
- widget: {
283
- type: "Control",
284
- scope: "#/properties/RejectButton",
285
- options: {
286
- widget: "IconButton"
287
- },
288
- config: {
289
- main: {
290
- icon: "RejectIcon",
291
- color: "error",
292
- tooltipMessage: "Reject This Record",
293
- onClick: "deleteEvent"
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: "deleteEvent"
369
+ }
294
370
  }
295
371
  }
296
372
  }
297
- }
298
- ]
299
- }
300
- ]
301
- },
302
- {
303
- type: "Control",
304
- scope: "#/properties/btn",
305
- options: {
306
- widget: "Button"
307
- },
308
- config: {
309
- layout: 11.9,
310
- main: {
311
- name: "Save",
312
- startIcon: "ApproveIcon",
313
- variant: "contained",
314
- color: "info",
315
- type: "text",
316
- onClick: "saveHandler",
317
- size: "medium"
318
- },
319
- style: {
320
- width: { xs: "90%", sm: "90%", md: "20%", lg: "10%" },
321
- float: "right"
322
- }
373
+ ]
374
+ }
375
+ ]
323
376
  }
377
+ ]
378
+ },
379
+ {
380
+ type: "Control",
381
+ scope: "#/properties/popUpComponent",
382
+ options: {
383
+ widget: "PopUp"
324
384
  },
325
- {
326
- type: "Control",
327
- scope: "#/properties/notify",
328
- options: {
329
- widget: "Notify"
385
+ config: {
386
+ layout: {
387
+ xs: 12,
388
+ sm: 12,
389
+ md: 12,
390
+ lg: 12
330
391
  },
331
- layout: 6
392
+ main: {
393
+ label: "PopUp",
394
+ fullScreen: false,
395
+ fullWidth: false,
396
+ maxWidth: false,
397
+ alignItems: false,
398
+ spacing: 2
399
+ }
332
400
  },
333
- {
334
- type: "HorizontalLayout",
335
- config: {
336
- style: {
337
- position: "fixed",
338
- bottom: 5,
339
- overflow: "visible",
340
- margin: "0",
341
- width: "100vw"
401
+ elements: [
402
+ {
403
+ type: "Control",
404
+ scope: "#/properties/label",
405
+ options: {
406
+ widget: "Box"
407
+ },
408
+ config: {
409
+ layout: 12,
410
+ main: {
411
+ heading: "Are you sure you want to delete ?"
412
+ }
342
413
  }
343
414
  },
344
- elements: [
345
- {
346
- type: "Control",
347
- scope: "#/properties/EmptyBox",
348
- options: {
349
- widget: "EmptyBox"
415
+ {
416
+ type: "Control",
417
+ scope: "#/properties/ConfirmDeleteCompButton",
418
+ options: {
419
+ widget: "Button"
420
+ },
421
+ config: {
422
+ layout: 3,
423
+ main: {
424
+ name: "Yes",
425
+ startIcon: "ApproveIcon",
426
+ variant: "contained",
427
+ color: "info",
428
+ type: "text",
429
+ onClick: "Delete_Components",
430
+ size: "small"
350
431
  },
351
- config: {
352
- layout: { xs: 0, sm: 4, md: 4, lg: 4 }
432
+ style: {
433
+ width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" }
353
434
  }
435
+ }
436
+ },
437
+ {
438
+ type: "Control",
439
+ scope: "#/properties/CancelDeleteCompButton",
440
+ options: {
441
+ widget: "Button"
354
442
  },
355
- {
356
- type: "Control",
357
- scope: "#/properties/FooterText",
358
- options: {
359
- widget: "Box"
443
+ config: {
444
+ layout: 3,
445
+ main: {
446
+ name: "No",
447
+ startIcon: "ApproveIcon",
448
+ variant: "contained",
449
+ color: "info",
450
+ type: "text",
451
+ onClick: "deletePopUpComponent",
452
+ size: "small"
360
453
  },
361
- config: {
362
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
363
- main: {
364
- heading: "Copywriter@ACT21.IO"
365
- },
366
- style: {
367
- color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
368
- fontSize: "12px"
369
- }
454
+ style: {
455
+ width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" }
370
456
  }
457
+ }
458
+ },
459
+ {
460
+ type: "Control",
461
+ scope: "#/properties/emptyBox",
462
+ options: {
463
+ widget: "Box"
371
464
  },
372
- {
373
- type: "HorizontalLayout",
374
- config: {
375
- layout: { xs: 11, sm: 4, md: 4, lg: 4 }
376
- },
377
- elements: [
378
- {
379
- type: "Control",
380
- scope: "#/properties/EmptyBox",
381
- options: {
382
- widget: "EmptyBox"
383
- },
384
- config: {
385
- layout: 2
386
- }
387
- },
388
- {
389
- type: "Control",
390
- scope: "#/properties/backIcon",
391
- options: {
392
- widget: "Box"
393
- },
394
- config: {
395
- layout: 1,
396
- main: {
397
- iconName: "PrevIcon",
398
- onClick: "backHandler"
399
- },
400
- style: {
401
- fill: theme.palette.primary.dark,
402
- width: 20,
403
- height: 20,
404
- display: "flex",
405
- alignItems: "center",
406
- justifyContent: "center",
407
- marginRight: "-8px",
408
- cursor: "pointer"
409
- }
410
- }
411
- },
412
- {
413
- type: "Control",
414
- scope: "#/properties/text",
415
- options: {
416
- widget: "Box"
417
- },
418
- config: {
419
- layout: 9,
420
- main: {
421
- heading: "Previous Page",
422
- onClick: "backHandler"
423
- },
424
- style: {
425
- color: theme.palette.primary.dark,
426
- fontSize: "12px",
427
- cursor: "pointer",
428
- marginLeft: "-6px"
429
- }
430
- }
431
- }
432
- ]
465
+ config: {
466
+ layout: 6
433
467
  }
434
- ]
468
+ }
469
+ ]
470
+ },
471
+ {
472
+ type: "Control",
473
+ scope: "#/properties/btn",
474
+ options: {
475
+ widget: "EmptyBox"
476
+ },
477
+ config: {
478
+ layout: { xs: 0, sm: 0, md: 8, lg: 7 }
435
479
  }
436
- ]
437
- };
438
- return uiSchema;
480
+ },
481
+ {
482
+ type: "Control",
483
+ scope: "#/properties/btn",
484
+ options: {
485
+ widget: "Button"
486
+ },
487
+ config: {
488
+ layout: 11.7,
489
+ main: {
490
+ name: "Save",
491
+ startIcon: "ApproveIcon",
492
+ variant: "contained",
493
+ color: "info",
494
+ type: "text",
495
+ onClick: "saveHandler",
496
+ size: "small"
497
+ },
498
+ style: {
499
+ marginBottom: "8px",
500
+ width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" },
501
+ float: "right"
502
+ }
503
+ }
504
+ },
505
+ {
506
+ type: "Control",
507
+ scope: "#/properties/notify",
508
+ options: {
509
+ widget: "Notify"
510
+ },
511
+ layout: 6
512
+ }
513
+ ]
439
514
  };
440
515
  var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
441
516
  var lodash = { exports: {} };
@@ -7623,7 +7698,7 @@ var pageMaster = (funcParams) => {
7623
7698
  return config;
7624
7699
  },
7625
7700
  getUiSchema: function() {
7626
- return PageMasterUiSchema(store2.theme.myTheme);
7701
+ return PageMasterUiSchema;
7627
7702
  },
7628
7703
  getSchema: () => {
7629
7704
  return PageMasterSchema;
@@ -7669,6 +7744,9 @@ var pageMaster = (funcParams) => {
7669
7744
  store2.formData.events.splice(rowId, 1);
7670
7745
  const response2 = saveFormdataInLocalStorage(store2.ctx.core.data);
7671
7746
  store2.setFormdata(response2);
7747
+ },
7748
+ deletePopUpComponent: function() {
7749
+ store2.updateDialog("popUpComponent");
7672
7750
  }
7673
7751
  };
7674
7752
  };