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

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 (30) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1206 -1076
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +14 -14
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/uischema/apiSection.d.ts +18 -0
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +15 -18
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +70 -121
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +53 -102
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +17 -2
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +17 -2
  11. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +1 -1
  12. package/package.json +1 -1
  13. package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +28 -26
  14. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +22 -25
  15. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +16 -36
  16. package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +1 -6
  17. package/src/impaktapps-ui-builder/builder/build/uischema/emptyBox.ts +1 -1
  18. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +78 -51
  19. package/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.ts +1 -1
  20. package/src/impaktapps-ui-builder/builder/build/uischema/selectInputField.ts +1 -6
  21. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +84 -56
  22. package/src/impaktapps-ui-builder/builder/build/uischema/textInputField.ts +1 -6
  23. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +12 -12
  24. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +12 -12
  25. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +344 -266
  26. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +343 -343
  27. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +415 -284
  28. package/src/impaktapps-ui-builder/builder/services/component.ts +3 -3
  29. package/src/impaktapps-ui-builder/builder/services/event.ts +8 -8
  30. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +1 -1
package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts CHANGED
@@ -1,412 +1,412 @@
1
- // import { getAppTheme } from "@/Style/AppStyle";
2
-
3
- // const theme = getAppTheme().theme;
4
-
5
- export const PageMasterUiSchema: any = {
6
- type: "HorizontalLayout",
7
- heading: "Page Master",
8
- elements: [
9
- {
10
- type: "WrapperLayout",
11
- config: {
12
- main: {
13
- label: "Page Template",
14
- isAccordion: true,
15
- },
16
- wrapperStyle: {
17
- marginTop: '-6px',
18
- marginBottom: '-8px',
19
- },
20
- componentsBoxStyle: {
21
- marginLeft: "24px",
22
- },
23
- defaultStyle: true,
24
- },
25
- elements: [
26
- {
27
- type: "Control",
28
- scope: "#/properties/name",
29
-
30
- options: {
31
- widget: "InputField",
1
+ export const PageMasterUiSchema: any = (theme) => {
2
+ const uiSchema = {
3
+ type: "HorizontalLayout",
4
+ heading: "Page Master",
5
+ elements: [
6
+ {
7
+ type: "WrapperLayout",
8
+ config: {
9
+ main: {
10
+ label: "Page Template",
11
+ isAccordion: true,
32
12
  },
33
- config: {
34
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
35
- main: {
36
- label: "Name",
37
- options: [],
38
- color: "secondary",
39
- errorMessage: "Name should be start with 'page_'",
40
- helperText: 'Name should be start with "page_"',
41
- required: true,
42
- },
13
+ wrapperStyle: {
14
+ marginTop: '-6px',
15
+ marginBottom: '-8px',
16
+ },
17
+ componentsBoxStyle: {
18
+ marginLeft: "24px",
43
19
  },
20
+ defaultStyle: true,
44
21
  },
45
- {
46
- type: "Control",
47
- scope: "#/properties/label",
22
+ elements: [
23
+ {
24
+ type: "Control",
25
+ scope: "#/properties/name",
48
26
 
49
- options: {
50
- widget: "InputField",
51
- },
52
- config: {
53
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
54
- main: {
55
- label: "Label",
56
- options: [],
57
- color: "secondary",
58
- required: true,
27
+ options: {
28
+ widget: "InputField",
29
+ },
30
+ config: {
31
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
32
+ main: {
33
+ label: "Name",
34
+ options: [],
35
+ color: "secondary",
36
+ errorMessage: "Name should be start with 'page_'",
37
+ helperText: 'Name should be start with "page_"',
38
+ required: true,
39
+ },
59
40
  },
60
41
  },
61
- },
62
- {
63
- type: "Control",
64
- scope: "#/properties/emptyBox",
65
- options: {
66
- widget: "EmptyBox"
42
+ {
43
+ type: "Control",
44
+ scope: "#/properties/label",
45
+
46
+ options: {
47
+ widget: "InputField",
48
+ },
49
+ config: {
50
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
51
+ main: {
52
+ label: "Label",
53
+ options: [],
54
+ color: "secondary",
55
+ required: true,
56
+ },
57
+ },
67
58
  },
68
- config: {
69
- layout: { xs: 0, sm: 4 }
70
- }
71
- }
72
- ],
73
- },
74
- {
75
- type: "TabLayout",
76
- config: {
77
- main: {
78
- tabLabels: ["Components", "events"],
79
- divider: true,
80
- },
81
- defaultStyle: true,
82
- },
83
- elements: [
84
- {
85
- type: "Control",
86
- scope: "#/properties/elements",
87
- options: {
88
- widget: "Table",
59
+ {
60
+ type: "Control",
61
+ scope: "#/properties/emptyBox",
62
+ options: {
63
+ widget: "EmptyBox"
64
+ },
65
+ config: {
66
+ layout: { xs: 0, sm: 4 }
67
+ }
89
68
  },
90
- config: {
91
- main: {
92
- headerIcons: {
69
+ {
70
+ type: "TabLayout",
71
+ config: {
72
+ main: {
73
+ tabLabels: ["Components", "events"],
74
+ divider: true,
75
+ },
76
+ defaultStyle: true,
77
+ },
78
+ elements: [
79
+ {
80
+ type: "Control",
81
+ scope: "#/properties/elements",
82
+ options: {
83
+ widget: "Table",
84
+ },
85
+ config: {
86
+ main: {
87
+ headerIcons: {
88
+ elements: [
89
+ {
90
+ widget: {
91
+ type: "Control",
92
+ scope: "#/properties/New_Record",
93
+
94
+ options: {
95
+ widget: "IconButton",
96
+ },
97
+ config: {
98
+ main: {
99
+ color: "info",
100
+ onClick: "onAddClickHandler",
101
+ size: "small",
102
+ icon: "AddIcon",
103
+ iconLabel: "Add New",
104
+ styleDefault: true,
105
+ },
106
+ style: {
107
+ mt: "6px",
108
+ },
109
+ },
110
+ }
111
+ },
112
+ ]
113
+ },
114
+ disableAction: true,
115
+ disableSelection: true,
116
+ enableDrag: true,
117
+ }
118
+ },
93
119
  elements: [
94
120
  {
121
+ accessorKey: "name",
122
+
123
+ header: "Name",
124
+ },
125
+ {
126
+ accessorKey: "type",
127
+
128
+ header: "Type",
129
+ },
130
+ {
131
+ header: "Edit",
132
+ field: "Reject_Records",
133
+ flex: 1,
95
134
  widget: {
96
135
  type: "Control",
97
- scope: "#/properties/New_Record",
98
-
136
+ scope: "#/properties/RejectButton",
99
137
  options: {
100
138
  widget: "IconButton",
101
139
  },
102
140
  config: {
103
141
  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",
142
+ icon: "EditIcon",
143
+ color: "primary",
144
+ onClick: "Edit_Components",
145
+ tooltipMessage: "Edit This Record",
113
146
  },
114
147
  },
115
- }
148
+ },
116
149
  },
117
- ]
118
- },
119
- disableAction: true,
120
- disableSelection: true,
121
- enableDrag: true,
122
- }
123
- },
124
- elements: [
125
- {
126
- accessorKey: "name",
127
-
128
- header: "Name",
129
- },
130
- {
131
- accessorKey: "type",
132
-
133
- header: "Type",
134
- },
135
- {
136
- header: "Edit",
137
- field: "Reject_Records",
138
- flex: 1,
139
- widget: {
140
- type: "Control",
141
- scope: "#/properties/RejectButton",
142
- options: {
143
- widget: "IconButton",
144
- },
145
- config: {
146
- main: {
147
- icon: "EditIcon",
148
- color: "primary",
149
- onClick: "Edit_Components",
150
- tooltipMessage: "Edit This Record",
151
- },
152
- },
150
+ {
151
+ header: "Delete",
152
+ field: "Reject_Records",
153
+ flex: 1,
154
+ widget: {
155
+ type: "Control",
156
+ scope: "#/properties/RejectButton",
157
+ options: {
158
+ widget: "IconButton",
159
+ },
160
+ config: {
161
+ main: {
162
+ icon: "RejectIcon",
163
+ color: "error",
164
+ onClick: "Delete_Components",
165
+ tooltipMessage: "Reject This Record",
166
+ },
167
+ },
168
+ },
169
+ }]
153
170
  },
154
- },
155
- {
156
- header: "Delete",
157
- field: "Reject_Records",
158
- flex: 1,
159
- widget: {
171
+ {
160
172
  type: "Control",
161
- scope: "#/properties/RejectButton",
173
+ scope: "#/properties/events",
162
174
  options: {
163
- widget: "IconButton",
175
+ widget: "Table",
164
176
  },
165
177
  config: {
166
178
  main: {
167
- icon: "RejectIcon",
168
- color: "error",
169
- onClick: "Delete_Components",
170
- tooltipMessage: "Reject This Record",
179
+ headerIcons: {
180
+ elements: [
181
+ {
182
+ widget: {
183
+ type: "Control",
184
+ scope: "#/properties/New_Record",
185
+
186
+ options: {
187
+ widget: "IconButton",
188
+ },
189
+ config: {
190
+ main: {
191
+ color: "info",
192
+ onClick: "eventAddHandler",
193
+ size: "small",
194
+ icon: "AddIcon",
195
+ iconLabel: "Add New",
196
+ styleDefault: true,
197
+ },
198
+ style: {
199
+ mt: "6px",
200
+ },
201
+ },
202
+ }
203
+ },
204
+ ]
205
+ },
206
+ disableAction: true,
207
+ disableSelection: true,
208
+ enableDrag: true,
209
+
171
210
  },
172
211
  },
173
- },
174
- }]
175
- },
176
- {
177
- type: "Control",
178
- scope: "#/properties/events",
179
- options: {
180
- widget: "Table",
181
- },
182
- config: {
183
- main: {
184
- headerIcons: {
185
212
  elements: [
213
+
214
+ {
215
+ accessorKey: "eventType",
216
+ header: "Event Type",
217
+ },
218
+ {
219
+ accessorKey: "Handler",
220
+ header: "Handler",
221
+ },
186
222
  {
223
+ accessorKey: "Edit_Approve_Records",
224
+ header: "Edit Widget",
187
225
  widget: {
188
226
  type: "Control",
189
- scope: "#/properties/New_Record",
190
-
227
+ scope: "#/properties/Edit_Records",
191
228
  options: {
192
229
  widget: "IconButton",
193
230
  },
194
231
  config: {
195
232
  main: {
196
233
  color: "info",
197
- onClick: "eventAddHandler",
198
234
  size: "small",
199
- icon: "AddIcon",
200
- iconLabel: "Add New",
201
- styleDefault: true,
235
+ icon: "EditIcon",
236
+ tooltipMessage: "Edit This Record",
237
+ onClick: "editEvent",
202
238
  },
203
239
  style: {
204
- mt: "6px",
240
+ color: "#3949ab",
205
241
  },
206
242
  },
207
- }
243
+ },
244
+ },
245
+ {
246
+ accessorKey: "Reject_Records",
247
+ header: "Delete",
248
+ widget: {
249
+ type: "Control",
250
+ scope: "#/properties/RejectButton",
251
+ options: {
252
+ widget: "IconButton",
253
+ },
254
+ config: {
255
+ main: {
256
+ icon: "RejectIcon",
257
+ color: "error",
258
+ tooltipMessage: "Reject This Record",
259
+ onClick: "deleteEvent",
260
+ },
261
+ },
262
+ },
208
263
  },
209
264
  ]
210
265
  },
211
- disableAction: true,
212
- disableSelection: true,
213
- enableDrag: true,
214
266
 
267
+ ],
268
+ },
269
+ {
270
+ type: "Control",
271
+ scope: "#/properties/btn",
272
+ options: {
273
+ widget: "Button",
274
+ },
275
+
276
+ config: {
277
+ layout: 11.9,
278
+ main: {
279
+ name: "Save",
280
+ startIcon: "ApproveIcon",
281
+ variant: "contained",
282
+ color: "info",
283
+ type: "text",
284
+ onClick: "saveHandler",
285
+ size: "medium",
286
+ },
287
+ style: {
288
+ width: { xs: "90%", sm: "90%", md: "20%", lg: "10%" },
289
+ float: "right",
290
+ },
291
+ },
292
+ },
293
+ ]
294
+ },
295
+
296
+ {
297
+ type: "Control",
298
+ scope: "#/properties/notify",
299
+ options: {
300
+ widget: "Notify",
301
+ },
302
+ layout: 6,
303
+ },
304
+ {
305
+ type: "HorizontalLayout",
306
+ config: {
307
+ style: {
308
+ position: "fixed",
309
+ bottom: 5,
310
+ overflow: 'visible',
311
+ margin: "0",
312
+ width: "100vw",
313
+ }
314
+ },
315
+ elements: [
316
+ {
317
+ type: "Control",
318
+ scope: "#/properties/EmptyBox",
319
+ options: {
320
+ widget: "EmptyBox",
321
+ },
322
+ config: {
323
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
215
324
  },
216
325
  },
217
- elements: [
326
+ {
218
327
 
219
- {
220
- accessorKey: "eventType",
221
- header: "Event Type",
328
+ type: "Control",
329
+ scope: "#/properties/FooterText",
330
+ options: {
331
+ widget: "Box",
222
332
  },
223
- {
224
- accessorKey: "Handler",
225
- header: "Handler",
333
+ config: {
334
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
335
+ main: {
336
+ heading: "Copywriter@ACT21.IO"
337
+ },
338
+ style: {
339
+ color: theme?.palette?.text.disabled || "#AFAFAF",
340
+ fontSize: '12px',
341
+ }
226
342
  },
227
- {
228
- accessorKey: "Edit_Approve_Records",
229
- header: "Edit Widget",
230
- widget: {
343
+ },
344
+ {
345
+ type: "HorizontalLayout",
346
+ config: {
347
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
348
+ },
349
+ elements: [
350
+ {
351
+ type: "Control",
352
+ scope: "#/properties/EmptyBox",
353
+ options: {
354
+ widget: "EmptyBox",
355
+ },
356
+ config: {
357
+ layout: 2,
358
+ },
359
+ },
360
+ {
231
361
  type: "Control",
232
- scope: "#/properties/Edit_Records",
362
+ scope: "#/properties/backIcon",
233
363
  options: {
234
- widget: "IconButton",
364
+ widget: "Box",
235
365
  },
236
366
  config: {
367
+ layout: 1,
237
368
  main: {
238
- color: "info",
239
- size: "small",
240
- icon: "EditIcon",
241
- tooltipMessage: "Edit This Record",
242
- onClick: "editEvent",
369
+ iconName: 'PrevIcon',
370
+ onClick: "backHandler"
243
371
  },
244
372
  style: {
245
- color: "#3949ab",
246
- },
247
- },
373
+ fill: theme.palette.primary.dark,
374
+ width: 20,
375
+ height: 20,
376
+ display: 'flex',
377
+ alignItems: 'center',
378
+ justifyContent: 'center',
379
+ marginRight: '-8px',
380
+ cursor: 'pointer'
381
+ }
382
+ }
248
383
  },
249
- },
250
- {
251
- accessorKey: "Reject_Records",
252
- header: "Delete",
253
- widget: {
384
+ {
254
385
  type: "Control",
255
- scope: "#/properties/RejectButton",
386
+ scope: "#/properties/text",
387
+
256
388
  options: {
257
- widget: "IconButton",
389
+ widget: "Box",
258
390
  },
259
391
  config: {
392
+ layout: 9,
260
393
  main: {
261
- icon: "RejectIcon",
262
- color: "error",
263
- tooltipMessage: "Reject This Record",
264
- onClick: "deleteEvent",
394
+ heading: "Previous Page",
395
+ onClick: "backHandler"
265
396
  },
397
+ style: {
398
+ color: theme.palette.primary.dark,
399
+ fontSize: "12px",
400
+ cursor: 'pointer',
401
+ marginLeft: '-6px'
402
+ }
266
403
  },
267
404
  },
268
- },
269
- ]
270
- },
271
-
272
- ],
273
- },
274
- {
275
- type: "Control",
276
- scope: "#/properties/btn",
277
- options: {
278
- widget: "Button",
279
- },
280
-
281
- config: {
282
- layout: 11.9,
283
- main: {
284
- name: "Save",
285
- startIcon: "ApproveIcon",
286
- variant: "contained",
287
- color: "info",
288
- type: "text",
289
- onClick: "saveHandler",
290
- size: "medium",
291
- },
292
- style: {
293
- width: { xs: "90%", sm: "90%", md: "20%", lg: "10%" },
294
- float: "right",
295
- },
296
- },
297
- },
298
- {
299
- type: "Control",
300
- scope: "#/properties/notify",
301
- options: {
302
- widget: "Notify",
303
- },
304
- 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
- // }
411
- ]
405
+ ],
406
+ },
407
+ ]
408
+ }
409
+ ]
410
+ };
411
+ return uiSchema
412
412
  }