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

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 (7) hide show
  1. package/dist/impaktapps-ui-builder.es.js +354 -247
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +4 -4
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/package.json +1 -1
  6. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +361 -362
  7. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +1 -1
package/dist/impaktapps-ui-builder.es.js CHANGED
@@ -36,299 +36,406 @@ const PageMasterSchema = {
36
36
  },
37
37
  required: ["label", "name"]
38
38
  };
39
- const PageMasterUiSchema = {
40
- type: "HorizontalLayout",
41
- heading: "Page Master",
42
- elements: [
43
- {
44
- type: "WrapperLayout",
45
- config: {
46
- main: {
47
- label: "Page Template",
48
- isAccordion: true
49
- },
50
- wrapperStyle: {
51
- marginTop: "-6px",
52
- marginBottom: "-8px"
53
- },
54
- componentsBoxStyle: {
55
- marginLeft: "24px"
56
- },
57
- defaultStyle: true
58
- },
59
- elements: [
60
- {
61
- type: "Control",
62
- scope: "#/properties/name",
63
- options: {
64
- widget: "InputField"
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
65
51
  },
66
- config: {
67
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
68
- main: {
69
- label: "Name",
70
- options: [],
71
- color: "secondary",
72
- errorMessage: "Name should be start with 'page_'",
73
- helperText: 'Name should be start with "page_"',
74
- required: true
75
- }
76
- }
52
+ wrapperStyle: {
53
+ marginTop: "-6px",
54
+ marginBottom: "-8px"
55
+ },
56
+ componentsBoxStyle: {
57
+ marginLeft: "24px"
58
+ },
59
+ defaultStyle: true
77
60
  },
78
- {
79
- type: "Control",
80
- scope: "#/properties/label",
81
- options: {
82
- widget: "InputField"
61
+ elements: [
62
+ {
63
+ type: "Control",
64
+ scope: "#/properties/name",
65
+ options: {
66
+ widget: "InputField"
67
+ },
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
+ }
78
+ }
83
79
  },
84
- config: {
85
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
86
- main: {
87
- label: "Label",
88
- options: [],
89
- color: "secondary",
90
- required: true
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
+ }
91
94
  }
92
- }
93
- },
94
- {
95
- type: "Control",
96
- scope: "#/properties/emptyBox",
97
- options: {
98
- widget: "EmptyBox"
99
95
  },
100
- config: {
101
- layout: { xs: 0, sm: 4 }
96
+ {
97
+ type: "Control",
98
+ scope: "#/properties/emptyBox",
99
+ options: {
100
+ widget: "EmptyBox"
101
+ },
102
+ config: {
103
+ layout: { xs: 0, sm: 4 }
104
+ }
102
105
  }
103
- }
104
- ]
105
- },
106
- {
107
- type: "TabLayout",
108
- config: {
109
- main: {
110
- tabLabels: ["Components", "events"],
111
- divider: true
112
- },
113
- defaultStyle: true
106
+ ]
114
107
  },
115
- elements: [
116
- {
117
- type: "Control",
118
- scope: "#/properties/elements",
119
- options: {
120
- widget: "Table"
108
+ {
109
+ type: "TabLayout",
110
+ config: {
111
+ main: {
112
+ tabLabels: ["Components", "events"],
113
+ divider: true
121
114
  },
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
115
+ defaultStyle: true
116
+ },
117
+ elements: [
118
+ {
119
+ type: "Control",
120
+ scope: "#/properties/elements",
121
+ options: {
122
+ widget: "Table"
123
+ },
124
+ config: {
125
+ main: {
126
+ headerIcons: {
127
+ elements: [
128
+ {
129
+ widget: {
130
+ type: "Control",
131
+ scope: "#/properties/New_Record",
132
+ options: {
133
+ widget: "IconButton"
141
134
  },
142
- style: {
143
- mt: "6px"
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
+ }
144
147
  }
145
148
  }
146
149
  }
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"
150
+ ]
173
151
  },
174
- config: {
175
- main: {
176
- icon: "EditIcon",
177
- color: "primary",
178
- onClick: "Edit_Components",
179
- tooltipMessage: "Edit This Record"
180
- }
181
- }
152
+ disableAction: true,
153
+ disableSelection: true,
154
+ enableDrag: true
182
155
  }
183
156
  },
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"
157
+ elements: [
158
+ {
159
+ accessorKey: "name",
160
+ header: "Name"
161
+ },
162
+ {
163
+ accessorKey: "type",
164
+ header: "Type"
165
+ },
166
+ {
167
+ header: "Edit",
168
+ field: "Reject_Records",
169
+ flex: 1,
170
+ widget: {
171
+ type: "Control",
172
+ scope: "#/properties/RejectButton",
173
+ options: {
174
+ widget: "IconButton"
175
+ },
176
+ config: {
177
+ main: {
178
+ icon: "EditIcon",
179
+ color: "primary",
180
+ onClick: "Edit_Components",
181
+ tooltipMessage: "Edit This Record"
182
+ }
183
+ }
184
+ }
185
+ },
186
+ {
187
+ header: "Delete",
188
+ field: "Reject_Records",
189
+ flex: 1,
190
+ widget: {
191
+ type: "Control",
192
+ scope: "#/properties/RejectButton",
193
+ options: {
194
+ widget: "IconButton"
195
+ },
196
+ config: {
197
+ main: {
198
+ icon: "RejectIcon",
199
+ color: "error",
200
+ onClick: "Delete_Components",
201
+ tooltipMessage: "Reject This Record"
202
+ }
200
203
  }
201
204
  }
202
205
  }
203
- }
204
- ]
205
- },
206
- {
207
- type: "Control",
208
- scope: "#/properties/events",
209
- options: {
210
- widget: "Table"
206
+ ]
211
207
  },
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
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"
231
224
  },
232
- style: {
233
- mt: "6px"
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
+ }
234
237
  }
235
238
  }
236
239
  }
240
+ ]
241
+ },
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: {
260
+ type: "Control",
261
+ scope: "#/properties/Edit_Records",
262
+ options: {
263
+ widget: "IconButton"
264
+ },
265
+ config: {
266
+ main: {
267
+ color: "info",
268
+ size: "small",
269
+ icon: "EditIcon",
270
+ tooltipMessage: "Edit This Record",
271
+ onClick: "editEvent"
272
+ },
273
+ style: {
274
+ color: "#3949ab"
275
+ }
237
276
  }
238
- ]
277
+ }
239
278
  },
240
- disableAction: true,
241
- disableSelection: true,
242
- enableDrag: true
279
+ {
280
+ accessorKey: "Reject_Records",
281
+ header: "Delete",
282
+ widget: {
283
+ type: "Control",
284
+ scope: "#/properties/RejectButton",
285
+ options: {
286
+ widget: "IconButton"
287
+ },
288
+ config: {
289
+ main: {
290
+ icon: "RejectIcon",
291
+ color: "error",
292
+ tooltipMessage: "Reject This Record",
293
+ onClick: "deleteEvent"
294
+ }
295
+ }
296
+ }
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
+ }
343
+ },
344
+ elements: [
345
+ {
346
+ type: "Control",
347
+ scope: "#/properties/EmptyBox",
348
+ options: {
349
+ widget: "EmptyBox"
350
+ },
351
+ config: {
352
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
243
353
  }
244
354
  },
245
- elements: [
246
- {
247
- accessorKey: "eventType",
248
- header: "Event Type"
355
+ {
356
+ type: "Control",
357
+ scope: "#/properties/FooterText",
358
+ options: {
359
+ widget: "Box"
249
360
  },
250
- {
251
- accessorKey: "Handler",
252
- header: "Handler"
361
+ config: {
362
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
363
+ main: {
364
+ heading: "Copywriter@ACT21.IO"
365
+ },
366
+ style: {
367
+ color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
368
+ fontSize: "12px"
369
+ }
370
+ }
371
+ },
372
+ {
373
+ type: "HorizontalLayout",
374
+ config: {
375
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 }
253
376
  },
254
- {
255
- accessorKey: "Edit_Approve_Records",
256
- header: "Edit Widget",
257
- widget: {
377
+ elements: [
378
+ {
258
379
  type: "Control",
259
- scope: "#/properties/Edit_Records",
380
+ scope: "#/properties/EmptyBox",
260
381
  options: {
261
- widget: "IconButton"
382
+ widget: "EmptyBox"
383
+ },
384
+ config: {
385
+ layout: 2
386
+ }
387
+ },
388
+ {
389
+ type: "Control",
390
+ scope: "#/properties/backIcon",
391
+ options: {
392
+ widget: "Box"
262
393
  },
263
394
  config: {
395
+ layout: 1,
264
396
  main: {
265
- color: "info",
266
- size: "small",
267
- icon: "EditIcon",
268
- tooltipMessage: "Edit This Record",
269
- onClick: "editEvent"
397
+ iconName: "PrevIcon",
398
+ onClick: "backHandler"
270
399
  },
271
400
  style: {
272
- color: "#3949ab"
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"
273
409
  }
274
410
  }
275
- }
276
- },
277
- {
278
- accessorKey: "Reject_Records",
279
- header: "Delete",
280
- widget: {
411
+ },
412
+ {
281
413
  type: "Control",
282
- scope: "#/properties/RejectButton",
414
+ scope: "#/properties/text",
283
415
  options: {
284
- widget: "IconButton"
416
+ widget: "Box"
285
417
  },
286
418
  config: {
419
+ layout: 9,
287
420
  main: {
288
- icon: "RejectIcon",
289
- color: "error",
290
- tooltipMessage: "Reject This Record",
291
- onClick: "deleteEvent"
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"
292
429
  }
293
430
  }
294
431
  }
295
- }
296
- ]
297
- }
298
- ]
299
- },
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
- }
432
+ ]
433
+ }
434
+ ]
321
435
  }
322
- },
323
- {
324
- type: "Control",
325
- scope: "#/properties/notify",
326
- options: {
327
- widget: "Notify"
328
- },
329
- layout: 6
330
- }
331
- ]
436
+ ]
437
+ };
438
+ return uiSchema;
332
439
  };
333
440
  var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
334
441
  var lodash = { exports: {} };
@@ -7516,7 +7623,7 @@ var pageMaster = (funcParams) => {
7516
7623
  return config;
7517
7624
  },
7518
7625
  getUiSchema: function() {
7519
- return PageMasterUiSchema;
7626
+ return PageMasterUiSchema(store2.theme.myTheme);
7520
7627
  },
7521
7628
  getSchema: () => {
7522
7629
  return PageMasterSchema;