impaktapps-ui-builder 0.0.382-alpha.10 → 0.0.382-alpha.12

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