impaktapps-ui-builder 0.0.595 → 0.0.961

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 (55) hide show
  1. package/dist/impaktapps-ui-builder.es.js +482 -349
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +16 -16
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/buildCard.d.ts +1 -1
  6. package/dist/src/impaktapps-ui-builder/builder/build/buildTable.d.ts +0 -1
  7. package/dist/src/impaktapps-ui-builder/builder/build/buildUiSchema.d.ts +1 -1
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/apiSection.d.ts +1 -0
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.d.ts +23 -0
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/card.d.ts +104 -83
  11. package/dist/src/impaktapps-ui-builder/builder/build/uischema/graph.d.ts +0 -1
  12. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +1 -1
  13. package/dist/src/impaktapps-ui-builder/builder/services/utils.d.ts +4 -4
  14. package/dist/src/impaktapps-ui-builder/lib/index.d.ts +1 -1
  15. package/package.json +1 -1
  16. package/src/impaktapps-ui-builder/builder/build/buildCard.ts +6 -6
  17. package/src/impaktapps-ui-builder/builder/build/buildFileInput.ts +1 -1
  18. package/src/impaktapps-ui-builder/builder/build/buildHorizontalBarGraph.ts +4 -0
  19. package/src/impaktapps-ui-builder/builder/build/buildPieGraph.ts +3 -1
  20. package/src/impaktapps-ui-builder/builder/build/buildProgressBar.ts +1 -1
  21. package/src/impaktapps-ui-builder/builder/build/buildRadio.ts +1 -1
  22. package/src/impaktapps-ui-builder/builder/build/buildSchema.ts +1 -1
  23. package/src/impaktapps-ui-builder/builder/build/buildStackBarGraph.ts +3 -0
  24. package/src/impaktapps-ui-builder/builder/build/buildTable.ts +23 -29
  25. package/src/impaktapps-ui-builder/builder/build/buildTextArea.ts +6 -0
  26. package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts +20 -12
  27. package/src/impaktapps-ui-builder/builder/build/buildUplaodFile.ts +16 -19
  28. package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +10 -10
  29. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +98 -50
  30. package/src/impaktapps-ui-builder/builder/build/uischema/button.ts +1 -1
  31. package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +132 -90
  32. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +11 -11
  33. package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +3 -3
  34. package/src/impaktapps-ui-builder/builder/build/uischema/file.ts +2 -2
  35. package/src/impaktapps-ui-builder/builder/build/uischema/graph.ts +0 -1
  36. package/src/impaktapps-ui-builder/builder/build/uischema/leaderBoard.ts +6 -7
  37. package/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.ts +1 -1
  38. package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +3 -3
  39. package/src/impaktapps-ui-builder/builder/build/uischema/selectInputField.ts +1 -1
  40. package/src/impaktapps-ui-builder/builder/build/uischema/textInputField.ts +1 -1
  41. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +3 -3
  42. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +3 -3
  43. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +32 -1
  44. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +15 -31
  45. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +18 -11
  46. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +7 -16
  47. package/src/impaktapps-ui-builder/builder/services/component.ts +15 -22
  48. package/src/impaktapps-ui-builder/builder/services/event.ts +33 -7
  49. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +12 -12
  50. package/src/impaktapps-ui-builder/builder/services/utils.ts +12 -12
  51. package/src/impaktapps-ui-builder/lib/index.ts +1 -1
  52. package/src/impaktapps-ui-builder/runtime/services/events.ts +4 -5
  53. package/src/impaktapps-ui-builder/runtime/services/service.ts +6 -6
  54. package/dist/src/impaktapps-ui-builder/builder/build/uischema/lazyLoadingTable.d.ts +0 -15
  55. package/src/impaktapps-ui-builder/builder/build/uischema/lazyLoadingTable.ts +0 -15
package/src/impaktapps-ui-builder/builder/build/uischema/card.ts CHANGED
@@ -1,98 +1,140 @@
1
- export default {
2
- type: "WrapperLayout",
3
- config: {
4
- main: {
5
- rowSpacing: 0.5,
6
- },
7
- componentsBoxStyle: {
8
- position: "relative",
9
- color: "white",
10
- height: { xs: "120px", md: "160px" },
11
- width: "100%",
12
- textAlign: "left",
13
- background: "#3f51b5",
14
- borderRadius: "20px",
15
- },
16
- layout: { xs: 12, sm: 12, md: 6, lg: 6, },
17
- },
18
- elements: [
19
- {
20
- type: "Control",
21
- scope: "#/properties/programType",
22
- config: {
23
- main: {
24
- heading: "$5000.00",
25
- },
26
- style: {
27
- position: "absolute",
28
- left: "10%",
29
- top: "15%",
30
- color: "#f5effc",
31
- height: "80px",
32
- display: "flex",
33
- fontSize: { xs: "24px", md: "32px" },
34
- alignItems: "center",
35
- background: "inherit",
36
- justifyContent: "flex-start",
37
-
38
- },
39
- layout: 5,
1
+ export default function Card(theme){
2
+ const uiSchema = {
3
+ type: "WrapperLayout",
4
+ config: {
5
+ main: {
6
+ },
7
+ wrapperStyle: {
8
+
40
9
  },
41
- options: {
42
- widget: "Box",
10
+ componentsBoxStyle: {
11
+ flexDirection: "row",
12
+ flexWrap: "nowrap",
13
+ width: "100%",
14
+ background: "transparent",
15
+ border: `1.5px solid ${theme.palette.primary.main}`,
16
+ borderRadius: "20px",
17
+ padding: "0px 20px 0px 20px",
18
+ "&: hover": {
19
+ background: `${theme.palette.primary.main}`,
20
+ border: `1.5px solid black`,
21
+ "& p": {
22
+ color: "white"
23
+ }
24
+ }
43
25
  },
26
+ layout: { xs: 12, sm: 12, md: 6, lg: 6, },
44
27
  },
45
- {
46
- type: "Control",
47
- scope: "#/properties/programType",
48
- config: {
49
- main: {
50
- url: "https://www.svgrepo.com/show/500606/loading.svg",
28
+ elements: [
29
+ {
30
+ type: "HorizontalLayout",
31
+ config: {
32
+ layout: 8
51
33
  },
52
- style: {
53
- color: "#f5effc",
54
- objectFit: "contain",
55
- position: "absolute",
56
- top: "10px",
57
- right: "10px",
58
- height: "80%",
59
- width: "35%",
60
- display: "flex",
61
- fontSize: "34px",
62
- alignItems: "center",
63
- background: "inherit",
64
- padding: "20px",
65
- justifyContent: "left",
66
- },
67
- layout: 5,
68
- },
69
- options: {
70
- widget: "Image",
34
+ elements: [
35
+ {
36
+ type: "WrapperLayout",
37
+ config: {
38
+ main: {
39
+ columnSpacing: 0,
40
+ gap: 0
41
+ },
42
+ wrapperStyle: {
43
+ marginTop: "4px",
44
+ background: "transparent"
45
+ },
46
+ componentsBoxStyle: {
47
+ flexDirection: "column",
48
+ flexWrap: "nowrap",
49
+ width: '100%',
50
+ height: 'inherit',
51
+ background: "transparent",
52
+ borderRadius: "0px",
53
+ },
54
+ layout: 12,
55
+ },
56
+ elements: [
57
+ {
58
+ type: "Control",
59
+ scope: "#/properties/programType",
60
+ config: {
61
+ main: {
62
+ heading: "$5000.00",
63
+ },
64
+ style: {
65
+ color: "black",
66
+ display: "flex",
67
+ fontSize: { xs: "24px", md: "28px" },
68
+ fontWeight: "bold",
69
+ background: "inherit",
70
+ justifyContent: "flex-start",
71
+ width: "calc(100%+8px)",
72
+ margin: "-8px",
73
+ },
74
+ layout: 12,
75
+ },
76
+ options: {
77
+ widget: "Box",
78
+ },
79
+ },
80
+ {
81
+ type: "Control",
82
+ scope: "#/properties/programType",
83
+ config: {
84
+ main: {
85
+ heading: "Total Earnings",
86
+ },
87
+ style: {
88
+ color: "black",
89
+ fontSize: "16px",
90
+ justifyContent: "center",
91
+ textWrap: "wrap",
92
+ background: "inherit",
93
+ width: "calc(100%+8pc)",
94
+ margin: "-8px",
95
+ lineHeight: "1"
96
+ },
97
+ layout: 12,
98
+ },
99
+
100
+ options: {
101
+ widget: "Box",
102
+ },
103
+ },
104
+ ]
105
+ },
106
+ ]
71
107
  },
72
- },
73
- {
74
- type: "Control",
75
- scope: "#/properties/programType",
76
- config: {
77
- main: {
78
- heading: "Total Earnings",
108
+ {
109
+ type: "Control",
110
+ scope: "#/properties/programType",
111
+ config: {
112
+ main: {
113
+ url: "https://www.svgrepo.com/show/500606/loading.svg",
114
+ },
115
+ style: {
116
+ containerStyle: {
117
+ height: '100%',
118
+ display: "flex",
119
+ justifyContent: "center"
120
+ },
121
+ imageStyle: {
122
+ // width: "none",
123
+ height: '100%',
124
+ fontSize: "none",
125
+ padding: "4px",
126
+ marginLeft: "8px"
127
+ },
128
+ },
129
+ layout: 4,
79
130
  },
80
- style: {
81
- position: "absolute",
82
- top: "calc(60%)",
83
- alignItems: "center",
84
- color: "#8999e8",
85
- fontSize: "16px",
86
- left: "10%",
87
- background: "inherit",
88
- justifyContent: "center",
131
+ options: {
132
+ widget: "Image",
89
133
  },
90
- layout: 12,
91
134
  },
92
-
93
- options: {
94
- widget: "Box",
95
- },
96
- },
97
- ],
98
- };
135
+
136
+ ],
137
+ };
138
+
139
+ return uiSchema
140
+ }
package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts CHANGED
@@ -9,7 +9,7 @@ export const CoreSection = {
9
9
  widget: "SelectInputField",
10
10
  },
11
11
  config: {
12
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
12
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
13
13
  main: {
14
14
  label: "Type",
15
15
  type: "text",
@@ -24,7 +24,7 @@ export const CoreSection = {
24
24
  widget: "InputField",
25
25
  },
26
26
  config: {
27
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
27
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
28
28
  main: {
29
29
  label: "Name",
30
30
  },
@@ -38,7 +38,7 @@ export const CoreSection = {
38
38
  widget: "InputField",
39
39
  },
40
40
  config: {
41
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
41
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
42
42
  main: {
43
43
  label: "Label",
44
44
  },
@@ -51,7 +51,7 @@ export const CoreSection = {
51
51
  widget: "SelectInputField",
52
52
  },
53
53
  config: {
54
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
54
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
55
55
  main: {
56
56
  label: "Column Format",
57
57
 
@@ -62,7 +62,7 @@ export const CoreSection = {
62
62
  type: "Control",
63
63
  scope: "#/properties/proc",
64
64
  config: {
65
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
65
+ layout: { xs: 0, sm: 0, md: 4, lg: 4 },
66
66
  },
67
67
  options: {
68
68
  widget: "EmptyBox",
@@ -72,7 +72,7 @@ export const CoreSection = {
72
72
  type: "Control",
73
73
  scope: "#/properties/proc",
74
74
  config: {
75
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
75
+ layout: { xs: 0, sm: 0, md: 4, lg: 4 },
76
76
  },
77
77
  options: {
78
78
  widget: "EmptyBox",
@@ -95,7 +95,7 @@ export const CoreSection = {
95
95
  widget: "SelectInputField",
96
96
  },
97
97
  config: {
98
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
98
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
99
99
  main: {
100
100
  label: "Screen Size",
101
101
 
@@ -110,7 +110,7 @@ export const CoreSection = {
110
110
  widget: "InputField",
111
111
  },
112
112
  config: {
113
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
113
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
114
114
  main: {
115
115
  label: "Value",
116
116
  type:"number",
@@ -124,7 +124,7 @@ export const CoreSection = {
124
124
  type: "Control",
125
125
  scope: "#/properties/proc",
126
126
  config: {
127
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
127
+ layout: { xs: 0, sm: 0, md: 4, lg: 4 },
128
128
  },
129
129
  options: {
130
130
  widget: "EmptyBox",
@@ -152,7 +152,7 @@ export const OptionArray: any = {
152
152
  widget: "SelectInputField",
153
153
  },
154
154
  config: {
155
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
155
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
156
156
  main: {
157
157
  label: "Label",
158
158
  },
@@ -166,7 +166,7 @@ export const OptionArray: any = {
166
166
  widget: "InputField",
167
167
  },
168
168
  config: {
169
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
169
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
170
170
  main: {
171
171
  label: "Value",
172
172
  helperText: 'Number should be in range of 0 to 12',
package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts CHANGED
@@ -5,8 +5,8 @@ export default {
5
5
  widget: "DateInputField",
6
6
  },
7
7
 
8
- config: {
9
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
8
+ config: {
9
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
10
10
  main: {
11
11
  label: "",
12
12
  type: "date",
@@ -21,7 +21,7 @@ export const DateTime = {
21
21
  },
22
22
 
23
23
  config: {
24
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
24
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
25
25
  main: {
26
26
  label: "DateTime",
27
27
  type: "date",
package/src/impaktapps-ui-builder/builder/build/uischema/file.ts CHANGED
@@ -13,7 +13,7 @@ export const uploadFile = {
13
13
  "style": {
14
14
  "backgroundColor": "none"
15
15
  },
16
- layout: { xs: 11, sm: 4, md: 4, lg: 4 }
16
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 }
17
17
  },
18
18
  "options": {
19
19
  "widget": "UploadFile"
@@ -30,7 +30,7 @@ export const downloadFile = {
30
30
  "style": {
31
31
  "backgroundColor": "none"
32
32
  },
33
- layout: { xs: 11, sm: 4, md: 4, lg: 4 }
33
+ layout: { xs: 12, sm: 6, md: 4, lg: 4 }
34
34
  },
35
35
  "options": {
36
36
  "widget": "DownloadFile"
package/src/impaktapps-ui-builder/builder/build/uischema/graph.ts CHANGED
@@ -47,7 +47,6 @@ export const LineGraph = {
47
47
  hideBottomAxisLine: false,
48
48
  legend: {
49
49
  labelColor: "green",
50
- legendTitle: "Our Assests",
51
50
  direction: "row",
52
51
  align: "right",
53
52
  colorRectWidth: 20,
package/src/impaktapps-ui-builder/builder/build/uischema/leaderBoard.ts CHANGED
@@ -43,9 +43,9 @@ export default {
43
43
  border: "5px solid rgb(179, 198, 255)",
44
44
  height: { "xs": "100px", "sm": "100px", "md": "200px" },
45
45
  borderRadius: "50%"
46
-
46
+
47
47
  },
48
-
48
+
49
49
  },
50
50
  layout: 6,
51
51
  },
@@ -67,7 +67,6 @@ export default {
67
67
  width: "100%",
68
68
  height: "100%",
69
69
  borderRadius: "50%"
70
-
71
70
  },
72
71
  containerStyle: {
73
72
  objectFit: "cover",
@@ -78,9 +77,9 @@ export default {
78
77
  border: "5px solid rgb(179, 198, 255)",
79
78
  height: { "xs": "80px", "sm": "80px", "md": "180px" },
80
79
  borderRadius: "50%"
81
-
80
+
82
81
  },
83
-
82
+
84
83
  },
85
84
  layout: 6,
86
85
  },
@@ -111,9 +110,9 @@ export default {
111
110
  border: "5px solid rgb(179, 198, 255)",
112
111
  height: { "xs": "80px", "sm": "80px", "md": "180px" },
113
112
  borderRadius: "50%"
114
-
113
+
115
114
  },
116
-
115
+
117
116
  },
118
117
  layout: 6,
119
118
  },
package/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.ts CHANGED
@@ -6,7 +6,7 @@ export default {
6
6
  widget: "MultipleSelect",
7
7
  },
8
8
  config: {
9
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
9
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
10
10
  main: {
11
11
  label: "",
12
12
  type: "text",
package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts CHANGED
@@ -19,7 +19,7 @@ export const refreshSectionUiSchema = {
19
19
  widget: "InputField",
20
20
  },
21
21
  config: {
22
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
22
+ layout: { xs: 12, sm: 6, md: 4, lg: 4 },
23
23
  main: {
24
24
  label: "Value",
25
25
  },
@@ -33,7 +33,7 @@ export const refreshSectionUiSchema = {
33
33
  widget: "EmptyBox",
34
34
  },
35
35
  config: {
36
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
36
+ layout: { xs: 0, sm: 6, md: 4, lg: 4 },
37
37
  main: {
38
38
 
39
39
  },
@@ -47,7 +47,7 @@ export const refreshSectionUiSchema = {
47
47
  widget: "EmptyBox",
48
48
  },
49
49
  config: {
50
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
50
+ layout: { xs: 0, sm: 0, md: 4, lg: 4 },
51
51
  main: {
52
52
 
53
53
  },
package/src/impaktapps-ui-builder/builder/build/uischema/selectInputField.ts CHANGED
@@ -6,7 +6,7 @@ export default {
6
6
  widget: "SelectInputField",
7
7
  },
8
8
  config: {
9
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
9
+ layout: { xs: 12, sm: 6, md: 4, lg: 4 },
10
10
  main: {
11
11
  label: "",
12
12
  type: "text",
package/src/impaktapps-ui-builder/builder/build/uischema/textInputField.ts CHANGED
@@ -6,7 +6,7 @@ export default {
6
6
  widget: "InputField",
7
7
  },
8
8
  config: {
9
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
9
+ layout: { xs: 12, sm: 6, md: 4, lg: 4 },
10
10
  main: {
11
11
  label: "",
12
12
  },
package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts CHANGED
@@ -18,7 +18,7 @@ export const ValidationSection = {
18
18
  widget: "SelectInputField",
19
19
  },
20
20
  config: {
21
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
21
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
22
22
  main: {
23
23
  label: "Validation Type",
24
24
  },
@@ -32,7 +32,7 @@ export const ValidationSection = {
32
32
  widget: "InputField",
33
33
  },
34
34
  config: {
35
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
35
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
36
36
  main: {
37
37
  label: "Validation Value",
38
38
  },
@@ -45,7 +45,7 @@ export const ValidationSection = {
45
45
  widget: "EmptyBox"
46
46
  },
47
47
  config: {
48
- layout: {xs: 0, sm: 4}
48
+ layout: {xs: 0, sm: 0, md: 4}
49
49
  }
50
50
  }
51
51
  ],
package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts CHANGED
@@ -18,7 +18,7 @@ export const ValueTab = {
18
18
  widget: "InputField",
19
19
  },
20
20
  config: {
21
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
21
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
22
22
  main: {
23
23
  label: "Label",
24
24
  },
@@ -32,7 +32,7 @@ export const ValueTab = {
32
32
  widget: "InputField",
33
33
  },
34
34
  config: {
35
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
35
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
36
36
  main: {
37
37
  label: "Value",
38
38
 
@@ -46,7 +46,7 @@ export const ValueTab = {
46
46
  widget: "EmptyBox"
47
47
  },
48
48
  config: {
49
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
49
+ layout: { xs: 0, sm: 0, md: 4, lg: 4 },
50
50
  }
51
51
  }
52
52
  ],
package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts CHANGED
@@ -69,7 +69,7 @@ export const ComponentSchema: any = {
69
69
  type: "array",
70
70
  items: {
71
71
  type: "object",
72
- properties: {
72
+ properties: {
73
73
  key: {
74
74
  type: "string",
75
75
  oneOf: [
@@ -190,6 +190,36 @@ export const ComponentSchema: any = {
190
190
  },
191
191
  },
192
192
  },
193
+ enableColumnFilter:{
194
+ type: "array",
195
+ items: {
196
+ type: "object",
197
+ properties: {
198
+ keyName: {
199
+ type: "string",
200
+ },
201
+ },
202
+ },
203
+ },
204
+ filteringOptions:{
205
+ type: "array",
206
+ items:{
207
+ oneOf: [
208
+ { const: 'fuzzy', title: 'Fuzzy' },
209
+ { const: 'contains', title: 'Contain' },
210
+ { const: 'startsWith', title: 'Starts with' },
211
+ { const: 'endsWith', title: 'Ends with' },
212
+ { const: 'equals', title: 'Equals' },
213
+ { const: 'notEquals', title: 'Not Equals' },
214
+ { const: 'between', title: 'Between' },
215
+ { const: 'betweenInclusive', title: 'Between inclusive' },
216
+ { const: 'greaterThan', title: 'Greater than' },
217
+ { const: 'greaterThanOrEqualTo', title: 'Greater than or equal to' },
218
+ { const: 'lessThan', title: 'Less than' },
219
+ { const: 'lessThanOrEqualTo', title: 'Less than or equal to' },
220
+ ]
221
+ },
222
+ },
193
223
  legendLabels: {
194
224
  type: "array",
195
225
  items: {
@@ -273,6 +303,7 @@ export const ComponentSchema: any = {
273
303
  { title: "Line Graph", const: "LineGraph" },
274
304
  { title: "Pie Graph", const: "PieGraph" },
275
305
  { title: "Horizontal Bar Graph", const: "HorizontalBarGraph" },
306
+ { title: "Stack Horizontal Bar Graph", const: "HorizontalStackBarGraph" }
276
307
  ]
277
308
  },
278
309
  iconName: {