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

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 (13) hide show
  1. package/dist/impaktapps-ui-builder.es.js +261 -277
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +2 -2
  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/package.json +1 -1
  7. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +16 -36
  8. package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +1 -6
  9. package/src/impaktapps-ui-builder/builder/build/uischema/emptyBox.ts +1 -1
  10. package/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.ts +1 -1
  11. package/src/impaktapps-ui-builder/builder/build/uischema/selectInputField.ts +1 -6
  12. package/src/impaktapps-ui-builder/builder/build/uischema/textInputField.ts +1 -6
  13. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +246 -226
package/dist/impaktapps-ui-builder.es.js CHANGED
@@ -43,265 +43,284 @@ const PageMasterUiSchema = (theme) => {
43
43
  heading: "Page Master",
44
44
  elements: [
45
45
  {
46
- type: "Control",
47
- scope: "#/properties/name",
48
- options: {
49
- widget: "InputField"
50
- },
51
- config: {
52
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
53
- main: {
54
- label: "Name",
55
- options: [],
56
- color: "secondary",
57
- errorMessage: "Name should be start with 'page_'",
58
- helperText: 'Name should be start with "page_"',
59
- required: true
60
- }
61
- }
62
- },
63
- {
64
- type: "Control",
65
- scope: "#/properties/label",
66
- options: {
67
- widget: "InputField"
68
- },
46
+ type: "WrapperLayout",
69
47
  config: {
70
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
71
48
  main: {
72
- label: "Label",
73
- options: [],
74
- color: "secondary",
75
- required: true
76
- }
77
- }
78
- },
79
- {
80
- type: "Control",
81
- scope: "#/properties/emptyBox",
82
- options: {
83
- widget: "EmptyBox"
84
- },
85
- config: {
86
- layout: { xs: 0, sm: 4 }
87
- }
88
- },
89
- {
90
- type: "TabLayout",
91
- config: {
92
- main: {
93
- tabLabels: ["Components", "events"],
94
- divider: true
49
+ label: "Page Template",
50
+ isAccordion: true
51
+ },
52
+ wrapperStyle: {
53
+ marginTop: "-6px",
54
+ marginBottom: "-8px"
55
+ },
56
+ componentsBoxStyle: {
57
+ marginLeft: "24px"
95
58
  },
96
59
  defaultStyle: true
97
60
  },
98
61
  elements: [
99
62
  {
100
63
  type: "Control",
101
- scope: "#/properties/elements",
64
+ scope: "#/properties/name",
102
65
  options: {
103
- widget: "Table"
66
+ widget: "InputField"
104
67
  },
105
68
  config: {
69
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
106
70
  main: {
107
- headerIcons: {
108
- elements: [
109
- {
110
- widget: {
111
- type: "Control",
112
- scope: "#/properties/New_Record",
113
- options: {
114
- widget: "IconButton"
115
- },
116
- config: {
117
- main: {
118
- color: "info",
119
- onClick: "onAddClickHandler",
120
- size: "small",
121
- icon: "AddIcon",
122
- iconLabel: "Add New",
123
- styleDefault: true
124
- },
125
- style: {
126
- mt: "6px"
127
- }
128
- }
129
- }
130
- }
131
- ]
132
- },
133
- disableAction: true,
134
- disableSelection: true,
135
- enableDrag: true
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
136
77
  }
78
+ }
79
+ },
80
+ {
81
+ type: "Control",
82
+ scope: "#/properties/label",
83
+ options: {
84
+ widget: "InputField"
137
85
  },
138
- elements: [
139
- {
140
- accessorKey: "name",
141
- header: "Name"
142
- },
143
- {
144
- accessorKey: "type",
145
- header: "Type"
146
- },
147
- {
148
- header: "Edit",
149
- field: "Reject_Records",
150
- flex: 1,
151
- widget: {
152
- type: "Control",
153
- scope: "#/properties/RejectButton",
154
- options: {
155
- widget: "IconButton"
156
- },
157
- config: {
158
- main: {
159
- icon: "EditIcon",
160
- color: "primary",
161
- onClick: "Edit_Components",
162
- tooltipMessage: "Edit This Record"
163
- }
164
- }
165
- }
166
- },
167
- {
168
- header: "Delete",
169
- field: "Reject_Records",
170
- flex: 1,
171
- widget: {
172
- type: "Control",
173
- scope: "#/properties/RejectButton",
174
- options: {
175
- widget: "IconButton"
176
- },
177
- config: {
178
- main: {
179
- icon: "RejectIcon",
180
- color: "error",
181
- onClick: "Delete_Components",
182
- tooltipMessage: "Reject This Record"
183
- }
184
- }
185
- }
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
186
93
  }
187
- ]
94
+ }
188
95
  },
189
96
  {
190
97
  type: "Control",
191
- scope: "#/properties/events",
98
+ scope: "#/properties/emptyBox",
192
99
  options: {
193
- widget: "Table"
100
+ widget: "EmptyBox"
194
101
  },
102
+ config: {
103
+ layout: { xs: 0, sm: 4 }
104
+ }
105
+ },
106
+ {
107
+ type: "TabLayout",
195
108
  config: {
196
109
  main: {
197
- headerIcons: {
198
- elements: [
199
- {
200
- widget: {
201
- type: "Control",
202
- scope: "#/properties/New_Record",
203
- options: {
204
- widget: "IconButton"
205
- },
206
- config: {
207
- main: {
208
- color: "info",
209
- onClick: "eventAddHandler",
210
- size: "small",
211
- icon: "AddIcon",
212
- iconLabel: "Add New",
213
- styleDefault: true
214
- },
215
- style: {
216
- mt: "6px"
110
+ tabLabels: ["Components", "events"],
111
+ divider: true
112
+ },
113
+ defaultStyle: true
114
+ },
115
+ elements: [
116
+ {
117
+ type: "Control",
118
+ scope: "#/properties/elements",
119
+ options: {
120
+ widget: "Table"
121
+ },
122
+ config: {
123
+ main: {
124
+ headerIcons: {
125
+ elements: [
126
+ {
127
+ widget: {
128
+ type: "Control",
129
+ scope: "#/properties/New_Record",
130
+ options: {
131
+ widget: "IconButton"
132
+ },
133
+ config: {
134
+ main: {
135
+ color: "info",
136
+ onClick: "onAddClickHandler",
137
+ size: "small",
138
+ icon: "AddIcon",
139
+ iconLabel: "Add New",
140
+ styleDefault: true
141
+ },
142
+ style: {
143
+ mt: "6px"
144
+ }
145
+ }
217
146
  }
218
147
  }
148
+ ]
149
+ },
150
+ disableAction: true,
151
+ disableSelection: true,
152
+ enableDrag: true
153
+ }
154
+ },
155
+ elements: [
156
+ {
157
+ accessorKey: "name",
158
+ header: "Name"
159
+ },
160
+ {
161
+ accessorKey: "type",
162
+ header: "Type"
163
+ },
164
+ {
165
+ header: "Edit",
166
+ field: "Reject_Records",
167
+ flex: 1,
168
+ widget: {
169
+ type: "Control",
170
+ scope: "#/properties/RejectButton",
171
+ options: {
172
+ widget: "IconButton"
173
+ },
174
+ config: {
175
+ main: {
176
+ icon: "EditIcon",
177
+ color: "primary",
178
+ onClick: "Edit_Components",
179
+ tooltipMessage: "Edit This Record"
180
+ }
219
181
  }
220
182
  }
221
- ]
222
- },
223
- disableAction: true,
224
- disableSelection: true,
225
- enableDrag: true
226
- }
227
- },
228
- elements: [
229
- {
230
- accessorKey: "eventType",
231
- header: "Event Type"
232
- },
233
- {
234
- accessorKey: "Handler",
235
- header: "Handler"
236
- },
237
- {
238
- accessorKey: "Edit_Approve_Records",
239
- header: "Edit Widget",
240
- widget: {
241
- type: "Control",
242
- scope: "#/properties/Edit_Records",
243
- options: {
244
- widget: "IconButton"
245
183
  },
246
- config: {
247
- main: {
248
- color: "info",
249
- size: "small",
250
- icon: "EditIcon",
251
- tooltipMessage: "Edit This Record",
252
- onClick: "editEvent"
253
- },
254
- style: {
255
- color: "#3949ab"
184
+ {
185
+ header: "Delete",
186
+ field: "Reject_Records",
187
+ flex: 1,
188
+ widget: {
189
+ type: "Control",
190
+ scope: "#/properties/RejectButton",
191
+ options: {
192
+ widget: "IconButton"
193
+ },
194
+ config: {
195
+ main: {
196
+ icon: "RejectIcon",
197
+ color: "error",
198
+ onClick: "Delete_Components",
199
+ tooltipMessage: "Reject This Record"
200
+ }
201
+ }
256
202
  }
257
203
  }
258
- }
204
+ ]
259
205
  },
260
206
  {
261
- accessorKey: "Reject_Records",
262
- header: "Delete",
263
- widget: {
264
- type: "Control",
265
- scope: "#/properties/RejectButton",
266
- options: {
267
- widget: "IconButton"
207
+ type: "Control",
208
+ scope: "#/properties/events",
209
+ options: {
210
+ widget: "Table"
211
+ },
212
+ config: {
213
+ main: {
214
+ headerIcons: {
215
+ elements: [
216
+ {
217
+ widget: {
218
+ type: "Control",
219
+ scope: "#/properties/New_Record",
220
+ options: {
221
+ widget: "IconButton"
222
+ },
223
+ config: {
224
+ main: {
225
+ color: "info",
226
+ onClick: "eventAddHandler",
227
+ size: "small",
228
+ icon: "AddIcon",
229
+ iconLabel: "Add New",
230
+ styleDefault: true
231
+ },
232
+ style: {
233
+ mt: "6px"
234
+ }
235
+ }
236
+ }
237
+ }
238
+ ]
239
+ },
240
+ disableAction: true,
241
+ disableSelection: true,
242
+ enableDrag: true
243
+ }
244
+ },
245
+ elements: [
246
+ {
247
+ accessorKey: "eventType",
248
+ header: "Event Type"
268
249
  },
269
- config: {
270
- main: {
271
- icon: "RejectIcon",
272
- color: "error",
273
- tooltipMessage: "Reject This Record",
274
- onClick: "deleteEvent"
250
+ {
251
+ accessorKey: "Handler",
252
+ header: "Handler"
253
+ },
254
+ {
255
+ accessorKey: "Edit_Approve_Records",
256
+ header: "Edit Widget",
257
+ widget: {
258
+ type: "Control",
259
+ scope: "#/properties/Edit_Records",
260
+ options: {
261
+ widget: "IconButton"
262
+ },
263
+ config: {
264
+ main: {
265
+ color: "info",
266
+ size: "small",
267
+ icon: "EditIcon",
268
+ tooltipMessage: "Edit This Record",
269
+ onClick: "editEvent"
270
+ },
271
+ style: {
272
+ color: "#3949ab"
273
+ }
274
+ }
275
+ }
276
+ },
277
+ {
278
+ accessorKey: "Reject_Records",
279
+ header: "Delete",
280
+ widget: {
281
+ type: "Control",
282
+ scope: "#/properties/RejectButton",
283
+ options: {
284
+ widget: "IconButton"
285
+ },
286
+ config: {
287
+ main: {
288
+ icon: "RejectIcon",
289
+ color: "error",
290
+ tooltipMessage: "Reject This Record",
291
+ onClick: "deleteEvent"
292
+ }
293
+ }
275
294
  }
276
295
  }
277
- }
296
+ ]
278
297
  }
279
298
  ]
280
- }
281
- ]
282
- },
283
- {
284
- type: "Control",
285
- scope: "#/properties/btn",
286
- options: {
287
- widget: "Button"
288
- },
289
- config: {
290
- layout: 11.9,
291
- main: {
292
- name: "Save",
293
- startIcon: "ApproveIcon",
294
- variant: "contained",
295
- color: "info",
296
- type: "text",
297
- onClick: "saveHandler",
298
- size: "medium"
299
299
  },
300
- style: {
301
- width: { xs: "90%", sm: "90%", md: "20%", lg: "10%" },
302
- float: "right"
300
+ {
301
+ type: "Control",
302
+ scope: "#/properties/btn",
303
+ options: {
304
+ widget: "Button"
305
+ },
306
+ config: {
307
+ layout: 11.9,
308
+ main: {
309
+ name: "Save",
310
+ startIcon: "ApproveIcon",
311
+ variant: "contained",
312
+ color: "info",
313
+ type: "text",
314
+ onClick: "saveHandler",
315
+ size: "medium"
316
+ },
317
+ style: {
318
+ width: { xs: "90%", sm: "90%", md: "20%", lg: "10%" },
319
+ float: "right"
320
+ }
321
+ }
303
322
  }
304
- }
323
+ ]
305
324
  },
306
325
  {
307
326
  type: "Control",
@@ -6458,7 +6477,7 @@ const CoreSection = {
6458
6477
  widget: "SelectInputField"
6459
6478
  },
6460
6479
  config: {
6461
- layout: { xs: 12, sm: 12, md: 6, lg: 6 },
6480
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6462
6481
  main: {
6463
6482
  label: "Type",
6464
6483
  type: "text"
@@ -6472,12 +6491,7 @@ const CoreSection = {
6472
6491
  widget: "InputField"
6473
6492
  },
6474
6493
  config: {
6475
- layout: {
6476
- xs: 12,
6477
- sm: 12,
6478
- md: 6,
6479
- lg: 6
6480
- },
6494
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6481
6495
  main: {
6482
6496
  label: "Name"
6483
6497
  }
@@ -6490,31 +6504,16 @@ const CoreSection = {
6490
6504
  widget: "InputField"
6491
6505
  },
6492
6506
  config: {
6493
- layout: {
6494
- xs: 12,
6495
- sm: 12,
6496
- md: 6,
6497
- lg: 6
6498
- },
6507
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6499
6508
  main: {
6500
6509
  label: "Label"
6501
6510
  }
6502
6511
  }
6503
6512
  },
6504
- {
6505
- type: "Control",
6506
- scope: "#/properties/proc",
6507
- config: {
6508
- layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6509
- },
6510
- options: {
6511
- widget: "EmptyBox"
6512
- }
6513
- },
6514
6513
  {
6515
6514
  type: "Control",
6516
6515
  scope: "#/properties/layout",
6517
- layout: 11.5,
6516
+ layout: 12,
6518
6517
  options: {
6519
6518
  "elementLabelProp": "key",
6520
6519
  detail: {
@@ -6527,12 +6526,7 @@ const CoreSection = {
6527
6526
  widget: "SelectInputField"
6528
6527
  },
6529
6528
  config: {
6530
- layout: {
6531
- xs: 11,
6532
- sm: 11,
6533
- md: 5.5,
6534
- lg: 5.5
6535
- },
6529
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6536
6530
  main: {
6537
6531
  label: "Screen Size"
6538
6532
  }
@@ -6545,12 +6539,7 @@ const CoreSection = {
6545
6539
  widget: "InputField"
6546
6540
  },
6547
6541
  config: {
6548
- layout: {
6549
- xs: 11,
6550
- sm: 11,
6551
- md: 5.5,
6552
- lg: 5.5
6553
- },
6542
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6554
6543
  main: {
6555
6544
  label: "Value",
6556
6545
  type: "number",
@@ -6558,6 +6547,16 @@ const CoreSection = {
6558
6547
  errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6559
6548
  }
6560
6549
  }
6550
+ },
6551
+ {
6552
+ type: "Control",
6553
+ scope: "#/properties/emptyBox",
6554
+ options: {
6555
+ widget: "EmptyBox"
6556
+ },
6557
+ config: {
6558
+ layout: { xs: 0, sm: 4 }
6559
+ }
6561
6560
  }
6562
6561
  ]
6563
6562
  }
@@ -9631,12 +9630,7 @@ var TextInputField = {
9631
9630
  widget: "InputField"
9632
9631
  },
9633
9632
  config: {
9634
- layout: {
9635
- xs: 11,
9636
- sm: 11,
9637
- md: 5.5,
9638
- lg: 5.5
9639
- },
9633
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
9640
9634
  main: {
9641
9635
  label: ""
9642
9636
  },
@@ -9669,12 +9663,7 @@ var SelectInputField = {
9669
9663
  widget: "SelectInputField"
9670
9664
  },
9671
9665
  config: {
9672
- "layout": {
9673
- "xs": 11,
9674
- "sm": 11,
9675
- "md": 5.5,
9676
- "lg": 5.5
9677
- },
9666
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
9678
9667
  main: {
9679
9668
  label: "",
9680
9669
  type: "text",
@@ -10084,12 +10073,7 @@ var DateInputField = {
10084
10073
  widget: "DateInputField"
10085
10074
  },
10086
10075
  config: {
10087
- layout: {
10088
- xs: 11,
10089
- sm: 11,
10090
- md: 5.5,
10091
- lg: 5.5
10092
- },
10076
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
10093
10077
  main: {
10094
10078
  label: "",
10095
10079
  type: "date"
@@ -10206,7 +10190,7 @@ var MultipleSelect = {
10206
10190
  widget: "MultipleSelect"
10207
10191
  },
10208
10192
  config: {
10209
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
10193
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
10210
10194
  main: {
10211
10195
  label: "",
10212
10196
  type: "text",
@@ -10393,7 +10377,7 @@ var emptyBox = {
10393
10377
  widget: "EmptyBox"
10394
10378
  },
10395
10379
  config: {
10396
- layout: { xs: 12, sm: 12, md: 5.5, lg: 5.5 },
10380
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
10397
10381
  main: {},
10398
10382
  style: {}
10399
10383
  }