impaktapps-ui-builder 0.0.101-alpha.24 → 0.0.101-alpha.251

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 +557 -328
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +15 -15
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.d.ts +0 -10
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/card.d.ts +3 -5
  7. package/dist/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.d.ts +6 -0
  8. package/dist/src/impaktapps-ui-builder/builder/services/component.d.ts +2 -0
  9. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +8 -0
  10. package/package.json +1 -1
  11. package/src/impaktapps-ui-builder/builder/build/buildText.ts +21 -18
  12. package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts +21 -29
  13. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +87 -72
  14. package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +11 -8
  15. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +1 -60
  16. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +2 -2
  17. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +0 -52
  18. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +0 -50
  19. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +25 -28
  20. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +46 -159
  21. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +23 -97
  22. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.ts +15 -12
  23. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +43 -259
  24. package/src/impaktapps-ui-builder/builder/services/component.ts +217 -56
  25. package/src/impaktapps-ui-builder/builder/services/event.ts +175 -58
  26. package/src/impaktapps-ui-builder/runtime/services/events.ts +8 -1
  27. package/src/impaktapps-ui-builder/runtime/services/service.ts +5 -111
  28. package/dist/src/impaktapps-ui-builder/builder/build/buildPdfViewer.d.ts +0 -1
  29. package/dist/src/impaktapps-ui-builder/builder/build/uischema/pdfViewer.d.ts +0 -19
  30. package/src/impaktapps-ui-builder/builder/build/buildPdfViewer.ts +0 -22
  31. package/src/impaktapps-ui-builder/builder/build/uischema/pdfViewer.ts +0 -18
@@ -7,58 +7,6 @@ export const ValidationSection = {
7
7
  }
8
8
  },
9
9
  elements: [
10
- // {
11
- // type: "Control",
12
- // scope: "#/properties/validation",
13
- // layout: 11.5,
14
- // options: {
15
- // "elementLabelProp": "validationType",
16
- // detail: {
17
- // type: "HorizontalLayout",
18
- // elements: [
19
- // {
20
- // type: "Control",
21
- // scope: "#/properties/validationType",
22
-
23
- // options: {
24
- // widget: "SelectInputField",
25
- // },
26
- // config: {
27
- // layout: { xs: 6, sm: 6, md: 4, lg: 4 },
28
- // main: {
29
- // label: "Validation Type",
30
- // },
31
- // },
32
- // },
33
- // {
34
- // type: "Control",
35
- // scope: "#/properties/validationValue",
36
-
37
- // options: {
38
- // widget: "InputField",
39
- // },
40
- // config: {
41
- // layout: { xs: 6, sm: 6, md: 4, lg: 4 },
42
- // main: {
43
- // label: "Validation Value",
44
- // },
45
- // },
46
- // },
47
- // {
48
- // type: "Control",
49
- // scope: "#/properties/emptyBox",
50
- // options: {
51
- // widget: "EmptyBox"
52
- // },
53
- // config: {
54
- // layout: {xs: 0, sm: 0, md: 4}
55
- // }
56
- // }
57
- // ],
58
- // },
59
- // },
60
-
61
- // },
62
10
  {
63
11
  type: "Control",
64
12
  scope: "#/properties/validation",
@@ -7,56 +7,6 @@ export const ValueTab = {
7
7
  }
8
8
  },
9
9
  elements: [
10
- // {
11
- // type: "Control",
12
- // scope: "#/properties/value",
13
- // layout: 12,
14
- // options: {
15
- // detail: {
16
- // type: "HorizontalLayout",
17
- // elements: [
18
- // {
19
- // type: "Control",
20
- // scope: "#/properties/label",
21
- // options: {
22
- // widget: "InputField",
23
- // },
24
- // config: {
25
- // layout: { xs: 6, sm: 6, md: 4, lg: 4 },
26
- // main: {
27
- // label: "Label",
28
- // },
29
- // },
30
- // },
31
- // {
32
- // type: "Control",
33
- // scope: "#/properties/value",
34
-
35
- // options: {
36
- // widget: "InputField",
37
- // },
38
- // config: {
39
- // layout: { xs: 6, sm: 6, md: 4, lg: 4 },
40
- // main: {
41
- // label: "Value",
42
-
43
- // },
44
- // },
45
- // },
46
- // {
47
- // type: "Control",
48
- // scope: "#/properties/emptyBox",
49
- // options: {
50
- // widget: "EmptyBox"
51
- // },
52
- // config: {
53
- // layout: { xs: 0, sm: 0, md: 4, lg: 4 },
54
- // }
55
- // }
56
- // ],
57
- // },
58
- // },
59
- // }
60
10
  {
61
11
  type: "Control",
62
12
  scope: "#/properties/value",
@@ -2,9 +2,8 @@ export const ComponentSchema: any = {
2
2
  type: "object",
3
3
  properties: {
4
4
  type: {
5
- // type: "string",
6
5
  oneOf: [
7
- { title: "Masked Aadhaar", const: "AadharcardText" },
6
+ { title: "Masked Aadhar Card", const: "AadharcardText" },
8
7
  { title: "Array", const: "Array" },
9
8
  { title: "Button", const: "Button" },
10
9
  { title: "Data Card", const: "card" },
@@ -19,7 +18,7 @@ export const ComponentSchema: any = {
19
18
  { title: "Graph", const: "Graph" },
20
19
  { title: "Input Slider", const: "InputSlider" },
21
20
  { title: "Label", const: "Box" },
22
- { title: "LeaderBoard", const: "LeaderBoard" },
21
+ { title: "Leaderboard", const: "LeaderBoard" },
23
22
  { title: "Multi-Select Dropdown", const: "MultipleSelect" },
24
23
  { title: "Pan Card Masked", const: "PanCardText" },
25
24
  { title: "Pop Up", const: "PopUp" },
@@ -41,8 +40,7 @@ export const ComponentSchema: any = {
41
40
  { title: "Upload", const: "UploadFile" },
42
41
  { title: "Tree ", const: "TreeMap" },
43
42
  { title: "Column Group", const: "ColumnGroup" },
44
- { title: "Thought of the day", const: "Thought" },
45
- { title: "Pdf Viewer", const: "PdfViewer"}
43
+ { title: "Thought of the day", const: "Thought" }
46
44
  ]
47
45
  },
48
46
  columnFormat: {
@@ -71,7 +69,7 @@ export const ComponentSchema: any = {
71
69
  type: "array",
72
70
  items: {
73
71
  type: "object",
74
- properties: {
72
+ properties: {
75
73
  key: {
76
74
  type: "string",
77
75
  oneOf: [
@@ -82,7 +80,6 @@ export const ComponentSchema: any = {
82
80
  ],
83
81
  },
84
82
  value: {
85
- // type: "string",
86
83
 
87
84
  },
88
85
  },
@@ -103,7 +100,6 @@ export const ComponentSchema: any = {
103
100
  ],
104
101
  },
105
102
  value: {
106
- // type: "string",
107
103
 
108
104
  },
109
105
  },
@@ -192,7 +188,7 @@ export const ComponentSchema: any = {
192
188
  },
193
189
  },
194
190
  },
195
- enableColumnFilter:{
191
+ enableColumnFilter: {
196
192
  type: "array",
197
193
  items: {
198
194
  type: "object",
@@ -203,25 +199,23 @@ export const ComponentSchema: any = {
203
199
  },
204
200
  },
205
201
  },
206
- filteringOptions:{
207
- type: "array",
208
- items:{
209
- oneOf: [
210
- { const: 'fuzzy', title: 'Fuzzy' },
211
- { const: 'contains', title: 'Contain' },
212
- { const: 'startsWith', title: 'Starts with' },
213
- { const: 'endsWith', title: 'Ends with' },
214
- { const: 'equals', title: 'Equals' },
215
- { const: 'notEquals', title: 'Not Equals' },
216
- { const: 'between', title: 'Between' },
217
- { const: 'betweenInclusive', title: 'Between inclusive' },
218
- { const: 'greaterThan', title: 'Greater than' },
219
- { const: 'greaterThanOrEqualTo', title: 'Greater than or equal to' },
220
- { const: 'lessThan', title: 'Less than' },
221
- { const: 'lessThanOrEqualTo', title: 'Less than or equal to' },
222
- ]
223
- },
202
+ filteringOptions: {
203
+ oneOf: [
204
+ { const: 'fuzzy', title: 'Fuzzy' },
205
+ { const: 'contains', title: 'Contain' },
206
+ { const: 'startsWith', title: 'Starts with' },
207
+ { const: 'endsWith', title: 'Ends with' },
208
+ { const: 'equals', title: 'Equals' },
209
+ { const: 'notEquals', title: 'Not Equals' },
210
+ { const: 'between', title: 'Between' },
211
+ { const: 'betweenInclusive', title: 'Between inclusive' },
212
+ { const: 'greaterThan', title: 'Greater than' },
213
+ { const: 'greaterThanOrEqualTo', title: 'Greater than or equal to' },
214
+ { const: 'lessThan', title: 'Less than' },
215
+ { const: 'lessThanOrEqualTo', title: 'Less than or equal to' },
216
+ ]
224
217
  },
218
+
225
219
  legendLabels: {
226
220
  type: "array",
227
221
  items: {
@@ -340,11 +334,14 @@ export const ComponentSchema: any = {
340
334
  { title: "Info", const: "info" },
341
335
  ]
342
336
  },
337
+ pageName: {
338
+ path: []
339
+ },
343
340
  name: {
344
341
  type: "string",
345
342
  },
346
343
  label: { type: 'string' },
347
- RemoveItemButton:{
344
+ RemoveItemButton: {
348
345
  disabled: true,
349
346
  },
350
347
  },
@@ -1,28 +1,8 @@
1
- export const componentBasicUiSchema: any = (theme)=>{
1
+ export const componentBasicUiSchema: any = (theme) => {
2
2
  const uiSchema = {
3
3
  type: "HorizontalLayout",
4
4
  heading: "Page-Component",
5
5
  elements: [
6
- // {
7
- // type: "Control",
8
- // scope: "#/properties/pageName",
9
-
10
- // options: {
11
- // widget: "Box",
12
- // },
13
- // config: {
14
- // layout: 12,
15
- // main: {
16
- // heading: " ",
17
- // },
18
- // style: {
19
- // marginLeft: theme.spacing(3),
20
- // width:"auto",
21
- // fontSize:"12px",
22
- // color:"gray",
23
- // },
24
- // },
25
- // },
26
6
  {
27
7
  type: "TabLayout",
28
8
  config: {
@@ -110,20 +90,6 @@ export const componentBasicUiSchema: any = (theme)=>{
110
90
  },
111
91
  },
112
92
  },
113
- // {//////////////////////////
114
- // type: "Control",
115
- // scope: "#/properties/columnFormat",
116
- // options: {
117
- // widget: "SelectInputField",
118
- // },
119
- // config: {
120
- // layout: { xs: 6, sm: 6, md: 4, lg: 4 },
121
- // main: {
122
- // label: "Column Format",
123
-
124
- // },
125
- // },
126
- // },/////////////////////
127
93
  {
128
94
  type: "Control",
129
95
  scope: "#/properties/proc",
@@ -134,61 +100,6 @@ export const componentBasicUiSchema: any = (theme)=>{
134
100
  widget: "EmptyBox",
135
101
  },
136
102
  },
137
- // {
138
- // type: "Control",
139
- // scope: "#/properties/layout",
140
- // layout: 12,
141
- // options: {
142
- // detail: {
143
- // type: "HorizontalLayout",
144
- // elements: [
145
- // {
146
- // type: "Control",
147
- // scope: "#/properties/key",
148
- // options: {
149
- // widget: "SelectInputField",
150
- // },
151
- // config: {
152
- // layout: { xs: 6, sm: 6, md: 4, lg: 4 },
153
- // main: {
154
- // label: "Screen Size",
155
-
156
- // },
157
- // },
158
- // },
159
- // {
160
- // type: "Control",
161
- // scope: "#/properties/value",
162
-
163
- // options: {
164
- // widget: "InputField",
165
- // },
166
- // config: {
167
- // layout: { xs: 6, sm: 6, md: 4, lg: 4 },
168
- // main: {
169
- // label: "Value",
170
- // type:"number",
171
- // // freeSolo:true,
172
- // helperText:'Number should be in range of 0 to 12',
173
- // errorMessage:"Number Can't be greater than 12 and can't be less than 0.",
174
-
175
- // },
176
- // },
177
- // },
178
- // {
179
- // type: "Control",
180
- // scope: "#/properties/proc",
181
- // config: {
182
- // layout: { xs: 0, sm: 0, md: 4, lg: 4 },
183
- // },
184
- // options: {
185
- // widget: "EmptyBox",
186
- // },
187
- // },
188
- // ],
189
- // },
190
- // },
191
- // },
192
103
  {
193
104
  type: "Control",
194
105
  scope: "#/properties/layout",
@@ -239,7 +150,6 @@ export const componentBasicUiSchema: any = (theme)=>{
239
150
  main: {
240
151
  label: "Value",
241
152
  type:"number",
242
- // freeSolo:true,
243
153
  helperText:'Number should be in range of 0 to 12',
244
154
  errorMessage:"Number Can't be greater than 12 and can't be less than 0.",
245
155
 
@@ -262,65 +172,6 @@ export const componentBasicUiSchema: any = (theme)=>{
262
172
  },
263
173
  ],
264
174
  },
265
- // {
266
- // type: "HorizontalLayout",
267
- // config: {
268
- // layout:{xs:12,sm: 6}
269
- // },
270
- // elements: [
271
- // {
272
- // type: "Control",
273
- // scope: "#/properties/RemoveItemButton",
274
- // options: {
275
- // widget: "IconButton",
276
- // },
277
- // config: {
278
- // layout: { xs: 1, sm: 1 },
279
- // main: {
280
- // onClick: "RemoveItemButton",
281
- // size: "large",
282
- // icon: "RejectIcon",
283
- // styleDefault: true,
284
- // },
285
- // style:{
286
- // marginLeft: "-10px"
287
- // }
288
- // },
289
- // },
290
-
291
- // {
292
- // type: "Control",
293
- // scope: "#/properties/copiedElementDetails",
294
-
295
- // options: {
296
- // widget: "Box",
297
- // },
298
- // config: {
299
- // layout: { xs: 6, sm: 6 },
300
- // main: {
301
- // heading: "No element copied",
302
- // },
303
- // style: {
304
- // color: "#535557",
305
- // marginLeft: "-10px",
306
- // fontSize: "12px",
307
- // marginTop: "4px"
308
- // },
309
- // },
310
- // },
311
- // {
312
- // type: "Control",
313
- // scope: "#/properties/EmptyBox",
314
- // options: {
315
- // widget: "EmptyBox",
316
- // },
317
- // config: {
318
- // layout: { xs: 1, sm: 5 },
319
- // },
320
- // },
321
- // ]
322
- // },
323
-
324
175
  {
325
176
  type: "WrapperLayout",
326
177
  config: {
@@ -407,15 +258,16 @@ export const componentBasicUiSchema: any = (theme)=>{
407
258
  config: {
408
259
  layout: 11,
409
260
  main: {
410
- heading: "Are you sure you want to delete ?",
261
+ heading: "Are you sure you want to delete this Component ?",
411
262
  },
412
263
  style:{
413
- marginTop: "-20px",
414
- fontSize: "20px",
415
264
  "&.MuiTypography-root": {
416
- padding: "10px 30px 20px 30px",
265
+ padding: "0px 20px",
417
266
  textAlign: "center",
418
- lineHeight: "1"
267
+ lineHeight: "1.2",
268
+ fontWeight: "normal",
269
+ fontSize: "18px",
270
+ marginBottom: theme.spacing(5)
419
271
  }
420
272
  }
421
273
  },
@@ -445,6 +297,8 @@ export const componentBasicUiSchema: any = (theme)=>{
445
297
  },
446
298
  style: {
447
299
  position: "absolute",
300
+ padding: "8px 0px",
301
+ fontSize: "16px",
448
302
  bottom: 0,
449
303
  left: 0,
450
304
  width: "50%",
@@ -480,6 +334,8 @@ export const componentBasicUiSchema: any = (theme)=>{
480
334
  },
481
335
  style: {
482
336
  position: "absolute",
337
+ padding: "8px 0px",
338
+ fontSize: "16px",
483
339
  bottom: 0,
484
340
  right: 0,
485
341
  width: "50%",
@@ -530,15 +386,17 @@ export const componentBasicUiSchema: any = (theme)=>{
530
386
  config: {
531
387
  layout: 11,
532
388
  main: {
533
- heading: "Are you sure you want to delete ?",
389
+ heading: "Are you sure you want to delete this Event ?",
534
390
  },
535
391
  style:{
536
- marginTop: "-20px",
537
392
  fontSize: "20px",
538
393
  "&.MuiTypography-root": {
539
- padding: "10px 30px 20px 30px",
394
+ padding: "0px 20px",
540
395
  textAlign: "center",
541
- lineHeight: "1"
396
+ lineHeight: "1.2",
397
+ fontWeight: "normal",
398
+ fontSize: "18px",
399
+ marginBottom: theme.spacing(5)
542
400
  }
543
401
  }
544
402
  },
@@ -568,6 +426,8 @@ export const componentBasicUiSchema: any = (theme)=>{
568
426
  },
569
427
  style: {
570
428
  position: "absolute",
429
+ padding: "8px 0px",
430
+ fontSize: "16px",
571
431
  bottom: 0,
572
432
  left: 0,
573
433
  width: "50%",
@@ -603,6 +463,8 @@ export const componentBasicUiSchema: any = (theme)=>{
603
463
  },
604
464
  style: {
605
465
  position: "absolute",
466
+ padding: "8px 0px",
467
+ fontSize: "16px",
606
468
  bottom: 0,
607
469
  right: 0,
608
470
  width: "50%",
@@ -623,6 +485,31 @@ export const componentBasicUiSchema: any = (theme)=>{
623
485
  },
624
486
  ]
625
487
  },
488
+ {
489
+ type: "Control",
490
+ scope: "#/properties/pageName",
491
+
492
+ options: {
493
+ widget: "Breadcrumb",
494
+ },
495
+ config: {
496
+ layout: 12,
497
+ main: {
498
+ onNavigatePopupNo: "onNavigatePopupNo",
499
+ onNavigatePopupYes: "onNavigatePopupYes"
500
+ },
501
+ style: {
502
+ paddingLeft: theme.spacing(3),
503
+ color:theme.palette.grey[600],
504
+ fontSize:"10px",
505
+ position: "fixed",
506
+ bottom: "24px",
507
+ borderBottom: `1px solid ${theme.palette.common.black}29`,
508
+ borderTop: `1px solid ${theme.palette.common.black}29`,
509
+ backgroundColor: theme.palette.background.default,
510
+ },
511
+ },
512
+ },
626
513
  {
627
514
  type: "Control",
628
515
  scope: "#/properties/notify",