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/src/impaktapps-ui-builder/builder/services/pageMaster.d.ts CHANGED
@@ -55,5 +55,6 @@ declare const _default: (funcParams: funcParamsProps) => {
55
55
  eventAddHandler: () => void;
56
56
  editEvent: () => void;
57
57
  deleteEvent: () => void;
58
+ deletePopUp: () => void;
58
59
  };
59
60
  export default _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "impaktapps-ui-builder",
3
- "version": "0.0.382-alpha.2",
3
+ "version": "0.0.382-alpha.200",
4
4
  "scripts": {
5
5
  "dev": "vite",
6
6
  "build": "tsc && vite build",
package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts CHANGED
@@ -1,24 +1,60 @@
1
- // import { getAppTheme } from "@/Style/AppStyle";
2
-
3
- // const theme = getAppTheme().theme;
4
-
1
+ import { EventUiSchema } from "../event/uiSchema"
5
2
  export const PageMasterUiSchema: any = {
6
3
  type: "HorizontalLayout",
7
- heading: "Page Master",
8
4
  elements: [
9
5
  {
10
6
  type: "WrapperLayout",
11
7
  config: {
12
8
  main: {
13
- label: "Page Template",
14
- isAccordion: true,
9
+ rowSpacing: 1,
10
+ header: true,
11
+ },
12
+ defaultStyle: true,
13
+ },
14
+ elements: [
15
+ {
16
+ type: "Control",
17
+ scope: "#/properties/pageMaster",
18
+
19
+ options: {
20
+ widget: "Box",
21
+ },
22
+ config: {
23
+ layout: 8,
24
+ main: {
25
+ heading: "Page Master",
26
+ },
27
+ },
15
28
  },
16
- wrapperStyle: {
17
- marginTop: '-6px',
18
- marginBottom: '-8px',
29
+ {
30
+ type: "Control",
31
+ scope: "#/properties/Back_Button",
32
+
33
+ options: {
34
+ widget: "IconButton",
35
+ },
36
+ config: {
37
+ layout: 3,
38
+ main: {
39
+ icon: "BackIcon",
40
+ styleDefault: true,
41
+ size: "small",
42
+ onClick: "backHandler",
43
+ tooltipMessage: "Back",
44
+ },
45
+ style: {
46
+ float: "right",
47
+ },
48
+ },
19
49
  },
20
- componentsBoxStyle: {
21
- marginLeft: "24px",
50
+ ],
51
+ },
52
+ {
53
+ type: "WrapperLayout",
54
+ config: {
55
+ main: {
56
+ label: "Page Template",
57
+ divider: true,
22
58
  },
23
59
  defaultStyle: true,
24
60
  },
@@ -31,13 +67,13 @@ export const PageMasterUiSchema: any = {
31
67
  widget: "InputField",
32
68
  },
33
69
  config: {
34
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
70
+ layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
35
71
  main: {
36
72
  label: "Name",
37
73
  options: [],
38
74
  color: "secondary",
39
- errorMessage: "Name should be start with 'page_'",
40
- helperText: 'Name should be start with "page_"',
75
+ errorMessage:"Name should be start with 'page_'",
76
+ helperText:'Name should be start with "page_"',
41
77
  required: true,
42
78
  },
43
79
  },
@@ -50,7 +86,7 @@ export const PageMasterUiSchema: any = {
50
86
  widget: "InputField",
51
87
  },
52
88
  config: {
53
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
89
+ layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
54
90
  main: {
55
91
  label: "Label",
56
92
  options: [],
@@ -58,16 +94,6 @@ export const PageMasterUiSchema: any = {
58
94
  required: true,
59
95
  },
60
96
  },
61
- },
62
- {
63
- type: "Control",
64
- scope: "#/properties/emptyBox",
65
- options: {
66
- widget: "EmptyBox"
67
- },
68
- config: {
69
- layout: { xs: 0, sm: 4 }
70
- }
71
97
  }
72
98
  ],
73
99
  },
@@ -81,6 +107,58 @@ export const PageMasterUiSchema: any = {
81
107
  defaultStyle: true,
82
108
  },
83
109
  elements: [
110
+ {
111
+ type: "WrapperLayout",
112
+ config: {
113
+ main: {
114
+ // label: "Success Case Event",
115
+ divider: true,
116
+ },
117
+ wrapperStyle: {
118
+ border: "1px solid gray"
119
+ },
120
+ },
121
+ elements: [
122
+ {
123
+ type: "Control",
124
+ scope: "#/properties/heading",
125
+
126
+ options: {
127
+ widget: "Box",
128
+ },
129
+ config: {
130
+ layout: 8,
131
+ main: {
132
+ heading: "Components Table",
133
+ },
134
+ style: {
135
+ fontFamily: "Roboto",
136
+ fontWeight: "500",
137
+ paddingLeft: "-10px",
138
+ fontSize: "20px",
139
+ },
140
+ },
141
+ },
142
+ {
143
+ type: "Control",
144
+ scope: "#/properties/AddButton",
145
+ options: {
146
+ widget: "IconButton",
147
+ },
148
+ config: {
149
+ layout: 3,
150
+ main: {
151
+ icon: "AddIcon",
152
+ styleDefault: true,
153
+ size: "small",
154
+ onClick: "onAddClickHandler",
155
+ tooltipMessage: "Add New",
156
+ },
157
+ style: {
158
+ float: "right",
159
+ },
160
+ },
161
+ },
84
162
  {
85
163
  type: "Control",
86
164
  scope: "#/properties/elements",
@@ -89,33 +167,6 @@ export const PageMasterUiSchema: any = {
89
167
  },
90
168
  config: {
91
169
  main: {
92
- headerIcons: {
93
- elements: [
94
- {
95
- widget: {
96
- type: "Control",
97
- scope: "#/properties/New_Record",
98
-
99
- options: {
100
- widget: "IconButton",
101
- },
102
- config: {
103
- main: {
104
- color: "info",
105
- onClick: "onAddClickHandler",
106
- size: "small",
107
- icon: "AddIcon",
108
- iconLabel: "Add New",
109
- styleDefault: true,
110
- },
111
- style: {
112
- mt: "6px",
113
- },
114
- },
115
- }
116
- },
117
- ]
118
- },
119
170
  disableAction: true,
120
171
  disableSelection: true,
121
172
  enableDrag: true,
@@ -171,106 +222,233 @@ export const PageMasterUiSchema: any = {
171
222
  },
172
223
  },
173
224
  },
174
- }]
175
- },
225
+ }
226
+ ]
227
+ }]},
176
228
  {
177
- type: "Control",
178
- scope: "#/properties/events",
179
- options: {
180
- widget: "Table",
181
- },
229
+ type: "WrapperLayout",
182
230
  config: {
183
231
  main: {
184
- headerIcons: {
185
- elements: [
186
- {
187
- widget: {
188
- type: "Control",
189
- scope: "#/properties/New_Record",
190
-
191
- options: {
192
- widget: "IconButton",
193
- },
194
- config: {
195
- main: {
196
- color: "info",
197
- onClick: "eventAddHandler",
198
- size: "small",
199
- icon: "AddIcon",
200
- iconLabel: "Add New",
201
- styleDefault: true,
202
- },
203
- style: {
204
- mt: "6px",
205
- },
206
- },
207
- }
208
- },
209
- ]
210
- },
211
- disableAction: true,
212
- disableSelection: true,
213
- enableDrag: true,
214
-
232
+ // label: "Success Case Event",
233
+ divider: true,
234
+ },
235
+ wrapperStyle: {
236
+ border: "1px solid gray"
215
237
  },
216
238
  },
217
239
  elements: [
218
-
219
240
  {
220
- accessorKey: "eventType",
221
- header: "Event Type",
241
+ type: "Control",
242
+ scope: "#/properties/heading",
243
+
244
+ options: {
245
+ widget: "Box",
246
+ },
247
+ config: {
248
+ layout: 8,
249
+ main: {
250
+ heading: "Event Table",
251
+ },
252
+ style: {
253
+ fontFamily: "Roboto",
254
+ fontWeight: "500",
255
+ paddingLeft: "-10px",
256
+ fontSize: "20px",
257
+ },
258
+ },
222
259
  },
223
260
  {
224
- accessorKey: "Handler",
225
- header: "Handler",
261
+ type: "Control",
262
+ scope: "#/properties/AddButton",
263
+ options: {
264
+ widget: "IconButton",
265
+ },
266
+ config: {
267
+ layout: 3,
268
+ main: {
269
+ icon: "AddIcon",
270
+ styleDefault: true,
271
+ size: "small",
272
+ onClick: "eventAddHandler",
273
+ tooltipMessage: "Back",
274
+ },
275
+ style: {
276
+ float: "right",
277
+ },
278
+ },
226
279
  },
280
+
227
281
  {
228
- accessorKey: "Edit_Approve_Records",
229
- header: "Edit Widget",
230
- widget: {
231
- type: "Control",
232
- scope: "#/properties/Edit_Records",
233
- options: {
234
- widget: "IconButton",
282
+ type: "Control",
283
+ scope: "#/properties/events",
284
+ options: {
285
+ widget: "Table",
286
+ },
287
+ config: {
288
+ main: {
289
+ disableAction: true,
290
+ disableSelection: true,
291
+ enableDrag: true,
292
+
235
293
  },
236
- config: {
237
- main: {
238
- color: "info",
239
- size: "small",
240
- icon: "EditIcon",
241
- tooltipMessage: "Edit This Record",
242
- onClick: "editEvent",
294
+ },
295
+ elements: [
296
+
297
+ {
298
+ accessorKey: "eventType",
299
+ header: "Event Type",
300
+ },
301
+ {
302
+ accessorKey: "Handler",
303
+ header: "Handler",
304
+ },
305
+ {
306
+ accessorKey: "Edit_Approve_Records",
307
+ header: "Edit Widget",
308
+ widget: {
309
+ type: "Control",
310
+ scope: "#/properties/Edit_Records",
311
+ options: {
312
+ widget: "IconButton",
313
+ },
314
+ config: {
315
+ main: {
316
+ color: "info",
317
+ size: "small",
318
+ icon: "EditIcon",
319
+ tooltipMessage: "Edit This Record",
320
+ onClick: "editEvent",
321
+ },
322
+ style: {
323
+ color: "#3949ab",
324
+ },
325
+ },
243
326
  },
244
- style: {
245
- color: "#3949ab",
327
+ },
328
+ {
329
+ accessorKey: "Reject_Records",
330
+ header: "Delete",
331
+ widget: {
332
+ type: "Control",
333
+ scope: "#/properties/RejectButton",
334
+ options: {
335
+ widget: "IconButton",
336
+ },
337
+ config: {
338
+ main: {
339
+ icon: "RejectIcon",
340
+ color: "error",
341
+ tooltipMessage: "Reject This Record",
342
+ onClick: "deletePopUp",
343
+ },
344
+ },
246
345
  },
247
346
  },
248
- },
347
+ ],
348
+
249
349
  },
250
350
  {
251
- accessorKey: "Reject_Records",
252
- header: "Delete",
253
- widget: {
254
- type: "Control",
255
- scope: "#/properties/RejectButton",
256
- options: {
257
- widget: "IconButton",
351
+ type: "Control",
352
+ scope: "#/properties/popUp",
353
+ options:{
354
+ widget: "popUp"
355
+ },
356
+ config:{
357
+ layout: {
358
+ xs: 12,
359
+ sm: 12,
360
+ md: 12,
361
+ lg: 12,
258
362
  },
259
- config: {
260
- main: {
261
- icon: "RejectIcon",
262
- color: "error",
263
- tooltipMessage: "Reject This Record",
264
- onClick: "deleteEvent",
265
- },
363
+ main: {
364
+ label: "PopUp",
365
+ fullScreen:false,
366
+ fullWidth:false,
367
+ maxWidth:false,
368
+ alignItems:false,
369
+ spacing:2
266
370
  },
267
371
  },
268
- },
372
+ elements:
373
+ [
374
+ {
375
+ type: "Control",
376
+ scope: "#/properties/pageMaster",
377
+
378
+ options: {
379
+ widget: "Box",
380
+ },
381
+ config: {
382
+ layout: 8,
383
+ main: {
384
+ heading: "Are you sure",
385
+ },
386
+ },
387
+ },
388
+ {
389
+ type: "Control",
390
+ scope: "#/properties/ConfirmDeleteButton",
391
+ options: {
392
+ widget: "Button",
393
+ },
394
+ config: {
395
+ // layout: 11.7,
396
+ main: {
397
+ name: "No",
398
+ startIcon: "ApproveIcon",
399
+ variant: "contained",
400
+ color: "info",
401
+ type: "text",
402
+ onClick: "deleteEvent",
403
+ size: "small",
404
+ },
405
+ style: {
406
+ marginBottom: "8px",
407
+ width:{xs:"100%",sm:"100%",md:"25%",lg:"20%"},
408
+ float: "left",
409
+ },
410
+ },
411
+ },
412
+ {
413
+ type: "Control",
414
+ scope: "#/properties/CancelDeleteButton",
415
+ options: {
416
+ widget: "Button",
417
+ },
418
+ config: {
419
+ // layout: 11.7,
420
+ main: {
421
+ name: "No",
422
+ startIcon: "ApproveIcon",
423
+ variant: "contained",
424
+ color: "info",
425
+ type: "text",
426
+ onClick: "deleteEvent",
427
+ size: "small",
428
+ },
429
+ style: {
430
+ marginBottom: "8px",
431
+ width:{xs:"100%",sm:"100%",md:"25%",lg:"20%"},
432
+ float: "right",
433
+ },
434
+ },
435
+ },
436
+ ]
437
+ }
269
438
  ]
270
439
  },
271
-
272
440
  ],
273
441
  },
442
+ {
443
+ type: "Control",
444
+ scope: "#/properties/btn",
445
+ options: {
446
+ widget: "EmptyBox",
447
+ },
448
+ config: {
449
+ layout: { xs: 0, sm: 0, md: 8, lg: 7 },
450
+ }
451
+ },
274
452
  {
275
453
  type: "Control",
276
454
  scope: "#/properties/btn",
@@ -279,7 +457,7 @@ export const PageMasterUiSchema: any = {
279
457
  },
280
458
 
281
459
  config: {
282
- layout: 11.9,
460
+ layout: 11.7,
283
461
  main: {
284
462
  name: "Save",
285
463
  startIcon: "ApproveIcon",
@@ -287,10 +465,11 @@ export const PageMasterUiSchema: any = {
287
465
  color: "info",
288
466
  type: "text",
289
467
  onClick: "saveHandler",
290
- size: "medium",
468
+ size: "small",
291
469
  },
292
470
  style: {
293
- width: { xs: "90%", sm: "90%", md: "20%", lg: "10%" },
471
+ marginBottom: "8px",
472
+ width:{xs:"100%",sm:"100%",md:"25%",lg:"20%"},
294
473
  float: "right",
295
474
  },
296
475
  },
@@ -302,111 +481,7 @@ export const PageMasterUiSchema: any = {
302
481
  widget: "Notify",
303
482
  },
304
483
  layout: 6,
305
- },
306
- // {
307
- // type: "HorizontalLayout",
308
- // config: {
309
- // style: {
310
- // position: "fixed",
311
- // bottom: 5,
312
- // overflow: 'visible',
313
- // margin: "0",
314
- // width: "100vw",
315
- // }
316
- // },
317
- // elements: [
318
- // {
319
- // type: "Control",
320
- // scope: "#/properties/EmptyBox",
321
- // options: {
322
- // widget: "EmptyBox",
323
- // },
324
- // config: {
325
- // layout: { xs: 0, sm: 4, md: 4, lg: 4 },
326
- // },
327
- // },
328
- // {
329
-
330
- // type: "Control",
331
- // scope: "#/properties/FooterText",
332
- // options: {
333
- // widget: "Box",
334
- // },
335
- // config: {
336
- // layout: { xs: 11, sm: 4, md: 4, lg: 4 },
337
- // main: {
338
- // heading: "Copywriter@ACT21.IO"
339
- // },
340
- // style: {
341
- // color: theme?.palette?.text.disabled || "#AFAFAF",
342
- // fontSize: '12px',
343
- // }
344
- // },
345
- // },
346
- // {
347
- // type: "HorizontalLayout",
348
- // config: {
349
- // layout: { xs: 11, sm: 4, md: 4, lg: 4 },
350
- // },
351
- // elements: [
352
- // {
353
- // type: "Control",
354
- // scope: "#/properties/EmptyBox",
355
- // options: {
356
- // widget: "EmptyBox",
357
- // },
358
- // config: {
359
- // layout: 2,
360
- // },
361
- // },
362
- // {
363
- // type: "Control",
364
- // scope: "#/properties/backIcon",
365
- // options: {
366
- // widget: "Box",
367
- // },
368
- // config: {
369
- // layout: 1,
370
- // main: {
371
- // iconName: 'PrevIcon',
372
- // onClick: "backHandler"
373
- // },
374
- // style: {
375
- // fill: theme.palette.primary.dark,
376
- // width: 20,
377
- // height: 20,
378
- // display: 'flex',
379
- // alignItems: 'center',
380
- // justifyContent: 'center',
381
- // marginRight: '-8px',
382
- // cursor: 'pointer'
383
- // }
384
- // }
385
- // },
386
- // {
387
- // type: "Control",
388
- // scope: "#/properties/text",
389
-
390
- // options: {
391
- // widget: "Box",
392
- // },
393
- // config: {
394
- // layout: 9,
395
- // main: {
396
- // heading: "Previous Page",
397
- // onClick: "backHandler"
398
- // },
399
- // style: {
400
- // color: theme.palette.primary.dark,
401
- // fontSize: "12px",
402
- // cursor: 'pointer',
403
- // marginLeft: '-6px'
404
- // }
405
- // },
406
- // },
407
- // ],
408
- // },
409
- // ]
410
- // }
484
+ }
411
485
  ]
412
- }
486
+ }
487
+
package/src/impaktapps-ui-builder/builder/services/pageMaster.ts CHANGED
@@ -73,10 +73,14 @@ export default (funcParams: funcParamsProps) => {
73
73
  store.navigate(`/ComponentEvents?path=${finalPath}&id=${id}`)
74
74
  },
75
75
  deleteEvent: function () {
76
+ // store.updateDialog("popUp");
76
77
  const rowId = dynamicData.path.split(".")[1];
77
78
  store.formData.events.splice(rowId, 1);
78
79
  const response = saveFormdataInLocalStorage(store.ctx.core.data)
79
80
  store.setFormdata(response);
80
81
  },
82
+ deletePopUp: function(){
83
+ store.updateDialog("popUp");
84
+ }
81
85
  }
82
86
  };