impaktapps-ui-builder 0.0.412-hi → 0.0.412-mtreemap.1

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 (41) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1238 -1392
  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/dist/src/impaktapps-ui-builder/builder/build/uischema/apiSection.d.ts +35 -2
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/card.d.ts +10 -12
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +15 -0
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +70 -121
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/graph.d.ts +1 -108
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +53 -102
  11. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +17 -2
  12. package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +17 -2
  13. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +1 -1
  14. package/package.json +1 -1
  15. package/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.ts +1 -1
  16. package/src/impaktapps-ui-builder/builder/build/buildHorizontalBarGraph.ts +30 -26
  17. package/src/impaktapps-ui-builder/builder/build/buildPieGraph.ts +11 -2
  18. package/src/impaktapps-ui-builder/builder/build/buildStackBarGraph.ts +6 -6
  19. package/src/impaktapps-ui-builder/builder/build/buildWrapperSection.ts +1 -1
  20. package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +50 -27
  21. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +29 -48
  22. package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +9 -10
  23. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +16 -26
  24. package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +1 -6
  25. package/src/impaktapps-ui-builder/builder/build/uischema/emptyBox.ts +1 -1
  26. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +99 -125
  27. package/src/impaktapps-ui-builder/builder/build/uischema/graph.ts +109 -108
  28. package/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.ts +1 -1
  29. package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +2 -12
  30. package/src/impaktapps-ui-builder/builder/build/uischema/selectInputField.ts +1 -6
  31. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +85 -57
  32. package/src/impaktapps-ui-builder/builder/build/uischema/textInputField.ts +1 -6
  33. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +12 -12
  34. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +12 -12
  35. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +311 -286
  36. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +367 -362
  37. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +380 -284
  38. package/src/impaktapps-ui-builder/builder/services/component.ts +18 -18
  39. package/src/impaktapps-ui-builder/builder/services/event.ts +8 -8
  40. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +1 -1
  41. package/src/impaktapps-ui-builder/runtime/services/service.ts +2 -2
package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts CHANGED
@@ -1,251 +1,224 @@
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",
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: [
18
16
 
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",
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
- },
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`
74
88
  },
75
89
  },
76
-
77
- ],
78
- },
79
- {
80
- type: "TabLayout",
81
- config: {
82
- main: {
83
- tabLabels: ["Core"],
84
- defaultStyle: true,
85
- id:`component`
86
- },
87
- },
88
90
 
89
- elements: [
90
- {
91
- type: "HorizontalLayout",
92
- elements: [
93
- {
94
- type: "Control",
95
- scope: "#/properties/type",
91
+ elements: [
92
+ {
93
+ type: "HorizontalLayout",
94
+ elements: [
95
+ {
96
+ type: "Control",
97
+ scope: "#/properties/type",
96
98
 
97
- options: {
98
- widget: "SelectInputField",
99
- },
100
- config: {
101
- layout: { xs: 12, sm: 12, md: 6, lg: 6 },
102
- main: {
103
- label: "Type",
99
+ options: {
100
+ widget: "SelectInputField",
104
101
  },
105
- },
106
- },
107
- {
108
- type: "Control",
109
- scope: "#/properties/name",
110
-
111
- options: {
112
- widget: "InputField",
113
- },
114
- config: {
115
- layout: {
116
- xs: 12,
117
- sm: 12,
118
- md: 6,
119
- lg: 6,
120
- },
121
- main: {
122
- label: "Name",
123
- options: [],
124
- color: "secondary",
125
- required: true,
102
+ config: {
103
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
104
+ main: {
105
+ label: "Type",
106
+ },
126
107
  },
127
108
  },
128
- },
129
- {
130
- type: "Control",
131
- scope: "#/properties/label",
109
+ {
110
+ type: "Control",
111
+ scope: "#/properties/name",
132
112
 
133
- options: {
134
- widget: "InputField",
135
- },
136
- config: {
137
- layout: {
138
- xs: 12,
139
- sm: 12,
140
- md: 6,
141
- lg: 6,
113
+ options: {
114
+ widget: "InputField",
142
115
  },
143
- main: {
144
- label: "Label",
145
- options: [],
146
- color: "secondary",
147
- required: true,
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
+ },
148
124
  },
149
125
  },
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,
126
+ {
127
+ type: "Control",
128
+ scope: "#/properties/label",
129
+
130
+ options: {
131
+ widget: "InputField",
163
132
  },
164
- main: {
165
- label: "Column Format",
166
-
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
+ },
167
141
  },
168
142
  },
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,
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",
200
156
  },
201
- main: {
202
- label: "Screen Size",
203
-
157
+ config: {
158
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
159
+ main: {
160
+ label: "Screen Size",
161
+
162
+ },
204
163
  },
205
164
  },
206
- },
207
- {
208
- type: "Control",
209
- scope: "#/properties/value",
165
+ {
166
+ type: "Control",
167
+ scope: "#/properties/value",
210
168
 
211
- options: {
212
- widget: "InputField",
213
- },
214
- config: {
215
- layout: {
216
- xs: 11,
217
- sm: 11,
218
- md: 5.5,
219
- lg: 5.5,
169
+ options: {
170
+ widget: "InputField",
220
171
  },
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
-
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
+ },
228
182
  },
229
183
  },
230
- },
231
- ],
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
+ },
232
196
  },
233
197
  },
234
- },
235
- ],
236
- },
237
- ],
238
- },
239
-
198
+ ],
199
+ },
200
+ ],
201
+ },
202
+
240
203
  {
241
204
  type: "Control",
242
- scope: "#/properties/proc",
205
+ scope: "#/properties/EmptyBox",
206
+ options: {
207
+ widget: "EmptyBox",
208
+ },
243
209
  config: {
244
- layout: { xs: 11, sm: 11, md: 6, lg: 6 },
210
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
245
211
  },
212
+ },
213
+ {
214
+ type: "Control",
215
+ scope: "#/properties/EmptyBox",
246
216
  options: {
247
217
  widget: "EmptyBox",
248
218
  },
219
+ config: {
220
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
221
+ },
249
222
  },
250
223
  {
251
224
  type: "Control",
@@ -255,23 +228,17 @@ export const componentBasicUiSchema: any = {
255
228
  },
256
229
 
257
230
  config: {
258
- layout: {
259
- xs: 11,
260
- sm: 11,
261
- md: 2.5,
262
- lg: 2.5,
263
- },
231
+ layout: 1.8,
264
232
  main: {
265
233
  name: "Ok",
266
234
  startIcon: "ApproveIcon",
267
235
  variant: "contained",
268
- color: "info",
236
+ // color: "info",
269
237
  type: "text",
270
238
  onClick: "okHandler",
271
- size: "small",
239
+ size: "medium",
272
240
  },
273
241
  style: {
274
- marginBottom: "8px",
275
242
  float: "right",
276
243
  },
277
244
  },
@@ -284,76 +251,134 @@ export const componentBasicUiSchema: any = {
284
251
  },
285
252
 
286
253
  config: {
287
- layout: {
288
- xs: 11,
289
- sm: 11,
290
- md: 2.5,
291
- lg: 2.5,
292
- },
254
+ layout: 1.8,
293
255
  main: {
294
256
  name: "Save & Exit",
295
257
  startIcon: "ApproveIcon",
296
258
  variant: "contained",
297
- color: "info",
259
+ // color: "info",
298
260
  type: "text",
299
261
  onClick: "saveHandler",
300
- size: "small",
262
+ size: "medium",
301
263
  },
302
264
  style: {
303
- marginBottom: "8px",
304
265
  float: "right",
305
266
  },
306
267
  },
307
268
  },
308
- {
309
- type: "Control",
310
- scope: "#/properties/notify",
311
- options: {
312
- widget: "Notify",
269
+ {
270
+ type: "Control",
271
+ scope: "#/properties/notify",
272
+ options: {
273
+ widget: "Notify",
274
+ },
275
+ layout: 6,
313
276
  },
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
- // },
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
+ }