impaktapps-ui-builder 0.0.412-mtreemap.3 → 0.0.412-mtreemap.31

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 (48) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1189 -585
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +13 -13
  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/button.d.ts +1 -6
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/card.d.ts +12 -10
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +5 -5
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +2 -2
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/file.d.ts +6 -6
  11. package/dist/src/impaktapps-ui-builder/builder/build/uischema/leaderBoard.d.ts +8 -5
  12. package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +25 -1
  13. package/dist/src/impaktapps-ui-builder/builder/build/uischema/wrapperSection.d.ts +1 -0
  14. package/dist/src/impaktapps-ui-builder/builder/services/component.d.ts +4 -2
  15. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +3 -2
  16. package/dist/src/impaktapps-ui-builder/builder/services/pageMaster.d.ts +3 -1
  17. package/package.json +1 -1
  18. package/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.ts +2 -2
  19. package/src/impaktapps-ui-builder/builder/build/buildConfig.ts +4 -4
  20. package/src/impaktapps-ui-builder/builder/build/buildFileInput.ts +1 -1
  21. package/src/impaktapps-ui-builder/builder/build/buildHorizontalBarGraph.ts +27 -26
  22. package/src/impaktapps-ui-builder/builder/build/buildPieGraph.ts +2 -0
  23. package/src/impaktapps-ui-builder/builder/build/buildRadio.ts +1 -1
  24. package/src/impaktapps-ui-builder/builder/build/buildStackBarGraph.ts +1 -5
  25. package/src/impaktapps-ui-builder/builder/build/buildWrapperSection.ts +2 -2
  26. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +48 -66
  27. package/src/impaktapps-ui-builder/builder/build/uischema/button.ts +2 -7
  28. package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +10 -9
  29. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +21 -28
  30. package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +3 -8
  31. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +107 -103
  32. package/src/impaktapps-ui-builder/builder/build/uischema/file.ts +2 -12
  33. package/src/impaktapps-ui-builder/builder/build/uischema/graph.ts +1 -118
  34. package/src/impaktapps-ui-builder/builder/build/uischema/leaderBoard.ts +9 -5
  35. package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +14 -0
  36. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +93 -137
  37. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +1 -1
  38. package/src/impaktapps-ui-builder/builder/build/uischema/wrapperSection.ts +1 -0
  39. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +0 -2
  40. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +487 -283
  41. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/schema.ts +1 -1
  42. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +515 -204
  43. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +104 -98
  44. package/src/impaktapps-ui-builder/builder/services/component.ts +39 -21
  45. package/src/impaktapps-ui-builder/builder/services/event.ts +16 -6
  46. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +18 -2
  47. package/src/impaktapps-ui-builder/runtime/services/events.ts +28 -34
  48. package/src/impaktapps-ui-builder/runtime/services/service.ts +112 -4
package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts CHANGED
@@ -1,205 +1,409 @@
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
+ layout: { 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
+ layout: { 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
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
223
+ },
224
+ options: {
225
+ widget: "EmptyBox",
226
+ },
227
+ },
228
+ ],
196
229
  },
197
230
  },
198
- ],
231
+ },
232
+ ],
233
+ },
234
+ ],
235
+ },
236
+ {
237
+ type: "Control",
238
+ scope: "#/properties/popUpComponentSection",
239
+ options: {
240
+ widget: "PopUp"
241
+ },
242
+ config: {
243
+ layout: {
244
+ xs: 12,
245
+ sm: 12,
246
+ md: 12,
247
+ lg: 12,
248
+ },
249
+ main: {
250
+ },
251
+ },
252
+ elements:
253
+ [
254
+ {
255
+ type: "Control",
256
+ scope: "#/properties/label",
257
+ options: {
258
+ widget: "Box",
259
+ },
260
+ config: {
261
+ layout: 12,
262
+ main: {
263
+ heading: "Are you sure you want to delete ?",
264
+ },
265
+ style:{
266
+ marginTop: "-40px"
267
+ }
268
+ },
199
269
  },
200
- ],
270
+ {
271
+ type: "Control",
272
+ scope: "#/properties/EmptyBox",
273
+ options: {
274
+ widget: "EmptyBox",
275
+ },
276
+ config: {
277
+ main:{},
278
+ layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 },
279
+ },
280
+ },
281
+ {
282
+ type: "Control",
283
+ scope: "#/properties/ConfirmDeleteCompButton",
284
+ options: {
285
+ widget: "Button",
286
+ },
287
+ config: {
288
+ layout: 3,
289
+ main: {
290
+ name: "Yes",
291
+ startIcon: "ApproveIcon",
292
+ variant: "contained",
293
+ color: "info",
294
+ type: "text",
295
+ onClick: "deleteComponents",
296
+ size: "small",
297
+ },
298
+ },
299
+ },
300
+ {
301
+ type: "Control",
302
+ scope: "#/properties/CancelDeleteCompButton",
303
+ options: {
304
+ widget: "Button",
305
+ },
306
+ config: {
307
+ layout: 3,
308
+ main: {
309
+ name: "No",
310
+ startIcon: "ApproveIcon",
311
+ variant: "contained",
312
+ color: "info",
313
+ type: "text",
314
+ onClick: "deletePopUpComponent",
315
+ size: "small",
316
+ },
317
+ },
318
+ },
319
+ ]
320
+ },
321
+ {
322
+ type: "Control",
323
+ scope: "#/properties/popUpEventSection",
324
+ options: {
325
+ widget: "PopUp"
201
326
  },
202
-
327
+ config: {
328
+ layout: {
329
+ xs: 12,
330
+ sm: 12,
331
+ md: 12,
332
+ lg: 12,
333
+ },
334
+ main: {
335
+ },
336
+ },
337
+ elements:
338
+ [
339
+ {
340
+ type: "Control",
341
+ scope: "#/properties/label",
342
+ options: {
343
+ widget: "Box",
344
+ },
345
+ config: {
346
+ layout: 12,
347
+ main: {
348
+ heading: "Are you sure you want to delete ?",
349
+ },
350
+ style:{
351
+ marginTop: "-40px"
352
+ }
353
+ },
354
+ },
355
+ {
356
+ type: "Control",
357
+ scope: "#/properties/EmptyBox",
358
+ options: {
359
+ widget: "EmptyBox",
360
+ },
361
+ config: {
362
+ main:{},
363
+ layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 },
364
+ },
365
+ },
366
+ {
367
+ type: "Control",
368
+ scope: "#/properties/ConfirmDeleteEventButton",
369
+ options: {
370
+ widget: "Button",
371
+ },
372
+ config: {
373
+ layout: 3,
374
+ main: {
375
+ name: "Yes",
376
+ startIcon: "ApproveIcon",
377
+ variant: "contained",
378
+ color: "info",
379
+ type: "text",
380
+ onClick: "deleteEvent",
381
+ size: "small",
382
+ },
383
+ },
384
+ },
385
+ {
386
+ type: "Control",
387
+ scope: "#/properties/CancelDeleteEventButton",
388
+ options: {
389
+ widget: "Button",
390
+ },
391
+ config: {
392
+ layout: 3,
393
+ main: {
394
+ name: "No",
395
+ startIcon: "ApproveIcon",
396
+ variant: "contained",
397
+ color: "info",
398
+ type: "text",
399
+ onClick: "deletePopUpEvent",
400
+ size: "small",
401
+ },
402
+ },
403
+ },
404
+ ]
405
+ },
406
+
203
407
  {
204
408
  type: "Control",
205
409
  scope: "#/properties/EmptyBox",
@@ -266,119 +470,119 @@ export const componentBasicUiSchema: any = (theme) => {
266
470
  },
267
471
  },
268
472
  },
269
- {
270
- type: "Control",
271
- scope: "#/properties/notify",
272
- options: {
273
- widget: "Notify",
473
+ {
474
+ type: "Control",
475
+ scope: "#/properties/notify",
476
+ options: {
477
+ widget: "Notify",
478
+ },
479
+ layout: 6,
480
+ },
481
+ {
482
+ type: "HorizontalLayout",
483
+ config: {
484
+ main: {
485
+ direction: 'row'
274
486
  },
275
- layout: 6,
487
+ style: {
488
+ flexDirection: "row",
489
+ position: "absolute",
490
+ bottom: 0,
491
+ marginBottom: '-8px',
492
+ height: 'fit-content',
493
+ overflow: 'hidden',
494
+ zIndex: 1000,
495
+ width: 'inherit'
496
+ }
276
497
  },
277
- {
278
- type: "HorizontalLayout",
279
- config: {
280
- main: {
281
- direction: 'row'
498
+ elements: [
499
+ {
500
+
501
+ type: "Control",
502
+ scope: "#/properties/FooterText",
503
+ options: {
504
+ widget: "Box",
282
505
  },
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
- }
506
+ config: {
507
+ main: {
508
+ heading: "Copywriter@ACT21.IO"
318
509
  },
510
+ style: {
511
+ color: theme?.palette?.text.disabled || "#AFAFAF",
512
+ fontSize: '12px',
513
+ textAlign: 'center',
514
+ lineHeight: 1,
515
+ width: 'fit-content',
516
+ left: '50%',
517
+ position: 'relative',
518
+ margin: 0,
519
+ flexGrow: 1,
520
+ height: 0
521
+ }
319
522
  },
320
- {
321
- type: "Control",
322
- scope: "#/properties/backIcon",
323
- options: {
324
- widget: "Box",
523
+ },
524
+ {
525
+ type: "Control",
526
+ scope: "#/properties/backIcon",
527
+ options: {
528
+ widget: "Box",
529
+ },
530
+ config: {
531
+ main: {
532
+ iconName: 'PrevIcon',
533
+ onClick: "backHandler",
534
+ width: 'fit-content',
325
535
  },
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
- }
536
+ style: {
537
+ fill: theme.palette.primary.main,
538
+ width: 20,
539
+ height: 0,
540
+ margin: 0,
541
+ top: 0,
542
+ right: '90px',
543
+ position: 'absolute',
544
+ fontSize: '12px',
545
+ cursor: 'pointer',
546
+ ':hover': {
547
+ fill: theme.palette.primary.dark,
345
548
  }
346
549
  }
550
+ }
551
+ },
552
+ {
553
+ type: "Control",
554
+ scope: "#/properties/text",
555
+
556
+ options: {
557
+ widget: "Box",
347
558
  },
348
- {
349
- type: "Control",
350
- scope: "#/properties/text",
351
-
352
- options: {
353
- widget: "Box",
559
+ config: {
560
+ main: {
561
+ heading: "Previous Page",
562
+ onClick: "backHandler"
354
563
  },
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
- }
564
+ style: {
565
+ textAlign: 'left',
566
+ lineHeight: 1,
567
+ height: 0,
568
+ width: 'fit-content',
569
+ color: theme.palette.primary.main,
570
+ fontSize: "12px",
571
+ cursor: 'pointer',
572
+ marginLeft: '2px',
573
+ marginRight: 0,
574
+ top: 3,
575
+ right: '20px',
576
+ position: 'absolute',
577
+ ':hover': {
578
+ color: theme.palette.primary.dark,
376
579
  }
377
- },
580
+ }
378
581
  },
379
- ]
380
- }
381
- ],
382
- };
383
- return uiSchema
384
- }
582
+ },
583
+ ]
584
+ }
585
+ ],
586
+ };
587
+ return uiSchema
588
+ }