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

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 +407 -336
  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 +444 -361
  8. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +4 -1
package/dist/impaktapps-ui-builder.es.js CHANGED
@@ -36,406 +36,474 @@ 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
- }
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"
187
+ },
188
+ style: {
189
+ float: "right"
190
+ }
191
+ }
192
+ },
193
+ {
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"
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"
148
231
  }
149
232
  }
150
- ]
233
+ }
151
234
  },
152
- disableAction: true,
153
- disableSelection: true,
154
- enableDrag: true
155
- }
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
+ }
252
+ }
253
+ }
254
+ }
255
+ ]
156
256
  },
157
- elements: [
158
- {
159
- accessorKey: "name",
160
- header: "Name"
257
+ {
258
+ type: "Control",
259
+ scope: "#/properties/popUpComponent",
260
+ options: {
261
+ widget: "PopUp"
161
262
  },
162
- {
163
- accessorKey: "type",
164
- header: "Type"
263
+ config: {
264
+ layout: {
265
+ xs: 12,
266
+ sm: 12,
267
+ md: 12,
268
+ lg: 12
269
+ },
270
+ main: {}
165
271
  },
166
- {
167
- header: "Edit",
168
- field: "Reject_Records",
169
- flex: 1,
170
- widget: {
272
+ elements: [
273
+ {
171
274
  type: "Control",
172
- scope: "#/properties/RejectButton",
275
+ scope: "#/properties/label",
173
276
  options: {
174
- widget: "IconButton"
277
+ widget: "Box"
175
278
  },
176
279
  config: {
280
+ layout: 12,
177
281
  main: {
178
- icon: "EditIcon",
179
- color: "primary",
180
- onClick: "Edit_Components",
181
- tooltipMessage: "Edit This Record"
282
+ heading: "Are you sure you want to delete ?"
182
283
  }
183
284
  }
184
- }
185
- },
186
- {
187
- header: "Delete",
188
- field: "Reject_Records",
189
- flex: 1,
190
- widget: {
285
+ },
286
+ {
191
287
  type: "Control",
192
- scope: "#/properties/RejectButton",
288
+ scope: "#/properties/ConfirmDeleteCompButton",
193
289
  options: {
194
- widget: "IconButton"
290
+ widget: "Button"
195
291
  },
196
292
  config: {
293
+ layout: 3,
197
294
  main: {
198
- icon: "RejectIcon",
199
- color: "error",
200
- onClick: "Delete_Components",
201
- tooltipMessage: "Reject This Record"
295
+ name: "No",
296
+ startIcon: "ApproveIcon",
297
+ variant: "contained",
298
+ color: "info",
299
+ type: "text",
300
+ onClick: "deletePopUpComponent",
301
+ size: "small"
302
+ },
303
+ style: {
304
+ width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" }
202
305
  }
203
306
  }
204
- }
205
- }
206
- ]
207
- },
208
- {
209
- type: "Control",
210
- scope: "#/properties/events",
211
- options: {
212
- widget: "Table"
213
- },
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
- ]
241
307
  },
242
- disableAction: true,
243
- disableSelection: true,
244
- enableDrag: true
245
- }
246
- },
247
- elements: [
248
- {
249
- accessorKey: "eventType",
250
- header: "Event Type"
251
- },
252
- {
253
- accessorKey: "Handler",
254
- header: "Handler"
255
- },
256
- {
257
- accessorKey: "Edit_Approve_Records",
258
- header: "Edit Widget",
259
- widget: {
308
+ {
260
309
  type: "Control",
261
- scope: "#/properties/Edit_Records",
310
+ scope: "#/properties/CancelDeleteCompButton",
262
311
  options: {
263
- widget: "IconButton"
312
+ widget: "Button"
264
313
  },
265
314
  config: {
315
+ layout: 3,
266
316
  main: {
317
+ name: "Yes",
318
+ startIcon: "ApproveIcon",
319
+ variant: "contained",
267
320
  color: "info",
268
- size: "small",
269
- icon: "EditIcon",
270
- tooltipMessage: "Edit This Record",
271
- onClick: "editEvent"
321
+ type: "text",
322
+ onClick: "deletePopUpComponent",
323
+ size: "small"
272
324
  },
273
325
  style: {
274
- color: "#3949ab"
326
+ width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" }
275
327
  }
276
328
  }
277
- }
278
- },
279
- {
280
- accessorKey: "Reject_Records",
281
- header: "Delete",
282
- widget: {
329
+ },
330
+ {
283
331
  type: "Control",
284
- scope: "#/properties/RejectButton",
332
+ scope: "#/properties/emptyBox",
285
333
  options: {
286
- widget: "IconButton"
334
+ widget: "Box"
287
335
  },
288
336
  config: {
289
- main: {
290
- icon: "RejectIcon",
291
- color: "error",
292
- tooltipMessage: "Reject This Record",
293
- onClick: "deleteEvent"
294
- }
337
+ layout: 6
295
338
  }
296
339
  }
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
- }
323
- }
324
- },
325
- {
326
- type: "Control",
327
- scope: "#/properties/notify",
328
- options: {
329
- widget: "Notify"
330
- },
331
- layout: 6
332
- },
333
- {
334
- type: "HorizontalLayout",
335
- config: {
336
- style: {
337
- position: "fixed",
338
- bottom: 5,
339
- overflow: "visible",
340
- margin: "0",
341
- width: "100vw"
342
- }
340
+ ]
341
+ }
342
+ ]
343
343
  },
344
- elements: [
345
- {
346
- type: "Control",
347
- scope: "#/properties/EmptyBox",
348
- options: {
349
- widget: "EmptyBox"
344
+ {
345
+ type: "WrapperLayout",
346
+ config: {
347
+ main: {
348
+ divider: true
350
349
  },
351
- config: {
352
- layout: { xs: 0, sm: 4, md: 4, lg: 4 }
350
+ wrapperStyle: {
351
+ border: "1px solid gray"
353
352
  }
354
353
  },
355
- {
356
- type: "Control",
357
- scope: "#/properties/FooterText",
358
- options: {
359
- widget: "Box"
360
- },
361
- config: {
362
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
363
- main: {
364
- heading: "Copywriter@ACT21.IO"
354
+ elements: [
355
+ {
356
+ type: "Control",
357
+ scope: "#/properties/heading",
358
+ options: {
359
+ widget: "Box"
365
360
  },
366
- style: {
367
- color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
368
- fontSize: "12px"
361
+ config: {
362
+ layout: 8,
363
+ main: {
364
+ heading: "Event Table"
365
+ },
366
+ style: {
367
+ fontFamily: "Roboto",
368
+ fontWeight: "500",
369
+ paddingLeft: "-10px",
370
+ fontSize: "20px"
371
+ }
369
372
  }
370
- }
371
- },
372
- {
373
- type: "HorizontalLayout",
374
- config: {
375
- layout: { xs: 11, sm: 4, md: 4, lg: 4 }
376
373
  },
377
- elements: [
378
- {
379
- type: "Control",
380
- scope: "#/properties/EmptyBox",
381
- options: {
382
- widget: "EmptyBox"
374
+ {
375
+ type: "Control",
376
+ scope: "#/properties/AddButton",
377
+ options: {
378
+ widget: "IconButton"
379
+ },
380
+ config: {
381
+ layout: 3,
382
+ main: {
383
+ icon: "AddIcon",
384
+ styleDefault: true,
385
+ size: "small",
386
+ onClick: "eventAddHandler",
387
+ tooltipMessage: "Back"
383
388
  },
384
- config: {
385
- layout: 2
389
+ style: {
390
+ float: "right"
386
391
  }
392
+ }
393
+ },
394
+ {
395
+ type: "Control",
396
+ scope: "#/properties/events",
397
+ options: {
398
+ widget: "Table"
387
399
  },
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
- }
400
+ config: {
401
+ main: {
402
+ disableAction: true,
403
+ disableSelection: true,
404
+ enableDrag: true
410
405
  }
411
406
  },
412
- {
413
- type: "Control",
414
- scope: "#/properties/text",
415
- options: {
416
- widget: "Box"
407
+ elements: [
408
+ {
409
+ accessorKey: "eventType",
410
+ header: "Event Type"
417
411
  },
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"
412
+ {
413
+ accessorKey: "Handler",
414
+ header: "Handler"
415
+ },
416
+ {
417
+ accessorKey: "Edit_Approve_Records",
418
+ header: "Edit Widget",
419
+ widget: {
420
+ type: "Control",
421
+ scope: "#/properties/Edit_Records",
422
+ options: {
423
+ widget: "IconButton"
424
+ },
425
+ config: {
426
+ main: {
427
+ color: "info",
428
+ size: "small",
429
+ icon: "EditIcon",
430
+ tooltipMessage: "Edit This Record",
431
+ onClick: "editEvent"
432
+ },
433
+ style: {
434
+ color: "#3949ab"
435
+ }
436
+ }
437
+ }
438
+ },
439
+ {
440
+ accessorKey: "Reject_Records",
441
+ header: "Delete",
442
+ widget: {
443
+ type: "Control",
444
+ scope: "#/properties/RejectButton",
445
+ options: {
446
+ widget: "IconButton"
447
+ },
448
+ config: {
449
+ main: {
450
+ icon: "RejectIcon",
451
+ color: "error",
452
+ tooltipMessage: "Reject This Record",
453
+ onClick: "deleteEvent"
454
+ }
455
+ }
429
456
  }
430
457
  }
431
- }
432
- ]
433
- }
434
- ]
458
+ ]
459
+ }
460
+ ]
461
+ }
462
+ ]
463
+ },
464
+ {
465
+ type: "Control",
466
+ scope: "#/properties/btn",
467
+ options: {
468
+ widget: "EmptyBox"
469
+ },
470
+ config: {
471
+ layout: { xs: 0, sm: 0, md: 8, lg: 7 }
435
472
  }
436
- ]
437
- };
438
- return uiSchema;
473
+ },
474
+ {
475
+ type: "Control",
476
+ scope: "#/properties/btn",
477
+ options: {
478
+ widget: "Button"
479
+ },
480
+ config: {
481
+ layout: 11.7,
482
+ main: {
483
+ name: "Save",
484
+ startIcon: "ApproveIcon",
485
+ variant: "contained",
486
+ color: "info",
487
+ type: "text",
488
+ onClick: "saveHandler",
489
+ size: "small"
490
+ },
491
+ style: {
492
+ marginBottom: "8px",
493
+ width: { xs: "100%", sm: "100%", md: "25%", lg: "20%" },
494
+ float: "right"
495
+ }
496
+ }
497
+ },
498
+ {
499
+ type: "Control",
500
+ scope: "#/properties/notify",
501
+ options: {
502
+ widget: "Notify"
503
+ },
504
+ layout: 6
505
+ }
506
+ ]
439
507
  };
440
508
  var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
441
509
  var lodash = { exports: {} };
@@ -7623,7 +7691,7 @@ var pageMaster = (funcParams) => {
7623
7691
  return config;
7624
7692
  },
7625
7693
  getUiSchema: function() {
7626
- return PageMasterUiSchema(store2.theme.myTheme);
7694
+ return PageMasterUiSchema;
7627
7695
  },
7628
7696
  getSchema: () => {
7629
7697
  return PageMasterSchema;
@@ -7669,6 +7737,9 @@ var pageMaster = (funcParams) => {
7669
7737
  store2.formData.events.splice(rowId, 1);
7670
7738
  const response2 = saveFormdataInLocalStorage(store2.ctx.core.data);
7671
7739
  store2.setFormdata(response2);
7740
+ },
7741
+ deletePopUpComponent: function() {
7742
+ store2.updateDialog("popUpComponent");
7672
7743
  }
7673
7744
  };
7674
7745
  };