impaktapps-ui-builder 0.0.412-mtreemap.6 → 0.0.412-mtreemap.7

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 (11) hide show
  1. package/dist/impaktapps-ui-builder.es.js +936 -891
  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/Component/uiSchema.ts +223 -123
  7. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +496 -353
  8. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +401 -285
  9. package/src/impaktapps-ui-builder/builder/services/component.ts +3 -3
  10. package/src/impaktapps-ui-builder/builder/services/event.ts +8 -8
  11. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "impaktapps-ui-builder",
3
- "version": "0.0.412-mtreemap.6",
3
+ "version": "0.0.412-mtreemap.7",
4
4
  "scripts": {
5
5
  "dev": "vite",
6
6
  "build": "tsc && vite build",
package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts CHANGED
@@ -1,81 +1,83 @@
1
- export const componentBasicUiSchema: any = {
1
+ export const componentBasicUiSchema: any = (theme)=>{
2
+ const uiSchema = {
2
3
  type: "HorizontalLayout",
4
+ heading: "Component",
3
5
  elements: [
4
- {
5
- type: "WrapperLayout",
6
- config: {
7
- main: {
8
- rowSpacing: 1,
9
- header:true
10
- },
11
- defaultStyle:true
12
- },
13
- elements: [
6
+ // {
7
+ // type: "WrapperLayout",
8
+ // config: {
9
+ // main: {
10
+ // rowSpacing: 1,
11
+ // header:true
12
+ // },
13
+ // defaultStyle:true
14
+ // },
15
+ // elements: [
14
16
 
15
- {
16
- type: "Control",
17
- scope: "#/properties/Component",
17
+ // {
18
+ // type: "Control",
19
+ // scope: "#/properties/Component",
18
20
 
19
- options: {
20
- widget: "Box",
21
- },
22
- config: {
23
- layout: {xs:12,sm:12,md:2},
24
- main: {
25
- heading: "Component",
26
- },
27
- style:{
28
- "float":"left",
29
- }
30
- },
31
- },
21
+ // options: {
22
+ // widget: "Box",
23
+ // },
24
+ // config: {
25
+ // layout: {xs:12,sm:12,md:2},
26
+ // main: {
27
+ // heading: "Component",
28
+ // },
29
+ // style:{
30
+ // "float":"left",
31
+ // }
32
+ // },
33
+ // },
32
34
 
33
- {
34
- type: "Control",
35
- scope: "#/properties/pageName",
35
+ // {
36
+ // type: "Control",
37
+ // scope: "#/properties/pageName",
36
38
 
37
- options: {
38
- widget: "Box",
39
- },
40
- config: {
41
- layout: {xs:7,sm:7,md:9},
42
- main: {
43
- heading: " ",
44
- },
45
- style: {
46
- float: "right",
47
- width:"auto",
48
- fontSize:"12px",
49
- color:"gray",
50
- paddingTop:"10px"
51
- },
52
- },
53
- },
39
+ // options: {
40
+ // widget: "Box",
41
+ // },
42
+ // config: {
43
+ // layout: {xs:7,sm:7,md:9},
44
+ // main: {
45
+ // heading: " ",
46
+ // },
47
+ // style: {
48
+ // float: "right",
49
+ // width:"auto",
50
+ // fontSize:"12px",
51
+ // color:"gray",
52
+ // paddingTop:"10px"
53
+ // },
54
+ // },
55
+ // },
54
56
 
55
- {
56
- type: "Control",
57
- scope: "#/properties/Back_Button",
57
+ // {
58
+ // type: "Control",
59
+ // scope: "#/properties/Back_Button",
58
60
 
59
- options: {
60
- widget: "IconButton",
61
- },
62
- config: {
63
- layout: {xs:2,sm:2,md:0.5},
64
- main: {
65
- icon: "BackIcon",
66
- styleDefault: true,
67
- size: "small",
68
- onClick: "backHandler",
69
- tooltipMessage: "Back",
70
- },
71
- style: {
72
- float: "right",
73
- },
74
- },
75
- },
61
+ // options: {
62
+ // widget: "IconButton",
63
+ // },
64
+ // config: {
65
+ // layout: {xs:2,sm:2,md:0.5},
66
+ // main: {
67
+ // icon: "BackIcon",
68
+ // styleDefault: true,
69
+ // size: "small",
70
+ // onClick: "backHandler",
71
+ // tooltipMessage: "Back",
72
+ // },
73
+ // style: {
74
+ // float: "right",
75
+ // },
76
+ // },
77
+ // },
76
78
 
77
- ],
78
- },
79
+ // ],
80
+ // },
79
81
  {
80
82
  type: "TabLayout",
81
83
  config: {
@@ -98,7 +100,7 @@ export const componentBasicUiSchema: any = {
98
100
  widget: "SelectInputField",
99
101
  },
100
102
  config: {
101
- layout: { xs: 12, sm: 12, md: 6, lg: 6 },
103
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
102
104
  main: {
103
105
  label: "Type",
104
106
  },
@@ -112,12 +114,7 @@ export const componentBasicUiSchema: any = {
112
114
  widget: "InputField",
113
115
  },
114
116
  config: {
115
- layout: {
116
- xs: 12,
117
- sm: 12,
118
- md: 6,
119
- lg: 6,
120
- },
117
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
121
118
  main: {
122
119
  label: "Name",
123
120
  options: [],
@@ -134,12 +131,7 @@ export const componentBasicUiSchema: any = {
134
131
  widget: "InputField",
135
132
  },
136
133
  config: {
137
- layout: {
138
- xs: 12,
139
- sm: 12,
140
- md: 6,
141
- lg: 6,
142
- },
134
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
143
135
  main: {
144
136
  label: "Label",
145
137
  options: [],
@@ -155,12 +147,7 @@ export const componentBasicUiSchema: any = {
155
147
  widget: "SelectInputField",
156
148
  },
157
149
  config: {
158
- layout: {
159
- xs: 12,
160
- sm: 12,
161
- md: 6,
162
- lg: 6,
163
- },
150
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
164
151
  main: {
165
152
  label: "Column Format",
166
153
 
@@ -171,7 +158,17 @@ export const componentBasicUiSchema: any = {
171
158
  type: "Control",
172
159
  scope: "#/properties/proc",
173
160
  config: {
174
- layout: { xs: 11, sm: 11, md: 6, lg: 6 },
161
+ llayout: { xs: 0, sm: 4, md: 4, lg: 4 },
162
+ },
163
+ options: {
164
+ widget: "EmptyBox",
165
+ },
166
+ },
167
+ {
168
+ type: "Control",
169
+ scope: "#/properties/proc",
170
+ config: {
171
+ llayout: { xs: 0, sm: 4, md: 4, lg: 4 },
175
172
  },
176
173
  options: {
177
174
  widget: "EmptyBox",
@@ -180,7 +177,7 @@ export const componentBasicUiSchema: any = {
180
177
  {
181
178
  type: "Control",
182
179
  scope: "#/properties/layout",
183
- layout: 11.5,
180
+ layout: 12,
184
181
  options: {
185
182
  detail: {
186
183
  type: "HorizontalLayout",
@@ -192,12 +189,7 @@ export const componentBasicUiSchema: any = {
192
189
  widget: "SelectInputField",
193
190
  },
194
191
  config: {
195
- layout: {
196
- xs: 11,
197
- sm: 11,
198
- md: 5.5,
199
- lg: 5.5,
200
- },
192
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
201
193
  main: {
202
194
  label: "Screen Size",
203
195
 
@@ -212,12 +204,7 @@ export const componentBasicUiSchema: any = {
212
204
  widget: "InputField",
213
205
  },
214
206
  config: {
215
- layout: {
216
- xs: 11,
217
- sm: 11,
218
- md: 5.5,
219
- lg: 5.5,
220
- },
207
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
221
208
  main: {
222
209
  label: "Value",
223
210
  type:"number",
@@ -228,6 +215,16 @@ export const componentBasicUiSchema: any = {
228
215
  },
229
216
  },
230
217
  },
218
+ {
219
+ type: "Control",
220
+ scope: "#/properties/proc",
221
+ config: {
222
+ llayout: { xs: 0, sm: 4, md: 4, lg: 4 },
223
+ },
224
+ options: {
225
+ widget: "EmptyBox",
226
+ },
227
+ },
231
228
  ],
232
229
  },
233
230
  },
@@ -236,16 +233,25 @@ export const componentBasicUiSchema: any = {
236
233
  },
237
234
  ],
238
235
  },
239
-
240
236
  {
241
237
  type: "Control",
242
- scope: "#/properties/proc",
238
+ scope: "#/properties/EmptyBox",
239
+ options: {
240
+ widget: "EmptyBox",
241
+ },
243
242
  config: {
244
- layout: { xs: 11, sm: 11, md: 6, lg: 6 },
243
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
245
244
  },
245
+ },
246
+ {
247
+ type: "Control",
248
+ scope: "#/properties/EmptyBox",
246
249
  options: {
247
250
  widget: "EmptyBox",
248
251
  },
252
+ config: {
253
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
254
+ },
249
255
  },
250
256
  {
251
257
  type: "Control",
@@ -255,23 +261,17 @@ export const componentBasicUiSchema: any = {
255
261
  },
256
262
 
257
263
  config: {
258
- layout: {
259
- xs: 11,
260
- sm: 11,
261
- md: 2.5,
262
- lg: 2.5,
263
- },
264
+ layout: 1.8,
264
265
  main: {
265
266
  name: "Ok",
266
267
  startIcon: "ApproveIcon",
267
268
  variant: "contained",
268
- color: "info",
269
+ // color: "info",
269
270
  type: "text",
270
271
  onClick: "okHandler",
271
- size: "small",
272
+ size: "medium",
272
273
  },
273
274
  style: {
274
- marginBottom: "8px",
275
275
  float: "right",
276
276
  },
277
277
  },
@@ -284,23 +284,17 @@ export const componentBasicUiSchema: any = {
284
284
  },
285
285
 
286
286
  config: {
287
- layout: {
288
- xs: 11,
289
- sm: 11,
290
- md: 2.5,
291
- lg: 2.5,
292
- },
287
+ layout: 1.8,
293
288
  main: {
294
289
  name: "Save & Exit",
295
290
  startIcon: "ApproveIcon",
296
291
  variant: "contained",
297
- color: "info",
292
+ // color: "info",
298
293
  type: "text",
299
294
  onClick: "saveHandler",
300
- size: "small",
295
+ size: "medium",
301
296
  },
302
297
  style: {
303
- marginBottom: "8px",
304
298
  float: "right",
305
299
  },
306
300
  },
@@ -312,9 +306,115 @@ export const componentBasicUiSchema: any = {
312
306
  widget: "Notify",
313
307
  },
314
308
  layout: 6,
309
+ },
310
+ {
311
+ type: "HorizontalLayout",
312
+ config: {
313
+ main: {
314
+ direction: 'row'
315
+ },
316
+ style: {
317
+ flexDirection: "row",
318
+ position: "absolute",
319
+ bottom: 0,
320
+ marginBottom: '-8px',
321
+ height: 'fit-content',
322
+ overflow: 'hidden',
323
+ zIndex: 1000,
324
+ width: 'inherit'
325
+ }
326
+ },
327
+ elements: [
328
+ {
329
+
330
+ type: "Control",
331
+ scope: "#/properties/FooterText",
332
+ options: {
333
+ widget: "Box",
334
+ },
335
+ config: {
336
+ main: {
337
+ heading: "Copywriter@ACT21.IO"
338
+ },
339
+ style: {
340
+ color: theme?.palette?.text.disabled || "#AFAFAF",
341
+ fontSize: '12px',
342
+ textAlign: 'center',
343
+ lineHeight: 1,
344
+ width: 'fit-content',
345
+ left: '50%',
346
+ position: 'relative',
347
+ margin: 0,
348
+ flexGrow: 1,
349
+ height: 0
350
+ }
351
+ },
352
+ },
353
+ {
354
+ type: "Control",
355
+ scope: "#/properties/backIcon",
356
+ options: {
357
+ widget: "Box",
358
+ },
359
+ config: {
360
+ main: {
361
+ iconName: 'PrevIcon',
362
+ onClick: "backHandler",
363
+ width: 'fit-content',
364
+ },
365
+ style: {
366
+ fill: theme.palette.primary.main,
367
+ width: 20,
368
+ height: 0,
369
+ margin: 0,
370
+ top: 0,
371
+ right: '90px',
372
+ position: 'absolute',
373
+ fontSize: '12px',
374
+ cursor: 'pointer',
375
+ ':hover': {
376
+ fill: theme.palette.primary.dark,
377
+ }
378
+ }
379
+ }
380
+ },
381
+ {
382
+ type: "Control",
383
+ scope: "#/properties/text",
384
+
385
+ options: {
386
+ widget: "Box",
387
+ },
388
+ config: {
389
+ main: {
390
+ heading: "Previous Page",
391
+ onClick: "backHandler"
392
+ },
393
+ style: {
394
+ textAlign: 'left',
395
+ lineHeight: 1,
396
+ height: 0,
397
+ width: 'fit-content',
398
+ color: theme.palette.primary.main,
399
+ fontSize: "12px",
400
+ cursor: 'pointer',
401
+ marginLeft: '2px',
402
+ marginRight: 0,
403
+ top: 3,
404
+ right: '20px',
405
+ position: 'absolute',
406
+ ':hover': {
407
+ color: theme.palette.primary.dark,
408
+ }
409
+ }
410
+ },
411
+ },
412
+ ]
315
413
  }
316
414
  ],
317
415
  };
416
+ return uiSchema
417
+ }
318
418
 
319
419
 
320
420