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

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 (9) hide show
  1. package/dist/impaktapps-ui-builder.es.js +616 -500
  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/package.json +1 -1
  6. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +341 -307
  7. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +361 -362
  8. package/src/impaktapps-ui-builder/builder/services/component.ts +1 -1
  9. 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: {} };
@@ -6062,285 +6169,294 @@ const ComponentSchema = {
6062
6169
  },
6063
6170
  required: ["name"]
6064
6171
  };
6065
- const componentBasicUiSchema = {
6066
- type: "HorizontalLayout",
6067
- elements: [
6068
- {
6069
- type: "WrapperLayout",
6070
- config: {
6071
- main: {
6072
- rowSpacing: 1,
6073
- header: true
6074
- },
6075
- defaultStyle: true
6076
- },
6077
- elements: [
6078
- {
6079
- type: "Control",
6080
- scope: "#/properties/Component",
6081
- options: {
6082
- widget: "Box"
6083
- },
6084
- config: {
6085
- layout: { xs: 12, sm: 12, md: 2 },
6086
- main: {
6087
- heading: "Component"
6088
- },
6089
- style: {
6090
- "float": "left"
6091
- }
6092
- }
6093
- },
6094
- {
6095
- type: "Control",
6096
- scope: "#/properties/pageName",
6097
- options: {
6098
- widget: "Box"
6099
- },
6100
- config: {
6101
- layout: { xs: 7, sm: 7, md: 9 },
6102
- main: {
6103
- heading: " "
6104
- },
6105
- style: {
6106
- float: "right",
6107
- width: "auto",
6108
- fontSize: "12px",
6109
- color: "gray",
6110
- paddingTop: "10px"
6111
- }
6172
+ const componentBasicUiSchema = (theme) => {
6173
+ var _a;
6174
+ const uiSchema = {
6175
+ type: "HorizontalLayout",
6176
+ heading: "Component",
6177
+ elements: [
6178
+ {
6179
+ type: "TabLayout",
6180
+ config: {
6181
+ main: {
6182
+ tabLabels: ["Core"],
6183
+ defaultStyle: true,
6184
+ id: `component`
6112
6185
  }
6113
6186
  },
6114
- {
6115
- type: "Control",
6116
- scope: "#/properties/Back_Button",
6117
- options: {
6118
- widget: "IconButton"
6119
- },
6120
- config: {
6121
- layout: { xs: 2, sm: 2, md: 0.5 },
6122
- main: {
6123
- icon: "BackIcon",
6124
- styleDefault: true,
6125
- size: "small",
6126
- onClick: "backHandler",
6127
- tooltipMessage: "Back"
6128
- },
6129
- style: {
6130
- float: "right"
6131
- }
6132
- }
6133
- }
6134
- ]
6135
- },
6136
- {
6137
- type: "TabLayout",
6138
- config: {
6139
- main: {
6140
- tabLabels: ["Core"],
6141
- defaultStyle: true,
6142
- id: `component`
6143
- }
6144
- },
6145
- elements: [
6146
- {
6147
- type: "HorizontalLayout",
6148
- elements: [
6149
- {
6150
- type: "Control",
6151
- scope: "#/properties/type",
6152
- options: {
6153
- widget: "SelectInputField"
6154
- },
6155
- config: {
6156
- layout: { xs: 12, sm: 12, md: 6, lg: 6 },
6157
- main: {
6158
- label: "Type"
6187
+ elements: [
6188
+ {
6189
+ type: "HorizontalLayout",
6190
+ elements: [
6191
+ {
6192
+ type: "Control",
6193
+ scope: "#/properties/type",
6194
+ options: {
6195
+ widget: "SelectInputField"
6196
+ },
6197
+ config: {
6198
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6199
+ main: {
6200
+ label: "Type"
6201
+ }
6159
6202
  }
6160
- }
6161
- },
6162
- {
6163
- type: "Control",
6164
- scope: "#/properties/name",
6165
- options: {
6166
- widget: "InputField"
6167
6203
  },
6168
- config: {
6169
- layout: {
6170
- xs: 12,
6171
- sm: 12,
6172
- md: 6,
6173
- lg: 6
6204
+ {
6205
+ type: "Control",
6206
+ scope: "#/properties/name",
6207
+ options: {
6208
+ widget: "InputField"
6174
6209
  },
6175
- main: {
6176
- label: "Name",
6177
- options: [],
6178
- color: "secondary",
6179
- required: true
6210
+ config: {
6211
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6212
+ main: {
6213
+ label: "Name",
6214
+ options: [],
6215
+ color: "secondary",
6216
+ required: true
6217
+ }
6180
6218
  }
6181
- }
6182
- },
6183
- {
6184
- type: "Control",
6185
- scope: "#/properties/label",
6186
- options: {
6187
- widget: "InputField"
6188
6219
  },
6189
- config: {
6190
- layout: {
6191
- xs: 12,
6192
- sm: 12,
6193
- md: 6,
6194
- lg: 6
6220
+ {
6221
+ type: "Control",
6222
+ scope: "#/properties/label",
6223
+ options: {
6224
+ widget: "InputField"
6195
6225
  },
6196
- main: {
6197
- label: "Label",
6198
- options: [],
6199
- color: "secondary",
6200
- required: true
6226
+ config: {
6227
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6228
+ main: {
6229
+ label: "Label",
6230
+ options: [],
6231
+ color: "secondary",
6232
+ required: true
6233
+ }
6201
6234
  }
6202
- }
6203
- },
6204
- {
6205
- type: "Control",
6206
- scope: "#/properties/proc",
6207
- config: {
6208
- layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6209
6235
  },
6210
- options: {
6211
- widget: "EmptyBox"
6212
- }
6213
- },
6214
- {
6215
- type: "Control",
6216
- scope: "#/properties/layout",
6217
- layout: 11.5,
6218
- options: {
6219
- detail: {
6220
- type: "HorizontalLayout",
6221
- elements: [
6222
- {
6223
- type: "Control",
6224
- scope: "#/properties/key",
6225
- options: {
6226
- widget: "SelectInputField"
6236
+ {
6237
+ type: "HorizontalLayout",
6238
+ scope: "#/properties/layout",
6239
+ layout: 12,
6240
+ options: {
6241
+ detail: {
6242
+ elements: [
6243
+ {
6244
+ type: "Control",
6245
+ scope: "#/properties/key",
6246
+ options: {
6247
+ widget: "SelectInputField"
6248
+ },
6249
+ config: {
6250
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6251
+ main: {
6252
+ label: "Screen Size"
6253
+ }
6254
+ }
6227
6255
  },
6228
- config: {
6229
- layout: {
6230
- xs: 11,
6231
- sm: 11,
6232
- md: 5.5,
6233
- lg: 5.5
6256
+ {
6257
+ type: "Control",
6258
+ scope: "#/properties/value",
6259
+ options: {
6260
+ widget: "InputField"
6234
6261
  },
6235
- main: {
6236
- label: "Screen Size"
6262
+ config: {
6263
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6264
+ main: {
6265
+ label: "Value",
6266
+ type: "number",
6267
+ helperText: "Number should be in range of 0 to 12",
6268
+ errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6269
+ }
6237
6270
  }
6238
- }
6239
- },
6240
- {
6241
- type: "Control",
6242
- scope: "#/properties/value",
6243
- options: {
6244
- widget: "InputField"
6245
6271
  },
6246
- config: {
6247
- layout: {
6248
- xs: 11,
6249
- sm: 11,
6250
- md: 5.5,
6251
- lg: 5.5
6272
+ {
6273
+ type: "Control",
6274
+ scope: "#/properties/emptyBox",
6275
+ options: {
6276
+ widget: "EmptyBox"
6252
6277
  },
6253
- main: {
6254
- label: "Value",
6255
- type: "number",
6256
- helperText: "Number should be in range of 0 to 12",
6257
- errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6278
+ config: {
6279
+ layout: { xs: 0, sm: 4 }
6258
6280
  }
6259
6281
  }
6260
- }
6261
- ]
6282
+ ]
6283
+ }
6262
6284
  }
6263
6285
  }
6264
- }
6265
- ]
6266
- }
6267
- ]
6268
- },
6269
- {
6270
- type: "Control",
6271
- scope: "#/properties/proc",
6272
- config: {
6273
- layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6274
- },
6275
- options: {
6276
- widget: "EmptyBox"
6277
- }
6278
- },
6279
- {
6280
- type: "Control",
6281
- scope: "#/properties/btn",
6282
- options: {
6283
- widget: "Button"
6286
+ ]
6287
+ }
6288
+ ]
6284
6289
  },
6285
- config: {
6286
- layout: {
6287
- xs: 11,
6288
- sm: 11,
6289
- md: 2.5,
6290
- lg: 2.5
6290
+ {
6291
+ type: "Control",
6292
+ scope: "#/properties/btn",
6293
+ options: {
6294
+ widget: "Button"
6291
6295
  },
6292
- main: {
6293
- name: "Ok",
6294
- startIcon: "ApproveIcon",
6295
- variant: "contained",
6296
- color: "info",
6297
- type: "text",
6298
- onClick: "okHandler",
6299
- size: "small"
6296
+ config: {
6297
+ layout: {
6298
+ xs: 11,
6299
+ sm: 11,
6300
+ md: 2.5,
6301
+ lg: 2.5
6302
+ },
6303
+ main: {
6304
+ name: "Ok",
6305
+ startIcon: "ApproveIcon",
6306
+ variant: "contained",
6307
+ color: "info",
6308
+ type: "text",
6309
+ onClick: "okHandler",
6310
+ size: "small"
6311
+ },
6312
+ style: {
6313
+ marginBottom: "8px",
6314
+ float: "right"
6315
+ }
6316
+ }
6317
+ },
6318
+ {
6319
+ type: "Control",
6320
+ scope: "#/properties/btnSubmit",
6321
+ options: {
6322
+ widget: "Button"
6300
6323
  },
6301
- style: {
6302
- marginBottom: "8px",
6303
- float: "right"
6324
+ config: {
6325
+ layout: {
6326
+ xs: 11,
6327
+ sm: 11,
6328
+ md: 2.5,
6329
+ lg: 2.5
6330
+ },
6331
+ main: {
6332
+ name: "Save & Exit",
6333
+ startIcon: "ApproveIcon",
6334
+ variant: "contained",
6335
+ color: "info",
6336
+ type: "text",
6337
+ onClick: "saveHandler",
6338
+ size: "small"
6339
+ },
6340
+ style: {
6341
+ marginBottom: "8px",
6342
+ float: "right"
6343
+ }
6304
6344
  }
6305
- }
6306
- },
6307
- {
6308
- type: "Control",
6309
- scope: "#/properties/btnSubmit",
6310
- options: {
6311
- widget: "Button"
6312
6345
  },
6313
- config: {
6314
- layout: {
6315
- xs: 11,
6316
- sm: 11,
6317
- md: 2.5,
6318
- lg: 2.5
6346
+ {
6347
+ type: "Control",
6348
+ scope: "#/properties/notify",
6349
+ options: {
6350
+ widget: "Notify"
6319
6351
  },
6320
- main: {
6321
- name: "Save & Exit",
6322
- startIcon: "ApproveIcon",
6323
- variant: "contained",
6324
- color: "info",
6325
- type: "text",
6326
- onClick: "saveHandler",
6327
- size: "small"
6352
+ layout: 6
6353
+ },
6354
+ {
6355
+ type: "HorizontalLayout",
6356
+ config: {
6357
+ style: {
6358
+ position: "fixed",
6359
+ bottom: 5,
6360
+ overflow: "visible",
6361
+ margin: "0",
6362
+ width: "100vw"
6363
+ }
6328
6364
  },
6329
- style: {
6330
- marginBottom: "8px",
6331
- float: "right"
6332
- }
6365
+ elements: [
6366
+ {
6367
+ type: "Control",
6368
+ scope: "#/properties/EmptyBox",
6369
+ options: {
6370
+ widget: "EmptyBox"
6371
+ },
6372
+ config: {
6373
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 }
6374
+ }
6375
+ },
6376
+ {
6377
+ type: "Control",
6378
+ scope: "#/properties/FooterText",
6379
+ options: {
6380
+ widget: "Box"
6381
+ },
6382
+ config: {
6383
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6384
+ main: {
6385
+ heading: "Copywriter@ACT21.IO"
6386
+ },
6387
+ style: {
6388
+ color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
6389
+ fontSize: "12px"
6390
+ }
6391
+ }
6392
+ },
6393
+ {
6394
+ type: "HorizontalLayout",
6395
+ config: {
6396
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 }
6397
+ },
6398
+ elements: [
6399
+ {
6400
+ type: "Control",
6401
+ scope: "#/properties/EmptyBox",
6402
+ options: {
6403
+ widget: "EmptyBox"
6404
+ },
6405
+ config: {
6406
+ layout: 2
6407
+ }
6408
+ },
6409
+ {
6410
+ type: "Control",
6411
+ scope: "#/properties/backIcon",
6412
+ options: {
6413
+ widget: "Box"
6414
+ },
6415
+ config: {
6416
+ layout: 1,
6417
+ main: {
6418
+ iconName: "PrevIcon",
6419
+ onClick: "backHandler"
6420
+ },
6421
+ style: {
6422
+ fill: theme.palette.primary.dark,
6423
+ width: 20,
6424
+ height: 20,
6425
+ display: "flex",
6426
+ alignItems: "center",
6427
+ justifyContent: "center",
6428
+ marginRight: "-8px",
6429
+ cursor: "pointer"
6430
+ }
6431
+ }
6432
+ },
6433
+ {
6434
+ type: "Control",
6435
+ scope: "#/properties/text",
6436
+ options: {
6437
+ widget: "Box"
6438
+ },
6439
+ config: {
6440
+ layout: 9,
6441
+ main: {
6442
+ heading: "Previous Page",
6443
+ onClick: "backHandler"
6444
+ },
6445
+ style: {
6446
+ color: theme.palette.primary.dark,
6447
+ fontSize: "12px",
6448
+ cursor: "pointer",
6449
+ marginLeft: "-6px"
6450
+ }
6451
+ }
6452
+ }
6453
+ ]
6454
+ }
6455
+ ]
6333
6456
  }
6334
- },
6335
- {
6336
- type: "Control",
6337
- scope: "#/properties/notify",
6338
- options: {
6339
- widget: "Notify"
6340
- },
6341
- layout: 6
6342
- }
6343
- ]
6457
+ ]
6458
+ };
6459
+ return uiSchema;
6344
6460
  };
6345
6461
  const CoreSection = {
6346
6462
  type: "HorizontalLayout",
@@ -7381,7 +7497,7 @@ const sectionLabels = {
7381
7497
  };
7382
7498
  const refreshPage = (type, store2) => {
7383
7499
  var _a;
7384
- const UiSchema = _.cloneDeep(componentBasicUiSchema);
7500
+ const UiSchema = _.cloneDeep(componentBasicUiSchema(store2.theme.myTheme));
7385
7501
  if (type) {
7386
7502
  const sectionUiSchema = {
7387
7503
  Core: CoreSection,
@@ -7516,7 +7632,7 @@ var pageMaster = (funcParams) => {
7516
7632
  return config;
7517
7633
  },
7518
7634
  getUiSchema: function() {
7519
- return PageMasterUiSchema;
7635
+ return PageMasterUiSchema(store2.theme.myTheme);
7520
7636
  },
7521
7637
  getSchema: () => {
7522
7638
  return PageMasterSchema;