impaktapps-ui-builder 0.0.412-mtreemap.5 → 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 (12) hide show
  1. package/dist/impaktapps-ui-builder.es.js +692 -677
  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/build/uischema/buildPropertiesSection.ts +11 -44
  7. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +360 -285
  8. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +496 -353
  9. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +401 -285
  10. package/src/impaktapps-ui-builder/builder/services/component.ts +3 -3
  11. package/src/impaktapps-ui-builder/builder/services/event.ts +8 -8
  12. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +1 -1
package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts CHANGED
@@ -1,205 +1,238 @@
1
- export const componentBasicUiSchema: any = (theme) => {
1
+ export const componentBasicUiSchema: any = (theme)=>{
2
2
  const uiSchema = {
3
- type: "HorizontalLayout",
4
- heading: "Component",
5
- elements: [
6
- // {
7
- // type: "WrapperLayout",
8
- // config: {
9
- // main: {
10
- // rowSpacing: 1,
11
- // header:true
12
- // },
13
- // defaultStyle:true
14
- // },
15
- // elements: [
3
+ type: "HorizontalLayout",
4
+ heading: "Component",
5
+ elements: [
6
+ // {
7
+ // type: "WrapperLayout",
8
+ // config: {
9
+ // main: {
10
+ // rowSpacing: 1,
11
+ // header:true
12
+ // },
13
+ // defaultStyle:true
14
+ // },
15
+ // elements: [
16
+
17
+ // {
18
+ // type: "Control",
19
+ // scope: "#/properties/Component",
16
20
 
17
- // {
18
- // type: "Control",
19
- // scope: "#/properties/Component",
20
-
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
- // },
34
-
35
- // {
36
- // type: "Control",
37
- // scope: "#/properties/pageName",
38
-
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
- // },
56
-
57
- // {
58
- // type: "Control",
59
- // scope: "#/properties/Back_Button",
60
-
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
- // },
78
-
79
- // ],
80
- // },
81
- {
82
- type: "TabLayout",
83
- config: {
84
- main: {
85
- tabLabels: ["Core"],
86
- defaultStyle: true,
87
- id: `component`
88
- },
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
+ // },
34
+
35
+ // {
36
+ // type: "Control",
37
+ // scope: "#/properties/pageName",
38
+
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
+ // },
56
+
57
+ // {
58
+ // type: "Control",
59
+ // scope: "#/properties/Back_Button",
60
+
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
+ // },
78
+
79
+ // ],
80
+ // },
81
+ {
82
+ type: "TabLayout",
83
+ config: {
84
+ main: {
85
+ tabLabels: ["Core"],
86
+ defaultStyle: true,
87
+ id:`component`
89
88
  },
89
+ },
90
90
 
91
- elements: [
92
- {
93
- type: "HorizontalLayout",
94
- elements: [
95
- {
96
- type: "Control",
97
- scope: "#/properties/type",
91
+ elements: [
92
+ {
93
+ type: "HorizontalLayout",
94
+ elements: [
95
+ {
96
+ type: "Control",
97
+ scope: "#/properties/type",
98
98
 
99
- options: {
100
- widget: "SelectInputField",
101
- },
102
- config: {
103
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
104
- main: {
105
- label: "Type",
106
- },
99
+ options: {
100
+ widget: "SelectInputField",
101
+ },
102
+ config: {
103
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
104
+ main: {
105
+ label: "Type",
107
106
  },
108
107
  },
109
- {
110
- type: "Control",
111
- scope: "#/properties/name",
108
+ },
109
+ {
110
+ type: "Control",
111
+ scope: "#/properties/name",
112
112
 
113
- options: {
114
- widget: "InputField",
115
- },
116
- config: {
117
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
118
- main: {
119
- label: "Name",
120
- options: [],
121
- color: "secondary",
122
- required: true,
123
- },
113
+ options: {
114
+ widget: "InputField",
115
+ },
116
+ config: {
117
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
118
+ main: {
119
+ label: "Name",
120
+ options: [],
121
+ color: "secondary",
122
+ required: true,
124
123
  },
125
124
  },
126
- {
127
- type: "Control",
128
- scope: "#/properties/label",
125
+ },
126
+ {
127
+ type: "Control",
128
+ scope: "#/properties/label",
129
129
 
130
- options: {
131
- widget: "InputField",
130
+ options: {
131
+ widget: "InputField",
132
+ },
133
+ config: {
134
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
135
+ main: {
136
+ label: "Label",
137
+ options: [],
138
+ color: "secondary",
139
+ required: true,
132
140
  },
133
- config: {
134
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
135
- main: {
136
- label: "Label",
137
- options: [],
138
- color: "secondary",
139
- required: true,
140
- },
141
+ },
142
+ },
143
+ {
144
+ type: "Control",
145
+ scope: "#/properties/columnFormat",
146
+ options: {
147
+ widget: "SelectInputField",
148
+ },
149
+ config: {
150
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
151
+ main: {
152
+ label: "Column Format",
153
+
141
154
  },
142
155
  },
143
- {
144
- type: "Control",
145
- scope: "#/properties/layout",
146
- layout: 12,
147
- options: {
148
- detail: {
149
- type: "HorizontalLayout",
150
- elements: [
151
- {
152
- type: "Control",
153
- scope: "#/properties/key",
154
- options: {
155
- widget: "SelectInputField",
156
- },
157
- config: {
158
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
159
- main: {
160
- label: "Screen Size",
161
-
162
- },
163
- },
156
+ },
157
+ {
158
+ type: "Control",
159
+ scope: "#/properties/proc",
160
+ config: {
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 },
172
+ },
173
+ options: {
174
+ widget: "EmptyBox",
175
+ },
176
+ },
177
+ {
178
+ type: "Control",
179
+ scope: "#/properties/layout",
180
+ layout: 12,
181
+ options: {
182
+ detail: {
183
+ type: "HorizontalLayout",
184
+ elements: [
185
+ {
186
+ type: "Control",
187
+ scope: "#/properties/key",
188
+ options: {
189
+ widget: "SelectInputField",
164
190
  },
165
- {
166
- type: "Control",
167
- scope: "#/properties/value",
168
-
169
- options: {
170
- widget: "InputField",
191
+ config: {
192
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
193
+ main: {
194
+ label: "Screen Size",
195
+
171
196
  },
172
- config: {
173
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
174
- main: {
175
- label: "Value",
176
- type: "number",
177
- // freeSolo:true,
178
- helperText: 'Number should be in range of 0 to 12',
179
- errorMessage: "Number Can't be greater than 12 and can't be less than 0.",
197
+ },
198
+ },
199
+ {
200
+ type: "Control",
201
+ scope: "#/properties/value",
180
202
 
181
- },
182
- },
203
+ options: {
204
+ widget: "InputField",
183
205
  },
184
- {
185
- type: "Control",
186
- scope: "#/properties/emptyBox",
187
- options: {
188
- widget: "EmptyBox"
206
+ config: {
207
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
208
+ main: {
209
+ label: "Value",
210
+ type:"number",
211
+ // freeSolo:true,
212
+ helperText:'Number should be in range of 0 to 12',
213
+ errorMessage:"Number Can't be greater than 12 and can't be less than 0.",
214
+
189
215
  },
190
- config: {
191
- layout: { xs: 0, sm: 4 }
192
- }
193
- }
194
- ],
195
- },
216
+ },
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
+ },
228
+ ],
196
229
  },
197
230
  },
198
- ],
199
- },
200
- ],
201
- },
202
-
231
+ },
232
+ ],
233
+ },
234
+ ],
235
+ },
203
236
  {
204
237
  type: "Control",
205
238
  scope: "#/properties/EmptyBox",
@@ -266,119 +299,161 @@ export const componentBasicUiSchema: any = (theme) => {
266
299
  },
267
300
  },
268
301
  },
269
- {
270
- type: "Control",
271
- scope: "#/properties/notify",
272
- options: {
273
- widget: "Notify",
302
+ {
303
+ type: "Control",
304
+ scope: "#/properties/notify",
305
+ options: {
306
+ widget: "Notify",
307
+ },
308
+ layout: 6,
309
+ },
310
+ {
311
+ type: "HorizontalLayout",
312
+ config: {
313
+ main: {
314
+ direction: 'row'
274
315
  },
275
- layout: 6,
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
+ }
276
326
  },
277
- {
278
- type: "HorizontalLayout",
279
- config: {
280
- main: {
281
- direction: 'row'
327
+ elements: [
328
+ {
329
+
330
+ type: "Control",
331
+ scope: "#/properties/FooterText",
332
+ options: {
333
+ widget: "Box",
282
334
  },
283
- style: {
284
- flexDirection: "row",
285
- position: "absolute",
286
- bottom: 0,
287
- marginBottom: '-8px',
288
- height: 'fit-content',
289
- overflow: 'hidden',
290
- zIndex: 1000,
291
- width: 'inherit'
292
- }
293
- },
294
- elements: [
295
- {
296
-
297
- type: "Control",
298
- scope: "#/properties/FooterText",
299
- options: {
300
- widget: "Box",
301
- },
302
- config: {
303
- main: {
304
- heading: "Copywriter@ACT21.IO"
305
- },
306
- style: {
307
- color: theme?.palette?.text.disabled || "#AFAFAF",
308
- fontSize: '12px',
309
- textAlign: 'center',
310
- lineHeight: 1,
311
- width: 'fit-content',
312
- left: '50%',
313
- position: 'relative',
314
- margin: 0,
315
- flexGrow: 1,
316
- height: 0
317
- }
335
+ config: {
336
+ main: {
337
+ heading: "Copywriter@ACT21.IO"
318
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
+ }
319
351
  },
320
- {
321
- type: "Control",
322
- scope: "#/properties/backIcon",
323
- options: {
324
- widget: "Box",
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',
325
364
  },
326
- config: {
327
- main: {
328
- iconName: 'PrevIcon',
329
- onClick: "backHandler",
330
- width: 'fit-content',
331
- },
332
- style: {
333
- fill: theme.palette.primary.main,
334
- width: 20,
335
- height: 0,
336
- margin: 0,
337
- top: 0,
338
- right: '90px',
339
- position: 'absolute',
340
- fontSize: '12px',
341
- cursor: 'pointer',
342
- ':hover': {
343
- fill: theme.palette.primary.dark,
344
- }
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,
345
377
  }
346
378
  }
379
+ }
380
+ },
381
+ {
382
+ type: "Control",
383
+ scope: "#/properties/text",
384
+
385
+ options: {
386
+ widget: "Box",
347
387
  },
348
- {
349
- type: "Control",
350
- scope: "#/properties/text",
351
-
352
- options: {
353
- widget: "Box",
388
+ config: {
389
+ main: {
390
+ heading: "Previous Page",
391
+ onClick: "backHandler"
354
392
  },
355
- config: {
356
- main: {
357
- heading: "Previous Page",
358
- onClick: "backHandler"
359
- },
360
- style: {
361
- textAlign: 'left',
362
- lineHeight: 1,
363
- height: 0,
364
- width: 'fit-content',
365
- color: theme.palette.primary.main,
366
- fontSize: "12px",
367
- cursor: 'pointer',
368
- marginLeft: '2px',
369
- marginRight: 0,
370
- top: 3,
371
- right: '20px',
372
- position: 'absolute',
373
- ':hover': {
374
- color: theme.palette.primary.dark,
375
- }
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,
376
408
  }
377
- },
409
+ }
378
410
  },
379
- ]
380
- }
381
- ],
382
- };
383
- return uiSchema
384
- }
411
+ },
412
+ ]
413
+ }
414
+ ],
415
+ };
416
+ return uiSchema
417
+ }
418
+
419
+
420
+
421
+
422
+
423
+
424
+
425
+
426
+
427
+
428
+
429
+
430
+
431
+
432
+
433
+
434
+
435
+ // {
436
+ // type: "Control",
437
+ // scope: "#/properties/homeBtn",
438
+
439
+ // options: {
440
+ // widget: "Button",
441
+ // },
442
+ // config: {
443
+ // layout: {xs:2,sm:2,md:1},
444
+ // main: {
445
+ // name: "🏠",
446
+ // },
447
+ // style: {
448
+ // marginRight:'auto',
449
+ // marginLeft:"auto",
450
+ // width:"20px",
451
+
452
+ // // background:"inherit",
453
+ // // boxShadow:"none",
454
+ // float:"left",
455
+ // borderRadius:"50%"
456
+
457
+ // },
458
+ // },
459
+ // },