impaktapps-ui-builder 0.0.412-mtreemap.3 → 0.0.412-mtreemap.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 (31) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1033 -1062
  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/dist/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.d.ts +1 -1
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/card.d.ts +12 -10
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +0 -18
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +121 -70
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +2 -17
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/wrapperSection.d.ts +1 -0
  11. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +1 -1
  12. package/package.json +1 -1
  13. package/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.ts +2 -2
  14. package/src/impaktapps-ui-builder/builder/build/buildHorizontalBarGraph.ts +27 -26
  15. package/src/impaktapps-ui-builder/builder/build/buildPieGraph.ts +2 -0
  16. package/src/impaktapps-ui-builder/builder/build/buildWrapperSection.ts +1 -1
  17. package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +10 -9
  18. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +0 -29
  19. package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +3 -8
  20. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +125 -99
  21. package/src/impaktapps-ui-builder/builder/build/uischema/graph.ts +1 -1
  22. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +12 -12
  23. package/src/impaktapps-ui-builder/builder/build/uischema/wrapperSection.ts +1 -0
  24. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +2 -2
  25. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +286 -311
  26. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +362 -367
  27. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +284 -380
  28. package/src/impaktapps-ui-builder/builder/services/component.ts +18 -18
  29. package/src/impaktapps-ui-builder/builder/services/event.ts +8 -8
  30. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +1 -1
  31. package/src/impaktapps-ui-builder/runtime/services/service.ts +1 -1
package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts CHANGED
@@ -1,224 +1,251 @@
1
- export const componentBasicUiSchema: any = (theme) => {
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: [
16
-
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
- // },
1
+ export const componentBasicUiSchema: any = {
2
+ type: "HorizontalLayout",
3
+ elements: [
4
+ {
5
+ type: "WrapperLayout",
6
+ config: {
7
+ main: {
8
+ rowSpacing: 1,
9
+ header:true
10
+ },
11
+ defaultStyle:true
12
+ },
13
+ elements: [
14
+
15
+ {
16
+ type: "Control",
17
+ scope: "#/properties/Component",
78
18
 
79
- // ],
80
- // },
81
- {
82
- type: "TabLayout",
83
- config: {
84
- main: {
85
- tabLabels: ["Core"],
86
- defaultStyle: true,
87
- id: `component`
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
+ },
32
+
33
+ {
34
+ type: "Control",
35
+ scope: "#/properties/pageName",
36
+
37
+ options: {
38
+ widget: "Box",
88
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
+ },
54
+
55
+ {
56
+ type: "Control",
57
+ scope: "#/properties/Back_Button",
58
+
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
+ },
76
+
77
+ ],
78
+ },
79
+ {
80
+ type: "TabLayout",
81
+ config: {
82
+ main: {
83
+ tabLabels: ["Core"],
84
+ defaultStyle: true,
85
+ id:`component`
89
86
  },
87
+ },
90
88
 
91
- elements: [
92
- {
93
- type: "HorizontalLayout",
94
- elements: [
95
- {
96
- type: "Control",
97
- scope: "#/properties/type",
89
+ elements: [
90
+ {
91
+ type: "HorizontalLayout",
92
+ elements: [
93
+ {
94
+ type: "Control",
95
+ scope: "#/properties/type",
98
96
 
99
- options: {
100
- widget: "SelectInputField",
101
- },
102
- config: {
103
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
104
- main: {
105
- label: "Type",
106
- },
97
+ options: {
98
+ widget: "SelectInputField",
99
+ },
100
+ config: {
101
+ layout: { xs: 12, sm: 12, md: 6, lg: 6 },
102
+ main: {
103
+ label: "Type",
107
104
  },
108
105
  },
109
- {
110
- type: "Control",
111
- scope: "#/properties/name",
106
+ },
107
+ {
108
+ type: "Control",
109
+ scope: "#/properties/name",
112
110
 
113
- options: {
114
- widget: "InputField",
111
+ options: {
112
+ widget: "InputField",
113
+ },
114
+ config: {
115
+ layout: {
116
+ xs: 12,
117
+ sm: 12,
118
+ md: 6,
119
+ lg: 6,
115
120
  },
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
- },
121
+ main: {
122
+ label: "Name",
123
+ options: [],
124
+ color: "secondary",
125
+ required: true,
124
126
  },
125
127
  },
126
- {
127
- type: "Control",
128
- scope: "#/properties/label",
128
+ },
129
+ {
130
+ type: "Control",
131
+ scope: "#/properties/label",
129
132
 
130
- options: {
131
- widget: "InputField",
133
+ options: {
134
+ widget: "InputField",
135
+ },
136
+ config: {
137
+ layout: {
138
+ xs: 12,
139
+ sm: 12,
140
+ md: 6,
141
+ lg: 6,
142
+ },
143
+ main: {
144
+ label: "Label",
145
+ options: [],
146
+ color: "secondary",
147
+ required: true,
148
+ },
149
+ },
150
+ },
151
+ {
152
+ type: "Control",
153
+ scope: "#/properties/columnFormat",
154
+ options: {
155
+ widget: "SelectInputField",
156
+ },
157
+ config: {
158
+ layout: {
159
+ xs: 12,
160
+ sm: 12,
161
+ md: 6,
162
+ lg: 6,
132
163
  },
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
- },
164
+ main: {
165
+ label: "Column Format",
166
+
141
167
  },
142
168
  },
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",
169
+ },
170
+ {
171
+ type: "Control",
172
+ scope: "#/properties/proc",
173
+ config: {
174
+ layout: { xs: 11, sm: 11, md: 6, lg: 6 },
175
+ },
176
+ options: {
177
+ widget: "EmptyBox",
178
+ },
179
+ },
180
+ {
181
+ type: "Control",
182
+ scope: "#/properties/layout",
183
+ layout: 11.5,
184
+ options: {
185
+ detail: {
186
+ type: "HorizontalLayout",
187
+ elements: [
188
+ {
189
+ type: "Control",
190
+ scope: "#/properties/key",
191
+ options: {
192
+ widget: "SelectInputField",
193
+ },
194
+ config: {
195
+ layout: {
196
+ xs: 11,
197
+ sm: 11,
198
+ md: 5.5,
199
+ lg: 5.5,
156
200
  },
157
- config: {
158
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
159
- main: {
160
- label: "Screen Size",
161
-
162
- },
201
+ main: {
202
+ label: "Screen Size",
203
+
163
204
  },
164
205
  },
165
- {
166
- type: "Control",
167
- scope: "#/properties/value",
206
+ },
207
+ {
208
+ type: "Control",
209
+ scope: "#/properties/value",
168
210
 
169
- options: {
170
- widget: "InputField",
211
+ options: {
212
+ widget: "InputField",
213
+ },
214
+ config: {
215
+ layout: {
216
+ xs: 11,
217
+ sm: 11,
218
+ md: 5.5,
219
+ lg: 5.5,
171
220
  },
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.",
180
-
181
- },
221
+ main: {
222
+ label: "Value",
223
+ type:"number",
224
+ // freeSolo:true,
225
+ helperText:'Number should be in range of 0 to 12',
226
+ errorMessage:"Number Can't be greater than 12 and can't be less than 0.",
227
+
182
228
  },
183
229
  },
184
- {
185
- type: "Control",
186
- scope: "#/properties/emptyBox",
187
- options: {
188
- widget: "EmptyBox"
189
- },
190
- config: {
191
- layout: { xs: 0, sm: 4 }
192
- }
193
- }
194
- ],
195
- },
230
+ },
231
+ ],
196
232
  },
197
233
  },
198
- ],
199
- },
200
- ],
201
- },
202
-
234
+ },
235
+ ],
236
+ },
237
+ ],
238
+ },
239
+
203
240
  {
204
241
  type: "Control",
205
- scope: "#/properties/EmptyBox",
206
- options: {
207
- widget: "EmptyBox",
208
- },
242
+ scope: "#/properties/proc",
209
243
  config: {
210
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
244
+ layout: { xs: 11, sm: 11, md: 6, lg: 6 },
211
245
  },
212
- },
213
- {
214
- type: "Control",
215
- scope: "#/properties/EmptyBox",
216
246
  options: {
217
247
  widget: "EmptyBox",
218
248
  },
219
- config: {
220
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
221
- },
222
249
  },
223
250
  {
224
251
  type: "Control",
@@ -228,17 +255,23 @@ export const componentBasicUiSchema: any = (theme) => {
228
255
  },
229
256
 
230
257
  config: {
231
- layout: 1.8,
258
+ layout: {
259
+ xs: 11,
260
+ sm: 11,
261
+ md: 2.5,
262
+ lg: 2.5,
263
+ },
232
264
  main: {
233
265
  name: "Ok",
234
266
  startIcon: "ApproveIcon",
235
267
  variant: "contained",
236
- // color: "info",
268
+ color: "info",
237
269
  type: "text",
238
270
  onClick: "okHandler",
239
- size: "medium",
271
+ size: "small",
240
272
  },
241
273
  style: {
274
+ marginBottom: "8px",
242
275
  float: "right",
243
276
  },
244
277
  },
@@ -251,134 +284,76 @@ export const componentBasicUiSchema: any = (theme) => {
251
284
  },
252
285
 
253
286
  config: {
254
- layout: 1.8,
287
+ layout: {
288
+ xs: 11,
289
+ sm: 11,
290
+ md: 2.5,
291
+ lg: 2.5,
292
+ },
255
293
  main: {
256
294
  name: "Save & Exit",
257
295
  startIcon: "ApproveIcon",
258
296
  variant: "contained",
259
- // color: "info",
297
+ color: "info",
260
298
  type: "text",
261
299
  onClick: "saveHandler",
262
- size: "medium",
300
+ size: "small",
263
301
  },
264
302
  style: {
303
+ marginBottom: "8px",
265
304
  float: "right",
266
305
  },
267
306
  },
268
307
  },
269
- {
270
- type: "Control",
271
- scope: "#/properties/notify",
272
- options: {
273
- widget: "Notify",
274
- },
275
- layout: 6,
308
+ {
309
+ type: "Control",
310
+ scope: "#/properties/notify",
311
+ options: {
312
+ widget: "Notify",
276
313
  },
277
- {
278
- type: "HorizontalLayout",
279
- config: {
280
- main: {
281
- direction: 'row'
282
- },
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
- }
318
- },
319
- },
320
- {
321
- type: "Control",
322
- scope: "#/properties/backIcon",
323
- options: {
324
- widget: "Box",
325
- },
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
- }
345
- }
346
- }
347
- },
348
- {
349
- type: "Control",
350
- scope: "#/properties/text",
351
-
352
- options: {
353
- widget: "Box",
354
- },
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
- }
376
- }
377
- },
378
- },
379
- ]
380
- }
381
- ],
382
- };
383
- return uiSchema
384
- }
314
+ layout: 6,
315
+ }
316
+ ],
317
+ };
318
+
319
+
320
+
321
+
322
+
323
+
324
+
325
+
326
+
327
+
328
+
329
+
330
+
331
+
332
+
333
+
334
+
335
+ // {
336
+ // type: "Control",
337
+ // scope: "#/properties/homeBtn",
338
+
339
+ // options: {
340
+ // widget: "Button",
341
+ // },
342
+ // config: {
343
+ // layout: {xs:2,sm:2,md:1},
344
+ // main: {
345
+ // name: "🏠",
346
+ // },
347
+ // style: {
348
+ // marginRight:'auto',
349
+ // marginLeft:"auto",
350
+ // width:"20px",
351
+
352
+ // // background:"inherit",
353
+ // // boxShadow:"none",
354
+ // float:"left",
355
+ // borderRadius:"50%"
356
+
357
+ // },
358
+ // },
359
+ // },