impaktapps-ui-builder 0.0.412-mtreemap.2 → 0.0.412-mtreemap.21

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 (45) hide show
  1. package/dist/impaktapps-ui-builder.es.js +728 -366
  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/file.d.ts +6 -6
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/leaderBoard.d.ts +8 -5
  11. package/dist/src/impaktapps-ui-builder/builder/build/uischema/wrapperSection.d.ts +1 -0
  12. package/dist/src/impaktapps-ui-builder/builder/services/component.d.ts +4 -2
  13. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +3 -2
  14. package/dist/src/impaktapps-ui-builder/builder/services/pageMaster.d.ts +3 -1
  15. package/package.json +1 -1
  16. package/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.ts +2 -2
  17. package/src/impaktapps-ui-builder/builder/build/buildConfig.ts +4 -4
  18. package/src/impaktapps-ui-builder/builder/build/buildFileInput.ts +1 -1
  19. package/src/impaktapps-ui-builder/builder/build/buildHorizontalBarGraph.ts +27 -26
  20. package/src/impaktapps-ui-builder/builder/build/buildPieGraph.ts +2 -0
  21. package/src/impaktapps-ui-builder/builder/build/buildRadio.ts +1 -1
  22. package/src/impaktapps-ui-builder/builder/build/buildWrapperSection.ts +2 -2
  23. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +39 -38
  24. package/src/impaktapps-ui-builder/builder/build/uischema/button.ts +2 -7
  25. package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +10 -9
  26. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +21 -28
  27. package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +3 -8
  28. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +155 -102
  29. package/src/impaktapps-ui-builder/builder/build/uischema/file.ts +2 -12
  30. package/src/impaktapps-ui-builder/builder/build/uischema/graph.ts +1 -1
  31. package/src/impaktapps-ui-builder/builder/build/uischema/leaderBoard.ts +9 -5
  32. package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +14 -0
  33. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +1 -1
  34. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +1 -1
  35. package/src/impaktapps-ui-builder/builder/build/uischema/wrapperSection.ts +1 -0
  36. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +0 -2
  37. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +495 -283
  38. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/schema.ts +1 -1
  39. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +346 -208
  40. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +70 -23
  41. package/src/impaktapps-ui-builder/builder/services/component.ts +39 -21
  42. package/src/impaktapps-ui-builder/builder/services/event.ts +16 -6
  43. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +18 -2
  44. package/src/impaktapps-ui-builder/runtime/services/events.ts +28 -33
  45. 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,417 @@
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
+ },
269
+ },
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
+ },
199
280
  },
200
- ],
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
+
323
+
324
+
325
+
326
+
327
+
328
+
329
+ {
330
+ type: "Control",
331
+ scope: "#/properties/popUpEventSection",
332
+ options: {
333
+ widget: "PopUp"
201
334
  },
202
-
335
+ config: {
336
+ layout: {
337
+ xs: 12,
338
+ sm: 12,
339
+ md: 12,
340
+ lg: 12,
341
+ },
342
+ main: {
343
+ },
344
+ },
345
+ elements:
346
+ [
347
+ {
348
+ type: "Control",
349
+ scope: "#/properties/label",
350
+ options: {
351
+ widget: "Box",
352
+ },
353
+ config: {
354
+ layout: 12,
355
+ main: {
356
+ heading: "Are you sure you want to delete ?",
357
+ },
358
+ style:{
359
+ marginTop: "-40px"
360
+ }
361
+ },
362
+ },
363
+ {
364
+ type: "Control",
365
+ scope: "#/properties/EmptyBox",
366
+ options: {
367
+ widget: "EmptyBox",
368
+ },
369
+ config: {
370
+ main:{},
371
+ layout: { xs: 11, sm: 5.5, md: 5.5, lg: 5.5 },
372
+ },
373
+ },
374
+ {
375
+ type: "Control",
376
+ scope: "#/properties/ConfirmDeleteEventButton",
377
+ options: {
378
+ widget: "Button",
379
+ },
380
+ config: {
381
+ layout: 3,
382
+ main: {
383
+ name: "Yes",
384
+ startIcon: "ApproveIcon",
385
+ variant: "contained",
386
+ color: "info",
387
+ type: "text",
388
+ onClick: "deleteEvent",
389
+ size: "small",
390
+ },
391
+ },
392
+ },
393
+ {
394
+ type: "Control",
395
+ scope: "#/properties/CancelDeleteEventButton",
396
+ options: {
397
+ widget: "Button",
398
+ },
399
+ config: {
400
+ layout: 3,
401
+ main: {
402
+ name: "No",
403
+ startIcon: "ApproveIcon",
404
+ variant: "contained",
405
+ color: "info",
406
+ type: "text",
407
+ onClick: "deletePopUpEvent",
408
+ size: "small",
409
+ },
410
+ },
411
+ },
412
+ ]
413
+ },
414
+
203
415
  {
204
416
  type: "Control",
205
417
  scope: "#/properties/EmptyBox",
@@ -266,119 +478,119 @@ export const componentBasicUiSchema: any = (theme) => {
266
478
  },
267
479
  },
268
480
  },
269
- {
270
- type: "Control",
271
- scope: "#/properties/notify",
272
- options: {
273
- widget: "Notify",
481
+ {
482
+ type: "Control",
483
+ scope: "#/properties/notify",
484
+ options: {
485
+ widget: "Notify",
486
+ },
487
+ layout: 6,
488
+ },
489
+ {
490
+ type: "HorizontalLayout",
491
+ config: {
492
+ main: {
493
+ direction: 'row'
274
494
  },
275
- layout: 6,
495
+ style: {
496
+ flexDirection: "row",
497
+ position: "absolute",
498
+ bottom: 0,
499
+ marginBottom: '-8px',
500
+ height: 'fit-content',
501
+ overflow: 'hidden',
502
+ zIndex: 1000,
503
+ width: 'inherit'
504
+ }
276
505
  },
277
- {
278
- type: "HorizontalLayout",
279
- config: {
280
- main: {
281
- direction: 'row'
506
+ elements: [
507
+ {
508
+
509
+ type: "Control",
510
+ scope: "#/properties/FooterText",
511
+ options: {
512
+ widget: "Box",
282
513
  },
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
- }
514
+ config: {
515
+ main: {
516
+ heading: "Copywriter@ACT21.IO"
318
517
  },
518
+ style: {
519
+ color: theme?.palette?.text.disabled || "#AFAFAF",
520
+ fontSize: '12px',
521
+ textAlign: 'center',
522
+ lineHeight: 1,
523
+ width: 'fit-content',
524
+ left: '50%',
525
+ position: 'relative',
526
+ margin: 0,
527
+ flexGrow: 1,
528
+ height: 0
529
+ }
319
530
  },
320
- {
321
- type: "Control",
322
- scope: "#/properties/backIcon",
323
- options: {
324
- widget: "Box",
531
+ },
532
+ {
533
+ type: "Control",
534
+ scope: "#/properties/backIcon",
535
+ options: {
536
+ widget: "Box",
537
+ },
538
+ config: {
539
+ main: {
540
+ iconName: 'PrevIcon',
541
+ onClick: "backHandler",
542
+ width: 'fit-content',
325
543
  },
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
- }
544
+ style: {
545
+ fill: theme.palette.primary.main,
546
+ width: 20,
547
+ height: 0,
548
+ margin: 0,
549
+ top: 0,
550
+ right: '90px',
551
+ position: 'absolute',
552
+ fontSize: '12px',
553
+ cursor: 'pointer',
554
+ ':hover': {
555
+ fill: theme.palette.primary.dark,
345
556
  }
346
557
  }
558
+ }
559
+ },
560
+ {
561
+ type: "Control",
562
+ scope: "#/properties/text",
563
+
564
+ options: {
565
+ widget: "Box",
347
566
  },
348
- {
349
- type: "Control",
350
- scope: "#/properties/text",
351
-
352
- options: {
353
- widget: "Box",
567
+ config: {
568
+ main: {
569
+ heading: "Previous Page",
570
+ onClick: "backHandler"
354
571
  },
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
- }
572
+ style: {
573
+ textAlign: 'left',
574
+ lineHeight: 1,
575
+ height: 0,
576
+ width: 'fit-content',
577
+ color: theme.palette.primary.main,
578
+ fontSize: "12px",
579
+ cursor: 'pointer',
580
+ marginLeft: '2px',
581
+ marginRight: 0,
582
+ top: 3,
583
+ right: '20px',
584
+ position: 'absolute',
585
+ ':hover': {
586
+ color: theme.palette.primary.dark,
376
587
  }
377
- },
588
+ }
378
589
  },
379
- ]
380
- }
381
- ],
382
- };
383
- return uiSchema
384
- }
590
+ },
591
+ ]
592
+ }
593
+ ],
594
+ };
595
+ return uiSchema
596
+ }